@xfers/design-system 8.1.0 → 8.1.1-dev.53ff84bcd1
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 +5 -5
- package/cjs/index.js.map +1 -1
- package/dist/components/Select/style.js +29 -21
- package/dist/components/Select/style.js.map +1 -1
- package/es/index.js +5 -5
- package/es/index.js.map +1 -1
- package/package.json +3 -3
package/cjs/index.js
CHANGED
|
@@ -387,17 +387,17 @@
|
|
|
387
387
|
gap: 4px;
|
|
388
388
|
min-width: 100px;
|
|
389
389
|
width: 100%;
|
|
390
|
-
`,Wc=`\n .ant-select-
|
|
390
|
+
`,Wc=`\n .ant-select-placeholder {\n display: flex;\n align-items: center;\n\n span {\n color: ${Pe.color.component.placeholderInput} !important;\n }\n }\n`,Uc=`\n .ant-select-selection-item {\n display: flex !important;\n align-items: center !important;\n color: ${Pe.color.base.onNeutral} !important;\n }\n\n &.ant-select-open .ant-select-content {\n color: ${Pe.color.base.onNeutral} !important;\n }\n`,jc=`\n .ant-select-suffix {\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: ${Pe.color.base.onNeutral} !important;\n }\n }\n`,Gc=ie(e.Select)`
|
|
391
391
|
.ant-form-item-has-error & {
|
|
392
392
|
background-color: ${Pe.color.surface.neutral} !important;
|
|
393
393
|
}
|
|
394
|
-
${t=>(t=>{const e="multiple"===t.$mode?"sm"===t.$size?"6px":"8px":"12px";return`\n
|
|
395
|
-
${t=>(t=>`\n &:
|
|
394
|
+
${t=>(t=>{const e="multiple"===t.$mode?"sm"===t.$size?"6px":"8px":"12px";return`\n &.ant-select {\n outline: none !important;\n border-radius: ${"sm"===t.$size?"8px":"12px"} !important;\n position: relative !important;\n display: flex;\n align-items: ${"multiple"===t.$mode?"flex-start":"center"} !important;\n padding-inline: 16px !important;\n padding-block: ${e} !important;\n\n min-height: ${"sm"===t.$size?"36px":"48px"} !important;\n ${"multiple"!==t.$mode?`height: ${"sm"===t.$size?"36px":"48px"} !important;`:"height: auto !important;"}\n\n &:not(.ant-select-borderless) {\n background: ${t.disabled?Pe.color.surface.disabledSurface:Pe.color.surface.neutral} !important;\n\n border: 1px solid ${t.error?Pe.color.status.critical:Pe.color.base.line} !important;\n }\n }\n\n &.ant-select-multiple:not(.ant-select-borderless) .ant-select-content {\n &:before {\n display: none !important;\n }\n gap: 8px !important;\n }\n`})(t)}
|
|
395
|
+
${t=>(t=>`\n &:not(.ant-select-borderless):hover,\n &.ant-select-focused:not(.ant-select-borderless) {\n ${!t.disabled&&`\n box-shadow: 0 0 0 1px ${Pe.color.base.onNeutral}20 !important;\n border: 1px solid ${t.error?Pe.color.status.critical:Pe.color.base.primary2} !important;\n `}\n }\n`)(t)}
|
|
396
396
|
${Wc}
|
|
397
|
-
${t=>(t=>`\n .ant-select-
|
|
397
|
+
${t=>(t=>`\n .ant-select-content {\n gap: 8px !important;\n ${"multiple"===t.$mode?"flex-wrap: wrap !important;":""}\n ${"multiple"===t.$mode?"align-content: center !important;":""}\n }\n`)(t)}
|
|
398
398
|
${Uc}
|
|
399
399
|
${jc}
|
|
400
|
-
`,Xc=`\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: ${Pe.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`,qc=`\n .ant-select-item-option-selected {\n background: #d7efe2 !important;\n position: relative !important;\n
|
|
400
|
+
`,Xc=`\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: ${Pe.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`,qc=`\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: ${Pe.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`,Zc=`\n .ant-select-item:hover {\n background: ${Pe.color.interactive.hoverSurface} !important;\n }\n\n .ant-select-item:active {\n background: ${Pe.color.interactive.pressedSurface} !important;\n }\n`,Kc=`\n .ant-select-item-option-disabled,\n .ant-select-item-option-disabled:hover {\n background: ${Pe.color.surface.disabledSurface} !important;\n span {\n color: ${Pe.color.surface.disabledOnSurface} !important;\n }\n }\n`,Jc=ie.div`
|
|
401
401
|
${Xc}
|
|
402
402
|
${qc}
|
|
403
403
|
${Zc}
|