glints-aries 4.0.326 → 4.0.327

package/es/@next/Banner/BannerStyle.js

@@ -10,7 +10,7 @@ export var StyledCloseIconWrapper = styled.div.withConfig({
 export var StyledBanner = styled.div.withConfig({
   displayName: "BannerStyle__StyledBanner",
   componentId: "sc-1suv683-1"
-})(["min-height:100px;padding:20px;background:", ";color:", ";border:1px solid ", ";border-radius:", ";svg{position:absolute;fill:", ";height:24px;width:24px;top:0;}&[data-titled='true'] svg{top:3px;}&[data-status='success']{background:", ";border:1px solid ", ";}&[data-status='success'] svg{fill:", ";}&[data-status='info']{background:", ";border:1px solid ", ";}&[data-status='info'] svg{fill:", ";}&[data-status='warning']{background:", ";border:1px solid ", ";}&[data-status='warning'] svg{fill:", ";}&[data-status='critical']{background:", ";border:1px solid ", ";}&[data-status='critical'] svg{fill:", ";}@media (max-width:", "){min-height:89px;&[data-titled='true'] svg{top:0;}}"], Neutral.B99, Neutral.B18, Neutral.B68, borderRadius8, Neutral.B40, Green.B89, Neutral.B68, Green.B61, Blue.S08, Blue.S99, Blue.S99, Orange.S21, Orange.S86, Orange.S87, Red.B100, Red.B93, Red.B93, Breakpoints.large);
+})(["min-height:100px;padding:20px;background:", ";color:", ";border:1px solid ", ";border-radius:", ";&[data-titled='true'] svg{top:3px;}&[data-status='success']{background:", ";border:1px solid ", ";}&[data-status='success'] svg{fill:", ";}&[data-status='info']{background:", ";border:1px solid ", ";}&[data-status='info'] svg{fill:", ";}&[data-status='warning']{background:", ";border:1px solid ", ";}&[data-status='warning'] svg{fill:", ";}&[data-status='critical']{background:", ";border:1px solid ", ";}&[data-status='critical'] svg{fill:", ";}@media (max-width:", "){min-height:89px;&[data-titled='true'] svg{top:0;}}"], Neutral.B99, Neutral.B18, Neutral.B68, borderRadius8, Green.B89, Neutral.B68, Green.B61, Blue.S08, Blue.S99, Blue.S99, Orange.S21, Orange.S86, Orange.S87, Red.B100, Red.B93, Red.B93, Breakpoints.large);
 export var StyledBannerContentContainer = styled.div.withConfig({
   displayName: "BannerStyle__StyledBannerContentContainer",
   componentId: "sc-1suv683-2"
@@ -18,7 +18,7 @@ export var StyledBannerContentContainer = styled.div.withConfig({
 export var StyledBannerTitleContainer = styled.div.withConfig({
   displayName: "BannerStyle__StyledBannerTitleContainer",
   componentId: "sc-1suv683-3"
-})(["position:relative;"]);
+})(["position:relative;svg{position:absolute;fill:", ";height:24px;width:24px;top:0;}"], Neutral.B40);
 export var StyledBannerTitle = styled.div.withConfig({
   displayName: "BannerStyle__StyledBannerTitle",
   componentId: "sc-1suv683-4"

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { CollapseItemProps } from './CollapseItem';
+export interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** If true, there is outer 1px border with 4px border radius, default is true */
+    hasBorder?: boolean;
+    /** The children should all be 'Collapse.Item' components */
+    children?: React.ReactElement<CollapseItemProps>[];
+    /** If this is true, show arrow indication, applies to all children collapse items */
+    showIndicator?: boolean;
+    /** Arrow indicator to be put on the very left or right of the header, applies to all children collapse items */
+    indicatorPosition?: 'left' | 'right';
+}
+export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<CollapseItemProps & React.RefAttributes<HTMLDivElement>>;
+};

package/es/@next/Collapse/Collapse.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["hasBorder", "children", "showIndicator", "indicatorPosition"];
+import React from 'react';
+import { CollapseItem } from './CollapseItem';
+import { CollapseComponentContainer } from './CollapseStyle';
+var CollapseComponent = /*#__PURE__*/React.forwardRef(function Collapse(_ref, ref) {
+  var _ref$hasBorder = _ref.hasBorder,
+    hasBorder = _ref$hasBorder === void 0 ? true : _ref$hasBorder,
+    children = _ref.children,
+    showIndicator = _ref.showIndicator,
+    indicatorPosition = _ref.indicatorPosition,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CollapseComponentContainer, _extends({
+    ref: ref,
+    "data-border": hasBorder
+  }, props), React.Children.map(children, function (child) {
+    var _child$props, _child$props2;
+    var childShowIndicator = ((_child$props = child.props) == null ? void 0 : _child$props.showIndicator) || showIndicator;
+    var childIndicatorPosition = ((_child$props2 = child.props) == null ? void 0 : _child$props2.indicatorPosition) || indicatorPosition;
+    return /*#__PURE__*/React.cloneElement(child, {
+      showIndicator: childShowIndicator,
+      indicatorPosition: childIndicatorPosition
+    });
+  })));
+});
+export var Collapse = Object.assign(CollapseComponent, {
+  Item: CollapseItem
+});

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

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

