glints-aries 4.0.246 → 4.0.248

package/es/@next/SideSheet/SideSheetStyle.d.ts

@@ -0,0 +1,8 @@
+export declare const StyledSideSheetWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSideSheetContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSideSheetHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledRightContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHorizontalLine: import("styled-components").StyledComponent<"hr", any, {}, never>;
+export declare const StyledSideSheetFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledButtonGroupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/@next/SideSheet/SideSheetStyle.js

@@ -0,0 +1,35 @@
+import styled from 'styled-components';
+import { Neutral } from '../utilities/colors';
+import * as Breakpoints from '../utilities/breakpoints';
+export var StyledSideSheetWrapper = styled.div.withConfig({
+  displayName: "SideSheetStyle__StyledSideSheetWrapper",
+  componentId: "sc-z0rzf0-0"
+})(["position:fixed;inset:0;background-color:rgba(45,45,45,0.5);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:999;animation:fade-in2 0.2s;&.closed{animation:fade-out2 0.2s;}@keyframes fade-in2{0%{opacity:0;}100%{opacity:1;}}@keyframes fade-out2{0%{opacity:1;}100%{opacity:0;}}"]);
+export var StyledSideSheetContainer = styled.div.withConfig({
+  displayName: "SideSheetStyle__StyledSideSheetContainer",
+  componentId: "sc-z0rzf0-1"
+})(["position:absolute;display:flex;flex-direction:column;width:480px;height:100vh;background:", ";box-shadow:0px 26px 80px rgba(0,0,0,0.2),0px 0px 1px rgba(0,0,0,0.2);overflow:hidden;animation:slide-in 0.2s;top:0;right:0;&.closed{animation:slide-out 0.2s;}@keyframes slide-in{0%{opacity:0;transform:translateX(100%);}100%{opacity:1;}}@keyframes slide-out{0%{opacity:0;}100%{opacity:1;transform:translateX(100%);}}@media (max-width:", "){width:100vw;}"], Neutral.B100, Breakpoints.large);
+export var StyledSideSheetHeader = styled.div.withConfig({
+  displayName: "SideSheetStyle__StyledSideSheetHeader",
+  componentId: "sc-z0rzf0-2"
+})(["display:flex;align-items:top;padding:16px 20px;"]);
+export var StyledButtonContainer = styled.div.withConfig({
+  displayName: "SideSheetStyle__StyledButtonContainer",
+  componentId: "sc-z0rzf0-3"
+})(["cursor:pointer;margin:4px 8px 4px 0px;svg{width:24px;fill:", ";}"], Neutral.B40);
+export var StyledRightContainer = styled.div.withConfig({
+  displayName: "SideSheetStyle__StyledRightContainer",
+  componentId: "sc-z0rzf0-4"
+})(["margin-left:auto;"]);
+export var StyledHorizontalLine = styled.hr.withConfig({
+  displayName: "SideSheetStyle__StyledHorizontalLine",
+  componentId: "sc-z0rzf0-5"
+})(["height:1px;background-color:", ";margin:0px 0px;border:none;"], Neutral.B95);
+export var StyledSideSheetFooter = styled.div.withConfig({
+  displayName: "SideSheetStyle__StyledSideSheetFooter",
+  componentId: "sc-z0rzf0-6"
+})(["margin-top:auto;"]);
+export var StyledButtonGroupContainer = styled.div.withConfig({
+  displayName: "SideSheetStyle__StyledButtonGroupContainer",
+  componentId: "sc-z0rzf0-7"
+})(["margin:16px 20px;"]);

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

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

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

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

package/es/helpers/debounce.d.ts

@@ -0,0 +1 @@
+export declare const debounce: (func: any, delay?: number) => (...args: any) => void;

package/es/helpers/debounce.js

@@ -0,0 +1,16 @@
+var _this = this;
+export var debounce = function debounce(func, delay) {
+  if (delay === void 0) {
+    delay = 500;
+  }
+  var timeoutID;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    clearTimeout(timeoutID);
+    timeoutID = setTimeout(function () {
+      func.apply(_this, args);
+    }, delay);
+  };
+};

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

@@ -7,5 +7,8 @@ export declare type BarProps = {
     secondaryAction?: ComponentAction;
     tertiaryAction?: ComponentAction;
     position?: 'top' | 'bottom';
+    showBackButton?: boolean;
+    onBack?: () => void;
+    customActionGroup?: React.ReactNode;
 };
 export declare const Bar: React.ForwardRefExoticComponent<BarProps & React.RefAttributes<HTMLDivElement>>;

