glints-aries 4.1.0 → 4.1.3

package/es/@next/Steps/Steps.js

@@ -1,36 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["currentStep", "errorSteps", "children", "type", "orientation"];
-import React from 'react';
-import { Step } from './Step';
-import { StepsContainer } from './StepStyle';
-export var StepsComponent = /*#__PURE__*/React.forwardRef(function Collapse(_ref, ref) {
-  var _ref$currentStep = _ref.currentStep,
-    currentStep = _ref$currentStep === void 0 ? 0 : _ref$currentStep,
-    _ref$errorSteps = _ref.errorSteps,
-    errorSteps = _ref$errorSteps === void 0 ? [] : _ref$errorSteps,
-    children = _ref.children,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'normal' : _ref$type,
-    _ref$orientation = _ref.orientation,
-    orientation = _ref$orientation === void 0 ? 'vertical' : _ref$orientation,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StepsContainer, _extends({
-    "data-orientation": orientation,
-    ref: ref
-  }, props), React.Children.map(children, function (child, index) {
-    var _child$props, _child$props2;
-    var variant = errorSteps.includes(index + 1) ? 'error' : index + 1 === currentStep ? 'processing' : index + 1 < currentStep ? 'completed' : 'pending';
-    var childVariant = ((_child$props = child.props) == null ? void 0 : _child$props.variant) || variant;
-    var childIndex = ((_child$props2 = child.props) == null ? void 0 : _child$props2.index) || index + 1;
-    return /*#__PURE__*/React.createElement(child.type, _extends({}, child.props, {
-      orientation: orientation,
-      variant: childVariant,
-      index: childIndex,
-      type: type
-    }));
-  }));
-});
-export var Steps = Object.assign(StepsComponent, {
-  Step: Step
-});

package/es/@next/Steps/Steps.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 Interactive: any;

package/es/@next/Steps/index.d.ts

@@ -1,2 +0,0 @@
-export type { StepsProps } from './Steps';
-export { Steps } from './Steps';

package/es/@next/Steps/index.js

@@ -1 +0,0 @@
-export { Steps } from './Steps';

package/es/@next/Switch/Switch.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
-    checked?: boolean;
-    disabled?: boolean;
-    onChange: () => void;
-    value: string;
-    withIcon?: boolean;
-    checkedText?: string;
-    uncheckedText?: string;
-    checkedBackgroundColor?: string;
-}
-export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;

package/es/@next/Switch/Switch.js

@@ -1,56 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["checked", "disabled", "onChange", "value", "withIcon", "checkedText", "uncheckedText", "checkedBackgroundColor"];
-import React from 'react';
-import { Icon } from '../Icon';
-import { Neutral } from '../utilities/colors';
-import { InputStyle, LabelStyle, SwitchStyle, SwitchTextStyle } from './SwitchStyle';
-export var Switch = /*#__PURE__*/React.forwardRef(function Switch(_ref, ref) {
-  var checked = _ref.checked,
-    disabled = _ref.disabled,
-    onChange = _ref.onChange,
-    value = _ref.value,
-    withIcon = _ref.withIcon,
-    checkedText = _ref.checkedText,
-    uncheckedText = _ref.uncheckedText,
-    checkedBackgroundColor = _ref.checkedBackgroundColor,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var withText = Boolean(checkedText) && Boolean(uncheckedText);
-  if (withText && withIcon) {
-    console.warn('Switch component cannot have both text and icon');
-  }
-  var IconRender = function IconRender() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-      name: "ri-check",
-      fill: disabled ? Neutral.B85 : Neutral.B100
-    }), /*#__PURE__*/React.createElement(Icon, {
-      name: "ri-close",
-      fill: disabled ? Neutral.B85 : Neutral.B100
-    }));
-  };
-  var RenderSwitchText = function RenderSwitchText() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SwitchTextStyle, {
-      variant: "overline",
-      color: disabled ? Neutral.B85 : Neutral.B100
-    }, checkedText), /*#__PURE__*/React.createElement(SwitchTextStyle, {
-      variant: "overline",
-      color: disabled ? Neutral.B85 : Neutral.B100
-    }, uncheckedText));
-  };
-  return /*#__PURE__*/React.createElement(LabelStyle, null, /*#__PURE__*/React.createElement(InputStyle, _extends({
-    value: value
-  }, otherProps, {
-    disabled: disabled,
-    checked: checked,
-    type: "checkbox",
-    onChange: onChange,
-    ref: ref,
-    "data-with-icon": !withText && withIcon,
-    "data-with-text": withText,
-    backgroundColor: checkedBackgroundColor
-  })), /*#__PURE__*/React.createElement(SwitchStyle, {
-    "data-disabled": disabled,
-    "data-with-icon": !withText && withIcon,
-    "data-with-text": withText
-  }, !withText && withIcon && /*#__PURE__*/React.createElement(IconRender, null), withText && /*#__PURE__*/React.createElement(RenderSwitchText, null)));
-});