package/es/@next/Collapse/CollapseItem.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface CollapseItemProps {
+    /** Content to be displayed when the item is not collapsed, 8px padding applied by default */
+    children: React.ReactNode;
+    /** Title for each collapse item on the header, simply can pass in a string */
+    title: React.ReactNode;
+    /** Extra components to be displayed on the left side of heading, on the right of indicator (if it is left-aligned) and header (title), flex row with gap of 4px is applied */
+    headerLeft?: React.ReactNode;
+    /** Extra components to be displayed on the right side of heading, on the left of indicator (if it is right-aligned), flex row with gap of 4px is applied */
+    headerRight?: React.ReactNode;
+    /** If this is false, it is not collapsed at the beginning (you can see children content directly), default is true */
+    defaultCollapsed?: boolean;
+    /** If this is true, you cannot collapse or uncollapsed the item, default is false */
+    disabled?: boolean;
+    /** If this is true, show arrow indication, otherwise it is not shown, default is True or whatever specified in Collapse component */
+    showIndicator?: boolean;
+    /** Arrow indicator to be put on the very left or right of the header, default is left or whatever specified in Collapse component, you can overwrite for a single item here */
+    indicatorPosition?: 'left' | 'right';
+}
+export declare const CollapseItem: React.ForwardRefExoticComponent<CollapseItemProps & React.RefAttributes<HTMLDivElement>>;

package/es/@next/Collapse/CollapseItem.js

@@ -0,0 +1,47 @@
+import React, { useState } from 'react';
+import { Icon } from '../Icon';
+import { Typography } from '../Typography';
+import { Neutral } from '../utilities/colors';
+import { CollapseContent, CollapseContentWrapper, CollapseItemHeader, CollapseItemContent, IndicatorIconWrapper, RightHeaderSection } from './CollapseItemStyle';
+export var CollapseItem = /*#__PURE__*/React.forwardRef(function CollapseItem(_ref, ref) {
+  var children = _ref.children,
+    title = _ref.title,
+    headerLeft = _ref.headerLeft,
+    headerRight = _ref.headerRight,
+    _ref$defaultCollapsed = _ref.defaultCollapsed,
+    defaultCollapsed = _ref$defaultCollapsed === void 0 ? true : _ref$defaultCollapsed,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$showIndicator = _ref.showIndicator,
+    showIndicator = _ref$showIndicator === void 0 ? true : _ref$showIndicator,
+    _ref$indicatorPositio = _ref.indicatorPosition,
+    indicatorPosition = _ref$indicatorPositio === void 0 ? 'left' : _ref$indicatorPositio;
+  var _useState = useState(defaultCollapsed),
+    isCollapsed = _useState[0],
+    setIsCollapsed = _useState[1];
+  var handleClick = function handleClick() {
+    if (!disabled) {
+      setIsCollapsed(!isCollapsed);
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CollapseItemHeader, {
+    onClick: handleClick,
+    "data-disabled": disabled,
+    ref: ref
+  }, showIndicator && indicatorPosition === 'left' && /*#__PURE__*/React.createElement(IndicatorIconWrapper, {
+    isCollapsed: isCollapsed
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ri-arrow-m-right-fill"
+  })), /*#__PURE__*/React.createElement(Typography, {
+    as: "span",
+    variant: "body1",
+    color: disabled ? Neutral.B85 : Neutral.B18
+  }, title), headerLeft, /*#__PURE__*/React.createElement(RightHeaderSection, null, headerRight, showIndicator && indicatorPosition === 'right' && /*#__PURE__*/React.createElement(IndicatorIconWrapper, {
+    isCollapsed: isCollapsed,
+    "data-anticlockwise": true
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ri-arrow-m-left-fill"
+  })))), /*#__PURE__*/React.createElement(CollapseItemContent, {
+    isCollapsed: isCollapsed
+  }, /*#__PURE__*/React.createElement(CollapseContentWrapper, null, /*#__PURE__*/React.createElement(CollapseContent, null, children))));
+});

package/es/@next/Collapse/CollapseItemStyle.d.ts

@@ -0,0 +1,10 @@
+export declare const CollapseItemHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RightHeaderSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CollapseItemContent: import("styled-components").StyledComponent<"div", any, {
+    isCollapsed: boolean;
+}, never>;
+export declare const CollapseContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CollapseContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IndicatorIconWrapper: import("styled-components").StyledComponent<"div", any, {
+    isCollapsed: boolean;
+}, never>;

package/es/@next/Collapse/CollapseItemStyle.js

