glints-aries 4.1.0 → 4.1.3

package/es/Input/TextField/TextField.d.ts

@@ -1,95 +0,0 @@
-import * as React from 'react';
-import { TextFieldInput } from './TextFieldStyle';
-export declare const isFilled: (type: textFieldType, value: any) => boolean;
-/** Use onChange to listen to input changes.
- * Use onBlur to listen to focus loss.
- * <br/>
- * Use status to set different styles for the Text Field based on status.
- * <br/>
- * Use small to set the size of the text field. The ...rest is passed to the
- * internal text field input. */
-export declare const TextField: React.FunctionComponent<Props>;
-export declare type textFieldType = 'text' | 'password' | 'number';
-export declare type Props = React.ComponentPropsWithoutRef<typeof TextFieldInput> & {
-    type: textFieldType;
-    /** Placeholder for the text field. */
-    label: string;
-    disabled?: boolean;
-    className?: string;
-    removeFloatingLabel?: boolean;
-    /** If true, removes the input content with clear icon. Works for type "text" only. */
-    allowClear?: boolean;
-    /** Minimum value of the "number" type input */
-    min?: number;
-    /** Maximum value of the "number" type input. */
-    max?: number;
-    /** Step value for the "number" type input */
-    step?: number;
-    forwardedRef?: React.RefObject<HTMLInputElement>;
-    /** Icon at the start of the input element. */
-    startIcon?: React.ReactNode;
-    /** Icon at the end of the input element. */
-    endIcon?: React.ReactNode;
-};
-declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: any;
-} & {
-    as?: string | React.ComponentType<any>;
-    forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
-    type: textFieldType;
-    /** Placeholder for the text field. */
-    label: string;
-    disabled?: boolean;
-    className?: string;
-    removeFloatingLabel?: boolean;
-    /** If true, removes the input content with clear icon. Works for type "text" only. */
-    allowClear?: boolean;
-    /** Minimum value of the "number" type input */
-    min?: number;
-    /** Maximum value of the "number" type input. */
-    max?: number;
-    /** Step value for the "number" type input */
-    step?: number;
-    forwardedRef?: React.RefObject<HTMLInputElement>;
-    /** Icon at the start of the input element. */
-    startIcon?: React.ReactNode;
-    /** Icon at the end of the input element. */
-    endIcon?: React.ReactNode;
-}, string | number | symbol> | Pick<Pick<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: any;
-} & {
-    children?: React.ReactNode;
-} & {
-    as?: string | React.ComponentType<any>;
-    forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
-    type: textFieldType;
-    /** Placeholder for the text field. */
-    label: string;
-    disabled?: boolean;
-    className?: string;
-    removeFloatingLabel?: boolean;
-    /** If true, removes the input content with clear icon. Works for type "text" only. */
-    allowClear?: boolean;
-    /** Minimum value of the "number" type input */
-    min?: number;
-    /** Maximum value of the "number" type input. */
-    max?: number;
-    /** Step value for the "number" type input */
-    step?: number;
-    forwardedRef?: React.RefObject<HTMLInputElement>;
-    /** Icon at the start of the input element. */
-    startIcon?: React.ReactNode;
-    /** Icon at the end of the input element. */
-    endIcon?: React.ReactNode;
-}, string | number | symbol>) & React.RefAttributes<HTMLInputElement>>;
-export default _default;

package/es/Input/TextField/TextField.js

