@atlaskit/button 16.1.4 → 16.2.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 (32) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/cjs/button.js +10 -15
  3. package/dist/cjs/custom-theme-button/custom-theme-button.js +5 -3
  4. package/dist/cjs/custom-theme-button/index.js +4 -4
  5. package/dist/cjs/custom-theme-button/theme.js +4 -4
  6. package/dist/cjs/entry-points/custom-theme-button.js +4 -4
  7. package/dist/cjs/entry-points/standard-button.js +2 -0
  8. package/dist/cjs/index.js +8 -8
  9. package/dist/cjs/loading-button.js +3 -1
  10. package/dist/cjs/shared/button-base.js +5 -4
  11. package/dist/cjs/shared/colors.js +138 -138
  12. package/dist/cjs/shared/css.js +4 -4
  13. package/dist/cjs/shared/loading-spinner.js +3 -1
  14. package/dist/cjs/version.json +1 -1
  15. package/dist/es2019/button.js +5 -13
  16. package/dist/es2019/entry-points/standard-button.js +5 -0
  17. package/dist/es2019/shared/button-base.js +2 -2
  18. package/dist/es2019/shared/colors.js +138 -138
  19. package/dist/es2019/version.json +1 -1
  20. package/dist/esm/button.js +8 -14
  21. package/dist/esm/custom-theme-button/custom-theme-button.js +4 -3
  22. package/dist/esm/custom-theme-button/theme.js +2 -2
  23. package/dist/esm/entry-points/standard-button.js +5 -0
  24. package/dist/esm/loading-button.js +2 -1
  25. package/dist/esm/shared/button-base.js +4 -3
  26. package/dist/esm/shared/colors.js +138 -138
  27. package/dist/esm/shared/css.js +2 -2
  28. package/dist/esm/shared/loading-spinner.js +2 -1
  29. package/dist/esm/version.json +1 -1
  30. package/dist/types/entry-points/standard-button.d.ts +5 -0
  31. package/dist/types/shared/loading-spinner.d.ts +1 -0
  32. package/package.json +6 -8
package/dist/esm/loading-button.js CHANGED
@@ -1,12 +1,13 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["isLoading"];
3
4
  import React from 'react';
4
5
  import Button from './button';
5
6
  import LoadingSpinner from './shared/loading-spinner';
