glints-aries 4.1.3 → 4.1.5

package/es/Utils/Icon/generateIcons.d.ts

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

package/es/Utils/Icon/generateIcons.js

@@ -0,0 +1,47 @@
+import * as fs from 'fs';
+import * as ReactDOMServer from 'react-dom/server';
+import camelCase from 'lodash/camelCase';
+import upperFirst from 'lodash/upperFirst';
+import { ICONS } from './IconLibrary';
+var ICON_COMPONENTS_DIR = './src/General/Icon/components';
+var SRC_INDEX_FILE = './src/index.ts';
+var ICON_HEADING_CONTENT = '\n// Icons\n';
+function ensureDirExists(dir) {
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir);
+  }
+}
+function createIconComponent(componentName, svgAsString) {
+  fs.writeFileSync(ICON_COMPONENTS_DIR + "/" + componentName + ".tsx", "\n// GENERATE BY ./src/General/Icon/generateIcons.js\n// DO NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport Icon, { Props } from '../Icon';\n\nconst " + componentName + " = (props: Partial<Props>) => (\n  <Icon {...props}>\n    " + svgAsString + "\n  </Icon>\n);\nexport default " + componentName + ";\n");
+}
+function writeComponentsIndex(content) {
+  fs.writeFileSync(ICON_COMPONENTS_DIR + "/index.tsx", content);
+}
+function writeSrcIndex(content) {
+  var prevSrcIndexContent = fs.readFileSync(SRC_INDEX_FILE, 'utf8');
+  var iconContentStartIndex = prevSrcIndexContent.indexOf(ICON_HEADING_CONTENT);
+
+  // delete old content for icon exports
+  if (iconContentStartIndex !== -1) {
+    fs.writeFileSync(SRC_INDEX_FILE, prevSrcIndexContent.slice(0, iconContentStartIndex));
+  }
+  fs.appendFileSync(SRC_INDEX_FILE, content);
+}
+function generateIcons() {
+  ensureDirExists(ICON_COMPONENTS_DIR);
+  var iconExportsContent = Object.keys(ICONS).reduce(function (content, name) {
+    var camelCaseName = upperFirst(camelCase(name));
+    var componentName = camelCaseName + "Icon";
+    var svgAsString = ReactDOMServer.renderToStaticMarkup(ICONS[name]);
+    createIconComponent(componentName, svgAsString);
+    content.src += "export { default as " + componentName + " } from './General/Icon/components/" + componentName + "';\n";
+    content.components += "export { default as " + componentName + " } from './" + componentName + "';\n";
+    return content;
+  }, {
+    src: ICON_HEADING_CONTENT,
+    components: ''
+  });
+  writeComponentsIndex(iconExportsContent.components);
+  writeSrcIndex(iconExportsContent.src);
+}
+generateIcons();

package/es/Utils/Matcher.d.ts

@@ -0,0 +1,5 @@
+declare type StyleProp = [string, any];
+export default class Matcher {
+    static create: (propName: string, pairs: Array<StyleProp>) => any;
+}
+export {};

package/es/Utils/Matcher.js

@@ -0,0 +1,9 @@
+var Matcher = function Matcher() {};
+Matcher.create = function (propName, pairs) {
+  var map = new Map(pairs);
+  return function (props) {
+    var key = props[propName];
+    return map.get(key);
+  };
+};
+export { Matcher as default };

package/es/Utils/Shadow/Shadows.test.d.ts

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

package/es/Utils/Shadow/ShadowsStoriesHelpers.d.ts

@@ -0,0 +1,6 @@
+export declare const levels: (("0 -2px 4px 0 rgba(0, 0, 0, 0.15)" | "0 2px 4px 0 rgba(0, 0, 0, 0.15)")[] | ("0 -4px 8px 0 rgba(0, 0, 0, 0.15)" | "0 4px 8px 0 rgba(0, 0, 0, 0.15)")[] | ("0 -6px 12px 0 rgba(0, 0, 0, 0.10)" | "0 6px 12px 0 rgba(0, 0, 0, 0.10)")[] | ("0 -12px 24px 0 rgba(0, 0, 0, 0.10)" | "0 12px 24px 0 rgba(0, 0, 0, 0.10)")[])[];
+export declare const levelUsages: string[];
+export declare const PreviewCell: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PreviewBox: import("styled-components").StyledComponent<"div", any, {
+    shadow: string;
+}, never>;