@@ -0,0 +1,38 @@
+import styled from 'styled-components';
+import { subtitle2 } from '../Typography/TypographyStyles';
+import { Neutral } from '../utilities/colors';
+import { space4, space8 } from '../utilities/spacing';
+import { Breakpoints } from '..';
+var ANIMATION_DURATION = '200ms';
+export var CollapseItemHeader = styled.div.withConfig({
+  displayName: "CollapseItemStyle__CollapseItemHeader",
+  componentId: "sc-1xlws99-0"
+})(["display:flex;flex-direction:row;align-items:center;gap:", ";padding:", ";cursor:pointer;background-color:", ";border-bottom:1px solid ", ";svg{height:20px;width:20px;fill:", ";}&[data-disabled='true']{cursor:not-allowed;svg{fill:", ";}}@media (max-width:", "){svg{height:18px;width:18px;}}"], space4, space8, Neutral.B100, Neutral.B85, Neutral.B40, Neutral.B85, Breakpoints.large);
+export var RightHeaderSection = styled.div.withConfig({
+  displayName: "CollapseItemStyle__RightHeaderSection",
+  componentId: "sc-1xlws99-1"
+})(["display:flex;flex-direction:row;align-items:center;gap:", ";margin-left:auto;"], space4);
+export var CollapseItemContent = styled.div.withConfig({
+  displayName: "CollapseItemStyle__CollapseItemContent",
+  componentId: "sc-1xlws99-2"
+})(["display:grid;grid-template-rows:", ";transition:all ", " ease-in-out;opacity:", ";width:100%;background-color:", ";"], function (props) {
+  return props.isCollapsed ? '0fr' : '1fr';
+}, ANIMATION_DURATION, function (props) {
+  return props.isCollapsed ? 0 : 1;
+}, Neutral.B99);
+export var CollapseContentWrapper = styled.div.withConfig({
+  displayName: "CollapseItemStyle__CollapseContentWrapper",
+  componentId: "sc-1xlws99-3"
+})(["overflow:hidden;"]);
+export var CollapseContent = styled.div.withConfig({
+  displayName: "CollapseItemStyle__CollapseContent",
+  componentId: "sc-1xlws99-4"
+})(["padding:", ";border-bottom:1px solid ", ";", ""], space8, Neutral.B85, subtitle2);
+export var IndicatorIconWrapper = styled.div.withConfig({
+  displayName: "CollapseItemStyle__IndicatorIconWrapper",
+  componentId: "sc-1xlws99-5"
+})(["display:flex;flex-direction:row;align-items:center;svg{transform:rotate(", ");transition:transform ", " ease-in-out;}&[data-anticlockwise='true']{svg{transform:rotate(", ");}}"], function (props) {
+  return props.isCollapsed ? '0deg' : '90deg';
+}, ANIMATION_DURATION, function (props) {
+  return props.isCollapsed ? '0deg' : '-90deg';
+});

package/es/@next/Collapse/CollapseStyle.d.ts

@@ -0,0 +1 @@
+export declare const CollapseComponentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/@next/Collapse/CollapseStyle.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+import { Neutral } from '../utilities/colors';
+import { space4 } from '../utilities/spacing';
+export var CollapseComponentContainer = styled.div.withConfig({
+  displayName: "CollapseStyle__CollapseComponentContainer",
+  componentId: "sc-7p3lny-0"
+})(["display:flex;flex-direction:column;background-color:", ";&[data-border='true']{border:1px solid ", ";border-bottom:none;border-radius:", ";overflow:hidden;}"], Neutral.B85, Neutral.B85, space4);

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

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

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

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

package/es/@next/DataTable/DataTable.js

@@ -87,7 +87,9 @@ var DataTableComponent = /*#__PURE__*/React.forwardRef(function DataTable(_ref,
     ref: ref,
     "data-loading": loading,
     "data-has-footer": showFooter
-  }, props), /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement(StyledTableRow, null, rowHeaderMarkup)), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement(LoadingRow, null), totalsRowMarkup && hasRows && /*#__PURE__*/React.createElement(StyledTableRow, null, totalsRowMarkup), rowsMarkup), showFooter && /*#__PURE__*/React.createElement("tfoot", null, /*#__PURE__*/React.createElement(StyledTableFooterRow, null, /*#__PURE__*/React.createElement(StyledTableCell, {
+  }, props), /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement(StyledTableRow, {
+    "data-header": true
+  }, rowHeaderMarkup)), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement(LoadingRow, null), totalsRowMarkup && hasRows && /*#__PURE__*/React.createElement(StyledTableRow, null, totalsRowMarkup), rowsMarkup), showFooter && /*#__PURE__*/React.createElement("tfoot", null, /*#__PURE__*/React.createElement(StyledTableFooterRow, null, /*#__PURE__*/React.createElement(StyledTableCell, {
     colSpan: headings.length
   }, footer)))));
 });

package/es/@next/DataTable/DataTableStyle.js

@@ -3,16 +3,16 @@ import * as DropShadow from '../utilities/dropShadow';
 import { borderRadius8 } from '../utilities/borderRadius';
 import { Blue, Neutral } from '../utilities/colors';
 import { space16, space8 } from '../utilities/spacing';
