@atlaskit/button 16.17.11 → 16.18.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/button
 
+## 16.18.0
+
+### Minor Changes
+
+- [#59441](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59441) [`23a1d31d3c09`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/23a1d31d3c09) - Add entrypoint for new button work heading to open beta at `@atlaskit/button/new`
+
+## 16.17.12
+
+### Patch Changes
+
+- [#59085](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59085) [`67c05dbef826`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/67c05dbef826) - Exclude medium from UNSAFE_iconBefore_size and UNSAFE_iconAfter_size types.
+
 ## 16.17.11
 
 ### Patch Changes

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

@@ -95,8 +95,6 @@ var SplitButtonContainer = exports.SplitButtonContainer = function SplitButtonCo
 /**
  * __Split Button__
  *
- * @private __UNSAFE__ SplitButton is not yet safe for production use.
- *
  * A split button lets people perform an action or choose from a small group of similar actions.
  *
  * - [Examples](https://atlassian.design/components/button/split-button/examples)

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

@@ -14,8 +14,6 @@ var _excluded = ["analyticsContext", "autoFocus", "appearance", "spacing", "isDi
 /**
  * __Button__
  *
- * @private __UNSAFE__ Button is not yet safe for production use.
- *
  * A button triggers an event or action.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

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

@@ -104,8 +104,6 @@ var WithRef = /*#__PURE__*/(0, _react.forwardRef)(LinkButtonBase);
 /**
  * __Link Button__
  *
- * @private __UNSAFE__ LinkButton is not yet safe for production use.
- *
  * Renders a link in the style of a button.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

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

@@ -14,8 +14,6 @@ var _excluded = ["analyticsContext", "autoFocus", "appearance", "spacing", "isDi
 /**
  * __Icon Button__
  *
- * @private __UNSAFE__ IconButton is not yet safe for production use.
- *
  * TODO: Description
  *
  * - [Examples](https://atlassian.design/components/button/examples)

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

@@ -100,8 +100,6 @@ var WithRef = /*#__PURE__*/(0, _react.forwardRef)(LinkIconButtonBase);
 /**
  * __Link Icon Button__
  *
- * @private __UNSAFE__ LinkIconButton is not yet safe for production use.
- *
  * Renders a link in the style of an icon button.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

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

@@ -117,7 +117,7 @@ var useButtonBase = function useButtonBase(_ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.17.11",
+    packageVersion: "16.18.0",
     analyticsData: analyticsContext,
     actionSubject: buttonType
   });

package/dist/cjs/new.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "IconButton", {
+  enumerable: true,
+  get: function get() {
+    return _button2.default;
+  }
+});
+Object.defineProperty(exports, "LinkButton", {
+  enumerable: true,
+  get: function get() {
+    return _link.default;
+  }
+});
+Object.defineProperty(exports, "LinkIconButton", {
+  enumerable: true,
+  get: function get() {
+    return _link2.default;
+  }
+});
+Object.defineProperty(exports, "SplitButton", {
+  enumerable: true,
+  get: function get() {
+    return _splitButton.SplitButton;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _button.default;
+  }
+});
+var _button = _interopRequireDefault(require("./new-button/variants/default/button"));
+var _link = _interopRequireDefault(require("./new-button/variants/default/link"));
+var _button2 = _interopRequireDefault(require("./new-button/variants/icon/button"));
+var _link2 = _interopRequireDefault(require("./new-button/variants/icon/link"));
+var _splitButton = require("./new-button/containers/split-button");

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

@@ -118,7 +118,7 @@ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.17.11",
+    packageVersion: "16.18.0",
     analyticsData: analyticsContext
   });
 

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

@@ -90,8 +90,6 @@ export const SplitButtonContainer = ({
 /**
  * __Split Button__
  *
- * @private __UNSAFE__ SplitButton is not yet safe for production use.
- *
  * A split button lets people perform an action or choose from a small group of similar actions.
  *
  * - [Examples](https://atlassian.design/components/button/split-button/examples)

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

@@ -5,8 +5,6 @@ import useDefaultButton from './use-default-button';
 /**
  * __Button__
  *
- * @private __UNSAFE__ Button is not yet safe for production use.
- *
  * A button triggers an event or action.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

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

@@ -93,8 +93,6 @@ const WithRef = /*#__PURE__*/forwardRef(LinkButtonBase);
 /**
  * __Link Button__
  *
- * @private __UNSAFE__ LinkButton is not yet safe for production use.
- *
  * Renders a link in the style of a button.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

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

@@ -5,8 +5,6 @@ import useIconButton from './use-icon-button';
 /**
  * __Icon Button__
  *
- * @private __UNSAFE__ IconButton is not yet safe for production use.
- *
  * TODO: Description
  *
  * - [Examples](https://atlassian.design/components/button/examples)

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

@@ -89,8 +89,6 @@ const WithRef = /*#__PURE__*/forwardRef(LinkIconButtonBase);
 /**
  * __Link Icon Button__
  *
- * @private __UNSAFE__ LinkIconButton is not yet safe for production use.
- *
  * Renders a link in the style of an icon button.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

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

@@ -98,7 +98,7 @@ const useButtonBase = ({
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.17.11",
+    packageVersion: "16.18.0",
     analyticsData: analyticsContext,
     actionSubject: buttonType
   });

package/dist/es2019/new.js

@@ -0,0 +1,6 @@
+// Relative exports so that constellation examples end up at @atlaskit/new
+export { default } from './new-button/variants/default/button';
+export { default as LinkButton } from './new-button/variants/default/link';
+export { default as IconButton } from './new-button/variants/icon/button';
+export { default as LinkIconButton } from './new-button/variants/icon/link';
+export { SplitButton } from './new-button/containers/split-button';

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

@@ -103,7 +103,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.17.11",
+    packageVersion: "16.18.0",
     analyticsData: analyticsContext
   });
 

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

@@ -89,8 +89,6 @@ export var SplitButtonContainer = function SplitButtonContainer(_ref2) {
 /**
  * __Split Button__
  *
- * @private __UNSAFE__ SplitButton is not yet safe for production use.
- *
  * A split button lets people perform an action or choose from a small group of similar actions.
  *
  * - [Examples](https://atlassian.design/components/button/split-button/examples)

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

@@ -7,8 +7,6 @@ import useDefaultButton from './use-default-button';
 /**
  * __Button__
  *
- * @private __UNSAFE__ Button is not yet safe for production use.
- *
  * A button triggers an event or action.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

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

@@ -94,8 +94,6 @@ var WithRef = /*#__PURE__*/forwardRef(LinkButtonBase);
 /**
  * __Link Button__
  *
- * @private __UNSAFE__ LinkButton is not yet safe for production use.
- *
  * Renders a link in the style of a button.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

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

@@ -7,8 +7,6 @@ import useIconButton from './use-icon-button';
 /**
  * __Icon Button__
  *
- * @private __UNSAFE__ IconButton is not yet safe for production use.
- *
  * TODO: Description
  *
  * - [Examples](https://atlassian.design/components/button/examples)

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

@@ -90,8 +90,6 @@ var WithRef = /*#__PURE__*/forwardRef(LinkIconButtonBase);
 /**
  * __Link Icon Button__
  *
- * @private __UNSAFE__ LinkIconButton is not yet safe for production use.
- *
  * Renders a link in the style of an icon button.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

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

@@ -109,7 +109,7 @@ var useButtonBase = function useButtonBase(_ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.17.11",
+    packageVersion: "16.18.0",
     analyticsData: analyticsContext,
     actionSubject: buttonType
   });

package/dist/esm/new.js

@@ -0,0 +1,6 @@
+// Relative exports so that constellation examples end up at @atlaskit/new
+export { default } from './new-button/variants/default/button';
+export { default as LinkButton } from './new-button/variants/default/link';
+export { default as IconButton } from './new-button/variants/icon/button';
+export { default as LinkIconButton } from './new-button/variants/icon/link';
+export { SplitButton } from './new-button/containers/split-button';

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

@@ -109,7 +109,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
     action: 'clicked',
     componentName: 'button',
     packageName: "@atlaskit/button",
-    packageVersion: "16.17.11",
+    packageVersion: "16.18.0",
     analyticsData: analyticsContext
   });
 

package/dist/types/new-button/containers/split-button/split-button.d.ts

@@ -20,8 +20,6 @@ export declare const SplitButtonContainer: ({ children }: {
 /**
  * __Split Button__
  *
- * @private __UNSAFE__ SplitButton is not yet safe for production use.
- *
  * A split button lets people perform an action or choose from a small group of similar actions.
  *
  * - [Examples](https://atlassian.design/components/button/split-button/examples)

package/dist/types/new-button/variants/default/button.d.ts

@@ -5,8 +5,6 @@ export type ButtonProps = CommonDefaultButtonProps & CommonButtonVariantProps;
 /**
  * __Button__
  *
- * @private __UNSAFE__ Button is not yet safe for production use.
- *
  * A button triggers an event or action.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

package/dist/types/new-button/variants/default/link.d.ts

@@ -6,8 +6,6 @@ declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = ne
 /**
  * __Link Button__
  *
- * @private __UNSAFE__ LinkButton is not yet safe for production use.
- *
  * Renders a link in the style of a button.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

package/dist/types/new-button/variants/default/types.d.ts

@@ -1,26 +1,23 @@
-import { type Size } from '@atlaskit/icon/types';
-import { type IconProp } from '../types';
+import { type IconProp, type IconSize } from '../types';
 export type CommonDefaultButtonProps = {
     /**
      * Places an icon within the button, after the button's text
      */
     iconAfter?: IconProp;
     /**
-     * Set the size of the icon after.
-     *
+     * Set the size of the icon after. `medium` is default, so it does not need to be specified.
      * This is UNSAFE as it will be removed in future in favor of a 100% bounded API
      */
-    UNSAFE_iconAfter_size?: Size;
+    UNSAFE_iconAfter_size?: IconSize;
     /**
      * Places an icon within the button, before the button's text
      */
     iconBefore?: IconProp;
     /**
-     * Set the size of the icon before.
-     *
+     * Set the size of the icon before. `medium` is default, so it does not need to be specified.
      * This is UNSAFE as it will be removed in future in favor of a 100% bounded API
      */
-    UNSAFE_iconBefore_size?: Size;
+    UNSAFE_iconBefore_size?: IconSize;
     /**
      * Option to fit button width to its parent width
      */

package/dist/types/new-button/variants/icon/button.d.ts

@@ -5,8 +5,6 @@ export type IconButtonProps = CommonIconButtonProps & Omit<CommonButtonVariantPr
 /**
  * __Icon Button__
  *
- * @private __UNSAFE__ IconButton is not yet safe for production use.
- *
  * TODO: Description
  *
  * - [Examples](https://atlassian.design/components/button/examples)

package/dist/types/new-button/variants/icon/link.d.ts

@@ -6,8 +6,6 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
 /**
  * __Link Icon Button__
  *
- * @private __UNSAFE__ LinkIconButton is not yet safe for production use.
- *
  * Renders a link in the style of an icon button.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

package/dist/types/new-button/variants/icon/types.d.ts

@@ -1,4 +1,4 @@
-import { type IconButtonAppearance, type IconProp } from '../types';
+import { type IconButtonAppearance, type IconProp, type IconSize } from '../types';
 export type CommonIconButtonProps = {
     /**
      * The button style variation
@@ -20,5 +20,5 @@ export type CommonIconButtonProps = {
      * Set the size of the icon. `medium` is default, so it does not need to be specified.
      * This is UNSAFE as it will be removed in future in favor of a 100% bounded API
      */
-    UNSAFE_size?: 'small' | 'large' | 'xlarge';
+    UNSAFE_size?: IconSize;
 };

package/dist/types/new-button/variants/types.d.ts

@@ -7,6 +7,7 @@ export type IconButtonAppearance = 'default' | 'primary' | 'subtle';
 export type Appearance = ButtonAppearance | LinkButtonAppearance | IconButtonAppearance;
 export type Spacing = 'compact' | 'default' | 'none';
 export type IconProp = React.ComponentType<IconProps>;
+export type IconSize = 'small' | 'large' | 'xlarge';
 type Combine<First, Second> = Omit<First, keyof Second> & Second;
 export type CommonButtonProps<TagName extends HTMLElement> = {
     /**

package/dist/types/new.d.ts

@@ -0,0 +1,6 @@
+export { default, type ButtonProps, } from './new-button/variants/default/button';
+export { default as LinkButton, type LinkButtonProps, } from './new-button/variants/default/link';
+export { default as IconButton, type IconButtonProps, } from './new-button/variants/icon/button';
+export { default as LinkIconButton, type LinkIconButtonProps, } from './new-button/variants/icon/link';
+export { SplitButton } from './new-button/containers/split-button';
+export type { Appearance, Spacing } from './new-button/variants/types';

package/dist/types-ts4.5/new-button/containers/split-button/split-button.d.ts

@@ -20,8 +20,6 @@ export declare const SplitButtonContainer: ({ children }: {
 /**
  * __Split Button__
  *
- * @private __UNSAFE__ SplitButton is not yet safe for production use.
- *
  * A split button lets people perform an action or choose from a small group of similar actions.
  *
  * - [Examples](https://atlassian.design/components/button/split-button/examples)

package/dist/types-ts4.5/new-button/variants/default/button.d.ts

@@ -5,8 +5,6 @@ export type ButtonProps = CommonDefaultButtonProps & CommonButtonVariantProps;
 /**
  * __Button__
  *
- * @private __UNSAFE__ Button is not yet safe for production use.
- *
  * A button triggers an event or action.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

package/dist/types-ts4.5/new-button/variants/default/link.d.ts

@@ -6,8 +6,6 @@ declare const LinkButtonBase: <RouterLinkConfig extends Record<string, any> = ne
 /**
  * __Link Button__
  *
- * @private __UNSAFE__ LinkButton is not yet safe for production use.
- *
  * Renders a link in the style of a button.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

package/dist/types-ts4.5/new-button/variants/default/types.d.ts

@@ -1,26 +1,23 @@
-import { type Size } from '@atlaskit/icon/types';
-import { type IconProp } from '../types';
+import { type IconProp, type IconSize } from '../types';
 export type CommonDefaultButtonProps = {
     /**
      * Places an icon within the button, after the button's text
      */
     iconAfter?: IconProp;
     /**
-     * Set the size of the icon after.
-     *
+     * Set the size of the icon after. `medium` is default, so it does not need to be specified.
      * This is UNSAFE as it will be removed in future in favor of a 100% bounded API
      */
-    UNSAFE_iconAfter_size?: Size;
+    UNSAFE_iconAfter_size?: IconSize;
     /**
      * Places an icon within the button, before the button's text
      */
     iconBefore?: IconProp;
     /**
-     * Set the size of the icon before.
-     *
+     * Set the size of the icon before. `medium` is default, so it does not need to be specified.
      * This is UNSAFE as it will be removed in future in favor of a 100% bounded API
      */
-    UNSAFE_iconBefore_size?: Size;
+    UNSAFE_iconBefore_size?: IconSize;
     /**
      * Option to fit button width to its parent width
      */

package/dist/types-ts4.5/new-button/variants/icon/button.d.ts

@@ -5,8 +5,6 @@ export type IconButtonProps = CommonIconButtonProps & Omit<CommonButtonVariantPr
 /**
  * __Icon Button__
  *
- * @private __UNSAFE__ IconButton is not yet safe for production use.
- *
  * TODO: Description
  *
  * - [Examples](https://atlassian.design/components/button/examples)

package/dist/types-ts4.5/new-button/variants/icon/link.d.ts

@@ -6,8 +6,6 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
 /**
  * __Link Icon Button__
  *
- * @private __UNSAFE__ LinkIconButton is not yet safe for production use.
- *
  * Renders a link in the style of an icon button.
  *
  * - [Examples](https://atlassian.design/components/button/examples)

package/dist/types-ts4.5/new-button/variants/icon/types.d.ts

@@ -1,4 +1,4 @@
-import { type IconButtonAppearance, type IconProp } from '../types';
+import { type IconButtonAppearance, type IconProp, type IconSize } from '../types';
 export type CommonIconButtonProps = {
     /**
      * The button style variation
@@ -20,5 +20,5 @@ export type CommonIconButtonProps = {
      * Set the size of the icon. `medium` is default, so it does not need to be specified.
      * This is UNSAFE as it will be removed in future in favor of a 100% bounded API
      */
-    UNSAFE_size?: 'small' | 'large' | 'xlarge';
+    UNSAFE_size?: IconSize;
 };

package/dist/types-ts4.5/new-button/variants/types.d.ts

@@ -7,6 +7,7 @@ export type IconButtonAppearance = 'default' | 'primary' | 'subtle';
 export type Appearance = ButtonAppearance | LinkButtonAppearance | IconButtonAppearance;
 export type Spacing = 'compact' | 'default' | 'none';
 export type IconProp = React.ComponentType<IconProps>;
+export type IconSize = 'small' | 'large' | 'xlarge';
 type Combine<First, Second> = Omit<First, keyof Second> & Second;
 export type CommonButtonProps<TagName extends HTMLElement> = {
     /**

package/dist/types-ts4.5/new.d.ts

@@ -0,0 +1,6 @@
+export { default, type ButtonProps, } from './new-button/variants/default/button';
+export { default as LinkButton, type LinkButtonProps, } from './new-button/variants/default/link';
+export { default as IconButton, type IconButtonProps, } from './new-button/variants/icon/button';
+export { default as LinkIconButton, type LinkIconButtonProps, } from './new-button/variants/icon/link';
+export { SplitButton } from './new-button/containers/split-button';
+export type { Appearance, Spacing } from './new-button/variants/types';

package/new/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/button/new",
+  "main": "../dist/cjs/entry-points/new.js",
+  "module": "../dist/esm/entry-points/new.js",
+  "module:es2019": "../dist/es2019/entry-points/new.js",
+  "sideEffects": false,
+  "types": "../dist/types/entry-points/new.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/new.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/button",
-  "version": "16.17.11",
+  "version": "16.18.0",
   "description": "A button triggers an event or action. They let users know what will happen next.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -70,6 +70,7 @@
     "./loading-button": "./src/entry-points/loading-button.tsx",
     "./standard-button": "./src/entry-points/standard-button.tsx",
     "./unsafe": "./src/entry-points/unsafe.tsx",
+    "./new": "./src/entry-points/new.tsx",
     "./types": "./src/entry-points/types.tsx",
     ".": "./src/index.tsx"
   },