@xfers/design-system 5.0.0-dev.528a2fe19f → 5.0.0-dev.6d501f8a49

package/dist/components/Input/inputStyles.js.map

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

package/dist/components/InputWithButton/index.js

@@ -0,0 +1,60 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var styled_1 = require("@emotion/styled");
+var ThemeContext_1 = require("src/theme/ThemeContext");
+var TypographyStyles_1 = require("src/shared/TypographyStyles");
+var InputWithButton = function (_a) {
+    var buttonText = _a.buttonText, onButtonClick = _a.onButtonClick, prefix = _a.prefix, placeholder = _a.placeholder, value = _a.value, defaultValue = _a.defaultValue, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.disabledInput, disabledInput = _c === void 0 ? false : _c, _d = _a.disabledPrefix, disabledPrefix = _d === void 0 ? false : _d, _e = _a.staticPrefix, staticPrefix = _e === void 0 ? false : _e, _f = _a.error, error = _f === void 0 ? false : _f, className = _a.className;
+    var theme = (0, ThemeContext_1.useTheme)();
+    var inputDisabled = disabled || disabledInput;
+    var prefixDisabled = disabled || disabledPrefix;
+    var borderColor = error
+        ? theme.color.status.critical
+        : theme.color.base.line;
+    var prefixBorderColor = theme.color.base.line;
+    var getPrefixBgColor = function () {
+        if (prefixDisabled)
+            return theme.color.surface.disabledSurface;
+        if (staticPrefix)
+            return theme.color.surface.secondaryNeutral;
+        return theme.color.surface.neutral;
+    };
+    return (react_1.default.createElement(Container, { className: className },
+        prefix && (react_1.default.createElement(PrefixContainer, { borderColor: prefixBorderColor, bgColor: getPrefixBgColor(), hoverBgColor: prefixDisabled
+                ? theme.color.surface.disabledSurface
+                : theme.color.interactive.hoverSurface, textColor: prefixDisabled
+                ? theme.color.surface.disabledOnSurface
+                : theme.color.base.onNeutral, isDisabled: prefixDisabled }, prefix)),
+        react_1.default.createElement(StyledInput, { type: "text", placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: onChange, disabled: inputDisabled, borderColor: borderColor, focusBorderColor: theme.color.base.primary2, textColor: theme.color.base.onNeutral, placeholderColor: theme.color.component.placeholderInput, disabledBgColor: theme.color.surface.disabledSurface, disabledTextColor: theme.color.surface.disabledOnSurface, hasPrefix: !!prefix, isDisabled: inputDisabled }),
+        react_1.default.createElement(StyledButton, { type: "button", onClick: onButtonClick, disabled: disabled || error, bgColor: theme.color.base.primary, disabledBgColor: theme.color.surface.disabledSurface, textColor: theme.color.base.onNeutral, disabledTextColor: theme.color.surface.disabledOnSurface, isDisabled: disabled || error }, buttonText)));
+};
+exports.default = InputWithButton;
+// ─── Styled Components ───
+var _a = TypographyStyles_1.SIZE_CONFIG.large, height = _a.height, borderRadius = _a.borderRadius, padding = _a.padding;
+var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  height: ", ";\n  width: 100%;\n  position: relative;\n"], ["\n  display: flex;\n  height: ", ";\n  width: 100%;\n  position: relative;\n"])), height);
+var PrefixContainer = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0 16px;\n  border: 1px solid ", ";\n  border-right: none;\n  border-radius: ", " 0 0 ", ";\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  white-space: nowrap;\n  cursor: ", ";\n  box-sizing: border-box;\n  overflow: visible;\n\n  & > * {\n    pointer-events: ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 0 16px;\n  border: 1px solid ", ";\n  border-right: none;\n  border-radius: ", " 0 0 ", ";\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  white-space: nowrap;\n  cursor: ", ";\n  box-sizing: border-box;\n  overflow: visible;\n\n  & > * {\n    pointer-events: ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (props) { return props.borderColor; }, borderRadius, borderRadius, function (props) { return props.bgColor; }, function (props) { return props.textColor; }, TypographyStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, function (props) { return (props.isDisabled ? 'not-allowed' : 'default'); }, function (props) { return (props.isDisabled ? 'none' : 'auto'); }, function (props) {
+    return props.isDisabled ? props.bgColor : props.hoverBgColor;
+});
+var StyledInput = styled_1.default.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1;\n  min-width: 0;\n  height: 100%;\n  padding: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  background-color: ", ";\n  outline: none;\n  box-sizing: border-box;\n  cursor: ", ";\n\n  &::placeholder {\n    color: ", ";\n    font-weight: 400;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  &:hover {\n    border-color: ", ";\n  }\n"], ["\n  flex: 1;\n  min-width: 0;\n  height: 100%;\n  padding: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  background-color: ", ";\n  outline: none;\n  box-sizing: border-box;\n  cursor: ", ";\n\n  &::placeholder {\n    color: ", ";\n    font-weight: 400;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  &:hover {\n    border-color: ", ";\n  }\n"])), padding, function (props) { return props.borderColor; }, function (props) {
+    return props.hasPrefix ? '0' : "".concat(borderRadius, " 0 0 ").concat(borderRadius);
+}, TypographyStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, function (props) {
+    return props.isDisabled ? props.disabledTextColor : props.textColor;
+}, function (props) {
+    return props.isDisabled ? props.disabledBgColor : 'transparent';
+}, function (props) { return (props.isDisabled ? 'not-allowed' : 'text'); }, function (props) { return props.placeholderColor; }, function (props) {
+    return props.isDisabled ? props.borderColor : props.focusBorderColor;
+}, function (props) {
+    return props.isDisabled ? props.borderColor : props.focusBorderColor;
+});
+var StyledButton = styled_1.default.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 24px;\n  border: none;\n  border-radius: 0 ", " ", " 0;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: 700;\n  white-space: nowrap;\n  cursor: ", ";\n  box-sizing: border-box;\n\n  &:hover {\n    opacity: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 24px;\n  border: none;\n  border-radius: 0 ", " ", " 0;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: 700;\n  white-space: nowrap;\n  cursor: ", ";\n  box-sizing: border-box;\n\n  &:hover {\n    opacity: ", ";\n  }\n"])), borderRadius, borderRadius, function (props) {
+    return props.isDisabled ? props.disabledBgColor : props.bgColor;
+}, function (props) {
+    return props.isDisabled ? props.disabledTextColor : props.textColor;
+}, TypographyStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, function (props) { return (props.isDisabled ? 'not-allowed' : 'pointer'); }, function (props) { return (props.isDisabled ? 1 : 0.9); });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Radio/index.js