-var alignmentStyle = "\n&[data-text-align='right'] {\n  > div {\n    display: flex;\n    justify-content: right;\n  }\n}\n\n&[data-text-align='center'] {\n  > div {\n    display: flex;\n    justify-content: center;\n  }\n}\n";
-var cellVerticalAlign = "\n&[data-vertical-align='top'] {\n  vertical-align: top;\n}\n\n&[data-vertical-align='center'] {\n  vertical-align: center;\n}\n";
+var alignmentStyle = "\n  &[data-text-align='right'] {\n    > div {\n      display: flex;\n      justify-content: right;\n    }\n  }\n\n  &[data-text-align='center'] {\n    > div {\n      display: flex;\n      justify-content: center;\n    }\n  }\n";
+var cellVerticalAlign = "\n  &[data-vertical-align='top'] {\n    vertical-align: top;\n  }\n\n  &[data-vertical-align='center'] {\n    vertical-align: center;\n  }\n";
 export var StyledTable = styled.table.withConfig({
   displayName: "DataTableStyle__StyledTable",
   componentId: "sc-18v2ula-0"
-})(["width:100%;height:100%;border:1px solid ", ";border-spacing:0;color:", ";max-width:100vw;border-bottom:0;thead tr{background:", ";}&[data-has-footer='true']{border-bottom:1px solid ", ";}&[data-loading='true']{tbody{position:relative;}.loader-container{display:block;z-index:1;}}"], Neutral.B85, Neutral.B18, Neutral.B99, Neutral.B85);
+})(["width:100%;height:100%;border:1px solid ", ";border-spacing:0;color:", ";max-width:100vw;border-bottom:0;cursor:default;thead tr{background:", ";}&[data-has-footer='true']{border-bottom:1px solid ", ";}&[data-loading='true']{tbody{position:relative;}.loader-container{display:block;z-index:1;}}"], Neutral.B85, Neutral.B18, Neutral.B99, Neutral.B85);
 export var StyledTableRow = styled.tr.withConfig({
   displayName: "DataTableStyle__StyledTableRow",
   componentId: "sc-18v2ula-1"
-})(["background:", ";box-shadow:inset 0px -1px 0px ", ";&:hover{background:", ";}"], Neutral.B100, Neutral.B85, Blue.S08);
+})(["background:", ";box-shadow:inset 0px -1px 0px ", ";cursor:default;&:hover{background:", ";}&[data-header='true']{&:hover{background:", ";}}"], Neutral.B100, Neutral.B85, Blue.S08, Neutral.B99);
 export var StyledTabledHeader = styled.th.withConfig({
   displayName: "DataTableStyle__StyledTabledHeader",
   componentId: "sc-18v2ula-2"

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

@@ -28,6 +28,8 @@ export type { CardProps } from './Card';
 export { Card } from './Card';
 export type { CheckboxProps } from './Checkbox';
 export { Checkbox } from './Checkbox';
+export type { CollapseProps } from './Collapse';
+export { Collapse } from './Collapse';
 export type { ComboboxProps } from './Combobox';
 export { Combobox } from './Combobox';
 export type { CurrencyInputProps } from './CurrencyInput';

package/es/@next/index.js

@@ -17,6 +17,7 @@ export { ButtonGroup } from './ButtonGroup';
 export { Carousel } from './Carousel';
 export { Card } from './Card';
 export { Checkbox } from './Checkbox';
+export { Collapse } from './Collapse';
 export { Combobox } from './Combobox';
 export { CurrencyInput } from './CurrencyInput';
 export { DataTable } from './DataTable';

package/lib/@next/Banner/BannerStyle.js

@@ -18,7 +18,7 @@ exports.StyledCloseIconWrapper = StyledCloseIconWrapper;
 var StyledBanner = _styledComponents["default"].div.withConfig({
   displayName: "BannerStyle__StyledBanner",
   componentId: "sc-1suv683-1"
-})(["min-height:100px;padding:20px;background:", ";color:", ";border:1px solid ", ";border-radius:", ";svg{position:absolute;fill:", ";height:24px;width:24px;top:0;}&[data-titled='true'] svg{top:3px;}&[data-status='success']{background:", ";border:1px solid ", ";}&[data-status='success'] svg{fill:", ";}&[data-status='info']{background:", ";border:1px solid ", ";}&[data-status='info'] svg{fill:", ";}&[data-status='warning']{background:", ";border:1px solid ", ";}&[data-status='warning'] svg{fill:", ";}&[data-status='critical']{background:", ";border:1px solid ", ";}&[data-status='critical'] svg{fill:", ";}@media (max-width:", "){min-height:89px;&[data-titled='true'] svg{top:0;}}"], _colors.Neutral.B99, _colors.Neutral.B18, _colors.Neutral.B68, _borderRadius.borderRadius8, _colors.Neutral.B40, _colors.Green.B89, _colors.Neutral.B68, _colors.Green.B61, _colors.Blue.S08, _colors.Blue.S99, _colors.Blue.S99, _colors.Orange.S21, _colors.Orange.S86, _colors.Orange.S87, _colors.Red.B100, _colors.Red.B93, _colors.Red.B93, Breakpoints.large);
+})(["min-height:100px;padding:20px;background:", ";color:", ";border:1px solid ", ";border-radius:", ";&[data-titled='true'] svg{top:3px;}&[data-status='success']{background:", ";border:1px solid ", ";}&[data-status='success'] svg{fill:", ";}&[data-status='info']{background:", ";border:1px solid ", ";}&[data-status='info'] svg{fill:", ";}&[data-status='warning']{background:", ";border:1px solid ", ";}&[data-status='warning'] svg{fill:", ";}&[data-status='critical']{background:", ";border:1px solid ", ";}&[data-status='critical'] svg{fill:", ";}@media (max-width:", "){min-height:89px;&[data-titled='true'] svg{top:0;}}"], _colors.Neutral.B99, _colors.Neutral.B18, _colors.Neutral.B68, _borderRadius.borderRadius8, _colors.Green.B89, _colors.Neutral.B68, _colors.Green.B61, _colors.Blue.S08, _colors.Blue.S99, _colors.Blue.S99, _colors.Orange.S21, _colors.Orange.S86, _colors.Orange.S87, _colors.Red.B100, _colors.Red.B93, _colors.Red.B93, Breakpoints.large);
 exports.StyledBanner = StyledBanner;
 var StyledBannerContentContainer = _styledComponents["default"].div.withConfig({
   displayName: "BannerStyle__StyledBannerContentContainer",
@@ -28,7 +28,7 @@ exports.StyledBannerContentContainer = StyledBannerContentContainer;
 var StyledBannerTitleContainer = _styledComponents["default"].div.withConfig({
   displayName: "BannerStyle__StyledBannerTitleContainer",
   componentId: "sc-1suv683-3"
-})(["position:relative;"]);
+})(["position:relative;svg{position:absolute;fill:", ";height:24px;width:24px;top:0;}"], _colors.Neutral.B40);
 exports.StyledBannerTitleContainer = StyledBannerTitleContainer;
 var StyledBannerTitle = _styledComponents["default"].div.withConfig({
   displayName: "BannerStyle__StyledBannerTitle",

package/lib/@next/Collapse/Collapse.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { CollapseItemProps } from './CollapseItem';
+export interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** If true, there is outer 1px border with 4px border radius, default is true */
+    hasBorder?: boolean;
+    /** The children should all be 'Collapse.Item' components */
+    children?: React.ReactElement<CollapseItemProps>[];
+    /** If this is true, show arrow indication, applies to all children collapse items */
+    showIndicator?: boolean;
+    /** Arrow indicator to be put on the very left or right of the header, applies to all children collapse items */
+    indicatorPosition?: 'left' | 'right';
+}
+export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<CollapseItemProps & React.RefAttributes<HTMLDivElement>>;
+};

