glints-aries 4.0.395 → 4.1.3

package/es/Navigation/Drawer/Drawer.js

@@ -1,47 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["children", "isOpen", "onClose", "position", "getContainerElement"];
-import * as React from 'react';
-import { DrawerContainer, DrawerWrapper } from './DrawerStyle';
-var Drawer = function Drawer(_ref) {
-  var children = _ref.children,
-    isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? 'right' : _ref$position,
-    getContainerElement = _ref.getContainerElement,
-    defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  React.useEffect(function preventContainerScrolling() {
-    if (!getContainerElement) return;
-    var containerElement = getContainerElement();
-    if (isOpen) {
-      containerElement.style.overflow = 'hidden';
-    } else {
-      containerElement.style.overflow = 'scroll';
-    }
-    return function () {
-      containerElement.style.overflow = 'scroll';
-    };
-  }, [getContainerElement, isOpen]);
-  return /*#__PURE__*/React.createElement(DrawerContainer, {
-    className: "aries-drawer",
-    "data-testid": "drawer-container",
-    "aria-modal": "true",
-    "aria-hidden": isOpen ? 'false' : 'true',
-    open: isOpen,
-    onClick: function onClick() {
-      return onClose();
-    }
-  }, /*#__PURE__*/React.createElement(DrawerWrapper, _extends({
-    className: "drawer-contentwrapper",
-    role: "dialog",
-    "data-testid": "drawer-wrapper",
-    open: isOpen,
-    position: position,
-    tabIndex: 0,
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
-  }, defaultProps), children));
-};
-export default Drawer;

package/es/Navigation/Drawer/Drawer.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Default: any;

package/es/Navigation/Drawer/Drawer.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

package/es/Navigation/Drawer/DrawerStyle.d.ts

@@ -1,11 +0,0 @@
-import { DrawerPosition } from './Drawer';
-export declare const DrawerContainer: import("styled-components").StyledComponent<"div", any, DrawerContainerProps, never>;
-interface DrawerContainerProps {
-    open: boolean;
-}
-export declare const DrawerWrapper: import("styled-components").StyledComponent<"div", any, DrawerWrapperProps, never>;
-interface DrawerWrapperProps {
-    open: boolean;
-    position: DrawerPosition;
-}
-export {};

package/es/Navigation/Drawer/DrawerStyle.js

@@ -1,36 +0,0 @@
-import styled, { keyframes } from 'styled-components';
-var openFromRight = keyframes(["from{transform:translateX(100%);}to{transform:translateX(0%);}"]);
-var closeToRight = keyframes(["from{transform:translateX(0%);}to{transform:translateX(100%);}"]);
-var openFromLeft = keyframes(["from{transform:translateX(-100%);}to{transform:translateX(0%);}"]);
-var closeToLeft = keyframes(["from{transform:translateX(0%);}to{transform:translateX(-100%);}"]);
-export var DrawerContainer = styled.div.withConfig({
-  displayName: "DrawerStyle__DrawerContainer",
-  componentId: "sc-13skgii-0"
-})(["position:fixed;min-height:100vh;max-height:100vh;width:100vw;top:0px;left:0px;", ";z-index:9999;"], function (_ref) {
-  var open = _ref.open;
-  return open ? "\n    opacity: 1;\n    visibility: visible;\n    background-color: rgba(0, 0, 0, 0.5);\n    transition: opacity 0.5s, visibility 0.1s, background-color 0.5s;\n  " : "\n    opacity: 0;\n    visibility: hidden;\n    background-color: transparent;\n    transition: opacity 0.5s, visibility 0.4s 0.1s, background-color 0.5s;\n  ";
-});
-export var DrawerWrapper = styled.div.withConfig({
-  displayName: "DrawerStyle__DrawerWrapper",
-  componentId: "sc-13skgii-1"
-})(["position:absolute;height:100vh;width:80vw;max-width:300px;top:0px;", " background-color:white;animation:", " 0.3s ease-in-out;transform:", ";outline:none;box-shadow:-2px 0 8px rgba(0,0,0,0.15);overflow-y:auto;"], function (_ref2) {
-  var position = _ref2.position;
-  return {
-    left: "\n    left: 0px;\n  ",
-    right: "\n    right: 0px;\n  "
-  }[position];
-}, function (_ref3) {
-  var open = _ref3.open,
-    position = _ref3.position;
-  return {
-    right: open ? openFromRight : closeToRight,
-    left: open ? openFromLeft : closeToLeft
-  }[position];
-}, function (_ref4) {
-  var open = _ref4.open,
-    position = _ref4.position;
-  return {
-    right: open ? 'translateX(0%)' : 'translateX(100%)',
-    left: open ? 'translateX(0%)' : 'translateX(-100%)'
-  }[position];
-});

