glints-aries 4.0.149 → 4.0.152

package/lib/General/ProfilePicture/ProfilePicture.stories.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.ShowEditIconOnHover = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.ShowEditIconOnHover = exports.Interactive = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/lib/General/ProfilePicture/ProfilePictureStyle.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.ProfilePictureContainer = exports.ProfilePictureContent = void 0;
+exports.ProfilePictureContent = exports.ProfilePictureContainer = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -11,7 +11,7 @@ var CrossPattern = require('../../../assets/image/cross-pattern.svg');
 
 var ProfilePictureContent = _styledComponents["default"].div.withConfig({
   displayName: "ProfilePictureStyle__ProfilePictureContent",
-  componentId: "lrsiz1-0"
+  componentId: "sc-lrsiz1-0"
 })(["position:relative;z-index:1;width:5em;height:5em;border-radius:50%;svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}", " &:after{content:'';position:absolute;z-index:-1;background:url(", ");height:100%;width:100%;border-radius:50%;top:4px;left:4px;}img{object-fit:cover;border-radius:50%;width:100%;height:100%;z-index:1;}"], function (_ref) {
   var editable = _ref.editable;
 
@@ -24,7 +24,7 @@ exports.ProfilePictureContent = ProfilePictureContent;
 
 var ProfilePictureContainer = _styledComponents["default"].div.withConfig({
   displayName: "ProfilePictureStyle__ProfilePictureContainer",
-  componentId: "lrsiz1-1"
+  componentId: "sc-lrsiz1-1"
 })(["position:relative;display:inline-flex;", ""], function (_ref2) {
   var editable = _ref2.editable;
 

package/lib/General/Tag/ActionTags/AddTag.js

@@ -13,6 +13,6 @@ var _BasicTag = _interopRequireDefault(require("../BasicTag"));
 
 var AddTag = (0, _styledComponents["default"])(_BasicTag["default"]).withConfig({
   displayName: "AddTag",
-  componentId: "ggz15u-0"
+  componentId: "sc-ggz15u-0"
 })(["border-style:dashed;border-color:", ";&:hover{border-color:", ";&:active{border-color:", ";}"], _Colors.Greyscale.lightgrey, _Colors.Greyscale.grey, _Colors.Greyscale.black);
 exports.AddTag = AddTag;

package/lib/General/Tag/ActionTags/ResetTag.js

@@ -13,6 +13,6 @@ var _BasicTag = _interopRequireDefault(require("../BasicTag"));
 
 var ResetTag = (0, _styledComponents["default"])(_BasicTag["default"]).withConfig({
   displayName: "ResetTag",
-  componentId: "be45u9-0"
+  componentId: "sc-be45u9-0"
 })(["color:", ";border-style:solid;border-color:transparent;background-color:rgba(236,39,43,0.05);&:hover{background-color:rgba(236,39,43,0.1);}&:active{background-color:rgba(236,39,43,0.2);}"], _Colors.PrimaryColor.glintsred);
 exports.ResetTag = ResetTag;

package/lib/General/Tag/BasicTag.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { TagContainer } from './TagStyle';
 declare const Tag: React.FunctionComponent<Props>;
-export interface Props extends React.ComponentPropsWithoutRef<typeof TagContainer> {
+export declare type Props = React.ComponentPropsWithoutRef<typeof TagContainer> & {
     children: React.ReactNode;
-}
+};
 export default Tag;

package/lib/General/Tag/BasicTag.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -17,13 +15,19 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _TagStyle = require("./TagStyle");
 
+var _excluded = ["className", "children", "block", "outline", "onClick"];
+
+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 Tag = function Tag(props) {
   var className = props.className,
       children = props.children,
       block = props.block,
       outline = props.outline,
       onClick = props.onClick,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, ["className", "children", "block", "outline", "onClick"]);
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   return /*#__PURE__*/React.createElement(_TagStyle.TagContainer, (0, _extends2["default"])({
     className: (0, _classnames["default"])('aries-tag', className),
     role: "presentation",

package/lib/General/Tag/Tag.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -23,6 +21,12 @@ var _ResetTag = require("./ActionTags/ResetTag");
 
 var _BasicTag = _interopRequireDefault(require("./BasicTag"));
 
+var _excluded = ["variant", "action", "children", "icon", "block", "outline", "onClick"];
+
+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 Tag = function Tag(_ref) {
   var variant = _ref.variant,
       action = _ref.action,
@@ -33,7 +37,7 @@ var Tag = function Tag(_ref) {
       _ref$outline = _ref.outline,
       outline = _ref$outline === void 0 ? false : _ref$outline,
       onClick = _ref.onClick,
-      resetProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["variant", "action", "children", "icon", "block", "outline", "onClick"]);
+      resetProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
 
   if (variant === 'action') {
     switch (action) {

package/lib/General/Tag/Tag.stories.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.ActionTag = exports.ButtonTag = exports.BasicTag = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.Interactive = exports.ButtonTag = exports.BasicTag = exports.ActionTag = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/lib/General/Tag/TagStyle.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.EndIconContainer = exports.StartIconContainer = exports.TagContainer = exports.TagContent = void 0;
+exports.TagContent = exports.TagContainer = exports.StartIconContainer = exports.EndIconContainer = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 

package/lib/General/Typography/Paragraph.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,12 @@ var _ParagraphStyles = require("./ParagraphStyles");
 
 var _Colors = require("../../Utils/Colors");
 
+var _excluded = ["className", "children", "variant", "bold", "color", "ellipsis", "shouldSetLineHeight"];
+
+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 Paragraph = function Paragraph(_ref) {
   var className = _ref.className,
       children = _ref.children,
@@ -32,7 +36,7 @@ var Paragraph = function Paragraph(_ref) {
       ellipsis = _ref$ellipsis === void 0 ? false : _ref$ellipsis,
       _ref$shouldSetLineHei = _ref.shouldSetLineHeight,
       shouldSetLineHeight = _ref$shouldSetLineHei === void 0 ? false : _ref$shouldSetLineHei,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["className", "children", "variant", "bold", "color", "ellipsis", "shouldSetLineHeight"]);
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   return /*#__PURE__*/React.createElement(_ParagraphStyles.Paragraph, (0, _extends2["default"])({
     className: (0, _classnames["default"])('aries-typography-paragraph', className),
     variant: variant,

package/lib/General/Typography/Paragraph.stories.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.ShouldSetLineHeight = exports.Variant = exports.Bold = exports.Ellipsis = exports.Color = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.Variant = exports.ShouldSetLineHeight = exports.Interactive = exports.Ellipsis = exports.Color = exports.Bold = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/lib/General/Typography/ParagraphStyles.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.Paragraph = exports.PARAGRAPH_LINE_HEIGHTS = exports.PARAGRAPH_FONT_SIZES = exports.PARAGRAPH_VARIANTS = void 0;
+exports.Paragraph = exports.PARAGRAPH_VARIANTS = exports.PARAGRAPH_LINE_HEIGHTS = exports.PARAGRAPH_FONT_SIZES = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 

package/lib/General/Typography/Title.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,12 @@ var _TitleStyles = require("./TitleStyles");
 
 var _Colors = require("../../Utils/Colors");
 
+var _excluded = ["className", "children", "color", "ellipsis", "tag", "uppercase"];
+
+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 Title = function Title(_ref) {
   var className = _ref.className,
       children = _ref.children,
@@ -30,7 +34,7 @@ var Title = function Title(_ref) {
       tag = _ref$tag === void 0 ? 'h1' : _ref$tag,
       _ref$uppercase = _ref.uppercase,
       uppercase = _ref$uppercase === void 0 ? false : _ref$uppercase,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["className", "children", "color", "ellipsis", "tag", "uppercase"]);
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   return /*#__PURE__*/React.createElement(_TitleStyles.Title, (0, _extends2["default"])({
     className: (0, _classnames["default"])('aries-typography-title', className),
     as: tag,

package/lib/General/Typography/Title.stories.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.Uppercase = exports.Tag = exports.Ellipsis = exports.Color = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.Uppercase = exports.Tag = exports.Interactive = exports.Ellipsis = exports.Color = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/lib/General/Typography/TitleStyles.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.Title = exports.TITLE_FONT_SIZES = exports.TITLE_VARIANTS = void 0;
+exports.Title = exports.TITLE_VARIANTS = exports.TITLE_FONT_SIZES = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 

package/lib/General/Typography/Typography.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports["default"] = void 0;
 
@@ -13,6 +11,10 @@ var _Title = _interopRequireDefault(require("./Title"));
 
 var _Paragraph = _interopRequireDefault(require("./Paragraph"));
 
+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 Typography = function Typography(props) {
   var children = props.children;
   return /*#__PURE__*/React.createElement("article", null, children);

package/lib/Input/Checkbox/Checkbox.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,12 @@ var _CheckboxStyle = require("./CheckboxStyle");
 
 var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
 
+var _excluded = ["id", "label", "value", "onClick", "size", "border", "indeterminate", "className", "checked"];
+
+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 getCheckedState = function getCheckedState(internalChecked, externalChecked, externalIndeterminate) {
   if (externalIndeterminate) return 'mixed';
 
@@ -42,7 +46,7 @@ var Checkbox = function Checkbox(_ref) {
       indeterminate = _ref$indeterminate === void 0 ? undefined : _ref$indeterminate,
       className = _ref.className,
       checked = _ref.checked,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["id", "label", "value", "onClick", "size", "border", "indeterminate", "className", "checked"]);
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
 
   var _React$useState = React.useState(false),
       internalChecked = _React$useState[0],

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;