@@ -32,9 +32,9 @@ var colors_1 = require("src/constants/Colors/colors");
 function RadioButton(_a) {
     var children = _a.children, disabled = _a.disabled, rest = __rest(_a, ["children", "disabled"]);
     var brand = (0, ThemeContext_1.useTheme)().brand;
-    var style = "\n    &.ant-radio-button-wrapper {\n      ".concat(!disabled ? "color: ".concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, ";") : '', "\n      -webkit-font-smoothing: antialiased;\n      display: block;\n      width: 100%;\n      font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n      font-weight: 400;\n      border-radius: 5px;\n      border: 1px solid ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, ";\n      user-select: none;\n    }\n\n    .ant-radio-group-large &.ant-radio-button-wrapper {\n      height: 44px;\n    }\n\n    &.ant-radio-button-wrapper:first-child, &.ant-radio-button-wrapper:last-child {\n      border-radius: 5px;\n    }\n\n    &.ant-radio-button-wrapper:first-child:last-child {\n      border-radius: 5px;\n    }\n\n    .ant-radio-group &.ant-radio-button-wrapper {\n      font-size: 14px;\n    }\n\n    &.ant-radio-button-wrapper:not(:first-child)::before {\n      display: none;\n    }\n\n    &.ant-radio-button-wrapper:hover {\n      ").concat(!disabled
-        ? "\n        border-color: ".concat(brand.primary.default, ";\n        color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, ";\n      ")
-        : '', "\n    }\n\n    &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),\n    &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,\n    &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {\n      border: 2px solid ").concat(brand.primary.default, ";\n      color: ").concat(brand.primary.default, ";\n\n      circle {\n        transition: all 0.3s;\n      }\n\n      circle.center {\n        fill: ").concat(colors_1.GREEN.S500, ";\n      }\n\n      circle.border {\n        stroke: ").concat(brand.primary.default, ";\n      }\n    }\n\n    &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {\n      border-color: ").concat(brand.primary.default, ";\n      color: ").concat(brand.primary.default, ";\n    }\n\n    &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled).ant-radio-button-wrapper:first-child{\n      border-right-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, ";\n    }\n  ");
+    var style = "\n    &.ant-radio-button-wrapper {\n      ".concat(!disabled ? "color: ".concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, " !important;") : '', "\n      -webkit-font-smoothing: antialiased !important;\n      display: block !important;\n      width: 100% !important;\n      font-family: ").concat(TypographyStyles_1.MAIN_FONT, " !important;\n      font-weight: 400 !important;\n      border-radius: 5px !important;\n      border: 1px solid ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, " !important;\n      user-select: none !important;\n    }\n\n    .ant-radio-group-large &.ant-radio-button-wrapper {\n      height: 44px !important;\n    }\n\n    &.ant-radio-button-wrapper:first-child, &.ant-radio-button-wrapper:last-child {\n      border-radius: 5px !important;\n    }\n\n    &.ant-radio-button-wrapper:first-child:last-child {\n      border-radius: 5px !important;\n    }\n\n    .ant-radio-group &.ant-radio-button-wrapper {\n      font-size: 14px !important;\n    }\n\n    &.ant-radio-button-wrapper:not(:first-child)::before {\n      display: none !important;\n    }\n\n    &.ant-radio-button-wrapper:hover {\n      ").concat(!disabled
+        ? "\n        border-color: ".concat(brand.primary.default, " !important;\n        color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, " !important;\n      ")
+        : '', "\n    }\n\n    &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),\n    &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,\n    &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {\n      border: 2px solid ").concat(brand.primary.default, " !important;\n      color: ").concat(brand.primary.default, " !important;\n\n      circle {\n        transition: all 0.3s !important;\n      }\n\n      circle.center {\n        fill: ").concat(colors_1.GREEN.S500, " !important;\n      }\n\n      circle.border {\n        stroke: ").concat(brand.primary.default, " !important;\n      }\n    }\n\n    &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {\n      border-color: ").concat(brand.primary.default, " !important;\n      color: ").concat(brand.primary.default, " !important;\n    }\n\n    &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled).ant-radio-button-wrapper:first-child{\n      border-right-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, " !important;\n    }\n  ");
     return (react_1.default.createElement(antd_1.Radio.Button, __assign({ className: (0, emotion_1.css)(style), disabled: disabled }, rest),
         react_1.default.createElement("div", { style: {
                 display: 'flex',

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAA6B;AAC7B,6BAA4B;AAC5B,sDAAuD;AACvD,gEAAuD;AACvD,uDAAiD;AACjD,sDAAmD;AASnD,SAAS,WAAW,CAAC,EAAsC;IAApC,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA7B,wBAA+B,CAAF;IACxC,IAAA,KAAK,GAAK,IAAA,uBAAQ,GAAE,MAAf,CAAe;IAE5B,IAAM,KAAK,GAAG,oDAER,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAU,4BAAc,CAAC,KAAK,MAAG,CAAC,CAAC,CAAC,EAAE,yHAIrC,4BAAS,4FAGJ,4BAAc,CAAC,IAAI,6jBA0BrC,CAAC,QAAQ;QACP,CAAC,CAAC,kCACY,KAAK,CAAC,OAAO,CAAC,OAAO,+BAC5B,4BAAc,CAAC,KAAK,cAC9B;QACG,CAAC,CAAC,EAAE,sTAOY,KAAK,CAAC,OAAO,CAAC,OAAO,6BAChC,KAAK,CAAC,OAAO,CAAC,OAAO,iHAOpB,cAAK,CAAC,IAAI,kEAIR,KAAK,CAAC,OAAO,CAAC,OAAO,+IAKjB,KAAK,CAAC,OAAO,CAAC,OAAO,6BAC5B,KAAK,CAAC,OAAO,CAAC,OAAO,yKAIR,4BAAc,CAAC,KAAK,iBAE7C,CAAA;IAED,OAAO,CACL,8BAAC,YAAK,CAAC,MAAM,aAAC,SAAS,EAAE,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,QAAQ,IAAM,IAAI;QAC/D,uCACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,QAAQ;aACrB;YAED,uCACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,UAAU,EAAE,MAAM;oBAClB,WAAW,EAAE,MAAM;iBACpB;gBAED,uCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;oBAElC,0CACE,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,KAAK,EACP,MAAM,EAAC,SAAS,GAChB;oBACF,0CACE,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,kBAAkB,GACvB,CACE,CACF;YACL,QAAQ,CACL,CACO,CAChB,CAAA;AACH,CAAC;AAED,kBAAe;IACb,KAAK,EAAE,UAAC,KAA+C,IAAK,OAAA,CAC1D,8BAAC,YAAK,CAAC,KAAK,aAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAM,KAAK,EAAI,CAClE,EAF2D,CAE3D;IACD,MAAM,EAAE,WAAW;CACpB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAA6B;AAC7B,6BAA4B;AAC5B,sDAAuD;AACvD,gEAAuD;AACvD,uDAAiD;AACjD,sDAAmD;AASnD,SAAS,WAAW,CAAC,EAAsC;IAApC,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA7B,wBAA+B,CAAF;IACxC,IAAA,KAAK,GAAK,IAAA,uBAAQ,GAAE,MAAf,CAAe;IAE5B,IAAM,KAAK,GAAG,oDAER,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAU,4BAAc,CAAC,KAAK,iBAAc,CAAC,CAAC,CAAC,EAAE,0JAIhD,4BAAS,6HAGJ,4BAAc,CAAC,IAAI,0oBA0BrC,CAAC,QAAQ;QACP,CAAC,CAAC,kCACY,KAAK,CAAC,OAAO,CAAC,OAAO,0CAC5B,4BAAc,CAAC,KAAK,yBAC9B;QACG,CAAC,CAAC,EAAE,sTAOY,KAAK,CAAC,OAAO,CAAC,OAAO,wCAChC,KAAK,CAAC,OAAO,CAAC,OAAO,uIAOpB,cAAK,CAAC,IAAI,6EAIR,KAAK,CAAC,OAAO,CAAC,OAAO,0JAKjB,KAAK,CAAC,OAAO,CAAC,OAAO,wCAC5B,KAAK,CAAC,OAAO,CAAC,OAAO,oLAIR,4BAAc,CAAC,KAAK,4BAE7C,CAAA;IAED,OAAO,CACL,8BAAC,YAAK,CAAC,MAAM,aAAC,SAAS,EAAE,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,QAAQ,IAAM,IAAI;QAC/D,uCACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,QAAQ;aACrB;YAED,uCACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,UAAU,EAAE,MAAM;oBAClB,WAAW,EAAE,MAAM;iBACpB;gBAED,uCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;oBAElC,0CACE,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,KAAK,EACP,MAAM,EAAC,SAAS,GAChB;oBACF,0CACE,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,kBAAkB,GACvB,CACE,CACF;YACL,QAAQ,CACL,CACO,CAChB,CAAA;AACH,CAAC;AAED,kBAAe;IACb,KAAK,EAAE,UAAC,KAA+C,IAAK,OAAA,CAC1D,8BAAC,YAAK,CAAC,KAAK,aAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAM,KAAK,EAAI,CAClE,EAF2D,CAE3D;IACD,MAAM,EAAE,WAAW;CACpB,CAAA"}

package/dist/components/RangePicker/index.js

@@ -27,12 +27,14 @@ var react_1 = require("react");
 var emotion_1 = require("emotion");
 var antd_1 = require("antd");
 var TypographyStyles_1 = require("src/shared/TypographyStyles");
-var ColorStyles_1 = require("src/shared/ColorStyles");
-var theme_1 = require("src/theme/theme");
+var ThemeContext_1 = require("src/theme/ThemeContext");
+var inputStyles_1 = require("../Input/inputStyles");
 function default_1(_a) {
-    var _b = _a.format, format = _b === void 0 ? 'DD/MM/YYYY' : _b, rest = __rest(_a, ["format"]);
-    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: ".concat(theme_1.straitsXTheme.brand.primary.default, ";\n      }\n\n      &.ant-picker-focused {\n        border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n        box-shadow: 0 0 0 2px ").concat(theme_1.straitsXTheme.brand.primary.background, ";\n      }\n\n      .ant-picker-active-bar {\n        background: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n      }\n    }\n\n\n    &.ant-picker > .ant-picker-input {\n      font-family: ").concat(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: ").concat(ColorStyles_1.NEUTRAL_COLORS.G400, ";\n    }\n  ");
-    var dropdownStyle = "\n    .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end > .ant-picker-cell-inner {\n      background-color: ".concat(theme_1.straitsXTheme.brand.primary.default, ";\n    }\n\n    .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start > .ant-picker-cell-inner {\n      background-color: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n    }\n\n    .ant-picker-cell.ant-picker-cell-in-view {\n      &.ant-picker-cell-in-range::before {\n        background-color: #F0FFF9;\n      }\n\n      &.ant-picker-cell-range-end::before {\n        background-color: #F0FFF9;\n      }\n\n      &.ant-picker-cell-range-start::before {\n        background-color: #F0FFF9;\n      }\n    } \n  ");
+    var _b = _a.format, format = _b === void 0 ? 'DD-MM-YYYY' : _b, _c = _a.size, size = _c === void 0 ? 'large' : _c, rest = __rest(_a, ["format", "size"]);
+    var theme = (0, ThemeContext_1.useTheme)();
+    var _d = inputStyles_1.SIZE_CONFIG[size], height = _d.height, borderRadius = _d.borderRadius, padding = _d.padding;
+    var style = "\n    -webkit-font-smoothing: antialiased;\n    height: ".concat(height, " !important;\n\n    &.ant-picker {\n      border-radius: ").concat(borderRadius, " !important;\n      border-color: ").concat(theme.color.base.line, " !important;\n      padding: ").concat(padding, " !important;\n      transition: 0.3s all ease !important;\n\n      &:hover {\n        border-color: ").concat(theme.color.base.primary2, " !important;\n      }\n\n      &.ant-picker-focused {\n        border-color: ").concat(theme.color.base.primary2, " !important;\n        box-shadow: none !important;\n        -webkit-box-shadow: none !important;\n      }\n\n      .ant-picker-active-bar {\n        background: ").concat(theme.color.base.primary2, " !important;\n      }\n    }\n\n\n    &.ant-picker > .ant-picker-input {\n      font-family: ").concat(TypographyStyles_1.MAIN_FONT, " !important;\n      font-style: normal !important;\n      font-weight: normal !important;\n      font-size: 14px !important;\n      line-height: 22px !important;\n      color: ").concat(theme.color.base.onNeutral, " !important;\n    }\n\n    & .ant-picker-input > input {\n      color: ").concat(theme.color.base.onNeutral, " !important;\n    }\n\n    & .ant-picker-input > input::placeholder {\n      color: ").concat(theme.color.component.placeholderInput, " !important;\n    }\n  ");
+    var dropdownStyle = "\n    .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end > .ant-picker-cell-inner {\n      background-color: ".concat(theme.color.base.primary2, " !important;\n    }\n\n    .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start > .ant-picker-cell-inner {\n      background-color: ").concat(theme.color.base.primary2, " !important;\n    }\n\n    .ant-picker-cell.ant-picker-cell-in-view {\n      &.ant-picker-cell-in-range::before {\n        background-color: ").concat(theme.color.interactive.selected, " !important;\n      }\n\n      &.ant-picker-cell-range-end::before {\n        background-color: ").concat(theme.color.interactive.selected, " !important;\n      }\n\n      &.ant-picker-cell-range-start::before {\n        background-color: ").concat(theme.color.interactive.selected, " !important;\n      }\n    }\n  ");
     return (react_1.default.createElement(antd_1.DatePicker.RangePicker, __assign({ className: "".concat((0, emotion_1.css)(style)), format: format, popupClassName: (0, emotion_1.css)(dropdownStyle) }, rest)));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RangePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuBA,4BA2EC;AAlGD,+BAAyB;AACzB,mCAA6B;AAC7B,6BAAiC;AACjC,gEAAuD;AACvD,sDAAuD;AACvD,yCAA+C;AAkB/C,mBAAyB,EAAyC;IAAvC,IAAA,cAAqB,EAArB,MAAM,mBAAG,YAAY,KAAA,EAAK,IAAI,cAAhC,UAAkC,CAAF;IACvD,IAAM,KAAK,GAAG,mOAUQ,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,+EAInC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,8CAC3B,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,+EAIhD,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,+FAMpC,4BAAS,yRAaf,4BAAc,CAAC,IAAI,iBAE/B,CAAA;IAED,IAAM,aAAa,GAAG,uIAEE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,sJAInC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,8VAgB1D,CAAA;IAED,OAAO,CACL,8BAAC,iBAAU,CAAC,WAAW,aACrB,SAAS,EAAE,UAAG,IAAA,aAAG,EAAC,KAAK,CAAC,CAAE,EAC1B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,IAAA,aAAG,EAAC,aAAa,CAAC,IAC9B,IAAI,EACR,CACH,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RangePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,4BAoFC;AA5GD,+BAAyB;AACzB,mCAA6B;AAC7B,6BAAiC;AACjC,gEAAuD;AACvD,uDAAiD;AACjD,oDAA6D;AAmB7D,mBAAyB,EAIjB;IAHN,IAAA,cAAqB,EAArB,MAAM,mBAAG,YAAY,KAAA,EACrB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACX,IAAI,cAHgB,kBAIxB,CADQ;IAEP,IAAM,KAAK,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAClB,IAAA,KAAoC,yBAAW,CAAC,IAAI,CAAC,EAAnD,MAAM,YAAA,EAAE,YAAY,kBAAA,EAAE,OAAO,aAAsB,CAAA;IAE3D,IAAM,KAAK,GAAG,kEAEF,MAAM,sEAGG,YAAY,+CACb,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,0CAC1B,OAAO,iHAIA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,0FAIzB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,8KAM3B,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,0GAM1B,4BAAS,6LAKf,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,oFAI1B,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,iGAI1B,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,4BAElD,CAAA;IAED,IAAM,aAAa,GAAG,uIAEE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,iKAIzB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,0JAKvB,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,6GAIhC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,+GAIhC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,qCAGzD,CAAA;IAED,OAAO,CACL,8BAAC,iBAAU,CAAC,WAAW,aACrB,SAAS,EAAE,UAAG,IAAA,aAAG,EAAC,KAAK,CAAC,CAAE,EAC1B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,IAAA,aAAG,EAAC,aAAa,CAAC,IAC9B,IAAI,EACR,CACH,CAAA;AACH,CAAC"}

package/dist/components/Select/const.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OPTIONS_TEXT_SIZE = exports.PLACEHOLDER_TEXT_SIZE = void 0;
+exports.PLACEHOLDER_TEXT_SIZE = {
+    sm: 'md',
+    lg: 'lg',
+};
+exports.OPTIONS_TEXT_SIZE = {
+    sm: 'md',
+    lg: 'lg',
+};
+//# sourceMappingURL=const.js.map

package/dist/components/Select/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"","sources":["../../../src/components/Select/const.ts"],"names":[],"mappings":";;;AAAa,QAAA,qBAAqB,GAAG;IACnC,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACA,CAAA;AAEG,QAAA,iBAAiB,GAAG;IAC/B,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACA,CAAA"}

package/dist/components/Select/helpers.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCustomSelectTag = exports.renderHelperText = exports.renderOptions = exports.getPlaceholder = exports.renderLabel = exports.getSuffixIcon = void 0;
+var react_1 = require("react");
+var theme_1 = require("src/theme/theme");
+var select_1 = require("antd/es/select");
+var index_1 = require("src/components/Tooltip/index");
+var Tag_1 = require("src/components/Tag");
+var Typography_1 = require("src/constants/Typography/Typography");
+var MaterialSymbols_1 = require("src/icons/MaterialSymbols");
+var style_1 = require("./style");
+var const_1 = require("./const");
+var getSuffixIcon = function (secondaryText) { return (react_1.default.createElement(react_1.default.Fragment, null,
+    secondaryText && (react_1.default.createElement(Typography_1.Typography.Body, { color: theme_1.straitsXTheme.color.base.onNeutralSecondary, size: "sm" }, secondaryText)),
+    react_1.default.createElement(MaterialSymbols_1.MaterialSymbols, { icon: "keyboard_arrow_down" }))); };
+exports.getSuffixIcon = getSuffixIcon;
+var renderLabel = function (label, tooltip) {
+    return label ? (react_1.default.createElement(style_1.LabelContainer, null,
+        react_1.default.createElement(Typography_1.Typography.Body, { size: "md" }, label),
+        tooltip ? (react_1.default.createElement(index_1.default, { placement: "top", title: "I'm Tooltip Component", content: tooltip },
+            react_1.default.createElement("span", null,
+                react_1.default.createElement(MaterialSymbols_1.MaterialSymbols, { icon: "info", size: "xs" })))) : null)) : null;
+};
+exports.renderLabel = renderLabel;
+var getPlaceholder = function (size, placeholder) {
+    return placeholder ? (react_1.default.createElement(Typography_1.Typography.Body, { size: const_1.PLACEHOLDER_TEXT_SIZE[size] }, placeholder)) : null;
+};
+exports.getPlaceholder = getPlaceholder;
+var renderOptions = function (options, size) {
+    return options.map(function (_a) {
+        var value = _a.value, label = _a.label, Icon = _a.icon, disabled = _a.disabled;
+        return (react_1.default.createElement(select_1.default.Option, { key: value, value: value, disabled: disabled },
+            react_1.default.createElement(style_1.OptionContainer, null,
+                Icon && react_1.default.createElement(Icon, { style: { width: '16px', height: '16px' } }),
+                react_1.default.createElement(Typography_1.Typography.Body, { size: const_1.OPTIONS_TEXT_SIZE[size] }, label))));
+    });
+};
+exports.renderOptions = renderOptions;
+var renderHelperText = function (helperText) {
+    return helperText ? (react_1.default.createElement(Typography_1.Typography.Body, { color: theme_1.straitsXTheme.color.base.onNeutralSecondary, size: "sm" }, helperText)) : null;
+};
+exports.renderHelperText = renderHelperText;
+var getCustomSelectTag = function (mode, disabled, size) {
+    return mode === 'multiple'
+        ? function (_a) {
+            var label = _a.label, onClose = _a.onClose;
+            return (react_1.default.createElement(Tag_1.default, { type: disabled ? 'disabled' : 'positive', variant: "removable", size: size, onClick: disabled ? undefined : onClose }, label));
+        }
+        : undefined;
+};
+exports.getCustomSelectTag = getCustomSelectTag;
+//# sourceMappingURL=helpers.js.map

package/dist/components/Select/helpers.js.map

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

package/dist/components/Select/index.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -27,31 +23,20 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var emotion_1 = require("emotion");
 var antd_1 = require("antd");
-var Typography_1 = require("src/components/Typography");
-var ThemeContext_1 = require("src/theme/ThemeContext");
-var ColorStyles_1 = require("src/shared/ColorStyles");
-var TypographyStyles_1 = require("src/shared/TypographyStyles");
+var Typography_1 = require("src/constants/Typography/Typography");
+var helpers_1 = require("./helpers");
 var style_1 = require("./style");
-(0, 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);
 var Select = function (_a) {
-    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"]);
-    var _d = (0, ThemeContext_1.useTheme)(), spacing = _d.spacing, brand = _d.brand;
-    (0, 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);
-    var styleString = (0, style_1.default)({ mode: mode, disabled: disabled, type: type });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        label && react_1.default.createElement(Typography_1.P1Bold, { style: { marginBottom: spacing.xs } }, label),
-        react_1.default.createElement(antd_1.Select, __assign({ className: "".concat((0, emotion_1.css)(styleString), " ").concat(className), disabled: disabled, mode: mode, ref: selectRef }, rest), children)));
-};
-Select.Tag = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, props = __rest(_a, ["className"]);
-    var primary = (0, ThemeContext_1.useTheme)().brand.primary;
-    var tagStyle = "\n    height: 28px;\n    color: #FFFFFF;\n    background: ".concat(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: ").concat(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  ");
-    return react_1.default.createElement(antd_1.Tag, __assign({ className: "".concat((0, emotion_1.css)(tagStyle), " ").concat(className) }, props));
+    var children = _a.children, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 'sm' : _c, mode = _a.mode, label = _a.label, labelTooltip = _a.labelTooltip, selectRef = _a.selectRef, placeholder = _a.placeholder, _d = _a.error, error = _d === void 0 ? false : _d, secondaryText = _a.secondaryText, helperText = _a.helperText, options = _a.options, rest = __rest(_a, ["children", "disabled", "size", "mode", "label", "labelTooltip", "selectRef", "placeholder", "error", "secondaryText", "helperText", "options"]);
+    var internalRef = (0, react_1.useRef)(null);
+    var ref = selectRef || internalRef;
+    return (react_1.default.createElement(style_1.SelectContainer, null,
+        label && (0, helpers_1.renderLabel)(label, labelTooltip),
+        react_1.default.createElement(style_1.StyledAntSelect, __assign({ disabled: disabled, mode: mode, ref: ref, "$size": size, "$mode": mode }, rest, { error: error, dropdownRender: function (menu) { return (react_1.default.createElement(style_1.StyledDropdown, { "$size": size },
+                react_1.default.createElement(Typography_1.Typography.Body, { size: size === 'sm' ? 'md' : 'lg' }, menu))); }, dropdownStyle: style_1.dropdownStyle, suffixIcon: (0, helpers_1.getSuffixIcon)(secondaryText), placeholder: (0, helpers_1.getPlaceholder)(size, placeholder), showArrow: true, tagRender: (0, helpers_1.getCustomSelectTag)(mode, disabled, size), maxTagCount: 999 }), options ? (0, helpers_1.renderOptions)(options, size) : children),
+        (0, helpers_1.renderHelperText)(helperText)));
 };
-Select.OptGroup = antd_1.Select.OptGroup;
 Select.Option = antd_1.Select.Option;
 exports.default = Select;
-var templateObject_1, templateObject_2;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,mCAA2C;AAC3C,6BAAsE;AAEtE,wDAAkD;AAClD,uDAAiD;AACjD,sDAAoD;AACpD,gEAAkE;AAElE,iCAA2B;AAE3B,IAAA,sBAAY,giBAAA,2GAGC,EAAyB,sBACnB,EAAS,oBACX,EAAY,iUAe5B,KAjBY,yBAAW,CAAC,aAAa,EACnB,4BAAS,EACX,4BAAS,CAAC,EAAE,EAe5B;AAoBD,IAAM,MAAM,GAAG,UAAU,EASjB;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,cARgB,2EASxB,CADQ;IAED,IAAA,KAAqB,IAAA,uBAAQ,GAAE,EAA7B,OAAO,aAAA,EAAE,KAAK,WAAe,CAAA;IAErC,IAAA,sBAAY,khBAAA,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,IAAA,eAAK,EAAC,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,aAAS,aACR,SAAS,EAAE,UAAG,IAAA,aAAG,EAAC,WAAW,CAAC,cAAI,SAAS,CAAE,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,UAAU,EAMtB;IALC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACX,KAAK,cAFa,aAGtB,CADS;IAMG,IAAA,OAAO,GACd,IAAA,uBAAQ,GAAE,cADI,CACJ;IAEd,IAAM,QAAQ,GAAG,oEAGD,OAAO,CAAC,OAAO,gRAWd,4BAAS,sNAazB,CAAA;IACD,OAAO,8BAAC,UAAM,aAAC,SAAS,EAAE,UAAG,IAAA,aAAG,EAAC,QAAQ,CAAC,cAAI,SAAS,CAAE,IAAM,KAAK,EAAI,CAAA;AAC1E,CAAC,CAAA;AAED,MAAM,CAAC,QAAQ,GAAG,aAAS,CAAC,QAAQ,CAAA;AACpC,MAAM,CAAC,MAAM,GAAG,aAAS,CAAC,MAAM,CAAA;AAEhC,kBAAe,MAAM,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgD;AAChD,6BAAuD;AAGvD,kEAAgE;AAChE,qCAOkB;AAClB,iCAKgB;AAyBhB,IAAM,MAAM,GAAG,UAAU,EAcjB;IAbN,IAAA,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,OAAO,aAAA,EACJ,IAAI,cAbgB,gJAcxB,CADQ;IAEP,IAAM,WAAW,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAA;IAC/C,IAAM,GAAG,GAAG,SAAS,IAAI,WAAW,CAAA;IAEpC,OAAO,CACL,8BAAC,uBAAe;QACb,KAAK,IAAI,IAAA,qBAAW,EAAC,KAAK,EAAE,YAAY,CAAC;QAC1C,8BAAC,uBAAe,aACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,WACD,IAAI,WACJ,IAAI,IACP,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,UAAC,IAAI,IAAK,OAAA,CACxB,8BAAC,sBAAc,aAAQ,IAAI;gBACzB,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAC/C,IAAI,CACW,CACH,CAClB,EANyB,CAMzB,EACD,aAAa,EAAE,qBAAa,EAC5B,UAAU,EAAE,IAAA,uBAAa,EAAC,aAAa,CAAC,EACxC,WAAW,EAAE,IAAA,wBAAc,EAAC,IAAI,EAAE,WAAW,CAAC,EAC9C,SAAS,QACT,SAAS,EAAE,IAAA,4BAAkB,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,WAAW,EAAE,GAAG,KAEf,OAAO,CAAC,CAAC,CAAC,IAAA,uBAAa,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClC;QACjB,IAAA,0BAAgB,EAAC,UAAU,CAAC,CACb,CACnB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,aAAS,CAAC,MAAM,CAAA;AAChC,kBAAe,MAAM,CAAA"}

package/dist/components/Select/style.js

@@ -1,74 +1,47 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
-var ColorStyles_1 = require("src/shared/ColorStyles");
-var TypographyStyles_1 = require("src/shared/TypographyStyles");
-var fontStyles_1 = require("src/constants/fontStyles");
+exports.dropdownStyle = exports.StyledDropdown = exports.StyledAntSelect = exports.SelectContainer = exports.OptionContainer = exports.LabelContainer = void 0;
+var styled_1 = require("@emotion/styled");
+var antd_1 = require("antd");
 var theme_1 = require("src/theme/theme");
-function getBaseHeight(_a) {
-    var mode = _a.mode, type = _a.type;
-    if (mode === 'multiple') {
-        return 'min-height: 36px;';
-    }
-    if (mode === undefined) {
-        switch (type) {
-            case 'dropdown':
-                return "height: 44px;";
-            case 'filter':
-                return "height: 36px;";
+exports.LabelContainer = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  span {\n    display: inline-flex;\n    cursor: pointer;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  span {\n    display: inline-flex;\n    cursor: pointer;\n  }\n"])));
+exports.OptionContainer = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"])));
+exports.SelectContainer = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 100px;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 100px;\n  width: 100%;\n"])));
+var selectSelectorStyles = function (props) {
+    // For multiple select, calculate padding to fit tags within min-height
+    // Small: 36px min-height - 24px tag = 12px total padding (6px top + 6px bottom)
+    // Large: 48px min-height - 32px tag = 16px total padding (8px top + 8px bottom)
+    var getVerticalPadding = function () {
+        if (props.$mode === 'multiple') {
+            return props.$size === 'sm' ? '6px' : '8px';
         }
-    }
-    return '';
-}
-function getPlaceholderColor(_a) {
-    var type = _a.type, disabled = _a.disabled;
-    if (disabled) {
-        return "\n      color: ".concat(ColorStyles_1.NEUTRAL_COLORS.G400, ";\n    ");
-    }
-    if (type === 'filter') {
-        return "\n      color: ".concat(ColorStyles_1.MAIN_COLORS.PRIMARY_BLACK, ";\n      opacity: 1;\n    ");
-    }
-    else if (type === 'dropdown') {
-        return "\n      color: ".concat(ColorStyles_1.NEUTRAL_COLORS.G400, ";\n      opacity: 1;\n    ");
-    }
-    return '';
-}
-function getSelectorPadding(_a) {
-    var mode = _a.mode, type = _a.type;
-    if (mode === 'multiple') {
-        return '';
-    }
-    switch (type) {
-        case 'dropdown':
-            return "\n        padding-top: 0px;\n        padding-bottom: 0px;\n        padding-left: 15px;\n        padding-right: 30px;\n      ";
-        case 'filter':
-            return "padding: 0 13px;";
-        default:
-            return '';
-    }
-}
-function getBaseColor(_a) {
-    var type = _a.type;
-    switch (type) {
-        case 'dropdown':
-            return "color: ".concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, ";");
-        case 'filter':
-            return "color: ".concat(ColorStyles_1.NEUTRAL_COLORS.G400, ";");
-        default:
-            return '';
-    }
-}
-function default_1(_a) {
-    var mode = _a.mode, disabled = _a.disabled, type = _a.type;
-    var style = "\n    width: 100%;\n    ".concat(fontStyles_1.pStyle, "\n    ").concat(getBaseColor({ type: type }), "\n    cursor: pointer;\n\n    &.ant-select-single:not(.ant-select-customize-input) .ant-select-selector, &.ant-select-multiple:not(.ant-select-customize-input) .ant-select-selector {\n      ").concat(getBaseHeight({ mode: mode, type: type }), "\n\n\n      border-radius: 5px;\n      border-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, ";\n      ").concat(getSelectorPadding({ mode: mode, type: type }), "\n\n      &:hover {\n        ").concat(!disabled
-        ? "border-color: ".concat(theme_1.straitsXTheme.brand.primary.default, ";")
-        : '', "\n      }\n\n      &:active .ant-select-selection-placeholder {\n        ").concat(type === 'filter'
-        ? "\n          color: ".concat(theme_1.straitsXTheme.brand.primary.default, ";\n        ")
-        : '', "\n      }\n    }\n\n    &.ant-select-single.ant-select-focused:not(.ant-select-customize-input) .ant-select-selector, &.ant-select-multiple.ant-select-focused:not(.ant-select-customize-input) .ant-select-selector {\n      border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n      -webkit-box-shadow: 0 0 0 2px ").concat(theme_1.straitsXTheme.brand.primary.background, ";\n      box-shadow: 0 0 0 2px ").concat(theme_1.straitsXTheme.brand.primary.background, ";\n    }\n\n    &.ant-select-single .ant-select-selector .ant-select-selection-placeholder {\n      display: flex;\n      align-items: center;\n      line-height: 34px;\n      ").concat(getPlaceholderColor({ type: type, disabled: disabled }), "\n    }\n\n    &.ant-select-multiple .ant-select-selection-placeholder {\n      display: flex;\n      align-items: center;\n      line-height: 34px;\n      ").concat(getPlaceholderColor({ type: type, disabled: disabled }), "\n    }\n\n    &.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {\n      height: 100%;\n    }\n\n    & .ant-select-selection-search > input {\n      color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, ";\n      padding-bottom: 2px;\n    }\n\n    &.ant-select-single .ant-select-selector .ant-select-selection-item {\n      display: flex;\n      align-items: center;\n      line-height: 34px;\n      color: ").concat(ColorStyles_1.MAIN_COLORS.PRIMARY_BLACK, ";\n\n      ").concat(type === 'filter' && !disabled
-        ? "\n        color: ".concat(ColorStyles_1.MAIN_COLORS.PRIMARY_BLACK, ";\n      ")
-        : '', "\n    }\n\n    &.ant-select-single.ant-select-show-arrow .ant-select-selection-item {\n      padding-right: 15px;\n    }\n\n    &.ant-select-multiple .ant-select-selection-item {\n      height: 28px;\n      color: #FFFFFF;\n      background: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n      border-radius: 23px;\n      border: 0;\n      display: inline-flex;\n      align-items: center;\n      font-family: \"Hanken Grotesk\", Inter;\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: ").concat(TypographyStyles_1.MAIN_FONT, ";\n    }\n\n    &.ant-select-multiple .ant-select-selection-item-remove {\n      font-size: 10px;\n      color: #FFFFFF;\n      padding-right: 5px;\n      margin-top: 2px;\n    }\n\n    &.ant-select-multiple .ant-select-selection-item-content {\n      margin-right: 3px;\n    }\n\n    &.ant-select-multiple .zoom-leave {\n      display: none;\n    }\n\n    &.ant-select-multiple .ant-select-selection-placeholder {\n      left: 16px;\n      ").concat(type === 'filter' && !disabled
-        ? "\n        color: ".concat(ColorStyles_1.MAIN_COLORS.PRIMARY_BLACK, ";\n        opacity: 1;\n      ")
-        : '', "\n    }\n\n    & .ant-select-selection-placeholder {\n      opacity: 1;\n    }\n\n    &.ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {\n      color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, ";\n    }\n\n    &.ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {\n      background: #F6F7F9;\n    }\n\n    & .ant-select-arrow .anticon.anticon-search {\n      transform: scale(1.3);\n      margin-left: -10px;\n    }\n\n    &.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {\n      border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n      -webkit-box-shadow: 0 0 0 2px ").concat(theme_1.straitsXTheme.brand.primary.default, "33;\n      box-shadow: 0 0 0 2px ").concat(theme_1.straitsXTheme.brand.primary.default, "33;\n    }\n  ");
-    return style;
-}
+        return '12px';
+    };
+    var verticalPadding = getVerticalPadding();
+    return "\n  .ant-select-selector {\n    border-radius:  ".concat(props.$size === 'sm' ? '8px' : '12px', "  !important;\n    position: relative !important;\n    display: flex;\n    align-items: ").concat(props.$mode === 'multiple' ? 'flex-start' : 'center', " !important;\n    padding: ").concat(verticalPadding, " 16px !important;\n\n    min-height: ").concat(props.$size === 'sm' ? '36px' : '48px', " !important;\n    ").concat(props.$mode !== 'multiple' ? "height: ".concat(props.$size === 'sm' ? '36px' : '48px', " !important;") : 'height: auto !important;', "\n\n    background: ").concat(props.disabled
+        ? theme_1.straitsXTheme.color.surface.disabledSurface
+        : theme_1.straitsXTheme.color.surface.neutral, " !important;\n\n    border: 1px solid ").concat(props.error
+        ? theme_1.straitsXTheme.color.status.critical
+        : theme_1.straitsXTheme.color.base.line, " !important;\n  }\n");
+};
+var selectHoverFocusStyles = function (props) { return "\n  &:hover .ant-select-selector,\n  &.ant-select-focused .ant-select-selector {\n    ".concat(!props.disabled &&
+    "\n      box-shadow: 0 0 0 1px ".concat(theme_1.straitsXTheme.color.base.onNeutral, "20 !important;\n      border: 1px solid ").concat(props.error
+        ? theme_1.straitsXTheme.color.status.critical
+        : theme_1.straitsXTheme.color.base.primary2, " !important;\n    "), "\n  }\n"); };
+var selectPlaceholderStyles = "\n  .ant-select-selection-placeholder {\n    height: 100% !important;\n    display: flex;\n    align-items: center;\n    \n    span {\n      color: ".concat(theme_1.straitsXTheme.color.component.placeholderInput, " !important;\n    }\n  }\n");
+var selectOverflowStyles = function (props) { return "\n  .ant-select-selection-overflow {\n    gap: 8px;\n    ".concat(props.$mode === 'multiple' ? 'flex-wrap: wrap !important;' : '', "\n    ").concat(props.$mode === 'multiple' ? 'align-content: center !important;' : '', "\n  }\n"); };
+var selectSelectedItemStyles = "\n  .ant-select-selection-item {\n    display: flex !important;\n    align-items: center !important;\n    color: ".concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n  }\n");
+var selectArrowStyles = "\n  .ant-select-arrow {\n    display: flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    width: auto !important;\n    align-self: center !important;\n    \n    span {\n      color: ".concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n    }\n  }\n");
+exports.StyledAntSelect = (0, styled_1.default)(antd_1.Select)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"])), function (props) { return selectSelectorStyles(props); }, function (props) { return selectHoverFocusStyles(props); }, selectPlaceholderStyles, function (props) { return selectOverflowStyles(props); }, selectSelectedItemStyles, selectArrowStyles);
+var dropdownBaseItemStyles = "\n  .rc-virtual-list-holder-inner {\n    gap: 4px;\n  }\n  .ant-select-item {\n    color: ".concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n    padding: 12px !important;\n  }\n");
+var dropdownSelectedOptionStyles = "\n  .ant-select-item-option-selected {\n    background: #d7efe2 !important;\n    position: relative !important;\n  \n    .anticon {\n      display: none !important;\n    }\n    \n    &::after {\n      content: 'check' !important;\n      font-family: 'Material Symbols Rounded' !important;\n      color: ".concat(theme_1.straitsXTheme.color.status.positive, " !important;\n      position: absolute !important;\n      right: 12px !important;\n      top: 50% !important;\n      transform: translateY(-50%) !important;\n      font-size: 16px !important;\n    }\n  }\n");
+var dropdownInteractiveStyles = "\n  .ant-select-item:hover {\n    background: ".concat(theme_1.straitsXTheme.color.interactive.hoverSurface, " !important;\n  }\n  \n  .ant-select-item:active {\n    background: ").concat(theme_1.straitsXTheme.color.interactive.pressedSurface, " !important;\n  }\n");
+var dropdownDisabledOptionStyles = "\n  .ant-select-item-option-disabled,\n  .ant-select-item-option-disabled:hover {\n    background: ".concat(theme_1.straitsXTheme.color.surface.disabledSurface, " !important;\n    span { \n    color: ").concat(theme_1.straitsXTheme.color.surface.disabledOnSurface, " !important;\n    }\n  }\n");
+exports.StyledDropdown = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n"])), dropdownBaseItemStyles, dropdownSelectedOptionStyles, dropdownInteractiveStyles, dropdownDisabledOptionStyles);
+exports.dropdownStyle = { padding: 0, borderRadius: '12px' };
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=style.js.map