package/es/Navigation/Drawer/index.d.ts

@@ -1,2 +0,0 @@
-import Drawer from './Drawer';
-export default Drawer;

package/es/Navigation/Drawer/index.js

@@ -1,2 +0,0 @@
-import Drawer from './Drawer';
-export default Drawer;

package/es/Navigation/Dropdown/Dropdown.d.ts

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { DropdownContainer, DropdownHeader, DropdownBody } from './DropdownStyle';
-import { Props as DropdownItemProps } from './DropdownItem';
-export declare const Dropdown: {
-    ({ label, showHoverLine, dropDownPlacement, noLineBreak, iconDefaultColor, showFullWidth, disabled, hoverToOpen, onChange, children, leftIcon, className, itemElement, ...defaultProps }: Props): JSX.Element;
-    Item: React.FunctionComponent<DropdownItemProps>;
-};
-declare type PropsFromDropdownContainer = Omit<React.ComponentPropsWithoutRef<typeof DropdownContainer>, 'onChange'>;
-declare type PropsFromDropdownHeader = Omit<React.ComponentPropsWithoutRef<typeof DropdownHeader>, 'isOpen'>;
-declare type PropsFromDropdownBody = Omit<React.ComponentPropsWithoutRef<typeof DropdownBody>, 'open'>;
-export interface Props extends PropsFromDropdownContainer, PropsFromDropdownHeader, PropsFromDropdownBody {
-    children: React.ReactNode;
-    /** Sets label of Dropdown. */
-    label: string;
-    /** Opens Dropdown on hovering. */
-    hoverToOpen?: boolean;
-    /** Icon to show at the left side of dropdown button. */
-    leftIcon?: React.ReactNode;
-    /**	Dropdown label in component. */
-    itemElement?: React.ReactNode;
-    /** Dropdown icon color */
-    iconDefaultColor?: string;
-    /** To get value of Dropdown's item. */
-    onChange?(value: string): void;
-    /** Show underline when hovered. */
-    showHoverLine?: boolean;
-    /** Placement position for dropdown. */
-    dropDownPlacement?: 'left' | 'right';
-    /**	No break line in dropdown. */
-    noLineBreak?: boolean;
-    /**	Dropdown take full width. */
-    showFullWidth?: boolean;
-    /** Disabling the dropdown. */
-    disabled?: boolean;
-}
-export default Dropdown;

package/es/Navigation/Dropdown/Dropdown.js

