igniteui-webcomponents 7.2.4 → 7.3.0-beta.1

package/components/checkbox/themes/checkbox-themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-themes.js","sourceRoot":"","sources":["../../../../src/components/checkbox/themes/checkbox-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAElF,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEhF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/checkbox/checkbox.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/checkbox/checkbox.fluent.css.js';\nimport { styles as indigoDark } from './dark/checkbox/checkbox.indigo.css.js';\nimport { styles as materialDark } from './dark/checkbox/checkbox.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/checkbox/checkbox.bootstrap.css.js';\nimport { styles as fluentLight } from './light/checkbox/checkbox.fluent.css.js';\nimport { styles as indigoLight } from './light/checkbox/checkbox.indigo.css.js';\nimport { styles as materialLight } from './light/checkbox/checkbox.material.css.js';\nimport { styles as shared } from './light/checkbox/checkbox.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/checkbox/checkbox.bootstrap.css.js';\nimport { styles as fluent } from './shared/checkbox/checkbox.fluent.css.js';\nimport { styles as indigo } from './shared/checkbox/checkbox.indigo.css.js';\nimport { styles as material } from './shared/checkbox/checkbox.material.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"checkbox-themes.js","sourceRoot":"","sources":["../../../../src/components/checkbox/themes/checkbox-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAElF,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEhF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/checkbox/checkbox.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/checkbox/checkbox.fluent.css.js';\nimport { styles as indigoDark } from './dark/checkbox/checkbox.indigo.css.js';\nimport { styles as materialDark } from './dark/checkbox/checkbox.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/checkbox/checkbox.bootstrap.css.js';\nimport { styles as fluentLight } from './light/checkbox/checkbox.fluent.css.js';\nimport { styles as indigoLight } from './light/checkbox/checkbox.indigo.css.js';\nimport { styles as materialLight } from './light/checkbox/checkbox.material.css.js';\nimport { styles as shared } from './light/checkbox/checkbox.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/checkbox/checkbox.bootstrap.css.js';\nimport { styles as fluent } from './shared/checkbox/checkbox.fluent.css.js';\nimport { styles as indigo } from './shared/checkbox/checkbox.indigo.css.js';\nimport { styles as material } from './shared/checkbox/checkbox.material.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/checkbox/themes/switch-themes.d.ts

@@ -1,2 +1,2 @@
-import type { Themes } from '../../../theming/types.js';
+import type { Themes } from '#theming/types.js';
 export declare const all: Themes;

package/components/checkbox/themes/switch-themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch-themes.js","sourceRoot":"","sources":["../../../../src/components/checkbox/themes/switch-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAE9E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/switch/switch.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/switch/switch.fluent.css.js';\nimport { styles as indigoDark } from './dark/switch/switch.indigo.css.js';\nimport { styles as materialDark } from './dark/switch/switch.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/switch/switch.bootstrap.css.js';\nimport { styles as fluentLight } from './light/switch/switch.fluent.css.js';\nimport { styles as indigoLight } from './light/switch/switch.indigo.css.js';\nimport { styles as materialLight } from './light/switch/switch.material.css.js';\nimport { styles as shared } from './light/switch/switch.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/switch/switch.bootstrap.css.js';\nimport { styles as fluent } from './shared/switch/switch.fluent.css.js';\nimport { styles as indigo } from './shared/switch/switch.indigo.css.js';\nimport { styles as material } from './shared/switch/switch.material.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"switch-themes.js","sourceRoot":"","sources":["../../../../src/components/checkbox/themes/switch-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAE9E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/switch/switch.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/switch/switch.fluent.css.js';\nimport { styles as indigoDark } from './dark/switch/switch.indigo.css.js';\nimport { styles as materialDark } from './dark/switch/switch.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/switch/switch.bootstrap.css.js';\nimport { styles as fluentLight } from './light/switch/switch.fluent.css.js';\nimport { styles as indigoLight } from './light/switch/switch.indigo.css.js';\nimport { styles as materialLight } from './light/switch/switch.material.css.js';\nimport { styles as shared } from './light/switch/switch.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/switch/switch.bootstrap.css.js';\nimport { styles as fluent } from './shared/switch/switch.fluent.css.js';\nimport { styles as indigo } from './shared/switch/switch.indigo.css.js';\nimport { styles as material } from './shared/switch/switch.material.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/checkbox/validators.d.ts

@@ -1,3 +1,3 @@
-import { type Validator } from '../common/validators.js';
+import { type Validator } from '#internals/validators.js';
 import type { IgcCheckboxBaseComponent } from './checkbox-base.js';
 export declare const checkBoxValidators: Validator<IgcCheckboxBaseComponent>[];

package/components/checkbox/validators.js

@@ -1,4 +1,4 @@
-import { requiredBooleanValidator, } from '../common/validators.js';
+import { requiredBooleanValidator, } from '#internals/validators.js';
 export const checkBoxValidators = [
     requiredBooleanValidator,
 ];

package/components/checkbox/validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/checkbox/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,GAEzB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,CAAC,MAAM,kBAAkB,GAA0C;IACvE,wBAAwB;CACzB,CAAC","sourcesContent":["import {\n  requiredBooleanValidator,\n  type Validator,\n} from '../common/validators.js';\nimport type { IgcCheckboxBaseComponent } from './checkbox-base.js';\n\nexport const checkBoxValidators: Validator<IgcCheckboxBaseComponent>[] = [\n  requiredBooleanValidator,\n];\n"]}
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/checkbox/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,GAEzB,MAAM,0BAA0B,CAAC;AAGlC,MAAM,CAAC,MAAM,kBAAkB,GAA0C;IACvE,wBAAwB;CACzB,CAAC","sourcesContent":["import {\n  requiredBooleanValidator,\n  type Validator,\n} from '#internals/validators.js';\nimport type { IgcCheckboxBaseComponent } from './checkbox-base.js';\n\nexport const checkBoxValidators: Validator<IgcCheckboxBaseComponent>[] = [\n  requiredBooleanValidator,\n];\n"]}

package/components/chip/chip.d.ts

@@ -1,12 +1,12 @@
 import { type IChipResourceStrings } from 'igniteui-i18n-core';
 import { LitElement } from 'lit';
-import type { Constructor } from '../common/mixins/constructor.js';
+import type { Constructor } from '#internals/mixins/constructor.js';
 import type { StyleVariant } from '../types.js';
 export interface IgcChipComponentEventMap {
     igcRemove: CustomEvent<boolean>;
     igcSelect: CustomEvent<boolean>;
 }
-declare const IgcChipComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcChipComponentEventMap>> & Constructor<LitElement>;
+declare const IgcChipComponent_base: import("#internals/mixins/constructor.js").AbstractConstructor<import("#internals/mixins/i18n.js").I18nInterface<IChipResourceStrings, Required<IChipResourceStrings>>> & Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcChipComponentEventMap>> & Constructor<LitElement>;
 /**
  * Chips help people enter information, make selections, filter content, or trigger actions.
  *
@@ -18,7 +18,7 @@ declare const IgcChipComponent_base: Constructor<import("../common/mixins/event-
  * @slot select - Content to render when the chip in selected state.
  * @slot remove - Content to override the default remove chip icon.
  *
- * @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.
+ * @fires igcRemove - Emits an event when the chip component is removed.
  * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.
  *
  * @csspart base - The base wrapper of the chip.
@@ -42,6 +42,12 @@ export default class IgcChipComponent extends IgcChipComponent_base {
      * @attr
      */
     removable: boolean;
+    /**
+     * Defines if the chip is outlined or not.
+     *
+     * @attr
+     */
+    outlined: boolean;
     /**
      * Defines if the chip is selectable or not.
      * @attr
@@ -57,19 +63,6 @@ export default class IgcChipComponent extends IgcChipComponent_base {
      * @attr
      */
     variant: StyleVariant;
-    /**
-     * Gets/Sets the locale used for getting language, affecting resource strings.
-     * @attr locale
-     */
-    set locale(value: string);
-    get locale(): string;
-    /**
-     * The resource strings for localization.
-     * Currently only aria-labels for the default select/remove icons are localized.
-     */
-    set resourceStrings(value: IChipResourceStrings);
-    get resourceStrings(): IChipResourceStrings;
-    private readonly _i18nController;
     constructor();
     protected _handleSelect(): void;
     protected _handleRemove(event: Event): void;

package/components/chip/chip.js

@@ -8,34 +8,26 @@ import { ChipResourceStringsEN, } from 'igniteui-i18n-core';
 import { html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { addThemingController } from '../../theming/theming-controller.js';
-import { addKeybindings } from '../common/controllers/key-bindings.js';
-import { addSlotController, setSlots } from '../common/controllers/slot.js';
-import { registerComponent } from '../common/definitions/register.js';
-import { addI18nController } from '../common/i18n/i18n-controller.js';
-import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
+import { addKeybindings } from '#internals/controllers/key-bindings.js';
+import { addSlotController, setSlots } from '#internals/controllers/slot.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
+import { I18nMixin } from '#internals/mixins/i18n.js';
+import { renderSlottedIcon } from '#internals/templates/slotted-icon.js';
+import { addThemingController } from '#theming/theming-controller.js';
 import IgcIconComponent from '../icon/icon.js';
 import { styles } from './themes/chip.base.css.js';
 import { styles as shared } from './themes/shared/chip.common.css.js';
 import { all } from './themes/themes.js';
-export default class IgcChipComponent extends EventEmitterMixin(LitElement) {
+const i18n = {
+    defaultEN: ChipResourceStringsEN,
+};
+export default class IgcChipComponent extends I18nMixin(EventEmitterMixin(LitElement), i18n) {
     static { this.tagName = 'igc-chip'; }
     static { this.styles = [styles, shared]; }
     static register() {
         registerComponent(IgcChipComponent, IgcIconComponent);
     }
-    set locale(value) {
-        this._i18nController.locale = value;
-    }
-    get locale() {
-        return this._i18nController.locale;
-    }
-    set resourceStrings(value) {
-        this._i18nController.resourceStrings = value;
-    }
-    get resourceStrings() {
-        return this._i18nController.resourceStrings;
-    }
     constructor() {
         super();
         this._removePartRef = createRef();
@@ -44,11 +36,9 @@ export default class IgcChipComponent extends EventEmitterMixin(LitElement) {
         });
         this.disabled = false;
         this.removable = false;
+        this.outlined = false;
         this.selectable = false;
         this.selected = false;
-        this._i18nController = addI18nController(this, {
-            defaultEN: ChipResourceStringsEN,
-        });
         addThemingController(this, all);
         addKeybindings(this, {
             ref: this._removePartRef,
@@ -69,15 +59,11 @@ export default class IgcChipComponent extends EventEmitterMixin(LitElement) {
         const isVisible = this._slots.hasAssignedElements('prefix') ||
             this._slots.hasAssignedElements('start');
         const selectSlot = this.selectable && this.selected
-            ? html `
-            <slot name="select">
-              <igc-icon
-                name="selected"
-                collection="default"
-                aria-label=${this.resourceStrings.chip_select ?? 'select chip'}
-              ></igc-icon>
-            </slot>
-          `
+            ? renderSlottedIcon({
+                slot: 'select',
+                icon: 'selected',
+                label: this.resourceStrings.chip_select,
+            })
             : nothing;
         return html `
       <span part="prefix" ?hidden=${!isVisible && !this.selected}>
@@ -102,7 +88,7 @@ export default class IgcChipComponent extends EventEmitterMixin(LitElement) {
                 collection="default"
                 tabindex="0"
                 role="button"
-                aria-label=${this.resourceStrings.chip_remove ?? 'remove chip'}
+                aria-label=${this.resourceStrings.chip_remove}
               ></igc-icon>
             </slot>
           `
@@ -139,6 +125,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], IgcChipComponent.prototype, "removable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IgcChipComponent.prototype, "outlined", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], IgcChipComponent.prototype, "selectable", void 0);
@@ -148,10 +137,4 @@ __decorate([
 __decorate([
     property({ reflect: true })
 ], IgcChipComponent.prototype, "variant", void 0);
-__decorate([
-    property()
-], IgcChipComponent.prototype, "locale", null);
-__decorate([
-    property({ attribute: false })
-], IgcChipComponent.prototype, "resourceStrings", null);
 //# sourceMappingURL=chip.js.map

package/components/chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChipResourceStringsEN,\n  type IChipResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addKeybindings } from '../common/controllers/key-bindings.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { addI18nController } from '../common/i18n/i18n-controller.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { StyleVariant } from '../types.js';\nimport { styles } from './themes/chip.base.css.js';\nimport { styles as shared } from './themes/shared/chip.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcChipComponentEventMap {\n  igcRemove: CustomEvent<boolean>;\n  igcSelect: CustomEvent<boolean>;\n}\n\n/**\n * Chips help people enter information, make selections, filter content, or trigger actions.\n *\n * @element igc-chip\n *\n * @slot - Renders content in the default slot of the chip.\n * @slot prefix - Renders content at the start of the chip, before the default content.\n * @slot suffix - Renders content at the end of the chip after the default content.\n * @slot select - Content to render when the chip in selected state.\n * @slot remove - Content to override the default remove chip icon.\n *\n * @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.\n * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n *\n * @csspart base - The base wrapper of the chip.\n * @csspart content - The wrapper element around the default slot of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n */\nexport default class IgcChipComponent extends EventEmitterMixin<\n  IgcChipComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-chip';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcChipComponent, IgcIconComponent);\n  }\n\n  private readonly _removePartRef = createRef<HTMLSlotElement>();\n\n  private readonly _slots = addSlotController(this, {\n    slots: setSlots('prefix', 'suffix', 'start', 'end', 'select', 'remove'),\n  });\n\n  /**\n   * Sets the disabled state for the chip.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Defines if the chip is removable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public removable = false;\n\n  /**\n   * Defines if the chip is selectable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  /* @tsTwoWayProperty(true, \"igcSelect\", \"detail\", false) */\n  /**\n   * Defines if the chip is selected or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * A property that sets the color variant of the chip component.\n   * @attr\n   */\n  @property({ reflect: true })\n  public variant!: StyleVariant;\n\n  /**\n   * Gets/Sets the locale used for getting language, affecting resource strings.\n   * @attr locale\n   */\n  @property()\n  public set locale(value: string) {\n    this._i18nController.locale = value;\n  }\n\n  public get locale() {\n    return this._i18nController.locale;\n  }\n\n  /**\n   * The resource strings for localization.\n   * Currently only aria-labels for the default select/remove icons are localized.\n   */\n  @property({ attribute: false })\n  public set resourceStrings(value: IChipResourceStrings) {\n    this._i18nController.resourceStrings = value;\n  }\n\n  public get resourceStrings(): IChipResourceStrings {\n    return this._i18nController.resourceStrings;\n  }\n\n  private readonly _i18nController = addI18nController<IChipResourceStrings>(\n    this,\n    {\n      defaultEN: ChipResourceStringsEN,\n    }\n  );\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addKeybindings(this, {\n      ref: this._removePartRef,\n      bindingDefaults: { triggers: ['keyup'] },\n    }).setActivateHandler(this._handleRemove);\n  }\n\n  protected _handleSelect(): void {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.emitEvent('igcSelect', { detail: this.selected });\n    }\n  }\n\n  protected _handleRemove(event: Event): void {\n    event.stopPropagation();\n    this.emitEvent('igcRemove');\n  }\n\n  protected _renderPrefix() {\n    const isVisible =\n      this._slots.hasAssignedElements('prefix') ||\n      this._slots.hasAssignedElements('start');\n\n    const selectSlot =\n      this.selectable && this.selected\n        ? html`\n            <slot name=\"select\">\n              <igc-icon\n                name=\"selected\"\n                collection=\"default\"\n                aria-label=${this.resourceStrings.chip_select ?? 'select chip'}\n              ></igc-icon>\n            </slot>\n          `\n        : nothing;\n\n    return html`\n      <span part=\"prefix\" ?hidden=${!isVisible && !this.selected}>\n        ${selectSlot}\n        <slot name=\"start\"></slot>\n        <slot name=\"prefix\"></slot>\n      </span>\n    `;\n  }\n\n  protected _renderSuffix() {\n    const isVisible =\n      this._slots.hasAssignedElements('suffix') ||\n      this._slots.hasAssignedElements('end');\n\n    const removeSlot =\n      this.removable && !this.disabled\n        ? html`\n            <slot\n              ${ref(this._removePartRef)}\n              name=\"remove\"\n              @click=${this._handleRemove}\n            >\n              <igc-icon\n                name=\"remove\"\n                collection=\"default\"\n                tabindex=\"0\"\n                role=\"button\"\n                aria-label=${this.resourceStrings.chip_remove ?? 'remove chip'}\n              ></igc-icon>\n            </slot>\n          `\n        : nothing;\n\n    return html`\n      <span part=\"suffix\" ?hidden=${!isVisible && !this.removable}>\n        <slot name=\"end\"></slot>\n        <slot name=\"suffix\"></slot>\n        ${removeSlot}\n      </span>\n    `;\n  }\n\n  protected override render() {\n    const ariaPressed = this.selectable ? this.selected.toString() : null;\n\n    return html`\n      <button\n        part=\"base\"\n        .ariaPressed=${ariaPressed}\n        ?disabled=${this.disabled}\n        @click=${this._handleSelect}\n      >\n        ${this._renderPrefix()}\n        <span part=\"content\">\n          <slot></slot>\n        </span>\n        ${this._renderSuffix()}\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-chip': IgcChipComponent;\n  }\n}\n"]}
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChipResourceStringsEN,\n  type IChipResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addKeybindings } from '#internals/controllers/key-bindings.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport type { I18nControllerConfig } from '#internals/i18n/i18n-controller.js';\nimport type { Constructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { I18nMixin } from '#internals/mixins/i18n.js';\nimport { renderSlottedIcon } from '#internals/templates/slotted-icon.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { StyleVariant } from '../types.js';\nimport { styles } from './themes/chip.base.css.js';\nimport { styles as shared } from './themes/shared/chip.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcChipComponentEventMap {\n  igcRemove: CustomEvent<boolean>;\n  igcSelect: CustomEvent<boolean>;\n}\n\nconst i18n: I18nControllerConfig<IChipResourceStrings> = {\n  defaultEN: ChipResourceStringsEN,\n};\n\n/**\n * Chips help people enter information, make selections, filter content, or trigger actions.\n *\n * @element igc-chip\n *\n * @slot - Renders content in the default slot of the chip.\n * @slot prefix - Renders content at the start of the chip, before the default content.\n * @slot suffix - Renders content at the end of the chip after the default content.\n * @slot select - Content to render when the chip in selected state.\n * @slot remove - Content to override the default remove chip icon.\n *\n * @fires igcRemove - Emits an event when the chip component is removed.\n * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n *\n * @csspart base - The base wrapper of the chip.\n * @csspart content - The wrapper element around the default slot of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n */\nexport default class IgcChipComponent extends I18nMixin(\n  EventEmitterMixin<IgcChipComponentEventMap, Constructor<LitElement>>(\n    LitElement\n  ),\n  i18n\n) {\n  public static readonly tagName = 'igc-chip';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcChipComponent, IgcIconComponent);\n  }\n\n  private readonly _removePartRef = createRef<HTMLSlotElement>();\n\n  private readonly _slots = addSlotController(this, {\n    slots: setSlots('prefix', 'suffix', 'start', 'end', 'select', 'remove'),\n  });\n\n  /**\n   * Sets the disabled state for the chip.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Defines if the chip is removable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public removable = false;\n\n  /**\n   * Defines if the chip is outlined or not.\n   *\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /**\n   * Defines if the chip is selectable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  /* @tsTwoWayProperty(true, \"igcSelect\", \"detail\", false) */\n  /**\n   * Defines if the chip is selected or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * A property that sets the color variant of the chip component.\n   * @attr\n   */\n  @property({ reflect: true })\n  public variant!: StyleVariant;\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addKeybindings(this, {\n      ref: this._removePartRef,\n      bindingDefaults: { triggers: ['keyup'] },\n    }).setActivateHandler(this._handleRemove);\n  }\n\n  protected _handleSelect(): void {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.emitEvent('igcSelect', { detail: this.selected });\n    }\n  }\n\n  protected _handleRemove(event: Event): void {\n    event.stopPropagation();\n    this.emitEvent('igcRemove');\n  }\n\n  protected _renderPrefix() {\n    const isVisible =\n      this._slots.hasAssignedElements('prefix') ||\n      this._slots.hasAssignedElements('start');\n\n    const selectSlot =\n      this.selectable && this.selected\n        ? renderSlottedIcon({\n            slot: 'select',\n            icon: 'selected',\n            label: this.resourceStrings.chip_select,\n          })\n        : nothing;\n\n    return html`\n      <span part=\"prefix\" ?hidden=${!isVisible && !this.selected}>\n        ${selectSlot}\n        <slot name=\"start\"></slot>\n        <slot name=\"prefix\"></slot>\n      </span>\n    `;\n  }\n\n  protected _renderSuffix() {\n    const isVisible =\n      this._slots.hasAssignedElements('suffix') ||\n      this._slots.hasAssignedElements('end');\n\n    const removeSlot =\n      this.removable && !this.disabled\n        ? html`\n            <slot\n              ${ref(this._removePartRef)}\n              name=\"remove\"\n              @click=${this._handleRemove}\n            >\n              <igc-icon\n                name=\"remove\"\n                collection=\"default\"\n                tabindex=\"0\"\n                role=\"button\"\n                aria-label=${this.resourceStrings.chip_remove}\n              ></igc-icon>\n            </slot>\n          `\n        : nothing;\n\n    return html`\n      <span part=\"suffix\" ?hidden=${!isVisible && !this.removable}>\n        <slot name=\"end\"></slot>\n        <slot name=\"suffix\"></slot>\n        ${removeSlot}\n      </span>\n    `;\n  }\n\n  protected override render() {\n    const ariaPressed = this.selectable ? this.selected.toString() : null;\n\n    return html`\n      <button\n        part=\"base\"\n        .ariaPressed=${ariaPressed}\n        ?disabled=${this.disabled}\n        @click=${this._handleSelect}\n      >\n        ${this._renderPrefix()}\n        <span part=\"content\">\n          <slot></slot>\n        </span>\n        ${this._renderSuffix()}\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-chip': IgcChipComponent;\n  }\n}\n"]}

package/components/chip/themes/chip.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-block;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;place-items:center;font-family:var(--ig-font-family);border:.0625rem solid;box-shadow:none;cursor:pointer;padding:0 max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem)*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.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:var(--ig-primary-500);color:var(--ig-primary-500-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:var(--ig-primary-800);color:var(--ig-primary-800-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:var(--ig-primary-600);color:var(--ig-primary-600-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:var(--ig-info-500);color:var(--ig-info-500-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-800);color:var(--ig-info-800-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-600);color:var(--ig-info-600-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:var(--ig-success-500);color:var(--ig-success-500-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-800);color:var(--ig-success-800-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-600);color:var(--ig-success-600-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-800);color:var(--ig-warn-800-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-600);color:var(--ig-warn-600-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:var(--ig-error-500);color:var(--ig-error-500-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-800);color:var(--ig-error-800-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-600);color:var(--ig-error-600-contrast)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center;gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem))}::slotted(*){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:32ch}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-block;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;place-items:center;font-family:var(--ig-font-family);border:none;box-shadow:none;cursor:pointer;padding:0 max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem)*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.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:var(--ig-primary-500);color:var(--ig-primary-500-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:var(--ig-primary-800);color:var(--ig-primary-800-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:var(--ig-primary-600);color:var(--ig-primary-600-contrast)}:host([variant=primary]) button[disabled],:host([selected][variant=primary]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:var(--ig-info-500);color:var(--ig-info-500-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-800);color:var(--ig-info-800-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-600);color:var(--ig-info-600-contrast)}:host([variant=info]) button[disabled],:host([selected][variant=info]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:var(--ig-success-500);color:var(--ig-success-500-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-800);color:var(--ig-success-800-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-600);color:var(--ig-success-600-contrast)}:host([variant=success]) button[disabled],:host([selected][variant=success]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-800);color:var(--ig-warn-800-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-600);color:var(--ig-warn-600-contrast)}:host([variant=warning]) button[disabled],:host([selected][variant=warning]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:var(--ig-error-500);color:var(--ig-error-500-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-800);color:var(--ig-error-800-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-600);color:var(--ig-error-600-contrast)}:host([variant=danger]) button[disabled],:host([selected][variant=danger]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/0.3)}: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.16)}:host([outlined][variant=primary]) button[disabled],:host([selected][outlined][variant=primary]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/0.3)}: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.16)}:host([outlined][variant=info]) button[disabled],:host([selected][outlined][variant=info]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/0.3)}: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.16)}:host([outlined][variant=success]) button[disabled],:host([selected][outlined][variant=success]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/0.3)}: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.16)}:host([outlined][variant=warning]) button[disabled],:host([selected][outlined][variant=warning]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/0.3)}: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.16)}:host([outlined][variant=danger]) button[disabled],:host([selected][outlined][variant=danger]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center;gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem))}::slotted(*){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:32ch}`;
 //# sourceMappingURL=chip.base.css.js.map

package/components/chip/themes/chip.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.base.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4sJAA4sJ,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-block;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;place-items:center;font-family:var(--ig-font-family);border:.0625rem solid;box-shadow:none;cursor:pointer;padding:0 max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem)*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.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:var(--ig-primary-500);color:var(--ig-primary-500-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:var(--ig-primary-800);color:var(--ig-primary-800-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:var(--ig-primary-600);color:var(--ig-primary-600-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:var(--ig-info-500);color:var(--ig-info-500-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-800);color:var(--ig-info-800-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-600);color:var(--ig-info-600-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:var(--ig-success-500);color:var(--ig-success-500-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-800);color:var(--ig-success-800-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-600);color:var(--ig-success-600-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-800);color:var(--ig-warn-800-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-600);color:var(--ig-warn-600-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:var(--ig-error-500);color:var(--ig-error-500-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-800);color:var(--ig-error-800-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-600);color:var(--ig-error-600-contrast)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center;gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem))}::slotted(*){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:32ch}`;\n  "]}
+{"version":3,"file":"chip.base.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s6RAAs6R,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-block;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;place-items:center;font-family:var(--ig-font-family);border:none;box-shadow:none;cursor:pointer;padding:0 max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem)*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.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:var(--ig-primary-500);color:var(--ig-primary-500-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:var(--ig-primary-800);color:var(--ig-primary-800-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:var(--ig-primary-600);color:var(--ig-primary-600-contrast)}:host([variant=primary]) button[disabled],:host([selected][variant=primary]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:var(--ig-info-500);color:var(--ig-info-500-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-800);color:var(--ig-info-800-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-600);color:var(--ig-info-600-contrast)}:host([variant=info]) button[disabled],:host([selected][variant=info]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:var(--ig-success-500);color:var(--ig-success-500-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-800);color:var(--ig-success-800-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-600);color:var(--ig-success-600-contrast)}:host([variant=success]) button[disabled],:host([selected][variant=success]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-800);color:var(--ig-warn-800-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-600);color:var(--ig-warn-600-contrast)}:host([variant=warning]) button[disabled],:host([selected][variant=warning]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:var(--ig-error-500);color:var(--ig-error-500-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-800);color:var(--ig-error-800-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-600);color:var(--ig-error-600-contrast)}:host([variant=danger]) button[disabled],:host([selected][variant=danger]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/0.3)}: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.16)}:host([outlined][variant=primary]) button[disabled],:host([selected][outlined][variant=primary]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/0.3)}: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.16)}:host([outlined][variant=info]) button[disabled],:host([selected][outlined][variant=info]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/0.3)}: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.16)}:host([outlined][variant=success]) button[disabled],:host([selected][outlined][variant=success]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/0.3)}: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.16)}:host([outlined][variant=warning]) button[disabled],:host([selected][outlined][variant=warning]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/0.3)}: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.16)}:host([outlined][variant=danger]) button[disabled],:host([selected][outlined][variant=danger]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center;gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem))}::slotted(*){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:32ch}`;\n  "]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-outline-color: var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-300) h s l/0.38));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-gray-300) h s l/0.38));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-100-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-100));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-100-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-gray-100));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--ig-theme: bootstrap;--ig-theme-variant: dark}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-100-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-100));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-100-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-gray-100));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, transparent);--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: bootstrap;--ig-theme-variant: dark}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-600);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}`;
 //# sourceMappingURL=chip.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,21CAA21C,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-outline-color: var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-300) h s l/0.38));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-gray-300) h s l/0.38));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-100-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-100));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-100-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-gray-100));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n  "]}
+{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4mFAA4mF,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-100-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-100));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-100-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-gray-100));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, transparent);--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: bootstrap;--ig-theme-variant: dark}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-600);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}`;\n  "]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--ig-theme: fluent;--ig-theme-variant: dark}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-700));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-200));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-200));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-primary-200));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-200));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-200) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-600) h s l/0.2));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-primary-600) h s l/0.2));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-primary-800) h s l/0.5));--ig-theme: fluent;--ig-theme-variant: dark}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-200);color:var(--ig-primary-600-contrast)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/0.5)}: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.2)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-200);color:var(--ig-info-500-contrast)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/0.5)}: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.2)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-100);color:var(--ig-success-600-contrast)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/0.5)}: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.2)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-200);color:var(--ig-warn-500-contrast)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/0.5)}: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.2)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-50);color:var(--ig-error-600-contrast)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/0.5)}: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.2)}`;
 //# sourceMappingURL=chip.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gnCAAgnC,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--ig-theme: fluent;--ig-theme-variant: dark}`;\n  "]}