package/dist/components/Select/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Select/style.ts"],"names":[],"mappings":";;AA+EA,4BA4JC;AA3OD,sDAAoE;AACpE,gEAAuD;AACvD,uDAAiD;AACjD,yCAA+C;AAG/C,SAAS,aAAa,CAAC,EAA4C;QAA1C,IAAI,UAAA,EAAE,IAAI,UAAA;IACjC,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACxB,OAAO,mBAAmB,CAAA;IAC5B,CAAC;IAED,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,UAAU;gBACb,OAAO,eAAe,CAAA;YACxB,KAAK,QAAQ;gBACX,OAAO,eAAe,CAAA;QAC1B,CAAC;IACH,CAAC;IAED,OAAO,EAAE,CAAA;AACX,CAAC;AAED,SAAS,mBAAmB,CAAC,EAGM;QAFjC,IAAI,UAAA,EACJ,QAAQ,cAAA;IAER,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,yBACI,4BAAc,CAAC,IAAI,YAC7B,CAAA;IACH,CAAC;IAED,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,yBACI,yBAAW,CAAC,aAAa,+BAEnC,CAAA;IACH,CAAC;SAAM,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QAC/B,OAAO,yBACI,4BAAc,CAAC,IAAI,+BAE7B,CAAA;IACH,CAAC;IAED,OAAO,EAAE,CAAA;AACX,CAAC;AAED,SAAS,kBAAkB,CAAC,EAA4C;QAA1C,IAAI,UAAA,EAAE,IAAI,UAAA;IACtC,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACxB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,UAAU;YACb,OAAO,8HAKN,CAAA;QACH,KAAK,QAAQ;YACX,OAAO,kBAAkB,CAAA;QAC3B;YACE,OAAO,EAAE,CAAA;IACb,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EAA6B;QAA3B,IAAI,UAAA;IAC1B,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,UAAU;YACb,OAAO,iBAAU,4BAAc,CAAC,KAAK,MAAG,CAAA;QAC1C,KAAK,QAAQ;YACX,OAAO,iBAAU,4BAAc,CAAC,IAAI,MAAG,CAAA;QACzC;YACE,OAAO,EAAE,CAAA;IACb,CAAC;AACH,CAAC;AAED,mBAAwB,EAIoB;QAH1C,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,IAAI,UAAA;IAEJ,IAAM,KAAK,GAAG,kCAEV,mBAAM,mBACN,YAAY,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,2MAIpB,aAAa,CAAC,EAAE,IAAI,MAAA,EAAE,IAAI,MAAA,EAAE,CAAC,kEAIf,4BAAc,CAAC,IAAI,sBACjC,kBAAkB,CAAC,EAAE,IAAI,MAAA,EAAE,IAAI,MAAA,EAAE,CAAC,0CAIhC,CAAC,QAAQ;QACP,CAAC,CAAC,wBAAiB,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,MAAG;QACzD,CAAC,CAAC,EAAE,sFAMN,IAAI,KAAK,QAAQ;QACf,CAAC,CAAC,6BACK,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,gBAC7C;QACG,CAAC,CAAC,EAAE,yPAMM,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,oDACnB,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,4CAC9C,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,6LAO5D,mBAAmB,CAAC,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,yKAOvC,mBAAmB,CAAC,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,qOAQhC,4BAAc,CAAC,KAAK,yNAQpB,yBAAW,CAAC,aAAa,wBAGhC,IAAI,KAAK,QAAQ,IAAI,CAAC,QAAQ;QAC5B,CAAC,CAAC,2BACK,yBAAW,CAAC,aAAa,cACnC;QACG,CAAC,CAAC,EAAE,+PAWM,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,qVAYlC,4BAAS,scAqBtB,IAAI,KAAK,QAAQ,IAAI,CAAC,QAAQ;QAC5B,CAAC,CAAC,2BACK,yBAAW,CAAC,aAAa,mCAEnC;QACG,CAAC,CAAC,EAAE,iNASC,4BAAc,CAAC,KAAK,maAab,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,oDACnB,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,8CAC3C,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,mBAE9D,CAAA;IAED,OAAO,KAAK,CAAA;AACd,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Select/style.ts"],"names":[],"mappings":"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"}