@@ -1,106 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["value", "status", "onKeyDown", "disableTyping", "small", "type", "label", "disabled", "className", "removeFloatingLabel", "allowClear", "forwardedRef", "onChange", "startIcon", "endIcon"];
-import * as React from 'react';
-import classNames from 'classnames';
-import { EyeIcon, EyeSlashedIcon, CloseCircleSolidIcon } from '../../General/Icon/components';
-import { TextFieldContainer, TextFieldInput, TextFieldLabel, IconContainer, StartIconContainer, EndIconContainer } from './TextFieldStyle';
-export var isFilled = function isFilled(type, value) {
-  if (value === undefined || value === null) return false;
-  if (type === 'number') return !isNaN(parseInt(value));
-  return value !== '';
-};
-
-/** Use onChange to listen to input changes.
- * Use onBlur to listen to focus loss.
- * <br/>
- * Use status to set different styles for the Text Field based on status.
- * <br/>
- * Use small to set the size of the text field. The ...rest is passed to the
- * internal text field input. */
-export var TextField = function TextField(_ref) {
-  var value = _ref.value,
-    status = _ref.status,
-    onKeyDown = _ref.onKeyDown,
-    disableTyping = _ref.disableTyping,
-    small = _ref.small,
-    type = _ref.type,
-    label = _ref.label,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    className = _ref.className,
-    _ref$removeFloatingLa = _ref.removeFloatingLabel,
-    removeFloatingLabel = _ref$removeFloatingLa === void 0 ? false : _ref$removeFloatingLa,
-    _ref$allowClear = _ref.allowClear,
-    allowClear = _ref$allowClear === void 0 ? false : _ref$allowClear,
-    forwardedRef = _ref.forwardedRef,
-    onChange = _ref.onChange,
-    startIcon = _ref.startIcon,
-    endIcon = _ref.endIcon,
-    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _React$useState = React.useState(false),
-    floating = _React$useState[0],
-    setFloating = _React$useState[1];
-  var _React$useState2 = React.useState(type),
-    inputType = _React$useState2[0],
-    setInputType = _React$useState2[1];
-  var hasStartIcon = Boolean(startIcon);
-  var handleShowPassword = React.useCallback(function () {
-    setInputType(inputType === 'password' ? 'text' : 'password');
-  }, [setInputType, inputType]);
-  var handleClearInput = function handleClearInput(e) {
-    var event = Object.create(e);
-    event.target.value = '';
-    onChange(event);
-  };
-  var handleKeyDown = React.useCallback(function (e) {
-    if (disableTyping) {
-      e.preventDefault();
-    }
-    if (onKeyDown !== undefined) {
-      return onKeyDown(e);
-    }
-  }, [onKeyDown, disableTyping]);
-  React.useEffect(function () {
-    setFloating(isFilled(inputType, value));
-  }, [setFloating, inputType, value]);
-  var canShowClearIcon = allowClear && type === 'text' && value && value.length > 0;
-  return /*#__PURE__*/React.createElement(TextFieldContainer, {
-    className: classNames('aries-textfield', className)
-  }, /*#__PURE__*/React.createElement(TextFieldInput, _extends({
-    ref: forwardedRef,
-    type: inputType,
-    placeholder: removeFloatingLabel ? label : undefined,
-    status: status,
-    disabled: disabled,
-    onChange: onChange,
-    onKeyDown: handleKeyDown,
-    floating: floating,
-    value: value,
-    "aria-label": label,
-    small: small,
-    disableTyping: disableTyping,
-    hasStartIcon: hasStartIcon
-  }, restProps)), startIcon && /*#__PURE__*/React.createElement(StartIconContainer, null, startIcon), !removeFloatingLabel && /*#__PURE__*/React.createElement(TextFieldLabel, {
-    "data-testid": "textfield-label",
-    className: "textfield-label",
-    floating: floating,
-    status: status,
-    small: small,
-    hasStartIcon: hasStartIcon
-  }, label), canShowClearIcon && /*#__PURE__*/React.createElement(IconContainer, null, /*#__PURE__*/React.createElement(CloseCircleSolidIcon, {
-    "data-testid": "clear-button",
-    onClick: handleClearInput
-  })), type === 'password' && /*#__PURE__*/React.createElement(IconContainer, {
-    onClick: handleShowPassword
-  }, inputType === 'password' ? /*#__PURE__*/React.createElement(EyeSlashedIcon, {
-    "data-testid": "invisible-icon"
-  }) : /*#__PURE__*/React.createElement(EyeIcon, null)), endIcon && /*#__PURE__*/React.createElement(EndIconContainer, null, endIcon));
-};
-var forwardRef = function forwardRef(props, ref) {
-  return /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
-    forwardedRef: ref
-  }));
-};
-forwardRef.displayName = TextField.name;
-export default /*#__PURE__*/React.forwardRef(forwardRef);

package/es/Input/TextField/TextField.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Interactive: any;
-export declare const TextFieldWithClearIcon: any;
-export declare const Disabled: any;
-export declare const TextFieldWithStartIcon: any;
-export declare const TextFieldWithEndIcon: any;
-export declare const PasswordField: any;