+{"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,onJAAonJ,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-700));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-200));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-200));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-primary-200));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-200));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-200) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-600) h s l/0.2));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-primary-600) h s l/0.2));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-primary-800) h s l/0.5));--ig-theme: fluent;--ig-theme-variant: dark}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-200);color:var(--ig-primary-600-contrast)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/0.5)}: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.2)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-200);color:var(--ig-info-500-contrast)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/0.5)}: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.2)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-100);color:var(--ig-success-600-contrast)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/0.5)}: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.2)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-200);color:var(--ig-warn-500-contrast)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/0.5)}: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.2)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-50);color:var(--ig-error-600-contrast)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/0.5)}: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.2)}`;\n  "]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--border-color: var(--ig-chip-border-color, var(--ig-gray-100));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-100));--ghost-text-color: var(--ig-chip-ghost-text-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-50-contrast));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-500));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-500));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-50));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--text-color: var(--ig-chip-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-800)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-900)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-gray-50)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{color:var(--ig-gray-50);box-shadow:0 0 0 .1875rem var(--ig-warn-900)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{color:var(--ig-gray-50)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-900)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.2)}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, var(--ig-gray-300));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-100));--ghost-text-color: var(--ig-chip-ghost-text-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-50));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-800));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-selected-text-color: var(--ig-chip-disabled-selected-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-selected-background: var(--ig-chip-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--outlined-background: var(--ig-chip-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--outlined-text-color: var(--ig-chip-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-chip-border-color, var(--ig-gray-100));--selected-outlined-text-color: var(--ig-chip-selected-outlined-text-color, var(--ig-gray-50-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-400));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-200));--hover-outlined-text-color: var(--ig-chip-hover-outlined-text-color, var(--ig-gray-50-contrast));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--hover-selected-outlined-text-color: var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-50-contrast));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100));--focus-outlined-text-color: var(--ig-chip-focus-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-400));--focus-selected-outlined-text-color: var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-50-contrast));--disabled-outlined-background: var(--ig-chip-disabled-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-outlined-text-color: var(--ig-chip-disabled-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-50));--disabled-selected-outlined-background: var(--ig-chip-disabled-selected-outlined-background, transparent);--disabled-selected-outlined-text-color: var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-50-contrast));--disabled-selected-border-color: var(--ig-chip-disabled-selected-border-color, var(--ig-primary-400));--text-color: var(--ig-chip-text-color, var(--ig-gray-800));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-300));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-800)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-900)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-gray-50)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{color:var(--ig-gray-50);box-shadow:0 0 0 .1875rem var(--ig-warn-900)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{color:var(--ig-gray-50)}:host([variant=warning]) button[disabled],:host([selected][variant=warning]) button[disabled]{color:var(--ig-gray-50)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-900)}:host([variant=primary]) button[disabled],:host([selected][variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.2)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-400) 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=primary]) button[disabled],:host([selected][outlined][variant=primary]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-primary-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-400) 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=info]) button[disabled],:host([selected][outlined][variant=info]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-info-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-700) 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=success]) button[disabled],:host([selected][outlined][variant=success]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-success-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-400) 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=warning]) button[disabled],:host([selected][outlined][variant=warning]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-500) 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)}:host([outlined][variant=danger]) button[disabled],:host([selected][outlined][variant=danger]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}`;
 //# sourceMappingURL=chip.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u7GAAu7G,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--border-color: var(--ig-chip-border-color, var(--ig-gray-100));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-100));--ghost-text-color: var(--ig-chip-ghost-text-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-50-contrast));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-500));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-500));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-50));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--text-color: var(--ig-chip-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-800)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-900)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-gray-50)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{color:var(--ig-gray-50);box-shadow:0 0 0 .1875rem var(--ig-warn-900)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{color:var(--ig-gray-50)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-900)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.2)}`;\n  "]}
