@antscorp/antsomi-ui 1.3.5-beta.98 → 1.3.5-resize-thumbnail.2

package/es/__tests__/fileMock.test.d.ts

@@ -0,0 +1,2 @@
+declare const _exports: string;
+export = _exports;

package/es/__tests__/fileMock.test.js

@@ -0,0 +1,2 @@
+"use strict";
+module.exports = 'test-file-stub';

package/es/__tests__/styleMock.test.d.ts

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

package/es/__tests__/styleMock.test.js

@@ -0,0 +1,2 @@
+"use strict";
+module.exports = {};

package/es/assets/css/main.scss

@@ -1,4 +1,4 @@
 :root {
   --primary-color: #005fb8;
   --text-base-color: #222222;
-}
+}

package/es/components/atoms/Icon/index.d.ts

@@ -6,5 +6,5 @@ interface IconProps {
     color?: string;
     style?: React.CSSProperties;
 }
-export declare const Icon: import("styled-components").StyledComponent<any, any, object & IconProps, string | number | symbol>;
+export declare const Icon: import("styled-components").StyledComponent<any, any, IconProps, string | number | symbol>;
 export {};

package/es/components/atoms/InputDynamic/styled.d.ts

@@ -4,7 +4,7 @@ export declare const SpanIcon: import("styled-components").StyledComponent<"span
     isDisabled?: boolean | undefined;
 }, never>;
 export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InputShortLink: import("styled-components").StyledComponent<import("react").ComponentType<any> | keyof import("react").JSX.IntrinsicElements, any, import("../Input/Input").InputProps, any>;
+export declare const InputShortLink: import("styled-components").StyledComponent<import("react").ComponentType<any> | keyof import("react").JSX.IntrinsicElements, any, any, any>;
 export declare const TooltipHover: import("styled-components").StyledComponent<"div", any, {
     top: number;
     left: number;

package/es/components/atoms/InputDynamic/types.d.ts

@@ -45,6 +45,15 @@ export type EventMetadata = {
     item_property_label: string | null;
     event_property_syntax: string | null;
 };
+export type EventBoFieldMetadata = EventMetadata & {
+    field_code_bo?: string;
+    field_label_bo?: string;
+    useBo?: boolean;
+};
+export type SelectOption = {
+    value?: string;
+    label?: string;
+};
 export type TFilter = {
     value: any;
     operator: TOperatorValue;

package/es/components/atoms/MobileFrameV2/constants.d.ts

@@ -1,4 +1,10 @@
 export declare const MOBILE_VIEWPORT: {
-    width: number;
-    height: number;
+    MD: {
+        width: number;
+        height: number;
+    };
+    LG: {
+        width: number;
+        height: number;
+    };
 };

package/es/components/atoms/MobileFrameV2/constants.js

@@ -1,4 +1,10 @@
 export const MOBILE_VIEWPORT = {
-    width: 352.5,
-    height: 764.2,
+    MD: {
+        width: 317,
+        height: 686.41,
+    },
+    LG: {
+        width: 352.5,
+        height: 764.2,
+    },
 };

package/es/components/atoms/MobileFrameV2/styled.js

@@ -14,9 +14,6 @@ export const MobileWrapper = styled.div `
 `;
 export const MobileInner = styled.div `
   position: relative;
-  width: ${MOBILE_VIEWPORT.width}px;
-  max-width: ${MOBILE_VIEWPORT.width}px;
-  height: ${MOBILE_VIEWPORT.height}px;
   margin: 18px 21px;
   border-radius: 50px;
   overflow: hidden;
@@ -27,6 +24,18 @@ export const MobileInner = styled.div `
     width: 100%;
     height: 100%;
   }
+
+  @media screen and (max-height: 1000px) {
+    width: ${MOBILE_VIEWPORT.MD.width}px;
+    max-width: ${MOBILE_VIEWPORT.MD.width}px;
+    height: ${MOBILE_VIEWPORT.MD.height}px;
+  }
+
+  @media screen and (min-height: 1001px) {
+    width: ${MOBILE_VIEWPORT.LG.width}px;
+    max-width: ${MOBILE_VIEWPORT.LG.width}px;
+    height: ${MOBILE_VIEWPORT.LG.height}px;
+  }
 `;
 export const MobileCamera = styled.div `
   position: absolute;

package/es/components/atoms/ReactIframe/ReactIframe.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ReactIframeProps } from './types';
+export declare const ReactIframe: React.FC<ReactIframeProps>;

