@shipengine/giger-theme 0.3.0 → 0.4.0

package/dist/esm/index.d.ts

@@ -0,0 +1,22 @@
+export { Theme } from './Theme.js';
+export { ComponentsVariables, CustomComponentsVariables } from './Components/Components.js';
+export { ThemeChipComponent } from './Components/Chip.js';
+export { ThemeTypographyComponent, ThemeTypographyProperties } from './Components/Typography.js';
+export { ThemeDialogActionProperties, ThemeDialogComponent, ThemeDialogContentProperties, ThemeDialogHeaderProperties, ThemeDialogProperties } from './Components/Dialog.js';
+export { ThemeLinkComponent } from './Components/Link.js';
+export { ThemeButtonComponent } from './Components/Button.js';
+export { ThemeCheckboxComponent } from './Components/Checkbox.js';
+export { ThemeFieldComponent } from './Components/Field.js';
+export { ThemeFieldContainerComponent } from './Components/FieldContainer.js';
+export { ThemeTableComponent } from './Components/Table.js';
+export { CustomThemeData, ThemeData } from './ThemeTypes.js';
+export { fallbackTheme } from './FallbackTheme/fallback.js';
+export { BorderRadiusVariables } from './BorderRadius.js';
+export { BreakpointsVariables } from './Breakpoints.js';
+export { CardVariables, ThemeCardBorderRadius } from './Card.js';
+export { ElevationBase, ElevationsVariables } from './Elevations.js';
+export { FontFacesVariables } from './FontFaces.js';
+export { GridBase, GridVariables } from './Grid.js';
+export { IconNames, IconsVariables } from './Icons.js';
+export { PaletteVariables, ThemePaletteColorBase, ThemePaletteColorExpanded, ThemePaletteColorGray, ThemePaletteColorStandard, ThemePaletteDataVisualization, ThemePaletteDataVisualizationColors } from './Palette.js';
+export { FontSizeVariables, FontWeightVariables, LetterSpacingVariables, LineHeightVariables, TypographyVariables } from './Typographies.js';

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+export { Theme } from './Theme.js';
+export { IconNames } from './Icons.js';
+export { fallbackTheme } from './FallbackTheme/fallback.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/lib/BorderRadius.d.ts

@@ -0,0 +1,3 @@
+type BorderRadiusVariables = Record<'XS' | 'S' | 'M' | 'L' | 'XL', string>;
+
+export { BorderRadiusVariables };

package/dist/lib/Breakpoints.d.ts

@@ -0,0 +1,3 @@
+type BreakpointsVariables = Record<'mobileLarge' | 'tablet' | 'tabletLarge' | 'desktop', number>;
+
+export { BreakpointsVariables };

package/dist/lib/Card.d.ts

@@ -0,0 +1,10 @@
+type ThemeCardBorderRadius = {
+    mobile: string;
+    tablet: string;
+    desktop: string;
+};
+type CardVariables = {
+    borderRadius: ThemeCardBorderRadius;
+};
+
+export { CardVariables, ThemeCardBorderRadius };

package/dist/lib/Components/Button.d.ts

@@ -0,0 +1,5 @@
+type ThemeButtonComponent = {
+    borderRadius: string;
+};
+
+export { ThemeButtonComponent };

package/dist/lib/Components/Checkbox.d.ts

@@ -0,0 +1,6 @@
+type ThemeCheckboxComponent = {
+    borderRadius: string;
+    square: boolean;
+};
+
+export { ThemeCheckboxComponent };

package/dist/lib/Components/Chip.d.ts

@@ -0,0 +1,15 @@
+type ThemeChipComponent = {
+    backgroundColor: string;
+    border: string;
+    borderRadius: string;
+    color: string;
+    fontWeight: number;
+    padding: string;
+    isSelected: {
+        border: string;
+        backgroundColor: string;
+        color: string;
+    };
+};
+
+export { ThemeChipComponent };

package/dist/lib/Components/Components.d.ts

