@atlaskit/button 16.3.8 → 16.3.9

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/button
2
2
 
3
+ ## 16.3.9
4
+
5
+ ### Patch Changes
6
+
7
+ - [`1f4dba8f1a5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f4dba8f1a5) - [ux] DSP-6696: prevent ButtonGroup items from being squished
8
+
3
9
  ## 16.3.8
4
10
 
5
11
  ### Patch Changes
@@ -18,7 +18,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
18
18
  /** @jsx jsx */
19
19
  var buttonGroupStyles = (0, _core.css)({
20
20
  display: 'inline-flex',
21
- gap: 4
21
+ gap: 4,
22
+ '> *': {
23
+ flex: '1 0 auto'
24
+ }
22
25
  });
23
26
 
24
27
  function ButtonGroup(_ref) {
@@ -101,7 +101,7 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(props,
101
101
  action: 'clicked',
102
102
  componentName: 'button',
103
103
  packageName: "@atlaskit/button",
104
- packageVersion: "16.3.8",
104
+ packageVersion: "16.3.9",
105
105
  analyticsData: analyticsContext
106
106
  }); // Button currently calls preventDefault, which is not standard button behaviour
107
107
 
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "16.3.8",
3
+ "version": "16.3.9",
4
4
  "sideEffects": false
5
5
  }
@@ -3,7 +3,10 @@ import React, { Fragment } from 'react';
3
3
  import { css, jsx } from '@emotion/core';
4
4
  const buttonGroupStyles = css({
5
5
  display: 'inline-flex',
6
- gap: 4
6
+ gap: 4,
7
+ '> *': {
8
+ flex: '1 0 auto'
9
+ }
7
10
  });
8
11
  export default function ButtonGroup({
9
12
  appearance,
@@ -68,7 +68,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
68
68
  action: 'clicked',
69
69
  componentName: 'button',
70
70
  packageName: "@atlaskit/button",
71
- packageVersion: "16.3.8",
71
+ packageVersion: "16.3.9",
72
72
  analyticsData: analyticsContext
73
73
  }); // Button currently calls preventDefault, which is not standard button behaviour
74
74
 
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "16.3.8",
3
+ "version": "16.3.9",
4
4
  "sideEffects": false
5
5
  }
@@ -3,7 +3,10 @@ import React, { Fragment } from 'react';
3
3
  import { css, jsx } from '@emotion/core';
4
4
  var buttonGroupStyles = css({
5
5
  display: 'inline-flex',
6
- gap: 4
6
+ gap: 4,
7
+ '> *': {
8
+ flex: '1 0 auto'
9
+ }
7
10
  });
8
11
  export default function ButtonGroup(_ref) {
9
12
  var appearance = _ref.appearance,
@@ -77,7 +77,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
77
77
  action: 'clicked',
78
78
  componentName: 'button',
79
79
  packageName: "@atlaskit/button",
80
- packageVersion: "16.3.8",
80
+ packageVersion: "16.3.9",
81
81
  analyticsData: analyticsContext
82
82
  }); // Button currently calls preventDefault, which is not standard button behaviour
83
83
 
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "16.3.8",
3
+ "version": "16.3.9",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "16.3.8",
3
+ "version": "16.3.9",
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/"