+{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,swRAAswR,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, var(--ig-gray-300));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-100));--ghost-text-color: var(--ig-chip-ghost-text-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-50));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-800));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-selected-text-color: var(--ig-chip-disabled-selected-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-selected-background: var(--ig-chip-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--outlined-background: var(--ig-chip-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--outlined-text-color: var(--ig-chip-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--border-color: var(--ig-chip-border-color, var(--ig-gray-100));--selected-outlined-text-color: var(--ig-chip-selected-outlined-text-color, var(--ig-gray-50-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-400));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-200));--hover-outlined-text-color: var(--ig-chip-hover-outlined-text-color, var(--ig-gray-50-contrast));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--hover-selected-outlined-text-color: var(--ig-chip-hover-selected-outlined-text-color, var(--ig-gray-50-contrast));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100));--focus-outlined-text-color: var(--ig-chip-focus-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-400));--focus-selected-outlined-text-color: var(--ig-chip-focus-selected-outlined-text-color, var(--ig-gray-50-contrast));--disabled-outlined-background: var(--ig-chip-disabled-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-outlined-text-color: var(--ig-chip-disabled-outlined-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-50));--disabled-selected-outlined-background: var(--ig-chip-disabled-selected-outlined-background, transparent);--disabled-selected-outlined-text-color: var(--ig-chip-disabled-selected-outlined-text-color, var(--ig-gray-50-contrast));--disabled-selected-border-color: var(--ig-chip-disabled-selected-border-color, var(--ig-primary-400));--text-color: var(--ig-chip-text-color, var(--ig-gray-800));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-300));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-800)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-900)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-gray-50)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{color:var(--ig-gray-50);box-shadow:0 0 0 .1875rem var(--ig-warn-900)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{color:var(--ig-gray-50)}:host([variant=warning]) button[disabled],:host([selected][variant=warning]) button[disabled]{color:var(--ig-gray-50)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-900)}:host([variant=primary]) button[disabled],:host([selected][variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.2)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-400) 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=primary]) button[disabled],:host([selected][outlined][variant=primary]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-primary-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-400) 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=info]) button[disabled],:host([selected][outlined][variant=info]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-info-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-700) 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=success]) button[disabled],:host([selected][outlined][variant=success]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-success-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-400) 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=warning]) button[disabled],:host([selected][outlined][variant=warning]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-500) 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)}:host([outlined][variant=danger]) button[disabled],:host([selected][outlined][variant=danger]) button[disabled]{background:rgba(0,0,0,0);border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}`;\n  "]}

package/components/chip/themes/dark/chip.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-chip-background, var(--ig-gray-300));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-300));--text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-500));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-500));--ig-theme: material;--ig-theme-variant: dark}`;
+export const styles = css `:host{--background: var(--ig-chip-background, var(--ig-gray-300));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-300));--text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-500));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--ig-theme: material;--ig-theme-variant: dark}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-300);color:var(--ig-gray-100-contrast)}`;
 //# sourceMappingURL=chip.material.css.js.map