@@ -1,159 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["label", "showHoverLine", "dropDownPlacement", "noLineBreak", "iconDefaultColor", "showFullWidth", "disabled", "hoverToOpen", "onChange", "children", "leftIcon", "className", "itemElement"];
-import * as React from 'react';
-import classNames from 'classnames';
-import { ArrowDownIcon } from '../../General/Icon/components';
-import { escEvent } from '../../Utils/DomUtils';
-import { DropdownContainer, DropdownWrapper, DropdownHeader, DropdownBody, DropdownItemWrapper, IconWrapper } from './DropdownStyle';
-import DropdownItem from './DropdownItem';
-export var Dropdown = function Dropdown(_ref) {
-  var label = _ref.label,
-    _ref$showHoverLine = _ref.showHoverLine,
-    showHoverLine = _ref$showHoverLine === void 0 ? false : _ref$showHoverLine,
-    _ref$dropDownPlacemen = _ref.dropDownPlacement,
-    dropDownPlacement = _ref$dropDownPlacemen === void 0 ? 'left' : _ref$dropDownPlacemen,
-    _ref$noLineBreak = _ref.noLineBreak,
-    noLineBreak = _ref$noLineBreak === void 0 ? false : _ref$noLineBreak,
-    _ref$iconDefaultColor = _ref.iconDefaultColor,
-    iconDefaultColor = _ref$iconDefaultColor === void 0 ? 'black' : _ref$iconDefaultColor,
-    _ref$showFullWidth = _ref.showFullWidth,
-    showFullWidth = _ref$showFullWidth === void 0 ? false : _ref$showFullWidth,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$hoverToOpen = _ref.hoverToOpen,
-    hoverToOpen = _ref$hoverToOpen === void 0 ? false : _ref$hoverToOpen,
-    onChange = _ref.onChange,
-    children = _ref.children,
-    leftIcon = _ref.leftIcon,
-    className = _ref.className,
-    itemElement = _ref.itemElement,
-    defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var dropdownBodyRef = React.useRef(null);
-  var _React$useState = React.useState(label),
-    dropdownLabel = _React$useState[0],
-    setDropdownLabel = _React$useState[1];
-  var _React$useState2 = React.useState(false),
-    isOpen = _React$useState2[0],
-    setIsOpen = _React$useState2[1];
-  var _React$useState3 = React.useState(0),
-    cursor = _React$useState3[0],
-    setCursor = _React$useState3[1];
-  var handleOpen = function handleOpen() {
-    if (!disabled) {
-      setIsOpen(!isOpen);
-    }
-  };
-  var hoverOpen = function hoverOpen() {
-    if (hoverToOpen) {
-      setIsOpen(true);
-    }
-  };
-  var hoverClose = function hoverClose() {
-    if (hoverToOpen) {
-      setIsOpen(false);
-      setCursor(0);
-    }
-  };
-  var handleClose = function handleClose() {
-    setIsOpen(false);
-    setCursor(0);
-  };
-  var handleClickItem = function handleClickItem(onClick) {
-    return function (e) {
-      var itemElement = e.target;
-      if (itemElement.dataset.value) {
-        setDropdownLabel(itemElement.innerHTML);
-        if (onChange && typeof onChange === 'function') {
-          onChange(itemElement.dataset.value);
-        }
-      }
-      if (onClick && typeof onClick === 'function') {
-        onClick(e);
-      }
-      setIsOpen(false);
-    };
-  };
-  var handleMouseEnter = setCursor;
-  var handleKeyDown = function handleKeyDown(e) {
-    e.preventDefault();
-
-    // Up Arrow
-    if (e.keyCode === 38 && cursor > 0) {
-      setCursor(cursor - 1);
-    } else if (e.keyCode === 40 &&
-    // Down Arrow
-    cursor < React.Children.count(children) - 1) {
-      setCursor(cursor + 1);
-    } else if (e.keyCode === 13) {
-      // Enter
-      setDropdownLabel(dropdownBodyRef.current.querySelector('.active').innerHTML);
-      setIsOpen(false);
-    }
-  };
-  React.useEffect(function () {
-    var handleEscKeydown = escEvent(handleClose);
-    document.addEventListener('keydown', handleEscKeydown, false);
-    return function () {
-      document.removeEventListener('keydown', handleEscKeydown, false);
-    };
-  }, []);
-  var LeftIcon = leftIcon;
-  return /*#__PURE__*/React.createElement(DropdownContainer, _extends({
-    className: classNames('aries-dropdown', className),
-    tabIndex: 0,
-    onClick: handleOpen,
-    onMouseEnter: hoverOpen,
-    onMouseLeave: hoverClose,
-    onBlur: handleClose,
-    onKeyDown: handleKeyDown,
-    role: "menuitem",
-    "aria-label": dropdownLabel,
-    "aria-haspopup": "true"
-  }, defaultProps), /*#__PURE__*/React.createElement(DropdownWrapper, {
-    className: "dropdown-contentwrapper",
-    tabIndex: -1
-  }, /*#__PURE__*/React.createElement(DropdownHeader, {
-    className: "dropdown-content",
-    isOpen: isOpen,
-    disabled: disabled,
-    showHoverLine: showHoverLine,
-    showFullWidth: showFullWidth,
-    iconDefaultColor: iconDefaultColor
-  }, LeftIcon, /*#__PURE__*/React.createElement("span", null, itemElement ? itemElement : dropdownLabel), /*#__PURE__*/React.createElement(IconWrapper, {
-    isOpen: isOpen
-  }, /*#__PURE__*/React.createElement(ArrowDownIcon, {
-    color: !disabled ? iconDefaultColor : '#777777'
-  }))), /*#__PURE__*/React.createElement(DropdownBody, {
-    className: "dropdown-listbox",
-    role: "listbox",
-    "aria-hidden": !isOpen && true,
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    },
-    open: isOpen,
-    dropDownPlacement: dropDownPlacement,
-    noLineBreak: noLineBreak,
-    showFullWidth: showFullWidth,
-    showHoverLine: showHoverLine,
-    ref: dropdownBodyRef
-  }, React.Children.toArray(children).filter(Boolean).map(function (item, index) {
-    var dropDownItemClassName = item.props.className || '';
-    return /*#__PURE__*/React.createElement(DropdownItemWrapper, {
-      className: classNames({
-        active: cursor === index
-      }, "" + dropDownItemClassName),
-      role: "option",
-      "data-value": item.props.value,
-      key: item.key,
-      onMouseDown: handleClickItem(item.props.onClick),
-      onMouseEnter: function onMouseEnter() {
-        return handleMouseEnter(index);
-      },
-      tabIndex: 0,
-      showFullWidth: showFullWidth
-    }, item.props.children);
-  }))));
-};
-Dropdown.Item = DropdownItem;
-export default Dropdown;