package/es/@next/Switch/Switch.stories.d.ts

@@ -1,7 +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 WithIcon: any;
-export declare const WithText: any;
-export declare const WithTextAndCustomBackgroundColor: any;

package/es/@next/Switch/SwitchStyle.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const SwitchTextStyle: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;
-export declare const SwitchStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InputStyle: import("styled-components").StyledComponent<"input", any, {
-    backgroundColor: string;
-}, never>;
-export declare const LabelStyle: import("styled-components").StyledComponent<"label", any, {}, never>;

package/es/@next/Switch/SwitchStyle.js

@@ -1,22 +0,0 @@
-import styled from 'styled-components';
-import { Breakpoints, Spacing, Typography } from '..';
-import { Blue, Neutral } from '../utilities/colors';
-export var SwitchTextStyle = styled(Typography).withConfig({
-  displayName: "SwitchStyle__SwitchTextStyle",
-  componentId: "sc-7dlucf-0"
-})([""]);
-export var SwitchStyle = styled.div.withConfig({
-  displayName: "SwitchStyle",
-  componentId: "sc-7dlucf-1"
-})(["display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;width:", ";&[data-with-icon='true']{width:48px;}&[data-with-text='true']{width:max-content;}&[data-with-icon='true'] svg{height:16px;}height:", ";background-color:", ";&[data-disabled='true']{background-color:", ";cursor:not-allowed;}border-radius:", ";padding:0;padding-left:8px;padding-right:8px;transition:300ms all;@media (max-width:", "){width:38px;&[data-with-icon='true']{width:44px;}&[data-with-icon='true'] svg{height:14px;}height:22px;}&:before{transition:100ms all;content:' ';cursor:pointer;position:absolute;width:16px;height:16px;left:4px;right:0;border-radius:16px;background:", ";box-shadow:0px 1px 3px rgba(0,0,0,0.1);transform:scale(1);@media (max-width:", "){width:14px;height:14px;}}"], Spacing.space40, Spacing.space24, Neutral.B40, Neutral.B95, Spacing.space24, Breakpoints.large, Neutral.B100, Breakpoints.large);
-export var InputStyle = styled.input.withConfig({
-  displayName: "SwitchStyle__InputStyle",
-  componentId: "sc-7dlucf-2"
-})(["opacity:0;position:absolute;& + ", "{", "{padding-inline-start:18px;}}&:checked + ", "{", "{padding-inline-start:unset;padding-inline-end:18px;}background-color:", ";&[data-disabled='true']{background-color:", ";}&:before{right:4px;left:unset;}}& + ", " svg:nth-child(1){visibility:hidden;}& + ", " svg:nth-child(2){visibility:visible;}& + ", " ", ":nth-child(1){visibility:hidden;display:none;}& + ", " ", ":nth-child(2){visibility:visible;display:block;}&:checked + ", " svg:nth-child(1){visibility:visible;}&:checked + ", " svg:nth-child(2){visibility:hidden;}&:checked + ", " ", ":nth-child(1){visibility:visible;display:block;}&:checked + ", " ", ":nth-child(2){visibility:hidden;display:none;}"], SwitchStyle, SwitchTextStyle, SwitchStyle, SwitchTextStyle, function (_ref) {
-  var backgroundColor = _ref.backgroundColor;
-  return backgroundColor || Blue.S99;
-}, Neutral.B95, SwitchStyle, SwitchStyle, SwitchStyle, SwitchTextStyle, SwitchStyle, SwitchTextStyle, SwitchStyle, SwitchStyle, SwitchStyle, SwitchTextStyle, SwitchStyle, SwitchTextStyle);
-export var LabelStyle = styled.label.withConfig({
-  displayName: "SwitchStyle__LabelStyle",
-  componentId: "sc-7dlucf-3"
-})(["display:flex;align-items:center;gap:10px;cursor:pointer;"]);

