igniteui-webcomponents 7.3.0-beta.1 → 7.3.1

package/components/chip/themes/shared/chip.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button:focus{outline:.25rem solid var(--focus-shadow-color)}:host([selected]) button:not([disabled]):focus{outline:.25rem solid var(--focus-selected-shadow-color)}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){color:var(--ig-primary-700-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:var(--ig-primary-500);color:var(--ig-primary-700-contrast);outline:.25rem solid hsl(from var(--ig-primary-500) h s l/0.38)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:var(--ig-primary-600);color:var(--ig-primary-700-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){color:var(--ig-info-700-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-500);color:var(--ig-info-700-contrast);outline:.25rem solid hsl(from var(--ig-info-500) h s l/0.38)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-600);color:var(--ig-info-700-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-700-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-500);color:var(--ig-success-700-contrast);outline:.25rem solid hsl(from var(--ig-success-500) h s l/0.38)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-600);color:var(--ig-success-700-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-warn-700-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-500);color:var(--ig-warn-700-contrast);outline:.25rem solid hsl(from var(--ig-warn-500) h s l/0.38)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-600);color:var(--ig-warn-700-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-700-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-500);color:var(--ig-error-700-contrast);outline:.25rem solid hsl(from var(--ig-error-500) h s l/0.38)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-600);color:var(--ig-error-700-contrast)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-600) h s l/0.3)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-600) h s l/0.3)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-600) h s l/0.3)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-600) h s l/0.3)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-600) h s l/0.3)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:rgba(0,0,0,0)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host [part=base]:focus-within{outline:.25rem solid var(--focus-shadow-color)}:host([selected]:not([disabled])) [part=base]:focus-within{outline:.25rem solid var(--focus-selected-shadow-color)}:host([variant=primary]) [part=base],:host([selected][variant=primary]:not([disabled])) [part=base]{color:var(--ig-primary-700-contrast)}:host([variant=primary]) [part=base]:focus-within,:host([selected][variant=primary]:not([disabled])) [part=base]:focus-within{background:var(--ig-primary-500);color:var(--ig-primary-700-contrast);outline:.25rem solid hsl(from var(--ig-primary-500) h s l/0.38)}:host([variant=primary]) [part=base]:hover,:host([selected][variant=primary]:not([disabled])) [part=base]:hover{background:var(--ig-primary-600);color:var(--ig-primary-700-contrast)}:host([variant=info]) [part=base],:host([selected][variant=info]:not([disabled])) [part=base]{color:var(--ig-info-700-contrast)}:host([variant=info]) [part=base]:focus-within,:host([selected][variant=info]:not([disabled])) [part=base]:focus-within{background:var(--ig-info-500);color:var(--ig-info-700-contrast);outline:.25rem solid hsl(from var(--ig-info-500) h s l/0.38)}:host([variant=info]) [part=base]:hover,:host([selected][variant=info]:not([disabled])) [part=base]:hover{background:var(--ig-info-600);color:var(--ig-info-700-contrast)}:host([variant=success]) [part=base],:host([selected][variant=success]:not([disabled])) [part=base]{color:var(--ig-success-700-contrast)}:host([variant=success]) [part=base]:focus-within,:host([selected][variant=success]:not([disabled])) [part=base]:focus-within{background:var(--ig-success-500);color:var(--ig-success-700-contrast);outline:.25rem solid hsl(from var(--ig-success-500) h s l/0.38)}:host([variant=success]) [part=base]:hover,:host([selected][variant=success]:not([disabled])) [part=base]:hover{background:var(--ig-success-600);color:var(--ig-success-700-contrast)}:host([variant=warning]) [part=base],:host([selected][variant=warning]:not([disabled])) [part=base]{color:var(--ig-warn-700-contrast)}:host([variant=warning]) [part=base]:focus-within,:host([selected][variant=warning]:not([disabled])) [part=base]:focus-within{background:var(--ig-warn-500);color:var(--ig-warn-700-contrast);outline:.25rem solid hsl(from var(--ig-warn-500) h s l/0.38)}:host([variant=warning]) [part=base]:hover,:host([selected][variant=warning]:not([disabled])) [part=base]:hover{background:var(--ig-warn-600);color:var(--ig-warn-700-contrast)}:host([variant=danger]) [part=base],:host([selected][variant=danger]:not([disabled])) [part=base]{color:var(--ig-error-700-contrast)}:host([variant=danger]) [part=base]:focus-within,:host([selected][variant=danger]:not([disabled])) [part=base]:focus-within{background:var(--ig-error-500);color:var(--ig-error-700-contrast);outline:.25rem solid hsl(from var(--ig-error-500) h s l/0.38)}:host([variant=danger]) [part=base]:hover,:host([selected][variant=danger]:not([disabled])) [part=base]:hover{background:var(--ig-error-600);color:var(--ig-error-700-contrast)}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=primary]) [part=base]:hover,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-primary-600) h s l/0.3)}:host([outlined][variant=primary]) [part=base]:focus-within,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=info]) [part=base]:hover,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-info-600) h s l/0.3)}:host([outlined][variant=info]) [part=base]:focus-within,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=success]) [part=base]:hover,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-success-600) h s l/0.3)}:host([outlined][variant=success]) [part=base]:focus-within,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) [part=base]:hover,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-warn-600) h s l/0.3)}:host([outlined][variant=warning]) [part=base]:focus-within,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) [part=base]:hover,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-error-600) h s l/0.3)}:host([outlined][variant=danger]) [part=base]:focus-within,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}`;
 //# sourceMappingURL=chip.bootstrap.css.js.map

package/components/chip/themes/shared/chip.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+9JAA+9J,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button:focus{outline:.25rem solid var(--focus-shadow-color)}:host([selected]) button:not([disabled]):focus{outline:.25rem solid var(--focus-selected-shadow-color)}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){color:var(--ig-primary-700-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:var(--ig-primary-500);color:var(--ig-primary-700-contrast);outline:.25rem solid hsl(from var(--ig-primary-500) h s l/0.38)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:var(--ig-primary-600);color:var(--ig-primary-700-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){color:var(--ig-info-700-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-500);color:var(--ig-info-700-contrast);outline:.25rem solid hsl(from var(--ig-info-500) h s l/0.38)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-600);color:var(--ig-info-700-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-700-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-500);color:var(--ig-success-700-contrast);outline:.25rem solid hsl(from var(--ig-success-500) h s l/0.38)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-600);color:var(--ig-success-700-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-warn-700-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-500);color:var(--ig-warn-700-contrast);outline:.25rem solid hsl(from var(--ig-warn-500) h s l/0.38)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-600);color:var(--ig-warn-700-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-700-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-500);color:var(--ig-error-700-contrast);outline:.25rem solid hsl(from var(--ig-error-500) h s l/0.38)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-600);color:var(--ig-error-700-contrast)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-600) h s l/0.3)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-600) h s l/0.3)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-600) h s l/0.3)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-600) h s l/0.3)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-600) h s l/0.3)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:rgba(0,0,0,0)}`;\n  "]}
+{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+6KAA+6K,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host [part=base]:focus-within{outline:.25rem solid var(--focus-shadow-color)}:host([selected]:not([disabled])) [part=base]:focus-within{outline:.25rem solid var(--focus-selected-shadow-color)}:host([variant=primary]) [part=base],:host([selected][variant=primary]:not([disabled])) [part=base]{color:var(--ig-primary-700-contrast)}:host([variant=primary]) [part=base]:focus-within,:host([selected][variant=primary]:not([disabled])) [part=base]:focus-within{background:var(--ig-primary-500);color:var(--ig-primary-700-contrast);outline:.25rem solid hsl(from var(--ig-primary-500) h s l/0.38)}:host([variant=primary]) [part=base]:hover,:host([selected][variant=primary]:not([disabled])) [part=base]:hover{background:var(--ig-primary-600);color:var(--ig-primary-700-contrast)}:host([variant=info]) [part=base],:host([selected][variant=info]:not([disabled])) [part=base]{color:var(--ig-info-700-contrast)}:host([variant=info]) [part=base]:focus-within,:host([selected][variant=info]:not([disabled])) [part=base]:focus-within{background:var(--ig-info-500);color:var(--ig-info-700-contrast);outline:.25rem solid hsl(from var(--ig-info-500) h s l/0.38)}:host([variant=info]) [part=base]:hover,:host([selected][variant=info]:not([disabled])) [part=base]:hover{background:var(--ig-info-600);color:var(--ig-info-700-contrast)}:host([variant=success]) [part=base],:host([selected][variant=success]:not([disabled])) [part=base]{color:var(--ig-success-700-contrast)}:host([variant=success]) [part=base]:focus-within,:host([selected][variant=success]:not([disabled])) [part=base]:focus-within{background:var(--ig-success-500);color:var(--ig-success-700-contrast);outline:.25rem solid hsl(from var(--ig-success-500) h s l/0.38)}:host([variant=success]) [part=base]:hover,:host([selected][variant=success]:not([disabled])) [part=base]:hover{background:var(--ig-success-600);color:var(--ig-success-700-contrast)}:host([variant=warning]) [part=base],:host([selected][variant=warning]:not([disabled])) [part=base]{color:var(--ig-warn-700-contrast)}:host([variant=warning]) [part=base]:focus-within,:host([selected][variant=warning]:not([disabled])) [part=base]:focus-within{background:var(--ig-warn-500);color:var(--ig-warn-700-contrast);outline:.25rem solid hsl(from var(--ig-warn-500) h s l/0.38)}:host([variant=warning]) [part=base]:hover,:host([selected][variant=warning]:not([disabled])) [part=base]:hover{background:var(--ig-warn-600);color:var(--ig-warn-700-contrast)}:host([variant=danger]) [part=base],:host([selected][variant=danger]:not([disabled])) [part=base]{color:var(--ig-error-700-contrast)}:host([variant=danger]) [part=base]:focus-within,:host([selected][variant=danger]:not([disabled])) [part=base]:focus-within{background:var(--ig-error-500);color:var(--ig-error-700-contrast);outline:.25rem solid hsl(from var(--ig-error-500) h s l/0.38)}:host([variant=danger]) [part=base]:hover,:host([selected][variant=danger]:not([disabled])) [part=base]:hover{background:var(--ig-error-600);color:var(--ig-error-700-contrast)}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=primary]) [part=base]:hover,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-primary-600) h s l/0.3)}:host([outlined][variant=primary]) [part=base]:focus-within,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=info]) [part=base]:hover,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-info-600) h s l/0.3)}:host([outlined][variant=info]) [part=base]:focus-within,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=success]) [part=base]:hover,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-success-600) h s l/0.3)}:host([outlined][variant=success]) [part=base]:focus-within,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) [part=base]:hover,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-warn-600) h s l/0.3)}:host([outlined][variant=warning]) [part=base]:focus-within,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) [part=base]:hover,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-error-600) h s l/0.3)}:host([outlined][variant=danger]) [part=base]:focus-within,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:focus-within{background:rgba(0,0,0,0)}`;\n  "]}

package/components/chip/themes/shared/chip.common.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);outline:none;height:var(--size)}:host button [part=content]{padding-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button:focus{background:var(--focus-background);color:var(--focus-text-color)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color)}:host button ::slotted([slot=remove]){color:var(--remove-icon-color)}:host button ::slotted([slot=remove]):focus-within{color:var(--remove-icon-color-focus)}:host button slot[name=remove] igc-icon,:host button slot[name=remove] ::slotted(igc-icon){color:var(--remove-icon-color)}:host button slot[name=remove]:focus-within igc-icon,:host button slot[name=remove]:focus-within ::slotted(igc-icon){color:var(--remove-icon-color-focus)}:host button igc-icon,:host button ::slotted(igc-icon){--component-size: var(--chip-size)}:host button ::slotted(*){--default-size: var(--chip-size);display:inline-flex;place-items:center}:host button ::slotted(igc-avatar){--size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host button ::slotted(igc-circular-progress){--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]) button:not([disabled]){background:var(--selected-background);color:var(--selected-text-color)}:host([selected]) button:not([disabled]):focus{background:var(--focus-selected-background);color:var(--focus-selected-text-color)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background);color:var(--hover-selected-text-color)}:host([selected]) button[disabled]{background:var(--disabled-selected-background);color:var(--disabled-selected-text-color)}:host([outlined]) button{background:var(--outlined-background);color:var(--outlined-text-color);border:.0625rem solid var(--border-color)}:host([outlined]) button:focus{background:var(--focus-outlined-background);color:var(--focus-outlined-text-color);border-color:var(--focus-border-color)}:host([outlined]) button:hover{background:var(--hover-outlined-background);color:var(--hover-outlined-text-color);border-color:var(--hover-border-color)}:host([outlined]) button[disabled]{background:var(--disabled-outlined-background);color:var(--disabled-outlined-text-color);border-color:var(--disabled-border-color)}:host([selected][outlined]) button:not([disabled]){background:var(--selected-outlined-background);color:var(--selected-outlined-text-color);border-color:var(--selected-border-color)}:host([selected][outlined]) button:not([disabled]):focus{background:var(--focus-selected-outlined-background);color:var(--focus-selected-outlined-text-color);border-color:var(--focus-selected-border-color)}:host([selected][outlined]) button:not([disabled]):hover{background:var(--hover-selected-outlined-background);color:var(--hover-selected-outlined-text-color);border-color:var(--hover-selected-border-color)}:host([selected][outlined]) button[disabled]{background:var(--disabled-selected-outlined-background);color:var(--disabled-selected-outlined-text-color);border-color:var(--disabled-selected-border-color)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host [part=base]{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);outline:none;height:var(--size)}:host [part=base] [part=content]{padding-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part=base]:focus-within{background:var(--focus-background);color:var(--focus-text-color)}:host [part=base]:hover{background:var(--hover-background);color:var(--hover-text-color)}:host [part=base] ::slotted([slot=remove]){color:var(--remove-icon-color)}:host [part=base] ::slotted([slot=remove]):focus-within{color:var(--remove-icon-color-focus)}:host [part=base] slot[name=remove] igc-icon,:host [part=base] slot[name=remove] ::slotted(igc-icon){color:var(--remove-icon-color)}:host [part=base] slot[name=remove]:focus-within igc-icon,:host [part=base] slot[name=remove]:focus-within ::slotted(igc-icon){color:var(--remove-icon-color-focus)}:host [part=base] igc-icon,:host [part=base] ::slotted(igc-icon){--component-size: var(--chip-size)}:host [part=base] ::slotted(*){--default-size: var(--chip-size);display:inline-flex;place-items:center}:host [part=base] ::slotted(igc-avatar){--size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host [part=base] ::slotted(igc-circular-progress){--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([disabled]) [part=base]{background:var(--disabled-background);color:var(--disabled-text-color)}:host([selected]:not([disabled])) [part=base]{background:var(--selected-background);color:var(--selected-text-color)}:host([selected]:not([disabled])) [part=base]:focus-within{background:var(--focus-selected-background);color:var(--focus-selected-text-color)}:host([selected]:not([disabled])) [part=base]:hover{background:var(--hover-selected-background);color:var(--hover-selected-text-color)}:host([selected][disabled]) [part=base]{background:var(--disabled-selected-background);color:var(--disabled-selected-text-color)}:host([outlined]) [part=base]{background:var(--outlined-background);color:var(--outlined-text-color);border:.0625rem solid var(--border-color)}:host([outlined]) [part=base]:focus-within{background:var(--focus-outlined-background);color:var(--focus-outlined-text-color);border-color:var(--focus-border-color)}:host([outlined]) [part=base]:hover{background:var(--hover-outlined-background);color:var(--hover-outlined-text-color);border-color:var(--hover-border-color)}:host([outlined][disabled]) [part=base]{background:var(--disabled-outlined-background);color:var(--disabled-outlined-text-color);border-color:var(--disabled-border-color)}:host([selected][outlined]:not([disabled])) [part=base]{background:var(--selected-outlined-background);color:var(--selected-outlined-text-color);border-color:var(--selected-border-color)}:host([selected][outlined]:not([disabled])) [part=base]:focus-within{background:var(--focus-selected-outlined-background);color:var(--focus-selected-outlined-text-color);border-color:var(--focus-selected-border-color)}:host([selected][outlined]:not([disabled])) [part=base]:hover{background:var(--hover-selected-outlined-background);color:var(--hover-selected-outlined-text-color);border-color:var(--hover-selected-border-color)}:host([selected][outlined][disabled]) [part=base]{background:var(--disabled-selected-outlined-background);color:var(--disabled-selected-outlined-text-color);border-color:var(--disabled-selected-border-color)}`;
 //# sourceMappingURL=chip.common.css.js.map

