ids-enterprise-wc 1.4.2 → 1.5.1

package/components/ids-search-field/ids-search-field.css

@@ -81,8 +81,9 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: flex;
-  font-family: var(--ids-font-family-default);
-  margin-top: var(--ids-space-xxs);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  margin-top: var(--ids-space-2xs);
+  max-width: var(--ids-input-width-full);
 }
 .validation-message.has-custom-icon {
   color: var(--ids-icon-color-default);
@@ -91,7 +92,7 @@
   color: var(--ids-input-color-text-disabled);
 }
 .validation-message .ids-icon {
-  margin-inline-end: var(--ids-space-xxs);
+  margin-inline-end: var(--ids-space-2xs);
 }
 .validation-message.alert {
   color: var(--ids-color-caution-default);
@@ -133,7 +134,7 @@
 .ids-label-text {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-family: var(--ids-font-family-default);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
   color: var(--ids-input-label-color-text-default);
   display: flex;
   margin-block-end: var(--ids-input-margin-bottom);
@@ -145,10 +146,10 @@
 }
 .ids-label-text.required::after {
   position: relative;
-  font-family: var(--ids-font-family-default);
-  margin-inline-start: var(--ids-space-xxxs);
-  margin-inline-end: var(--ids-space-xxxs);
-  font-size: var(--ids-font-size-50);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  margin-inline-start: var(--ids-space-3xs);
+  margin-inline-end: var(--ids-space-3xs);
+  font-size: var(--ids-font-size-md);
   color: var(--ids-input-required-indicator-color-text-default);
   content: "*";
   margin-top: -10px;
@@ -190,7 +191,7 @@
   white-space: nowrap;
 }
 :host([label-wrap=ellipsis]) .ids-label-text.required {
-  padding-inline-end: 8px;
+  padding-inline-end: var(--ids-space-xs);
 }
 :host([label-wrap=ellipsis]) .ids-label-text.required::after {
   display: block;
@@ -206,7 +207,7 @@
   white-space: nowrap;
 }
 :host([label-wrap=ellipsis-no-stretch]) .ids-label-text.required {
-  padding-inline-end: 8px;
+  padding-inline-end: var(--ids-space-xs);
 }
 :host([label-wrap=ellipsis-no-stretch]) .ids-label-text.required::after {
   display: block;
@@ -262,7 +263,7 @@
 .ids-input .field-container {
   border: 1px solid;
   border-collapse: separate;
-  border-radius: 2px;
+  border-radius: var(--ids-border-radius-2xs);
   box-sizing: border-box;
   color: inherit;
   display: flex;
@@ -276,11 +277,11 @@
   transition: border var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-input .field-container.square {
-  border-radius: 0;
+  border-radius: var(--ids-border-radius-none);
 }
 .ids-input:focus-within .ids-input-field, .ids-input.readonly:focus-within .ids-input-field, .ids-input.is-active .ids-input-field {
   outline: none;
-  outline-color: transparent;
+  outline-color: var(--ids-color-transparent);
 }
 .ids-input:focus-within .field-container, .ids-input.readonly:focus-within .field-container, .ids-input.is-active .field-container {
   border-color: var(--ids-input-color-border-focus);
@@ -296,17 +297,17 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   box-sizing: border-box;
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   border: none;
-  font-family: var(--ids-font-family-default);
-  padding-block-start: var(--ids-space-xxs);
-  padding-block-end: var(--ids-space-xxs);
+  color: inherit;
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  padding-block-start: var(--ids-space-2xs);
+  padding-block-end: var(--ids-space-2xs);
   padding-inline-start: var(--ids-space-12);
   padding-inline-end: var(--ids-space-12);
   font-size: var(--ids-input-font-size);
   width: 100%;
   appearance: none;
-  color: currentColor;
   display: inline-block;
   height: fit-content;
   resize: none;
@@ -332,58 +333,69 @@
   text-align: end;
 }
 .ids-input .validation-message {
-  margin-block-start: var(--ids-space-xxs);
-  margin-bottom: 0;
+  margin-block-start: var(--ids-space-2xs);
+  margin-bottom: var(--ids-space-none);
+}
+.ids-input .validation-message .ids-icon {
+  place-self: self-start;
+  margin-top: 1px;
 }
 .ids-input.no-margins, .ids-input.no-margins.compact {
-  margin: 0;
+  margin: var(--ids-space-none);
 }
 .ids-input.no-margins.field-height-xs, .ids-input.no-margins.compact.field-height-xs {
-  margin-block-end: 0;
+  margin-block-end: var(--ids-space-none);
 }
 .ids-input.no-margins .field-container, .ids-input.no-margins.compact .field-container {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
 }
 .ids-input.no-margins .ids-input-field, .ids-input.no-margins.compact .ids-input-field {
-  margin: 0;
+  margin: var(--ids-space-none);
 }
 .ids-input.no-margins .validation-message, .ids-input.no-margins.compact .validation-message {
-  margin-bottom: 0;
-  margin-block-start: var(--ids-space-xxs);
+  margin-bottom: var(--ids-space-none);
+  margin-block-start: var(--ids-space-2xs);
 }
 .ids-input.no-margins .ids-label-text.empty, .ids-input.no-margins.compact .ids-label-text.empty {
-  margin: 0;
+  margin: var(--ids-space-none);
   visibility: hidden;
   height: 0;
 }
-.ids-input.xs .field-container {
+.ids-input.xs .field-container,
+.ids-input.xs .validation-message {
   width: calc(var(--ids-input-width-10) - 2px);
 }
-.ids-input.sm .field-container {
+.ids-input.sm .field-container,
+.ids-input.sm .validation-message {
   width: calc(var(--ids-input-width-20) - 2px);
 }
-.ids-input.mm .field-container {
+.ids-input.mm .field-container,
+.ids-input.mm .validation-message {
   width: calc(var(--ids-input-width-30) - 2px);
 }
-.ids-input.md .field-container {
+.ids-input.md .field-container,
+.ids-input.md .validation-message {
   width: calc(var(--ids-input-width-40) - 2px);
 }
-.ids-input.lg .field-container {
+.ids-input.lg .field-container,
+.ids-input.lg .validation-message {
   width: calc(var(--ids-input-width-50) - 2px);
 }
 .ids-input.full {
   display: block;
 }
-.ids-input.full .field-container {
+.ids-input.full .field-container,
+.ids-input.full .validation-message {
   width: var(--ids-input-width-full);
 }
 @media (max-width: 360px) {
-  .ids-input .field-container {
+  .ids-input .field-container,
+  .ids-input .validation-message {
     max-width: calc(var(--ids-input-width-30) - 2px);
   }
 }
 .ids-input.field-height-xs {
-  margin-block-end: var(--ids-font-size-20);
+  margin-block-end: var(--ids-font-size-2xs);
 }
 .ids-input.field-height-xs .icon-dirty {
   left: -1px;
@@ -393,19 +405,19 @@
   font-size: var(--ids-input-label-font-size);
 }
 .ids-input.field-height-xs .ids-input-field {
-  padding-inline-start: var(--ids-space-xxs);
-  padding-inline-end: var(--ids-space-xxs);
+  padding-inline-start: var(--ids-space-2xs);
+  padding-inline-end: var(--ids-space-2xs);
   padding-top: 0;
   padding-bottom: 0;
   font-size: var(--ids-input-font-size-sm);
   height: calc(var(--ids-input-height-10) - 2px);
 }
 .ids-input.field-height-xs.no-margin-bottom {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
 }
 .ids-input.field-height-xs.no-margin-bottom .field-container,
 .ids-input.field-height-xs.no-margin-bottom .ids-input-field {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
 }
 .ids-input.field-height-sm .ids-input-field {
   height: calc(var(--ids-input-height-20) - 2px);
@@ -417,7 +429,7 @@
   height: calc(var(--ids-input-height-40) - 2px);
 }
 .ids-input.compact {
-  margin-block-end: var(--ids-font-size-20);
+  margin-block-end: var(--ids-font-size-2xs);
 }
 .ids-input.compact .icon-dirty {
   left: -1px;
@@ -427,28 +439,28 @@
   font-size: var(--ids-input-label-font-size);
 }
 .ids-input.compact .ids-input-field {
-  padding-inline-start: var(--ids-space-xxs);
-  padding-inline-end: var(--ids-space-xxs);
+  padding-inline-start: var(--ids-space-2xs);
+  padding-inline-end: var(--ids-space-2xs);
   padding-top: 0;
   padding-bottom: 0;
   font-size: var(--ids-input-font-size-sm);
   height: calc(var(--ids-input-height-10) - 2px);
 }
 .ids-input.compact.no-margin-bottom {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
 }
 .ids-input.compact.no-margin-bottom .field-container,
 .ids-input.compact.no-margin-bottom .ids-input-field {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
   height: calc(var(--ids-input-height-10) - 2px);
 }
 .ids-input.color-variant-borderless {
-  --ids-input-color-border-focus: transparent;
+  --ids-input-color-border-focus: var(--ids-color-transparent);
   margin: 1px;
-  border-radius: 0;
+  border-radius: var(--ids-border-radius-none);
 }
 .ids-input.color-variant-borderless input {
-  font-size: var(--ids-font-size-40);
+  font-size: var(--ids-font-size-sm);
 }
 .ids-input.color-variant-borderless slot[name=trigger-start],
 .ids-input.color-variant-borderless slot[name=trigger-end] {
@@ -464,7 +476,7 @@
   display: none;
 }
 .ids-input.color-variant-borderless .field-container {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   border-color: transparent !important;
 }
 .ids-input.color-variant-borderless:focus-within .field-container {
@@ -481,23 +493,23 @@
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xs .ids-input-field {
   font-size: var(--ids-data-grid-font-size-sm);
-  padding-inline: var(--ids-space-xxxs);
+  padding-inline: var(--ids-space-3xs);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xs slot[name=trigger-end] {
-  padding-inline-end: 0;
+  padding-inline-end: var(--ids-space-none);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xxs .ids-input-field {
   font-size: var(--ids-data-grid-font-size-sm);
-  padding-inline: var(--ids-space-xxxxs);
+  padding-inline: var(--ids-space-4xs);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xxs slot[name=trigger-end] {
-  padding-inline-end: 0;
+  padding-inline-end: var(--ids-space-none);
 }
 .ids-input.color-variant-in-cell {
   margin: 1px;
 }
 .ids-input.color-variant-in-cell input {
-  font-size: var(--ids-font-size-40);
+  font-size: var(--ids-font-size-sm);
 }
 .ids-input.color-variant-in-cell .validation-message {
   display: none;
@@ -515,11 +527,11 @@
   height: 30px;
 }
 .ids-input.color-variant-in-cell.ids-input.field-height-sm .ids-input-field {
-  padding-inline: 4px;
+  padding-inline: var(--ids-space-2xs);
   height: 27px;
 }
 .ids-input.color-variant-in-cell.ids-input.field-height-sm.full .field-container {
-  margin-inline: 2px;
+  margin-inline: var(--ids-space-3xs);
 }
 .ids-input.color-variant-in-cell.ids-input.field-height-xs .ids-input-field {
   padding-inline: 1px;
@@ -529,7 +541,7 @@
   margin-inline: 1px;
 }
 .ids-input.color-variant-module-nav {
-  margin-block-end: 0;
+  margin-block-end: var(--ids-space-none);
   transform: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-input.color-variant-module-nav .field-container {
@@ -537,7 +549,7 @@
   border: var(--ids-module-nav-input-border-width) solid transparent;
 }
 .ids-input.color-variant-module-nav input {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   color: inherit;
 }
 .ids-input.color-variant-module-nav input::placeholder {
@@ -571,10 +583,10 @@
   -webkit-text-fill-color: var(--ids-input-color-text-disabled);
 }
 .ids-input:not([class*=color-variant-]).bg-transparent .field-container, .ids-input:not([class*=color-variant-]).bg-transparent.readonly .field-container, .ids-input:not([class*=color-variant-]).bg-transparent.disabled .field-container {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
 }
 .ids-input:not([class*=color-variant-]).bg-transparent:focus-within .field-container {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
 }
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container {
   border-color: var(--ids-input-color-border-hover);
@@ -894,7 +906,7 @@
 .ids-input.color-variant-alternate-formatter:hover.readonly.readonly-background .field-container, .ids-input.color-variant-alternate-formatter:hover:not(.readonly):not(.disabled) .field-container {
   border-color: var(--ids-data-grid-filter-input-color-border-hover);
 }
-.ids-input.color-variant-alternate-formatter:focus-within .field-container, .ids-input.color-variant-alternate-formatter:focus-within:hover .field-container {
+.ids-input.color-variant-alternate-formatter:focus-within .field-container, .ids-input.color-variant-alternate-formatter:focus-within:hover.readonly.readonly-background, .ids-input.color-variant-alternate-formatter:focus-within:hover:not(.readonly):not(.disabled) .field-container {
   border-color: var(--ids-data-grid-filter-input-color-border-focus);
 }
 .ids-input.color-variant-alternate-formatter:focus-within .ids-input-field {
@@ -916,7 +928,7 @@
   color: var(--ids-input-color-text-app-menu);
 }
 .ids-input.color-variant-list-builder .field-container {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   color: var(--ids-list-builder-input-text-color);
   border: 0;
 }
@@ -925,12 +937,12 @@
   /* stylelint-disable-next-line no-duplicate-selectors */
 }
 .ids-input.color-variant-module-nav .field-container {
-  background-color: transparent;
-  border-color: transparent;
+  background-color: var(--ids-color-transparent);
+  border-color: var(--ids-color-transparent);
   color: inherit;
 }
 .ids-input.color-variant-module-nav .ids-input-field {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   color: inherit;
 }
 .ids-input.color-variant-module-nav .ids-input-field::placeholder {
@@ -943,7 +955,7 @@
   margin-inline-end: 5px;
 }
 .ids-input.color-variant-module-nav:hover .field-container {
-  background-color: var(--ids-module-nav-item-hover-bg-color);
+  background-color: var(--ids-module-nav-search-input-hover-bg-color);
 }
 .ids-input.color-variant-module-nav:hover .ids-input-field::placeholder {
   color: var(--ids-module-nav-search-input-placeholder-text-color);
@@ -964,8 +976,12 @@
 }
 
 .caps-lock-indicator {
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
+  padding-inline-start: var(--ids-space-xs);
+  padding-inline-end: var(--ids-space-xs);
+}
+
+.show-hide-password {
+  padding-inline-end: var(--ids-space-3xs);
 }
 
 .is-uppercase {
@@ -1030,17 +1046,17 @@
 }
 :host([show-loading-indicator=true]) ::slotted(.slot-loading-indicator) {
   margin-inline-end: 12px;
-  margin-inline-start: 8px;
+  margin-inline-start: var(--ids-space-xs);
 }
 
 :host([show-loading-indicator=true][field-height=xs]) ::slotted(.slot-loading-indicator) {
-  margin-inline-start: 4px;
-  margin-inline-end: 4px;
+  margin-inline-start: var(--ids-space-2xs);
+  margin-inline-end: var(--ids-space-2xs);
 }
 
 :host([show-loading-indicator=true][field-height=sm]) ::slotted(.slot-loading-indicator) {
-  margin-inline-end: 8px;
-  margin-inline-start: 4px;
+  margin-inline-end: var(--ids-space-xs);
+  margin-inline-start: var(--ids-space-2xs);
 }
 
 ::slotted(.audible) {
@@ -1138,8 +1154,8 @@
   padding-inline: var(--ids-search-field-icon-margin);
 }
 :host ids-menu-button::part(button), :host ids-menu-button::part(button):active, :host ids-menu-button::part(button):hover {
-  background: transparent;
-  background-color: transparent;
+  background: var(--ids-color-transparent);
+  background-color: var(--ids-color-transparent);
 }
 
 :host([category]) ids-menu-button {
@@ -1172,11 +1188,11 @@
   transition: all var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-search-field .field-container.collapsed {
-  border-color: transparent;
+  border-color: var(--ids-color-transparent);
   width: 38px;
 }
 .ids-search-field .field-container.collapsed:hover, .ids-search-field .field-container.collapsed:not(:focus-within) {
-  border-color: transparent;
+  border-color: var(--ids-color-transparent);
 }
 .ids-search-field .field-container.collapsed:focus, .ids-search-field .field-container.collapsed:focus-within {
   box-shadow: none;
@@ -1188,10 +1204,10 @@
   display: none;
 }
 .ids-search-field:has(.collapsed):not(.readonly):not(.disabled):not(:focus):not(:focus-within):hover .field-container {
-  border-color: transparent;
+  border-color: var(--ids-color-transparent);
 }
 .ids-search-field:has(.collapsed):focus-within .field-container {
-  border-color: transparent;
+  border-color: var(--ids-color-transparent);
 }
 .ids-search-field ids-icon.search-icon {
   margin-inline-start: var(--ids-search-field-icon-margin);
@@ -1213,7 +1229,7 @@
   color: var(--ids-search-field-card-color-text);
 }
 .ids-search-field.color-variant-card .btn-clear:hover {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
 }
 .ids-search-field.color-variant-app-menu {
   color: var(--ids-search-field-app-menu-color-text);
@@ -1250,7 +1266,7 @@
   color: var(--ids-module-nav-item-hover-text-color);
 }
 .ids-search-field.color-variant-module-nav .ids-input-field {
-  padding-inline-start: var(--ids-module-nav-item-expanded-icon-text-spacing-size);
+  padding-inline-start: var(--ids-module-nav-item-expanded-icon-text-space-size);
 }
 .ids-search-field.color-variant-module-nav.full .field-container {
   width: var(--ids-module-nav-search-input-width);

package/components/ids-search-field/ids-search-field.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-TUC4DVKB.js";import"../../chunks/ids-chunk-QRPVJOBK.js";import"../../chunks/ids-chunk-NFPS75OT.js";import"../../chunks/ids-chunk-2DRDJSGZ.js";import"../../chunks/ids-chunk-5SAPHO33.js";import"../../chunks/ids-chunk-BSKVVUAV.js";import"../../chunks/ids-chunk-RQ4MRT3F.js";import"../../chunks/ids-chunk-JLP3DH52.js";import"../../chunks/ids-chunk-AY6GFZD7.js";import"../../chunks/ids-chunk-JA7IPHZO.js";import"../../chunks/ids-chunk-DGAEERP2.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-H4KUMBID.js";import"../../chunks/ids-chunk-2KHLGR6T.js";import"../../chunks/ids-chunk-5XZSTI3E.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-O5MQZ2A2.js";import"../../chunks/ids-chunk-POHXGKVY.js";import"../../chunks/ids-chunk-J36KWPI4.js";import"../../chunks/ids-chunk-4FLXQBEP.js";import"../../chunks/ids-chunk-LU4ENRS7.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-TFQO6DIH.js";import"../../chunks/ids-chunk-P2IV3MPP.js";import"../../chunks/ids-chunk-S7QBQ5NO.js";import"../../chunks/ids-chunk-FTY43IYJ.js";import"../../chunks/ids-chunk-NOXYAVOB.js";import"../../chunks/ids-chunk-LJ5UNWGT.js";import"../../chunks/ids-chunk-3C5O3FW7.js";import"../../chunks/ids-chunk-6TRIT6QL.js";import"../../chunks/ids-chunk-27V3UUNP.js";import"../../chunks/ids-chunk-YZNLJXWS.js";import"../../chunks/ids-chunk-67HYR3GQ.js";import"../../chunks/ids-chunk-75YZOXT6.js";import"../../chunks/ids-chunk-Z7FTYLPD.js";import"../../chunks/ids-chunk-MQKX2S5K.js";import"../../chunks/ids-chunk-TQODDXGP.js";import"../../chunks/ids-chunk-ZBNPUZX2.js";import"../../chunks/ids-chunk-DSXCDIEV.js";import"../../chunks/ids-chunk-PDXWCMTC.js";import"../../chunks/ids-chunk-6CR6XO6S.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-SHMSP2JX.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-U34YTPJC.js";import"../../chunks/ids-chunk-EWPW6I2F.js";import"../../chunks/ids-chunk-S2HGNZEL.js";import"../../chunks/ids-chunk-7LYEM7MJ.js";import"../../chunks/ids-chunk-EEHXHQ56.js";import"../../chunks/ids-chunk-474FHU34.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-WBDXDLKP.js";import"../../chunks/ids-chunk-6XQQHFMN.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-SFFCFWLW.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-KBS65QZP.js";import"../../chunks/ids-chunk-4UMQVSLM.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-OGVS73RY.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-ZTS55YTS.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-H4WFYJQQ.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-TK7KU5M4.js";import"../../chunks/ids-chunk-RA5OUFWQ.js";import"../../chunks/ids-chunk-ATKS7LKZ.js";import"../../chunks/ids-chunk-AHXVVS2W.js";import"../../chunks/ids-chunk-SRRV3GCP.js";import"../../chunks/ids-chunk-SP2KE7O5.js";import"../../chunks/ids-chunk-LILA2VJ3.js";import"../../chunks/ids-chunk-3B7RAYIL.js";import"../../chunks/ids-chunk-PVIOMPGA.js";import"../../chunks/ids-chunk-WVTJ47IB.js";import"../../chunks/ids-chunk-2Q6HKNL7.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-WAZUP7FT.js";import"../../chunks/ids-chunk-EIFM3O5M.js";import"../../chunks/ids-chunk-RL6NMLLI.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-5ZEQ2WTS.js";import"../../chunks/ids-chunk-DNGSVGGR.js";import"../../chunks/ids-chunk-UTKI53PK.js";import"../../chunks/ids-chunk-XU2RRG76.js";import"../../chunks/ids-chunk-XOOJFPYY.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-MTBTFO6P.js";import"../../chunks/ids-chunk-BN53CJKP.js";import"../../chunks/ids-chunk-HZGEEDUX.js";import"../../chunks/ids-chunk-YTGZJ74N.js";import"../../chunks/ids-chunk-3W4P7KSD.js";import"../../chunks/ids-chunk-A6QIYC4X.js";import"../../chunks/ids-chunk-HPURO4XG.js";import"../../chunks/ids-chunk-2OQEBFK3.js";import"../../chunks/ids-chunk-OGHHTH6V.js";import"../../chunks/ids-chunk-776GZ2XO.js";import"../../chunks/ids-chunk-YW5RVQNO.js";import"../../chunks/ids-chunk-ZPY3NQAM.js";import"../../chunks/ids-chunk-ANQ2567I.js";import"../../chunks/ids-chunk-GBPZ3HI5.js";import"../../chunks/ids-chunk-4IZM7BMJ.js";import"../../chunks/ids-chunk-BYVX3WVV.js";import"../../chunks/ids-chunk-M63LVQ55.js";import"../../chunks/ids-chunk-UYU4EEPG.js";import"../../chunks/ids-chunk-M4GREREJ.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-XA6OOO6S.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-U34YTPJC.js";import"../../chunks/ids-chunk-XLNUF574.js";import"../../chunks/ids-chunk-IA5MYPT3.js";import"../../chunks/ids-chunk-FWKPQHTC.js";import"../../chunks/ids-chunk-P22N4AWR.js";import"../../chunks/ids-chunk-PR3XQCA5.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-A57CAC7H.js";import"../../chunks/ids-chunk-VEO6QETS.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-U4K5B3VN.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-6QMEC4B7.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-W3LDHTW6.js";import"../../chunks/ids-chunk-XOPGK3UL.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-UVUCRL77.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-MGURHIEL.js";import"../../chunks/ids-chunk-I5QKQFWD.js";import"../../chunks/ids-chunk-BVOD446S.js";import"../../chunks/ids-chunk-Y6KVKFJX.js";import"../../chunks/ids-chunk-TFRXZ5TN.js";import"../../chunks/ids-chunk-ZMMCFAAI.js";export{a as default};

package/components/ids-segmented-control/ids-segmented-control.css

@@ -0,0 +1,8 @@
+.ids-segmented-control {
+  align-items: center;
+  background-color: var(--ids-color-accent-neutral-weaker);
+  border-radius: var(--ids-border-radius-circle);
+  display: inline-flex;
+  gap: var(--ids-space-2xs);
+  padding: var(--ids-space-2xs) var(--ids-space-xs);
+}