@atlaskit/button 20.3.1 → 20.3.3

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 (21) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/button-group/package.json +3 -1
  3. package/custom-theme-button/package.json +3 -1
  4. package/dist/cjs/new-button/variants/icon/button.js +4 -4
  5. package/dist/cjs/new-button/variants/icon/link.js +3 -3
  6. package/dist/cjs/old-button/shared/button-base.js +1 -1
  7. package/dist/es2019/new-button/variants/icon/button.js +4 -4
  8. package/dist/es2019/new-button/variants/icon/link.js +3 -3
  9. package/dist/es2019/old-button/shared/button-base.js +1 -1
  10. package/dist/esm/new-button/variants/icon/button.js +4 -4
  11. package/dist/esm/new-button/variants/icon/link.js +3 -3
  12. package/dist/esm/old-button/shared/button-base.js +1 -1
  13. package/dist/types/new-button/variants/icon/button.d.ts +4 -4
  14. package/dist/types/new-button/variants/icon/link.d.ts +3 -3
  15. package/dist/types-ts4.5/new-button/variants/icon/button.d.ts +4 -4
  16. package/dist/types-ts4.5/new-button/variants/icon/link.d.ts +3 -3
  17. package/loading-button/package.json +3 -1
  18. package/new/package.json +3 -1
  19. package/package.json +15 -13
  20. package/standard-button/package.json +3 -1
  21. package/types/package.json +3 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/button
2
2
 