@@ -0,0 +1,25 @@
+import { ThemeChipComponent } from './Chip.js';
+import { ThemeLinkComponent } from './Link.js';
+import { ThemeButtonComponent } from './Button.js';
+import { ThemeTypographyComponent } from './Typography.js';
+import { ThemeDialogComponent } from './Dialog.js';
+import { ThemeCheckboxComponent } from './Checkbox.js';
+import { ThemeFieldContainerComponent } from './FieldContainer.js';
+import { ThemeFieldComponent } from './Field.js';
+import { ThemeTableComponent } from './Table.js';
+import { DeepPartial } from '../Types.js';
+
+type CustomComponentsVariables = DeepPartial<ComponentsVariables>;
+type ComponentsVariables = {
+    Chip: ThemeChipComponent;
+    Link: ThemeLinkComponent;
+    Button: ThemeButtonComponent;
+    Dialog: ThemeDialogComponent;
+    Typography: ThemeTypographyComponent;
+    Checkbox: ThemeCheckboxComponent;
+    Field: ThemeFieldComponent;
+    FieldContainer: ThemeFieldContainerComponent;
+    Table: ThemeTableComponent;
+};
+
+export { ComponentsVariables, CustomComponentsVariables };

package/dist/lib/Components/Dialog.d.ts

@@ -0,0 +1,26 @@
+import { Property } from 'csstype';
+
+type ThemeDialogActionProperties = {
+    justifyContent: string;
+};
+type ThemeDialogContentProperties = {
+    textAlign: Property.TextAlign;
+    padding: number;
+};
+type ThemeDialogProperties = {
+    backgroundColor: string;
+    borderRadius: string;
+};
+type ThemeDialogHeaderProperties = {
+    titleColor: string;
+    padding: number;
+    borderBottom: string;
+};
+type ThemeDialogComponent = {
+    action: ThemeDialogActionProperties;
+    content: ThemeDialogContentProperties;
+    dialog: ThemeDialogProperties;
+    header: ThemeDialogHeaderProperties;
+};
+
+export { ThemeDialogActionProperties, ThemeDialogComponent, ThemeDialogContentProperties, ThemeDialogHeaderProperties, ThemeDialogProperties };

package/dist/lib/Components/Field.d.ts

@@ -0,0 +1,9 @@
+type ThemeFieldComponent = {
+    fontWeight: number;
+    color: string;
+    placeholder: {
+        fontWeight: number;
+    };
+};
+
+export { ThemeFieldComponent };

package/dist/lib/Components/FieldContainer.d.ts

@@ -0,0 +1,5 @@
+type ThemeFieldContainerComponent = {
+    borderRadius: string;
+};
+
+export { ThemeFieldContainerComponent };

package/dist/lib/Components/Link.d.ts

@@ -0,0 +1,14 @@
+type ThemeLinkComponent = {
+    defaultColor: string;
+    visitedColor: string;
+    hoverColor: string;
+    activeColor: string;
+    isDark: {
+        defaultColor: string;
+        visitedColor: string;
+        hoverColor: string;
+        activeColor: string;
+    };
+};
+
+export { ThemeLinkComponent };

package/dist/lib/Components/Table.d.ts

@@ -0,0 +1,7 @@
+type ThemeTableComponent = {
+    border: string;
+    borderRadius: string;
+    boxShadow: string;
+};
+
+export { ThemeTableComponent };

package/dist/lib/Components/Typography.d.ts

@@ -0,0 +1,21 @@
+type ThemeTypographyProperties = {
+    fontSize: string;
+    fontWeight: number;
+    lineHeight: string;
+    letterSpacing: number;
+};
+type ThemeTypographyComponent = {
+    heading1: ThemeTypographyProperties;
+    heading2: ThemeTypographyProperties;
+    heading3: ThemeTypographyProperties;
+    heading4: ThemeTypographyProperties;
+    heading5: ThemeTypographyProperties;
+    heading6: ThemeTypographyProperties;
+    subtitle1: ThemeTypographyProperties;
+    subtitle2: ThemeTypographyProperties;
+    body1: ThemeTypographyProperties;
+    body2: ThemeTypographyProperties;
+    small: ThemeTypographyProperties;
+};
+
+export { ThemeTypographyComponent, ThemeTypographyProperties };

package/dist/lib/Elevations.d.ts

@@ -0,0 +1,20 @@
+type ElevationBase = {
+    boxShadow: string;
+    zIndex: number;
+};
+type ElevationsVariables = {
+    flat1: ElevationBase;
+    flat2: ElevationBase;
+    above: ElevationBase;
+    sticky: ElevationBase;
+    raised: ElevationBase;
+    raisedInverted1: ElevationBase;
+    raisedInverted2: ElevationBase;
+    popout1: ElevationBase;
+    popout2: ElevationBase;
+    backdrop: ElevationBase;
+    overlay1: ElevationBase;
+    overlay2: ElevationBase;
+};
+
+export { ElevationBase, ElevationsVariables };