package/es/Navigation/Dropdown/Dropdown.stories.d.ts

@@ -1,10 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Default: any;
-export declare const HoverToOpen: any;
-export declare const DropdownWithIconAndDefaultIconColour: any;
-export declare const DropdownWithHoverLineEffect: any;
-export declare const DropdownWithRightPlacement: any;
-export declare const DropdownWithFullWidth: any;
-export declare const DisabledDropdown: any;

package/es/Navigation/Dropdown/Dropdown.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

package/es/Navigation/Dropdown/DropdownItem.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { DropdownItemWrapper } from './DropdownStyle';
-declare const DropdownItem: React.FunctionComponent<Props>;
-export declare type Props = React.ComponentPropsWithoutRef<typeof DropdownItemWrapper> & {
-    value?: any;
-    onClick?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
-    children: React.ReactNode;
-};
-export default DropdownItem;

package/es/Navigation/Dropdown/DropdownItem.js

@@ -1,14 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["children", "className"];
-import * as React from 'react';
-import { DropdownItemWrapper } from './DropdownStyle';
-var DropdownItem = function DropdownItem(props) {
-  var children = props.children,
-    className = props.className,
-    defaultProps = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/React.createElement(DropdownItemWrapper, _extends({
-    className: className
-  }, defaultProps), children);
-};
-export default DropdownItem;

package/es/Navigation/Dropdown/DropdownItem.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';

package/es/Navigation/Dropdown/DropdownStyle.d.ts

@@ -1,27 +0,0 @@
-export declare const DropdownWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownHeader: import("styled-components").StyledComponent<"div", any, DropdownHeaderProps, never>;
-interface DropdownHeaderProps {
-    disabled?: boolean;
-    isOpen?: boolean;
-    showFullWidth?: boolean;
-    showHoverLine?: boolean;
-    iconDefaultColor?: string;
-}
-export declare const DropdownBody: import("styled-components").StyledComponent<"ul", any, DropdownBodyProps, never>;
-interface DropdownBodyProps {
-    open?: boolean;
-    noLineBreak?: boolean;
-    dropDownPlacement?: 'left' | 'right';
-    showFullWidth?: boolean;
-    showHoverLine?: boolean;
-}
-export declare const DropdownItemWrapper: import("styled-components").StyledComponent<"li", any, DropdownItemWrapperProps, never>;
-interface DropdownItemWrapperProps {
-    showFullWidth?: boolean;
-}
-export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, IconWrapperProps, never>;
-interface IconWrapperProps {
-    isOpen: boolean;
-}
-export {};

