@atlaskit/tokens 5.6.3 → 6.1.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 +17 -0
- package/babel-plugin/package.json +1 -1
- package/codemods/theme-to-design-tokens/transform.tsx +1 -0
- package/css-type-schema/package.json +1 -1
- package/custom-themes/package.json +1 -1
- package/dist/cjs/artifacts/palettes-raw/shape-palette.js +53 -23
- package/dist/cjs/artifacts/replacement-mapping.js +29 -2
- package/dist/cjs/artifacts/theme-import-map.js +13 -1
- package/dist/cjs/artifacts/themes/atlassian-shape-rounder.js +12 -0
- package/dist/cjs/artifacts/themes/atlassian-shape-roundest.js +12 -0
- package/dist/cjs/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +21 -13
- package/dist/cjs/artifacts/token-names.js +21 -13
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape-rounder.js +469 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape-roundest.js +469 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +249 -41
- package/dist/cjs/constants.js +1 -1
- package/dist/cjs/entry-points/token-metadata.codegen.js +96 -51
- package/dist/cjs/theme-config.js +19 -6
- package/dist/cjs/theme-state-transformer.js +3 -1
- package/dist/cjs/utils/token-order.js +6 -3
- package/dist/es2019/artifacts/palettes-raw/shape-palette.js +53 -23
- package/dist/es2019/artifacts/replacement-mapping.js +29 -2
- package/dist/es2019/artifacts/theme-import-map.js +5 -1
- package/dist/es2019/artifacts/themes/atlassian-shape-rounder.js +28 -0
- package/dist/es2019/artifacts/themes/atlassian-shape-roundest.js +28 -0
- package/dist/es2019/artifacts/themes/atlassian-shape.js +11 -3
- package/dist/es2019/artifacts/token-default-values.js +21 -13
- package/dist/es2019/artifacts/token-names.js +21 -13
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape-rounder.js +463 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape-roundest.js +463 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +249 -41
- package/dist/es2019/constants.js +1 -1
- package/dist/es2019/entry-points/token-metadata.codegen.js +96 -51
- package/dist/es2019/theme-config.js +19 -6
- package/dist/es2019/theme-state-transformer.js +3 -1
- package/dist/es2019/utils/token-order.js +6 -3
- package/dist/esm/artifacts/palettes-raw/shape-palette.js +53 -23
- package/dist/esm/artifacts/replacement-mapping.js +29 -2
- package/dist/esm/artifacts/theme-import-map.js +9 -1
- package/dist/esm/artifacts/themes/atlassian-shape-rounder.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-shape-roundest.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +21 -13
- package/dist/esm/artifacts/token-names.js +21 -13
- package/dist/esm/artifacts/tokens-raw/atlassian-shape-rounder.js +463 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-shape-roundest.js +463 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +249 -41
- package/dist/esm/constants.js +1 -1
- package/dist/esm/entry-points/token-metadata.codegen.js +96 -51
- package/dist/esm/theme-config.js +19 -6
- package/dist/esm/theme-state-transformer.js +3 -1
- package/dist/esm/utils/token-order.js +6 -3
- package/dist/types/artifacts/palettes-raw/shape-palette.d.ts +1 -1
- package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-shape-rounder.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-shape-roundest.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-shape.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +20 -12
- package/dist/types/artifacts/token-names.d.ts +39 -23
- package/dist/types/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +59 -0
- package/dist/types/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +59 -0
- package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +9 -5
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/enable-global-theme.d.ts +1 -1
- package/dist/types/entry-points/css-type-schema.codegen.d.ts +3 -3
- package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types/get-ssr-auto-script.d.ts +1 -1
- package/dist/types/get-theme-styles.d.ts +1 -1
- package/dist/types/set-global-theme.d.ts +1 -1
- package/dist/types/theme-config.d.ts +4 -4
- package/dist/types/types.d.ts +12 -2
- package/dist/types/utils/color-detection.d.ts +1 -1
- package/dist/types/utils/custom-theme-token-contrast-check.d.ts +2 -2
- package/dist/types/utils/generate-custom-color-ramp.d.ts +2 -8
- package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-shape-rounder.d.ts +7 -0
- package/dist/types-ts4.5/artifacts/themes/atlassian-shape-roundest.d.ts +7 -0
- package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +20 -12
- package/dist/types-ts4.5/artifacts/token-names.d.ts +39 -23
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +59 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +59 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +9 -5
- 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/enable-global-theme.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +3 -3
- package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types-ts4.5/get-ssr-auto-script.d.ts +1 -1
- package/dist/types-ts4.5/get-theme-styles.d.ts +1 -1
- package/dist/types-ts4.5/set-global-theme.d.ts +1 -1
- package/dist/types-ts4.5/theme-config.d.ts +6 -2
- package/dist/types-ts4.5/types.d.ts +12 -2
- package/dist/types-ts4.5/utils/color-detection.d.ts +1 -1
- package/dist/types-ts4.5/utils/custom-theme-token-contrast-check.d.ts +2 -2
- package/dist/types-ts4.5/utils/generate-custom-color-ramp.d.ts +2 -4
- package/figma/atlassian-shape-rounder.json +114 -0
- package/figma/atlassian-shape-roundest.json +114 -0
- package/figma/atlassian-shape.json +44 -46
- package/package.json +8 -9
- package/palettes-raw/package.json +1 -1
- package/rename-mapping/package.json +1 -1
- package/token-default-values/package.json +1 -1
- package/token-ids/package.json +1 -1
- package/token-metadata/package.json +1 -1
- package/token-names/package.json +1 -1
- package/token-order/package.json +1 -1
- package/tokens-raw/package.json +1 -1
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Shape roundest",
|
|
3
|
+
"tokens": {
|
|
4
|
+
"Shape roundest/radius.xsmall": {
|
|
5
|
+
"attributes": {
|
|
6
|
+
"group": "shape",
|
|
7
|
+
"state": "active",
|
|
8
|
+
"suggest": [
|
|
9
|
+
"2px"
|
|
10
|
+
],
|
|
11
|
+
"introduced": "6.1.0",
|
|
12
|
+
"description": "Used for small containers such as badges."
|
|
13
|
+
},
|
|
14
|
+
"value": 2
|
|
15
|
+
},
|
|
16
|
+
"Shape roundest/radius.small": {
|
|
17
|
+
"attributes": {
|
|
18
|
+
"group": "shape",
|
|
19
|
+
"state": "active",
|
|
20
|
+
"suggest": [
|
|
21
|
+
"4px"
|
|
22
|
+
],
|
|
23
|
+
"introduced": "6.1.0",
|
|
24
|
+
"description": "Used for labels."
|
|
25
|
+
},
|
|
26
|
+
"value": 4
|
|
27
|
+
},
|
|
28
|
+
"Shape roundest/radius.medium": {
|
|
29
|
+
"attributes": {
|
|
30
|
+
"group": "shape",
|
|
31
|
+
"state": "active",
|
|
32
|
+
"suggest": [
|
|
33
|
+
"6px"
|
|
34
|
+
],
|
|
35
|
+
"introduced": "6.1.0",
|
|
36
|
+
"description": "Used for buttons and inputs."
|
|
37
|
+
},
|
|
38
|
+
"value": 12
|
|
39
|
+
},
|
|
40
|
+
"Shape roundest/radius.large": {
|
|
41
|
+
"attributes": {
|
|
42
|
+
"group": "shape",
|
|
43
|
+
"state": "active",
|
|
44
|
+
"suggest": [
|
|
45
|
+
"8px"
|
|
46
|
+
],
|
|
47
|
+
"introduced": "6.1.0",
|
|
48
|
+
"description": "Used for cards and small containers."
|
|
49
|
+
},
|
|
50
|
+
"value": 16
|
|
51
|
+
},
|
|
52
|
+
"Shape roundest/radius.xlarge": {
|
|
53
|
+
"attributes": {
|
|
54
|
+
"group": "shape",
|
|
55
|
+
"state": "active",
|
|
56
|
+
"suggest": [
|
|
57
|
+
"12px"
|
|
58
|
+
],
|
|
59
|
+
"introduced": "6.1.0",
|
|
60
|
+
"description": "Used for modals and large containers."
|
|
61
|
+
},
|
|
62
|
+
"value": 20
|
|
63
|
+
},
|
|
64
|
+
"Shape roundest/radius.full": {
|
|
65
|
+
"attributes": {
|
|
66
|
+
"group": "shape",
|
|
67
|
+
"state": "active",
|
|
68
|
+
"suggest": [
|
|
69
|
+
"50%"
|
|
70
|
+
],
|
|
71
|
+
"introduced": "6.1.0",
|
|
72
|
+
"description": "Used for circular containers, like a rounded button."
|
|
73
|
+
},
|
|
74
|
+
"value": 9999
|
|
75
|
+
},
|
|
76
|
+
"Shape roundest/border.width": {
|
|
77
|
+
"attributes": {
|
|
78
|
+
"group": "shape",
|
|
79
|
+
"state": "active",
|
|
80
|
+
"suggest": [
|
|
81
|
+
"1px"
|
|
82
|
+
],
|
|
83
|
+
"introduced": "1.5.2",
|
|
84
|
+
"description": "The default border width. Used for all borders."
|
|
85
|
+
},
|
|
86
|
+
"value": 1
|
|
87
|
+
},
|
|
88
|
+
"Shape roundest/border.width.selected": {
|
|
89
|
+
"attributes": {
|
|
90
|
+
"group": "shape",
|
|
91
|
+
"state": "active",
|
|
92
|
+
"suggest": [
|
|
93
|
+
"2px"
|
|
94
|
+
],
|
|
95
|
+
"introduced": "6.1.0",
|
|
96
|
+
"description": "Use for selected states."
|
|
97
|
+
},
|
|
98
|
+
"value": 2
|
|
99
|
+
},
|
|
100
|
+
"Shape roundest/border.width.focused": {
|
|
101
|
+
"attributes": {
|
|
102
|
+
"group": "shape",
|
|
103
|
+
"state": "active",
|
|
104
|
+
"suggest": [
|
|
105
|
+
"2px"
|
|
106
|
+
],
|
|
107
|
+
"introduced": "6.1.0",
|
|
108
|
+
"description": "Use for focused states."
|
|
109
|
+
},
|
|
110
|
+
"value": 2
|
|
111
|
+
}
|
|
112
|
+
},
|
|
113
|
+
"renameMap": {}
|
|
114
|
+
}
|
|
@@ -1,113 +1,111 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "Shape",
|
|
3
3
|
"tokens": {
|
|
4
|
-
"Shape/
|
|
4
|
+
"Shape/radius.xsmall": {
|
|
5
5
|
"attributes": {
|
|
6
6
|
"group": "shape",
|
|
7
7
|
"state": "active",
|
|
8
|
-
"
|
|
9
|
-
|
|
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/
|
|
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.
|
|
22
|
-
"description": "
|
|
23
|
+
"introduced": "6.1.0",
|
|
24
|
+
"description": "Used for labels."
|
|
23
25
|
},
|
|
24
26
|
"value": 4
|
|
25
27
|
},
|
|
26
|
-
"Shape/
|
|
28
|
+
"Shape/radius.medium": {
|
|
27
29
|
"attributes": {
|
|
28
30
|
"group": "shape",
|
|
29
31
|
"state": "active",
|
|
30
|
-
"
|
|
32
|
+
"suggest": [
|
|
33
|
+
"6px"
|
|
34
|
+
],
|
|
35
|
+
"introduced": "6.1.0",
|
|
31
36
|
"description": "Used for buttons and inputs."
|
|
32
37
|
},
|
|
33
|
-
"value":
|
|
38
|
+
"value": 6
|
|
34
39
|
},
|
|
35
|
-
"Shape/
|
|
40
|
+
"Shape/radius.large": {
|
|
36
41
|
"attributes": {
|
|
37
42
|
"group": "shape",
|
|
38
43
|
"state": "active",
|
|
39
|
-
"
|
|
40
|
-
|
|
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/
|
|
52
|
+
"Shape/radius.xlarge": {
|
|
45
53
|
"attributes": {
|
|
46
54
|
"group": "shape",
|
|
47
55
|
"state": "active",
|
|
48
|
-
"
|
|
49
|
-
|
|
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/
|
|
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": "
|
|
71
|
+
"introduced": "6.1.0",
|
|
70
72
|
"description": "Used for circular containers, like a rounded button."
|
|
71
73
|
},
|
|
72
|
-
"value":
|
|
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.
|
|
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
|
-
"
|
|
101
|
-
|
|
92
|
+
"suggest": [
|
|
93
|
+
"2px"
|
|
94
|
+
],
|
|
95
|
+
"introduced": "6.1.0",
|
|
96
|
+
"description": "Use for selected states."
|
|
102
97
|
},
|
|
103
|
-
"value":
|
|
98
|
+
"value": 2
|
|
104
99
|
},
|
|
105
|
-
"Shape/border.width.
|
|
100
|
+
"Shape/border.width.focused": {
|
|
106
101
|
"attributes": {
|
|
107
102
|
"group": "shape",
|
|
108
103
|
"state": "active",
|
|
109
|
-
"
|
|
110
|
-
|
|
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": "
|
|
3
|
+
"version": "6.1.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/"
|
|
@@ -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.
|
|
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,17 +52,17 @@
|
|
|
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.
|
|
55
|
+
"@atlaskit/form": "^12.2.0",
|
|
56
56
|
"@atlaskit/grid": "^0.18.0",
|
|
57
57
|
"@atlaskit/heading": "^5.2.0",
|
|
58
|
-
"@atlaskit/icon": "^
|
|
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.
|
|
64
|
-
"@atlaskit/radio": "^8.
|
|
65
|
-
"@atlaskit/section-message": "^8.
|
|
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",
|
|
@@ -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": {
|
package/token-ids/package.json
CHANGED
package/token-names/package.json
CHANGED
package/token-order/package.json
CHANGED