@atlaskit/tokens 1.10.1 → 1.11.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 CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 1.11.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`c96e003db64`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c96e003db64) - Following on from 1.7.0, shape tokens are no longer being enabled behind a feature flag. Only space tokens will be enabled by default when the feature flag is active.
8
+
9
+ ## 1.10.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [`7c1c449eb96`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c1c449eb96) - Updated space token descriptions.
14
+
3
15
  ## 1.10.1
4
16
 
5
17
  ### Patch Changes
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::c0a40bffb143a2043c80064395011941>>
9
+ * @codegen <<SignedSource::93b85a1d24e82271f0bc792e089efef5>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
  var tokens = [{
@@ -61,7 +61,7 @@ var tokens = [{
61
61
  "state": "active",
62
62
  "suggest": ["3px", "5px"],
63
63
  "introduced": "0.12.0",
64
- "description": "Use for small and compact pieces of UI"
64
+ "description": "Use for small and compact pieces of UI."
65
65
  },
66
66
  "value": "4px",
67
67
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -72,7 +72,7 @@ var tokens = [{
72
72
  "state": "active",
73
73
  "suggest": ["3px", "5px"],
74
74
  "introduced": "0.12.0",
75
- "description": "Use for small and compact pieces of UI"
75
+ "description": "Use for small and compact pieces of UI."
76
76
  },
77
77
  "value": "Space050"
78
78
  },
@@ -85,7 +85,7 @@ var tokens = [{
85
85
  "state": "active",
86
86
  "suggest": ["5px", "7px"],
87
87
  "introduced": "0.12.0",
88
- "description": "Use for small and compact pieces of UI"
88
+ "description": "Use for small and compact pieces of UI."
89
89
  },
90
90
  "value": "6px",
91
91
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -96,7 +96,7 @@ var tokens = [{
96
96
  "state": "active",
97
97
  "suggest": ["5px", "7px"],
98
98
  "introduced": "0.12.0",
99
- "description": "Use for small and compact pieces of UI"
99
+ "description": "Use for small and compact pieces of UI."
100
100
  },
101
101
  "value": "Space075"
102
102
  },
@@ -109,7 +109,7 @@ var tokens = [{
109
109
  "state": "active",
110
110
  "suggest": ["7px", "9px"],
111
111
  "introduced": "0.12.0",
112
- "description": "Use for small and compact pieces of UI"
112
+ "description": "Use for small and compact pieces of UI."
113
113
  },
114
114
  "value": "8px",
115
115
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -120,7 +120,7 @@ var tokens = [{
120
120
  "state": "active",
121
121
  "suggest": ["7px", "9px"],
122
122
  "introduced": "0.12.0",
123
- "description": "Use for small and compact pieces of UI"
123
+ "description": "Use for small and compact pieces of UI."
124
124
  },
125
125
  "value": "Space100"
126
126
  },
@@ -8,7 +8,7 @@ exports.default = void 0;
8
8
  var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
9
9
  var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
10
10
  var name = "@atlaskit/tokens";
11
- var version = "1.10.1";
11
+ var version = "1.11.0";
12
12
  /**
13
13
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
14
14
  * resulting CSS Custom Property.
@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
9
9
  var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
10
10
  var _constants = require("./constants");
11
11
  var name = "@atlaskit/tokens";
12
- var version = "1.10.1";
12
+ var version = "1.11.0";
13
13
  /**
14
14
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
15
15
  * This should be used to implement design decisions throughout your application.
@@ -61,9 +61,6 @@ var getThemePreferences = function getThemePreferences(themeState) {
61
61
 
62
62
  // Load shape and spacing by default, currently behind a feature flag
63
63
  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.space-and-shape-tokens_q5me6')) {
64
- if (!themePreferences.includes('shape')) {
65
- themePreferences.push('shape');
66
- }
67
64
  if (!themePreferences.includes('spacing')) {
68
65
  themePreferences.push('spacing');
69
66
  }
@@ -300,12 +297,12 @@ var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
300
297
  typography: typography
301
298
  };
302
299
 
303
- // Load shape and spacing by default, currently behind a feature flag
300
+ // Load spacing by default, currently behind a feature flag
304
301
  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.space-and-shape-tokens_q5me6')) {
305
302
  themePreferences = {
306
303
  dark: dark,
307
304
  light: light,
308
- shape: 'shape',
305
+ shape: shape,
309
306
  spacing: 'spacing',
310
307
  typography: typography
311
308
  };
@@ -34,7 +34,7 @@ var spacing = {
34
34
  state: 'active',
35
35
  suggest: ['3px', '5px'],
36
36
  introduced: '0.12.0',
37
- description: 'Use for small and compact pieces of UI'
37
+ description: 'Use for small and compact pieces of UI.'
38
38
  }
39
39
  },
40
40
  '075': {
@@ -43,7 +43,7 @@ var spacing = {
43
43
  state: 'active',
44
44
  suggest: ['5px', '7px'],
45
45
  introduced: '0.12.0',
46
- description: 'Use for small and compact pieces of UI'
46
+ description: 'Use for small and compact pieces of UI.'
47
47
  }
48
48
  },
49
49
  '100': {
@@ -52,7 +52,7 @@ var spacing = {
52
52
  state: 'active',
53
53
  suggest: ['7px', '9px'],
54
54
  introduced: '0.12.0',
55
- description: 'Use for small and compact pieces of UI'
55
+ description: 'Use for small and compact pieces of UI.'
56
56
  }
57
57
  },
58
58
  '150': {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.10.1",
3
+ "version": "1.11.0",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]
@@ -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::c0a40bffb143a2043c80064395011941>>
3
+ * @codegen <<SignedSource::93b85a1d24e82271f0bc792e089efef5>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = [{
@@ -55,7 +55,7 @@ const tokens = [{
55
55
  "state": "active",
56
56
  "suggest": ["3px", "5px"],
57
57
  "introduced": "0.12.0",
58
- "description": "Use for small and compact pieces of UI"
58
+ "description": "Use for small and compact pieces of UI."
59
59
  },
60
60
  "value": "4px",
61
61
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -66,7 +66,7 @@ const tokens = [{
66
66
  "state": "active",
67
67
  "suggest": ["3px", "5px"],
68
68
  "introduced": "0.12.0",
69
- "description": "Use for small and compact pieces of UI"
69
+ "description": "Use for small and compact pieces of UI."
70
70
  },
71
71
  "value": "Space050"
72
72
  },
@@ -79,7 +79,7 @@ const tokens = [{
79
79
  "state": "active",
80
80
  "suggest": ["5px", "7px"],
81
81
  "introduced": "0.12.0",
82
- "description": "Use for small and compact pieces of UI"
82
+ "description": "Use for small and compact pieces of UI."
83
83
  },
84
84
  "value": "6px",
85
85
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -90,7 +90,7 @@ const tokens = [{
90
90
  "state": "active",
91
91
  "suggest": ["5px", "7px"],
92
92
  "introduced": "0.12.0",
93
- "description": "Use for small and compact pieces of UI"
93
+ "description": "Use for small and compact pieces of UI."
94
94
  },
95
95
  "value": "Space075"
96
96
  },
@@ -103,7 +103,7 @@ const tokens = [{
103
103
  "state": "active",
104
104
  "suggest": ["7px", "9px"],
105
105
  "introduced": "0.12.0",
106
- "description": "Use for small and compact pieces of UI"
106
+ "description": "Use for small and compact pieces of UI."
107
107
  },
108
108
  "value": "8px",
109
109
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -114,7 +114,7 @@ const tokens = [{
114
114
  "state": "active",
115
115
  "suggest": ["7px", "9px"],
116
116
  "introduced": "0.12.0",
117
- "description": "Use for small and compact pieces of UI"
117
+ "description": "Use for small and compact pieces of UI."
118
118
  },
119
119
  "value": "Space100"
120
120
  },
@@ -1,7 +1,7 @@
1
1
  import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  const name = "@atlaskit/tokens";
4
- const version = "1.10.1";
4
+ const version = "1.11.0";
5
5
  /**
6
6
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
7
7
  * resulting CSS Custom Property.
@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
4
4
  const name = "@atlaskit/tokens";
5
- const version = "1.10.1";
5
+ const version = "1.11.0";
6
6
  /**
7
7
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
8
8
  * This should be used to implement design decisions throughout your application.
@@ -52,9 +52,6 @@ const getThemePreferences = themeState => {
52
52
 
53
53
  // Load shape and spacing by default, currently behind a feature flag
54
54
  if (getBooleanFF('platform.design-system-team.space-and-shape-tokens_q5me6')) {
55
- if (!themePreferences.includes('shape')) {
56
- themePreferences.push('shape');
57
- }
58
55
  if (!themePreferences.includes('spacing')) {
59
56
  themePreferences.push('spacing');
60
57
  }
@@ -199,12 +196,12 @@ export const getThemeHtmlAttrs = ({
199
196
  typography
200
197
  };
201
198
 
202
- // Load shape and spacing by default, currently behind a feature flag
199
+ // Load spacing by default, currently behind a feature flag
203
200
  if (getBooleanFF('platform.design-system-team.space-and-shape-tokens_q5me6')) {
204
201
  themePreferences = {
205
202
  dark,
206
203
  light,
207
- shape: 'shape',
204
+ shape,
208
205
  spacing: 'spacing',
209
206
  typography
210
207
  };
@@ -28,7 +28,7 @@ const spacing = {
28
28
  state: 'active',
29
29
  suggest: ['3px', '5px'],
30
30
  introduced: '0.12.0',
31
- description: 'Use for small and compact pieces of UI'
31
+ description: 'Use for small and compact pieces of UI.'
32
32
  }
33
33
  },
34
34
  '075': {
@@ -37,7 +37,7 @@ const spacing = {
37
37
  state: 'active',
38
38
  suggest: ['5px', '7px'],
39
39
  introduced: '0.12.0',
40
- description: 'Use for small and compact pieces of UI'
40
+ description: 'Use for small and compact pieces of UI.'
41
41
  }
42
42
  },
43
43
  '100': {
@@ -46,7 +46,7 @@ const spacing = {
46
46
  state: 'active',
47
47
  suggest: ['7px', '9px'],
48
48
  introduced: '0.12.0',
49
- description: 'Use for small and compact pieces of UI'
49
+ description: 'Use for small and compact pieces of UI.'
50
50
  }
51
51
  },
52
52
  '150': {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.10.1",
3
+ "version": "1.11.0",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]
@@ -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::c0a40bffb143a2043c80064395011941>>
3
+ * @codegen <<SignedSource::93b85a1d24e82271f0bc792e089efef5>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  var tokens = [{
@@ -55,7 +55,7 @@ var tokens = [{
55
55
  "state": "active",
56
56
  "suggest": ["3px", "5px"],
57
57
  "introduced": "0.12.0",
58
- "description": "Use for small and compact pieces of UI"
58
+ "description": "Use for small and compact pieces of UI."
59
59
  },
60
60
  "value": "4px",
61
61
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -66,7 +66,7 @@ var tokens = [{
66
66
  "state": "active",
67
67
  "suggest": ["3px", "5px"],
68
68
  "introduced": "0.12.0",
69
- "description": "Use for small and compact pieces of UI"
69
+ "description": "Use for small and compact pieces of UI."
70
70
  },
71
71
  "value": "Space050"
72
72
  },
@@ -79,7 +79,7 @@ var tokens = [{
79
79
  "state": "active",
80
80
  "suggest": ["5px", "7px"],
81
81
  "introduced": "0.12.0",
82
- "description": "Use for small and compact pieces of UI"
82
+ "description": "Use for small and compact pieces of UI."
83
83
  },
84
84
  "value": "6px",
85
85
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -90,7 +90,7 @@ var tokens = [{
90
90
  "state": "active",
91
91
  "suggest": ["5px", "7px"],
92
92
  "introduced": "0.12.0",
93
- "description": "Use for small and compact pieces of UI"
93
+ "description": "Use for small and compact pieces of UI."
94
94
  },
95
95
  "value": "Space075"
96
96
  },
@@ -103,7 +103,7 @@ var tokens = [{
103
103
  "state": "active",
104
104
  "suggest": ["7px", "9px"],
105
105
  "introduced": "0.12.0",
106
- "description": "Use for small and compact pieces of UI"
106
+ "description": "Use for small and compact pieces of UI."
107
107
  },
108
108
  "value": "8px",
109
109
  "filePath": "src/tokens/atlassian-spacing/spacing.tsx",
@@ -114,7 +114,7 @@ var tokens = [{
114
114
  "state": "active",
115
115
  "suggest": ["7px", "9px"],
116
116
  "introduced": "0.12.0",
117
- "description": "Use for small and compact pieces of UI"
117
+ "description": "Use for small and compact pieces of UI."
118
118
  },
119
119
  "value": "Space100"
120
120
  },
@@ -1,7 +1,7 @@
1
1
  import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  var name = "@atlaskit/tokens";
4
- var version = "1.10.1";
4
+ var version = "1.11.0";
5
5
  /**
6
6
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
7
7
  * resulting CSS Custom Property.
@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
4
4
  var name = "@atlaskit/tokens";
5
- var version = "1.10.1";
5
+ var version = "1.11.0";
6
6
  /**
7
7
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
8
8
  * This should be used to implement design decisions throughout your application.
@@ -55,9 +55,6 @@ var getThemePreferences = function getThemePreferences(themeState) {
55
55
 
56
56
  // Load shape and spacing by default, currently behind a feature flag
57
57
  if (getBooleanFF('platform.design-system-team.space-and-shape-tokens_q5me6')) {
58
- if (!themePreferences.includes('shape')) {
59
- themePreferences.push('shape');
60
- }
61
58
  if (!themePreferences.includes('spacing')) {
62
59
  themePreferences.push('spacing');
63
60
  }
@@ -293,12 +290,12 @@ export var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
293
290
  typography: typography
294
291
  };
295
292
 
296
- // Load shape and spacing by default, currently behind a feature flag
293
+ // Load spacing by default, currently behind a feature flag
297
294
  if (getBooleanFF('platform.design-system-team.space-and-shape-tokens_q5me6')) {
298
295
  themePreferences = {
299
296
  dark: dark,
300
297
  light: light,
301
- shape: 'shape',
298
+ shape: shape,
302
299
  spacing: 'spacing',
303
300
  typography: typography
304
301
  };
@@ -28,7 +28,7 @@ var spacing = {
28
28
  state: 'active',
29
29
  suggest: ['3px', '5px'],
30
30
  introduced: '0.12.0',
31
- description: 'Use for small and compact pieces of UI'
31
+ description: 'Use for small and compact pieces of UI.'
32
32
  }
33
33
  },
34
34
  '075': {
@@ -37,7 +37,7 @@ var spacing = {
37
37
  state: 'active',
38
38
  suggest: ['5px', '7px'],
39
39
  introduced: '0.12.0',
40
- description: 'Use for small and compact pieces of UI'
40
+ description: 'Use for small and compact pieces of UI.'
41
41
  }
42
42
  },
43
43
  '100': {
@@ -46,7 +46,7 @@ var spacing = {
46
46
  state: 'active',
47
47
  suggest: ['7px', '9px'],
48
48
  introduced: '0.12.0',
49
- description: 'Use for small and compact pieces of UI'
49
+ description: 'Use for small and compact pieces of UI.'
50
50
  }
51
51
  },
52
52
  '150': {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.10.1",
3
+ "version": "1.11.0",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]
@@ -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::c0a40bffb143a2043c80064395011941>>
3
+ * @codegen <<SignedSource::93b85a1d24e82271f0bc792e089efef5>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -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::c0a40bffb143a2043c80064395011941>>
3
+ * @codegen <<SignedSource::93b85a1d24e82271f0bc792e089efef5>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -32,7 +32,7 @@
32
32
  "5px"
33
33
  ],
34
34
  "introduced": "0.12.0",
35
- "description": "Use for small and compact pieces of UI"
35
+ "description": "Use for small and compact pieces of UI."
36
36
  },
37
37
  "value": 4
38
38
  },
@@ -45,7 +45,7 @@
45
45
  "7px"
46
46
  ],
47
47
  "introduced": "0.12.0",
48
- "description": "Use for small and compact pieces of UI"
48
+ "description": "Use for small and compact pieces of UI."
49
49
  },
50
50
  "value": 6
51
51
  },
@@ -58,7 +58,7 @@
58
58
  "9px"
59
59
  ],
60
60
  "introduced": "0.12.0",
61
- "description": "Use for small and compact pieces of UI"
61
+ "description": "Use for small and compact pieces of UI."
62
62
  },
63
63
  "value": 8
64
64
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.10.1",
3
+ "version": "1.11.0",
4
4
  "author": "Atlassian Pty Ltd",
5
5
  "description": "Design tokens are the single source of truth to name and store design decisions.",
6
6
  "license": "Apache-2.0",
@@ -77,7 +77,7 @@
77
77
  "@atlaskit/heading": "^1.3.0",
78
78
  "@atlaskit/icon": "^21.12.0",
79
79
  "@atlaskit/lozenge": "^11.4.0",
80
- "@atlaskit/primitives": "^0.14.0",
80
+ "@atlaskit/primitives": "^0.15.0",
81
81
  "@atlaskit/section-message": "^6.4.0",
82
82
  "@atlaskit/select": "^16.5.0",
83
83
  "@atlaskit/spinner": "^15.5.1",