@atlaskit/tokens 13.3.0 → 13.4.0
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 +20 -0
- package/dist/cjs/artifacts/generated-pairs.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +6 -2
- package/dist/cjs/artifacts/token-names.js +5 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +91 -3
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +91 -3
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +93 -5
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +93 -5
- package/dist/cjs/entry-points/token-metadata.codegen.js +39 -3
- package/dist/cjs/utils/token-order.js +1 -1
- package/dist/cjs/utils/token-usage-guidelines.js +3 -0
- package/dist/es2019/artifacts/generated-pairs.js +2 -2
- package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +5 -1
- package/dist/es2019/artifacts/themes/atlassian-dark.js +5 -1
- package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +6 -2
- package/dist/es2019/artifacts/themes/atlassian-light.js +6 -2
- package/dist/es2019/artifacts/token-default-values.js +6 -2
- package/dist/es2019/artifacts/token-names.js +5 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +91 -3
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +91 -3
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +93 -5
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +93 -5
- package/dist/es2019/entry-points/token-metadata.codegen.js +39 -3
- package/dist/es2019/utils/token-order.js +1 -1
- package/dist/es2019/utils/token-usage-guidelines.js +3 -0
- package/dist/esm/artifacts/generated-pairs.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +6 -2
- package/dist/esm/artifacts/token-names.js +5 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +91 -3
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +91 -3
- package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +93 -5
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +93 -5
- package/dist/esm/entry-points/token-metadata.codegen.js +39 -3
- package/dist/esm/utils/token-order.js +1 -1
- package/dist/esm/utils/token-usage-guidelines.js +3 -0
- package/dist/types/artifacts/generated-pairs.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +6 -2
- package/dist/types/artifacts/token-names.d.ts +9 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/entry-points/css-type-schema.codegen.d.ts +4 -4
- package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types/types.d.ts +24 -6
- package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +6 -2
- package/dist/types-ts4.5/artifacts/token-names.d.ts +9 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
- package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +4 -4
- package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +24 -6
- package/figma/atlassian-dark-increased-contrast.json +37 -1
- package/figma/atlassian-dark.json +37 -1
- package/figma/atlassian-light-increased-contrast.json +38 -2
- package/figma/atlassian-light.json +38 -2
- package/package.json +4 -4
|
@@ -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::33900fd52d27e09cb7c76ecc5427a2f0>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
@@ -434,6 +434,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
|
|
|
434
434
|
--ds-surface: #1F1F21;
|
|
435
435
|
--ds-surface-hovered: #242528;
|
|
436
436
|
--ds-surface-pressed: #2B2C2F;
|
|
437
|
+
--ds-surface-container: #303134;
|
|
437
438
|
--ds-surface-overlay: #2B2C2F;
|
|
438
439
|
--ds-surface-overlay-hovered: #303134;
|
|
439
440
|
--ds-surface-overlay-pressed: #3D3F43;
|
|
@@ -441,6 +442,9 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
|
|
|
441
442
|
--ds-surface-raised-hovered: #2B2C2F;
|
|
442
443
|
--ds-surface-raised-pressed: #303134;
|
|
443
444
|
--ds-surface-sunken: #18191A;
|
|
445
|
+
--ds-rovo-surface-overlay: #242528;
|
|
446
|
+
--ds-rovo-surface-overlay-hovered: #2B2C2F;
|
|
447
|
+
--ds-rovo-surface-overlay-pressed: #303134;
|
|
444
448
|
--ds-shadow-overflow: 0px 0px 12px #0104048F;
|
|
445
449
|
--ds-shadow-overflow-perimeter: #01040480;
|
|
446
450
|
--ds-shadow-overflow-spread: #0104048f;
|
|
@@ -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::4723b11f5313ece049517fb2c288ebe3>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
@@ -432,6 +432,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
|
|
|
432
432
|
--ds-surface: #1F1F21;
|
|
433
433
|
--ds-surface-hovered: #242528;
|
|
434
434
|
--ds-surface-pressed: #2B2C2F;
|
|
435
|
+
--ds-surface-container: #303134;
|
|
435
436
|
--ds-surface-overlay: #2B2C2F;
|
|
436
437
|
--ds-surface-overlay-hovered: #303134;
|
|
437
438
|
--ds-surface-overlay-pressed: #3D3F43;
|
|
@@ -439,6 +440,9 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
|
|
|
439
440
|
--ds-surface-raised-hovered: #2B2C2F;
|
|
440
441
|
--ds-surface-raised-pressed: #303134;
|
|
441
442
|
--ds-surface-sunken: #18191A;
|
|
443
|
+
--ds-rovo-surface-overlay: #242528;
|
|
444
|
+
--ds-rovo-surface-overlay-hovered: #2B2C2F;
|
|
445
|
+
--ds-rovo-surface-overlay-pressed: #303134;
|
|
442
446
|
--ds-shadow-overflow: 0px 0px 12px #0104048F, 0px 0px 1px #01040480;
|
|
443
447
|
--ds-shadow-overflow-perimeter: #01040480;
|
|
444
448
|
--ds-shadow-overflow-spread: #0104048f;
|
|
@@ -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::1fcdb1a7928a8b38a44d2e7eb5a8d143>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
@@ -230,7 +230,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
|
|
|
230
230
|
--ds-border-accent-magenta: #943D73;
|
|
231
231
|
--ds-border-accent-magenta-subtle: #F797D2;
|
|
232
232
|
--ds-border-accent-gray: #505258;
|
|
233
|
-
--ds-border-accent-gray-subtle: #
|
|
233
|
+
--ds-border-accent-gray-subtle: #B7B9BE;
|
|
234
234
|
--ds-border-disabled: #0B120E24;
|
|
235
235
|
--ds-border-focused: #1558BC;
|
|
236
236
|
--ds-border-input: #505258;
|
|
@@ -434,6 +434,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
|
|
|
434
434
|
--ds-surface: #FFFFFF;
|
|
435
435
|
--ds-surface-hovered: #F0F1F2;
|
|
436
436
|
--ds-surface-pressed: #DDDEE1;
|
|
437
|
+
--ds-surface-container: #F0F1F2;
|
|
437
438
|
--ds-surface-overlay: #FFFFFF;
|
|
438
439
|
--ds-surface-overlay-hovered: #F0F1F2;
|
|
439
440
|
--ds-surface-overlay-pressed: #DDDEE1;
|
|
@@ -441,6 +442,9 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
|
|
|
441
442
|
--ds-surface-raised-hovered: #F0F1F2;
|
|
442
443
|
--ds-surface-raised-pressed: #DDDEE1;
|
|
443
444
|
--ds-surface-sunken: #FCFDFE;
|
|
445
|
+
--ds-rovo-surface-overlay: #F8F8F8;
|
|
446
|
+
--ds-rovo-surface-overlay-hovered: #F0F1F2;
|
|
447
|
+
--ds-rovo-surface-overlay-pressed: #DDDEE1;
|
|
444
448
|
--ds-shadow-overflow: 0px 0px 8px #1E1F2129;
|
|
445
449
|
--ds-shadow-overflow-perimeter: #1E1F211f;
|
|
446
450
|
--ds-shadow-overflow-spread: #1E1F2129;
|
|
@@ -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::e8c9001cc0a79b5a31e4c1e2b4481784>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
@@ -228,7 +228,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
|
|
|
228
228
|
--ds-border-accent-magenta: #CD519D;
|
|
229
229
|
--ds-border-accent-magenta-subtle: #F797D2;
|
|
230
230
|
--ds-border-accent-gray: #7D818A;
|
|
231
|
-
--ds-border-accent-gray-subtle: #
|
|
231
|
+
--ds-border-accent-gray-subtle: #B7B9BE;
|
|
232
232
|
--ds-border-disabled: #0515240F;
|
|
233
233
|
--ds-border-focused: #4688EC;
|
|
234
234
|
--ds-border-input: #8C8F97;
|
|
@@ -432,6 +432,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
|
|
|
432
432
|
--ds-surface: #FFFFFF;
|
|
433
433
|
--ds-surface-hovered: #F0F1F2;
|
|
434
434
|
--ds-surface-pressed: #DDDEE1;
|
|
435
|
+
--ds-surface-container: #F0F1F2;
|
|
435
436
|
--ds-surface-overlay: #FFFFFF;
|
|
436
437
|
--ds-surface-overlay-hovered: #F0F1F2;
|
|
437
438
|
--ds-surface-overlay-pressed: #DDDEE1;
|
|
@@ -439,6 +440,9 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
|
|
|
439
440
|
--ds-surface-raised-hovered: #F0F1F2;
|
|
440
441
|
--ds-surface-raised-pressed: #DDDEE1;
|
|
441
442
|
--ds-surface-sunken: #F8F8F8;
|
|
443
|
+
--ds-rovo-surface-overlay: #F8F8F8;
|
|
444
|
+
--ds-rovo-surface-overlay-hovered: #F0F1F2;
|
|
445
|
+
--ds-rovo-surface-overlay-pressed: #DDDEE1;
|
|
442
446
|
--ds-shadow-overflow: 0px 0px 8px #1E1F2129, 0px 0px 1px #1E1F211F;
|
|
443
447
|
--ds-shadow-overflow-perimeter: #1E1F211f;
|
|
444
448
|
--ds-shadow-overflow-spread: #1E1F2129;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* Token names mapped to their value in the default Atlassian themes ('light').
|
|
8
8
|
* These default values are used by the Babel plugin to optionally provide automatic fallbacks.
|
|
9
9
|
*
|
|
10
|
-
* @codegen <<SignedSource::
|
|
10
|
+
* @codegen <<SignedSource::e565c3f624eeb0efb91263e41340d5a8>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
const defaultTokenValues = {
|
|
@@ -281,7 +281,7 @@ const defaultTokenValues = {
|
|
|
281
281
|
'color.border.accent.magenta': '#CD519D',
|
|
282
282
|
'color.border.accent.magenta.subtle': '#F797D2',
|
|
283
283
|
'color.border.accent.gray': '#7D818A',
|
|
284
|
-
'color.border.accent.gray.subtle': '#
|
|
284
|
+
'color.border.accent.gray.subtle': '#B7B9BE',
|
|
285
285
|
'color.border.disabled': '#0515240F',
|
|
286
286
|
'color.border.focused': '#4688EC',
|
|
287
287
|
'color.border.input': '#8C8F97',
|
|
@@ -485,6 +485,7 @@ const defaultTokenValues = {
|
|
|
485
485
|
'elevation.surface': '#FFFFFF',
|
|
486
486
|
'elevation.surface.hovered': '#F0F1F2',
|
|
487
487
|
'elevation.surface.pressed': '#DDDEE1',
|
|
488
|
+
'elevation.surface.container': '#F0F1F2',
|
|
488
489
|
'elevation.surface.overlay': '#FFFFFF',
|
|
489
490
|
'elevation.surface.overlay.hovered': '#F0F1F2',
|
|
490
491
|
'elevation.surface.overlay.pressed': '#DDDEE1',
|
|
@@ -492,6 +493,9 @@ const defaultTokenValues = {
|
|
|
492
493
|
'elevation.surface.raised.hovered': '#F0F1F2',
|
|
493
494
|
'elevation.surface.raised.pressed': '#DDDEE1',
|
|
494
495
|
'elevation.surface.sunken': '#F8F8F8',
|
|
496
|
+
'elevation.rovo.surface.overlay': '#F8F8F8',
|
|
497
|
+
'elevation.rovo.surface.overlay.hovered': '#F0F1F2',
|
|
498
|
+
'elevation.rovo.surface.overlay.pressed': '#DDDEE1',
|
|
495
499
|
'elevation.shadow.overflow': '0px 0px 8px #1E1F2129, 0px 0px 1px #1E1F211F',
|
|
496
500
|
'elevation.shadow.overflow.perimeter': '#1E1F211f',
|
|
497
501
|
'elevation.shadow.overflow.spread': '#1E1F2129',
|
|
@@ -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::1f64d7a1e3392b669ad5c7bfd53c7403>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = {
|
|
@@ -478,6 +478,7 @@ const tokens = {
|
|
|
478
478
|
'elevation.surface': '--ds-surface',
|
|
479
479
|
'elevation.surface.hovered': '--ds-surface-hovered',
|
|
480
480
|
'elevation.surface.pressed': '--ds-surface-pressed',
|
|
481
|
+
'elevation.surface.container': '--ds-surface-container',
|
|
481
482
|
'elevation.surface.overlay': '--ds-surface-overlay',
|
|
482
483
|
'elevation.surface.overlay.hovered': '--ds-surface-overlay-hovered',
|
|
483
484
|
'elevation.surface.overlay.pressed': '--ds-surface-overlay-pressed',
|
|
@@ -485,6 +486,9 @@ const tokens = {
|
|
|
485
486
|
'elevation.surface.raised.hovered': '--ds-surface-raised-hovered',
|
|
486
487
|
'elevation.surface.raised.pressed': '--ds-surface-raised-pressed',
|
|
487
488
|
'elevation.surface.sunken': '--ds-surface-sunken',
|
|
489
|
+
'elevation.rovo.surface.overlay': '--ds-rovo-surface-overlay',
|
|
490
|
+
'elevation.rovo.surface.overlay.hovered': '--ds-rovo-surface-overlay-hovered',
|
|
491
|
+
'elevation.rovo.surface.overlay.pressed': '--ds-rovo-surface-overlay-pressed',
|
|
488
492
|
'elevation.shadow.overflow': '--ds-shadow-overflow',
|
|
489
493
|
'elevation.shadow.overflow.perimeter': '--ds-shadow-overflow-perimeter',
|
|
490
494
|
'elevation.shadow.overflow.spread': '--ds-shadow-overflow-spread',
|
|
@@ -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::838152e5952609664294769ab5038ab9>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -3686,7 +3686,7 @@ const tokens = [{
|
|
|
3686
3686
|
"group": "paint",
|
|
3687
3687
|
"state": "active",
|
|
3688
3688
|
"introduced": "13.2.0",
|
|
3689
|
-
"description": "Background colour for non-interactive elements communicating caution (e.g.
|
|
3689
|
+
"description": "Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
|
|
3690
3690
|
},
|
|
3691
3691
|
"original": {
|
|
3692
3692
|
"value": "Orange800",
|
|
@@ -3694,7 +3694,7 @@ const tokens = [{
|
|
|
3694
3694
|
"group": "paint",
|
|
3695
3695
|
"state": "active",
|
|
3696
3696
|
"introduced": "13.2.0",
|
|
3697
|
-
"description": "Background colour for non-interactive elements communicating caution (e.g.
|
|
3697
|
+
"description": "Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
|
|
3698
3698
|
}
|
|
3699
3699
|
},
|
|
3700
3700
|
"name": "color.background.warning.subtle.[default]",
|
|
@@ -9354,6 +9354,28 @@ const tokens = [{
|
|
|
9354
9354
|
"name": "elevation.surface.[default].pressed",
|
|
9355
9355
|
"path": ["elevation", "surface", "[default]", "pressed"],
|
|
9356
9356
|
"cleanName": "elevation.surface.pressed"
|
|
9357
|
+
}, {
|
|
9358
|
+
"value": "#303134",
|
|
9359
|
+
"filePath": "schema/themes/atlassian-dark/elevation/surface.tsx",
|
|
9360
|
+
"isSource": false,
|
|
9361
|
+
"attributes": {
|
|
9362
|
+
"group": "paint",
|
|
9363
|
+
"state": "active",
|
|
9364
|
+
"introduced": "13.3.0",
|
|
9365
|
+
"description": "Use as a neutral container surface background."
|
|
9366
|
+
},
|
|
9367
|
+
"original": {
|
|
9368
|
+
"value": "DarkNeutral300",
|
|
9369
|
+
"attributes": {
|
|
9370
|
+
"group": "paint",
|
|
9371
|
+
"state": "active",
|
|
9372
|
+
"introduced": "13.3.0",
|
|
9373
|
+
"description": "Use as a neutral container surface background."
|
|
9374
|
+
}
|
|
9375
|
+
},
|
|
9376
|
+
"name": "elevation.surface.container",
|
|
9377
|
+
"path": ["elevation", "surface", "container"],
|
|
9378
|
+
"cleanName": "elevation.surface.container"
|
|
9357
9379
|
}, {
|
|
9358
9380
|
"value": "#2B2C2F",
|
|
9359
9381
|
"filePath": "schema/themes/atlassian-dark/elevation/surface.tsx",
|
|
@@ -9508,6 +9530,72 @@ const tokens = [{
|
|
|
9508
9530
|
"name": "elevation.surface.sunken",
|
|
9509
9531
|
"path": ["elevation", "surface", "sunken"],
|
|
9510
9532
|
"cleanName": "elevation.surface.sunken"
|
|
9533
|
+
}, {
|
|
9534
|
+
"value": "#242528",
|
|
9535
|
+
"filePath": "schema/themes/atlassian-dark-increased-contrast/elevation/rovo/surface.tsx",
|
|
9536
|
+
"isSource": true,
|
|
9537
|
+
"attributes": {
|
|
9538
|
+
"group": "paint",
|
|
9539
|
+
"state": "active",
|
|
9540
|
+
"introduced": "13.3.0",
|
|
9541
|
+
"description": "Use for Rovo overlay surface backgrounds."
|
|
9542
|
+
},
|
|
9543
|
+
"original": {
|
|
9544
|
+
"value": "DarkNeutral200",
|
|
9545
|
+
"attributes": {
|
|
9546
|
+
"group": "paint",
|
|
9547
|
+
"state": "active",
|
|
9548
|
+
"introduced": "13.3.0",
|
|
9549
|
+
"description": "Use for Rovo overlay surface backgrounds."
|
|
9550
|
+
}
|
|
9551
|
+
},
|
|
9552
|
+
"name": "elevation.rovo.surface.overlay.[default]",
|
|
9553
|
+
"path": ["elevation", "rovo", "surface", "overlay", "[default]"],
|
|
9554
|
+
"cleanName": "elevation.rovo.surface.overlay"
|
|
9555
|
+
}, {
|
|
9556
|
+
"value": "#2B2C2F",
|
|
9557
|
+
"filePath": "schema/themes/atlassian-dark-increased-contrast/elevation/rovo/surface.tsx",
|
|
9558
|
+
"isSource": true,
|
|
9559
|
+
"attributes": {
|
|
9560
|
+
"group": "paint",
|
|
9561
|
+
"state": "active",
|
|
9562
|
+
"introduced": "13.3.0",
|
|
9563
|
+
"description": "Hovered state of elevation.rovo.surface.overlay."
|
|
9564
|
+
},
|
|
9565
|
+
"original": {
|
|
9566
|
+
"value": "DarkNeutral250",
|
|
9567
|
+
"attributes": {
|
|
9568
|
+
"group": "paint",
|
|
9569
|
+
"state": "active",
|
|
9570
|
+
"introduced": "13.3.0",
|
|
9571
|
+
"description": "Hovered state of elevation.rovo.surface.overlay."
|
|
9572
|
+
}
|
|
9573
|
+
},
|
|
9574
|
+
"name": "elevation.rovo.surface.overlay.hovered",
|
|
9575
|
+
"path": ["elevation", "rovo", "surface", "overlay", "hovered"],
|
|
9576
|
+
"cleanName": "elevation.rovo.surface.overlay.hovered"
|
|
9577
|
+
}, {
|
|
9578
|
+
"value": "#303134",
|
|
9579
|
+
"filePath": "schema/themes/atlassian-dark-increased-contrast/elevation/rovo/surface.tsx",
|
|
9580
|
+
"isSource": true,
|
|
9581
|
+
"attributes": {
|
|
9582
|
+
"group": "paint",
|
|
9583
|
+
"state": "active",
|
|
9584
|
+
"introduced": "13.3.0",
|
|
9585
|
+
"description": "Pressed state of elevation.rovo.surface.overlay."
|
|
9586
|
+
},
|
|
9587
|
+
"original": {
|
|
9588
|
+
"value": "DarkNeutral300",
|
|
9589
|
+
"attributes": {
|
|
9590
|
+
"group": "paint",
|
|
9591
|
+
"state": "active",
|
|
9592
|
+
"introduced": "13.3.0",
|
|
9593
|
+
"description": "Pressed state of elevation.rovo.surface.overlay."
|
|
9594
|
+
}
|
|
9595
|
+
},
|
|
9596
|
+
"name": "elevation.rovo.surface.overlay.pressed",
|
|
9597
|
+
"path": ["elevation", "rovo", "surface", "overlay", "pressed"],
|
|
9598
|
+
"cleanName": "elevation.rovo.surface.overlay.pressed"
|
|
9511
9599
|
}, {
|
|
9512
9600
|
"value": [{
|
|
9513
9601
|
"radius": 12,
|
|
@@ -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::752e02e8e29137a62066be0c96969094>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -3683,7 +3683,7 @@ const tokens = [{
|
|
|
3683
3683
|
"group": "paint",
|
|
3684
3684
|
"state": "active",
|
|
3685
3685
|
"introduced": "13.2.0",
|
|
3686
|
-
"description": "Background colour for non-interactive elements communicating caution (e.g.
|
|
3686
|
+
"description": "Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
|
|
3687
3687
|
},
|
|
3688
3688
|
"value": "#9E4C00",
|
|
3689
3689
|
"filePath": "schema/themes/atlassian-dark/color/background.tsx",
|
|
@@ -3693,7 +3693,7 @@ const tokens = [{
|
|
|
3693
3693
|
"group": "paint",
|
|
3694
3694
|
"state": "active",
|
|
3695
3695
|
"introduced": "13.2.0",
|
|
3696
|
-
"description": "Background colour for non-interactive elements communicating caution (e.g.
|
|
3696
|
+
"description": "Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
|
|
3697
3697
|
},
|
|
3698
3698
|
"value": "Orange800"
|
|
3699
3699
|
},
|
|
@@ -9354,6 +9354,28 @@ const tokens = [{
|
|
|
9354
9354
|
"name": "elevation.surface.[default].pressed",
|
|
9355
9355
|
"path": ["elevation", "surface", "[default]", "pressed"],
|
|
9356
9356
|
"cleanName": "elevation.surface.pressed"
|
|
9357
|
+
}, {
|
|
9358
|
+
"attributes": {
|
|
9359
|
+
"group": "paint",
|
|
9360
|
+
"state": "active",
|
|
9361
|
+
"introduced": "13.3.0",
|
|
9362
|
+
"description": "Use as a neutral container surface background."
|
|
9363
|
+
},
|
|
9364
|
+
"value": "#303134",
|
|
9365
|
+
"filePath": "schema/themes/atlassian-dark/elevation/surface.tsx",
|
|
9366
|
+
"isSource": true,
|
|
9367
|
+
"original": {
|
|
9368
|
+
"attributes": {
|
|
9369
|
+
"group": "paint",
|
|
9370
|
+
"state": "active",
|
|
9371
|
+
"introduced": "13.3.0",
|
|
9372
|
+
"description": "Use as a neutral container surface background."
|
|
9373
|
+
},
|
|
9374
|
+
"value": "DarkNeutral300"
|
|
9375
|
+
},
|
|
9376
|
+
"name": "elevation.surface.container",
|
|
9377
|
+
"path": ["elevation", "surface", "container"],
|
|
9378
|
+
"cleanName": "elevation.surface.container"
|
|
9357
9379
|
}, {
|
|
9358
9380
|
"attributes": {
|
|
9359
9381
|
"group": "paint",
|
|
@@ -9508,6 +9530,72 @@ const tokens = [{
|
|
|
9508
9530
|
"name": "elevation.surface.sunken",
|
|
9509
9531
|
"path": ["elevation", "surface", "sunken"],
|
|
9510
9532
|
"cleanName": "elevation.surface.sunken"
|
|
9533
|
+
}, {
|
|
9534
|
+
"attributes": {
|
|
9535
|
+
"group": "paint",
|
|
9536
|
+
"state": "active",
|
|
9537
|
+
"introduced": "13.3.0",
|
|
9538
|
+
"description": "Use for Rovo overlay surface backgrounds."
|
|
9539
|
+
},
|
|
9540
|
+
"value": "#242528",
|
|
9541
|
+
"filePath": "schema/themes/atlassian-dark/elevation/rovo/surface.tsx",
|
|
9542
|
+
"isSource": true,
|
|
9543
|
+
"original": {
|
|
9544
|
+
"attributes": {
|
|
9545
|
+
"group": "paint",
|
|
9546
|
+
"state": "active",
|
|
9547
|
+
"introduced": "13.3.0",
|
|
9548
|
+
"description": "Use for Rovo overlay surface backgrounds."
|
|
9549
|
+
},
|
|
9550
|
+
"value": "DarkNeutral200"
|
|
9551
|
+
},
|
|
9552
|
+
"name": "elevation.rovo.surface.overlay.[default]",
|
|
9553
|
+
"path": ["elevation", "rovo", "surface", "overlay", "[default]"],
|
|
9554
|
+
"cleanName": "elevation.rovo.surface.overlay"
|
|
9555
|
+
}, {
|
|
9556
|
+
"attributes": {
|
|
9557
|
+
"group": "paint",
|
|
9558
|
+
"state": "active",
|
|
9559
|
+
"introduced": "13.3.0",
|
|
9560
|
+
"description": "Hovered state of elevation.rovo.surface.overlay."
|
|
9561
|
+
},
|
|
9562
|
+
"value": "#2B2C2F",
|
|
9563
|
+
"filePath": "schema/themes/atlassian-dark/elevation/rovo/surface.tsx",
|
|
9564
|
+
"isSource": true,
|
|
9565
|
+
"original": {
|
|
9566
|
+
"attributes": {
|
|
9567
|
+
"group": "paint",
|
|
9568
|
+
"state": "active",
|
|
9569
|
+
"introduced": "13.3.0",
|
|
9570
|
+
"description": "Hovered state of elevation.rovo.surface.overlay."
|
|
9571
|
+
},
|
|
9572
|
+
"value": "DarkNeutral250"
|
|
9573
|
+
},
|
|
9574
|
+
"name": "elevation.rovo.surface.overlay.hovered",
|
|
9575
|
+
"path": ["elevation", "rovo", "surface", "overlay", "hovered"],
|
|
9576
|
+
"cleanName": "elevation.rovo.surface.overlay.hovered"
|
|
9577
|
+
}, {
|
|
9578
|
+
"attributes": {
|
|
9579
|
+
"group": "paint",
|
|
9580
|
+
"state": "active",
|
|
9581
|
+
"introduced": "13.3.0",
|
|
9582
|
+
"description": "Pressed state of elevation.rovo.surface.overlay."
|
|
9583
|
+
},
|
|
9584
|
+
"value": "#303134",
|
|
9585
|
+
"filePath": "schema/themes/atlassian-dark/elevation/rovo/surface.tsx",
|
|
9586
|
+
"isSource": true,
|
|
9587
|
+
"original": {
|
|
9588
|
+
"attributes": {
|
|
9589
|
+
"group": "paint",
|
|
9590
|
+
"state": "active",
|
|
9591
|
+
"introduced": "13.3.0",
|
|
9592
|
+
"description": "Pressed state of elevation.rovo.surface.overlay."
|
|
9593
|
+
},
|
|
9594
|
+
"value": "DarkNeutral300"
|
|
9595
|
+
},
|
|
9596
|
+
"name": "elevation.rovo.surface.overlay.pressed",
|
|
9597
|
+
"path": ["elevation", "rovo", "surface", "overlay", "pressed"],
|
|
9598
|
+
"cleanName": "elevation.rovo.surface.overlay.pressed"
|
|
9511
9599
|
}, {
|
|
9512
9600
|
"attributes": {
|
|
9513
9601
|
"group": "shadow",
|
|
@@ -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::64ea7d47282565d7455a13230e33ce8b>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -3686,7 +3686,7 @@ const tokens = [{
|
|
|
3686
3686
|
"group": "paint",
|
|
3687
3687
|
"state": "active",
|
|
3688
3688
|
"introduced": "13.2.0",
|
|
3689
|
-
"description": "Background colour for non-interactive elements communicating caution (e.g.
|
|
3689
|
+
"description": "Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
|
|
3690
3690
|
},
|
|
3691
3691
|
"original": {
|
|
3692
3692
|
"value": "Orange250",
|
|
@@ -3694,7 +3694,7 @@ const tokens = [{
|
|
|
3694
3694
|
"group": "paint",
|
|
3695
3695
|
"state": "active",
|
|
3696
3696
|
"introduced": "13.2.0",
|
|
3697
|
-
"description": "Background colour for non-interactive elements communicating caution (e.g.
|
|
3697
|
+
"description": "Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
|
|
3698
3698
|
}
|
|
3699
3699
|
},
|
|
3700
3700
|
"name": "color.background.warning.subtle.[default]",
|
|
@@ -4867,7 +4867,7 @@ const tokens = [{
|
|
|
4867
4867
|
"path": ["color", "border", "accent", "gray", "[default]"],
|
|
4868
4868
|
"cleanName": "color.border.accent.gray"
|
|
4869
4869
|
}, {
|
|
4870
|
-
"value": "#
|
|
4870
|
+
"value": "#B7B9BE",
|
|
4871
4871
|
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
|
|
4872
4872
|
"isSource": false,
|
|
4873
4873
|
"attributes": {
|
|
@@ -4877,7 +4877,7 @@ const tokens = [{
|
|
|
4877
4877
|
"description": "Use for decorative gray borders that do not need to meet 3:1 contrast requirements."
|
|
4878
4878
|
},
|
|
4879
4879
|
"original": {
|
|
4880
|
-
"value": "
|
|
4880
|
+
"value": "Neutral400",
|
|
4881
4881
|
"attributes": {
|
|
4882
4882
|
"group": "paint",
|
|
4883
4883
|
"state": "active",
|
|
@@ -9354,6 +9354,28 @@ const tokens = [{
|
|
|
9354
9354
|
"name": "elevation.surface.[default].pressed",
|
|
9355
9355
|
"path": ["elevation", "surface", "[default]", "pressed"],
|
|
9356
9356
|
"cleanName": "elevation.surface.pressed"
|
|
9357
|
+
}, {
|
|
9358
|
+
"value": "#F0F1F2",
|
|
9359
|
+
"filePath": "schema/themes/atlassian-light/elevation/surface.tsx",
|
|
9360
|
+
"isSource": false,
|
|
9361
|
+
"attributes": {
|
|
9362
|
+
"group": "paint",
|
|
9363
|
+
"state": "active",
|
|
9364
|
+
"introduced": "13.3.0",
|
|
9365
|
+
"description": "Use as a neutral container surface background."
|
|
9366
|
+
},
|
|
9367
|
+
"original": {
|
|
9368
|
+
"value": "Neutral200",
|
|
9369
|
+
"attributes": {
|
|
9370
|
+
"group": "paint",
|
|
9371
|
+
"state": "active",
|
|
9372
|
+
"introduced": "13.3.0",
|
|
9373
|
+
"description": "Use as a neutral container surface background."
|
|
9374
|
+
}
|
|
9375
|
+
},
|
|
9376
|
+
"name": "elevation.surface.container",
|
|
9377
|
+
"path": ["elevation", "surface", "container"],
|
|
9378
|
+
"cleanName": "elevation.surface.container"
|
|
9357
9379
|
}, {
|
|
9358
9380
|
"value": "#FFFFFF",
|
|
9359
9381
|
"filePath": "schema/themes/atlassian-light/elevation/surface.tsx",
|
|
@@ -9508,6 +9530,72 @@ const tokens = [{
|
|
|
9508
9530
|
"name": "elevation.surface.sunken",
|
|
9509
9531
|
"path": ["elevation", "surface", "sunken"],
|
|
9510
9532
|
"cleanName": "elevation.surface.sunken"
|
|
9533
|
+
}, {
|
|
9534
|
+
"value": "#F8F8F8",
|
|
9535
|
+
"filePath": "schema/themes/atlassian-light-increased-contrast/elevation/rovo/surface.tsx",
|
|
9536
|
+
"isSource": true,
|
|
9537
|
+
"attributes": {
|
|
9538
|
+
"group": "paint",
|
|
9539
|
+
"state": "active",
|
|
9540
|
+
"introduced": "13.3.0",
|
|
9541
|
+
"description": "Use for Rovo overlay surface backgrounds."
|
|
9542
|
+
},
|
|
9543
|
+
"original": {
|
|
9544
|
+
"value": "Neutral100",
|
|
9545
|
+
"attributes": {
|
|
9546
|
+
"group": "paint",
|
|
9547
|
+
"state": "active",
|
|
9548
|
+
"introduced": "13.3.0",
|
|
9549
|
+
"description": "Use for Rovo overlay surface backgrounds."
|
|
9550
|
+
}
|
|
9551
|
+
},
|
|
9552
|
+
"name": "elevation.rovo.surface.overlay.[default]",
|
|
9553
|
+
"path": ["elevation", "rovo", "surface", "overlay", "[default]"],
|
|
9554
|
+
"cleanName": "elevation.rovo.surface.overlay"
|
|
9555
|
+
}, {
|
|
9556
|
+
"value": "#F0F1F2",
|
|
9557
|
+
"filePath": "schema/themes/atlassian-light-increased-contrast/elevation/rovo/surface.tsx",
|
|
9558
|
+
"isSource": true,
|
|
9559
|
+
"attributes": {
|
|
9560
|
+
"group": "paint",
|
|
9561
|
+
"state": "active",
|
|
9562
|
+
"introduced": "13.3.0",
|
|
9563
|
+
"description": "Hovered state of elevation.rovo.surface.overlay."
|
|
9564
|
+
},
|
|
9565
|
+
"original": {
|
|
9566
|
+
"value": "Neutral200",
|
|
9567
|
+
"attributes": {
|
|
9568
|
+
"group": "paint",
|
|
9569
|
+
"state": "active",
|
|
9570
|
+
"introduced": "13.3.0",
|
|
9571
|
+
"description": "Hovered state of elevation.rovo.surface.overlay."
|
|
9572
|
+
}
|
|
9573
|
+
},
|
|
9574
|
+
"name": "elevation.rovo.surface.overlay.hovered",
|
|
9575
|
+
"path": ["elevation", "rovo", "surface", "overlay", "hovered"],
|
|
9576
|
+
"cleanName": "elevation.rovo.surface.overlay.hovered"
|
|
9577
|
+
}, {
|
|
9578
|
+
"value": "#DDDEE1",
|
|
9579
|
+
"filePath": "schema/themes/atlassian-light-increased-contrast/elevation/rovo/surface.tsx",
|
|
9580
|
+
"isSource": true,
|
|
9581
|
+
"attributes": {
|
|
9582
|
+
"group": "paint",
|
|
9583
|
+
"state": "active",
|
|
9584
|
+
"introduced": "13.3.0",
|
|
9585
|
+
"description": "Pressed state of elevation.rovo.surface.overlay."
|
|
9586
|
+
},
|
|
9587
|
+
"original": {
|
|
9588
|
+
"value": "Neutral300",
|
|
9589
|
+
"attributes": {
|
|
9590
|
+
"group": "paint",
|
|
9591
|
+
"state": "active",
|
|
9592
|
+
"introduced": "13.3.0",
|
|
9593
|
+
"description": "Pressed state of elevation.rovo.surface.overlay."
|
|
9594
|
+
}
|
|
9595
|
+
},
|
|
9596
|
+
"name": "elevation.rovo.surface.overlay.pressed",
|
|
9597
|
+
"path": ["elevation", "rovo", "surface", "overlay", "pressed"],
|
|
9598
|
+
"cleanName": "elevation.rovo.surface.overlay.pressed"
|
|
9511
9599
|
}, {
|
|
9512
9600
|
"value": [{
|
|
9513
9601
|
"radius": 8,
|