package/es/@next/Switch/index.d.ts

@@ -1 +0,0 @@
-export * from './Switch';

package/es/@next/Switch/index.js

@@ -1 +0,0 @@
-export * from './Switch';

package/es/@next/Tabs/Tab.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare type TabProps = {
-    content: React.ReactNode;
-    id?: string;
-    selected?: boolean;
-    disabled?: boolean;
-    onSelect: () => void;
-};
-export declare const Tab: ({ content, id, selected, disabled, onSelect, }: TabProps) => JSX.Element;

package/es/@next/Tabs/Tab.js

@@ -1,30 +0,0 @@
-import React, { useRef } from 'react';
-import { Typography } from '../Typography';
-import { StyledSpan, StyledTabButton } from './TabStyle';
-export var Tab = function Tab(_ref) {
-  var content = _ref.content,
-    id = _ref.id,
-    selected = _ref.selected,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    onSelect = _ref.onSelect;
-  var tabRef = useRef(null);
-  var handleClick = function handleClick(event) {
-    if (disabled) return;
-    event.preventDefault();
-    tabRef.current.scrollIntoView({
-      behavior: 'smooth'
-    });
-    onSelect();
-  };
-  return /*#__PURE__*/React.createElement(StyledTabButton, {
-    ref: tabRef,
-    "data-selected": selected,
-    "data-disabled": disabled,
-    id: id,
-    onClick: handleClick
-  }, /*#__PURE__*/React.createElement(StyledSpan, null, /*#__PURE__*/React.createElement(Typography, {
-    as: "span",
-    variant: "body1"
-  }, content)));
-};

package/es/@next/Tabs/TabStyle.d.ts

@@ -1,6 +0,0 @@
-export declare const StyledTabsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTabHeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledUl: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const StyledLi: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const StyledSpan: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledTabButton: import("styled-components").StyledComponent<"button", any, {}, never>;

package/es/@next/Tabs/TabStyle.js

@@ -1,28 +0,0 @@
-import styled from 'styled-components';
-import { Blue, Neutral } from '../utilities/colors';
-import { space16, space4, space8 } from '../utilities/spacing';
-import * as Breakpoints from '../utilities/breakpoints';
-export var StyledTabsContainer = styled.div.withConfig({
-  displayName: "TabStyle__StyledTabsContainer",
-  componentId: "sc-3xj4eu-0"
-})(["display:block;"]);
-export var StyledTabHeaderContainer = styled.div.withConfig({
-  displayName: "TabStyle__StyledTabHeaderContainer",
-  componentId: "sc-3xj4eu-1"
-})(["box-shadow:inset 0px -1px 0px #e1e3e5;overflow-x:auto;white-space:nowrap;background:transparent;position:relative;margin:0;::-webkit-scrollbar{display:none;}&[data-scroll-left='true']{box-shadow:30px 0 50px -50px #474747 inset;}&[data-scroll-right='true']{box-shadow:-30px 0px 50px -50px #474747 inset;}&[data-scroll-left='true'][data-scroll-right='true']{box-shadow:30px 0 50px -50px #474747 inset,-30px 0px 50px -50px #474747 inset;}&[data-grabbing='true']{cursor:grabbing;}"]);
-export var StyledUl = styled.ul.withConfig({
-  displayName: "TabStyle__StyledUl",
-  componentId: "sc-3xj4eu-2"
-})(["display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:", ";margin:0;&[data-fitted='true'] li{flex:1;}"], space8);
-export var StyledLi = styled.li.withConfig({
-  displayName: "TabStyle__StyledLi",
-  componentId: "sc-3xj4eu-3"
-})(["display:flex;margin:0;padding:0 ", ";"], space4);
-export var StyledSpan = styled.span.withConfig({
-  displayName: "TabStyle__StyledSpan",
-  componentId: "sc-3xj4eu-4"
-})(["position:relative;display:block;padding:0 ", ";&::before{content:'';position:absolute;bottom:-", ";left:0;right:0;height:3px;border-top-left-radius:", ";border-top-right-radius:", ";}&&::after{content:'';position:absolute;z-index:1;inset:-1px;pointer-events:none;box-shadow:0 0 0 -1px ", ";transition:box-shadow 100ms ease;}@media (max-width:", "){&::before{bottom:-14px;}}"], space16, space16, space4, space4, Blue.S99, Breakpoints.large);
-export var StyledTabButton = styled.button.withConfig({
-  displayName: "TabStyle__StyledTabButton",
-  componentId: "sc-3xj4eu-5"
-})(["border:0;background:transparent;height:56px;cursor:default;color:", ";width:100%;padding:0 ", ";&[data-disabled='false']{cursor:pointer;&:hover{color:", ";}&:hover span::before{background:", ";}}&&&[data-selected='true']{color:", ";}&&&[data-selected='true'] > span::before{background:", ";}@media (max-width:", "){height:48px;}"], Neutral.B40, space4, Neutral.B18, Blue.S100, Blue.S99, Blue.S99, Breakpoints.large);