package/dist/lib/FallbackTheme/fallback.d.ts

@@ -0,0 +1,5 @@
+import { ThemeData } from '../ThemeTypes.js';
+
+declare const fallbackTheme: ThemeData;
+
+export { fallbackTheme };

package/dist/lib/FallbackTheme/fallback.js

@@ -0,0 +1,227 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const fallbackTheme = {
+  palette: {
+    primary: {
+      ultraLight: '#EDEDED',
+      light: '#D6D6D6',
+      main: '#7A7A7A',
+      dark: '#626262'
+    },
+    secondary: {
+      ultraLight: '#F4F4F4',
+      light: '#787878',
+      main: '#616161',
+      dark: '#303030'
+    },
+    error: {
+      main: '#a72514',
+      light: '#fee5e4'
+    },
+    success: {
+      main: '#286327',
+      light: '#dcfddb'
+    },
+    alert: {
+      main: '#725200',
+      light: '#ffe7ca'
+    },
+    info: {
+      main: '#195f7f',
+      light: '#dbedfd'
+    },
+    gray: {
+      main: '#706f6f',
+      light: '#d3d3d3',
+      ultraLight: '#f4f4f4',
+      megaLight: '#fafafa',
+      dark: '#373737'
+    },
+    black: '#000',
+    white: '#fff',
+    dataVisualization: {
+      highContrast: {
+        blueDark: '#002039',
+        coral: '#F95D6A',
+        purpleDark: '#665191',
+        orange: '#FFA600',
+        purple: '#A05195',
+        orangeDark: '#FF7C43',
+        blue: '#3970C1',
+        cyan: '#45CEE0',
+        pink: '#D12771',
+        green: '#B3D849'
+      },
+      lowContrast: {
+        blueDark: '#5283AB',
+        coral: '#FCA6AD',
+        purpleDark: '#B1A2D0',
+        orange: '#FDDFA5',
+        purple: '#D4BBFF',
+        orangeDark: '#FCC2A9',
+        blue: '#96B3DE',
+        cyan: '#BAE6FF',
+        pink: '#E995BA',
+        green: '#DEF895'
+      }
+    }
+  },
+  spacingBase: 8,
+  borderRadius: {
+    XS: '2px',
+    S: '4px',
+    M: '8px',
+    L: '16px',
+    XL: '32px'
+  },
+  breakPoints: {
+    mobileLarge: 480,
+    tablet: 768,
+    tabletLarge: 960,
+    desktop: 1280
+  },
+  typography: {
+    fontWeight: {
+      light: 200,
+      normal: 400,
+      semibold: 600,
+      bold: 700
+    },
+    fontSize: {
+      XXS: '10px',
+      XS: '12px',
+      S: '14px',
+      M: '16px',
+      L: '18px',
+      XL: '20px',
+      XXL: '24px',
+      XXXL: '32px',
+      XXXXL: '48px'
+    },
+    lineHeight: {
+      S: '20px',
+      M: '24px',
+      L: '28px',
+      XL: '32px',
+      XXL: '48px',
+      XXXL: '72px'
+    },
+    letterSpacing: {
+      S: 0,
+      M: 1,
+      L: 3,
+      XL: 5,
+      XXL: 8,
+      XXXL: 12
+    }
+  },
+  card: {
+    borderRadius: {
+      mobile: '4px',
+      tablet: '8px',
+      desktop: '8px'
+    }
+  },
+  elevations: {
+    flat1: {
+      boxShadow: '0 2px 2px rgba(0, 0, 0, 0.1)',
+      zIndex: 1
+    },
+    flat2: {
+      boxShadow: '0 2px 2px rgba(0, 0, 0, 0.1)',
+      zIndex: 1000
+    },
+    above: {
+      boxShadow: '0 0 12px rgba(0, 0, 0, 0.1)',
+      zIndex: 1000
+    },
+    sticky: {
+      boxShadow: 'none',
+      zIndex: 1001
+    },
+    raised: {
+      boxShadow: '0 8px 8px rgba(0, 0, 0, 0.1)',
+      zIndex: 1002
+    },
+    raisedInverted1: {
+      boxShadow: '0 -8px 8px rgba(0, 0, 0, 0.1)',
+      zIndex: 1002
+    },
+    raisedInverted2: {
+      boxShadow: '0 -8px 8px rgba(0, 0, 0, 0.1)',
+      zIndex: 1003
+    },
+    popout1: {
+      boxShadow: '0 4px 16px rgba(0, 0, 0, 0.1)',
+      zIndex: 1004
+    },
+    popout2: {
+      boxShadow: '0 4px 16px rgba(0, 0, 0, 0.1)',
+      zIndex: 1005
+    },
+    overlay1: {
+      boxShadow: '0 0 24px rgba(0, 0, 0, 0.1)',
+      zIndex: 1006
+    },
+    backdrop: {
+      boxShadow: 'none',
+      zIndex: 1007
+    },
+    overlay2: {
+      boxShadow: '0 0 24px rgba(0, 0, 0, 0.1)',
+      zIndex: 1008
+    }
+  },
+  grid: {
+    mobile: {
+      columns: 4,
+      horizontalSpace: 16,
+      verticalSpace: 16,
+      gutter: 16
+    },
+    mobileLarge: {
+      columns: 4,
+      horizontalSpace: 16,
+      verticalSpace: 16,
+      gutter: 16
+    },
+    tablet: {
+      columns: 12,
+      horizontalSpace: 16,
+      verticalSpace: 24,
+      gutter: 24
+    },
+    tabletLarge: {
+      columns: 12,
+      horizontalSpace: 16,
+      verticalSpace: 24,
+      gutter: 24
+    },
+    desktop: {
+      columns: 12,
+      horizontalSpace: 16,
+      verticalSpace: 24,
+      gutter: 24
+    },
+    desktopLarge: {
+      columns: 12,
+      horizontalSpace: 16,
+      verticalSpace: 24,
+      gutter: 24
+    }
+  },
+  defaultFontFamily: 'Arial',
+  fontFaces: [],
+  iconSize: {
+    small: '16px',
+    medium: '20px',
+    regular: '24px',
+    large: '32px',
+    extra_large: '48px'
+  }
+};
+
+exports.fallbackTheme = fallbackTheme;
+//# sourceMappingURL=fallback.js.map

