@atlaskit/button 23.9.8 → 23.10.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/button
 
+## 23.10.0
+
+### Minor Changes
+
+- [`4d78aaa844538`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4d78aaa844538) -
+  Hard-codes color-mode light as the default color scheme for legacy buttons. These buttons were
+  dependant on an old @ak/theming API which is non-functional and will be removed entirely in a
+  following release
+
+### Patch Changes
+
+- Updated dependencies
+
+## 23.9.9
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 23.9.8
 
 ### Patch Changes

package/dist/cjs/new-button/variants/icon/link.js

@@ -156,7 +156,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
         ref: (0, _mergeRefs.default)([localRef, ref, triggerProps.ref].filter(Boolean))
         // Base props only
         ,
-        xcss: (0, _css2.cx)(styles.base, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, styles.iconButton, shape === 'circle' && styles.circle),
+        xcss: (0, _css2.cx)(styles.base, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, styles.iconButton, spacing === 'compact' && styles.spacingCompact, shape === 'circle' && styles.circle),
         onMouseDownCapture: onMouseDownCapture,
         onMouseUpCapture: onMouseUpCapture,
         onKeyDownCapture: onKeyDownCapture,

package/dist/cjs/old-button/button.js

@@ -11,7 +11,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-var _components = require("@atlaskit/theme/components");
 var _buttonBase = _interopRequireDefault(require("./shared/button-base"));
 var _css = require("./shared/css");
 var _getIsOnlySingleIcon = _interopRequireDefault(require("./shared/get-is-only-single-icon"));
@@ -48,8 +47,6 @@ var Button = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
     _ref$spacing = _ref.spacing,
     spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useGlobalTheme = (0, _components.useGlobalTheme)(),
