ids-enterprise-wc 1.0.0-beta.20 → 1.0.0-beta.22

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

@@ -453,7 +453,7 @@
   display: flex;
 }
 .ids-input.color-variant-borderless slot[name=trigger-end] {
-  padding-inline-end: 6px;
+  padding-inline-end: 3px;
 }
 .ids-input.color-variant-borderless .icon-dirty {
   display: none;
@@ -550,10 +550,7 @@
 .ids-input.color-variant-module-nav:not([class*=field-height-]) input {
   height: var(--ids-module-nav-search-input-height);
 }
-.ids-input:not([class*=color-variant-]) {
-  /* stylelint-disable-next-line no-duplicate-selectors */
-}
-.ids-input:not([class*=color-variant-]) .field-container {
+.ids-input:not([class*=color-variant-]) .field-container:not(:focus-within) {
   background-color: var(--ids-input-color-background-default);
   border-color: var(--ids-input-color-border-default);
   color: var(--ids-input-color-text);
@@ -576,35 +573,26 @@
 .ids-input:not([class*=color-variant-]).bg-transparent:focus-within .field-container {
   background-color: transparent;
 }
-.ids-input:not([class*=color-variant-]).is-active .field-container, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .field-container, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container {
+.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);
 }
-.ids-input:not([class*=color-variant-]).is-active .alert,
-.ids-input:not([class*=color-variant-]).is-active .alert:hover,
-.ids-input:not([class*=color-variant-]).is-active .warning,
-.ids-input:not([class*=color-variant-]).is-active .warning:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:hover {
   border-color: var(--ids-input-color-border-alert-default);
   color: var(--ids-input-color-text-alert-default);
 }
-.ids-input:not([class*=color-variant-]).is-active .alert:focus-within, .ids-input:not([class*=color-variant-]).is-active .alert.is-active,
-.ids-input:not([class*=color-variant-]).is-active .alert:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .alert:hover.is-active,
-.ids-input:not([class*=color-variant-]).is-active .warning:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .warning.is-active,
-.ids-input:not([class*=color-variant-]).is-active .warning:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .warning:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:focus-within,
@@ -614,91 +602,175 @@
   border-color: var(--ids-input-color-border-alert-default);
   box-shadow: var(--ids-input-shadow-alert-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]).is-active .alert[disabled],
-.ids-input:not([class*=color-variant-]).is-active .alert:hover[disabled],
-.ids-input:not([class*=color-variant-]).is-active .warning[disabled],
-.ids-input:not([class*=color-variant-]).is-active .warning:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .alert:hover[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .warning:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .alert:hover[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .warning:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .alert:hover[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .warning:hover[disabled] {
   border-color: var(--ids-input-color-border-alert-disabled);
   color: var(--ids-input-color-text-alert-disabled);
 }
-.ids-input:not([class*=color-variant-]).is-active .error,
-.ids-input:not([class*=color-variant-]).is-active .error:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error,
-.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover {
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error,
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover {
   border-color: var(--ids-input-color-border-error-default);
   color: var(--ids-input-error-color-text-error-default);
 }
-.ids-input:not([class*=color-variant-]).is-active .error:focus-within, .ids-input:not([class*=color-variant-]).is-active .error.is-active,
-.ids-input:not([class*=color-variant-]).is-active .error:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .error:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error.is-active,
-.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover.is-active {
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error.is-active,
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover.is-active {
   border-color: var(--ids-input-color-border-error-default);
   box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]).is-active .error[disabled],
-.ids-input:not([class*=color-variant-]).is-active .error:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .error:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error[disabled],
-.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .error:hover[disabled] {
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container.error:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container.error:hover[disabled] {
   border-color: var(--ids-input-color-border-error-disabled);
   color: var(--ids-input-color-border-error-disabled);
 }
-.ids-input:not([class*=color-variant-]).is-active .info,
-.ids-input:not([class*=color-variant-]).is-active .info:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover {
   border-color: var(--ids-input-color-border-info-default);
   color: var(--ids-input-color-text-info-default);
 }
-.ids-input:not([class*=color-variant-]).is-active .info:focus-within, .ids-input:not([class*=color-variant-]).is-active .info.is-active,
-.ids-input:not([class*=color-variant-]).is-active .info:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .info:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover.is-active {
   border-color: var(--ids-input-color-border-info-default);
   box-shadow: var(--ids-input-shadow-info-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]).is-active .info[disabled],
-.ids-input:not([class*=color-variant-]).is-active .info:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .info:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .info:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .info:hover[disabled] {
   border-color: var(--ids-input-color-border-info-disabled);
   color: var(--ids-input-color-text-info-disabled);
 }
-.ids-input:not([class*=color-variant-]).is-active .success,
-.ids-input:not([class*=color-variant-]).is-active .success:hover, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover {
   border-color: var(--ids-input-color-border-success-default);
   color: var(--ids-input-color-text-success-default);
 }
-.ids-input:not([class*=color-variant-]).is-active .success:focus-within, .ids-input:not([class*=color-variant-]).is-active .success.is-active,
-.ids-input:not([class*=color-variant-]).is-active .success:hover:focus-within,
-.ids-input:not([class*=color-variant-]).is-active .success:hover.is-active, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success.is-active,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover:focus-within,
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:focus-within, .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success.is-active,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover:focus-within,
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover.is-active, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:focus-within, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success.is-active,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover:focus-within,
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover.is-active {
   border-color: var(--ids-input-color-border-success-default);
   box-shadow: var(--ids-input-shadow-success-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]).is-active .success[disabled],
-.ids-input:not([class*=color-variant-]).is-active .success:hover[disabled], .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success[disabled],
-.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled) .success:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success[disabled],
+.ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .success:hover[disabled], .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success[disabled],
 .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .success:hover[disabled] {
   border-color: var(--ids-input-color-border-success-disabled);
   color: var(--ids-input-color-text-success-disabled);
 }
+.ids-input:not([class*=color-variant-]).is-active .field-container, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container {
+  border-color: var(--ids-input-color-border-focus);
+}
+.ids-input:not([class*=color-variant-]).is-active .alert,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover,
+.ids-input:not([class*=color-variant-]).is-active .warning,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover {
+  border-color: var(--ids-input-color-border-alert-default);
+  color: var(--ids-input-color-text-alert-default);
+}
+.ids-input:not([class*=color-variant-]).is-active .alert:focus-within, .ids-input:not([class*=color-variant-]).is-active .alert.is-active,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .alert:hover.is-active,
+.ids-input:not([class*=color-variant-]).is-active .warning:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .warning.is-active,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .warning:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover.is-active {
+  border-color: var(--ids-input-color-border-alert-default);
+  box-shadow: var(--ids-input-shadow-alert-focus) 0 0 3px 2px;
+}
+.ids-input:not([class*=color-variant-]).is-active .alert[disabled],
+.ids-input:not([class*=color-variant-]).is-active .alert:hover[disabled],
+.ids-input:not([class*=color-variant-]).is-active .warning[disabled],
+.ids-input:not([class*=color-variant-]).is-active .warning:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .alert:hover[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .warning:hover[disabled] {
+  border-color: var(--ids-input-color-border-alert-disabled);
+  color: var(--ids-input-color-text-alert-disabled);
+}
+.ids-input:not([class*=color-variant-]).is-active .field-container.error,
+.ids-input:not([class*=color-variant-]).is-active .field-container.error:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover {
+  border-color: var(--ids-input-color-border-error-default);
+  color: var(--ids-input-error-color-text-error-default);
+}
+.ids-input:not([class*=color-variant-]).is-active .field-container.error:focus-within, .ids-input:not([class*=color-variant-]).is-active .field-container.error.is-active,
+.ids-input:not([class*=color-variant-]).is-active .field-container.error:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .field-container.error:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover.is-active {
+  border-color: var(--ids-input-color-border-error-default);
+  box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
+}
+.ids-input:not([class*=color-variant-]).is-active .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]).is-active .field-container.error:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .field-container.error:hover[disabled] {
+  border-color: var(--ids-input-color-border-error-disabled);
+  color: var(--ids-input-color-border-error-disabled);
+}
+.ids-input:not([class*=color-variant-]).is-active .info,
+.ids-input:not([class*=color-variant-]).is-active .info:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover {
+  border-color: var(--ids-input-color-border-info-default);
+  color: var(--ids-input-color-text-info-default);
+}
+.ids-input:not([class*=color-variant-]).is-active .info:focus-within, .ids-input:not([class*=color-variant-]).is-active .info.is-active,
+.ids-input:not([class*=color-variant-]).is-active .info:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .info:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover.is-active {
+  border-color: var(--ids-input-color-border-info-default);
+  box-shadow: var(--ids-input-shadow-info-focus) 0 0 3px 2px;
+}
+.ids-input:not([class*=color-variant-]).is-active .info[disabled],
+.ids-input:not([class*=color-variant-]).is-active .info:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .info:hover[disabled] {
+  border-color: var(--ids-input-color-border-info-disabled);
+  color: var(--ids-input-color-text-info-disabled);
+}
+.ids-input:not([class*=color-variant-]).is-active .success,
+.ids-input:not([class*=color-variant-]).is-active .success:hover, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover {
+  border-color: var(--ids-input-color-border-success-default);
+  color: var(--ids-input-color-text-success-default);
+}
+.ids-input:not([class*=color-variant-]).is-active .success:focus-within, .ids-input:not([class*=color-variant-]).is-active .success.is-active,
+.ids-input:not([class*=color-variant-]).is-active .success:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active .success:hover.is-active, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:focus-within, .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success.is-active,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover:focus-within,
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover.is-active {
+  border-color: var(--ids-input-color-border-success-default);
+  box-shadow: var(--ids-input-shadow-success-focus) 0 0 3px 2px;
+}
+.ids-input:not([class*=color-variant-]).is-active .success[disabled],
+.ids-input:not([class*=color-variant-]).is-active .success:hover[disabled], .ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success[disabled],
+.ids-input:not([class*=color-variant-]).is-active:hover.readonly.readonly-background .success:hover[disabled] {
+  border-color: var(--ids-input-color-border-success-disabled);
+  color: var(--ids-input-color-text-success-disabled);
+}
 .ids-input:not([class*=color-variant-]):hover:not(.disabled).readonly.readonly-background.color-variant-alternate-formatter .field-container {
   border-color: var(--ids-data-grid-filter-input-color-border-hover);
 }
@@ -726,19 +798,19 @@
   border-color: var(--ids-input-color-border-alert-disabled);
   color: var(--ids-input-color-text-alert-disabled);
 }
-.ids-input:not([class*=color-variant-]) .error,
-.ids-input:not([class*=color-variant-]) .error:hover {
+.ids-input:not([class*=color-variant-]) .field-container.error,
+.ids-input:not([class*=color-variant-]) .field-container.error:hover {
   border-color: var(--ids-input-color-border-error-default);
   color: var(--ids-input-error-color-text-error-default);
 }
-.ids-input:not([class*=color-variant-]) .error:focus-within, .ids-input:not([class*=color-variant-]) .error.is-active,
-.ids-input:not([class*=color-variant-]) .error:hover:focus-within,
-.ids-input:not([class*=color-variant-]) .error:hover.is-active {
+.ids-input:not([class*=color-variant-]) .field-container.error:focus-within, .ids-input:not([class*=color-variant-]) .field-container.error.is-active,
+.ids-input:not([class*=color-variant-]) .field-container.error:hover:focus-within,
+.ids-input:not([class*=color-variant-]) .field-container.error:hover.is-active {
   border-color: var(--ids-input-color-border-error-default);
   box-shadow: var(--ids-input-color-shadow-error-focus) 0 0 3px 2px;
 }
-.ids-input:not([class*=color-variant-]) .error[disabled],
-.ids-input:not([class*=color-variant-]) .error:hover[disabled] {
+.ids-input:not([class*=color-variant-]) .field-container.error[disabled],
+.ids-input:not([class*=color-variant-]) .field-container.error:hover[disabled] {
   border-color: var(--ids-input-color-border-error-disabled);
   color: var(--ids-input-color-border-error-disabled);
 }

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

@@ -11,14 +11,9 @@ declare const Base: {
         connectedCallback(): void;
         handleClearable(): void;
         refreshClearableButtonStyles(): void;
-        "__#42@#initClearableButton"(): HTMLElement;
+        "__#48@#initClearableButton"(): HTMLElement;
         appendClearableButton(): void;
         removeClearableButton(): void;
-        /**
-         * HTML for IdsColorPicker.shadowRoot
-         * Contains default slot for color elements
-         * @returns {string} - html for the template
-         */
         clear(): void;
         checkContents(): void;
         attachClearableEvents(): void;
@@ -28,7 +23,6 @@ declare const Base: {
         get clearable(): boolean;
         set clearable(value: string | boolean);
         clearableForced: string | null;
-        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;
@@ -48,7 +42,10 @@ declare const Base: {
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
-        render(force?: boolean | undefined): any;
+        render(force?: boolean | undefined): any; /**
+         * HTML for Color Picker Previw Swatch
+         * @returns {string} - html
+         */
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -387,7 +384,7 @@ declare const Base: {
         compact: string | boolean;
         fieldHeight: string;
         clearHeightClasses(): void;
-        "__#43@#doFieldHeightChange"(fieldHeight: string): void;
+        "__#49@#doFieldHeightChange"(fieldHeight: string): void;
         onFieldHeightChange?(fieldHeight: string): void;
         name?: string | undefined;
         state: any;
@@ -402,7 +399,10 @@ declare const Base: {
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
-        render(force?: boolean | undefined): any;
+        render(force?: boolean | undefined): any; /**
+         * HTML for Color Picker Previw Swatch
+         * @returns {string} - html
+         */
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -749,14 +749,16 @@ declare const Base: {
         appendDirtyTrackerMsg(): void;
         removeDirtyTrackerMsg(): void;
         valMethod(el: any): any;
-        setDirtyTracker(val?: string | undefined): void;
+        setDirtyTracker(val?: string | undefined): void; /**
+         * Default color swatches for this color-picker if no children provided
+         * @returns {Array<IdsColor>} available colors within this picker
+         */
         dirtyTrackerEvents(option?: string): void;
         onLanguageChange: () => void;
         resetDirtyTracker(): void;
         destroyDirtyTracker(): void;
-        "__#41@#onDirtyTrackerChange"(): void;
+        "__#47@#onDirtyTrackerChange"(): void;
         dirtyTracker: boolean;
-        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;
@@ -778,7 +780,10 @@ declare const Base: {
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
-        render(force?: boolean | undefined): any;
+        render(force?: boolean | undefined): any; /**
+         * HTML for Color Picker Previw Swatch
+         * @returns {string} - html
+         */
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -1117,7 +1122,6 @@ declare const Base: {
         locale: string;
         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;
@@ -1139,7 +1143,10 @@ declare const Base: {
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
-        render(force?: boolean | undefined): any;
+        render(force?: boolean | undefined): any; /**
+         * HTML for Color Picker Previw Swatch
+         * @returns {string} - html
+         */
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -1494,7 +1501,10 @@ declare const Base: {
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
-        render(force?: boolean | undefined): any;
+        render(force?: boolean | undefined): any; /**
+         * HTML for Color Picker Previw Swatch
+         * @returns {string} - html
+         */
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -1845,25 +1855,24 @@ 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;
         detachEventsByName: (eventName: string) => void;
-        "__#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;
-        "__#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;
-        "__#5@#removeSlopedMouseLeaveListener"(): void;
-        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#4@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#removeLongPressListener"(): void;
+        "__#4@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#removeSwipeListener"(): void;
+        "__#4@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#4@#removeKeyboardFocusListener"(): void;
+        "__#4@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#clearSlopedMouseLeaveTimer"(): void;
+        "__#4@#removeSlopedMouseLeaveListener"(): void;
+        "__#4@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#5@#removeHoverEndListener"(): void;
-        "__#5@#removeKeyDownEndListener"(): void;
+        "__#4@#removeHoverEndListener"(): void;
+        "__#4@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: any;
         cachedNonce: string;
@@ -1877,7 +1886,10 @@ declare const Base: {
         mountedCallback(): void;
         "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-        render(force?: boolean | undefined): any;
+        render(force?: boolean | undefined): any; /**
+         * HTML for Color Picker Previw Swatch
+         * @returns {string} - html
+         */
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
@@ -2217,10 +2229,6 @@ declare const Base: {
  */
 export default class IdsColorPicker extends Base {
     #private;
-    colorInput?: HTMLInputElement | null;
-    colorPreview?: IdsColor | null;
-    triggerBtn?: IdsTriggerButton | null;
-    textInput?: IdsTriggerField | null;
     isFormComponent: boolean;
     useDefaultSwatches: boolean;
     initialized: boolean;
@@ -2237,6 +2245,10 @@ export default class IdsColorPicker extends Base {
      * @returns {string} - html for the template
      */
     template(): string;
+    get textInput(): IdsTriggerField | null;
+    get colorInput(): HTMLInputElement | null;
+    get colorPreview(): HTMLElement | null;
+    get triggerBtn(): IdsTriggerButton | null;
     /**
      * HTML for Color Picker Previw Swatch
      * @returns {string} - html

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-U62IQOQ4.js";import"../../chunks/ids-chunk-4ZM6SDNZ.js";import"../../chunks/ids-chunk-7GLAQOWS.js";import"../../chunks/ids-chunk-5HCQOHBY.js";import"../../chunks/ids-chunk-SILCRK62.js";import"../../chunks/ids-chunk-GBYYWX3C.js";import"../../chunks/ids-chunk-55OT46JK.js";import"../../chunks/ids-chunk-Q34RMGF3.js";import"../../chunks/ids-chunk-3KETWUOK.js";import"../../chunks/ids-chunk-HLUXXWCE.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-RFRKYRBB.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-U3IWSQKD.js";import"../../chunks/ids-chunk-DAD3MOZA.js";import"../../chunks/ids-chunk-I4PWQAOD.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-J763DNOL.js";import"../../chunks/ids-chunk-JBLOGF5L.js";import"../../chunks/ids-chunk-J3ORU6PU.js";import"../../chunks/ids-chunk-OOGHKPVO.js";import"../../chunks/ids-chunk-RMLFHQTY.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-N7FGATH6.js";import"../../chunks/ids-chunk-E4DZ7QSP.js";import"../../chunks/ids-chunk-RT4DG27E.js";import"../../chunks/ids-chunk-QOF4IG2V.js";import"../../chunks/ids-chunk-GGNUQLO4.js";import"../../chunks/ids-chunk-SMQQXLDE.js";import"../../chunks/ids-chunk-S2W3UJWN.js";import"../../chunks/ids-chunk-MBTINBC7.js";import"../../chunks/ids-chunk-HHPBYC7Z.js";import"../../chunks/ids-chunk-RYENC4X3.js";import"../../chunks/ids-chunk-3AHRZNWC.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-6A6ABSRU.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-7ANXCSK2.js";import"../../chunks/ids-chunk-YDB2XN3D.js";import"../../chunks/ids-chunk-JTLM24AT.js";import"../../chunks/ids-chunk-YSNCZSZO.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-TSR3CW57.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-F2Y4VB7Q.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-I64AK72Z.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-WEDRKSLP.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-ZZDLX34E.js";import"../../chunks/ids-chunk-KTREQX4R.js";import"../../chunks/ids-chunk-2AF6ZFD6.js";import"../../chunks/ids-chunk-XA3JH3NI.js";import"../../chunks/ids-chunk-FAWNIWSH.js";import"../../chunks/ids-chunk-NQOSUCLC.js";import"../../chunks/ids-chunk-GRMIKX4U.js";import"../../chunks/ids-chunk-DCJDBNQZ.js";import"../../chunks/ids-chunk-YKKPYZ7H.js";import"../../chunks/ids-chunk-IZ2J35KQ.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-RFRKYRBB.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-27O7W6CG.js";import"../../chunks/ids-chunk-3NW4RYDK.js";import"../../chunks/ids-chunk-J6QKI23L.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-ZIUHOFWA.js";import"../../chunks/ids-chunk-SK3QSKHB.js";import"../../chunks/ids-chunk-4VAQJKQK.js";import"../../chunks/ids-chunk-N5P66PJP.js";import"../../chunks/ids-chunk-KUR5DINC.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-RIOIOE7O.js";import"../../chunks/ids-chunk-EBSENX5U.js";import"../../chunks/ids-chunk-RSN3V7NQ.js";import"../../chunks/ids-chunk-2NG5TGCF.js";import"../../chunks/ids-chunk-TT6S4DMY.js";import"../../chunks/ids-chunk-2FVT36Q6.js";import"../../chunks/ids-chunk-2LMGFQGI.js";import"../../chunks/ids-chunk-Y2X37JEV.js";import"../../chunks/ids-chunk-5AX3KL4V.js";import"../../chunks/ids-chunk-MFR3ZJU3.js";import"../../chunks/ids-chunk-CVXM6WYD.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-EGORO2H4.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-JC5MEEEQ.js";import"../../chunks/ids-chunk-MVPWITHY.js";import"../../chunks/ids-chunk-LZU7QFN4.js";import"../../chunks/ids-chunk-H2UUMN2T.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-Q4QJCPLZ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7MATJMV7.js";import"../../chunks/ids-chunk-OM3C4JYX.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-JN2QIYPV.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-3Q46IU4X.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

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

@@ -6,7 +6,6 @@ declare const Base: {
         locale: string;
         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;
@@ -365,7 +364,7 @@ declare const Base: {
         connectedCallback(): void;
         colorVariants: string[];
         colorVariant: string | null;
-        "__#4@#refreshColorVariant"(oldVariantName?: string | null | undefined, newVariantName?: string | null | undefined): void;
+        "__#10@#refreshColorVariant"(oldVariantName?: string | null | undefined, newVariantName?: string | null | undefined): void;
         onColorVariantRefresh?(variantName: string | null | undefined): void;
         name?: string | undefined;
         state: any;
@@ -731,25 +730,24 @@ 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;
         detachEventsByName: (eventName: string) => void;
-        "__#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;
-        "__#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;
-        "__#5@#removeSlopedMouseLeaveListener"(): void;
-        "__#5@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
+        "__#4@#addLongPressListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#removeLongPressListener"(): void;
+        "__#4@#addSwipeListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#removeSwipeListener"(): void;
+        "__#4@#addKeyboardFocusListener"(eventName: string, target: Element): void;
+        "__#4@#removeKeyboardFocusListener"(): void;
+        "__#4@#addHoverEndListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#addSlopedMouseLeaveListener"(eventName: string, target: Element, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        "__#4@#clearSlopedMouseLeaveTimer"(): void;
+        "__#4@#removeSlopedMouseLeaveListener"(): void;
+        "__#4@#addKeyDownEndListener"(target: HTMLElement, options?: Record<string, unknown> | undefined): void;
         clearTimer(): void;
-        "__#5@#removeHoverEndListener"(): void;
-        "__#5@#removeKeyDownEndListener"(): void;
+        "__#4@#removeHoverEndListener"(): void;
+        "__#4@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
         state: any;
         cachedNonce: string;

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

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-E5D2WDLT.js";import"../../chunks/ids-chunk-YSNCZSZO.js";import"../../chunks/ids-chunk-CATQTJOO.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-TSR3CW57.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-F2Y4VB7Q.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-I64AK72Z.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-WEDRKSLP.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-KGMXWDIF.js";import"../../chunks/ids-chunk-H2UUMN2T.js";import"../../chunks/ids-chunk-3DA43NO3.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-Q4QJCPLZ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-7MATJMV7.js";import"../../chunks/ids-chunk-OM3C4JYX.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-7MVZOSC6.js";import"../../chunks/ids-chunk-ROUTR3H3.js";import"../../chunks/ids-chunk-JN2QIYPV.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-3Q46IU4X.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};