package/es/components/atoms/ReactIframe/ReactIframe.js

@@ -0,0 +1,42 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Styled
+import React, { useEffect, useRef } from 'react';
+import Frame from 'react-frame-component';
+// Styled
+import { useForceUpdate } from '@antscorp/antsomi-ui/es/hooks';
+const bodyStyle = `
+  body {
+    padding: 0;
+    margin: 0;
+  }
+`;
+export const ReactIframe = props => {
+    const { head, style } = props, restOfProps = __rest(props, ["head", "style"]);
+    const forceUpdate = useForceUpdate();
+    // Refs
+    const frameRef = useRef();
+    // Clone stylesheets from parent html to iframe for content of iframe to be styled correctly
+    const documentHead = document.querySelector('head');
+    // Force update for fix bug can't get style in first render
+    useEffect(() => {
+        setTimeout(() => {
+            forceUpdate();
+        }, 500);
+    }, [forceUpdate]);
+    return (React.createElement(Frame, Object.assign({}, restOfProps, { style: Object.assign({ border: 'none', width: '100%', height: '100%' }, style), ref: ref => {
+            frameRef.current = ref;
+        }, head: React.createElement(React.Fragment, null,
+            React.createElement("style", null, documentHead === null || documentHead === void 0 ? void 0 : documentHead.innerHTML),
+            React.createElement("style", null, bodyStyle),
+            head) })));
+};

package/es/components/atoms/ReactIframe/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ReactIframe';
+export type { ReactIframeProps } from './types';

package/es/components/atoms/ReactIframe/index.js

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

package/es/components/atoms/ReactIframe/styled.d.ts

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

package/es/components/atoms/ReactIframe/styled.js

@@ -0,0 +1,16 @@
+var _a;
+// Libraries
+import styled from 'styled-components';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+/* Storybook */
+export const StyledIframeContent = styled.div `
+  width: 100%;
+  padding: 20px;
+  border: 1px solid ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw3};
+  box-sizing: border-box;
+
+  body {
+    padding: 0;
+  }
+`;

package/es/components/atoms/ReactIframe/types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { FrameComponentProps } from 'react-frame-component';
+export interface ReactIframeProps extends FrameComponentProps {
+    head?: React.ReactNode | undefined;
+    mountTarget?: string | undefined;
+    initialContent?: string | undefined;
+    contentDidMount?: (() => void) | undefined;
+    contentDidUpdate?: (() => void) | undefined;
+    children: React.ReactNode;
+}

package/es/components/atoms/ReactIframe/types.js

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

package/es/components/atoms/RequiredLabel/index.js

@@ -21,5 +21,5 @@ export const RequiredLabel = memo(props => {
     return (React.createElement(Text, Object.assign({}, restProps),
         !isReverseMask && React.createElement(StyledRequired, null, "*"),
         children,
-        isReverseMask && React.createElement(StyledRequired, null, "*")));
+        isReverseMask && (React.createElement(StyledRequired, { style: { marginLeft: 4, marginRight: 0 } }, "*"))));
 });

package/es/components/atoms/ScrollBox/index.js

