@atlaskit/tokens 6.0.0 → 6.1.1

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.
Files changed (113) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/babel-plugin/package.json +1 -1
  3. package/codemods/theme-to-design-tokens/transform.tsx +1 -0
  4. package/css-type-schema/package.json +1 -1
  5. package/custom-themes/package.json +1 -1
  6. package/dist/cjs/artifacts/palettes-raw/shape-palette.js +53 -23
  7. package/dist/cjs/artifacts/replacement-mapping.js +29 -2
  8. package/dist/cjs/artifacts/theme-import-map.js +13 -1
  9. package/dist/cjs/artifacts/themes/atlassian-shape-rounder.js +12 -0
  10. package/dist/cjs/artifacts/themes/atlassian-shape-roundest.js +12 -0
  11. package/dist/cjs/artifacts/themes/atlassian-shape.js +2 -2
  12. package/dist/cjs/artifacts/token-default-values.js +21 -13
  13. package/dist/cjs/artifacts/token-names.js +21 -13
  14. package/dist/cjs/artifacts/tokens-raw/atlassian-shape-rounder.js +469 -0
  15. package/dist/cjs/artifacts/tokens-raw/atlassian-shape-roundest.js +469 -0
  16. package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +249 -41
  17. package/dist/cjs/constants.js +1 -1
  18. package/dist/cjs/entry-points/token-metadata.codegen.js +96 -51
  19. package/dist/cjs/theme-config.js +18 -2
  20. package/dist/cjs/theme-state-transformer.js +3 -1
  21. package/dist/cjs/utils/token-order.js +6 -3
  22. package/dist/es2019/artifacts/palettes-raw/shape-palette.js +53 -23
  23. package/dist/es2019/artifacts/replacement-mapping.js +29 -2
  24. package/dist/es2019/artifacts/theme-import-map.js +5 -1
  25. package/dist/es2019/artifacts/themes/atlassian-shape-rounder.js +28 -0
  26. package/dist/es2019/artifacts/themes/atlassian-shape-roundest.js +28 -0
  27. package/dist/es2019/artifacts/themes/atlassian-shape.js +11 -3
  28. package/dist/es2019/artifacts/token-default-values.js +21 -13
  29. package/dist/es2019/artifacts/token-names.js +21 -13
  30. package/dist/es2019/artifacts/tokens-raw/atlassian-shape-rounder.js +463 -0
  31. package/dist/es2019/artifacts/tokens-raw/atlassian-shape-roundest.js +463 -0
  32. package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +249 -41
  33. package/dist/es2019/constants.js +1 -1
  34. package/dist/es2019/entry-points/token-metadata.codegen.js +96 -51
  35. package/dist/es2019/theme-config.js +18 -2
  36. package/dist/es2019/theme-state-transformer.js +3 -1
  37. package/dist/es2019/utils/token-order.js +6 -3
  38. package/dist/esm/artifacts/palettes-raw/shape-palette.js +53 -23
  39. package/dist/esm/artifacts/replacement-mapping.js +29 -2
  40. package/dist/esm/artifacts/theme-import-map.js +9 -1
  41. package/dist/esm/artifacts/themes/atlassian-shape-rounder.js +6 -0
  42. package/dist/esm/artifacts/themes/atlassian-shape-roundest.js +6 -0
  43. package/dist/esm/artifacts/themes/atlassian-shape.js +2 -2
  44. package/dist/esm/artifacts/token-default-values.js +21 -13
  45. package/dist/esm/artifacts/token-names.js +21 -13
  46. package/dist/esm/artifacts/tokens-raw/atlassian-shape-rounder.js +463 -0
  47. package/dist/esm/artifacts/tokens-raw/atlassian-shape-roundest.js +463 -0
  48. package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +249 -41
  49. package/dist/esm/constants.js +1 -1
  50. package/dist/esm/entry-points/token-metadata.codegen.js +96 -51
  51. package/dist/esm/theme-config.js +18 -2
  52. package/dist/esm/theme-state-transformer.js +3 -1
  53. package/dist/esm/utils/token-order.js +6 -3
  54. package/dist/types/artifacts/palettes-raw/shape-palette.d.ts +1 -1
  55. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  56. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  57. package/dist/types/artifacts/themes/atlassian-shape-rounder.d.ts +7 -0
  58. package/dist/types/artifacts/themes/atlassian-shape-roundest.d.ts +7 -0
  59. package/dist/types/artifacts/themes/atlassian-shape.d.ts +2 -2
  60. package/dist/types/artifacts/token-default-values.d.ts +20 -12
  61. package/dist/types/artifacts/token-names.d.ts +39 -23
  62. package/dist/types/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +59 -0
  63. package/dist/types/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +59 -0
  64. package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +9 -5
  65. package/dist/types/artifacts/types-internal.d.ts +2 -2
  66. package/dist/types/artifacts/types.d.ts +2 -2
  67. package/dist/types/enable-global-theme.d.ts +1 -1
  68. package/dist/types/entry-points/css-type-schema.codegen.d.ts +3 -3
  69. package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
  70. package/dist/types/get-ssr-auto-script.d.ts +1 -1
  71. package/dist/types/get-theme-styles.d.ts +1 -1
  72. package/dist/types/set-global-theme.d.ts +1 -1
  73. package/dist/types/theme-config.d.ts +4 -4
  74. package/dist/types/types.d.ts +12 -2
  75. package/dist/types/utils/color-detection.d.ts +1 -1
  76. package/dist/types/utils/custom-theme-token-contrast-check.d.ts +2 -2
  77. package/dist/types/utils/generate-custom-color-ramp.d.ts +2 -8
  78. package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts +1 -1
  79. package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +1 -1
  80. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  81. package/dist/types-ts4.5/artifacts/themes/atlassian-shape-rounder.d.ts +7 -0
  82. package/dist/types-ts4.5/artifacts/themes/atlassian-shape-roundest.d.ts +7 -0
  83. package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +2 -2
  84. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +20 -12
  85. package/dist/types-ts4.5/artifacts/token-names.d.ts +39 -23
  86. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +59 -0
  87. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +59 -0
  88. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +9 -5
  89. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  90. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  91. package/dist/types-ts4.5/enable-global-theme.d.ts +1 -1
  92. package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +3 -3
  93. package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
  94. package/dist/types-ts4.5/get-ssr-auto-script.d.ts +1 -1
  95. package/dist/types-ts4.5/get-theme-styles.d.ts +1 -1
  96. package/dist/types-ts4.5/set-global-theme.d.ts +1 -1
  97. package/dist/types-ts4.5/theme-config.d.ts +6 -2
  98. package/dist/types-ts4.5/types.d.ts +12 -2
  99. package/dist/types-ts4.5/utils/color-detection.d.ts +1 -1
  100. package/dist/types-ts4.5/utils/custom-theme-token-contrast-check.d.ts +2 -2
  101. package/dist/types-ts4.5/utils/generate-custom-color-ramp.d.ts +2 -4
  102. package/figma/atlassian-shape-rounder.json +114 -0
  103. package/figma/atlassian-shape-roundest.json +114 -0
  104. package/figma/atlassian-shape.json +44 -46
  105. package/package.json +9 -10
  106. package/palettes-raw/package.json +1 -1
  107. package/rename-mapping/package.json +1 -1
  108. package/token-default-values/package.json +1 -1
  109. package/token-ids/package.json +1 -1
  110. package/token-metadata/package.json +1 -1
  111. package/token-names/package.json +1 -1
  112. package/token-order/package.json +1 -1
  113. package/tokens-raw/package.json +1 -1