package/es/Utils/Shadow/ShadowsStoriesHelpers.js

@@ -0,0 +1,16 @@
+import styled from 'styled-components';
+import { Shadow } from '.';
+import { PrimaryColor } from '../Colors';
+export var levels = [[Shadow.up1, Shadow.down1], [Shadow.up2, Shadow.down2], [Shadow.up3, Shadow.down3], [Shadow.up4, Shadow.down4]];
+export var levelUsages = ['Elements that uses shadow by default', 'Elements in hovered state', 'Sticky elements, dropdown elements', 'Alerts'];
+export var PreviewCell = styled.div.withConfig({
+  displayName: "ShadowsStoriesHelpers__PreviewCell",
+  componentId: "sc-cigkku-0"
+})(["background-color:white;padding:16px;display:flex;*{margin-top:0 !important;margin-bottom:0 !important;}"]);
+export var PreviewBox = styled.div.withConfig({
+  displayName: "ShadowsStoriesHelpers__PreviewBox",
+  componentId: "sc-cigkku-1"
+})(["box-shadow:", ";margin:16px;border:1px solid black;background-color:", ";width:32px;height:32px;"], function (_ref) {
+  var shadow = _ref.shadow;
+  return shadow;
+}, PrimaryColor.glintsyellow);

package/es/Utils/Shadow/index.d.ts

@@ -0,0 +1,12 @@
+export declare const Shadow: {
+    readonly up1: "0 -2px 4px 0 rgba(0, 0, 0, 0.15)";
+    readonly down1: "0 2px 4px 0 rgba(0, 0, 0, 0.15)";
+    readonly up2: "0 -4px 8px 0 rgba(0, 0, 0, 0.15)";
+    readonly down2: "0 4px 8px 0 rgba(0, 0, 0, 0.15)";
+    readonly up3: "0 -6px 12px 0 rgba(0, 0, 0, 0.10)";
+    readonly down3: "0 6px 12px 0 rgba(0, 0, 0, 0.10)";
+    readonly up4: "0 -12px 24px 0 rgba(0, 0, 0, 0.10)";
+    readonly down4: "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
+};
+export declare type ShadowValueType = (typeof Shadow)[keyof typeof Shadow];
+export declare type ShadowKeyType = keyof typeof Shadow;

package/es/Utils/Shadow/index.js

@@ -0,0 +1,18 @@
+var up1 = '0 -2px 4px 0 rgba(0, 0, 0, 0.15)';
+var down1 = '0 2px 4px 0 rgba(0, 0, 0, 0.15)';
+var up2 = '0 -4px 8px 0 rgba(0, 0, 0, 0.15)';
+var down2 = '0 4px 8px 0 rgba(0, 0, 0, 0.15)';
+var up3 = '0 -6px 12px 0 rgba(0, 0, 0, 0.10)';
+var down3 = '0 6px 12px 0 rgba(0, 0, 0, 0.10)';
+var up4 = '0 -12px 24px 0 rgba(0, 0, 0, 0.10)';
+var down4 = '0 12px 24px 0 rgba(0, 0, 0, 0.10)';
+export var Shadow = {
+  up1: up1,
+  down1: down1,
+  up2: up2,
+  down2: down2,
+  up3: up3,
+  down3: down3,
+  up4: up4,
+  down4: down4
+};

package/es/Utils/StyleConfig.d.ts