package/components/chip/themes/dark/chip.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0gBAA0gB,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--background: var(--ig-chip-background, var(--ig-gray-300));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-300));--text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-500));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-500));--ig-theme: material;--ig-theme-variant: dark}`;\n  "]}
+{"version":3,"file":"chip.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u1DAAu1D,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--background: var(--ig-chip-background, var(--ig-gray-300));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-300));--text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-500));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-500));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-gray-500) h s l/0.3));--ig-theme: material;--ig-theme-variant: dark}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-300);color:var(--ig-gray-100-contrast)}`;\n  "]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-outline-color: var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--ig-theme: bootstrap;--ig-theme-variant: light}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, transparent);--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: bootstrap;--ig-theme-variant: light}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){color:var(--ig-primary-100-contrast);border-color:var(--ig-primary-600)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){color:var(--ig-info-100-contrast);border-color:var(--ig-info-900)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){color:var(--ig-success-100-contrast);border-color:var(--ig-success-600)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){color:var(--ig-warn-100-contrast);border-color:var(--ig-warn-900)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){color:var(--ig-error-100-contrast);border-color:var(--ig-error-600)}`;
 //# sourceMappingURL=chip.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sgCAAsgC,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-outline-color: var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--ig-theme: bootstrap;--ig-theme-variant: light}`;\n  "]}
