@atlaskit/button 23.8.1 → 23.9.1

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 (8) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/new-button/variants/shared/button-base.compiled.css +1 -0
  3. package/dist/cjs/new-button/variants/shared/button-base.js +2 -1
  4. package/dist/es2019/new-button/variants/shared/button-base.compiled.css +1 -0
  5. package/dist/es2019/new-button/variants/shared/button-base.js +2 -1
  6. package/dist/esm/new-button/variants/shared/button-base.compiled.css +1 -0
  7. package/dist/esm/new-button/variants/shared/button-base.js +2 -1
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/button
2
2
 
3
+ ## 23.9.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 23.9.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`51928601f0216`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/51928601f0216) -
14
+ Updated border radius values behind a feature gate `platform-dst-shape-theme-default`.
15
+
3
16
  ## 23.8.1
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/new-button/variants/shared/button-base.compiled.css CHANGED
@@ -1,6 +1,7 @@
1
1
 
2
2
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._14mj1kw7:after{border-radius:inherit}
4
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
5
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
5
6
  ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
6
7
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
package/dist/cjs/new-button/variants/shared/button-base.js CHANGED
@@ -33,6 +33,7 @@ var styles = {
33
33
  disabled: "_80om13gf _syaz1gmx _30l31gmx _9h8h1gmx",
34
34
  sharedDisabled: "_bfhk1fvb _irr31fvb _1di61fvb",
35
35
  spacingCompact: "_1rjcv77o _gy1p1b66 _4t3i1k8s _y4tiutpp _bozgutpp _s7n4nkob",
36
+ spacingCompactT26Shape: "_2rko12b0",
36
37
  circle: "_2rko1rr0",
37
38
  fullWidth: "_1bsb1osq",
38
39
  loading: "_80om15jw",
@@ -177,7 +178,7 @@ function (_ref, ref) {
177
178
  // TODO: remove me once we kill color fallbacks
178
179
  isSelected && appearance === 'warning' && selectedStyles.warning,
179
180
  // TODO: remove me once we kill color fallbacks
180
- isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, isDisabled && appearance !== 'default' && appearance !== 'subtle' && styles.sharedDisabled, isDisabled && appearance === 'default' && defaultStyles.disabled, isCircle && !isSplitButton && styles.circle, spacing === 'compact' && styles.spacingCompact, hasIconBefore && styles.buttonIconBefore, shouldFitContainer && styles.fullWidth, hasIconAfter && styles.buttonIconAfter, isIconButton && styles.iconButton, isIconButton && spacing === 'compact' && styles.iconButtonCompact, isLoading && styles.loading, isSplitButton && styles.splitButton, isNavigationSplitButton && styles.navigationSplitButton),
181
+ isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, isDisabled && appearance !== 'default' && appearance !== 'subtle' && styles.sharedDisabled, isDisabled && appearance === 'default' && defaultStyles.disabled, isCircle && !isSplitButton && styles.circle, spacing === 'compact' && styles.spacingCompact, spacing === 'compact' && (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.spacingCompactT26Shape, hasIconBefore && styles.buttonIconBefore, shouldFitContainer && styles.fullWidth, hasIconAfter && styles.buttonIconAfter, isIconButton && styles.iconButton, isIconButton && spacing === 'compact' && styles.iconButtonCompact, isLoading && styles.loading, isSplitButton && styles.splitButton, isNavigationSplitButton && styles.navigationSplitButton),
181
182
  isDisabled: isEffectivelyDisabled,
182
183
  "aria-label": isLoading && ariaLabel && !ariaLabelledBy ? "".concat(ariaLabel, " ").concat(LOADING_LABEL) : ariaLabel,
183
184
  "aria-labelledby": isLoading && ariaLabelledBy ? "".concat(ariaLabelledBy, " ").concat(loadingLabelId) : ariaLabelledBy,
package/dist/es2019/new-button/variants/shared/button-base.compiled.css CHANGED
@@ -1,6 +1,7 @@
1
1
 
2
2
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._14mj1kw7:after{border-radius:inherit}
4
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
5
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
5
6
  ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
6
7
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
package/dist/es2019/new-button/variants/shared/button-base.js CHANGED
@@ -21,6 +21,7 @@ const styles = {
21
21
  disabled: "_80om13gf _syaz1gmx _30l31gmx _9h8h1gmx",
22
22
  sharedDisabled: "_bfhk1fvb _irr31fvb _1di61fvb",
23
23
  spacingCompact: "_1rjcv77o _gy1p1b66 _4t3i1k8s _y4tiutpp _bozgutpp _s7n4nkob",
24
+ spacingCompactT26Shape: "_2rko12b0",
24
25
  circle: "_2rko1rr0",
25
26
  fullWidth: "_1bsb1osq",
26
27
  loading: "_80om15jw",
@@ -158,7 +159,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(
158
159
  // TODO: remove me once we kill color fallbacks
159
160
  isSelected && appearance === 'warning' && selectedStyles.warning,
160
161
  // TODO: remove me once we kill color fallbacks
161
- isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, isDisabled && appearance !== 'default' && appearance !== 'subtle' && styles.sharedDisabled, isDisabled && appearance === 'default' && defaultStyles.disabled, isCircle && !isSplitButton && styles.circle, spacing === 'compact' && styles.spacingCompact, hasIconBefore && styles.buttonIconBefore, shouldFitContainer && styles.fullWidth, hasIconAfter && styles.buttonIconAfter, isIconButton && styles.iconButton, isIconButton && spacing === 'compact' && styles.iconButtonCompact, isLoading && styles.loading, isSplitButton && styles.splitButton, isNavigationSplitButton && styles.navigationSplitButton),
162
+ isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, isDisabled && appearance !== 'default' && appearance !== 'subtle' && styles.sharedDisabled, isDisabled && appearance === 'default' && defaultStyles.disabled, isCircle && !isSplitButton && styles.circle, spacing === 'compact' && styles.spacingCompact, spacing === 'compact' && fg('platform-dst-shape-theme-default') && styles.spacingCompactT26Shape, hasIconBefore && styles.buttonIconBefore, shouldFitContainer && styles.fullWidth, hasIconAfter && styles.buttonIconAfter, isIconButton && styles.iconButton, isIconButton && spacing === 'compact' && styles.iconButtonCompact, isLoading && styles.loading, isSplitButton && styles.splitButton, isNavigationSplitButton && styles.navigationSplitButton),
162
163
  isDisabled: isEffectivelyDisabled,
163
164
  "aria-label": isLoading && ariaLabel && !ariaLabelledBy ? `${ariaLabel} ${LOADING_LABEL}` : ariaLabel,
164
165
  "aria-labelledby": isLoading && ariaLabelledBy ? `${ariaLabelledBy} ${loadingLabelId}` : ariaLabelledBy,
package/dist/esm/new-button/variants/shared/button-base.compiled.css CHANGED
@@ -1,6 +1,7 @@
1
1
 
2
2
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._14mj1kw7:after{border-radius:inherit}
4
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
5
  ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
5
6
  ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
6
7
  ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
package/dist/esm/new-button/variants/shared/button-base.js CHANGED
@@ -24,6 +24,7 @@ var styles = {
24
24
  disabled: "_80om13gf _syaz1gmx _30l31gmx _9h8h1gmx",
25
25
  sharedDisabled: "_bfhk1fvb _irr31fvb _1di61fvb",
26
26
  spacingCompact: "_1rjcv77o _gy1p1b66 _4t3i1k8s _y4tiutpp _bozgutpp _s7n4nkob",
27
+ spacingCompactT26Shape: "_2rko12b0",
27
28
  circle: "_2rko1rr0",
28
29
  fullWidth: "_1bsb1osq",
29
30
  loading: "_80om15jw",
@@ -168,7 +169,7 @@ function (_ref, ref) {
168
169
  // TODO: remove me once we kill color fallbacks
169
170
  isSelected && appearance === 'warning' && selectedStyles.warning,
170
171
  // TODO: remove me once we kill color fallbacks
171
- isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, isDisabled && appearance !== 'default' && appearance !== 'subtle' && styles.sharedDisabled, isDisabled && appearance === 'default' && defaultStyles.disabled, isCircle && !isSplitButton && styles.circle, spacing === 'compact' && styles.spacingCompact, hasIconBefore && styles.buttonIconBefore, shouldFitContainer && styles.fullWidth, hasIconAfter && styles.buttonIconAfter, isIconButton && styles.iconButton, isIconButton && spacing === 'compact' && styles.iconButtonCompact, isLoading && styles.loading, isSplitButton && styles.splitButton, isNavigationSplitButton && styles.navigationSplitButton),
172
+ isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, isDisabled && appearance !== 'default' && appearance !== 'subtle' && styles.sharedDisabled, isDisabled && appearance === 'default' && defaultStyles.disabled, isCircle && !isSplitButton && styles.circle, spacing === 'compact' && styles.spacingCompact, spacing === 'compact' && fg('platform-dst-shape-theme-default') && styles.spacingCompactT26Shape, hasIconBefore && styles.buttonIconBefore, shouldFitContainer && styles.fullWidth, hasIconAfter && styles.buttonIconAfter, isIconButton && styles.iconButton, isIconButton && spacing === 'compact' && styles.iconButtonCompact, isLoading && styles.loading, isSplitButton && styles.splitButton, isNavigationSplitButton && styles.navigationSplitButton),
172
173
  isDisabled: isEffectivelyDisabled,
173
174
  "aria-label": isLoading && ariaLabel && !ariaLabelledBy ? "".concat(ariaLabel, " ").concat(LOADING_LABEL) : ariaLabel,
174
175
  "aria-labelledby": isLoading && ariaLabelledBy ? "".concat(ariaLabelledBy, " ").concat(loadingLabelId) : ariaLabelledBy,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "23.8.1",
3
+ "version": "23.9.1",
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/"
@@ -75,16 +75,16 @@
75
75
  },
76
76
  "dependencies": {
77
77
  "@atlaskit/analytics-next": "^11.1.0",
78
- "@atlaskit/css": "^0.18.0",
78
+ "@atlaskit/css": "^0.19.0",
79
79
  "@atlaskit/ds-lib": "^5.3.0",
80
80
  "@atlaskit/focus-ring": "^3.0.0",
81
81
  "@atlaskit/icon": "^29.3.0",
82
82
  "@atlaskit/interaction-context": "^3.1.0",
83
83
  "@atlaskit/platform-feature-flags": "^1.1.0",
84
- "@atlaskit/primitives": "^16.4.0",
84
+ "@atlaskit/primitives": "^17.0.0",
85
85
  "@atlaskit/spinner": "^19.0.0",
86
86
  "@atlaskit/theme": "^21.0.0",
87
- "@atlaskit/tokens": "^8.6.0",
87
+ "@atlaskit/tokens": "^9.0.0",
88
88
  "@atlaskit/tooltip": "^20.11.0",
89
89
  "@atlaskit/visually-hidden": "^3.0.0",
90
90
  "@babel/runtime": "^7.0.0",