package/dist/components/Tag/index.js

@@ -9,7 +9,7 @@ var react_1 = require("react");
 var styled_1 = require("@emotion/styled");
 var MaterialSymbols_1 = require("src/icons/MaterialSymbols");
 var Typography_1 = require("src/constants/Typography/Typography");
-var src_1 = require("src");
+var index_1 = require("src/components/Button/index");
 var const_1 = require("src/components/Tag/const");
 function getColorByProperty(type, variant, property) {
     switch (variant) {
@@ -28,13 +28,20 @@ function default_1(_a) {
     return (react_1.default.createElement(Base, { type: type, size: size, variant: variant, onClick: variant !== 'removable' ? onClick : undefined },
         showIcon && type !== 'disabled' && (react_1.default.createElement(MaterialSymbols_1.MaterialSymbols, { icon: const_1.ICON_MAP[type], size: const_1.ICON_SIZE_MAP[size], color: getColorByProperty(type, variant, 'icon') })),
         react_1.default.createElement(Typography_1.Typography.Body, { size: size, color: getColorByProperty(type, variant, 'text') }, children),
-        variant === 'removable' && (react_1.default.createElement(CloseButton, { onClick: onClick, type: "tertiary", icon: react_1.default.createElement(MaterialSymbols_1.MaterialSymbols, { icon: "close", size: const_1.ICON_SIZE_MAP[size], color: getColorByProperty(type, variant, 'icon') }) }))));
+        variant === 'removable' && (react_1.default.createElement(CloseButton, { onMouseDown: function (e) {
+                e.preventDefault();
+                e.stopPropagation();
+            }, onClick: function (e) {
+                e.preventDefault();
+                e.stopPropagation();
+                onClick === null || onClick === void 0 ? void 0 : onClick();
+            }, type: "tertiary", icon: react_1.default.createElement(MaterialSymbols_1.MaterialSymbols, { icon: "close", size: const_1.ICON_SIZE_MAP[size], color: getColorByProperty(type, variant, 'icon') }) }))));
 }
 var getAdditionalStyles = function (_a) {
     var type = _a.type, _b = _a.variant, variant = _b === void 0 ? 'outlined' : _b, _c = _a.size, size = _c === void 0 ? 'sm' : _c, onClick = _a.onClick;
     return "\n  border-radius: ".concat(variant === 'removable' ? '999px' : '4px', ";\n  min-height: ").concat(size === 'sm' ? '24px' : '32px', ";\n  background-color: ").concat(type && variant ? getColorByProperty(type, variant, 'base') : 'transparent', ";\n  border: 1px solid ").concat(type && variant ? getColorByProperty(type, variant, 'border') : 'transparent', ";\n  padding-inline: ").concat(variant === 'removable' ? '12px' : '8px', ";\n  cursor: ").concat(onClick ? 'pointer' : 'default', ";\n\n");
 };