+{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8xEAA8xE,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-gray-500) h s l/0.38));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-400) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-400) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, transparent);--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: bootstrap;--ig-theme-variant: light}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){color:var(--ig-primary-100-contrast);border-color:var(--ig-primary-600)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){color:var(--ig-info-100-contrast);border-color:var(--ig-info-900)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){color:var(--ig-success-100-contrast);border-color:var(--ig-success-600)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){color:var(--ig-warn-100-contrast);border-color:var(--ig-warn-900)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){color:var(--ig-error-100-contrast);border-color:var(--ig-error-600)}`;\n  "]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--ig-theme: fluent;--ig-theme-variant: light}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--outlined-text-color: var(--ig-chip-outlined-text-color, var(--ig-gray-700));--border-color: var(--ig-chip-border-color, var(--ig-gray-700));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-600));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-primary-600));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-200) h s l/0.16));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-primary-600) h s l/0.16));--focus-outlined-background: var(--ig-chip-focus-outlined-background, hsl(from var(--ig-primary-600) h s l/0.16));--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, hsl(from var(--ig-primary-800) h s l/0.3));--ig-theme: fluent;--ig-theme-variant: light}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-600);color:var(--ig-primary-100-contrast)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/0.3)}: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.16)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-600);color:var(--ig-info-100-contrast)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/0.3)}: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.16)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-600);color:var(--ig-success-100-contrast)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/0.3)}: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.16)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-600);color:var(--ig-warn-100-contrast)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/0.3)}: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.16)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-600);color:var(--ig-error-100-contrast)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/0.3)}: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.16)}`;
 //# sourceMappingURL=chip.fluent.css.js.map