@zendeskgarden/react-forms 9.0.0-next.9 → 9.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/dist/esm/elements/Checkbox.js +4 -3
  2. package/dist/esm/elements/FileUpload.js +7 -3
  3. package/dist/esm/elements/Input.js +18 -17
  4. package/dist/esm/elements/MediaInput.js +2 -2
  5. package/dist/esm/elements/Radio.js +4 -3
  6. package/dist/esm/elements/Range.js +9 -9
  7. package/dist/esm/elements/Select.js +9 -8
  8. package/dist/esm/elements/Textarea.js +24 -14
  9. package/dist/esm/elements/Toggle.js +4 -3
  10. package/dist/esm/elements/common/Fieldset.js +10 -5
  11. package/dist/esm/elements/common/Hint.js +1 -1
  12. package/dist/esm/elements/common/Label.js +35 -33
  13. package/dist/esm/elements/common/Legend.js +1 -3
  14. package/dist/esm/elements/common/Message.js +7 -6
  15. package/dist/esm/elements/common/MessageIcon.js +78 -0
  16. package/dist/esm/elements/faux-input/FauxInput.js +20 -8
  17. package/dist/esm/elements/faux-input/components/EndIcon.js +4 -0
  18. package/dist/esm/elements/faux-input/components/StartIcon.js +4 -0
  19. package/dist/esm/elements/file-list/components/File.js +6 -5
  20. package/dist/esm/elements/input-group/InputGroup.js +3 -3
  21. package/dist/esm/elements/tiles/components/Description.js +1 -1
  22. package/dist/esm/elements/tiles/components/Icon.js +1 -1
  23. package/dist/esm/elements/tiles/components/Label.js +1 -1
  24. package/dist/esm/elements/tiles/components/Tile.js +1 -3
  25. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/check-circle-stroke.svg.js +1 -1
  26. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/check-sm-fill.svg.js +1 -1
  27. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/circle-sm-fill.svg.js +1 -1
  28. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/dash-fill.svg.js +1 -1
  29. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-document-stroke.svg.js +1 -1
  30. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-error-stroke.svg.js +1 -1
  31. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-generic-stroke.svg.js +1 -1
  32. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-image-stroke.svg.js +1 -1
  33. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-pdf-stroke.svg.js +1 -1
  34. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-presentation-stroke.svg.js +1 -1
  35. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-spreadsheet-stroke.svg.js +1 -1
  36. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/file-zip-stroke.svg.js +1 -1
  37. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/trash-stroke.svg.js +1 -1
  38. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/x-stroke.svg.js +1 -1
  39. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/alert-error-stroke.svg.js +1 -1
  40. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/alert-warning-stroke.svg.js +1 -1
  41. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/check-circle-stroke.svg.js +1 -1
  42. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-down-stroke.svg.js +1 -1
  43. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/circle-sm-fill.svg.js +1 -1
  44. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-document-stroke.svg.js +1 -1
  45. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-error-stroke.svg.js +1 -1
  46. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-generic-stroke.svg.js +1 -1
  47. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-image-stroke.svg.js +1 -1
  48. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-pdf-stroke.svg.js +1 -1
  49. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-presentation-stroke.svg.js +1 -1
  50. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-spreadsheet-stroke.svg.js +1 -1
  51. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/file-zip-stroke.svg.js +1 -1
  52. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/trash-stroke.svg.js +1 -1
  53. package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/x-stroke.svg.js +1 -1
  54. package/dist/esm/styled/checkbox/StyledCheckHint.js +2 -5
  55. package/dist/esm/styled/checkbox/StyledCheckInput.js +55 -14
  56. package/dist/esm/styled/checkbox/StyledCheckLabel.js +2 -5
  57. package/dist/esm/styled/checkbox/StyledCheckMessage.js +2 -5
  58. package/dist/esm/styled/checkbox/StyledCheckSvg.js +2 -5
  59. package/dist/esm/styled/checkbox/StyledDashSvg.js +2 -5
  60. package/dist/esm/styled/common/StyledField.js +2 -5
  61. package/dist/esm/styled/common/StyledFieldset.js +3 -6
  62. package/dist/esm/styled/common/StyledHint.js +6 -6
  63. package/dist/esm/styled/common/StyledLabel.js +6 -6
  64. package/dist/esm/styled/common/StyledLegend.js +2 -5
  65. package/dist/esm/styled/common/StyledMessage.js +33 -19
  66. package/dist/esm/styled/common/StyledMessageIcon.js +3 -29
  67. package/dist/esm/styled/file-list/StyledFile.js +49 -31
  68. package/dist/esm/styled/file-list/StyledFileClose.js +6 -6
  69. package/dist/esm/styled/file-list/StyledFileDelete.js +6 -6
  70. package/dist/esm/styled/file-list/StyledFileIcon.js +24 -7
  71. package/dist/esm/styled/file-list/StyledFileList.js +2 -5
  72. package/dist/esm/styled/file-list/StyledFileListItem.js +2 -5
  73. package/dist/esm/styled/file-upload/StyledFileUpload.js +89 -23
  74. package/dist/esm/styled/input-group/StyledInputGroup.js +3 -6
  75. package/dist/esm/styled/radio/StyledRadioHint.js +2 -5
  76. package/dist/esm/styled/radio/StyledRadioInput.js +85 -27
  77. package/dist/esm/styled/radio/StyledRadioLabel.js +3 -6
  78. package/dist/esm/styled/radio/StyledRadioMessage.js +2 -5
  79. package/dist/esm/styled/radio/StyledRadioSvg.js +2 -5
  80. package/dist/esm/styled/range/StyledRangeInput.js +79 -29
  81. package/dist/esm/styled/select/StyledSelect.js +35 -14
  82. package/dist/esm/styled/select/StyledSelectWrapper.js +12 -7
  83. package/dist/esm/styled/text/StyledTextFauxInput.js +40 -35
  84. package/dist/esm/styled/text/StyledTextInput.js +104 -62
  85. package/dist/esm/styled/text/StyledTextMediaFigure.js +35 -13
  86. package/dist/esm/styled/text/StyledTextMediaInput.js +3 -6
  87. package/dist/esm/styled/text/StyledTextarea.js +3 -6
  88. package/dist/esm/styled/tiles/StyledTile.js +93 -37
  89. package/dist/esm/styled/tiles/StyledTileDescription.js +13 -16
  90. package/dist/esm/styled/tiles/StyledTileIcon.js +52 -16
  91. package/dist/esm/styled/tiles/StyledTileInput.js +1 -5
  92. package/dist/esm/styled/tiles/StyledTileLabel.js +13 -18
  93. package/dist/esm/styled/toggle/StyledToggleHint.js +2 -5
  94. package/dist/esm/styled/toggle/StyledToggleInput.js +38 -16
  95. package/dist/esm/styled/toggle/StyledToggleLabel.js +2 -5
  96. package/dist/esm/styled/toggle/StyledToggleMessage.js +2 -5
  97. package/dist/esm/styled/toggle/StyledToggleSvg.js +2 -5
  98. package/dist/index.cjs.js +1212 -773
  99. package/dist/typings/elements/common/Field.d.ts +1 -1
  100. package/dist/typings/elements/common/Fieldset.d.ts +3 -1
  101. package/dist/typings/elements/common/MessageIcon.d.ts +9 -0
  102. package/dist/typings/elements/faux-input/FauxInput.d.ts +3 -1
  103. package/dist/typings/elements/faux-input/components/EndIcon.d.ts +1 -1
  104. package/dist/typings/elements/faux-input/components/StartIcon.d.ts +1 -1
  105. package/dist/typings/elements/file-list/FileList.d.ts +3 -1
  106. package/dist/typings/elements/file-list/components/File.d.ts +3 -1
  107. package/dist/typings/elements/tiles/Tiles.d.ts +3 -1
  108. package/dist/typings/styled/checkbox/StyledCheckLabel.d.ts +2 -2
  109. package/dist/typings/styled/common/StyledFieldset.d.ts +1 -1
  110. package/dist/typings/styled/common/StyledLabel.d.ts +2 -2
  111. package/dist/typings/styled/common/StyledLegend.d.ts +1 -5
  112. package/dist/typings/styled/common/StyledMessage.d.ts +1 -1
  113. package/dist/typings/styled/common/StyledMessageIcon.d.ts +2 -9
  114. package/dist/typings/styled/file-list/StyledFile.d.ts +3 -3
  115. package/dist/typings/styled/file-list/StyledFileIcon.d.ts +7 -2
  116. package/dist/typings/styled/file-upload/StyledFileUpload.d.ts +2 -2
  117. package/dist/typings/styled/input-group/StyledInputGroup.d.ts +1 -1
  118. package/dist/typings/styled/radio/StyledRadioInput.d.ts +1 -1
  119. package/dist/typings/styled/radio/StyledRadioLabel.d.ts +2 -2
  120. package/dist/typings/styled/range/StyledRangeInput.d.ts +2 -2
  121. package/dist/typings/styled/select/StyledSelect.d.ts +0 -3
  122. package/dist/typings/styled/select/StyledSelectWrapper.d.ts +3 -1
  123. package/dist/typings/styled/text/StyledTextFauxInput.d.ts +3 -7
  124. package/dist/typings/styled/text/StyledTextInput.d.ts +6 -6
  125. package/dist/typings/styled/text/StyledTextMediaFigure.d.ts +1 -2
  126. package/dist/typings/styled/text/StyledTextMediaInput.d.ts +2 -2
  127. package/dist/typings/styled/text/StyledTextarea.d.ts +2 -2
  128. package/dist/typings/styled/tiles/StyledTile.d.ts +4 -7
  129. package/dist/typings/styled/tiles/StyledTileDescription.d.ts +1 -1
  130. package/dist/typings/styled/tiles/StyledTileIcon.d.ts +1 -1
  131. package/dist/typings/styled/tiles/StyledTileLabel.d.ts +1 -1
  132. package/dist/typings/styled/toggle/StyledToggleLabel.d.ts +2 -2
  133. package/dist/typings/types/index.d.ts +9 -3
  134. package/dist/typings/utils/useFieldContext.d.ts +0 -1
  135. package/dist/typings/utils/useFieldsetContext.d.ts +0 -1
  136. package/dist/typings/utils/useFileContext.d.ts +0 -1
  137. package/dist/typings/utils/useInputContext.d.ts +0 -1
  138. package/dist/typings/utils/useInputGroupContext.d.ts +0 -1
  139. package/dist/typings/utils/useTilesContext.d.ts +0 -1
  140. package/package.json +8 -8
