@primer/primitives 7.15.5-rc.dcac358 → 7.15.6-rc.df0f9bf
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/functional/themes/dark-colorblind.css +9 -6
- package/dist/css/functional/themes/dark-dimmed.css +9 -6
- package/dist/css/functional/themes/dark-high-contrast.css +7 -4
- package/dist/css/functional/themes/dark-tritanopia.css +9 -6
- package/dist/css/functional/themes/dark.css +9 -6
- package/dist/css/functional/themes/light-colorblind.css +7 -4
- package/dist/css/functional/themes/light-high-contrast.css +5 -2
- package/dist/css/functional/themes/light-tritanopia.css +7 -4
- package/dist/css/functional/themes/light.css +7 -4
- package/dist/docs/functional/themes/dark-colorblind.json +4 -4
- package/dist/docs/functional/themes/dark-dimmed.json +4 -4
- package/dist/docs/functional/themes/dark-high-contrast.json +2 -2
- package/dist/docs/functional/themes/dark-tritanopia.json +4 -4
- package/dist/docs/functional/themes/dark.json +4 -4
- package/dist/docs/functional/themes/light-colorblind.json +3 -3
- package/dist/docs/functional/themes/light-tritanopia.json +3 -3
- package/dist/docs/functional/themes/light.json +3 -3
- package/dist/figma/themes/dark.json +3 -3
- package/dist/figma/themes/light.json +2 -2
- package/dist/scss/functional/themes/dark-colorblind.scss +2 -2
- package/dist/scss/functional/themes/dark-dimmed.scss +2 -2
- package/dist/scss/functional/themes/dark-high-contrast.scss +1 -1
- package/dist/scss/functional/themes/dark-tritanopia.scss +2 -2
- package/dist/scss/functional/themes/dark.scss +2 -2
- package/dist/scss/functional/themes/light-colorblind.scss +1 -1
- package/dist/scss/functional/themes/light-tritanopia.scss +1 -1
- package/dist/scss/functional/themes/light.scss +1 -1
- package/package.json +1 -1
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +9 -6
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +9 -6
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +7 -4
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +9 -6
- package/tokens-next-private/css/functional/themes/dark.css +9 -6
- package/tokens-next-private/css/functional/themes/light-colorblind.css +7 -4
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +5 -2
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +7 -4
- package/tokens-next-private/css/functional/themes/light.css +7 -4
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4 -4
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4 -4
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +2 -2
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4 -4
- package/tokens-next-private/docs/functional/themes/dark.json +4 -4
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +3 -3
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +3 -3
- package/tokens-next-private/docs/functional/themes/light.json +3 -3
- package/tokens-next-private/figma/themes/dark.json +3 -3
- package/tokens-next-private/figma/themes/light.json +2 -2
- package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +2 -2
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +2 -2
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +1 -1
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +2 -2
- package/tokens-next-private/scss/functional/themes/dark.scss +2 -2
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
- package/tokens-next-private/scss/functional/themes/light.scss +1 -1
- package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
- package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
|
@@ -1213,7 +1213,7 @@
|
|
|
1213
1213
|
"path": ["avatar", "bgColor"]
|
|
1214
1214
|
},
|
|
1215
1215
|
"avatar-borderColor": {
|
|
1216
|
-
"value": "#
|
|
1216
|
+
"value": "#30363d80",
|
|
1217
1217
|
"$type": "color",
|
|
1218
1218
|
"$extensions": {
|
|
1219
1219
|
"org.primer.figma": {
|
|
@@ -7473,7 +7473,7 @@
|
|
|
7473
7473
|
"path": ["borderColor", "default"]
|
|
7474
7474
|
},
|
|
7475
7475
|
"borderColor-muted": {
|
|
7476
|
-
"value": "#
|
|
7476
|
+
"value": "#30363d80",
|
|
7477
7477
|
"$type": "color",
|
|
7478
7478
|
"$extensions": {
|
|
7479
7479
|
"org.primer.figma": {
|
|
@@ -7486,7 +7486,7 @@
|
|
|
7486
7486
|
}
|
|
7487
7487
|
}
|
|
7488
7488
|
},
|
|
7489
|
-
"alpha": 0.
|
|
7489
|
+
"alpha": 0.5,
|
|
7490
7490
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
7491
7491
|
"isSource": true,
|
|
7492
7492
|
"original": {
|
|
@@ -7503,7 +7503,7 @@
|
|
|
7503
7503
|
}
|
|
7504
7504
|
}
|
|
7505
7505
|
},
|
|
7506
|
-
"alpha": 0.
|
|
7506
|
+
"alpha": 0.5
|
|
7507
7507
|
},
|
|
7508
7508
|
"name": "borderColor-muted",
|
|
7509
7509
|
"attributes": {},
|
|
@@ -7468,7 +7468,7 @@
|
|
|
7468
7468
|
"path": ["borderColor", "default"]
|
|
7469
7469
|
},
|
|
7470
7470
|
"borderColor-muted": {
|
|
7471
|
-
"value": "#
|
|
7471
|
+
"value": "#d0d7de80",
|
|
7472
7472
|
"$type": "color",
|
|
7473
7473
|
"$extensions": {
|
|
7474
7474
|
"org.primer.figma": {
|
|
@@ -7481,7 +7481,7 @@
|
|
|
7481
7481
|
}
|
|
7482
7482
|
}
|
|
7483
7483
|
},
|
|
7484
|
-
"alpha": 0.
|
|
7484
|
+
"alpha": 0.5,
|
|
7485
7485
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
7486
7486
|
"isSource": true,
|
|
7487
7487
|
"original": {
|
|
@@ -7498,7 +7498,7 @@
|
|
|
7498
7498
|
}
|
|
7499
7499
|
}
|
|
7500
7500
|
},
|
|
7501
|
-
"alpha": 0.
|
|
7501
|
+
"alpha": 0.5
|
|
7502
7502
|
},
|
|
7503
7503
|
"name": "borderColor-muted",
|
|
7504
7504
|
"attributes": {},
|
|
@@ -7460,7 +7460,7 @@
|
|
|
7460
7460
|
"path": ["borderColor", "default"]
|
|
7461
7461
|
},
|
|
7462
7462
|
"borderColor-muted": {
|
|
7463
|
-
"value": "#
|
|
7463
|
+
"value": "#d0d7de80",
|
|
7464
7464
|
"$type": "color",
|
|
7465
7465
|
"$extensions": {
|
|
7466
7466
|
"org.primer.figma": {
|
|
@@ -7473,7 +7473,7 @@
|
|
|
7473
7473
|
}
|
|
7474
7474
|
}
|
|
7475
7475
|
},
|
|
7476
|
-
"alpha": 0.
|
|
7476
|
+
"alpha": 0.5,
|
|
7477
7477
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
7478
7478
|
"isSource": true,
|
|
7479
7479
|
"original": {
|
|
@@ -7490,7 +7490,7 @@
|
|
|
7490
7490
|
}
|
|
7491
7491
|
}
|
|
7492
7492
|
},
|
|
7493
|
-
"alpha": 0.
|
|
7493
|
+
"alpha": 0.5
|
|
7494
7494
|
},
|
|
7495
7495
|
"name": "borderColor-muted",
|
|
7496
7496
|
"attributes": {},
|
|
@@ -7460,7 +7460,7 @@
|
|
|
7460
7460
|
"path": ["borderColor", "default"]
|
|
7461
7461
|
},
|
|
7462
7462
|
"borderColor-muted": {
|
|
7463
|
-
"value": "#
|
|
7463
|
+
"value": "#d0d7de80",
|
|
7464
7464
|
"$type": "color",
|
|
7465
7465
|
"$extensions": {
|
|
7466
7466
|
"org.primer.figma": {
|
|
@@ -7473,7 +7473,7 @@
|
|
|
7473
7473
|
}
|
|
7474
7474
|
}
|
|
7475
7475
|
},
|
|
7476
|
-
"alpha": 0.
|
|
7476
|
+
"alpha": 0.5,
|
|
7477
7477
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
7478
7478
|
"isSource": true,
|
|
7479
7479
|
"original": {
|
|
@@ -7490,7 +7490,7 @@
|
|
|
7490
7490
|
}
|
|
7491
7491
|
}
|
|
7492
7492
|
},
|
|
7493
|
-
"alpha": 0.
|
|
7493
|
+
"alpha": 0.5
|
|
7494
7494
|
},
|
|
7495
7495
|
"name": "borderColor-muted",
|
|
7496
7496
|
"attributes": {},
|
|
@@ -3537,10 +3537,10 @@
|
|
|
3537
3537
|
"r": 0.18823529411764706,
|
|
3538
3538
|
"g": 0.21176470588235294,
|
|
3539
3539
|
"b": 0.23921568627450981,
|
|
3540
|
-
"a": 0.
|
|
3540
|
+
"a": 0.5
|
|
3541
3541
|
},
|
|
3542
3542
|
"type": "COLOR",
|
|
3543
|
-
"alpha": 0.
|
|
3543
|
+
"alpha": 0.5,
|
|
3544
3544
|
"refId": "mode/borderColor/muted",
|
|
3545
3545
|
"reference": "mode/borderColor/default",
|
|
3546
3546
|
"collection": "mode",
|
|
@@ -5135,7 +5135,7 @@
|
|
|
5135
5135
|
"r": 0.18823529411764706,
|
|
5136
5136
|
"g": 0.21176470588235294,
|
|
5137
5137
|
"b": 0.23921568627450981,
|
|
5138
|
-
"a": 0.
|
|
5138
|
+
"a": 0.5
|
|
5139
5139
|
},
|
|
5140
5140
|
"type": "COLOR",
|
|
5141
5141
|
"refId": "mode/avatar/borderColor",
|
|
@@ -3374,10 +3374,10 @@
|
|
|
3374
3374
|
"r": 0.8156862745098039,
|
|
3375
3375
|
"g": 0.8431372549019608,
|
|
3376
3376
|
"b": 0.8705882352941177,
|
|
3377
|
-
"a": 0.
|
|
3377
|
+
"a": 0.5
|
|
3378
3378
|
},
|
|
3379
3379
|
"type": "COLOR",
|
|
3380
|
-
"alpha": 0.
|
|
3380
|
+
"alpha": 0.5,
|
|
3381
3381
|
"refId": "mode/borderColor/muted",
|
|
3382
3382
|
"reference": "mode/borderColor/default",
|
|
3383
3383
|
"collection": "mode",
|
|
@@ -39,7 +39,7 @@ $header-borderColor-divider: #8b949e;
|
|
|
39
39
|
$headerSearch-bgColor: #0d1117;
|
|
40
40
|
$headerSearch-borderColor: #30363d;
|
|
41
41
|
$avatar-bgColor: #ffffff1a;
|
|
42
|
-
$avatar-borderColor: #
|
|
42
|
+
$avatar-borderColor: #30363d80;
|
|
43
43
|
$avatar-shadow: 0px 0px 0px 2px #0d1117;
|
|
44
44
|
$avatarStack-fade-bgColor-default: #30363d;
|
|
45
45
|
$avatarStack-fade-bgColor-muted: #21262d;
|
|
@@ -242,7 +242,7 @@ $bgColor-done-emphasis: #8957e5;
|
|
|
242
242
|
$bgColor-sponsors-muted: #db61a21a;
|
|
243
243
|
$bgColor-sponsors-emphasis: #bf4b8a;
|
|
244
244
|
$borderColor-default: #30363d;
|
|
245
|
-
$borderColor-muted: #
|
|
245
|
+
$borderColor-muted: #30363d80;
|
|
246
246
|
$borderColor-emphasis: #484f58;
|
|
247
247
|
$borderColor-disabled: #161b22;
|
|
248
248
|
$borderColor-transparent: #00000000;
|
|
@@ -39,7 +39,7 @@ $header-borderColor-divider: #768390;
|
|
|
39
39
|
$headerSearch-bgColor: #22272e;
|
|
40
40
|
$headerSearch-borderColor: #444c56;
|
|
41
41
|
$avatar-bgColor: #cdd9e51a;
|
|
42
|
-
$avatar-borderColor: #
|
|
42
|
+
$avatar-borderColor: #444c5680;
|
|
43
43
|
$avatar-shadow: 0px 0px 0px 2px #22272e;
|
|
44
44
|
$avatarStack-fade-bgColor-default: #444c56;
|
|
45
45
|
$avatarStack-fade-bgColor-muted: #373e47;
|
|
@@ -242,7 +242,7 @@ $bgColor-done-emphasis: #8256d0;
|
|
|
242
242
|
$bgColor-sponsors-muted: #c961981a;
|
|
243
243
|
$bgColor-sponsors-emphasis: #ae4c82;
|
|
244
244
|
$borderColor-default: #444c56;
|
|
245
|
-
$borderColor-muted: #
|
|
245
|
+
$borderColor-muted: #444c5680;
|
|
246
246
|
$borderColor-emphasis: #545d68;
|
|
247
247
|
$borderColor-disabled: #2d333b;
|
|
248
248
|
$borderColor-transparent: #00000000;
|
|
@@ -85,7 +85,7 @@ $controlTrack-bgColor-rest: #272b33;
|
|
|
85
85
|
$controlTrack-bgColor-hover: #383c45;
|
|
86
86
|
$controlTrack-bgColor-active: #484e57;
|
|
87
87
|
$controlTrack-bgColor-disabled: #bdc4cc;
|
|
88
|
-
$controlTrack-fgColor-rest: #
|
|
88
|
+
$controlTrack-fgColor-rest: #fbfcfd;
|
|
89
89
|
$controlTrack-fgColor-disabled: #0a0c10;
|
|
90
90
|
$controlTrack-borderColor-rest: #00000000;
|
|
91
91
|
$controlTrack-borderColor-disabled: #bdc4cc;
|
|
@@ -39,7 +39,7 @@ $header-borderColor-divider: #8b949e;
|
|
|
39
39
|
$headerSearch-bgColor: #0d1117;
|
|
40
40
|
$headerSearch-borderColor: #30363d;
|
|
41
41
|
$avatar-bgColor: #ffffff1a;
|
|
42
|
-
$avatar-borderColor: #
|
|
42
|
+
$avatar-borderColor: #30363d80;
|
|
43
43
|
$avatar-shadow: 0px 0px 0px 2px #0d1117;
|
|
44
44
|
$avatarStack-fade-bgColor-default: #30363d;
|
|
45
45
|
$avatarStack-fade-bgColor-muted: #21262d;
|
|
@@ -242,7 +242,7 @@ $bgColor-done-emphasis: #8957e5;
|
|
|
242
242
|
$bgColor-sponsors-muted: #db61a21a;
|
|
243
243
|
$bgColor-sponsors-emphasis: #bf4b8a;
|
|
244
244
|
$borderColor-default: #30363d;
|
|
245
|
-
$borderColor-muted: #
|
|
245
|
+
$borderColor-muted: #30363d80;
|
|
246
246
|
$borderColor-emphasis: #484f58;
|
|
247
247
|
$borderColor-disabled: #161b22;
|
|
248
248
|
$borderColor-transparent: #00000000;
|
|
@@ -39,7 +39,7 @@ $header-borderColor-divider: #8b949e;
|
|
|
39
39
|
$headerSearch-bgColor: #0d1117;
|
|
40
40
|
$headerSearch-borderColor: #30363d;
|
|
41
41
|
$avatar-bgColor: #ffffff1a;
|
|
42
|
-
$avatar-borderColor: #
|
|
42
|
+
$avatar-borderColor: #30363d80;
|
|
43
43
|
$avatar-shadow: 0px 0px 0px 2px #0d1117;
|
|
44
44
|
$avatarStack-fade-bgColor-default: #30363d;
|
|
45
45
|
$avatarStack-fade-bgColor-muted: #21262d;
|
|
@@ -242,7 +242,7 @@ $bgColor-done-emphasis: #8957e5;
|
|
|
242
242
|
$bgColor-sponsors-muted: #db61a21a;
|
|
243
243
|
$bgColor-sponsors-emphasis: #bf4b8a;
|
|
244
244
|
$borderColor-default: #30363d;
|
|
245
|
-
$borderColor-muted: #
|
|
245
|
+
$borderColor-muted: #30363d80;
|
|
246
246
|
$borderColor-emphasis: #484f58;
|
|
247
247
|
$borderColor-disabled: #161b22;
|
|
248
248
|
$borderColor-transparent: #00000000;
|
|
@@ -243,7 +243,7 @@ $bgColor-done-emphasis: #8250df;
|
|
|
243
243
|
$bgColor-sponsors-muted: #ffeff7;
|
|
244
244
|
$bgColor-sponsors-emphasis: #bf3989;
|
|
245
245
|
$borderColor-default: #d0d7de;
|
|
246
|
-
$borderColor-muted: #
|
|
246
|
+
$borderColor-muted: #d0d7de80;
|
|
247
247
|
$borderColor-emphasis: #6e7781;
|
|
248
248
|
$borderColor-disabled: #f6f8fa;
|
|
249
249
|
$borderColor-transparent: #ffffff00;
|
|
@@ -243,7 +243,7 @@ $bgColor-done-emphasis: #8250df;
|
|
|
243
243
|
$bgColor-sponsors-muted: #ffeff7;
|
|
244
244
|
$bgColor-sponsors-emphasis: #bf3989;
|
|
245
245
|
$borderColor-default: #d0d7de;
|
|
246
|
-
$borderColor-muted: #
|
|
246
|
+
$borderColor-muted: #d0d7de80;
|
|
247
247
|
$borderColor-emphasis: #6e7781;
|
|
248
248
|
$borderColor-disabled: #f6f8fa;
|
|
249
249
|
$borderColor-transparent: #ffffff00;
|
|
@@ -243,7 +243,7 @@ $bgColor-done-emphasis: #8250df;
|
|
|
243
243
|
$bgColor-sponsors-muted: #ffeff7;
|
|
244
244
|
$bgColor-sponsors-emphasis: #bf3989;
|
|
245
245
|
$borderColor-default: #d0d7de;
|
|
246
|
-
$borderColor-muted: #
|
|
246
|
+
$borderColor-muted: #d0d7de80;
|
|
247
247
|
$borderColor-emphasis: #6e7781;
|
|
248
248
|
$borderColor-disabled: #f6f8fa;
|
|
249
249
|
$borderColor-transparent: #ffffff00;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 20 Dec 2023 10:52:29 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
|