@xfers/design-system 4.7.1-dev.b5d69aff95 → 4.7.2-dev.13a2dfe18b
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/index.js +2 -2
- package/cjs/index.js.map +1 -1
- package/dist/components/Form/index.js +1 -1
- package/dist/components/Form/index.js.map +1 -1
- package/dist/components/Input/inputStyles.js +2 -2
- package/dist/components/Input/inputStyles.js.map +1 -1
- package/dist/components/Modal/index.js +23 -11
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/style.js +9 -5
- package/dist/components/Select/style.js.map +1 -1
- package/dist/types/components/Modal/index.d.ts +2 -2
- package/dist/types/components/Select/style.d.ts +1 -0
- package/es/index.js +2 -2
- package/es/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -32,7 +32,7 @@ var form_1 = require("antd/es/form");
|
|
|
32
32
|
require("antd/es/form/style/css");
|
|
33
33
|
var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
34
34
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
35
|
-
var baseStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n & .ant-form-item {\n margin-bottom: 0;\n }\n\n & .ant-form-item-has-error {\n font-family: ", ";\n font-size: ", ";\n line-height: 17px;\n\n & .ant-form-item-explain {\n color: ", ";\n padding-top: 5px;\n padding-bottom: 5px;\n }\n\n & .ant-input,\n .ant-picker-input,\n .ant-select-selector {\n color: ", ";\n\n &::placeholder,\n input::placeholder,\n .ant-select-selection-placeholder {\n color: ", ";\n font-weight: 400;\n }\n }\n\n & .ant-input,\n .ant-picker,\n .ant-select,\n .ant-select-selector {\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n border-color: ", " !important;\n background-color: ", ";\n\n &:hover {\n border-color: ", ";\n background-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n -webkit-box-shadow: 0 0 0 3px ", ";\n box-shadow: 0 0 0 3px ", ";\n background-color: ", ";\n }\n }\n\n & .ant-input-group-addon:not(:last-child) {\n color: ", ";\n background-color: ", ";\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n border-color: ", ";\n border-right: 0;\n }\n }\n"], ["\n & .ant-form-item {\n margin-bottom: 0;\n }\n\n & .ant-form-item-has-error {\n font-family: ", ";\n font-size: ", ";\n line-height: 17px;\n\n & .ant-form-item-explain {\n color: ", ";\n padding-top: 5px;\n padding-bottom: 5px;\n }\n\n & .ant-input,\n .ant-picker-input,\n .ant-select-selector {\n color: ", ";\n\n &::placeholder,\n input::placeholder,\n .ant-select-selection-placeholder {\n color: ", ";\n font-weight: 400;\n }\n }\n\n & .ant-input,\n .ant-picker,\n .ant-select,\n .ant-select-selector {\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n border-color: ", " !important;\n background-color: ", ";\n\n &:hover {\n border-color: ", ";\n background-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n -webkit-box-shadow: 0 0 0 3px ", ";\n box-shadow: 0 0 0 3px ", ";\n background-color: ", ";\n }\n }\n\n & .ant-input-group-addon:not(:last-child) {\n color: ", ";\n background-color: ", ";\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n border-color: ", ";\n border-right: 0;\n }\n }\n"])), TypographyStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R300, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R300, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R300, ColorStyles_1.RED_COLORS.R200, ColorStyles_1.RED_COLORS.R200, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R300);
|
|
35
|
+
var baseStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n & .ant-form-item {\n margin-bottom: 0;\n }\n\n & .ant-form-item-has-error {\n font-family: ", ";\n font-size: ", ";\n line-height: 17px;\n\n & .ant-form-item-explain {\n color: ", ";\n padding-top: 5px;\n padding-bottom: 5px;\n }\n\n & .ant-input,\n .ant-picker-input,\n .ant-select-selector {\n color: ", ";\n\n &::placeholder,\n input::placeholder,\n .ant-select-selection-placeholder {\n color: ", ";\n font-weight: 400;\n }\n }\n\n & .ant-input,\n .ant-picker,\n .ant-select,\n .ant-select-selector {\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n border-color: ", " !important;\n background-color: ", ";\n\n &:hover {\n border-color: ", ";\n background-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n -webkit-box-shadow: 0 0 0 3px ", ";\n box-shadow: 0 0 0 3px ", ";\n background-color: ", ";\n }\n }\n\n & .ant-input-group-addon .ant-select,\n & .ant-input-group-addon .ant-select-selector {\n background-color: transparent !important;\n border-color: transparent !important;\n }\n\n & .ant-input-group-addon:not(:last-child) {\n color: ", ";\n background-color: ", ";\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n border-color: ", ";\n border-right: 0;\n }\n }\n"], ["\n & .ant-form-item {\n margin-bottom: 0;\n }\n\n & .ant-form-item-has-error {\n font-family: ", ";\n font-size: ", ";\n line-height: 17px;\n\n & .ant-form-item-explain {\n color: ", ";\n padding-top: 5px;\n padding-bottom: 5px;\n }\n\n & .ant-input,\n .ant-picker-input,\n .ant-select-selector {\n color: ", ";\n\n &::placeholder,\n input::placeholder,\n .ant-select-selection-placeholder {\n color: ", ";\n font-weight: 400;\n }\n }\n\n & .ant-input,\n .ant-picker,\n .ant-select,\n .ant-select-selector {\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n border-color: ", " !important;\n background-color: ", ";\n\n &:hover {\n border-color: ", ";\n background-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n -webkit-box-shadow: 0 0 0 3px ", ";\n box-shadow: 0 0 0 3px ", ";\n background-color: ", ";\n }\n }\n\n & .ant-input-group-addon .ant-select,\n & .ant-input-group-addon .ant-select-selector {\n background-color: transparent !important;\n border-color: transparent !important;\n }\n\n & .ant-input-group-addon:not(:last-child) {\n color: ", ";\n background-color: ", ";\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n border-color: ", ";\n border-right: 0;\n }\n }\n"])), TypographyStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R300, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R300, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R300, ColorStyles_1.RED_COLORS.R200, ColorStyles_1.RED_COLORS.R200, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R300);
|
|
36
36
|
var MainForm = function (_a) {
|
|
37
37
|
var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, rest = __rest(_a, ["className", "children"]);
|
|
38
38
|
return (react_1.default.createElement(form_1.default, __assign({ className: (0, emotion_1.cx)(baseStyle, className) }, rest), children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAAiC;AACjC,qCAA6D;AAC7D,kCAA+B;AAC/B,sDAAmD;AACnD,gEAAkE;AAElE,IAAM,SAAS,OAAG,aAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAAiC;AACjC,qCAA6D;AAC7D,kCAA+B;AAC/B,sDAAmD;AACnD,gEAAkE;AAElE,IAAM,SAAS,OAAG,aAAG,4/CAAA,yGAMF,EAAS,oBACX,EAAY,4EAId,EAAe,uJAQf,EAAe,mHAKb,EAAe,sOAWV,EAAe,wCACX,EAAe,8CAGjB,EAAe,+BACX,EAAe,uDAInB,EAAe,2CACC,EAAe,mCACvB,EAAe,+BACnB,EAAe,4RAW5B,EAAe,6BACJ,EAAe,oGAGnB,EAAe,yCAIpC,KA5DkB,4BAAS,EACX,4BAAS,CAAC,EAAE,EAId,wBAAU,CAAC,IAAI,EAQf,wBAAU,CAAC,IAAI,EAKb,wBAAU,CAAC,IAAI,EAWV,wBAAU,CAAC,IAAI,EACX,wBAAU,CAAC,IAAI,EAGjB,wBAAU,CAAC,IAAI,EACX,wBAAU,CAAC,IAAI,EAInB,wBAAU,CAAC,IAAI,EACC,wBAAU,CAAC,IAAI,EACvB,wBAAU,CAAC,IAAI,EACnB,wBAAU,CAAC,IAAI,EAW5B,wBAAU,CAAC,IAAI,EACJ,wBAAU,CAAC,IAAI,EAGnB,wBAAU,CAAC,IAAI,CAIpC,CAAA;AAOD,IAAM,QAAQ,GAAG,UAAU,EAA4C;IAA1C,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAnC,yBAAqC,CAAF;IAC5D,OAAO,CACL,8BAAC,cAAI,aAAC,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,SAAS,CAAC,IAAM,IAAI,GAChD,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,IAAI,GAAG,UAAU,EAA0C;IAAxC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,IAAI,cAAzB,aAA2B,CAAF;IACjD,OAAO,8BAAC,cAAI,CAAC,IAAI,aAAC,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,SAAS,CAAC,IAAM,IAAI,EAAI,CAAA;AACrE,CAAC,CAAA;AAED,QAAQ,CAAC,OAAO,GAAG,cAAI,CAAC,OAAO,CAAA;AAE/B,kBAAe,QAAQ,CAAA"}
|
|
@@ -10,8 +10,8 @@ function getBaseInputStyle(theme, size, error, disabledAddon) {
|
|
|
10
10
|
var borderColor = error
|
|
11
11
|
? theme.color.status.critical
|
|
12
12
|
: theme.color.base.line;
|
|
13
|
-
return "\n -webkit-font-smoothing: antialiased;\n\n /* Shared font/sizing for all .ant-input elements */\n & .ant-input, &.ant-input, &.ant-input-password {\n padding: ".concat(padding, ";\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n font-size: ").concat(TypographyStyles_1.FONT_SIZE.P1, ";\n color: ").concat(theme.color.base.onNeutral, ";\n line-height: 17px;\n height: ").concat(height, ";\n box-sizing: border-box;\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n font-weight: 400;\n }\n }\n\n /* Case 1: Standalone input \u2014 class directly on .ant-input */\n &.ant-input, &.ant-input-password {\n border-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n padding: ").concat(padding, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &:focus {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n box-shadow: none;\n color: ").concat(theme.color.base.onNeutral, ";\n }\n }\n\n /* Case 2: Input with addon \u2014 class on .ant-input-group-wrapper */\n /* addonBefore: input is after addon \u2014 flat left, rounded right */\n & .ant-input-group > .ant-input:last-child {\n border-radius: 0 ").concat(borderRadius, " ").concat(borderRadius, " 0 !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &:focus {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n box-shadow: none;\n color: ").concat(theme.color.base.onNeutral, ";\n }\n }\n /* addonAfter: input is before addon \u2014 rounded left, flat right */\n & .ant-input-group > .ant-input:first-child {\n border-radius: ").concat(borderRadius, " 0 0 ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &:focus {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n box-shadow: none;\n color: ").concat(theme.color.base.onNeutral, ";\n }\n }\n\n /* Case 3: Input with prefix (e.g. Search without addon) \u2014 class on .ant-input-affix-wrapper */\n &.ant-input-affix-wrapper {\n border-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n padding: ").concat(padding, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n & .ant-input {\n height: auto;\n padding: 0;\n border: none;\n border-radius: 0 !important;\n }\n }\n &.ant-input-affix-wrapper-focused {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important;\n box-shadow: none;\n }\n\n /* Case 4: addon + prefix \u2014 class on .ant-input-group-wrapper */\n & .ant-input-group > .ant-input-affix-wrapper:last-child,\n & .ant-input-group > .ant-input-affix-wrapper:first-child {\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n padding: ").concat(padding, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &.ant-input-affix-wrapper-focused {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important;\n box-shadow: none;\n }\n & .ant-input {\n height: auto;\n padding: 0;\n border: none;\n border-radius: 0 !important;\n box-shadow: none;\n &:hover, &:focus { border: none; box-shadow: none; }\n }\n }\n /* addonBefore + prefix \u2014 rounded right */\n & .ant-input-group > .ant-input-affix-wrapper:last-child {\n border-radius: 0 ").concat(borderRadius, " ").concat(borderRadius, " 0 !important;\n padding-left: 8px;\n }\n /* prefix + addonAfter \u2014 rounded left */\n & .ant-input-group > .ant-input-affix-wrapper:first-child {\n border-radius: ").concat(borderRadius, " 0 0 ").concat(borderRadius, " !important;\n }\n\n /* Disabled states */\n &.ant-input-disabled, & .ant-input-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n color: ").concat(theme.color.base.onNeutral, ";\n -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n }\n &:hover { border-color: ").concat(theme.color.base.line, " !important; }\n }\n &.ant-input-affix-wrapper-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n &:hover { border-color: ").concat(theme.color.base.line, " !important; }\n & .ant-input-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n color: ").concat(theme.color.base.onNeutral, ";\n -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n }\n }\n }\n\n /* Addon containers */\n & .ant-input-group-addon:not(:last-child) {\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n color: ").concat(theme.color.base.onNeutral, ";\n background-color: ").concat(theme.color.surface.neutral, ";\n border-top-left-radius: ").concat(borderRadius, " !important;\n border-bottom-left-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n border-right: 0;\n padding-left: 12px;\n padding-right: 8px;\n &:has(.ant-select) {\n padding: 4px;\n .ant-select-focused .ant-select-selector {\n border-color: transparent !important;\n box-shadow: none !important;\n }\n .ant-select-selector {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n height: 100%;\n }\n }\n &:has([data-addon-custom]) {\n background-color: ").concat(theme.color.surface.neutral, ";\n padding-left: 12px;\n padding-right: 8px;\n }\n + .ant-input-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n color: ").concat(theme.color.base.onNeutral, ";\n -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n }\n &:hover { border-color: ").concat(theme.color.base.line, "; }\n }\n }\n & .ant-input-group-addon:last-child {\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n color: ").concat(theme.color.base.onNeutral, ";\n background-color: ").concat(theme.color.surface.neutral, ";\n border-top-right-radius: ").concat(borderRadius, " !important;\n border-bottom-right-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n border-left: 0;\n padding-left: 16px;\n padding-right: 16px;\n &:has(.ant-select) {\n padding: 4px;\n .ant-select-focused .ant-select-selector {\n border-color: transparent !important;\n box-shadow: none !important;\n }\n .ant-select-selector {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n height: 100%;\n }\n }\n &:has([data-addon-custom]) {\n background-color: ").concat(theme.color.surface.neutral, ";\n padding-left: 8px;\n padding-right: 12px;\n }\n &:hover {\n background-color: ").concat(theme.color.interactive.hoverSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n border-left: 1px solid ").concat(theme.color.base.line, ";\n }\n &:focus-within {\n background-color: ").concat(theme.color.surface.neutral, ";\n border-color: ").concat(theme.color.base.primary2, " !important;\n border-left: 1px solid ").concat(theme.color.base.primary2, ";\n }\n }\n & .ant-input-group-addon:not(:last-child):hover {\n background-color: ").concat(theme.color.interactive.hoverSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n border-right: 1px solid ").concat(theme.color.base.line, ";\n }\n & .ant-input-group-addon:not(:last-child):focus-within {\n background-color: ").concat(theme.color.surface.neutral, ";\n border-color: ").concat(theme.color.base.primary2, " !important;\n border-right: 1px solid ").concat(theme.color.base.primary2, ";\n }\n & .ant-input-group:has(.ant-input-group-addon:last-child:hover) > .ant-input:first-child,\n & .ant-input-group:has(.ant-input-group-addon:last-child:hover) > .ant-input-affix-wrapper:first-child {\n border-right: 0 !important;\n }\n & .ant-input-group:has(.ant-input-group-addon:last-child:focus-within) > .ant-input:first-child,\n & .ant-input-group:has(.ant-input-group-addon:last-child:focus-within) > .ant-input-affix-wrapper:first-child {\n border-right: 0 !important;\n }\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):hover) > .ant-input:last-child,\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):hover) > .ant-input-affix-wrapper:last-child {\n border-left: 0 !important;\n }\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):focus-within) > .ant-input:last-child,\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):focus-within) > .ant-input-affix-wrapper:last-child {\n border-left: 0 !important;\n }\n ").concat(disabledAddon
|
|
14
|
-
? "\n & .ant-input-group-addon:last-child {\n background-color: ".concat(theme.color.surface.disabledSurface, ";\n color: ").concat(theme.color.base.onNeutral, ";\n pointer-events: none;\n cursor: not-allowed;\n border-color: ").concat(theme.color.base.line, ";\n border-left: 1px solid ").concat(theme.color.base.line, ";\n &:has([data-addon-custom]) {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n }\n }\n & .ant-input-group > .ant-input:first-child
|
|
13
|
+
return "\n -webkit-font-smoothing: antialiased;\n\n /* Shared font/sizing for all .ant-input elements */\n & .ant-input, &.ant-input, &.ant-input-password {\n padding: ".concat(padding, ";\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n font-size: ").concat(TypographyStyles_1.FONT_SIZE.P1, ";\n color: ").concat(theme.color.base.onNeutral, ";\n line-height: 17px;\n height: ").concat(height, ";\n box-sizing: border-box;\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n font-weight: 400;\n }\n }\n\n /* Case 1: Standalone input \u2014 class directly on .ant-input */\n &.ant-input, &.ant-input-password {\n border-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n padding: ").concat(padding, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &:focus {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n box-shadow: none;\n color: ").concat(theme.color.base.onNeutral, ";\n }\n }\n\n /* Case 2: Input with addon \u2014 class on .ant-input-group-wrapper */\n /* addonBefore: input is after addon \u2014 flat left, rounded right */\n & .ant-input-group > .ant-input:last-child {\n border-radius: 0 ").concat(borderRadius, " ").concat(borderRadius, " 0 !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &:focus {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n box-shadow: none;\n color: ").concat(theme.color.base.onNeutral, ";\n }\n }\n /* addonAfter: input is before addon \u2014 rounded left, flat right */\n & .ant-input-group > .ant-input:first-child {\n border-radius: ").concat(borderRadius, " 0 0 ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &:focus {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n box-shadow: none;\n color: ").concat(theme.color.base.onNeutral, ";\n }\n }\n\n /* Case 3: Input with prefix (e.g. Search without addon) \u2014 class on .ant-input-affix-wrapper */\n &.ant-input-affix-wrapper {\n border-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n padding: ").concat(padding, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n & .ant-input {\n height: auto;\n padding: 0;\n border: none;\n border-radius: 0 !important;\n }\n }\n &.ant-input-affix-wrapper-focused {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important;\n box-shadow: none;\n }\n\n /* Case 4: addon + prefix \u2014 class on .ant-input-group-wrapper */\n & .ant-input-group > .ant-input-affix-wrapper:last-child,\n & .ant-input-group > .ant-input-affix-wrapper:first-child {\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n padding: ").concat(padding, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &.ant-input-affix-wrapper-focused {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important;\n box-shadow: none;\n }\n & .ant-input {\n height: auto;\n padding: 0;\n border: none;\n border-radius: 0 !important;\n box-shadow: none;\n &:hover, &:focus { border: none; box-shadow: none; }\n }\n }\n /* addonBefore + prefix \u2014 rounded right */\n & .ant-input-group > .ant-input-affix-wrapper:last-child {\n border-radius: 0 ").concat(borderRadius, " ").concat(borderRadius, " 0 !important;\n padding-left: 8px;\n }\n /* prefix + addonAfter \u2014 rounded left */\n & .ant-input-group > .ant-input-affix-wrapper:first-child {\n border-radius: ").concat(borderRadius, " 0 0 ").concat(borderRadius, " !important;\n }\n\n /* Disabled states */\n &.ant-input-disabled, & .ant-input-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n color: ").concat(theme.color.base.onNeutral, ";\n -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n }\n &:hover { border-color: ").concat(theme.color.base.line, " !important; }\n }\n &.ant-input-affix-wrapper-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n &:hover { border-color: ").concat(theme.color.base.line, " !important; }\n & .ant-input-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n color: ").concat(theme.color.base.onNeutral, ";\n -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n }\n }\n }\n\n /* Addon containers */\n &.ant-input-group-wrapper-status-error .ant-input-group-addon,\n &.ant-input-group-wrapper-status-error .ant-input-group-addon:last-child,\n &.ant-input-group-wrapper-status-error .ant-input-group-addon:not(:last-child) {\n background-color: ").concat(theme.color.surface.neutral, " !important;\n }\n &.ant-input-group-wrapper-status-error .ant-input-group-addon .ant-select {\n background-color: ").concat(theme.color.surface.neutral, " !important;\n }\n\n & .ant-input-group-addon:not(:last-child) {\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n color: ").concat(theme.color.base.onNeutral, ";\n background-color: ").concat(theme.color.surface.neutral, ";\n border-top-left-radius: ").concat(borderRadius, " !important;\n border-bottom-left-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(theme.color.base.line, ";\n border-right: 0;\n padding-left: 12px;\n padding-right: 8px;\n &:has(.ant-select) {\n padding: 4px;\n .ant-select-focused .ant-select-selector {\n border-color: transparent !important;\n box-shadow: none !important;\n }\n .ant-select-selector {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n height: 100%;\n }\n }\n &:has([data-addon-custom]) {\n background-color: ").concat(theme.color.surface.neutral, ";\n padding-left: 12px;\n padding-right: 8px;\n }\n + .ant-input-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n color: ").concat(theme.color.base.onNeutral, ";\n -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n }\n &:hover { border-color: ").concat(theme.color.base.line, "; }\n }\n }\n & .ant-input-group-addon:last-child {\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n color: ").concat(theme.color.base.onNeutral, ";\n background-color: ").concat(theme.color.surface.neutral, ";\n border-top-right-radius: ").concat(borderRadius, " !important;\n border-bottom-right-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(theme.color.base.line, ";\n border-left: 0;\n padding-left: 16px;\n padding-right: 16px;\n &:has(.ant-select) {\n padding: 4px;\n .ant-select-focused .ant-select-selector {\n border-color: transparent !important;\n box-shadow: none !important;\n }\n .ant-select-selector {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n height: 100%;\n }\n }\n &:has([data-addon-custom]) {\n background-color: ").concat(theme.color.surface.neutral, ";\n padding-left: 8px;\n padding-right: 12px;\n }\n &:hover {\n background-color: ").concat(theme.color.interactive.hoverSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n border-left: 1px solid ").concat(theme.color.base.line, ";\n }\n &:focus-within {\n background-color: ").concat(theme.color.surface.neutral, ";\n border-color: ").concat(theme.color.base.primary2, " !important;\n border-left: 1px solid ").concat(theme.color.base.primary2, ";\n }\n }\n & .ant-input-group-addon:not(:last-child):hover {\n background-color: ").concat(theme.color.interactive.hoverSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n border-right: 1px solid ").concat(theme.color.base.line, ";\n }\n & .ant-input-group-addon:not(:last-child):focus-within {\n background-color: ").concat(theme.color.surface.neutral, ";\n border-color: ").concat(theme.color.base.primary2, " !important;\n border-right: 1px solid ").concat(theme.color.base.primary2, ";\n }\n & .ant-input-group:has(.ant-input-group-addon:last-child:hover) > .ant-input:first-child,\n & .ant-input-group:has(.ant-input-group-addon:last-child:hover) > .ant-input-affix-wrapper:first-child {\n border-right: 0 !important;\n }\n & .ant-input-group:has(.ant-input-group-addon:last-child:focus-within) > .ant-input:first-child,\n & .ant-input-group:has(.ant-input-group-addon:last-child:focus-within) > .ant-input-affix-wrapper:first-child {\n border-right: 0 !important;\n }\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):hover) > .ant-input:last-child,\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):hover) > .ant-input-affix-wrapper:last-child {\n border-left: 0 !important;\n }\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):focus-within) > .ant-input:last-child,\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):focus-within) > .ant-input-affix-wrapper:last-child {\n border-left: 0 !important;\n }\n ").concat(disabledAddon
|
|
14
|
+
? "\n & .ant-input-group-addon:last-child {\n background-color: ".concat(theme.color.surface.disabledSurface, ";\n color: ").concat(theme.color.base.onNeutral, ";\n pointer-events: none;\n cursor: not-allowed;\n border-color: ").concat(theme.color.base.line, ";\n border-left: 1px solid ").concat(theme.color.base.line, ";\n &:has([data-addon-custom]) {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n }\n }\n & .ant-input-group > .ant-input:first-child,\n & .ant-input-group > .ant-input-affix-wrapper:first-child {\n border-right: 0;\n }\n & .ant-input-group-addon:not(:last-child) {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n color: ").concat(theme.color.base.onNeutral, ";\n pointer-events: none;\n cursor: not-allowed;\n border-color: ").concat(theme.color.base.line, ";\n border-right: 1px solid ").concat(theme.color.base.line, ";\n &:has([data-addon-custom]) {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n }\n }\n & .ant-input-group > .ant-input:last-child,\n & .ant-input-group > .ant-input-affix-wrapper:last-child {\n border-left: 0;\n }\n ")
|
|
15
15
|
: '', "\n ");
|
|
16
16
|
}
|
|
17
17
|
//# sourceMappingURL=inputStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputStyles.js","sourceRoot":"","sources":["../../../src/components/Input/inputStyles.ts"],"names":[],"mappings":";;;AAUA,
|
|
1
|
+
{"version":3,"file":"inputStyles.js","sourceRoot":"","sources":["../../../src/components/Input/inputStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,24 +7,36 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
var react_1 = require("react");
|
|
8
8
|
var styled_1 = require("@emotion/styled");
|
|
9
9
|
var Typography_1 = require("src/components/Typography");
|
|
10
|
+
var Divider_1 = require("src/components/Divider");
|
|
10
11
|
var Cross_1 = require("src/icons/Cross");
|
|
11
12
|
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
13
|
+
var spacing_1 = require("src/constants/spacing");
|
|
12
14
|
var ModalContent = function (_a) {
|
|
13
|
-
var onClose = _a.onClose, title = _a.title, children = _a.children, footer = _a.footer, disabledCloseIcon = _a.disabledCloseIcon, className = _a.className;
|
|
15
|
+
var onClose = _a.onClose, icon = _a.icon, title = _a.title, children = _a.children, footer = _a.footer, disabledCloseIcon = _a.disabledCloseIcon, className = _a.className;
|
|
14
16
|
var neutral = (0, ThemeContext_1.useTheme)().neutral;
|
|
15
17
|
return (react_1.default.createElement(ModalContentWrapper, { className: className },
|
|
16
|
-
(title || !disabledCloseIcon) && (react_1.default.createElement(ModalHeader,
|
|
17
|
-
react_1.default.createElement(
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
(icon || title || !disabledCloseIcon) && (react_1.default.createElement(ModalHeader, { hasIcon: Boolean(icon) },
|
|
19
|
+
react_1.default.createElement(TitleContainer, null,
|
|
20
|
+
react_1.default.createElement(Title, null,
|
|
21
|
+
icon,
|
|
22
|
+
react_1.default.createElement(Typography_1.H2, null, title || '')),
|
|
23
|
+
!disabledCloseIcon && (react_1.default.createElement(Close, { onClick: function () { return onClose(); } },
|
|
24
|
+
react_1.default.createElement(Cross_1.default, { color: neutral.text, width: 18 })))),
|
|
25
|
+
react_1.default.createElement(Divider_1.default, null))),
|
|
20
26
|
react_1.default.createElement(ModalBody, null, children),
|
|
21
27
|
footer && react_1.default.createElement(ModalFooter, null, footer)));
|
|
22
28
|
};
|
|
23
29
|
exports.default = ModalContent;
|
|
24
|
-
var ModalHeader = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var
|
|
30
|
+
var ModalHeader = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n ", "\n padding-left: ", ";\n padding-right: ", ";\n"])), function (props) {
|
|
31
|
+
return props.hasIcon
|
|
32
|
+
? "\n height: 86px;\n "
|
|
33
|
+
: "\n height: 73px;\n ";
|
|
34
|
+
}, spacing_1.EXTRA_LARGE_SPACING, spacing_1.EXTRA_LARGE_SPACING);
|
|
35
|
+
var ModalBody = (0, styled_1.default)(Typography_1.P1)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-bottom: 1px solid #e8e8e8;\n padding-top: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n"], ["\n border-bottom: 1px solid #e8e8e8;\n padding-top: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n"])), spacing_1.LARGE_SPACING, spacing_1.EXTRA_LARGE_SPACING, spacing_1.EXTRA_LARGE_SPACING, spacing_1.EXTRA_LARGE_SPACING);
|
|
36
|
+
var ModalFooter = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: #f6f7f9;\n display: flex;\n justify-content: flex-end;\n padding-right: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n"], ["\n background: #f6f7f9;\n display: flex;\n justify-content: flex-end;\n padding-right: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n"])), spacing_1.EXTRA_LARGE_SPACING, spacing_1.SMALL_SPACING, spacing_1.SMALL_SPACING);
|
|
37
|
+
var TitleContainer = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"], ["\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
38
|
+
var Title = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n user-select: none;\n & :not(:last-child) {\n margin-right: 10px;\n }\n"], ["\n display: flex;\n align-items: center;\n user-select: none;\n & :not(:last-child) {\n margin-right: 10px;\n }\n"])));
|
|
39
|
+
var Close = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n cursor: pointer;\n padding-left: 5px;\n padding-right: 5px;\n margin-right: -5px;\n"], ["\n cursor: pointer;\n padding-left: 5px;\n padding-right: 5px;\n margin-right: -5px;\n"])));
|
|
40
|
+
var ModalContentWrapper = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: calc(100vw - 32px);\n max-width: 400px;\n background: white;\n box-shadow: 0px 4px 10px rgba(170, 170, 170, 0.25);\n border-radius: 5px;\n overflow: hidden;\n -webkit-font-smoothing: antialiased;\n margin-bottom: 1.7vh;\n position: absolute;\n top: 6.8vh;\n left: 50%;\n transform: translateX(-50%);\n"], ["\n width: calc(100vw - 32px);\n max-width: 400px;\n background: white;\n box-shadow: 0px 4px 10px rgba(170, 170, 170, 0.25);\n border-radius: 5px;\n overflow: hidden;\n -webkit-font-smoothing: antialiased;\n margin-bottom: 1.7vh;\n position: absolute;\n top: 6.8vh;\n left: 50%;\n transform: translateX(-50%);\n"])));
|
|
41
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
30
42
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,wDAAkD;AAClD,yCAAuC;AACvC,uDAAiD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,wDAAkD;AAClD,kDAA4C;AAC5C,yCAAuC;AACvC,uDAAiD;AACjD,iDAI8B;AAY9B,IAAM,YAAY,GAAG,UAAC,EAQF;QAPlB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,iBAAiB,uBAAA,EACjB,SAAS,eAAA;IAED,IAAA,OAAO,GAAK,IAAA,uBAAQ,GAAE,QAAf,CAAe;IAE9B,OAAO,CACL,8BAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS;QACtC,CAAC,IAAI,IAAI,KAAK,IAAI,CAAC,iBAAiB,CAAC,IAAI,CACxC,8BAAC,WAAW,IAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC;YACjC,8BAAC,cAAc;gBACb,8BAAC,KAAK;oBACH,IAAI;oBACL,8BAAC,eAAE,QAAE,KAAK,IAAI,EAAE,CAAM,CAChB;gBACP,CAAC,iBAAiB,IAAI,CACrB,8BAAC,KAAK,IAAC,OAAO,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS;oBAC7B,8BAAC,eAAS,IAAC,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,GAAI,CACvC,CACT,CACc;YACjB,8BAAC,iBAAO,OAAG,CACC,CACf;QACD,8BAAC,SAAS,QAAE,QAAQ,CAAa;QAChC,MAAM,IAAI,8BAAC,WAAW,QAAE,MAAM,CAAe,CAC1B,CACvB,CAAA;AACH,CAAC,CAAA;AACD,kBAAe,YAAY,CAAA;AAE3B,IAAM,WAAW,GAAG,gBAAM,CAAC,GAAG,8HAAsB,MAChD,EAOC,oBACa,EAAmB,sBAClB,EAAmB,KACrC,KAVG,UAAA,KAAK;IACL,OAAA,KAAK,CAAC,OAAO;QACX,CAAC,CAAC,6BAEH;QACC,CAAC,CAAC,6BAEH;AAND,CAMC,EACa,6BAAmB,EAClB,6BAAmB,CACrC,CAAA;AAED,IAAM,SAAS,GAAG,IAAA,gBAAM,EAAC,eAAE,CAAC,0MAAA,wDAEX,EAAa,qBACZ,EAAmB,sBAClB,EAAmB,uBAClB,EAAmB,KACtC,KAJgB,uBAAa,EACZ,6BAAmB,EAClB,6BAAmB,EAClB,6BAAmB,CACtC,CAAA;AAED,IAAM,WAAW,GAAG,gBAAM,CAAC,GAAG,sNAAA,6FAIX,EAAmB,oBACrB,EAAa,uBACV,EAAa,KAChC,KAHkB,6BAAmB,EACrB,uBAAa,EACV,uBAAa,CAChC,CAAA;AAED,IAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,qKAAA,kGAKhC,IAAA,CAAA;AAED,IAAM,KAAK,GAAG,gBAAM,CAAC,GAAG,8LAAA,2HAOvB,IAAA,CAAA;AAED,IAAM,KAAK,GAAG,gBAAM,CAAC,GAAG,+JAAA,4FAKvB,IAAA,CAAA;AAED,IAAM,mBAAmB,GAAG,gBAAM,CAAC,GAAG,wYAAA,qUAarC,IAAA,CAAA"}
|
|
@@ -34,7 +34,7 @@ var Select = function (_a) {
|
|
|
34
34
|
var ref = selectRef || internalRef;
|
|
35
35
|
return (react_1.default.createElement(style_1.SelectContainer, null,
|
|
36
36
|
label && (0, helpers_1.renderLabel)(label, labelTooltip),
|
|
37
|
-
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 },
|
|
37
|
+
react_1.default.createElement(style_1.StyledAntSelect, __assign({ disabled: disabled, mode: mode, ref: ref, "$size": size, "$mode": mode, getPopupContainer: function () { return document.body; } }, rest, { error: error, dropdownRender: function (menu) { return (react_1.default.createElement(style_1.StyledDropdown, { "$size": size },
|
|
38
38
|
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),
|
|
39
39
|
(0, helpers_1.renderHelperText)(helperText)));
|
|
40
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgD;AAChD,yCAAuD;AAGvD,oCAAiC;AACjC,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,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgD;AAChD,yCAAuD;AAGvD,oCAAiC;AACjC,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,EACX,iBAAiB,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,EAAb,CAAa,IAClC,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,gBAAS,CAAC,MAAM,CAAA;AAChC,kBAAe,MAAM,CAAA"}
|
|
@@ -34,14 +34,18 @@ var selectHoverFocusStyles = function (props) { return "\n &:hover .ant-select-
|
|
|
34
34
|
: theme_1.straitsXTheme.color.base.primary2, " !important;\n "), "\n }\n"); };
|
|
35
35
|
var selectPlaceholderStyles = "\n .ant-select-selection-placeholder {\n display: flex;\n align-items: center;\n \n span {\n color: ".concat(theme_1.straitsXTheme.color.component.placeholderInput, " !important;\n }\n }\n");
|
|
36
36
|
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"); };
|
|
37
|
-
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");
|
|
37
|
+
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\n &.ant-select-open .ant-select-selection-item {\n color: ").concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n }\n");
|
|
38
38
|
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");
|
|
39
|
-
exports.StyledAntSelect = (0, styled_1.default)(select_1.default)(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);
|
|
40
|
-
var dropdownBaseItemStyles = "\n .rc-virtual-list-holder-inner {\n gap:
|
|
39
|
+
exports.StyledAntSelect = (0, styled_1.default)(select_1.default)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n .ant-form-item-has-error & {\n background-color: ", " !important;\n }\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n .ant-form-item-has-error & {\n background-color: ", " !important;\n }\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), theme_1.straitsXTheme.color.surface.neutral, function (props) { return selectSelectorStyles(props); }, function (props) { return selectHoverFocusStyles(props); }, selectPlaceholderStyles, function (props) { return selectOverflowStyles(props); }, selectSelectedItemStyles, selectArrowStyles);
|
|
40
|
+
var dropdownBaseItemStyles = "\n .rc-virtual-list-holder-inner {\n gap: 0;\n }\n .rc-virtual-list-holder {\n overflow-y: auto !important;\n }\n .ant-select-item {\n color: ".concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n padding: 12px !important;\n margin-bottom: 4px !important;\n }\n .ant-select-item:last-child {\n margin-bottom: 0 !important;\n }\n");
|
|
41
41
|
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");
|
|
42
42
|
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");
|
|
43
43
|
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");
|
|
44
|
-
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);
|
|
45
|
-
exports.dropdownStyle = {
|
|
44
|
+
exports.StyledDropdown = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n padding-bottom: 8px;\n"], ["\n ", "\n ", "\n ", "\n ", "\n padding-bottom: 8px;\n"])), dropdownBaseItemStyles, dropdownSelectedOptionStyles, dropdownInteractiveStyles, dropdownDisabledOptionStyles);
|
|
45
|
+
exports.dropdownStyle = {
|
|
46
|
+
padding: 0,
|
|
47
|
+
paddingBottom: '4px',
|
|
48
|
+
borderRadius: '12px',
|
|
49
|
+
};
|
|
46
50
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
47
51
|
//# sourceMappingURL=style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Select/style.ts"],"names":[],"mappings":";;;;;;;AAAA,0CAAoC;AACpC,yCAAsC;AACtC,yCAA+C;AAElC,QAAA,cAAc,GAAG,gBAAM,CAAC,GAAG,8LAAA,2HAQvC,KAAA;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,GAAG,8HAAA,2DAIxC,KAAA;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,GAAG,sKAAA,mGAMxC,KAAA;AAED,IAAM,oBAAoB,GAAG,UAAC,KAK7B;IACC,uEAAuE;IACvE,gFAAgF;IAChF,gFAAgF;IAChF,IAAM,kBAAkB,GAAG;QACzB,IAAI,KAAK,CAAC,KAAK,KAAK,UAAU,EAAE,CAAC;YAC/B,OAAO,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAA;QAC7C,CAAC;QACD,OAAO,MAAM,CAAA;IACf,CAAC,CAAA;IACD,IAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAE5C,OAAO,0DAEa,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,qGAGxC,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,wCACxD,eAAe,kDAEZ,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,+BAClD,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,kBAAW,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,iBAAc,CAAC,CAAC,CAAC,0BAA0B,iCAGzH,KAAK,CAAC,QAAQ;QACZ,CAAC,CAAC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;QAC7C,CAAC,CAAC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,mDAIvC,KAAK,CAAC,KAAK;QACT,CAAC,CAAC,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QACrC,CAAC,CAAC,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,wBAGtC,CAAA;AACD,CAAC,CAAA;AAED,IAAM,sBAAsB,GAAG,UAAC,KAG/B,IAAK,OAAA,gGAIA,CAAC,KAAK,CAAC,QAAQ;IACf,wCACwB,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,qDAExD,KAAK,CAAC,KAAK;QACT,CAAC,CAAC,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QACrC,CAAC,CAAC,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,uBAExC,YAGJ,EAfK,CAeL,CAAA;AAED,IAAM,uBAAuB,GAAG,gIAMjB,qBAAa,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,+BAG5D,CAAA;AAED,IAAM,oBAAoB,GAAG,UAAC,KAA6B,IAAK,OAAA,mEAG1D,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,mBAC/D,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE,YAE1E,EAN+D,CAM/D,CAAA;AAED,IAAM,wBAAwB,GAAG,2HAIpB,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,wBAE9C,CAAA;AAED,IAAM,iBAAiB,GAAG,iOASX,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,+BAGhD,CAAA;AAEY,QAAA,eAAe,GAAG,IAAA,gBAAM,EAAC,gBAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Select/style.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
type ModalContentProps = {
|
|
3
3
|
onClose: () => void;
|
|
4
|
-
icon
|
|
4
|
+
icon: React.ReactNode | false;
|
|
5
5
|
title?: React.ReactNode;
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
footer: React.ReactNode;
|
|
8
8
|
disabledCloseIcon?: boolean;
|
|
9
9
|
className?: string;
|
|
10
10
|
};
|
|
11
|
-
declare const ModalContent: ({ onClose, title, children, footer, disabledCloseIcon, className
|
|
11
|
+
declare const ModalContent: ({ onClose, icon, title, children, footer, disabledCloseIcon, className }: ModalContentProps) => React.JSX.Element;
|
|
12
12
|
export default ModalContent;
|