@zendeskgarden/react-forms 9.0.0-next.11 → 9.0.0-next.13
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/elements/common/Label.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/check-circle-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/check-sm-fill.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/circle-sm-fill.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/dash-fill.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-document-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-error-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-generic-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-image-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-pdf-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-presentation-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-spreadsheet-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-zip-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/trash-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/x-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/alert-error-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/alert-warning-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/check-circle-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-down-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/circle-sm-fill.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-document-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-error-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-generic-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-image-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-pdf-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-presentation-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-spreadsheet-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-zip-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/trash-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/x-stroke.svg.js +1 -1
- 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 +6 -3
- package/dist/esm/styled/common/StyledLabel.js +6 -3
- package/dist/esm/styled/common/StyledLegend.js +1 -1
- package/dist/esm/styled/common/StyledMessage.js +33 -16
- 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/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 +112 -89
- package/package.json +5 -6
- package/LICENSE.md +0 -176
|
@@ -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.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.13'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledFileDelete",
|
|
17
17
|
componentId: "sc-a8nnhx-0"
|
|
@@ -10,7 +10,7 @@ import { StyledBaseIcon, retrieveComponentStyles, DEFAULT_THEME } from '@zendesk
|
|
|
10
10
|
const COMPONENT_ID = 'forms.file.icon';
|
|
11
11
|
const StyledFileIcon = styled(StyledBaseIcon).attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.13'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledFileIcon",
|
|
16
16
|
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': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.13'
|
|
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.0.0-next.
|
|
15
|
+
'data-garden-version': '9.0.0-next.13'
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledFileListItem",
|
|
18
18
|
componentId: "sc-1ova3lo-0"
|
|
@@ -35,7 +35,7 @@ const sizeStyles = props => {
|
|
|
35
35
|
};
|
|
36
36
|
const StyledFileUpload = styled.div.attrs({
|
|
37
37
|
'data-garden-id': COMPONENT_ID,
|
|
38
|
-
'data-garden-version': '9.0.0-next.
|
|
38
|
+
'data-garden-version': '9.0.0-next.13'
|
|
39
39
|
}).withConfig({
|
|
40
40
|
displayName: "StyledFileUpload",
|
|
41
41
|
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.0.0-next.
|
|
26
|
+
'data-garden-version': '9.0.0-next.13'
|
|
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.0.0-next.
|
|
15
|
+
'data-garden-version': '9.0.0-next.13'
|
|
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': '9.0.0-next.
|
|
51
|
+
'data-garden-version': '9.0.0-next.13',
|
|
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': '9.0.0-next.
|
|
20
|
+
'data-garden-version': '9.0.0-next.13',
|
|
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.0.0-next.
|
|
15
|
+
'data-garden-version': '9.0.0-next.13'
|
|
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.0.0-next.
|
|
16
|
+
'data-garden-version': '9.0.0-next.13'
|
|
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': '9.0.0-next.
|
|
130
|
+
'data-garden-version': '9.0.0-next.13',
|
|
131
131
|
type: 'range',
|
|
132
132
|
style: {
|
|
133
133
|
backgroundSize: props.hasLowerTrack && props.backgroundSize
|
|
@@ -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': '9.0.0-next.
|
|
26
|
+
'data-garden-version': '9.0.0-next.13',
|
|
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': '9.0.0-next.
|
|
15
|
+
'data-garden-version': '9.0.0-next.13'
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledSelectWrapper",
|
|
18
18
|
componentId: "sc-i7b6hw-0"
|
|
@@ -49,7 +49,7 @@ const StyledTextFauxInput = styled(StyledTextInput).attrs(props => ({
|
|
|
49
49
|
'aria-readonly': props.isReadOnly,
|
|
50
50
|
'aria-disabled': props.isDisabled,
|
|
51
51
|
'data-garden-id': COMPONENT_ID,
|
|
52
|
-
'data-garden-version': '9.0.0-next.
|
|
52
|
+
'data-garden-version': '9.0.0-next.13'
|
|
53
53
|
})).withConfig({
|
|
54
54
|
displayName: "StyledTextFauxInput",
|
|
55
55
|
componentId: "sc-yqw7j9-0"
|
|
@@ -94,7 +94,7 @@ const sizeStyles = props => {
|
|
|
94
94
|
};
|
|
95
95
|
const StyledTextInput = styled.input.attrs(props => ({
|
|
96
96
|
'data-garden-id': COMPONENT_ID,
|
|
97
|
-
'data-garden-version': '9.0.0-next.
|
|
97
|
+
'data-garden-version': '9.0.0-next.13',
|
|
98
98
|
'aria-invalid': isInvalid(props.validation)
|
|
99
99
|
})).withConfig({
|
|
100
100
|
displayName: "StyledTextInput",
|
|
@@ -31,7 +31,7 @@ const sizeStyles = props => {
|
|
|
31
31
|
};
|
|
32
32
|
const StyledTextMediaFigure = styled(StyledBaseIcon).attrs({
|
|
33
33
|
'data-garden-id': COMPONENT_ID,
|
|
34
|
-
'data-garden-version': '9.0.0-next.
|
|
34
|
+
'data-garden-version': '9.0.0-next.13'
|
|
35
35
|
}).withConfig({
|
|
36
36
|
displayName: "StyledTextMediaFigure",
|
|
37
37
|
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.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.13',
|
|
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.0.0-next.
|
|
24
|
+
'data-garden-version': '9.0.0-next.13'
|
|
25
25
|
}).withConfig({
|
|
26
26
|
displayName: "StyledTextarea",
|
|
27
27
|
componentId: "sc-wxschl-0"
|
|
@@ -42,7 +42,7 @@ const colorStyles = props => {
|
|
|
42
42
|
};
|
|
43
43
|
const StyledTile = styled.label.attrs(props => ({
|
|
44
44
|
'data-garden-id': COMPONENT_ID,
|
|
45
|
-
'data-garden-version': '9.0.0-next.
|
|
45
|
+
'data-garden-version': '9.0.0-next.13',
|
|
46
46
|
'data-garden-selected': props.isSelected
|
|
47
47
|
})).withConfig({
|
|
48
48
|
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': '9.0.0-next.
|
|
25
|
+
'data-garden-version': '9.0.0-next.13'
|
|
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': '9.0.0-next.
|
|
29
|
+
'data-garden-version': '9.0.0-next.13'
|
|
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': '9.0.0-next.
|
|
27
|
+
'data-garden-version': '9.0.0-next.13'
|
|
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': '9.0.0-next.
|
|
15
|
+
'data-garden-version': '9.0.0-next.13'
|
|
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': '9.0.0-next.
|
|
31
|
+
'data-garden-version': '9.0.0-next.13'
|
|
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': '9.0.0-next.
|
|
19
|
+
'data-garden-version': '9.0.0-next.13'
|
|
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.0.0-next.
|
|
16
|
+
'data-garden-version': '9.0.0-next.13'
|
|
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': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.13'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledToggleSvg",
|
|
17
17
|
componentId: "sc-162xbyx-0"
|