@xfers/design-system 2.53.0 → 3.0.0
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/cjs/index.js +6 -6
- package/cjs/index.js.map +1 -1
- package/dist/components/ActionButton/ActionButton.js +2 -2
- package/dist/components/ActionButton/ActionButton.js.map +1 -1
- package/dist/components/ActionCard/index.js +2 -2
- package/dist/components/ActionCard/index.js.map +1 -1
- package/dist/components/BadgeIcon/index.js +2 -2
- package/dist/components/BadgeIcon/index.js.map +1 -1
- package/dist/components/Banner/index.js +2 -2
- package/dist/components/Banner/index.js.map +1 -1
- package/dist/components/Button/Button.js +3 -3
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Card/index.js +2 -2
- package/dist/components/Card/index.js.map +1 -1
- package/dist/components/Carousel/index.js +2 -2
- package/dist/components/Carousel/index.js.map +1 -1
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/ContentBreakdown/index.js +2 -2
- package/dist/components/ContentBreakdown/index.js.map +1 -1
- package/dist/components/DatePicker/index.js +3 -3
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DeprecatedModal/index.js +2 -2
- package/dist/components/DeprecatedModal/index.js.map +1 -1
- package/dist/components/Divider/index.js +2 -2
- package/dist/components/Divider/index.js.map +1 -1
- package/dist/components/Dropdown/index.js +2 -2
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/ErrorPage/index.js +2 -2
- package/dist/components/ErrorPage/index.js.map +1 -1
- package/dist/components/Input/index.js +4 -4
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Link/index.js +2 -2
- package/dist/components/Link/index.js.map +1 -1
- package/dist/components/Modal/index.js +2 -2
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Note/index.js +2 -2
- package/dist/components/Note/index.js.map +1 -1
- package/dist/components/Radio/index.js +2 -2
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/RangePicker/index.js +1 -1
- package/dist/components/RangePicker/index.js.map +1 -1
- package/dist/components/Select/index.js +3 -3
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/style.js +1 -1
- package/dist/components/Select/style.js.map +1 -1
- package/dist/components/Spin/index.js +2 -2
- package/dist/components/Spin/index.js.map +1 -1
- package/dist/components/Steps/index.js +2 -2
- package/dist/components/Steps/index.js.map +1 -1
- package/dist/constants/Typography/Typography.js +71 -0
- package/dist/constants/Typography/Typography.js.map +1 -0
- package/dist/constants/Typography/Typography.styles.js +52 -0
- package/dist/constants/Typography/Typography.styles.js.map +1 -0
- package/dist/constants/Typography/Typography.types.js +3 -0
- package/dist/constants/Typography/Typography.types.js.map +1 -0
- package/dist/constants/colors.js +123 -0
- package/dist/constants/colors.js.map +1 -0
- package/dist/constants/shadow.js +11 -0
- package/dist/constants/shadow.js.map +1 -0
- package/dist/index.js +54 -50
- package/dist/index.js.map +1 -1
- package/dist/{shared/NormalizeStyles.js → theme/NormalizeStyles/index.js} +1 -1
- package/dist/theme/NormalizeStyles/index.js.map +1 -0
- package/dist/{shared/themeContext.js → theme/ThemeContext.js} +1 -1
- package/dist/theme/ThemeContext.js.map +1 -0
- package/dist/theme/theme.js +175 -0
- package/dist/theme/theme.js.map +1 -0
- package/dist/types/constants/Typography/Typography.d.ts +35 -0
- package/dist/types/constants/Typography/Typography.styles.d.ts +2 -0
- package/dist/types/constants/Typography/Typography.types.d.ts +24 -0
- package/dist/types/constants/colors.d.ts +98 -0
- package/dist/types/constants/shadow.d.ts +6 -0
- package/dist/types/index.d.ts +49 -48
- package/dist/types/theme/ThemeContext.d.ts +148 -0
- package/dist/types/theme/theme.d.ts +282 -0
- package/es/icons.js +1 -1
- package/es/index.js +6 -6
- package/es/index.js.map +1 -1
- package/es/logos.js +1 -1
- package/package.json +1 -1
- package/dist/constants/colors/black.js +0 -11
- package/dist/constants/colors/black.js.map +0 -1
- package/dist/constants/colors/blue.js +0 -14
- package/dist/constants/colors/blue.js.map +0 -1
- package/dist/constants/colors/green.js +0 -14
- package/dist/constants/colors/green.js.map +0 -1
- package/dist/constants/colors/grey.js +0 -15
- package/dist/constants/colors/grey.js.map +0 -1
- package/dist/constants/colors/index.js +0 -17
- package/dist/constants/colors/index.js.map +0 -1
- package/dist/constants/colors/red.js +0 -10
- package/dist/constants/colors/red.js.map +0 -1
- package/dist/constants/colors/white.js +0 -8
- package/dist/constants/colors/white.js.map +0 -1
- package/dist/constants/colors/yellow.js +0 -10
- package/dist/constants/colors/yellow.js.map +0 -1
- package/dist/shared/NormalizeStyles.js.map +0 -1
- package/dist/shared/theme.js +0 -114
- package/dist/shared/theme.js.map +0 -1
- package/dist/shared/themeContext.js.map +0 -1
- package/dist/types/constants/colors/black.d.ts +0 -6
- package/dist/types/constants/colors/blue.d.ts +0 -9
- package/dist/types/constants/colors/green.d.ts +0 -9
- package/dist/types/constants/colors/grey.d.ts +0 -10
- package/dist/types/constants/colors/index.d.ts +0 -7
- package/dist/types/constants/colors/red.d.ts +0 -5
- package/dist/types/constants/colors/white.d.ts +0 -3
- package/dist/types/constants/colors/yellow.d.ts +0 -5
- package/dist/types/shared/theme.d.ts +0 -163
- package/dist/types/shared/themeContext.d.ts +0 -89
- /package/dist/types/{shared/NormalizeStyles.d.ts → theme/NormalizeStyles/index.d.ts} +0 -0
|
@@ -28,7 +28,7 @@ var date_picker_1 = require("antd/es/date-picker");
|
|
|
28
28
|
require("antd/es/date-picker/style/css");
|
|
29
29
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
30
30
|
var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
31
|
-
var theme_1 = require("src/
|
|
31
|
+
var theme_1 = require("src/theme/theme");
|
|
32
32
|
function default_1(_a) {
|
|
33
33
|
var _b = _a.format, format = _b === void 0 ? 'DD/MM/YYYY' : _b, rest = __rest(_a, ["format"]);
|
|
34
34
|
var style = "\n -webkit-font-smoothing: antialiased;\n height: 36px;\n\n &.ant-picker {\n border-radius: 5px;\n border-color: #E8E8E8;\n transition: 0.3s all ease;\n\n &:hover {\n border-color: " + theme_1.straitsXTheme.brand.primary.default + ";\n }\n\n &.ant-picker-focused {\n border-color: " + theme_1.straitsXTheme.brand.primary.default + ";\n box-shadow: 0 0 0 2px " + theme_1.straitsXTheme.brand.primary.background + ";\n }\n\n .ant-picker-active-bar {\n background: " + theme_1.straitsXTheme.brand.primary.default + ";\n }\n }\n\n\n &.ant-picker > .ant-picker-input {\n font-family: " + TypographyStyles_1.MAIN_FONT + ";\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 22px;\n color: #121212;\n }\n\n & .ant-picker-input > input {\n color: #121212;\n }\n\n & .ant-picker-input > input::placeholder {\n color: " + ColorStyles_1.NEUTRAL_COLORS.G400 + ";\n }\n ";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RangePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAA6B;AAC7B,mDAA4C;AAC5C,yCAAsC;AACtC,gEAAuD;AACvD,sDAAuD;AACvD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RangePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAA6B;AAC7B,mDAA4C;AAC5C,yCAAsC;AACtC,gEAAuD;AACvD,sDAAuD;AACvD,yCAA+C;AAkB/C,mBAAwB,EAAyC;IAAvC,IAAA,cAAqB,EAArB,MAAM,mBAAG,YAAY,KAAA,EAAK,IAAI,cAAhC,UAAkC,CAAF;IACtD,IAAM,KAAK,GAAG,8NAUQ,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,0EAInC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,yCAC3B,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,0EAIhD,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,0FAMpC,4BAAS,oRAaf,4BAAc,CAAC,IAAI,iBAE/B,CAAA;IAED,IAAM,aAAa,GAAG,kIAEE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,iJAInC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,8VAgB1D,CAAA;IAED,OAAO,CACL,8BAAC,qBAAU,CAAC,WAAW,aACrB,SAAS,EAAE,KAAG,aAAG,CAAC,KAAK,CAAG,EAC1B,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,aAAG,CAAC,aAAa,CAAC,IACjC,IAAI,EACR,CACH,CAAA;AACH,CAAC;AA3ED,4BA2EC"}
|
|
@@ -33,14 +33,14 @@ require("antd/es/select/style/css");
|
|
|
33
33
|
var tag_1 = require("antd/es/tag");
|
|
34
34
|
require("antd/es/tag/style/css");
|
|
35
35
|
var Typography_1 = require("src/components/Typography");
|
|
36
|
-
var
|
|
36
|
+
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
37
37
|
var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
38
38
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
39
39
|
var style_1 = require("./style");
|
|
40
40
|
emotion_1.injectGlobal(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .ant-select-dropdown .ant-select-item-option {\n -webkit-font-smoothing: antialiased;\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n font-weight: 500;\n }\n\n div.ant-select-dropdown {\n border-radius: 5px;\n max-height: 100vh;\n overflow-y: scroll;\n }\n"], ["\n .ant-select-dropdown .ant-select-item-option {\n -webkit-font-smoothing: antialiased;\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n font-weight: 500;\n }\n\n div.ant-select-dropdown {\n border-radius: 5px;\n max-height: 100vh;\n overflow-y: scroll;\n }\n"])), ColorStyles_1.MAIN_COLORS.PRIMARY_BLACK, TypographyStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1);
|
|
41
41
|
var Select = function (_a) {
|
|
42
42
|
var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.disabled, disabled = _c === void 0 ? false : _c, type = _a.type, mode = _a.mode, label = _a.label, selectRef = _a.selectRef, rest = __rest(_a, ["className", "children", "disabled", "type", "mode", "label", "selectRef"]);
|
|
43
|
-
var _d =
|
|
43
|
+
var _d = ThemeContext_1.useTheme(), spacing = _d.spacing, brand = _d.brand;
|
|
44
44
|
emotion_1.injectGlobal(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n background-color: #F0FFF9 /* ", " */;\n\n .ant-select-item-option-state {\n color: #00D37E /* ", " */;\n\n &:hover {\n border-color: ", ";\n }\n \n &.ant-picker-focused {\n border-color: ", ";\n }\n \n .ant-picker-active-bar {\n background: ", ";\n }\n }\n }\n "], ["\n .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n background-color: #F0FFF9 /* ", " */;\n\n .ant-select-item-option-state {\n color: #00D37E /* ", " */;\n\n &:hover {\n border-color: ", ";\n }\n \n &.ant-picker-focused {\n border-color: ", ";\n }\n \n .ant-picker-active-bar {\n background: ", ";\n }\n }\n }\n "])), brand.primary.background, brand.primary.illustration, brand.primary.default, brand.primary.default, brand.primary.default);
|
|
45
45
|
var styleString = style_1.default({ mode: mode, disabled: disabled, type: type });
|
|
46
46
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -49,7 +49,7 @@ var Select = function (_a) {
|
|
|
49
49
|
};
|
|
50
50
|
Select.Tag = function (_a) {
|
|
51
51
|
var _b = _a.className, className = _b === void 0 ? '' : _b, props = __rest(_a, ["className"]);
|
|
52
|
-
var primary =
|
|
52
|
+
var primary = ThemeContext_1.useTheme().brand.primary;
|
|
53
53
|
var tagStyle = "\n height: 28px;\n color: #FFFFFF;\n background: " + primary.default + ";\n border-radius: 23px;\n border: 0;\n display: inline-flex;\n align-items: center;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 20px;\n padding-left: 10px;\n cursor: pointer;\n font-family: " + TypographyStyles_1.MAIN_FONT + ";\n padding-right: 10px;\n margin-right: 4px;\n\n &:hover {\n opacity: 1;\n }\n\n &.ant-tag .anticon-close {\n color: white;\n margin-left: 5px;\n margin-top: 0px;\n }\n ";
|
|
54
54
|
return react_1.default.createElement(tag_1.default, __assign({ className: emotion_1.css(tagStyle) + " " + className }, props));
|
|
55
55
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,mCAA2C;AAC3C,yCAAuD;AACvD,oCAAiC;AAEjC,mCAAgC;AAChC,iCAA8B;AAE9B,wDAAkD;AAClD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,mCAA2C;AAC3C,yCAAuD;AACvD,oCAAiC;AAEjC,mCAAgC;AAChC,iCAA8B;AAE9B,wDAAkD;AAClD,uDAAiD;AACjD,sDAAoD;AACpD,gEAAkE;AAElE,iCAA2B;AAE3B,sBAAY,+hBAAA,2GAGC,EAAyB,sBACnB,EAAS,oBACX,EAAY,iUAe5B,KAjBY,yBAAW,CAAC,aAAa,EACnB,4BAAS,EACX,4BAAS,CAAC,EAAE,EAe5B;AAmBD,IAAM,MAAM,GAAG,UAAS,EAShB;IARN,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACN,IAAI,cARe,2EASvB,CADQ;IAED,IAAA,KAAqB,uBAAQ,EAAE,EAA7B,OAAO,aAAA,EAAE,KAAK,WAAe,CAAA;IAErC,sBAAY,ihBAAA,0IAEuB,EAAwB,2EAGjC,EAA0B,qDAG5B,EAAqB,4EAIrB,EAAqB,4EAIvB,EAAqB,kCAI1C,KAlBkC,KAAK,CAAC,OAAO,CAAC,UAAU,EAGjC,KAAK,CAAC,OAAO,CAAC,YAAY,EAG5B,KAAK,CAAC,OAAO,CAAC,OAAO,EAIrB,KAAK,CAAC,OAAO,CAAC,OAAO,EAIvB,KAAK,CAAC,OAAO,CAAC,OAAO,EAI1C;IAED,IAAM,WAAW,GAAG,eAAK,CAAC,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAA;IAEnD,OAAO,CACL;QACG,KAAK,IAAI,8BAAC,mBAAM,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,EAAE,IAAG,KAAK,CAAU;QACvE,8BAAC,gBAAS,aACR,SAAS,EAAK,aAAG,CAAC,WAAW,CAAC,SAAI,SAAW,EAC7C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,SAAS,IACV,IAAI,GAEP,QAAQ,CACC,CACX,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,GAAG,GAAG,UAAS,EAA4B;IAA1B,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,KAAK,cAA1B,aAA4B,CAAF;IAEnC,IAAA,OAAO,GACd,uBAAQ,EAAE,cADI,CACJ;IAEd,IAAM,QAAQ,GAAG,+DAGD,OAAO,CAAC,OAAO,2QAWd,4BAAS,sNAazB,CAAA;IACD,OAAO,8BAAC,aAAM,aAAC,SAAS,EAAK,aAAG,CAAC,QAAQ,CAAC,SAAI,SAAW,IAAM,KAAK,EAAI,CAAA;AAC1E,CAAC,CAAA;AAED,MAAM,CAAC,QAAQ,GAAG,gBAAS,CAAC,QAAQ,CAAA;AACpC,MAAM,CAAC,MAAM,GAAG,gBAAS,CAAC,MAAM,CAAA;AAEhC,kBAAe,MAAM,CAAA"}
|
|
@@ -4,7 +4,7 @@ var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
|
4
4
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
5
5
|
var fontStyles_1 = require("src/constants/fontStyles");
|
|
6
6
|
var src_1 = require("src");
|
|
7
|
-
var theme_1 = require("src/
|
|
7
|
+
var theme_1 = require("src/theme/theme");
|
|
8
8
|
function getBaseHeight(_a) {
|
|
9
9
|
var mode = _a.mode, type = _a.type;
|
|
10
10
|
if (mode === 'multiple') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Select/style.ts"],"names":[],"mappings":";;AAAA,sDAAoE;AACpE,gEAAuD;AACvD,uDAAiD;AAEjD,2BAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Select/style.ts"],"names":[],"mappings":"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"}
|
|
@@ -30,10 +30,10 @@ var react_1 = require("react");
|
|
|
30
30
|
var spin_1 = require("antd/es/spin");
|
|
31
31
|
var emotion_1 = require("emotion");
|
|
32
32
|
require("antd/es/spin/style/css");
|
|
33
|
-
var
|
|
33
|
+
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
34
34
|
var MainSpin = function (_a) {
|
|
35
35
|
var size = _a.size, props = __rest(_a, ["size"]);
|
|
36
|
-
var brand =
|
|
36
|
+
var brand = ThemeContext_1.useTheme().brand;
|
|
37
37
|
var brandStyle = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n & .ant-spin-dot-item {\n background-color: ", ";\n }\n "], ["\n & .ant-spin-dot-item {\n background-color: ", ";\n }\n "])), brand.primary.default);
|
|
38
38
|
return react_1.default.createElement(spin_1.default, __assign({ className: emotion_1.cx(brandStyle), size: size }, props));
|
|
39
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spin/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,qCAA+B;AAC/B,mCAAiC;AACjC,kCAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spin/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,qCAA+B;AAC/B,mCAAiC;AACjC,kCAA+B;AAC/B,uDAAiD;AAMjD,IAAM,QAAQ,GAAG,UAAC,EAA6B;IAA3B,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;IACxB,IAAA,KAAK,GAAK,uBAAQ,EAAE,MAAf,CAAe;IAC5B,IAAM,UAAU,GAAG,aAAG,2IAAA,wDAEE,EAAqB,cAE5C,KAFuB,KAAK,CAAC,OAAO,CAAC,OAAO,CAE5C,CAAA;IAED,OAAO,8BAAC,cAAI,aAAC,SAAS,EAAE,YAAE,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,IAAM,KAAK,EAAI,CAAA;AACnE,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA"}
|
|
@@ -8,12 +8,12 @@ var react_1 = require("react");
|
|
|
8
8
|
var styled_1 = require("@emotion/styled");
|
|
9
9
|
var Hidden_1 = require("src/components/Hidden");
|
|
10
10
|
var Typography_1 = require("src/components/Typography");
|
|
11
|
-
var
|
|
11
|
+
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
12
12
|
var DesktopSteps_1 = require("./DesktopSteps");
|
|
13
13
|
var ResponsiveSteps = function (_a) {
|
|
14
14
|
var current = _a.current, steps = _a.steps, desktopNote = _a.desktopNote;
|
|
15
15
|
var scrollableElement = react_1.useRef(null);
|
|
16
|
-
var _b =
|
|
16
|
+
var _b = ThemeContext_1.useTheme(), brand = _b.brand, success = _b.success, neutral = _b.neutral;
|
|
17
17
|
react_1.useEffect(function () {
|
|
18
18
|
var node = scrollableElement.current;
|
|
19
19
|
if (node !== null) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Steps/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAgD;AAChD,0CAAoC;AACpC,gDAA0C;AAC1C,wDAA8C;AAE9C,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Steps/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.Typography = void 0;
|
|
26
|
+
var react_1 = require("react");
|
|
27
|
+
var emotion_1 = require("emotion");
|
|
28
|
+
var Typography_styles_1 = require("./Typography.styles");
|
|
29
|
+
/**
|
|
30
|
+
* Display are reserved for short, important text or numerals. They work best on large screens. (Landing Page, Hero Banner)
|
|
31
|
+
* @param {'large'|'medium'|'small'} props.size - the size of the Display typography
|
|
32
|
+
*/
|
|
33
|
+
function Display(props) {
|
|
34
|
+
var _a = props.as, as = _a === void 0 ? 'h1' : _a, children = props.children, className = props.className, rest = __rest(props, ["as", "children", "className"]);
|
|
35
|
+
return react_1.default.createElement(as, __assign({ className: emotion_1.cx(Typography_styles_1.styTypography('display', props), className) }, rest), children);
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Headline are best-suited for short, high-emphasis text on smaller screens. These styles can be good for marking primary passages of text or important regions of content.
|
|
39
|
+
* @param {'large'|'medium'|'small'} props.size - the size of the Headline typography
|
|
40
|
+
*/
|
|
41
|
+
function Headline(props) {
|
|
42
|
+
var _a = props.as, as = _a === void 0 ? 'h2' : _a, children = props.children, className = props.className, rest = __rest(props, ["as", "children", "className"]);
|
|
43
|
+
return react_1.default.createElement(as, __assign({ className: emotion_1.cx(Typography_styles_1.styTypography('headline', props), className) }, rest), children);
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* Title are used for shorter, high-emphasis text. For example, consider using title styles to divide secondary passages of text or secondary regions of content (Highest Text for Mobile, Tab and Desktop)
|
|
47
|
+
* @param {'large'|'medium'|'small'} props.size - the size of the Title typography
|
|
48
|
+
*/
|
|
49
|
+
function Title(props) {
|
|
50
|
+
var _a = props.as, as = _a === void 0 ? 'h2' : _a, children = props.children, className = props.className, rest = __rest(props, ["as", "children", "className"]);
|
|
51
|
+
return react_1.default.createElement(as, __assign({ className: emotion_1.cx(Typography_styles_1.styTypography('title', props), className) }, rest), children);
|
|
52
|
+
}
|
|
53
|
+
/**
|
|
54
|
+
* Label are used for areas of the UI such as text inside of components or very small supporting text in the content body, like captions.
|
|
55
|
+
* @param {'large'|'medium'|'small'} props.size - the size of the Label typography
|
|
56
|
+
*/
|
|
57
|
+
function Label(props) {
|
|
58
|
+
var _a = props.as, as = _a === void 0 ? 'h5' : _a, children = props.children, className = props.className, rest = __rest(props, ["as", "children", "className"]);
|
|
59
|
+
return react_1.default.createElement(as, __assign({ className: emotion_1.cx(Typography_styles_1.styTypography('label', props), className) }, rest), children);
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* Body are used for longer passages of text. It uses typefaces intended for body text. This helps ensure readability at smaller sizes and in longer passages. Avoid expressive or decorative fonts for body text because these can be harder to read at small sizes.
|
|
63
|
+
* @param {'large'|'medium'|'small'} props.size - the size of the Body typography
|
|
64
|
+
*/
|
|
65
|
+
function Body(props) {
|
|
66
|
+
var _a = props.as, as = _a === void 0 ? 'span' : _a, children = props.children, className = props.className, rest = __rest(props, ["as", "children", "className"]);
|
|
67
|
+
return react_1.default.createElement(as, __assign({ className: emotion_1.cx(Typography_styles_1.styTypography('body', props), className) }, rest), children);
|
|
68
|
+
}
|
|
69
|
+
var Typography = { Display: Display, Headline: Headline, Title: Title, Label: Label, Body: Body };
|
|
70
|
+
exports.Typography = Typography;
|
|
71
|
+
//# sourceMappingURL=Typography.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/constants/Typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAA4B;AAC5B,yDAAmD;AAGnD;;;GAGG;AACH,SAAS,OAAO,CAAC,KAAsB;IAC7B,IAAA,KAA4C,KAAK,GAAxC,EAAT,EAAE,mBAAG,IAAI,KAAA,EAAE,QAAQ,GAAyB,KAAK,SAA9B,EAAE,SAAS,GAAc,KAAK,UAAnB,EAAK,IAAI,UAAK,KAAK,EAAnD,+BAA2C,CAAF,CAAU;IACzD,OAAO,eAAK,CAAC,aAAa,CACxB,EAAE,aACA,SAAS,EAAE,YAAE,CAAC,iCAAa,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,IAAK,IAAI,GACpE,QAAQ,CACT,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,SAAS,QAAQ,CAAC,KAAsB;IAC9B,IAAA,KAA4C,KAAK,GAAxC,EAAT,EAAE,mBAAG,IAAI,KAAA,EAAE,QAAQ,GAAyB,KAAK,SAA9B,EAAE,SAAS,GAAc,KAAK,UAAnB,EAAK,IAAI,UAAK,KAAK,EAAnD,+BAA2C,CAAF,CAAU;IACzD,OAAO,eAAK,CAAC,aAAa,CACxB,EAAE,aACA,SAAS,EAAE,YAAE,CAAC,iCAAa,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,IAAK,IAAI,GACrE,QAAQ,CACT,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,SAAS,KAAK,CAAC,KAAsB;IAC3B,IAAA,KAA4C,KAAK,GAAxC,EAAT,EAAE,mBAAG,IAAI,KAAA,EAAE,QAAQ,GAAyB,KAAK,SAA9B,EAAE,SAAS,GAAc,KAAK,UAAnB,EAAK,IAAI,UAAK,KAAK,EAAnD,+BAA2C,CAAF,CAAU;IACzD,OAAO,eAAK,CAAC,aAAa,CACxB,EAAE,aACA,SAAS,EAAE,YAAE,CAAC,iCAAa,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,IAAK,IAAI,GAClE,QAAQ,CACT,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,SAAS,KAAK,CAAC,KAAsB;IAC3B,IAAA,KAA4C,KAAK,GAAxC,EAAT,EAAE,mBAAG,IAAI,KAAA,EAAE,QAAQ,GAAyB,KAAK,SAA9B,EAAE,SAAS,GAAc,KAAK,UAAnB,EAAK,IAAI,UAAK,KAAK,EAAnD,+BAA2C,CAAF,CAAU;IACzD,OAAO,eAAK,CAAC,aAAa,CACxB,EAAE,aACA,SAAS,EAAE,YAAE,CAAC,iCAAa,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,IAAK,IAAI,GAClE,QAAQ,CACT,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,SAAS,IAAI,CAAC,KAAsB;IAC1B,IAAA,KAA8C,KAAK,GAAxC,EAAX,EAAE,mBAAG,MAAM,KAAA,EAAE,QAAQ,GAAyB,KAAK,SAA9B,EAAE,SAAS,GAAc,KAAK,UAAnB,EAAK,IAAI,UAAK,KAAK,EAArD,+BAA6C,CAAF,CAAU;IAC3D,OAAO,eAAK,CAAC,aAAa,CACxB,EAAE,aACA,SAAS,EAAE,YAAE,CAAC,iCAAa,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,IAAK,IAAI,GACjE,QAAQ,CACT,CAAA;AACH,CAAC;AAED,IAAM,UAAU,GAAG,EAAE,OAAO,SAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,CAAA;AAEnD,gCAAU"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.styTypography = void 0;
|
|
8
|
+
var emotion_1 = require("emotion");
|
|
9
|
+
var colors_1 = require("../colors");
|
|
10
|
+
var STYLES = {
|
|
11
|
+
display: {
|
|
12
|
+
FONT_SIZE: { lg: '64px', md: '45px', sm: '36px' },
|
|
13
|
+
LINE_HEIGHT: { lg: '78px', md: '54px', sm: '44px' },
|
|
14
|
+
FONT_WEIGHT: { lg: '700', md: '700', sm: '700' },
|
|
15
|
+
LETTER_SPACING: { lg: '-0.03em', md: '-0.03em', sm: '-0.03em' }
|
|
16
|
+
},
|
|
17
|
+
headline: {
|
|
18
|
+
FONT_SIZE: { lg: '28px', md: '24px', sm: '20px' },
|
|
19
|
+
LINE_HEIGHT: { lg: '48px', md: '42px', sm: '36px' },
|
|
20
|
+
FONT_WEIGHT: { lg: '400', md: '400', sm: '400' },
|
|
21
|
+
LETTER_SPACING: { lg: '0em', md: '0em', sm: '0em' }
|
|
22
|
+
},
|
|
23
|
+
title: {
|
|
24
|
+
FONT_SIZE: { lg: '28px', md: '24px', sm: '20px' },
|
|
25
|
+
LINE_HEIGHT: { lg: '42px', md: '36px', sm: '30px' },
|
|
26
|
+
FONT_WEIGHT: { lg: '700', md: '700', sm: '700' },
|
|
27
|
+
LETTER_SPACING: { lg: '-0.02em', md: '-0.02em', sm: '-0.02em' }
|
|
28
|
+
},
|
|
29
|
+
label: {
|
|
30
|
+
FONT_SIZE: { lg: '16px', md: '14px', sm: '12px' },
|
|
31
|
+
LINE_HEIGHT: { lg: '24px', md: '20px', sm: '18px' },
|
|
32
|
+
FONT_WEIGHT: { lg: '700', md: '700', sm: '700' },
|
|
33
|
+
LETTER_SPACING: { lg: '-0.01em', md: '-0.01em', sm: '-0.01em' }
|
|
34
|
+
},
|
|
35
|
+
body: {
|
|
36
|
+
FONT_SIZE: { lg: '16px', md: '14px', sm: '12px' },
|
|
37
|
+
LINE_HEIGHT: { lg: '24px', md: '20px', sm: '18px' },
|
|
38
|
+
FONT_WEIGHT: { lg: '400', md: '400', sm: '400' },
|
|
39
|
+
LETTER_SPACING: { lg: '-0.01em', md: '-0.01em', sm: '-0.01em' }
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
var OVERFLOW = {
|
|
43
|
+
normal: 'overflow: auto; text-overflow: unset;',
|
|
44
|
+
wrap: 'overflow: auto; text-wrap: wrap; word-break: break-all;',
|
|
45
|
+
hidden: 'overflow: hidden; white-space: nowrap; text-overflow: ellipsis;',
|
|
46
|
+
};
|
|
47
|
+
exports.styTypography = function (level, props) {
|
|
48
|
+
var _a, _b, _c;
|
|
49
|
+
return emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: ", ";\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n color: ", ";\n\n margin: 0;\n\n ", ";\n "], ["\n display: ", ";\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n letter-spacing: ", ";\n color: ", ";\n\n margin: 0;\n\n ", ";\n "])), (_a = props.display) !== null && _a !== void 0 ? _a : 'block', STYLES[level].FONT_SIZE[props.size], STYLES[level].LINE_HEIGHT[props.size], STYLES[level].FONT_WEIGHT[props.size], STYLES[level].LETTER_SPACING[props.size], (_b = props.color) !== null && _b !== void 0 ? _b : colors_1.BASE.ON_NEUTRAL, OVERFLOW[(_c = props.overflow) !== null && _c !== void 0 ? _c : 'normal']);
|
|
50
|
+
};
|
|
51
|
+
var templateObject_1;
|
|
52
|
+
//# sourceMappingURL=Typography.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Typography.styles.js","sourceRoot":"","sources":["../../../src/constants/Typography/Typography.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Typography.types.js","sourceRoot":"","sources":["../../../src/constants/Typography/Typography.types.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
// Base Colors
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.COMPONENT = exports.STATUS = exports.INTERACTIVE = exports.BASE = exports.SURFACE = exports.BACKGROUND = exports.YELLOW = exports.WHITE = exports.RED = exports.GREY = exports.GREEN = exports.BLUE = exports.BLACK = void 0;
|
|
5
|
+
var BLACK;
|
|
6
|
+
(function (BLACK) {
|
|
7
|
+
BLACK["DEFAULT"] = "#1B2736";
|
|
8
|
+
BLACK["T10"] = "#2C4058";
|
|
9
|
+
BLACK["T20"] = "#3E597A";
|
|
10
|
+
BLACK["T30"] = "#4F719C";
|
|
11
|
+
})(BLACK = exports.BLACK || (exports.BLACK = {}));
|
|
12
|
+
var BLUE;
|
|
13
|
+
(function (BLUE) {
|
|
14
|
+
BLUE["DEFAULT"] = "#2F8DEE";
|
|
15
|
+
BLUE["T10"] = "#5FA8F2";
|
|
16
|
+
BLUE["T20"] = "#8EC2F6";
|
|
17
|
+
BLUE["T40"] = "#ECF5FD";
|
|
18
|
+
BLUE["S400"] = "#1863B0";
|
|
19
|
+
BLUE["S300"] = "#3585E6";
|
|
20
|
+
BLUE["S100"] = "#EBF5FF";
|
|
21
|
+
})(BLUE = exports.BLUE || (exports.BLUE = {}));
|
|
22
|
+
var GREEN;
|
|
23
|
+
(function (GREEN) {
|
|
24
|
+
GREEN["S500"] = "#00D37E";
|
|
25
|
+
GREEN["S400"] = "#189C08";
|
|
26
|
+
GREEN["S300"] = "#43CC32";
|
|
27
|
+
GREEN["S100"] = "#F0FFF3";
|
|
28
|
+
GREEN["DEFAULT"] = "#00A965";
|
|
29
|
+
GREEN["G100"] = "#F0FFF9";
|
|
30
|
+
GREEN["HOVER"] = "#008f56";
|
|
31
|
+
})(GREEN = exports.GREEN || (exports.GREEN = {}));
|
|
32
|
+
var GREY;
|
|
33
|
+
(function (GREY) {
|
|
34
|
+
GREY["S500"] = "#777777";
|
|
35
|
+
GREY["S400"] = "#959595";
|
|
36
|
+
GREY["T10"] = "#ADADAD";
|
|
37
|
+
GREY["S300"] = "#CACACA";
|
|
38
|
+
GREY["S200"] = "#E8E8E8";
|
|
39
|
+
GREY["S100"] = "#F6F7F9";
|
|
40
|
+
GREY["S50"] = "#FFFFFF";
|
|
41
|
+
GREY["BLUISH"] = "#D3D7DE";
|
|
42
|
+
})(GREY = exports.GREY || (exports.GREY = {}));
|
|
43
|
+
var RED;
|
|
44
|
+
(function (RED) {
|
|
45
|
+
RED["S400"] = "#B71515";
|
|
46
|
+
RED["S300"] = "#E22726";
|
|
47
|
+
RED["S100"] = "#FFF0F0";
|
|
48
|
+
})(RED = exports.RED || (exports.RED = {}));
|
|
49
|
+
var WHITE;
|
|
50
|
+
(function (WHITE) {
|
|
51
|
+
WHITE["DEFAULT"] = "#FFFFFF";
|
|
52
|
+
})(WHITE = exports.WHITE || (exports.WHITE = {}));
|
|
53
|
+
var YELLOW;
|
|
54
|
+
(function (YELLOW) {
|
|
55
|
+
YELLOW["S400"] = "#8D7700";
|
|
56
|
+
YELLOW["S300"] = "#E5C412";
|
|
57
|
+
YELLOW["S100"] = "#FFFBE9";
|
|
58
|
+
})(YELLOW = exports.YELLOW || (exports.YELLOW = {}));
|
|
59
|
+
// Semantic Colors
|
|
60
|
+
var BACKGROUND;
|
|
61
|
+
(function (BACKGROUND) {
|
|
62
|
+
BACKGROUND["NEUTRAL"] = "#FFFFFF";
|
|
63
|
+
BACKGROUND["SECONDARY_NEUTRAL"] = "#F6F7F9";
|
|
64
|
+
BACKGROUND["PRIMARY"] = "";
|
|
65
|
+
BACKGROUND["SECONDARY"] = "#F6FEFB";
|
|
66
|
+
})(BACKGROUND = exports.BACKGROUND || (exports.BACKGROUND = {}));
|
|
67
|
+
var SURFACE;
|
|
68
|
+
(function (SURFACE) {
|
|
69
|
+
SURFACE["NEUTRAL"] = "#FFFFFF";
|
|
70
|
+
SURFACE["SECONDARY_NEUTRAL"] = "#F6F7F9";
|
|
71
|
+
SURFACE["DISABLED_SURFACE"] = "#F2F4F5";
|
|
72
|
+
SURFACE["DISABLED_ON_SURFACE"] = "#9D9E9F";
|
|
73
|
+
SURFACE["SUBDUE_INFO"] = "#E7ECFC";
|
|
74
|
+
SURFACE["SUBDUE_POSITIVE"] = "#E5F8F3";
|
|
75
|
+
SURFACE["SUBDUE_WARNING"] = "#FEF3E7";
|
|
76
|
+
SURFACE["SUBDUE_CRITICAL"] = "##FBEAE9";
|
|
77
|
+
})(SURFACE = exports.SURFACE || (exports.SURFACE = {}));
|
|
78
|
+
var BASE;
|
|
79
|
+
(function (BASE) {
|
|
80
|
+
BASE["PRIMARY"] = "#00A965";
|
|
81
|
+
BASE["ON_CONTAINER"] = "#FFFFFF";
|
|
82
|
+
BASE["ON_NEUTRAL"] = "#121212";
|
|
83
|
+
BASE["ON_NEUTRAL_SECONDARY"] = "#777777";
|
|
84
|
+
BASE["INFO"] = "#3583E6";
|
|
85
|
+
BASE["CRITICAL"] = "";
|
|
86
|
+
BASE["WARNING"] = "#8D7700";
|
|
87
|
+
BASE["LINE"] = "#E8E8E8";
|
|
88
|
+
BASE["OVERLAY"] = "rgba(0, 0, 0, 0.5)";
|
|
89
|
+
})(BASE = exports.BASE || (exports.BASE = {}));
|
|
90
|
+
var INTERACTIVE;
|
|
91
|
+
(function (INTERACTIVE) {
|
|
92
|
+
INTERACTIVE["HOVER_PRIMARY"] = "#008F56";
|
|
93
|
+
INTERACTIVE["FOCUS_DEFAULT"] = "#42FFB4";
|
|
94
|
+
INTERACTIVE["PRESSED_PRIMARY"] = "#007546";
|
|
95
|
+
INTERACTIVE["SELECTED"] = "#F0FFF9";
|
|
96
|
+
INTERACTIVE["HOVER_SURFACE"] = "#ECECEC";
|
|
97
|
+
INTERACTIVE["FOCUS_SURFACE"] = "#E3E3E3";
|
|
98
|
+
INTERACTIVE["PRESSED_SURFACE"] = "#E3E3E3";
|
|
99
|
+
INTERACTIVE["HOVER_CRITICAL"] = "#B92B22";
|
|
100
|
+
INTERACTIVE["PRESSED_CRITICAL"] = "#A92920";
|
|
101
|
+
})(INTERACTIVE = exports.INTERACTIVE || (exports.INTERACTIVE = {}));
|
|
102
|
+
var STATUS;
|
|
103
|
+
(function (STATUS) {
|
|
104
|
+
STATUS["INFO"] = "#0C45E1";
|
|
105
|
+
STATUS["POSITIVE"] = "#00B583";
|
|
106
|
+
STATUS["WARNING"] = "#F18813";
|
|
107
|
+
STATUS["CRITICAL"] = "#E22726";
|
|
108
|
+
})(STATUS = exports.STATUS || (exports.STATUS = {}));
|
|
109
|
+
var COMPONENT;
|
|
110
|
+
(function (COMPONENT) {
|
|
111
|
+
COMPONENT["BUTTON_DISABLED"] = "#BDBDBD";
|
|
112
|
+
COMPONENT["BUTTON_PRIMARY"] = "#00A965";
|
|
113
|
+
// BUTTON_SECONDARY = '#F0FFF9',
|
|
114
|
+
// HOVER_SECONDARY = '#D1D8E8',
|
|
115
|
+
// PRESSED_SECONDARY = '#C9CFDF',
|
|
116
|
+
// HOVER_DESTRUCTIVE = '#E8D9D8',
|
|
117
|
+
// BUTTON_SECONDARY_DESTRUCTIVE = '#FBEAE9',
|
|
118
|
+
// PRESSED_SECONDARY_DESTRUCTIVE = '#DFD0CF',
|
|
119
|
+
COMPONENT["LABEL_INPUT"] = "#757575";
|
|
120
|
+
COMPONENT["HELPER_INPUT"] = "#757575";
|
|
121
|
+
COMPONENT["PLACEHOLDER_INPUT"] = "#B6B6B6";
|
|
122
|
+
})(COMPONENT = exports.COMPONENT || (exports.COMPONENT = {}));
|
|
123
|
+
//# sourceMappingURL=colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SHADOW = void 0;
|
|
4
|
+
var SHADOW;
|
|
5
|
+
(function (SHADOW) {
|
|
6
|
+
SHADOW["RAISED"] = "0px 2px 4px 0px rgba(51, 51, 51, 0.16)";
|
|
7
|
+
SHADOW["ACTION"] = "0px 4px 8px 0px rgba(51, 51, 51, 0.16)";
|
|
8
|
+
SHADOW["OVERLAY"] = "0px 8px 16px 0px rgba(51, 51, 51, 0.16)";
|
|
9
|
+
SHADOW["REVERSE_RAISED"] = "0px -1px 4px 0px rgba(51, 51, 51, 0.08)";
|
|
10
|
+
})(SHADOW = exports.SHADOW || (exports.SHADOW = {}));
|
|
11
|
+
//# sourceMappingURL=shadow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../src/constants/shadow.ts"],"names":[],"mappings":";;;AAAA,IAAY,MAKX;AALD,WAAY,MAAM;IAChB,2DAAiD,CAAA;IACjD,2DAAiD,CAAA;IACjD,6DAAmD,CAAA;IACnD,oEAA0D,CAAA;AAC5D,CAAC,EALW,MAAM,GAAN,cAAM,KAAN,cAAM,QAKjB"}
|