package/es/Navigation/Dropdown/DropdownStyle.js

@@ -1,97 +0,0 @@
-import styled from 'styled-components';
-import { Greyscale } from '../../Utils/Colors';
-import { Shadow } from '../../Utils/Shadow';
-var underLine = "\n  position: relative;\n  \n  &:hover {\n    color: black;\n    background-color: rgba(255, 255, 255, 1);\n    &:after {\n      transform: scaleX(1);\n    }\n  }\n    \n  &:after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 2px;\n    background: black;\n    bottom: -5px;\n    left: 0px;\n    transition: all .2s ease-in-out;\n    transform: scaleX(0);\n  }\n";
-var underLineAlwaysShow = "\n  position: relative;\n  \n  &:after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 2px;\n    background: black;\n    bottom: -5px;\n    left: 0px;\n    transition: all .2s ease-in-out;\n    transform: scaleX(1);\n  }\n";
-export var DropdownWrapper = styled.div.withConfig({
-  displayName: "DropdownStyle__DropdownWrapper",
-  componentId: "sc-1sc3c6h-0"
-})(["display:inline;outline:none;"]);
-export var DropdownContainer = styled.div.withConfig({
-  displayName: "DropdownStyle__DropdownContainer",
-  componentId: "sc-1sc3c6h-1"
-})(["display:inline;position:relative;&:focus{outline:none;}&:focus > ", "{outline:5px auto -webkit-focus-ring-color;}"], DropdownWrapper);
-export var DropdownHeader = styled.div.withConfig({
-  displayName: "DropdownStyle__DropdownHeader",
-  componentId: "sc-1sc3c6h-2"
-})(["position:relative;display:inline-flex;align-items:center;cursor:", ";color:", ";transition:all 0.4s;", ";svg{fill:", ";}svg:first-child{margin-right:0.6em;}svg:last-child{margin-left:0.6em;}"], function (_ref) {
-  var disabled = _ref.disabled;
-  return disabled ? 'not-allowed' : 'pointer';
-}, function (_ref2) {
-  var disabled = _ref2.disabled;
-  return disabled && "" + Greyscale.grey;
-}, function (_ref3) {
-  var showHoverLine = _ref3.showHoverLine,
-    isOpen = _ref3.isOpen,
-    disabled = _ref3.disabled,
-    showFullWidth = _ref3.showFullWidth;
-  if (showHoverLine) {
-    if (isOpen) {
-      return "\n          " + underLineAlwaysShow + "\n        ";
-    }
-    return "\n        " + underLine + "\n      ";
-  }
-  if (showFullWidth) {
-    return "\n        width: 100%;\n        padding: 10px 0 10px 20px;\n      ";
-  }
-  return "\n      padding: 1em 1.4em;\n      background: " + (isOpen || disabled ? "" + Greyscale.softgrey : null) + ";\n      &:hover {\n        background: " + Greyscale.softgrey + ";\n        transition: all .4s;\n      }";
-}, function (_ref4) {
-  var disabled = _ref4.disabled,
-    iconDefaultColor = _ref4.iconDefaultColor;
-  return disabled ? Greyscale.grey : iconDefaultColor;
-});
-export var DropdownBody = styled.ul.withConfig({
-  displayName: "DropdownStyle__DropdownBody",
-  componentId: "sc-1sc3c6h-3"
-})(["position:absolute;visibility:", ";opacity:", ";transform:", ";transform-origin:center top;transition:", ";background:", ";box-shadow:", ";z-index:1000;padding:0;margin:0;white-space:", ";", ";", ";li{list-style-type:none;}"], function (_ref5) {
-  var open = _ref5.open;
-  return open ? 'visible' : 'hidden';
-}, function (_ref6) {
-  var open = _ref6.open;
-  return open ? '1' : '0';
-}, function (_ref7) {
-  var open = _ref7.open;
-  return open ? 'scaleY(1)' : 'scaleY(0.9)';
-}, function (_ref8) {
-  var open = _ref8.open;
-  return open ? 'all .2s ease' : 'all .1s ease';
-}, Greyscale.white, Shadow.down3, function (_ref9) {
-  var noLineBreak = _ref9.noLineBreak;
-  return noLineBreak ? 'normal' : 'nowrap';
-}, function (_ref10) {
-  var dropDownPlacement = _ref10.dropDownPlacement,
-    showFullWidth = _ref10.showFullWidth;
-  if (dropDownPlacement === 'right') {
-    return "\n        right: 0;\n        width: auto;\n      ";
-  }
-  if (showFullWidth) {
-    return "\n        width: calc(100% - 20px);\n        left: 10px;\n      ";
-  }
-  return "\n      left: 0;\n      width: auto;\n    ";
-}, function (_ref11) {
-  var showHoverLine = _ref11.showHoverLine;
-  if (showHoverLine) {
-    return "\n        margin-top: 13px;\n      ";
-  }
-  return null;
-});
-export var DropdownItemWrapper = styled.li.withConfig({
-  displayName: "DropdownStyle__DropdownItemWrapper",
-  componentId: "sc-1sc3c6h-4"
-})(["position:relative;padding:1em 1.4em;cursor:pointer;", " &.active{background:", ";}&:hover > ", "{", "}"], function (_ref12) {
-  var showFullWidth = _ref12.showFullWidth;
-  if (showFullWidth) {
-    return "\n        width: 100%;\n      ";
-  }
-  return null;
-}, Greyscale.softgrey, DropdownHeader, underLine);
-export var IconWrapper = styled.span.withConfig({
-  displayName: "DropdownStyle__IconWrapper",
-  componentId: "sc-1sc3c6h-5"
-})(["display:flex;svg{transform:", ";transition:", ";}"], function (_ref13) {
-  var isOpen = _ref13.isOpen;
-  return isOpen ? 'rotate(180deg)' : 'rotate(0)';
-}, function (_ref14) {
-  var isOpen = _ref14.isOpen;
-  return isOpen ? 'transform .5s;' : 'transform .5s';
-});