package/es/Input/TextField/TextField.test.d.ts

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

package/es/Input/TextField/TextFieldStyle.d.ts

@@ -1,21 +0,0 @@
-export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StartIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const EndIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextFieldContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextFieldLabel: import("styled-components").StyledComponent<"label", any, TextFieldLabelProps, never>;
-declare type statusType = 'success' | 'error';
-interface TextFieldLabelProps {
-    small: boolean;
-    floating: boolean;
-    status: statusType;
-    hasStartIcon?: boolean;
-}
-export declare const TextFieldInput: import("styled-components").StyledComponent<"input", any, TextFieldInputProps, never>;
-export interface TextFieldInputProps {
-    small?: boolean;
-    status?: statusType;
-    disableTyping?: boolean;
-    floating?: boolean;
-    hasStartIcon?: boolean;
-}
-export {};

package/es/Input/TextField/TextFieldStyle.js

@@ -1,85 +0,0 @@
-import styled from 'styled-components';
-import { SecondaryColor, Greyscale } from '../../Utils/Colors';
-var startIconPadding = '44px';
-export var IconContainer = styled.div.withConfig({
-  displayName: "TextFieldStyle__IconContainer",
-  componentId: "sc-5sd02x-0"
-})(["position:absolute;display:flex;right:1em;cursor:pointer;svg{fill:#666666;}&:hover svg{fill:", ";}"], Greyscale.black);
-export var StartIconContainer = styled.div.withConfig({
-  displayName: "TextFieldStyle__StartIconContainer",
-  componentId: "sc-5sd02x-1"
-})(["position:absolute;display:flex;left:16px;svg{fill:#666666;}"]);
-export var EndIconContainer = styled.div.withConfig({
-  displayName: "TextFieldStyle__EndIconContainer",
-  componentId: "sc-5sd02x-2"
-})(["position:absolute;display:flex;right:16px;svg{fill:#666666;}"]);
-export var TextFieldContainer = styled.div.withConfig({
-  displayName: "TextFieldStyle__TextFieldContainer",
-  componentId: "sc-5sd02x-3"
-})(["position:relative;display:flex;align-items:center;flex-grow:1;"]);
-export var TextFieldLabel = styled.label.withConfig({
-  displayName: "TextFieldStyle__TextFieldLabel",
-  componentId: "sc-5sd02x-4"
-})(["position:absolute;left:", ";margin-right:1px;overflow:hidden;color:#666666;transition:all 0.2s;pointer-events:none;font-weight:400;font-size:", ";", " ", " ", ""], function (_ref) {
-  var small = _ref.small;
-  return small ? '16px' : '22px';
-}, function (_ref2) {
-  var small = _ref2.small;
-  return small ? '14px' : '16px';
-}, function (_ref3) {
-  var hasStartIcon = _ref3.hasStartIcon;
-  if (hasStartIcon) {
-    return "\n        left: " + startIconPadding + ";\n      ";
-  }
-}, function (_ref4) {
-  var floating = _ref4.floating;
-  if (floating) {
-    return "\n        padding: 0 5px;\n        top: 1em;\n        transform: translate3d(-15px, -20px, 0);\n        transition: all .2s;\n        font-size: 12px;\n        background-color: " + Greyscale.white + ";\n      ";
-  }
-}, function (_ref5) {
-  var floating = _ref5.floating,
-    small = _ref5.small;
-  if (floating && small) {
-    return "\n        transform: translate3d(-10px, -20px, 0);\n      ";
-  }
-});
-export var TextFieldInput = styled.input.withConfig({
-  displayName: "TextFieldStyle__TextFieldInput",
-  componentId: "sc-5sd02x-5"
-})(["position:relative;width:100%;outline:none;font-size:", ";padding:", ";border:unset;border-radius:", ";transition:all 0.5s;background-color:", ";", " ", " &:hover{transition:all 0.5s;background-color:", ";~ ", "{color:#666666;}}&:focus{background-color:", ";", " ~ ", "{padding:0 5px;top:1em;transform:", ";transition:all 0.2s;font-size:12px;right:auto;background-color:", ";}}&:disabled{cursor:not-allowed;background:", ";+ ", "{background:transparent;color:", ";}}"], function (_ref6) {
-  var small = _ref6.small;
-  return small ? '14px' : '16px';
-}, function (_ref7) {
-  var small = _ref7.small;
-  return small ? '8px 16px' : '12px 16px';
-}, function (_ref8) {
-  var small = _ref8.small;
-  return small ? '4px' : '8px';
-}, function (_ref9) {
-  var status = _ref9.status;
-  return status === 'error' ? ' rgba(236, 39, 43, 0.08)' : 'rgb(1, 126, 183, 0.08)';
-}, function (_ref10) {
-  var disableTyping = _ref10.disableTyping;
-  if (disableTyping) {
-    return "\n        color: transparent;\n        text-shadow: 0 0 0 black;\n        cursor: pointer;\n      ";
-  }
-}, function (_ref11) {
-  var hasStartIcon = _ref11.hasStartIcon;
-  if (hasStartIcon) {
-    return "\n        padding-left: " + startIconPadding + ";\n      ";
-  }
-}, function (_ref12) {
-  var status = _ref12.status;
-  return status === 'error' ? ' rgba(236, 39, 43, 0.08)' : 'rgb(1, 126, 183, 0.16)';
-}, TextFieldLabel, function (_ref13) {
-  var status = _ref13.status;
-  return status === 'error' ? ' rgba(236, 39, 43, 0.08)' : 'rgb(1, 126, 183, 0.24)';
-}, function (_ref14) {
-  var hasStartIcon = _ref14.hasStartIcon;
-  if (hasStartIcon) {
-    return "\n          + " + StartIconContainer + " {\n            svg {\n              fill: " + SecondaryColor.actionblue + ";\n            }\n          }\n        ";
-  }
-}, TextFieldLabel, function (_ref15) {
-  var small = _ref15.small;
-  return small ? 'translate3d(-10px, -20px, 0)' : 'translate3d(-15px, -20px, 0)';
-}, Greyscale.white, Greyscale.softgrey, TextFieldLabel, Greyscale.grey);

