@atlaskit/tokens 1.10.0 → 1.10.2

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.
@@ -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.0";
4
+ var version = "1.10.2";
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.0";
5
+ var version = "1.10.2";
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.
@@ -10,7 +10,7 @@ var spacing = {
10
10
  group: 'spacing',
11
11
  state: 'active',
12
12
  introduced: '0.12.0',
13
- description: 'Equates to `0`. Can be used for resetting default spacing styles.'
13
+ description: 'Equates to `0`. Use for resetting default spacing styles.'
14
14
  }
15
15
  },
16
16
  '025': {
@@ -19,7 +19,7 @@ var spacing = {
19
19
  state: 'active',
20
20
  suggest: ['1px', '3px'],
21
21
  introduced: '0.12.0',
22
- description: 'Use for spacing in compact scenarios. The smallest value in our scale.'
22
+ description: 'Use for small and compact pieces of UI.'
23
23
  }
24
24
  },
25
25
  '050': {
@@ -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 spacing in compact scenarios.'
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 spacing in compact scenarios.'
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 gutter spacing.'
49
+ description: 'Use for small and compact pieces of UI.'
50
50
  }
51
51
  },
52
52
  '150': {
@@ -55,7 +55,7 @@ var spacing = {
55
55
  state: 'active',
56
56
  suggest: ['10px', '11px', '13px', '14px'],
57
57
  introduced: '0.12.0',
58
- description: 'Helpful guidance goes here'
58
+ description: 'Use for larger and less dense pieces of UI.'
59
59
  }
60
60
  },
61
61
  '200': {
@@ -64,7 +64,7 @@ var spacing = {
64
64
  state: 'active',
65
65
  suggest: ['14px', '15px', '17px', '18px'],
66
66
  introduced: '0.12.0',
67
- description: 'Use for gutter spacing.'
67
+ description: 'Use for larger and less dense pieces of UI.'
68
68
  }
69
69
  },
70
70
  '250': {
@@ -73,7 +73,7 @@ var spacing = {
73
73
  state: 'active',
74
74
  suggest: ['19px', '21px', '22px', '23px'],
75
75
  introduced: '0.12.0',
76
- description: 'Use for gutter spacing.'
76
+ description: 'Use for larger and less dense pieces of UI.'
77
77
  }
78
78
  },
79
79
  '300': {
@@ -82,7 +82,7 @@ var spacing = {
82
82
  state: 'active',
83
83
  suggest: ['23px', '25px', '26px', '27px', '28px'],
84
84
  introduced: '0.12.0',
85
- description: 'Use for gutter spacing.'
85
+ description: 'Use for larger and less dense pieces of UI.'
86
86
  }
87
87
  },
88
88
  '400': {
@@ -91,7 +91,7 @@ var spacing = {
91
91
  state: 'active',
92
92
  suggest: ['28px', '29px', '30px', '31px', '33px', '34px', '35px'],
93
93
  introduced: '0.12.0',
94
- description: 'Use for gutter spacing.'
94
+ description: 'Use for the largest pieces of UI and for layout elements.'
95
95
  }
96
96
  },
97
97
  '500': {
@@ -99,7 +99,7 @@ var spacing = {
99
99
  group: 'spacing',
100
100
  state: 'active',
101
101
  introduced: '0.12.0',
102
- description: 'Use for larger layout-specific spacing.'
102
+ description: 'Use for the largest pieces of UI and for layout elements.'
103
103
  }
104
104
  },
105
105
  '600': {
@@ -107,7 +107,7 @@ var spacing = {
107
107
  group: 'spacing',
108
108
  state: 'active',
109
109
  introduced: '0.12.0',
110
- description: 'Use for larger layout-specific spacing.'
110
+ description: 'Use for the largest pieces of UI and for layout elements.'
111
111
  }
112
112
  },
113
113
  '800': {
@@ -115,7 +115,7 @@ var spacing = {
115
115
  group: 'spacing',
116
116
  state: 'active',
117
117
  introduced: '0.12.0',
118
- description: 'Use for larger layout-specific spacing.'
118
+ description: 'Use for the largest pieces of UI and for layout elements.'
119
119
  }
120
120
  },
121
121
  '1000': {
@@ -123,7 +123,7 @@ var spacing = {
123
123
  group: 'spacing',
124
124
  state: 'active',
125
125
  introduced: '0.12.0',
126
- description: 'Use for larger layout-specific spacing.'
126
+ description: 'Use for the largest pieces of UI and for layout elements.'
127
127
  }
128
128
  }
129
129
  }