@@ -0,0 +1,59 @@
+export declare enum ETabAlignment {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+export declare enum ETabThemeVariant {
+    BLUE = "blue",
+    BLACK = "black"
+}
+export declare enum ETooltipPosition {
+    TOP = "top",
+    BOTTOM = "bottom",
+    LEFT = "left",
+    RIGHT = "right"
+}
+export declare const ButtonVariant: {
+    SOLID_WHITE: string;
+    SOLID_BLUE: string;
+    YELLOW: string;
+    GHOST: string;
+    WHITE_GREY: string;
+    LINK: string;
+};
+export declare const RoundedCornerButtonVariant: {
+    SOLID_WHITE: string;
+    SOLID_BLUE: string;
+    GHOST: string;
+    WHITE_GREY: string;
+};
+export declare const PsychedelicTheme: {
+    BLUE_DOMINANT: string;
+    BLUE_DEFAULT: string;
+    RED_DOMINANT: string;
+    RED_DEFAULT: string;
+    YELLOW_DOMINANT: string;
+    YELLOW_DEFAULT: string;
+};
+export declare const ButtonTheme: {
+    BLUE: string;
+    WHITE: string;
+};
+export declare const ScreenSize: {
+    mobileS: number;
+    mobileM: number;
+    mobileL: number;
+    tablet: number;
+    desktopS: number;
+    desktopM: number;
+    desktopL: number;
+};
+export declare const Device: {
+    mobileS: string;
+    mobileM: string;
+    mobileL: string;
+    tablet: string;
+    desktopS: string;
+    desktopM: string;
+    desktopL: string;
+    desktopXL: string;
+};

package/es/Utils/StyleConfig.js

@@ -0,0 +1,62 @@
+export var ETabAlignment;
+(function (ETabAlignment) {
+  ETabAlignment["HORIZONTAL"] = "horizontal";
+  ETabAlignment["VERTICAL"] = "vertical";
+})(ETabAlignment || (ETabAlignment = {}));
+export var ETabThemeVariant;
+(function (ETabThemeVariant) {
+  ETabThemeVariant["BLUE"] = "blue";
+  ETabThemeVariant["BLACK"] = "black";
+})(ETabThemeVariant || (ETabThemeVariant = {}));
+export var ETooltipPosition;
+(function (ETooltipPosition) {
+  ETooltipPosition["TOP"] = "top";
+  ETooltipPosition["BOTTOM"] = "bottom";
+  ETooltipPosition["LEFT"] = "left";
+  ETooltipPosition["RIGHT"] = "right";
+})(ETooltipPosition || (ETooltipPosition = {}));
+export var ButtonVariant = {
+  SOLID_WHITE: 'solid-white',
+  SOLID_BLUE: 'solid-blue',
+  YELLOW: 'yellow',
+  GHOST: 'ghost',
+  WHITE_GREY: 'white-grey',
+  LINK: 'link'
+};
+export var RoundedCornerButtonVariant = {
+  SOLID_WHITE: 'solid-white',
+  SOLID_BLUE: 'solid-blue',
+  GHOST: 'ghost',
+  WHITE_GREY: 'white-grey'
+};
+export var PsychedelicTheme = {
+  BLUE_DOMINANT: 'blue-dominant',
+  BLUE_DEFAULT: 'blue-default',
+  RED_DOMINANT: 'red-dominant',
+  RED_DEFAULT: 'red-default',
+  YELLOW_DOMINANT: 'yellow-dominant',
+  YELLOW_DEFAULT: 'yellow-default'
+};
+export var ButtonTheme = {
+  BLUE: 'blue',
+  WHITE: 'white'
+};
+export var ScreenSize = {
+  mobileS: 320,
+  mobileM: 480,
+  mobileL: 640,
+  tablet: 768,
+  desktopS: 1024,
+  desktopM: 1260,
+  desktopL: 1440
+};
+export var Device = {
+  mobileS: "(max-width: " + ScreenSize.mobileS + "px)",
+  mobileM: "(max-width: " + ScreenSize.mobileM + "px)",
+  mobileL: "(max-width: " + ScreenSize.mobileL + "px)",
+  tablet: "(max-width: " + ScreenSize.tablet + "px)",
+  desktopS: "(max-width: " + ScreenSize.desktopS + "px)",
+  desktopM: "(max-width: " + ScreenSize.desktopM + "px)",
+  desktopL: "(max-width: " + ScreenSize.desktopL + "px)",
+  desktopXL: "(min-width: " + (ScreenSize.desktopL + 1) + "px)"
+};

package/es/Utils/Unit.d.ts

@@ -0,0 +1,6 @@
+import moment from 'moment';
+export default class Unit {
+    static numToRem: (key: number) => string;
+    static formatDate: (date: Date) => string;
+    static deltaDate: (date: moment.Moment) => number;
+}

package/es/Utils/Unit.js

@@ -0,0 +1,25 @@
+import moment from 'moment';
+function memoize(fn) {
+  var cacheMap = new Map();
+  return function (key) {
+    var cacheKey = key;
+    var cache = cacheMap.get(cacheKey);
+    if (cache) {
+      return cache;
+    }
+    var result = fn(key);
+    cacheMap.set(cacheKey, result);
+    return result;
+  };
+}
+var Unit = function Unit() {};
+Unit.numToRem = memoize(function (num) {
+  return (num * 0.1).toFixed(1) + "rem";
+});
+Unit.formatDate = function (date) {
+  return moment(date).diff(Date.now(), 'days') === 0 ? moment(date).locale('id').fromNow() : moment(date).locale('id').format('D MMMM');
+};
+Unit.deltaDate = function (date) {
+  return date.diff(moment(), 'days');
+};
+export { Unit as default };

package/es/Utils/canWarn.d.ts

@@ -0,0 +1 @@
+export declare const canWarn: boolean;

package/es/Utils/canWarn.js

@@ -0,0 +1 @@
+export var canWarn = typeof console !== 'undefined' && process.env.NODE_ENV === 'development';

package/es/Utils/getReadableColor.d.ts

@@ -0,0 +1 @@
+export declare const getReadableColor: (hex: string) => "#000000" | "#FFFFFF";

package/es/Utils/getReadableColor.js

@@ -0,0 +1,10 @@
+//https://stackoverflow.com/a/35970186
+export var getReadableColor = function getReadableColor(hex) {
+  if (hex.indexOf('#') === 0) {
+    hex = hex.slice(1);
+  }
+  var r = parseInt(hex.slice(0, 2), 16);
+  var g = parseInt(hex.slice(2, 4), 16);
+  var b = parseInt(hex.slice(4, 6), 16);
+  return r * 0.299 + g * 0.587 + b * 0.114 > 186 ? '#000000' : '#FFFFFF';
+};

package/es/Utils/useOutsideAlerter.d.ts

@@ -0,0 +1,5 @@
+import { MutableRefObject } from 'react';
+/**
+ * Hook that alerts clicks outside of the passed ref
+ */
+export declare const useOutsideAlerter: (ref: MutableRefObject<HTMLElement>, callback: () => void) => void;

package/es/Utils/useOutsideAlerter.js

@@ -0,0 +1,18 @@
+import { useEffect } from 'react';
+
+/**
+ * Hook that alerts clicks outside of the passed ref
+ */
+export var useOutsideAlerter = function useOutsideAlerter(ref, callback) {
+  useEffect(function callCallbackOnOutsideClick() {
+    var handleClickOutside = function handleClickOutside(event) {
+      if (ref.current && !ref.current.contains(event.target)) {
+        callback();
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return function () {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [callback, ref]);
+};

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/es/helpers/storybook/Decorators.d.ts

@@ -0,0 +1,4 @@
+import { DecoratorFn } from '@storybook/react';
+export declare const withAlertProvider: DecoratorFn;
+export declare const withModalProvider: DecoratorFn;
+export declare const withGlintsPortalContainer: DecoratorFn;

package/es/helpers/storybook/Decorators.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { AlertProvider } from '../../@next/Alert/AlertProvider';
+import { ModalProvider } from '../../@next/Modal/ModalProvider';
+export var withAlertProvider = function withAlertProvider(Story) {
+  return /*#__PURE__*/React.createElement(AlertProvider, null, /*#__PURE__*/React.createElement(Story, null));
+};
+export var withModalProvider = function withModalProvider(Story) {
+  return /*#__PURE__*/React.createElement(ModalProvider, null, /*#__PURE__*/React.createElement(Story, null));
+};
+export var withGlintsPortalContainer = function withGlintsPortalContainer(Story) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    id: "glints-portal-container"
+  }), /*#__PURE__*/React.createElement(Story, null));
+};

package/es/helpers/viewPort.d.ts

@@ -0,0 +1,4 @@
+export declare const getViewportDimensions: () => {
+    width: number;
+    height: number;
+};

package/es/helpers/viewPort.js

@@ -0,0 +1,8 @@
+export var getViewportDimensions = function getViewportDimensions() {
+  var width = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
+  var height = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
+  return {
+    width: width,
+    height: height
+  };
+};

package/es/index.d.ts

@@ -0,0 +1,220 @@
+export { default as Accordion } from './Display/Accordion';
+export { default as Alert } from './General/Alert';
+export { default as Badge } from './General/Badge';
+export { default as Brand } from './General/Brand';
+export { default as Breadcrumb } from './Navigation/Breadcrumb';
+export { default as Button } from './General/Button';
+export { default as Checkbox } from './Input/Checkbox';
+export { default as Collapsible } from './Display/Collapsible';
+export { default as Divider } from './General/Divider';
+export { default as Drawer } from './Navigation/Drawer';
+export { default as Dropdown } from './Navigation/Dropdown';
+export { default as Gallery } from './Display/Gallery';
+export { Box } from './Layout/Box';
+export type { ResponsiveSpacing } from './Layout/Box/types';
+export { Flex } from './Layout/Flex';
+export { default as Grid } from './Layout/Grid';
+export { default as Heading } from './General/Heading';
+export { default as Icon } from './General/Icon';
+export { default as Loading } from './General/Loading';
+export { default as Modal } from './Display/Modal';
+export { default as NumberInput } from './Input/NumberInput';
+export { PhoneNumberInput } from './Input/PhoneNumberInput/PhoneNumberInput';
+export type { CallingCodeOption, PhoneNumber } from './Input/PhoneNumberInput/PhoneNumberInput';
+export { default as PointingModal } from './Display/PointingModal';
+export { default as Popover } from './Display/Popover';
+export { default as ProfilePicture } from './General/ProfilePicture';
+export { default as RadioButton } from './Input/RadioButton';
+export { default as Select } from './Input/Select';
+export { Select as DownshiftSelect, SubComponents as DownshiftSelectSubComponents, defaultTransformFunction as DownshiftSelectDefaultTransformFunction, itemToString as DownshiftSelectItemToString, defaultEmptyListText } from './Input/DownshiftSelect/Select';
+export type { Item as DownshiftSelectItem, ItemProps as DownshiftSelectItemComponentProps, Props as DownshiftSelectProps } from './Input/DownshiftSelect/Select';
+export { default as Slider } from './Display/Slider';
+export { default as Swipeable } from './Display/Swipeable';
+export { default as Tabs } from './Display/Tabs';
+export { default as Tag } from './General/Tag';
+export { default as Textarea } from './Input/Textarea';
+export { default as TextField } from './Input/TextField';
+export { default as Tooltip } from './Display/Tooltip';
+export { default as Typography } from './General/Typography';
+export { default as ToggleSwitch } from './Input/ToggleSwitch';
+export { Device, ScreenSize } from './Utils/StyleConfig';
+export { PrimaryColor, SecondaryColor, Greyscale } from './Utils/Colors';
+export { Shadow } from './Utils/Shadow';
+export { default as GlintsContainer } from './Layout/GlintsContainer/GlintsContainer';
+export { default as AddIcon } from './General/Icon/components/AddIcon';
+export { default as AddCircleOutlineIcon } from './General/Icon/components/AddCircleOutlineIcon';
+export { default as AddCircleSolidIcon } from './General/Icon/components/AddCircleSolidIcon';
+export { default as ArrowBackIcon } from './General/Icon/components/ArrowBackIcon';
+export { default as ArrowBackSolidIcon } from './General/Icon/components/ArrowBackSolidIcon';
+export { default as ArrowBackDoubleIcon } from './General/Icon/components/ArrowBackDoubleIcon';
+export { default as ArrowDownIcon } from './General/Icon/components/ArrowDownIcon';
+export { default as ArrowDownCircleOutlineIcon } from './General/Icon/components/ArrowDownCircleOutlineIcon';
+export { default as ArrowDownSolidIcon } from './General/Icon/components/ArrowDownSolidIcon';
+export { default as ArrowUpSolidIcon } from './General/Icon/components/ArrowUpSolidIcon';
+export { default as ArrowNextIcon } from './General/Icon/components/ArrowNextIcon';
+export { default as ArrowNextDoubleIcon } from './General/Icon/components/ArrowNextDoubleIcon';
+export { default as ArrowNextSolidIcon } from './General/Icon/components/ArrowNextSolidIcon';
+export { default as ArrowUpIcon } from './General/Icon/components/ArrowUpIcon';
+export { default as ArrowRoundBackIcon } from './General/Icon/components/ArrowRoundBackIcon';
+export { default as ArrowRoundForwardIcon } from './General/Icon/components/ArrowRoundForwardIcon';
+export { default as AsteriskSolidIcon } from './General/Icon/components/AsteriskSolidIcon';
+export { default as AttachmentIcon } from './General/Icon/components/AttachmentIcon';
+export { default as BehanceIcon } from './General/Icon/components/BehanceIcon';
+export { default as BellIcon } from './General/Icon/components/BellIcon';
+export { default as BookmarkIcon } from './General/Icon/components/BookmarkIcon';
+export { default as BookmarkOutlineIcon } from './General/Icon/components/BookmarkOutlineIcon';
+export { default as BookmarkRoundedOutlineIcon } from './General/Icon/components/BookmarkRoundedOutlineIcon';
+export { default as BoxWithHandleSolidIcon } from './General/Icon/components/BoxWithHandleSolidIcon';
+export { default as BriefcaseSolidIcon } from './General/Icon/components/BriefcaseSolidIcon';
+export { default as BuildingSolidIcon } from './General/Icon/components/BuildingSolidIcon';
+export { default as BulletListIcon } from './General/Icon/components/BulletListIcon';
+export { default as CalendarIcon } from './General/Icon/components/CalendarIcon';
+export { default as CameraIcon } from './General/Icon/components/CameraIcon';
+export { default as ChecklistIcon } from './General/Icon/components/ChecklistIcon';
+export { default as CheckmarkIcon } from './General/Icon/components/CheckmarkIcon';
+export { default as CheckmarkSolidIcon } from './General/Icon/components/CheckmarkSolidIcon';
+export { default as CheckmarkThickIcon } from './General/Icon/components/CheckmarkThickIcon';
+export { default as CircleIcon } from './General/Icon/components/CircleIcon';
+export { default as CircleAndCheckIcon } from './General/Icon/components/CircleAndCheckIcon';
+export { default as ClipboardIcon } from './General/Icon/components/ClipboardIcon';
+export { default as ClipboardCheckOutlineIcon } from './General/Icon/components/ClipboardCheckOutlineIcon';
+export { default as ClockIcon } from './General/Icon/components/ClockIcon';
+export { default as CloseIcon } from './General/Icon/components/CloseIcon';
+export { default as CloseCircleSolidIcon } from './General/Icon/components/CloseCircleSolidIcon';
+export { default as CloudDownloadIcon } from './General/Icon/components/CloudDownloadIcon';
+export { default as CloudUploadIcon } from './General/Icon/components/CloudUploadIcon';
+export { default as CodepenIcon } from './General/Icon/components/CodepenIcon';
+export { default as CompassIcon } from './General/Icon/components/CompassIcon';
+export { default as CommunityIcon } from './General/Icon/components/CommunityIcon';
+export { default as ConnectionIcon } from './General/Icon/components/ConnectionIcon';
+export { default as CopyIcon } from './General/Icon/components/CopyIcon';
+export { default as CopyOutlinedIcon } from './General/Icon/components/CopyOutlinedIcon';
+export { default as CopyLinkIcon } from './General/Icon/components/CopyLinkIcon';
+export { default as CurrencyIcon } from './General/Icon/components/CurrencyIcon';
+export { default as DeleteIcon } from './General/Icon/components/DeleteIcon';
+export { default as DiscountSolidIcon } from './General/Icon/components/DiscountSolidIcon';
+export { default as DocumentCheckIcon } from './General/Icon/components/DocumentCheckIcon';
+export { default as DotIcon } from './General/Icon/components/DotIcon';
+export { default as DoubleCheckmarkIcon } from './General/Icon/components/DoubleCheckmarkIcon';
+export { default as DoveIcon } from './General/Icon/components/DoveIcon';
+export { default as DownloadIcon } from './General/Icon/components/DownloadIcon';
+export { default as DragStripesIcon } from './General/Icon/components/DragStripesIcon';
+export { default as DragArrowIcon } from './General/Icon/components/DragArrowIcon';
+export { default as EditIcon } from './General/Icon/components/EditIcon';
+export { default as EditOutlineIcon } from './General/Icon/components/EditOutlineIcon';
+export { default as ExclamationIcon } from './General/Icon/components/ExclamationIcon';
+export { default as ExitFullScreenIcon } from './General/Icon/components/ExitFullScreenIcon';
+export { default as ExternalLinkIcon } from './General/Icon/components/ExternalLinkIcon';
+export { default as EyeIcon } from './General/Icon/components/EyeIcon';
+export { default as EyeSolidIcon } from './General/Icon/components/EyeSolidIcon';
+export { default as EyeSlashedIcon } from './General/Icon/components/EyeSlashedIcon';
+export { default as FacebookIcon } from './General/Icon/components/FacebookIcon';
+export { default as FileIcon } from './General/Icon/components/FileIcon';
+export { default as FileAlternateIcon } from './General/Icon/components/FileAlternateIcon';
+export { default as FilePreviewIcon } from './General/Icon/components/FilePreviewIcon';
+export { default as FileSolidIcon } from './General/Icon/components/FileSolidIcon';
+export { default as FilterIcon } from './General/Icon/components/FilterIcon';
+export { default as FlagIcon } from './General/Icon/components/FlagIcon';
+export { default as FolderIcon } from './General/Icon/components/FolderIcon';
+export { default as FullScreenIcon } from './General/Icon/components/FullScreenIcon';
+export { default as GlobeIcon } from './General/Icon/components/GlobeIcon';
+export { default as GraduationHatIcon } from './General/Icon/components/GraduationHatIcon';
+export { default as GroupIcon } from './General/Icon/components/GroupIcon';
+export { default as GuaranteeIcon } from './General/Icon/components/GuaranteeIcon';
+export { default as GithubIcon } from './General/Icon/components/GithubIcon';
+export { default as HandIcon } from './General/Icon/components/HandIcon';
+export { default as HandShakeIcon } from './General/Icon/components/HandShakeIcon';
+export { default as HeartSolidIcon } from './General/Icon/components/HeartSolidIcon';
+export { default as HeartIcon } from './General/Icon/components/HeartIcon';
+export { default as HelpIcon } from './General/Icon/components/HelpIcon';
+export { default as HomeIcon } from './General/Icon/components/HomeIcon';
+export { default as HourglassIcon } from './General/Icon/components/HourglassIcon';
+export { default as JobSearchIcon } from './General/Icon/components/JobSearchIcon';
+export { default as JobOutlineIcon } from './General/Icon/components/JobOutlineIcon';
+export { default as ImageIcon } from './General/Icon/components/ImageIcon';
+export { default as InfoIcon } from './General/Icon/components/InfoIcon';
+export { default as InfoSolidIcon } from './General/Icon/components/InfoSolidIcon';
+export { default as InstagramIcon } from './General/Icon/components/InstagramIcon';
+export { default as LightbulbIcon } from './General/Icon/components/LightbulbIcon';
+export { default as LightningOutlineIcon } from './General/Icon/components/LightningOutlineIcon';
+export { default as LineIcon } from './General/Icon/components/LineIcon';
+export { default as LinkedinIcon } from './General/Icon/components/LinkedinIcon';
+export { default as LoadingIcon } from './General/Icon/components/LoadingIcon';
+export { default as LocationIcon } from './General/Icon/components/LocationIcon';
+export { default as LockSolidIcon } from './General/Icon/components/LockSolidIcon';
+export { default as MailIcon } from './General/Icon/components/MailIcon';
+export { default as MailSolidIcon } from './General/Icon/components/MailSolidIcon';
+export { default as MedalIcon } from './General/Icon/components/MedalIcon';
+export { default as MenuIcon } from './General/Icon/components/MenuIcon';
+export { default as MenuHalfIcon } from './General/Icon/components/MenuHalfIcon';
+export { default as MessageOutlineIcon } from './General/Icon/components/MessageOutlineIcon';
+export { default as MessageOutlineIncomingIcon } from './General/Icon/components/MessageOutlineIncomingIcon';
+export { default as MicIcon } from './General/Icon/components/MicIcon';
+export { default as MicOffIcon } from './General/Icon/components/MicOffIcon';
+export { default as MinusIcon } from './General/Icon/components/MinusIcon';
+export { default as MinusCircleIcon } from './General/Icon/components/MinusCircleIcon';
+export { default as MinusCircleSolidIcon } from './General/Icon/components/MinusCircleSolidIcon';
+export { default as MoreIcon } from './General/Icon/components/MoreIcon';
+export { default as MoreHorizontalIcon } from './General/Icon/components/MoreHorizontalIcon';
+export { default as NameTagIcon } from './General/Icon/components/NameTagIcon';
+export { default as NotificationIcon } from './General/Icon/components/NotificationIcon';
+export { default as NumberListIcon } from './General/Icon/components/NumberListIcon';
+export { default as OnlineIcon } from './General/Icon/components/OnlineIcon';
+export { default as PdfIcon } from './General/Icon/components/PdfIcon';
+export { default as PdfOutlineIcon } from './General/Icon/components/PdfOutlineIcon';
+export { default as PhoneIcon } from './General/Icon/components/PhoneIcon';
+export { default as PowerIcon } from './General/Icon/components/PowerIcon';
+export { default as PuzzleIcon } from './General/Icon/components/PuzzleIcon';
+export { default as QuestionOutlineIcon } from './General/Icon/components/QuestionOutlineIcon';
+export { default as QuotationIcon } from './General/Icon/components/QuotationIcon';
+export { default as RefreshSolidIcon } from './General/Icon/components/RefreshSolidIcon';
+export { default as ReplyIcon } from './General/Icon/components/ReplyIcon';
+export { default as ResumeOutlineIcon } from './General/Icon/components/ResumeOutlineIcon';
+export { default as RotateIcon } from './General/Icon/components/RotateIcon';
+export { default as RssIcon } from './General/Icon/components/RssIcon';
+export { default as SalaryIcon } from './General/Icon/components/SalaryIcon';
+export { default as SaveSolidIcon } from './General/Icon/components/SaveSolidIcon';
+export { default as SearchIcon } from './General/Icon/components/SearchIcon';
+export { default as SendIcon } from './General/Icon/components/SendIcon';
+export { default as SettingIcon } from './General/Icon/components/SettingIcon';
+export { default as SettingSolidIcon } from './General/Icon/components/SettingSolidIcon';
+export { default as ShareIcon } from './General/Icon/components/ShareIcon';
+export { default as ShareOutlineIcon } from './General/Icon/components/ShareOutlineIcon';
+export { default as ShareArrowIcon } from './General/Icon/components/ShareArrowIcon';
+export { default as ShareArrowOutlineIcon } from './General/Icon/components/ShareArrowOutlineIcon';
+export { default as ShareScreenIcon } from './General/Icon/components/ShareScreenIcon';
+export { default as ShieldCheckIcon } from './General/Icon/components/ShieldCheckIcon';
+export { default as SpeakerIcon } from './General/Icon/components/SpeakerIcon';
+export { default as SpeechBubbleIcon } from './General/Icon/components/SpeechBubbleIcon';
+export { default as SpeechBubbleOutlineIcon } from './General/Icon/components/SpeechBubbleOutlineIcon';
+export { default as SpinnerIcon } from './General/Icon/components/SpinnerIcon';
+export { default as StackIcon } from './General/Icon/components/StackIcon';
+export { default as StarOutlineIcon } from './General/Icon/components/StarOutlineIcon';
+export { default as StarCircleIcon } from './General/Icon/components/StarCircleIcon';
+export { default as StarIcon } from './General/Icon/components/StarIcon';
+export { default as TagIcon } from './General/Icon/components/TagIcon';
+export { default as TaskIcon } from './General/Icon/components/TaskIcon';
+export { default as TelegramIcon } from './General/Icon/components/TelegramIcon';
+export { default as ThumbsUpIcon } from './General/Icon/components/ThumbsUpIcon';
+export { default as ThumbsUpOutlineIcon } from './General/Icon/components/ThumbsUpOutlineIcon';
+export { default as TicketSolidIcon } from './General/Icon/components/TicketSolidIcon';
+export { default as TieIcon } from './General/Icon/components/TieIcon';
+export { default as TrashIcon } from './General/Icon/components/TrashIcon';
+export { default as TvPlayIcon } from './General/Icon/components/TvPlayIcon';
+export { default as TwitterIcon } from './General/Icon/components/TwitterIcon';
+export { default as UploadIcon } from './General/Icon/components/UploadIcon';
+export { default as UpvoteIcon } from './General/Icon/components/UpvoteIcon';
+export { default as UserIcon } from './General/Icon/components/UserIcon';
+export { default as UserCogIcon } from './General/Icon/components/UserCogIcon';
+export { default as UserWrenchIcon } from './General/Icon/components/UserWrenchIcon';
+export { default as VideoIcon } from './General/Icon/components/VideoIcon';
+export { default as VideoOffIcon } from './General/Icon/components/VideoOffIcon';
+export { default as ViewIcon } from './General/Icon/components/ViewIcon';
+export { default as VimeoIcon } from './General/Icon/components/VimeoIcon';
+export { default as WarningIcon } from './General/Icon/components/WarningIcon';
+export { default as WarningCircleSolidIcon } from './General/Icon/components/WarningCircleSolidIcon';
+export { default as WarningOutlineIcon } from './General/Icon/components/WarningOutlineIcon';
+export { default as WarningSolidIcon } from './General/Icon/components/WarningSolidIcon';
+export { default as WhatsappIcon } from './General/Icon/components/WhatsappIcon';
+export { default as YoutubeIcon } from './General/Icon/components/YoutubeIcon';
+export { default as ZaloIcon } from './General/Icon/components/ZaloIcon';