package/es/Input/TextField/index.d.ts

@@ -1,4 +0,0 @@
-import TextField, { Props } from './TextField';
-export declare type TextFieldProps = Props;
-export { TextField };
-export default TextField;

package/es/Input/TextField/index.js

@@ -1,3 +0,0 @@
-import TextField from './TextField';
-export { TextField };
-export default TextField;

package/es/Input/Textarea/Textarea.d.ts

@@ -1,22 +0,0 @@
-import React, { FC, HTMLAttributes, RefObject } from 'react';
-/** Use onChange to listen to input changes. Use
- * onBlur to listen to focus loss.
- * <br/>
- * Note that currently, Textarea has some non-standard behaviour
- * when forwarding standard props: The className will be passed to
- * the internal 'container' while the ...rest is passed to the
- * internal textarea. */
-export declare const Textarea: FC<Props>;
-export declare type Status = 'default' | 'error';
-export interface Props extends HTMLAttributes<HTMLTextAreaElement> {
-    value?: string;
-    status?: Status;
-    /** Placeholder for the text area. */
-    label?: string;
-    removeFloatingLabel?: boolean;
-    disabled?: boolean;
-    forwardedRef?: RefObject<HTMLTextAreaElement>;
-    small?: boolean;
-}
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTextAreaElement>>;
-export default _default;

package/es/Input/Textarea/Textarea.js

