ids-enterprise-wc 1.0.0-beta.17 → 1.0.0-beta.19

package/components/ids-checkbox/ids-checkbox.css

@@ -76,6 +76,9 @@
 .validation-message.success.disabled {
   color: var(--ids-color-success-30);
 }
+.validation-message[hidden] {
+  display: none;
+}
 
 :host(.justify-center) .ids-checkbox .checkmark,
 :host(.justify-center) .ids-checkbox:not([color]) input[type=checkbox] ~ .checkmark {
@@ -217,85 +220,85 @@
 .ids-checkbox.no-animation input[type=checkbox]:checked ~ .checkmark::after {
   animation: none;
 }
-.ids-checkbox[color=emerald] input[type=checkbox] ~ .checkmark {
-  background-color: var(--ids-color-emerald-70);
-  border-color: var(--ids-color-emerald-70);
+.ids-checkbox[color=green] input[type=checkbox] ~ .checkmark {
+  background-color: var(--ids-color-green-70);
+  border-color: var(--ids-color-green-70);
 }
-.ids-checkbox[color=emerald] input[type=checkbox]:disabled ~ .checkmark {
+.ids-checkbox[color=green] input[type=checkbox]:disabled ~ .checkmark {
   background-color: var(--ids-checkbox-color-background-disabled);
   border-color: var(--ids-checkbox-color-border-disabled);
   cursor: var(--ids-cursor-default);
 }
-.ids-checkbox[color=emerald] input[type=checkbox]:disabled:checked ~ .checkmark {
+.ids-checkbox[color=green] input[type=checkbox]:disabled:checked ~ .checkmark {
   background-color: var(--ids-checkbox-color-background-selected-disabled);
   border-color: var(--ids-checkbox-color-border-selected-disabled);
 }
-.ids-checkbox[color=emerald] input[type=checkbox]:focus ~ .checkmark {
-  border-color: var(--ids-color-emerald-70);
+.ids-checkbox[color=green] input[type=checkbox]:focus ~ .checkmark {
+  border-color: var(--ids-color-green-70);
 }
-.ids-checkbox[color=amethyst] input[type=checkbox] ~ .checkmark {
-  background-color: var(--ids-color-amethyst-70);
-  border-color: var(--ids-color-amethyst-70);
+.ids-checkbox[color=purple] input[type=checkbox] ~ .checkmark {
+  background-color: var(--ids-color-purple-70);
+  border-color: var(--ids-color-purple-70);
 }
-.ids-checkbox[color=amethyst] input[type=checkbox]:disabled ~ .checkmark {
+.ids-checkbox[color=purple] input[type=checkbox]:disabled ~ .checkmark {
   background-color: var(--ids-checkbox-color-background-disabled);
   border-color: var(--ids-checkbox-color-border-disabled);
   cursor: var(--ids-cursor-default);
 }
-.ids-checkbox[color=amethyst] input[type=checkbox]:disabled:checked ~ .checkmark {
+.ids-checkbox[color=purple] input[type=checkbox]:disabled:checked ~ .checkmark {
   background-color: var(--ids-checkbox-color-background-selected-disabled);
   border-color: var(--ids-checkbox-color-border-selected-disabled);
 }
-.ids-checkbox[color=amethyst] input[type=checkbox]:focus ~ .checkmark {
-  border-color: var(--ids-color-amethyst-70);
+.ids-checkbox[color=purple] input[type=checkbox]:focus ~ .checkmark {
+  border-color: var(--ids-color-purple-70);
 }
-.ids-checkbox[color=azure] input[type=checkbox] ~ .checkmark {
-  background-color: var(--ids-color-azure-70);
-  border-color: var(--ids-color-azure-70);
+.ids-checkbox[color=blue] input[type=checkbox] ~ .checkmark {
+  background-color: var(--ids-color-blue-70);
+  border-color: var(--ids-color-blue-70);
 }
-.ids-checkbox[color=azure] input[type=checkbox]:disabled ~ .checkmark {
+.ids-checkbox[color=blue] input[type=checkbox]:disabled ~ .checkmark {
   background-color: var(--ids-checkbox-color-background-disabled);
   border-color: var(--ids-checkbox-color-border-disabled);
   cursor: var(--ids-cursor-default);
 }
-.ids-checkbox[color=azure] input[type=checkbox]:disabled:checked ~ .checkmark {
+.ids-checkbox[color=blue] input[type=checkbox]:disabled:checked ~ .checkmark {
   background-color: var(--ids-checkbox-color-background-selected-disabled);
   border-color: var(--ids-checkbox-color-border-selected-disabled);
 }
-.ids-checkbox[color=azure] input[type=checkbox]:focus ~ .checkmark {
-  border-color: var(--ids-color-azure-70);
+.ids-checkbox[color=blue] input[type=checkbox]:focus ~ .checkmark {
+  border-color: var(--ids-color-blue-70);
 }
-.ids-checkbox[color=amber] input[type=checkbox] ~ .checkmark {
-  background-color: var(--ids-color-amber-70);
-  border-color: var(--ids-color-amber-70);
+.ids-checkbox[color=orange] input[type=checkbox] ~ .checkmark {
+  background-color: var(--ids-color-orange-70);
+  border-color: var(--ids-color-orange-70);
 }
-.ids-checkbox[color=amber] input[type=checkbox]:disabled ~ .checkmark {
+.ids-checkbox[color=orange] input[type=checkbox]:disabled ~ .checkmark {
   background-color: var(--ids-checkbox-color-background-disabled);
   border-color: var(--ids-checkbox-color-border-disabled);
   cursor: var(--ids-cursor-default);
 }
-.ids-checkbox[color=amber] input[type=checkbox]:disabled:checked ~ .checkmark {
+.ids-checkbox[color=orange] input[type=checkbox]:disabled:checked ~ .checkmark {
   background-color: var(--ids-checkbox-color-background-selected-disabled);
   border-color: var(--ids-checkbox-color-border-selected-disabled);
 }
-.ids-checkbox[color=amber] input[type=checkbox]:focus ~ .checkmark {
-  border-color: var(--ids-color-amber-70);
+.ids-checkbox[color=orange] input[type=checkbox]:focus ~ .checkmark {
+  border-color: var(--ids-color-orange-70);
 }
-.ids-checkbox[color=ruby] input[type=checkbox] ~ .checkmark {
-  background-color: var(--ids-color-ruby-70);
-  border-color: var(--ids-color-ruby-70);
+.ids-checkbox[color=red] input[type=checkbox] ~ .checkmark {
+  background-color: var(--ids-color-red-70);
+  border-color: var(--ids-color-red-70);
 }
-.ids-checkbox[color=ruby] input[type=checkbox]:disabled ~ .checkmark {
+.ids-checkbox[color=red] input[type=checkbox]:disabled ~ .checkmark {
   background-color: var(--ids-checkbox-color-background-disabled);
   border-color: var(--ids-checkbox-color-border-disabled);
   cursor: var(--ids-cursor-default);
 }
-.ids-checkbox[color=ruby] input[type=checkbox]:disabled:checked ~ .checkmark {
+.ids-checkbox[color=red] input[type=checkbox]:disabled:checked ~ .checkmark {
   background-color: var(--ids-checkbox-color-background-selected-disabled);
   border-color: var(--ids-checkbox-color-border-selected-disabled);
 }
-.ids-checkbox[color=ruby] input[type=checkbox]:focus ~ .checkmark {
-  border-color: var(--ids-color-ruby-70);
+.ids-checkbox[color=red] input[type=checkbox]:focus ~ .checkmark {
+  border-color: var(--ids-color-red-70);
 }
 .ids-checkbox .validation-message {
   margin-top: var(--ids-space-30);

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

@@ -1,20 +1,22 @@
 import IdsElement from '../../core/ids-element';
 import '../ids-text/ids-text';
+import { type IdsColorValueCategories } from '../../utils/ids-color-utils/ids-color-utils';
 declare const Base: {
     new (...args: any[]): {
         connectedCallback(): void;
         label: string;
         setLabelText(value?: any, selector?: string): void;
-        labelRequired: boolean;
+        get labelRequired(): boolean;
+        set labelRequired(value: string | boolean | null);
         labelStates: string[];
         labelState: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode;
-        "__#44@#refreshLabelState"(oldVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode, newVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
-        "__#44@#setlabelState"(doHide?: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
-        "__#44@#hideLabel"(): void;
-        "__#44@#showLabel"(): void;
+        "__#45@#refreshLabelState"(oldVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode, newVariantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
+        "__#45@#setlabelState"(doHide?: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
+        "__#45@#hideLabel"(): void;
+        "__#45@#showLabel"(): void;
         onLabelStateChange?(variantName: import("../../mixins/ids-label-state-mixin/ids-label-state-common").IdsLabelStateMode): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -22,10 +24,15 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
-        render(force?: boolean | undefined): any;
+        render(force?: boolean | undefined): any; /**
+         * Handle events
+         * @private
+         * @returns {void}
+         */
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -365,7 +372,9 @@ declare const Base: {
         validationEventsList: any;
         VALIDATION_DEFAULT_ICON: string;
         VALIDATION_ICONS: any;
+        "__#46@#hideErrorMessage": boolean;
         handleValidation(): 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;
         removeValidationRule(ruleId: string | string[]): void;
@@ -375,7 +384,7 @@ declare const Base: {
         removeMessage(settings: import("../../mixins/ids-validation-mixin/ids-validation-mixin").IdsValidationErrorMessage): void;
         removeAllValidationMessages(): void;
         setMessageManually(): void;
-        "__#45@#setValidationMessagesCountAttr"(): void;
+        "__#46@#setValidationMessagesCountAttr"(): void;
         handleValidationEvents(option?: string): void;
         destroyValidation(): void;
         rules: any;
@@ -387,11 +396,13 @@ declare const Base: {
         validationType: string | null;
         readonly isValid: boolean;
         readonly validationMessages: import("../../mixins/ids-validation-mixin/ids-validation-mixin").IdsValidationErrorMessage[];
+        readonly validationMessageElems: HTMLElement[];
         readonly validationMessagesCount: number;
         required: boolean;
         hasRequiredValidation(): boolean | "" | null;
         renderRequired(): void;
         removeRequired(): void;
+        bubbleEvent(evt: any): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
@@ -399,7 +410,7 @@ declare const Base: {
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -407,10 +418,15 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
-        render(force?: boolean | undefined): any;
+        render(force?: boolean | undefined): any; /**
+         * Handle events
+         * @private
+         * @returns {void}
+         */
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -746,9 +762,9 @@ declare const Base: {
     new (...args: any[]): {
         connectedCallback(): void;
         hitbox: string | null;
-        "__#46@#setHitbox"(): void;
+        "__#47@#setHitbox"(): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -756,10 +772,15 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
-        render(force?: boolean | undefined): any;
+        render(force?: boolean | undefined): any; /**
+         * Handle events
+         * @private
+         * @returns {void}
+         */
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -1096,7 +1117,9 @@ declare const Base: {
         readonly localeAPI: import("../ids-locale/ids-locale").default;
         connectedCallback(): void;
         locale: string;
-        language: any;
+        get language(): any;
+        set language(value: string);
+        bubbleEvent(evt: any): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
@@ -1106,7 +1129,7 @@ declare const Base: {
         onLocaleChange?: ((locale?: import("../ids-locale/ids-locale").default | undefined) => void) | undefined;
         onLanguageChange?: ((locale?: import("../ids-locale/ids-locale").default | undefined) => void) | undefined;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -1114,10 +1137,15 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
-        render(force?: boolean | undefined): any;
+        render(force?: boolean | undefined): any; /**
+         * Handle events
+         * @private
+         * @returns {void}
+         */
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -1457,10 +1485,7 @@ declare const Base: {
         keyboardFocusOn: boolean;
         keyDownEndOn: boolean;
         hoverEndOn: boolean;
-        isClick: boolean; /**
-         * Return the attributes we handle as getters/setters
-         * @returns {Array} The attributes in an array
-         */
+        isClick: boolean;
         timer?: import("../../utils/ids-timer-utils/ids-timer-utils").FrameRequestLoopHandler | null | undefined;
         slopedMouseLeaveTimer?: import("../../utils/ids-timer-utils/ids-timer-utils").FrameRequestLoopHandler | null | undefined;
         startX: number;
@@ -1471,6 +1496,7 @@ declare const Base: {
         disconnectedCallback(): void;
         onEvent(eventName: string, target: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: unknown, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        bubbleEvent(evt: CustomEvent<any>): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<unknown> | undefined): void;
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
@@ -1490,7 +1516,7 @@ declare const Base: {
         "__#5@#removeHoverEndListener"(): void;
         "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -1499,9 +1525,14 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-        render(force?: boolean | undefined): any;
+        render(force?: boolean | undefined): any; /**
+         * Handle events
+         * @private
+         * @returns {void}
+         */
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -1899,10 +1930,10 @@ export default class IdsCheckbox extends Base {
     set checked(value: boolean | string);
     get checked(): boolean;
     /**
-     *  Sets the checkbox color to one of the colors in our color palette for example emerald
+     * Sets the checkbox color to one of the colors in our color palette for example green
      * @param {boolean|string} value If true will set `color` attribute
      */
-    set color(value: boolean | string | null);
+    set color(value: boolean | IdsColorValueCategories);
     get color(): string | null;
     /**
      * Sets input to disabled

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-D6TOZSKF.js";import"../../chunks/ids-chunk-NP4FOCAS.js";import"../../chunks/ids-chunk-BUJ7X7MF.js";import"../../chunks/ids-chunk-XVMMEX7J.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-IJT7O7QH.js";import"../../chunks/ids-chunk-PKXWNJWU.js";import"../../chunks/ids-chunk-LFKI3ZIN.js";import"../../chunks/ids-chunk-3QLSR2DO.js";import"../../chunks/ids-chunk-4XZUCEYZ.js";import"../../chunks/ids-chunk-23UNNOWE.js";import"../../chunks/ids-chunk-PHQEFZRD.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-CT5U7IVV.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-EVENS4EI.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-4WDX2CDM.js";import"../../chunks/ids-chunk-MJGRLEUU.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZKFSRERX.js";import"../../chunks/ids-chunk-SDTXNG6G.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-VEAPPKDG.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-S4IYQMPV.js";import"../../chunks/ids-chunk-D742AJLT.js";import"../../chunks/ids-chunk-26UECSRT.js";import"../../chunks/ids-chunk-WXSG3TJJ.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-A5LSAPJV.js";import"../../chunks/ids-chunk-TEOAVMNJ.js";import"../../chunks/ids-chunk-2GQ5TB6S.js";import"../../chunks/ids-chunk-5EILFGOX.js";import"../../chunks/ids-chunk-EQXBSRVZ.js";import"../../chunks/ids-chunk-H52JAL42.js";import"../../chunks/ids-chunk-4XPAUVKO.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-CATQTJOO.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-ZDL2DB6F.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-PBWMSP2R.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5DMZXGXL.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-QOTW4DDW.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-C2V3P7CU.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

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

@@ -14,11 +14,15 @@ declare const IdsCheckboxGroup_base: {
         startX: number;
         startY: number;
         trackedX: number;
-        trackedY: number;
+        trackedY: number; /**
+         * Get child ids-checkbox inputs in this group
+         * @returns {IdsCheckbox[]} list of checkboxes
+         */
         vetoableEventTypes: string[];
         disconnectedCallback(): void;
         onEvent(eventName: string, target: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: unknown, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        bubbleEvent(evt: CustomEvent<any>): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<unknown> | undefined): void;
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
@@ -37,15 +41,8 @@ declare const IdsCheckboxGroup_base: {
         clearTimer(): void;
         "__#5@#removeHoverEndListener"(): void;
         "__#5@#removeKeyDownEndListener"(): void;
-        /**
-         * IDS Checkbox Group Component
-         * @type {IdsCheckboxGroup}
-         * @inherits IdsElement
-         * @mixes IdsEventsMixin
-         * @part checkbox-group - the checkbox-group element
-         */
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -54,6 +51,7 @@ declare const IdsCheckboxGroup_base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
@@ -428,5 +426,12 @@ export default class IdsCheckboxGroup extends IdsCheckboxGroup_base {
      * @returns {IdsCheckbox[]} list of selected checkboxes
      */
     get checkboxesSelected(): IdsCheckbox[];
+    get value(): boolean[];
+    /**
+     * Set value for group
+     * @private
+     * @returns {void}
+     */
+    set value(value: boolean | boolean[]);
 }
 export {};

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-ICHQCESW.js";import"../../chunks/ids-chunk-CT5U7IVV.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-4WDX2CDM.js";import"../../chunks/ids-chunk-MJGRLEUU.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZKFSRERX.js";import"../../chunks/ids-chunk-SDTXNG6G.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-VEAPPKDG.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-OZY3W543.js";import"../../chunks/ids-chunk-CATQTJOO.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-PBWMSP2R.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5DMZXGXL.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-QOTW4DDW.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-C2V3P7CU.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

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

@@ -80,8 +80,8 @@
   width: 20px;
 }
 .ids-color.mm {
-  height: 24px;
-  min-width: 24px;
+  height: 22px;
+  min-width: 22px;
   width: 24px;
 }
 .ids-color.md {
@@ -106,7 +106,7 @@
 }
 
 .color-check {
-  color: var(--ids-color-neutral-00);
+  color: var(--ids-color-white-100);
   opacity: 0;
 }
 

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

@@ -2,6 +2,7 @@ import IdsElement from '../../core/ids-element';
 import '../ids-text/ids-text';
 import IdsTooltip from '../ids-tooltip/ids-tooltip';
 import IdsIcon from '../ids-icon/ids-icon';
+import { type IdsColorValue } from '../../utils/ids-color-utils/ids-color-utils';
 declare const Base: {
     new (...args: any[]): {
         hotkeys: Map<any, any> | null;
@@ -16,6 +17,7 @@ declare const Base: {
         unpress(key: string): boolean | undefined;
         dispatchHotkeys(e: KeyboardEvent): void;
         detachAllListeners(): void;
+        bubbleEvent(evt: any): void;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
@@ -23,7 +25,7 @@ declare const Base: {
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -32,10 +34,10 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
-        /** @param {string} value Text for this color swatch's tooltip */
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -386,6 +388,7 @@ declare const Base: {
         disconnectedCallback(): void;
         onEvent(eventName: string, target: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: unknown, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        bubbleEvent(evt: CustomEvent<any>): void;
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<unknown> | undefined): void;
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachAllEvents(): void;
@@ -405,7 +408,7 @@ declare const Base: {
         "__#5@#removeHoverEndListener"(): void;
         "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -414,10 +417,10 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
+        mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
-        /** @param {string} value Text for this color swatch's tooltip */
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -811,7 +814,7 @@ export default class IdsColor extends Base {
     /** @returns {boolean} The size of this color swatch (xs, sm, mm, md, lg) */
     get clickable(): boolean;
     /** @param {string} value Use a css variable for the color */
-    set color(value: string);
+    set color(value: IdsColorValue);
     /** @returns {string} Use a css variable for the color */
     get color(): string;
     /** Show this color swatch's tooltip */

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-DMZOF3FV.js";import"../../chunks/ids-chunk-IJT7O7QH.js";import"../../chunks/ids-chunk-LFKI3ZIN.js";import"../../chunks/ids-chunk-3QLSR2DO.js";import"../../chunks/ids-chunk-4XZUCEYZ.js";import"../../chunks/ids-chunk-23UNNOWE.js";import"../../chunks/ids-chunk-PHQEFZRD.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-CT5U7IVV.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-EVENS4EI.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-4WDX2CDM.js";import"../../chunks/ids-chunk-MJGRLEUU.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZKFSRERX.js";import"../../chunks/ids-chunk-SDTXNG6G.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-VEAPPKDG.js";import"../../chunks/ids-chunk-NSM2KAOK.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-HJF6EMI3.js";import"../../chunks/ids-chunk-A5LSAPJV.js";import"../../chunks/ids-chunk-2GQ5TB6S.js";import"../../chunks/ids-chunk-5EILFGOX.js";import"../../chunks/ids-chunk-EQXBSRVZ.js";import"../../chunks/ids-chunk-H52JAL42.js";import"../../chunks/ids-chunk-4XPAUVKO.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-CATQTJOO.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-ZDL2DB6F.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-PBWMSP2R.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-5DMZXGXL.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-QOTW4DDW.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-C2V3P7CU.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

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

@@ -63,11 +63,11 @@
 }
 
 .ids-textarea .icon-dirty {
-  top: 0;
+  top: 1px;
   margin-inline-start: 1px;
 }
 .ids-textarea .icon-dirty[dir=rtl] {
-  top: 1px;
+  top: 2px;
 }
 
 .label-state-hidden .ids-label-text.empty::before {
@@ -124,6 +124,9 @@
 .validation-message.success.disabled {
   color: var(--ids-color-success-30);
 }
+.validation-message[hidden] {
+  display: none;
+}
 
 /* stylelint-disable */
 /* stylelint-enable */
@@ -380,6 +383,10 @@
 .ids-input.field-height-xs {
   margin-block-end: var(--ids-font-size-20);
 }
+.ids-input.field-height-xs .icon-dirty {
+  left: -1px;
+  top: -1px;
+}
 .ids-input.field-height-xs .ids-label-text {
   font-size: var(--ids-input-label-font-size);
 }
@@ -410,6 +417,10 @@
 .ids-input.compact {
   margin-block-end: var(--ids-font-size-20);
 }
+.ids-input.compact .icon-dirty {
+  left: -1px;
+  top: -1px;
+}
 .ids-input.compact .ids-label-text {
   font-size: var(--ids-input-label-font-size);
 }
@@ -470,10 +481,16 @@
   font-size: var(--ids-data-grid-font-size-sm);
   padding-inline: var(--ids-space-20);
 }
+.ids-input.color-variant-borderless.ids-input.field-height-xs slot[name=trigger-end] {
+  padding-inline-end: 0;
+}
 .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-10);
 }
+.ids-input.color-variant-borderless.ids-input.field-height-xxs slot[name=trigger-end] {
+  padding-inline-end: 0;
+}
 .ids-input.color-variant-in-cell {
   margin: 1px;
 }