@atlaskit/button 16.17.8 → 16.17.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.
Files changed (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/new-button/containers/split-button/split-button.js +26 -5
  3. package/dist/cjs/new-button/variants/shared/use-button-base.js +1 -1
  4. package/dist/cjs/new-button/variants/shared/xcss.js +0 -8
  5. package/dist/cjs/old-button/shared/button-base.js +1 -1
  6. package/dist/es2019/new-button/containers/split-button/split-button.js +26 -5
  7. package/dist/es2019/new-button/variants/shared/use-button-base.js +1 -1
  8. package/dist/es2019/new-button/variants/shared/xcss.js +0 -8
  9. package/dist/es2019/old-button/shared/button-base.js +1 -1
  10. package/dist/esm/new-button/containers/split-button/split-button.js +26 -5
  11. package/dist/esm/new-button/variants/shared/use-button-base.js +1 -1
  12. package/dist/esm/new-button/variants/shared/xcss.js +0 -8
  13. package/dist/esm/old-button/shared/button-base.js +1 -1
  14. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/button
2
2
 
3
+ ## 16.17.9
4
+
5
+ ### Patch Changes
6
+
7
+ - [#57808](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57808) [`b99d50f91202`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b99d50f91202) - Internal changes to styling on SplitButton (closed beta) to fix issues with border radius when wrapper elements are used.
8
+
3
9
  ## 16.17.8
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/new-button/containers/split-button/split-button.js CHANGED
@@ -68,7 +68,20 @@ var splitButtonStyles = (0, _react.css)({
68
68
  alignItems: 'center',
69
69
  whiteSpace: 'nowrap'
70
70
  });
71
-
71
+ var primaryButtonStyles = (0, _react.css)({
72
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
73
+ 'button,a': {
74
+ borderEndEndRadius: 0,
75
+ borderStartEndRadius: 0
76
+ }
77
+ });
78
+ var secondaryButtonStyles = (0, _react.css)({
79
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
80
+ 'button,a': {
81
+ borderEndStartRadius: 0,
82
+ borderStartStartRadius: 0
83
+ }
84
+ });
72
85
  /**
73
86
  * TODO: Add JSdoc
74
87
  */
@@ -107,11 +120,15 @@ var SplitButton = exports.SplitButton = function SplitButton(_ref3) {
107
120
  spacing: spacing,
108
121
  isDisabled: isDisabled
109
122
  }
110
- }, PrimaryAction, (0, _react.jsx)(Divider, {
123
+ }, (0, _react.jsx)("div", {
124
+ css: primaryButtonStyles
125
+ }, PrimaryAction), (0, _react.jsx)(Divider, {
111
126
  appearance: appearance,
112
127
  spacing: spacing,
113
128
  isDisabled: isDisabled
114
- }), SecondaryAction));
129
+ }), (0, _react.jsx)("div", {
130
+ css: secondaryButtonStyles
131
+ }, SecondaryAction)));
115
132
  };