@@ -1,101 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["label", "value", "status", "disabled", "className", "onBlur", "onChange", "forwardedRef", "removeFloatingLabel", "small"];
-import React from 'react';
-import classNames from 'classnames';
-import { isFunction } from 'lodash-es';
-import { TextareaContainer, TextareaInput, TextareaLabel } from './TextareaStyle';
-var MIN_ROWS = 4;
-var MAX_ROWS = 12;
-// Rows are required to set the textarea height depending on the content added.
-
-/** Use onChange to listen to input changes. Use
- * onBlur to listen to focus loss.
- * <br/>
- * Note that currently, Textarea has some non-standard behaviour
- * when forwarding standard props: The className will be passed to
- * the internal 'container' while the ...rest is passed to the
- * internal textarea. */
-export var Textarea = function Textarea(_ref) {
-  var label = _ref.label,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? undefined : _ref$value,
-    _ref$status = _ref.status,
-    status = _ref$status === void 0 ? 'default' : _ref$status,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    className = _ref.className,
-    onBlur = _ref.onBlur,
-    onChange = _ref.onChange,
-    forwardedRef = _ref.forwardedRef,
-    _ref$removeFloatingLa = _ref.removeFloatingLabel,
-    removeFloatingLabel = _ref$removeFloatingLa === void 0 ? false : _ref$removeFloatingLa,
-    _ref$small = _ref.small,
-    small = _ref$small === void 0 ? false : _ref$small,
-    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _React$useState = React.useState(false),
-    floating = _React$useState[0],
-    setFloating = _React$useState[1];
-  var _React$useState2 = React.useState(MIN_ROWS),
-    rows = _React$useState2[0],
-    setRows = _React$useState2[1];
-  var innerRef = React.useRef(null);
-  var textareaInputRef = forwardedRef || innerRef;
-  var _React$useState3 = React.useState(0),
-    textareaMaxHeight = _React$useState3[0],
-    setTextareaMaxHeight = _React$useState3[1];
-  React.useLayoutEffect(function () {
-    var textarea = textareaInputRef.current;
-    if (!textarea) return;
-    setTextareaMaxHeight(~~(textarea.offsetHeight * 3.7 + 23 * 8 + 1));
-  }, [textareaInputRef]);
-  var handleChange = React.useCallback(function (e) {
-    var currentRows = ~~(e.target.scrollHeight / 30);
-    setRows(currentRows < MAX_ROWS ? currentRows : MAX_ROWS);
-    if (isFunction(onChange)) {
-      return onChange(e);
-    }
-  }, [onChange]);
-  var handleFocusChange = React.useCallback(function (e) {
-    setFloating(e.target.value.length > 0);
-    if (onBlur !== undefined) {
-      return onBlur(e);
-    }
-  }, [onBlur]);
-  React.useEffect(function () {
-    if (value && value !== '' && !floating) {
-      setFloating(true);
-    }
-  }, [value, floating]);
-  return /*#__PURE__*/React.createElement(TextareaContainer, {
-    className: classNames('aries-textarea', className)
-  }, /*#__PURE__*/React.createElement(TextareaInput, _extends({
-    ref: textareaInputRef,
-    placeholder: removeFloatingLabel ? label : undefined,
-    rows: rows,
-    status: status,
-    disabled: disabled,
-    onBlur: handleFocusChange,
-    onChange: handleChange,
-    floating: floating,
-    value: value,
-    "aria-label": label,
-    small: small
-  }, restProps, {
-    style: {
-      maxHeight: textareaMaxHeight + "px"
-    }
-  })), !removeFloatingLabel && /*#__PURE__*/React.createElement(TextareaLabel, {
-    "data-testid": "textarea-label",
-    floating: floating,
-    status: status,
-    small: small
-  }, label));
-};
-var forwardRef = function forwardRef(props, ref) {
-  return /*#__PURE__*/React.createElement(Textarea, _extends({}, props, {
-    forwardedRef: ref
-  }));
-};
-forwardRef.displayName = Textarea.name;
-export default /*#__PURE__*/React.forwardRef(forwardRef);

package/es/Input/Textarea/Textarea.stories.d.ts

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

package/es/Input/Textarea/Textarea.test.d.ts

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

package/es/Input/Textarea/TextareaStyle.d.ts

@@ -1,14 +0,0 @@
-export declare const TextareaContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextareaLabel: import("styled-components").StyledComponent<"label", any, TextareaLabelProps, never>;
-interface TextareaLabelProps {
-    floating: boolean;
-    status?: string;
-    small?: boolean;
-}
-export declare const TextareaInput: import("styled-components").StyledComponent<"textarea", any, TextareaInputProps, never>;
-interface TextareaInputProps {
-    floating?: boolean;
-    status?: string;
-    small?: boolean;
-}
-export {};

package/es/Input/Textarea/TextareaStyle.js