package/es/Navigation/Dropdown/index.d.ts

@@ -1,2 +0,0 @@
-import Dropdown from './Dropdown';
-export default Dropdown;

package/es/Navigation/Dropdown/index.js

@@ -1,2 +0,0 @@
-import Dropdown from './Dropdown';
-export default Dropdown;

package/es/Utils/Colors.d.ts

@@ -1,22 +0,0 @@
-export declare const PrimaryColor: {
-    glintsyellow: string;
-    glintsred: string;
-    glintsblue: string;
-};
-export declare const SecondaryColor: {
-    actionblue: string;
-    darkblue: string;
-    green: string;
-    darkgreen: string;
-    magenta: string;
-    violet: string;
-    orange: string;
-};
-export declare const Greyscale: {
-    black: string;
-    grey: string;
-    devilsgrey: string;
-    lightgrey: string;
-    softgrey: string;
-    white: string;
-};

package/es/Utils/Colors.js

@@ -1,22 +0,0 @@
-export var PrimaryColor = {
-  glintsyellow: '#FFF240',
-  glintsred: '#EC272B',
-  glintsblue: '#0BAEEC'
-};
-export var SecondaryColor = {
-  actionblue: '#017EB7',
-  darkblue: '#132647',
-  green: '#93BD49',
-  darkgreen: '#008464',
-  magenta: '#FF00E5',
-  violet: '#9013FE',
-  orange: '#F5A623'
-};
-export var Greyscale = {
-  black: '#000000',
-  grey: '#777777',
-  devilsgrey: '#666666',
-  lightgrey: '#C6C6C6',
-  softgrey: '#F3F3F3',
-  white: '#FFFFFF'
-};