-    mode = _useGlobalTheme.mode;
   var isOnlySingleIcon = (0, _getIsOnlySingleIcon.default)({
     children: children,
     iconBefore: iconBefore,
@@ -78,12 +75,11 @@ var Button = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwa
     return (0, _css.getCss)({
       appearance: appearance,
       spacing: spacing,
-      mode: mode,
       isSelected: isSelected,
       shouldFitContainer: shouldFitContainer,
       isOnlySingleIcon: isOnlySingleIcon
     });
-  }, [appearance, spacing, mode, isSelected, shouldFitContainer, isOnlySingleIcon]);
+  }, [appearance, spacing, isSelected, shouldFitContainer, isOnlySingleIcon]);
   return /*#__PURE__*/_react.default.createElement(_buttonBase.default, (0, _extends2.default)({}, rest, {
     ref: ref,
     appearance: appearance,

package/dist/cjs/old-button/custom-theme-button/theme.js

@@ -29,8 +29,6 @@ function getCustomCss(_ref) {
     appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
     _ref$spacing = _ref.spacing,
     spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'light' : _ref$mode,
     _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
     _ref$shouldFitContain = _ref.shouldFitContainer,
@@ -43,7 +41,6 @@ function getCustomCss(_ref) {
   var result = (0, _css.getCss)({
     appearance: appearance,
     spacing: spacing,
-    mode: mode,
     isSelected: isSelected,
     shouldFitContainer: shouldFitContainer,
     isOnlySingleIcon: iconIsOnlyChild

package/dist/cjs/old-button/shared/button-base.js

@@ -132,7 +132,7 @@ var ButtonBase = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(prop
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "23.9.7",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext
   });
 

package/dist/es2019/new-button/variants/icon/link.js

@@ -144,7 +144,7 @@ const LinkIconButtonBase = ({
       ref: mergeRefs([localRef, ref, triggerProps.ref].filter(Boolean))
       // Base props only
       ,
-      xcss: cx(styles.base, fg('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, styles.iconButton, shape === 'circle' && styles.circle),
+      xcss: cx(styles.base, fg('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, styles.iconButton, spacing === 'compact' && styles.spacingCompact, shape === 'circle' && styles.circle),
       onMouseDownCapture: onMouseDownCapture,
       onMouseUpCapture: onMouseUpCapture,
       onKeyDownCapture: onKeyDownCapture,

package/dist/es2019/old-button/button.js

@@ -4,7 +4,6 @@ import React, { useCallback, useMemo, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 import noop from '@atlaskit/ds-lib/noop';
-import { useGlobalTheme } from '@atlaskit/theme/components';
 import ButtonBase from './shared/button-base';
 import { getCss } from './shared/css';
 import getIsOnlySingleIcon from './shared/get-is-only-single-icon';
@@ -34,9 +33,6 @@ const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function B
   spacing = 'default',
   ...rest
 }, ref) {
-  const {
-    mode
-  } = useGlobalTheme();
   const isOnlySingleIcon = getIsOnlySingleIcon({
     children,
     iconBefore,
@@ -61,11 +57,10 @@ const Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function B
   const buttonCss = useMemo(() => getCss({
     appearance,
     spacing,
-    mode,
     isSelected,
     shouldFitContainer,
     isOnlySingleIcon
-  }), [appearance, spacing, mode, isSelected, shouldFitContainer, isOnlySingleIcon]);
+  }), [appearance, spacing, isSelected, shouldFitContainer, isOnlySingleIcon]);
   return /*#__PURE__*/React.createElement(ButtonBase, _extends({}, rest, {
     ref: ref,
     appearance: appearance,

package/dist/es2019/old-button/custom-theme-button/theme.js

@@ -16,7 +16,6 @@ const stateToSelectorMap = {
 export function getCustomCss({
   appearance = 'default',
   spacing = 'default',
-  mode = 'light',
   isSelected = false,
   shouldFitContainer = false,
   iconIsOnlyChild = false,
@@ -26,7 +25,6 @@ export function getCustomCss({
   let result = getCss({
     appearance,
     spacing,
-    mode,
     isSelected,
     shouldFitContainer,
     isOnlySingleIcon: iconIsOnlyChild

package/dist/es2019/old-button/shared/button-base.js

@@ -119,7 +119,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref)
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "23.9.7",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext
   });
 

package/dist/esm/new-button/variants/icon/link.js

@@ -147,7 +147,7 @@ var LinkIconButtonBase = function LinkIconButtonBase(_ref, ref) {
         ref: mergeRefs([localRef, ref, triggerProps.ref].filter(Boolean))
         // Base props only
         ,
-        xcss: cx(styles.base, fg('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, spacing === 'compact' && styles.spacingCompact, styles.iconButton, shape === 'circle' && styles.circle),
+        xcss: cx(styles.base, fg('platform-dst-shape-theme-default') && styles.baseT26Shape, appearance === 'default' && defaultStyles.root, appearance === 'primary' && primaryStyles.root, appearance === 'discovery' && discoveryStyles.root, appearance === 'subtle' && subtleStyles.root, styles.linkDecorationUnset, isSelected && selectedStyles.root, isSelected && appearance === 'discovery' && selectedStyles.discovery, isDisabled && styles.disabled, styles.iconButton, spacing === 'compact' && styles.spacingCompact, shape === 'circle' && styles.circle),
         onMouseDownCapture: onMouseDownCapture,
         onMouseUpCapture: onMouseUpCapture,
         onKeyDownCapture: onKeyDownCapture,

package/dist/esm/old-button/button.js

@@ -7,7 +7,6 @@ import React, { useCallback, useMemo, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 import noop from '@atlaskit/ds-lib/noop';
-import { useGlobalTheme } from '@atlaskit/theme/components';
 import ButtonBase from './shared/button-base';
 import { getCss } from './shared/css';
 import getIsOnlySingleIcon from './shared/get-is-only-single-icon';
@@ -42,8 +41,6 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function But
     _ref$spacing = _ref.spacing,
     spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useGlobalTheme = useGlobalTheme(),
-    mode = _useGlobalTheme.mode;
   var isOnlySingleIcon = getIsOnlySingleIcon({
     children: children,
     iconBefore: iconBefore,
@@ -72,12 +69,11 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function But
     return getCss({
       appearance: appearance,
       spacing: spacing,
-      mode: mode,
       isSelected: isSelected,
       shouldFitContainer: shouldFitContainer,
       isOnlySingleIcon: isOnlySingleIcon
     });
-  }, [appearance, spacing, mode, isSelected, shouldFitContainer, isOnlySingleIcon]);
+  }, [appearance, spacing, isSelected, shouldFitContainer, isOnlySingleIcon]);
   return /*#__PURE__*/React.createElement(ButtonBase, _extends({}, rest, {
     ref: ref,
     appearance: appearance,

package/dist/esm/old-button/custom-theme-button/theme.js

@@ -21,8 +21,6 @@ export function getCustomCss(_ref) {
     appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
     _ref$spacing = _ref.spacing,
     spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'light' : _ref$mode,
     _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
     _ref$shouldFitContain = _ref.shouldFitContainer,
@@ -35,7 +33,6 @@ export function getCustomCss(_ref) {
   var result = getCss({
     appearance: appearance,
     spacing: spacing,
-    mode: mode,
     isSelected: isSelected,
     shouldFitContainer: shouldFitContainer,
     isOnlySingleIcon: iconIsOnlyChild

package/dist/esm/old-button/shared/button-base.js

@@ -125,7 +125,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "23.9.7",
+    packageVersion: "0.0.0-development",
     analyticsData: analyticsContext
   });
 

package/dist/types/old-button/custom-theme-button/theme.d.ts

@@ -1,7 +1,7 @@
 import { type CSSObject } from '@emotion/react';
 import { createTheme } from '@atlaskit/theme/components';
 import { type ThemeProps, type ThemeTokens } from './custom-theme-button-types';
-export declare function getCustomCss({ appearance, spacing, mode, isSelected, shouldFitContainer, iconIsOnlyChild, isLoading, state, }: ThemeProps): CSSObject;
+export declare function getCustomCss({ appearance, spacing, isSelected, shouldFitContainer, iconIsOnlyChild, isLoading, state, }: ThemeProps): CSSObject;
 export declare function getSpecifiers(styles: CSSObject): CSSObject;
 export declare function defaultThemeFn(current: (values: ThemeProps) => ThemeTokens, values: ThemeProps): ThemeTokens;
 declare const Theme: ReturnType<typeof createTheme<ThemeTokens, ThemeProps>>;

package/dist/types/old-button/shared/css.d.ts

@@ -1,10 +1,8 @@
 import { type CSSObject } from '@emotion/react';
-import { type ThemeModes } from '@atlaskit/theme/types';
 import { type Appearance, type Spacing } from '../types';
 type GetCssArgs = {
     appearance: Appearance;
     spacing: Spacing;
-    mode: ThemeModes;
     isSelected: boolean;
     shouldFitContainer: boolean;
     isOnlySingleIcon: boolean;

package/dist/types-ts4.5/old-button/custom-theme-button/theme.d.ts

@@ -1,7 +1,7 @@
 import { type CSSObject } from '@emotion/react';
 import { createTheme } from '@atlaskit/theme/components';
 import { type ThemeProps, type ThemeTokens } from './custom-theme-button-types';
-export declare function getCustomCss({ appearance, spacing, mode, isSelected, shouldFitContainer, iconIsOnlyChild, isLoading, state, }: ThemeProps): CSSObject;
+export declare function getCustomCss({ appearance, spacing, isSelected, shouldFitContainer, iconIsOnlyChild, isLoading, state, }: ThemeProps): CSSObject;
 export declare function getSpecifiers(styles: CSSObject): CSSObject;
 export declare function defaultThemeFn(current: (values: ThemeProps) => ThemeTokens, values: ThemeProps): ThemeTokens;
 declare const Theme: ReturnType<typeof createTheme<ThemeTokens, ThemeProps>>;

package/dist/types-ts4.5/old-button/shared/css.d.ts

@@ -1,10 +1,8 @@
 import { type CSSObject } from '@emotion/react';
-import { type ThemeModes } from '@atlaskit/theme/types';
 import { type Appearance, type Spacing } from '../types';
 type GetCssArgs = {
     appearance: Appearance;
     spacing: Spacing;
-    mode: ThemeModes;
     isSelected: boolean;
     shouldFitContainer: boolean;
     isOnlySingleIcon: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/button",
-	"version": "23.9.8",
+	"version": "23.10.0",
 	"description": "A button triggers an event or action. They let users know what will happen next.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -78,12 +78,12 @@
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^5.3.0",
 		"@atlaskit/focus-ring": "^3.0.0",
-		"@atlaskit/icon": "^31.0.0",
+		"@atlaskit/icon": "^32.0.0",
 		"@atlaskit/interaction-context": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/theme": "^21.0.0",
+		"@atlaskit/theme": "^22.0.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -100,13 +100,13 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/app-provider": "^4.1.0",
 		"@atlaskit/checkbox": "^17.3.0",
-		"@atlaskit/docs": "^11.3.0",
-		"@atlaskit/dropdown-menu": "^16.4.0",
+		"@atlaskit/docs": "^11.5.0",
+		"@atlaskit/dropdown-menu": "^16.5.0",
 		"@atlaskit/form": "^15.3.0",
 		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/logo": "^19.10.0",
-		"@atlaskit/modal-dialog": "^14.10.0",
+		"@atlaskit/modal-dialog": "^14.11.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.7.0",
 		"@atlaskit/toggle": "^15.2.0",