@beequip/hexagon 0.13.0 → 0.15.1

package/dist/components/Tag/styles.js

@@ -3,12 +3,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledTag = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
-exports.StyledTag = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: inline-block;\n    padding: ", "px\n        ", "px;\n    font-family: ", ";\n    font-weight: bold;\n    font-size: ", ";\n    background: ", ";\n    border-radius: ", "px;\n    color: white;\n    text-transform: uppercase;\n    line-height: 1;\n"], ["\n    display: inline-block;\n    padding: ", "px\n        ", "px;\n    font-family: ", ";\n    font-weight: bold;\n    font-size: ", ";\n    background: ", ";\n    border-radius: ", "px;\n    color: white;\n    text-transform: uppercase;\n    line-height: 1;\n"])), function (props) { return props.theme.baseline; }, function (props) { return props.theme.baseline * 2; }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.xs; }, function (props) {
-    return props.kind === 'action'
-        ? props.theme.colors.primary
-        : props.kind === 'stale'
-            ? props.theme.colors.grey[3]
-            : props.theme.colors.accent;
-}, function (props) { return props.theme.borderRadius.tag; });
+var styled_map_1 = require("styled-map");
+exports.StyledTag = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: inline-block;\n    padding: 7px 8px 5px 8px;\n    font-family: ", ";\n    font-weight: bold;\n    font-size: ", ";\n    background-color: ", ";\n    border-radius: ", "px;\n    color: ", ";\n    text-transform: uppercase;\n    line-height: 1;\n"], ["\n    display: inline-block;\n    padding: 7px 8px 5px 8px;\n    font-family: ", ";\n    font-weight: bold;\n    font-size: ", ";\n    background-color: ", ";\n    border-radius: ", "px;\n    color: ", ";\n    text-transform: uppercase;\n    line-height: 1;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.xs; }, function (props) {
+    return styled_map_1.default('kind', {
+        error: props.theme.colors.red[2],
+        warning: props.theme.colors.orange[2],
+        default: props.theme.colors.blue[3],
+        success: props.theme.colors.green[1],
+        disabled: props.theme.colors.grey[4],
+    });
+}, function (props) { return props.theme.borderRadius.default; }, function (props) {
+    return styled_map_1.default('kind', {
+        error: props.theme.colors.white,
+        warning: props.theme.colors.white,
+        default: props.theme.colors.blue[1],
+        success: props.theme.colors.white,
+        disabled: props.theme.colors.grey[3],
+    });
+});
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/components/Tag/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Tag/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAGzB,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,kVAAU,6CAE9B,EAA6B,cAClC,EAAiC,wBACxB,EAAiC,4CAEnC,EAAkC,qBACjC,EAKqB,wBAClB,EAAqC,+EAIzD,KAfc,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAClC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAxB,CAAwB,EACxB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAEnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAzB,CAAyB,EACjC,UAAA,KAAK;IACf,OAAA,KAAK,CAAC,IAAI,KAAK,QAAQ;QACnB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO;YACxB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;YAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;AAJ/B,CAI+B,EAClB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAA5B,CAA4B,EAIzD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Tag/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAGrB,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,gVAAU,gFAG1B,EAAiC,4CAEnC,EAAkC,2BAC3B,EAOd,wBACW,EAAyC,kBACjD,EAOH,0DAGT,KAtBkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAEnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAzB,CAAyB,EAC3B,UAAA,KAAK;IACrB,OAAA,oBAAS,CAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QAChC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;QACrC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACpC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;KACvC,CAAC;AANF,CAME,EACW,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAhC,CAAgC,EACjD,UAAA,KAAK;IACV,OAAA,oBAAS,CAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;QAC/B,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;QACjC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;QACjC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;KACvC,CAAC;AANF,CAME,EAGT"}

package/dist/theme/theme.d.ts

@@ -1,16 +1,33 @@
-import { FontSizesMap, SpacingMap, ButtonColorType, ShadesMap } from './types';
+import { FontSizesMap, SpacingMap, ButtonColorType, ShadesMap, BlueMap, GreenMap, OrangeMap, RedMap } from './types';
+export declare const BLACK = "#000";
+export declare const WHITE = "#fff";
 export declare const GREY1 = "#131923";
 export declare const GREY2 = "#5A5E65";
 export declare const GREY3 = "#B8BABD";
 export declare const GREY4 = "#E5E6E7";