package/components/chip/themes/shared/chip.common.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.common.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.common.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qwHAAqwH,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);outline:none;height:var(--size)}:host button [part=content]{padding-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button:focus{background:var(--focus-background);color:var(--focus-text-color)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color)}:host button ::slotted([slot=remove]){color:var(--remove-icon-color)}:host button ::slotted([slot=remove]):focus-within{color:var(--remove-icon-color-focus)}:host button slot[name=remove] igc-icon,:host button slot[name=remove] ::slotted(igc-icon){color:var(--remove-icon-color)}:host button slot[name=remove]:focus-within igc-icon,:host button slot[name=remove]:focus-within ::slotted(igc-icon){color:var(--remove-icon-color-focus)}:host button igc-icon,:host button ::slotted(igc-icon){--component-size: var(--chip-size)}:host button ::slotted(*){--default-size: var(--chip-size);display:inline-flex;place-items:center}:host button ::slotted(igc-avatar){--size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host button ::slotted(igc-circular-progress){--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]) button:not([disabled]){background:var(--selected-background);color:var(--selected-text-color)}:host([selected]) button:not([disabled]):focus{background:var(--focus-selected-background);color:var(--focus-selected-text-color)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background);color:var(--hover-selected-text-color)}:host([selected]) button[disabled]{background:var(--disabled-selected-background);color:var(--disabled-selected-text-color)}:host([outlined]) button{background:var(--outlined-background);color:var(--outlined-text-color);border:.0625rem solid var(--border-color)}:host([outlined]) button:focus{background:var(--focus-outlined-background);color:var(--focus-outlined-text-color);border-color:var(--focus-border-color)}:host([outlined]) button:hover{background:var(--hover-outlined-background);color:var(--hover-outlined-text-color);border-color:var(--hover-border-color)}:host([outlined]) button[disabled]{background:var(--disabled-outlined-background);color:var(--disabled-outlined-text-color);border-color:var(--disabled-border-color)}:host([selected][outlined]) button:not([disabled]){background:var(--selected-outlined-background);color:var(--selected-outlined-text-color);border-color:var(--selected-border-color)}:host([selected][outlined]) button:not([disabled]):focus{background:var(--focus-selected-outlined-background);color:var(--focus-selected-outlined-text-color);border-color:var(--focus-selected-border-color)}:host([selected][outlined]) button:not([disabled]):hover{background:var(--hover-selected-outlined-background);color:var(--hover-selected-outlined-text-color);border-color:var(--hover-selected-border-color)}:host([selected][outlined]) button[disabled]{background:var(--disabled-selected-outlined-background);color:var(--disabled-selected-outlined-text-color);border-color:var(--disabled-selected-border-color)}`;\n  "]}
+{"version":3,"file":"chip.common.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.common.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+6HAA+6H,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host [part=base]{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);outline:none;height:var(--size)}:host [part=base] [part=content]{padding-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part=base]:focus-within{background:var(--focus-background);color:var(--focus-text-color)}:host [part=base]:hover{background:var(--hover-background);color:var(--hover-text-color)}:host [part=base] ::slotted([slot=remove]){color:var(--remove-icon-color)}:host [part=base] ::slotted([slot=remove]):focus-within{color:var(--remove-icon-color-focus)}:host [part=base] slot[name=remove] igc-icon,:host [part=base] slot[name=remove] ::slotted(igc-icon){color:var(--remove-icon-color)}:host [part=base] slot[name=remove]:focus-within igc-icon,:host [part=base] slot[name=remove]:focus-within ::slotted(igc-icon){color:var(--remove-icon-color-focus)}:host [part=base] igc-icon,:host [part=base] ::slotted(igc-icon){--component-size: var(--chip-size)}:host [part=base] ::slotted(*){--default-size: var(--chip-size);display:inline-flex;place-items:center}:host [part=base] ::slotted(igc-avatar){--size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host [part=base] ::slotted(igc-circular-progress){--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([disabled]) [part=base]{background:var(--disabled-background);color:var(--disabled-text-color)}:host([selected]:not([disabled])) [part=base]{background:var(--selected-background);color:var(--selected-text-color)}:host([selected]:not([disabled])) [part=base]:focus-within{background:var(--focus-selected-background);color:var(--focus-selected-text-color)}:host([selected]:not([disabled])) [part=base]:hover{background:var(--hover-selected-background);color:var(--hover-selected-text-color)}:host([selected][disabled]) [part=base]{background:var(--disabled-selected-background);color:var(--disabled-selected-text-color)}:host([outlined]) [part=base]{background:var(--outlined-background);color:var(--outlined-text-color);border:.0625rem solid var(--border-color)}:host([outlined]) [part=base]:focus-within{background:var(--focus-outlined-background);color:var(--focus-outlined-text-color);border-color:var(--focus-border-color)}:host([outlined]) [part=base]:hover{background:var(--hover-outlined-background);color:var(--hover-outlined-text-color);border-color:var(--hover-border-color)}:host([outlined][disabled]) [part=base]{background:var(--disabled-outlined-background);color:var(--disabled-outlined-text-color);border-color:var(--disabled-border-color)}:host([selected][outlined]:not([disabled])) [part=base]{background:var(--selected-outlined-background);color:var(--selected-outlined-text-color);border-color:var(--selected-border-color)}:host([selected][outlined]:not([disabled])) [part=base]:focus-within{background:var(--focus-selected-outlined-background);color:var(--focus-selected-outlined-text-color);border-color:var(--focus-selected-border-color)}:host([selected][outlined]:not([disabled])) [part=base]:hover{background:var(--hover-selected-outlined-background);color:var(--hover-selected-outlined-text-color);border-color:var(--hover-selected-border-color)}:host([selected][outlined][disabled]) [part=base]{background:var(--disabled-selected-outlined-background);color:var(--disabled-selected-outlined-text-color);border-color:var(--disabled-selected-border-color)}`;\n  "]}

