@zendeskgarden/react-buttons 9.0.0-next.6 → 9.0.0-next.7

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 (3) hide show
  1. package/dist/index.cjs.js +8 -8
  2. package/dist/index.esm.js +8 -8
  3. package/package.json +4 -4
package/dist/index.cjs.js CHANGED
@@ -57,7 +57,7 @@ const SIZE = ['small', 'medium', 'large'];
57
57
  const COMPONENT_ID$5 = 'buttons.button_group_view';
58
58
  const StyledSplitButton = styled__default.default.div.attrs({
59
59
  'data-garden-id': COMPONENT_ID$5,
60
- 'data-garden-version': '9.0.0-next.6'
60
+ 'data-garden-version': '9.0.0-next.7'
61
61
  }).withConfig({
62
62
  displayName: "StyledSplitButton",
63
63
  componentId: "sc-1u4v04v-0"
@@ -86,7 +86,7 @@ const StyledIcon = styled__default.default(_ref => {
86
86
  return React__namespace.default.cloneElement(React.Children.only(children), props);
87
87
  }).attrs({
88
88
  'data-garden-id': COMPONENT_ID$4,
89
- 'data-garden-version': '9.0.0-next.6'
89
+ 'data-garden-version': '9.0.0-next.7'
90
90
  }).withConfig({
91
91
  displayName: "StyledIcon",
92
92
  componentId: "sc-19meqgg-0"
@@ -154,13 +154,13 @@ const colorStyles = props => {
154
154
  const foregroundColor = props.isNeutral ? reactTheming.getColorV8('foreground', 600 , props.theme) : baseColor;
155
155
  const hoverBorderColor = props.isNeutral && !props.isDanger ? baseColor : hoverColor;
156
156
  const hoverForegroundColor = props.isNeutral ? foregroundColor : hoverColor;
157
- retVal = styled.css(["outline-color:transparent;border-color:", ";background-color:transparent;color:", ";&:hover{border-color:", ";background-color:", ";color:", ";}", " &:active,&[aria-pressed='true'],&[aria-pressed='mixed']{border-color:", ";background-color:", ";color:", ";}&:disabled{border-color:transparent;background-color:", ";color:", ";}& ", "{color:", ";}&:hover ", ",&:focus-visible ", ",&[data-garden-focus-visible] ", "{color:", ";}&:active ", "{color:", ";}&:disabled ", "{color:", ";}"], !props.isBasic && borderColor, foregroundColor, !props.isBasic && hoverBorderColor, polished.rgba(baseColor, 0.08), hoverForegroundColor, reactTheming.focusStyles({
157
+ retVal = styled.css(["outline-color:transparent;border-color:", ";background-color:transparent;color:", ";&:hover{border-color:", ";background-color:", ";color:", ";}", " &:active,&[aria-pressed='true'],&[aria-pressed='mixed']{border-color:", ";background-color:", ";color:", ";}&:disabled{border-color:transparent;background-color:", ";color:", ";}& ", "{color:", ";}&:hover ", ",&:focus-visible ", "{color:", ";}&:active ", "{color:", ";}&:disabled ", "{color:", ";}"], !props.isBasic && borderColor, foregroundColor, !props.isBasic && hoverBorderColor, polished.rgba(baseColor, 0.08), hoverForegroundColor, reactTheming.focusStyles({
158
158
  theme: props.theme,
159
159
  inset: props.focusInset,
160
160
  styles: props.isNeutral ? {
161
161
  borderColor: baseColor
162
162
  } : undefined
163
- }), !props.isBasic && activeColor, polished.rgba(baseColor, 0.2), !props.isNeutral && activeColor, disabledBackgroundColor, disabledForegroundColor, StyledIcon, props.isNeutral && reactTheming.getColorV8('neutralHue', shade, props.theme), StyledIcon, StyledIcon, StyledIcon, props.isNeutral && reactTheming.getColorV8('neutralHue', shade + 100, props.theme), StyledIcon, props.isNeutral && foregroundColor, StyledIcon, disabledForegroundColor);
163
+ }), !props.isBasic && activeColor, polished.rgba(baseColor, 0.2), !props.isNeutral && activeColor, disabledBackgroundColor, disabledForegroundColor, StyledIcon, props.isNeutral && reactTheming.getColorV8('neutralHue', shade, props.theme), StyledIcon, StyledIcon, props.isNeutral && reactTheming.getColorV8('neutralHue', shade + 100, props.theme), StyledIcon, props.isNeutral && foregroundColor, StyledIcon, disabledForegroundColor);
164
164
  }
165
165
  return retVal;
166
166
  };
@@ -223,7 +223,7 @@ const sizeStyles = props => {
223
223
  };
224
224
  const StyledButton = styled__default.default.button.attrs(props => ({
225
225
  'data-garden-id': COMPONENT_ID$3,
226
- 'data-garden-version': '9.0.0-next.6',
226
+ 'data-garden-version': '9.0.0-next.7',
227
227
  type: props.type || 'button'
228
228
  })).withConfig({
229
229
  displayName: "StyledButton",
@@ -236,7 +236,7 @@ StyledButton.defaultProps = {
236
236
  const COMPONENT_ID$2 = 'buttons.anchor';
237
237
  const StyledAnchor = styled__default.default(StyledButton).attrs(props => ({
238
238
  'data-garden-id': COMPONENT_ID$2,
239
- 'data-garden-version': '9.0.0-next.6',
239
+ 'data-garden-version': '9.0.0-next.7',
240
240
  as: 'a',
241
241
  dir: props.theme.rtl ? 'rtl' : undefined,
242
242
  isLink: true,
@@ -270,7 +270,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
270
270
  const COMPONENT_ID$1 = 'buttons.external_icon';
271
271
  const StyledExternalIcon = styled__default.default(SvgNewWindowStroke).attrs({
272
272
  'data-garden-id': COMPONENT_ID$1,
273
- 'data-garden-version': '9.0.0-next.6'
273
+ 'data-garden-version': '9.0.0-next.7'
274
274
  }).withConfig({
275
275
  displayName: "StyledExternalIcon",
276
276
  componentId: "sc-16oz07e-0"
@@ -297,7 +297,7 @@ const iconStyles = props => {
297
297
  };
298
298
  const StyledIconButton = styled__default.default(StyledButton).attrs({
299
299
  'data-garden-id': COMPONENT_ID,
300
- 'data-garden-version': '9.0.0-next.6'
300
+ 'data-garden-version': '9.0.0-next.7'
301
301
  }).withConfig({
302
302
  displayName: "StyledIconButton",
303
303
  componentId: "sc-1t0ughp-0"
package/dist/index.esm.js CHANGED
@@ -32,7 +32,7 @@ const SIZE = ['small', 'medium', 'large'];
32
32
  const COMPONENT_ID$5 = 'buttons.button_group_view';
33
33
  const StyledSplitButton = styled.div.attrs({
34
34
  'data-garden-id': COMPONENT_ID$5,
35
- 'data-garden-version': '9.0.0-next.6'
35
+ 'data-garden-version': '9.0.0-next.7'
36
36
  }).withConfig({
37
37
  displayName: "StyledSplitButton",
38
38
  componentId: "sc-1u4v04v-0"
@@ -61,7 +61,7 @@ const StyledIcon = styled(_ref => {
61
61
  return React__default.cloneElement(Children.only(children), props);
62
62
  }).attrs({
63
63
  'data-garden-id': COMPONENT_ID$4,
64
- 'data-garden-version': '9.0.0-next.6'
64
+ 'data-garden-version': '9.0.0-next.7'
65
65
  }).withConfig({
66
66
  displayName: "StyledIcon",
67
67
  componentId: "sc-19meqgg-0"
@@ -129,13 +129,13 @@ const colorStyles = props => {
129
129
  const foregroundColor = props.isNeutral ? getColorV8('foreground', 600 , props.theme) : baseColor;
130
130
  const hoverBorderColor = props.isNeutral && !props.isDanger ? baseColor : hoverColor;
131
131
  const hoverForegroundColor = props.isNeutral ? foregroundColor : hoverColor;
132
- retVal = css(["outline-color:transparent;border-color:", ";background-color:transparent;color:", ";&:hover{border-color:", ";background-color:", ";color:", ";}", " &:active,&[aria-pressed='true'],&[aria-pressed='mixed']{border-color:", ";background-color:", ";color:", ";}&:disabled{border-color:transparent;background-color:", ";color:", ";}& ", "{color:", ";}&:hover ", ",&:focus-visible ", ",&[data-garden-focus-visible] ", "{color:", ";}&:active ", "{color:", ";}&:disabled ", "{color:", ";}"], !props.isBasic && borderColor, foregroundColor, !props.isBasic && hoverBorderColor, rgba(baseColor, 0.08), hoverForegroundColor, focusStyles({
132
+ retVal = css(["outline-color:transparent;border-color:", ";background-color:transparent;color:", ";&:hover{border-color:", ";background-color:", ";color:", ";}", " &:active,&[aria-pressed='true'],&[aria-pressed='mixed']{border-color:", ";background-color:", ";color:", ";}&:disabled{border-color:transparent;background-color:", ";color:", ";}& ", "{color:", ";}&:hover ", ",&:focus-visible ", "{color:", ";}&:active ", "{color:", ";}&:disabled ", "{color:", ";}"], !props.isBasic && borderColor, foregroundColor, !props.isBasic && hoverBorderColor, rgba(baseColor, 0.08), hoverForegroundColor, focusStyles({
133
133
  theme: props.theme,
134
134
  inset: props.focusInset,
135
135
  styles: props.isNeutral ? {
136
136
  borderColor: baseColor
137
137
  } : undefined
138
- }), !props.isBasic && activeColor, rgba(baseColor, 0.2), !props.isNeutral && activeColor, disabledBackgroundColor, disabledForegroundColor, StyledIcon, props.isNeutral && getColorV8('neutralHue', shade, props.theme), StyledIcon, StyledIcon, StyledIcon, props.isNeutral && getColorV8('neutralHue', shade + 100, props.theme), StyledIcon, props.isNeutral && foregroundColor, StyledIcon, disabledForegroundColor);
138
+ }), !props.isBasic && activeColor, rgba(baseColor, 0.2), !props.isNeutral && activeColor, disabledBackgroundColor, disabledForegroundColor, StyledIcon, props.isNeutral && getColorV8('neutralHue', shade, props.theme), StyledIcon, StyledIcon, props.isNeutral && getColorV8('neutralHue', shade + 100, props.theme), StyledIcon, props.isNeutral && foregroundColor, StyledIcon, disabledForegroundColor);
139
139
  }
140
140
  return retVal;
141
141
  };
@@ -198,7 +198,7 @@ const sizeStyles = props => {
198
198
  };
199
199
  const StyledButton = styled.button.attrs(props => ({
200
200
  'data-garden-id': COMPONENT_ID$3,
201
- 'data-garden-version': '9.0.0-next.6',
201
+ 'data-garden-version': '9.0.0-next.7',
202
202
  type: props.type || 'button'
203
203
  })).withConfig({
204
204
  displayName: "StyledButton",
@@ -211,7 +211,7 @@ StyledButton.defaultProps = {
211
211
  const COMPONENT_ID$2 = 'buttons.anchor';
212
212
  const StyledAnchor = styled(StyledButton).attrs(props => ({
213
213
  'data-garden-id': COMPONENT_ID$2,
214
- 'data-garden-version': '9.0.0-next.6',
214
+ 'data-garden-version': '9.0.0-next.7',
215
215
  as: 'a',
216
216
  dir: props.theme.rtl ? 'rtl' : undefined,
217
217
  isLink: true,
@@ -245,7 +245,7 @@ var SvgNewWindowStroke = function SvgNewWindowStroke(props) {
245
245
  const COMPONENT_ID$1 = 'buttons.external_icon';
246
246
  const StyledExternalIcon = styled(SvgNewWindowStroke).attrs({
247
247
  'data-garden-id': COMPONENT_ID$1,
248
- 'data-garden-version': '9.0.0-next.6'
248
+ 'data-garden-version': '9.0.0-next.7'
249
249
  }).withConfig({
250
250
  displayName: "StyledExternalIcon",
251
251
  componentId: "sc-16oz07e-0"
@@ -272,7 +272,7 @@ const iconStyles = props => {
272
272
  };
273
273
  const StyledIconButton = styled(StyledButton).attrs({
274
274
  'data-garden-id': COMPONENT_ID,
275
- 'data-garden-version': '9.0.0-next.6'
275
+ 'data-garden-version': '9.0.0-next.7'
276
276
  }).withConfig({
277
277
  displayName: "StyledIconButton",
278
278
  componentId: "sc-1t0ughp-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-buttons",
3
- "version": "9.0.0-next.6",
3
+ "version": "9.0.0-next.7",
4
4
  "description": "Components relating to buttons in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -27,13 +27,13 @@
27
27
  "react-merge-refs": "^2.0.0"
28
28
  },
29
29
  "peerDependencies": {
30
- "@zendeskgarden/react-theming": "^8.67.0",
30
+ "@zendeskgarden/react-theming": "^9.0.0",
31
31
  "react": ">=16.8.0",
32
32
  "react-dom": ">=16.8.0",
33
33
  "styled-components": "^5.3.1"
34
34
  },
35
35
  "devDependencies": {
36
- "@zendeskgarden/react-theming": "^9.0.0-next.6",
36
+ "@zendeskgarden/react-theming": "^9.0.0-next.7",
37
37
  "@zendeskgarden/svg-icons": "7.0.0"
38
38
  },
39
39
  "keywords": [
@@ -46,5 +46,5 @@
46
46
  "access": "public"
47
47
  },
48
48
  "zendeskgarden:src": "src/index.ts",
49
- "gitHead": "45c56ad1c73af40afba8e5415f529a2c9601c83f"
49
+ "gitHead": "50a2b45b2e237a490a6d460818d33498b92479ec"
50
50
  }