6
7
  var LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(_ref, ref) {
7
8
  var _ref$isLoading = _ref.isLoading,
8
9
  isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
9
- rest = _objectWithoutProperties(_ref, ["isLoading"]);
10
+ rest = _objectWithoutProperties(_ref, _excluded);
10
11
 
11
12
  // Button already has React.memo, so just leaning on that
12
13
  return /*#__PURE__*/React.createElement(Button, _extends({}, rest, {
package/dist/esm/shared/button-base.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["appearance", "buttonCss", "spacing", "autoFocus", "isDisabled", "shouldFitContainer", "isSelected", "iconBefore", "iconAfter", "children", "className", "href", "overlay", "tabIndex", "type", "onMouseDown", "onClick", "component", "testId", "analyticsContext"];
3
4
 
4
5
  /** @jsx jsx */
5
6
  import React, { useCallback, useEffect, useRef } from 'react';
@@ -53,7 +54,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
53
54
  Component = _props$component === void 0 ? href ? 'a' : 'button' : _props$component,
54
55
  testId = props.testId,
55
56
  analyticsContext = props.analyticsContext,
56
- rest = _objectWithoutProperties(props, ["appearance", "buttonCss", "spacing", "autoFocus", "isDisabled", "shouldFitContainer", "isSelected", "iconBefore", "iconAfter", "children", "className", "href", "overlay", "tabIndex", "type", "onMouseDown", "onClick", "component", "testId", "analyticsContext"]);
57
+ rest = _objectWithoutProperties(props, _excluded);
57
58
 
58
59
  var ourRef = useRef();
59
60
  var setRef = useCallback(function (node) {
@@ -78,7 +79,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
78
79
  action: 'clicked',
79
80
  componentName: 'button',
80
81
  packageName: "@atlaskit/button",
81
- packageVersion: "16.1.4",
82
+ packageVersion: "16.2.0",
82
83
  analyticsData: analyticsContext
83
84
  }); // Button currently calls preventDefault, which is not standard button behaviour
84
85
 
@@ -110,7 +111,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
110
111
  if (isSelected || isDisabled || appearance === 'warning') {
111
112
  spinnerHackCss = {
112
113
  '[data-theme] & svg': {
113
- stroke: isSelected || isDisabled ? "var(--ds-text-mediumEmphasis, ".concat(N500, ")") : "var(--ds-text-onBoldWarning, ".concat(N500, ")")
114
+ stroke: isSelected || isDisabled ? "var(--ds-text-subtle, ".concat(N500, ")") : "var(--ds-text-warning-inverse, ".concat(N500, ")")
114
115
  }
115
116
  };
116
117
  }
package/dist/esm/shared/colors.js CHANGED
@@ -7,106 +7,106 @@ var values = {
7
7
  background: {
8
8
  default: {
9
9
  default: {
10
- light: "var(--ds-background-subtleNeutral-resting, ".concat(colors.N20A, ")"),
11
- dark: "var(--ds-background-subtleNeutral-resting, ".concat(colors.DN70, ")")
10
+ light: "var(--ds-background-neutral, ".concat(colors.N20A, ")"),
11
+ dark: "var(--ds-background-neutral, ".concat(colors.DN70, ")")
12
12
  },
13
13
  hover: {
14
- light: "var(--ds-background-subtleNeutral-hover, ".concat(colors.N30A, ")"),
15
- dark: "var(--ds-background-subtleNeutral-hover, ".concat(colors.DN60, ")")
14
+ light: "var(--ds-background-neutral-hovered, ".concat(colors.N30A, ")"),
15
+ dark: "var(--ds-background-neutral-hovered, ".concat(colors.DN60, ")")
16
16
  },
17
17
  active: {
18
- light: "var(--ds-background-subtleNeutral-pressed, ".concat(fadedB75, ")"),
19
- dark: "var(--ds-background-subtleNeutral-pressed, ".concat(colors.B75, ")")
18
+ light: "var(--ds-background-neutral-pressed, ".concat(fadedB75, ")"),
19
+ dark: "var(--ds-background-neutral-pressed, ".concat(colors.B75, ")")
20
20
  },
21
21
  disabled: {
22
22
  light: "var(--ds-background-disabled, ".concat(colors.N20A, ")"),
23
23
  dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
24
24
  },
25
25
  selected: {
26
- light: "var(--ds-background-selected-resting, ".concat(colors.N700, ")"),
27
- dark: "var(--ds-background-selected-resting, ".concat(colors.DN0, ")")
26
+ light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
27
+ dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
28
28
  },
29
29
  focusSelected: {
30
- light: "var(--ds-background-selected-resting, ".concat(colors.N700, ")"),
31
- dark: "var(--ds-background-selected-resting, ".concat(colors.DN0, ")")
30
+ light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
31
+ dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
32
32
  }
33
33
  },
34
34
  primary: {
35
35
  default: {
36
- light: "var(--ds-background-boldBrand-resting, ".concat(colors.B400, ")"),
37
- dark: "var(--ds-background-boldBrand-resting, ".concat(colors.B100, ")")
36
+ light: "var(--ds-background-brand-bold, ".concat(colors.B400, ")"),
37
+ dark: "var(--ds-background-brand-bold, ".concat(colors.B100, ")")
38
38
  },
39
39
  hover: {
40
- light: "var(--ds-background-boldBrand-hover, ".concat(colors.B300, ")"),
41
- dark: "var(--ds-background-boldBrand-hover, ".concat(colors.B75, ")")
40
+ light: "var(--ds-background-brand-bold-hovered, ".concat(colors.B300, ")"),
41
+ dark: "var(--ds-background-brand-bold-hovered, ".concat(colors.B75, ")")
42
42
  },
43
43
  active: {
44
- light: "var(--ds-background-boldBrand-pressed, ".concat(colors.B500, ")"),
45
- dark: "var(--ds-background-boldBrand-pressed, ".concat(colors.B200, ")")
44
+ light: "var(--ds-background-brand-bold-pressed, ".concat(colors.B500, ")"),
45
+ dark: "var(--ds-background-brand-bold-pressed, ".concat(colors.B200, ")")
46
46
  },
47
47
  disabled: {
48
48
  light: "var(--ds-background-disabled, ".concat(colors.N20A, ")"),
49
49
  dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
50
50
  },
51
51
  selected: {
52
- light: "var(--ds-background-selected-resting, ".concat(colors.N700, ")"),
53
- dark: "var(--ds-background-selected-resting, ".concat(colors.DN0, ")")
52
+ light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
53
+ dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
54
54
  },
55
55
  focusSelected: {
56
- light: "var(--ds-background-selected-resting, ".concat(colors.N700, ")"),
57
- dark: "var(--ds-background-selected-resting, ".concat(colors.DN0, ")")
56
+ light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
57
+ dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
58
58
  }
59
59
  },
60
60
  warning: {
61
61
  default: {
62
- light: "var(--ds-background-boldWarning-resting, ".concat(colors.Y300, ")"),
63
- dark: "var(--ds-background-boldWarning-resting, ".concat(colors.Y300, ")")
62
+ light: "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"),
63
+ dark: "var(--ds-background-warning-bold, ".concat(colors.Y300, ")")
64
64
  },
65
65
  hover: {
66
- light: "var(--ds-background-boldWarning-hover, ".concat(colors.Y200, ")"),
67
- dark: "var(--ds-background-boldWarning-hover, ".concat(colors.Y200, ")")
66
+ light: "var(--ds-background-warning-bold-hovered, ".concat(colors.Y200, ")"),
67
+ dark: "var(--ds-background-warning-bold-hovered, ".concat(colors.Y200, ")")
68
68
  },
69
69
  active: {
70
- light: "var(--ds-background-boldWarning-pressed, ".concat(colors.Y400, ")"),
71
- dark: "var(--ds-background-boldWarning-pressed, ".concat(colors.Y400, ")")
70
+ light: "var(--ds-background-warning-bold-pressed, ".concat(colors.Y400, ")"),
71
+ dark: "var(--ds-background-warning-bold-pressed, ".concat(colors.Y400, ")")
72
72
  },
73
73
  disabled: {
74
74
  light: "var(--ds-background-disabled, ".concat(colors.N20A, ")"),
75
75
  dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
76
76
  },
77
77
  selected: {
78
- light: "var(--ds-background-selected-resting, ".concat(colors.Y400, ")"),
79
- dark: "var(--ds-background-selected-resting, ".concat(colors.Y400, ")")
78
+ light: "var(--ds-background-brand, ".concat(colors.Y400, ")"),
79
+ dark: "var(--ds-background-brand, ".concat(colors.Y400, ")")
80
80
  },
81
81
  focusSelected: {
82
- light: "var(--ds-background-selected-resting, ".concat(colors.Y400, ")"),
83
- dark: "var(--ds-background-selected-resting, ".concat(colors.Y400, ")")
82
+ light: "var(--ds-background-brand, ".concat(colors.Y400, ")"),
83
+ dark: "var(--ds-background-brand, ".concat(colors.Y400, ")")
84
84
  }
85
85
  },
86
86
  danger: {
87
87
  default: {
88
- light: "var(--ds-background-boldDanger-resting, ".concat(colors.R400, ")"),
89
- dark: "var(--ds-background-boldDanger-resting, ".concat(colors.R400, ")")
88
+ light: "var(--ds-background-danger-bold, ".concat(colors.R400, ")"),
89
+ dark: "var(--ds-background-danger-bold, ".concat(colors.R400, ")")
90
90
  },
91
91
  hover: {
92
- light: "var(--ds-background-boldDanger-hover, ".concat(colors.R300, ")"),
93
- dark: "var(--ds-background-boldDanger-hover, ".concat(colors.R300, ")")
92
+ light: "var(--ds-background-danger-bold-hovered, ".concat(colors.R300, ")"),
93
+ dark: "var(--ds-background-danger-bold-hovered, ".concat(colors.R300, ")")
94
94
  },
95
95
  active: {
96
- light: "var(--ds-background-boldDanger-pressed, ".concat(colors.R500, ")"),
97
- dark: "var(--ds-background-boldDanger-pressed, ".concat(colors.R500, ")")
96
+ light: "var(--ds-background-danger-bold-pressed, ".concat(colors.R500, ")"),
97
+ dark: "var(--ds-background-danger-bold-pressed, ".concat(colors.R500, ")")
98
98
  },
99
99
  disabled: {
100
100
  light: "var(--ds-background-disabled, ".concat(colors.N20A, ")"),
101
101
  dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
102
102
  },
103
103
  selected: {
104
- light: "var(--ds-background-selected-resting, ".concat(colors.R500, ")"),
105
- dark: "var(--ds-background-selected-resting, ".concat(colors.R500, ")")
104
+ light: "var(--ds-background-brand, ".concat(colors.R500, ")"),
105
+ dark: "var(--ds-background-brand, ".concat(colors.R500, ")")
106
106
  },
107
107
  focusSelected: {
108
- light: "var(--ds-background-selected-resting, ".concat(colors.R500, ")"),
109
- dark: "var(--ds-background-selected-resting, ".concat(colors.R500, ")")
108
+ light: "var(--ds-background-brand, ".concat(colors.R500, ")"),
109
+ dark: "var(--ds-background-brand, ".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-selected-resting, ".concat(colors.N700, ")"),
119
- dark: "var(--ds-background-selected-resting, ".concat(colors.N20, ")")
118
+ light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
119
+ dark: "var(--ds-background-brand, ".concat(colors.N20, ")")
120
120
  },
121
121
  focusSelected: {
122
- light: "var(--ds-background-selected-resting, ".concat(colors.N700, ")"),
123
- dark: "var(--ds-background-selected-resting, ".concat(colors.N20, ")")
122
+ light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
123
+ dark: "var(--ds-background-brand, ".concat(colors.N20, ")")
124
124
  }
125
125
  },
126
126
  subtle: {
@@ -129,24 +129,24 @@ var values = {
129
129
  dark: 'none'
130
130
  },
131
131
  hover: {
132
- light: "var(--ds-background-transparentNeutral-hover, ".concat(colors.N30A, ")"),
133
- dark: "var(--ds-background-transparentNeutral-hover, ".concat(colors.DN60, ")")
132
+ light: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N30A, ")"),
133
+ dark: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.DN60, ")")
134
134
  },
135
135
  active: {
136
- light: "var(--ds-background-transparentNeutral-pressed, ".concat(fadedB75, ")"),
137
- dark: "var(--ds-background-transparentNeutral-pressed, ".concat(colors.B75, ")")
136
+ light: "var(--ds-background-neutral-subtle-pressed, ".concat(fadedB75, ")"),
137
+ dark: "var(--ds-background-neutral-subtle-pressed, ".concat(colors.B75, ")")
138
138
  },
139
139
  disabled: {
140
140
  light: 'none',
141
141
  dark: 'none'
142
142
  },
143
143
  selected: {
144
- light: "var(--ds-background-selected-resting, ".concat(colors.N700, ")"),
145
- dark: "var(--ds-background-selected-resting, ".concat(colors.DN0, ")")
144
+ light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
145
+ dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
146
146
  },
147
147
  focusSelected: {
148
- light: "var(--ds-background-selected-resting, ".concat(colors.N700, ")"),
149
- dark: "var(--ds-background-selected-resting, ".concat(colors.DN0, ")")
148
+ light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
149
+ dark: "var(--ds-background-brand, ".concat(colors.DN0, ")")
150
150
  }
151
151
  },
152
152
  'subtle-link': {
@@ -155,236 +155,236 @@ var values = {
155
155
  dark: 'none'
156
156
  },
157
157
  selected: {
158
- light: "var(--ds-background-selected-resting, ".concat(colors.N700, ")"),
159
- dark: "var(--ds-background-selected-resting, ".concat(colors.N20, ")")
158
+ light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
159
+ dark: "var(--ds-background-brand, ".concat(colors.N20, ")")
160
160
  },
161
161
  focusSelected: {
162
- light: "var(--ds-background-selected-resting, ".concat(colors.N700, ")"),
163
- dark: "var(--ds-background-selected-resting, ".concat(colors.N20, ")")
162
+ light: "var(--ds-background-brand, ".concat(colors.N700, ")"),
163
+ dark: "var(--ds-background-brand, ".concat(colors.N20, ")")
164
164
  }
165
165
  }
166
166
  },
167
167
  boxShadowColor: {
168
168
  default: {
169
169
  focus: {
170
- light: "var(--ds-border-focus, ".concat(colors.B100, ")"),
171
- dark: "var(--ds-border-focus, ".concat(colors.B75, ")")
170
+ light: "var(--ds-border-focused, ".concat(colors.B100, ")"),
171
+ dark: "var(--ds-border-focused, ".concat(colors.B75, ")")
172
172
  },
173
173
  focusSelected: {
174
- light: "var(--ds-border-focus, ".concat(colors.B100, ")"),
175
- dark: "var(--ds-border-focus, ".concat(colors.B75, ")")
174
+ light: "var(--ds-border-focused, ".concat(colors.B100, ")"),
175
+ dark: "var(--ds-border-focused, ".concat(colors.B75, ")")
176
176
  }
177
177
  },
178
178
  primary: {
179
179
  focus: {
180
- light: "var(--ds-border-focus, ".concat(colors.B100, ")"),
181
- dark: "var(--ds-border-focus, ".concat(colors.B75, ")")
180
+ light: "var(--ds-border-focused, ".concat(colors.B100, ")"),
181
+ dark: "var(--ds-border-focused, ".concat(colors.B75, ")")
182
182
  },
183
183
  focusSelected: {
184
- light: "var(--ds-border-focus, ".concat(colors.B100, ")"),
185
- dark: "var(--ds-border-focus, ".concat(colors.B75, ")")
184
+ light: "var(--ds-border-focused, ".concat(colors.B100, ")"),
185
+ dark: "var(--ds-border-focused, ".concat(colors.B75, ")")
186
186
  }
187
187
  },
188
188
  warning: {
189
189
  focus: {
190
- light: "var(--ds-border-focus, ".concat(colors.Y500, ")"),
191
- dark: "var(--ds-border-focus, ".concat(colors.Y500, ")")
190
+ light: "var(--ds-border-focused, ".concat(colors.Y500, ")"),
191
+ dark: "var(--ds-border-focused, ".concat(colors.Y500, ")")
192
192
  },
193
193
  focusSelected: {
194
- light: "var(--ds-border-focus, ".concat(colors.Y500, ")"),
195
- dark: "var(--ds-border-focus, ".concat(colors.Y500, ")")
194
+ light: "var(--ds-border-focused, ".concat(colors.Y500, ")"),
195
+ dark: "var(--ds-border-focused, ".concat(colors.Y500, ")")
196
196
  }
197
197
  },
198
198
  danger: {
199
199
  focus: {
200
- light: "var(--ds-border-focus, ".concat(colors.R100, ")"),
201
- dark: "var(--ds-border-focus, ".concat(colors.R100, ")")
200
+ light: "var(--ds-border-focused, ".concat(colors.R100, ")"),
201
+ dark: "var(--ds-border-focused, ".concat(colors.R100, ")")
202
202
  },
203
203
  focusSelected: {
204
- light: "var(--ds-border-focus, ".concat(colors.R100, ")"),
205
- dark: "var(--ds-border-focus, ".concat(colors.R100, ")")
204
+ light: "var(--ds-border-focused, ".concat(colors.R100, ")"),
205
+ dark: "var(--ds-border-focused, ".concat(colors.R100, ")")
206
206
  }
207
207
  },
208
208
  link: {
209
209
  focus: {
210
- light: "var(--ds-border-focus, ".concat(colors.B100, ")"),
211
- dark: "var(--ds-border-focus, ".concat(colors.B75, ")")
210
+ light: "var(--ds-border-focused, ".concat(colors.B100, ")"),
211
+ dark: "var(--ds-border-focused, ".concat(colors.B75, ")")
212
212
  },
213
213
  focusSelected: {
214
- light: "var(--ds-border-focus, ".concat(colors.B100, ")"),
215
- dark: "var(--ds-border-focus, ".concat(colors.B75, ")")
214
+ light: "var(--ds-border-focused, ".concat(colors.B100, ")"),
215
+ dark: "var(--ds-border-focused, ".concat(colors.B75, ")")
216
216
  }
217
217
  },
218
218
  subtle: {
219
219
  focus: {
220
- light: "var(--ds-border-focus, ".concat(colors.B100, ")"),
221
- dark: "var(--ds-border-focus, ".concat(colors.B75, ")")
220
+ light: "var(--ds-border-focused, ".concat(colors.B100, ")"),
221
+ dark: "var(--ds-border-focused, ".concat(colors.B75, ")")
222
222
  },
223
223
  focusSelected: {
224
- light: "var(--ds-border-focus, ".concat(colors.B100, ")"),
225
- dark: "var(--ds-border-focus, ".concat(colors.B75, ")")
224
+ light: "var(--ds-border-focused, ".concat(colors.B100, ")"),
225
+ dark: "var(--ds-border-focused, ".concat(colors.B75, ")")
226
226
  }
227
227
  },
228
228
  'subtle-link': {
229
229
  focus: {
230
- light: "var(--ds-border-focus, ".concat(colors.B100, ")"),
231
- dark: "var(--ds-border-focus, ".concat(colors.B75, ")")
230
+ light: "var(--ds-border-focused, ".concat(colors.B100, ")"),
231
+ dark: "var(--ds-border-focused, ".concat(colors.B75, ")")
232
232
  },
233
233
  focusSelected: {
234
- light: "var(--ds-border-focus, ".concat(colors.B100, ")"),
235
- dark: "var(--ds-border-focus, ".concat(colors.B75, ")")
234
+ light: "var(--ds-border-focused, ".concat(colors.B100, ")"),
235
+ dark: "var(--ds-border-focused, ".concat(colors.B75, ")")
236
236
  }
237
237
  }
238
238
  },
239
239
  color: {
240
240
  default: {
241
241
  default: {
242
- light: "var(--ds-text-highEmphasis, ".concat(colors.N500, ")"),
243
- dark: "var(--ds-text-highEmphasis, ".concat(colors.DN400, ")")
242
+ light: "var(--ds-text, ".concat(colors.N500, ")"),
243
+ dark: "var(--ds-text, ".concat(colors.DN400, ")")
244
244
  },
245
245
  active: {
246
- light: "var(--ds-text-highEmphasis, ".concat(colors.B400, ")"),
247
- dark: "var(--ds-text-highEmphasis, ".concat(colors.B400, ")")
246
+ light: "var(--ds-text, ".concat(colors.B400, ")"),
247
+ dark: "var(--ds-text, ".concat(colors.B400, ")")
248
248
  },
249
249
  disabled: {
250
250
  light: "var(--ds-text-disabled, ".concat(colors.N70, ")"),
251
251
  dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
252
252
  },
253
253
  selected: {
254
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
255
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
254
+ light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
255
+ dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
256
256
  },
257
257
  focusSelected: {
258
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
259
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
258
+ light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
259
+ dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
260
260
  }
261
261
  },
262
262
  primary: {
263
263
  default: {
264
- light: "var(--ds-text-onBold, ".concat(colors.N0, ")"),
265
- dark: "var(--ds-text-onBold, ".concat(colors.DN30, ")")
264
+ light: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
265
+ dark: "var(--ds-text-inverse, ".concat(colors.DN30, ")")
266
266
  },
267
267
  disabled: {
268
268
  light: "var(--ds-text-disabled, ".concat(colors.N70, ")"),
269
269
  dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
270
270
  },
271
271
  selected: {
272
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
273
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
272
+ light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
273
+ dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
274
274
  },
275
275
  focusSelected: {
276
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
277
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
276
+ light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
277
+ dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
278
278
  }
279
279
  },
280
280
  warning: {
281
281
  default: {
282
- light: "var(--ds-text-onBoldWarning, ".concat(colors.N800, ")"),
283
- dark: "var(--ds-text-onBoldWarning, ".concat(colors.N800, ")")
282
+ light: "var(--ds-text-warning-inverse, ".concat(colors.N800, ")"),
283
+ dark: "var(--ds-text-warning-inverse, ".concat(colors.N800, ")")
284
284
  },
285
285
  disabled: {
286
286
  light: "var(--ds-text-disabled, ".concat(colors.N70, ")"),
287
287
  dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
288
288
  },
289
289
  selected: {
290
- light: "var(--ds-text-selected, ".concat(colors.N800, ")"),
291
- dark: "var(--ds-text-selected, ".concat(colors.N800, ")")
290
+ light: "var(--ds-text-brand, ".concat(colors.N800, ")"),
291
+ dark: "var(--ds-text-brand, ".concat(colors.N800, ")")
292
292
  },
293
293
  focusSelected: {
294
- light: "var(--ds-text-selected, ".concat(colors.N800, ")"),
295
- dark: "var(--ds-text-selected, ".concat(colors.N800, ")")
294
+ light: "var(--ds-text-brand, ".concat(colors.N800, ")"),
295
+ dark: "var(--ds-text-brand, ".concat(colors.N800, ")")
296
296
  }
297
297
  },
298
298
  danger: {
299
299
  default: {
300
- light: "var(--ds-text-onBold, ".concat(colors.N0, ")"),
301
- dark: "var(--ds-text-onBold, ".concat(colors.N0, ")")
300
+ light: "var(--ds-text-inverse, ".concat(colors.N0, ")"),
301
+ dark: "var(--ds-text-inverse, ".concat(colors.N0, ")")
302
302
  },
303
303
  disabled: {
304
304
  light: "var(--ds-text-disabled, ".concat(colors.N70, ")"),
305
305
  dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
306
306
  },
307
307
  selected: {
308
- light: "var(--ds-text-selected, ".concat(colors.N0, ")"),
309
- dark: "var(--ds-text-selected, ".concat(colors.N0, ")")
308
+ light: "var(--ds-text-brand, ".concat(colors.N0, ")"),
309
+ dark: "var(--ds-text-brand, ".concat(colors.N0, ")")
310
310
  },
311
311
  focusSelected: {
312
- light: "var(--ds-text-selected, ".concat(colors.N0, ")"),
313
- dark: "var(--ds-text-selected, ".concat(colors.N0, ")")
312
+ light: "var(--ds-text-brand, ".concat(colors.N0, ")"),
313
+ dark: "var(--ds-text-brand, ".concat(colors.N0, ")")
314
314
  }
315
315
  },
316
316
  link: {
317
317
  default: {
318
- light: "var(--ds-text-link-resting, ".concat(colors.B400, ")"),
319
- dark: "var(--ds-text-link-resting, ".concat(colors.B100, ")")
318
+ light: "var(--ds-link, ".concat(colors.B400, ")"),
319
+ dark: "var(--ds-link, ".concat(colors.B100, ")")
320
320
  },
321
321
  hover: {
322
- light: "var(--ds-text-link-resting, ".concat(colors.B300, ")"),
323
- dark: "var(--ds-text-link-resting, ".concat(colors.B75, ")")
322
+ light: "var(--ds-link, ".concat(colors.B300, ")"),
323
+ dark: "var(--ds-link, ".concat(colors.B75, ")")
324
324
  },
325
325
  active: {
326
- light: "var(--ds-text-link-pressed, ".concat(colors.B500, ")"),
327
- dark: "var(--ds-text-link-pressed, ".concat(colors.B200, ")")
326
+ light: "var(--ds-link-pressed, ".concat(colors.B500, ")"),
327
+ dark: "var(--ds-link-pressed, ".concat(colors.B200, ")")
328
328
  },
329
329
  disabled: {
330
330
  light: "var(--ds-text-disabled, ".concat(colors.N70, ")"),
331
331
  dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
332
332
  },
333
333
  selected: {
334
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
335
- dark: "var(--ds-text-selected, ".concat(colors.N700, ")")
334
+ light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
335
+ dark: "var(--ds-text-brand, ".concat(colors.N700, ")")
336
336
  },
337
337
  focusSelected: {
338
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
339
- dark: "var(--ds-text-selected, ".concat(colors.N700, ")")
338
+ light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
339
+ dark: "var(--ds-text-brand, ".concat(colors.N700, ")")
340
340
  }
341
341
  },
342
342
  subtle: {
343
343
  default: {
344
- light: "var(--ds-text-highEmphasis, ".concat(colors.N500, ")"),
345
- dark: "var(--ds-text-highEmphasis, ".concat(colors.DN400, ")")
344
+ light: "var(--ds-text, ".concat(colors.N500, ")"),
345
+ dark: "var(--ds-text, ".concat(colors.DN400, ")")
346
346
  },
347
347
  active: {
348
- light: "var(--ds-text-highEmphasis, ".concat(colors.B400, ")"),
349
- dark: "var(--ds-text-highEmphasis, ".concat(colors.B400, ")")
348
+ light: "var(--ds-text, ".concat(colors.B400, ")"),
349
+ dark: "var(--ds-text, ".concat(colors.B400, ")")
350
350
  },
351
351
  disabled: {
352
352
  light: "var(--ds-text-disabled, ".concat(colors.N70, ")"),
353
353
  dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
354
354
  },
355
355
  selected: {
356
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
357
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
356
+ light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
357
+ dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
358
358
  },
359
359
  focusSelected: {
360
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
361
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
360
+ light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
361
+ dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
362
362
  }
363
363
  },
364
364
  'subtle-link': {
365
365
  default: {
366
- light: "var(--ds-text-mediumEmphasis, ".concat(colors.N200, ")"),
367
- dark: "var(--ds-text-mediumEmphasis, ".concat(colors.DN400, ")")
366
+ light: "var(--ds-text-subtle, ".concat(colors.N200, ")"),
367
+ dark: "var(--ds-text-subtle, ".concat(colors.DN400, ")")
368
368
  },
369
369
  hover: {
370
- light: "var(--ds-text-mediumEmphasis, ".concat(colors.N90, ")"),
371
- dark: "var(--ds-text-mediumEmphasis, ".concat(colors.B50, ")")
370
+ light: "var(--ds-text-subtle, ".concat(colors.N90, ")"),
371
+ dark: "var(--ds-text-subtle, ".concat(colors.B50, ")")
372
372
  },
373
373
  active: {
374
- light: "var(--ds-text-highEmphasis, ".concat(colors.N400, ")"),
375
- dark: "var(--ds-text-highEmphasis, ".concat(colors.DN300, ")")
374
+ light: "var(--ds-text, ".concat(colors.N400, ")"),
375
+ dark: "var(--ds-text, ".concat(colors.DN300, ")")
376
376
  },
377
377
  disabled: {
378
378
  light: "var(--ds-text-disabled, ".concat(colors.N70, ")"),
379
379
  dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
380
380
  },
381
381
  selected: {
382
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
383
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
382
+ light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
383
+ dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
384
384
  },
385
385
  focusSelected: {
386
- light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
387
- dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
386
+ light: "var(--ds-text-brand, ".concat(colors.N20, ")"),
387
+ dark: "var(--ds-text-brand, ".concat(colors.DN400, ")")
388
388
  }
389
389
  }
390
390
  }
package/dist/esm/shared/css.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
 
3
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
4
 
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
6
 
7
7
  import { borderRadius as getBorderRadius, fontSize as getFontSize, gridSize as getGridSize } from '@atlaskit/theme/constants';
8
8
  import colors from './colors';
package/dist/esm/shared/loading-spinner.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
2
+ var _excluded = ["spacing"];
2
3
  import React from 'react';
3
4
  import Spinner from '@atlaskit/spinner';
4
5
 
@@ -25,7 +26,7 @@ function getSpinnerAppearance(_ref) {
25
26
  export default function LoadingSpinner(_ref2) {
26
27
  var _ref2$spacing = _ref2.spacing,
27
28
  spacing = _ref2$spacing === void 0 ? 'default' : _ref2$spacing,
28
- rest = _objectWithoutProperties(_ref2, ["spacing"]);
29
+ rest = _objectWithoutProperties(_ref2, _excluded);
29
30
 
30
31
  var size = spacing === 'default' ? 'medium' : 'small';
31
32
  return /*#__PURE__*/React.createElement(Spinner, {
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "16.1.4",
3
+ "version": "16.2.0",
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/dist/types/shared/loading-spinner.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { BaseProps } from '../types';
2
3
  declare type Props = Pick<BaseProps, 'appearance' | 'isDisabled' | 'isSelected' | 'spacing'>;
3
4
  export default function LoadingSpinner({ spacing, ...rest }: Props): JSX.Element;