-var CloseButton = (0, styled_1.default)(src_1.Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  && {\n    padding: 0 !important;\n    width: auto !important;\n    height: auto !important;\n  }\n\n  &&:hover {\n    background: transparent !important;\n  }\n\n  &&:focus {\n    background: transparent !important;\n  }\n\n  &&:active {\n    background: transparent !important;\n  }\n"], ["\n  && {\n    padding: 0 !important;\n    width: auto !important;\n    height: auto !important;\n  }\n\n  &&:hover {\n    background: transparent !important;\n  }\n\n  &&:focus {\n    background: transparent !important;\n  }\n\n  &&:active {\n    background: transparent !important;\n  }\n"])));
+var CloseButton = (0, styled_1.default)(index_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  && {\n    padding: 0 !important;\n    width: auto !important;\n    height: auto !important;\n  }\n\n  &&:hover {\n    background: transparent !important;\n  }\n\n  &&:focus {\n    background: transparent !important;\n  }\n\n  &&:active {\n    background: transparent !important;\n  }\n"], ["\n  && {\n    padding: 0 !important;\n    width: auto !important;\n    height: auto !important;\n  }\n\n  &&:hover {\n    background: transparent !important;\n  }\n\n  &&:focus {\n    background: transparent !important;\n  }\n\n  &&:active {\n    background: transparent !important;\n  }\n"])));
 var Base = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  height: fit-content;\n  text-transform: capitalize;\n\n  ", ";\n"], ["\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  height: fit-content;\n  text-transform: capitalize;\n\n  ", ";\n"])), function (props) { return getAdditionalStyles(props); });
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/Tooltip/index.js

@@ -43,7 +43,7 @@ function default_1(_a) {
                 react_1.default.createElement(DismissButton, { onClick: onDismissButtonClick }, dismissTitle),
                 react_1.default.createElement(ActionButton, { onClick: onActionButtonClick }, actionTitle)))), mouseEnterDelay: mouseEnterDelay, mouseLeaveDelay: mouseLeaveDelay }, children));
 }
