glints-aries 4.0.151 → 4.0.154

package/lib/Input/Checkbox/Checkbox.stories.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.FontSize = exports.Indeterminate = exports.Sizes = exports.Bordered = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.Sizes = exports.Interactive = exports.Indeterminate = exports.FontSize = exports.Bordered = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -17,6 +15,10 @@ var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var TestBox = _styledComponents["default"].div.withConfig({
   displayName: "Checkboxstories__TestBox",
   componentId: "sc-1i1in83-0"

package/lib/Input/Checkbox/CheckboxStyle.js

@@ -11,7 +11,7 @@ var _Colors = require("../../Utils/Colors");
 
 var CheckboxContainer = _styledComponents["default"].div.withConfig({
   displayName: "CheckboxStyle__CheckboxContainer",
-  componentId: "c3ckvs-0"
+  componentId: "sc-c3ckvs-0"
 })(["position:relative;display:inline-flex;font-size:", ";line-height:1.5;&:focus{outline:none;}input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer;}label:before{content:'';appearance:none;background-color:transparent;border:1px solid ", ";display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:10px;border-radius:4px;width:1.29em;height:1.29em;box-sizing:border-box;}&[aria-checked='true'] label:before{border-color:transparent;}&[aria-checked='true'][data-border='true'] label:before{background:", ";}&[aria-checked='true'][data-border='false'] label:before{background:", ";}&[aria-checked='mixed'] label:before{background:", ";}label{position:relative;display:flex;align-items:center;line-height:1;cursor:pointer;outline:none;}&[aria-checked='true'] label{border-color:", ";}&[data-border='true'] label{border:1px solid #aaaaaa;cursor:pointer;border-radius:8px;padding:0.57em 0.86em;&:hover{background:rgba(1,126,183,0.1);border-color:", ";}}&[aria-checked='true'] label:after,&[aria-checked='mixed'] label:after{content:'';display:block;position:absolute;border:solid ", ";}&[aria-checked='true'] label:after{top:0.13em;left:0.45em;width:0.43em;height:0.86em;border-width:0 0.143em 0.143em 0;transform:rotate(45deg);}&[aria-checked='mixed'] label:after{top:0.55em;left:0.45em;width:0.43em;border-width:0.143em 0 0 0;}&[aria-checked='true'][data-border='true'] label:after,&[aria-checked='mixed'][data-border='true'] label:after{margin-top:0.61em;margin-left:0.89em;}"], function (_ref) {
   var size = _ref.size;
   return size === 'small' ? '14px' : '16px';

package/lib/Input/Datepicker/Datepicker.d.ts

@@ -23,7 +23,7 @@ declare class Datepicker extends React.Component<Props, State> {
     renderTHead: () => JSX.Element;
     renderTBody: () => JSX.Element;
     renderFirstWeekRow: () => JSX.Element;
-    renderDayRow: (array?: React.ReactNodeArray, startingCount?: number) => React.ReactNode;
+    renderDayRow: (array?: React.ReactNode[], startingCount?: number) => React.ReactNode;
     renderOffSetDay: () => JSX.Element[];
     renderLeftSideIcon: (showMonths: boolean) => JSX.Element;
     renderRightSideIcon: (showMonths: boolean) => JSX.Element;

package/lib/Input/Datepicker/Datepicker.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -19,6 +17,10 @@ var _TextField = _interopRequireDefault(require("../TextField"));
 
 var _components = require("../../General/Icon/components");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /* eslint-disable no-plusplus */
 var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
 

package/lib/Input/Datepicker/DatepickerStyle.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.HoverContent = exports.Th = exports.Td = exports.DatepickerTable = exports.DatepickerIconWrapper = exports.DatepickerNavigation = exports.DatepickerTodayBtn = exports.DatepickerMonthYearBtn = exports.DatepickerContent = exports.DatepickerSection = exports.DatepickerWrapper = exports.DatepickerContainer = void 0;
+exports.Th = exports.Td = exports.HoverContent = exports.DatepickerWrapper = exports.DatepickerTodayBtn = exports.DatepickerTable = exports.DatepickerSection = exports.DatepickerNavigation = exports.DatepickerMonthYearBtn = exports.DatepickerIconWrapper = exports.DatepickerContent = exports.DatepickerContainer = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -11,14 +11,14 @@ var _Colors = require("../../Utils/Colors");
 
 var DatepickerContainer = _styledComponents["default"].div.withConfig({
   displayName: "DatepickerStyle__DatepickerContainer",
-  componentId: "t24o7e-0"
+  componentId: "sc-t24o7e-0"
 })(["flex-grow:1;position:relative;"]);
 
 exports.DatepickerContainer = DatepickerContainer;
 
 var DatepickerWrapper = _styledComponents["default"].div.withConfig({
   displayName: "DatepickerStyle__DatepickerWrapper",
-  componentId: "t24o7e-1"
+  componentId: "sc-t24o7e-1"
 })(["position:absolute;visibility:", ";opacity:", ";transform:", ";transform-origin:center top;transition:", ";background:", ";width:280px;box-shadow:0 2px 8px rgba(0,0,0,0.15);margin-top:0.5em;outline:none;z-index:1000;"], function (_ref) {
   var isOpen = _ref.isOpen;
   return isOpen ? 'visible' : 'hidden';
@@ -37,7 +37,7 @@ exports.DatepickerWrapper = DatepickerWrapper;
 
 var DatepickerSection = _styledComponents["default"].div.withConfig({
   displayName: "DatepickerStyle__DatepickerSection",
-  componentId: "t24o7e-2"
+  componentId: "sc-t24o7e-2"
 })(["padding:10px;border-bottom:", ";"], function (_ref5) {
   var border = _ref5.border;
   return border && '1px solid #E8E8E8';
@@ -47,7 +47,7 @@ exports.DatepickerSection = DatepickerSection;
 
 var DatepickerContent = _styledComponents["default"].div.withConfig({
   displayName: "DatepickerStyle__DatepickerContent",
-  componentId: "t24o7e-3"
+  componentId: "sc-t24o7e-3"
 })(["display:flex;justify-content:", ";align-items:center;"], function (_ref6) {
   var justify = _ref6.justify;
   return justify || 'center';
@@ -57,28 +57,28 @@ exports.DatepickerContent = DatepickerContent;
 
 var DatepickerMonthYearBtn = _styledComponents["default"].button.withConfig({
   displayName: "DatepickerStyle__DatepickerMonthYearBtn",
-  componentId: "t24o7e-4"
+  componentId: "sc-t24o7e-4"
 })(["border:none;background:", ";padding:0;cursor:pointer;margin:0 4px;&:hover{color:", ";}"], _Colors.Greyscale.white, _Colors.SecondaryColor.actionblue);
 
 exports.DatepickerMonthYearBtn = DatepickerMonthYearBtn;
 
 var DatepickerTodayBtn = _styledComponents["default"].button.withConfig({
   displayName: "DatepickerStyle__DatepickerTodayBtn",
-  componentId: "t24o7e-5"
+  componentId: "sc-t24o7e-5"
 })(["display:flex;align-items:center;justify-content:center;border:none;outline:none;cursor:pointer;padding:0;&:hover{color:", ";}"], _Colors.SecondaryColor.actionblue);
 
 exports.DatepickerTodayBtn = DatepickerTodayBtn;
 
 var DatepickerNavigation = _styledComponents["default"].div.withConfig({
   displayName: "DatepickerStyle__DatepickerNavigation",
-  componentId: "t24o7e-6"
+  componentId: "sc-t24o7e-6"
 })(["display:flex;"]);
 
 exports.DatepickerNavigation = DatepickerNavigation;
 
 var DatepickerIconWrapper = _styledComponents["default"].div.withConfig({
   displayName: "DatepickerStyle__DatepickerIconWrapper",
-  componentId: "t24o7e-7"
+  componentId: "sc-t24o7e-7"
 })(["display:flex;font-size:8px;cursor:pointer;margin:", ";"], function (_ref7) {
   var needMargin = _ref7.needMargin;
   return needMargin && '0 8px';
@@ -88,28 +88,28 @@ exports.DatepickerIconWrapper = DatepickerIconWrapper;
 
 var DatepickerTable = _styledComponents["default"].table.withConfig({
   displayName: "DatepickerStyle__DatepickerTable",
-  componentId: "t24o7e-8"
+  componentId: "sc-t24o7e-8"
 })(["width:100%;max-width:100%;"]);
 
 exports.DatepickerTable = DatepickerTable;
 
 var Td = _styledComponents["default"].td.withConfig({
   displayName: "DatepickerStyle__Td",
-  componentId: "t24o7e-9"
+  componentId: "sc-t24o7e-9"
 })(["padding:0;"]);
 
 exports.Td = Td;
 
 var Th = _styledComponents["default"].th.withConfig({
   displayName: "DatepickerStyle__Th",
-  componentId: "t24o7e-10"
+  componentId: "sc-t24o7e-10"
 })(["padding:0;"]);
 
 exports.Th = Th;
 
 var HoverContent = _styledComponents["default"].div.withConfig({
   displayName: "DatepickerStyle__HoverContent",
-  componentId: "t24o7e-11"
+  componentId: "sc-t24o7e-11"
 })(["display:flex;justify-content:center;align-items:center;width:", ";height:", ";border-radius:2px;transition:background 0.3s ease;background-color:transparent;line-height:22px;", " ", ""], function (_ref8) {
   var biggerSize = _ref8.biggerSize;
   return !biggerSize ? '35px' : 'auto';

package/lib/Input/DownshiftSelect/Select.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.Select = exports.SubComponents = exports.defaultEmptyListText = exports.itemToString = exports.defaultTransformFunction = void 0;
+exports.itemToString = exports.defaultTransformFunction = exports.defaultEmptyListText = exports.SubComponents = exports.Select = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -25,9 +23,15 @@ var _lodash = require("lodash");
 
 var _reactIdGenerator = require("react-id-generator");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+var _excluded = ["items", "transformFunction", "components", "isLoading", "isOpenInitially", "helperText", "downshift", "placeholder", "label", "disabled", "disableTyping", "isOpen", "invalid", "onIsOpenChange", "selectedItem", "onSelectedItemChange", "inputValue", "onInputValueChange", "onClear", "onFocus", "onBlur", "emptyListText", "groupKey"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var defaultTransformFunction = function defaultTransformFunction(items, inputValue) {
   return items.filter(function (item) {
@@ -83,7 +87,7 @@ var Select = function Select(_ref) {
       _ref$emptyListText = _ref.emptyListText,
       emptyListText = _ref$emptyListText === void 0 ? defaultEmptyListText : _ref$emptyListText,
       groupKey = _ref.groupKey,
-      props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["items", "transformFunction", "components", "isLoading", "isOpenInitially", "helperText", "downshift", "placeholder", "label", "disabled", "disableTyping", "isOpen", "invalid", "onIsOpenChange", "selectedItem", "onSelectedItemChange", "inputValue", "onInputValueChange", "onClear", "onFocus", "onBlur", "emptyListText", "groupKey"]);
+      props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
 
   var mergedComponents = _objectSpread(_objectSpread({}, internalComponents), externalComponents);
 

package/lib/Input/DownshiftSelect/Select.stories.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.AsyncItems = exports.EmptyListText = exports.Small = exports.ConfigurableWidth = exports.OnClearCallback = exports.FocusCallbacks = exports.DisableAutocomplete = exports.Invalid = exports.ControlledInputValue = exports.ControlledIsOpen = exports.ControlledSelectedItem = exports.DisabledOptions = exports.DisableTyping = exports.Disabled = exports.DownshiftOptions = exports.Label = exports.Placeholder = exports.HelperText = exports.InitiallyOpen = exports.LoadingState = exports.RemoveToggleButton = exports.CustomComponents = exports.TransformFunctionForNoFilter = exports.TransformFunctionForCustomFilter = exports.Groups = exports.RealisticExample = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.TransformFunctionForNoFilter = exports.TransformFunctionForCustomFilter = exports.Small = exports.RemoveToggleButton = exports.RealisticExample = exports.Placeholder = exports.OnClearCallback = exports.LoadingState = exports.Label = exports.Invalid = exports.Interactive = exports.InitiallyOpen = exports.HelperText = exports.Groups = exports.FocusCallbacks = exports.EmptyListText = exports.DownshiftOptions = exports.DisabledOptions = exports.Disabled = exports.DisableTyping = exports.DisableAutocomplete = exports.CustomComponents = exports.ControlledSelectedItem = exports.ControlledIsOpen = exports.ControlledInputValue = exports.ConfigurableWidth = exports.AsyncItems = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -31,13 +29,17 @@ var _lodash = require("lodash");
 
 var _ = require("../..");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var StoryContainer = (0, _styledComponents["default"])(_GlintsContainer.BaseContainer).withConfig({
   displayName: "Selectstories__StoryContainer",
-  componentId: "qzffum-0"
+  componentId: "sc-qzffum-0"
 })(["min-height:250px;"]);
 var _default = {
   title: 'Input/DownshiftSelect',
@@ -93,12 +95,12 @@ var componentNames = Object.keys(Components).filter(function (name) {
 
 var CustomLabel = _styledComponents["default"].label.withConfig({
   displayName: "Selectstories__CustomLabel",
-  componentId: "qzffum-1"
+  componentId: "sc-qzffum-1"
 })(["color:green;"]);
 
 var CustomStyledItem = (0, _styledComponents["default"])(_Select.Select.Components.Item).withConfig({
   displayName: "Selectstories__CustomStyledItem",
-  componentId: "qzffum-2"
+  componentId: "sc-qzffum-2"
 })(["display:flex;justify-content:space-between;&[aria-selected='true']{color:", ";}"], _Colors.SecondaryColor.darkgreen);
 
 var CustomItem = function CustomItem(props) {
@@ -496,7 +498,7 @@ OnClearCallback.parameters = {
 };
 var ShortContainer = (0, _styledComponents["default"])(_Select.Select.Components.Container).withConfig({
   displayName: "Selectstories__ShortContainer",
-  componentId: "qzffum-3"
+  componentId: "sc-qzffum-3"
 })(["max-width:280px;"]);
 var ConfigurableWidth = Template.bind({});
 exports.ConfigurableWidth = ConfigurableWidth;
@@ -517,7 +519,7 @@ ConfigurableWidth.parameters = {
 };
 var SmallContainer = (0, _styledComponents["default"])(_Select.Select.Components.Container).withConfig({
   displayName: "Selectstories__SmallContainer",
-  componentId: "qzffum-4"
+  componentId: "sc-qzffum-4"
 })(["max-width:200px;font-size:11px;"]);
 var Small = Template.bind({});
 exports.Small = Small;
@@ -538,7 +540,7 @@ Small.parameters = {
 };
 var StyledEmptyList = (0, _styledComponents["default"])(_Select.Select.Components.EmptyList).withConfig({
   displayName: "Selectstories__StyledEmptyList",
-  componentId: "qzffum-5"
+  componentId: "sc-qzffum-5"
 })(["display:flex;justify-content:center;color:green;"]);
 var EmptyListText = Template.bind({});
 exports.EmptyListText = EmptyListText;

package/lib/Input/DownshiftSelect/SelectStyle.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.GroupHeading = exports.Group = exports.GroupContainer = exports.HelperText = exports.EmptyList = exports.Item = exports.Menu = exports.LoadingIndicator = exports.ToggleButton = exports.ClearButton = exports._IndicatorButton = exports.IndicatorsContainer = exports.Input = exports.Combobox = exports.Label = exports.Container = void 0;
+exports._IndicatorButton = exports.ToggleButton = exports.Menu = exports.LoadingIndicator = exports.Label = exports.Item = exports.Input = exports.IndicatorsContainer = exports.HelperText = exports.GroupHeading = exports.GroupContainer = exports.Group = exports.EmptyList = exports.Container = exports.Combobox = exports.ClearButton = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -15,106 +15,106 @@ var _Shadow = require("../../Utils/Shadow");
 
 var Container = _styledComponents["default"].div.withConfig({
   displayName: "SelectStyle__Container",
-  componentId: "qr1jv6-0"
+  componentId: "sc-qr1jv6-0"
 })(["position:relative;font-size:16px;"]);
 
 exports.Container = Container;
 
 var Label = _styledComponents["default"].label.withConfig({
   displayName: "SelectStyle__Label",
-  componentId: "qr1jv6-1"
+  componentId: "sc-qr1jv6-1"
 })(["display:block;margin-bottom:8px;color:", ";font-weight:500;&[data-active='true']{color:", ";}&[data-disabled='true']{color:", ";}&[data-invalid='true']{color:", ";}"], _Colors.Greyscale.devilsgrey, _Colors.SecondaryColor.actionblue, _Colors.Greyscale.lightgrey, _Colors.PrimaryColor.glintsred);
 
 exports.Label = Label;
 
 var Combobox = _styledComponents["default"].div.withConfig({
   displayName: "SelectStyle__Combobox",
-  componentId: "qr1jv6-2"
+  componentId: "sc-qr1jv6-2"
 })(["display:grid;grid-template-columns:1fr auto;grid-column-gap:0.75em;padding:0.75em 1em 0.75em 1em;border-radius:0.5em;background-color:#ebf5fa;:hover{background-color:#d6eaf2;}&[aria-expanded='true'],&[data-active='true']{background-color:#c2e0ed;}&[data-disabled='true']{background-color:", ";}&[data-invalid='true']{background-color:#feeeee;}"], _Colors.Greyscale.softgrey);
 
 exports.Combobox = Combobox;
 
 var Input = _styledComponents["default"].input.withConfig({
   displayName: "SelectStyle__Input",
-  componentId: "qr1jv6-3"
+  componentId: "sc-qr1jv6-3"
 })(["border:none;background-color:transparent;outline:none;color:", ";font-size:inherit;text-overflow:ellipsis;&:not([value='']){color:black;}:disabled::placeholder{color:", ";}"], _Colors.Greyscale.devilsgrey, _Colors.Greyscale.lightgrey);
 
 exports.Input = Input;
 
 var IndicatorsContainer = _styledComponents["default"].div.withConfig({
   displayName: "SelectStyle__IndicatorsContainer",
-  componentId: "qr1jv6-4"
+  componentId: "sc-qr1jv6-4"
 })(["display:flex;flex-direction:row;>:not(:last-child){margin-right:0.75em;}"]);
 
 exports.IndicatorsContainer = IndicatorsContainer;
 
 var _IndicatorButton = _styledComponents["default"].button.withConfig({
   displayName: "SelectStyle___IndicatorButton",
-  componentId: "qr1jv6-5"
+  componentId: "sc-qr1jv6-5"
 })(["padding:0;border:none;background:none;color:", ";font-size:inherit;"], _Colors.Greyscale.devilsgrey);
 
 exports._IndicatorButton = _IndicatorButton;
 var ClearButton = (0, _styledComponents["default"])(_IndicatorButton).withConfig({
   displayName: "SelectStyle__ClearButton",
-  componentId: "qr1jv6-6"
+  componentId: "sc-qr1jv6-6"
 })([""]);
 exports.ClearButton = ClearButton;
 var ToggleButton = (0, _styledComponents["default"])(_IndicatorButton).withConfig({
   displayName: "SelectStyle__ToggleButton",
-  componentId: "qr1jv6-7"
+  componentId: "sc-qr1jv6-7"
 })([""]);
 exports.ToggleButton = ToggleButton;
 var LoadingIndicator = (0, _styledComponents["default"])(_Loading["default"]).withConfig({
   displayName: "SelectStyle__LoadingIndicator",
-  componentId: "qr1jv6-8"
+  componentId: "sc-qr1jv6-8"
 })(["align-items:center;font-size:0.5625em;"]);
 exports.LoadingIndicator = LoadingIndicator;
 
 var Menu = _styledComponents["default"].ul.withConfig({
   displayName: "SelectStyle__Menu",
-  componentId: "qr1jv6-9"
+  componentId: "sc-qr1jv6-9"
 })(["margin-top:4px;position:absolute;width:100%;padding:0.5em 0 0.5em 0;border:1px solid #eeeeee;border-radius:0.5em;box-shadow:", ";background-color:white;z-index:1;[aria-expanded='false'] + &{visibility:hidden;}"], _Shadow.Shadow.down3);
 
 exports.Menu = Menu;
 
 var Item = _styledComponents["default"].li.withConfig({
   displayName: "SelectStyle__Item",
-  componentId: "qr1jv6-10"
+  componentId: "sc-qr1jv6-10"
 })(["padding:0.5em 1em;list-style-type:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;&[aria-selected='true']{background-color:", ";color:", ";}&[disabled]{background-color:transparent;color:", ";cursor:not-allowed;}"], _Colors.Greyscale.softgrey, _Colors.SecondaryColor.actionblue, _Colors.Greyscale.lightgrey);
 
 exports.Item = Item;
 
 var EmptyList = _styledComponents["default"].li.withConfig({
   displayName: "SelectStyle__EmptyList",
-  componentId: "qr1jv6-11"
+  componentId: "sc-qr1jv6-11"
 })(["padding:0.5em 1em;list-style-type:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:", ";cursor:not-allowed;"], _Colors.Greyscale.lightgrey);
 
 exports.EmptyList = EmptyList;
 
 var HelperText = _styledComponents["default"].span.withConfig({
   displayName: "SelectStyle__HelperText",
-  componentId: "qr1jv6-12"
+  componentId: "sc-qr1jv6-12"
 })(["margin-top:4px;color:", ";font-size:0.875em;&[data-invalid='true']{color:", ";}"], _Colors.Greyscale.devilsgrey, _Colors.PrimaryColor.glintsred);
 
 exports.HelperText = HelperText;
 
 var GroupContainer = _styledComponents["default"].li.withConfig({
   displayName: "SelectStyle__GroupContainer",
-  componentId: "qr1jv6-13"
+  componentId: "sc-qr1jv6-13"
 })(["margin-bottom:0.5em;padding:0;list-style-type:none;"]);
 
 exports.GroupContainer = GroupContainer;
 
 var Group = _styledComponents["default"].ul.withConfig({
   displayName: "SelectStyle__Group",
-  componentId: "qr1jv6-14"
+  componentId: "sc-qr1jv6-14"
 })(["padding:0;"]);
 
 exports.Group = Group;
 
 var GroupHeading = _styledComponents["default"].li.withConfig({
   displayName: "SelectStyle__GroupHeading",
-  componentId: "qr1jv6-15"
+  componentId: "sc-qr1jv6-15"
 })(["padding:0.5em 1em;list-style-type:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:", ";font-size:0.75em;text-transform:uppercase;"], _Colors.Greyscale.devilsgrey);
 
 exports.GroupHeading = GroupHeading;

package/lib/Input/NumberInput/NumberInput.d.ts

@@ -8,7 +8,7 @@ import { TextFieldInput } from '../TextField/TextFieldStyle';
  * Use small to set the size of the input field. The ...rest is passed to the
  * internal field input. */
 export declare const NumberInput: (props: Props) => JSX.Element;
-export interface Props extends React.ComponentPropsWithoutRef<typeof TextFieldInput> {
+export declare type Props = React.ComponentPropsWithoutRef<typeof TextFieldInput> & {
     /** Placeholder for the text field. */
     label: string;
     disabled?: boolean;
@@ -23,5 +23,5 @@ export interface Props extends React.ComponentPropsWithoutRef<typeof TextFieldIn
     forwardedRef?: React.RefObject<HTMLInputElement>;
     /** Icon at the start of the input element. */
     startIcon?: React.ReactNode;
-}
+};
 export default NumberInput;

package/lib/Input/NumberInput/NumberInput.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -13,6 +11,10 @@ var React = _interopRequireWildcard(require("react"));
 
 var _TextField = _interopRequireDefault(require("../TextField"));
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /** Use onChange to listen to input changes.
  * Use onBlur to listen to focus loss.
  * <br/>

package/lib/Input/NumberInput/NumberInput.stories.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.StepValue2 = exports.MinimumValue3AndMaximumValue10 = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.StepValue2 = exports.MinimumValue3AndMaximumValue10 = exports.Interactive = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -15,6 +13,10 @@ var _NumberInput = require("./NumberInput");
 
 var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var _default = {
   title: 'Input/NumberInput',
   component: _NumberInput.NumberInput,

package/lib/Input/PhoneNumberInput/PhoneNumberInput.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -27,9 +25,15 @@ var _useOutsideAlerter = require("../../Utils/useOutsideAlerter");
 
 var S = _interopRequireWildcard(require("./PhoneNumberInputStyles"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+var _excluded = ["value", "onChange", "onFocus", "onBlur", "callingCodeOptions", "onInputChange", "filterValue", "isLoadingCallingCodeOptions", "label", "featuredOptionsLabel", "otherOptionsLabel", "callingCodeFilterInputPlaceholder", "callingCodeNoOptionsLabel", "error", "addon"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 // Downshift wants a ref to this, but we need one ourselves, and there is no way
 // to share.
@@ -55,7 +59,7 @@ var PhoneNumberInput = function PhoneNumberInput(_ref) {
       callingCodeNoOptionsLabel = _ref.callingCodeNoOptionsLabel,
       error = _ref.error,
       addon = _ref.addon,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["value", "onChange", "onFocus", "onBlur", "callingCodeOptions", "onInputChange", "filterValue", "isLoadingCallingCodeOptions", "label", "featuredOptionsLabel", "otherOptionsLabel", "callingCodeFilterInputPlaceholder", "callingCodeNoOptionsLabel", "error", "addon"]);
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
 
   var _useState = (0, _react.useState)(false),
       isCallingCodeInputOpen = _useState[0],

package/lib/Input/PhoneNumberInput/PhoneNumberInput.stories.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.WithAddon = exports.Loading = exports.NoCallingCodeOptions = exports.WithError = exports.Default = exports["default"] = void 0;
+exports["default"] = exports.WithError = exports.WithAddon = exports.NoCallingCodeOptions = exports.Loading = exports.Default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -17,6 +15,10 @@ var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
 
 var _ = require("../..");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var _default = {
   title: 'Input/PhoneNumberInput',
   component: _PhoneNumberInput.PhoneNumberInput,

package/lib/Input/PhoneNumberInput/PhoneNumberInputStyles.js

@@ -1,9 +1,7 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
-exports.Error = exports.NoOptions = exports.GroupHeader = exports.CallingCodeOptionLabel = exports.CallingCodeOptionCallingCode = exports.CallingCodeOption = exports.CallingCodeOptionsList = exports.CallingCodeInputLoading = exports.CallingCodeFilterInput = exports.CallingCodeFilterInputGroup = exports.CallingCodeInput = exports.TopRowAddon = exports.SignificantNumberInput = exports.Label = exports.CallingCodeInputOpenIndicator = exports.CallingCodeInputToggle = exports.TopRow = exports.PhoneNumberInputContainer = void 0;
+exports.TopRowAddon = exports.TopRow = exports.SignificantNumberInput = exports.PhoneNumberInputContainer = exports.NoOptions = exports.Label = exports.GroupHeader = exports.Error = exports.CallingCodeOptionsList = exports.CallingCodeOptionLabel = exports.CallingCodeOptionCallingCode = exports.CallingCodeOption = exports.CallingCodeInputToggle = exports.CallingCodeInputOpenIndicator = exports.CallingCodeInputLoading = exports.CallingCodeInput = exports.CallingCodeFilterInputGroup = exports.CallingCodeFilterInput = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
@@ -13,6 +11,10 @@ var _Shadow = require("../../Utils/Shadow");
 
 var _Loading = require("../../General/Loading");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var PhoneNumberInputContainer = _styledComponents["default"].div.withConfig({
   displayName: "PhoneNumberInputStyles__PhoneNumberInputContainer",
   componentId: "sc-80kraj-0"

package/lib/Input/RadioButton/RadioButton.d.ts

@@ -10,7 +10,7 @@ export interface Props extends HTMLInputProps {
     /** Sets the label of Radio Button. */
     label?: React.ReactNode;
     /** Sets the props on the label element. */
-    labelProps?: React.LabelHTMLAttributes<{}>;
+    labelProps?: React.LabelHTMLAttributes<HTMLLabelElement>;
     /** Sets theme for Radio Button. */
     theme?: 'white';
     /** Sets a border around the radio button. */