ods-ant 0.4.1 → 0.5.0

package/dist-lib/{selectStyles-C8j5Vvgp.js → selectStyles-7f37TvzD.js}

@@ -1,16 +1,16 @@
 import { t as e } from "./core-C-tv3mqr.js";
 import { dsSemanticTokens as t } from "./theme.js";
 //#region src/ds/forms/selectStyles.ts
-var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-select-force-hover", o = "ds-select-force-focus", s = "ds-select-dropdown", c = "ds-select-dropdown-checkboxes", l = "ds-select-dropdown-multi", u = (...e) => e.filter(Boolean).join(" ").trim(), d = () => {
+var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-select-force-hover", o = "ds-select-force-focus", s = "ds-select-count-display", c = "ds-select-dropdown", l = "ds-select-dropdown-checkboxes", u = "ds-select-dropdown-multi", d = (...e) => e.filter(Boolean).join(" ").trim(), f = () => {
 	if (typeof document > "u") return;
-	let { input: u } = t, d = document.getElementById(n);
-	d || (d = document.createElement("style"), d.id = n, document.head.appendChild(d)), d.textContent = `
+	let { input: d } = t, f = document.getElementById(n);
+	f || (f = document.createElement("style"), f.id = n, document.head.appendChild(f)), f.textContent = `
     .${r}.ant-select {
-      border-color: ${u.border.default} !important;
-      border-width: ${u.border.widthDefault} !important;
+      border-color: ${d.border.default} !important;
+      border-width: ${d.border.widthDefault} !important;
       border-style: solid !important;
-      border-radius: ${u.border.radius} !important;
-      background-color: ${u.background.default} !important;
+      border-radius: ${d.border.radius} !important;
+      background-color: ${d.background.default} !important;
       font-family: var(--ant-font-family, 'Nunito', sans-serif) !important;
       box-shadow: none !important;
       transition: none !important;
@@ -26,7 +26,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       min-height: 100% !important;
       padding: 0 !important;
       border: 0 !important;
-      border-radius: ${u.border.radius} !important;
+      border-radius: ${d.border.radius} !important;
       background: transparent !important;
       box-shadow: none !important;
       display: flex !important;
@@ -35,7 +35,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
     }
 
     .${r}.ant-select.ant-select-outlined {
-      border: ${u.border.widthDefault} solid ${u.border.default} !important;
+      border: ${d.border.widthDefault} solid ${d.border.default} !important;
       box-shadow: none !important;
     }
 
@@ -93,10 +93,33 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       margin: 0 !important;
     }
 
