@zendeskgarden/react-forms 8.76.1 → 8.76.2

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 (49) hide show
  1. package/dist/esm/styled/checkbox/StyledCheckHint.js +1 -1
  2. package/dist/esm/styled/checkbox/StyledCheckInput.js +1 -1
  3. package/dist/esm/styled/checkbox/StyledCheckLabel.js +1 -1
  4. package/dist/esm/styled/checkbox/StyledCheckMessage.js +1 -1
  5. package/dist/esm/styled/checkbox/StyledCheckSvg.js +1 -1
  6. package/dist/esm/styled/checkbox/StyledDashSvg.js +1 -1
  7. package/dist/esm/styled/common/StyledField.js +1 -1
  8. package/dist/esm/styled/common/StyledFieldset.js +1 -1
  9. package/dist/esm/styled/common/StyledHint.js +1 -1
  10. package/dist/esm/styled/common/StyledLabel.js +1 -1
  11. package/dist/esm/styled/common/StyledLegend.js +1 -1
  12. package/dist/esm/styled/common/StyledMessage.js +1 -1
  13. package/dist/esm/styled/common/StyledMessageIcon.js +1 -1
  14. package/dist/esm/styled/file-list/StyledFile.js +1 -1
  15. package/dist/esm/styled/file-list/StyledFileClose.js +1 -1
  16. package/dist/esm/styled/file-list/StyledFileDelete.js +1 -1
  17. package/dist/esm/styled/file-list/StyledFileIcon.js +1 -1
  18. package/dist/esm/styled/file-list/StyledFileList.js +1 -1
  19. package/dist/esm/styled/file-list/StyledFileListItem.js +1 -1
  20. package/dist/esm/styled/file-upload/StyledFileUpload.js +1 -1
  21. package/dist/esm/styled/input-group/StyledInputGroup.js +1 -1
  22. package/dist/esm/styled/radio/StyledRadioHint.js +1 -1
  23. package/dist/esm/styled/radio/StyledRadioInput.js +1 -1
  24. package/dist/esm/styled/radio/StyledRadioLabel.js +1 -1
  25. package/dist/esm/styled/radio/StyledRadioMessage.js +1 -1
  26. package/dist/esm/styled/radio/StyledRadioSvg.js +1 -1
  27. package/dist/esm/styled/range/StyledRangeInput.js +1 -1
  28. package/dist/esm/styled/range/StyledSlider.js +1 -1
  29. package/dist/esm/styled/range/StyledSliderThumb.js +1 -1
  30. package/dist/esm/styled/range/StyledSliderTrack.js +1 -1
  31. package/dist/esm/styled/range/StyledSliderTrackRail.js +1 -1
  32. package/dist/esm/styled/select/StyledSelect.js +1 -1
  33. package/dist/esm/styled/select/StyledSelectWrapper.js +1 -1
  34. package/dist/esm/styled/text/StyledTextFauxInput.js +1 -1
  35. package/dist/esm/styled/text/StyledTextInput.js +2 -2
  36. package/dist/esm/styled/text/StyledTextMediaFigure.js +1 -1
  37. package/dist/esm/styled/text/StyledTextMediaInput.js +1 -1
  38. package/dist/esm/styled/text/StyledTextarea.js +1 -1
  39. package/dist/esm/styled/tiles/StyledTile.js +1 -1
  40. package/dist/esm/styled/tiles/StyledTileDescription.js +1 -1
  41. package/dist/esm/styled/tiles/StyledTileIcon.js +1 -1
  42. package/dist/esm/styled/tiles/StyledTileLabel.js +1 -1
  43. package/dist/esm/styled/toggle/StyledToggleHint.js +1 -1
  44. package/dist/esm/styled/toggle/StyledToggleInput.js +1 -1
  45. package/dist/esm/styled/toggle/StyledToggleLabel.js +1 -1
  46. package/dist/esm/styled/toggle/StyledToggleMessage.js +1 -1
  47. package/dist/esm/styled/toggle/StyledToggleSvg.js +1 -1
  48. package/dist/index.cjs.js +48 -48
  49. package/package.json +3 -3
@@ -11,7 +11,7 @@ import { StyledRadioHint } from '../radio/StyledRadioHint.js';
11
11
  const COMPONENT_ID = 'forms.checkbox_hint';
12
12
  const StyledCheckHint = styled(StyledRadioHint).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '8.76.1'
14
+ 'data-garden-version': '8.76.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledCheckHint",
17
17
  componentId: "sc-1kl8e8c-0"
@@ -21,7 +21,7 @@ const colorStyles = props => {
21
21
  };