package/lib/@next/Collapse/Collapse.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Collapse = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _CollapseItem = require("./CollapseItem");
+var _CollapseStyle = require("./CollapseStyle");
+var _excluded = ["hasBorder", "children", "showIndicator", "indicatorPosition"];
+var CollapseComponent = /*#__PURE__*/_react["default"].forwardRef(function Collapse(_ref, ref) {
+  var _ref$hasBorder = _ref.hasBorder,
+    hasBorder = _ref$hasBorder === void 0 ? true : _ref$hasBorder,
+    children = _ref.children,
+    showIndicator = _ref.showIndicator,
+    indicatorPosition = _ref.indicatorPosition,
+    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CollapseStyle.CollapseComponentContainer, (0, _extends2["default"])({
+    ref: ref,
+    "data-border": hasBorder
+  }, props), _react["default"].Children.map(children, function (child) {
+    var _child$props, _child$props2;
+    var childShowIndicator = ((_child$props = child.props) == null ? void 0 : _child$props.showIndicator) || showIndicator;
+    var childIndicatorPosition = ((_child$props2 = child.props) == null ? void 0 : _child$props2.indicatorPosition) || indicatorPosition;
+    return /*#__PURE__*/_react["default"].cloneElement(child, {
+      showIndicator: childShowIndicator,
+      indicatorPosition: childIndicatorPosition
+    });
+  })));
+});
+var Collapse = Object.assign(CollapseComponent, {
+  Item: _CollapseItem.CollapseItem
+});
+exports.Collapse = Collapse;

package/lib/@next/Collapse/Collapse.stories.d.ts

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

package/lib/@next/Collapse/CollapseItem.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface CollapseItemProps {
+    /** Content to be displayed when the item is not collapsed, 8px padding applied by default */
+    children: React.ReactNode;
+    /** Title for each collapse item on the header, simply can pass in a string */
+    title: React.ReactNode;
+    /** Extra components to be displayed on the left side of heading, on the right of indicator (if it is left-aligned) and header (title), flex row with gap of 4px is applied */
+    headerLeft?: React.ReactNode;
+    /** Extra components to be displayed on the right side of heading, on the left of indicator (if it is right-aligned), flex row with gap of 4px is applied */
+    headerRight?: React.ReactNode;
+    /** If this is false, it is not collapsed at the beginning (you can see children content directly), default is true */
+    defaultCollapsed?: boolean;
+    /** If this is true, you cannot collapse or uncollapsed the item, default is false */
+    disabled?: boolean;
+    /** If this is true, show arrow indication, otherwise it is not shown, default is True or whatever specified in Collapse component */
+    showIndicator?: boolean;
+    /** Arrow indicator to be put on the very left or right of the header, default is left or whatever specified in Collapse component, you can overwrite for a single item here */
+    indicatorPosition?: 'left' | 'right';
+}
+export declare const CollapseItem: React.ForwardRefExoticComponent<CollapseItemProps & React.RefAttributes<HTMLDivElement>>;

package/lib/@next/Collapse/CollapseItem.js

