@atlaskit/button 16.5.5 → 16.5.7

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 (11) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/shared/button-base.js +3 -3
  3. package/dist/cjs/shared/css.js +2 -0
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/shared/button-base.js +3 -3
  6. package/dist/es2019/shared/css.js +2 -0
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/shared/button-base.js +3 -3
  9. package/dist/esm/shared/css.js +2 -0
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +10 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/button
2
2
 
3
+ ## 16.5.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`729e45efa7f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/729e45efa7f) - [ux] Fix a bug where the incorrect design tokens were used for the color of spinners in warning, disabled and selected buttons
8
+ - Updated dependencies
9
+
10
+ ## 16.5.6
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 16.5.5
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/shared/button-base.js CHANGED
@@ -90,7 +90,7 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(props,
90
90
  action: 'clicked',
91
91
  componentName: 'button',
92
92
  packageName: "@atlaskit/button",
93
- packageVersion: "16.5.5",
93
+ packageVersion: "16.5.7",
94
94
  analyticsData: analyticsContext
95
95
  });
96
96
 
@@ -123,8 +123,8 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(props,
123
123
  var spinnerHackCss = {};
124
124
  if (isSelected || isDisabled || appearance === 'warning') {
125
125
  spinnerHackCss = {
126
- '[data-theme] & svg': {
127
- stroke: isSelected || isDisabled ? "var(--ds-text-subtle, ".concat(_colors.N500, ")") : "var(--ds-text-warning-inverse, ".concat(_colors.N500, ")")
126
+ '[data-theme] & circle': {
127
+ stroke: "".concat(isSelected || isDisabled ? "var(--ds-icon-subtle, ".concat(_colors.N500, ")") : "var(--ds-icon-warning-inverse, ".concat(_colors.N500, ")"), " !important")
128
128
  }
129
129
  };
130
130
  }
package/dist/cjs/shared/css.js CHANGED
@@ -207,6 +207,7 @@ function getIconStyle(_ref4) {
207
207
  var spacing = _ref4.spacing;
208
208
  return (0, _react.css)({
209
209
  display: 'flex',
210
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
210
211
  margin: spacing === 'none' ? 0 : innerMargin.icon,
211
212
  // icon size cannot grow and shrink
212
213
  flexGrow: 0,
@@ -222,6 +223,7 @@ function getIconStyle(_ref4) {
222
223
  function getContentStyle(_ref5) {
223
224
  var spacing = _ref5.spacing;
224
225
  return (0, _react.css)({
226
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
225
227
  margin: spacing === 'none' ? 0 : innerMargin.content,
226
228
  // content can grow and shrink
227
229
  flexGrow: 1,
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "16.5.5",
3
+ "version": "16.5.7",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/shared/button-base.js CHANGED
@@ -75,7 +75,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
75
75
  action: 'clicked',
76
76
  componentName: 'button',
77
77
  packageName: "@atlaskit/button",
78
- packageVersion: "16.5.5",
78
+ packageVersion: "16.5.7",
79
79
  analyticsData: analyticsContext
80
80
  });
81
81
 
@@ -108,8 +108,8 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
108
108
  var spinnerHackCss = {};
109
109
  if (isSelected || isDisabled || appearance === 'warning') {
110
110
  spinnerHackCss = {
111
- '[data-theme] & svg': {
112
- stroke: isSelected || isDisabled ? `var(--ds-text-subtle, ${N500})` : `var(--ds-text-warning-inverse, ${N500})`
111
+ '[data-theme] & circle': {
112
+ stroke: `${isSelected || isDisabled ? `var(--ds-icon-subtle, ${N500})` : `var(--ds-icon-warning-inverse, ${N500})`} !important`
113
113
  }
114
114
  };
115
115
  }
package/dist/es2019/shared/css.js CHANGED
@@ -208,6 +208,7 @@ export function getIconStyle({
208
208
  }) {
209
209
  return css({
210
210
  display: 'flex',
211
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
211
212
  margin: spacing === 'none' ? 0 : innerMargin.icon,
212
213
  // icon size cannot grow and shrink
213
214
  flexGrow: 0,
@@ -224,6 +225,7 @@ export function getContentStyle({
224
225
  spacing
225
226
  }) {
226
227
  return css({
228
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
227
229
  margin: spacing === 'none' ? 0 : innerMargin.content,
228
230
  // content can grow and shrink
229
231
  flexGrow: 1,
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "16.5.5",
3
+ "version": "16.5.7",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/shared/button-base.js CHANGED
@@ -83,7 +83,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
83
83
  action: 'clicked',
84
84
  componentName: 'button',
85
85
  packageName: "@atlaskit/button",
86
- packageVersion: "16.5.5",
86
+ packageVersion: "16.5.7",
87
87
  analyticsData: analyticsContext
88
88
  });
89
89
 
@@ -116,8 +116,8 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
116
116
  var spinnerHackCss = {};
117
117
  if (isSelected || isDisabled || appearance === 'warning') {
118
118
  spinnerHackCss = {
119
- '[data-theme] & svg': {
120
- stroke: isSelected || isDisabled ? "var(--ds-text-subtle, ".concat(N500, ")") : "var(--ds-text-warning-inverse, ".concat(N500, ")")
119
+ '[data-theme] & circle': {
120
+ stroke: "".concat(isSelected || isDisabled ? "var(--ds-icon-subtle, ".concat(N500, ")") : "var(--ds-icon-warning-inverse, ".concat(N500, ")"), " !important")
121
121
  }
122
122
  };
123
123
  }
package/dist/esm/shared/css.js CHANGED
@@ -196,6 +196,7 @@ export function getIconStyle(_ref4) {
196
196
  var spacing = _ref4.spacing;
197
197
  return css({
198
198
  display: 'flex',
199
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
199
200
  margin: spacing === 'none' ? 0 : innerMargin.icon,
200
201
  // icon size cannot grow and shrink
201
202
  flexGrow: 0,
@@ -211,6 +212,7 @@ export function getIconStyle(_ref4) {
211
212
  export function getContentStyle(_ref5) {
212
213
  var spacing = _ref5.spacing;
213
214
  return css({
215
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
214
216
  margin: spacing === 'none' ? 0 : innerMargin.content,
215
217
  // content can grow and shrink
216
218
  flexGrow: 1,
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "16.5.5",
3
+ "version": "16.5.7",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "16.5.5",
3
+ "version": "16.5.7",
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/"
@@ -15,7 +15,6 @@
15
15
  "sideEffects": false,
16
16
  "atlaskit:src": "src/index.tsx",
17
17
  "atlassian": {
18
- "disableProductCI": true,
19
18
  "team": "Design System Team",
20
19
  "releaseModel": "scheduled",
21
20
  "website": {
@@ -32,12 +31,12 @@
32
31
  ".": "./src/index.tsx"
33
32
  },
34
33
  "dependencies": {
35
- "@atlaskit/analytics-next": "^8.2.0",
34
+ "@atlaskit/analytics-next": "^9.0.0",
36
35
  "@atlaskit/ds-lib": "^2.1.0",
37
36
  "@atlaskit/interaction-context": "^2.0.0",
38
- "@atlaskit/spinner": "^15.3.0",
37
+ "@atlaskit/spinner": "^15.4.0",
39
38
  "@atlaskit/theme": "^12.2.0",
40
- "@atlaskit/tokens": "^1.0.0",
39
+ "@atlaskit/tokens": "^1.2.0",
41
40
  "@babel/runtime": "^7.0.0",
42
41
  "@emotion/react": "^11.7.1"
43
42
  },
@@ -48,7 +47,7 @@
48
47
  "@atlaskit/checkbox": "^12.4.0",
49
48
  "@atlaskit/docs": "*",
50
49
  "@atlaskit/icon": "^21.11.0",
51
- "@atlaskit/logo": "^13.10.0",
50
+ "@atlaskit/logo": "^13.11.0",
52
51
  "@atlaskit/section-message": "^6.3.0",
53
52
  "@atlaskit/select": "^16.1.0",
54
53
  "@atlaskit/ssr": "*",
@@ -78,8 +77,10 @@
78
77
  "design-system": "v1",
79
78
  "ui-components": "lite-mode",
80
79
  "analytics": "analytics-next",
81
- "design-tokens": "spacing",
82
- "theming": "tokens",
80
+ "design-tokens": [
81
+ "color",
82
+ "spacing"
83
+ ],
83
84
  "deprecation": "no-deprecated-imports",
84
85
  "styling": [
85
86
  "emotion"
@@ -88,4 +89,4 @@
88
89
  },
89
90
  "homepage": "https://atlassian.design/components/button/",
90
91
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
91
- }
92
+ }