package/lib/@next/Bar/Bar.js

@@ -7,6 +7,7 @@ var _react = _interopRequireDefault(require("react"));
 var _ = require("..");
 var _Button = require("../Button");
 var _ButtonGroup = require("../ButtonGroup");
+var _Icon = require("../Icon");
 var _Typography = require("../Typography");
 var _BarStyle = require("./BarStyle");
 var _useWindowSize2 = require("./useWindowSize");
@@ -16,7 +17,11 @@ var Bar = /*#__PURE__*/_react["default"].forwardRef(function Bar(_ref, ref) {
     primaryAction = _ref.primaryAction,
     secondaryAction = _ref.secondaryAction,
     tertiaryAction = _ref.tertiaryAction,
-    position = _ref.position;
+    position = _ref.position,
+    _ref$showBackButton = _ref.showBackButton,
+    showBackButton = _ref$showBackButton === void 0 ? false : _ref$showBackButton,
+    onBack = _ref.onBack,
+    customActionGroup = _ref.customActionGroup;
   var headerMarkup = function headerMarkup() {
     if (subheading) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
@@ -42,7 +47,11 @@ var Bar = /*#__PURE__*/_react["default"].forwardRef(function Bar(_ref, ref) {
   return /*#__PURE__*/_react["default"].createElement(_BarStyle.StyledBar, {
     "data-align": position,
     ref: ref
-  }, /*#__PURE__*/_react["default"].createElement(_BarStyle.StyledBarContainer, null, /*#__PURE__*/_react["default"].createElement(_BarStyle.StyledBarHeaderWrapper, null, headerMarkup(), " "), /*#__PURE__*/_react["default"].createElement(_BarStyle.StyledBarActionWrapper, null, /*#__PURE__*/_react["default"].createElement(_ButtonGroup.ButtonGroup, null, tertiaryAction && /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  }, /*#__PURE__*/_react["default"].createElement(_BarStyle.StyledBarContainer, null, showBackButton && /*#__PURE__*/_react["default"].createElement(_BarStyle.StyledButtonContainer, {
+    onClick: onBack
+  }, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
+    name: "ri-arrow-left-line"
+  })), /*#__PURE__*/_react["default"].createElement(_BarStyle.StyledBarHeaderWrapper, null, headerMarkup(), " "), /*#__PURE__*/_react["default"].createElement(_BarStyle.StyledBarActionWrapper, null, customActionGroup ? customActionGroup : /*#__PURE__*/_react["default"].createElement(_ButtonGroup.ButtonGroup, null, tertiaryAction && /*#__PURE__*/_react["default"].createElement(_Button.Button, {
     onClick: tertiaryAction.action,
     size: buttonSize
   }, tertiaryAction.label), secondaryAction && /*#__PURE__*/_react["default"].createElement(_Button.Button, {

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

@@ -4,3 +4,5 @@ export default _default;
 export declare const Interactive: any;
 export declare const PrimaryActionOnly: any;
 export declare const CustomHeading: any;
+export declare const BackButton: any;
+export declare const customActionGroup: any;

package/lib/@next/Bar/BarStyle.d.ts

@@ -3,3 +3,4 @@ export declare const StyledBarHeaderWrapper: import("styled-components").StyledC
 export declare const StyledBarActionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledCustomHeadingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/@next/Bar/BarStyle.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.StyledCustomHeadingWrapper = exports.StyledBarHeaderWrapper = exports.StyledBarContainer = exports.StyledBarActionWrapper = exports.StyledBar = void 0;
+exports.StyledCustomHeadingWrapper = exports.StyledButtonContainer = exports.StyledBarHeaderWrapper = exports.StyledBarContainer = exports.StyledBarActionWrapper = exports.StyledBar = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var Breakpoints = _interopRequireWildcard(require("../utilities/breakpoints"));
 var _colors = require("../utilities/colors");
@@ -12,7 +12,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var StyledBar = _styledComponents["default"].div.withConfig({
   displayName: "BarStyle__StyledBar",
   componentId: "sc-1m51mld-0"
-})(["display:flex;flex-direction:row;padding:20px 0;width:100%;position:absolute;height:90px;@media (max-width:", "){height:70px;}&[data-align='bottom']{bottom:0;}&[data-align='top']{top:0;}box-shadow:0px 0px 0px 1px rgba(63,63,68,0.05),0px 1px 3px rgba(63,63,68,0.15);background:", ";"], Breakpoints.large, _colors.Neutral.B100);
+})(["display:flex;flex-direction:row;padding:12px 0;width:100%;position:absolute;min-height:90px;height:fit-content;&[data-align='bottom']{bottom:0;}&[data-align='top']{top:0;}box-shadow:0px 0px 0px 1px rgba(63,63,68,0.05),0px 1px 3px rgba(63,63,68,0.15);background:", ";@media (max-width:", "){padding:8px 0;min-height:70px;}"], _colors.Neutral.B100, Breakpoints.large);
 exports.StyledBar = StyledBar;
 var StyledBarHeaderWrapper = _styledComponents["default"].div.withConfig({
   displayName: "BarStyle__StyledBarHeaderWrapper",
@@ -27,10 +27,15 @@ exports.StyledBarActionWrapper = StyledBarActionWrapper;
 var StyledBarContainer = _styledComponents["default"].div.withConfig({
   displayName: "BarStyle__StyledBarContainer",
   componentId: "sc-1m51mld-3"
-})(["position:relative;margin:0 auto;padding:0 50px;width:100%;*,*:before,*:after{box-sizing:border-box;}justify-content:space-between;align-items:center;flex-direction:row;display:flex;@media (max-width:", "){gap:16px;padding:0 24px;}"], Breakpoints.large);
+})(["position:relative;margin:0 auto;padding:0 50px;width:100%;*,*:before,*:after{box-sizing:border-box;}justify-content:space-between;align-items:center;flex-direction:row;display:flex;@media (max-width:", "){gap:16px;padding:0 16px;}"], Breakpoints.large);
 exports.StyledBarContainer = StyledBarContainer;
 var StyledCustomHeadingWrapper = _styledComponents["default"].div.withConfig({
   displayName: "BarStyle__StyledCustomHeadingWrapper",
   componentId: "sc-1m51mld-4"
 })(["display:flex;flex-direction:row;gap:", ";"], _spacing.space8);
-exports.StyledCustomHeadingWrapper = StyledCustomHeadingWrapper;
+exports.StyledCustomHeadingWrapper = StyledCustomHeadingWrapper;
+var StyledButtonContainer = _styledComponents["default"].div.withConfig({
+  displayName: "BarStyle__StyledButtonContainer",
+  componentId: "sc-1m51mld-5"
+})(["cursor:pointer;margin-right:24px;svg{width:24px;fill:", ";}@media (max-width:", "){margin-right:16px;svg{width:16px;}}"], _colors.Neutral.B40, Breakpoints.large);
+exports.StyledButtonContainer = StyledButtonContainer;

package/lib/@next/Icon/components/RiFileList3Fill.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgRiFileList3Fill: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgRiFileList3Fill;

package/lib/@next/Icon/components/RiFileList3Fill.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+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 SvgRiFileList3Fill = function SvgRiFileList3Fill(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 20 21",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M15.833 18.833H4.167a2.5 2.5 0 0 1-2.5-2.5V3a.833.833 0 0 1 .833-.833h11.667A.833.833 0 0 1 15 3v10h3.333v3.333a2.5 2.5 0 0 1-2.5 2.5ZM15 14.667v1.666a.834.834 0 0 0 1.667 0v-1.666H15ZM5 6.333V8h6.667V6.333H5Zm0 3.334v1.666h6.667V9.667H5ZM5 13v1.667h4.167V13H5Z"
+  }));
+};
+var _default = SvgRiFileList3Fill;
+exports["default"] = _default;

package/lib/@next/Icon/components/RiFolderUserFill.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgRiFolderUserFill: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgRiFolderUserFill;

package/lib/@next/Icon/components/RiFolderUserFill.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+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 SvgRiFolderUserFill = function SvgRiFolderUserFill(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 20 21",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M10.345 4.667H17.5a.833.833 0 0 1 .833.833v11.667A.833.833 0 0 1 17.5 18h-15a.833.833 0 0 1-.833-.833V3.833A.833.833 0 0 1 2.5 3h6.178l1.667 1.667ZM10 11.333a2.083 2.083 0 1 0 0-4.166 2.083 2.083 0 0 0 0 4.166ZM6.667 15.5h6.666a3.333 3.333 0 1 0-6.666 0Z"
+  }));
+};
+var _default = SvgRiFolderUserFill;
+exports["default"] = _default;

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

@@ -55,6 +55,8 @@ export { default as RiExternalLinkLine } from './RiExternalLinkLine';
 export { default as RiFacebookCircleLine } from './RiFacebookCircleLine';
 export { default as RiFileFill } from './RiFileFill';
 export { default as RiFileLine } from './RiFileLine';
+export { default as RiFileList3Fill } from './RiFileList3Fill';
+export { default as RiFolderUserFill } from './RiFolderUserFill';
 export { default as RiInformationFill } from './RiInformationFill';
 export { default as RiInformationLine } from './RiInformationLine';
 export { default as RiInstagramLine } from './RiInstagramLine';

package/lib/@next/Icon/components/index.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.RiUploadLine = exports.RiUploadFill = exports.RiTwitterLine = exports.RiTimer3Line = exports.RiTimer3Fill = exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiSearch = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMore = exports.RiMinus = exports.RiMessageLine = exports.RiMessageFill = exports.RiMapLine = exports.RiMapFill = exports.RiLoader = exports.RiLinkedInLine = exports.RiInstagramLine = exports.RiInformationLine = exports.RiInformationFill = exports.RiFileLine = exports.RiFileFill = exports.RiFacebookCircleLine = exports.RiExternalLinkLine = exports.RiErrorWarningLine = exports.RiErrorWarningFill = exports.RiDeleteBinLine = exports.RiDeleteBinFill = exports.RiCoinsLine = exports.RiCloseCircleLine = exports.RiCloseCircleFill = exports.RiClose = exports.RiCheckboxLine = exports.RiCheckboxIndeterminateLine = exports.RiCheckboxIndeterminateFill = exports.RiCheckboxFill = exports.RiCheckboxCircleFill = exports.RiCheck = exports.RiCalendarLine = exports.RiCalendarFill = exports.RiCalendarEventLine = exports.RiCalendarEventFill = exports.RiBriefcaseLine = exports.RiBriefcaseFill = exports.RiArrowXsUpFill = exports.RiArrowXsDownFill = exports.RiArrowUpLine = exports.RiArrowUpFill = exports.RiArrowUpDownLine = exports.RiArrowUpDownFill = exports.RiArrowRightLine = exports.RiArrowRightFill = exports.RiArrowMUpLine = exports.RiArrowMUpFill = exports.RiArrowMRightLine = exports.RiArrowMRightFill = exports.RiArrowMLeftLine = exports.RiArrowMLeftFill = exports.RiArrowMDownLine = exports.RiArrowMDownFill = exports.RiArrowLeftRightLine = exports.RiArrowLeftRightFill = exports.RiArrowLeftLine = exports.RiArrowLeftFill = exports.RiArrowGoForwardLine = exports.RiArrowGoForwardFill = exports.RiArrowGoBackLine = exports.RiArrowGoBackFill = exports.RiArrowDownLine = exports.RiArrowDownFill = exports.RiAlarmWarningLine = exports.RiAlarmWarningFill = exports.RiAddCircleLine = exports.RiAddCircleFill = exports.RiAdd = exports.RiAccountCircleLine = exports.RiAccountCircleFill = void 0;
+exports.RiUploadLine = exports.RiUploadFill = exports.RiTwitterLine = exports.RiTimer3Line = exports.RiTimer3Fill = exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiSearch = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMore = exports.RiMinus = exports.RiMessageLine = exports.RiMessageFill = exports.RiMapLine = exports.RiMapFill = exports.RiLoader = exports.RiLinkedInLine = exports.RiInstagramLine = exports.RiInformationLine = exports.RiInformationFill = exports.RiFolderUserFill = exports.RiFileList3Fill = exports.RiFileLine = exports.RiFileFill = exports.RiFacebookCircleLine = exports.RiExternalLinkLine = exports.RiErrorWarningLine = exports.RiErrorWarningFill = exports.RiDeleteBinLine = exports.RiDeleteBinFill = exports.RiCoinsLine = exports.RiCloseCircleLine = exports.RiCloseCircleFill = exports.RiClose = exports.RiCheckboxLine = exports.RiCheckboxIndeterminateLine = exports.RiCheckboxIndeterminateFill = exports.RiCheckboxFill = exports.RiCheckboxCircleFill = exports.RiCheck = exports.RiCalendarLine = exports.RiCalendarFill = exports.RiCalendarEventLine = exports.RiCalendarEventFill = exports.RiBriefcaseLine = exports.RiBriefcaseFill = exports.RiArrowXsUpFill = exports.RiArrowXsDownFill = exports.RiArrowUpLine = exports.RiArrowUpFill = exports.RiArrowUpDownLine = exports.RiArrowUpDownFill = exports.RiArrowRightLine = exports.RiArrowRightFill = exports.RiArrowMUpLine = exports.RiArrowMUpFill = exports.RiArrowMRightLine = exports.RiArrowMRightFill = exports.RiArrowMLeftLine = exports.RiArrowMLeftFill = exports.RiArrowMDownLine = exports.RiArrowMDownFill = exports.RiArrowLeftRightLine = exports.RiArrowLeftRightFill = exports.RiArrowLeftLine = exports.RiArrowLeftFill = exports.RiArrowGoForwardLine = exports.RiArrowGoForwardFill = exports.RiArrowGoBackLine = exports.RiArrowGoBackFill = exports.RiArrowDownLine = exports.RiArrowDownFill = exports.RiAlarmWarningLine = exports.RiAlarmWarningFill = exports.RiAddCircleLine = exports.RiAddCircleFill = exports.RiAdd = exports.RiAccountCircleLine = exports.RiAccountCircleFill = void 0;
 var _RiAccountCircleFill = _interopRequireDefault(require("./RiAccountCircleFill"));
 exports.RiAccountCircleFill = _RiAccountCircleFill["default"];
 var _RiAccountCircleLine = _interopRequireDefault(require("./RiAccountCircleLine"));
@@ -117,6 +117,10 @@ var _RiFileFill = _interopRequireDefault(require("./RiFileFill"));
 exports.RiFileFill = _RiFileFill["default"];
 var _RiFileLine = _interopRequireDefault(require("./RiFileLine"));
 exports.RiFileLine = _RiFileLine["default"];
+var _RiFileList3Fill = _interopRequireDefault(require("./RiFileList3Fill"));
+exports.RiFileList3Fill = _RiFileList3Fill["default"];
+var _RiFolderUserFill = _interopRequireDefault(require("./RiFolderUserFill"));
+exports.RiFolderUserFill = _RiFolderUserFill["default"];
 var _RiInformationFill = _interopRequireDefault(require("./RiInformationFill"));
 exports.RiInformationFill = _RiInformationFill["default"];
 var _RiInformationLine = _interopRequireDefault(require("./RiInformationLine"));

package/lib/@next/Icon/icons/icons.d.ts

@@ -1,5 +1,5 @@
 import { SVGProps } from 'react';
-export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-facebook-circle-line", "ri-file-fill", "ri-file-line", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-more", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line"];
+export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-facebook-circle-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-more", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line"];
 export declare type IconNames = typeof iconNames[number];
 declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
 export declare const iconsMappingComponent: {

package/lib/@next/Icon/icons/icons.js

@@ -6,7 +6,7 @@ var Icons = _interopRequireWildcard(require("../components"));
 var _iconsMappingComponen;
 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 iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-facebook-circle-line', 'ri-file-fill', 'ri-file-line', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-upload-fill', 'ri-upload-line'];
+var iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-facebook-circle-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list3-fill', 'ri-folder-user-fill', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-upload-fill', 'ri-upload-line'];
 exports.iconNames = iconNames;
-var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen);
+var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen);
 exports.iconsMappingComponent = iconsMappingComponent;

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