@@ -1,34 +0,0 @@
-import styled from 'styled-components';
-import { Greyscale } from '../../Utils/Colors';
-export var TextareaContainer = styled.div.withConfig({
-  displayName: "TextareaStyle__TextareaContainer",
-  componentId: "sc-1998n74-0"
-})(["flex-grow:1;position:relative;display:flex;"]);
-export var TextareaLabel = styled.label.withConfig({
-  displayName: "TextareaStyle__TextareaLabel",
-  componentId: "sc-1998n74-1"
-})(["position:absolute;left:22px;top:1em;color:", ";transition:all 0.2s;pointer-events:none;font-weight:400;font-size:16px;", ""], Greyscale.devilsgrey, function (_ref) {
-  var floating = _ref.floating;
-  if (floating) {
-    return "\n        padding: 0 5px;\n        transform: translate3d(-15px,-20px,0);\n        transition: all .2s;\n        font-size: 12px;\n        background: " + Greyscale.white + "\n      ";
-  }
-});
-export var TextareaInput = styled.textarea.withConfig({
-  displayName: "TextareaStyle__TextareaInput",
-  componentId: "sc-1998n74-2"
-})(["position:relative;width:100%;outline:none;font-size:16px;line-height:1.5;padding:", ";background-color:", ";border:unset;transition:border 0.5s;resize:vertical;overflow:auto;height:auto;border-radius:", ";&:disabled{cursor:not-allowed;background:", ";+ ", "{background:transparent;color:", ";}&:hover{border:2px solid ", ";}}&:hover{background-color:", ";border:unset;+ ", "{color:", ";}}&:focus{background-color:", ";border:unset;+ ", "{padding:0 5px;transform:translate3d(-15px,-20px,0);transition:all 0.2s;color:", ";font-size:12px;background:", ";}}"], function (_ref2) {
-  var small = _ref2.small;
-  return small ? '8px 16px' : '12px 16px';
-}, function (_ref3) {
-  var status = _ref3.status;
-  return status === 'error' ? ' rgba(236, 39, 43, 0.08)' : 'rgb(1, 126, 183, 0.08)';
-}, function (_ref4) {
-  var small = _ref4.small;
-  return small ? '4px' : '8px';
-}, Greyscale.softgrey, TextareaLabel, Greyscale.grey, Greyscale.lightgrey, function (_ref5) {
-  var status = _ref5.status;
-  return status === 'error' ? ' rgba(236, 39, 43, 0.08)' : 'rgb(1, 126, 183, 0.16)';
-}, TextareaLabel, Greyscale.devilsgrey, function (_ref6) {
-  var status = _ref6.status;
-  return status === 'error' ? ' rgba(236, 39, 43, 0.08)' : 'rgb(1, 126, 183, 0.24)';
-}, TextareaLabel, Greyscale.devilsgrey, Greyscale.white);

package/es/Input/Textarea/index.d.ts

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

package/es/Input/Textarea/index.js

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

package/es/Input/ToggleSwitch/Styles.d.ts

@@ -1,6 +0,0 @@
-interface ToggleProps {
-    active: boolean;
-}
-declare const Toggle: import("styled-components").StyledComponent<"button", any, ToggleProps, never>;
-declare const ToggleBall: import("styled-components").StyledComponent<"div", any, ToggleProps, never>;
-export { ToggleBall, Toggle };

package/es/Input/ToggleSwitch/Styles.js

@@ -1,22 +0,0 @@
-import styled from 'styled-components';
-import { Greyscale, SecondaryColor } from '../../Utils/Colors';
-var DEFAULTS = {
-  activeBackgroundColor: SecondaryColor.actionblue,
-  inactiveBackgroundColor: Greyscale.grey,
-  inactiveBallColor: Greyscale.white,
-  activeBallColor: Greyscale.white
-};
-var Toggle = styled.button.withConfig({
-  displayName: "Styles__Toggle",
-  componentId: "sc-bsue54-0"
-})(["cursor:pointer;display:flex;align-items:center;overflow:hidden;position:relative;transform:translate3d(0,0,0);background-color:", ";height:25px;width:56px;border-radius:14px;padding:0px;border:none;"], function (_ref) {
-  var active = _ref.active;
-  return active ? DEFAULTS.activeBackgroundColor : DEFAULTS.inactiveBackgroundColor;
-});
-var ToggleBall = styled.div.withConfig({
-  displayName: "Styles__ToggleBall",
-  componentId: "sc-bsue54-1"
-})(["display:flex;justify-content:center;align-items:center;border-radius:50%;transition:transform 0.3s cubic-bezier(1,0.19,0.15,0.7);transition-delay:0.1s;background-color:", ";height:19px;width:19px;margin:3px;transform:", ";&:active{background-color:", ";}"], DEFAULTS.inactiveBallColor, function (props) {
-  return props.active ? "translateX(31px)" : 'translateX(0px)';
-}, DEFAULTS.activeBallColor);
-export { ToggleBall, Toggle };