-var defaultOverlayStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: 200px;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  box-shadow: none;\n\n  .ant-tooltip-inner {\n    padding: 12px;\n    border-radius: 8px;\n    box-shadow: none;\n    background-color: ", ";\n  }\n\n  ", " {\n    max-width: 250px;\n  }\n\n  .ant-tooltip-arrow {\n    width: 16px;\n    height: 16px;\n\n    .ant-tooltip-arrow-content {\n      background-color: ", ";\n      box-shadow: none;\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  &.ant-tooltip-placement-topRight .ant-tooltip-arrow,\n  &.ant-tooltip-placement-topLeft .ant-tooltip-arrow,\n  &.ant-tooltip-placement-top .ant-tooltip-arrow {\n    bottom: -3px;\n  }\n  &.ant-tooltip-placement-bottomRight .ant-tooltip-arrow,\n  &.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,\n  &.ant-tooltip-placement-bottom .ant-tooltip-arrow {\n    top: -3px;\n  }\n  &.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,\n  &.ant-tooltip-placement-rightTop .ant-tooltip-arrow,\n  &.ant-tooltip-placement-right .ant-tooltip-arrow {\n    left: -3px;\n  }\n  &.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,\n  &.ant-tooltip-placement-leftTop .ant-tooltip-arrow,\n  &.ant-tooltip-placement-left .ant-tooltip-arrow {\n    right: -3px;\n  }\n"], ["\n  max-width: 200px;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  box-shadow: none;\n\n  .ant-tooltip-inner {\n    padding: 12px;\n    border-radius: 8px;\n    box-shadow: none;\n    background-color: ", ";\n  }\n\n  ", " {\n    max-width: 250px;\n  }\n\n  .ant-tooltip-arrow {\n    width: 16px;\n    height: 16px;\n\n    .ant-tooltip-arrow-content {\n      background-color: ", ";\n      box-shadow: none;\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  &.ant-tooltip-placement-topRight .ant-tooltip-arrow,\n  &.ant-tooltip-placement-topLeft .ant-tooltip-arrow,\n  &.ant-tooltip-placement-top .ant-tooltip-arrow {\n    bottom: -3px;\n  }\n  &.ant-tooltip-placement-bottomRight .ant-tooltip-arrow,\n  &.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,\n  &.ant-tooltip-placement-bottom .ant-tooltip-arrow {\n    top: -3px;\n  }\n  &.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,\n  &.ant-tooltip-placement-rightTop .ant-tooltip-arrow,\n  &.ant-tooltip-placement-right .ant-tooltip-arrow {\n    left: -3px;\n  }\n  &.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,\n  &.ant-tooltip-placement-leftTop .ant-tooltip-arrow,\n  &.ant-tooltip-placement-left .ant-tooltip-arrow {\n    right: -3px;\n  }\n"])), fontStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, TypographyStyles_1.FONT_WEIGHT.REGULAR, theme_1.straitsXTheme.text.white, theme_1.straitsXTheme.brand.primary.contrast, breakPoints_1.DESKTOP_BREAKPOINT, theme_1.straitsXTheme.brand.primary.contrast);
+var defaultOverlayStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: 200px;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  box-shadow: none;\n\n  .ant-tooltip-inner {\n    padding: 12px;\n    border-radius: 8px;\n    box-shadow: none;\n    background-color: ", ";\n  }\n\n  ", " {\n    max-width: 250px;\n  }\n\n  .ant-tooltip-arrow {\n    width: 16px;\n    height: 16px;\n\n    .ant-tooltip-arrow-content {\n      background-color: ", ";\n      box-shadow: none;\n      width: 16px;\n      height: 16px;\n    }\n  }\n"], ["\n  max-width: 200px;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  box-shadow: none;\n\n  .ant-tooltip-inner {\n    padding: 12px;\n    border-radius: 8px;\n    box-shadow: none;\n    background-color: ", ";\n  }\n\n  ", " {\n    max-width: 250px;\n  }\n\n  .ant-tooltip-arrow {\n    width: 16px;\n    height: 16px;\n\n    .ant-tooltip-arrow-content {\n      background-color: ", ";\n      box-shadow: none;\n      width: 16px;\n      height: 16px;\n    }\n  }\n"])), fontStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, TypographyStyles_1.FONT_WEIGHT.REGULAR, theme_1.straitsXTheme.text.white, theme_1.straitsXTheme.brand.primary.contrast, breakPoints_1.DESKTOP_BREAKPOINT, theme_1.straitsXTheme.brand.primary.contrast);
 var Container = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  line-height: 22px;\n"], ["\n  line-height: 22px;\n"])));
 var FooterContainer = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 24px 0 0 0;\n  display: flex;\n  justify-content: flex-end;\n\n  a {\n    margin: 0 0 0 20px;\n  }\n"], ["\n  margin: 24px 0 0 0;\n  display: flex;\n  justify-content: flex-end;\n\n  a {\n    margin: 0 0 0 20px;\n  }\n"])));
 var Badge = styled_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: inline-block;\n  margin: 0 0 0 8px;\n  padding: 2px 6px;\n  background-color: ", ";\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  border-radius: 4px;\n"], ["\n  display: inline-block;\n  margin: 0 0 0 8px;\n  padding: 2px 6px;\n  background-color: ", ";\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  border-radius: 4px;\n"])), ColorStyles_1.GREEN_COLORS.G400, theme_1.straitsXTheme.text.white, TypographyStyles_1.FONT_SIZE.SMALL, TypographyStyles_1.FONT_WEIGHT.BOLD);