@zendeskgarden/react-forms 9.0.0-next.8 → 9.0.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.
- package/dist/esm/elements/MediaInput.js +2 -2
- package/dist/esm/elements/Select.js +1 -0
- package/dist/esm/elements/Textarea.js +1 -1
- package/dist/esm/elements/common/Hint.js +1 -1
- package/dist/esm/elements/common/Label.js +2 -2
- package/dist/esm/elements/common/Message.js +2 -2
- package/dist/esm/elements/faux-input/components/EndIcon.js +16 -3
- package/dist/esm/elements/faux-input/components/StartIcon.js +16 -3
- package/dist/esm/elements/file-list/components/File.js +3 -2
- package/dist/esm/elements/tiles/components/Description.js +1 -1
- package/dist/esm/elements/tiles/components/Icon.js +1 -1
- package/dist/esm/elements/tiles/components/Label.js +1 -1
- package/dist/esm/elements/tiles/components/Tile.js +1 -3
- 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 +2 -5
- package/dist/esm/styled/checkbox/StyledCheckInput.js +55 -14
- package/dist/esm/styled/checkbox/StyledCheckLabel.js +2 -5
- package/dist/esm/styled/checkbox/StyledCheckMessage.js +2 -5
- package/dist/esm/styled/checkbox/StyledCheckSvg.js +2 -5
- package/dist/esm/styled/checkbox/StyledDashSvg.js +2 -5
- package/dist/esm/styled/common/StyledField.js +2 -5
- package/dist/esm/styled/common/StyledFieldset.js +2 -5
- package/dist/esm/styled/common/StyledHint.js +6 -6
- package/dist/esm/styled/common/StyledLabel.js +6 -6
- package/dist/esm/styled/common/StyledLegend.js +2 -5
- package/dist/esm/styled/common/StyledMessage.js +33 -19
- package/dist/esm/styled/common/StyledMessageIcon.js +4 -6
- package/dist/esm/styled/file-list/StyledFile.js +49 -31
- package/dist/esm/styled/file-list/StyledFileClose.js +6 -6
- package/dist/esm/styled/file-list/StyledFileDelete.js +6 -6
- package/dist/esm/styled/file-list/StyledFileIcon.js +22 -14
- package/dist/esm/styled/file-list/StyledFileList.js +2 -5
- package/dist/esm/styled/file-list/StyledFileListItem.js +2 -5
- package/dist/esm/styled/file-upload/StyledFileUpload.js +89 -23
- package/dist/esm/styled/input-group/StyledInputGroup.js +2 -5
- package/dist/esm/styled/radio/StyledRadioHint.js +2 -5
- package/dist/esm/styled/radio/StyledRadioInput.js +85 -27
- package/dist/esm/styled/radio/StyledRadioLabel.js +2 -5
- package/dist/esm/styled/radio/StyledRadioMessage.js +2 -5
- package/dist/esm/styled/radio/StyledRadioSvg.js +2 -5
- package/dist/esm/styled/range/StyledRangeInput.js +76 -26
- package/dist/esm/styled/select/StyledSelect.js +35 -14
- package/dist/esm/styled/select/StyledSelectWrapper.js +12 -7
- package/dist/esm/styled/text/StyledTextFauxInput.js +31 -26
- package/dist/esm/styled/text/StyledTextInput.js +103 -61
- package/dist/esm/styled/text/StyledTextMediaFigure.js +37 -29
- package/dist/esm/styled/text/StyledTextMediaInput.js +2 -5
- package/dist/esm/styled/text/StyledTextarea.js +2 -5
- package/dist/esm/styled/tiles/StyledTile.js +93 -37
- package/dist/esm/styled/tiles/StyledTileDescription.js +13 -16
- package/dist/esm/styled/tiles/StyledTileIcon.js +52 -16
- package/dist/esm/styled/tiles/StyledTileInput.js +1 -5
- package/dist/esm/styled/tiles/StyledTileLabel.js +13 -18
- package/dist/esm/styled/toggle/StyledToggleHint.js +2 -5
- package/dist/esm/styled/toggle/StyledToggleInput.js +38 -16
- package/dist/esm/styled/toggle/StyledToggleLabel.js +2 -5
- package/dist/esm/styled/toggle/StyledToggleMessage.js +2 -5
- package/dist/esm/styled/toggle/StyledToggleSvg.js +2 -5
- package/dist/index.cjs.js +977 -577
- package/dist/typings/elements/common/Field.d.ts +1 -1
- package/dist/typings/elements/common/Fieldset.d.ts +3 -1
- package/dist/typings/elements/faux-input/FauxInput.d.ts +3 -1
- package/dist/typings/elements/faux-input/components/EndIcon.d.ts +1 -1
- package/dist/typings/elements/faux-input/components/StartIcon.d.ts +1 -1
- package/dist/typings/elements/file-list/FileList.d.ts +3 -1
- package/dist/typings/elements/file-list/components/File.d.ts +3 -1
- package/dist/typings/elements/tiles/Tiles.d.ts +3 -1
- package/dist/typings/styled/common/StyledMessageIcon.d.ts +2 -1
- package/dist/typings/styled/file-list/StyledFileIcon.d.ts +7 -2
- package/dist/typings/styled/select/StyledSelect.d.ts +0 -3
- package/dist/typings/styled/select/StyledSelectWrapper.d.ts +3 -1
- package/dist/typings/styled/text/StyledTextFauxInput.d.ts +0 -4
- package/dist/typings/styled/text/StyledTextMediaFigure.d.ts +6 -7
- package/dist/typings/styled/tiles/StyledTile.d.ts +4 -7
- package/dist/typings/types/index.d.ts +3 -3
- package/dist/typings/utils/useFieldContext.d.ts +0 -1
- package/dist/typings/utils/useFieldsetContext.d.ts +0 -1
- package/dist/typings/utils/useFileContext.d.ts +0 -1
- package/dist/typings/utils/useInputContext.d.ts +0 -1
- package/dist/typings/utils/useInputGroupContext.d.ts +0 -1
- package/dist/typings/utils/useTilesContext.d.ts +0 -1
- package/package.json +7 -8
- package/LICENSE.md +0 -176
|
@@ -131,11 +131,11 @@ const MediaInput = React__default.forwardRef((_ref, ref) => {
|
|
|
131
131
|
mediaLayout: true
|
|
132
132
|
}, otherWrapperProps, {
|
|
133
133
|
ref: wrapperRef
|
|
134
|
-
}), start && React__default.createElement(FauxInput.StartIcon, {
|
|
134
|
+
}), !!start && React__default.createElement(FauxInput.StartIcon, {
|
|
135
135
|
isDisabled: disabled,
|
|
136
136
|
isFocused: isFocused,
|
|
137
137
|
isHovered: isHovered || isLabelHovered
|
|
138
|
-
}, start), React__default.createElement(StyledTextMediaInput, combinedProps), end && React__default.createElement(FauxInput.EndIcon, {
|
|
138
|
+
}, start), React__default.createElement(StyledTextMediaInput, combinedProps), !!end && React__default.createElement(FauxInput.EndIcon, {
|
|
139
139
|
isDisabled: disabled,
|
|
140
140
|
isFocused: isFocused,
|
|
141
141
|
isHovered: isHovered || isLabelHovered
|
|
@@ -80,6 +80,7 @@ const Select = React__default.forwardRef((_ref, ref) => {
|
|
|
80
80
|
return React__default.createElement(StyledSelectWrapper, {
|
|
81
81
|
isCompact: isCompact,
|
|
82
82
|
isBare: isBare,
|
|
83
|
+
isDisabled: disabled,
|
|
83
84
|
validation: validation,
|
|
84
85
|
focusInset: focusInset
|
|
85
86
|
}, React__default.createElement(StyledSelect, combinedProps), !isBare && React__default.createElement(FauxInput.EndIcon, {
|
|
@@ -144,7 +144,7 @@ const Textarea = React__default.forwardRef((_ref, ref) => {
|
|
|
144
144
|
if (fieldContext) {
|
|
145
145
|
combinedProps = fieldContext.getInputProps(combinedProps);
|
|
146
146
|
}
|
|
147
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTextarea, combinedProps), isAutoResizable && React__default.createElement(StyledTextarea, {
|
|
147
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTextarea, combinedProps), !!isAutoResizable && React__default.createElement(StyledTextarea, {
|
|
148
148
|
"aria-hidden": true,
|
|
149
149
|
readOnly: true,
|
|
150
150
|
isHidden: true,
|
|
@@ -96,7 +96,7 @@ const Label = React__default.forwardRef((props, ref) => {
|
|
|
96
96
|
}, combinedProps), React__default.createElement(StyledRadioSvg, null), props.children);
|
|
97
97
|
} else if (type === 'checkbox') {
|
|
98
98
|
const onLabelSelect = e => {
|
|
99
|
-
const isFirefox = navigator
|
|
99
|
+
const isFirefox = navigator?.userAgent.toLowerCase().indexOf('firefox') > -1;
|
|
100
100
|
if (fieldContext && isFirefox && e.target instanceof Element) {
|
|
101
101
|
const inputId = e.target.getAttribute('for');
|
|
102
102
|
if (!inputId) return;
|
|
@@ -126,7 +126,7 @@ const Label = React__default.forwardRef((props, ref) => {
|
|
|
126
126
|
ref: ref
|
|
127
127
|
}, combinedProps));
|
|
128
128
|
});
|
|
129
|
-
Label.displayName = 'Label';
|
|
129
|
+
Label.displayName = 'Field.Label';
|
|
130
130
|
Label.propTypes = {
|
|
131
131
|
isRegular: PropTypes.bool
|
|
132
132
|
};
|
|
@@ -99,12 +99,12 @@ const Message = React__default.forwardRef((_ref, ref) => {
|
|
|
99
99
|
const ariaLabel = useText(Message, combinedProps, 'validationLabel', validation, validation !== undefined);
|
|
100
100
|
return React__default.createElement(MessageComponent, Object.assign({
|
|
101
101
|
ref: ref
|
|
102
|
-
}, combinedProps), validation && React__default.createElement(StyledMessageIcon, {
|
|
102
|
+
}, combinedProps), !!validation && React__default.createElement(StyledMessageIcon, {
|
|
103
103
|
validation: validation,
|
|
104
104
|
"aria-label": ariaLabel
|
|
105
105
|
}), children);
|
|
106
106
|
});
|
|
107
|
-
Message.displayName = 'Message';
|
|
107
|
+
Message.displayName = 'Field.Message';
|
|
108
108
|
Message.propTypes = {
|
|
109
109
|
validation: PropTypes.oneOf(VALIDATION),
|
|
110
110
|
validationLabel: PropTypes.string
|
|
@@ -50,9 +50,22 @@ import '../../../styled/tiles/StyledTileIcon.js';
|
|
|
50
50
|
import '../../../styled/tiles/StyledTileInput.js';
|
|
51
51
|
import '../../../styled/tiles/StyledTileLabel.js';
|
|
52
52
|
|
|
53
|
-
const EndIconComponent =
|
|
54
|
-
|
|
55
|
-
|
|
53
|
+
const EndIconComponent = _ref => {
|
|
54
|
+
let {
|
|
55
|
+
isDisabled,
|
|
56
|
+
isFocused,
|
|
57
|
+
isHovered,
|
|
58
|
+
isRotated,
|
|
59
|
+
...props
|
|
60
|
+
} = _ref;
|
|
61
|
+
return React__default.createElement(StyledTextMediaFigure, Object.assign({
|
|
62
|
+
$position: "end",
|
|
63
|
+
$isDisabled: isDisabled,
|
|
64
|
+
$isFocused: isFocused,
|
|
65
|
+
$isHovered: isHovered,
|
|
66
|
+
$isRotated: isRotated
|
|
67
|
+
}, props));
|
|
68
|
+
};
|
|
56
69
|
EndIconComponent.displayName = 'FauxInput.EndIcon';
|
|
57
70
|
const EndIcon = EndIconComponent;
|
|
58
71
|
|
|
@@ -50,9 +50,22 @@ import '../../../styled/tiles/StyledTileIcon.js';
|
|
|
50
50
|
import '../../../styled/tiles/StyledTileInput.js';
|
|
51
51
|
import '../../../styled/tiles/StyledTileLabel.js';
|
|
52
52
|
|
|
53
|
-
const StartIconComponent =
|
|
54
|
-
|
|
55
|
-
|
|
53
|
+
const StartIconComponent = _ref => {
|
|
54
|
+
let {
|
|
55
|
+
isDisabled,
|
|
56
|
+
isFocused,
|
|
57
|
+
isHovered,
|
|
58
|
+
isRotated,
|
|
59
|
+
...props
|
|
60
|
+
} = _ref;
|
|
61
|
+
return React__default.createElement(StyledTextMediaFigure, Object.assign({
|
|
62
|
+
$position: "start",
|
|
63
|
+
$isDisabled: isDisabled,
|
|
64
|
+
$isFocused: isFocused,
|
|
65
|
+
$isHovered: isHovered,
|
|
66
|
+
$isRotated: isRotated
|
|
67
|
+
}, props));
|
|
68
|
+
};
|
|
56
69
|
StartIconComponent.displayName = 'FauxInput.StartIcon';
|
|
57
70
|
const StartIcon = StartIconComponent;
|
|
58
71
|
|
|
@@ -76,8 +76,9 @@ const FileComponent = forwardRef((_ref, ref) => {
|
|
|
76
76
|
focusInset: focusInset,
|
|
77
77
|
validation: validation,
|
|
78
78
|
ref: ref
|
|
79
|
-
}), validationType && React__default.createElement(StyledFileIcon, {
|
|
80
|
-
isCompact: isCompact
|
|
79
|
+
}), !!validationType && React__default.createElement(StyledFileIcon, {
|
|
80
|
+
$isCompact: isCompact,
|
|
81
|
+
$validation: validation
|
|
81
82
|
}, isCompact ? fileIconsCompact[validationType] : fileIconsDefault[validationType]), Children.map(children, child => typeof child === 'string' ? React__default.createElement("span", null, child) : child)));
|
|
82
83
|
});
|
|
83
84
|
FileComponent.displayName = 'File';
|
|
@@ -55,7 +55,7 @@ const DescriptionComponent = forwardRef((props, ref) => {
|
|
|
55
55
|
const tilesContext = useTilesContext();
|
|
56
56
|
return React__default.createElement(StyledTileDescription, Object.assign({
|
|
57
57
|
ref: ref,
|
|
58
|
-
isCentered: tilesContext
|
|
58
|
+
isCentered: tilesContext?.isCentered
|
|
59
59
|
}, props));
|
|
60
60
|
});
|
|
61
61
|
DescriptionComponent.displayName = 'Tiles.Description';
|
|
@@ -55,7 +55,7 @@ const IconComponent = forwardRef((props, ref) => {
|
|
|
55
55
|
const tileContext = useTilesContext();
|
|
56
56
|
return React__default.createElement(StyledTileIcon, Object.assign({
|
|
57
57
|
ref: ref,
|
|
58
|
-
isCentered: tileContext
|
|
58
|
+
isCentered: tileContext?.isCentered
|
|
59
59
|
}, props));
|
|
60
60
|
});
|
|
61
61
|
IconComponent.displayName = 'Tiles.Icon';
|
|
@@ -64,7 +64,7 @@ const LabelComponent = forwardRef((props, forwardedRef) => {
|
|
|
64
64
|
return React__default.createElement(StyledTileLabel, Object.assign({
|
|
65
65
|
ref: mergeRefs([ref, forwardedRef]),
|
|
66
66
|
title: title,
|
|
67
|
-
isCentered: tilesContext
|
|
67
|
+
isCentered: tilesContext?.isCentered
|
|
68
68
|
}, props));
|
|
69
69
|
});
|
|
70
70
|
LabelComponent.displayName = 'Tiles.Label';
|
|
@@ -71,9 +71,7 @@ const TileComponent = React__default.forwardRef((_ref, ref) => {
|
|
|
71
71
|
}
|
|
72
72
|
return React__default.createElement(StyledTile, Object.assign({
|
|
73
73
|
ref: ref,
|
|
74
|
-
"aria-disabled": disabled
|
|
75
|
-
isDisabled: disabled,
|
|
76
|
-
isSelected: tilesContext && tilesContext.value === value
|
|
74
|
+
"aria-disabled": disabled
|
|
77
75
|
}, props), children, React__default.createElement(StyledTileInput, Object.assign({}, inputProps, {
|
|
78
76
|
disabled: disabled,
|
|
79
77
|
value: value,
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _g;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgCheckCircleStroke = function SvgCheckCircleStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgCheckSmFill = function SvgCheckSmFill(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _circle;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgCircleSmFill = function SvgCircleSmFill(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgDashFill = function SvgDashFill(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFileDocumentStroke = function SvgFileDocumentStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFileErrorStroke = function SvgFileErrorStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFileGenericStroke = function SvgFileGenericStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path, _circle;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFileImageStroke = function SvgFileImageStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path, _rect;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFilePdfStroke = function SvgFilePdfStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-presentation-stroke.svg.js
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFilePresentationStroke = function SvgFilePresentationStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-spreadsheet-stroke.svg.js
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFileSpreadsheetStroke = function SvgFileSpreadsheetStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFileZipStroke = function SvgFileZipStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgTrashStroke = function SvgTrashStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgXStroke = function SvgXStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _g, _circle;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgAlertErrorStroke = function SvgAlertErrorStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path, _circle;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgAlertWarningStroke = function SvgAlertWarningStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _g;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgCheckCircleStroke = function SvgCheckCircleStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _circle;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgCircleSmFill = function SvgCircleSmFill(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFileDocumentStroke = function SvgFileDocumentStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFileErrorStroke = function SvgFileErrorStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFileGenericStroke = function SvgFileGenericStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path, _circle;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFileImageStroke = function SvgFileImageStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path, _rect;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFilePdfStroke = function SvgFilePdfStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-presentation-stroke.svg.js
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFilePresentationStroke = function SvgFilePresentationStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-spreadsheet-stroke.svg.js
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFileSpreadsheetStroke = function SvgFileSpreadsheetStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgFileZipStroke = function SvgFileZipStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgTrashStroke = function SvgTrashStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgXStroke = function SvgXStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5,19 +5,16 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles
|
|
8
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
import { StyledRadioHint } from '../radio/StyledRadioHint.js';
|
|
10
10
|
|
|
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.0.0
|
|
14
|
+
'data-garden-version': '9.0.0'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledCheckHint",
|
|
17
17
|
componentId: "sc-1kl8e8c-0"
|
|
18
18
|
})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
19
|
-
StyledCheckHint.defaultProps = {
|
|
20
|
-
theme: DEFAULT_THEME
|
|
21
|
-
};
|
|
22
19
|
|
|
23
20
|
export { StyledCheckHint };
|