@beequip/hexagon 0.16.0 → 0.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/icons/ChevronDown.js +2 -2
- package/dist/assets/icons/ChevronDown.js.map +1 -1
- package/dist/components/Autocomplete/Item/styles.js +2 -2
- package/dist/components/Autocomplete/Item/styles.js.map +1 -1
- package/dist/components/Autocomplete/styles.js +1 -1
- package/dist/components/Autocomplete/styles.js.map +1 -1
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/Badge/index.js +2 -2
- package/dist/components/Badge/index.js.map +1 -1
- package/dist/components/Badge/index.stories.d.ts +0 -3
- package/dist/components/Badge/index.stories.js +2 -14
- package/dist/components/Badge/index.stories.js.map +1 -1
- package/dist/components/Badge/styles.js +1 -1
- package/dist/components/Badge/styles.js.map +1 -1
- package/dist/components/Button/styles.js +18 -19
- package/dist/components/Button/styles.js.map +1 -1
- package/dist/components/Card/index.stories.js +1 -1
- package/dist/components/Card/index.stories.js.map +1 -1
- package/dist/components/Card/styles.js +1 -1
- package/dist/components/Card/styles.js.map +1 -1
- package/dist/components/CounterTag/styles.js +1 -1
- package/dist/components/CounterTag/styles.js.map +1 -1
- package/dist/components/ExternalLink/styles.js +2 -2
- package/dist/components/ExternalLink/styles.js.map +1 -1
- package/dist/components/Input/styles.js +4 -4
- package/dist/components/Input/styles.js.map +1 -1
- package/dist/components/Label/styles.js +1 -1
- package/dist/components/Label/styles.js.map +1 -1
- package/dist/components/Link/index.js +1 -1
- package/dist/components/Link/styles.js +2 -2
- package/dist/components/Link/styles.js.map +1 -1
- package/dist/components/Notification/styles.js +7 -7
- package/dist/components/Notification/styles.js.map +1 -1
- package/dist/components/Select/index.js +2 -2
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.js +2 -2
- package/dist/components/Select/styles.js.map +1 -1
- package/dist/components/Tag/styles.js +12 -12
- package/dist/components/Tag/styles.js.map +1 -1
- package/dist/components/ToggleContainer/ToggleItem/styles.js +1 -1
- package/dist/components/ToggleContainer/ToggleItem/styles.js.map +1 -1
- package/dist/theme/theme.d.ts +109 -38
- package/dist/theme/theme.js +112 -72
- package/dist/theme/theme.js.map +1 -1
- package/dist/theme/types.d.ts +3 -0
- package/dist/theme/types.js.map +1 -1
- package/package.json +1 -2
|
@@ -4,8 +4,8 @@ exports.ChevronDown = void 0;
|
|
|
4
4
|
var React = require("react");
|
|
5
5
|
var theme_1 = require("../../theme/theme");
|
|
6
6
|
var ChevronDown = function (_a) {
|
|
7
|
-
var _b = _a.width, width = _b === void 0 ? '
|
|
8
|
-
return (React.createElement("svg", { width: width, height: "
|
|
7
|
+
var _b = _a.width, width = _b === void 0 ? '24px' : _b, _c = _a.color, color = _c === void 0 ? theme_1.GREY1 : _c;
|
|
8
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: "24", viewBox: "0 0 24 24", fill: color },
|
|
9
9
|
React.createElement("path", { d: "M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z" })));
|
|
10
10
|
};
|
|
11
11
|
exports.ChevronDown = ChevronDown;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChevronDown.js","sourceRoot":"","sources":["../../../src/assets/icons/ChevronDown.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,2CAAyC;AAElC,IAAM,WAAW,GAAG,UAAC,EAA4C;QAA1C,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,aAAK,KAAA;IAAkB,OAAA,CACzE,6BACI,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,
|
|
1
|
+
{"version":3,"file":"ChevronDown.js","sourceRoot":"","sources":["../../../src/assets/icons/ChevronDown.tsx"],"names":[],"mappings":";;;AAAA,6BAA8B;AAE9B,2CAAyC;AAElC,IAAM,WAAW,GAAG,UAAC,EAA4C;QAA1C,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,aAAa,EAAb,KAAK,mBAAG,aAAK,KAAA;IAAkB,OAAA,CACzE,6BACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK;QAEX,8BAAM,CAAC,EAAC,yEAAyE,GAAQ,CACvF,CACT;AAV4E,CAU5E,CAAA;AAVY,QAAA,WAAW,eAUvB"}
|
|
@@ -7,8 +7,8 @@ var styled_components_1 = require("styled-components");
|
|
|
7
7
|
exports.StyledAutocompleteItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", "px;\n color: ", ";\n padding: ", "px ", "px;\n background: ", ";\n\n &:hover {\n cursor: ", ";\n }\n"], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", "px;\n color: ", ";\n padding: ", "px ", "px;\n background: ", ";\n\n &:hover {\n cursor: ", ";\n }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.baseline * 3; }, function (props) {
|
|
8
8
|
return props.noResults ? props.theme.colors.text.light : 'inherit';
|
|
9
9
|
}, index_1.baseline * 1.5, index_1.baseline, function (props) {
|
|
10
|
-
return props.highlighted ? props.theme.colors.grey[
|
|
10
|
+
return props.highlighted ? props.theme.colors.grey[100] : 'white';
|
|
11
11
|
}, function (props) { return (props.noResults ? 'default' : 'pointer'); });
|
|
12
|
-
exports.StyledAutocompleteItemTitle = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n padding: 10px ", "px;\n border-bottom: 1px solid ", ";\n user-select: none;\n text-transform: uppercase;\n color: ", ";\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n padding: 10px ", "px;\n border-bottom: 1px solid ", ";\n user-select: none;\n text-transform: uppercase;\n color: ", ";\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, index_1.baseline, function (props) { return props.theme.borderColor; }, function (props) { return props.theme.colors.grey[
|
|
12
|
+
exports.StyledAutocompleteItemTitle = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n padding: 10px ", "px;\n border-bottom: 1px solid ", ";\n user-select: none;\n text-transform: uppercase;\n color: ", ";\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n padding: 10px ", "px;\n border-bottom: 1px solid ", ";\n user-select: none;\n text-transform: uppercase;\n color: ", ";\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, index_1.baseline, function (props) { return props.theme.borderColor; }, function (props) { return props.theme.colors.grey[300]; });
|
|
13
13
|
var templateObject_1, templateObject_2;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Item/styles.ts"],"names":[],"mappings":";;;;AAAA,8CAA+C;AAC/C,uDAAsC;AAGzB,QAAA,sBAAsB,GAAG,2BAAM,CAAC,GAAG,4QAAuB,qBACpD,EAAiC,oBACnC,EAAiC,sBAC/B,EAAiC,kBACvC,EACsD,kBACpD,EAAc,KAAM,EAAQ,uBACzB,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Item/styles.ts"],"names":[],"mappings":";;;;AAAA,8CAA+C;AAC/C,uDAAsC;AAGzB,QAAA,sBAAsB,GAAG,2BAAM,CAAC,GAAG,4QAAuB,qBACpD,EAAiC,oBACnC,EAAiC,sBAC/B,EAAiC,kBACvC,EACsD,kBACpD,EAAc,KAAM,EAAQ,uBACzB,EACgD,sCAGhD,EAAkD,YAEnE,KAZkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAC/B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAxB,CAAwB,EACvC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;AAA3D,CAA2D,EACpD,gBAAQ,GAAG,GAAG,EAAM,gBAAQ,EACzB,UAAA,KAAK;IACf,OAAA,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO;AAA1D,CAA0D,EAGhD,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAzC,CAAyC,EAEnE;AAEY,QAAA,2BAA2B,GAAG,2BAAM,CAAC,GAAG,6RAAA,qBAClC,EAAiC,oBACnC,EAAiC,8CAE9B,EAAQ,oCACG,EAAgC,wEAGlD,EAAqC,KACjD,KARkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAE9B,gBAAQ,EACG,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,EAAvB,CAAuB,EAGlD,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAA5B,CAA4B,EACjD"}
|
|
@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.StyledAutocomplete = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = require("styled-components");
|
|
6
|
-
exports.StyledAutocomplete = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: absolute;\n background: white;\n width: 100%;\n max-height: 300px;\n overflow-y: scroll;\n z-index: 100;\n margin-top: ", "px;\n border-radius: ", "px;\n border: 1px solid ", ";\n box-shadow: 0px 0px 20px rgba(90, 94, 101, 0.1);\n"], ["\n position: absolute;\n background: white;\n width: 100%;\n max-height: 300px;\n overflow-y: scroll;\n z-index: 100;\n margin-top: ", "px;\n border-radius: ", "px;\n border: 1px solid ", ";\n box-shadow: 0px 0px 20px rgba(90, 94, 101, 0.1);\n"])), function (props) { return props.theme.spacing[1]; }, function (props) { return props.theme.borderRadius.default; }, function (props) { return props.theme.colors.grey[
|
|
6
|
+
exports.StyledAutocomplete = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: absolute;\n background: white;\n width: 100%;\n max-height: 300px;\n overflow-y: scroll;\n z-index: 100;\n margin-top: ", "px;\n border-radius: ", "px;\n border: 1px solid ", ";\n box-shadow: 0px 0px 20px rgba(90, 94, 101, 0.1);\n"], ["\n position: absolute;\n background: white;\n width: 100%;\n max-height: 300px;\n overflow-y: scroll;\n z-index: 100;\n margin-top: ", "px;\n border-radius: ", "px;\n border: 1px solid ", ";\n box-shadow: 0px 0px 20px rgba(90, 94, 101, 0.1);\n"])), function (props) { return props.theme.spacing[1]; }, function (props) { return props.theme.borderRadius.default; }, function (props) { return props.theme.colors.grey[200]; });
|
|
7
7
|
var templateObject_1;
|
|
8
8
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Autocomplete/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,8VAAA,2JAO1B,EAA+B,0BAC5B,EAAyC,6BACtC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Autocomplete/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,8VAAA,2JAO1B,EAA+B,0BAC5B,EAAyC,6BACtC,EAAqC,2DAE5D,KAJiB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAC5B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAhC,CAAgC,EACtC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAA5B,CAA4B,EAE5D"}
|
|
@@ -5,8 +5,8 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var React = require("react");
|
|
6
6
|
var styles_1 = require("./styles");
|
|
7
7
|
var Badge = function (_a) {
|
|
8
|
-
var children = _a.children,
|
|
9
|
-
return (React.createElement(styles_1.StyledBadge, tslib_1.__assign({
|
|
8
|
+
var children = _a.children, props = tslib_1.__rest(_a, ["children"]);
|
|
9
|
+
return (React.createElement(styles_1.StyledBadge, tslib_1.__assign({}, props), children));
|
|
10
10
|
};
|
|
11
11
|
exports.Badge = Badge;
|
|
12
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAsC;AAM/B,IAAM,KAAK,GAAyB,UAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAAsC;AAM/B,IAAM,KAAK,GAAyB,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,sBAApB,YAAsB,CAAF;IAAO,OAAA,CACnE,oBAAC,oBAAW,uBAAK,KAAK,GAAG,QAAQ,CAAe,CACnD,CAAA;CAAA,CAAA;AAFY,QAAA,KAAK,SAEjB"}
|
|
@@ -3,6 +3,3 @@ import { BadgeProps } from '.';
|
|
|
3
3
|
declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
|
|
4
4
|
export default _default;
|
|
5
5
|
export declare const Default: Story<BadgeProps>;
|
|
6
|
-
export declare const Action: Story<BadgeProps>;
|
|
7
|
-
export declare const Disabled: Story<BadgeProps>;
|
|
8
|
-
export declare const Stale: Story<BadgeProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.Default = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = require("react");
|
|
6
6
|
var _1 = require(".");
|
|
@@ -11,19 +11,7 @@ exports.default = {
|
|
|
11
11
|
};
|
|
12
12
|
var Template = function (_a) {
|
|
13
13
|
var args = tslib_1.__rest(_a, []);
|
|
14
|
-
return react_1.default.createElement(_1.Badge, tslib_1.__assign({}, args), "
|
|
14
|
+
return react_1.default.createElement(_1.Badge, tslib_1.__assign({}, args), "10");
|
|
15
15
|
};
|
|
16
16
|
exports.Default = Template.bind({});
|
|
17
|
-
exports.Action = Template.bind({});
|
|
18
|
-
exports.Action.args = {
|
|
19
|
-
kind: 'action',
|
|
20
|
-
};
|
|
21
|
-
exports.Disabled = Template.bind({});
|
|
22
|
-
exports.Disabled.args = {
|
|
23
|
-
kind: 'disabled',
|
|
24
|
-
};
|
|
25
|
-
exports.Stale = Template.bind({});
|
|
26
|
-
exports.Stale.args = {
|
|
27
|
-
kind: 'stale',
|
|
28
|
-
};
|
|
29
17
|
//# sourceMappingURL=index.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Badge/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAqC;AAErC,kBAAe;IACX,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAsB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,8BAAC,QAAK,uBAAK,IAAI,
|
|
1
|
+
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Badge/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAqC;AAErC,kBAAe;IACX,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAsB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,8BAAC,QAAK,uBAAK,IAAI,QAAY,CAAA;CAAA,CAAA;AAEnE,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|
|
@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.StyledBadge = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = require("styled-components");
|
|
6
|
-
exports.StyledBadge = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n flex-direction: column;\n padding:
|
|
6
|
+
exports.StyledBadge = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n flex-direction: column;\n padding: 0 ", "px;\n font-family: ", ";\n font-weight: 500;\n font-size: ", ";\n background: ", ";\n border-radius: 10px;\n color: ", ";\n text-transform: uppercase;\n line-height: 18px;\n white-space: nowrap;\n"], ["\n display: inline-flex;\n flex-direction: column;\n padding: 0 ", "px;\n font-family: ", ";\n font-weight: 500;\n font-size: ", ";\n background: ", ";\n border-radius: 10px;\n color: ", ";\n text-transform: uppercase;\n line-height: 18px;\n white-space: nowrap;\n"])), function (props) { return props.theme.spacing[1]; }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.xs; }, function (props) { return props.theme.colors.grey[100]; }, function (props) { return props.theme.colors.grey[400]; });
|
|
7
7
|
var templateObject_1;
|
|
8
8
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Badge/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAGzB,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Badge/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAGzB,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,yXAAY,2EAGhC,EAA+B,wBAC7B,EAAiC,2CAEnC,EAAkC,qBACjC,EAAqC,0CAE1C,EAAqC,uFAIjD,KAVgB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAC7B,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,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAA5B,CAA4B,EAE1C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAA5B,CAA4B,EAIjD"}
|
|
@@ -5,7 +5,6 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var styled_components_1 = require("styled-components");
|
|
6
6
|
var styled_map_1 = require("styled-map");
|
|
7
7
|
var index_1 = require("../../theme/index");
|
|
8
|
-
var theme_1 = require("../../theme/theme");
|
|
9
8
|
var styles_1 = require("../Link/styles");
|
|
10
9
|
exports.StyledButton = styled_components_1.default.button(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n appearance: none;\n background: none;\n border: none;\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ", ";\n padding: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n white-space: nowrap;\n line-height: ", ";\n box-shadow: ", ";\n background: ", ";\n border-radius: ", "px;\n color: ", ";\n opacity: ", ";\n cursor: ", ";\n\n &:hover,\n &:focus {\n outline: none;\n background: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n ", ";\n"], ["\n appearance: none;\n background: none;\n border: none;\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ", ";\n padding: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n white-space: nowrap;\n line-height: ", ";\n box-shadow: ", ";\n background: ", ";\n border-radius: ", "px;\n color: ", ";\n opacity: ", ";\n cursor: ", ";\n\n &:hover,\n &:focus {\n outline: none;\n background: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n ", ";\n"])), styled_map_1.default('kind', {
|
|
11
10
|
primary: '100%',
|
|
@@ -37,9 +36,9 @@ exports.StyledButton = styled_components_1.default.button(templateObject_2 || (t
|
|
|
37
36
|
}, function (props) {
|
|
38
37
|
return props.disabled
|
|
39
38
|
? styled_map_1.default('kind', {
|
|
40
|
-
primary: props.theme.colors.grey[
|
|
41
|
-
secondary: props.theme.colors.grey[
|
|
42
|
-
tertiary: props.theme.colors.grey[
|
|
39
|
+
primary: props.theme.colors.grey[200],
|
|
40
|
+
secondary: props.theme.colors.grey[200],
|
|
41
|
+
tertiary: props.theme.colors.grey[200],
|
|
43
42
|
ghost: 'none',
|
|
44
43
|
})
|
|
45
44
|
: styled_map_1.default('kind', {
|
|
@@ -51,25 +50,25 @@ exports.StyledButton = styled_components_1.default.button(templateObject_2 || (t
|
|
|
51
50
|
}, function (props) {
|
|
52
51
|
return props.disabled
|
|
53
52
|
? styled_map_1.default('kind', {
|
|
54
|
-
primary: props.theme.colors.grey[
|
|
55
|
-
secondary: props.theme.colors.grey[
|
|
56
|
-
tertiary: props.theme.colors.grey[
|
|
53
|
+
primary: props.theme.colors.grey[200],
|
|
54
|
+
secondary: props.theme.colors.grey[200],
|
|
55
|
+
tertiary: props.theme.colors.grey[200],
|
|
57
56
|
ghost: 'transparent',
|
|
58
57
|
})
|
|
59
58
|
: styled_map_1.default('kind', {
|
|
60
59
|
primary: props.theme.colors.buttons.primary,
|
|
61
60
|
secondary: props.theme.colors.buttons.secondary,
|
|
62
|
-
tertiary:
|
|
61
|
+
tertiary: props.theme.colors.buttons.tertiary,
|
|
63
62
|
ghost: 'transparent',
|
|
64
63
|
});
|
|
65
64
|
}, function (props) { return props.theme.borderRadius.button; }, function (props) {
|
|
66
65
|
return props.disabled
|
|
67
|
-
? props.theme.colors.grey[
|
|
66
|
+
? props.theme.colors.grey[300]
|
|
68
67
|
: styled_map_1.default('kind', {
|
|
69
68
|
primary: 'white',
|
|
70
69
|
secondary: 'white',
|
|
71
70
|
tertiary: props.theme.colors.primary,
|
|
72
|
-
ghost: props.theme.colors.grey[
|
|
71
|
+
ghost: props.theme.colors.grey[900],
|
|
73
72
|
});
|
|
74
73
|
}, styled_map_1.default({
|
|
75
74
|
disabled: 0.5,
|
|
@@ -80,34 +79,34 @@ exports.StyledButton = styled_components_1.default.button(templateObject_2 || (t
|
|
|
80
79
|
}), function (props) {
|
|
81
80
|
return props.disabled
|
|
82
81
|
? styled_map_1.default('kind', {
|
|
83
|
-
primary: props.theme.colors.grey[
|
|
84
|
-
secondary: props.theme.colors.grey[
|
|
82
|
+
primary: props.theme.colors.grey[200],
|
|
83
|
+
secondary: props.theme.colors.grey[200],
|
|
85
84
|
tertiary: 'transparent',
|
|
86
85
|
ghost: 'transparent',
|
|
87
86
|
})
|
|
88
87
|
: styled_map_1.default('kind', {
|
|
89
88
|
primary: props.theme.colors.buttons.primaryHover,
|
|
90
89
|
secondary: props.theme.colors.buttons.secondaryHover,
|
|
91
|
-
tertiary: props.theme.colors.buttons.
|
|
90
|
+
tertiary: props.theme.colors.buttons.tertiaryHover,
|
|
92
91
|
ghost: 'transparent',
|
|
93
92
|
});
|
|
94
93
|
}, function (props) {
|
|
95
94
|
return props.disabled
|
|
96
|
-
? props.theme.colors.grey[
|
|
95
|
+
? props.theme.colors.grey[200]
|
|
97
96
|
: styled_map_1.default('kind', {
|
|
98
97
|
primary: props.theme.colors.buttons.primaryHover,
|
|
99
98
|
secondary: props.theme.colors.buttons.secondaryHover,
|
|
100
|
-
tertiary:
|
|
99
|
+
tertiary: props.theme.colors.primary,
|
|
101
100
|
ghost: 'transparent',
|
|
102
101
|
});
|
|
103
102
|
}, function (props) {
|
|
104
103
|
return props.disabled
|
|
105
|
-
? props.theme.colors.grey[
|
|
104
|
+
? props.theme.colors.grey[300]
|
|
106
105
|
: styled_map_1.default('kind', {
|
|
107
106
|
primary: 'white',
|
|
108
107
|
secondary: 'white',
|
|
109
|
-
tertiary:
|
|
110
|
-
ghost: props.theme.colors.grey[
|
|
108
|
+
tertiary: props.theme.colors.primary,
|
|
109
|
+
ghost: props.theme.colors.grey[600],
|
|
111
110
|
});
|
|
112
111
|
}, index_1.media.s(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n width: auto;\n padding: ", ";\n "], ["\n width: auto;\n padding: ", ";\n "])), function (props) {
|
|
113
112
|
return styled_map_1.default('size', {
|
|
@@ -124,7 +123,7 @@ exports.StyledButton = styled_components_1.default.button(templateObject_2 || (t
|
|
|
124
123
|
}));
|
|
125
124
|
exports.StyledLinkButton = styled_components_1.default.button(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n ", ";\n border: none;\n background: none;\n padding: 0;\n\n &:hover {\n color: ", ";\n }\n"], ["\n ", ";\n border: none;\n background: none;\n padding: 0;\n\n &:hover {\n color: ", ";\n }\n"])), styles_1.linkStyles, function (props) {
|
|
126
125
|
return props.secondary
|
|
127
|
-
? props.theme.colors.grey[
|
|
126
|
+
? props.theme.colors.grey[600]
|
|
128
127
|
: props.theme.colors.links.hover;
|
|
129
128
|
});
|
|
130
129
|
exports.StyledIcon = styled_components_1.default.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n ", ";\n ", ";\n ", ";\n ", ";\n\n svg {\n position: relative;\n top: 4px;\n }\n"], ["\n ", ";\n ", ";\n ", ";\n ", ";\n\n svg {\n position: relative;\n top: 4px;\n }\n"])), function (props) { return (props.nav === 'previous' ? 'left: 16px' : 0); }, function (props) { return (props.nav === 'next' ? 'right: 16px' : 0); }, function (props) { return (props.nav === 'previous' ? 'margin-right: 8px' : 0); }, function (props) { return (props.nav === 'next' ? 'margin-left: 8px' : 0); });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAElC,2CAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -21,7 +21,7 @@ var Template = function (_a) {
|
|
|
21
21
|
exports.Default = Template.bind({});
|
|
22
22
|
exports.withBackground = Template.bind({});
|
|
23
23
|
exports.withBackground.args = {
|
|
24
|
-
background: theme_1.theme.colors.grey[
|
|
24
|
+
background: theme_1.theme.colors.grey[100],
|
|
25
25
|
};
|
|
26
26
|
// TODO: padding
|
|
27
27
|
exports.SmallShadow = Template.bind({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Card/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmC;AACnC,qCAAmC;AACnC,gCAA8B;AAE9B,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAI;IACf,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAqB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAChD,8BAAC,OAAI,uBAAK,IAAI;QACV,8BAAC,WAAI;;YAKuC,GAAG,CACxC,CACJ,CACV,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3B,QAAA,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,sBAAc,CAAC,IAAI,GAAG;IAClB,UAAU,EAAE,aAAK,CAAC,MAAM,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Card/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAmC;AACnC,qCAAmC;AACnC,gCAA8B;AAE9B,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAI;IACf,UAAU,EAAE,CAAC,UAAA,KAAK,IAAI,OAAA,8BAAC,KAAK,OAAG,EAAT,CAAS,CAAC;CAC3B,CAAA;AAET,IAAM,QAAQ,GAAqB,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAAO,OAAA,CAChD,8BAAC,OAAI,uBAAK,IAAI;QACV,8BAAC,WAAI;;YAKuC,GAAG,CACxC,CACJ,CACV,CAAA;CAAA,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3B,QAAA,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,sBAAc,CAAC,IAAI,GAAG;IAClB,UAAU,EAAE,aAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;CACrC,CAAA;AAED,gBAAgB;AACH,QAAA,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,mBAAW,CAAC,IAAI,GAAG;IACf,MAAM,EAAE,GAAG;IACX,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAA;AAEY,QAAA,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,mBAAW,CAAC,IAAI,GAAG;IACf,MAAM,EAAE,GAAG;IACX,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAA"}
|
|
@@ -6,7 +6,7 @@ var styled_components_1 = require("styled-components");
|
|
|
6
6
|
var styled_map_1 = require("styled-map");
|
|
7
7
|
exports.StyledCard = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n background: ", ";\n color: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n text-align: ", ";\n transition: background 200ms ease-in;\n overflow: ", ";\n"], ["\n background: ", ";\n color: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n text-align: ", ";\n transition: background 200ms ease-in;\n overflow: ", ";\n"])), function (props) {
|
|
8
8
|
return props.background === 'grey'
|
|
9
|
-
? props.theme.colors.grey[
|
|
9
|
+
? props.theme.colors.grey[100]
|
|
10
10
|
: props.background === 'white'
|
|
11
11
|
? 'white'
|
|
12
12
|
: props.background;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Card/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAGrB,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,sWAAW,oBAC7B,EAKY,gBACjB,EAGgC,uBACzB,EAQV,wBACW,EAQX,sBACS,EAQT,yBACY,EAQZ,wBACW,EAKN,qBACG,EAKE,qBACF,EAAwB,8DAE1B,EAAuB,KACtC,KA7DiB,UAAA,KAAK;IACf,OAAA,KAAK,CAAC,UAAU,KAAK,MAAM;QACvB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Card/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.StyledCounterTag = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = require("styled-components");
|
|
6
|
-
exports.StyledCounterTag = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n flex-direction: column;\n padding: ", "px\n ", "px;\n font-family: ", ";\n font-weight: bold;\n font-size: ", ";\n background: ", ";\n border-radius: 100px;\n color: ", ";\n text-transform: uppercase;\n line-height: 8px;\n"], ["\n display: inline-flex;\n flex-direction: column;\n padding: ", "px\n ", "px;\n font-family: ", ";\n font-weight: bold;\n font-size: ", ";\n background: ", ";\n border-radius: 100px;\n color: ", ";\n text-transform: uppercase;\n line-height: 8px;\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.s; }, function (props) { return props.theme.colors.grey[
|
|
6
|
+
exports.StyledCounterTag = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n flex-direction: column;\n padding: ", "px\n ", "px;\n font-family: ", ";\n font-weight: bold;\n font-size: ", ";\n background: ", ";\n border-radius: 100px;\n color: ", ";\n text-transform: uppercase;\n line-height: 8px;\n"], ["\n display: inline-flex;\n flex-direction: column;\n padding: ", "px\n ", "px;\n font-family: ", ";\n font-weight: bold;\n font-size: ", ";\n background: ", ";\n border-radius: 100px;\n color: ", ";\n text-transform: uppercase;\n line-height: 8px;\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.s; }, function (props) { return props.theme.colors.grey[200]; }, function (props) { return props.theme.colors.grey[600]; });
|
|
7
7
|
var templateObject_1;
|
|
8
8
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/CounterTag/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAGzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,8WAAiB,yEAG5C,EAA6B,cAClC,EAAiC,wBACxB,EAAiC,4CAEnC,EAAiC,qBAChC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/CounterTag/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAGzB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,8WAAiB,yEAG5C,EAA6B,cAClC,EAAiC,wBACxB,EAAiC,4CAEnC,EAAiC,qBAChC,EAAqC,2CAE1C,EAAqC,4DAGjD,KAVc,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,CAAC,EAAxB,CAAwB,EAChC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAA5B,CAA4B,EAE1C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAA5B,CAA4B,EAGjD"}
|
|
@@ -6,11 +6,11 @@ var styled_components_1 = require("styled-components");
|
|
|
6
6
|
var styles_1 = require("../Link/styles");
|
|
7
7
|
exports.StyledExternalLink = styled_components_1.default.a(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n ", ";\n color: ", ";\n font-family: ", ";\n font-weight: 500;\n text-decoration: underline;\n\n &:hover {\n color: ", ";\n text-decoration: underline;\n }\n"], ["\n ", ";\n color: ", ";\n font-family: ", ";\n font-weight: 500;\n text-decoration: underline;\n\n &:hover {\n color: ", ";\n text-decoration: underline;\n }\n"])), styles_1.linkStyles, function (props) {
|
|
8
8
|
return props.secondary
|
|
9
|
-
? props.theme.colors.grey[
|
|
9
|
+
? props.theme.colors.grey[900]
|
|
10
10
|
: props.theme.colors.links.default;
|
|
11
11
|
}, function (props) { return props.theme.font.default; }, function (props) {
|
|
12
12
|
return props.secondary
|
|
13
|
-
? props.theme.colors.grey[
|
|
13
|
+
? props.theme.colors.grey[600]
|
|
14
14
|
: props.theme.colors.links.hover;
|
|
15
15
|
});
|
|
16
16
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ExternalLink/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAA2C;AAG9B,QAAA,kBAAkB,GAAG,2BAAM,CAAC,CAAC,+QAAmB,QACvD,EAAU,gBACH,EAGiC,sBAC3B,EAAiC,6FAKnC,EAG+B,iDAG/C,KAhBK,mBAAU,EACH,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ExternalLink/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAA2C;AAG9B,QAAA,kBAAkB,GAAG,2BAAM,CAAC,CAAC,+QAAmB,QACvD,EAAU,gBACH,EAGiC,sBAC3B,EAAiC,6FAKnC,EAG+B,iDAG/C,KAhBK,mBAAU,EACH,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAFtC,CAEsC,EAC3B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAKnC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAFpC,CAEoC,EAG/C"}
|
|
@@ -7,7 +7,7 @@ var HelpText_1 = require("../HelpText");
|
|
|
7
7
|
exports.StyledInputWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n position: relative;\n"], ["\n display: flex;\n position: relative;\n"])));
|
|
8
8
|
exports.inputStyles = styled_components_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-weight: 500;\n font-size: ", ";\n color: ", ";\n align-items: center;\n max-width: 100%;\n overflow-wrap: break-word;\n border-style: solid;\n border-width: ", "px;\n border-color: ", ";\n border-radius: ", ";\n background-color: ", ";\n overflow: hidden;\n transition: background-color 0.2s ease-in-out 0s,\n border-color 0.2s ease-in-out 0s;\n padding: 16px 16px;\n height: 40px;\n width: 100%;\n\n &[type='text'],\n &[type='number'],\n &[type='email'],\n &[type='tel'] {\n -webkit-appearance: none;\n }\n\n &[type='search'] {\n /* clears the 'X' from Internet Explorer */\n &::-ms-clear {\n display: none;\n width: 0;\n height: 0;\n }\n &::-ms-reveal {\n display: none;\n width: 0;\n height: 0;\n }\n /* clears the 'X' from Chrome */\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n }\n\n &[type='number'] {\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n }\n\n // hide the helptext if it is available\n + div {\n opacity: 0;\n }\n\n &:focus {\n border-color: ", ";\n outline: none;\n\n // show the helptext if it is available\n + div {\n opacity: 1;\n }\n }\n\n &::placeholder {\n color: ", ";\n font-weight: 500;\n }\n"], ["\n font-family: ", ";\n font-weight: 500;\n font-size: ", ";\n color: ", ";\n align-items: center;\n max-width: 100%;\n overflow-wrap: break-word;\n border-style: solid;\n border-width: ", "px;\n border-color: ", ";\n border-radius: ", ";\n background-color: ", ";\n overflow: hidden;\n transition: background-color 0.2s ease-in-out 0s,\n border-color 0.2s ease-in-out 0s;\n padding: 16px 16px;\n height: 40px;\n width: 100%;\n\n &[type='text'],\n &[type='number'],\n &[type='email'],\n &[type='tel'] {\n -webkit-appearance: none;\n }\n\n &[type='search'] {\n /* clears the 'X' from Internet Explorer */\n &::-ms-clear {\n display: none;\n width: 0;\n height: 0;\n }\n &::-ms-reveal {\n display: none;\n width: 0;\n height: 0;\n }\n /* clears the 'X' from Chrome */\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n }\n\n &[type='number'] {\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n }\n\n // hide the helptext if it is available\n + div {\n opacity: 0;\n }\n\n &:focus {\n border-color: ", ";\n outline: none;\n\n // show the helptext if it is available\n + div {\n opacity: 1;\n }\n }\n\n &::placeholder {\n color: ", ";\n font-weight: 500;\n }\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) {
|
|
9
9
|
return props.disabled
|
|
10
|
-
? props.theme.colors.grey[
|
|
10
|
+
? props.theme.colors.grey[600]
|
|
11
11
|
: props.theme.colors.input.color;
|
|
12
12
|
}, function (props) { return props.theme.borderWidth; }, function (props) {
|
|
13
13
|
return props.error
|
|
@@ -21,14 +21,14 @@ exports.inputStyles = styled_components_1.css(templateObject_2 || (templateObjec
|
|
|
21
21
|
: props.theme.borderRadius.default + "px";
|
|
22
22
|
}, function (props) {
|
|
23
23
|
return props.disabled
|
|
24
|
-
? props.theme.colors.grey[
|
|
24
|
+
? props.theme.colors.grey[200]
|
|
25
25
|
: props.theme.colors.input.background;
|
|
26
26
|
}, function (props) { return props.theme.colors.input.focus; }, function (props) { return props.theme.colors.input.placeholder; });
|
|
27
27
|
exports.StyledInput = styled_components_1.default.input(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), exports.inputStyles);
|
|
28
|
-
exports.StyledHelpText = styled_components_1.default(HelpText_1.HelpText)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n display: inline-block;\n position: absolute;\n top: 50%;\n right: 20px;\n transition: opacity 200ms;\n pointer-events: none;\n\n > div {\n color: ", " !important;\n }\n"], ["\n display: inline-block;\n position: absolute;\n top: 50%;\n right: 20px;\n transition: opacity 200ms;\n pointer-events: none;\n\n > div {\n color: ", " !important;\n }\n"])), function (props) { return props.theme.colors.grey[
|
|
28
|
+
exports.StyledHelpText = styled_components_1.default(HelpText_1.HelpText)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n display: inline-block;\n position: absolute;\n top: 50%;\n right: 20px;\n transition: opacity 200ms;\n pointer-events: none;\n\n > div {\n color: ", " !important;\n }\n"], ["\n display: inline-block;\n position: absolute;\n top: 50%;\n right: 20px;\n transition: opacity 200ms;\n pointer-events: none;\n\n > div {\n color: ", " !important;\n }\n"])), function (props) { return props.theme.colors.grey[600]; });
|
|
29
29
|
exports.StyledInputInner = styled_components_1.default.div(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n position: relative;\n width: 100%;\n"], ["\n position: relative;\n width: 100%;\n"])));
|
|
30
30
|
exports.StyledTooltip = styled_components_1.default.div(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n margin-left: ", "px;\n line-height: 1.6;\n"], ["\n font-family: ", ";\n margin-left: ", "px;\n line-height: 1.6;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.baseline; });
|
|
31
|
-
var prePostStyles = styled_components_1.css(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n color: ", ";\n background-color: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 40px;\n padding: 0 ", "px;\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n color: ", ";\n background-color: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 40px;\n padding: 0 ", "px;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.grey[
|
|
31
|
+
var prePostStyles = styled_components_1.css(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n color: ", ";\n background-color: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 40px;\n padding: 0 ", "px;\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n color: ", ";\n background-color: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 40px;\n padding: 0 ", "px;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.grey[900]; }, function (props) { return props.theme.colors.grey[200]; }, function (props) { return props.theme.baseline * 2; });
|
|
32
32
|
exports.StyledPreFix = styled_components_1.default.div(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n ", ";\n border-radius: 5px 0 0 5px;\n"], ["\n ", ";\n border-radius: 5px 0 0 5px;\n"])), prePostStyles);
|
|
33
33
|
exports.StyledPostFix = styled_components_1.default.div(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n ", ";\n border-radius: 0 5px 5px 0;\n"], ["\n ", ";\n border-radius: 0 5px 5px 0;\n"])), prePostStyles);
|
|
34
34
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAC/C,wCAAsC;AAYzB,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,4HAAA,iDAG3C,KAAA;AAEY,QAAA,WAAW,GAAG,uBAAG,qtDAAiC,qBAC5C,EAAiC,2CAEnC,EAAiC,gBACrC,EAG+B,iIAKxB,EAAgC,yBAChC,EAGyB,wBACxB,EAKgC,2BAC7B,EAGyB,ioCAiDzB,EAAuC,mLAU9C,EAA6C,uCAG7D,KAvFkB,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,CAAC,EAAxB,CAAwB,EACrC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.StyledLabel = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = require("styled-components");
|
|
6
|
-
exports.StyledLabel = styled_components_1.default.label(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n font-weight: normal;\n line-height: ", "px;\n display: inline-block;\n margin-bottom: ", "px;\n"], ["\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n font-weight: normal;\n line-height: ", "px;\n display: inline-block;\n margin-bottom: ", "px;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.grey[
|
|
6
|
+
exports.StyledLabel = styled_components_1.default.label(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n font-weight: normal;\n line-height: ", "px;\n display: inline-block;\n margin-bottom: ", "px;\n"], ["\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n font-weight: normal;\n line-height: ", "px;\n display: inline-block;\n margin-bottom: ", "px;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.grey[600]; }, function (props) { return props.theme.baseline * 3; }, function (props) { return props.theme.baseline; });
|
|
7
7
|
var templateObject_1;
|
|
8
8
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Label/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,2PAAA,qBACpB,EAAiC,oBACnC,EAAiC,gBACrC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Label/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEzB,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,2PAAA,qBACpB,EAAiC,oBACnC,EAAiC,gBACrC,EAAqC,gDAE/B,EAAiC,sDAE/B,EAA6B,OACjD,KAPkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACrC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAA5B,CAA4B,EAE/B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAxB,CAAwB,EAE/B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EACjD"}
|
|
@@ -14,7 +14,7 @@ var Link = function (_a) {
|
|
|
14
14
|
nav === 'previous' && React.createElement(ArrowLeft_1.ArrowLeft, { width: 16 }),
|
|
15
15
|
children,
|
|
16
16
|
nav === 'next' && React.createElement(ArrowRight_1.ArrowRight, { width: 16 }),
|
|
17
|
-
open === 'open' ? (React.createElement(ChevronUp_1.ChevronUp, { width:
|
|
17
|
+
open === 'open' ? (React.createElement(ChevronUp_1.ChevronUp, { width: 24 })) : open === 'closed' ? (React.createElement(ChevronDown_1.ChevronDown, { width: 24 })) : null));
|
|
18
18
|
};
|
|
19
19
|
exports.Link = Link;
|
|
20
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -7,13 +7,13 @@ var ArrowLeft_1 = require("../../assets/icons/ArrowLeft");
|
|
|
7
7
|
var ArrowRight_1 = require("../../assets/icons/ArrowRight");
|
|
8
8
|
exports.linkStyles = styled_components_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: inline;\n font-family: ", ";\n font-weight: 500;\n font-size: inherit;\n color: ", ";\n text-decoration: none;\n cursor: pointer;\n transition: all 120ms ease-in;\n text-decoration-line: ", ";\n text-decoration-style: solid;\n\n &:hover {\n text-decoration-line: none;\n color: ", ";\n }\n"], ["\n display: inline;\n font-family: ", ";\n font-weight: 500;\n font-size: inherit;\n color: ", ";\n text-decoration: none;\n cursor: pointer;\n transition: all 120ms ease-in;\n text-decoration-line: ", ";\n text-decoration-style: solid;\n\n &:hover {\n text-decoration-line: none;\n color: ", ";\n }\n"])), function (props) { return props.theme.font.default; }, function (props) {
|
|
9
9
|
return props.secondary
|
|
10
|
-
? props.theme.colors.grey[
|
|
10
|
+
? props.theme.colors.grey[900]
|
|
11
11
|
: props.theme.colors.links.default;
|
|
12
12
|
}, function (props) {
|
|
13
13
|
return props.textDecoration ? 'underline' : 'auto';
|
|
14
14
|
}, function (props) {
|
|
15
15
|
return props.secondary
|
|
16
|
-
? props.theme.colors.grey[
|
|
16
|
+
? props.theme.colors.grey[600]
|
|
17
17
|
: props.theme.colors.links.hover;
|
|
18
18
|
});
|
|
19
19
|
exports.StyledArrowLeft = styled_components_1.default(ArrowLeft_1.ArrowLeft)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n margin-top: -4px;\n"], ["\n margin-top: -4px;\n"])));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Link/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAC/C,0DAAwD;AACxD,4DAA0D;AAE7C,QAAA,UAAU,GAAG,uBAAG,4aAG3B,2CAEiB,EAAiC,gEAGvC,EAGiC,qHAIlB,EACuB,6GAKlC,EAG+B,YAE/C,KArBkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAGvC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Link/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAA+C;AAC/C,0DAAwD;AACxD,4DAA0D;AAE7C,QAAA,UAAU,GAAG,uBAAG,4aAG3B,2CAEiB,EAAiC,gEAGvC,EAGiC,qHAIlB,EACuB,6GAKlC,EAG+B,YAE/C,KArBkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAGvC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAFtC,CAEsC,EAIlB,UAAA,KAAK;IACzB,OAAA,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM;AAA3C,CAA2C,EAKlC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAFpC,CAEoC,EAE/C;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,qBAAS,CAAC,sGAAA,2BAE/C,KAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,uBAAU,CAAC,sGAAA,2BAEjD,KAAA;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,CAAC,oRAAA,QAC5B,EAAU,+LAcf,KAdK,kBAAU,EAcf"}
|
|
@@ -7,12 +7,12 @@ var styled_map_1 = require("styled-map");
|
|
|
7
7
|
var Box_1 = require("../Box");
|
|
8
8
|
exports.StyledNotification = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n ", ";\n font-family: ", ";\n font-size: ", ";\n padding: ", "px\n ", "px;\n background-color: ", ";\n color: ", ";\n line-height: 24px;\n display: flex;\n flex-direction: column;\n align-items: ", ";\n text-align: ", ";\n border: 1px solid;\n border-radius: 5px;\n border-color: ", ";\n a {\n color: inherit;\n }\n"], ["\n ", ";\n font-family: ", ";\n font-size: ", ";\n padding: ", "px\n ", "px;\n background-color: ", ";\n color: ", ";\n line-height: 24px;\n display: flex;\n flex-direction: column;\n align-items: ", ";\n text-align: ", ";\n border: 1px solid;\n border-radius: 5px;\n border-color: ", ";\n a {\n color: inherit;\n }\n"])), function (props) { return Box_1.mb(2, props.theme.spacing); }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.baseline * 1.5; }, function (props) { return props.theme.baseline * 2; }, function (props) {
|
|
9
9
|
return styled_map_1.default('type', {
|
|
10
|
-
error: props.theme.colors.red[
|
|
11
|
-
warning: props.theme.colors.orange[
|
|
12
|
-
message: props.theme.colors.blue[
|
|
13
|
-
success: props.theme.colors.green[
|
|
10
|
+
error: props.theme.colors.red[50],
|
|
11
|
+
warning: props.theme.colors.orange[50],
|
|
12
|
+
message: props.theme.colors.blue[50],
|
|
13
|
+
success: props.theme.colors.green[50],
|
|
14
14
|
});
|
|
15
|
-
}, function (props) { return props.theme.colors.grey[
|
|
15
|
+
}, function (props) { return props.theme.colors.grey[900]; }, function (props) {
|
|
16
16
|
return props.contentAlign === 'center'
|
|
17
17
|
? 'center'
|
|
18
18
|
: props.contentAlign === 'right'
|
|
@@ -20,10 +20,10 @@ exports.StyledNotification = styled_components_1.default.div(templateObject_1 ||
|
|
|
20
20
|
: 'flex-start';
|
|
21
21
|
}, function (props) { return (props.contentAlign ? props.contentAlign : 'left'); }, function (props) {
|
|
22
22
|
return styled_map_1.default('type', {
|
|
23
|
-
error: props.theme.colors.red[
|
|
23
|
+
error: props.theme.colors.red[500],
|
|
24
24
|
warning: '#FFD68F',
|
|
25
25
|
message: '#A8CDFF',
|
|
26
|
-
success: props.theme.colors.green[
|
|
26
|
+
success: props.theme.colors.green[500],
|
|
27
27
|
});
|
|
28
28
|
});
|
|
29
29
|
exports.StyledIcon = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n width: 24px;\n color: ", ";\n margin-right: ", "px;\n flex-shrink: 0;\n"], ["\n display: inline-flex;\n width: 24px;\n color: ", ";\n margin-right: ", "px;\n flex-shrink: 0;\n"])), function (props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Notification/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAElC,8BAA2B;AAEd,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,wcAAmB,QACzD,EAAmC,sBACtB,EAAiC,oBACnC,EAAiC,kBACnC,EAAmC,cACxC,EAAiC,6BACnB,EAMd,gBACG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Notification/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AACtC,yCAAkC;AAElC,8BAA2B;AAEd,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,wcAAmB,QACzD,EAAmC,sBACtB,EAAiC,oBACnC,EAAiC,kBACnC,EAAmC,cACxC,EAAiC,6BACnB,EAMd,gBACG,EAAqC,+FAI/B,EAKO,qBACR,EAA2D,wEAGzD,EAMV,8CAIT,KAnCK,UAAA,KAAK,IAAI,OAAA,QAAE,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAA1B,CAA0B,EACtB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,EAA1B,CAA0B,EACxC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAxB,CAAwB,EACnB,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;KACxC,CAAC;AALF,CAKE,EACG,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAA5B,CAA4B,EAI/B,UAAA,KAAK;IAChB,OAAA,KAAK,CAAC,YAAY,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,KAAK,CAAC,YAAY,KAAK,OAAO;YAChC,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,YAAY;AAJlB,CAIkB,EACR,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,EAAlD,CAAkD,EAGzD,UAAA,KAAK;IACjB,OAAA,oBAAS,CAAC,MAAM,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QAClC,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;KACzC,CAAC;AALF,CAKE,EAIT;AAEY,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,8LAElC,4DAGW,EAMH,uBACU,EAA+B,4BAElD,KATY,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,OAAO;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;KACtC,CAAC;AALF,CAKE,EACU,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAElD"}
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Select = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = require("react");
|
|
6
|
-
var
|
|
6
|
+
var ChevronDown_1 = require("../../assets/icons/ChevronDown");
|
|
7
7
|
var styles_1 = require("./styles");
|
|
8
8
|
var Select = function (_a) {
|
|
9
9
|
var error = _a.error, value = _a.value, hook = _a.hook, loading = _a.loading, options = _a.options, placeholder = _a.placeholder, children = _a.children, props = tslib_1.__rest(_a, ["error", "value", "hook", "loading", "options", "placeholder", "children"]);
|
|
@@ -12,7 +12,7 @@ var Select = function (_a) {
|
|
|
12
12
|
placeholder && (React.createElement(styles_1.StyledOption, { value: "", disabled: Boolean(value) }, placeholder)),
|
|
13
13
|
options.map(function (item) { return (React.createElement(styles_1.StyledOption, { key: item.id, value: item.id }, item.name)); }))) : (children)),
|
|
14
14
|
React.createElement(styles_1.StyledChevron, null,
|
|
15
|
-
React.createElement(
|
|
15
|
+
React.createElement(ChevronDown_1.ChevronDown, { width: 24 }))));
|
|
16
16
|
};
|
|
17
17
|
exports.Select = Select;
|
|
18
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,8DAA4D;AAC5D,mCAAoE;AAW7D,IAAM,MAAM,GAA0B,UAAC,EAS7C;IARG,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,KAAK,sBARkC,2EAS7C,CADW;IAER,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;QAChC,oBAAC,qBAAY,qBACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,KAAK,EACb,KAAK,EAAE,KAAK,IAAI,EAAE,eACP,IAAI,IACX,KAAK,GAER,OAAO,CAAC,CAAC,CAAC,CACP,oBAAC,qBAAY,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,uBAEhC,CAClB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACV;YACK,WAAW,IAAI,CACZ,oBAAC,qBAAY,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,IAC1C,WAAW,CACD,CAClB;YACA,OAAO,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CACjB,oBAAC,qBAAY,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,IACrC,IAAI,CAAC,IAAI,CACC,CAClB,EAJoB,CAIpB,CAAC,CACH,CACN,CAAC,CAAC,CAAC,CACA,QAAQ,CACX,CACU;QACf,oBAAC,sBAAa;YACV,oBAAC,yBAAW,IAAC,KAAK,EAAE,EAAE,GAAI,CACd,CACd,CACT,CAAA;AACL,CAAC,CAAA;AA7CY,QAAA,MAAM,UA6ClB"}
|
|
@@ -12,13 +12,13 @@ exports.StyledSelect = styled_components_1.default.select(templateObject_1 || (t
|
|
|
12
12
|
return props.empty
|
|
13
13
|
? props.theme.colors.input.placeholder
|
|
14
14
|
: props.disabled
|
|
15
|
-
? props.theme.colors.grey[
|
|
15
|
+
? props.theme.colors.grey[300]
|
|
16
16
|
: props.theme.colors.input.color;
|
|
17
17
|
}, function (props) { return props.theme.colors.input.background; }, styled_map_1.default({
|
|
18
18
|
disabled: 'not-allowed',
|
|
19
19
|
default: 'pointer',
|
|
20
20
|
}), function (props) { return props.theme.colors.input.focus; });
|
|
21
21
|
exports.StyledOption = styled_components_1.default.option(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (props) { return props.theme.colors.input.color; });
|
|
22
|
-
exports.StyledChevron = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right:
|
|
22
|
+
exports.StyledChevron = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 12px;\n height: 100%;\n display: flex;\n align-items: center;\n pointer-events: none;\n"], ["\n position: absolute;\n top: 0;\n right: 12px;\n height: 100%;\n display: flex;\n align-items: center;\n pointer-events: none;\n"])));
|
|
23
23
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
24
24
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;AAAA,yCAAkC;AAClC,uDAAsC;AAGzB,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,8jBAKxC,qBACkB,EAAiC,oBACnC,EAAiC,wMAS7B,EAAuC,yBACxC,EAAgC,yBAChC,EAGyB,gBAChC,EAK+B,2BACpB,EAA4C,iBACtD,EAGR,kEAGkB,EAAuC,gEAK9D,KAlCkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAS7B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAA9B,CAA8B,EACxC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,EAAvB,CAAuB,EAChC,UAAA,KAAK;IACjB,OAAA,KAAK,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;QAChC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;AAFrC,CAEqC,EAChC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;QACtC,CAAC,CAAC,KAAK,CAAC,QAAQ;YAChB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;AAAA,yCAAkC;AAClC,uDAAsC;AAGzB,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,8jBAKxC,qBACkB,EAAiC,oBACnC,EAAiC,wMAS7B,EAAuC,yBACxC,EAAgC,yBAChC,EAGyB,gBAChC,EAK+B,2BACpB,EAA4C,iBACtD,EAGR,kEAGkB,EAAuC,gEAK9D,KAlCkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAxB,CAAwB,EAS7B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAA9B,CAA8B,EACxC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,EAAvB,CAAuB,EAChC,UAAA,KAAK;IACjB,OAAA,KAAK,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;QAChC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;AAFrC,CAEqC,EAChC,UAAA,KAAK;IACV,OAAA,KAAK,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;QACtC,CAAC,CAAC,KAAK,CAAC,QAAQ;YAChB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;YAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;AAJpC,CAIoC,EACpB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,EAAnC,CAAmC,EACtD,oBAAS,CAAC;IAChB,QAAQ,EAAE,aAAa;IACvB,OAAO,EAAE,SAAS;CACrB,CAAC,EAGkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EAK9D;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,iGAAA,eAC5B,EAAuC,KACnD,KADY,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAA9B,CAA8B,EACnD;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,mOAAA,wJAQtC,KAAA"}
|
|
@@ -4,21 +4,21 @@ exports.StyledTag = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = require("styled-components");
|
|
6
6
|
var styled_map_1 = require("styled-map");
|
|
7
|
-
exports.StyledTag = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: inline-block;\n padding:
|
|
7
|
+
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) {
|
|
8
8
|
return styled_map_1.default('kind', {
|
|
9
|
-
error: props.theme.colors.red[
|
|
10
|
-
warning: props.theme.colors.orange[
|
|
11
|
-
default: props.theme.colors.blue[
|
|
12
|
-
success: props.theme.colors.green[
|
|
13
|
-
disabled: props.theme.colors.grey[
|
|
9
|
+
error: props.theme.colors.red[50],
|
|
10
|
+
warning: props.theme.colors.orange[50],
|
|
11
|
+
default: props.theme.colors.blue[50],
|
|
12
|
+
success: props.theme.colors.green[50],
|
|
13
|
+
disabled: props.theme.colors.grey[200],
|
|
14
14
|
});
|
|
15
|
-
}, function (props) {
|
|
15
|
+
}, function (props) {
|
|
16
16
|
return styled_map_1.default('kind', {
|
|
17
|
-
error: props.theme.colors.
|
|
18
|
-
warning: props.theme.colors.
|
|
19
|
-
default: props.theme.colors.blue[
|
|
20
|
-
success: props.theme.colors.
|
|
21
|
-
disabled: props.theme.colors.grey[
|
|
17
|
+
error: props.theme.colors.red[900],
|
|
18
|
+
warning: props.theme.colors.orange[900],
|
|
19
|
+
default: props.theme.colors.blue[900],
|
|
20
|
+
success: props.theme.colors.green[900],
|
|
21
|
+
disabled: props.theme.colors.grey[300],
|
|
22
22
|
});
|
|
23
23
|
});
|
|
24
24
|
var templateObject_1;
|
|
@@ -1 +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,
|
|
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,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"}
|
|
@@ -9,6 +9,6 @@ exports.StyledContainer = styled_components_1.default.div(templateObject_1 || (t
|
|
|
9
9
|
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; });
|
|
10
10
|
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]; });
|
|
11
11
|
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; });
|
|
12
|
-
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[
|
|
12
|
+
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]; });
|
|
13
13
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +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,
|
|
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,EAAqC,KAChD,KADW,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAA5B,CAA4B,EAChD"}
|
package/dist/theme/theme.d.ts
CHANGED
|
@@ -1,33 +1,110 @@
|
|
|
1
|
-
import { FontSizesMap, SpacingMap, ButtonColorType
|
|
2
|
-
export declare const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
1
|
+
import { FontSizesMap, SpacingMap, ButtonColorType } from './types';
|
|
2
|
+
export declare const palette: {
|
|
3
|
+
readonly black: "#000";
|
|
4
|
+
readonly white: "#fff";
|
|
5
|
+
readonly grey: {
|
|
6
|
+
readonly 50: "#f6f6f6";
|
|
7
|
+
readonly 100: "#e5e5e5";
|
|
8
|
+
readonly 200: "#ccc";
|
|
9
|
+
readonly 300: "#b2b2b2";
|
|
10
|
+
readonly 400: "#999";
|
|
11
|
+
readonly 500: "#808080";
|
|
12
|
+
readonly 600: "#666";
|
|
13
|
+
readonly 700: "#4c4c4c";
|
|
14
|
+
readonly 800: "#333";
|
|
15
|
+
readonly 900: "#191919";
|
|
16
|
+
};
|
|
17
|
+
readonly blueGrey: {
|
|
18
|
+
readonly 50: "#f3f5f9";
|
|
19
|
+
readonly 100: "#edeef0";
|
|
20
|
+
readonly 200: "#dbdde1";
|
|
21
|
+
readonly 300: "#c9ccd2";
|
|
22
|
+
readonly 400: "#b7bbc3";
|
|
23
|
+
readonly 500: "#a5a9b4";
|
|
24
|
+
readonly 600: "#9498a5";
|
|
25
|
+
readonly 700: "#828796";
|
|
26
|
+
readonly 800: "#707687";
|
|
27
|
+
readonly 900: "#575c6a";
|
|
28
|
+
};
|
|
29
|
+
readonly orange: {
|
|
30
|
+
readonly 50: "#fff4e0";
|
|
31
|
+
readonly 100: "#ffe3b3";
|
|
32
|
+
readonly 200: "#ffd080";
|
|
33
|
+
readonly 300: "#ffbd4d";
|
|
34
|
+
readonly 400: "#ffaf26";
|
|
35
|
+
readonly 500: "#ffa100";
|
|
36
|
+
readonly 600: "#ff9900";
|
|
37
|
+
readonly 700: "#ff8f00";
|
|
38
|
+
readonly 800: "#ff8500";
|
|
39
|
+
readonly 900: "#e66700";
|
|
40
|
+
};
|
|
41
|
+
readonly blue: {
|
|
42
|
+
readonly 50: "#e1eeff";
|
|
43
|
+
readonly 100: "#b4d4ff";
|
|
44
|
+
readonly 200: "#82b7ff";
|
|
45
|
+
readonly 300: "#509aff";
|
|
46
|
+
readonly 400: "#2b85ff";
|
|
47
|
+
readonly 500: "#056fff";
|
|
48
|
+
readonly 600: "#0467ff";
|
|
49
|
+
readonly 700: "#045cff";
|
|
50
|
+
readonly 800: "#0352ff";
|
|
51
|
+
readonly 900: "#0140ff";
|
|
52
|
+
};
|
|
53
|
+
readonly green: {
|
|
54
|
+
readonly 50: "#e8fbee";
|
|
55
|
+
readonly 100: "#1c7f5d6";
|
|
56
|
+
readonly 200: "#a1eeba";
|
|
57
|
+
readonly 300: "#7be79e";
|
|
58
|
+
readonly 400: "#5fe18a";
|
|
59
|
+
readonly 500: "#43dc75";
|
|
60
|
+
readonly 600: "#3dd86d";
|
|
61
|
+
readonly 700: "#34d362";
|
|
62
|
+
readonly 800: "#2cce58";
|
|
63
|
+
readonly 900: "#19a439";
|
|
64
|
+
};
|
|
65
|
+
readonly red: {
|
|
66
|
+
readonly 50: "#ffeceb";
|
|
67
|
+
readonly 100: "#ffd0cd";
|
|
68
|
+
readonly 200: "#ffb1ac";
|
|
69
|
+
readonly 300: "#ff918b";
|
|
70
|
+
readonly 400: "#ff7a72";
|
|
71
|
+
readonly 500: "#ff6259";
|
|
72
|
+
readonly 600: "#ff5a51";
|
|
73
|
+
readonly 700: "#ff5048";
|
|
74
|
+
readonly 800: "#ff463e";
|
|
75
|
+
readonly 900: "#ff342e";
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
declare type Palette = typeof palette;
|
|
79
|
+
export declare const BLACK: "#000";
|
|
80
|
+
export declare const WHITE: "#fff";
|
|
81
|
+
export declare const GREY1: "#191919";
|
|
82
|
+
export declare const GREY2: "#666";
|
|
83
|
+
export declare const GREY3: "#b2b2b2";
|
|
84
|
+
export declare const GREY4: "#ccc";
|
|
85
|
+
export declare const GREY5: "#e5e5e5";
|
|
86
|
+
export declare const GREY6: "#f6f6f6";
|
|
87
|
+
export declare const RED1: "#ff342e";
|
|
88
|
+
export declare const RED2: "#ff6259";
|
|
89
|
+
export declare const RED3: "#ff7a72";
|
|
90
|
+
export declare const RED4: "#ffeceb";
|
|
91
|
+
export declare const GREEN1: "#43dc75";
|
|
92
|
+
export declare const GREEN2: "#1c7f5d6";
|
|
93
|
+
export declare const GREEN3: "#e8fbee";
|
|
94
|
+
export declare const BLUE1: "#0140ff";
|
|
95
|
+
export declare const BLUE2: "#056fff";
|
|
96
|
+
export declare const BLUE3: "#e1eeff";
|
|
97
|
+
export declare const ORANGE1: "#ff9900";
|
|
98
|
+
export declare const ORANGE2: "#ffa100";
|
|
99
|
+
export declare const ORANGE3: "#ffbd4d";
|
|
100
|
+
export declare const ORANGE4: "#fff4e0";
|
|
101
|
+
export declare const PRIMARY: "#ffa100";
|
|
102
|
+
export declare const PRIMARY_LIGHT: "#ffbd4d";
|
|
103
|
+
export declare const PRIMARY_DARK: "#ffa100";
|
|
104
|
+
export declare const PRIMARY_LIGHT_BACKGROUND: "#e5e5e5";
|
|
105
|
+
export declare const ACCENT: "#056fff";
|
|
106
|
+
export declare const ACCENT_LIGHT: "#e1eeff";
|
|
107
|
+
export declare const ACCENT_DARK: "#0140ff";
|
|
31
108
|
export interface ThemeInterface {
|
|
32
109
|
baseline: number;
|
|
33
110
|
font: {
|
|
@@ -36,7 +113,7 @@ export interface ThemeInterface {
|
|
|
36
113
|
sizes: FontSizesMap<string>;
|
|
37
114
|
lineHeight: number;
|
|
38
115
|
};
|
|
39
|
-
colors: {
|
|
116
|
+
colors: Palette & {
|
|
40
117
|
primary: string;
|
|
41
118
|
primaryLight: string;
|
|
42
119
|
primaryDark: string;
|
|
@@ -44,13 +121,6 @@ export interface ThemeInterface {
|
|
|
44
121
|
accent: string;
|
|
45
122
|
accentLight: string;
|
|
46
123
|
accentDark: string;
|
|
47
|
-
black: string;
|
|
48
|
-
white: string;
|
|
49
|
-
grey: ShadesMap<string>;
|
|
50
|
-
blue: BlueMap<string>;
|
|
51
|
-
red: RedMap<string>;
|
|
52
|
-
green: GreenMap<string>;
|
|
53
|
-
orange: OrangeMap<string>;
|
|
54
124
|
success: string;
|
|
55
125
|
warning: string;
|
|
56
126
|
error: string;
|
|
@@ -94,3 +164,4 @@ export interface ThemeInterface {
|
|
|
94
164
|
breakpoints: string[];
|
|
95
165
|
}
|
|
96
166
|
export declare const theme: ThemeInterface;
|
|
167
|
+
export {};
|
package/dist/theme/theme.js
CHANGED
|
@@ -1,30 +1,107 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
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;
|
|
3
|
+
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;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
4
5
|
var typography_1 = require("./typography");
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
6
|
+
exports.palette = {
|
|
7
|
+
black: '#000',
|
|
8
|
+
white: '#fff',
|
|
9
|
+
grey: {
|
|
10
|
+
50: '#f6f6f6',
|
|
11
|
+
100: '#e5e5e5',
|
|
12
|
+
200: '#ccc',
|
|
13
|
+
300: '#b2b2b2',
|
|
14
|
+
400: '#999',
|
|
15
|
+
500: '#808080',
|
|
16
|
+
600: '#666',
|
|
17
|
+
700: '#4c4c4c',
|
|
18
|
+
800: '#333',
|
|
19
|
+
900: '#191919',
|
|
20
|
+
},
|
|
21
|
+
blueGrey: {
|
|
22
|
+
50: '#f3f5f9',
|
|
23
|
+
100: '#edeef0',
|
|
24
|
+
200: '#dbdde1',
|
|
25
|
+
300: '#c9ccd2',
|
|
26
|
+
400: '#b7bbc3',
|
|
27
|
+
500: '#a5a9b4',
|
|
28
|
+
600: '#9498a5',
|
|
29
|
+
700: '#828796',
|
|
30
|
+
800: '#707687',
|
|
31
|
+
900: '#575c6a',
|
|
32
|
+
},
|
|
33
|
+
orange: {
|
|
34
|
+
50: '#fff4e0',
|
|
35
|
+
100: '#ffe3b3',
|
|
36
|
+
200: '#ffd080',
|
|
37
|
+
300: '#ffbd4d',
|
|
38
|
+
400: '#ffaf26',
|
|
39
|
+
500: '#ffa100',
|
|
40
|
+
600: '#ff9900',
|
|
41
|
+
700: '#ff8f00',
|
|
42
|
+
800: '#ff8500',
|
|
43
|
+
900: '#e66700',
|
|
44
|
+
},
|
|
45
|
+
blue: {
|
|
46
|
+
50: '#e1eeff',
|
|
47
|
+
100: '#b4d4ff',
|
|
48
|
+
200: '#82b7ff',
|
|
49
|
+
300: '#509aff',
|
|
50
|
+
400: '#2b85ff',
|
|
51
|
+
500: '#056fff',
|
|
52
|
+
600: '#0467ff',
|
|
53
|
+
700: '#045cff',
|
|
54
|
+
800: '#0352ff',
|
|
55
|
+
900: '#0140ff',
|
|
56
|
+
},
|
|
57
|
+
green: {
|
|
58
|
+
50: '#e8fbee',
|
|
59
|
+
100: '#1c7f5d6',
|
|
60
|
+
200: '#a1eeba',
|
|
61
|
+
300: '#7be79e',
|
|
62
|
+
400: '#5fe18a',
|
|
63
|
+
500: '#43dc75',
|
|
64
|
+
600: '#3dd86d',
|
|
65
|
+
700: '#34d362',
|
|
66
|
+
800: '#2cce58',
|
|
67
|
+
900: '#19a439',
|
|
68
|
+
},
|
|
69
|
+
red: {
|
|
70
|
+
50: '#ffeceb',
|
|
71
|
+
100: '#ffd0cd',
|
|
72
|
+
200: '#ffb1ac',
|
|
73
|
+
300: '#ff918b',
|
|
74
|
+
400: '#ff7a72',
|
|
75
|
+
500: '#ff6259',
|
|
76
|
+
600: '#ff5a51',
|
|
77
|
+
700: '#ff5048',
|
|
78
|
+
800: '#ff463e',
|
|
79
|
+
900: '#ff342e',
|
|
80
|
+
},
|
|
81
|
+
};
|
|
82
|
+
// TODO Deprecated: remove these in favour of the palette vars
|
|
83
|
+
exports.BLACK = exports.palette.black;
|
|
84
|
+
exports.WHITE = exports.palette.white;
|
|
85
|
+
exports.GREY1 = exports.palette.grey[900];
|
|
86
|
+
exports.GREY2 = exports.palette.grey[600];
|
|
87
|
+
exports.GREY3 = exports.palette.grey[300];
|
|
88
|
+
exports.GREY4 = exports.palette.grey[200];
|
|
89
|
+
exports.GREY5 = exports.palette.grey[100];
|
|
90
|
+
exports.GREY6 = exports.palette.grey[50];
|
|
91
|
+
exports.RED1 = exports.palette.red[900];
|
|
92
|
+
exports.RED2 = exports.palette.red[500];
|
|
93
|
+
exports.RED3 = exports.palette.red[400];
|
|
94
|
+
exports.RED4 = exports.palette.red[50];
|
|
95
|
+
exports.GREEN1 = exports.palette.green[500];
|
|
96
|
+
exports.GREEN2 = exports.palette.green[100];
|
|
97
|
+
exports.GREEN3 = exports.palette.green[50];
|
|
98
|
+
exports.BLUE1 = exports.palette.blue[900];
|
|
99
|
+
exports.BLUE2 = exports.palette.blue[500];
|
|
100
|
+
exports.BLUE3 = exports.palette.blue[50];
|
|
101
|
+
exports.ORANGE1 = exports.palette.orange[600];
|
|
102
|
+
exports.ORANGE2 = exports.palette.orange[500];
|
|
103
|
+
exports.ORANGE3 = exports.palette.orange[300];
|
|
104
|
+
exports.ORANGE4 = exports.palette.orange[50];
|
|
28
105
|
// Main color that indicates productive actions
|
|
29
106
|
exports.PRIMARY = exports.ORANGE2;
|
|
30
107
|
exports.PRIMARY_LIGHT = exports.ORANGE3;
|
|
@@ -33,6 +110,9 @@ exports.PRIMARY_LIGHT_BACKGROUND = exports.GREY5;
|
|
|
33
110
|
// Secondary color that indicates counterproductive actions
|
|
34
111
|
var SECONDARY = exports.GREY1;
|
|
35
112
|
var SECONDARY_LIGHT = exports.GREY2;
|
|
113
|
+
// Opposite colors of primary button
|
|
114
|
+
var TERTIARY = exports.WHITE;
|
|
115
|
+
var TERTIARY_LIGHT = exports.ORANGE4;
|
|
36
116
|
// Accent color that draws attention
|
|
37
117
|
exports.ACCENT = exports.BLUE2;
|
|
38
118
|
exports.ACCENT_LIGHT = exports.BLUE3;
|
|
@@ -54,55 +134,13 @@ exports.theme = {
|
|
|
54
134
|
sizes: typography_1.fontSizes,
|
|
55
135
|
lineHeight: 1.5,
|
|
56
136
|
},
|
|
57
|
-
colors: {
|
|
58
|
-
primary: exports.PRIMARY,
|
|
59
|
-
primaryLight: exports.PRIMARY_LIGHT,
|
|
60
|
-
primaryDark: exports.PRIMARY_DARK,
|
|
61
|
-
primaryLightBackground: exports.PRIMARY_LIGHT_BACKGROUND,
|
|
62
|
-
accent: exports.ACCENT,
|
|
63
|
-
accentLight: exports.ACCENT_LIGHT,
|
|
64
|
-
accentDark: exports.ACCENT_DARK,
|
|
65
|
-
black: exports.BLACK,
|
|
66
|
-
white: exports.WHITE,
|
|
67
|
-
grey: {
|
|
68
|
-
1: exports.GREY1,
|
|
69
|
-
2: exports.GREY2,
|
|
70
|
-
3: exports.GREY3,
|
|
71
|
-
4: exports.GREY4,
|
|
72
|
-
5: exports.GREY5,
|
|
73
|
-
},
|
|
74
|
-
blue: {
|
|
75
|
-
1: exports.BLUE1,
|
|
76
|
-
2: exports.BLUE2,
|
|
77
|
-
3: exports.BLUE3,
|
|
78
|
-
},
|
|
79
|
-
red: {
|
|
80
|
-
1: exports.RED1,
|
|
81
|
-
2: exports.RED2,
|
|
82
|
-
3: exports.RED3,
|
|
83
|
-
4: exports.RED4,
|
|
84
|
-
},
|
|
85
|
-
green: {
|
|
86
|
-
1: exports.GREEN1,
|
|
87
|
-
2: exports.GREEN2,
|
|
88
|
-
3: exports.GREEN3,
|
|
89
|
-
},
|
|
90
|
-
orange: {
|
|
91
|
-
1: exports.ORANGE1,
|
|
92
|
-
2: exports.ORANGE2,
|
|
93
|
-
3: exports.ORANGE3,
|
|
94
|
-
4: exports.ORANGE4,
|
|
95
|
-
},
|
|
96
|
-
success: SUCCESS,
|
|
97
|
-
warning: WARNING,
|
|
98
|
-
error: ERROR,
|
|
99
|
-
message: MESSAGE,
|
|
137
|
+
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,
|
|
100
138
|
// Typography
|
|
101
139
|
text: {
|
|
102
140
|
default: exports.GREY1,
|
|
103
141
|
heading: exports.GREY1,
|
|
104
142
|
light: exports.GREY2,
|
|
105
|
-
},
|
|
143
|
+
},
|
|
106
144
|
// Form elements
|
|
107
145
|
input: {
|
|
108
146
|
border: exports.GREY4,
|
|
@@ -112,7 +150,7 @@ exports.theme = {
|
|
|
112
150
|
backgroundHover: exports.WHITE,
|
|
113
151
|
placeholder: exports.GREY3,
|
|
114
152
|
color: exports.GREY1,
|
|
115
|
-
},
|
|
153
|
+
},
|
|
116
154
|
// Buttons
|
|
117
155
|
buttons: {
|
|
118
156
|
primary: exports.PRIMARY,
|
|
@@ -121,14 +159,16 @@ exports.theme = {
|
|
|
121
159
|
secondary: SECONDARY,
|
|
122
160
|
secondaryHover: SECONDARY_LIGHT,
|
|
123
161
|
secondaryFocus: SECONDARY_LIGHT,
|
|
124
|
-
|
|
162
|
+
tertiary: TERTIARY,
|
|
163
|
+
tertiaryHover: TERTIARY_LIGHT,
|
|
164
|
+
tertiaryFocus: TERTIARY_LIGHT,
|
|
165
|
+
},
|
|
125
166
|
// Links
|
|
126
167
|
links: {
|
|
127
168
|
default: exports.PRIMARY,
|
|
128
169
|
hover: exports.PRIMARY_LIGHT,
|
|
129
170
|
focus: exports.PRIMARY_LIGHT,
|
|
130
|
-
},
|
|
131
|
-
},
|
|
171
|
+
} }),
|
|
132
172
|
borderColor: BORDER_COLOR,
|
|
133
173
|
borderRadius: {
|
|
134
174
|
default: 5,
|
package/dist/theme/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"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"}
|
package/dist/theme/types.d.ts
CHANGED
|
@@ -26,6 +26,9 @@ export interface ButtonColorType {
|
|
|
26
26
|
secondary: string;
|
|
27
27
|
secondaryHover: string;
|
|
28
28
|
secondaryFocus: string;
|
|
29
|
+
tertiary: string;
|
|
30
|
+
tertiaryHover: string;
|
|
31
|
+
tertiaryFocus: string;
|
|
29
32
|
}
|
|
30
33
|
export declare type ButtonStyles = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'none';
|
|
31
34
|
export declare const SIZE_SMALL = "small";
|
package/dist/theme/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@beequip/hexagon",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.17.1",
|
|
4
4
|
"description": "Component library for BEEQUIP",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"files": [
|
|
@@ -47,7 +47,6 @@
|
|
|
47
47
|
"downshift": "^3.2.14",
|
|
48
48
|
"react": "^16.8.6",
|
|
49
49
|
"react-dom": "^16.8.3",
|
|
50
|
-
"react-icons": "^4.3.1",
|
|
51
50
|
"react-pose": "^4.0.8",
|
|
52
51
|
"react-router-dom": "^5.0.0",
|
|
53
52
|
"react-tooltip": "^4.2.8",
|