@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.
Files changed (112) hide show
  1. package/cjs/index.js +6 -6
  2. package/cjs/index.js.map +1 -1
  3. package/dist/components/ActionButton/ActionButton.js +2 -2
  4. package/dist/components/ActionButton/ActionButton.js.map +1 -1
  5. package/dist/components/ActionCard/index.js +2 -2
  6. package/dist/components/ActionCard/index.js.map +1 -1
  7. package/dist/components/BadgeIcon/index.js +2 -2
  8. package/dist/components/BadgeIcon/index.js.map +1 -1
  9. package/dist/components/Banner/index.js +2 -2
  10. package/dist/components/Banner/index.js.map +1 -1
  11. package/dist/components/Button/Button.js +3 -3
  12. package/dist/components/Button/Button.js.map +1 -1
  13. package/dist/components/Card/index.js +2 -2
  14. package/dist/components/Card/index.js.map +1 -1
  15. package/dist/components/Carousel/index.js +2 -2
  16. package/dist/components/Carousel/index.js.map +1 -1
  17. package/dist/components/Checkbox/index.js +1 -1
  18. package/dist/components/Checkbox/index.js.map +1 -1
  19. package/dist/components/ContentBreakdown/index.js +2 -2
  20. package/dist/components/ContentBreakdown/index.js.map +1 -1
  21. package/dist/components/DatePicker/index.js +3 -3
  22. package/dist/components/DatePicker/index.js.map +1 -1
  23. package/dist/components/DeprecatedModal/index.js +2 -2
  24. package/dist/components/DeprecatedModal/index.js.map +1 -1
  25. package/dist/components/Divider/index.js +2 -2
  26. package/dist/components/Divider/index.js.map +1 -1
  27. package/dist/components/Dropdown/index.js +2 -2
  28. package/dist/components/Dropdown/index.js.map +1 -1
  29. package/dist/components/ErrorPage/index.js +2 -2
  30. package/dist/components/ErrorPage/index.js.map +1 -1
  31. package/dist/components/Input/index.js +4 -4
  32. package/dist/components/Input/index.js.map +1 -1
  33. package/dist/components/Link/index.js +2 -2
  34. package/dist/components/Link/index.js.map +1 -1
  35. package/dist/components/Modal/index.js +2 -2
  36. package/dist/components/Modal/index.js.map +1 -1
  37. package/dist/components/Note/index.js +2 -2
  38. package/dist/components/Note/index.js.map +1 -1
  39. package/dist/components/Radio/index.js +2 -2
  40. package/dist/components/Radio/index.js.map +1 -1
  41. package/dist/components/RangePicker/index.js +1 -1
  42. package/dist/components/RangePicker/index.js.map +1 -1
  43. package/dist/components/Select/index.js +3 -3
  44. package/dist/components/Select/index.js.map +1 -1
  45. package/dist/components/Select/style.js +1 -1
  46. package/dist/components/Select/style.js.map +1 -1
  47. package/dist/components/Spin/index.js +2 -2
  48. package/dist/components/Spin/index.js.map +1 -1
  49. package/dist/components/Steps/index.js +2 -2
  50. package/dist/components/Steps/index.js.map +1 -1
  51. package/dist/constants/Typography/Typography.js +71 -0
  52. package/dist/constants/Typography/Typography.js.map +1 -0
  53. package/dist/constants/Typography/Typography.styles.js +52 -0
  54. package/dist/constants/Typography/Typography.styles.js.map +1 -0
  55. package/dist/constants/Typography/Typography.types.js +3 -0
  56. package/dist/constants/Typography/Typography.types.js.map +1 -0
  57. package/dist/constants/colors.js +123 -0
  58. package/dist/constants/colors.js.map +1 -0
  59. package/dist/constants/shadow.js +11 -0
  60. package/dist/constants/shadow.js.map +1 -0
  61. package/dist/index.js +54 -50
  62. package/dist/index.js.map +1 -1
  63. package/dist/{shared/NormalizeStyles.js → theme/NormalizeStyles/index.js} +1 -1
  64. package/dist/theme/NormalizeStyles/index.js.map +1 -0
  65. package/dist/{shared/themeContext.js → theme/ThemeContext.js} +1 -1
  66. package/dist/theme/ThemeContext.js.map +1 -0
  67. package/dist/theme/theme.js +175 -0
  68. package/dist/theme/theme.js.map +1 -0
  69. package/dist/types/constants/Typography/Typography.d.ts +35 -0
  70. package/dist/types/constants/Typography/Typography.styles.d.ts +2 -0
  71. package/dist/types/constants/Typography/Typography.types.d.ts +24 -0
  72. package/dist/types/constants/colors.d.ts +98 -0
  73. package/dist/types/constants/shadow.d.ts +6 -0
  74. package/dist/types/index.d.ts +49 -48
  75. package/dist/types/theme/ThemeContext.d.ts +148 -0
  76. package/dist/types/theme/theme.d.ts +282 -0
  77. package/es/icons.js +1 -1
  78. package/es/index.js +6 -6
  79. package/es/index.js.map +1 -1
  80. package/es/logos.js +1 -1
  81. package/package.json +1 -1
  82. package/dist/constants/colors/black.js +0 -11
  83. package/dist/constants/colors/black.js.map +0 -1
  84. package/dist/constants/colors/blue.js +0 -14
  85. package/dist/constants/colors/blue.js.map +0 -1
  86. package/dist/constants/colors/green.js +0 -14
  87. package/dist/constants/colors/green.js.map +0 -1
  88. package/dist/constants/colors/grey.js +0 -15
  89. package/dist/constants/colors/grey.js.map +0 -1
  90. package/dist/constants/colors/index.js +0 -17
  91. package/dist/constants/colors/index.js.map +0 -1
  92. package/dist/constants/colors/red.js +0 -10
  93. package/dist/constants/colors/red.js.map +0 -1
  94. package/dist/constants/colors/white.js +0 -8
  95. package/dist/constants/colors/white.js.map +0 -1
  96. package/dist/constants/colors/yellow.js +0 -10
  97. package/dist/constants/colors/yellow.js.map +0 -1
  98. package/dist/shared/NormalizeStyles.js.map +0 -1
  99. package/dist/shared/theme.js +0 -114
  100. package/dist/shared/theme.js.map +0 -1
  101. package/dist/shared/themeContext.js.map +0 -1
  102. package/dist/types/constants/colors/black.d.ts +0 -6
  103. package/dist/types/constants/colors/blue.d.ts +0 -9
  104. package/dist/types/constants/colors/green.d.ts +0 -9
  105. package/dist/types/constants/colors/grey.d.ts +0 -10
  106. package/dist/types/constants/colors/index.d.ts +0 -7
  107. package/dist/types/constants/colors/red.d.ts +0 -5
  108. package/dist/types/constants/colors/white.d.ts +0 -3
  109. package/dist/types/constants/colors/yellow.d.ts +0 -5
  110. package/dist/types/shared/theme.d.ts +0 -163
  111. package/dist/types/shared/themeContext.d.ts +0 -89
  112. /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/shared/theme");
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,0CAAgD;AAkBhD,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"}
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 themeContext_1 = require("src/shared/themeContext");
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 = themeContext_1.useTheme(), spacing = _d.spacing, brand = _d.brand;
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 = themeContext_1.useTheme().brand.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,wDAAkD;AAClD,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"}
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/shared/theme");
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":"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"}
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 themeContext_1 = require("src/shared/themeContext");
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 = themeContext_1.useTheme().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,wDAAkD;AAMlD,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"}
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 themeContext_1 = require("src/shared/themeContext");
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 = themeContext_1.useTheme(), brand = _b.brand, success = _b.success, neutral = _b.neutral;
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":"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"}
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,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=Typography.types.js.map
@@ -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"}