+    .${r}.${s}.ant-select.ant-select-multiple .ant-select-selection-item {
+      background: transparent !important;
+      border: none !important;
+      box-shadow: none !important;
+      padding: 0 !important;
+      margin: 0 !important;
+      min-height: 0 !important;
+      height: auto !important;
+      line-height: 18px !important;
+      color: ${d.text.focus} !important;
+      font-weight: 400 !important;
+    }
+
+    .${r}.${s}.ant-select.ant-select-multiple .ant-select-selection-item-content {
+      padding: 0 !important;
+      margin: 0 !important;
+      line-height: 18px !important;
+    }
+
+    .${r}.${s}.ant-select.ant-select-multiple .ant-select-selection-item-remove {
+      display: none !important;
+    }
+
     .${r}.ant-select .ant-select-content .ant-select-placeholder,
     .${r}.ant-select .ant-select-placeholder {
       font-family: var(--ant-font-family, 'Nunito', sans-serif) !important;
-      color: ${u.text.placeholder} !important;
+      color: ${d.text.placeholder} !important;
       opacity: 1 !important;
       font-size: 14px !important;
       line-height: 18px !important;
@@ -106,7 +129,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
     .${r}.ant-select .ant-select-content .ant-select-selection-item,
     .${r}.ant-select .ant-select-selection-item {
       font-family: var(--ant-font-family, 'Nunito', sans-serif) !important;
-      color: ${u.text.focus} !important;
+      color: ${d.text.focus} !important;
       font-size: 14px !important;
       line-height: 18px !important;
       font-weight: 400 !important;
@@ -123,7 +146,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
 
     .${r}.ant-select .ant-select-suffix,
     .${r}.ant-select .ant-select-suffix .anticon {
-      color: ${u.text.focus} !important;
+      color: ${d.text.focus} !important;
       font-size: 10px !important;
     }
 
@@ -135,19 +158,19 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
 
     .${r}.ant-select:not(.ant-select-disabled):hover,
     .${r}.ant-select.ant-select-outlined:not(.ant-select-disabled):hover {
-      border: ${u.border.widthDefault} solid ${u.border.hover} !important;
+      border: ${d.border.widthDefault} solid ${d.border.hover} !important;
       box-shadow: none !important;
     }
 
     .${r}.ant-select.${a}:not(.ant-select-disabled):not(.${i}) {
-      border: ${u.border.widthDefault} solid ${u.border.hover} !important;
+      border: ${d.border.widthDefault} solid ${d.border.hover} !important;
       box-shadow: none !important;
     }
 
     .${r}.ant-select.ant-select-focused,
     .${r}.ant-select.ant-select-open {
-      border-color: ${u.border.focus} !important;
-      border-width: ${u.border.widthFocus} !important;
+      border-color: ${d.border.focus} !important;
+      border-width: ${d.border.widthFocus} !important;
       border-style: solid !important;
       box-shadow: none !important;
       outline: none !important;
@@ -155,8 +178,8 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
 
     .${r}.ant-select.ant-select-outlined.ant-select-focused,
     .${r}.ant-select.ant-select-outlined.ant-select-open {
-      border-color: ${u.border.focus} !important;
-      border-width: ${u.border.widthFocus} !important;
+      border-color: ${d.border.focus} !important;
+      border-width: ${d.border.widthFocus} !important;
       border-style: solid !important;
       box-shadow: none !important;
       outline: none !important;
@@ -166,15 +189,15 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
     .${r}.ant-select.ant-select-outlined.ant-select-open:hover,
     .${r}.ant-select.ant-select-outlined.ant-select-focused:focus-within,
     .${r}.ant-select.ant-select-outlined.ant-select-open:focus-within {
-      border-color: ${u.border.focus} !important;
-      border-width: ${u.border.widthFocus} !important;
+      border-color: ${d.border.focus} !important;
+      border-width: ${d.border.widthFocus} !important;
       border-style: solid !important;
       box-shadow: none !important;
     }
 
     .${r}.ant-select.${o}:not(.ant-select-disabled):not(.${i}) {
-      border-color: ${u.border.focus} !important;
-      border-width: ${u.border.widthFocus} !important;
+      border-color: ${d.border.focus} !important;
+      border-width: ${d.border.widthFocus} !important;
       border-style: solid !important;
       box-shadow: none !important;
       outline: none !important;
@@ -195,25 +218,33 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
     .${r}.ant-select.ant-select-open .ant-select-suffix .anticon,
     .${r}.ant-select.ant-select-focused .ant-select-suffix .anticon {
       transform: none !important;
-      color: ${u.text.focus} !important;
+      color: ${d.text.focus} !important;
     }
 
     .${r}.ant-select.ant-select-focused .ant-select-content .ant-select-placeholder,
-    .${r}.ant-select.ant-select-open .ant-select-content .ant-select-placeholder,
+    .${r}.ant-select.ant-select-open .ant-select-content .ant-select-placeholder {
+      color: ${e.text.strong} !important;
+      font-weight: 400 !important;
+    }
+
     .${r}.ant-select.ant-select-focused .ant-select-content .ant-select-selection-item,
     .${r}.ant-select.ant-select-open .ant-select-content .ant-select-selection-item {
       color: ${e.text.strong} !important;
       font-weight: 600 !important;
     }
 
-    .${r}.ant-select.${o}:not(.ant-select-disabled):not(.${i}) .ant-select-content .ant-select-placeholder,
+    .${r}.ant-select.${o}:not(.ant-select-disabled):not(.${i}) .ant-select-content .ant-select-placeholder {
+      color: ${e.text.strong} !important;
+      font-weight: 400 !important;
+    }
+
     .${r}.ant-select.${o}:not(.ant-select-disabled):not(.${i}) .ant-select-content .ant-select-selection-item {
       color: ${e.text.strong} !important;
       font-weight: 600 !important;
     }
 
     .${r}.ant-select.ant-select-status-error {
-      border-color: ${u.border.error} !important;
+      border-color: ${d.border.error} !important;
       box-shadow: none !important;
     }
 
@@ -223,12 +254,12 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
     }
 
     .${r}.ant-select.ant-select-status-success {
-      border-color: ${u.border.success} !important;
+      border-color: ${d.border.success} !important;
       box-shadow: none !important;
     }
 
     .${r}.ant-select.ant-select-disabled {
-      background-color: ${u.background.disabled} !important;
+      background-color: ${d.background.disabled} !important;
       border-color: transparent !important;
       box-shadow: none !important;
     }
@@ -236,40 +267,40 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
     .${r}.ant-select.ant-select-disabled .ant-select-selection-item,
     .${r}.ant-select.ant-select-disabled .ant-select-selection-placeholder,
     .${r}.ant-select.ant-select-disabled .ant-select-arrow {
-      color: ${u.text.disabled} !important;
+      color: ${d.text.disabled} !important;
     }
 
     .${r}.ant-select.${i}:not(.ant-select-disabled) {
-      background-color: ${u.background.readOnly} !important;
-      border-color: ${u.border.default} !important;
+      background-color: ${d.background.readOnly} !important;
+      border-color: ${d.border.default} !important;
       box-shadow: none !important;
       cursor: default !important;
     }
 
     .${r}.ant-select.${i}:not(.ant-select-disabled) .ant-select-selector {
-      background-color: ${u.background.readOnly} !important;
-      background: ${u.background.readOnly} !important;
+      background-color: ${d.background.readOnly} !important;
+      background: ${d.background.readOnly} !important;
       box-shadow: none !important;
     }
 
     .${r}.ant-select.${i}:not(.ant-select-disabled) .ant-select-selection-item,
     .${r}.ant-select.${i}:not(.ant-select-disabled) .ant-select-selection-placeholder,
     .${r}.ant-select.${i}:not(.ant-select-disabled) .ant-select-arrow {
-      color: ${u.text.readOnly} !important;
+      color: ${d.text.readOnly} !important;
     }
 
     .${r}.ant-select.${i}:not(.ant-select-disabled):hover,
     .${r}.ant-select.${i}:not(.ant-select-disabled).ant-select-focused,
     .${r}.ant-select.${i}:not(.ant-select-disabled).ant-select-open {
-      border-color: ${u.border.default} !important;
+      border-color: ${d.border.default} !important;
       box-shadow: none !important;
     }
 
     .${r}.ant-select.ant-select-sm {
-      min-height: ${u.height.small} !important;
-      height: ${u.height.small} !important;
-      padding: 0 ${u.padding.small.x} !important;
-      border-radius: ${u.border.radius} !important;
+      min-height: ${d.height.small} !important;
+      height: ${d.height.small} !important;
+      padding: 0 ${d.padding.small.x} !important;
+      border-radius: ${d.border.radius} !important;
     }
 
     .${r}.ant-select.ant-select-sm .ant-select-content,
@@ -281,10 +312,10 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
     }
 
     .${r}.ant-select {
-      min-height: ${u.height.middle} !important;
-      height: ${u.height.middle} !important;
-      padding: 0 ${u.padding.middle.x} !important;
-      border-radius: ${u.border.radius} !important;
+      min-height: ${d.height.middle} !important;
+      height: ${d.height.middle} !important;
+      padding: 0 ${d.padding.middle.x} !important;
+      border-radius: ${d.border.radius} !important;
     }
 
     .${r}.ant-select .ant-select-content,
@@ -296,10 +327,10 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
     }
 
     .${r}.ant-select.ant-select-lg {
-      min-height: ${u.height.large} !important;
-      height: ${u.height.large} !important;
-      padding: 0 ${u.padding.large.x} !important;
-      border-radius: ${u.border.radius} !important;
+      min-height: ${d.height.large} !important;
+      height: ${d.height.large} !important;
+      padding: 0 ${d.padding.large.x} !important;
+      border-radius: ${d.border.radius} !important;
     }
 
     .${r}.ant-select.ant-select-lg .ant-select-content,
@@ -310,7 +341,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       line-height: 18px !important;
     }
 
-    .${s}.ant-select-dropdown {
+    .${c}.ant-select-dropdown {
       border: 1px solid ${e.text.primary} !important;
       border-radius: 4px !important;
       background: ${e.text.inverse} !important;
@@ -321,7 +352,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       padding: 0 !important;
     }
 
-    .${s}.ant-select-dropdown .ant-select-item {
+    .${c}.ant-select-dropdown .ant-select-item {
       border-bottom: 1px solid ${e.text.disabled} !important;
       min-height: 34px !important;
       padding: 8px 16px !important;
@@ -334,14 +365,14 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       transition: none !important;
     }
 
-    .${s}.ant-select-dropdown .ant-select-item-option-content {
+    .${c}.ant-select-dropdown .ant-select-item-option-content {
       color: inherit !important;
       font-size: inherit !important;
       line-height: inherit !important;
     }
 
-    .${s}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected),
-    .${s}.ant-select-dropdown .ant-select-item-option:not(.ant-select-item-option-selected):hover {
+    .${c}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected),
+    .${c}.ant-select-dropdown .ant-select-item-option:not(.ant-select-item-option-selected):hover {
       background: ${e.surface.canvas} !important;
       background-color: ${e.surface.canvas} !important;
       background-image: none !important;
@@ -349,8 +380,8 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       font-weight: 600 !important;
     }
 
-    .${s}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) .ant-select-item-option-content,
-    .${s}.ant-select-dropdown .ant-select-item-option:not(.ant-select-item-option-selected):hover .ant-select-item-option-content {
+    .${c}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) .ant-select-item-option-content,
+    .${c}.ant-select-dropdown .ant-select-item-option:not(.ant-select-item-option-selected):hover .ant-select-item-option-content {
       background: transparent !important;
       background-color: transparent !important;
       background-image: none !important;
@@ -358,7 +389,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       font-weight: 600 !important;
     }
 
-    .${s}.ant-select-dropdown .ant-select-item-option-selected {
+    .${c}.ant-select-dropdown .ant-select-item-option-selected {
       background: ${e.accent.highlightSoft} !important;
       background-color: ${e.accent.highlightSoft} !important;
       background-image: none !important;
@@ -367,7 +398,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       position: relative;
     }
 
-    .${s}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active {
+    .${c}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active {
       background: ${e.accent.highlightSoft} !important;
       background-color: ${e.accent.highlightSoft} !important;
       background-image: none !important;
@@ -375,16 +406,16 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       font-weight: 600 !important;
     }
 
-    .${s}.${l}.ant-select-dropdown:not(.${c}) .ant-select-item-option-selected,
-    .${s}.${l}.ant-select-dropdown:not(.${c}) .ant-select-item-option-selected.ant-select-item-option-active,
-    .${s}.${l}.ant-select-dropdown:not(.${c}) .ant-select-item-option-selected:not(.ant-select-item-option-disabled),
-    .${s}.${l}.ant-select-dropdown:not(.${c}) .ant-select-item-option-selected.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+    .${c}.${u}.ant-select-dropdown:not(.${l}) .ant-select-item-option-selected,
+    .${c}.${u}.ant-select-dropdown:not(.${l}) .ant-select-item-option-selected.ant-select-item-option-active,
+    .${c}.${u}.ant-select-dropdown:not(.${l}) .ant-select-item-option-selected:not(.ant-select-item-option-disabled),
+    .${c}.${u}.ant-select-dropdown:not(.${l}) .ant-select-item-option-selected.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
       background: ${e.accent.highlightSoft} !important;
       background-color: ${e.accent.highlightSoft} !important;
       background-image: none !important;
     }
 
-    .${s}.ant-select-dropdown:not(.${c}) .ant-select-item-option-selected::before {
+    .${c}.ant-select-dropdown:not(.${l}) .ant-select-item-option-selected::before {
       content: '';
       position: absolute;
       left: 0;
@@ -394,16 +425,16 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       background: ${e.accent.highlight};
     }
 
-    .${s}.${l}.ant-select-dropdown .ant-select-item-option-state {
+    .${c}.${u}.ant-select-dropdown .ant-select-item-option-state {
       display: none !important;
     }
 
-    .${s}.ant-select-dropdown .ant-empty {
+    .${c}.ant-select-dropdown .ant-empty {
       margin: 0 !important;
       padding: 12px 16px !important;
     }
 
-    .${s}.ant-select-dropdown .ds-select-all-row {
+    .${c}.ant-select-dropdown .ds-select-all-row {
       display: flex !important;
       align-items: center !important;
       padding: 8px 16px !important;
@@ -413,7 +444,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       box-sizing: border-box !important;
     }
 
-    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-wrapper {
+    .${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox-wrapper {
       margin: 0 !important;
       display: inline-flex !important;
       align-items: center !important;
@@ -421,7 +452,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       line-height: 18px !important;
     }
 
-    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox {
+    .${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox {
       width: 18px !important;
       height: 18px !important;
       min-width: 18px !important;
@@ -438,13 +469,13 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       position: relative !important;
     }
 
-    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox::before,
-    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox::after {
+    .${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox::before,
+    .${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox::after {
       content: none !important;
       display: none !important;
     }
 
-    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input {
+    .${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input {
       appearance: none !important;
       -webkit-appearance: none !important;
       width: 18px !important;
@@ -464,14 +495,14 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       opacity: 1 !important;
     }
 
-    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input:checked,
-    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input:indeterminate,
-    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-indeterminate .ant-checkbox-input {
+    .${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input:checked,
+    .${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input:indeterminate,
+    .${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox-indeterminate .ant-checkbox-input {
       border-color: ${e.brand.primary} !important;
       background: ${e.brand.primary} !important;
     }
 
-    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input:checked::after {
+    .${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input:checked::after {
       content: '';
       position: absolute;
       width: 9px;
@@ -484,8 +515,8 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       box-sizing: border-box;
     }
 
-    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input:indeterminate::after,
-    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-indeterminate .ant-checkbox-input::after {
+    .${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input:indeterminate::after,
+    .${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox-indeterminate .ant-checkbox-input::after {
       content: '';
       position: absolute;
       width: 8px;
@@ -497,7 +528,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       box-sizing: border-box;
     }
 
-    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox.ant-checkbox-indeterminate {
+    .${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox.ant-checkbox-indeterminate {
       width: 18px !important;
       height: 18px !important;
       min-width: 18px !important;
@@ -514,7 +545,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       position: relative !important;
     }
 
-    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox.ant-checkbox-indeterminate::after {
+    .${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox.ant-checkbox-indeterminate::after {
       content: none !important;
       display: none !important;
       position: absolute !important;
@@ -529,11 +560,11 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       box-sizing: border-box !important;
     }
 
-    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-input {
+    .${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-input {
       opacity: 1 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown {
+    .${c}.${l}.ant-select-dropdown {
       background: ${e.text.inverse} !important;
       --ant-select-option-active-bg: ${e.surface.canvas};
       --ant-select-option-selected-bg: ${e.accent.highlightSoft};
@@ -543,7 +574,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       padding: 0 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ds-select-all-row {
+    .${c}.${l}.ant-select-dropdown .ds-select-all-row {
       padding: 16px 16px 7px !important;
       background: ${e.text.inverse} !important;
       display: flex !important;
@@ -555,7 +586,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       border-bottom: 0 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox-wrapper {
+    .${c}.${l}.ant-select-dropdown .ds-select-all-row .ant-checkbox-wrapper {
       margin: 0 !important;
       color: ${e.text.primary} !important;
       font-size: 14px !important;
@@ -565,14 +596,14 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       gap: 8px !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ds-select-all-divider {
+    .${c}.${l}.ant-select-dropdown .ds-select-all-divider {
       height: 1px !important;
       margin: 16px 0 0 !important;
       background: ${e.text.disabled} !important;
       width: 100% !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-select-item {
+    .${c}.${l}.ant-select-dropdown .ant-select-item {
       min-height: 34px !important;
       padding: 8px 16px !important;
       border-bottom: 1px solid ${e.text.disabled} !important;
@@ -582,11 +613,11 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       line-height: 18px !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-select-item:last-child {
+    .${c}.${l}.ant-select-dropdown .ant-select-item:last-child {
       border-bottom: 0 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) {
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) {
       background: ${e.surface.canvas} !important;
       background-color: ${e.surface.canvas} !important;
       background-image: none !important;
@@ -594,7 +625,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       font-weight: 600 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) .ant-select-item-option-content {
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) .ant-select-item-option-content {
       background: ${e.surface.canvas} !important;
       background-color: ${e.surface.canvas} !important;
       background-image: none !important;
@@ -602,13 +633,13 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       font-weight: 600 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) .ds-checkbox-option-content,
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) .ant-checkbox-wrapper {
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) .ds-checkbox-option-content,
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) .ant-checkbox-wrapper {
       color: ${e.text.strong} !important;
       font-weight: 600 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected {
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-selected {
       background: ${e.accent.highlightSoft} !important;
       background-color: ${e.accent.highlightSoft} !important;
       background-image: none !important;
@@ -617,7 +648,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       position: relative;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active {
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active {
       --ant-select-option-active-bg: transparent;
       background: ${e.accent.highlightSoft} !important;
       background-color: ${e.accent.highlightSoft} !important;
@@ -626,10 +657,10 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       font-weight: 400 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content,
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active .ant-select-item-option-content,
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active .ds-checkbox-option-content,
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active .ant-checkbox-wrapper {
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content,
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active .ant-select-item-option-content,
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active .ds-checkbox-option-content,
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active .ant-checkbox-wrapper {
       background: transparent !important;
       background-color: transparent !important;
       background-image: none !important;
@@ -637,16 +668,16 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       font-weight: 400 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected::before,
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected::after,
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active::before,
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active::after {
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-selected::before,
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-selected::after,
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active::before,
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active::after {
       content: none !important;
       display: none !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ds-checkbox-option-content,
-    .${s}.${c}.ant-select-dropdown .ds-checkbox-option-content {
+    .${c}.${l}.ant-select-dropdown .ds-checkbox-option-content,
+    .${c}.${l}.ant-select-dropdown .ds-checkbox-option-content {
       display: inline-flex !important;
       align-items: center !important;
       gap: 8px !important;
@@ -656,11 +687,11 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       width: 100% !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-inner {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox .ant-checkbox-inner {
       display: none !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox {
       width: 18px !important;
       height: 18px !important;
       min-width: 18px !important;
@@ -677,13 +708,13 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       position: relative !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox::before,
-    .${s}.${c}.ant-select-dropdown .ant-checkbox::after {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox::before,
+    .${c}.${l}.ant-select-dropdown .ant-checkbox::after {
       content: none !important;
       display: none !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox-input {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox-input {
       appearance: none !important;
       -webkit-appearance: none !important;
       width: 18px !important;
@@ -703,12 +734,12 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       opacity: 1 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox-input:checked {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox-input:checked {
       border: none !important;
       background: ${e.brand.primary} !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox-input:checked::after {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox-input:checked::after {
       content: '';
       position: absolute;
       width: 9px;
@@ -721,20 +752,20 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       box-sizing: border-box;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox-wrapper:hover .ant-checkbox-input,
-    .${s}.${c}.ant-select-dropdown .ant-checkbox:hover .ant-checkbox-input {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox-wrapper:hover .ant-checkbox-input,
+    .${c}.${l}.ant-select-dropdown .ant-checkbox:hover .ant-checkbox-input {
       border-color: ${e.text.primary} !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected .ant-checkbox-wrapper:hover .ant-checkbox-input,
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected .ant-checkbox:hover .ant-checkbox-input,
-    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected .ant-checkbox-input:checked {
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-selected .ant-checkbox-wrapper:hover .ant-checkbox-input,
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-selected .ant-checkbox:hover .ant-checkbox-input,
+    .${c}.${l}.ant-select-dropdown .ant-select-item-option-selected .ant-checkbox-input:checked {
       border-color: ${e.brand.primary} !important;
     }
 
     /* Canonical checkbox visuals for checkbox-options dropdown:
        keep Ant inner box visible (unchecked), and align check/indeterminate glyphs. */
-    .${s}.${c}.ant-select-dropdown .ant-checkbox {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox {
       position: relative !important;
       width: 18px !important;
       height: 18px !important;
@@ -748,7 +779,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       box-shadow: none !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-inner {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox .ant-checkbox-inner {
       display: block !important;
       width: 18px !important;
       height: 18px !important;
@@ -761,7 +792,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       left: 0 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox-input {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox-input {
       position: absolute !important;
       inset: 0 !important;
       width: 18px !important;
@@ -772,12 +803,12 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       z-index: 2 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox-checked .ant-checkbox-inner {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox-checked .ant-checkbox-inner {
       border-color: ${e.brand.primary} !important;
       background: ${e.brand.primary} !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox-checked .ant-checkbox-inner::after {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox-checked .ant-checkbox-inner::after {
       width: 5px !important;
       height: 9px !important;
       border: 0 solid ${e.text.inverse} !important;
@@ -792,12 +823,12 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       margin: 0 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox-indeterminate .ant-checkbox-inner {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox-indeterminate .ant-checkbox-inner {
       border-color: ${e.brand.primary} !important;
       background: ${e.brand.primary} !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox-indeterminate .ant-checkbox-inner::after {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox-indeterminate .ant-checkbox-inner::after {
       content: '' !important;
       width: 8px !important;
       height: 2px !important;
@@ -811,19 +842,19 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       margin: 0 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox-wrapper:hover .ant-checkbox-inner,
-    .${s}.${c}.ant-select-dropdown .ant-checkbox:hover .ant-checkbox-inner {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox-wrapper:hover .ant-checkbox-inner,
+    .${c}.${l}.ant-select-dropdown .ant-checkbox:hover .ant-checkbox-inner {
       border-color: ${e.text.primary} !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox-checked:hover .ant-checkbox-inner,
-    .${s}.${c}.ant-select-dropdown .ant-checkbox-indeterminate:hover .ant-checkbox-inner {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox-checked:hover .ant-checkbox-inner,
+    .${c}.${l}.ant-select-dropdown .ant-checkbox-indeterminate:hover .ant-checkbox-inner {
       border-color: ${e.brand.primary} !important;
     }
 
     /* Ant v5 checkbox markup in this project does not include .ant-checkbox-inner.
        Render the checkbox box and glyph directly on .ant-checkbox for reliable parity. */
-    .${s}.${c}.ant-select-dropdown .ant-checkbox {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox {
       width: 18px !important;
       height: 18px !important;
       min-width: 18px !important;
@@ -839,17 +870,17 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       overflow: hidden !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox::after {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox::after {
       content: none !important;
       display: none !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked {
       border-color: ${e.brand.primary} !important;
       background: ${e.brand.primary} !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked::before {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked::before {
       content: '' !important;
       position: absolute !important;
       width: 5px !important;
@@ -863,12 +894,12 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       display: block !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate {
       border-color: ${e.brand.primary} !important;
       background: ${e.brand.primary} !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate::before {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate::before {
       content: '' !important;
       position: absolute !important;
       width: 8px !important;
@@ -881,7 +912,7 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       display: block !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox-input {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox-input {
       width: 18px !important;
       height: 18px !important;
       min-width: 18px !important;
@@ -896,18 +927,18 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       background: transparent !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox-wrapper:hover .ant-checkbox,
-    .${s}.${c}.ant-select-dropdown .ant-checkbox:hover {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox-wrapper:hover .ant-checkbox,
+    .${c}.${l}.ant-select-dropdown .ant-checkbox:hover {
       border-color: ${e.text.primary} !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked:hover,
-    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate:hover {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked:hover,
+    .${c}.${l}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate:hover {
       border-color: ${e.brand.primary} !important;
     }
 
     /* Final state override: paint visual states on the native checkbox input itself. */
-    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox .ant-checkbox-input {
       appearance: none !important;
       -webkit-appearance: none !important;
       width: 18px !important;
@@ -925,12 +956,12 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       cursor: pointer !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:checked {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:checked {
       border-color: ${e.brand.primary} !important;
       background: ${e.brand.primary} !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:checked::after {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:checked::after {
       content: '' !important;
       position: absolute !important;
       width: 5px !important;
@@ -944,12 +975,12 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       display: block !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:indeterminate {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:indeterminate {
       border-color: ${e.brand.primary} !important;
       background: ${e.brand.primary} !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:indeterminate::after {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:indeterminate::after {
       content: '' !important;
       position: absolute !important;
       width: 8px !important;
@@ -963,14 +994,14 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
     }
 
     /* Prevent duplicate glyphs: selected states should render a single check/dash. */
-    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked::before,
-    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate::before {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked::before,
+    .${c}.${l}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate::before {
       content: none !important;
       display: none !important;
     }
 
     /* Single glyph source: hide native/input marks and draw one mark on wrapper ::after. */
-    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox .ant-checkbox-input {
       appearance: none !important;
       -webkit-appearance: none !important;
       opacity: 0 !important;
@@ -978,13 +1009,13 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       border: 0 !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input::after {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox .ant-checkbox-input::after {
       content: none !important;
       display: none !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:checked::after,
-    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:indeterminate::after {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:checked::after,
+    .${c}.${l}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:indeterminate::after {
       content: none !important;
       display: none !important;
       border: 0 !important;
@@ -992,12 +1023,12 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       box-shadow: none !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked {
       border-color: ${e.brand.primary} !important;
       background: ${e.brand.primary} !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked::after {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked::after {
       content: '' !important;
       position: absolute !important;
       width: 5px !important;
@@ -1011,12 +1042,12 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
       display: block !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate {
       border-color: ${e.brand.primary} !important;
       background: ${e.brand.primary} !important;
     }
 
-    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate::after {
+    .${c}.${l}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate::after {
       content: '' !important;
       position: absolute !important;
       width: 8px !important;
@@ -1032,6 +1063,6 @@ var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-s
   `;
 };
 //#endregion
-export { a, u as c, o as i, s as n, i as o, l as r, d as s, r as t };
+export { o as a, f as c, u as i, d as l, s as n, a as o, c as r, i as s, r as t };
 
-//# sourceMappingURL=selectStyles-C8j5Vvgp.js.map
+//# sourceMappingURL=selectStyles-7f37TvzD.js.map