@@ -38,7 +38,7 @@ export const ScrollBox = props => {
     };
     return (
     // eslint-disable-next-line @typescript-eslint/no-use-before-define
-    React.createElement(Wrapper, Object.assign({ ref: wrapperRef }, Object.assign(Object.assign({}, restOf), { style: Object.assign(Object.assign(Object.assign(Object.assign({}, style), (height && { height })), (maxHeight && { maxHeight })), { paddingRight: isScroll && isPadding ? 8 : 0 }) }), { onScroll: handleScroll }), children));
+    React.createElement(Wrapper, Object.assign({ ref: wrapperRef }, restOf, { style: Object.assign(Object.assign(Object.assign(Object.assign({}, style), (height && { height })), (maxHeight && { maxHeight })), { paddingRight: isScroll && isPadding ? 8 : 0 }), onScroll: handleScroll }), children));
 };
 const Wrapper = styled.div `
   height: 100%;

package/es/components/atoms/Spin/Spin.js

@@ -20,9 +20,9 @@ import { THEME } from '@antscorp/antsomi-ui/es/constants';
 export const Spin = (props) => {
     var _a;
     const { indicatorSize, children } = props, restOf = __rest(props, ["indicatorSize", "children"]);
-    return (React.createElement(StyledSpin, Object.assign({}, Object.assign({ indicator: (React.createElement(LoadingOutlined, { style: {
+    return (React.createElement(StyledSpin, Object.assign({ indicator: (React.createElement(LoadingOutlined, { style: {
                 fontSize: indicatorSize || 30,
                 color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorPrimary,
-            }, spin: true })) }, restOf)), children));
+            }, spin: true })) }, restOf), children));
 };
 Spin.defaultProps = {};

package/es/components/atoms/Steps/Steps.d.ts

@@ -1,4 +1,8 @@
-/// <reference types="react" />
-export declare const Steps: import("react").FC<import("antd").StepsProps> & {
-    Step: typeof import("rc-steps/lib/Step").default;
+import React from 'react';
+import { StepsProps as AntdStepsProps, StepProps as AntdStepProps } from 'antd';
+export type StepsProps = AntdStepsProps & {
+    saveHighestStep?: boolean;
+    iconSize?: number;
 };
+export type StepProps = AntdStepProps;
+export declare const Steps: React.FC<StepsProps>;

package/es/components/atoms/Steps/Steps.js

@@ -1,2 +1,51 @@
-import { Steps as AntdSteps } from 'antd';
-export const Steps = AntdSteps;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import React, { useEffect, useMemo, useState, memo } from 'react';
+import { isNumber } from 'lodash';
+// Styled
+import { SelectedIcon, StepsWrapper } from './styled';
+export const Steps = memo(props => {
+    const { items, saveHighestStep = true, iconSize = 24, className } = props, restOfProps = __rest(props, ["items", "saveHighestStep", "iconSize", "className"]);
+    const { current, size = 'small' } = restOfProps;
+    const [highestStep, setHighestStep] = useState(0);
+    useEffect(() => {
+        if (saveHighestStep && current && current > highestStep) {
+            setHighestStep(current);
+        }
+    }, [current, saveHighestStep, highestStep]);
+    const customItems = useMemo(() => saveHighestStep
+        ? items === null || items === void 0 ? void 0 : items.map((item, index) => {
+            let status;
+            let icon;
+            let className;
+            if (index > highestStep) {
+                status = 'wait';
+            }
+            else {
+                if (index === current) {
+                    status = 'process';
+                    icon = undefined;
+                }
+                else {
+                    status = 'finish';
+                    icon = React.createElement(SelectedIcon, { size: size }, index + 1);
+                    className = `antsomi-steps-item-selectable${index === highestStep ? ' highest-step' : ''}`;
+                }
+            }
+            return Object.assign({ status, icon, className }, item);
+        })
+        : items, [current, saveHighestStep, highestStep, items, size]);
+    /** Check whether the user has reactivated the previous step or not */
+    const isReactivate = saveHighestStep && isNumber(current) && current < highestStep;
+    return (React.createElement(StepsWrapper, Object.assign({ items: customItems }, restOfProps, { size: "small", iconSize: iconSize, isReactivate: isReactivate, highestStep: highestStep, className: `${className || ''}${saveHighestStep ? ' save-highest-step' : ''}` })));
+});

package/es/components/atoms/Steps/styled.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const SelectedIcon: import("styled-components").StyledComponent<"div", any, {
+    size: 'small' | 'default';
+}, never>;
+export declare const StepsWrapper: import("styled-components").StyledComponent<import("react").FC<import("antd").StepsProps> & {
+    Step: typeof import("rc-steps").Step;
+}, any, {
+    iconSize: number;
+    isReactivate: boolean;
+    highestStep: number;
+}, never>;

package/es/components/atoms/Steps/styled.js

@@ -0,0 +1,179 @@
+var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+import styled from 'styled-components';
+import { Steps } from 'antd';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const SelectedIcon = styled.div `
+  border: 1px solid #b8cfe6;
+  border-radius: 100%;
+  width: ${({ size }) => (size === 'small' ? 20 : 30)}px;
+  height: ${({ size }) => (size === 'small' ? 20 : 30)}px;
+  font-size: 14px;
+  color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorPrimary};
+`;
+export const StepsWrapper = styled(Steps) `
+  &.save-highest-step {
+    /** Steps Default */
+    &.antsomi-steps:not(.antsomi-steps-dot) {
+      .antsomi-steps-item {
+        .antsomi-steps-item-container {
+          .antsomi-steps-item-icon {
+            box-sizing: content-box;
+            border-radius: 100%;
+            font-size: 14px;
+            font-weight: bold;
+
+            .antsomi-steps-icon {
+              color: white;
+            }
+          }
+
+          & > .antsomi-steps-item-content > .antsomi-steps-item-title::after {
+            height: 2px;
+            background-color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.bw6};
+          }
+
+          & > .antsomi-steps-item-tail::after {
+            width: 2px;
+            background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bw6};
+          }
+        }
+
+        &:not(.antsomi-steps-item-active) > .antsomi-steps-item-container[role='button'] {
+          &:hover {
+            .antsomi-steps-item-icon {
+              background-color: white;
+            }
+            .antsomi-steps-item-content {
+              color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.colorPrimary};
+            }
+          }
+        }
+
+        &.highest-step {
+          .antsomi-steps-item-container {
+            & > .antsomi-steps-item-content > .antsomi-steps-item-title::after,
+            & > .antsomi-steps-item-tail::after {
+              background-color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.bw6} !important;
+            }
+          }
+        }
+
+        &.antsomi-steps-item-selectable {
+          & > .antsomi-steps-item-container {
+            & > .antsomi-steps-item-content .antsomi-steps-item-title:after {
+              background-color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.colorPrimary};
+            }
+
+            .antsomi-steps-item-tail::after {
+              background-color: ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.colorPrimary};
+            }
+          }
+        }
+
+        &.antsomi-steps-item-process.antsomi-steps-item-active {
+          & > .antsomi-steps-item-container {
+            & > .antsomi-steps-item-content > .antsomi-steps-item-title {
+              &::after {
+                ${({ isReactivate }) => { var _a; return isReactivate ? `background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorPrimary}` : ''; }};
+              }
+            }
+
+            & > .antsomi-steps-item-tail {
+              &::after {
+                ${({ isReactivate }) => { var _a; return isReactivate ? `background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorPrimary}` : ''; }};
+              }
+            }
+          }
+        }
+      }
+    }
+
+    /** Steps dot */
+    &.antsomi-steps.antsomi-steps-dot {
+      &.antsomi-steps-horizontal .antsomi-steps-item .antsomi-steps-item-container {
+        & > .antsomi-steps-item-tail::after {
+          height: 2px;
+        }
+      }
+
+      &.antsomi-steps-vertical .antsomi-steps-item .antsomi-steps-item-container {
+        & > .antsomi-steps-item-tail::after {
+          width: 2px;
+        }
+      }
+
+      &.antsomi-steps-horizontal .antsomi-steps-item-tail::after,
+      &.antsomi-steps-vertical .antsomi-steps-item-tail::after {
+        background-color: ${(_h = THEME.token) === null || _h === void 0 ? void 0 : _h.bw6};
+      }
+
+      .antsomi-steps-item-selectable > .antsomi-steps-item-container {
+        & > .antsomi-steps-item-tail::after {
+          background-color: ${(_j = THEME.token) === null || _j === void 0 ? void 0 : _j.colorPrimary};
+        }
+      }
+
+      .antsomi-steps-item-process.antsomi-steps-item-active {
+        & > .antsomi-steps-item-container {
+          & > .antsomi-steps-item-tail::after {
+            ${({ isReactivate }) => { var _a; return isReactivate ? `background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorPrimary}` : ''; }};
+          }
+        }
+      }
+
+      .highest-step {
+        .antsomi-steps-item-container > .antsomi-steps-item-tail::after {
+          background-color: ${(_k = THEME.token) === null || _k === void 0 ? void 0 : _k.bw6} !important;
+        }
+      }
+    }
+
+    /** Common */
+    &.antsomi-steps {
+      .antsomi-steps-item-wait {
+        color: ${(_l = THEME.token) === null || _l === void 0 ? void 0 : _l.bw7};
+
+        & > .antsomi-steps-item-container > .antsomi-steps-item-icon {
+          background-color: ${(_m = THEME.token) === null || _m === void 0 ? void 0 : _m.bw6};
+        }
+
+        & > .antsomi-steps-item-container > .antsomi-steps-item-content {
+          .antsomi-steps-item-title,
+          .antsomi-steps-item-description {
+            color: inherit;
+          }
+        }
+      }
+
+      .antsomi-steps-item-process.antsomi-steps-item-active {
+        font-weight: bold;
+        color: ${(_o = THEME.token) === null || _o === void 0 ? void 0 : _o.colorPrimary};
+
+        & > .antsomi-steps-item-container {
+          & > .antsomi-steps-item-content > .antsomi-steps-item-title,
+          & > .antsomi-steps-item-content > .antsomi-steps-item-description {
+            color: inherit;
+          }
+        }
+      }
+
+      .antsomi-steps-item-selectable {
+        color: black;
+
+        & > .antsomi-steps-item-container {
+          & > .antsomi-steps-item-icon {
+            color: ${(_p = THEME.token) === null || _p === void 0 ? void 0 : _p.colorPrimary};
+          }
+
+          & > .antsomi-steps-item-content {
+            .antsomi-steps-item-title,
+            .antsomi-steps-item-description {
+              color: inherit;
+            }
+          }
+        }
+      }
+    }
+  }
+`;

package/es/components/atoms/index.d.ts

@@ -38,6 +38,7 @@ export * from './PreviewTabs';
 export * from './MobileFrame';
 export * from './MobileFrameV2';
 export * from './SlideBar';
+export * from './ReactIframe';
 export type { SliderProps } from './Slider';
 export type { PaginationProps } from './Pagination';
 export type { InputDynamicProps } from './InputDynamic';

package/es/components/atoms/index.js

@@ -38,3 +38,4 @@ export * from './PreviewTabs';
 export * from './MobileFrame';
 export * from './MobileFrameV2';
 export * from './SlideBar';
+export * from './ReactIframe';

package/es/components/common/ConfigProvider/ConfigProvider.js

@@ -16,6 +16,7 @@ import dayjs from 'dayjs';
 import React, { useEffect } from 'react';
 import weekday from 'dayjs/plugin/weekday';
 import localeData from 'dayjs/plugin/localeData';
+import relativeTime from 'dayjs/plugin/relativeTime';
 /** dayjs plugins for timezone */
 import utc from 'dayjs/plugin/utc';
 import timezone from 'dayjs/plugin/timezone';
@@ -28,11 +29,18 @@ import '@antscorp/antsomi-ui/es/assets/css/main.scss';
 // import '@antscorp/antsomi-ui/es/locales/i18n';
 import i18next from '@antscorp/antsomi-ui/es/locales/i18n';
 import 'animate.css';
+// Providers
+// import {
+//   QueryClientProviderAntsomiUI,
+//   QueryDevtoolsAntsomiUI,
+//   queryClientAntsomiUI,
+// } from '@antscorp/antsomi-ui/es/queries';
 // NOTE: HOT fix DatePicker Advanced
 dayjs.extend(weekday);
 dayjs.extend(localeData);
 dayjs.extend(utc);
 dayjs.extend(timezone);
+dayjs.extend(relativeTime);
 const ConfigProvider = props => {
     // Props
     const { children, locale } = props, restOfProps = __rest(props, ["children", "locale"]);

package/es/components/common/ConfigProvider/GlobalStyle.js

@@ -84,6 +84,17 @@ export const GlobalStyle = () => {
           width: 36px !important;
           height: 36px !important;
         }
+
+        &.antsomi-btn-icon-only.antsomi-btn-default {
+          width: 30px !important;
+          height: 30px !important;
+        }
+
+        &.antsomi-btn-icon-only.antsomi-btn-sm {
+          /* Important to override the above code before */
+          width: 24px !important;
+          height: 24px !important;
+        }
       }
 
       .antsomi-btn-text:disabled,
@@ -108,6 +119,19 @@ export const GlobalStyle = () => {
         background-color: ${(_l = THEME.token) === null || _l === void 0 ? void 0 : _l.bw2} !important;
       }
 
+      // NOTE: Just hot fix for easy looking
+      .antsomi-btn-primary.antsomi-btn-compact-item.antsomi-btn-compact-first-item {
+        padding-right: 4px !important;
+      }
+      .antsomi-btn-compact-item.antsomi-btn-primary.antsomi-btn-compact-last-item {
+        width: fit-content;
+        padding: 0px !important;
+        padding-right: 4px !important;
+        &::before {
+          width: 0px !important;
+        }
+      }
+
       /* Input */
       .antsomi-input,
       .antsomi-input-affix-wrapper {
@@ -800,9 +824,7 @@ export const GlobalStyle = () => {
       /* Tabs */
       .antsomi-tabs {
         .antsomi-tabs-tab {
-          &.antsomi-tabs-tab-active {
-            font-weight: bold;
-          }
+          font-weight: bold;
         }
       }
 
@@ -819,6 +841,10 @@ export const GlobalStyle = () => {
             }
           }
         }
+
+        .antsomi-form-item-explain-error {
+          font-size: 11px !important;
+        }
       }
 
       /* Popover */

package/es/components/icons/ExpandMoreRight.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './type';
+export declare const ExpandMoreRight: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ExpandMoreRight.js

@@ -0,0 +1,3 @@
+import React, { forwardRef } from 'react';
+export const ExpandMoreRight = forwardRef((props, ref) => (React.createElement("svg", Object.assign({ width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref }),
+    React.createElement("path", { d: "M3.67969 5L0.492188 1.8125L1.89844 0.40625L6.49219 5L1.89844 9.59375L0.492188 8.1875L3.67969 5ZM8.69531 5L5.50781 1.8125L6.91406 0.40625L11.5078 5L6.91406 9.59375L5.50781 8.1875L8.69531 5Z", fill: "currentColor" }))));

package/es/components/icons/index.d.ts

@@ -23,6 +23,7 @@ export { OpenUrlIcon } from './OpenUrlIcon';
 export { BugIcon } from './BugIcon';
 export { IdeaIcon } from './IdeaIcon';
 export { RequestIcon } from './RequestIcon';
+export { ExpandMoreRight } from './ExpandMoreRight';
 export { HighlightAlt } from './HightlightAlt';
 export { DesktopWindows } from './DesktopWindows';
 export { AddShoppingCart } from './AddShoppingCart';

package/es/components/icons/index.js

@@ -23,6 +23,7 @@ export { OpenUrlIcon } from './OpenUrlIcon';
 export { BugIcon } from './BugIcon';
 export { IdeaIcon } from './IdeaIcon';
 export { RequestIcon } from './RequestIcon';
+export { ExpandMoreRight } from './ExpandMoreRight';
 export { HighlightAlt } from './HightlightAlt';
 export { DesktopWindows } from './DesktopWindows';
 export { AddShoppingCart } from './AddShoppingCart';

package/es/components/index.d.ts

@@ -1,5 +1,4 @@
 export * from './atoms';
 export * from './molecules';
-export * from './common';
 export * from './organism';
 export * from './template';

package/es/components/index.js

@@ -1,5 +1,4 @@
 export * from './atoms';
 export * from './molecules';
-export * from './common';
 export * from './organism';
 export * from './template';