@atlaskit/button 16.17.5 → 16.17.6

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 (11) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/new-button/variants/shared/use-button-base.js +1 -1
  3. package/dist/cjs/new-button/variants/shared/xcss.js +7 -1
  4. package/dist/cjs/old-button/shared/button-base.js +1 -1
  5. package/dist/es2019/new-button/variants/shared/use-button-base.js +1 -1
  6. package/dist/es2019/new-button/variants/shared/xcss.js +7 -1
  7. package/dist/es2019/old-button/shared/button-base.js +1 -1
  8. package/dist/esm/new-button/variants/shared/use-button-base.js +1 -1
  9. package/dist/esm/new-button/variants/shared/xcss.js +7 -1
  10. package/dist/esm/old-button/shared/button-base.js +1 -1
  11. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/button
2
2
 
3
+ ## 16.17.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [#57229](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57229) [`dd91461d616d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/dd91461d616d) - [ux] Fixes a bug in new Buttons (in closed beta) that affected text alignment
8
+
3
9
  ## 16.17.5
4
10
 
5
11
  ### Patch Changes
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.5",
118
+ packageVersion: "16.17.6",
119
119
  analyticsData: analyticsContext,
120
120
  actionSubject: buttonType
121
121
  });
package/dist/cjs/new-button/variants/shared/xcss.js CHANGED
@@ -18,6 +18,11 @@ var heights = exports.heights = {
18
18
  compact: "".concat(24 / fontSize, "em"),
19
19
  none: 'auto'
20
20
  };
21
+ var lineHeights = {
22
+ default: heights.default,
23
+ compact: heights.compact,
24
+ none: 'inherit'
25
+ };
21
26
  var paddingInline = {
22
27
  default: {
23
28
  default: 'space.150',
@@ -137,7 +142,7 @@ function getXCSS(_ref3) {
137
142
  paddingInlineStart = _getNavigationSplitBu.paddingInlineStart,
138
143
  paddingInlineEnd = _getNavigationSplitBu.paddingInlineEnd;
139
144
  return (0, _primitives.xcss)(_objectSpread(_objectSpread(_objectSpread({
140
- alignItems: 'center',
145
+ alignItems: 'baseline',
141
146
  borderWidth: 'border.width.0',
142
147
  borderRadius: 'border.radius.100',
143
148
  boxSizing: 'border-box',
@@ -153,6 +158,7 @@ function getXCSS(_ref3) {
153
158
  transition: 'background 0.1s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)',
154
159
  whiteSpace: 'nowrap',
155
160
  height: height,
161
+ lineHeight: lineHeights[spacing],
156
162
  paddingBlock: 'space.0',
157
163
  paddingInlineStart: paddingInlineStart,
158
164
  paddingInlineEnd: paddingInlineEnd,
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.5",
121
+ packageVersion: "16.17.6",
122
122
  analyticsData: analyticsContext
123
123
  });
124
124
 
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.5",
100
+ packageVersion: "16.17.6",
101
101
  analyticsData: analyticsContext,
102
102
  actionSubject: buttonType
103
103
  });
package/dist/es2019/new-button/variants/shared/xcss.js CHANGED
@@ -7,6 +7,11 @@ export const heights = {
7
7
  compact: `${24 / fontSize}em`,
8
8
  none: 'auto'
9
9
  };
10
+ const lineHeights = {
11
+ default: heights.default,
12
+ compact: heights.compact,
13
+ none: 'inherit'
14
+ };
10
15
  const paddingInline = {
11
16
  default: {
12
17
  default: 'space.150',
@@ -131,7 +136,7 @@ export function getXCSS({
131
136
  paddingInlineEnd
132
137
  } = getNavigationSplitButtonPaddings();
133
138
  return xcss({
134
- alignItems: 'center',
139
+ alignItems: 'baseline',
135
140
  borderWidth: 'border.width.0',
136
141
  borderRadius: 'border.radius.100',
137
142
  boxSizing: 'border-box',
@@ -147,6 +152,7 @@ export function getXCSS({
147
152
  transition: 'background 0.1s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)',
148
153
  whiteSpace: 'nowrap',
149
154
  height,
155
+ lineHeight: lineHeights[spacing],
150
156
  paddingBlock: 'space.0',
151
157
  paddingInlineStart,
152
158
  paddingInlineEnd,
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.5",
106
+ packageVersion: "16.17.6",
107
107
  analyticsData: analyticsContext
108
108
  });
109
109
 
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.5",
110
+ packageVersion: "16.17.6",
111
111
  analyticsData: analyticsContext,
112
112
  actionSubject: buttonType
113
113
  });
package/dist/esm/new-button/variants/shared/xcss.js CHANGED
@@ -10,6 +10,11 @@ export var heights = {
10
10
  compact: "".concat(24 / fontSize, "em"),
11
11
  none: 'auto'
12
12
  };
13
+ var lineHeights = {
14
+ default: heights.default,
15
+ compact: heights.compact,
16
+ none: 'inherit'
17
+ };
13
18
  var paddingInline = {
14
19
  default: {
15
20
  default: 'space.150',
@@ -129,7 +134,7 @@ export function getXCSS(_ref3) {
129
134
  paddingInlineStart = _getNavigationSplitBu.paddingInlineStart,
130
135
  paddingInlineEnd = _getNavigationSplitBu.paddingInlineEnd;
131
136
  return xcss(_objectSpread(_objectSpread(_objectSpread({
132
- alignItems: 'center',
137
+ alignItems: 'baseline',
133
138
  borderWidth: 'border.width.0',
134
139
  borderRadius: 'border.radius.100',
135
140
  boxSizing: 'border-box',
@@ -145,6 +150,7 @@ export function getXCSS(_ref3) {
145
150
  transition: 'background 0.1s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)',
146
151
  whiteSpace: 'nowrap',
147
152
  height: height,
153
+ lineHeight: lineHeights[spacing],
148
154
  paddingBlock: 'space.0',
149
155
  paddingInlineStart: paddingInlineStart,
150
156
  paddingInlineEnd: paddingInlineEnd,
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.5",
112
+ packageVersion: "16.17.6",
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.5",
3
+ "version": "16.17.6",
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/"