Skip to content

Commit dfac189

Browse files
author
Luke Bowerman
authored
fix(design-tokens): generateTheme now tolerates poorly encoded font stack (#1915)
* fix: generateTheme now tolerates poorly encoded font stack * Fix test names
1 parent 8377f95 commit dfac189

File tree

45 files changed

+179
-159
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

45 files changed

+179
-159
lines changed

‎packages/components/src/Animate/__snapshots__/Animate.test.tsx.snap‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
exports[`FadeIn renders with defaults 1`] = `
44
.c0 {
5-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
5+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
66
-webkit-animation-delay: 0ms;
77
animation-delay: 0ms;
88
-webkit-animation-duration: 150ms;
@@ -24,7 +24,7 @@ exports[`FadeIn renders with defaults 1`] = `
2424

2525
exports[`FadeIn renders with delay and duration props 1`] = `
2626
.c0 {
27-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
27+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
2828
-webkit-animation-delay: 500ms;
2929
animation-delay: 500ms;
3030
-webkit-animation-duration: 400ms;

‎packages/components/src/Button/__snapshots__/Button.test.tsx.snap‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
exports[`Button Focus: renders outline when tabbing into focus, but not when clicking 1`] = `
44
.c0 {
5-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
5+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
66
-webkit-align-items: center;
77
-webkit-box-align: center;
88
-ms-flex-align: center;
@@ -13,7 +13,7 @@ exports[`Button Focus: renders outline when tabbing into focus, but not when cli
1313
display: -webkit-inline-flex;
1414
display: -ms-inline-flexbox;
1515
display: inline-flex;
16-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
16+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
1717
font-weight: 500;
1818
-webkit-box-pack: center;
1919
-webkit-justify-content: center;
@@ -74,7 +74,7 @@ exports[`Button Focus: renders outline when tabbing into focus, but not when cli
7474

7575
exports[`Button Focus: renders outline when tabbing into focus, but not when clicking 2`] = `
7676
<button
77-
class="ButtonBase__ButtonOuter-sc-1bpio6j-0 gPlLFm ButtonBase-sc-1bpio6j-1 Button-sc-18euc9m-0 itHerX eVQcHb"
77+
class="ButtonBase__ButtonOuter-sc-1bpio6j-0 dasaca ButtonBase-sc-1bpio6j-1 Button-sc-18euc9m-0 itHerX eVQcHb"
7878
>
7979
focus
8080
</button>

‎packages/components/src/Button/__snapshots__/ButtonGroup.test.tsx.snap‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ exports[`ButtonGroup controlled 1`] = `
1414
display: -webkit-inline-flex;
1515
display: -ms-inline-flexbox;
1616
display: inline-flex;
17-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
17+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
1818
font-size: 0.875rem;
1919
height: 36px;
2020
-webkit-box-pack: center;
@@ -62,7 +62,7 @@ exports[`ButtonGroup controlled 1`] = `
6262
}
6363
6464
.c0 {
65-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
65+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
6666
-webkit-align-items: center;
6767
-webkit-box-align: center;
6868
-ms-flex-align: center;

‎packages/components/src/Button/__snapshots__/ButtonOutline.test.tsx.snap‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
exports[`ButtonOutline Focus: renders outline when tabbing into focus, but not when clicking 1`] = `
44
.c0 {
5-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
5+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
66
-webkit-align-items: center;
77
-webkit-box-align: center;
88
-ms-flex-align: center;
@@ -13,7 +13,7 @@ exports[`ButtonOutline Focus: renders outline when tabbing into focus, but not w
1313
display: -webkit-inline-flex;
1414
display: -ms-inline-flexbox;
1515
display: inline-flex;
16-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
16+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
1717
font-weight: 500;
1818
-webkit-box-pack: center;
1919
-webkit-justify-content: center;
@@ -76,7 +76,7 @@ exports[`ButtonOutline Focus: renders outline when tabbing into focus, but not w
7676

7777
exports[`ButtonOutline Focus: renders outline when tabbing into focus, but not when clicking 2`] = `
7878
<button
79-
class="ButtonBase__ButtonOuter-sc-1bpio6j-0 gPlLFm ButtonBase-sc-1bpio6j-1 ButtonOutline-ncggc7-0 itHerX khgIBY"
79+
class="ButtonBase__ButtonOuter-sc-1bpio6j-0 dasaca ButtonBase-sc-1bpio6j-1 ButtonOutline-ncggc7-0 itHerX khgIBY"
8080
>
8181
focus
8282
</button>

‎packages/components/src/Button/__snapshots__/ButtonToggle.test.tsx.snap‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ exports[`ButtonToggle controlled 1`] = `
1414
display: -webkit-inline-flex;
1515
display: -ms-inline-flexbox;
1616
display: inline-flex;
17-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
17+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
1818
font-size: 0.875rem;
1919
height: 36px;
2020
-webkit-box-pack: center;
@@ -62,7 +62,7 @@ exports[`ButtonToggle controlled 1`] = `
6262
}
6363
6464
.c0 {
65-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
65+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
6666
-webkit-align-items: center;
6767
-webkit-box-align: center;
6868
-ms-flex-align: center;

‎packages/components/src/Button/__snapshots__/ButtonTransparent.test.tsx.snap‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
exports[`ButtonTransparent Focus: renders outline when tabbing into focus, but not when clicking 1`] = `
44
.c0 {
5-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
5+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
66
-webkit-align-items: center;
77
-webkit-box-align: center;
88
-ms-flex-align: center;
@@ -13,7 +13,7 @@ exports[`ButtonTransparent Focus: renders outline when tabbing into focus, but n
1313
display: -webkit-inline-flex;
1414
display: -ms-inline-flexbox;
1515
display: inline-flex;
16-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
16+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
1717
font-weight: 500;
1818
-webkit-box-pack: center;
1919
-webkit-justify-content: center;
@@ -76,7 +76,7 @@ exports[`ButtonTransparent Focus: renders outline when tabbing into focus, but n
7676

7777
exports[`ButtonTransparent Focus: renders outline when tabbing into focus, but not when clicking 2`] = `
7878
<button
79-
class="ButtonBase__ButtonOuter-sc-1bpio6j-0 gPlLFm ButtonBase-sc-1bpio6j-1 ButtonTransparent-sc-799h13-0 itHerX iAPKHo"
79+
class="ButtonBase__ButtonOuter-sc-1bpio6j-0 dasaca ButtonBase-sc-1bpio6j-1 ButtonTransparent-sc-799h13-0 itHerX iAPKHo"
8080
>
8181
focus
8282
</button>

‎packages/components/src/Card/__snapshots__/Card.test.tsx.snap‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
exports[`A Card 1`] = `
44
.c0 {
5-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
5+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
66
border: 1px solid;
77
border-color: #C1C6CC;
88
border-radius: 0.25rem;
@@ -34,7 +34,7 @@ exports[`A Card 1`] = `
3434

3535
exports[`A raised Card 1`] = `
3636
.c0 {
37-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
37+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
3838
border: 1px solid;
3939
border-color: #C1C6CC;
4040
border-radius: 0.25rem;
@@ -71,7 +71,7 @@ exports[`A raised Card 1`] = `
7171

7272
exports[`A raised Card with a CardMedia block 1`] = `
7373
.c0 {
74-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
74+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
7575
border: 1px solid;
7676
border-color: #C1C6CC;
7777
border-radius: 0.25rem;

‎packages/components/src/Chip/__snapshots__/Chip.test.tsx.snap‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22

33
exports[`Chip renders correctly 1`] = `
44
.c1 {
5-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
5+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
66
}
77
88
.c0 {
9-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
9+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
1010
-webkit-align-items: center;
1111
-webkit-box-align: center;
1212
-ms-flex-align: center;
@@ -76,11 +76,11 @@ exports[`Chip renders correctly 1`] = `
7676

7777
exports[`Chip renders disabled 1`] = `
7878
.c1 {
79-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
79+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
8080
}
8181
8282
.c0 {
83-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
83+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
8484
-webkit-align-items: center;
8585
-webkit-box-align: center;
8686
-ms-flex-align: center;

‎packages/components/src/ChipButton/__snapshots__/ChipButton.test.tsx.snap‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22

33
exports[`ChipButton renders correctly 1`] = `
44
.c2 {
5-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
5+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
66
}
77
88
.c0 {
9-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
9+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
1010
-webkit-align-items: center;
1111
-webkit-box-align: center;
1212
-ms-flex-align: center;

‎packages/components/src/Divider/__snapshots__/Divider.test.tsx.snap‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
exports[`A custom Divider 1`] = `
44
.c0 {
5-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
5+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
66
border: none;
77
background-color: turquoise;
88
}
@@ -19,7 +19,7 @@ exports[`A custom Divider 1`] = `
1919

2020
exports[`Default Divider 1`] = `
2121
.c0 {
22-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
22+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
2323
border: none;
2424
background-color: #C1C6CC;
2525
}
@@ -36,7 +36,7 @@ exports[`Default Divider 1`] = `
3636

3737
exports[`Divider with a variant 1`] = `
3838
.c0 {
39-
font-family: Roboto,'Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
39+
font-family: Roboto,'Noto Sans','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI',Helvetica,Arial,sans-serif;
4040
border: none;
4141
background-color: #707781;
4242
}

0 commit comments

Comments
 (0)