@zendeskgarden/react-forms 9.7.2 → 9.9.0

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 (45) 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/select/StyledSelect.js +1 -1
  29. package/dist/esm/styled/select/StyledSelectWrapper.js +1 -1
  30. package/dist/esm/styled/text/StyledTextFauxInput.js +1 -1
  31. package/dist/esm/styled/text/StyledTextInput.js +1 -1
  32. package/dist/esm/styled/text/StyledTextMediaFigure.js +1 -1
  33. package/dist/esm/styled/text/StyledTextMediaInput.js +1 -1
  34. package/dist/esm/styled/text/StyledTextarea.js +1 -1
  35. package/dist/esm/styled/tiles/StyledTile.js +1 -1
  36. package/dist/esm/styled/tiles/StyledTileDescription.js +1 -1
  37. package/dist/esm/styled/tiles/StyledTileIcon.js +1 -1
  38. package/dist/esm/styled/tiles/StyledTileLabel.js +1 -1
  39. package/dist/esm/styled/toggle/StyledToggleHint.js +1 -1
  40. package/dist/esm/styled/toggle/StyledToggleInput.js +1 -1
  41. package/dist/esm/styled/toggle/StyledToggleLabel.js +1 -1
  42. package/dist/esm/styled/toggle/StyledToggleMessage.js +1 -1
  43. package/dist/esm/styled/toggle/StyledToggleSvg.js +1 -1
  44. package/dist/index.cjs.js +43 -43
  45. 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': '9.7.2'
14
+ 'data-garden-version': '9.9.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledCheckHint",
17
17
  componentId: "sc-1kl8e8c-0"
@@ -65,7 +65,7 @@ const colorStyles = _ref => {
65
65
  };