package/es/@next/Tabs/Tabs.d.ts

@@ -1,24 +0,0 @@
-import React, { ReactNode } from 'react';
-export declare type TabModel = {
-    /** Id of the tab, a random id will nbe assigned if empty */
-    id?: string;
-    /** Content of the type header */
-    content: React.ReactNode;
-    disabled?: boolean;
-    /** The contentWrapper will be a wrapper component for the content */
-    contentWrapper?: (children: ReactNode) => ReactNode;
-};
-export declare type TabsProps = {
-    /** TabModel has 2 properties
-     *
-     * `id?: string`, id for Tab and will be autogenerated if empty
-     *
-     * `content: React.ReactNode` component for Tab header
-     * */
-    tabs: TabModel[];
-    selected?: number;
-    children?: React.ReactNode;
-    fitted?: boolean;
-    onSelected?: (index: number) => void;
-};
-export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;

package/es/@next/Tabs/Tabs.js

@@ -1,116 +0,0 @@
-import nextId from 'react-id-generator';
-import React, { useEffect, useRef, useState } from 'react';
-import { Tab } from './Tab';
-import { StyledLi, StyledTabHeaderContainer, StyledTabsContainer, StyledUl } from './TabStyle';
-export var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(_ref, ref) {
-  var tabs = _ref.tabs,
-    _ref$selected = _ref.selected,
-    selectedIndex = _ref$selected === void 0 ? 0 : _ref$selected,
-    children = _ref.children,
-    fitted = _ref.fitted,
-    onSelected = _ref.onSelected;
-  var tabsHeaderRef = useRef(null);
-  var tabLength = tabs.length;
-  var _useState = useState(0),
-    selectedTabIndex = _useState[0],
-    setSelectedTabIndex = _useState[1];
-  var _useState2 = useState(false),
-    canScrollLeft = _useState2[0],
-    setCanScrollLeft = _useState2[1];
-  var _useState3 = useState(false),
-    canScrollRight = _useState3[0],
-    setCanScrollRight = _useState3[1];
-  var _useState4 = useState(false),
-    isDragging = _useState4[0],
-    setIsDragging = _useState4[1];
-  var _useState5 = useState(0),
-    dragStartX = _useState5[0],
-    setDragStartX = _useState5[1];
-  var _useState6 = useState(0),
-    scrollLeft = _useState6[0],
-    setScrollLeft = _useState6[1];
-  useEffect(function () {
-    var element = tabsHeaderRef.current;
-    var isElOverFlowX = (element == null ? void 0 : element.scrollWidth) > (element == null ? void 0 : element.clientWidth);
-    setCanScrollRight(isElOverFlowX);
-  }, []);
-  useEffect(function () {
-    if (selectedIndex < 0 || selectedIndex >= tabLength) {
-      return;
-    }
-    setSelectedTabIndex(selectedIndex);
-  }, [selectedIndex, tabLength]);
-  var handleMouseDown = function handleMouseDown(event) {
-    setIsDragging(true);
-    var startX = event.clientX - tabsHeaderRef.current.offsetLeft;
-    setDragStartX(startX);
-    setScrollLeft(tabsHeaderRef.current.scrollLeft);
-  };
-  var handleMouseLeave = function handleMouseLeave() {
-    setIsDragging(false);
-  };
-  var handleMouseUp = function handleMouseUp() {
-    setIsDragging(false);
-  };
-  var handleMouseMove = function handleMouseMove(event) {
-    if (!isDragging) return;
-    event.preventDefault();
-    var x = event.clientX - tabsHeaderRef.current.offsetLeft;
-    var scrollMultiplier = (x - dragStartX) * 3;
-    tabsHeaderRef.current.scrollLeft = scrollLeft - scrollMultiplier;
-  };
-  var handleScroll = function handleScroll() {
-    var element = tabsHeaderRef.current;
-    setCanScrollLeft((element == null ? void 0 : element.scrollLeft) > 0);
-    setCanScrollRight(element.scrollLeft < element.scrollWidth - element.clientWidth);
-  };
-  var handleWheel = function handleWheel(event) {
-    var element = tabsHeaderRef.current;
-    element.scrollTo({
-      left: element.scrollLeft + event.deltaY * 1,
-      behavior: 'smooth'
-    });
-  };
-  var handleSelectedIndexChanged = function handleSelectedIndexChanged(index) {
-    setSelectedTabIndex(index);
-    onSelected == null ? void 0 : onSelected(index);
-  };
-  var renderTabs = tabs.map(function (tab, index) {
-    var tabId = tab.id || nextId();
-    var tabContent = /*#__PURE__*/React.createElement(Tab, {
-      id: tabId,
-      key: "tab-" + tabId + "-" + index,
-      content: tab.content,
-      onSelect: function onSelect() {
-        return handleSelectedIndexChanged(index);
-      },
-      selected: index === selectedTabIndex,
-      disabled: tab.disabled
-    });
-    return /*#__PURE__*/React.createElement(StyledLi, {
-      key: tabId + "-" + index,
-      className: "tab-item"
-    }, tab.contentWrapper ? tab.contentWrapper(tabContent) : tabContent);
-  });
-  return /*#__PURE__*/React.createElement(StyledTabsContainer, {
-    ref: ref,
-    className: "tabs-container"
-  }, /*#__PURE__*/React.createElement(StyledTabHeaderContainer, {
-    className: "tabs-header-container",
-    ref: tabsHeaderRef,
-    onScroll: handleScroll,
-    onWheel: handleWheel,
-    onMouseDown: handleMouseDown,
-    onMouseMove: handleMouseMove,
-    onMouseUp: handleMouseUp,
-    onMouseLeave: handleMouseLeave,
-    "data-scroll-left": canScrollLeft,
-    "data-scroll-right": canScrollRight,
-    "data-grabbing": isDragging
-  }, /*#__PURE__*/React.createElement(StyledUl, {
-    "data-fitted": fitted,
-    className: "tabs-list"
-  }, renderTabs)), /*#__PURE__*/React.createElement("div", {
-    className: "tab-item-content"
-  }, children));
-});