@@ -0,0 +1,54 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CollapseItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Icon = require("../Icon");
+var _Typography = require("../Typography");
+var _colors = require("../utilities/colors");
+var _CollapseItemStyle = require("./CollapseItemStyle");
+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 CollapseItem = /*#__PURE__*/_react["default"].forwardRef(function CollapseItem(_ref, ref) {
+  var children = _ref.children,
+    title = _ref.title,
+    headerLeft = _ref.headerLeft,
+    headerRight = _ref.headerRight,
+    _ref$defaultCollapsed = _ref.defaultCollapsed,
+    defaultCollapsed = _ref$defaultCollapsed === void 0 ? true : _ref$defaultCollapsed,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$showIndicator = _ref.showIndicator,
+    showIndicator = _ref$showIndicator === void 0 ? true : _ref$showIndicator,
+    _ref$indicatorPositio = _ref.indicatorPosition,
+    indicatorPosition = _ref$indicatorPositio === void 0 ? 'left' : _ref$indicatorPositio;
+  var _useState = (0, _react.useState)(defaultCollapsed),
+    isCollapsed = _useState[0],
+    setIsCollapsed = _useState[1];
+  var handleClick = function handleClick() {
+    if (!disabled) {
+      setIsCollapsed(!isCollapsed);
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CollapseItemStyle.CollapseItemHeader, {
+    onClick: handleClick,
+    "data-disabled": disabled,
+    ref: ref
+  }, showIndicator && indicatorPosition === 'left' && /*#__PURE__*/_react["default"].createElement(_CollapseItemStyle.IndicatorIconWrapper, {
+    isCollapsed: isCollapsed
+  }, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
+    name: "ri-arrow-m-right-fill"
+  })), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    as: "span",
+    variant: "body1",
+    color: disabled ? _colors.Neutral.B85 : _colors.Neutral.B18
+  }, title), headerLeft, /*#__PURE__*/_react["default"].createElement(_CollapseItemStyle.RightHeaderSection, null, headerRight, showIndicator && indicatorPosition === 'right' && /*#__PURE__*/_react["default"].createElement(_CollapseItemStyle.IndicatorIconWrapper, {
+    isCollapsed: isCollapsed,
+    "data-anticlockwise": true
+  }, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
+    name: "ri-arrow-m-left-fill"
+  })))), /*#__PURE__*/_react["default"].createElement(_CollapseItemStyle.CollapseItemContent, {
+    isCollapsed: isCollapsed
+  }, /*#__PURE__*/_react["default"].createElement(_CollapseItemStyle.CollapseContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_CollapseItemStyle.CollapseContent, null, children))));
+});
+exports.CollapseItem = CollapseItem;

package/lib/@next/Collapse/CollapseItemStyle.d.ts

@@ -0,0 +1,10 @@
+export declare const CollapseItemHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RightHeaderSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CollapseItemContent: import("styled-components").StyledComponent<"div", any, {
+    isCollapsed: boolean;
+}, never>;
+export declare const CollapseContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CollapseContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IndicatorIconWrapper: import("styled-components").StyledComponent<"div", any, {
+    isCollapsed: boolean;
+}, never>;

package/lib/@next/Collapse/CollapseItemStyle.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RightHeaderSection = exports.IndicatorIconWrapper = exports.CollapseItemHeader = exports.CollapseItemContent = exports.CollapseContentWrapper = exports.CollapseContent = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _TypographyStyles = require("../Typography/TypographyStyles");
+var _colors = require("../utilities/colors");
+var _spacing = require("../utilities/spacing");
+var _ = require("..");
+var ANIMATION_DURATION = '200ms';
+var CollapseItemHeader = _styledComponents["default"].div.withConfig({
+  displayName: "CollapseItemStyle__CollapseItemHeader",
+  componentId: "sc-1xlws99-0"
+})(["display:flex;flex-direction:row;align-items:center;gap:", ";padding:", ";cursor:pointer;background-color:", ";border-bottom:1px solid ", ";svg{height:20px;width:20px;fill:", ";}&[data-disabled='true']{cursor:not-allowed;svg{fill:", ";}}@media (max-width:", "){svg{height:18px;width:18px;}}"], _spacing.space4, _spacing.space8, _colors.Neutral.B100, _colors.Neutral.B85, _colors.Neutral.B40, _colors.Neutral.B85, _.Breakpoints.large);
+exports.CollapseItemHeader = CollapseItemHeader;
+var RightHeaderSection = _styledComponents["default"].div.withConfig({
+  displayName: "CollapseItemStyle__RightHeaderSection",
+  componentId: "sc-1xlws99-1"
+})(["display:flex;flex-direction:row;align-items:center;gap:", ";margin-left:auto;"], _spacing.space4);
+exports.RightHeaderSection = RightHeaderSection;
+var CollapseItemContent = _styledComponents["default"].div.withConfig({
+  displayName: "CollapseItemStyle__CollapseItemContent",
+  componentId: "sc-1xlws99-2"
+})(["display:grid;grid-template-rows:", ";transition:all ", " ease-in-out;opacity:", ";width:100%;background-color:", ";"], function (props) {
+  return props.isCollapsed ? '0fr' : '1fr';
+}, ANIMATION_DURATION, function (props) {
+  return props.isCollapsed ? 0 : 1;
+}, _colors.Neutral.B99);
+exports.CollapseItemContent = CollapseItemContent;
+var CollapseContentWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "CollapseItemStyle__CollapseContentWrapper",
+  componentId: "sc-1xlws99-3"
+})(["overflow:hidden;"]);
+exports.CollapseContentWrapper = CollapseContentWrapper;
+var CollapseContent = _styledComponents["default"].div.withConfig({
+  displayName: "CollapseItemStyle__CollapseContent",
+  componentId: "sc-1xlws99-4"
+})(["padding:", ";border-bottom:1px solid ", ";", ""], _spacing.space8, _colors.Neutral.B85, _TypographyStyles.subtitle2);
+exports.CollapseContent = CollapseContent;
+var IndicatorIconWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "CollapseItemStyle__IndicatorIconWrapper",
+  componentId: "sc-1xlws99-5"
+})(["display:flex;flex-direction:row;align-items:center;svg{transform:rotate(", ");transition:transform ", " ease-in-out;}&[data-anticlockwise='true']{svg{transform:rotate(", ");}}"], function (props) {
+  return props.isCollapsed ? '0deg' : '90deg';
+}, ANIMATION_DURATION, function (props) {
+  return props.isCollapsed ? '0deg' : '-90deg';
+});
+exports.IndicatorIconWrapper = IndicatorIconWrapper;

