ids-enterprise-wc 1.4.2 → 1.5.0

package/components/ids-checkbox/ids-checkbox.d.ts

@@ -28,11 +28,7 @@ declare const Base: {
         "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
-        render(force?: boolean | undefined): any; /**
-         * Handle events
-         * @private
-         * @returns {void}
-         */
+        render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -376,11 +372,6 @@ declare const Base: {
         VALIDATION_ICONS: any;
         "__#53@#hideErrorMessage": boolean;
         handleValidation(): void;
-        /**
-         * Handle events
-         * @private
-         * @returns {void}
-         */
         hideErrorMessage(toHide: boolean): void;
         checkValidation(): void;
         addValidationRule(rule: import("../../mixins/ids-validation-mixin/ids-validation-mixin").IdsValidationRule | import("../../mixins/ids-validation-mixin/ids-validation-mixin").IdsValidationRule[]): void;
@@ -428,11 +419,7 @@ declare const Base: {
         "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
-        render(force?: boolean | undefined): any; /**
-         * Handle events
-         * @private
-         * @returns {void}
-         */
+        render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -784,11 +771,7 @@ declare const Base: {
         "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
-        render(force?: boolean | undefined): any; /**
-         * Handle events
-         * @private
-         * @returns {void}
-         */
+        render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -1150,11 +1133,7 @@ declare const Base: {
         "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
-        render(force?: boolean | undefined): any; /**
-         * Handle events
-         * @private
-         * @returns {void}
-         */
+        render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -1538,11 +1517,7 @@ declare const Base: {
         mountedCallback(): void;
         "__#4@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-        render(force?: boolean | undefined): any; /**
-         * Handle events
-         * @private
-         * @returns {void}
-         */
+        render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;

package/components/ids-checkbox/ids-checkbox.js

@@ -1 +1 @@
-import{a}from"../../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-YZNLJXWS.js";import"../../chunks/ids-chunk-67HYR3GQ.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-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-TGKDPHPB.js";import"../../chunks/ids-chunk-KHHLWQUF.js";import"../../chunks/ids-chunk-3ACXOLJ4.js";import"../../chunks/ids-chunk-BCQA4KA2.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-RDBGTIB6.js";import"../../chunks/ids-chunk-CPZ7G2TS.js";import"../../chunks/ids-chunk-3V6MPTOX.js";import"../../chunks/ids-chunk-CT7RJVJA.js";import"../../chunks/ids-chunk-Y7OMJ6G6.js";import"../../chunks/ids-chunk-ZB7XS5Q2.js";import"../../chunks/ids-chunk-7KKODLNV.js";import"../../chunks/ids-chunk-PR3XQCA5.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-L7EY3TMT.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-JA2PT4KM.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-E2XG4A54.js";import"../../chunks/ids-chunk-YOH4YOZB.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-6P577POZ.js";import"../../chunks/ids-chunk-ZMMCFAAI.js";export{a as default};

package/components/ids-color/ids-color.css

@@ -7,7 +7,7 @@
   padding: 1px;
 }
 :host .ids-color {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 2px;
 }
@@ -58,7 +58,7 @@
 }
 
 .ids-color {
-  background-color: var(--ids-color-gray-100);
+  background-color: var(--ids-color-neutral-100);
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -111,7 +111,7 @@
 }
 
 :host(.light) .color-check {
-  color: var(--ids-color-gray-100);
+  color: var(--ids-color-neutral-100);
 }
 
 :host([checked]) .color-check {

package/components/ids-color/ids-color.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-BWHUIAPU.js";import"../../chunks/ids-chunk-TFQO6DIH.js";import"../../chunks/ids-chunk-YZNLJXWS.js";import"../../chunks/ids-chunk-67HYR3GQ.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-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-SGFO5RUE.js";import"../../chunks/ids-chunk-RDBGTIB6.js";import"../../chunks/ids-chunk-3V6MPTOX.js";import"../../chunks/ids-chunk-CT7RJVJA.js";import"../../chunks/ids-chunk-Y7OMJ6G6.js";import"../../chunks/ids-chunk-ZB7XS5Q2.js";import"../../chunks/ids-chunk-7KKODLNV.js";import"../../chunks/ids-chunk-PR3XQCA5.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-L7EY3TMT.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-JA2PT4KM.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-E2XG4A54.js";import"../../chunks/ids-chunk-YOH4YOZB.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-6P577POZ.js";import"../../chunks/ids-chunk-ZMMCFAAI.js";export{a as default};

package/components/ids-color-picker/ids-color-picker.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) {
@@ -1055,7 +1071,7 @@
 }
 
 .ids-color-picker {
-  margin-bottom: 16px;
+  margin-bottom: var(--ids-space-sm);
   display: block;
   position: relative;
   max-width: var(--ids-input-width-20);
@@ -1105,8 +1121,8 @@ ids-input::part(container) {
   align-content: center;
   justify-content: center;
   justify-items: center;
-  column-gap: 8px;
-  row-gap: 4px;
+  column-gap: var(--ids-space-xs);
+  row-gap: var(--ids-space-2xs);
   width: auto;
   min-width: 265px;
 }

package/components/ids-color-picker/ids-color-picker.d.ts

@@ -1856,19 +1856,12 @@ declare const Base: {
         "__#5@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         "__#5@#removeLongPressListener"(): void;
         "__#5@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        /**
-         * Sets the advanced attribute
-         * @param {boolean | string} value - true if the "advanced" color picker type should be used
-         */
         "__#5@#removeSwipeListener"(): void;
         "__#5@#addKeyboardFocusListener"(eventName: string, target: Element): void;
         "__#5@#removeKeyboardFocusListener"(): void;
         "__#5@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         "__#5@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
-        "__#5@#clearSlopedMouseLeaveTimer"(): void; /**
-         * Sets the id internally and externally
-         * @param {string} value id value
-         */
+        "__#5@#clearSlopedMouseLeaveTimer"(): void;
         "__#5@#removeSlopedMouseLeaveListener"(): void;
         "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;

package/components/ids-color-picker/ids-color-picker.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-W5DKOEIG.js";import"../../chunks/ids-chunk-VP4AQN3F.js";import"../../chunks/ids-chunk-QRPVJOBK.js";import"../../chunks/ids-chunk-BWHUIAPU.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-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-6CR6XO6S.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-SHMSP2JX.js";import"../../chunks/ids-chunk-MDLMRVPY.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-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-LB5N633X.js";import"../../chunks/ids-chunk-36OFRHEY.js";import"../../chunks/ids-chunk-4MRWCECO.js";import"../../chunks/ids-chunk-SGFO5RUE.js";import"../../chunks/ids-chunk-NP47F4ZW.js";import"../../chunks/ids-chunk-IIJJPSXL.js";import"../../chunks/ids-chunk-EQH73QGE.js";import"../../chunks/ids-chunk-CPFX6UOX.js";import"../../chunks/ids-chunk-2N7IUL5N.js";import"../../chunks/ids-chunk-P2CK5RWG.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-CB3QWAOO.js";import"../../chunks/ids-chunk-WTFMG6PO.js";import"../../chunks/ids-chunk-XK32D6ZA.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-YQZMMQTL.js";import"../../chunks/ids-chunk-TGKDPHPB.js";import"../../chunks/ids-chunk-KHHLWQUF.js";import"../../chunks/ids-chunk-3ACXOLJ4.js";import"../../chunks/ids-chunk-BCQA4KA2.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-RDBGTIB6.js";import"../../chunks/ids-chunk-CPZ7G2TS.js";import"../../chunks/ids-chunk-3IJMF5UN.js";import"../../chunks/ids-chunk-MA2VZKRF.js";import"../../chunks/ids-chunk-DLM47VUV.js";import"../../chunks/ids-chunk-GR2XJGUR.js";import"../../chunks/ids-chunk-LZ22P3CC.js";import"../../chunks/ids-chunk-SMFZRUDW.js";import"../../chunks/ids-chunk-3V6MPTOX.js";import"../../chunks/ids-chunk-CT7RJVJA.js";import"../../chunks/ids-chunk-M4GREREJ.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-PPGIDTZE.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-Y7OMJ6G6.js";import"../../chunks/ids-chunk-ZB7XS5Q2.js";import"../../chunks/ids-chunk-7KKODLNV.js";import"../../chunks/ids-chunk-PR3XQCA5.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-L7EY3TMT.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-JA2PT4KM.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-E2XG4A54.js";import"../../chunks/ids-chunk-YOH4YOZB.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-6P577POZ.js";import"../../chunks/ids-chunk-ZMMCFAAI.js";export{a as default};

package/components/ids-container/ids-container.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-ENURCVZY.js";import"../../chunks/ids-chunk-6XQQHFMN.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-M3HFT64Y.js";import"../../chunks/ids-chunk-L7EY3TMT.js";import"../../chunks/ids-chunk-U4K5B3VN.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-JA2PT4KM.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-E2XG4A54.js";import"../../chunks/ids-chunk-YOH4YOZB.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-6P577POZ.js";import"../../chunks/ids-chunk-ZMMCFAAI.js";export{a as default};

package/components/ids-counts/ids-counts.css

@@ -4,7 +4,7 @@
   -moz-osx-font-smoothing: grayscale;
   color: var(--ids-counts-color-text);
   contain: content;
-  font-family: var(--ids-font-family-default);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
   text-align: center;
 }
 .ids-counts::part(link) {

package/components/ids-counts/ids-counts.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-GKHIILTQ.js";import"../../chunks/ids-chunk-TFQO6DIH.js";import"../../chunks/ids-chunk-5GN6JSOL.js";import"../../chunks/ids-chunk-P2IV3MPP.js";import"../../chunks/ids-chunk-6TRIT6QL.js";import"../../chunks/ids-chunk-YZNLJXWS.js";import"../../chunks/ids-chunk-67HYR3GQ.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-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-HJ6YNJ5X.js";import"../../chunks/ids-chunk-RDBGTIB6.js";import"../../chunks/ids-chunk-S2HIMAKW.js";import"../../chunks/ids-chunk-CPZ7G2TS.js";import"../../chunks/ids-chunk-LZ22P3CC.js";import"../../chunks/ids-chunk-3V6MPTOX.js";import"../../chunks/ids-chunk-CT7RJVJA.js";import"../../chunks/ids-chunk-Y7OMJ6G6.js";import"../../chunks/ids-chunk-ZB7XS5Q2.js";import"../../chunks/ids-chunk-7KKODLNV.js";import"../../chunks/ids-chunk-PR3XQCA5.js";import"../../chunks/ids-chunk-ONPEMRJP.js";import"../../chunks/ids-chunk-L7EY3TMT.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-JA2PT4KM.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-E2XG4A54.js";import"../../chunks/ids-chunk-YOH4YOZB.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-6P577POZ.js";import"../../chunks/ids-chunk-ZMMCFAAI.js";export{a as default};

package/components/ids-data-grid/ids-data-grid-cell.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-MOXVMVCB.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-QBOJQOCT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-E2XG4A54.js";import"../../chunks/ids-chunk-YOH4YOZB.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-6P577POZ.js";import"../../chunks/ids-chunk-ZMMCFAAI.js";export{a as default};