package/es/@next/Tabs/Tabs.stories.d.ts

@@ -1,7 +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 Overflow: any;
-export declare const Disabled: any;
-export declare const CustomWrapper: any;

package/es/@next/Tabs/TabsStoriesStyle.d.ts

@@ -1,4 +0,0 @@
-export declare const StyledTable: import("styled-components").StyledComponent<"table", any, {}, never>;
-export declare const StyledRow: import("styled-components").StyledComponent<"tr", any, {}, never>;
-export declare const StyledColumn: import("styled-components").StyledComponent<"td", any, {}, never>;
-export declare const StyledHeaderColumn: import("styled-components").StyledComponent<"th", any, {}, never>;

package/es/@next/Tabs/TabsStoriesStyle.js

@@ -1,18 +0,0 @@
-/* eslint-disable react/jsx-key */
-import styled from 'styled-components';
-export var StyledTable = styled.table.withConfig({
-  displayName: "TabsStoriesStyle__StyledTable",
-  componentId: "sc-34eyhb-0"
-})(["font-family:arial,sans-serif;border-collapse:collapse;width:100%;"]);
-export var StyledRow = styled.tr.withConfig({
-  displayName: "TabsStoriesStyle__StyledRow",
-  componentId: "sc-34eyhb-1"
-})(["&:nth-child(even){background-color:#dddddd;}"]);
-export var StyledColumn = styled.td.withConfig({
-  displayName: "TabsStoriesStyle__StyledColumn",
-  componentId: "sc-34eyhb-2"
-})(["border:1px solid #dddddd;text-align:left;padding:8px;"]);
-export var StyledHeaderColumn = styled.th.withConfig({
-  displayName: "TabsStoriesStyle__StyledHeaderColumn",
-  componentId: "sc-34eyhb-3"
-})(["border:1px solid #dddddd;text-align:left;padding:8px;"]);