22
22
  const StyledCheckInput = styled(StyledRadioInput).attrs({
23
23
  'data-garden-id': COMPONENT_ID,
24
- 'data-garden-version': '8.76.1',
24
+ 'data-garden-version': '8.76.2',
25
25
  type: 'checkbox'
26
26
  }).withConfig({
27
27
  displayName: "StyledCheckInput",
@@ -11,7 +11,7 @@ import { StyledRadioLabel } from '../radio/StyledRadioLabel.js';
11
11
  const COMPONENT_ID = 'forms.checkbox_label';
12
12
  const StyledCheckLabel = styled(StyledRadioLabel).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '8.76.1'
14
+ 'data-garden-version': '8.76.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledCheckLabel",
17
17
  componentId: "sc-x7nr1-0"
@@ -11,7 +11,7 @@ import { StyledRadioMessage } from '../radio/StyledRadioMessage.js';
11
11
  const COMPONENT_ID = 'forms.checkbox_message';
12
12
  const StyledCheckMessage = styled(StyledRadioMessage).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '8.76.1'
14
+ 'data-garden-version': '8.76.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledCheckMessage",
17
17
  componentId: "sc-s4p6kd-0"
@@ -13,7 +13,7 @@ import { StyledCheckLabel } from './StyledCheckLabel.js';
13
13
  const COMPONENT_ID = 'forms.check_svg';
14
14
  const StyledCheckSvg = styled(SvgCheckSmFill).attrs({
15
15
  'data-garden-id': COMPONENT_ID,
16
- 'data-garden-version': '8.76.1'
16
+ 'data-garden-version': '8.76.2'
17
17
  }).withConfig({
18
18
  displayName: "StyledCheckSvg",
19
19
  componentId: "sc-fvxetk-0"
@@ -13,7 +13,7 @@ import { StyledCheckLabel } from './StyledCheckLabel.js';
13
13
  const COMPONENT_ID = 'forms.dash_svg';
14
14
  const StyledDashSvg = styled(SvgDashFill).attrs({
15
15
  'data-garden-id': COMPONENT_ID,
16
- 'data-garden-version': '8.76.1'
16
+ 'data-garden-version': '8.76.2'
17
17
  }).withConfig({
18
18
  displayName: "StyledDashSvg",
19
19
  componentId: "sc-z3vq71-0"
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'forms.field';
11
11
  const StyledField = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.1'
13
+ 'data-garden-version': '8.76.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledField",
16
16
  componentId: "sc-12gzfsu-0"
@@ -12,7 +12,7 @@ const COMPONENT_ID = 'forms.fieldset';
12
12
  const StyledFieldset = styled(StyledField).attrs({
13
13
  as: 'fieldset',
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '8.76.1'
15
+ 'data-garden-version': '8.76.2'
16
16
  }).withConfig({
17
17
  displayName: "StyledFieldset",
18
18
  componentId: "sc-1vr4mxv-0"
@@ -10,7 +10,7 @@ import { getLineHeight, getColorV8, retrieveComponentStyles, DEFAULT_THEME } fro
10
10
  const COMPONENT_ID = 'forms.input_hint';
11
11
  const StyledHint = styled.div.attrs(props => ({
12
12
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID,
13
- 'data-garden-version': props['data-garden-version'] || '8.76.1'
13
+ 'data-garden-version': props['data-garden-version'] || '8.76.2'
14
14
  })).withConfig({
15
15
  displayName: "StyledHint",
16
16
  componentId: "sc-17c2wu8-0"
@@ -11,7 +11,7 @@ import { getLineHeight, getColorV8, retrieveComponentStyles, DEFAULT_THEME } fro
11
11
  const COMPONENT_ID = 'forms.input_label';
12
12
  const StyledLabel = styled.label.attrs(props => ({
13
13
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID,
14
- 'data-garden-version': props['data-garden-version'] || '8.76.1'
14
+ 'data-garden-version': props['data-garden-version'] || '8.76.2'
15
15
  })).withConfig({
16
16
  displayName: "StyledLabel",
17
17
  componentId: "sc-2utmsz-0"
@@ -12,7 +12,7 @@ const COMPONENT_ID = 'forms.fieldset_legend';
12
12
  const StyledLegend = styled(StyledLabel).attrs({
13
13
  as: 'legend',
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '8.76.1'
15
+ 'data-garden-version': '8.76.2'
16
16
  }).withConfig({
17
17
  displayName: "StyledLegend",
18
18
  componentId: "sc-6s0zwq-0"
@@ -28,7 +28,7 @@ const validationStyles = props => {
28
28
  const COMPONENT_ID = 'forms.input_message';
29
29
  const StyledMessage = styled.div.attrs(props => ({
30
30
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID,
31
- 'data-garden-version': props['data-garden-version'] || '8.76.1'
31
+ 'data-garden-version': props['data-garden-version'] || '8.76.2'
32
32
  })).withConfig({
33
33
  displayName: "StyledMessage",
34
34
  componentId: "sc-30hgg7-0"
@@ -32,7 +32,7 @@ const MessageIcon = _ref => {
32
32
  const COMPONENT_ID = 'forms.input_message_icon';
33
33
  const StyledMessageIcon = styled(MessageIcon).attrs({
34
34
  'data-garden-id': COMPONENT_ID,
35
- 'data-garden-version': '8.76.1',
35
+ 'data-garden-version': '8.76.2',
36
36
  'aria-hidden': null
37
37
  }).withConfig({
38
38
  displayName: "StyledMessageIcon",
@@ -62,7 +62,7 @@ const sizeStyles = props => {
62
62
  };
63
63
  const StyledFile = styled.div.attrs({
64
64
  'data-garden-id': COMPONENT_ID,
65
- 'data-garden-version': '8.76.1'
65
+ 'data-garden-version': '8.76.2'
66
66
  }).withConfig({
67
67
  displayName: "StyledFile",
68
68
  componentId: "sc-195lzp1-0"
@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
10
10
  const COMPONENT_ID = 'forms.file.close';
11
11
  const StyledFileClose = styled.button.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.1'
13
+ 'data-garden-version': '8.76.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledFileClose",
16
16
  componentId: "sc-1m31jbf-0"
@@ -11,7 +11,7 @@ import { StyledFileClose } from './StyledFileClose.js';
11
11
  const COMPONENT_ID = 'forms.file.delete';
12
12
  const StyledFileDelete = styled(StyledFileClose).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '8.76.1'
14
+ 'data-garden-version': '8.76.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledFileDelete",
17
17
  componentId: "sc-a8nnhx-0"
@@ -19,7 +19,7 @@ const StyledFileIcon = styled(_ref => {
19
19
  return React__default.cloneElement(Children.only(children), props);
20
20
  }).attrs({
21
21
  'data-garden-id': COMPONENT_ID,
22
- 'data-garden-version': '8.76.1'
22
+ 'data-garden-version': '8.76.2'
23
23
  }).withConfig({
24
24
  displayName: "StyledFileIcon",
25
25
  componentId: "sc-7b3q0c-0"
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'forms.file_list';
11
11
  const StyledFileList = styled.ul.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.1'
13
+ 'data-garden-version': '8.76.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledFileList",
16
16
  componentId: "sc-gbahjg-0"
@@ -12,7 +12,7 @@ import { StyledFileUpload } from '../file-upload/StyledFileUpload.js';
12
12
  const COMPONENT_ID = 'forms.file_list.item';
13
13
  const StyledFileListItem = styled.li.attrs({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '8.76.1'
15
+ 'data-garden-version': '8.76.2'
16
16
  }).withConfig({
17
17
  displayName: "StyledFileListItem",
18
18
  componentId: "sc-1ova3lo-0"
@@ -33,7 +33,7 @@ const sizeStyles = props => {
33
33
  };
34
34
  const StyledFileUpload = styled.div.attrs({
35
35
  'data-garden-id': COMPONENT_ID,
36
- 'data-garden-version': '8.76.1'
36
+ 'data-garden-version': '8.76.2'
37
37
  }).withConfig({
38
38
  displayName: "StyledFileUpload",
39
39
  componentId: "sc-1rodjgn-0"
@@ -23,7 +23,7 @@ const itemStyles = props => {
23
23
  };
24
24
  const StyledInputGroup = styled.div.attrs({
25
25
  'data-garden-id': COMPONENT_ID,
26
- 'data-garden-version': '8.76.1'
26
+ 'data-garden-version': '8.76.2'
27
27
  }).withConfig({
28
28
  displayName: "StyledInputGroup",
29
29
  componentId: "sc-kjh1f0-0"
@@ -12,7 +12,7 @@ import { StyledHint } from '../common/StyledHint.js';
12
12
  const COMPONENT_ID = 'forms.radio_hint';
13
13
  const StyledRadioHint = styled(StyledHint).attrs({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '8.76.1'
15
+ 'data-garden-version': '8.76.2'
16
16
  }).withConfig({
17
17
  displayName: "StyledRadioHint",
18
18
  componentId: "sc-eo8twg-0"
@@ -48,7 +48,7 @@ const sizeStyles = props => {
48
48
  };
49
49
  const StyledRadioInput = styled.input.attrs({
50
50
  'data-garden-id': COMPONENT_ID,
51
- 'data-garden-version': '8.76.1',
51
+ 'data-garden-version': '8.76.2',
52
52
  type: 'radio'
53
53
  }).withConfig({
54
54
  displayName: "StyledRadioInput",
@@ -17,7 +17,7 @@ const sizeStyles = props => {
17
17
  };
18
18
  const StyledRadioLabel = styled(StyledLabel).attrs({
19
19
  'data-garden-id': COMPONENT_ID,
20
- 'data-garden-version': '8.76.1',
20
+ 'data-garden-version': '8.76.2',
21
21
  isRadio: true
22
22
  }).withConfig({
23
23
  displayName: "StyledRadioLabel",
@@ -12,7 +12,7 @@ import { StyledMessage } from '../common/StyledMessage.js';
12
12
  const COMPONENT_ID = 'forms.radio_message';
13
13
  const StyledRadioMessage = styled(StyledMessage).attrs({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '8.76.1'
15
+ 'data-garden-version': '8.76.2'
16
16
  }).withConfig({
17
17
  displayName: "StyledRadioMessage",
18
18
  componentId: "sc-1pmi0q8-0"
@@ -13,7 +13,7 @@ import { StyledRadioLabel } from './StyledRadioLabel.js';
13
13
  const COMPONENT_ID = 'forms.radio_svg';
14
14
  const StyledRadioSvg = styled(SvgCircleSmFill).attrs({
15
15
  'data-garden-id': COMPONENT_ID,
16
- 'data-garden-version': '8.76.1'
16
+ 'data-garden-version': '8.76.2'
17
17
  }).withConfig({
18
18
  displayName: "StyledRadioSvg",
19
19
  componentId: "sc-1r1qtr1-0"
@@ -127,7 +127,7 @@ const sizeStyles = props => {
127
127
  };
128
128
  const StyledRangeInput = styled.input.attrs(props => ({
129
129
  'data-garden-id': COMPONENT_ID,
130
- 'data-garden-version': '8.76.1',
130
+ 'data-garden-version': '8.76.2',
131
131
  type: 'range',
132
132
  style: {
133
133
  backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -14,7 +14,7 @@ import { StyledMessage } from '../common/StyledMessage.js';
14
14
  const COMPONENT_ID = 'forms.slider';
15
15
  const StyledSlider = styled.div.attrs({
16
16
  'data-garden-id': COMPONENT_ID,
17
- 'data-garden-version': '8.76.1'
17
+ 'data-garden-version': '8.76.2'
18
18
  }).withConfig({
19
19
  displayName: "StyledSlider",
20
20
  componentId: "sc-1di437a-0"
@@ -31,7 +31,7 @@ const sizeStyles = props => {
31
31
  };
32
32
  const StyledSliderThumb = styled.div.attrs(props => ({
33
33
  'data-garden-id': COMPONENT_ID,
34
- 'data-garden-version': '8.76.1',
34
+ 'data-garden-version': '8.76.2',
35
35
  'aria-disabled': props.isDisabled
36
36
  })).withConfig({
37
37
  displayName: "StyledSliderThumb",
@@ -27,7 +27,7 @@ const sizeStyles = props => {
27
27
  };
28
28
  const StyledSliderTrack = styled.div.attrs(props => ({
29
29
  'data-garden-id': COMPONENT_ID,
30
- 'data-garden-version': '8.76.1',
30
+ 'data-garden-version': '8.76.2',
31
31
  'aria-disabled': props.isDisabled
32
32
  })).withConfig({
33
33
  displayName: "StyledSliderTrack",
@@ -16,7 +16,7 @@ const sizeStyles = props => {
16
16
  };
17
17
  const StyledSliderTrackRail = styled.div.attrs({
18
18
  'data-garden-id': COMPONENT_ID,
19
- 'data-garden-version': '8.76.1'
19
+ 'data-garden-version': '8.76.2'
20
20
  }).withConfig({
21
21
  displayName: "StyledSliderTrackRail",
22
22
  componentId: "sc-1o5owbd-0"
@@ -23,7 +23,7 @@ const sizeStyles = props => {
23
23
  };
24
24
  const StyledSelect = styled(StyledTextInput).attrs({
25
25
  'data-garden-id': COMPONENT_ID,
26
- 'data-garden-version': '8.76.1',
26
+ 'data-garden-version': '8.76.2',
27
27
  as: 'select'
28
28
  }).withConfig({
29
29
  displayName: "StyledSelect",
@@ -12,7 +12,7 @@ import { StyledSelect } from './StyledSelect.js';
12
12
  const COMPONENT_ID = 'forms.select_wrapper';
13
13
  const StyledSelectWrapper = styled(StyledTextFauxInput).attrs({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '8.76.1'
15
+ 'data-garden-version': '8.76.2'
16
16
  }).withConfig({
17
17
  displayName: "StyledSelectWrapper",
18
18
  componentId: "sc-i7b6hw-0"
@@ -47,7 +47,7 @@ const StyledTextFauxInput = styled(StyledTextInput).attrs(props => ({
47
47
  'aria-readonly': props.isReadOnly,
48
48
  'aria-disabled': props.isDisabled,
49
49
  'data-garden-id': COMPONENT_ID,
50
- 'data-garden-version': '8.76.1'
50
+ 'data-garden-version': '8.76.2'
51
51
  })).withConfig({
52
52
  displayName: "StyledTextFauxInput",
53
53
  componentId: "sc-yqw7j9-0"
@@ -88,11 +88,11 @@ const sizeStyles = props => {
88
88
  const padding = props.isBare ? '0' : `${em(paddingVertical, fontSize)} ${em(paddingHorizontal, fontSize)}`;
89
89
  const swatchMarginVertical = math(`(${lineHeight} - ${swatchHeight}) / 2`);
90
90
  const swatchMarginHorizontal = math(`${paddingVertical} + ${swatchMarginVertical} - ${paddingHorizontal}`);
91
- return css(["padding:", ";min-height:", ";line-height:", ";font-size:", ";&::-ms-browse{font-size:", ";}&[type='date'],&[type='datetime-local'],&[type='file'],&[type='month'],&[type='time'],&[type='week']{max-height:", ";}&[type='file']{line-height:1;}@supports (-ms-ime-align:auto){&[type='color']{padding:", ";}}&::-moz-color-swatch{margin-top:", ";margin-left:", ";width:calc(100% + ", ");height:", ";}&::-webkit-color-swatch{margin:", " ", ";}", ":not([hidden]) + &&,", " + &&,", " + &&,&& + ", ",&& + ", "{margin-top:", "px;}"], padding, props.isBare ? '1em' : height, getLineHeight(lineHeight, fontSize), fontSize, browseFontSize, height, props.isCompact ? '0 2px' : '1px 3px', swatchMarginVertical, swatchMarginHorizontal, math(`${swatchMarginHorizontal} * -2`), swatchHeight, swatchMarginVertical, swatchMarginHorizontal, StyledLabel, StyledHint, StyledMessage, StyledHint, StyledMessage, props.theme.space.base * (props.isCompact ? 1 : 2));
91
+ return css(["padding:", ";min-height:", ";line-height:", ";font-size:", ";&::-ms-browse{font-size:", ";}&[type='date'],&[type='datetime-local'],&[type='file'],&[type='month'],&[type='time'],&[type='week']{max-height:", ";}&[type='file']{line-height:1;}@supports (-ms-ime-align:auto){&[type='color']{padding:", ";}}&::-moz-color-swatch{margin-top:", ";margin-left:", ";width:calc(100% + ", ");height:", ";}&::-webkit-color-swatch{margin:", " ", ";}", ":not([hidden]) + &&,", " + &&,", " + &&,&& + ", ",&& ~ ", "{margin-top:", "px;}"], padding, props.isBare ? '1em' : height, getLineHeight(lineHeight, fontSize), fontSize, browseFontSize, height, props.isCompact ? '0 2px' : '1px 3px', swatchMarginVertical, swatchMarginHorizontal, math(`${swatchMarginHorizontal} * -2`), swatchHeight, swatchMarginVertical, swatchMarginHorizontal, StyledLabel, StyledHint, StyledMessage, StyledHint, StyledMessage, props.theme.space.base * (props.isCompact ? 1 : 2));
92
92
  };
93
93
  const StyledTextInput = styled.input.attrs(props => ({
94
94
  'data-garden-id': COMPONENT_ID,
95
- 'data-garden-version': '8.76.1',
95
+ 'data-garden-version': '8.76.2',
96
96
  'aria-invalid': isInvalid(props.validation)
97
97
  })).withConfig({
98
98
  displayName: "StyledTextInput",
@@ -45,7 +45,7 @@ _ref => {
45
45
  return React__default.cloneElement(Children.only(children), props);
46
46
  }).attrs({
47
47
  'data-garden-id': COMPONENT_ID,
48
- 'data-garden-version': '8.76.1'
48
+ 'data-garden-version': '8.76.2'
49
49
  }).withConfig({
50
50
  displayName: "StyledTextMediaFigure",
51
51
  componentId: "sc-1qepknj-0"
@@ -11,7 +11,7 @@ import { StyledTextInput } from './StyledTextInput.js';
11
11
  const COMPONENT_ID = 'forms.media_input';
12
12
  const StyledTextMediaInput = styled(StyledTextInput).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '8.76.1',
14
+ 'data-garden-version': '8.76.2',
15
15
  isBare: true
16
16
  }).withConfig({
17
17
  displayName: "StyledTextMediaInput",
@@ -21,7 +21,7 @@ const hiddenStyles = `
21
21
  const StyledTextarea = styled(StyledTextInput).attrs({
22
22
  as: 'textarea',
23
23
  'data-garden-id': COMPONENT_ID,
24
- 'data-garden-version': '8.76.1'
24
+ 'data-garden-version': '8.76.2'
25
25
  }).withConfig({
26
26
  displayName: "StyledTextarea",
27
27
  componentId: "sc-wxschl-0"
@@ -40,7 +40,7 @@ const colorStyles = props => {
40
40
  };
41
41
  const StyledTile = styled.label.attrs(props => ({
42
42
  'data-garden-id': COMPONENT_ID,
43
- 'data-garden-version': '8.76.1',
43
+ 'data-garden-version': '8.76.2',
44
44
  'data-garden-selected': props.isSelected
45
45
  })).withConfig({
46
46
  displayName: "StyledTile",
@@ -22,7 +22,7 @@ const sizeStyles = props => {
22
22
  };
23
23
  const StyledTileDescription = styled.span.attrs({
24
24
  'data-garden-id': COMPONENT_ID,
25
- 'data-garden-version': '8.76.1'
25
+ 'data-garden-version': '8.76.2'
26
26
  }).withConfig({
27
27
  displayName: "StyledTileDescription",
28
28
  componentId: "sc-xfuu7u-0"
@@ -26,7 +26,7 @@ const sizeStyles = props => {
26
26
  };
27
27
  const StyledTileIcon = styled.span.attrs({
28
28
  'data-garden-id': COMPONENT_ID,
29
- 'data-garden-version': '8.76.1'
29
+ 'data-garden-version': '8.76.2'
30
30
  }).withConfig({
31
31
  displayName: "StyledTileIcon",
32
32
  componentId: "sc-1wazhg4-0"
@@ -24,7 +24,7 @@ const sizeStyles = props => {
24
24
  };
25
25
  const StyledTileLabel = styled.span.attrs({
26
26
  'data-garden-id': COMPONENT_ID,
27
- 'data-garden-version': '8.76.1'
27
+ 'data-garden-version': '8.76.2'
28
28
  }).withConfig({
29
29
  displayName: "StyledTileLabel",
30
30
  componentId: "sc-1mypv27-0"
@@ -12,7 +12,7 @@ import { StyledHint } from '../common/StyledHint.js';
12
12
  const COMPONENT_ID = 'forms.toggle_hint';
13
13
  const StyledToggleHint = styled(StyledHint).attrs({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '8.76.1'
15
+ 'data-garden-version': '8.76.2'
16
16
  }).withConfig({
17
17
  displayName: "StyledToggleHint",
18
18
  componentId: "sc-nziggu-0"
@@ -28,7 +28,7 @@ const sizeStyles = props => {
28
28
  };
29
29
  const StyledToggleInput = styled(StyledCheckInput).attrs({
30
30
  'data-garden-id': COMPONENT_ID,
31
- 'data-garden-version': '8.76.1'
31
+ 'data-garden-version': '8.76.2'
32
32
  }).withConfig({
33
33
  displayName: "StyledToggleInput",
34
34
  componentId: "sc-sgp47s-0"
@@ -16,7 +16,7 @@ const sizeStyles = props => {
16
16
  };
17
17
  const StyledToggleLabel = styled(StyledCheckLabel).attrs({
18
18
  'data-garden-id': COMPONENT_ID,
19
- 'data-garden-version': '8.76.1'
19
+ 'data-garden-version': '8.76.2'
20
20
  }).withConfig({
21
21
  displayName: "StyledToggleLabel",
22
22
  componentId: "sc-e0asdk-0"
@@ -13,7 +13,7 @@ import { StyledMessageIcon } from '../common/StyledMessageIcon.js';
13
13
  const COMPONENT_ID = 'forms.toggle_message';
14
14
  const StyledToggleMessage = styled(StyledMessage).attrs({
15
15
  'data-garden-id': COMPONENT_ID,
16
- 'data-garden-version': '8.76.1'
16
+ 'data-garden-version': '8.76.2'
17
17
  }).withConfig({
18
18
  displayName: "StyledToggleMessage",
19
19
  componentId: "sc-13vuvl1-0"
@@ -11,7 +11,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
11
11
  const COMPONENT_ID = 'forms.toggle_svg';
12
12
  const StyledToggleSvg = styled(SvgCircleSmFill).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '8.76.1'
14
+ 'data-garden-version': '8.76.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledToggleSvg",
17
17
  componentId: "sc-162xbyx-0"
package/dist/index.cjs.js CHANGED
@@ -50,7 +50,7 @@ const useFieldContext = () => {
50
50
  const COMPONENT_ID$K = 'forms.field';
51
51
  const StyledField = styled__default.default.div.attrs({
52
52
  'data-garden-id': COMPONENT_ID$K,
53
- 'data-garden-version': '8.76.1'
53
+ 'data-garden-version': '8.76.2'
54
54
  }).withConfig({
55
55
  displayName: "StyledField",
56
56
  componentId: "sc-12gzfsu-0"
@@ -63,7 +63,7 @@ const COMPONENT_ID$J = 'forms.fieldset';
63
63
  const StyledFieldset = styled__default.default(StyledField).attrs({
64
64
  as: 'fieldset',
65
65
  'data-garden-id': COMPONENT_ID$J,
66
- 'data-garden-version': '8.76.1'
66
+ 'data-garden-version': '8.76.2'
67
67
  }).withConfig({
68
68
  displayName: "StyledFieldset",
69
69
  componentId: "sc-1vr4mxv-0"
@@ -75,7 +75,7 @@ StyledFieldset.defaultProps = {
75
75
  const COMPONENT_ID$I = 'forms.input_label';
76
76
  const StyledLabel = styled__default.default.label.attrs(props => ({
77
77
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$I,
78
- 'data-garden-version': props['data-garden-version'] || '8.76.1'
78
+ 'data-garden-version': props['data-garden-version'] || '8.76.2'
79
79
  })).withConfig({
80
80
  displayName: "StyledLabel",
81
81
  componentId: "sc-2utmsz-0"
@@ -88,7 +88,7 @@ const COMPONENT_ID$H = 'forms.fieldset_legend';
88
88
  const StyledLegend = styled__default.default(StyledLabel).attrs({
89
89
  as: 'legend',
90
90
  'data-garden-id': COMPONENT_ID$H,
91
- 'data-garden-version': '8.76.1'
91
+ 'data-garden-version': '8.76.2'
92
92
  }).withConfig({
93
93
  displayName: "StyledLegend",
94
94
  componentId: "sc-6s0zwq-0"
@@ -100,7 +100,7 @@ StyledLegend.defaultProps = {
100
100
  const COMPONENT_ID$G = 'forms.input_hint';
101
101
  const StyledHint = styled__default.default.div.attrs(props => ({
102
102
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$G,
103
- 'data-garden-version': props['data-garden-version'] || '8.76.1'
103
+ 'data-garden-version': props['data-garden-version'] || '8.76.2'
104
104
  })).withConfig({
105
105
  displayName: "StyledHint",
106
106
  componentId: "sc-17c2wu8-0"
@@ -205,7 +205,7 @@ const MessageIcon = _ref => {
205
205
  const COMPONENT_ID$F = 'forms.input_message_icon';
206
206
  const StyledMessageIcon = styled__default.default(MessageIcon).attrs({
207
207
  'data-garden-id': COMPONENT_ID$F,
208
- 'data-garden-version': '8.76.1',
208
+ 'data-garden-version': '8.76.2',
209
209
  'aria-hidden': null
210
210
  }).withConfig({
211
211
  displayName: "StyledMessageIcon",
@@ -233,7 +233,7 @@ const validationStyles = props => {
233
233
  const COMPONENT_ID$E = 'forms.input_message';
234
234
  const StyledMessage = styled__default.default.div.attrs(props => ({
235
235
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$E,
236
- 'data-garden-version': props['data-garden-version'] || '8.76.1'
236
+ 'data-garden-version': props['data-garden-version'] || '8.76.2'
237
237
  })).withConfig({
238
238
  displayName: "StyledMessage",
239
239
  componentId: "sc-30hgg7-0"
@@ -319,11 +319,11 @@ const sizeStyles$f = props => {
319
319
  const padding = props.isBare ? '0' : `${polished.em(paddingVertical, fontSize)} ${polished.em(paddingHorizontal, fontSize)}`;
320
320
  const swatchMarginVertical = polished.math(`(${lineHeight} - ${swatchHeight}) / 2`);
321
321
  const swatchMarginHorizontal = polished.math(`${paddingVertical} + ${swatchMarginVertical} - ${paddingHorizontal}`);
322
- return styled.css(["padding:", ";min-height:", ";line-height:", ";font-size:", ";&::-ms-browse{font-size:", ";}&[type='date'],&[type='datetime-local'],&[type='file'],&[type='month'],&[type='time'],&[type='week']{max-height:", ";}&[type='file']{line-height:1;}@supports (-ms-ime-align:auto){&[type='color']{padding:", ";}}&::-moz-color-swatch{margin-top:", ";margin-left:", ";width:calc(100% + ", ");height:", ";}&::-webkit-color-swatch{margin:", " ", ";}", ":not([hidden]) + &&,", " + &&,", " + &&,&& + ", ",&& + ", "{margin-top:", "px;}"], padding, props.isBare ? '1em' : height, reactTheming.getLineHeight(lineHeight, fontSize), fontSize, browseFontSize, height, props.isCompact ? '0 2px' : '1px 3px', swatchMarginVertical, swatchMarginHorizontal, polished.math(`${swatchMarginHorizontal} * -2`), swatchHeight, swatchMarginVertical, swatchMarginHorizontal, StyledLabel, StyledHint, StyledMessage, StyledHint, StyledMessage, props.theme.space.base * (props.isCompact ? 1 : 2));
322
+ return styled.css(["padding:", ";min-height:", ";line-height:", ";font-size:", ";&::-ms-browse{font-size:", ";}&[type='date'],&[type='datetime-local'],&[type='file'],&[type='month'],&[type='time'],&[type='week']{max-height:", ";}&[type='file']{line-height:1;}@supports (-ms-ime-align:auto){&[type='color']{padding:", ";}}&::-moz-color-swatch{margin-top:", ";margin-left:", ";width:calc(100% + ", ");height:", ";}&::-webkit-color-swatch{margin:", " ", ";}", ":not([hidden]) + &&,", " + &&,", " + &&,&& + ", ",&& ~ ", "{margin-top:", "px;}"], padding, props.isBare ? '1em' : height, reactTheming.getLineHeight(lineHeight, fontSize), fontSize, browseFontSize, height, props.isCompact ? '0 2px' : '1px 3px', swatchMarginVertical, swatchMarginHorizontal, polished.math(`${swatchMarginHorizontal} * -2`), swatchHeight, swatchMarginVertical, swatchMarginHorizontal, StyledLabel, StyledHint, StyledMessage, StyledHint, StyledMessage, props.theme.space.base * (props.isCompact ? 1 : 2));
323
323
  };
324
324
  const StyledTextInput = styled__default.default.input.attrs(props => ({
325
325
  'data-garden-id': COMPONENT_ID$D,
326
- 'data-garden-version': '8.76.1',
326
+ 'data-garden-version': '8.76.2',
327
327
  'aria-invalid': isInvalid(props.validation)
328
328
  })).withConfig({
329
329
  displayName: "StyledTextInput",
@@ -346,7 +346,7 @@ const hiddenStyles = `
346
346
  const StyledTextarea = styled__default.default(StyledTextInput).attrs({
347
347
  as: 'textarea',
348
348
  'data-garden-id': COMPONENT_ID$C,
349
- 'data-garden-version': '8.76.1'
349
+ 'data-garden-version': '8.76.2'
350
350
  }).withConfig({
351
351
  displayName: "StyledTextarea",
352
352
  componentId: "sc-wxschl-0"
@@ -392,7 +392,7 @@ _ref => {
392
392
  return React__namespace.default.cloneElement(React.Children.only(children), props);
393
393
  }).attrs({
394
394
  'data-garden-id': COMPONENT_ID$B,
395
- 'data-garden-version': '8.76.1'
395
+ 'data-garden-version': '8.76.2'
396
396
  }).withConfig({
397
397
  displayName: "StyledTextMediaFigure",
398
398
  componentId: "sc-1qepknj-0"
@@ -439,7 +439,7 @@ const StyledTextFauxInput = styled__default.default(StyledTextInput).attrs(props
439
439
  'aria-readonly': props.isReadOnly,
440
440
  'aria-disabled': props.isDisabled,
441
441
  'data-garden-id': COMPONENT_ID$A,
442
- 'data-garden-version': '8.76.1'
442
+ 'data-garden-version': '8.76.2'
443
443
  })).withConfig({
444
444
  displayName: "StyledTextFauxInput",
445
445
  componentId: "sc-yqw7j9-0"
@@ -451,7 +451,7 @@ StyledTextFauxInput.defaultProps = {
451
451
  const COMPONENT_ID$z = 'forms.media_input';
452
452
  const StyledTextMediaInput = styled__default.default(StyledTextInput).attrs({
453
453
  'data-garden-id': COMPONENT_ID$z,
454
- 'data-garden-version': '8.76.1',
454
+ 'data-garden-version': '8.76.2',
455
455
  isBare: true
456
456
  }).withConfig({
457
457
  displayName: "StyledTextMediaInput",
@@ -473,7 +473,7 @@ const itemStyles = props => {
473
473
  };
474
474
  const StyledInputGroup = styled__default.default.div.attrs({
475
475
  'data-garden-id': COMPONENT_ID$y,
476
- 'data-garden-version': '8.76.1'
476
+ 'data-garden-version': '8.76.2'
477
477
  }).withConfig({
478
478
  displayName: "StyledInputGroup",
479
479
  componentId: "sc-kjh1f0-0"
@@ -491,7 +491,7 @@ const sizeStyles$d = props => {
491
491
  };
492
492
  const StyledRadioLabel = styled__default.default(StyledLabel).attrs({
493
493
  'data-garden-id': COMPONENT_ID$x,
494
- 'data-garden-version': '8.76.1',
494
+ 'data-garden-version': '8.76.2',
495
495
  isRadio: true
496
496
  }).withConfig({
497
497
  displayName: "StyledRadioLabel",
@@ -504,7 +504,7 @@ StyledRadioLabel.defaultProps = {
504
504
  const COMPONENT_ID$w = 'forms.checkbox_label';
505
505
  const StyledCheckLabel = styled__default.default(StyledRadioLabel).attrs({
506
506
  'data-garden-id': COMPONENT_ID$w,
507
- 'data-garden-version': '8.76.1'
507
+ 'data-garden-version': '8.76.2'
508
508
  }).withConfig({
509
509
  displayName: "StyledCheckLabel",
510
510
  componentId: "sc-x7nr1-0"
@@ -516,7 +516,7 @@ StyledCheckLabel.defaultProps = {
516
516
  const COMPONENT_ID$v = 'forms.radio_hint';
517
517
  const StyledRadioHint = styled__default.default(StyledHint).attrs({
518
518
  'data-garden-id': COMPONENT_ID$v,
519
- 'data-garden-version': '8.76.1'
519
+ 'data-garden-version': '8.76.2'
520
520
  }).withConfig({
521
521
  displayName: "StyledRadioHint",
522
522
  componentId: "sc-eo8twg-0"
@@ -528,7 +528,7 @@ StyledRadioHint.defaultProps = {
528
528
  const COMPONENT_ID$u = 'forms.checkbox_hint';
529
529
  const StyledCheckHint = styled__default.default(StyledRadioHint).attrs({
530
530
  'data-garden-id': COMPONENT_ID$u,
531
- 'data-garden-version': '8.76.1'
531
+ 'data-garden-version': '8.76.2'
532
532
  }).withConfig({
533
533
  displayName: "StyledCheckHint",
534
534
  componentId: "sc-1kl8e8c-0"
@@ -575,7 +575,7 @@ const sizeStyles$c = props => {
575
575
  };
576
576
  const StyledRadioInput = styled__default.default.input.attrs({
577
577
  'data-garden-id': COMPONENT_ID$t,
578
- 'data-garden-version': '8.76.1',
578
+ 'data-garden-version': '8.76.2',
579
579
  type: 'radio'
580
580
  }).withConfig({
581
581
  displayName: "StyledRadioInput",
@@ -597,7 +597,7 @@ const colorStyles$8 = props => {
597
597
  };
598
598
  const StyledCheckInput = styled__default.default(StyledRadioInput).attrs({
599
599
  'data-garden-id': COMPONENT_ID$s,
600
- 'data-garden-version': '8.76.1',
600
+ 'data-garden-version': '8.76.2',
601
601
  type: 'checkbox'
602
602
  }).withConfig({
603
603
  displayName: "StyledCheckInput",
@@ -610,7 +610,7 @@ StyledCheckInput.defaultProps = {
610
610
  const COMPONENT_ID$r = 'forms.radio_message';
611
611
  const StyledRadioMessage = styled__default.default(StyledMessage).attrs({
612
612
  'data-garden-id': COMPONENT_ID$r,
613
- 'data-garden-version': '8.76.1'
613
+ 'data-garden-version': '8.76.2'
614
614
  }).withConfig({
615
615
  displayName: "StyledRadioMessage",
616
616
  componentId: "sc-1pmi0q8-0"
@@ -622,7 +622,7 @@ StyledRadioMessage.defaultProps = {
622
622
  const COMPONENT_ID$q = 'forms.checkbox_message';
623
623
  const StyledCheckMessage = styled__default.default(StyledRadioMessage).attrs({
624
624
  'data-garden-id': COMPONENT_ID$q,
625
- 'data-garden-version': '8.76.1'
625
+ 'data-garden-version': '8.76.2'
626
626
  }).withConfig({
627
627
  displayName: "StyledCheckMessage",
628
628
  componentId: "sc-s4p6kd-0"
@@ -654,7 +654,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
654
654
  const COMPONENT_ID$p = 'forms.check_svg';
655
655
  const StyledCheckSvg = styled__default.default(SvgCheckSmFill).attrs({
656
656
  'data-garden-id': COMPONENT_ID$p,
657
- 'data-garden-version': '8.76.1'
657
+ 'data-garden-version': '8.76.2'
658
658
  }).withConfig({
659
659
  displayName: "StyledCheckSvg",
660
660
  componentId: "sc-fvxetk-0"
@@ -684,7 +684,7 @@ var SvgDashFill = function SvgDashFill(props) {
684
684
  const COMPONENT_ID$o = 'forms.dash_svg';
685
685
  const StyledDashSvg = styled__default.default(SvgDashFill).attrs({
686
686
  'data-garden-id': COMPONENT_ID$o,
687
- 'data-garden-version': '8.76.1'
687
+ 'data-garden-version': '8.76.2'
688
688
  }).withConfig({
689
689
  displayName: "StyledDashSvg",
690
690
  componentId: "sc-z3vq71-0"
@@ -715,7 +715,7 @@ const sizeStyles$b = props => {
715
715
  };
716
716
  const StyledFileUpload = styled__default.default.div.attrs({
717
717
  'data-garden-id': COMPONENT_ID$n,
718
- 'data-garden-version': '8.76.1'
718
+ 'data-garden-version': '8.76.2'
719
719
  }).withConfig({
720
720
  displayName: "StyledFileUpload",
721
721
  componentId: "sc-1rodjgn-0"
@@ -727,7 +727,7 @@ StyledFileUpload.defaultProps = {
727
727
  const COMPONENT_ID$m = 'forms.file.close';
728
728
  const StyledFileClose = styled__default.default.button.attrs({
729
729
  'data-garden-id': COMPONENT_ID$m,
730
- 'data-garden-version': '8.76.1'
730
+ 'data-garden-version': '8.76.2'
731
731
  }).withConfig({
732
732
  displayName: "StyledFileClose",
733
733
  componentId: "sc-1m31jbf-0"
@@ -790,7 +790,7 @@ const sizeStyles$a = props => {
790
790
  };
791
791
  const StyledFile = styled__default.default.div.attrs({
792
792
  'data-garden-id': COMPONENT_ID$l,
793
- 'data-garden-version': '8.76.1'
793
+ 'data-garden-version': '8.76.2'
794
794
  }).withConfig({
795
795
  displayName: "StyledFile",
796
796
  componentId: "sc-195lzp1-0"
@@ -802,7 +802,7 @@ StyledFile.defaultProps = {
802
802
  const COMPONENT_ID$k = 'forms.file.delete';
803
803
  const StyledFileDelete = styled__default.default(StyledFileClose).attrs({
804
804
  'data-garden-id': COMPONENT_ID$k,
805
- 'data-garden-version': '8.76.1'
805
+ 'data-garden-version': '8.76.2'
806
806
  }).withConfig({
807
807
  displayName: "StyledFileDelete",
808
808
  componentId: "sc-a8nnhx-0"
@@ -822,7 +822,7 @@ const StyledFileIcon = styled__default.default(_ref => {
822
822
  return React__namespace.default.cloneElement(React.Children.only(children), props);
823
823
  }).attrs({
824
824
  'data-garden-id': COMPONENT_ID$j,
825
- 'data-garden-version': '8.76.1'
825
+ 'data-garden-version': '8.76.2'
826
826
  }).withConfig({
827
827
  displayName: "StyledFileIcon",
828
828
  componentId: "sc-7b3q0c-0"
@@ -834,7 +834,7 @@ StyledFileIcon.defaultProps = {
834
834
  const COMPONENT_ID$i = 'forms.file_list';
835
835
  const StyledFileList = styled__default.default.ul.attrs({
836
836
  'data-garden-id': COMPONENT_ID$i,
837
- 'data-garden-version': '8.76.1'
837
+ 'data-garden-version': '8.76.2'
838
838
  }).withConfig({
839
839
  displayName: "StyledFileList",
840
840
  componentId: "sc-gbahjg-0"
@@ -846,7 +846,7 @@ StyledFileList.defaultProps = {
846
846
  const COMPONENT_ID$h = 'forms.file_list.item';
847
847
  const StyledFileListItem = styled__default.default.li.attrs({
848
848
  'data-garden-id': COMPONENT_ID$h,
849
- 'data-garden-version': '8.76.1'
849
+ 'data-garden-version': '8.76.2'
850
850
  }).withConfig({
851
851
  displayName: "StyledFileListItem",
852
852
  componentId: "sc-1ova3lo-0"
@@ -876,7 +876,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
876
876
  const COMPONENT_ID$g = 'forms.radio_svg';
877
877
  const StyledRadioSvg = styled__default.default(SvgCircleSmFill$1).attrs({
878
878
  'data-garden-id': COMPONENT_ID$g,
879
- 'data-garden-version': '8.76.1'
879
+ 'data-garden-version': '8.76.2'
880
880
  }).withConfig({
881
881
  displayName: "StyledRadioSvg",
882
882
  componentId: "sc-1r1qtr1-0"
@@ -893,7 +893,7 @@ const sizeStyles$9 = props => {
893
893
  };
894
894
  const StyledToggleLabel = styled__default.default(StyledCheckLabel).attrs({
895
895
  'data-garden-id': COMPONENT_ID$f,
896
- 'data-garden-version': '8.76.1'
896
+ 'data-garden-version': '8.76.2'
897
897
  }).withConfig({
898
898
  displayName: "StyledToggleLabel",
899
899
  componentId: "sc-e0asdk-0"
@@ -905,7 +905,7 @@ StyledToggleLabel.defaultProps = {
905
905
  const COMPONENT_ID$e = 'forms.toggle_hint';
906
906
  const StyledToggleHint = styled__default.default(StyledHint).attrs({
907
907
  'data-garden-id': COMPONENT_ID$e,
908
- 'data-garden-version': '8.76.1'
908
+ 'data-garden-version': '8.76.2'
909
909
  }).withConfig({
910
910
  displayName: "StyledToggleHint",
911
911
  componentId: "sc-nziggu-0"
@@ -932,7 +932,7 @@ const sizeStyles$8 = props => {
932
932
  };
933
933
  const StyledToggleInput = styled__default.default(StyledCheckInput).attrs({
934
934
  'data-garden-id': COMPONENT_ID$d,
935
- 'data-garden-version': '8.76.1'
935
+ 'data-garden-version': '8.76.2'
936
936
  }).withConfig({
937
937
  displayName: "StyledToggleInput",
938
938
  componentId: "sc-sgp47s-0"
@@ -944,7 +944,7 @@ StyledToggleInput.defaultProps = {
944
944
  const COMPONENT_ID$c = 'forms.toggle_message';
945
945
  const StyledToggleMessage = styled__default.default(StyledMessage).attrs({
946
946
  'data-garden-id': COMPONENT_ID$c,
947
- 'data-garden-version': '8.76.1'
947
+ 'data-garden-version': '8.76.2'
948
948
  }).withConfig({
949
949
  displayName: "StyledToggleMessage",
950
950
  componentId: "sc-13vuvl1-0"
@@ -974,7 +974,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
974
974
  const COMPONENT_ID$b = 'forms.toggle_svg';
975
975
  const StyledToggleSvg = styled__default.default(SvgCircleSmFill).attrs({
976
976
  'data-garden-id': COMPONENT_ID$b,
977
- 'data-garden-version': '8.76.1'
977
+ 'data-garden-version': '8.76.2'
978
978
  }).withConfig({
979
979
  displayName: "StyledToggleSvg",
980
980
  componentId: "sc-162xbyx-0"
@@ -996,7 +996,7 @@ const sizeStyles$7 = props => {
996
996
  };
997
997
  const StyledSelect = styled__default.default(StyledTextInput).attrs({
998
998
  'data-garden-id': COMPONENT_ID$a,
999
- 'data-garden-version': '8.76.1',
999
+ 'data-garden-version': '8.76.2',
1000
1000
  as: 'select'
1001
1001
  }).withConfig({
1002
1002
  displayName: "StyledSelect",
@@ -1009,7 +1009,7 @@ StyledSelect.defaultProps = {
1009
1009
  const COMPONENT_ID$9 = 'forms.select_wrapper';
1010
1010
  const StyledSelectWrapper = styled__default.default(StyledTextFauxInput).attrs({
1011
1011
  'data-garden-id': COMPONENT_ID$9,
1012
- 'data-garden-version': '8.76.1'
1012
+ 'data-garden-version': '8.76.2'
1013
1013
  }).withConfig({
1014
1014
  displayName: "StyledSelectWrapper",
1015
1015
  componentId: "sc-i7b6hw-0"
@@ -1134,7 +1134,7 @@ const sizeStyles$6 = props => {
1134
1134
  };
1135
1135
  const StyledRangeInput = styled__default.default.input.attrs(props => ({
1136
1136
  'data-garden-id': COMPONENT_ID$8,
1137
- 'data-garden-version': '8.76.1',
1137
+ 'data-garden-version': '8.76.2',
1138
1138
  type: 'range',
1139
1139
  style: {
1140
1140
  backgroundSize: props.hasLowerTrack && props.backgroundSize
@@ -1167,7 +1167,7 @@ StyledRangeInput.defaultProps = {
1167
1167
  const COMPONENT_ID$7 = 'forms.slider';
1168
1168
  const StyledSlider = styled__default.default.div.attrs({
1169
1169
  'data-garden-id': COMPONENT_ID$7,
1170
- 'data-garden-version': '8.76.1'
1170
+ 'data-garden-version': '8.76.2'
1171
1171
  }).withConfig({
1172
1172
  displayName: "StyledSlider",
1173
1173
  componentId: "sc-1di437a-0"
@@ -1199,7 +1199,7 @@ const sizeStyles$5 = props => {
1199
1199
  };
1200
1200
  const StyledSliderThumb = styled__default.default.div.attrs(props => ({
1201
1201
  'data-garden-id': COMPONENT_ID$6,
1202
- 'data-garden-version': '8.76.1',
1202
+ 'data-garden-version': '8.76.2',
1203
1203
  'aria-disabled': props.isDisabled
1204
1204
  })).withConfig({
1205
1205
  displayName: "StyledSliderThumb",
@@ -1229,7 +1229,7 @@ const sizeStyles$4 = props => {
1229
1229
  };
1230
1230
  const StyledSliderTrack = styled__default.default.div.attrs(props => ({
1231
1231
  'data-garden-id': COMPONENT_ID$5,
1232
- 'data-garden-version': '8.76.1',
1232
+ 'data-garden-version': '8.76.2',
1233
1233
  'aria-disabled': props.isDisabled
1234
1234
  })).withConfig({
1235
1235
  displayName: "StyledSliderTrack",
@@ -1249,7 +1249,7 @@ const sizeStyles$3 = props => {
1249
1249
  };
1250
1250
  const StyledSliderTrackRail = styled__default.default.div.attrs({
1251
1251
  'data-garden-id': COMPONENT_ID$4,
1252
- 'data-garden-version': '8.76.1'
1252
+ 'data-garden-version': '8.76.2'
1253
1253
  }).withConfig({
1254
1254
  displayName: "StyledSliderTrackRail",
1255
1255
  componentId: "sc-1o5owbd-0"
@@ -1276,7 +1276,7 @@ const sizeStyles$2 = props => {
1276
1276
  };
1277
1277
  const StyledTileIcon = styled__default.default.span.attrs({
1278
1278
  'data-garden-id': COMPONENT_ID$3,
1279
- 'data-garden-version': '8.76.1'
1279
+ 'data-garden-version': '8.76.2'
1280
1280
  }).withConfig({
1281
1281
  displayName: "StyledTileIcon",
1282
1282
  componentId: "sc-1wazhg4-0"
@@ -1317,7 +1317,7 @@ const colorStyles = props => {
1317
1317
  };
1318
1318
  const StyledTile = styled__default.default.label.attrs(props => ({
1319
1319
  'data-garden-id': COMPONENT_ID$2,
1320
- 'data-garden-version': '8.76.1',
1320
+ 'data-garden-version': '8.76.2',
1321
1321
  'data-garden-selected': props.isSelected
1322
1322
  })).withConfig({
1323
1323
  displayName: "StyledTile",
@@ -1341,7 +1341,7 @@ const sizeStyles$1 = props => {
1341
1341
  };
1342
1342
  const StyledTileDescription = styled__default.default.span.attrs({
1343
1343
  'data-garden-id': COMPONENT_ID$1,
1344
- 'data-garden-version': '8.76.1'
1344
+ 'data-garden-version': '8.76.2'
1345
1345
  }).withConfig({
1346
1346
  displayName: "StyledTileDescription",
1347
1347
  componentId: "sc-xfuu7u-0"
@@ -1374,7 +1374,7 @@ const sizeStyles = props => {
1374
1374
  };
1375
1375
  const StyledTileLabel = styled__default.default.span.attrs({
1376
1376
  'data-garden-id': COMPONENT_ID,
1377
- 'data-garden-version': '8.76.1'
1377
+ 'data-garden-version': '8.76.2'
1378
1378
  }).withConfig({
1379
1379
  displayName: "StyledTileLabel",
1380
1380
  componentId: "sc-1mypv27-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-forms",
3
- "version": "8.76.1",
3
+ "version": "8.76.2",
4
4
  "description": "Components relating to form elements in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -37,7 +37,7 @@
37
37
  },
38
38
  "devDependencies": {
39
39
  "@types/lodash.debounce": "4.0.9",
40
- "@zendeskgarden/react-theming": "^8.76.1",
40
+ "@zendeskgarden/react-theming": "^8.76.2",
41
41
  "@zendeskgarden/svg-icons": "7.0.0",
42
42
  "react-dropzone": "14.2.3"
43
43
  },
@@ -51,5 +51,5 @@
51
51
  "access": "public"
52
52
  },
53
53
  "zendeskgarden:src": "src/index.ts",
54
- "gitHead": "8351e305688a65273cb18741c0800be8027cf878"
54
+ "gitHead": "da0275d3511e27f15992e5ba9a7b7d6f19f295b6"
55
55
  }