package/dist/lib/FallbackTheme/fallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fallback.js","sources":["../../../src/FallbackTheme/fallback.ts"],"sourcesContent":["import { ThemeData } from '../ThemeTypes';\n\nexport const fallbackTheme: ThemeData = {\n    palette: {\n        primary: {\n            ultraLight: '#EDEDED',\n            light: '#D6D6D6',\n            main: '#7A7A7A',\n            dark: '#626262',\n        },\n        secondary: {\n            ultraLight: '#F4F4F4',\n            light: '#787878',\n            main: '#616161',\n            dark: '#303030',\n        },\n        error: {\n            main: '#a72514',\n            light: '#fee5e4',\n        },\n        success: {\n            main: '#286327',\n            light: '#dcfddb',\n        },\n        alert: {\n            main: '#725200',\n            light: '#ffe7ca',\n        },\n        info: {\n            main: '#195f7f',\n            light: '#dbedfd',\n        },\n        gray: {\n            main: '#706f6f',\n            light: '#d3d3d3',\n            ultraLight: '#f4f4f4',\n            megaLight: '#fafafa',\n            dark: '#373737',\n        },\n        black: '#000',\n        white: '#fff',\n        dataVisualization: {\n            highContrast: {\n                blueDark: '#002039',\n                coral: '#F95D6A',\n                purpleDark: '#665191',\n                orange: '#FFA600',\n                purple: '#A05195',\n                orangeDark: '#FF7C43',\n                blue: '#3970C1',\n                cyan: '#45CEE0',\n                pink: '#D12771',\n                green: '#B3D849',\n            },\n            lowContrast: {\n                blueDark: '#5283AB',\n                coral: '#FCA6AD',\n                purpleDark: '#B1A2D0',\n                orange: '#FDDFA5',\n                purple: '#D4BBFF',\n                orangeDark: '#FCC2A9',\n                blue: '#96B3DE',\n                cyan: '#BAE6FF',\n                pink: '#E995BA',\n                green: '#DEF895',\n            },\n        },\n    },\n    spacingBase: 8,\n    borderRadius: {\n        XS: '2px',\n        S: '4px',\n        M: '8px',\n        L: '16px',\n        XL: '32px',\n    },\n    breakPoints: {\n        mobileLarge: 480,\n        tablet: 768,\n        tabletLarge: 960,\n        desktop: 1280,\n    },\n    typography: {\n        fontWeight: {\n            light: 200,\n            normal: 400,\n            semibold: 600,\n            bold: 700,\n        },\n        fontSize: {\n            XXS: '10px',\n            XS: '12px',\n            S: '14px',\n            M: '16px',\n            L: '18px',\n            XL: '20px',\n            XXL: '24px',\n            XXXL: '32px',\n            XXXXL: '48px',\n        },\n        lineHeight: {\n            S: '20px',\n            M: '24px',\n            L: '28px',\n            XL: '32px',\n            XXL: '48px',\n            XXXL: '72px',\n        },\n        letterSpacing: {\n            S: 0,\n            M: 1,\n            L: 3,\n            XL: 5,\n            XXL: 8,\n            XXXL: 12,\n        },\n    },\n    card: {\n        borderRadius: {\n            mobile: '4px',\n            tablet: '8px',\n            desktop: '8px',\n        },\n    },\n    elevations: {\n        flat1: {\n            boxShadow: '0 2px 2px rgba(0, 0, 0, 0.1)',\n            zIndex: 1,\n        },\n        flat2: {\n            boxShadow: '0 2px 2px rgba(0, 0, 0, 0.1)',\n            zIndex: 1000,\n        },\n        above: {\n            boxShadow: '0 0 12px rgba(0, 0, 0, 0.1)',\n            zIndex: 1000,\n        },\n        sticky: {\n            boxShadow: 'none',\n            zIndex: 1001,\n        },\n        raised: {\n            boxShadow: '0 8px 8px rgba(0, 0, 0, 0.1)',\n            zIndex: 1002,\n        },\n        raisedInverted1: {\n            boxShadow: '0 -8px 8px rgba(0, 0, 0, 0.1)',\n            zIndex: 1002,\n        },\n        raisedInverted2: {\n            boxShadow: '0 -8px 8px rgba(0, 0, 0, 0.1)',\n            zIndex: 1003,\n        },\n        popout1: {\n            boxShadow: '0 4px 16px rgba(0, 0, 0, 0.1)',\n            zIndex: 1004,\n        },\n        popout2: {\n            boxShadow: '0 4px 16px rgba(0, 0, 0, 0.1)',\n            zIndex: 1005,\n        },\n        overlay1: {\n            boxShadow: '0 0 24px rgba(0, 0, 0, 0.1)',\n            zIndex: 1006,\n        },\n        backdrop: {\n            boxShadow: 'none',\n            zIndex: 1007,\n        },\n        overlay2: {\n            boxShadow: '0 0 24px rgba(0, 0, 0, 0.1)',\n            zIndex: 1008,\n        },\n    },\n    grid: {\n        mobile: {\n            columns: 4,\n            horizontalSpace: 16,\n            verticalSpace: 16,\n            gutter: 16,\n        },\n        mobileLarge: {\n            columns: 4,\n            horizontalSpace: 16,\n            verticalSpace: 16,\n            gutter: 16,\n        },\n        tablet: {\n            columns: 12,\n            horizontalSpace: 16,\n            verticalSpace: 24,\n            gutter: 24,\n        },\n        tabletLarge: {\n            columns: 12,\n            horizontalSpace: 16,\n            verticalSpace: 24,\n            gutter: 24,\n        },\n        desktop: {\n            columns: 12,\n            horizontalSpace: 16,\n            verticalSpace: 24,\n            gutter: 24,\n        },\n        desktopLarge: {\n            columns: 12,\n            horizontalSpace: 16,\n            verticalSpace: 24,\n            gutter: 24,\n        },\n    },\n    defaultFontFamily: 'Arial',\n    fontFaces: [],\n    iconSize: {\n        small: '16px',\n        medium: '20px',\n        regular: '24px',\n        large: '32px',\n        extra_large: '48px',\n    },\n};\n"],"names":["fallbackTheme","palette","primary","ultraLight","light","main","dark","secondary","error","success","alert","info","gray","megaLight","black","white","dataVisualization","highContrast","blueDark","coral","purpleDark","orange","purple","orangeDark","blue","cyan","pink","green","lowContrast","spacingBase","borderRadius","XS","S","M","L","XL","breakPoints","mobileLarge","tablet","tabletLarge","desktop","typography","fontWeight","normal","semibold","bold","fontSize","XXS","XXL","XXXL","XXXXL","lineHeight","letterSpacing","card","mobile","elevations","flat1","boxShadow","zIndex","flat2","above","sticky","raised","raisedInverted1","raisedInverted2","popout1","popout2","overlay1","backdrop","overlay2","grid","columns","horizontalSpace","verticalSpace","gutter","desktopLarge","defaultFontFamily","fontFaces","iconSize","small","medium","regular","large","extra_large"],"mappings":"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"}

