@atlaskit/button 23.9.9 → 23.10.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/button
 
+## 23.10.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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

package/dist/cjs/new-button/containers/split-button/split-button.js

@@ -1,4 +1,4 @@
-/* split-button.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* split-button.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

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

@@ -1,4 +1,4 @@
-/* link.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* link.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* link.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* link.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/new-button/variants/shared/button-base.js

@@ -1,4 +1,4 @@
-/* button-base.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* button-base.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/new-button/variants/shared/content.js

@@ -1,4 +1,4 @@
-/* content.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* content.tsx generated by @compiled/babel-plugin v0.39.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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/es2019/new-button/containers/split-button/split-button.js

@@ -1,4 +1,4 @@
-/* split-button.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* split-button.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./split-button.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* link.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* link.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./link.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* link.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* link.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./link.compiled.css";
 import * as React from 'react';

package/dist/es2019/new-button/variants/shared/button-base.js

@@ -1,4 +1,4 @@
-/* button-base.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* button-base.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./button-base.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/new-button/variants/shared/content.js

@@ -1,4 +1,4 @@
-/* content.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* content.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./content.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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/esm/new-button/containers/split-button/split-button.js

@@ -1,4 +1,4 @@
-/* split-button.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* split-button.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./split-button.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* link.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* link.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["analyticsContext", "appearance", "aria-label", "aria-labelledby", "autoFocus", "children", "href", "iconAfter", "iconBefore", "interactionName", "isDisabled", "isSelected", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "shouldFitContainer", "spacing", "testId"],

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

@@ -1,4 +1,4 @@
-/* link.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* link.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["aria-label", "aria-labelledby", "analyticsContext", "appearance", "autoFocus", "href", "icon", "interactionName", "isDisabled", "isSelected", "isTooltipDisabled", "label", "onClick", "onClickCapture", "onKeyDownCapture", "onKeyUpCapture", "onMouseDownCapture", "onMouseUpCapture", "onPointerDownCapture", "onPointerUpCapture", "onTouchEndCapture", "onTouchStartCapture", "shape", "spacing", "testId", "tooltip"],

package/dist/esm/new-button/variants/shared/button-base.js

@@ -1,4 +1,4 @@
-/* button-base.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* button-base.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["appearance", "autoFocus", "isDisabled", "isLoading", "isSelected", "isIconButton", "isCircle", "hasIconBefore", "hasIconAfter", "shouldFitContainer", "spacing", "ariaLabel", "ariaLabelledBy", "children", "interactionName", "onClick", "onMouseDown", "onMouseDownCapture", "onMouseUp", "onMouseUpCapture", "onKeyDown", "onKeyDownCapture", "onKeyUp", "onKeyUpCapture", "onTouchStart", "onTouchStartCapture", "onTouchEnd", "onTouchEndCapture", "onPointerDown", "onPointerDownCapture", "onPointerUp", "onPointerUpCapture", "onClickCapture", "testId", "analyticsContext", "componentName", "role", "onMouseOver", "onMouseOut", "onFocus", "onBlur", "onMouseMove", "type"],

package/dist/esm/new-button/variants/shared/content.js

@@ -1,4 +1,4 @@
-/* content.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* content.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./content.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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/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.9",
+	"version": "23.10.1",
 	"description": "A button triggers an event or action. They let users know what will happen next.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -76,19 +76,19 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/ds-lib": "^5.3.0",
+		"@atlaskit/ds-lib": "^6.0.0",
 		"@atlaskit/focus-ring": "^3.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/tokens": "^11.0.0",
+		"@atlaskit/theme": "^22.0.0",
+		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.6",
+		"@compiled/react": "^0.20.0",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
@@ -100,15 +100,15 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/app-provider": "^4.1.0",
 		"@atlaskit/checkbox": "^17.3.0",
-		"@atlaskit/docs": "^11.4.0",
-		"@atlaskit/dropdown-menu": "^16.4.0",
-		"@atlaskit/form": "^15.3.0",
+		"@atlaskit/docs": "^11.6.0",
+		"@atlaskit/dropdown-menu": "^16.6.0",
+		"@atlaskit/form": "^15.4.0",
 		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/modal-dialog": "^14.11.0",
 		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/select": "^21.7.0",
+		"@atlaskit/select": "^21.8.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ssr-tests": "workspace:^",