package/lib/@next/Collapse/CollapseStyle.d.ts

@@ -0,0 +1 @@
+export declare const CollapseComponentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/@next/Collapse/CollapseStyle.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollapseComponentContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _colors = require("../utilities/colors");
+var _spacing = require("../utilities/spacing");
+var CollapseComponentContainer = _styledComponents["default"].div.withConfig({
+  displayName: "CollapseStyle__CollapseComponentContainer",
+  componentId: "sc-7p3lny-0"
+})(["display:flex;flex-direction:column;background-color:", ";&[data-border='true']{border:1px solid ", ";border-bottom:none;border-radius:", ";overflow:hidden;}"], _colors.Neutral.B85, _colors.Neutral.B85, _spacing.space4);
+exports.CollapseComponentContainer = CollapseComponentContainer;

package/lib/@next/Collapse/index.d.ts

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

package/lib/@next/Collapse/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+var _Collapse = require("./Collapse");
+Object.keys(_Collapse).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Collapse[key]) return;
+  exports[key] = _Collapse[key];
+});

package/lib/@next/DataTable/DataTable.js

@@ -92,7 +92,9 @@ var DataTableComponent = /*#__PURE__*/_react["default"].forwardRef(function Data
     ref: ref,
     "data-loading": loading,
     "data-has-footer": showFooter
-  }, props), /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement(_DataTableStyle.StyledTableRow, null, rowHeaderMarkup)), /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement(LoadingRow, null), totalsRowMarkup && hasRows && /*#__PURE__*/_react["default"].createElement(_DataTableStyle.StyledTableRow, null, totalsRowMarkup), rowsMarkup), showFooter && /*#__PURE__*/_react["default"].createElement("tfoot", null, /*#__PURE__*/_react["default"].createElement(_DataTableStyle.StyledTableFooterRow, null, /*#__PURE__*/_react["default"].createElement(_DataTableStyle.StyledTableCell, {
+  }, props), /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement(_DataTableStyle.StyledTableRow, {
+    "data-header": true
+  }, rowHeaderMarkup)), /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement(LoadingRow, null), totalsRowMarkup && hasRows && /*#__PURE__*/_react["default"].createElement(_DataTableStyle.StyledTableRow, null, totalsRowMarkup), rowsMarkup), showFooter && /*#__PURE__*/_react["default"].createElement("tfoot", null, /*#__PURE__*/_react["default"].createElement(_DataTableStyle.StyledTableFooterRow, null, /*#__PURE__*/_react["default"].createElement(_DataTableStyle.StyledTableCell, {
     colSpan: headings.length
   }, footer)))));
 });

package/lib/@next/DataTable/DataTableStyle.js

@@ -10,17 +10,17 @@ var _colors = require("../utilities/colors");
 var _spacing = require("../utilities/spacing");
 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 alignmentStyle = "\n&[data-text-align='right'] {\n  > div {\n    display: flex;\n    justify-content: right;\n  }\n}\n\n&[data-text-align='center'] {\n  > div {\n    display: flex;\n    justify-content: center;\n  }\n}\n";