@@ -72,12 +72,13 @@ const FileComponent = forwardRef((_ref, ref) => {
72
72
  return React__default.createElement(FileContext.Provider, {
73
73
  value: fileContextValue
74
74
  }, React__default.createElement(StyledFile, Object.assign({}, props, {
75
- isCompact: isCompact,
76
- focusInset: focusInset,
77
- validation: validation,
75
+ $isCompact: isCompact,
76
+ $focusInset: focusInset,
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 @@ import '../../styled/tiles/StyledTileLabel.js';
55
55
  const InputGroup = React__default.forwardRef((_ref, ref) => {
56
56
  let {
57
57
  isCompact,
58
- ...props
58
+ ...other
59
59
  } = _ref;
60
60
  const contextValue = useMemo(() => ({
61
61
  isCompact
@@ -64,8 +64,8 @@ const InputGroup = React__default.forwardRef((_ref, ref) => {
64
64
  value: contextValue
65
65
  }, React__default.createElement(StyledInputGroup, Object.assign({
66
66
  ref: ref,
67
- isCompact: isCompact
68
- }, props)));
67
+ $isCompact: isCompact
68
+ }, other)));
69
69
  });
70
70
  InputGroup.displayName = 'InputGroup';
71
71
  InputGroup.propTypes = {
@@ -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 && tilesContext.isCentered
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 && tileContext.isCentered
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 && tilesContext.isCentered
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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",
@@ -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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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",
@@ -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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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",
@@ -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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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",
@@ -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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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 (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
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, DEFAULT_THEME } from '@zendeskgarden/react-theming';
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-next.9'
14
+ 'data-garden-version': '9.1.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 };
@@ -5,30 +5,71 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled, { css } from 'styled-components';
8
- import { retrieveComponentStyles, DEFAULT_THEME, getColorV8 } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
9
9
  import { StyledRadioInput } from '../radio/StyledRadioInput.js';
10
10
  import { StyledCheckLabel } from './StyledCheckLabel.js';
11
11
 
12
12
  const COMPONENT_ID = 'forms.checkbox';
13
- const colorStyles = props => {
14
- const SHADE = 600;
15
- const indeterminateBorderColor = getColorV8('primaryHue', SHADE, props.theme);
16
- const indeterminateBackgroundColor = indeterminateBorderColor;
17
- const indeterminateActiveBorderColor = getColorV8('primaryHue', SHADE + 100, props.theme);
18
- const indeterminateActiveBackgroundColor = indeterminateActiveBorderColor;
19
- const indeterminateDisabledBackgroundColor = getColorV8('neutralHue', SHADE - 400, props.theme);
20
- return css(["&:indeterminate ~ ", "::before{border-color:", ";background-color:", ";}&:enabled:indeterminate ~ ", ":active::before{border-color:", ";background-color:", ";}&:disabled:indeterminate ~ ", "::before{border-color:transparent;background-color:", ";}"], StyledCheckLabel, indeterminateBorderColor, indeterminateBackgroundColor, StyledCheckLabel, indeterminateActiveBorderColor, indeterminateActiveBackgroundColor, StyledCheckLabel, indeterminateDisabledBackgroundColor);
13
+ const colorStyles = _ref => {
14
+ let {
15
+ theme
16
+ } = _ref;
17
+ const backgroundOptions = {
18
+ theme,
19
+ variable: 'background.primaryEmphasis'
20
+ };
21
+ const borderOptions = {
22
+ theme,
23
+ variable: 'border.primaryEmphasis'
24
+ };
25
+ const indeterminateBackgroundColor = getColor(backgroundOptions);
26
+ const indeterminateBorderColor = getColor(borderOptions);
27
+ const offset100 = {
28
+ dark: {
29
+ offset: -100
30
+ },
31
+ light: {
32
+ offset: 100
33
+ }
34
+ };
35
+ const offset200 = {
36
+ dark: {
37
+ offset: -200
38
+ },
39
+ light: {
40
+ offset: 200
41
+ }
42
+ };
43
+ const indeterminateHoverBackgroundColor = getColor({
44
+ ...backgroundOptions,
45
+ ...offset100
46
+ });
47
+ const indeterminateHoverBorderColor = getColor({
48
+ ...borderOptions,
49
+ ...offset100
50
+ });
51
+ const indeterminateActiveBackgroundColor = getColor({
52
+ ...backgroundOptions,
53
+ ...offset200
54
+ });
55
+ const indeterminateActiveBorderColor = getColor({
56
+ ...borderOptions,
57
+ ...offset200
58
+ });
59
+ const indeterminateDisabledBackgroundColor = getColor({
60
+ theme,
61
+ variable: 'background.disabled',
62
+ transparency: theme.opacity[300]
63
+ });
64
+ return css(["&:indeterminate ~ ", "::before{border-color:", ";background-color:", ";}&:enabled:indeterminate ~ ", ":hover::before{border-color:", ";background-color:", ";}&:enabled:indeterminate ~ ", ":active::before{border-color:", ";background-color:", ";}&:disabled:indeterminate ~ ", "::before{border-color:transparent;background-color:", ";}"], StyledCheckLabel, indeterminateBorderColor, indeterminateBackgroundColor, StyledCheckLabel, indeterminateHoverBorderColor, indeterminateHoverBackgroundColor, StyledCheckLabel, indeterminateActiveBorderColor, indeterminateActiveBackgroundColor, StyledCheckLabel, indeterminateDisabledBackgroundColor);
21
65
  };
22
66
  const StyledCheckInput = styled(StyledRadioInput).attrs({
23
67
  'data-garden-id': COMPONENT_ID,
24
- 'data-garden-version': '9.0.0-next.9',
68
+ 'data-garden-version': '9.1.0',
25
69
  type: 'checkbox'
26
70
  }).withConfig({
27
71
  displayName: "StyledCheckInput",
28
72
  componentId: "sc-176jxxe-0"
29
- })(["& ~ ", "::before{border-radius:", ";}", ";", ";"], StyledCheckLabel, props => props.theme.borderRadii.md, props => colorStyles(props), props => retrieveComponentStyles(COMPONENT_ID, props));
30
- StyledCheckInput.defaultProps = {
31
- theme: DEFAULT_THEME
32
- };
73
+ })(["& ~ ", "::before{border-radius:", ";}", ";", ";"], StyledCheckLabel, props => props.theme.borderRadii.md, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
33
74
 
34
75
  export { StyledCheckInput };
@@ -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, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
9
9
  import { StyledRadioLabel } from '../radio/StyledRadioLabel.js';
10
10
 
11
11
  const COMPONENT_ID = 'forms.checkbox_label';
12
12
  const StyledCheckLabel = styled(StyledRadioLabel).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.9'
14
+ 'data-garden-version': '9.1.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledCheckLabel",
17
17
  componentId: "sc-x7nr1-0"
18
18
  })(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
19
- StyledCheckLabel.defaultProps = {
20
- theme: DEFAULT_THEME
21
- };
22
19
 
23
20
  export { StyledCheckLabel };
@@ -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, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
9
9
  import { StyledRadioMessage } from '../radio/StyledRadioMessage.js';
10
10
 
11
11
  const COMPONENT_ID = 'forms.checkbox_message';
12
12
  const StyledCheckMessage = styled(StyledRadioMessage).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.9'
14
+ 'data-garden-version': '9.1.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledCheckMessage",
17
17
  componentId: "sc-s4p6kd-0"
18
18
  })(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
19
- StyledCheckMessage.defaultProps = {
20
- theme: DEFAULT_THEME
21
- };
22
19
 
23
20
  export { StyledCheckMessage };
@@ -6,20 +6,17 @@
6
6
  */
7
7
  import styled from 'styled-components';
8
8
  import SvgCheckSmFill from '../../node_modules/@zendeskgarden/svg-icons/src/12/check-sm-fill.svg.js';
9
- import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
9
+ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
10
10
  import { StyledCheckInput } from './StyledCheckInput.js';
11
11
  import { StyledCheckLabel } from './StyledCheckLabel.js';
12
12
 
13
13
  const COMPONENT_ID = 'forms.check_svg';
14
14
  const StyledCheckSvg = styled(SvgCheckSmFill).attrs({
15
15
  'data-garden-id': COMPONENT_ID,
16
- 'data-garden-version': '9.0.0-next.9'
16
+ 'data-garden-version': '9.1.0'
17
17
  }).withConfig({
18
18
  displayName: "StyledCheckSvg",
19
19
  componentId: "sc-fvxetk-0"
20
20
  })(["transition:opacity 0.25s ease-in-out;opacity:0;pointer-events:none;", ":checked ~ ", " > &{opacity:1;}", ":indeterminate ~ ", " > &{opacity:0;}", ";"], StyledCheckInput, StyledCheckLabel, StyledCheckInput, StyledCheckLabel, props => retrieveComponentStyles(COMPONENT_ID, props));
21
- StyledCheckSvg.defaultProps = {
22
- theme: DEFAULT_THEME
23
- };
24
21
 
25
22
  export { StyledCheckSvg };