3
+ ## 20.3.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 20.3.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [#166026](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166026)
14
+ [`962b5e77810fb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/962b5e77810fb) -
15
+ Adds side-effect config to support Compiled css extraction in third-party apps
16
+
3
17
  ## 20.3.1
4
18
 
5
19
  ### Patch Changes
package/button-group/package.json CHANGED
@@ -3,7 +3,9 @@
3
3
  "main": "../dist/cjs/entry-points/button-group.js",
4
4
  "module": "../dist/esm/entry-points/button-group.js",
5
5
  "module:es2019": "../dist/es2019/entry-points/button-group.js",
6
- "sideEffects": false,
6
+ "sideEffects": [
7
+ "**/*.compiled.css"
8
+ ],
7
9
  "types": "../dist/types/entry-points/button-group.d.ts",
8
10
  "typesVersions": {
9
11
  ">=4.5 <5.4": {
package/custom-theme-button/package.json CHANGED
@@ -3,7 +3,9 @@
3
3
  "main": "../dist/cjs/entry-points/custom-theme-button.js",
4
4
  "module": "../dist/esm/entry-points/custom-theme-button.js",
5
5
  "module:es2019": "../dist/es2019/entry-points/custom-theme-button.js",
6
- "sideEffects": false,
6
+ "sideEffects": [
7
+ "**/*.compiled.css"
8
+ ],
7
9
  "types": "../dist/types/entry-points/custom-theme-button.d.ts",
8
10
  "typesVersions": {
9
11
  ">=4.5 <5.4": {
package/dist/cjs/new-button/variants/icon/button.js CHANGED
@@ -16,11 +16,11 @@ var _excluded = ["aria-label", "aria-labelledby", "analyticsContext", "appearanc
16
16
  /**
17
17
  * __Icon Button__
18
18
  *
19
- * TODO: Description
19
+ * Renders an icon-only button lets people take a common and recognizable action where space is limited.
20
20
  *
21
- * - [Examples](https://atlassian.design/components/icon-button/examples)
22
- * - [Code](https://atlassian.design/components/icon-button/code)
23
- * - [Usage](https://atlassian.design/components/icon-button/usage)
21
+ * - [Examples](https://atlassian.design/components/button/icon-button/examples)
22
+ * - [Code](https://atlassian.design/components/button/icon-button/code)
23
+ * - [Usage](https://atlassian.design/components/button/icon-button/usage)
24
24
  */
25
25
  var IconButton = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function Button(_ref, ref) {
26
26
  var preventedAriaLabel = _ref['aria-label'],
package/dist/cjs/new-button/variants/icon/link.js CHANGED
@@ -212,9 +212,9 @@ var WithRef = /*#__PURE__*/(0, _react.forwardRef)(LinkIconButtonBase);
212
212
  *
213
213
  * Renders a link in the style of an icon button.
214
214
  *
215
- * - [Examples](https://atlassian.design/components/link-icon-button/examples)
216
- * - [Code](https://atlassian.design/components/link-icon-button/code)
217
- * - [Usage](https://atlassian.design/components/link-icon-button/usage)
215
+ * - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
216
+ * - [Code](https://atlassian.design/components/button/link-icon-button/code)
217
+ * - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
218
218
  */
219
219
  var LinkIconButton = /*#__PURE__*/(0, _react.memo)(WithRef);
220
220
  var _default = exports.default = LinkIconButton;
package/dist/cjs/old-button/shared/button-base.js CHANGED
@@ -133,7 +133,7 @@ var ButtonBase = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(prop
133
133
  action: 'clicked',
134
134
  componentName: 'button',
135
135
  packageName: "@atlaskit/button",
136
- packageVersion: "20.3.1",
136
+ packageVersion: "20.3.3",
137
137
  analyticsData: analyticsContext
138
138
  });
139
139
 
package/dist/es2019/new-button/variants/icon/button.js CHANGED
@@ -6,11 +6,11 @@ import useIconButton from './use-icon-button';
6
6
  /**
7
7
  * __Icon Button__
8
8
  *
9
- * TODO: Description
9
+ * Renders an icon-only button lets people take a common and recognizable action where space is limited.
10
10
  *
11
- * - [Examples](https://atlassian.design/components/icon-button/examples)
12
- * - [Code](https://atlassian.design/components/icon-button/code)
13
- * - [Usage](https://atlassian.design/components/icon-button/usage)
11
+ * - [Examples](https://atlassian.design/components/button/icon-button/examples)
12
+ * - [Code](https://atlassian.design/components/button/icon-button/code)
13
+ * - [Usage](https://atlassian.design/components/button/icon-button/usage)
14
14
  */
15
15
  const IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Button({
16
16
  // Prevent duplicate labels being added.
package/dist/es2019/new-button/variants/icon/link.js CHANGED
@@ -200,9 +200,9 @@ const WithRef = /*#__PURE__*/forwardRef(LinkIconButtonBase);
200
200
  *
201
201
  * Renders a link in the style of an icon button.
202
202
  *
203
- * - [Examples](https://atlassian.design/components/link-icon-button/examples)
204
- * - [Code](https://atlassian.design/components/link-icon-button/code)
205
- * - [Usage](https://atlassian.design/components/link-icon-button/usage)
203
+ * - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
204
+ * - [Code](https://atlassian.design/components/button/link-icon-button/code)
205
+ * - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
206
206
  */
207
207
  const LinkIconButton = /*#__PURE__*/memo(WithRef);
208
208
  export default LinkIconButton;
package/dist/es2019/old-button/shared/button-base.js CHANGED
@@ -119,7 +119,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref)
119
119
  action: 'clicked',
120
120
  componentName: 'button',
121
121
  packageName: "@atlaskit/button",
122
- packageVersion: "20.3.1",
122
+ packageVersion: "20.3.3",
123
123
  analyticsData: analyticsContext
124
124
  });
125
125
 
package/dist/esm/new-button/variants/icon/button.js CHANGED
@@ -9,11 +9,11 @@ import useIconButton from './use-icon-button';
9
9
  /**
10
10
  * __Icon Button__
11
11
  *
12
- * TODO: Description
12
+ * Renders an icon-only button lets people take a common and recognizable action where space is limited.
13
13
  *
14
- * - [Examples](https://atlassian.design/components/icon-button/examples)
15
- * - [Code](https://atlassian.design/components/icon-button/code)
16
- * - [Usage](https://atlassian.design/components/icon-button/usage)
14
+ * - [Examples](https://atlassian.design/components/button/icon-button/examples)
15
+ * - [Code](https://atlassian.design/components/button/icon-button/code)
16
+ * - [Usage](https://atlassian.design/components/button/icon-button/usage)
17
17
  */
18
18
  var IconButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
19
19
  var preventedAriaLabel = _ref['aria-label'],
package/dist/esm/new-button/variants/icon/link.js CHANGED
@@ -202,9 +202,9 @@ var WithRef = /*#__PURE__*/forwardRef(LinkIconButtonBase);
202
202
  *
203
203
  * Renders a link in the style of an icon button.
204
204
  *
205
- * - [Examples](https://atlassian.design/components/link-icon-button/examples)
206
- * - [Code](https://atlassian.design/components/link-icon-button/code)
207
- * - [Usage](https://atlassian.design/components/link-icon-button/usage)
205
+ * - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
206
+ * - [Code](https://atlassian.design/components/button/link-icon-button/code)
207
+ * - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
208
208
  */
209
209
  var LinkIconButton = /*#__PURE__*/memo(WithRef);
210
210
  export default LinkIconButton;
package/dist/esm/old-button/shared/button-base.js CHANGED
@@ -125,7 +125,7 @@ var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
125
125
  action: 'clicked',
126
126
  componentName: 'button',
127
127
  packageName: "@atlaskit/button",
128
- packageVersion: "20.3.1",
128
+ packageVersion: "20.3.3",
129
129
  analyticsData: analyticsContext
130
130
  });
131
131
 
package/dist/types/new-button/variants/icon/button.d.ts CHANGED
@@ -5,11 +5,11 @@ export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
5
5
  /**
6
6
  * __Icon Button__
7
7
  *
8
- * TODO: Description
8
+ * Renders an icon-only button lets people take a common and recognizable action where space is limited.
9
9
  *
10
- * - [Examples](https://atlassian.design/components/icon-button/examples)
11
- * - [Code](https://atlassian.design/components/icon-button/code)
12
- * - [Usage](https://atlassian.design/components/icon-button/usage)
10
+ * - [Examples](https://atlassian.design/components/button/icon-button/examples)
11
+ * - [Code](https://atlassian.design/components/button/icon-button/code)
12
+ * - [Usage](https://atlassian.design/components/button/icon-button/usage)
13
13
  */
14
14
  declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & import("../types").AdditionalButtonVariantProps & Omit<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
15
15
  export default IconButton;
package/dist/types/new-button/variants/icon/link.d.ts CHANGED
@@ -8,9 +8,9 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
8
8
  *
9
9
  * Renders a link in the style of an icon button.
10
10
  *
11
- * - [Examples](https://atlassian.design/components/link-icon-button/examples)
12
- * - [Code](https://atlassian.design/components/link-icon-button/code)
13
- * - [Usage](https://atlassian.design/components/link-icon-button/usage)
11
+ * - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
12
+ * - [Code](https://atlassian.design/components/button/link-icon-button/code)
13
+ * - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
14
14
  */
15
15
  declare const LinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: LinkIconButtonProps<RouterLinkConfig> & {
16
16
  ref?: Ref<HTMLAnchorElement>;
package/dist/types-ts4.5/new-button/variants/icon/button.d.ts CHANGED
@@ -5,11 +5,11 @@ export type IconButtonProps = CommonIconButtonProps & CommonButtonVariantProps;
5
5
  /**
6
6
  * __Icon Button__
7
7
  *
8
- * TODO: Description
8
+ * Renders an icon-only button lets people take a common and recognizable action where space is limited.
9
9
  *
10
- * - [Examples](https://atlassian.design/components/icon-button/examples)
11
- * - [Code](https://atlassian.design/components/icon-button/code)
12
- * - [Usage](https://atlassian.design/components/icon-button/usage)
10
+ * - [Examples](https://atlassian.design/components/button/icon-button/examples)
11
+ * - [Code](https://atlassian.design/components/button/icon-button/code)
12
+ * - [Usage](https://atlassian.design/components/button/icon-button/usage)
13
13
  */
14
14
  declare const IconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<CommonIconButtonProps & import("../types").AdditionalButtonVariantProps & Omit<import("../types").AdditionalHTMLElementPropsExtender<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">>, keyof import("../types").CommonButtonProps<TagName>> & import("../types").CommonButtonProps<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>>;
15
15
  export default IconButton;
package/dist/types-ts4.5/new-button/variants/icon/link.d.ts CHANGED
@@ -8,9 +8,9 @@ declare const LinkIconButtonBase: <RouterLinkConfig extends Record<string, any>
8
8
  *
9
9
  * Renders a link in the style of an icon button.
10
10
  *
11
- * - [Examples](https://atlassian.design/components/link-icon-button/examples)
12
- * - [Code](https://atlassian.design/components/link-icon-button/code)
13
- * - [Usage](https://atlassian.design/components/link-icon-button/usage)
11
+ * - [Examples](https://atlassian.design/components/button/link-icon-button/examples)
12
+ * - [Code](https://atlassian.design/components/button/link-icon-button/code)
13
+ * - [Usage](https://atlassian.design/components/button/link-icon-button/usage)
14
14
  */
15
15
  declare const LinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: LinkIconButtonProps<RouterLinkConfig> & {
16
16
  ref?: Ref<HTMLAnchorElement>;
package/loading-button/package.json CHANGED
@@ -3,7 +3,9 @@
3
3
  "main": "../dist/cjs/entry-points/loading-button.js",
4
4
  "module": "../dist/esm/entry-points/loading-button.js",
5
5
  "module:es2019": "../dist/es2019/entry-points/loading-button.js",
6
- "sideEffects": false,
6
+ "sideEffects": [
7
+ "**/*.compiled.css"
8
+ ],
7
9
  "types": "../dist/types/entry-points/loading-button.d.ts",
8
10
  "typesVersions": {
9
11
  ">=4.5 <5.4": {
package/new/package.json CHANGED
@@ -3,7 +3,9 @@
3
3
  "main": "../dist/cjs/entry-points/new.js",
4
4
  "module": "../dist/esm/entry-points/new.js",
5
5
  "module:es2019": "../dist/es2019/entry-points/new.js",
6
- "sideEffects": false,
6
+ "sideEffects": [
7
+ "**/*.compiled.css"
8
+ ],
7
9
  "types": "../dist/types/entry-points/new.d.ts",
8
10
  "typesVersions": {
9
11
  ">=4.5 <5.4": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "20.3.1",
3
+ "version": "20.3.3",
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/"
@@ -20,13 +20,15 @@
20
20
  ]
21
21
  }
22
22
  },
23
- "sideEffects": false,
23
+ "sideEffects": [
24
+ "**/*.compiled.css"
25
+ ],
24
26
  "atlaskit:src": "src/index.tsx",
25
27
  "atlassian": {
26
28
  "team": "Design System Team",
27
29
  "website": {
28
30
  "name": "Button",
29
- "category": "Components",
31
+ "category": "Forms and input",
30
32
  "subPages": [
31
33
  {
32
34
  "title": "Icon button",
@@ -83,16 +85,16 @@
83
85
  },
84
86
  "dependencies": {
85
87
  "@atlaskit/analytics-next": "^10.1.0",
86
- "@atlaskit/ds-lib": "^3.1.0",
87
- "@atlaskit/focus-ring": "^1.6.0",
88
- "@atlaskit/icon": "^22.24.0",
88
+ "@atlaskit/ds-lib": "^3.2.0",
89
+ "@atlaskit/focus-ring": "^2.0.0",
90
+ "@atlaskit/icon": "^22.26.0",
89
91
  "@atlaskit/interaction-context": "^2.1.0",
90
92
  "@atlaskit/platform-feature-flags": "^0.3.0",
91
- "@atlaskit/primitives": "^13.0.0",
93
+ "@atlaskit/primitives": "^13.3.0",
92
94
  "@atlaskit/spinner": "^16.3.0",
93
95
  "@atlaskit/theme": "^14.0.0",
94
- "@atlaskit/tokens": "^2.0.0",
95
- "@atlaskit/tooltip": "^18.8.0",
96
+ "@atlaskit/tokens": "^2.3.0",
97
+ "@atlaskit/tooltip": "^18.9.0",
96
98
  "@atlaskit/visually-hidden": "^1.5.0",
97
99
  "@babel/runtime": "^7.0.0",
98
100
  "@emotion/react": "^11.7.1"
@@ -105,9 +107,9 @@
105
107
  "@af/integration-testing": "*",
106
108
  "@af/visual-regression": "*",
107
109
  "@atlaskit/app-provider": "^1.4.0",
108
- "@atlaskit/calendar": "^15.0.0",
109
- "@atlaskit/checkbox": "^15.1.0",
110
- "@atlaskit/dropdown-menu": "^12.22.0",
110
+ "@atlaskit/calendar": "^15.1.0",
111
+ "@atlaskit/checkbox": "^15.2.0",
112
+ "@atlaskit/dropdown-menu": "^12.23.0",
111
113
  "@atlaskit/ssr": "*",
112
114
  "@atlaskit/toggle": "^13.4.0",
113
115
  "@atlaskit/visual-regression": "*",
@@ -121,7 +123,7 @@
121
123
  "jscodeshift": "^0.13.0",
122
124
  "lodash": "^4.17.21",
123
125
  "react-dom": "^16.8.0",
124
- "storybook-addon-performance": "^0.16.0",
126
+ "storybook-addon-performance": "^0.17.3",
125
127
  "typescript": "~5.4.2",
126
128
  "wait-for-expect": "^1.2.0"
127
129
  },
package/standard-button/package.json CHANGED
@@ -3,7 +3,9 @@
3
3
  "main": "../dist/cjs/entry-points/standard-button.js",
4
4
  "module": "../dist/esm/entry-points/standard-button.js",
5
5
  "module:es2019": "../dist/es2019/entry-points/standard-button.js",
6
- "sideEffects": false,
6
+ "sideEffects": [
7
+ "**/*.compiled.css"
8
+ ],
7
9
  "types": "../dist/types/entry-points/standard-button.d.ts",
8
10
  "typesVersions": {
9
11
  ">=4.5 <5.4": {
package/types/package.json CHANGED
@@ -3,7 +3,9 @@
3
3
  "main": "../dist/cjs/entry-points/types.js",
4
4
  "module": "../dist/esm/entry-points/types.js",
5
5
  "module:es2019": "../dist/es2019/entry-points/types.js",
6
- "sideEffects": false,
6
+ "sideEffects": [
7
+ "**/*.compiled.css"
8
+ ],
7
9
  "types": "../dist/types/entry-points/types.d.ts",
8
10
  "typesVersions": {
9
11
  ">=4.5 <5.4": {