@zendeskgarden/react-forms 8.76.7 → 8.76.8
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.
- package/dist/esm/styled/checkbox/StyledCheckHint.js +1 -1
- package/dist/esm/styled/checkbox/StyledCheckInput.js +1 -1
- package/dist/esm/styled/checkbox/StyledCheckLabel.js +1 -1
- package/dist/esm/styled/checkbox/StyledCheckMessage.js +1 -1
- package/dist/esm/styled/checkbox/StyledCheckSvg.js +1 -1
- package/dist/esm/styled/checkbox/StyledDashSvg.js +1 -1
- package/dist/esm/styled/common/StyledField.js +1 -1
- package/dist/esm/styled/common/StyledFieldset.js +1 -1
- package/dist/esm/styled/common/StyledHint.js +1 -1
- package/dist/esm/styled/common/StyledLabel.js +1 -1
- package/dist/esm/styled/common/StyledLegend.js +1 -1
- package/dist/esm/styled/common/StyledMessage.js +1 -1
- package/dist/esm/styled/common/StyledMessageIcon.js +1 -1
- package/dist/esm/styled/file-list/StyledFile.js +1 -1
- package/dist/esm/styled/file-list/StyledFileClose.js +1 -1
- package/dist/esm/styled/file-list/StyledFileDelete.js +1 -1
- package/dist/esm/styled/file-list/StyledFileIcon.js +1 -1
- package/dist/esm/styled/file-list/StyledFileList.js +1 -1
- package/dist/esm/styled/file-list/StyledFileListItem.js +1 -1
- package/dist/esm/styled/file-upload/StyledFileUpload.js +1 -1
- package/dist/esm/styled/input-group/StyledInputGroup.js +1 -1
- package/dist/esm/styled/radio/StyledRadioHint.js +1 -1
- package/dist/esm/styled/radio/StyledRadioInput.js +1 -1
- package/dist/esm/styled/radio/StyledRadioLabel.js +1 -1
- package/dist/esm/styled/radio/StyledRadioMessage.js +1 -1
- package/dist/esm/styled/radio/StyledRadioSvg.js +1 -1
- package/dist/esm/styled/range/StyledRangeInput.js +1 -1
- package/dist/esm/styled/range/StyledSlider.js +1 -1
- package/dist/esm/styled/range/StyledSliderThumb.js +1 -1
- package/dist/esm/styled/range/StyledSliderTrack.js +1 -1
- package/dist/esm/styled/range/StyledSliderTrackRail.js +1 -1
- package/dist/esm/styled/select/StyledSelect.js +1 -1
- package/dist/esm/styled/select/StyledSelectWrapper.js +1 -1
- package/dist/esm/styled/text/StyledTextFauxInput.js +1 -1
- package/dist/esm/styled/text/StyledTextInput.js +1 -1
- package/dist/esm/styled/text/StyledTextMediaFigure.js +1 -1
- package/dist/esm/styled/text/StyledTextMediaInput.js +1 -1
- package/dist/esm/styled/text/StyledTextarea.js +1 -1
- package/dist/esm/styled/tiles/StyledTile.js +1 -1
- package/dist/esm/styled/tiles/StyledTileDescription.js +1 -1
- package/dist/esm/styled/tiles/StyledTileIcon.js +1 -1
- package/dist/esm/styled/tiles/StyledTileLabel.js +1 -1
- package/dist/esm/styled/toggle/StyledToggleHint.js +1 -1
- package/dist/esm/styled/toggle/StyledToggleInput.js +1 -1
- package/dist/esm/styled/toggle/StyledToggleLabel.js +1 -1
- package/dist/esm/styled/toggle/StyledToggleMessage.js +1 -1
- package/dist/esm/styled/toggle/StyledToggleSvg.js +1 -1
- package/dist/index.cjs.js +47 -47
- 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.
|
|
14
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
24
|
+
'data-garden-version': '8.76.8',
|
|
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.
|
|
14
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
14
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
16
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
16
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
13
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
15
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
13
|
+
'data-garden-version': props['data-garden-version'] || '8.76.8'
|
|
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.
|
|
14
|
+
'data-garden-version': props['data-garden-version'] || '8.76.8'
|
|
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.
|
|
15
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
31
|
+
'data-garden-version': props['data-garden-version'] || '8.76.8'
|
|
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.
|
|
35
|
+
'data-garden-version': '8.76.8',
|
|
36
36
|
'aria-hidden': null,
|
|
37
37
|
role: 'img'
|
|
38
38
|
}).withConfig({
|
|
@@ -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.
|
|
65
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
13
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
14
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
22
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
13
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
15
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
36
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
26
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
15
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
51
|
+
'data-garden-version': '8.76.8',
|
|
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.
|
|
20
|
+
'data-garden-version': '8.76.8',
|
|
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.
|
|
15
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
16
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
130
|
+
'data-garden-version': '8.76.8',
|
|
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.
|
|
17
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
34
|
+
'data-garden-version': '8.76.8',
|
|
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.
|
|
30
|
+
'data-garden-version': '8.76.8',
|
|
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.
|
|
19
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
26
|
+
'data-garden-version': '8.76.8',
|
|
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.
|
|
15
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
50
|
+
'data-garden-version': '8.76.8'
|
|
51
51
|
})).withConfig({
|
|
52
52
|
displayName: "StyledTextFauxInput",
|
|
53
53
|
componentId: "sc-yqw7j9-0"
|
|
@@ -92,7 +92,7 @@ const sizeStyles = props => {
|
|
|
92
92
|
};
|
|
93
93
|
const StyledTextInput = styled.input.attrs(props => ({
|
|
94
94
|
'data-garden-id': COMPONENT_ID,
|
|
95
|
-
'data-garden-version': '8.76.
|
|
95
|
+
'data-garden-version': '8.76.8',
|
|
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.
|
|
48
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
14
|
+
'data-garden-version': '8.76.8',
|
|
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.
|
|
24
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
43
|
+
'data-garden-version': '8.76.8',
|
|
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.
|
|
25
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
29
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
27
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
15
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
31
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
19
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
16
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
14
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
53
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
66
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
78
|
+
'data-garden-version': props['data-garden-version'] || '8.76.8'
|
|
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.
|
|
91
|
+
'data-garden-version': '8.76.8'
|
|
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.
|
|
103
|
+
'data-garden-version': props['data-garden-version'] || '8.76.8'
|
|
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.
|
|
208
|
+
'data-garden-version': '8.76.8',
|
|
209
209
|
'aria-hidden': null,
|
|
210
210
|
role: 'img'
|
|
211
211
|
}).withConfig({
|
|
@@ -234,7 +234,7 @@ const validationStyles = props => {
|
|
|
234
234
|
const COMPONENT_ID$E = 'forms.input_message';
|
|
235
235
|
const StyledMessage = styled__default.default.div.attrs(props => ({
|
|
236
236
|
'data-garden-id': props['data-garden-id'] || COMPONENT_ID$E,
|
|
237
|
-
'data-garden-version': props['data-garden-version'] || '8.76.
|
|
237
|
+
'data-garden-version': props['data-garden-version'] || '8.76.8'
|
|
238
238
|
})).withConfig({
|
|
239
239
|
displayName: "StyledMessage",
|
|
240
240
|
componentId: "sc-30hgg7-0"
|
|
@@ -324,7 +324,7 @@ const sizeStyles$f = props => {
|
|
|
324
324
|
};
|
|
325
325
|
const StyledTextInput = styled__default.default.input.attrs(props => ({
|
|
326
326
|
'data-garden-id': COMPONENT_ID$D,
|
|
327
|
-
'data-garden-version': '8.76.
|
|
327
|
+
'data-garden-version': '8.76.8',
|
|
328
328
|
'aria-invalid': isInvalid(props.validation)
|
|
329
329
|
})).withConfig({
|
|
330
330
|
displayName: "StyledTextInput",
|
|
@@ -347,7 +347,7 @@ const hiddenStyles = `
|
|
|
347
347
|
const StyledTextarea = styled__default.default(StyledTextInput).attrs({
|
|
348
348
|
as: 'textarea',
|
|
349
349
|
'data-garden-id': COMPONENT_ID$C,
|
|
350
|
-
'data-garden-version': '8.76.
|
|
350
|
+
'data-garden-version': '8.76.8'
|
|
351
351
|
}).withConfig({
|
|
352
352
|
displayName: "StyledTextarea",
|
|
353
353
|
componentId: "sc-wxschl-0"
|
|
@@ -393,7 +393,7 @@ _ref => {
|
|
|
393
393
|
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
394
394
|
}).attrs({
|
|
395
395
|
'data-garden-id': COMPONENT_ID$B,
|
|
396
|
-
'data-garden-version': '8.76.
|
|
396
|
+
'data-garden-version': '8.76.8'
|
|
397
397
|
}).withConfig({
|
|
398
398
|
displayName: "StyledTextMediaFigure",
|
|
399
399
|
componentId: "sc-1qepknj-0"
|
|
@@ -440,7 +440,7 @@ const StyledTextFauxInput = styled__default.default(StyledTextInput).attrs(props
|
|
|
440
440
|
'aria-readonly': props.isReadOnly,
|
|
441
441
|
'aria-disabled': props.isDisabled,
|
|
442
442
|
'data-garden-id': COMPONENT_ID$A,
|
|
443
|
-
'data-garden-version': '8.76.
|
|
443
|
+
'data-garden-version': '8.76.8'
|
|
444
444
|
})).withConfig({
|
|
445
445
|
displayName: "StyledTextFauxInput",
|
|
446
446
|
componentId: "sc-yqw7j9-0"
|
|
@@ -452,7 +452,7 @@ StyledTextFauxInput.defaultProps = {
|
|
|
452
452
|
const COMPONENT_ID$z = 'forms.media_input';
|
|
453
453
|
const StyledTextMediaInput = styled__default.default(StyledTextInput).attrs({
|
|
454
454
|
'data-garden-id': COMPONENT_ID$z,
|
|
455
|
-
'data-garden-version': '8.76.
|
|
455
|
+
'data-garden-version': '8.76.8',
|
|
456
456
|
isBare: true
|
|
457
457
|
}).withConfig({
|
|
458
458
|
displayName: "StyledTextMediaInput",
|
|
@@ -474,7 +474,7 @@ const itemStyles = props => {
|
|
|
474
474
|
};
|
|
475
475
|
const StyledInputGroup = styled__default.default.div.attrs({
|
|
476
476
|
'data-garden-id': COMPONENT_ID$y,
|
|
477
|
-
'data-garden-version': '8.76.
|
|
477
|
+
'data-garden-version': '8.76.8'
|
|
478
478
|
}).withConfig({
|
|
479
479
|
displayName: "StyledInputGroup",
|
|
480
480
|
componentId: "sc-kjh1f0-0"
|
|
@@ -492,7 +492,7 @@ const sizeStyles$d = props => {
|
|
|
492
492
|
};
|
|
493
493
|
const StyledRadioLabel = styled__default.default(StyledLabel).attrs({
|
|
494
494
|
'data-garden-id': COMPONENT_ID$x,
|
|
495
|
-
'data-garden-version': '8.76.
|
|
495
|
+
'data-garden-version': '8.76.8',
|
|
496
496
|
isRadio: true
|
|
497
497
|
}).withConfig({
|
|
498
498
|
displayName: "StyledRadioLabel",
|
|
@@ -505,7 +505,7 @@ StyledRadioLabel.defaultProps = {
|
|
|
505
505
|
const COMPONENT_ID$w = 'forms.checkbox_label';
|
|
506
506
|
const StyledCheckLabel = styled__default.default(StyledRadioLabel).attrs({
|
|
507
507
|
'data-garden-id': COMPONENT_ID$w,
|
|
508
|
-
'data-garden-version': '8.76.
|
|
508
|
+
'data-garden-version': '8.76.8'
|
|
509
509
|
}).withConfig({
|
|
510
510
|
displayName: "StyledCheckLabel",
|
|
511
511
|
componentId: "sc-x7nr1-0"
|
|
@@ -517,7 +517,7 @@ StyledCheckLabel.defaultProps = {
|
|
|
517
517
|
const COMPONENT_ID$v = 'forms.radio_hint';
|
|
518
518
|
const StyledRadioHint = styled__default.default(StyledHint).attrs({
|
|
519
519
|
'data-garden-id': COMPONENT_ID$v,
|
|
520
|
-
'data-garden-version': '8.76.
|
|
520
|
+
'data-garden-version': '8.76.8'
|
|
521
521
|
}).withConfig({
|
|
522
522
|
displayName: "StyledRadioHint",
|
|
523
523
|
componentId: "sc-eo8twg-0"
|
|
@@ -529,7 +529,7 @@ StyledRadioHint.defaultProps = {
|
|
|
529
529
|
const COMPONENT_ID$u = 'forms.checkbox_hint';
|
|
530
530
|
const StyledCheckHint = styled__default.default(StyledRadioHint).attrs({
|
|
531
531
|
'data-garden-id': COMPONENT_ID$u,
|
|
532
|
-
'data-garden-version': '8.76.
|
|
532
|
+
'data-garden-version': '8.76.8'
|
|
533
533
|
}).withConfig({
|
|
534
534
|
displayName: "StyledCheckHint",
|
|
535
535
|
componentId: "sc-1kl8e8c-0"
|
|
@@ -576,7 +576,7 @@ const sizeStyles$c = props => {
|
|
|
576
576
|
};
|
|
577
577
|
const StyledRadioInput = styled__default.default.input.attrs({
|
|
578
578
|
'data-garden-id': COMPONENT_ID$t,
|
|
579
|
-
'data-garden-version': '8.76.
|
|
579
|
+
'data-garden-version': '8.76.8',
|
|
580
580
|
type: 'radio'
|
|
581
581
|
}).withConfig({
|
|
582
582
|
displayName: "StyledRadioInput",
|
|
@@ -598,7 +598,7 @@ const colorStyles$8 = props => {
|
|
|
598
598
|
};
|
|
599
599
|
const StyledCheckInput = styled__default.default(StyledRadioInput).attrs({
|
|
600
600
|
'data-garden-id': COMPONENT_ID$s,
|
|
601
|
-
'data-garden-version': '8.76.
|
|
601
|
+
'data-garden-version': '8.76.8',
|
|
602
602
|
type: 'checkbox'
|
|
603
603
|
}).withConfig({
|
|
604
604
|
displayName: "StyledCheckInput",
|
|
@@ -611,7 +611,7 @@ StyledCheckInput.defaultProps = {
|
|
|
611
611
|
const COMPONENT_ID$r = 'forms.radio_message';
|
|
612
612
|
const StyledRadioMessage = styled__default.default(StyledMessage).attrs({
|
|
613
613
|
'data-garden-id': COMPONENT_ID$r,
|
|
614
|
-
'data-garden-version': '8.76.
|
|
614
|
+
'data-garden-version': '8.76.8'
|
|
615
615
|
}).withConfig({
|
|
616
616
|
displayName: "StyledRadioMessage",
|
|
617
617
|
componentId: "sc-1pmi0q8-0"
|
|
@@ -623,7 +623,7 @@ StyledRadioMessage.defaultProps = {
|
|
|
623
623
|
const COMPONENT_ID$q = 'forms.checkbox_message';
|
|
624
624
|
const StyledCheckMessage = styled__default.default(StyledRadioMessage).attrs({
|
|
625
625
|
'data-garden-id': COMPONENT_ID$q,
|
|
626
|
-
'data-garden-version': '8.76.
|
|
626
|
+
'data-garden-version': '8.76.8'
|
|
627
627
|
}).withConfig({
|
|
628
628
|
displayName: "StyledCheckMessage",
|
|
629
629
|
componentId: "sc-s4p6kd-0"
|
|
@@ -655,7 +655,7 @@ var SvgCheckSmFill = function SvgCheckSmFill(props) {
|
|
|
655
655
|
const COMPONENT_ID$p = 'forms.check_svg';
|
|
656
656
|
const StyledCheckSvg = styled__default.default(SvgCheckSmFill).attrs({
|
|
657
657
|
'data-garden-id': COMPONENT_ID$p,
|
|
658
|
-
'data-garden-version': '8.76.
|
|
658
|
+
'data-garden-version': '8.76.8'
|
|
659
659
|
}).withConfig({
|
|
660
660
|
displayName: "StyledCheckSvg",
|
|
661
661
|
componentId: "sc-fvxetk-0"
|
|
@@ -685,7 +685,7 @@ var SvgDashFill = function SvgDashFill(props) {
|
|
|
685
685
|
const COMPONENT_ID$o = 'forms.dash_svg';
|
|
686
686
|
const StyledDashSvg = styled__default.default(SvgDashFill).attrs({
|
|
687
687
|
'data-garden-id': COMPONENT_ID$o,
|
|
688
|
-
'data-garden-version': '8.76.
|
|
688
|
+
'data-garden-version': '8.76.8'
|
|
689
689
|
}).withConfig({
|
|
690
690
|
displayName: "StyledDashSvg",
|
|
691
691
|
componentId: "sc-z3vq71-0"
|
|
@@ -716,7 +716,7 @@ const sizeStyles$b = props => {
|
|
|
716
716
|
};
|
|
717
717
|
const StyledFileUpload = styled__default.default.div.attrs({
|
|
718
718
|
'data-garden-id': COMPONENT_ID$n,
|
|
719
|
-
'data-garden-version': '8.76.
|
|
719
|
+
'data-garden-version': '8.76.8'
|
|
720
720
|
}).withConfig({
|
|
721
721
|
displayName: "StyledFileUpload",
|
|
722
722
|
componentId: "sc-1rodjgn-0"
|
|
@@ -728,7 +728,7 @@ StyledFileUpload.defaultProps = {
|
|
|
728
728
|
const COMPONENT_ID$m = 'forms.file.close';
|
|
729
729
|
const StyledFileClose = styled__default.default.button.attrs({
|
|
730
730
|
'data-garden-id': COMPONENT_ID$m,
|
|
731
|
-
'data-garden-version': '8.76.
|
|
731
|
+
'data-garden-version': '8.76.8'
|
|
732
732
|
}).withConfig({
|
|
733
733
|
displayName: "StyledFileClose",
|
|
734
734
|
componentId: "sc-1m31jbf-0"
|
|
@@ -791,7 +791,7 @@ const sizeStyles$a = props => {
|
|
|
791
791
|
};
|
|
792
792
|
const StyledFile = styled__default.default.div.attrs({
|
|
793
793
|
'data-garden-id': COMPONENT_ID$l,
|
|
794
|
-
'data-garden-version': '8.76.
|
|
794
|
+
'data-garden-version': '8.76.8'
|
|
795
795
|
}).withConfig({
|
|
796
796
|
displayName: "StyledFile",
|
|
797
797
|
componentId: "sc-195lzp1-0"
|
|
@@ -803,7 +803,7 @@ StyledFile.defaultProps = {
|
|
|
803
803
|
const COMPONENT_ID$k = 'forms.file.delete';
|
|
804
804
|
const StyledFileDelete = styled__default.default(StyledFileClose).attrs({
|
|
805
805
|
'data-garden-id': COMPONENT_ID$k,
|
|
806
|
-
'data-garden-version': '8.76.
|
|
806
|
+
'data-garden-version': '8.76.8'
|
|
807
807
|
}).withConfig({
|
|
808
808
|
displayName: "StyledFileDelete",
|
|
809
809
|
componentId: "sc-a8nnhx-0"
|
|
@@ -823,7 +823,7 @@ const StyledFileIcon = styled__default.default(_ref => {
|
|
|
823
823
|
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
824
824
|
}).attrs({
|
|
825
825
|
'data-garden-id': COMPONENT_ID$j,
|
|
826
|
-
'data-garden-version': '8.76.
|
|
826
|
+
'data-garden-version': '8.76.8'
|
|
827
827
|
}).withConfig({
|
|
828
828
|
displayName: "StyledFileIcon",
|
|
829
829
|
componentId: "sc-7b3q0c-0"
|
|
@@ -835,7 +835,7 @@ StyledFileIcon.defaultProps = {
|
|
|
835
835
|
const COMPONENT_ID$i = 'forms.file_list';
|
|
836
836
|
const StyledFileList = styled__default.default.ul.attrs({
|
|
837
837
|
'data-garden-id': COMPONENT_ID$i,
|
|
838
|
-
'data-garden-version': '8.76.
|
|
838
|
+
'data-garden-version': '8.76.8'
|
|
839
839
|
}).withConfig({
|
|
840
840
|
displayName: "StyledFileList",
|
|
841
841
|
componentId: "sc-gbahjg-0"
|
|
@@ -847,7 +847,7 @@ StyledFileList.defaultProps = {
|
|
|
847
847
|
const COMPONENT_ID$h = 'forms.file_list.item';
|
|
848
848
|
const StyledFileListItem = styled__default.default.li.attrs({
|
|
849
849
|
'data-garden-id': COMPONENT_ID$h,
|
|
850
|
-
'data-garden-version': '8.76.
|
|
850
|
+
'data-garden-version': '8.76.8'
|
|
851
851
|
}).withConfig({
|
|
852
852
|
displayName: "StyledFileListItem",
|
|
853
853
|
componentId: "sc-1ova3lo-0"
|
|
@@ -877,7 +877,7 @@ var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
|
|
|
877
877
|
const COMPONENT_ID$g = 'forms.radio_svg';
|
|
878
878
|
const StyledRadioSvg = styled__default.default(SvgCircleSmFill$1).attrs({
|
|
879
879
|
'data-garden-id': COMPONENT_ID$g,
|
|
880
|
-
'data-garden-version': '8.76.
|
|
880
|
+
'data-garden-version': '8.76.8'
|
|
881
881
|
}).withConfig({
|
|
882
882
|
displayName: "StyledRadioSvg",
|
|
883
883
|
componentId: "sc-1r1qtr1-0"
|
|
@@ -894,7 +894,7 @@ const sizeStyles$9 = props => {
|
|
|
894
894
|
};
|
|
895
895
|
const StyledToggleLabel = styled__default.default(StyledCheckLabel).attrs({
|
|
896
896
|
'data-garden-id': COMPONENT_ID$f,
|
|
897
|
-
'data-garden-version': '8.76.
|
|
897
|
+
'data-garden-version': '8.76.8'
|
|
898
898
|
}).withConfig({
|
|
899
899
|
displayName: "StyledToggleLabel",
|
|
900
900
|
componentId: "sc-e0asdk-0"
|
|
@@ -906,7 +906,7 @@ StyledToggleLabel.defaultProps = {
|
|
|
906
906
|
const COMPONENT_ID$e = 'forms.toggle_hint';
|
|
907
907
|
const StyledToggleHint = styled__default.default(StyledHint).attrs({
|
|
908
908
|
'data-garden-id': COMPONENT_ID$e,
|
|
909
|
-
'data-garden-version': '8.76.
|
|
909
|
+
'data-garden-version': '8.76.8'
|
|
910
910
|
}).withConfig({
|
|
911
911
|
displayName: "StyledToggleHint",
|
|
912
912
|
componentId: "sc-nziggu-0"
|
|
@@ -933,7 +933,7 @@ const sizeStyles$8 = props => {
|
|
|
933
933
|
};
|
|
934
934
|
const StyledToggleInput = styled__default.default(StyledCheckInput).attrs({
|
|
935
935
|
'data-garden-id': COMPONENT_ID$d,
|
|
936
|
-
'data-garden-version': '8.76.
|
|
936
|
+
'data-garden-version': '8.76.8'
|
|
937
937
|
}).withConfig({
|
|
938
938
|
displayName: "StyledToggleInput",
|
|
939
939
|
componentId: "sc-sgp47s-0"
|
|
@@ -945,7 +945,7 @@ StyledToggleInput.defaultProps = {
|
|
|
945
945
|
const COMPONENT_ID$c = 'forms.toggle_message';
|
|
946
946
|
const StyledToggleMessage = styled__default.default(StyledMessage).attrs({
|
|
947
947
|
'data-garden-id': COMPONENT_ID$c,
|
|
948
|
-
'data-garden-version': '8.76.
|
|
948
|
+
'data-garden-version': '8.76.8'
|
|
949
949
|
}).withConfig({
|
|
950
950
|
displayName: "StyledToggleMessage",
|
|
951
951
|
componentId: "sc-13vuvl1-0"
|
|
@@ -975,7 +975,7 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
|
|
|
975
975
|
const COMPONENT_ID$b = 'forms.toggle_svg';
|
|
976
976
|
const StyledToggleSvg = styled__default.default(SvgCircleSmFill).attrs({
|
|
977
977
|
'data-garden-id': COMPONENT_ID$b,
|
|
978
|
-
'data-garden-version': '8.76.
|
|
978
|
+
'data-garden-version': '8.76.8'
|
|
979
979
|
}).withConfig({
|
|
980
980
|
displayName: "StyledToggleSvg",
|
|
981
981
|
componentId: "sc-162xbyx-0"
|
|
@@ -997,7 +997,7 @@ const sizeStyles$7 = props => {
|
|
|
997
997
|
};
|
|
998
998
|
const StyledSelect = styled__default.default(StyledTextInput).attrs({
|
|
999
999
|
'data-garden-id': COMPONENT_ID$a,
|
|
1000
|
-
'data-garden-version': '8.76.
|
|
1000
|
+
'data-garden-version': '8.76.8',
|
|
1001
1001
|
as: 'select'
|
|
1002
1002
|
}).withConfig({
|
|
1003
1003
|
displayName: "StyledSelect",
|
|
@@ -1010,7 +1010,7 @@ StyledSelect.defaultProps = {
|
|
|
1010
1010
|
const COMPONENT_ID$9 = 'forms.select_wrapper';
|
|
1011
1011
|
const StyledSelectWrapper = styled__default.default(StyledTextFauxInput).attrs({
|
|
1012
1012
|
'data-garden-id': COMPONENT_ID$9,
|
|
1013
|
-
'data-garden-version': '8.76.
|
|
1013
|
+
'data-garden-version': '8.76.8'
|
|
1014
1014
|
}).withConfig({
|
|
1015
1015
|
displayName: "StyledSelectWrapper",
|
|
1016
1016
|
componentId: "sc-i7b6hw-0"
|
|
@@ -1135,7 +1135,7 @@ const sizeStyles$6 = props => {
|
|
|
1135
1135
|
};
|
|
1136
1136
|
const StyledRangeInput = styled__default.default.input.attrs(props => ({
|
|
1137
1137
|
'data-garden-id': COMPONENT_ID$8,
|
|
1138
|
-
'data-garden-version': '8.76.
|
|
1138
|
+
'data-garden-version': '8.76.8',
|
|
1139
1139
|
type: 'range',
|
|
1140
1140
|
style: {
|
|
1141
1141
|
backgroundSize: props.hasLowerTrack && props.backgroundSize
|
|
@@ -1168,7 +1168,7 @@ StyledRangeInput.defaultProps = {
|
|
|
1168
1168
|
const COMPONENT_ID$7 = 'forms.slider';
|
|
1169
1169
|
const StyledSlider = styled__default.default.div.attrs({
|
|
1170
1170
|
'data-garden-id': COMPONENT_ID$7,
|
|
1171
|
-
'data-garden-version': '8.76.
|
|
1171
|
+
'data-garden-version': '8.76.8'
|
|
1172
1172
|
}).withConfig({
|
|
1173
1173
|
displayName: "StyledSlider",
|
|
1174
1174
|
componentId: "sc-1di437a-0"
|
|
@@ -1200,7 +1200,7 @@ const sizeStyles$5 = props => {
|
|
|
1200
1200
|
};
|
|
1201
1201
|
const StyledSliderThumb = styled__default.default.div.attrs(props => ({
|
|
1202
1202
|
'data-garden-id': COMPONENT_ID$6,
|
|
1203
|
-
'data-garden-version': '8.76.
|
|
1203
|
+
'data-garden-version': '8.76.8',
|
|
1204
1204
|
'aria-disabled': props.isDisabled
|
|
1205
1205
|
})).withConfig({
|
|
1206
1206
|
displayName: "StyledSliderThumb",
|
|
@@ -1230,7 +1230,7 @@ const sizeStyles$4 = props => {
|
|
|
1230
1230
|
};
|
|
1231
1231
|
const StyledSliderTrack = styled__default.default.div.attrs(props => ({
|
|
1232
1232
|
'data-garden-id': COMPONENT_ID$5,
|
|
1233
|
-
'data-garden-version': '8.76.
|
|
1233
|
+
'data-garden-version': '8.76.8',
|
|
1234
1234
|
'aria-disabled': props.isDisabled
|
|
1235
1235
|
})).withConfig({
|
|
1236
1236
|
displayName: "StyledSliderTrack",
|
|
@@ -1250,7 +1250,7 @@ const sizeStyles$3 = props => {
|
|
|
1250
1250
|
};
|
|
1251
1251
|
const StyledSliderTrackRail = styled__default.default.div.attrs({
|
|
1252
1252
|
'data-garden-id': COMPONENT_ID$4,
|
|
1253
|
-
'data-garden-version': '8.76.
|
|
1253
|
+
'data-garden-version': '8.76.8'
|
|
1254
1254
|
}).withConfig({
|
|
1255
1255
|
displayName: "StyledSliderTrackRail",
|
|
1256
1256
|
componentId: "sc-1o5owbd-0"
|
|
@@ -1277,7 +1277,7 @@ const sizeStyles$2 = props => {
|
|
|
1277
1277
|
};
|
|
1278
1278
|
const StyledTileIcon = styled__default.default.span.attrs({
|
|
1279
1279
|
'data-garden-id': COMPONENT_ID$3,
|
|
1280
|
-
'data-garden-version': '8.76.
|
|
1280
|
+
'data-garden-version': '8.76.8'
|
|
1281
1281
|
}).withConfig({
|
|
1282
1282
|
displayName: "StyledTileIcon",
|
|
1283
1283
|
componentId: "sc-1wazhg4-0"
|
|
@@ -1318,7 +1318,7 @@ const colorStyles = props => {
|
|
|
1318
1318
|
};
|
|
1319
1319
|
const StyledTile = styled__default.default.label.attrs(props => ({
|
|
1320
1320
|
'data-garden-id': COMPONENT_ID$2,
|
|
1321
|
-
'data-garden-version': '8.76.
|
|
1321
|
+
'data-garden-version': '8.76.8',
|
|
1322
1322
|
'data-garden-selected': props.isSelected
|
|
1323
1323
|
})).withConfig({
|
|
1324
1324
|
displayName: "StyledTile",
|
|
@@ -1342,7 +1342,7 @@ const sizeStyles$1 = props => {
|
|
|
1342
1342
|
};
|
|
1343
1343
|
const StyledTileDescription = styled__default.default.span.attrs({
|
|
1344
1344
|
'data-garden-id': COMPONENT_ID$1,
|
|
1345
|
-
'data-garden-version': '8.76.
|
|
1345
|
+
'data-garden-version': '8.76.8'
|
|
1346
1346
|
}).withConfig({
|
|
1347
1347
|
displayName: "StyledTileDescription",
|
|
1348
1348
|
componentId: "sc-xfuu7u-0"
|
|
@@ -1375,7 +1375,7 @@ const sizeStyles = props => {
|
|
|
1375
1375
|
};
|
|
1376
1376
|
const StyledTileLabel = styled__default.default.span.attrs({
|
|
1377
1377
|
'data-garden-id': COMPONENT_ID,
|
|
1378
|
-
'data-garden-version': '8.76.
|
|
1378
|
+
'data-garden-version': '8.76.8'
|
|
1379
1379
|
}).withConfig({
|
|
1380
1380
|
displayName: "StyledTileLabel",
|
|
1381
1381
|
componentId: "sc-1mypv27-0"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-forms",
|
|
3
|
-
"version": "8.76.
|
|
3
|
+
"version": "8.76.8",
|
|
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.
|
|
40
|
+
"@zendeskgarden/react-theming": "^8.76.8",
|
|
41
41
|
"@zendeskgarden/svg-icons": "7.1.1",
|
|
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": "
|
|
54
|
+
"gitHead": "b7eb797f9d061d9fc36b47011128b607f7e3c1a2"
|
|
55
55
|
}
|