@zendeskgarden/react-buttons 9.0.0-next.5 → 9.0.0-next.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 (4) hide show
  1. package/dist/index.cjs.js +7 -7
  2. package/dist/index.esm.js +7 -7
  3. package/dist/typings/styled/StyledAnchor.d.ts +1 -1
  4. package/package.json +3 -3
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.5'
60
+ 'data-garden-version': '9.0.0-next.6'
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.5'
89
+ 'data-garden-version': '9.0.0-next.6'
90
90
  }).withConfig({
91
91
  displayName: "StyledIcon",
92
92
  componentId: "sc-19meqgg-0"
@@ -151,7 +151,7 @@ const colorStyles = props => {
151
151
  }), activeColor, props.isPrimary && activeColor, disabledBackgroundColor, disabledForegroundColor);
152
152
  } else {
153
153
  const borderColor = props.isNeutral && !props.isDanger ? reactTheming.getColorV8('neutralHue', 300, props.theme) : baseColor;
154
- const foregroundColor = props.isNeutral ? props.theme.colors.foreground : baseColor;
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
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({
@@ -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.5',
226
+ 'data-garden-version': '9.0.0-next.6',
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.5',
239
+ 'data-garden-version': '9.0.0-next.6',
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.5'
273
+ 'data-garden-version': '9.0.0-next.6'
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.5'
300
+ 'data-garden-version': '9.0.0-next.6'
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.5'
35
+ 'data-garden-version': '9.0.0-next.6'
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.5'
64
+ 'data-garden-version': '9.0.0-next.6'
65
65
  }).withConfig({
66
66
  displayName: "StyledIcon",
67
67
  componentId: "sc-19meqgg-0"
@@ -126,7 +126,7 @@ const colorStyles = props => {
126
126
  }), activeColor, props.isPrimary && activeColor, disabledBackgroundColor, disabledForegroundColor);
127
127
  } else {
128
128
  const borderColor = props.isNeutral && !props.isDanger ? getColorV8('neutralHue', 300, props.theme) : baseColor;
129
- const foregroundColor = props.isNeutral ? props.theme.colors.foreground : baseColor;
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
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({
@@ -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.5',
201
+ 'data-garden-version': '9.0.0-next.6',
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.5',
214
+ 'data-garden-version': '9.0.0-next.6',
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.5'
248
+ 'data-garden-version': '9.0.0-next.6'
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.5'
275
+ 'data-garden-version': '9.0.0-next.6'
276
276
  }).withConfig({
277
277
  displayName: "StyledIconButton",
278
278
  componentId: "sc-1t0ughp-0"
package/dist/typings/styled/StyledAnchor.d.ts CHANGED
@@ -14,4 +14,4 @@ export declare const StyledAnchor: import("styled-components").StyledComponent<"
14
14
  dir: "rtl" | undefined;
15
15
  isLink: boolean;
16
16
  type: undefined;
17
- }, "type" | "dir" | "data-garden-id" | "data-garden-version" | "as" | "isLink">;
17
+ }, "type" | "dir" | "as" | "data-garden-id" | "data-garden-version" | "isLink">;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-buttons",
3
- "version": "9.0.0-next.5",
3
+ "version": "9.0.0-next.6",
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>",
@@ -33,7 +33,7 @@
33
33
  "styled-components": "^5.3.1"
34
34
  },
35
35
  "devDependencies": {
36
- "@zendeskgarden/react-theming": "^9.0.0-next.5",
36
+ "@zendeskgarden/react-theming": "^9.0.0-next.6",
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": "806fa33feb06142c3f69b6a87b53628469117e4d"
49
+ "gitHead": "45c56ad1c73af40afba8e5415f529a2c9601c83f"
50
50
  }