@atlaskit/button 16.1.6 → 16.2.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.
Files changed (15) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/cjs/entry-points/standard-button.js +2 -0
  3. package/dist/cjs/shared/button-base.js +1 -1
  4. package/dist/cjs/shared/colors.js +56 -56
  5. package/dist/cjs/version.json +1 -1
  6. package/dist/es2019/entry-points/standard-button.js +5 -0
  7. package/dist/es2019/shared/button-base.js +1 -1
  8. package/dist/es2019/shared/colors.js +56 -56
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/esm/entry-points/standard-button.js +5 -0
  11. package/dist/esm/shared/button-base.js +1 -1
  12. package/dist/esm/shared/colors.js +56 -56
  13. package/dist/esm/version.json +1 -1
  14. package/dist/types/entry-points/standard-button.d.ts +5 -0
  15. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,28 @@
1
1
  # @atlaskit/button
2
2
 
3
+ ## 16.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 16.2.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
14
+ - Updated dependencies
15
+
16
+ ## 16.2.0
17
+
18
+ ### Minor Changes
19
+
20
+ - [`dde969b6ef5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dde969b6ef5) - Fix type error with missing 'css' prop when importing Buttons directly from "@atlaskit/button/standard-button"
21
+
22
+ ### Patch Changes
23
+
24
+ - Updated dependencies
25
+
3
26
  ## 16.1.6
4
27
 
5
28
  ### Patch Changes
package/dist/cjs/entry-points/standard-button.js CHANGED
@@ -12,4 +12,6 @@ Object.defineProperty(exports, "default", {
12
12
  }
13
13
  });
14
14
 
15
+ require("@emotion/core");
16
+
15
17
  var _button = _interopRequireDefault(require("../button"));
package/dist/cjs/shared/button-base.js CHANGED
@@ -101,7 +101,7 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(props,
101
101
  action: 'clicked',
102
102
  componentName: 'button',
103
103
  packageName: "@atlaskit/button",
104
- packageVersion: "16.1.6",
104
+ packageVersion: "16.2.2",
105
105
  analyticsData: analyticsContext
106
106
  }); // Button currently calls preventDefault, which is not standard button behaviour
107
107
 
package/dist/cjs/shared/colors.js CHANGED
@@ -37,12 +37,12 @@ var values = {
37
37
  dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
38
38
  },
39
39
  selected: {
40
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
41
- dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
40
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
41
+ dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
42
42
  },
43
43
  focusSelected: {
44
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
45
- dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
44
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
45
+ dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
46
46
  }
47
47
  },
48
48
  primary: {
@@ -63,12 +63,12 @@ var values = {
63
63
  dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
64
64
  },
65
65
  selected: {
66
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
67
- dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
66
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
67
+ dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
68
68
  },
69
69
  focusSelected: {
70
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
71
- dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
70
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
71
+ dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
72
72
  }
73
73
  },
74
74
  warning: {
@@ -89,12 +89,12 @@ var values = {
89
89
  dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
90
90
  },
91
91
  selected: {
92
- light: "var(--ds-background-brand, ".concat(colors.Y400, ")"),
93
- dark: "var(--ds-background-brand, ".concat(colors.Y400, ")")
92
+ light: "var(--ds-background-selected, ".concat(colors.Y400, ")"),
93
+ dark: "var(--ds-background-selected, ".concat(colors.Y400, ")")
94
94
  },
95
95
  focusSelected: {
96
- light: "var(--ds-background-brand, ".concat(colors.Y400, ")"),
97
- dark: "var(--ds-background-brand, ".concat(colors.Y400, ")")
96
+ light: "var(--ds-background-selected, ".concat(colors.Y400, ")"),
97
+ dark: "var(--ds-background-selected, ".concat(colors.Y400, ")")
98
98
  }
99
99
  },
100
100
  danger: {
@@ -115,12 +115,12 @@ var values = {
115
115
  dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
116
116
  },
117
117
  selected: {
118
- light: "var(--ds-background-brand, ".concat(colors.R500, ")"),
119
- dark: "var(--ds-background-brand, ".concat(colors.R500, ")")
118
+ light: "var(--ds-background-selected, ".concat(colors.R500, ")"),
119
+ dark: "var(--ds-background-selected, ".concat(colors.R500, ")")
120
120
  },
121
121
  focusSelected: {
122
- light: "var(--ds-background-brand, ".concat(colors.R500, ")"),
123
- dark: "var(--ds-background-brand, ".concat(colors.R500, ")")
122
+ light: "var(--ds-background-selected, ".concat(colors.R500, ")"),
123
+ dark: "var(--ds-background-selected, ".concat(colors.R500, ")")
124
124
  }
125
125
  },
126
126
  link: {
@@ -129,12 +129,12 @@ var values = {
129
129
  dark: 'none'
130
130
  },
131
131
  selected: {
132
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
133
- dark: "var(--ds-background-brand, ".concat(colors.N20, ")")
132
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
133
+ dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
134
134
  },
135
135
  focusSelected: {
136
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
137
- dark: "var(--ds-background-brand, ".concat(colors.N20, ")")
136
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
137
+ dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
138
138
  }
139
139
  },
140
140
  subtle: {
@@ -155,12 +155,12 @@ var values = {
155
155
  dark: 'none'
156
156
  },
157
157
  selected: {
158
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
159
- dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
158
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
159
+ dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
160
160
  },
161
161
  focusSelected: {
162
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
163
- dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
162
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
163
+ dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
164
164
  }
165
165
  },
166
166
  'subtle-link': {
@@ -169,12 +169,12 @@ var values = {
169
169
  dark: 'none'
170
170
  },
171
171
  selected: {
172
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
173
- dark: "var(--ds-background-brand, ".concat(colors.N20, ")")
172
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
173
+ dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
174
174
  },
175
175
  focusSelected: {
176
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
177
- dark: "var(--ds-background-brand, ".concat(colors.N20, ")")
176
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
177
+ dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
178
178
  }
179
179
  }
180
180
  },
@@ -265,12 +265,12 @@ var values = {
265
265
  dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
266
266
  },
267
267
  selected: {
268
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
269
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
268
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
269
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
270
270
  },
271
271
  focusSelected: {
272
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
273
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
272
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
273
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
274
274
  }
275
275
  },
276
276
  primary: {
@@ -283,12 +283,12 @@ var values = {
283
283
  dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
284
284
  },
285
285
  selected: {
286
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
287
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
286
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
287
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
288
288
  },
289
289
  focusSelected: {
290
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
291
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
290
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
291
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
292
292
  }
293
293
  },
294
294
  warning: {
@@ -301,12 +301,12 @@ var values = {
301
301
  dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
302
302
  },
303
303
  selected: {
304
- light: "var(--ds-text-brand, ".concat(colors.N800, ")"),
305
- dark: "var(--ds-text-brand, ".concat(colors.N800, ")")
304
+ light: "var(--ds-text-selected, ".concat(colors.N800, ")"),
305
+ dark: "var(--ds-text-selected, ".concat(colors.N800, ")")
306
306
  },
307
307
  focusSelected: {
308
- light: "var(--ds-text-brand, ".concat(colors.N800, ")"),
309
- dark: "var(--ds-text-brand, ".concat(colors.N800, ")")
308
+ light: "var(--ds-text-selected, ".concat(colors.N800, ")"),
309
+ dark: "var(--ds-text-selected, ".concat(colors.N800, ")")
310
310
  }
311
311
  },
312
312
  danger: {
@@ -319,12 +319,12 @@ var values = {
319
319
  dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
320
320
  },
321
321
  selected: {
322
- light: "var(--ds-text-brand, ".concat(colors.N0, ")"),
323
- dark: "var(--ds-text-brand, ".concat(colors.N0, ")")
322
+ light: "var(--ds-text-selected, ".concat(colors.N0, ")"),
323
+ dark: "var(--ds-text-selected, ".concat(colors.N0, ")")
324
324
  },
325
325
  focusSelected: {
326
- light: "var(--ds-text-brand, ".concat(colors.N0, ")"),
327
- dark: "var(--ds-text-brand, ".concat(colors.N0, ")")
326
+ light: "var(--ds-text-selected, ".concat(colors.N0, ")"),
327
+ dark: "var(--ds-text-selected, ".concat(colors.N0, ")")
328
328
  }
329
329
  },
330
330
  link: {
@@ -345,12 +345,12 @@ var values = {
345
345
  dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
346
346
  },
347
347
  selected: {
348
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
349
- dark: "var(--ds-text-brand, ".concat(colors.N700, ")")
348
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
349
+ dark: "var(--ds-text-selected, ".concat(colors.N700, ")")
350
350
  },
351
351
  focusSelected: {
352
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
353
- dark: "var(--ds-text-brand, ".concat(colors.N700, ")")
352
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
353
+ dark: "var(--ds-text-selected, ".concat(colors.N700, ")")
354
354
  }
355
355
  },
356
356
  subtle: {
@@ -367,12 +367,12 @@ var values = {
367
367
  dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
368
368
  },
369
369
  selected: {
370
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
371
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
370
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
371
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
372
372
  },
373
373
  focusSelected: {
374
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
375
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
374
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
375
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
376
376
  }
377
377
  },
378
378
  'subtle-link': {
@@ -393,12 +393,12 @@ var values = {
393
393
  dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
394
394
  },
395
395
  selected: {
396
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
397
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
396
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
397
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
398
398
  },
399
399
  focusSelected: {
400
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
401
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
400
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
401
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
402
402
  }
403
403
  }
404
404
  }
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "16.1.6",
3
+ "version": "16.2.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/entry-points/standard-button.js CHANGED
@@ -1 +1,6 @@
1
+ /**
2
+ * Must import '@emotion/core' in order to resolve type error
3
+ * https://product-fabric.atlassian.net/browse/DSP-3222
4
+ */
5
+ import '@emotion/core';
1
6
  export { default } from '../button';
package/dist/es2019/shared/button-base.js CHANGED
@@ -70,7 +70,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
70
70
  action: 'clicked',
71
71
  componentName: 'button',
72
72
  packageName: "@atlaskit/button",
73
- packageVersion: "16.1.6",
73
+ packageVersion: "16.2.2",
74
74
  analyticsData: analyticsContext
75
75
  }); // Button currently calls preventDefault, which is not standard button behaviour
76
76
 
package/dist/es2019/shared/colors.js CHANGED
@@ -23,12 +23,12 @@ const values = {
23
23
  dark: `var(--ds-background-disabled, ${colors.DN70})`
24
24
  },
25
25
  selected: {
26
- light: `var(--ds-background-brand, ${colors.N700})`,
27
- dark: `var(--ds-background-brand, ${colors.DN0})`
26
+ light: `var(--ds-background-selected, ${colors.N700})`,
27
+ dark: `var(--ds-background-selected, ${colors.DN0})`
28
28
  },
29
29
  focusSelected: {
30
- light: `var(--ds-background-brand, ${colors.N700})`,
31
- dark: `var(--ds-background-brand, ${colors.DN0})`
30
+ light: `var(--ds-background-selected, ${colors.N700})`,
31
+ dark: `var(--ds-background-selected, ${colors.DN0})`
32
32
  }
33
33
  },
34
34
  primary: {
@@ -49,12 +49,12 @@ const values = {
49
49
  dark: `var(--ds-background-disabled, ${colors.DN70})`
50
50
  },
51
51
  selected: {
52
- light: `var(--ds-background-brand, ${colors.N700})`,
53
- dark: `var(--ds-background-brand, ${colors.DN0})`
52
+ light: `var(--ds-background-selected, ${colors.N700})`,
53
+ dark: `var(--ds-background-selected, ${colors.DN0})`
54
54
  },
55
55
  focusSelected: {
56
- light: `var(--ds-background-brand, ${colors.N700})`,
57
- dark: `var(--ds-background-brand, ${colors.DN0})`
56
+ light: `var(--ds-background-selected, ${colors.N700})`,
57
+ dark: `var(--ds-background-selected, ${colors.DN0})`
58
58
  }
59
59
  },
60
60
  warning: {
@@ -75,12 +75,12 @@ const values = {
75
75
  dark: `var(--ds-background-disabled, ${colors.DN70})`
76
76
  },
77
77
  selected: {
78
- light: `var(--ds-background-brand, ${colors.Y400})`,
79
- dark: `var(--ds-background-brand, ${colors.Y400})`
78
+ light: `var(--ds-background-selected, ${colors.Y400})`,
79
+ dark: `var(--ds-background-selected, ${colors.Y400})`
80
80
  },
81
81
  focusSelected: {
82
- light: `var(--ds-background-brand, ${colors.Y400})`,
83
- dark: `var(--ds-background-brand, ${colors.Y400})`
82
+ light: `var(--ds-background-selected, ${colors.Y400})`,
83
+ dark: `var(--ds-background-selected, ${colors.Y400})`
84
84
  }
85
85
  },
86
86
  danger: {
@@ -101,12 +101,12 @@ const values = {
101
101
  dark: `var(--ds-background-disabled, ${colors.DN70})`
102
102
  },
103
103
  selected: {
104
- light: `var(--ds-background-brand, ${colors.R500})`,
105
- dark: `var(--ds-background-brand, ${colors.R500})`
104
+ light: `var(--ds-background-selected, ${colors.R500})`,
105
+ dark: `var(--ds-background-selected, ${colors.R500})`
106
106
  },
107
107
  focusSelected: {
108
- light: `var(--ds-background-brand, ${colors.R500})`,
109
- dark: `var(--ds-background-brand, ${colors.R500})`
108
+ light: `var(--ds-background-selected, ${colors.R500})`,
109
+ dark: `var(--ds-background-selected, ${colors.R500})`
110
110
  }
111
111
  },
112
112
  link: {
@@ -115,12 +115,12 @@ const values = {
115
115
  dark: 'none'
116
116
  },
117
117
  selected: {
118
- light: `var(--ds-background-brand, ${colors.N700})`,
119
- dark: `var(--ds-background-brand, ${colors.N20})`
118
+ light: `var(--ds-background-selected, ${colors.N700})`,
119
+ dark: `var(--ds-background-selected, ${colors.N20})`
120
120
  },
121
121
  focusSelected: {
122
- light: `var(--ds-background-brand, ${colors.N700})`,
123
- dark: `var(--ds-background-brand, ${colors.N20})`
122
+ light: `var(--ds-background-selected, ${colors.N700})`,
123
+ dark: `var(--ds-background-selected, ${colors.N20})`
124
124
  }
125
125
  },
126
126
  subtle: {
@@ -141,12 +141,12 @@ const values = {
141
141
  dark: 'none'
142
142
  },
143
143
  selected: {
144
- light: `var(--ds-background-brand, ${colors.N700})`,
145
- dark: `var(--ds-background-brand, ${colors.DN0})`
144
+ light: `var(--ds-background-selected, ${colors.N700})`,
145
+ dark: `var(--ds-background-selected, ${colors.DN0})`
146
146
  },
147
147
  focusSelected: {
148
- light: `var(--ds-background-brand, ${colors.N700})`,
149
- dark: `var(--ds-background-brand, ${colors.DN0})`
148
+ light: `var(--ds-background-selected, ${colors.N700})`,
149
+ dark: `var(--ds-background-selected, ${colors.DN0})`
150
150
  }
151
151
  },
152
152
  'subtle-link': {
@@ -155,12 +155,12 @@ const values = {
155
155
  dark: 'none'
156
156
  },
157
157
  selected: {
158
- light: `var(--ds-background-brand, ${colors.N700})`,
159
- dark: `var(--ds-background-brand, ${colors.N20})`
158
+ light: `var(--ds-background-selected, ${colors.N700})`,
159
+ dark: `var(--ds-background-selected, ${colors.N20})`
160
160
  },
161
161
  focusSelected: {
162
- light: `var(--ds-background-brand, ${colors.N700})`,
163
- dark: `var(--ds-background-brand, ${colors.N20})`
162
+ light: `var(--ds-background-selected, ${colors.N700})`,
163
+ dark: `var(--ds-background-selected, ${colors.N20})`
164
164
  }
165
165
  }
166
166
  },
@@ -251,12 +251,12 @@ const values = {
251
251
  dark: `var(--ds-text-disabled, ${colors.DN30})`
252
252
  },
253
253
  selected: {
254
- light: `var(--ds-text-brand, ${colors.N20})`,
255
- dark: `var(--ds-text-brand, ${colors.DN400})`
254
+ light: `var(--ds-text-selected, ${colors.N20})`,
255
+ dark: `var(--ds-text-selected, ${colors.DN400})`
256
256
  },
257
257
  focusSelected: {
258
- light: `var(--ds-text-brand, ${colors.N20})`,
259
- dark: `var(--ds-text-brand, ${colors.DN400})`
258
+ light: `var(--ds-text-selected, ${colors.N20})`,
259
+ dark: `var(--ds-text-selected, ${colors.DN400})`
260
260
  }
261
261
  },
262
262
  primary: {
@@ -269,12 +269,12 @@ const values = {
269
269
  dark: `var(--ds-text-disabled, ${colors.DN30})`
270
270
  },
271
271
  selected: {
272
- light: `var(--ds-text-brand, ${colors.N20})`,
273
- dark: `var(--ds-text-brand, ${colors.DN400})`
272
+ light: `var(--ds-text-selected, ${colors.N20})`,
273
+ dark: `var(--ds-text-selected, ${colors.DN400})`
274
274
  },
275
275
  focusSelected: {
276
- light: `var(--ds-text-brand, ${colors.N20})`,
277
- dark: `var(--ds-text-brand, ${colors.DN400})`
276
+ light: `var(--ds-text-selected, ${colors.N20})`,
277
+ dark: `var(--ds-text-selected, ${colors.DN400})`
278
278
  }
279
279
  },
280
280
  warning: {
@@ -287,12 +287,12 @@ const values = {
287
287
  dark: `var(--ds-text-disabled, ${colors.DN30})`
288
288
  },
289
289
  selected: {
290
- light: `var(--ds-text-brand, ${colors.N800})`,
291
- dark: `var(--ds-text-brand, ${colors.N800})`
290
+ light: `var(--ds-text-selected, ${colors.N800})`,
291
+ dark: `var(--ds-text-selected, ${colors.N800})`
292
292
  },
293
293
  focusSelected: {
294
- light: `var(--ds-text-brand, ${colors.N800})`,
295
- dark: `var(--ds-text-brand, ${colors.N800})`
294
+ light: `var(--ds-text-selected, ${colors.N800})`,
295
+ dark: `var(--ds-text-selected, ${colors.N800})`
296
296
  }
297
297
  },
298
298
  danger: {
@@ -305,12 +305,12 @@ const values = {
305
305
  dark: `var(--ds-text-disabled, ${colors.DN30})`
306
306
  },
307
307
  selected: {
308
- light: `var(--ds-text-brand, ${colors.N0})`,
309
- dark: `var(--ds-text-brand, ${colors.N0})`
308
+ light: `var(--ds-text-selected, ${colors.N0})`,
309
+ dark: `var(--ds-text-selected, ${colors.N0})`
310
310
  },
311
311
  focusSelected: {
312
- light: `var(--ds-text-brand, ${colors.N0})`,
313
- dark: `var(--ds-text-brand, ${colors.N0})`
312
+ light: `var(--ds-text-selected, ${colors.N0})`,
313
+ dark: `var(--ds-text-selected, ${colors.N0})`
314
314
  }
315
315
  },
316
316
  link: {
@@ -331,12 +331,12 @@ const values = {
331
331
  dark: `var(--ds-text-disabled, ${colors.DN100})`
332
332
  },
333
333
  selected: {
334
- light: `var(--ds-text-brand, ${colors.N20})`,
335
- dark: `var(--ds-text-brand, ${colors.N700})`
334
+ light: `var(--ds-text-selected, ${colors.N20})`,
335
+ dark: `var(--ds-text-selected, ${colors.N700})`
336
336
  },
337
337
  focusSelected: {
338
- light: `var(--ds-text-brand, ${colors.N20})`,
339
- dark: `var(--ds-text-brand, ${colors.N700})`
338
+ light: `var(--ds-text-selected, ${colors.N20})`,
339
+ dark: `var(--ds-text-selected, ${colors.N700})`
340
340
  }
341
341
  },
342
342
  subtle: {
@@ -353,12 +353,12 @@ const values = {
353
353
  dark: `var(--ds-text-disabled, ${colors.DN100})`
354
354
  },
355
355
  selected: {
356
- light: `var(--ds-text-brand, ${colors.N20})`,
357
- dark: `var(--ds-text-brand, ${colors.DN400})`
356
+ light: `var(--ds-text-selected, ${colors.N20})`,
357
+ dark: `var(--ds-text-selected, ${colors.DN400})`
358
358
  },
359
359
  focusSelected: {
360
- light: `var(--ds-text-brand, ${colors.N20})`,
361
- dark: `var(--ds-text-brand, ${colors.DN400})`
360
+ light: `var(--ds-text-selected, ${colors.N20})`,
361
+ dark: `var(--ds-text-selected, ${colors.DN400})`
362
362
  }
363
363
  },
364
364
  'subtle-link': {
@@ -379,12 +379,12 @@ const values = {
379
379
  dark: `var(--ds-text-disabled, ${colors.DN100})`
380
380
  },
381
381
  selected: {
382
- light: `var(--ds-text-brand, ${colors.N20})`,
383
- dark: `var(--ds-text-brand, ${colors.DN400})`
382
+ light: `var(--ds-text-selected, ${colors.N20})`,
383
+ dark: `var(--ds-text-selected, ${colors.DN400})`
384
384
  },
385
385
  focusSelected: {
386
- light: `var(--ds-text-brand, ${colors.N20})`,
387
- dark: `var(--ds-text-brand, ${colors.DN400})`
386
+ light: `var(--ds-text-selected, ${colors.N20})`,
387
+ dark: `var(--ds-text-selected, ${colors.DN400})`
388
388
  }
389
389
  }
390
390
  }
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "16.1.6",
3
+ "version": "16.2.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/entry-points/standard-button.js CHANGED
@@ -1 +1,6 @@
1
+ /**
2
+ * Must import '@emotion/core' in order to resolve type error
3
+ * https://product-fabric.atlassian.net/browse/DSP-3222
4
+ */
5
+ import '@emotion/core';
1
6
  export { default } from '../button';
package/dist/esm/shared/button-base.js CHANGED
@@ -79,7 +79,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
79
79
  action: 'clicked',
80
80
  componentName: 'button',
81
81
  packageName: "@atlaskit/button",
82
- packageVersion: "16.1.6",
82
+ packageVersion: "16.2.2",
83
83
  analyticsData: analyticsContext
84
84
  }); // Button currently calls preventDefault, which is not standard button behaviour
85
85
 
package/dist/esm/shared/colors.js CHANGED
@@ -23,12 +23,12 @@ var values = {
23
23
  dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
24
24
  },
25
25
  selected: {
26
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
27
- dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
26
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
27
+ dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
28
28
  },
29
29
  focusSelected: {
30
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
31
- dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
30
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
31
+ dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
32
32
  }
33
33
  },
34
34
  primary: {
@@ -49,12 +49,12 @@ var values = {
49
49
  dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
50
50
  },
51
51
  selected: {
52
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
53
- dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
52
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
53
+ dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
54
54
  },
55
55
  focusSelected: {
56
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
57
- dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
56
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
57
+ dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
58
58
  }
59
59
  },
60
60
  warning: {
@@ -75,12 +75,12 @@ var values = {
75
75
  dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
76
76
  },
77
77
  selected: {
78
- light: "var(--ds-background-brand, ".concat(colors.Y400, ")"),
79
- dark: "var(--ds-background-brand, ".concat(colors.Y400, ")")
78
+ light: "var(--ds-background-selected, ".concat(colors.Y400, ")"),
79
+ dark: "var(--ds-background-selected, ".concat(colors.Y400, ")")
80
80
  },
81
81
  focusSelected: {
82
- light: "var(--ds-background-brand, ".concat(colors.Y400, ")"),
83
- dark: "var(--ds-background-brand, ".concat(colors.Y400, ")")
82
+ light: "var(--ds-background-selected, ".concat(colors.Y400, ")"),
83
+ dark: "var(--ds-background-selected, ".concat(colors.Y400, ")")
84
84
  }
85
85
  },
86
86
  danger: {
@@ -101,12 +101,12 @@ var values = {
101
101
  dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
102
102
  },
103
103
  selected: {
104
- light: "var(--ds-background-brand, ".concat(colors.R500, ")"),
105
- dark: "var(--ds-background-brand, ".concat(colors.R500, ")")
104
+ light: "var(--ds-background-selected, ".concat(colors.R500, ")"),
105
+ dark: "var(--ds-background-selected, ".concat(colors.R500, ")")
106
106
  },
107
107
  focusSelected: {
108
- light: "var(--ds-background-brand, ".concat(colors.R500, ")"),
109
- dark: "var(--ds-background-brand, ".concat(colors.R500, ")")
108
+ light: "var(--ds-background-selected, ".concat(colors.R500, ")"),
109
+ dark: "var(--ds-background-selected, ".concat(colors.R500, ")")
110
110
  }
111
111
  },
112
112
  link: {
@@ -115,12 +115,12 @@ var values = {
115
115
  dark: 'none'
116
116
  },
117
117
  selected: {
118
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
119
- dark: "var(--ds-background-brand, ".concat(colors.N20, ")")
118
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
119
+ dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
120
120
  },
121
121
  focusSelected: {
122
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
123
- dark: "var(--ds-background-brand, ".concat(colors.N20, ")")
122
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
123
+ dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
124
124
  }
125
125
  },
126
126
  subtle: {
@@ -141,12 +141,12 @@ var values = {
141
141
  dark: 'none'
142
142
  },
143
143
  selected: {
144
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
145
- dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
144
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
145
+ dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
146
146
  },
147
147
  focusSelected: {
148
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
149
- dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
148
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
149
+ dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
150
150
  }
151
151
  },
152
152
  'subtle-link': {
@@ -155,12 +155,12 @@ var values = {
155
155
  dark: 'none'
156
156
  },
157
157
  selected: {
158
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
159
- dark: "var(--ds-background-brand, ".concat(colors.N20, ")")
158
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
159
+ dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
160
160
  },
161
161
  focusSelected: {
162
- light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
163
- dark: "var(--ds-background-brand, ".concat(colors.N20, ")")
162
+ light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
163
+ dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
164
164
  }
165
165
  }
166
166
  },
@@ -251,12 +251,12 @@ var values = {
251
251
  dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
252
252
  },
253
253
  selected: {
254
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
255
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
254
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
255
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
256
256
  },
257
257
  focusSelected: {
258
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
259
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
258
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
259
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
260
260
  }
261
261
  },
262
262
  primary: {
@@ -269,12 +269,12 @@ var values = {
269
269
  dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
270
270
  },
271
271
  selected: {
272
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
273
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
272
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
273
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
274
274
  },
275
275
  focusSelected: {
276
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
277
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
276
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
277
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
278
278
  }
279
279
  },
280
280
  warning: {
@@ -287,12 +287,12 @@ var values = {
287
287
  dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
288
288
  },
289
289
  selected: {
290
- light: "var(--ds-text-brand, ".concat(colors.N800, ")"),
291
- dark: "var(--ds-text-brand, ".concat(colors.N800, ")")
290
+ light: "var(--ds-text-selected, ".concat(colors.N800, ")"),
291
+ dark: "var(--ds-text-selected, ".concat(colors.N800, ")")
292
292
  },
293
293
  focusSelected: {
294
- light: "var(--ds-text-brand, ".concat(colors.N800, ")"),
295
- dark: "var(--ds-text-brand, ".concat(colors.N800, ")")
294
+ light: "var(--ds-text-selected, ".concat(colors.N800, ")"),
295
+ dark: "var(--ds-text-selected, ".concat(colors.N800, ")")
296
296
  }
297
297
  },
298
298
  danger: {
@@ -305,12 +305,12 @@ var values = {
305
305
  dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
306
306
  },
307
307
  selected: {
308
- light: "var(--ds-text-brand, ".concat(colors.N0, ")"),
309
- dark: "var(--ds-text-brand, ".concat(colors.N0, ")")
308
+ light: "var(--ds-text-selected, ".concat(colors.N0, ")"),
309
+ dark: "var(--ds-text-selected, ".concat(colors.N0, ")")
310
310
  },
311
311
  focusSelected: {
312
- light: "var(--ds-text-brand, ".concat(colors.N0, ")"),
313
- dark: "var(--ds-text-brand, ".concat(colors.N0, ")")
312
+ light: "var(--ds-text-selected, ".concat(colors.N0, ")"),
313
+ dark: "var(--ds-text-selected, ".concat(colors.N0, ")")
314
314
  }
315
315
  },
316
316
  link: {
@@ -331,12 +331,12 @@ var values = {
331
331
  dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
332
332
  },
333
333
  selected: {
334
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
335
- dark: "var(--ds-text-brand, ".concat(colors.N700, ")")
334
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
335
+ dark: "var(--ds-text-selected, ".concat(colors.N700, ")")
336
336
  },
337
337
  focusSelected: {
338
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
339
- dark: "var(--ds-text-brand, ".concat(colors.N700, ")")
338
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
339
+ dark: "var(--ds-text-selected, ".concat(colors.N700, ")")
340
340
  }
341
341
  },
342
342
  subtle: {
@@ -353,12 +353,12 @@ var values = {
353
353
  dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
354
354
  },
355
355
  selected: {
356
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
357
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
356
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
357
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
358
358
  },
359
359
  focusSelected: {
360
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
361
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
360
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
361
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
362
362
  }
363
363
  },
364
364
  'subtle-link': {
@@ -379,12 +379,12 @@ var values = {
379
379
  dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
380
380
  },
381
381
  selected: {
382
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
383
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
382
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
383
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
384
384
  },
385
385
  focusSelected: {
386
- light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
387
- dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
386
+ light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
387
+ dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
388
388
  }
389
389
  }
390
390
  }
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "16.1.6",
3
+ "version": "16.2.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/entry-points/standard-button.d.ts CHANGED
@@ -1,2 +1,7 @@
1
+ /**
2
+ * Must import '@emotion/core' in order to resolve type error
3
+ * https://product-fabric.atlassian.net/browse/DSP-3222
4
+ */
5
+ import '@emotion/core';
1
6
  export { default } from '../button';
2
7
  export type { ButtonProps } from '../button';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "16.1.6",
3
+ "version": "16.2.2",
4
4
  "description": "A button triggers an event or action. They let users know what will happen next.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -31,10 +31,10 @@
31
31
  },
32
32
  "dependencies": {
33
33
  "@atlaskit/analytics-next": "^8.2.0",
34
- "@atlaskit/ds-lib": "^1.3.0",
34
+ "@atlaskit/ds-lib": "^1.4.0",
35
35
  "@atlaskit/spinner": "^15.1.0",
36
36
  "@atlaskit/theme": "^12.1.0",
37
- "@atlaskit/tokens": "^0.6.0",
37
+ "@atlaskit/tokens": "^0.9.0",
38
38
  "@babel/runtime": "^7.0.0",
39
39
  "@emotion/core": "^10.0.9"
40
40
  },
@@ -62,7 +62,7 @@
62
62
  "react-router-dom": "^4.2.2",
63
63
  "react-test-renderer": "^16.8.0",
64
64
  "storybook-addon-performance": "^0.16.0",
65
- "typescript": "3.9.6",
65
+ "typescript": "3.9.10",
66
66
  "wait-for-expect": "^1.2.0"
67
67
  },
68
68
  "techstack": {