package/components/chip/themes/shared/chip.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){background:rgba(0,0,0,0)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host [part=base]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}`;
 //# sourceMappingURL=chip.fluent.css.js.map

package/components/chip/themes/shared/chip.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0pCAA0pC,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){background:rgba(0,0,0,0)}`;\n  "]}
+{"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,itCAAitC,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host [part=base]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}`;\n  "]}

package/components/chip/themes/shared/chip.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button{padding:0 max(var(--is-large, 1)*max(7px, -1 * 7px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button:focus{box-shadow:0 0 0 .1875rem var(--focus-shadow-color)}:host button igc-icon,:host button ::slotted(igc-icon){--size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]) button:not([disabled]){color:var(--selected-text-color);background:var(--selected-background)}:host([selected]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--focus-selected-shadow-color)}:host([selected]) button[disabled]{opacity:.4}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{color:var(--ig-primary-900-contrast);background:var(--ig-primary-500);box-shadow:0 0 0 .1875rem hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{color:var(--ig-primary-900-contrast);background:var(--ig-primary-400)}:host([variant=primary]) button[disabled],:host([selected][variant=primary]) button[disabled]{background:hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){color:var(--ig-info-900-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-500);color:var(--ig-info-900-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-400);color:var(--ig-info-900-contrast)}:host([variant=info]) button[disabled],:host([selected][variant=info]) button[disabled]{opacity:.4;color:var(--ig-info-900-contrast);background:var(--ig-info-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-900-contrast);background:var(--ig-success-800)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{color:var(--ig-success-900-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-700);color:var(--ig-success-900-contrast)}:host([variant=success]) button[disabled],:host([selected][variant=success]) button[disabled]{opacity:.4;color:var(--ig-success-900-contrast);background:var(--ig-success-800)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-500)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-400)}:host([variant=warning]) button[disabled],:host([selected][variant=warning]) button[disabled]{opacity:.4;background:var(--ig-warn-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-900-contrast);background:var(--ig-error-600)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-600);color:var(--ig-error-900-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([variant=danger]) button[disabled],:host([selected][variant=danger]) button[disabled]{opacity:.4;color:var(--ig-error-900-contrast);background:var(--ig-error-600)}:host([outlined][variant=primary]) button[disabled]{opacity:.4}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--chip-padding-inline: max(var(--is-large, 1) * max(7px, -1 * 7px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(5px, -1 * 5px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(3px, -1 * 3px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--focus-shadow-color)}:host [part=base] igc-icon,:host [part=base] ::slotted(igc-icon){--size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]:not([disabled])) [part=base]{color:var(--selected-text-color);background:var(--selected-background)}:host([selected]:not([disabled])) [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--focus-selected-shadow-color)}:host([selected][disabled]) [part=base]{opacity:.4}:host([variant=primary]) [part=base]:focus-within,:host([selected][variant=primary]:not([disabled])) [part=base]:focus-within{color:var(--ig-primary-900-contrast);background:var(--ig-primary-500);box-shadow:0 0 0 .1875rem hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=primary]) [part=base]:hover,:host([selected][variant=primary]:not([disabled])) [part=base]:hover{color:var(--ig-primary-900-contrast);background:var(--ig-primary-400)}:host([variant=primary][disabled]) [part=base],:host([selected][variant=primary][disabled]) [part=base]{background:hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=info]) [part=base],:host([selected][variant=info]:not([disabled])) [part=base]{color:var(--ig-info-900-contrast)}:host([variant=info]) [part=base]:focus-within,:host([selected][variant=info]:not([disabled])) [part=base]:focus-within{background:var(--ig-info-500);color:var(--ig-info-900-contrast)}:host([variant=info]) [part=base]:hover,:host([selected][variant=info]:not([disabled])) [part=base]:hover{background:var(--ig-info-400);color:var(--ig-info-900-contrast)}:host([variant=info][disabled]) [part=base],:host([selected][variant=info][disabled]) [part=base]{opacity:.4;color:var(--ig-info-900-contrast);background:var(--ig-info-500)}:host([variant=success]) [part=base],:host([selected][variant=success]:not([disabled])) [part=base]{color:var(--ig-success-900-contrast);background:var(--ig-success-800)}:host([variant=success]) [part=base]:focus-within,:host([selected][variant=success]:not([disabled])) [part=base]:focus-within{color:var(--ig-success-900-contrast)}:host([variant=success]) [part=base]:hover,:host([selected][variant=success]:not([disabled])) [part=base]:hover{background:var(--ig-success-700);color:var(--ig-success-900-contrast)}:host([variant=success][disabled]) [part=base],:host([selected][variant=success][disabled]) [part=base]{opacity:.4;color:var(--ig-success-900-contrast);background:var(--ig-success-800)}:host([variant=warning]) [part=base]:focus-within,:host([selected][variant=warning]:not([disabled])) [part=base]:focus-within{background:var(--ig-warn-500)}:host([variant=warning]) [part=base]:hover,:host([selected][variant=warning]:not([disabled])) [part=base]:hover{background:var(--ig-warn-400)}:host([variant=warning][disabled]) [part=base],:host([selected][variant=warning][disabled]) [part=base]{opacity:.4;background:var(--ig-warn-500)}:host([variant=danger]) [part=base],:host([selected][variant=danger]:not([disabled])) [part=base]{color:var(--ig-error-900-contrast);background:var(--ig-error-600)}:host([variant=danger]) [part=base]:focus-within,:host([selected][variant=danger]:not([disabled])) [part=base]:focus-within{background:var(--ig-error-600);color:var(--ig-error-900-contrast)}:host([variant=danger]) [part=base]:hover,:host([selected][variant=danger]:not([disabled])) [part=base]:hover{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([variant=danger][disabled]) [part=base],:host([selected][variant=danger][disabled]) [part=base]{opacity:.4;color:var(--ig-error-900-contrast);background:var(--ig-error-600)}:host([outlined][variant=primary][disabled]) [part=base]{opacity:.4}`;
 //# sourceMappingURL=chip.indigo.css.js.map

package/components/chip/themes/shared/chip.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m0HAAm0H,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button{padding:0 max(var(--is-large, 1)*max(7px, -1 * 7px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button:focus{box-shadow:0 0 0 .1875rem var(--focus-shadow-color)}:host button igc-icon,:host button ::slotted(igc-icon){--size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]) button:not([disabled]){color:var(--selected-text-color);background:var(--selected-background)}:host([selected]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--focus-selected-shadow-color)}:host([selected]) button[disabled]{opacity:.4}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{color:var(--ig-primary-900-contrast);background:var(--ig-primary-500);box-shadow:0 0 0 .1875rem hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{color:var(--ig-primary-900-contrast);background:var(--ig-primary-400)}:host([variant=primary]) button[disabled],:host([selected][variant=primary]) button[disabled]{background:hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){color:var(--ig-info-900-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-500);color:var(--ig-info-900-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-400);color:var(--ig-info-900-contrast)}:host([variant=info]) button[disabled],:host([selected][variant=info]) button[disabled]{opacity:.4;color:var(--ig-info-900-contrast);background:var(--ig-info-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-900-contrast);background:var(--ig-success-800)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{color:var(--ig-success-900-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-700);color:var(--ig-success-900-contrast)}:host([variant=success]) button[disabled],:host([selected][variant=success]) button[disabled]{opacity:.4;color:var(--ig-success-900-contrast);background:var(--ig-success-800)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-500)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-400)}:host([variant=warning]) button[disabled],:host([selected][variant=warning]) button[disabled]{opacity:.4;background:var(--ig-warn-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-900-contrast);background:var(--ig-error-600)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-600);color:var(--ig-error-900-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([variant=danger]) button[disabled],:host([selected][variant=danger]) button[disabled]{opacity:.4;color:var(--ig-error-900-contrast);background:var(--ig-error-600)}:host([outlined][variant=primary]) button[disabled]{opacity:.4}`;\n  "]}
+{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4nIAA4nI,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--chip-padding-inline: max(var(--is-large, 1) * max(7px, -1 * 7px) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(5px, -1 * 5px) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(3px, -1 * 3px) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--focus-shadow-color)}:host [part=base] igc-icon,:host [part=base] ::slotted(igc-icon){--size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]:not([disabled])) [part=base]{color:var(--selected-text-color);background:var(--selected-background)}:host([selected]:not([disabled])) [part=base]:focus-within{box-shadow:0 0 0 .1875rem var(--focus-selected-shadow-color)}:host([selected][disabled]) [part=base]{opacity:.4}:host([variant=primary]) [part=base]:focus-within,:host([selected][variant=primary]:not([disabled])) [part=base]:focus-within{color:var(--ig-primary-900-contrast);background:var(--ig-primary-500);box-shadow:0 0 0 .1875rem hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=primary]) [part=base]:hover,:host([selected][variant=primary]:not([disabled])) [part=base]:hover{color:var(--ig-primary-900-contrast);background:var(--ig-primary-400)}:host([variant=primary][disabled]) [part=base],:host([selected][variant=primary][disabled]) [part=base]{background:hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=info]) [part=base],:host([selected][variant=info]:not([disabled])) [part=base]{color:var(--ig-info-900-contrast)}:host([variant=info]) [part=base]:focus-within,:host([selected][variant=info]:not([disabled])) [part=base]:focus-within{background:var(--ig-info-500);color:var(--ig-info-900-contrast)}:host([variant=info]) [part=base]:hover,:host([selected][variant=info]:not([disabled])) [part=base]:hover{background:var(--ig-info-400);color:var(--ig-info-900-contrast)}:host([variant=info][disabled]) [part=base],:host([selected][variant=info][disabled]) [part=base]{opacity:.4;color:var(--ig-info-900-contrast);background:var(--ig-info-500)}:host([variant=success]) [part=base],:host([selected][variant=success]:not([disabled])) [part=base]{color:var(--ig-success-900-contrast);background:var(--ig-success-800)}:host([variant=success]) [part=base]:focus-within,:host([selected][variant=success]:not([disabled])) [part=base]:focus-within{color:var(--ig-success-900-contrast)}:host([variant=success]) [part=base]:hover,:host([selected][variant=success]:not([disabled])) [part=base]:hover{background:var(--ig-success-700);color:var(--ig-success-900-contrast)}:host([variant=success][disabled]) [part=base],:host([selected][variant=success][disabled]) [part=base]{opacity:.4;color:var(--ig-success-900-contrast);background:var(--ig-success-800)}:host([variant=warning]) [part=base]:focus-within,:host([selected][variant=warning]:not([disabled])) [part=base]:focus-within{background:var(--ig-warn-500)}:host([variant=warning]) [part=base]:hover,:host([selected][variant=warning]:not([disabled])) [part=base]:hover{background:var(--ig-warn-400)}:host([variant=warning][disabled]) [part=base],:host([selected][variant=warning][disabled]) [part=base]{opacity:.4;background:var(--ig-warn-500)}:host([variant=danger]) [part=base],:host([selected][variant=danger]:not([disabled])) [part=base]{color:var(--ig-error-900-contrast);background:var(--ig-error-600)}:host([variant=danger]) [part=base]:focus-within,:host([selected][variant=danger]:not([disabled])) [part=base]:focus-within{background:var(--ig-error-600);color:var(--ig-error-900-contrast)}:host([variant=danger]) [part=base]:hover,:host([selected][variant=danger]:not([disabled])) [part=base]:hover{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([variant=danger][disabled]) [part=base],:host([selected][variant=danger][disabled]) [part=base]{opacity:.4;color:var(--ig-error-900-contrast);background:var(--ig-error-600)}:host([outlined][variant=primary][disabled]) [part=base]{opacity:.4}`;\n  "]}

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

@@ -0,0 +1,261 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { IgcBaseComboBoxComponent } from '#internals/mixins/combo-box.js';
+import type { AbstractConstructor } from '#internals/mixins/constructor.js';
+import type { ColorFormat, ColorPickerMode } from '../types.js';
+export interface IgcColorPickerComponentEventMap {
+    igcOpening: CustomEvent<void>;
+    igcOpened: CustomEvent<void>;
+    igcClosing: CustomEvent<void>;
+    igcClosed: CustomEvent<void>;
+    igcInput: CustomEvent<string>;
+    igcChange: CustomEvent<string>;
+}
+declare const IgcColorPickerComponent_base: import("#internals/mixins/constructor.js").Constructor<import("../../internals/mixins/forms/types.js").FormRequiredInterface & import("../../internals/mixins/forms/types.js").FormAssociatedElementInterface> & import("#internals/mixins/constructor.js").Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcColorPickerComponentEventMap>> & AbstractConstructor<IgcBaseComboBoxComponent>;
+/**
+ * Color input component.
+ *
+ * The user picks a color with the HSV saturation/value canvas, the hue slider
+ * and the optional alpha slider. The user can also type a color string: hex,
+ * rgb(a), hsl(a) or a named CSS color.
+ *
+ * The component supports pre-defined swatches and the native EyeDropper API,
+ * where the browser provides one. The anchor is a trigger button
+ * (`mode="default"`) or an editable text field (`mode="input"`).
+ *
+ * @element igc-color-picker
+ *
+ * @slot value-missing - Renders content when the required validation fails.
+ * @slot custom-error - Renders content when setCustomValidity(message) is set.
+ * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
+ * @slot helper-text - Renders content below the picker.
+ *
+ * @fires igcOpening - Emitted just before the picker dropdown is open.
+ * @fires igcOpened - Emitted after the picker dropdown is open.
+ * @fires igcClosing - Emitted just before the picker dropdown is closed.
+ * @fires igcClosed - Emitted after closing the picker dropdown.
+ * @fires igcInput - Emitted when the value of the component is changed.
+ * @fires igcChange - Emitted when the value of the component is committed.
+ *
+ * @csspart anchor - The trigger element that opens the picker (the button in default mode, or the swatch prefix in input mode).
+ * @csspart empty - Applied alongside `anchor` when no color value is set, rendering a checkered background.
+ * @csspart label - The label rendered above the anchor in default mode.
+ * @csspart picker - The popover container holding the canvas, sliders, inputs and swatches.
+ * @csspart main-row - The row containing the hue slider and the copy/eyedropper buttons.
+ * @csspart alpha-row - The row containing the alpha slider and input, rendered when `show-alpha` is set.
+ * @csspart inputs-row - The row containing the format select and the color value input.
+ * @csspart buttons - The wrapper around the copy and eyedropper buttons.
+ * @csspart hue - The hue slider.
+ * @csspart alpha - The alpha slider.
+ * @csspart copy - The button that copies the current color value to the clipboard.
+ * @csspart eye-dropper - The button that activates the EyeDropper API.
+ * @csspart format-select - The select control used to switch the color string format.
+ * @csspart swatches - The container of the pre-defined color swatches.
+ * @csspart swatch - An individual color swatch button.
+ */
+export default class IgcColorPickerComponent extends IgcColorPickerComponent_base {
+    static readonly tagName = "igc-color-picker";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    protected get __validators(): import("../../internals/validators.js").Validator<IgcColorPickerComponent>[];
+    protected readonly _slots: import("#internals/controllers/slot.js").SlotController<"invalid" | "helper-text" | "[default]" | "value-missing" | "custom-error">;
+    protected readonly _rootClickController: import("#internals/controllers/root-click.js").RootClickController;
+    protected readonly _formValue: import("#internals/mixins/forms/form-value.js").FormValue<string>;
+    private readonly _alphaRef;
+    private readonly _alphaInputRef;
+    private readonly _canvasRef;
+    private readonly _hueRef;
+    private readonly _anchorRef;
+    private readonly _supportsEyeDropper;
+    private _color;
+    private _oldValue;
+    /** The last value written for each host custom property. */
+    private readonly _appliedProperties;
+    private readonly _helperText;
+    private get _isInputMode();
+    /**
+     * The label of the component.
+     *
+     * In `mode="input"` the component forwards the label to the anchor input.
+     * In `mode="default"` it renders the label as a separate element.
+     * @attr label
+     */
+    label?: string;
+    /**
+     * The value of the component as a CSS color string. Accepts hex, rgb(a),
+     * hsl(a) and named colors.
+     *
+     * An empty, whitespace-only or invalid string clears the value.
+     *
+     * @attr value
+     */
+    set value(value: string);
+    get value(): string;
+    /**
+     * Sets the color format of the string value.
+     *
+     * A format change renders `value` in the new notation. The color does not
+     * change, so the component emits no `igcInput` or `igcChange`.
+     *
+     * @attr format
+     * @default 'hex'
+     */
+    format: ColorFormat;
+    /**
+     * Whether to hide the format picker buttons.
+     *
+     * @attr hide-formats
+     * @default false
+     */
+    hideFormats: boolean;
+    /**
+     * Whether to show the alpha slider and input.
+     *
+     * @attr show-alpha
+     * @default false
+     */
+    showAlpha: boolean;
+    /**
+     * The mode of the color picker.
+     *
+     * In `"default"` mode the anchor is a trigger button. In `"input"` mode the
+     * anchor is an editable text field with a color swatch prefix. The prefix
+     * also opens the picker.
+     *
+     * @attr mode
+     * @default 'default'
+     */
+    mode: ColorPickerMode;
+    /**
+     * Pre-defined color strings. The component renders them as clickable
+     * swatches below the picker controls. A click on a swatch commits its color
+     * as the value.
+     */
+    swatches: string[];
+    constructor();
+    protected update(props: PropertyValues<this>): void;
+    protected updated(props: PropertyValues<this>): void;
+    protected formResetCallback(): void;
+    private _handleClosing;
+    private _handleKeyboardClosing;
+    private _handleFocusIn;
+    private _handleFocusOut;
+    private _handleCanvasColorPicked;
+    private _handleHueValueChange;
+    private _handleAlphaSliderValueChange;
+    /**
+     * Rewrites the alpha field as `<digits>%` after each edit.
+     *
+     * The `%` is part of the value and not a suffix element, so the browser
+     * treats it as editable text. This handler normalizes the result of an edit
+     * instead of a filter on the keystrokes in `beforeinput`. The `%` then
+     * behaves as a literal for each way that text reaches the field: typing,
+     * paste, drop, composition, undo and autofill. Of these, `beforeinput`
+     * carries `data` only for typing.
+     */
+    private _handleAlphaInputEdit;
+    /**
+     * Keeps the caret and the selection inside the digits.
+     *
+     * The trailing `%` is a literal. Without this handler the caret goes after
+     * the `%` on focus, on a click past the text, and after a shifted selection
+     * extends over it. The handler therefore runs on `keyup` as well as on
+     * `focusin` and `click`. Text after the `%` falls outside the number, and the
+     * parse discards it.
+     */
+    private _handleAlphaInputCaret;
+    /**
+     * Steps the alpha by one percent.
+     *
+     * The step applies to the color and not to the text of the field. This keeps
+     * a held arrow key correct. The key downs repeat faster than a render, so the
+     * text of the field can be stale.
+     *
+     * The handler writes the new text and does not leave it to the render, so
+     * that the caret does not move. A value assignment puts the caret behind the
+     * `%`. A write from the render applies one frame after the keypress, which
+     * the user sees as a jump forward and back.
+     */
+    private _handleAlphaInputSpin;
+    /**
+     * Holds the caret at the `%`. Without this handler the caret steps past the
+     * `%`, and `keyup` pulls it back. This is the frame-late jump that
+     * {@link _handleAlphaInputSpin} describes.
+     */
+    private _handleAlphaInputCaretForward;
+    private _handleAlphaInputChange;
+    private _handleFormatChange;
+    private _handleColorInputChange;
+    private _handleEyeDropperClick;
+    private _handleCopy;
+    private _handleSwatchClick;
+    /**
+     * The current color with its alpha, in a notation that is independent of
+     * `format`.
+     */
+    private get _alphaColor();
+    /**
+     * The current color with an opaque alpha channel.
+     *
+     * The swatch preview paints this color over one half of its surface, and
+     * {@link _alphaColor} over the other half. A translucent color is then shown
+     * next to its opaque form. At full alpha the two halves are identical and the
+     * split is invisible, so opaque colors need no separate branch.
+     *
+     * This value is defined also with no color value. An empty color is white,
+     * which is where the alpha ramp and the canvas marker belong before the first
+     * pick. The anchor keeps its "no color" mark, because {@link _previewStyle}
+     * uses {@link _alphaColor}, which stays empty.
+     */
+    private get _opaqueColor();
+    /** The alpha channel as the whole percentage that both alpha controls use. */
+    private get _alphaPercent();
+    /** The pure hue that the saturation/value plane and the hue thumb use. */
+    private get _currentColor();
+    /**
+     * Mirrors the colors that the stylesheet needs onto the host.
+     *
+     * `update()` drives this, and not the handlers that change the color. It
+     * therefore also runs for the first render. A picker with no value calls none
+     * of those handlers, and the plane would keep the stylesheet fallback instead
+     * of its actual hue.
+     */
+    private _applyColorProperties;
+    /**
+     * Replaces the whole text of the alpha field and puts the caret in front of
+     * the `%` by default.
+     */
+    private _writeAlphaText;
+    private _setAlpha;
+    private _updateColor;
+    private _syncCanvasPosition;
+    private _emitInputEvent;
+    private _renderCanvasGradient;
+    private _renderHueSlider;
+    private _renderIconButton;
+    private _renderPickerButtons;
+    private _renderAlphaRow;
+    private _renderSelect;
+    private _renderInputsRow;
+    private _renderSwatches;
+    private get _anchorParts();
+    /**
+     * The swatch preview style that both anchors use.
+     *
+     * `--_color-preview` paints the opaque color over the left half.
+     * `--_alpha-preview` paints the color with its real alpha over the whole
+     * surface. Do not transpose the two. See the `swatch-preview` mixin.
+     */
+    private _previewStyle;
+    private _renderButtonAnchor;
+    private _renderInputAnchor;
+    private _renderAnchor;
+    private _renderHelperText;
+    private _renderPicker;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-color-picker': IgcColorPickerComponent;
+    }
+}
+export {};