116
133
  /**
117
134
  * TODO: Decide on API
@@ -131,9 +148,13 @@ var SplitButtonWithSlots = exports.SplitButtonWithSlots = function SplitButtonWi
131
148
  spacing: spacing,
132
149
  isDisabled: isDisabled
133
150
  }
134
- }, primaryAction, (0, _react.jsx)(Divider, {
151
+ }, (0, _react.jsx)("div", {
152
+ css: primaryButtonStyles
153
+ }, primaryAction), (0, _react.jsx)(Divider, {
135
154
  appearance: appearance,
136
155
  spacing: spacing,
137
156
  isDisabled: isDisabled
138
- }), secondaryAction));
157
+ }), (0, _react.jsx)("div", {
158
+ css: secondaryButtonStyles
159
+ }, secondaryAction)));
139
160
  };
package/dist/cjs/new-button/variants/shared/use-button-base.js CHANGED
@@ -115,7 +115,7 @@ var useButtonBase = function useButtonBase(_ref) {
115
115
  action: 'clicked',
116
116
  componentName: 'button',
117
117
  packageName: "@atlaskit/button",
118
- packageVersion: "16.17.8",
118
+ packageVersion: "16.17.9",
119
119
  analyticsData: analyticsContext,
120
120
  actionSubject: buttonType
121
121
  });
package/dist/cjs/new-button/variants/shared/xcss.js CHANGED
@@ -48,14 +48,6 @@ var verticalAlign = {
48
48
  none: 'baseline'
49
49
  };
50
50
  var splitBorderStyles = {
51
- ':first-of-type': {
52
- borderTopRightRadius: 0,
53
- borderBottomRightRadius: 0
54
- },
55
- ':last-of-type': {
56
- borderTopLeftRadius: 0,
57
- borderBottomLeftRadius: 0
58
- },
59
51
  ':focus-visible': {
60
52
  zIndex: 1
61
53
  }
package/dist/cjs/old-button/shared/button-base.js CHANGED
@@ -118,7 +118,7 @@ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function
118
118
  action: 'clicked',
119
119
  componentName: 'button',
120
120
  packageName: "@atlaskit/button",
121
- packageVersion: "16.17.8",
121
+ packageVersion: "16.17.9",
122
122
  analyticsData: analyticsContext
123
123
  });
124
124
 
package/dist/es2019/new-button/containers/split-button/split-button.js CHANGED
@@ -62,7 +62,20 @@ const splitButtonStyles = css({
62
62
  alignItems: 'center',
63
63
  whiteSpace: 'nowrap'
64
64
  });
65
-
65
+ const primaryButtonStyles = css({
66
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
67
+ 'button,a': {
68
+ borderEndEndRadius: 0,
69
+ borderStartEndRadius: 0
70
+ }
71
+ });
72
+ const secondaryButtonStyles = css({
73
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
74
+ 'button,a': {
75
+ borderEndStartRadius: 0,
76
+ borderStartStartRadius: 0
77
+ }
78
+ });
66
79
  /**
67
80
  * TODO: Add JSdoc
68
81
  */
@@ -101,11 +114,15 @@ export const SplitButton = ({
101
114
  spacing,
102
115
  isDisabled
103
116
  }
104
- }, PrimaryAction, jsx(Divider, {
117
+ }, jsx("div", {
118
+ css: primaryButtonStyles
119
+ }, PrimaryAction), jsx(Divider, {
105
120
  appearance: appearance,
106
121
  spacing: spacing,
107
122
  isDisabled: isDisabled
108
- }), SecondaryAction));
123
+ }), jsx("div", {
124
+ css: secondaryButtonStyles
125
+ }, SecondaryAction)));
109
126
  };
110
127
  /**
111
128
  * TODO: Decide on API
@@ -123,9 +140,13 @@ export const SplitButtonWithSlots = ({
123
140
  spacing,
124
141
  isDisabled
125
142
  }
126
- }, primaryAction, jsx(Divider, {
143
+ }, jsx("div", {
144
+ css: primaryButtonStyles
145
+ }, primaryAction), jsx(Divider, {
127
146
  appearance: appearance,
128
147
  spacing: spacing,
129
148
  isDisabled: isDisabled
130
- }), secondaryAction));
149
+ }), jsx("div", {
150
+ css: secondaryButtonStyles
151
+ }, secondaryAction)));
131
152
  };
package/dist/es2019/new-button/variants/shared/use-button-base.js CHANGED
@@ -97,7 +97,7 @@ const useButtonBase = ({
97
97
  action: 'clicked',
98
98
  componentName: 'button',
99
99
  packageName: "@atlaskit/button",
100
- packageVersion: "16.17.8",
100
+ packageVersion: "16.17.9",
101
101
  analyticsData: analyticsContext,
102
102
  actionSubject: buttonType
103
103
  });
package/dist/es2019/new-button/variants/shared/xcss.js CHANGED
@@ -37,14 +37,6 @@ const verticalAlign = {
37
37
  none: 'baseline'
38
38
  };
39
39
  const splitBorderStyles = {
40
- ':first-of-type': {
41
- borderTopRightRadius: 0,
42
- borderBottomRightRadius: 0
43
- },
44
- ':last-of-type': {
45
- borderTopLeftRadius: 0,
46
- borderBottomLeftRadius: 0
47
- },
48
40
  ':focus-visible': {
49
41
  zIndex: 1
50
42
  }
package/dist/es2019/old-button/shared/button-base.js CHANGED
@@ -103,7 +103,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
103
103
  action: 'clicked',
104
104
  componentName: 'button',
105
105
  packageName: "@atlaskit/button",
106
- packageVersion: "16.17.8",
106
+ packageVersion: "16.17.9",
107
107
  analyticsData: analyticsContext
108
108
  });
109
109
 
package/dist/esm/new-button/containers/split-button/split-button.js CHANGED
@@ -62,7 +62,20 @@ var splitButtonStyles = css({
62
62
  alignItems: 'center',
63
63
  whiteSpace: 'nowrap'
64
64
  });
65
-
65
+ var primaryButtonStyles = css({
66
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
67
+ 'button,a': {
68
+ borderEndEndRadius: 0,
69
+ borderStartEndRadius: 0
70
+ }
71
+ });
72
+ var secondaryButtonStyles = css({
73
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
74
+ 'button,a': {
75
+ borderEndStartRadius: 0,
76
+ borderStartStartRadius: 0
77
+ }
78
+ });
66
79
  /**
67
80
  * TODO: Add JSdoc
68
81
  */
