@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
|
@@ -1510,7 +1510,7 @@
|
|
|
1510
1510
|
"group": "paint",
|
|
1511
1511
|
"state": "active",
|
|
1512
1512
|
"introduced": "13.2.0",
|
|
1513
|
-
"description": "Background colour for non-interactive elements communicating caution (e.g.
|
|
1513
|
+
"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."
|
|
1514
1514
|
}
|
|
1515
1515
|
},
|
|
1516
1516
|
"Dark increased-contrast/color.background.warning.bold": {
|
|
@@ -3826,6 +3826,15 @@
|
|
|
3826
3826
|
"description": "Pressed state of elevation.surface"
|
|
3827
3827
|
}
|
|
3828
3828
|
},
|
|
3829
|
+
"Dark increased-contrast/elevation.surface.container": {
|
|
3830
|
+
"value": "#303134",
|
|
3831
|
+
"attributes": {
|
|
3832
|
+
"group": "paint",
|
|
3833
|
+
"state": "active",
|
|
3834
|
+
"introduced": "13.3.0",
|
|
3835
|
+
"description": "Use as a neutral container surface background."
|
|
3836
|
+
}
|
|
3837
|
+
},
|
|
3829
3838
|
"Dark increased-contrast/elevation.surface.overlay": {
|
|
3830
3839
|
"value": "#2B2C2F",
|
|
3831
3840
|
"attributes": {
|
|
@@ -3889,6 +3898,33 @@
|
|
|
3889
3898
|
"description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
|
|
3890
3899
|
}
|
|
3891
3900
|
},
|
|
3901
|
+
"Dark increased-contrast/elevation.rovo.surface.overlay": {
|
|
3902
|
+
"value": "#242528",
|
|
3903
|
+
"attributes": {
|
|
3904
|
+
"group": "paint",
|
|
3905
|
+
"state": "active",
|
|
3906
|
+
"introduced": "13.3.0",
|
|
3907
|
+
"description": "Use for Rovo overlay surface backgrounds."
|
|
3908
|
+
}
|
|
3909
|
+
},
|
|
3910
|
+
"Dark increased-contrast/elevation.rovo.surface.overlay.hovered": {
|
|
3911
|
+
"value": "#2B2C2F",
|
|
3912
|
+
"attributes": {
|
|
3913
|
+
"group": "paint",
|
|
3914
|
+
"state": "active",
|
|
3915
|
+
"introduced": "13.3.0",
|
|
3916
|
+
"description": "Hovered state of elevation.rovo.surface.overlay."
|
|
3917
|
+
}
|
|
3918
|
+
},
|
|
3919
|
+
"Dark increased-contrast/elevation.rovo.surface.overlay.pressed": {
|
|
3920
|
+
"value": "#303134",
|
|
3921
|
+
"attributes": {
|
|
3922
|
+
"group": "paint",
|
|
3923
|
+
"state": "active",
|
|
3924
|
+
"introduced": "13.3.0",
|
|
3925
|
+
"description": "Pressed state of elevation.rovo.surface.overlay."
|
|
3926
|
+
}
|
|
3927
|
+
},
|
|
3892
3928
|
"Dark increased-contrast/elevation.shadow.overflow": {
|
|
3893
3929
|
"value": [
|
|
3894
3930
|
{
|
|
@@ -1509,7 +1509,7 @@
|
|
|
1509
1509
|
"group": "paint",
|
|
1510
1510
|
"state": "active",
|
|
1511
1511
|
"introduced": "13.2.0",
|
|
1512
|
-
"description": "Background colour for non-interactive elements communicating caution (e.g.
|
|
1512
|
+
"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."
|
|
1513
1513
|
},
|
|
1514
1514
|
"value": "#9E4C00"
|
|
1515
1515
|
},
|
|
@@ -3826,6 +3826,15 @@
|
|
|
3826
3826
|
},
|
|
3827
3827
|
"value": "#2B2C2F"
|
|
3828
3828
|
},
|
|
3829
|
+
"Dark/elevation.surface.container": {
|
|
3830
|
+
"attributes": {
|
|
3831
|
+
"group": "paint",
|
|
3832
|
+
"state": "active",
|
|
3833
|
+
"introduced": "13.3.0",
|
|
3834
|
+
"description": "Use as a neutral container surface background."
|
|
3835
|
+
},
|
|
3836
|
+
"value": "#303134"
|
|
3837
|
+
},
|
|
3829
3838
|
"Dark/elevation.surface.overlay": {
|
|
3830
3839
|
"attributes": {
|
|
3831
3840
|
"group": "paint",
|
|
@@ -3889,6 +3898,33 @@
|
|
|
3889
3898
|
},
|
|
3890
3899
|
"value": "#18191A"
|
|
3891
3900
|
},
|
|
3901
|
+
"Dark/elevation.rovo.surface.overlay": {
|
|
3902
|
+
"attributes": {
|
|
3903
|
+
"group": "paint",
|
|
3904
|
+
"state": "active",
|
|
3905
|
+
"introduced": "13.3.0",
|
|
3906
|
+
"description": "Use for Rovo overlay surface backgrounds."
|
|
3907
|
+
},
|
|
3908
|
+
"value": "#242528"
|
|
3909
|
+
},
|
|
3910
|
+
"Dark/elevation.rovo.surface.overlay.hovered": {
|
|
3911
|
+
"attributes": {
|
|
3912
|
+
"group": "paint",
|
|
3913
|
+
"state": "active",
|
|
3914
|
+
"introduced": "13.3.0",
|
|
3915
|
+
"description": "Hovered state of elevation.rovo.surface.overlay."
|
|
3916
|
+
},
|
|
3917
|
+
"value": "#2B2C2F"
|
|
3918
|
+
},
|
|
3919
|
+
"Dark/elevation.rovo.surface.overlay.pressed": {
|
|
3920
|
+
"attributes": {
|
|
3921
|
+
"group": "paint",
|
|
3922
|
+
"state": "active",
|
|
3923
|
+
"introduced": "13.3.0",
|
|
3924
|
+
"description": "Pressed state of elevation.rovo.surface.overlay."
|
|
3925
|
+
},
|
|
3926
|
+
"value": "#303134"
|
|
3927
|
+
},
|
|
3892
3928
|
"Dark/elevation.shadow.overflow": {
|
|
3893
3929
|
"attributes": {
|
|
3894
3930
|
"group": "shadow",
|
|
@@ -1510,7 +1510,7 @@
|
|
|
1510
1510
|
"group": "paint",
|
|
1511
1511
|
"state": "active",
|
|
1512
1512
|
"introduced": "13.2.0",
|
|
1513
|
-
"description": "Background colour for non-interactive elements communicating caution (e.g.
|
|
1513
|
+
"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."
|
|
1514
1514
|
}
|
|
1515
1515
|
},
|
|
1516
1516
|
"Light increased-contrast/color.background.warning.bold": {
|
|
@@ -1991,7 +1991,7 @@
|
|
|
1991
1991
|
}
|
|
1992
1992
|
},
|
|
1993
1993
|
"Light increased-contrast/color.border.accent.gray.subtle": {
|
|
1994
|
-
"value": "#
|
|
1994
|
+
"value": "#B7B9BE",
|
|
1995
1995
|
"attributes": {
|
|
1996
1996
|
"group": "paint",
|
|
1997
1997
|
"state": "active",
|
|
@@ -3826,6 +3826,15 @@
|
|
|
3826
3826
|
"description": "Pressed state of elevation.surface"
|
|
3827
3827
|
}
|
|
3828
3828
|
},
|
|
3829
|
+
"Light increased-contrast/elevation.surface.container": {
|
|
3830
|
+
"value": "#F0F1F2",
|
|
3831
|
+
"attributes": {
|
|
3832
|
+
"group": "paint",
|
|
3833
|
+
"state": "active",
|
|
3834
|
+
"introduced": "13.3.0",
|
|
3835
|
+
"description": "Use as a neutral container surface background."
|
|
3836
|
+
}
|
|
3837
|
+
},
|
|
3829
3838
|
"Light increased-contrast/elevation.surface.overlay": {
|
|
3830
3839
|
"value": "#FFFFFF",
|
|
3831
3840
|
"attributes": {
|
|
@@ -3889,6 +3898,33 @@
|
|
|
3889
3898
|
"description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
|
|
3890
3899
|
}
|
|
3891
3900
|
},
|
|
3901
|
+
"Light increased-contrast/elevation.rovo.surface.overlay": {
|
|
3902
|
+
"value": "#F8F8F8",
|
|
3903
|
+
"attributes": {
|
|
3904
|
+
"group": "paint",
|
|
3905
|
+
"state": "active",
|
|
3906
|
+
"introduced": "13.3.0",
|
|
3907
|
+
"description": "Use for Rovo overlay surface backgrounds."
|
|
3908
|
+
}
|
|
3909
|
+
},
|
|
3910
|
+
"Light increased-contrast/elevation.rovo.surface.overlay.hovered": {
|
|
3911
|
+
"value": "#F0F1F2",
|
|
3912
|
+
"attributes": {
|
|
3913
|
+
"group": "paint",
|
|
3914
|
+
"state": "active",
|
|
3915
|
+
"introduced": "13.3.0",
|
|
3916
|
+
"description": "Hovered state of elevation.rovo.surface.overlay."
|
|
3917
|
+
}
|
|
3918
|
+
},
|
|
3919
|
+
"Light increased-contrast/elevation.rovo.surface.overlay.pressed": {
|
|
3920
|
+
"value": "#DDDEE1",
|
|
3921
|
+
"attributes": {
|
|
3922
|
+
"group": "paint",
|
|
3923
|
+
"state": "active",
|
|
3924
|
+
"introduced": "13.3.0",
|
|
3925
|
+
"description": "Pressed state of elevation.rovo.surface.overlay."
|
|
3926
|
+
}
|
|
3927
|
+
},
|
|
3892
3928
|
"Light increased-contrast/elevation.shadow.overflow": {
|
|
3893
3929
|
"value": [
|
|
3894
3930
|
{
|
|
@@ -1509,7 +1509,7 @@
|
|
|
1509
1509
|
"group": "paint",
|
|
1510
1510
|
"state": "active",
|
|
1511
1511
|
"introduced": "13.2.0",
|
|
1512
|
-
"description": "Background colour for non-interactive elements communicating caution (e.g.
|
|
1512
|
+
"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."
|
|
1513
1513
|
},
|
|
1514
1514
|
"value": "#FBD779"
|
|
1515
1515
|
},
|
|
@@ -1997,7 +1997,7 @@
|
|
|
1997
1997
|
"introduced": "13.2.0",
|
|
1998
1998
|
"description": "Use for decorative gray borders that do not need to meet 3:1 contrast requirements."
|
|
1999
1999
|
},
|
|
2000
|
-
"value": "#
|
|
2000
|
+
"value": "#B7B9BE"
|
|
2001
2001
|
},
|
|
2002
2002
|
"Light/color.border.disabled": {
|
|
2003
2003
|
"attributes": {
|
|
@@ -3826,6 +3826,15 @@
|
|
|
3826
3826
|
},
|
|
3827
3827
|
"value": "#DDDEE1"
|
|
3828
3828
|
},
|
|
3829
|
+
"Light/elevation.surface.container": {
|
|
3830
|
+
"attributes": {
|
|
3831
|
+
"group": "paint",
|
|
3832
|
+
"state": "active",
|
|
3833
|
+
"introduced": "13.3.0",
|
|
3834
|
+
"description": "Use as a neutral container surface background."
|
|
3835
|
+
},
|
|
3836
|
+
"value": "#F0F1F2"
|
|
3837
|
+
},
|
|
3829
3838
|
"Light/elevation.surface.overlay": {
|
|
3830
3839
|
"attributes": {
|
|
3831
3840
|
"group": "paint",
|
|
@@ -3889,6 +3898,33 @@
|
|
|
3889
3898
|
},
|
|
3890
3899
|
"value": "#F8F8F8"
|
|
3891
3900
|
},
|
|
3901
|
+
"Light/elevation.rovo.surface.overlay": {
|
|
3902
|
+
"attributes": {
|
|
3903
|
+
"group": "paint",
|
|
3904
|
+
"state": "active",
|
|
3905
|
+
"introduced": "13.3.0",
|
|
3906
|
+
"description": "Use for Rovo overlay surface backgrounds."
|
|
3907
|
+
},
|
|
3908
|
+
"value": "#F8F8F8"
|
|
3909
|
+
},
|
|
3910
|
+
"Light/elevation.rovo.surface.overlay.hovered": {
|
|
3911
|
+
"attributes": {
|
|
3912
|
+
"group": "paint",
|
|
3913
|
+
"state": "active",
|
|
3914
|
+
"introduced": "13.3.0",
|
|
3915
|
+
"description": "Hovered state of elevation.rovo.surface.overlay."
|
|
3916
|
+
},
|
|
3917
|
+
"value": "#F0F1F2"
|
|
3918
|
+
},
|
|
3919
|
+
"Light/elevation.rovo.surface.overlay.pressed": {
|
|
3920
|
+
"attributes": {
|
|
3921
|
+
"group": "paint",
|
|
3922
|
+
"state": "active",
|
|
3923
|
+
"introduced": "13.3.0",
|
|
3924
|
+
"description": "Pressed state of elevation.rovo.surface.overlay."
|
|
3925
|
+
},
|
|
3926
|
+
"value": "#DDDEE1"
|
|
3927
|
+
},
|
|
3892
3928
|
"Light/elevation.shadow.overflow": {
|
|
3893
3929
|
"attributes": {
|
|
3894
3930
|
"group": "shadow",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tokens",
|
|
3
|
-
"version": "13.
|
|
3
|
+
"version": "13.4.0",
|
|
4
4
|
"description": "Design tokens are the single source of truth to name and store design decisions.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -64,13 +64,13 @@
|
|
|
64
64
|
"@atlaskit/icon": "^35.4.0",
|
|
65
65
|
"@atlaskit/inline-message": "^15.6.0",
|
|
66
66
|
"@atlaskit/link": "^3.4.0",
|
|
67
|
-
"@atlaskit/lozenge": "^13.
|
|
68
|
-
"@atlaskit/popup": "^4.
|
|
67
|
+
"@atlaskit/lozenge": "^13.9.0",
|
|
68
|
+
"@atlaskit/popup": "^4.24.0",
|
|
69
69
|
"@atlaskit/primitives": "^19.0.0",
|
|
70
70
|
"@atlaskit/radio": "^8.6.0",
|
|
71
71
|
"@atlaskit/section-message": "^8.13.0",
|
|
72
72
|
"@atlaskit/select": "^21.12.0",
|
|
73
|
-
"@atlaskit/tag": "^14.
|
|
73
|
+
"@atlaskit/tag": "^14.16.0",
|
|
74
74
|
"@atlaskit/textarea": "^8.3.0",
|
|
75
75
|
"@atlaskit/textfield": "^8.3.0",
|
|
76
76
|
"@atlaskit/theme": "^25.0.0",
|