@@ -1,113 +1,111 @@
1
1
  {
2
2
  "name": "Shape",
3
3
  "tokens": {
4
- "Shape/border.radius.050": {
4
+ "Shape/radius.xsmall": {
5
5
  "attributes": {
6
6
  "group": "shape",
7
7
  "state": "active",
8
- "introduced": "1.1.0",
9
- "description": "Used for selection indicators, like tabs."
8
+ "suggest": [
9
+ "2px"
10
+ ],
11
+ "introduced": "6.1.0",
12
+ "description": "Used for small containers such as badges."
10
13
  },
11
14
  "value": 2
12
15
  },
13
- "Shape/border.radius": {
16
+ "Shape/radius.small": {
14
17
  "attributes": {
15
18
  "group": "shape",
16
19
  "state": "active",
17
20
  "suggest": [
18
- "3px",
19
21
  "4px"
20
22
  ],
21
- "introduced": "1.5.2",
22
- "description": "The default border radius."
23
+ "introduced": "6.1.0",
24
+ "description": "Used for labels."
23
25
  },
24
26
  "value": 4
25
27
  },
26
- "Shape/border.radius.100": {
28
+ "Shape/radius.medium": {
27
29
  "attributes": {
28
30
  "group": "shape",
29
31
  "state": "active",
30
- "introduced": "1.1.0",
32
+ "suggest": [
33
+ "6px"
34
+ ],
35
+ "introduced": "6.1.0",
31
36
  "description": "Used for buttons and inputs."
32
37
  },
33
- "value": 4
38
+ "value": 6
34
39
  },
35
- "Shape/border.radius.200": {
40
+ "Shape/radius.large": {
36
41
  "attributes": {
37
42
  "group": "shape",
38
43
  "state": "active",
39
- "introduced": "1.1.0",
40
- "description": "Used for smaller cards."
44
+ "suggest": [
45
+ "8px"
46
+ ],
47
+ "introduced": "6.1.0",
48
+ "description": "Used for cards and small containers."
41
49
  },
42
50
  "value": 8
43
51
  },
44
- "Shape/border.radius.300": {
52
+ "Shape/radius.xlarge": {
45
53
  "attributes": {
46
54
  "group": "shape",
47
55
  "state": "active",
48
- "introduced": "1.1.0",
49
- "description": "Used for cards and larger containers."
56
+ "suggest": [
57
+ "12px"
58
+ ],
59
+ "introduced": "6.1.0",
60
+ "description": "Used for modals and large containers."
50
61
  },
51
62
  "value": 12
52
63
  },
53
- "Shape/border.radius.400": {
54
- "attributes": {
55
- "group": "shape",
56
- "state": "active",
57
- "introduced": "1.1.0",
58
- "description": "Used for modals."
59
- },
60
- "value": 16
61
- },
62
- "Shape/border.radius.circle": {
64
+ "Shape/radius.full": {
63
65
  "attributes": {
64
66
  "group": "shape",
65
67
  "state": "active",
66
68
  "suggest": [
67
69
  "50%"
68
70
  ],
69
- "introduced": "1.1.0",
71
+ "introduced": "6.1.0",
70
72
  "description": "Used for circular containers, like a rounded button."
71
73
  },
72
- "value": 32032
74
+ "value": 9999
73
75
  },
74
76
  "Shape/border.width": {
75
77
  "attributes": {
76
78
  "group": "shape",
77
79
  "state": "active",
78
80
  "suggest": [
79
- "1px",
80
- "2px"
81
+ "1px"
81
82
  ],
82
83
  "introduced": "1.5.2",
83
84
  "description": "The default border width. Used for all borders."
84
85
  },
85
86
  "value": 1
86
87
  },
87
- "Shape/border.width.0": {
88
- "attributes": {
89
- "group": "shape",
90
- "state": "experimental",
91
- "introduced": "1.2.1",
92
- "description": "Used for zero width borders."
93
- },
94
- "value": 0
95
- },
96
- "Shape/border.width.indicator": {
88
+ "Shape/border.width.selected": {
97
89
  "attributes": {
98
90
  "group": "shape",
99
91
  "state": "active",
100
- "introduced": "1.5.2",
101
- "description": "Used for indicators like tab and menu selected states."
92
+ "suggest": [
93
+ "2px"
94
+ ],
95
+ "introduced": "6.1.0",
96
+ "description": "Use for selected states."
102
97
  },
103
- "value": 3
98
+ "value": 2
104
99
  },
105
- "Shape/border.width.outline": {
100
+ "Shape/border.width.focused": {
106
101
  "attributes": {
107
102
  "group": "shape",
108
103
  "state": "active",
109
- "introduced": "1.5.2",
110
- "description": "Used for focus, active or selected inputs."
104
+ "suggest": [
105
+ "2px"
106
+ ],
107
+ "introduced": "6.1.0",
108
+ "description": "Use for focused states."
111
109
  },
112
110
  "value": 2
113
111
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "6.0.0",
3
+ "version": "6.1.1",
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/"
@@ -44,7 +44,7 @@
44
44
  "@af/formatting": "workspace:^",
45
45
  "@af/visual-regression": "workspace:^",
46
46
  "@atlaskit/avatar": "^25.1.0",
47
- "@atlaskit/button": "^23.3.0",
47
+ "@atlaskit/button": "^23.4.0",
48
48
  "@atlaskit/calendar": "^17.1.0",
49
49
  "@atlaskit/checkbox": "^17.1.0",
50
50
  "@atlaskit/code": "^17.2.0",
@@ -52,22 +52,22 @@
52
52
  "@atlaskit/docs": "^11.0.0",
53
53
  "@atlaskit/dropdown-menu": "^16.3.0",
54
54
  "@atlaskit/dynamic-table": "^18.2.0",
55
- "@atlaskit/form": "^12.0.0",
55
+ "@atlaskit/form": "^12.2.0",
56
56
  "@atlaskit/grid": "^0.18.0",
57
57
  "@atlaskit/heading": "^5.2.0",
58
- "@atlaskit/icon": "^27.9.0",
58
+ "@atlaskit/icon": "^28.1.0",
59
59
  "@atlaskit/inline-message": "^15.3.0",
60
60
  "@atlaskit/link": "^3.2.0",
61
61
  "@atlaskit/lozenge": "^13.0.0",
62
62
  "@atlaskit/popup": "^4.3.0",
63
- "@atlaskit/primitives": "^14.11.0",
64
- "@atlaskit/radio": "^8.1.0",
65
- "@atlaskit/section-message": "^8.5.0",
63
+ "@atlaskit/primitives": "^14.12.0",
64
+ "@atlaskit/radio": "^8.2.0",
65
+ "@atlaskit/section-message": "^8.6.0",
66
66
  "@atlaskit/select": "^21.2.0",
67
67
  "@atlaskit/tag": "^14.1.0",
68
68
  "@atlaskit/textarea": "^8.0.0",
69
69
  "@atlaskit/textfield": "^8.0.0",
70
- "@atlaskit/theme": "^19.0.0",
70
+ "@atlaskit/theme": "^20.0.0",
71
71
  "@atlaskit/tooltip": "^20.4.0",
72
72
  "@atlassian/codegen": "^0.1.0",
73
73
  "@atlassian/feature-flags-test-utils": "^0.3.0",
@@ -86,8 +86,7 @@
86
86
  "postcss-less": "^6.0.0",
87
87
  "react": "^18.2.0",
88
88
  "react-window": "^1.8.8",
89
- "style-dictionary": "^3.8.0",
90
- "typescript": "~5.4.2"
89
+ "style-dictionary": "^3.8.0"
91
90
  },
92
91
  "techstack": {
93
92
  "@atlassian/frontend": {
@@ -8,7 +8,7 @@
8
8
  ],
9
9
  "types": "../dist/types/entry-points/palettes-raw.d.ts",
10
10
  "typesVersions": {
11
- ">=4.5 <5.4": {
11
+ ">=4.5 <5.9": {
12
12
  "*": [
13
13
  "../dist/types-ts4.5/entry-points/palettes-raw.d.ts"
14
14
  ]
@@ -8,7 +8,7 @@
8
8
  ],
9
9
  "types": "../dist/types/entry-points/rename-mapping.d.ts",
10
10
  "typesVersions": {
11
- ">=4.5 <5.4": {
11
+ ">=4.5 <5.9": {
12
12
  "*": [
13
13
  "../dist/types-ts4.5/entry-points/rename-mapping.d.ts"
14
14
  ]
@@ -8,7 +8,7 @@
8
8
  ],
9
9
  "types": "../dist/types/entry-points/token-default-values.d.ts",
10
10
  "typesVersions": {
11
- ">=4.5 <5.4": {
11
+ ">=4.5 <5.9": {
12
12
  "*": [
13
13
  "../dist/types-ts4.5/entry-points/token-default-values.d.ts"
14
14
  ]
@@ -8,7 +8,7 @@
8
8
  ],
9
9
  "types": "../dist/types/entry-points/token-ids.d.ts",
10
10
  "typesVersions": {
11
- ">=4.5 <5.4": {
11
+ ">=4.5 <5.9": {
12
12
  "*": [
13
13
  "../dist/types-ts4.5/entry-points/token-ids.d.ts"
14
14
  ]
@@ -8,7 +8,7 @@
8
8
  ],
9
9
  "types": "../dist/types/entry-points/token-metadata.codegen.d.ts",
10
10
  "typesVersions": {
11
- ">=4.5 <5.4": {
11
+ ">=4.5 <5.9": {
12
12
  "*": [
13
13
  "../dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts"
14
14
  ]
@@ -8,7 +8,7 @@
8
8
  ],
9
9
  "types": "../dist/types/entry-points/token-names.d.ts",
10
10
  "typesVersions": {
11
- ">=4.5 <5.4": {
11
+ ">=4.5 <5.9": {
12
12
  "*": [
13
13
  "../dist/types-ts4.5/entry-points/token-names.d.ts"
14
14
  ]
@@ -8,7 +8,7 @@
8
8
  ],
9
9
  "types": "../dist/types/entry-points/token-order.d.ts",
10
10
  "typesVersions": {
11
- ">=4.5 <5.4": {
11
+ ">=4.5 <5.9": {
12
12
  "*": [
13
13
  "../dist/types-ts4.5/entry-points/token-order.d.ts"
14
14
  ]
@@ -8,7 +8,7 @@
8
8
  ],
9
9
  "types": "../dist/types/entry-points/tokens-raw.d.ts",
10
10
  "typesVersions": {
11
- ">=4.5 <5.4": {
11
+ ">=4.5 <5.9": {
12
12
  "*": [
13
13
  "../dist/types-ts4.5/entry-points/tokens-raw.d.ts"
14
14
  ]