@@ -101,11 +114,15 @@ export var SplitButton = function SplitButton(_ref3) {
101
114
  spacing: spacing,
102
115
  isDisabled: isDisabled
103
116
  }
104
- }, PrimaryAction, jsx(Divider, {
117
+ }, jsx("div", {
118
+ css: primaryButtonStyles
119
+ }, PrimaryAction), jsx(Divider, {
105
120
  appearance: appearance,
106
121
  spacing: spacing,
107
122
  isDisabled: isDisabled
108
- }), SecondaryAction));
123
+ }), jsx("div", {
124
+ css: secondaryButtonStyles
125
+ }, SecondaryAction)));
109
126
  };
110
127
  /**
111
128
  * TODO: Decide on API
@@ -125,9 +142,13 @@ export var SplitButtonWithSlots = function SplitButtonWithSlots(_ref4) {
125
142
  spacing: spacing,
126
143
  isDisabled: isDisabled
127
144
  }
128
- }, primaryAction, jsx(Divider, {
145
+ }, jsx("div", {
146
+ css: primaryButtonStyles
147
+ }, primaryAction), jsx(Divider, {
129
148
  appearance: appearance,
130
149
  spacing: spacing,
131
150
  isDisabled: isDisabled
132
- }), secondaryAction));
151
+ }), jsx("div", {
152
+ css: secondaryButtonStyles
153
+ }, secondaryAction)));
133
154
  };
package/dist/esm/new-button/variants/shared/use-button-base.js CHANGED
@@ -107,7 +107,7 @@ var useButtonBase = function useButtonBase(_ref) {
107
107
  action: 'clicked',
108
108
  componentName: 'button',
109
109
  packageName: "@atlaskit/button",
110
- packageVersion: "16.17.8",
110
+ packageVersion: "16.17.9",
111
111
  analyticsData: analyticsContext,
112
112
  actionSubject: buttonType
113
113
  });
package/dist/esm/new-button/variants/shared/xcss.js CHANGED
@@ -40,14 +40,6 @@ var verticalAlign = {
40
40
  none: 'baseline'
41
41
  };
42
42
  var splitBorderStyles = {
43
- ':first-of-type': {
44
- borderTopRightRadius: 0,
45
- borderBottomRightRadius: 0
46
- },
47
- ':last-of-type': {
48
- borderTopLeftRadius: 0,
49
- borderBottomLeftRadius: 0
50
- },
51
43
  ':focus-visible': {
52
44
  zIndex: 1
53
45
  }
package/dist/esm/old-button/shared/button-base.js CHANGED
@@ -109,7 +109,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
109
109
  action: 'clicked',
110
110
  componentName: 'button',
111
111
  packageName: "@atlaskit/button",
112
- packageVersion: "16.17.8",
112
+ packageVersion: "16.17.9",
113
113
  analyticsData: analyticsContext
114
114
  });
115
115
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "16.17.8",
3
+ "version": "16.17.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/"