package/es/@next/Tabs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Tab';
-export * from './Tabs';

package/es/@next/Tabs/index.js

@@ -1,2 +0,0 @@
-export * from './Tab';
-export * from './Tabs';

package/es/@next/Tag/Tag.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { IconNames } from '../Icon/icons/icons';
-export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-    value?: string;
-    onRemove?: (() => void) | null | void;
-    textColor?: string;
-    disabled?: boolean;
-    contentType?: 'neutral' | 'success' | 'warning';
-    iconName?: IconNames;
-}
-export declare type TagRemoveContainerProps = React.HTMLAttributes<HTMLDivElement>;
-export declare type TagContentProps = React.HTMLAttributes<HTMLSpanElement> & TagProps;
-export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;

package/es/@next/Tag/Tag.js

@@ -1,61 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["children", "onRemove", "value", "textColor", "onClick", "disabled", "contentType", "iconName"];
-import React from 'react';
-import { Icon } from '../Icon';
-import { Typography } from '../Typography';
-import { Neutral } from '../utilities/colors';
-import { TagContentStyle, TagIconWrapper, TagRemoveContainerStyle, TagStyle, TagContentWrapper } from './TagStyle';
-export var Tag = /*#__PURE__*/React.forwardRef(function Tag(_ref, ref) {
-  var children = _ref.children,
-    onRemove = _ref.onRemove,
-    value = _ref.value,
-    textColor = _ref.textColor,
-    onClick = _ref.onClick,
-    disabled = _ref.disabled,
-    _ref$contentType = _ref.contentType,
-    contentType = _ref$contentType === void 0 ? 'neutral' : _ref$contentType,
-    iconName = _ref.iconName,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var handleTextColor = function handleTextColor() {
-    if (disabled) {
-      return Neutral.B85;
-    }
-    if (textColor) {
-      return textColor;
-    }
-    return Neutral.B18;
-  };
-  var content = typeof children === 'string' || typeof children === 'number' ? /*#__PURE__*/React.createElement(Typography, {
-    variant: "subtitle2",
-    color: handleTextColor(),
-    as: 'span'
-  }, children) : children;
-  var removeButton = onRemove && /*#__PURE__*/React.createElement(TagRemoveContainerStyle, null, /*#__PURE__*/React.createElement(TagIconWrapper, {
-    role: "button",
-    tabIndex: 0
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "ri-close",
-    fill: Neutral.B40,
-    onClick: onRemove,
-    className: "remove-button-icon"
-  })));
-  return /*#__PURE__*/React.createElement(TagStyle, _extends({
-    ref: ref
-  }, props, {
-    value: value,
-    onClick: !disabled && onClick,
-    "data-clickable": !!onClick,
-    "data-removeable": !!onRemove,
-    "data-content-type": contentType,
-    role: !!onClick ? 'button' : undefined,
-    "data-disabled": disabled,
-    as: !!onClick ? 'button' : 'div'
-  }), /*#__PURE__*/React.createElement(TagContentStyle, {
-    "data-removeable": !!onRemove
-  }, iconName && /*#__PURE__*/React.createElement(Icon, {
-    name: iconName,
-    fill: Neutral.B40,
-    height: 20
-  }), /*#__PURE__*/React.createElement(TagContentWrapper, null, content)), removeButton);
-});

package/es/@next/Tag/Tag.stories.d.ts

@@ -1,8 +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 WithIcon: any;
-export declare const Removeable: any;
-export declare const Clickable: any;
-export declare const ClickableDisabled: any;

package/es/@next/Tag/TagStyle.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { TagProps, TagRemoveContainerProps } from './Tag';
-export declare const TagContentStyle: import("styled-components").StyledComponent<"span", any, import("react").HTMLAttributes<HTMLSpanElement> & TagProps, never>;
-export declare const TagContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TagRemoveContainerStyle: import("styled-components").StyledComponent<"div", any, TagRemoveContainerProps, never>;
-export declare const TagIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TagStyle: import("styled-components").StyledComponent<"div", any, TagProps, never>;

package/es/@next/Tag/TagStyle.js

