@beequip/hexagon 0.16.0-1 → 0.17.0

package/dist/components/Tag/styles.js

@@ -4,21 +4,21 @@ exports.StyledTag = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = require("styled-components");
 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) {
+exports.StyledTag = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: inline-block;\n    padding: 8px 12px;\n    font-family: ", ";\n    font-weight: 500;\n    font-size: ", ";\n    background-color: ", ";\n    border-radius: 8px;\n    color: ", ";\n    line-height: 0.75;\n    white-space: nowrap;\n"], ["\n    display: inline-block;\n    padding: 8px 12px;\n    font-family: ", ";\n    font-weight: 500;\n    font-size: ", ";\n    background-color: ", ";\n    border-radius: 8px;\n    color: ", ";\n    line-height: 0.75;\n    white-space: nowrap;\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],
+        error: props.theme.colors.red[50],
+        warning: props.theme.colors.orange[50],
+        default: props.theme.colors.blue[50],
+        success: props.theme.colors.green[50],
+        disabled: props.theme.colors.grey[200],
     });
-}, function (props) { return props.theme.borderRadius.default; }, function (props) {
+}, 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],
+        error: props.theme.colors.red[900],
+        warning: props.theme.colors.orange[900],
+        default: props.theme.colors.blue[900],
+        success: props.theme.colors.green[900],
+        disabled: props.theme.colors.grey[300],
     });
 });
 var templateObject_1;

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;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"}
+{"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,kUAAU,yEAG1B,EAAiC,2CAEnC,EAAkC,2BAC3B,EAOd,yCAEG,EAOH,uDAGT,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,EAAE,CAAC;QACjC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QACtC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;QACpC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QACrC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;KACzC,CAAC;AANF,CAME,EAEG,UAAA,KAAK;IACV,OAAA,oBAAS,CAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QAClC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC;QACvC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QACrC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;QACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;KACzC,CAAC;AANF,CAME,EAGT"}

package/dist/components/ToggleContainer/ToggleItem/styles.js