-var cellVerticalAlign = "\n&[data-vertical-align='top'] {\n  vertical-align: top;\n}\n\n&[data-vertical-align='center'] {\n  vertical-align: center;\n}\n";
+var alignmentStyle = "\n  &[data-text-align='right'] {\n    > div {\n      display: flex;\n      justify-content: right;\n    }\n  }\n\n  &[data-text-align='center'] {\n    > div {\n      display: flex;\n      justify-content: center;\n    }\n  }\n";
+var cellVerticalAlign = "\n  &[data-vertical-align='top'] {\n    vertical-align: top;\n  }\n\n  &[data-vertical-align='center'] {\n    vertical-align: center;\n  }\n";
 var StyledTable = _styledComponents["default"].table.withConfig({
   displayName: "DataTableStyle__StyledTable",
   componentId: "sc-18v2ula-0"
-})(["width:100%;height:100%;border:1px solid ", ";border-spacing:0;color:", ";max-width:100vw;border-bottom:0;thead tr{background:", ";}&[data-has-footer='true']{border-bottom:1px solid ", ";}&[data-loading='true']{tbody{position:relative;}.loader-container{display:block;z-index:1;}}"], _colors.Neutral.B85, _colors.Neutral.B18, _colors.Neutral.B99, _colors.Neutral.B85);
+})(["width:100%;height:100%;border:1px solid ", ";border-spacing:0;color:", ";max-width:100vw;border-bottom:0;cursor:default;thead tr{background:", ";}&[data-has-footer='true']{border-bottom:1px solid ", ";}&[data-loading='true']{tbody{position:relative;}.loader-container{display:block;z-index:1;}}"], _colors.Neutral.B85, _colors.Neutral.B18, _colors.Neutral.B99, _colors.Neutral.B85);
 exports.StyledTable = StyledTable;
 var StyledTableRow = _styledComponents["default"].tr.withConfig({
   displayName: "DataTableStyle__StyledTableRow",
   componentId: "sc-18v2ula-1"
-})(["background:", ";box-shadow:inset 0px -1px 0px ", ";&:hover{background:", ";}"], _colors.Neutral.B100, _colors.Neutral.B85, _colors.Blue.S08);
+})(["background:", ";box-shadow:inset 0px -1px 0px ", ";cursor:default;&:hover{background:", ";}&[data-header='true']{&:hover{background:", ";}}"], _colors.Neutral.B100, _colors.Neutral.B85, _colors.Blue.S08, _colors.Neutral.B99);
 exports.StyledTableRow = StyledTableRow;
 var StyledTabledHeader = _styledComponents["default"].th.withConfig({
   displayName: "DataTableStyle__StyledTabledHeader",

package/lib/@next/index.d.ts

@@ -28,6 +28,8 @@ export type { CardProps } from './Card';
 export { Card } from './Card';
 export type { CheckboxProps } from './Checkbox';
 export { Checkbox } from './Checkbox';
+export type { CollapseProps } from './Collapse';
+export { Collapse } from './Collapse';
 export type { ComboboxProps } from './Combobox';
 export { Combobox } from './Combobox';
 export type { CurrencyInputProps } from './CurrencyInput';

package/lib/@next/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useModal = exports.useIndexResourceState = exports.useAlert = exports.Upload = exports.Typography = exports.Tooltip = exports.TextInput = exports.TextArea = exports.Tag = exports.Tabs = exports.Tab = exports.Switch = exports.Spinner = exports.Spacing = exports.SkeletonText = exports.SkeletonImageSquare = exports.SkeletonImageCircle = exports.SimplePagination = exports.SideSheet = exports.Select = exports.RadioButton = exports.PrimaryButton = exports.Portal = exports.Popover = exports.PasswordInput = exports.Pagination = exports.OutlineMonochromeButton = exports.OutlineButton = exports.NumberInput = exports.ModalWithProvider = exports.ModalProvider = exports.ModalContext = exports.Modal = exports.Menu = exports.Link = exports.InlineError = exports.IndexTable = exports.IconPagination = exports.Icon = exports.Fonts = exports.EmptyState = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.DataTable = exports.CurrencyInput = exports.Combobox = exports.Colors = exports.Checkbox = exports.Carousel = exports.Card = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.Bar = exports.Banner = exports.Badge = exports.Avatar = exports.AuthenticationInput = exports.AlertWithProvider = exports.AlertProvider = exports.AlertContext = exports.Alert = exports.ActionList = void 0;
+exports.useModal = exports.useIndexResourceState = exports.useAlert = exports.Upload = exports.Typography = exports.Tooltip = exports.TextInput = exports.TextArea = exports.Tag = exports.Tabs = exports.Tab = exports.Switch = exports.Spinner = exports.Spacing = exports.SkeletonText = exports.SkeletonImageSquare = exports.SkeletonImageCircle = exports.SimplePagination = exports.SideSheet = exports.Select = exports.RadioButton = exports.PrimaryButton = exports.Portal = exports.Popover = exports.PasswordInput = exports.Pagination = exports.OutlineMonochromeButton = exports.OutlineButton = exports.NumberInput = exports.ModalWithProvider = exports.ModalProvider = exports.ModalContext = exports.Modal = exports.Menu = exports.Link = exports.InlineError = exports.IndexTable = exports.IconPagination = exports.Icon = exports.Fonts = exports.EmptyState = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.DataTable = exports.CurrencyInput = exports.Combobox = exports.Colors = exports.Collapse = exports.Checkbox = exports.Carousel = exports.Card = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.Bar = exports.Banner = exports.Badge = exports.Avatar = exports.AuthenticationInput = exports.AlertWithProvider = exports.AlertProvider = exports.AlertContext = exports.Alert = exports.ActionList = void 0;
 var BorderRadius = _interopRequireWildcard(require("./utilities/borderRadius"));
 exports.BorderRadius = BorderRadius;
 var Breakpoints = _interopRequireWildcard(require("./utilities/breakpoints"));
@@ -46,6 +46,8 @@ var _Card = require("./Card");
 exports.Card = _Card.Card;
 var _Checkbox = require("./Checkbox");
 exports.Checkbox = _Checkbox.Checkbox;
+var _Collapse = require("./Collapse");
+exports.Collapse = _Collapse.Collapse;
 var _Combobox = require("./Combobox");
 exports.Combobox = _Combobox.Combobox;
 var _CurrencyInput = require("./CurrencyInput");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.0.326",
+  "version": "4.0.327",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",