66
66
  const StyledCheckInput = styled(StyledRadioInput).attrs({
67
67
  'data-garden-id': COMPONENT_ID,
68
- 'data-garden-version': '9.7.2',
68
+ 'data-garden-version': '9.9.0',
69
69
  type: 'checkbox'
70
70
  }).withConfig({
71
71
  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': '9.7.2'
14
+ 'data-garden-version': '9.9.0'
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': '9.7.2'
14
+ 'data-garden-version': '9.9.0'
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': '9.7.2'
16
+ 'data-garden-version': '9.9.0'
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': '9.7.2'
16
+ 'data-garden-version': '9.9.0'
17
17
  }).withConfig({
18
18
  displayName: "StyledDashSvg",
19
19
  componentId: "sc-z3vq71-0"
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
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': '9.7.2'
13
+ 'data-garden-version': '9.9.0'
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': '9.7.2'
15
+ 'data-garden-version': '9.9.0'
16
16
  }).withConfig({
17
17
  displayName: "StyledFieldset",
18
18
  componentId: "sc-1vr4mxv-0"
@@ -10,7 +10,7 @@ import { getLineHeight, getColor, componentStyles } from '@zendeskgarden/react-t
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'] || '9.7.2'
13
+ 'data-garden-version': props['data-garden-version'] || '9.9.0'
14
14
  })).withConfig({
15
15
  displayName: "StyledHint",
16
16
  componentId: "sc-17c2wu8-0"
@@ -11,7 +11,7 @@ import { getLineHeight, getColor, componentStyles } from '@zendeskgarden/react-t
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'] || '9.7.2'
14
+ 'data-garden-version': props['data-garden-version'] || '9.9.0'
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': '9.7.2'
15
+ 'data-garden-version': '9.9.0'
16
16
  }).withConfig({
17
17
  displayName: "StyledLegend",
18
18
  componentId: "sc-6s0zwq-0"
@@ -45,7 +45,7 @@ const sizeStyles = _ref2 => {
45
45
  };
46
46
  const StyledMessage = styled.div.attrs(props => ({
47
47
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID,
48
- 'data-garden-version': props['data-garden-version'] || '9.7.2'
48
+ 'data-garden-version': props['data-garden-version'] || '9.9.0'
49
49
  })).withConfig({
50
50
  displayName: "StyledMessage",
51
51
  componentId: "sc-30hgg7-0"
@@ -10,7 +10,7 @@ import { StyledBaseIcon, componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'forms.input_message_icon';
11
11
  const StyledMessageIcon = styled(StyledBaseIcon).attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.7.2'
13
+ 'data-garden-version': '9.9.0'
14
14
  }).withConfig({
15
15
  displayName: "StyledMessageIcon",
16
16
  componentId: "sc-1ph2gba-0"
@@ -85,7 +85,7 @@ const sizeStyles = _ref2 => {
85
85
  };
86
86
  const StyledFile = styled.div.attrs({
87
87
  'data-garden-id': COMPONENT_ID,
88
- 'data-garden-version': '9.7.2'
88
+ 'data-garden-version': '9.9.0'
89
89
  }).withConfig({
90
90
  displayName: "StyledFile",
91
91
  componentId: "sc-195lzp1-0"
@@ -10,7 +10,7 @@ import { getColor, componentStyles } from '@zendeskgarden/react-theming';
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': '9.7.2'
13
+ 'data-garden-version': '9.9.0'
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': '9.7.2'
14
+ 'data-garden-version': '9.9.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledFileDelete",
17
17
  componentId: "sc-a8nnhx-0"
@@ -30,7 +30,7 @@ const sizeStyles = _ref2 => {
30
30
  };
31
31
  const StyledFileIcon = styled(StyledBaseIcon).attrs({
32
32
  'data-garden-id': COMPONENT_ID,
33
- 'data-garden-version': '9.7.2'
33
+ 'data-garden-version': '9.9.0'
34
34
  }).withConfig({
35
35
  displayName: "StyledFileIcon",
36
36
  componentId: "sc-7b3q0c-0"
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
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': '9.7.2'
13
+ 'data-garden-version': '9.9.0'
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': '9.7.2'
15
+ 'data-garden-version': '9.9.0'
16
16
  }).withConfig({
17
17
  displayName: "StyledFileListItem",
18
18
  componentId: "sc-1ova3lo-0"
@@ -104,7 +104,7 @@ const sizeStyles = _ref2 => {
104
104
  };
105
105
  const StyledFileUpload = styled.div.attrs({
106
106
  'data-garden-id': COMPONENT_ID,
107
- 'data-garden-version': '9.7.2'
107
+ 'data-garden-version': '9.9.0'
108
108
  }).withConfig({
109
109
  displayName: "StyledFileUpload",
110
110
  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': '9.7.2'
26
+ 'data-garden-version': '9.9.0'
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': '9.7.2'
15
+ 'data-garden-version': '9.9.0'
16
16
  }).withConfig({
17
17
  displayName: "StyledRadioHint",
18
18
  componentId: "sc-eo8twg-0"
@@ -109,7 +109,7 @@ const sizeStyles = _ref2 => {
109
109
  };
110
110
  const StyledRadioInput = styled.input.attrs({
111
111
  'data-garden-id': COMPONENT_ID,
112
- 'data-garden-version': '9.7.2',
112
+ 'data-garden-version': '9.9.0',
113
113
  type: 'radio'
114
114
  }).withConfig({
115
115
  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': '9.7.2',
20
+ 'data-garden-version': '9.9.0',
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': '9.7.2'
15
+ 'data-garden-version': '9.9.0'
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': '9.7.2'
16
+ 'data-garden-version': '9.9.0'
17
17
  }).withConfig({
18
18
  displayName: "StyledRadioSvg",
19
19
  componentId: "sc-1r1qtr1-0"
@@ -177,7 +177,7 @@ const sizeStyles = _ref2 => {
177
177
  };
178
178
  const StyledRangeInput = styled.input.attrs(props => ({
179
179
  'data-garden-id': COMPONENT_ID,
180
- 'data-garden-version': '9.7.2',
180
+ 'data-garden-version': '9.9.0',
181
181
  type: 'range',
182
182
  style: {
183
183
  backgroundSize: props.$hasLowerTrack ? props.$backgroundSize : undefined
@@ -44,7 +44,7 @@ const sizeStyles = _ref2 => {
44
44
  };
45
45
  const StyledSelect = styled(StyledTextInput).attrs({
46
46
  'data-garden-id': COMPONENT_ID,
47
- 'data-garden-version': '9.7.2',
47
+ 'data-garden-version': '9.9.0',
48
48
  as: 'select'
49
49
  }).withConfig({
50
50
  displayName: "StyledSelect",
@@ -20,7 +20,7 @@ const sizeStyles = _ref => {
20
20
  };
21
21
  const StyledSelectWrapper = styled(StyledTextFauxInput).attrs({
22
22
  'data-garden-id': COMPONENT_ID,
23
- 'data-garden-version': '9.7.2'
23
+ 'data-garden-version': '9.9.0'
24
24
  }).withConfig({
25
25
  displayName: "StyledSelectWrapper",
26
26
  componentId: "sc-i7b6hw-0"
@@ -57,7 +57,7 @@ const StyledTextFauxInput = styled(StyledTextInput).attrs(props => ({
57
57
  'aria-readonly': props.$isReadOnly,
58
58
  'aria-disabled': props.$isDisabled,
59
59
  'data-garden-id': COMPONENT_ID,
60
- 'data-garden-version': '9.7.2'
60
+ 'data-garden-version': '9.9.0'
61
61
  })).withConfig({
62
62
  displayName: "StyledTextFauxInput",
63
63
  componentId: "sc-yqw7j9-0"
@@ -137,7 +137,7 @@ const sizeStyles = _ref2 => {
137
137
  };
138
138
  const StyledTextInput = styled.input.attrs(props => ({
139
139
  'data-garden-id': COMPONENT_ID,
140
- 'data-garden-version': '9.7.2',
140
+ 'data-garden-version': '9.9.0',
141
141
  'aria-invalid': isInvalid(props.$validation)
142
142
  })).withConfig({
143
143
  displayName: "StyledTextInput",
@@ -56,7 +56,7 @@ const sizeStyles = props => {
56
56
  };
57
57
  const StyledTextMediaFigure = styled(StyledBaseIcon).attrs({
58
58
  'data-garden-id': COMPONENT_ID,
59
- 'data-garden-version': '9.7.2'
59
+ 'data-garden-version': '9.9.0'
60
60
  }).withConfig({
61
61
  displayName: "StyledTextMediaFigure",
62
62
  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': '9.7.2',
14
+ 'data-garden-version': '9.9.0',
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': '9.7.2'
24
+ 'data-garden-version': '9.9.0'
25
25
  }).withConfig({
26
26
  displayName: "StyledTextarea",
27
27
  componentId: "sc-wxschl-0"
@@ -102,7 +102,7 @@ const sizeStyles = _ref2 => {
102
102
  };
103
103
  const StyledTile = styled.label.attrs({
104
104
  'data-garden-id': COMPONENT_ID,
105
- 'data-garden-version': '9.7.2'
105
+ 'data-garden-version': '9.9.0'
106
106
  }).withConfig({
107
107
  displayName: "StyledTile",
108
108
  componentId: "sc-1jjvmxs-0"
@@ -22,7 +22,7 @@ const sizeStyles = _ref => {
22
22
  };
23
23
  const StyledTileDescription = styled.span.attrs({
24
24
  'data-garden-id': COMPONENT_ID,
25
- 'data-garden-version': '9.7.2'
25
+ 'data-garden-version': '9.9.0'
26
26
  }).withConfig({
27
27
  displayName: "StyledTileDescription",
28
28
  componentId: "sc-xfuu7u-0"
@@ -65,7 +65,7 @@ const sizeStyles = _ref2 => {
65
65
  };
66
66
  const StyledTileIcon = styled.span.attrs({
67
67
  'data-garden-id': COMPONENT_ID,
68
- 'data-garden-version': '9.7.2'
68
+ 'data-garden-version': '9.9.0'
69
69
  }).withConfig({
70
70
  displayName: "StyledTileIcon",
71
71
  componentId: "sc-1wazhg4-0"
@@ -22,7 +22,7 @@ const sizeStyles = _ref => {
22
22
  };
23
23
  const StyledTileLabel = styled.span.attrs({
24
24
  'data-garden-id': COMPONENT_ID,
25
- 'data-garden-version': '9.7.2'
25
+ 'data-garden-version': '9.9.0'
26
26
  }).withConfig({
27
27
  displayName: "StyledTileLabel",
28
28
  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': '9.7.2'
15
+ 'data-garden-version': '9.9.0'
16
16
  }).withConfig({
17
17
  displayName: "StyledToggleHint",
18
18
  componentId: "sc-nziggu-0"
@@ -53,7 +53,7 @@ const sizeStyles = _ref2 => {
53
53
  };
54
54
  const StyledToggleInput = styled(StyledCheckInput).attrs({
55
55
  'data-garden-id': COMPONENT_ID,
56
- 'data-garden-version': '9.7.2'
56
+ 'data-garden-version': '9.9.0'
57
57
  }).withConfig({
58
58
  displayName: "StyledToggleInput",
59
59
  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': '9.7.2'
19
+ 'data-garden-version': '9.9.0'
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': '9.7.2'
16
+ 'data-garden-version': '9.9.0'
17
17
  }).withConfig({
18
18
  displayName: "StyledToggleMessage",
19
19
  componentId: "sc-13vuvl1-0"
@@ -11,7 +11,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
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': '9.7.2'
14
+ 'data-garden-version': '9.9.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledToggleSvg",
17
17
  componentId: "sc-162xbyx-0"
package/dist/index.cjs.js CHANGED
@@ -48,7 +48,7 @@ const useFieldContext = () => {
48
48
  const COMPONENT_ID$G = 'forms.field';
49
49
  const StyledField = styled__default.default.div.attrs({
50
50
  'data-garden-id': COMPONENT_ID$G,
51
- 'data-garden-version': '9.7.2'
51
+ 'data-garden-version': '9.9.0'
52
52
  }).withConfig({
53
53
  displayName: "StyledField",
54
54
  componentId: "sc-12gzfsu-0"
@@ -58,7 +58,7 @@ const COMPONENT_ID$F = 'forms.fieldset';
58
58
  const StyledFieldset = styled__default.default(StyledField).attrs({
59
59
  as: 'fieldset',
60
60
  'data-garden-id': COMPONENT_ID$F,
61
- 'data-garden-version': '9.7.2'
61
+ 'data-garden-version': '9.9.0'
62
62
  }).withConfig({
63
63
  displayName: "StyledFieldset",
64
64
  componentId: "sc-1vr4mxv-0"
@@ -67,7 +67,7 @@ const StyledFieldset = styled__default.default(StyledField).attrs({
67
67
  const COMPONENT_ID$E = 'forms.input_label';
68
68
  const StyledLabel = styled__default.default.label.attrs(props => ({
69
69
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$E,
70
- 'data-garden-version': props['data-garden-version'] || '9.7.2'
70
+ 'data-garden-version': props['data-garden-version'] || '9.9.0'
71
71
  })).withConfig({
72
72
  displayName: "StyledLabel",
73
73
  componentId: "sc-2utmsz-0"
@@ -80,7 +80,7 @@ const COMPONENT_ID$D = 'forms.fieldset_legend';
80
80
  const StyledLegend = styled__default.default(StyledLabel).attrs({
81
81
  as: 'legend',
82
82
  'data-garden-id': COMPONENT_ID$D,
83
- 'data-garden-version': '9.7.2'
83
+ 'data-garden-version': '9.9.0'
84
84
  }).withConfig({
85
85
  displayName: "StyledLegend",
86
86
  componentId: "sc-6s0zwq-0"
@@ -89,7 +89,7 @@ const StyledLegend = styled__default.default(StyledLabel).attrs({
89
89
  const COMPONENT_ID$C = 'forms.input_hint';
90
90
  const StyledHint = styled__default.default.div.attrs(props => ({
91
91
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$C,
92
- 'data-garden-version': props['data-garden-version'] || '9.7.2'
92
+ 'data-garden-version': props['data-garden-version'] || '9.9.0'
93
93
  })).withConfig({
94
94
  displayName: "StyledHint",
95
95
  componentId: "sc-17c2wu8-0"
@@ -101,7 +101,7 @@ const StyledHint = styled__default.default.div.attrs(props => ({
101
101
  const COMPONENT_ID$B = 'forms.input_message_icon';
102
102
  const StyledMessageIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
103
103
  'data-garden-id': COMPONENT_ID$B,
104
- 'data-garden-version': '9.7.2'
104
+ 'data-garden-version': '9.9.0'
105
105
  }).withConfig({
106
106
  displayName: "StyledMessageIcon",
107
107
  componentId: "sc-1ph2gba-0"
@@ -142,7 +142,7 @@ const sizeStyles$g = _ref2 => {
142
142
  };
143
143
  const StyledMessage = styled__default.default.div.attrs(props => ({
144
144
  'data-garden-id': props['data-garden-id'] || COMPONENT_ID$A,
145
- 'data-garden-version': props['data-garden-version'] || '9.7.2'
145
+ 'data-garden-version': props['data-garden-version'] || '9.9.0'
146
146
  })).withConfig({
147
147
  displayName: "StyledMessage",
148
148
  componentId: "sc-30hgg7-0"
@@ -274,7 +274,7 @@ const sizeStyles$f = _ref2 => {
274
274
  };
275
275
  const StyledTextInput = styled__default.default.input.attrs(props => ({
276
276
  'data-garden-id': COMPONENT_ID$z,
277
- 'data-garden-version': '9.7.2',
277
+ 'data-garden-version': '9.9.0',
278
278
  'aria-invalid': isInvalid(props.$validation)
279
279
  })).withConfig({
280
280
  displayName: "StyledTextInput",
@@ -294,7 +294,7 @@ const hiddenStyles = `
294
294
  const StyledTextarea = styled__default.default(StyledTextInput).attrs({
295
295
  as: 'textarea',
296
296
  'data-garden-id': COMPONENT_ID$y,
297
- 'data-garden-version': '9.7.2'
297
+ 'data-garden-version': '9.9.0'
298
298
  }).withConfig({
299
299
  displayName: "StyledTextarea",
300
300
  componentId: "sc-wxschl-0"
@@ -349,7 +349,7 @@ const sizeStyles$e = props => {
349
349
  };
350
350
  const StyledTextMediaFigure = styled__default.default(reactTheming.StyledBaseIcon).attrs({
351
351
  'data-garden-id': COMPONENT_ID$x,
352
- 'data-garden-version': '9.7.2'
352
+ 'data-garden-version': '9.9.0'
353
353
  }).withConfig({
354
354
  displayName: "StyledTextMediaFigure",
355
355
  componentId: "sc-1qepknj-0"
@@ -403,7 +403,7 @@ const StyledTextFauxInput = styled__default.default(StyledTextInput).attrs(props
403
403
  'aria-readonly': props.$isReadOnly,
404
404
  'aria-disabled': props.$isDisabled,
405
405
  'data-garden-id': COMPONENT_ID$w,
406
- 'data-garden-version': '9.7.2'
406
+ 'data-garden-version': '9.9.0'
407
407
  })).withConfig({
408
408
  displayName: "StyledTextFauxInput",
409
409
  componentId: "sc-yqw7j9-0"
@@ -412,7 +412,7 @@ const StyledTextFauxInput = styled__default.default(StyledTextInput).attrs(props
412
412
  const COMPONENT_ID$v = 'forms.media_input';
413
413
  const StyledTextMediaInput = styled__default.default(StyledTextInput).attrs({
414
414
  'data-garden-id': COMPONENT_ID$v,
415
- 'data-garden-version': '9.7.2',
415
+ 'data-garden-version': '9.9.0',
416
416
  $isBare: true
417
417
  }).withConfig({
418
418
  displayName: "StyledTextMediaInput",
@@ -431,7 +431,7 @@ const itemStyles = props => {
431
431
  };
432
432
  const StyledInputGroup = styled__default.default.div.attrs({
433
433
  'data-garden-id': COMPONENT_ID$u,
434
- 'data-garden-version': '9.7.2'
434
+ 'data-garden-version': '9.9.0'
435
435
  }).withConfig({
436
436
  displayName: "StyledInputGroup",
437
437
  componentId: "sc-kjh1f0-0"
@@ -446,7 +446,7 @@ const sizeStyles$d = props => {
446
446
  };
447
447
  const StyledRadioLabel = styled__default.default(StyledLabel).attrs({
448
448
  'data-garden-id': COMPONENT_ID$t,
449
- 'data-garden-version': '9.7.2',
449
+ 'data-garden-version': '9.9.0',
450
450
  $isRadio: true
451
451
  }).withConfig({
452
452
  displayName: "StyledRadioLabel",
@@ -456,7 +456,7 @@ const StyledRadioLabel = styled__default.default(StyledLabel).attrs({
456
456
  const COMPONENT_ID$s = 'forms.checkbox_label';
457
457
  const StyledCheckLabel = styled__default.default(StyledRadioLabel).attrs({
458
458
  'data-garden-id': COMPONENT_ID$s,
459
- 'data-garden-version': '9.7.2'
459
+ 'data-garden-version': '9.9.0'
460
460
  }).withConfig({
461
461
  displayName: "StyledCheckLabel",
462
462
  componentId: "sc-x7nr1-0"
@@ -465,7 +465,7 @@ const StyledCheckLabel = styled__default.default(StyledRadioLabel).attrs({
465
465
  const COMPONENT_ID$r = 'forms.radio_hint';
466
466
  const StyledRadioHint = styled__default.default(StyledHint).attrs({
467
467
  'data-garden-id': COMPONENT_ID$r,
468
- 'data-garden-version': '9.7.2'
468
+ 'data-garden-version': '9.9.0'
469
469
  }).withConfig({
470
470
  displayName: "StyledRadioHint",
471
471
  componentId: "sc-eo8twg-0"
@@ -474,7 +474,7 @@ const StyledRadioHint = styled__default.default(StyledHint).attrs({
474
474
  const COMPONENT_ID$q = 'forms.checkbox_hint';
475
475
  const StyledCheckHint = styled__default.default(StyledRadioHint).attrs({
476
476
  'data-garden-id': COMPONENT_ID$q,
477
- 'data-garden-version': '9.7.2'
477
+ 'data-garden-version': '9.9.0'
478
478
  }).withConfig({
479
479
  displayName: "StyledCheckHint",
480
480
  componentId: "sc-1kl8e8c-0"
@@ -579,7 +579,7 @@ const sizeStyles$c = _ref2 => {
579
579
  };
580
580
  const StyledRadioInput = styled__default.default.input.attrs({
581
581
  'data-garden-id': COMPONENT_ID$p,
582
- 'data-garden-version': '9.7.2',
582
+ 'data-garden-version': '9.9.0',
583
583
  type: 'radio'
584
584
  }).withConfig({
585
585
  displayName: "StyledRadioInput",
@@ -642,7 +642,7 @@ const colorStyles$8 = _ref => {
642
642
  };
643
643
  const StyledCheckInput = styled__default.default(StyledRadioInput).attrs({
644
644
  'data-garden-id': COMPONENT_ID$o,
645
- 'data-garden-version': '9.7.2',
645
+ 'data-garden-version': '9.9.0',
646
646
  type: 'checkbox'
647
647
  }).withConfig({
648
648
  displayName: "StyledCheckInput",
@@ -652,7 +652,7 @@ const StyledCheckInput = styled__default.default(StyledRadioInput).attrs({
652
652
  const COMPONENT_ID$n = 'forms.radio_message';
653
653
  const StyledRadioMessage = styled__default.default(StyledMessage).attrs({
654
654
  'data-garden-id': COMPONENT_ID$n,
655
- 'data-garden-version': '9.7.2'
655
+ 'data-garden-version': '9.9.0'
656
656
  }).withConfig({
657
657
  displayName: "StyledRadioMessage",
658
658
  componentId: "sc-1pmi0q8-0"
@@ -661,7 +661,7 @@ const StyledRadioMessage = styled__default.default(StyledMessage).attrs({
661
661
  const COMPONENT_ID$m = 'forms.checkbox_message';
662
662
  const StyledCheckMessage = styled__default.default(StyledRadioMessage).attrs({
663
663
  'data-garden-id': COMPONENT_ID$m,
664
- 'data-garden-version': '9.7.2'
664
+ 'data-garden-version': '9.9.0'
665
665
  }).withConfig({
666
666
  displayName: "StyledCheckMessage",
667
667
  componentId: "sc-s4p6kd-0"
@@ -690,7 +690,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
690
690
  const COMPONENT_ID$l = 'forms.check_svg';
691
691
  const StyledCheckSvg = styled__default.default(SvgCheckSmFill).attrs({
692
692
  'data-garden-id': COMPONENT_ID$l,
693
- 'data-garden-version': '9.7.2'
693
+ 'data-garden-version': '9.9.0'
694
694
  }).withConfig({
695
695
  displayName: "StyledCheckSvg",
696
696
  componentId: "sc-fvxetk-0"
@@ -717,7 +717,7 @@ var SvgDashFill = function SvgDashFill(props) {
717
717
  const COMPONENT_ID$k = 'forms.dash_svg';
718
718
  const StyledDashSvg = styled__default.default(SvgDashFill).attrs({
719
719
  'data-garden-id': COMPONENT_ID$k,
720
- 'data-garden-version': '9.7.2'
720
+ 'data-garden-version': '9.9.0'
721
721
  }).withConfig({
722
722
  displayName: "StyledDashSvg",
723
723
  componentId: "sc-z3vq71-0"
@@ -816,7 +816,7 @@ const sizeStyles$b = _ref2 => {
816
816
  };
817
817
  const StyledFileUpload = styled__default.default.div.attrs({
818
818
  'data-garden-id': COMPONENT_ID$j,
819
- 'data-garden-version': '9.7.2'
819
+ 'data-garden-version': '9.9.0'
820
820
  }).withConfig({
821
821
  displayName: "StyledFileUpload",
822
822
  componentId: "sc-1rodjgn-0"
@@ -825,7 +825,7 @@ const StyledFileUpload = styled__default.default.div.attrs({
825
825
  const COMPONENT_ID$i = 'forms.file.close';
826
826
  const StyledFileClose = styled__default.default.button.attrs({
827
827
  'data-garden-id': COMPONENT_ID$i,
828
- 'data-garden-version': '9.7.2'
828
+ 'data-garden-version': '9.9.0'
829
829
  }).withConfig({
830
830
  displayName: "StyledFileClose",
831
831
  componentId: "sc-1m31jbf-0"
@@ -911,7 +911,7 @@ const sizeStyles$a = _ref2 => {
911
911
  };
912
912
  const StyledFile = styled__default.default.div.attrs({
913
913
  'data-garden-id': COMPONENT_ID$h,
914
- 'data-garden-version': '9.7.2'
914
+ 'data-garden-version': '9.9.0'
915
915
  }).withConfig({
916
916
  displayName: "StyledFile",
917
917
  componentId: "sc-195lzp1-0"
@@ -920,7 +920,7 @@ const StyledFile = styled__default.default.div.attrs({
920
920
  const COMPONENT_ID$g = 'forms.file.delete';
921
921
  const StyledFileDelete = styled__default.default(StyledFileClose).attrs({
922
922
  'data-garden-id': COMPONENT_ID$g,
923
- 'data-garden-version': '9.7.2'
923
+ 'data-garden-version': '9.9.0'
924
924
  }).withConfig({
925
925
  displayName: "StyledFileDelete",
926
926
  componentId: "sc-a8nnhx-0"
@@ -952,7 +952,7 @@ const sizeStyles$9 = _ref2 => {
952
952
  };
953
953
  const StyledFileIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
954
954
  'data-garden-id': COMPONENT_ID$f,
955
- 'data-garden-version': '9.7.2'
955
+ 'data-garden-version': '9.9.0'
956
956
  }).withConfig({
957
957
  displayName: "StyledFileIcon",
958
958
  componentId: "sc-7b3q0c-0"
@@ -961,7 +961,7 @@ const StyledFileIcon = styled__default.default(reactTheming.StyledBaseIcon).attr
961
961
  const COMPONENT_ID$e = 'forms.file_list';
962
962
  const StyledFileList = styled__default.default.ul.attrs({
963
963
  'data-garden-id': COMPONENT_ID$e,
964
- 'data-garden-version': '9.7.2'
964
+ 'data-garden-version': '9.9.0'
965
965
  }).withConfig({
966
966
  displayName: "StyledFileList",
967
967
  componentId: "sc-gbahjg-0"
@@ -970,7 +970,7 @@ const StyledFileList = styled__default.default.ul.attrs({
970
970
  const COMPONENT_ID$d = 'forms.file_list.item';
971
971
  const StyledFileListItem = styled__default.default.li.attrs({
972
972
  'data-garden-id': COMPONENT_ID$d,
973
- 'data-garden-version': '9.7.2'
973
+ 'data-garden-version': '9.9.0'
974
974
  }).withConfig({
975
975
  displayName: "StyledFileListItem",
976
976
  componentId: "sc-1ova3lo-0"
@@ -997,7 +997,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
997
997
  const COMPONENT_ID$c = 'forms.radio_svg';
998
998
  const StyledRadioSvg = styled__default.default(SvgCircleSmFill$1).attrs({
999
999
  'data-garden-id': COMPONENT_ID$c,
1000
- 'data-garden-version': '9.7.2'
1000
+ 'data-garden-version': '9.9.0'
1001
1001
  }).withConfig({
1002
1002
  displayName: "StyledRadioSvg",
1003
1003
  componentId: "sc-1r1qtr1-0"
@@ -1011,7 +1011,7 @@ const sizeStyles$8 = props => {
1011
1011
  };
1012
1012
  const StyledToggleLabel = styled__default.default(StyledCheckLabel).attrs({
1013
1013
  'data-garden-id': COMPONENT_ID$b,
1014
- 'data-garden-version': '9.7.2'
1014
+ 'data-garden-version': '9.9.0'
1015
1015
  }).withConfig({
1016
1016
  displayName: "StyledToggleLabel",
1017
1017
  componentId: "sc-e0asdk-0"
@@ -1020,7 +1020,7 @@ const StyledToggleLabel = styled__default.default(StyledCheckLabel).attrs({
1020
1020
  const COMPONENT_ID$a = 'forms.toggle_hint';
1021
1021
  const StyledToggleHint = styled__default.default(StyledHint).attrs({
1022
1022
  'data-garden-id': COMPONENT_ID$a,
1023
- 'data-garden-version': '9.7.2'
1023
+ 'data-garden-version': '9.9.0'
1024
1024
  }).withConfig({
1025
1025
  displayName: "StyledToggleHint",
1026
1026
  componentId: "sc-nziggu-0"
@@ -1069,7 +1069,7 @@ const sizeStyles$7 = _ref2 => {
1069
1069
  };
1070
1070
  const StyledToggleInput = styled__default.default(StyledCheckInput).attrs({
1071
1071
  'data-garden-id': COMPONENT_ID$9,
1072
- 'data-garden-version': '9.7.2'
1072
+ 'data-garden-version': '9.9.0'
1073
1073
  }).withConfig({
1074
1074
  displayName: "StyledToggleInput",
1075
1075
  componentId: "sc-sgp47s-0"
@@ -1078,7 +1078,7 @@ const StyledToggleInput = styled__default.default(StyledCheckInput).attrs({
1078
1078
  const COMPONENT_ID$8 = 'forms.toggle_message';
1079
1079
  const StyledToggleMessage = styled__default.default(StyledMessage).attrs({
1080
1080
  'data-garden-id': COMPONENT_ID$8,
1081
- 'data-garden-version': '9.7.2'
1081
+ 'data-garden-version': '9.9.0'
1082
1082
  }).withConfig({
1083
1083
  displayName: "StyledToggleMessage",
1084
1084
  componentId: "sc-13vuvl1-0"
@@ -1105,7 +1105,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
1105
1105
  const COMPONENT_ID$7 = 'forms.toggle_svg';
1106
1106
  const StyledToggleSvg = styled__default.default(SvgCircleSmFill).attrs({
1107
1107
  'data-garden-id': COMPONENT_ID$7,
1108
- 'data-garden-version': '9.7.2'
1108
+ 'data-garden-version': '9.9.0'
1109
1109
  }).withConfig({
1110
1110
  displayName: "StyledToggleSvg",
1111
1111
  componentId: "sc-162xbyx-0"
@@ -1145,7 +1145,7 @@ const sizeStyles$6 = _ref2 => {
1145
1145
  };
1146
1146
  const StyledSelect = styled__default.default(StyledTextInput).attrs({
1147
1147
  'data-garden-id': COMPONENT_ID$6,
1148
- 'data-garden-version': '9.7.2',
1148
+ 'data-garden-version': '9.9.0',
1149
1149
  as: 'select'
1150
1150
  }).withConfig({
1151
1151
  displayName: "StyledSelect",
@@ -1166,7 +1166,7 @@ const sizeStyles$5 = _ref => {
1166
1166
  };
1167
1167
  const StyledSelectWrapper = styled__default.default(StyledTextFauxInput).attrs({
1168
1168
  'data-garden-id': COMPONENT_ID$5,
1169
- 'data-garden-version': '9.7.2'
1169
+ 'data-garden-version': '9.9.0'
1170
1170
  }).withConfig({
1171
1171
  displayName: "StyledSelectWrapper",
1172
1172
  componentId: "sc-i7b6hw-0"
@@ -1338,7 +1338,7 @@ const sizeStyles$4 = _ref2 => {
1338
1338
  };
1339
1339
  const StyledRangeInput = styled__default.default.input.attrs(props => ({
1340
1340
  'data-garden-id': COMPONENT_ID$4,
1341
- 'data-garden-version': '9.7.2',
1341
+ 'data-garden-version': '9.9.0',
1342
1342
  type: 'range',
1343
1343
  style: {
1344
1344
  backgroundSize: props.$hasLowerTrack ? props.$backgroundSize : undefined
@@ -1463,7 +1463,7 @@ const sizeStyles$3 = _ref2 => {
1463
1463
  };
1464
1464
  const StyledTile = styled__default.default.label.attrs({
1465
1465
  'data-garden-id': COMPONENT_ID$3,
1466
- 'data-garden-version': '9.7.2'
1466
+ 'data-garden-version': '9.9.0'
1467
1467
  }).withConfig({
1468
1468
  displayName: "StyledTile",
1469
1469
  componentId: "sc-1jjvmxs-0"
@@ -1483,7 +1483,7 @@ const sizeStyles$2 = _ref => {
1483
1483
  };
1484
1484
  const StyledTileDescription = styled__default.default.span.attrs({
1485
1485
  'data-garden-id': COMPONENT_ID$2,
1486
- 'data-garden-version': '9.7.2'
1486
+ 'data-garden-version': '9.9.0'
1487
1487
  }).withConfig({
1488
1488
  displayName: "StyledTileDescription",
1489
1489
  componentId: "sc-xfuu7u-0"
@@ -1545,7 +1545,7 @@ const sizeStyles$1 = _ref2 => {
1545
1545
  };
1546
1546
  const StyledTileIcon = styled__default.default.span.attrs({
1547
1547
  'data-garden-id': COMPONENT_ID$1,
1548
- 'data-garden-version': '9.7.2'
1548
+ 'data-garden-version': '9.9.0'
1549
1549
  }).withConfig({
1550
1550
  displayName: "StyledTileIcon",
1551
1551
  componentId: "sc-1wazhg4-0"
@@ -1570,7 +1570,7 @@ const sizeStyles = _ref => {
1570
1570
  };
1571
1571
  const StyledTileLabel = styled__default.default.span.attrs({
1572
1572
  'data-garden-id': COMPONENT_ID,
1573
- 'data-garden-version': '9.7.2'
1573
+ 'data-garden-version': '9.9.0'
1574
1574
  }).withConfig({
1575
1575
  displayName: "StyledTileLabel",
1576
1576
  componentId: "sc-1mypv27-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-forms",
3
- "version": "9.7.2",
3
+ "version": "9.9.0",
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>",
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "devDependencies": {
38
38
  "@types/lodash.debounce": "4.0.9",
39
- "@zendeskgarden/react-theming": "^9.7.2",
39
+ "@zendeskgarden/react-theming": "^9.9.0",
40
40
  "@zendeskgarden/svg-icons": "7.5.0",
41
41
  "react-dropzone": "14.3.5"
42
42
  },
@@ -50,5 +50,5 @@
50
50
  "access": "public"
51
51
  },
52
52
  "zendeskgarden:src": "src/index.ts",
53
- "gitHead": "6cef5e656fa78619c4e42af330a53014c336a259"
53
+ "gitHead": "c7fcfd1e183b61345c6d1974c8f143c66dbf10fa"
54
54
  }