@@ -19,7 +19,7 @@ export var getCSSCustomProperty = function getCSSCustomProperty(path) {
19
19
  var normalizedPath = typeof path === 'string' ? path.split('.') : path;
20
20
 
21
21
  // Opacity and other 'shallow' groups are more readable when not trimmed
22
- var slice = CSS_VAR_FULL.includes(path[0]) ? 0 : 1;
22
+ var slice = CSS_VAR_FULL.includes(normalizedPath[0]) ? 0 : 1;
23
23
  return "--".concat([CSS_PREFIX].concat(_toConsumableArray(normalizedPath.slice(slice))).filter(function (el) {
24
24
  return el !== '[default]';
25
25
  }).join('-'));
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.10.0",
3
+ "version": "1.10.2",
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::c89f0dcd1df97245a694a1a77741bb39>>
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::c89f0dcd1df97245a694a1a77741bb39>>
3
+ * @codegen <<SignedSource::93b85a1d24e82271f0bc792e089efef5>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -6,7 +6,7 @@
6
6
  "group": "spacing",
7
7
  "state": "active",
8
8
  "introduced": "0.12.0",
9
- "description": "Equates to `0`. Can be used for resetting default spacing styles."
9
+ "description": "Equates to `0`. Use for resetting default spacing styles."
10
10
  },
11
11
  "value": 0
12
12
  },
@@ -19,7 +19,7 @@
19
19
  "3px"
20
20
  ],
21
21
  "introduced": "0.12.0",
22
- "description": "Use for spacing in compact scenarios. The smallest value in our scale."
22
+ "description": "Use for small and compact pieces of UI."
23
23
  },
24
24
  "value": 2
25
25
  },
@@ -32,7 +32,7 @@
32
32
  "5px"
33
33
  ],
34
34
  "introduced": "0.12.0",
35
- "description": "Use for spacing in compact scenarios."
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 spacing in compact scenarios."
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 gutter spacing."
61
+ "description": "Use for small and compact pieces of UI."
62
62
  },
63
63
  "value": 8
64
64
  },
@@ -73,7 +73,7 @@
73
73
  "14px"
74
74
  ],
75
75
  "introduced": "0.12.0",
76
- "description": "Helpful guidance goes here"
76
+ "description": "Use for larger and less dense pieces of UI."
77
77
  },
78
78
  "value": 12
79
79
  },
@@ -88,7 +88,7 @@
88
88
  "18px"
89
89
  ],
90
90
  "introduced": "0.12.0",
91
- "description": "Use for gutter spacing."
91
+ "description": "Use for larger and less dense pieces of UI."
92
92
  },
93
93
  "value": 16
94
94
  },
@@ -103,7 +103,7 @@
103
103
  "23px"
104
104
  ],
105
105
  "introduced": "0.12.0",
106
- "description": "Use for gutter spacing."
106
+ "description": "Use for larger and less dense pieces of UI."
107
107
  },
108
108
  "value": 20
109
109
  },
@@ -119,7 +119,7 @@
119
119
  "28px"
120
120
  ],
121
121
  "introduced": "0.12.0",
122
- "description": "Use for gutter spacing."
122
+ "description": "Use for larger and less dense pieces of UI."
123
123
  },
124
124
  "value": 24
125
125
  },
@@ -137,7 +137,7 @@
137
137
  "35px"
138
138
  ],
139
139
  "introduced": "0.12.0",
140
- "description": "Use for gutter spacing."
140
+ "description": "Use for the largest pieces of UI and for layout elements."
141
141
  },
142
142
  "value": 32
143
143
  },
@@ -146,7 +146,7 @@
146
146
  "group": "spacing",
147
147
  "state": "active",
148
148
  "introduced": "0.12.0",
149
- "description": "Use for larger layout-specific spacing."
149
+ "description": "Use for the largest pieces of UI and for layout elements."
150
150
  },
151
151
  "value": 40
152
152
  },
@@ -155,7 +155,7 @@
155
155
  "group": "spacing",
156
156
  "state": "active",
157
157
  "introduced": "0.12.0",
158
- "description": "Use for larger layout-specific spacing."
158
+ "description": "Use for the largest pieces of UI and for layout elements."
159
159
  },
160
160
  "value": 48
161
161
  },
@@ -164,7 +164,7 @@
164
164
  "group": "spacing",
165
165
  "state": "active",
166
166
  "introduced": "0.12.0",
167
- "description": "Use for larger layout-specific spacing."
167
+ "description": "Use for the largest pieces of UI and for layout elements."
168
168
  },
169
169
  "value": 64
170
170
  },
@@ -173,7 +173,7 @@
173
173
  "group": "spacing",
174
174
  "state": "active",
175
175
  "introduced": "0.12.0",
176
- "description": "Use for larger layout-specific spacing."
176
+ "description": "Use for the largest pieces of UI and for layout elements."
177
177
  },
178
178
  "value": 80
179
179
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.10.0",
3
+ "version": "1.10.2",
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",