package/dist/lib/FontFaces.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @description: Source is a list of urls to font files, this urls can contain a string $cdnUrl that will be replaced
+ * by the url of the cdn in each case
+ *
+ */
+type FontFacesVariables = {
+    family: string;
+    source: string[];
+    descriptors?: FontFaceDescriptors;
+};
+
+export { FontFacesVariables };

package/dist/lib/Grid.d.ts

@@ -0,0 +1,16 @@
+type GridBase = {
+    columns: number;
+    horizontalSpace: number;
+    verticalSpace: number;
+    gutter: number;
+};
+type GridVariables = {
+    mobile: GridBase;
+    mobileLarge: GridBase;
+    tablet: GridBase;
+    tabletLarge: GridBase;
+    desktop: GridBase;
+    desktopLarge: GridBase;
+};
+
+export { GridBase, GridVariables };

package/dist/lib/Icons.d.ts

@@ -0,0 +1,152 @@
+type IconsVariables = Record<'small' | 'medium' | 'regular' | 'large' | 'extra_large', string>;
+/**
+ * @description Available icon names
+ */
+declare enum IconNames {
+    ADD_FILLED = "ADD_FILLED",
+    ADD = "ADD",
+    AGENT = "AGENT",
+    ALERT = "ALERT",
+    ANALYTICS = "ANALYTICS",
+    CONVERSATION = "CONVERSATION",
+    ARROW_BOTTOM = "ARROW_BOTTOM",
+    ARROW_LEFT = "ARROW_LEFT",
+    ARROW_RIGHT = "ARROW_RIGHT",
+    ARROW_TOP = "ARROW_TOP",
+    ATTACH = "ATTACH",
+    AUTOMATION = "AUTOMATION",
+    BELL = "BELL",
+    BOAT = "BOAT",
+    BUCKET = "BUCKET",
+    BUFFER = "BUFFER",
+    CALENDAR = "CALENDAR",
+    CANCEL_FILLED = "CANCEL_FILLED",
+    CANCEL = "CANCEL",
+    CAR = "CAR",
+    CARDBOARD_BOX_CHECK = "CARDBOARD_BOX_CHECK",
+    CARDBOARD_BOX_SHIELD = "CARDBOARD_BOX_SHIELD",
+    CARDBOARD_BOX = "CARDBOARD_BOX",
+    CARET_BOTTOM = "CARET_BOTTOM",
+    CARET_TOP = "CARET_TOP",
+    CARGO = "CARGO",
+    CART = "CART",
+    CASH_DISABLED = "CASH_DISABLED",
+    CASH = "CASH",
+    CHART_UPWARDS = "CHART_UPWARDS",
+    CHECK_FILLED = "CHECK_FILLED",
+    CHECK_MARK = "CHECK_MARK",
+    CHECK = "CHECK",
+    CHEVRON_BOTTOM = "CHEVRON_BOTTOM",
+    CHEVRON_LEFT = "CHEVRON_LEFT",
+    CHEVRON_RIGHT = "CHEVRON_RIGHT",
+    CHEVRON_TOP = "CHEVRON_TOP",
+    CIRCLE = "CIRCLE",
+    CIRCULAR_ARROW = "CIRCULAR_ARROW",
+    CLOCK = "CLOCK",
+    CLOSE = "CLOSE",
+    CODE = "CODE",
+    COINS = "COINS",
+    CONTRACT = "CONTRACT",
+    COPY = "COPY",
+    CREDIT_CARD = "CREDIT_CARD",
+    DASH = "DASH",
+    DESKTOP = "DESKTOP",
+    DOOR_DELIVERY = "DOOR_DELIVERY",
+    DOTS = "DOTS",
+    DOWNLOAD = "DOWNLOAD",
+    DRAG_DROP = "DRAG_DROP",
+    DUPLICATE = "DUPLICATE",
+    ECOMMERCE = "ECOMMERCE",
+    EDIT = "EDIT",
+    EYE_DISABLED = "EYE_DISABLED",
+    EYE = "EYE",
+    FAST_DELIVERY = "FAST_DELIVERY",
+    FEATURED = "FEATURED",
+    FEATURED_FILLED = "FEATURED_FILLED",
+    FILE_LIST = "FILE_LIST",
+    FILE_PDF = "FILE_PDF",
+    FILE = "FILE",
+    FILTER = "FILTER",
+    FORKLIFT = "FORKLIFT",
+    FOUR = "FOUR",
+    FRAGILE = "FRAGILE",
+    GIFT = "GIFT",
+    GROUP = "GROUP",
+    HAND_BOX = "HAND_BOX",
+    HARD_BOX = "HARD_BOX",
+    HELP = "HELP",
+    HOURGLASS = "HOURGLASS",
+    HOUSE = "HOUSE",
+    IMPORT = "IMPORT",
+    INBOX = "INBOX",
+    INFO_FILLED = "INFO_FILLED",
+    INFO = "INFO",
+    KEY = "KEY",
+    LABEL = "LABEL",
+    LIST = "LIST",
+    LOGOUT_BOLD = "LOGOUT_BOLD",
+    LOGOUT = "LOGOUT",
+    MAIL = "MAIL",
+    MAP = "MAP",
+    MARGIN_PROFILE = "MARGIN_PROFILE",
+    MARKER_FILLED = "MARKER_FILLED",
+    MARKER = "MARKER",
+    MENU = "MENU",
+    MOBILE = "MOBILE",
+    MONEY = "MONEY",
+    NEW_WINDOW = "NEW_WINDOW",
+    ONE = "ONE",
+    OPEN_BOX = "OPEN_BOX",
+    PADLOCK_OPEN = "PADLOCK_OPEN",
+    PADLOCK = "PADLOCK",
+    PAGINATION_LEFT = "PAGINATION_LEFT",
+    PAGINATION_RIGHT = "PAGINATION_RIGHT",
+    PALLET = "PALLET",
+    PANTONE = "PANTONE",
+    PERCENTAGE = "PERCENTAGE",
+    PLANE = "PLANE",
+    PLUG = "PLUG",
+    PLUS = "PLUS",
+    PRINTER_DISABLED = "PRINTER_DISABLED",
+    PRINTER = "PRINTER",
+    REMOVE_FILLED = "REMOVE_FILLED",
+    REMOVE = "REMOVE",
+    ROCKET = "ROCKET",
+    SAVINGS = "SAVINGS",
+    SCAN_BARCODE = "SCAN_BARCODE",
+    SCAN_QR = "SCAN_QR",
+    SEARCH = "SEARCH",
+    SETTINGS = "SETTINGS",
+    SHIELD_DISABLED = "SHIELD_DISABLED",
+    SHIELD = "SHIELD",
+    SINGLE_COLLECTION = "SINGLE_COLLECTION",
+    SORT_ALPHA_ASC = "SORT_ALPHA_ASC",
+    SORT_ALPHA_DESC = "SORT_ALPHA_DESC",
+    SORT = "SORT",
+    SPEED_TRUCK = "SPEED_TRUCK",
+    SPINNER = "SPINNER",
+    STORE = "STORE",
+    SUBSCRIPTION = "SUBSCRIPTION",
+    TABLET = "TABLET",
+    THREE = "THREE",
+    TIMER = "TIMER",
+    TRACKING = "TRACKING",
+    TRAIN = "TRAIN",
+    TRASH = "TRASH",
+    TROLLEY = "TROLLEY",
+    TRUCK = "TRUCK",
+    TWO = "TWO",
+    USER_FILLED = "USER_FILLED",
+    USER = "USER",
+    UPGRADE = "UPGRADE",
+    VAN = "VAN",
+    WAREHOUSE = "WAREHOUSE",
+    WEIGHT = "WEIGHT",
+    WEIGHT_GRAMS = "WEIGHT_GRAMS",
+    WEIGHT_OUNCE = "WEIGHT_OUNCE",
+    WEIGHT_POUND = "WEIGHT_POUND",
+    WORLD_SHIPPING = "WORLD_SHIPPING",
+    WORLD = "WORLD"
+}
+
+export { IconNames, IconsVariables };