package/es/Utils/Colors.test.d.ts

@@ -1 +0,0 @@
-export {};

package/es/Utils/ColorsStoriesHelpers.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export declare const ColorSampler: import("styled-components").StyledComponent<"div", any, {}, never>;
-export interface ColorBoxProps {
-    bgColor: string;
-    fontColor: string;
-}
-export interface ColorSampleProps extends ColorBoxProps {
-    name: string;
-}
-export declare const ColorSample: React.FunctionComponent<ColorSampleProps>;

package/es/Utils/ColorsStoriesHelpers.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { Shadow } from './Shadow';
-export var ColorSampler = styled.div.withConfig({
-  displayName: "ColorsStoriesHelpers__ColorSampler",
-  componentId: "sc-1euu88z-0"
-})(["display:flex;flex-wrap:wrap;justify-content:space-evenly;"]);
-var StyledColorSample = styled.div.withConfig({
-  displayName: "ColorsStoriesHelpers__StyledColorSample",
-  componentId: "sc-1euu88z-1"
-})(["margin:1em;flex:'1 20%';"]);
-var ColorBox = styled.div.withConfig({
-  displayName: "ColorsStoriesHelpers__ColorBox",
-  componentId: "sc-1euu88z-2"
-})(["display:flex;justify-content:center;align-items:center;width:120px;height:80px;margin:1em auto;background-color:", ";font-size:14px;font-weight:bold;color:", ";box-shadow:", ";"], function (_ref) {
-  var bgColor = _ref.bgColor;
-  return bgColor;
-}, function (_ref2) {
-  var fontColor = _ref2.fontColor;
-  return fontColor;
-}, Shadow.down1);
-var ColorLabel = styled.code.withConfig({
-  displayName: "ColorsStoriesHelpers__ColorLabel",
-  componentId: "sc-1euu88z-3"
-})(["display:flex;justify-content:center;font-size:16px;"]);
-export var ColorSample = function ColorSample(_ref3) {
-  var bgColor = _ref3.bgColor,
-    fontColor = _ref3.fontColor,
-    name = _ref3.name;
-  return /*#__PURE__*/React.createElement(StyledColorSample, null, /*#__PURE__*/React.createElement(ColorBox, {
-    bgColor: bgColor,
-    fontColor: fontColor
-  }, /*#__PURE__*/React.createElement("code", null, bgColor)), /*#__PURE__*/React.createElement(ColorLabel, null, name));
-};

package/es/Utils/DelayedUnmount.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface Props {
-    mount: boolean;
-    delay?: number;
-}
-export declare const DelayedUnmount: React.FC<Props>;
-export {};

package/es/Utils/DelayedUnmount.js

@@ -1,24 +0,0 @@
-import React, { useLayoutEffect, useState } from 'react';
-export var DelayedUnmount = function DelayedUnmount(_ref) {
-  var children = _ref.children,
-    mount = _ref.mount,
-    _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? 300 : _ref$delay;
-  var _useState = useState(false),
-    shouldRender = _useState[0],
-    setShouldRender = _useState[1];
-  useLayoutEffect(function setToRender() {
-    if (mount) setShouldRender(true);
-  }, [mount]);
-  useLayoutEffect(function () {
-    if (!mount) {
-      var timeout = setTimeout(function () {
-        return setShouldRender(false);
-      }, delay);
-      return function () {
-        return clearTimeout(timeout);
-      };
-    }
-  }, [mount, delay]);
-  return shouldRender && /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};

package/es/Utils/DomUtils.d.ts

@@ -1,14 +0,0 @@
-/**
- * Returns a value when ESC button is triggered.
- *
- * @param  {Function} value
- * @return {Function}
- */
-export declare function escEvent(value: () => any): (e: KeyboardEvent) => any;
-/**
- * Returns a value when Tab button is triggered.
- *
- * @param  {Function} value
- * @return {Function}
- */
-export declare function tabEvent(value: () => any): (e: KeyboardEvent) => any;