@@ -9,6 +9,6 @@ exports.StyledContainer = styled_components_1.default.div(templateObject_1 || (t
 exports.StyledTitle = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    display: flex;\n    justify-content: space-between;\n    padding: ", "px;\n    cursor: pointer;\n\n    p {\n        font-weight: 500;\n        &:hover {\n            color: ", ";\n        }\n    }\n"], ["\n    display: flex;\n    justify-content: space-between;\n    padding: ", "px;\n    cursor: pointer;\n\n    p {\n        font-weight: 500;\n        &:hover {\n            color: ", ";\n        }\n    }\n"])), function (props) { return props.theme.spacing[0]; }, function (props) { return props.theme.colors.primary; });
 exports.StyledContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    padding-top: ", "px;\n"], ["\n    padding-top: ", "px;\n"])), function (props) { return props.theme.spacing[2]; });
 exports.StyledPlusIcon = styled_components_1.default(PlusCircle_1.PlusCircle)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n    width: 20px;\n    flex-shrink: 0;\n    fill: ", ";\n"], ["\n    width: 20px;\n    flex-shrink: 0;\n    fill: ", ";\n"])), function (props) { return props.theme.colors.primary; });
-exports.StyledMinusIcon = styled_components_1.default(MinusCircle_1.MinusCircle)(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n    width: 20px;\n    flex-shrink: 0;\n    fill: ", ";\n"], ["\n    width: 20px;\n    flex-shrink: 0;\n    fill: ", ";\n"])), function (props) { return props.theme.colors.grey[3]; });
+exports.StyledMinusIcon = styled_components_1.default(MinusCircle_1.MinusCircle)(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n    width: 20px;\n    flex-shrink: 0;\n    fill: ", ";\n"], ["\n    width: 20px;\n    flex-shrink: 0;\n    fill: ", ";\n"])), function (props) { return props.theme.colors.grey[300]; });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=styles.js.map

package/dist/components/ToggleContainer/ToggleItem/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ToggleContainer/ToggleItem/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,+DAA6D;AAC7D,iEAA+D;AAElD,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,2KAAA,8BACb,EAAgC,qDAE7C,EAA+B,SAC7C,KAH2B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,EAAvB,CAAuB,EAE7C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAC7C;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,yRAAA,0EAGtB,EAA+B,yGAMzB,EAAmC,uBAGvD,KATc,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAMzB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAA1B,CAA0B,EAGvD;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,yGAAA,qBACpB,EAA+B,OACjD,KADkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EACjD;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,uBAAU,CAAC,uIAAA,qDAGpC,EAAmC,KAC9C,KADW,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAA1B,CAA0B,EAC9C;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,yBAAW,CAAC,uIAAA,qDAGtC,EAAmC,KAC9C,KADW,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAC9C"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ToggleContainer/ToggleItem/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,+DAA6D;AAC7D,iEAA+D;AAElD,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,2KAAA,8BACb,EAAgC,qDAE7C,EAA+B,SAC7C,KAH2B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,EAAvB,CAAuB,EAE7C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAC7C;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,yRAAA,0EAGtB,EAA+B,yGAMzB,EAAmC,uBAGvD,KATc,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAMzB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAA1B,CAA0B,EAGvD;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,yGAAA,qBACpB,EAA+B,OACjD,KADkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EACjD;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,uBAAU,CAAC,uIAAA,qDAGpC,EAAmC,KAC9C,KADW,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAA1B,CAA0B,EAC9C;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,yBAAW,CAAC,uIAAA,qDAGtC,EAAqC,KAChD,KADW,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAA5B,CAA4B,EAChD"}

package/dist/components/Tooltip/index.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 var tslib_1 = require("tslib");
 var React = require("react");
-var styles_1 = require("./styles");
 var InfoCircle_1 = require("../../assets/icons/InfoCircle");
+var styles_1 = require("./styles");
 var Tooltip = function (_a) {
     var id = _a.id, text = _a.text, color = _a.color, width = _a.width, style = _a.style, rest = tslib_1.__rest(_a, ["id", "text", "color", "width", "style"]);
     return (React.createElement(styles_1.StyledContainer, tslib_1.__assign({}, rest),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAyD;AACzD,4DAA0D;AAUnD,IAAM,OAAO,GAA2B,UAAC,EAO/C;IANG,IAAA,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,KAAK,WAAA,EACL,KAAK,WAAA,EACF,IAAI,sBANqC,yCAO/C,CADU;IACL,OAAA,CACF,oBAAC,wBAAe,uBAAK,IAAI;QACrB,oBAAC,sBAAa,sBAAiB,IAAI,EAAE,EAAE,EAAE,EAAE,GAAI;QAC/C,oBAAC,uBAAU,IACP,KAAK,EAAE,KAAK,cACF,IAAI,EACd,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACd,CACY,CACrB,CAAA;CAAA,CAAA;AAlBY,QAAA,OAAO,WAkBnB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,4DAA0D;AAC1D,mCAAyD;AAUlD,IAAM,OAAO,GAA2B,UAAC,EAO/C;IANG,IAAA,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,KAAK,WAAA,EACL,KAAK,WAAA,EACF,IAAI,sBANqC,yCAO/C,CADU;IACL,OAAA,CACF,oBAAC,wBAAe,uBAAK,IAAI;QACrB,oBAAC,sBAAa,sBAAiB,IAAI,EAAE,EAAE,EAAE,EAAE,GAAI;QAC/C,oBAAC,uBAAU,IACP,KAAK,EAAE,KAAK,cACF,IAAI,EACd,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACd,CACY,CACrB,CAAA;CAAA,CAAA;AAlBY,QAAA,OAAO,WAkBnB"}

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

@@ -1,3 +1,4 @@
-import ReactTooltip from 'react-tooltip';
-export declare const StyledTooltip: import("styled-components").StyledComponent<typeof ReactTooltip, any, {}, never>;
+/// <reference types="react" />
+import { TooltipProps } from 'react-tooltip';
+export declare const StyledTooltip: import("styled-components").StyledComponent<(props: TooltipProps) => JSX.Element, any, {}, never>;
 export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Tooltip/styles.js

@@ -2,9 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledContainer = exports.StyledTooltip = void 0;
 var tslib_1 = require("tslib");
+var react_1 = require("react");
 var react_tooltip_1 = require("react-tooltip");
 var styled_components_1 = require("styled-components");
-exports.StyledTooltip = styled_components_1.default(react_tooltip_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    max-width: 250px;\n    line-height: 1.3;\n    font-size: 12px !important;\n    font-weight: normal !important;\n\n    * {\n        text-align: left !important;\n    }\n"], ["\n    max-width: 250px;\n    line-height: 1.3;\n    font-size: 12px !important;\n    font-weight: normal !important;\n\n    * {\n        text-align: left !important;\n    }\n"])));
+var Tooltip = function (props) { return react_1.default.createElement(react_tooltip_1.default, tslib_1.__assign({}, props)); };
+exports.StyledTooltip = styled_components_1.default(Tooltip)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    max-width: 250px;\n    line-height: 1.3;\n    font-size: 12px !important;\n    font-weight: normal !important;\n\n    * {\n        text-align: left !important;\n    }\n"], ["\n    max-width: 250px;\n    line-height: 1.3;\n    font-size: 12px !important;\n    font-weight: normal !important;\n\n    * {\n        text-align: left !important;\n    }\n"])));
 exports.StyledContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    display: inline-flex;\n    font-family: ", ";\n"], ["\n    display: inline-flex;\n    font-family: ", ";\n"])), function (props) { return props.theme.font.default; });
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.ts"],"names":[],"mappings":";;;;AAAA,+CAAwC;AACxC,uDAAsC;AAEzB,QAAA,aAAa,GAAG,2BAAM,CAAC,uBAAY,CAAC,2PAAA,gLAShD,KAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,kIAAA,gDAEtB,EAAiC,KACnD,KADkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.tsx"],"names":[],"mappings":";;;;AAAA,+BAAyB;AACzB,+CAA0D;AAC1D,uDAAsC;AAEtC,IAAM,OAAO,GAAG,UAAC,KAAmB,IAAK,OAAA,8BAAC,uBAAY,uBAAK,KAAK,EAAI,EAA3B,CAA2B,CAAA;AAEvD,QAAA,aAAa,GAAG,2BAAM,CAAC,OAAO,CAAC,2PAAA,gLAS3C,KAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,kIAAA,gDAEtB,EAAiC,KACnD,KADkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnD"}

package/dist/theme/theme.d.ts

@@ -1,33 +1,110 @@
-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 = "#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 = "#FEB943";
-export declare const PRIMARY_DARK = "#FFA100";
-export declare const PRIMARY_LIGHT_BACKGROUND = "#F1F1F1";
-export declare const ACCENT = "#056FFF";
-export declare const ACCENT_LIGHT = "#DFEDFF";
-export declare const ACCENT_DARK = "#104388";
+import { FontSizesMap, SpacingMap, ButtonColorType } from './types';
+export declare const palette: {
+    readonly black: "#000";
+    readonly white: "#fff";
+    readonly grey: {
+        readonly 50: "#f6f6f6";
+        readonly 100: "#e5e5e5";
+        readonly 200: "#ccc";
+        readonly 300: "#b2b2b2";
+        readonly 400: "#999";
+        readonly 500: "#808080";
+        readonly 600: "#666";
+        readonly 700: "#4c4c4c";
+        readonly 800: "#333";
+        readonly 900: "#191919";
+    };
+    readonly blueGrey: {
+        readonly 50: "#f3f5f9";
+        readonly 100: "#edeef0";
+        readonly 200: "#dbdde1";
+        readonly 300: "#c9ccd2";
+        readonly 400: "#b7bbc3";
+        readonly 500: "#a5a9b4";
+        readonly 600: "#9498a5";
+        readonly 700: "#828796";
+        readonly 800: "#707687";
+        readonly 900: "#575c6a";
+    };
+    readonly orange: {
+        readonly 50: "#fff4e0";
+        readonly 100: "#ffe3b3";
+        readonly 200: "#ffd080";
+        readonly 300: "#ffbd4d";
+        readonly 400: "#ffaf26";
+        readonly 500: "#ffa100";
+        readonly 600: "#ff9900";
+        readonly 700: "#ff8f00";
+        readonly 800: "#ff8500";
+        readonly 900: "#e66700";
+    };
+    readonly blue: {
+        readonly 50: "#e1eeff";
+        readonly 100: "#b4d4ff";
+        readonly 200: "#82b7ff";
+        readonly 300: "#509aff";
+        readonly 400: "#2b85ff";
+        readonly 500: "#056fff";
+        readonly 600: "#0467ff";
+        readonly 700: "#045cff";
+        readonly 800: "#0352ff";
+        readonly 900: "#0140ff";
+    };
+    readonly green: {
+        readonly 50: "#e8fbee";
+        readonly 100: "#1c7f5d6";
+        readonly 200: "#a1eeba";
+        readonly 300: "#7be79e";
+        readonly 400: "#5fe18a";
+        readonly 500: "#43dc75";
+        readonly 600: "#3dd86d";
+        readonly 700: "#34d362";
+        readonly 800: "#2cce58";
+        readonly 900: "#19a439";
+    };
+    readonly red: {
+        readonly 50: "#ffeceb";
+        readonly 100: "#ffd0cd";
+        readonly 200: "#ffb1ac";
+        readonly 300: "#ff918b";
+        readonly 400: "#ff7a72";
+        readonly 500: "#ff6259";
+        readonly 600: "#ff5a51";
+        readonly 700: "#ff5048";
+        readonly 800: "#ff463e";
+        readonly 900: "#ff342e";
+    };
+};
+declare type Palette = typeof palette;
+export declare const BLACK: "#000";
+export declare const WHITE: "#fff";
+export declare const GREY1: "#191919";
+export declare const GREY2: "#666";
+export declare const GREY3: "#b2b2b2";
+export declare const GREY4: "#ccc";
+export declare const GREY5: "#e5e5e5";
+export declare const GREY6: "#f6f6f6";
+export declare const RED1: "#ff342e";
+export declare const RED2: "#ff6259";
+export declare const RED3: "#ff7a72";
+export declare const RED4: "#ffeceb";
+export declare const GREEN1: "#43dc75";
+export declare const GREEN2: "#1c7f5d6";
+export declare const GREEN3: "#e8fbee";
+export declare const BLUE1: "#0140ff";
+export declare const BLUE2: "#056fff";
+export declare const BLUE3: "#e1eeff";
+export declare const ORANGE1: "#ff9900";
+export declare const ORANGE2: "#ffa100";
+export declare const ORANGE3: "#ffbd4d";
+export declare const ORANGE4: "#fff4e0";
+export declare const PRIMARY: "#ffa100";
+export declare const PRIMARY_LIGHT: "#ffbd4d";
+export declare const PRIMARY_DARK: "#ffa100";
+export declare const PRIMARY_LIGHT_BACKGROUND: "#e5e5e5";
+export declare const ACCENT: "#056fff";
+export declare const ACCENT_LIGHT: "#e1eeff";
+export declare const ACCENT_DARK: "#0140ff";
 export interface ThemeInterface {
     baseline: number;
     font: {
@@ -36,7 +113,7 @@ export interface ThemeInterface {
         sizes: FontSizesMap<string>;
         lineHeight: number;
     };
-    colors: {
+    colors: Palette & {
         primary: string;
         primaryLight: string;
         primaryDark: string;
@@ -44,13 +121,6 @@ export interface ThemeInterface {
         accent: string;
         accentLight: string;
         accentDark: string;
-        black: string;
-        white: string;
-        grey: ShadesMap<string>;
-        blue: BlueMap<string>;
-        red: RedMap<string>;
-        green: GreenMap<string>;
-        orange: OrangeMap<string>;
         success: string;
         warning: string;
         error: string;
@@ -94,3 +164,4 @@ export interface ThemeInterface {
     breakpoints: string[];
 }
 export declare const theme: ThemeInterface;
+export {};

package/dist/theme/theme.js

@@ -1,30 +1,107 @@
 "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.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;
+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 = exports.palette = void 0;
+var tslib_1 = require("tslib");
 var typography_1 = require("./typography");
-// Standard colors and shades
-exports.BLACK = '#000';
-exports.WHITE = '#fff';
-exports.GREY1 = '#131923';
-exports.GREY2 = '#5A5E65';
-exports.GREY3 = '#B8BABD';
-exports.GREY4 = '#E5E6E7';
-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';
+exports.palette = {
+    black: '#000',
+    white: '#fff',
+    grey: {
+        50: '#f6f6f6',
+        100: '#e5e5e5',
+        200: '#ccc',
+        300: '#b2b2b2',
+        400: '#999',
+        500: '#808080',
+        600: '#666',
+        700: '#4c4c4c',
+        800: '#333',
+        900: '#191919',
+    },
+    blueGrey: {
+        50: '#f3f5f9',
+        100: '#edeef0',
+        200: '#dbdde1',
+        300: '#c9ccd2',
+        400: '#b7bbc3',
+        500: '#a5a9b4',
+        600: '#9498a5',
+        700: '#828796',
+        800: '#707687',
+        900: '#575c6a',
+    },
+    orange: {
+        50: '#fff4e0',
+        100: '#ffe3b3',
+        200: '#ffd080',
+        300: '#ffbd4d',
+        400: '#ffaf26',
+        500: '#ffa100',
+        600: '#ff9900',
+        700: '#ff8f00',
+        800: '#ff8500',
+        900: '#e66700',
+    },
+    blue: {
+        50: '#e1eeff',
+        100: '#b4d4ff',
+        200: '#82b7ff',
+        300: '#509aff',
+        400: '#2b85ff',
+        500: '#056fff',
+        600: '#0467ff',
+        700: '#045cff',
+        800: '#0352ff',
+        900: '#0140ff',
+    },
+    green: {
+        50: '#e8fbee',
+        100: '#1c7f5d6',
+        200: '#a1eeba',
+        300: '#7be79e',
+        400: '#5fe18a',
+        500: '#43dc75',
+        600: '#3dd86d',
+        700: '#34d362',
+        800: '#2cce58',
+        900: '#19a439',
+    },
+    red: {
+        50: '#ffeceb',
+        100: '#ffd0cd',
+        200: '#ffb1ac',
+        300: '#ff918b',
+        400: '#ff7a72',
+        500: '#ff6259',
+        600: '#ff5a51',
+        700: '#ff5048',
+        800: '#ff463e',
+        900: '#ff342e',
+    },
+};
+// TODO Deprecated: remove these in favour of the palette vars
+exports.BLACK = exports.palette.black;
+exports.WHITE = exports.palette.white;
+exports.GREY1 = exports.palette.grey[900];
+exports.GREY2 = exports.palette.grey[600];
+exports.GREY3 = exports.palette.grey[300];
+exports.GREY4 = exports.palette.grey[200];
+exports.GREY5 = exports.palette.grey[100];
+exports.GREY6 = exports.palette.grey[50];
+exports.RED1 = exports.palette.red[900];
+exports.RED2 = exports.palette.red[500];
+exports.RED3 = exports.palette.red[400];
+exports.RED4 = exports.palette.red[50];
+exports.GREEN1 = exports.palette.green[500];
+exports.GREEN2 = exports.palette.green[100];
+exports.GREEN3 = exports.palette.green[50];
+exports.BLUE1 = exports.palette.blue[900];
+exports.BLUE2 = exports.palette.blue[500];
+exports.BLUE3 = exports.palette.blue[50];
+exports.ORANGE1 = exports.palette.orange[600];
+exports.ORANGE2 = exports.palette.orange[500];
+exports.ORANGE3 = exports.palette.orange[300];
+exports.ORANGE4 = exports.palette.orange[50];
 // Main color that indicates productive actions
 exports.PRIMARY = exports.ORANGE2;
 exports.PRIMARY_LIGHT = exports.ORANGE3;
@@ -33,6 +110,9 @@ exports.PRIMARY_LIGHT_BACKGROUND = exports.GREY5;
 // Secondary color that indicates counterproductive actions
 var SECONDARY = exports.GREY1;
 var SECONDARY_LIGHT = exports.GREY2;
+// Opposite colors of primary button
+var TERTIARY = exports.WHITE;
+var TERTIARY_LIGHT = exports.ORANGE4;
 // Accent color that draws attention
 exports.ACCENT = exports.BLUE2;
 exports.ACCENT_LIGHT = exports.BLUE3;
@@ -54,55 +134,13 @@ exports.theme = {
         sizes: typography_1.fontSizes,
         lineHeight: 1.5,
     },
-    colors: {
-        primary: exports.PRIMARY,
-        primaryLight: exports.PRIMARY_LIGHT,
-        primaryDark: exports.PRIMARY_DARK,
-        primaryLightBackground: exports.PRIMARY_LIGHT_BACKGROUND,
-        accent: exports.ACCENT,
-        accentLight: exports.ACCENT_LIGHT,
-        accentDark: exports.ACCENT_DARK,
-        black: exports.BLACK,
-        white: exports.WHITE,
-        grey: {
-            1: exports.GREY1,
-            2: exports.GREY2,
-            3: exports.GREY3,
-            4: exports.GREY4,
-            5: exports.GREY5,
-        },
-        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,
-        message: MESSAGE,
+    colors: tslib_1.__assign(tslib_1.__assign({}, exports.palette), { primary: exports.PRIMARY, primaryLight: exports.PRIMARY_LIGHT, primaryDark: exports.PRIMARY_DARK, primaryLightBackground: exports.PRIMARY_LIGHT_BACKGROUND, accent: exports.ACCENT, accentLight: exports.ACCENT_LIGHT, accentDark: exports.ACCENT_DARK, success: SUCCESS, warning: WARNING, error: ERROR, message: MESSAGE, 
         // Typography
         text: {
             default: exports.GREY1,
             heading: exports.GREY1,
             light: exports.GREY2,
-        },
+        }, 
         // Form elements
         input: {
             border: exports.GREY4,
@@ -112,7 +150,7 @@ exports.theme = {
             backgroundHover: exports.WHITE,
             placeholder: exports.GREY3,
             color: exports.GREY1,
-        },
+        }, 
         // Buttons
         buttons: {
             primary: exports.PRIMARY,
@@ -121,14 +159,16 @@ exports.theme = {
             secondary: SECONDARY,
             secondaryHover: SECONDARY_LIGHT,
             secondaryFocus: SECONDARY_LIGHT,
-        },
+            tertiary: TERTIARY,
+            tertiaryHover: TERTIARY_LIGHT,
+            tertiaryFocus: TERTIARY_LIGHT,
+        }, 
         // Links
         links: {
             default: exports.PRIMARY,
             hover: exports.PRIMARY_LIGHT,
             focus: exports.PRIMARY_LIGHT,
-        },
-    },
+        } }),
     borderColor: BORDER_COLOR,
     borderRadius: {
         default: 5,

package/dist/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"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"}

package/dist/theme/types.d.ts

@@ -26,6 +26,9 @@ export interface ButtonColorType {
     secondary: string;
     secondaryHover: string;
     secondaryFocus: string;
+    tertiary: string;
+    tertiaryHover: string;
+    tertiaryFocus: string;
 }
 export declare type ButtonStyles = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'none';
 export declare const SIZE_SMALL = "small";

package/dist/theme/types.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":";;;AAoDa,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.16.0-1",
+    "version": "0.17.0",
     "description": "Component library for BEEQUIP",
     "main": "dist/index.js",
     "files": [