-export declare const GREY5 = "#F6F6F6";
+export declare const GREY5 = "#F1F1F1";
+export declare const GREY6 = "#F6F6F6";
+export declare const RED1 = "#D2524A";
+export declare const RED2 = "#FF6259";
+export declare const RED3 = "#FF7770";
+export declare const RED4 = "#FFEFEE";
+export declare const GREEN1 = "#43DC75";
+export declare const GREEN2 = "#C4E9D0";
+export declare const GREEN3 = "#EBFFF1";
+export declare const BLUE1 = "#104388";
+export declare const BLUE2 = "#056FFF";
+export declare const BLUE3 = "#DFEDFF";
+export declare const ORANGE1 = "#E79200";
+export declare const ORANGE2 = "#FFA100";
+export declare const ORANGE3 = "#FEB943";
+export declare const ORANGE4 = "#FFF6E5";
 export declare const PRIMARY = "#FFA100";
-export declare const PRIMARY_LIGHT = "#FFC400";
+export declare const PRIMARY_LIGHT = "#FEB943";
 export declare const PRIMARY_DARK = "#FFA100";
-export declare const PRIMARY_LIGHT_BACKGROUND = "#F9FAFB";
-export declare const ACCENT = "#056fff";
-export declare const ACCENT_LIGHT = "#207DFF";
-export declare const ACCENT_DARK = "#2A1BFF";
+export declare const PRIMARY_LIGHT_BACKGROUND = "#F1F1F1";
+export declare const ACCENT = "#056FFF";
+export declare const ACCENT_LIGHT = "#DFEDFF";
+export declare const ACCENT_DARK = "#104388";
 export interface ThemeInterface {
     baseline: number;
     font: {
@@ -30,9 +47,10 @@ export interface ThemeInterface {
         black: string;
         white: string;
         grey: ShadesMap<string>;
-        red: string;
-        green: string;
-        orange: string;
+        blue: BlueMap<string>;
+        red: RedMap<string>;
+        green: GreenMap<string>;
+        orange: OrangeMap<string>;
         success: string;
         warning: string;
         error: string;
@@ -61,12 +79,18 @@ export interface ThemeInterface {
     borderColor: string;
     borderRadius: {
         default: number;
+        large: number;
         button: number;
         input: number;
     };
     borderWidth: number;
     spacing: SpacingMap<number>;
-    shadow: string;
+    shadow: {
+        small: string;
+        large: string;
+    };
     shadowHover: string;
+    space: number[];
+    breakpoints: string[];
 }
 export declare const theme: ThemeInterface;

package/dist/theme/theme.js

@@ -1,34 +1,46 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.theme = exports.ACCENT_DARK = exports.ACCENT_LIGHT = exports.ACCENT = exports.PRIMARY_LIGHT_BACKGROUND = exports.PRIMARY_DARK = exports.PRIMARY_LIGHT = exports.PRIMARY = exports.GREY5 = exports.GREY4 = exports.GREY3 = exports.GREY2 = exports.GREY1 = void 0;
+exports.theme = exports.ACCENT_DARK = exports.ACCENT_LIGHT = exports.ACCENT = exports.PRIMARY_LIGHT_BACKGROUND = exports.PRIMARY_DARK = exports.PRIMARY_LIGHT = exports.PRIMARY = exports.ORANGE4 = exports.ORANGE3 = exports.ORANGE2 = exports.ORANGE1 = exports.BLUE3 = exports.BLUE2 = exports.BLUE1 = exports.GREEN3 = exports.GREEN2 = exports.GREEN1 = exports.RED4 = exports.RED3 = exports.RED2 = exports.RED1 = exports.GREY6 = exports.GREY5 = exports.GREY4 = exports.GREY3 = exports.GREY2 = exports.GREY1 = exports.WHITE = exports.BLACK = void 0;
 var typography_1 = require("./typography");
 // Standard colors and shades
-var BLACK = '#000';
-var WHITE = '#fff';
+exports.BLACK = '#000';
+exports.WHITE = '#fff';
 exports.GREY1 = '#131923';
 exports.GREY2 = '#5A5E65';
 exports.GREY3 = '#B8BABD';
 exports.GREY4 = '#E5E6E7';
-exports.GREY5 = '#F6F6F6';
-var RED = '#FF6259';
-var GREEN = '#43DC75';
-var ORANGE = '#FFA100';
+exports.GREY5 = '#F1F1F1';
+exports.GREY6 = '#F6F6F6';
+exports.RED1 = '#D2524A';
+exports.RED2 = '#FF6259';
+exports.RED3 = '#FF7770';
+exports.RED4 = '#FFEFEE';
+exports.GREEN1 = '#43DC75';
+exports.GREEN2 = '#C4E9D0';
+exports.GREEN3 = '#EBFFF1';
+exports.BLUE1 = '#104388';
+exports.BLUE2 = '#056FFF';
+exports.BLUE3 = '#DFEDFF';
+exports.ORANGE1 = '#E79200';
+exports.ORANGE2 = '#FFA100';
+exports.ORANGE3 = '#FEB943';
+exports.ORANGE4 = '#FFF6E5';
 // Main color that indicates productive actions
-exports.PRIMARY = '#FFA100';
-exports.PRIMARY_LIGHT = '#FFC400';
-exports.PRIMARY_DARK = ORANGE;
-exports.PRIMARY_LIGHT_BACKGROUND = '#F9FAFB';
+exports.PRIMARY = exports.ORANGE2;
+exports.PRIMARY_LIGHT = exports.ORANGE3;
+exports.PRIMARY_DARK = exports.ORANGE2;
+exports.PRIMARY_LIGHT_BACKGROUND = exports.GREY5;
 // Secondary color that indicates counterproductive actions
 var SECONDARY = exports.GREY1;
 var SECONDARY_LIGHT = exports.GREY2;
 // Accent color that draws attention
-exports.ACCENT = '#056fff';
-exports.ACCENT_LIGHT = '#207DFF';
-exports.ACCENT_DARK = '#2A1BFF';
+exports.ACCENT = exports.BLUE2;
+exports.ACCENT_LIGHT = exports.BLUE3;
+exports.ACCENT_DARK = exports.BLUE1;
 // Notification colors
-var SUCCESS = GREEN;
+var SUCCESS = exports.GREEN1;
 var WARNING = exports.PRIMARY;
-var ERROR = RED;
+var ERROR = exports.RED2;
 var MESSAGE = exports.ACCENT;
 // Global defaults
 var BORDER_COLOR = exports.GREY4;
@@ -50,8 +62,8 @@ exports.theme = {
         accent: exports.ACCENT,
         accentLight: exports.ACCENT_LIGHT,
         accentDark: exports.ACCENT_DARK,
-        black: BLACK,
-        white: WHITE,
+        black: exports.BLACK,
+        white: exports.WHITE,
         grey: {
             1: exports.GREY1,
             2: exports.GREY2,
@@ -59,9 +71,28 @@ exports.theme = {
             4: exports.GREY4,
             5: exports.GREY5,
         },
-        red: RED,
-        green: GREEN,
-        orange: ORANGE,
+        blue: {
+            1: exports.BLUE1,
+            2: exports.BLUE2,
+            3: exports.BLUE3,
+        },
+        red: {
+            1: exports.RED1,
+            2: exports.RED2,
+            3: exports.RED3,
+            4: exports.RED4,
+        },
+        green: {
+            1: exports.GREEN1,
+            2: exports.GREEN2,
+            3: exports.GREEN3,
+        },
+        orange: {
+            1: exports.ORANGE1,
+            2: exports.ORANGE2,
+            3: exports.ORANGE3,
+            4: exports.ORANGE4,
+        },
         success: SUCCESS,
         warning: WARNING,
         error: ERROR,
@@ -74,13 +105,13 @@ exports.theme = {
         },
         // Form elements
         input: {
-            border: exports.GREY5,
-            focus: exports.ACCENT,
+            border: exports.GREY4,
+            focus: exports.BLUE2,
             error: WARNING,
-            background: exports.GREY5,
-            backgroundHover: WHITE,
+            background: exports.GREY6,
+            backgroundHover: exports.WHITE,
             placeholder: exports.GREY3,
-            color: BLACK,
+            color: exports.GREY1,
         },
         // Buttons
         buttons: {
@@ -100,9 +131,10 @@ exports.theme = {
     },
     borderColor: BORDER_COLOR,
     borderRadius: {
-        default: 0,
-        button: 0,
-        input: 0,
+        default: 5,
+        large: 10,
+        button: 5,
+        input: 5,
     },
     borderWidth: 1,
     spacing: {
@@ -115,7 +147,12 @@ exports.theme = {
         6: 48,
         7: 56,
     },
-    shadow: '0 1px 3px 0px rgba(0, 0, 0, 0.15)',
+    space: [0, 4, 8, 16, 24, 32, 48, 64, 80],
+    breakpoints: ['768px', '1024px', '1280px'],
+    shadow: {
+        small: '0px 0px 3px rgb(21 27 38 / 20%)',
+        large: "0px 100px 80px rgba(0, 0, 0, 0.03),\n        0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0215656),\n        0px 22.3363px 17.869px rgba(0, 0, 0, 0.0178832),\n        0px 12.5216px 10.0172px rgba(0, 0, 0, 0.015),\n        0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0121168),\n        0px 2.76726px 2.21381px rgba(0, 0, 0, 0.00843437)",
+    },
     shadowHover: '0 2px 3px 0px rgba(0, 0, 0, 0.10)',
 };
 //# sourceMappingURL=theme.js.map

package/dist/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":";;;AACA,2CAAwC;AAExC,6BAA6B;AAC7B,IAAM,KAAK,GAAG,MAAM,CAAA;AACpB,IAAM,KAAK,GAAG,MAAM,CAAA;AACP,QAAA,KAAK,GAAG,SAAS,CAAA;AACjB,QAAA,KAAK,GAAG,SAAS,CAAA;AACjB,QAAA,KAAK,GAAG,SAAS,CAAA;AACjB,QAAA,KAAK,GAAG,SAAS,CAAA;AACjB,QAAA,KAAK,GAAG,SAAS,CAAA;AAC9B,IAAM,GAAG,GAAG,SAAS,CAAA;AACrB,IAAM,KAAK,GAAG,SAAS,CAAA;AACvB,IAAM,MAAM,GAAG,SAAS,CAAA;AAExB,+CAA+C;AAClC,QAAA,OAAO,GAAG,SAAS,CAAA;AACnB,QAAA,aAAa,GAAG,SAAS,CAAA;AACzB,QAAA,YAAY,GAAG,MAAM,CAAA;AACrB,QAAA,wBAAwB,GAAG,SAAS,CAAA;AAEjD,2DAA2D;AAC3D,IAAM,SAAS,GAAG,aAAK,CAAA;AACvB,IAAM,eAAe,GAAG,aAAK,CAAA;AAE7B,oCAAoC;AACvB,QAAA,MAAM,GAAG,SAAS,CAAA;AAClB,QAAA,YAAY,GAAG,SAAS,CAAA;AACxB,QAAA,WAAW,GAAG,SAAS,CAAA;AAEpC,sBAAsB;AACtB,IAAM,OAAO,GAAG,KAAK,CAAA;AACrB,IAAM,OAAO,GAAG,eAAO,CAAA;AACvB,IAAM,KAAK,GAAG,GAAG,CAAA;AACjB,IAAM,OAAO,GAAG,cAAM,CAAA;AAEtB,kBAAkB;AAClB,IAAM,YAAY,GAAG,aAAK,CAAA;AAC1B,IAAM,YAAY,GAAG,+DAA+D,CAAA;AACpF,IAAM,YAAY,GAAG,+DAA+D,CAAA;AAiEvE,QAAA,KAAK,GAAmB;IACjC,QAAQ,EAAE,CAAC;IACX,IAAI,EAAE;QACF,OAAO,EAAE,YAAY;QACrB,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,sBAAS;QAChB,UAAU,EAAE,GAAG;KAClB;IACD,MAAM,EAAE;QACJ,OAAO,EAAE,eAAO;QAChB,YAAY,EAAE,qBAAa;QAC3B,WAAW,EAAE,oBAAY;QACzB,sBAAsB,EAAE,gCAAwB;QAChD,MAAM,EAAE,cAAM;QACd,WAAW,EAAE,oBAAY;QACzB,UAAU,EAAE,mBAAW;QACvB,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE;YACF,CAAC,EAAE,aAAK;YACR,CAAC,EAAE,aAAK;YACR,CAAC,EAAE,aAAK;YACR,CAAC,EAAE,aAAK;YACR,CAAC,EAAE,aAAK;SACX;QACD,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,OAAO;QAChB,aAAa;QACb,IAAI,EAAE;YACF,OAAO,EAAE,aAAK;YACd,OAAO,EAAE,aAAK;YACd,KAAK,EAAE,aAAK;SACf;QACD,gBAAgB;QAChB,KAAK,EAAE;YACH,MAAM,EAAE,aAAK;YACb,KAAK,EAAE,cAAM;YACb,KAAK,EAAE,OAAO;YACd,UAAU,EAAE,aAAK;YACjB,eAAe,EAAE,KAAK;YACtB,WAAW,EAAE,aAAK;YAClB,KAAK,EAAE,KAAK;SACf;QACD,UAAU;QACV,OAAO,EAAE;YACL,OAAO,EAAE,eAAO;YAChB,YAAY,EAAE,qBAAa;YAC3B,YAAY,EAAE,qBAAa;YAC3B,SAAS,EAAE,SAAS;YACpB,cAAc,EAAE,eAAe;YAC/B,cAAc,EAAE,eAAe;SAClC;QACD,QAAQ;QACR,KAAK,EAAE;YACH,OAAO,EAAE,eAAO;YAChB,KAAK,EAAE,qBAAa;YACpB,KAAK,EAAE,qBAAa;SACvB;KACJ;IACD,WAAW,EAAE,YAAY;IACzB,YAAY,EAAE;QACV,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;KACX;IACD,WAAW,EAAE,CAAC;IACd,OAAO,EAAE;QACL,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,EAAE;QACL,CAAC,EAAE,EAAE;QACL,CAAC,EAAE,EAAE;QACL,CAAC,EAAE,EAAE;QACL,CAAC,EAAE,EAAE;QACL,CAAC,EAAE,EAAE;KACR;IACD,MAAM,EAAE,mCAAmC;IAC3C,WAAW,EAAE,mCAAmC;CACnD,CAAA"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"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"}

package/dist/theme/types.d.ts

@@ -7,6 +7,14 @@ export declare type BoxSides = 'top' | 'right' | 'bottom' | 'left';
 export declare type BoxSidesMap<T> = Record<BoxSides, T>;
 export declare type Shades = 1 | 2 | 3 | 4 | 5;
 export declare type ShadesMap<T> = Record<Shades, T>;
+export declare type Blue = 1 | 2 | 3;
+export declare type BlueMap<T> = Record<Blue, T>;
+export declare type Green = 1 | 2 | 3;
+export declare type GreenMap<T> = Record<Green, T>;
+export declare type Red = 1 | 2 | 3 | 4;
+export declare type RedMap<T> = Record<Red, T>;
+export declare type Orange = 1 | 2 | 3 | 4;
+export declare type OrangeMap<T> = Record<Orange, T>;
 export declare type InputType = 'text' | 'number' | 'password' | 'tel' | 'email';
 export declare type TextAlignType = 'left' | 'center' | 'right';
 export declare type AlignType = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';

package/dist/theme/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":";;;AAyCa,QAAA,UAAU,GAAG,OAAO,CAAA;AACpB,QAAA,WAAW,GAAG,QAAQ,CAAA;AACtB,QAAA,UAAU,GAAG,OAAO,CAAA"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":";;;AAiDa,QAAA,UAAU,GAAG,OAAO,CAAA;AACpB,QAAA,WAAW,GAAG,QAAQ,CAAA;AACtB,QAAA,UAAU,GAAG,OAAO,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@beequip/hexagon",
-    "version": "0.13.0",
+    "version": "0.15.1",
     "description": "Component library for BEEQUIP",
     "main": "dist/index.js",
     "files": [
@@ -46,6 +46,7 @@
         "downshift": "^3.2.14",
         "react": "^16.8.6",
         "react-dom": "^16.8.3",
+        "react-icons": "^4.3.1",
         "react-pose": "^4.0.8",
         "react-router-dom": "^5.0.0",
         "react-tooltip": "^4.2.8",

package/dist/components/RemoveButton/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export interface RemoveButtonProps {
-    onClick?: () => void;
-}
-export declare const RemoveButton: (props: RemoveButtonProps) => JSX.Element;

package/dist/components/RemoveButton/index.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RemoveButton = void 0;
-var tslib_1 = require("tslib");
-var React = require("react");
-var Cross_1 = require("../../assets/icons/Cross");
-var styles_1 = require("./styles");
-var RemoveButton = function (props) {
-    return (React.createElement(styles_1.StyledRemoveButton, tslib_1.__assign({ hook: "reset-company", type: "button", kind: "ghost" }, props),
-        React.createElement(Cross_1.Cross, { width: 16 })));
-};
-exports.RemoveButton = RemoveButton;
-//# sourceMappingURL=index.js.map

package/dist/components/RemoveButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RemoveButton/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,kDAAgD;AAChD,mCAA6C;AAMtC,IAAM,YAAY,GAAG,UAAC,KAAwB;IACjD,OAAO,CACH,oBAAC,2BAAkB,qBACf,IAAI,EAAC,eAAe,EACpB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,IACR,KAAK;QAET,oBAAC,aAAK,IAAC,KAAK,EAAE,EAAE,GAAI,CACH,CACxB,CAAA;AACL,CAAC,CAAA;AAXY,QAAA,YAAY,gBAWxB"}

package/dist/components/RemoveButton/index.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
-import { RemoveButtonProps } from '.';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;
-export declare const Default: Story<RemoveButtonProps>;

package/dist/components/RemoveButton/index.stories.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var _1 = require(".");
-exports.default = {
-    title: 'Hexagon/RemoveButton',
-    component: _1.RemoveButton,
-    decorators: [function (Story) { return react_1.default.createElement(Story, null); }],
-};
-var Template = function (_a) {
-    var args = tslib_1.__rest(_a, []);
-    return (react_1.default.createElement(_1.RemoveButton, tslib_1.__assign({}, args)));
-};
-exports.Default = Template.bind({});
-exports.Default.parameters = {
-    controls: { hideNoControlsWarning: true },
-};
-//# sourceMappingURL=index.stories.js.map

package/dist/components/RemoveButton/index.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/RemoveButton/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmD;AAEnD,kBAAe;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAY;IACvB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAA6B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CACxD,8BAAC,eAAY,uBAAK,IAAI,EAAI,CAC7B,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,eAAO,CAAC,UAAU,GAAG;IACjB,QAAQ,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE;CAC5C,CAAA"}

package/dist/components/RemoveButton/styles.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const StyledRemoveButton: import("styled-components").StyledComponent<import("react").FC<import("../Button").ButtonProps>, any, {}, never>;

package/dist/components/RemoveButton/styles.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledRemoveButton = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = require("styled-components");
-var Button_1 = require("../Button");
-exports.StyledRemoveButton = styled_components_1.default(Button_1.Button)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    svg {\n        color: ", ";\n        transition: color 130ms;\n    }\n\n    &:hover {\n        svg {\n            color: ", ";\n        }\n    }\n"], ["\n    svg {\n        color: ", ";\n        transition: color 130ms;\n    }\n\n    &:hover {\n        svg {\n            color: ", ";\n        }\n    }\n"])), function (props) { return props.theme.colors.grey[2]; }, function (props) { return props.theme.colors.primary; });
-var templateObject_1;
-//# sourceMappingURL=styles.js.map

package/dist/components/RemoveButton/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RemoveButton/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,oCAAkC;AAErB,QAAA,kBAAkB,GAAG,2BAAM,CAAC,eAAM,CAAC,qOAAA,8BAE/B,EAAmC,iGAM/B,EAAmC,uBAGvD,KATgB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAM/B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAA1B,CAA0B,EAGvD"}