@@ -1,25 +0,0 @@
-import styled from 'styled-components';
-import { Breakpoints } from '..';
-import { borderRadius4, borderRadiusHalf } from '../utilities/borderRadius';
-import { Blue, Green, Orange, Neutral } from '../utilities/colors';
-import { space4 } from '../utilities/spacing';
-export var TagContentStyle = styled.span.withConfig({
-  displayName: "TagStyle__TagContentStyle",
-  componentId: "sc-r1wv7a-0"
-})(["display:inline-flex;padding:", ";white-space:nowrap;transform:translateY(1px);&[data-removeable='true']{padding-right:0;}"], space4);
-export var TagContentWrapper = styled.div.withConfig({
-  displayName: "TagStyle__TagContentWrapper",
-  componentId: "sc-r1wv7a-1"
-})(["padding:0 ", ";"], space4);
-export var TagRemoveContainerStyle = styled.div.withConfig({
-  displayName: "TagStyle__TagRemoveContainerStyle",
-  componentId: "sc-r1wv7a-2"
-})(["padding:", " ", " ", " 0;display:flex;.remove-button-icon{svg{width:20px;height:20px;}}@media (max-width:", "){.remove-button-icon{svg{width:18px;height:18px;}}}"], space4, space4, space4, Breakpoints.large);
-export var TagIconWrapper = styled.div.withConfig({
-  displayName: "TagStyle__TagIconWrapper",
-  componentId: "sc-r1wv7a-3"
-})(["display:flex;justify-content:center;align-items:center;&:focus-visible{margin:-2px;outline:none;border:2px solid ", ";border-radius:", ";}"], Blue.S100, borderRadius4);
-export var TagStyle = styled.div.withConfig({
-  displayName: "TagStyle",
-  componentId: "sc-r1wv7a-4"
-})(["display:inline-flex;align-items:center;background-color:", ";border:0;border-radius:", ";width:fit-content;padding:0;&:not([data-removeable='true']):not([data-clickable='true']){&[data-content-type='neutral']{background-color:", ";}&[data-content-type='success']{background-color:", ";}&[data-content-type='warning']{background-color:", ";}}&[data-clickable='true']{cursor:pointer;background-color:", ";&:hover{outline:1px solid ", "E6;}&:active{outline:1px solid ", ";}&:focus-visible{outline:1px solid ", ";box-shadow:0px 0px 0px 2px ", ",0px 0px 0px 4px ", ";}&[data-disabled='true']{cursor:not-allowed;outline:none;background-color:", ";&:focus-visible{outline:none;box-shadow:none;}}}& svg{padding:0;width:20px;height:20px;}& svg:hover{cursor:pointer;background-color:", ";border-radius:", ";}& svg:active{cursor:pointer;background-color:", ";fill:", ";border-radius:", ";}@media (max-width:", "){& svg{width:18px;height:18px;}}"], Blue.S08, borderRadius4, Neutral.B95, Green.B89, Orange.S21, Blue.S08, Blue.S100, Blue.S100, Blue.S100, Neutral.B100, Blue.S54, Neutral.B95, Neutral.B95, borderRadiusHalf, Neutral.B40, Neutral.B100, borderRadiusHalf, Breakpoints.large);

package/es/@next/Tag/index.d.ts

@@ -1 +0,0 @@
-export * from './Tag';

package/es/@next/Tag/index.js

@@ -1 +0,0 @@
-export * from './Tag';

package/es/@next/TextArea/TextArea.d.ts

@@ -1,31 +0,0 @@
-import React, { TextareaHTMLAttributes, RefObject } from 'react';
-export declare type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> & {
-    value: string;
-    onChange: (value: string) => void;
-    error?: boolean;
-    width?: string;
-    forwardedRef?: RefObject<HTMLTextAreaElement>;
-    /**
-     * if true, allows the user to type more than the maxLength.
-     * if false, the user will not be able to type more than the maxLength,
-     * all the characters typed after the maxLength will be ignored.
-     *
-     * **defaults to** `true`
-     */
-    canExceedMaxLength: boolean;
-};
-export declare const TextArea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> & {
-    value: string;
-    onChange: (value: string) => void;
-    error?: boolean;
-    width?: string;
-    forwardedRef?: RefObject<HTMLTextAreaElement>;
-    /**
-     * if true, allows the user to type more than the maxLength.
-     * if false, the user will not be able to type more than the maxLength,
-     * all the characters typed after the maxLength will be ignored.
-     *
-     * **defaults to** `true`
-     */
-    canExceedMaxLength: boolean;
-} & React.RefAttributes<HTMLTextAreaElement>>;