@atlaskit/tokens 1.56.1 → 1.56.3
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/CHANGELOG.md +18 -0
- package/dist/cjs/artifacts/theme-import-map.js +4 -4
- package/dist/cjs/artifacts/themes/atlassian-dark-brand-refresh.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light-brand-refresh.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-typography-modernized.js +12 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-brand-refresh.js +13 -13
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-brand-refresh.js +5 -5
- package/dist/cjs/artifacts/tokens-raw/{atlassian-typography-minor3.js → atlassian-typography-modernized.js} +30 -30
- package/dist/cjs/entry-points/tokens-raw.js +2 -2
- package/dist/cjs/theme-config.js +4 -4
- package/dist/es2019/artifacts/theme-import-map.js +3 -3
- package/dist/es2019/artifacts/themes/atlassian-dark-brand-refresh.js +5 -5
- package/dist/es2019/artifacts/themes/atlassian-light-brand-refresh.js +3 -3
- package/dist/es2019/artifacts/themes/{atlassian-typography-minor3.js → atlassian-typography-modernized.js} +2 -2
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-brand-refresh.js +13 -13
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-brand-refresh.js +5 -5
- package/dist/es2019/artifacts/tokens-raw/{atlassian-typography-minor3.js → atlassian-typography-modernized.js} +30 -30
- package/dist/es2019/entry-points/tokens-raw.js +1 -1
- package/dist/es2019/theme-config.js +4 -4
- package/dist/esm/artifacts/theme-import-map.js +4 -4
- package/dist/esm/artifacts/themes/atlassian-dark-brand-refresh.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light-brand-refresh.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-typography-modernized.js +6 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-brand-refresh.js +13 -13
- package/dist/esm/artifacts/tokens-raw/atlassian-light-brand-refresh.js +5 -5
- package/dist/esm/artifacts/tokens-raw/{atlassian-typography-minor3.js → atlassian-typography-modernized.js} +30 -30
- package/dist/esm/entry-points/tokens-raw.js +1 -1
- package/dist/esm/theme-config.js +4 -4
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark-brand-refresh.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light-brand-refresh.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-typography-modernized.d.ts +7 -0
- package/dist/types/artifacts/tokens-raw/atlassian-dark-brand-refresh.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light-brand-refresh.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/{atlassian-typography-minor3.d.ts → atlassian-typography-modernized.d.ts} +1 -1
- package/dist/types/entry-points/tokens-raw.d.ts +1 -1
- package/dist/types/theme-config.d.ts +4 -4
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-brand-refresh.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-brand-refresh.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-modernized.d.ts +7 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-brand-refresh.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-brand-refresh.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/{atlassian-typography-minor3.d.ts → atlassian-typography-modernized.d.ts} +1 -1
- package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +1 -1
- package/dist/types-ts4.5/theme-config.d.ts +4 -4
- package/figma/atlassian-dark-brand-refresh.json +6 -6
- package/figma/atlassian-light-brand-refresh.json +2 -2
- package/figma/{atlassian-typography-minor3.json → atlassian-typography-modernized.json} +10 -10
- package/package.json +3 -3
- package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +0 -12
- package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +0 -6
- package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +0 -7
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
8
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::35d3625b04d052c37199113601e6c7ba>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
var tokens = [{
|
|
@@ -17,7 +17,7 @@ var tokens = [{
|
|
|
17
17
|
"description": "Text transform uppercase token used for backwards compatibility between new and old theming solutions"
|
|
18
18
|
},
|
|
19
19
|
"value": "uppercase",
|
|
20
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
20
|
+
"filePath": "schema/themes/atlassian-typography-modernized/theme.tsx",
|
|
21
21
|
"isSource": true,
|
|
22
22
|
"original": {
|
|
23
23
|
"attributes": {
|
|
@@ -40,7 +40,7 @@ var tokens = [{
|
|
|
40
40
|
"deprecated": "1.29.0"
|
|
41
41
|
},
|
|
42
42
|
"value": "0",
|
|
43
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
43
|
+
"filePath": "schema/themes/atlassian-typography-modernized/letter-spacing.tsx",
|
|
44
44
|
"isSource": true,
|
|
45
45
|
"original": {
|
|
46
46
|
"attributes": {
|
|
@@ -64,7 +64,7 @@ var tokens = [{
|
|
|
64
64
|
"deprecated": "1.29.0"
|
|
65
65
|
},
|
|
66
66
|
"value": "0",
|
|
67
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
67
|
+
"filePath": "schema/themes/atlassian-typography-modernized/letter-spacing.tsx",
|
|
68
68
|
"isSource": true,
|
|
69
69
|
"original": {
|
|
70
70
|
"attributes": {
|
|
@@ -88,7 +88,7 @@ var tokens = [{
|
|
|
88
88
|
"deprecated": "1.29.0"
|
|
89
89
|
},
|
|
90
90
|
"value": "0",
|
|
91
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
91
|
+
"filePath": "schema/themes/atlassian-typography-modernized/letter-spacing.tsx",
|
|
92
92
|
"isSource": true,
|
|
93
93
|
"original": {
|
|
94
94
|
"attributes": {
|
|
@@ -112,7 +112,7 @@ var tokens = [{
|
|
|
112
112
|
"deprecated": "1.29.0"
|
|
113
113
|
},
|
|
114
114
|
"value": "0",
|
|
115
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
115
|
+
"filePath": "schema/themes/atlassian-typography-modernized/letter-spacing.tsx",
|
|
116
116
|
"isSource": true,
|
|
117
117
|
"original": {
|
|
118
118
|
"attributes": {
|
|
@@ -136,7 +136,7 @@ var tokens = [{
|
|
|
136
136
|
"deprecated": "1.29.0"
|
|
137
137
|
},
|
|
138
138
|
"value": "0",
|
|
139
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
139
|
+
"filePath": "schema/themes/atlassian-typography-modernized/letter-spacing.tsx",
|
|
140
140
|
"isSource": true,
|
|
141
141
|
"original": {
|
|
142
142
|
"attributes": {
|
|
@@ -159,7 +159,7 @@ var tokens = [{
|
|
|
159
159
|
"description": "For overlapping brand with product promotions, such as marketplace content. Migrate instances of H900 to Heading XXL."
|
|
160
160
|
},
|
|
161
161
|
"value": "normal 700 32px/36px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
162
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
162
|
+
"filePath": "schema/themes/atlassian-typography-modernized/theme.tsx",
|
|
163
163
|
"isSource": true,
|
|
164
164
|
"original": {
|
|
165
165
|
"attributes": {
|
|
@@ -188,7 +188,7 @@ var tokens = [{
|
|
|
188
188
|
"description": "For overlapping brand with product promotions, such as marketplace content. Migrate instances of H800 to Heading XL."
|
|
189
189
|
},
|
|
190
190
|
"value": "normal 700 28px/32px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
191
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
191
|
+
"filePath": "schema/themes/atlassian-typography-modernized/theme.tsx",
|
|
192
192
|
"isSource": true,
|
|
193
193
|
"original": {
|
|
194
194
|
"attributes": {
|
|
@@ -217,7 +217,7 @@ var tokens = [{
|
|
|
217
217
|
"description": "Product page titles, such as forms. Migrate instances of H700 to Heading L."
|
|
218
218
|
},
|
|
219
219
|
"value": "normal 700 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
220
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
220
|
+
"filePath": "schema/themes/atlassian-typography-modernized/theme.tsx",
|
|
221
221
|
"isSource": true,
|
|
222
222
|
"original": {
|
|
223
223
|
"attributes": {
|
|
@@ -246,7 +246,7 @@ var tokens = [{
|
|
|
246
246
|
"description": "Headers in large components, such as modal dialogs. Migrate instances of H600 to Heading M."
|
|
247
247
|
},
|
|
248
248
|
"value": "normal 700 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
249
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
249
|
+
"filePath": "schema/themes/atlassian-typography-modernized/theme.tsx",
|
|
250
250
|
"isSource": true,
|
|
251
251
|
"original": {
|
|
252
252
|
"attributes": {
|
|
@@ -275,7 +275,7 @@ var tokens = [{
|
|
|
275
275
|
"description": "For headers in small components where space is limited. Migrate instances of H500 to Heading S."
|
|
276
276
|
},
|
|
277
277
|
"value": "normal 700 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
278
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
278
|
+
"filePath": "schema/themes/atlassian-typography-modernized/theme.tsx",
|
|
279
279
|
"isSource": true,
|
|
280
280
|
"original": {
|
|
281
281
|
"attributes": {
|
|
@@ -304,7 +304,7 @@ var tokens = [{
|
|
|
304
304
|
"description": "For headers in small components where space is limited. Migrate instances of H400 to Heading XS."
|
|
305
305
|
},
|
|
306
306
|
"value": "normal 700 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
307
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
307
|
+
"filePath": "schema/themes/atlassian-typography-modernized/theme.tsx",
|
|
308
308
|
"isSource": true,
|
|
309
309
|
"original": {
|
|
310
310
|
"attributes": {
|
|
@@ -333,7 +333,7 @@ var tokens = [{
|
|
|
333
333
|
"description": "For headers in fine print or tight spaces. Use sparingly. Migrate instances of H100, H200 and H300 to Heading XXS."
|
|
334
334
|
},
|
|
335
335
|
"value": "normal 700 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
336
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
336
|
+
"filePath": "schema/themes/atlassian-typography-modernized/theme.tsx",
|
|
337
337
|
"isSource": true,
|
|
338
338
|
"original": {
|
|
339
339
|
"attributes": {
|
|
@@ -362,7 +362,7 @@ var tokens = [{
|
|
|
362
362
|
"description": "For long-form text, such as in blogs."
|
|
363
363
|
},
|
|
364
364
|
"value": "normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
365
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
365
|
+
"filePath": "schema/themes/atlassian-typography-modernized/theme.tsx",
|
|
366
366
|
"isSource": true,
|
|
367
367
|
"original": {
|
|
368
368
|
"attributes": {
|
|
@@ -391,7 +391,7 @@ var tokens = [{
|
|
|
391
391
|
"description": "Use in short descriptions or labels. The default size for text in components. Migrate instances of Paragraph Default and UI Text to Body M."
|
|
392
392
|
},
|
|
393
393
|
"value": "normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
394
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
394
|
+
"filePath": "schema/themes/atlassian-typography-modernized/theme.tsx",
|
|
395
395
|
"isSource": true,
|
|
396
396
|
"original": {
|
|
397
397
|
"attributes": {
|
|
@@ -420,7 +420,7 @@ var tokens = [{
|
|
|
420
420
|
"description": "Use in secondary level content such as fine print or semantic messaging. Use sparingly. Migrate instances of Small text to Body S."
|
|
421
421
|
},
|
|
422
422
|
"value": "normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
423
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
423
|
+
"filePath": "schema/themes/atlassian-typography-modernized/theme.tsx",
|
|
424
424
|
"isSource": true,
|
|
425
425
|
"original": {
|
|
426
426
|
"attributes": {
|
|
@@ -449,7 +449,7 @@ var tokens = [{
|
|
|
449
449
|
"description": "UNSAFE - Do not use. Temporary 12px fontsize token. Will be deprecated and replaced with stable small token"
|
|
450
450
|
},
|
|
451
451
|
"value": "normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
452
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
452
|
+
"filePath": "schema/themes/atlassian-typography-modernized/theme.tsx",
|
|
453
453
|
"isSource": true,
|
|
454
454
|
"original": {
|
|
455
455
|
"attributes": {
|
|
@@ -478,7 +478,7 @@ var tokens = [{
|
|
|
478
478
|
"description": "For representing code only, either inline or in code blocks."
|
|
479
479
|
},
|
|
480
480
|
"value": "normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
|
|
481
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
481
|
+
"filePath": "schema/themes/atlassian-typography-modernized/theme.tsx",
|
|
482
482
|
"isSource": true,
|
|
483
483
|
"original": {
|
|
484
484
|
"attributes": {
|
|
@@ -507,7 +507,7 @@ var tokens = [{
|
|
|
507
507
|
"description": "Default font weight for body text styles."
|
|
508
508
|
},
|
|
509
509
|
"value": "400",
|
|
510
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
510
|
+
"filePath": "schema/themes/atlassian-typography-modernized/font-weight.tsx",
|
|
511
511
|
"isSource": true,
|
|
512
512
|
"original": {
|
|
513
513
|
"attributes": {
|
|
@@ -529,7 +529,7 @@ var tokens = [{
|
|
|
529
529
|
"description": "For all text that may appear beside iconography, such as in a button."
|
|
530
530
|
},
|
|
531
531
|
"value": "500",
|
|
532
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
532
|
+
"filePath": "schema/themes/atlassian-typography-modernized/font-weight.tsx",
|
|
533
533
|
"isSource": true,
|
|
534
534
|
"original": {
|
|
535
535
|
"attributes": {
|
|
@@ -551,7 +551,7 @@ var tokens = [{
|
|
|
551
551
|
"description": "Use with caution as fallback fonts do not support this font weight and will default to bold weight."
|
|
552
552
|
},
|
|
553
553
|
"value": "600",
|
|
554
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
554
|
+
"filePath": "schema/themes/atlassian-typography-modernized/font-weight.tsx",
|
|
555
555
|
"isSource": true,
|
|
556
556
|
"original": {
|
|
557
557
|
"attributes": {
|
|
@@ -573,7 +573,7 @@ var tokens = [{
|
|
|
573
573
|
"description": "Use sparingly for emphasising text, such as in a lozenge."
|
|
574
574
|
},
|
|
575
575
|
"value": "700",
|
|
576
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
576
|
+
"filePath": "schema/themes/atlassian-typography-modernized/font-weight.tsx",
|
|
577
577
|
"isSource": true,
|
|
578
578
|
"original": {
|
|
579
579
|
"attributes": {
|
|
@@ -595,7 +595,7 @@ var tokens = [{
|
|
|
595
595
|
"description": "For our default product UI heading text."
|
|
596
596
|
},
|
|
597
597
|
"value": "ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
598
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
598
|
+
"filePath": "schema/themes/atlassian-typography-modernized/font-family.tsx",
|
|
599
599
|
"isSource": true,
|
|
600
600
|
"original": {
|
|
601
601
|
"attributes": {
|
|
@@ -617,7 +617,7 @@ var tokens = [{
|
|
|
617
617
|
"description": "For our default product UI body text."
|
|
618
618
|
},
|
|
619
619
|
"value": "ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
620
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
620
|
+
"filePath": "schema/themes/atlassian-typography-modernized/font-family.tsx",
|
|
621
621
|
"isSource": true,
|
|
622
622
|
"original": {
|
|
623
623
|
"attributes": {
|
|
@@ -639,7 +639,7 @@ var tokens = [{
|
|
|
639
639
|
"description": "For representing code only."
|
|
640
640
|
},
|
|
641
641
|
"value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
|
|
642
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
642
|
+
"filePath": "schema/themes/atlassian-typography-modernized/font-family.tsx",
|
|
643
643
|
"isSource": true,
|
|
644
644
|
"original": {
|
|
645
645
|
"attributes": {
|
|
@@ -662,7 +662,7 @@ var tokens = [{
|
|
|
662
662
|
"deprecated": "1.29.0"
|
|
663
663
|
},
|
|
664
664
|
"value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
|
|
665
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
665
|
+
"filePath": "schema/themes/atlassian-typography-modernized/font-family.tsx",
|
|
666
666
|
"isSource": true,
|
|
667
667
|
"original": {
|
|
668
668
|
"attributes": {
|
|
@@ -686,7 +686,7 @@ var tokens = [{
|
|
|
686
686
|
"deprecated": "1.29.0"
|
|
687
687
|
},
|
|
688
688
|
"value": "ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
689
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
689
|
+
"filePath": "schema/themes/atlassian-typography-modernized/font-family.tsx",
|
|
690
690
|
"isSource": true,
|
|
691
691
|
"original": {
|
|
692
692
|
"attributes": {
|
|
@@ -709,7 +709,7 @@ var tokens = [{
|
|
|
709
709
|
"description": "For our brand heading text. Uses Charlie Display."
|
|
710
710
|
},
|
|
711
711
|
"value": "\"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
712
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
712
|
+
"filePath": "schema/themes/atlassian-typography-modernized/font-family.tsx",
|
|
713
713
|
"isSource": true,
|
|
714
714
|
"original": {
|
|
715
715
|
"attributes": {
|
|
@@ -731,7 +731,7 @@ var tokens = [{
|
|
|
731
731
|
"description": "For our brand body text. Uses Charlie Text."
|
|
732
732
|
},
|
|
733
733
|
"value": "\"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
734
|
-
"filePath": "schema/themes/atlassian-typography-
|
|
734
|
+
"filePath": "schema/themes/atlassian-typography-modernized/font-family.tsx",
|
|
735
735
|
"isSource": true,
|
|
736
736
|
"original": {
|
|
737
737
|
"attributes": {
|
|
@@ -37,7 +37,7 @@ Object.defineProperty(exports, "spacing", {
|
|
|
37
37
|
Object.defineProperty(exports, "typography", {
|
|
38
38
|
enumerable: true,
|
|
39
39
|
get: function get() {
|
|
40
|
-
return
|
|
40
|
+
return _atlassianTypographyModernized.default;
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
Object.defineProperty(exports, "typographyAdg3", {
|
|
@@ -50,6 +50,6 @@ var _atlassianLight = _interopRequireDefault(require("../artifacts/tokens-raw/at
|
|
|
50
50
|
var _atlassianLegacyLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-legacy-light"));
|
|
51
51
|
var _atlassianDark = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-dark"));
|
|
52
52
|
var _atlassianSpacing = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-spacing"));
|
|
53
|
-
var
|
|
53
|
+
var _atlassianTypographyModernized = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography-modernized"));
|
|
54
54
|
var _atlassianTypographyAdg = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography-adg3"));
|
|
55
55
|
var _atlassianShape = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-shape"));
|
package/dist/cjs/theme-config.js
CHANGED
|
@@ -44,7 +44,7 @@ var themeContrastModes = exports.themeContrastModes = ['more', 'no-preference',
|
|
|
44
44
|
*
|
|
45
45
|
* These ids must be kebab case
|
|
46
46
|
*/
|
|
47
|
-
var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-
|
|
47
|
+
var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'light-future', 'light-brand-refresh', 'dark', 'dark-future', 'dark-increased-contrast', 'dark-brand-refresh', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-modernized'];
|
|
48
48
|
/**
|
|
49
49
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
50
50
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
@@ -172,9 +172,9 @@ var themeConfig = {
|
|
|
172
172
|
type: 'shape'
|
|
173
173
|
}
|
|
174
174
|
},
|
|
175
|
-
'atlassian-typography-
|
|
176
|
-
id: 'typography-
|
|
177
|
-
displayName: 'Atlassian Typography (
|
|
175
|
+
'atlassian-typography-modernized': {
|
|
176
|
+
id: 'typography-modernized',
|
|
177
|
+
displayName: 'Atlassian Typography (Modernized)',
|
|
178
178
|
palette: 'typographyPalette',
|
|
179
179
|
attributes: {
|
|
180
180
|
type: 'typography'
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* This allows users to compose their themes and only use the tokens that are requested.
|
|
7
7
|
* When a new theme is created, the import should automatically be added to the map
|
|
8
8
|
*
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::1178d8004df8fd52edec31241e55e33a>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
|
|
@@ -33,8 +33,8 @@ const themeImportsMap = {
|
|
|
33
33
|
'./themes/atlassian-typography-adg3'),
|
|
34
34
|
'shape': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-shape" */
|
|
35
35
|
'./themes/atlassian-shape'),
|
|
36
|
-
'typography-
|
|
37
|
-
'./themes/atlassian-typography-
|
|
36
|
+
'typography-modernized': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-modernized" */
|
|
37
|
+
'./themes/atlassian-typography-modernized'),
|
|
38
38
|
'light-brand-refresh': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-light-brand-refresh" */
|
|
39
39
|
'./themes/atlassian-light-brand-refresh'),
|
|
40
40
|
'dark-brand-refresh': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-brand-refresh" */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::9ce982d5755939970cf54305cd8c2c29>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
@@ -388,10 +388,10 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
|
|
|
388
388
|
--ds-surface-raised-hovered: #2B2C2F;
|
|
389
389
|
--ds-surface-raised-pressed: #303134;
|
|
390
390
|
--ds-surface-sunken: #18191A;
|
|
391
|
-
--ds-shadow-overflow: 0px 0px 12px #
|
|
392
|
-
--ds-shadow-overflow-perimeter: #
|
|
393
|
-
--ds-shadow-overflow-spread: #
|
|
394
|
-
--ds-shadow-overlay: 0px 0px 0px 1px #
|
|
391
|
+
--ds-shadow-overflow: 0px 0px 12px #0104048F, 0px 0px 1px #01040480;
|
|
392
|
+
--ds-shadow-overflow-perimeter: #01040480;
|
|
393
|
+
--ds-shadow-overflow-spread: #0104048f;
|
|
394
|
+
--ds-shadow-overlay: 0px 0px 0px 1px #BDBDBD1F, 0px 8px 12px #0104045C, 0px 0px 1px 1px #01040480;
|
|
395
395
|
--ds-shadow-raised: 0px 0px 0px 1px #00000000, 0px 1px 1px #01040480, 0px 0px 1px #01040480;
|
|
396
396
|
--ds-opacity-disabled: 0.4;
|
|
397
397
|
--ds-opacity-loading: 0.2;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::9957d1dda57e005ed28cf2ed0124d936>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
@@ -389,8 +389,8 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
|
|
|
389
389
|
--ds-surface-raised-pressed: #DDDEE1;
|
|
390
390
|
--ds-surface-sunken: #F8F8F8;
|
|
391
391
|
--ds-shadow-overflow: 0px 0px 8px #1E1F2129, 0px 0px 1px #1E1F211F;
|
|
392
|
-
--ds-shadow-overflow-perimeter: #
|
|
393
|
-
--ds-shadow-overflow-spread: #
|
|
392
|
+
--ds-shadow-overflow-perimeter: #1E1F211f;
|
|
393
|
+
--ds-shadow-overflow-spread: #1E1F2129;
|
|
394
394
|
--ds-shadow-overlay: 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214F;
|
|
395
395
|
--ds-shadow-raised: 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214F;
|
|
396
396
|
--ds-opacity-disabled: 0.4;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::af605e1d1296e40e5834bb2707cb59ee>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
7
|
-
html[data-theme~="typography:typography-
|
|
7
|
+
html[data-theme~="typography:typography-modernized"] {
|
|
8
8
|
--ds-UNSAFE-textTransformUppercase: uppercase;
|
|
9
9
|
--ds-font-letterSpacing-0: 0;
|
|
10
10
|
--ds-font-letterSpacing-100: 0;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::499a40a2715a3687a0eb5a6a25114e02>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = [{
|
|
@@ -8398,7 +8398,7 @@ const tokens = [{
|
|
|
8398
8398
|
"x": 0,
|
|
8399
8399
|
"y": 0
|
|
8400
8400
|
},
|
|
8401
|
-
"color": "#
|
|
8401
|
+
"color": "#01040475",
|
|
8402
8402
|
"opacity": 0.56
|
|
8403
8403
|
}, {
|
|
8404
8404
|
"radius": 1,
|
|
@@ -8406,7 +8406,7 @@ const tokens = [{
|
|
|
8406
8406
|
"x": 0,
|
|
8407
8407
|
"y": 0
|
|
8408
8408
|
},
|
|
8409
|
-
"color": "#
|
|
8409
|
+
"color": "#01040475",
|
|
8410
8410
|
"opacity": 0.5
|
|
8411
8411
|
}],
|
|
8412
8412
|
"filePath": "schema/themes/atlassian-dark-brand-refresh/elevation/shadow.tsx",
|
|
@@ -8424,7 +8424,7 @@ const tokens = [{
|
|
|
8424
8424
|
"x": 0,
|
|
8425
8425
|
"y": 0
|
|
8426
8426
|
},
|
|
8427
|
-
"color": "
|
|
8427
|
+
"color": "DarkNeutral-100A",
|
|
8428
8428
|
"opacity": 0.56
|
|
8429
8429
|
}, {
|
|
8430
8430
|
"radius": 1,
|
|
@@ -8432,7 +8432,7 @@ const tokens = [{
|
|
|
8432
8432
|
"x": 0,
|
|
8433
8433
|
"y": 0
|
|
8434
8434
|
},
|
|
8435
|
-
"color": "
|
|
8435
|
+
"color": "DarkNeutral-100A",
|
|
8436
8436
|
"opacity": 0.5
|
|
8437
8437
|
}]
|
|
8438
8438
|
},
|
|
@@ -8446,7 +8446,7 @@ const tokens = [{
|
|
|
8446
8446
|
"introduced": "0.10.32",
|
|
8447
8447
|
"description": "Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.spread to replicate the overflow shadow."
|
|
8448
8448
|
},
|
|
8449
|
-
"value": "#
|
|
8449
|
+
"value": "#01040480",
|
|
8450
8450
|
"filePath": "schema/themes/atlassian-dark-brand-refresh/elevation/shadow.tsx",
|
|
8451
8451
|
"isSource": true,
|
|
8452
8452
|
"original": {
|
|
@@ -8456,7 +8456,7 @@ const tokens = [{
|
|
|
8456
8456
|
"introduced": "0.10.32",
|
|
8457
8457
|
"description": "Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.spread to replicate the overflow shadow."
|
|
8458
8458
|
},
|
|
8459
|
-
"value": "#
|
|
8459
|
+
"value": "#01040480"
|
|
8460
8460
|
},
|
|
8461
8461
|
"name": "elevation.shadow.overflow.perimeter",
|
|
8462
8462
|
"path": ["elevation", "shadow", "overflow", "perimeter"],
|
|
@@ -8468,7 +8468,7 @@ const tokens = [{
|
|
|
8468
8468
|
"introduced": "0.10.32",
|
|
8469
8469
|
"description": "Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.perimeter to replicate the overflow shadow."
|
|
8470
8470
|
},
|
|
8471
|
-
"value": "#
|
|
8471
|
+
"value": "#0104048f",
|
|
8472
8472
|
"filePath": "schema/themes/atlassian-dark-brand-refresh/elevation/shadow.tsx",
|
|
8473
8473
|
"isSource": true,
|
|
8474
8474
|
"original": {
|
|
@@ -8478,7 +8478,7 @@ const tokens = [{
|
|
|
8478
8478
|
"introduced": "0.10.32",
|
|
8479
8479
|
"description": "Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.perimeter to replicate the overflow shadow."
|
|
8480
8480
|
},
|
|
8481
|
-
"value": "#
|
|
8481
|
+
"value": "#0104048f"
|
|
8482
8482
|
},
|
|
8483
8483
|
"name": "elevation.shadow.overflow.spread",
|
|
8484
8484
|
"path": ["elevation", "shadow", "overflow", "spread"],
|
|
@@ -8493,12 +8493,12 @@ const tokens = [{
|
|
|
8493
8493
|
"value": [{
|
|
8494
8494
|
"radius": 0,
|
|
8495
8495
|
"spread": 1,
|
|
8496
|
-
"color": "#
|
|
8496
|
+
"color": "#BDBDBD",
|
|
8497
8497
|
"offset": {
|
|
8498
8498
|
"x": 0,
|
|
8499
8499
|
"y": 0
|
|
8500
8500
|
},
|
|
8501
|
-
"opacity":
|
|
8501
|
+
"opacity": 0.12
|
|
8502
8502
|
}, {
|
|
8503
8503
|
"radius": 12,
|
|
8504
8504
|
"offset": {
|
|
@@ -8529,12 +8529,12 @@ const tokens = [{
|
|
|
8529
8529
|
"value": [{
|
|
8530
8530
|
"radius": 0,
|
|
8531
8531
|
"spread": 1,
|
|
8532
|
-
"color": "#
|
|
8532
|
+
"color": "#BDBDBD",
|
|
8533
8533
|
"offset": {
|
|
8534
8534
|
"x": 0,
|
|
8535
8535
|
"y": 0
|
|
8536
8536
|
},
|
|
8537
|
-
"opacity":
|
|
8537
|
+
"opacity": 0.12
|
|
8538
8538
|
}, {
|
|
8539
8539
|
"radius": 12,
|
|
8540
8540
|
"offset": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::84f9795802e0d1982d5c51816c2da3aa>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = [{
|
|
@@ -8446,7 +8446,7 @@ const tokens = [{
|
|
|
8446
8446
|
"introduced": "0.10.32",
|
|
8447
8447
|
"description": "Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.spread to replicate the overflow shadow."
|
|
8448
8448
|
},
|
|
8449
|
-
"value": "#
|
|
8449
|
+
"value": "#1E1F211f",
|
|
8450
8450
|
"filePath": "schema/themes/atlassian-light-brand-refresh/elevation/shadow.tsx",
|
|
8451
8451
|
"isSource": true,
|
|
8452
8452
|
"original": {
|
|
@@ -8456,7 +8456,7 @@ const tokens = [{
|
|
|
8456
8456
|
"introduced": "0.10.32",
|
|
8457
8457
|
"description": "Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.spread to replicate the overflow shadow."
|
|
8458
8458
|
},
|
|
8459
|
-
"value": "#
|
|
8459
|
+
"value": "#1E1F211f"
|
|
8460
8460
|
},
|
|
8461
8461
|
"name": "elevation.shadow.overflow.perimeter",
|
|
8462
8462
|
"path": ["elevation", "shadow", "overflow", "perimeter"],
|
|
@@ -8468,7 +8468,7 @@ const tokens = [{
|
|
|
8468
8468
|
"introduced": "0.10.32",
|
|
8469
8469
|
"description": "Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.perimeter to replicate the overflow shadow."
|
|
8470
8470
|
},
|
|
8471
|
-
"value": "#
|
|
8471
|
+
"value": "#1E1F2129",
|
|
8472
8472
|
"filePath": "schema/themes/atlassian-light-brand-refresh/elevation/shadow.tsx",
|
|
8473
8473
|
"isSource": true,
|
|
8474
8474
|
"original": {
|
|
@@ -8478,7 +8478,7 @@ const tokens = [{
|
|
|
8478
8478
|
"introduced": "0.10.32",
|
|
8479
8479
|
"description": "Use only when elevation.shadow.overflow is not technically feasible to implement. Pair with elevation.shadow.overflow.perimeter to replicate the overflow shadow."
|
|
8480
8480
|
},
|
|
8481
|
-
"value": "#
|
|
8481
|
+
"value": "#1E1F2129"
|
|
8482
8482
|
},
|
|
8483
8483
|
"name": "elevation.shadow.overflow.spread",
|
|
8484
8484
|
"path": ["elevation", "shadow", "overflow", "spread"],
|