package/es/Input/ToggleSwitch/ToggleSwitch.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-export interface ToggleSwitchProps {
-    /** Determines whether the ToggleSwitch is in an active state */
-    active?: boolean;
-    /** This will determine whether or not the component renders with an active or inactive state at the start. */
-    defaultActive?: boolean;
-    /** The icon components that will be used in both active and inactive states. Both icons have to be defined when opting to use this. */
-    iconOptions?: {
-        active: React.ReactType;
-        inactive: React.ReactType;
-    };
-    /** Called when the state of the toggle has been changed. Called with true or false depending on whether the toggle became active or inactive. */
-    onChange?: (active: boolean) => void;
-    className?: string;
-}
-/** The className and ...defaultProps are passed to the main toggle container. */
-export declare const ToggleSwitch: React.FunctionComponent<ToggleSwitchProps>;
-export default ToggleSwitch;

package/es/Input/ToggleSwitch/ToggleSwitch.js

@@ -1,52 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["active", "defaultActive", "iconOptions", "onChange", "className"];
-import * as React from 'react';
-import classNames from 'classnames';
-import { SecondaryColor, Greyscale } from '../../Utils/Colors';
-import { Toggle, ToggleBall } from './Styles';
-/** The className and ...defaultProps are passed to the main toggle container. */
-export var ToggleSwitch = function ToggleSwitch(_ref) {
-  var active = _ref.active,
-    _ref$defaultActive = _ref.defaultActive,
-    defaultActive = _ref$defaultActive === void 0 ? false : _ref$defaultActive,
-    iconOptions = _ref.iconOptions,
-    onChange = _ref.onChange,
-    className = _ref.className,
-    defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _React$useState = React.useState(active || defaultActive),
-    innerActive = _React$useState[0],
-    setInnerActive = _React$useState[1];
-  var iconColor = innerActive ? SecondaryColor.actionblue : Greyscale.grey;
-  var ActiveIcon = iconOptions ? iconOptions.active : null;
-  var InactiveIcon = iconOptions ? iconOptions.inactive : null;
-  var Icon = innerActive ? ActiveIcon : InactiveIcon;
-  var isControlled = typeof active === 'boolean';
-  React.useEffect(function () {
-    if (!isControlled) {
-      return;
-    }
-    if (active !== innerActive) {
-      setInnerActive(active);
-    }
-  }, [active, innerActive, isControlled]);
-  var handleClick = function handleClick() {
-    var newActiveState = !innerActive;
-    if (!isControlled) {
-      setInnerActive(newActiveState);
-    }
-    if (onChange) onChange(newActiveState);
-  };
-  return /*#__PURE__*/React.createElement(Toggle, _extends({
-    "aria-checked": innerActive,
-    role: "switch",
-    className: classNames('aries-toggle-switch', className),
-    onClick: handleClick,
-    active: innerActive
-  }, defaultProps), /*#__PURE__*/React.createElement(ToggleBall, {
-    active: innerActive
-  }, ActiveIcon && InactiveIcon && /*#__PURE__*/React.createElement(Icon, {
-    color: iconColor
-  })));
-};
-export default ToggleSwitch;

package/es/Input/ToggleSwitch/ToggleSwitch.stories.d.ts

@@ -1,7 +0,0 @@
-import { Story, Meta } from '@storybook/react';
-import { ToggleSwitchProps } from './ToggleSwitch';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Interactive: any;
-export declare const ToggleSwitchWithIcons: Story<ToggleSwitchProps>;
-export declare const ToggleSwitchInAnActiveState: Story<ToggleSwitchProps>;

package/es/Input/ToggleSwitch/ToggleSwitch.test.d.ts

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

package/es/Input/ToggleSwitch/index.d.ts

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

package/es/Input/ToggleSwitch/index.js

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