@@ -14,6 +14,7 @@ export interface SelectProps {
     label?: React.ReactNode;
     /** Margin Top = 8 ; Option height = 48 ; optionListHeight = (n options * option height) + margin top; */
     listHeight?: number;
+    loadingOptions?: boolean;
     onClose?: () => void;
     onRemoveTag?({ option }: {
         option: string;
@@ -35,5 +36,5 @@ export interface SelectProps {
     /** sets a width for the Select component*/
     width: string;
 }
-export declare const Select: ({ allowMultiple, disabled, hasError, helpText, label, onClose, onRemoveTag, onSelect, options, placeholder, listHeight, prefix, searchable, searchableProps, scrollable, sections, selectedValues, width, }: SelectProps) => JSX.Element;
+export declare const Select: ({ allowMultiple, disabled, hasError, helpText, label, loadingOptions, onClose, onRemoveTag, onSelect, options, placeholder, listHeight, prefix, searchable, searchableProps, scrollable, sections, selectedValues, width, }: SelectProps) => JSX.Element;
 export {};

package/lib/@next/Select/Select.js

@@ -21,6 +21,8 @@ var Select = function Select(_ref) {
     hasError = _ref$hasError === void 0 ? false : _ref$hasError,
     helpText = _ref.helpText,
     label = _ref.label,
+    _ref$loadingOptions = _ref.loadingOptions,
+    loadingOptions = _ref$loadingOptions === void 0 ? false : _ref$loadingOptions,
     onClose = _ref.onClose,
     onRemoveTag = _ref.onRemoveTag,
     onSelect = _ref.onSelect,
@@ -46,6 +48,7 @@ var Select = function Select(_ref) {
   var _useState3 = (0, _react.useState)(options),
     menuOptions = _useState3[0],
     setMenuOptions = _useState3[1];
+  var optionsLength = options.length;
   var _useState4 = (0, _react.useState)((searchableProps == null ? void 0 : searchableProps.inputValue) || ''),
     inputValue = _useState4[0],
     setInputValue = _useState4[1];
@@ -70,11 +73,26 @@ var Select = function Select(_ref) {
     onClose == null ? void 0 : onClose();
   };
   var handleFocus = function handleFocus() {
+    if (options.length < 1) {
+      setPopoverActive(false);
+      return;
+    }
     setPopoverActive(true);
   };
   var handleSelectClick = function handleSelectClick() {
     setPopoverActive(!popoverActive);
   };
+  (0, _react.useEffect)(function () {
+    setMenuOptions(options);
+  }, [options]);
+  (0, _react.useEffect)(function () {
+    if (inputValue != '' && optionsLength > 0) {
+      setPopoverActive(true);
+    }
+    if (inputValue === '' && optionsLength < 1) {
+      setPopoverActive(false);
+    }
+  }, [inputValue, optionsLength]);
   (0, _react.useEffect)(function () {
     if (listHeight) {
       setOptionListHeight(listHeight + 24 + "px");
@@ -135,6 +153,7 @@ var Select = function Select(_ref) {
   }, !disabled && /*#__PURE__*/_react["default"].createElement(_Popover.Popover.Pane, {
     height: optionListHeight
   }, /*#__PURE__*/_react["default"].createElement(_components.OptionList, {
+    loading: loadingOptions,
     menuOptions: menuOptions,
     allowMultiple: allowMultiple,
     onSelect: onSelect,

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

@@ -8,6 +8,7 @@ export declare const NonSearchableDisabled: any;
 export declare const SearchableMultiSelect: any;
 export declare const SearchableSingleSelect: any;
 export declare const SearchableSingleWithInputState: any;
+export declare const AsyncSearchableSingleWithInputState: any;
 export declare const MultiSelectScrollable: any;
 export declare const WithInlineError: any;
 export declare const SearchableDisabled: any;

package/lib/@next/Select/components/Activator/ActivatorTextInput.js

@@ -62,6 +62,7 @@ var ActivatorTextInput = function ActivatorTextInput(_ref) {
     }).length > 0);
   }, [selectedValues]);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, allowMultiple ? /*#__PURE__*/_react["default"].createElement(_ActivatorStyle.StyledTextInput, (0, _extends2["default"])({}, props, {
+    className: "select-input",
     ref: activatorRef,
     prefix: prefix,
     onChange: function onChange(value) {

package/lib/@next/Select/components/OptionList/OptionList.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { MenuProps, Option } from '../../../Menu';
 import { SearchableSelectState } from '../SearchableSelectInput/SearchableSelectInput';
 export interface OptionListProps extends MenuProps {
-    isEmpty?: boolean;
+    loading?: boolean;
     noOptionsMessage?: React.ReactNode;
     onMenuClose?: () => void;
     onSelect?({ value }: {
@@ -12,8 +12,9 @@ export interface OptionListProps extends MenuProps {
     updateSearchableSelectState?: (newState: SearchableSelectState) => void;
     menuOptions?: Option[];
 }
+export declare const MenuOptionLoading: () => JSX.Element;
 export interface NoOptionListProps {
     noOptionsMessage?: React.ReactNode;
 }
 export declare const NoOptionList: ({ noOptionsMessage, }: NoOptionListProps) => JSX.Element;
-export declare const OptionList: ({ allowMultiple, noOptionsMessage, onMenuClose, onSelect, sections, selectedValues, title, updateSearchableSelectState, width, menuOptions, }: OptionListProps) => JSX.Element;
+export declare const OptionList: ({ allowMultiple, loading, noOptionsMessage, onMenuClose, onSelect, sections, selectedValues, title, updateSearchableSelectState, width, menuOptions, }: OptionListProps) => JSX.Element;

package/lib/@next/Select/components/OptionList/OptionList.js

@@ -1,18 +1,30 @@
 "use strict";
 
 exports.__esModule = true;
-exports.OptionList = exports.NoOptionList = void 0;
+exports.OptionList = exports.NoOptionList = exports.MenuOptionLoading = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Menu = require("../../../Menu");
+var _Spinner = require("../../../Spinner");
 var _Typography = require("../../../Typography");
 var _colors = require("../../../utilities/colors");
 var _OptionListStyle = require("./OptionListStyle");
 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 MenuOptionLoading = function MenuOptionLoading() {
+  return /*#__PURE__*/_react["default"].createElement(_OptionListStyle.EmptyOptionContainer, {
+    className: "menu-option-loading"
+  }, /*#__PURE__*/_react["default"].createElement(_Spinner.Spinner, {
+    size: "small",
+    fill: _colors.Blue.S99
+  }));
+};
+exports.MenuOptionLoading = MenuOptionLoading;
 var NoOptionList = function NoOptionList(_ref) {
   var _ref$noOptionsMessage = _ref.noOptionsMessage,
     noOptionsMessage = _ref$noOptionsMessage === void 0 ? 'No matching results' : _ref$noOptionsMessage;
-  return /*#__PURE__*/_react["default"].createElement(_OptionListStyle.EmptyOptionContainer, null, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+  return /*#__PURE__*/_react["default"].createElement(_OptionListStyle.EmptyOptionContainer, {
+    className: "menu-option-empty"
+  }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
     as: "span",
     variant: "body2",
     color: _colors.Neutral.B40
@@ -21,6 +33,8 @@ var NoOptionList = function NoOptionList(_ref) {
 exports.NoOptionList = NoOptionList;
 var OptionList = function OptionList(_ref2) {
   var allowMultiple = _ref2.allowMultiple,
+    _ref2$loading = _ref2.loading,
+    loading = _ref2$loading === void 0 ? false : _ref2$loading,
     noOptionsMessage = _ref2.noOptionsMessage,
     onMenuClose = _ref2.onMenuClose,
     onSelect = _ref2.onSelect,
@@ -51,8 +65,14 @@ var OptionList = function OptionList(_ref2) {
       onMenuClose();
     }
   };
+  if (loading) {
+    return /*#__PURE__*/_react["default"].createElement(_OptionListStyle.OptionListContainer, {
+      width: width
+    }, /*#__PURE__*/_react["default"].createElement(MenuOptionLoading, null));
+  }
   return /*#__PURE__*/_react["default"].createElement(_OptionListStyle.OptionListContainer, {
-    width: width
+    width: width,
+    className: "menu-option-list"
   }, hasMenuOptions ? /*#__PURE__*/_react["default"].createElement(_Menu.Menu, {
     allowMultiple: allowMultiple,
     options: menuOptions,

package/lib/@next/Select/components/SearchableSelectInput/SearchableSelectInput.js

@@ -108,6 +108,7 @@ var SearchableSelectInput = /*#__PURE__*/(0, _react.forwardRef)(function Searcha
     setShowClear(false);
   }, [selectedValue]);
   return /*#__PURE__*/_react["default"].createElement(_SearchableSelectInputStyle.StyledContainer, {
+    className: "select-input-container",
     ref: ref,
     "data-error": error,
     "data-disabled": disabled,

package/lib/@next/Select/selectStoryHelper/SearchableSingleSelect.d.ts

@@ -5,4 +5,5 @@ interface SearchableSingleSelectProps {
 }
 export declare const SearchableSingle: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
 export declare const SearchableSingleWithInputState: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
+export declare const AsyncSearchableSingleWithInputState: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
 export {};