@atlaskit/tokens 14.0.0 → 15.0.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.
Files changed (15) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/theme-state-defaults.js +1 -4
  3. package/dist/es2019/theme-state-defaults.js +1 -4
  4. package/dist/esm/theme-state-defaults.js +1 -4
  5. package/package.json +5 -8
  6. package/dist/cjs/artifacts/themes/atlassian-shape-rounder.js +0 -12
  7. package/dist/cjs/artifacts/themes/atlassian-shape-roundest.js +0 -12
  8. package/dist/es2019/artifacts/themes/atlassian-shape-rounder.js +0 -19
  9. package/dist/es2019/artifacts/themes/atlassian-shape-roundest.js +0 -19
  10. package/dist/esm/artifacts/themes/atlassian-shape-rounder.js +0 -6
  11. package/dist/esm/artifacts/themes/atlassian-shape-roundest.js +0 -6
  12. package/dist/types/artifacts/themes/atlassian-shape-rounder.d.ts +0 -7
  13. package/dist/types/artifacts/themes/atlassian-shape-roundest.d.ts +0 -7
  14. package/figma/atlassian-shape-rounder.json +0 -123
  15. package/figma/atlassian-shape-roundest.json +0 -123
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 15.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [`26bb3944a5ea4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/26bb3944a5ea4) -
8
+ Removed unused shape-rounder and shape-roundest themes. Removed legacy typography themes from
9
+ prebuilt.
10
+
11
+ ### Patch Changes
12
+
13
+ - [`d223db963e46d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d223db963e46d) -
14
+ Cleanup feature gate `platform-dst-motion-theme-default`. Motion theme is now permanently enabled
15
+ by default in `setGlobalTheme` calls.
16
+ - [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
17
+ Add @atlassian/react-compiler-gating as a runtime dependency to enable React Compiler platform
18
+ gating.
19
+ - Updated dependencies
20
+
3
21
  ## 14.0.0
4
22
 
5
23
  ### Major Changes
package/dist/cjs/theme-state-defaults.js CHANGED
@@ -17,10 +17,7 @@ function getShapeDefault() {
17
17
  return undefined;
18
18
  }
19
19
  function getMotionDefault() {
20
- if ((0, _platformFeatureFlags.fg)('platform-dst-motion-theme-default')) {
21
- return 'motion';
22
- }
23
- return undefined;
20
+ return 'motion';
24
21
  }
25
22
 
26
23
  /**
package/dist/es2019/theme-state-defaults.js CHANGED
@@ -12,10 +12,7 @@ function getShapeDefault() {
12
12
  return undefined;
13
13
  }
14
14
  function getMotionDefault() {
15
- if (fg('platform-dst-motion-theme-default')) {
16
- return 'motion';
17
- }
18
- return undefined;
15
+ return 'motion';
19
16
  }
20
17
 
21
18
  /**
package/dist/esm/theme-state-defaults.js CHANGED
@@ -12,10 +12,7 @@ function getShapeDefault() {
12
12
  return undefined;
13
13
  }
14
14
  function getMotionDefault() {
15
- if (fg('platform-dst-motion-theme-default')) {
16
- return 'motion';
17
- }
18
- return undefined;
15
+ return 'motion';
19
16
  }
20
17
 
21
18
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "14.0.0",
3
+ "version": "15.0.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/"
@@ -39,6 +39,7 @@
39
39
  "dependencies": {
40
40
  "@atlaskit/ds-lib": "^8.0.0",
41
41
  "@atlaskit/platform-feature-flags": "^2.0.0",
42
+ "@atlassian/react-compiler-gating": "^0.2.0",
42
43
  "@babel/runtime": "^7.0.0",
43
44
  "@babel/traverse": "^7.23.2",
44
45
  "@babel/types": "^7.20.0",
@@ -51,7 +52,7 @@
51
52
  "@af/formatting": "workspace:^",
52
53
  "@af/visual-regression": "workspace:^",
53
54
  "@atlaskit/avatar": "^26.0.0",
54
- "@atlaskit/button": "^24.0.0",
55
+ "@atlaskit/button": "^24.1.0",
55
56
  "@atlaskit/calendar": "^18.0.0",
56
57
  "@atlaskit/checkbox": "^18.0.0",
57
58
  "@atlaskit/code": "^18.0.0",
@@ -68,8 +69,8 @@
68
69
  "@atlaskit/popup": "^5.0.0",
69
70
  "@atlaskit/primitives": "^20.0.0",
70
71
  "@atlaskit/radio": "^9.0.0",
71
- "@atlaskit/section-message": "^9.0.0",
72
- "@atlaskit/select": "^22.0.0",
72
+ "@atlaskit/section-message": "^9.1.0",
73
+ "@atlaskit/select": "^22.1.0",
73
74
  "@atlaskit/tag": "^15.0.0",
74
75
  "@atlaskit/textarea": "^9.0.0",
75
76
  "@atlaskit/textfield": "^9.0.0",
@@ -77,7 +78,6 @@
77
78
  "@atlaskit/tooltip": "^23.0.0",
78
79
  "@atlassian/codegen": "^0.2.0",
79
80
  "@atlassian/feature-flags-test-utils": "^1.1.0",
80
- "@atlassian/react-compiler-gating": "workspace:^",
81
81
  "@atlassian/structured-docs-types": "workspace:^",
82
82
  "@atlassian/ts-loader": "^0.1.0",
83
83
  "@babel/core": "7.24.9",
@@ -124,9 +124,6 @@
124
124
  },
125
125
  "platform-dst-shape-theme-default": {
126
126
  "type": "boolean"
127
- },
128
- "platform-dst-motion-theme-default": {
129
- "type": "boolean"
130
127
  }
131
128
  },
132
129
  "homepage": "https://atlassian.design/components/tokens"
package/dist/cjs/artifacts/themes/atlassian-shape-rounder.js DELETED
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- /**
8
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::f516cab37702e8e3d5152cb55d59256b>>
10
- * @codegenCommand yarn build tokens
11
- */
12
- var _default = exports.default = "\nhtml[data-theme~=\"shape:shape-rounder\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.75rem;\n --ds-radius-xlarge: 1rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
package/dist/cjs/artifacts/themes/atlassian-shape-roundest.js DELETED
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- /**
8
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::46c9186a43917f0c2addc79cdca0c7e6>>
10
- * @codegenCommand yarn build tokens
11
- */
12
- var _default = exports.default = "\nhtml[data-theme~=\"shape:shape-roundest\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.75rem;\n --ds-radius-large: 1rem;\n --ds-radius-xlarge: 1.25rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
package/dist/es2019/artifacts/themes/atlassian-shape-rounder.js DELETED
@@ -1,19 +0,0 @@
1
- /**
2
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::f516cab37702e8e3d5152cb55d59256b>>
4
- * @codegenCommand yarn build tokens
5
- */
6
- export default `
7
- html[data-theme~="shape:shape-rounder"] {
8
- --ds-radius-xsmall: 0.125rem;
9
- --ds-radius-small: 0.25rem;
10
- --ds-radius-medium: 0.375rem;
11
- --ds-radius-large: 0.75rem;
12
- --ds-radius-xlarge: 1rem;
13
- --ds-radius-full: 624.9375rem;
14
- --ds-radius-tile: 25%;
15
- --ds-border-width: 0.0625rem;
16
- --ds-border-width-selected: 0.125rem;
17
- --ds-border-width-focused: 0.125rem;
18
- }
19
- `;
package/dist/es2019/artifacts/themes/atlassian-shape-roundest.js DELETED
@@ -1,19 +0,0 @@
1
- /**
2
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::46c9186a43917f0c2addc79cdca0c7e6>>
4
- * @codegenCommand yarn build tokens
5
- */
6
- export default `
7
- html[data-theme~="shape:shape-roundest"] {
8
- --ds-radius-xsmall: 0.125rem;
9
- --ds-radius-small: 0.25rem;
10
- --ds-radius-medium: 0.75rem;
11
- --ds-radius-large: 1rem;
12
- --ds-radius-xlarge: 1.25rem;
13
- --ds-radius-full: 624.9375rem;
14
- --ds-radius-tile: 25%;
15
- --ds-border-width: 0.0625rem;
16
- --ds-border-width-selected: 0.125rem;
17
- --ds-border-width-focused: 0.125rem;
18
- }
19
- `;
package/dist/esm/artifacts/themes/atlassian-shape-rounder.js DELETED
@@ -1,6 +0,0 @@
1
- /**
2
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::f516cab37702e8e3d5152cb55d59256b>>
4
- * @codegenCommand yarn build tokens
5
- */
6
- export default "\nhtml[data-theme~=\"shape:shape-rounder\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.75rem;\n --ds-radius-xlarge: 1rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
package/dist/esm/artifacts/themes/atlassian-shape-roundest.js DELETED
@@ -1,6 +0,0 @@
1
- /**
2
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::46c9186a43917f0c2addc79cdca0c7e6>>
4
- * @codegenCommand yarn build tokens
5
- */
6
- export default "\nhtml[data-theme~=\"shape:shape-roundest\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.75rem;\n --ds-radius-large: 1rem;\n --ds-radius-xlarge: 1.25rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
package/dist/types/artifacts/themes/atlassian-shape-rounder.d.ts DELETED
@@ -1,7 +0,0 @@
1
- /**
2
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::f516cab37702e8e3d5152cb55d59256b>>
4
- * @codegenCommand yarn build tokens
5
- */
6
- declare const _default: "\nhtml[data-theme~=\"shape:shape-rounder\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.75rem;\n --ds-radius-xlarge: 1rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
7
- export default _default;
package/dist/types/artifacts/themes/atlassian-shape-roundest.d.ts DELETED
@@ -1,7 +0,0 @@
1
- /**
2
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::46c9186a43917f0c2addc79cdca0c7e6>>
4
- * @codegenCommand yarn build tokens
5
- */
6
- declare const _default: "\nhtml[data-theme~=\"shape:shape-roundest\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.75rem;\n --ds-radius-large: 1rem;\n --ds-radius-xlarge: 1.25rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
7
- export default _default;
package/figma/atlassian-shape-rounder.json DELETED
@@ -1,123 +0,0 @@
1
- {
2
- "name": "Shape rounder",
3
- "tokens": {
4
- "Shape rounder/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 rounder/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 rounder/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": 6
39
- },
40
- "Shape rounder/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": 12
51
- },
52
- "Shape rounder/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": 16
63
- },
64
- "Shape rounder/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 rounder/radius.tile": {
77
- "attributes": {
78
- "group": "shape",
79
- "state": "active",
80
- "introduced": "6.2.0",
81
- "description": "Used for tiles only."
82
- },
83
- "value": "25%"
84
- },
85
- "Shape rounder/border.width": {
86
- "attributes": {
87
- "group": "shape",
88
- "state": "active",
89
- "suggest": [
90
- "1px"
91
- ],
92
- "introduced": "1.5.2",
93
- "description": "The default width for all standard component borders and dividers."
94
- },
95
- "value": 1
96
- },
97
- "Shape rounder/border.width.selected": {
98
- "attributes": {
99
- "group": "shape",
100
- "state": "active",
101
- "suggest": [
102
- "2px"
103
- ],
104
- "introduced": "6.1.0",
105
- "description": "The width used to indicate a selected element, such as an active tab or a chosen item."
106
- },
107
- "value": 2
108
- },
109
- "Shape rounder/border.width.focused": {
110
- "attributes": {
111
- "group": "shape",
112
- "state": "active",
113
- "suggest": [
114
- "2px"
115
- ],
116
- "introduced": "6.1.0",
117
- "description": "The width used for the focus ring on interactive elements."
118
- },
119
- "value": 2
120
- }
121
- },
122
- "renameMap": {}
123
- }
package/figma/atlassian-shape-roundest.json DELETED
@@ -1,123 +0,0 @@
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/radius.tile": {
77
- "attributes": {
78
- "group": "shape",
79
- "state": "active",
80
- "introduced": "6.2.0",
81
- "description": "Used for tiles only."
82
- },
83
- "value": "25%"
84
- },
85
- "Shape roundest/border.width": {
86
- "attributes": {
87
- "group": "shape",
88
- "state": "active",
89
- "suggest": [
90
- "1px"
91
- ],
92
- "introduced": "1.5.2",
93
- "description": "The default width for all standard component borders and dividers."
94
- },
95
- "value": 1
96
- },
97
- "Shape roundest/border.width.selected": {
98
- "attributes": {
99
- "group": "shape",
100
- "state": "active",
101
- "suggest": [
102
- "2px"
103
- ],
104
- "introduced": "6.1.0",
105
- "description": "The width used to indicate a selected element, such as an active tab or a chosen item."
106
- },
107
- "value": 2
108
- },
109
- "Shape roundest/border.width.focused": {
110
- "attributes": {
111
- "group": "shape",
112
- "state": "active",
113
- "suggest": [
114
- "2px"
115
- ],
116
- "introduced": "6.1.0",
117
- "description": "The width used for the focus ring on interactive elements."
118
- },
119
- "value": 2
120
- }
121
- },
122
- "renameMap": {}
123
- }