igniteui-webcomponents 4.4.0 → 4.5.0

package/components/calendar/themes/fluent/year-month-view.fluent.css.js

@@ -1,129 +0,0 @@
-import { css } from 'lit';
-export const styles = css `:host {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  min-width: 18.125rem;
-  outline: none;
-  padding: 0 0.75rem 1rem 0.75rem;
-  overflow: hidden;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  gap: 0.25rem;
-}
-
-[part=months-row],
-[part=years-row] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-[part~=month],
-[part~=year] {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
-}
-
-[part~=month],
-[part~=year],
-[part~=month-inner],
-[part~=year-inner] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-
-[part~=month-inner],
-[part~=year-inner] {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  cursor: pointer;
-  padding: 0 0.75rem;
-}
-[part~=month-inner]:hover, [part~=month-inner]:focus,
-[part~=year-inner]:hover,
-[part~=year-inner]:focus {
-  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
-}
-[part~=month-inner]:hover,
-[part~=year-inner]:hover {
-  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
-}
-
-[part~=month-inner][part~=selected],
-[part~=year-inner][part~=selected] {
-  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
-  color: var(--ig-secondary-600-contrast);
-}
-[part~=month-inner][part~=selected]:hover,
-[part~=year-inner][part~=selected]:hover {
-  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
-  color: var(--ig-secondary-600-contrast);
-}
-[part~=month-inner][part~=selected]:focus,
-[part~=year-inner][part~=selected]:focus {
-  outline: none;
-  background: hsla(var(--ig-secondary-700), var(--ig-secondary-a));
-  color: var(--ig-secondary-700-contrast);
-}
-
-[part~=month-inner][part~=current],
-[part~=year-inner][part~=current] {
-  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-600), var(--ig-gray-a));
-          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-600), var(--ig-gray-a));
-}
-
-[part~=month-inner][part~=selected][part~=current],
-[part~=year-inner][part~=selected][part~=current] {
-  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a)), 0 0 0 0.0625rem hsla(var(--ig-secondary-500), var(--ig-secondary-a));
-          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a)), 0 0 0 0.0625rem hsla(var(--ig-secondary-500), var(--ig-secondary-a));
-}
-
-[part~=month-inner][part~=current],
-[part~=year-inner][part~=current] {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  background: var(--current-month-year-bg, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  color: var(--current-month-year-color, var(--ig-gray-200-contrast));
-}
-[part~=month-inner][part~=current]:hover, [part~=month-inner][part~=current]:focus,
-[part~=year-inner][part~=current]:hover,
-[part~=year-inner][part~=current]:focus {
-  background: var(--current-month-year-bg-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));
-  color: var(--current-month-year-color-hover, var(--ig-gray-300-contrast));
-}
-
-[part~=month-inner][part~=selected],
-[part~=year-inner][part~=selected],
-[part~=month-inner][part~=selected][part~=current],
-[part~=year-inner][part~=selected][part~=current] {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  background: var(--selected-month-year-bg, hsla(var(--ig-primary-50), var(--ig-primary-a)));
-  color: var(--selected-month-year-color, var(--ig-primary-50-contrast));
-}
-[part~=month-inner][part~=selected]:hover, [part~=month-inner][part~=selected]:focus,
-[part~=year-inner][part~=selected]:hover,
-[part~=year-inner][part~=selected]:focus,
-[part~=month-inner][part~=selected][part~=current]:hover,
-[part~=month-inner][part~=selected][part~=current]:focus,
-[part~=year-inner][part~=selected][part~=current]:hover,
-[part~=year-inner][part~=selected][part~=current]:focus {
-  background: var(--selected-month-year-bg-hover, hsla(var(--ig-primary-100), var(--ig-primary-a)));
-  color: var(--selected-month-year-color-hover, var(--ig-primary-100-contrast));
-}`;
-//# sourceMappingURL=year-month-view.fluent.css.js.map

package/components/calendar/themes/fluent/year-month-view.fluent.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"year-month-view.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/year-month-view.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8HvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  min-width: 18.125rem;\n  outline: none;\n  padding: 0 0.75rem 1rem 0.75rem;\n  overflow: hidden;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  gap: 0.25rem;\n}\n\n[part=months-row],\n[part=years-row] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n[part~=month],\n[part~=year] {\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n}\n\n[part~=month],\n[part~=year],\n[part~=month-inner],\n[part~=year-inner] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n[part~=month-inner],\n[part~=year-inner] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n  padding: 0 0.75rem;\n}\n[part~=month-inner]:hover, [part~=month-inner]:focus,\n[part~=year-inner]:hover,\n[part~=year-inner]:focus {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n[part~=month-inner]:hover,\n[part~=year-inner]:hover {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n[part~=month-inner][part~=selected],\n[part~=year-inner][part~=selected] {\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  color: var(--ig-secondary-600-contrast);\n}\n[part~=month-inner][part~=selected]:hover,\n[part~=year-inner][part~=selected]:hover {\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  color: var(--ig-secondary-600-contrast);\n}\n[part~=month-inner][part~=selected]:focus,\n[part~=year-inner][part~=selected]:focus {\n  outline: none;\n  background: hsla(var(--ig-secondary-700), var(--ig-secondary-a));\n  color: var(--ig-secondary-700-contrast);\n}\n\n[part~=month-inner][part~=current],\n[part~=year-inner][part~=current] {\n  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-600), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n[part~=month-inner][part~=selected][part~=current],\n[part~=year-inner][part~=selected][part~=current] {\n  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a)), 0 0 0 0.0625rem hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a)), 0 0 0 0.0625rem hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}\n\n[part~=month-inner][part~=current],\n[part~=year-inner][part~=current] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  background: var(--current-month-year-bg, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  color: var(--current-month-year-color, var(--ig-gray-200-contrast));\n}\n[part~=month-inner][part~=current]:hover, [part~=month-inner][part~=current]:focus,\n[part~=year-inner][part~=current]:hover,\n[part~=year-inner][part~=current]:focus {\n  background: var(--current-month-year-bg-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  color: var(--current-month-year-color-hover, var(--ig-gray-300-contrast));\n}\n\n[part~=month-inner][part~=selected],\n[part~=year-inner][part~=selected],\n[part~=month-inner][part~=selected][part~=current],\n[part~=year-inner][part~=selected][part~=current] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  background: var(--selected-month-year-bg, hsla(var(--ig-primary-50), var(--ig-primary-a)));\n  color: var(--selected-month-year-color, var(--ig-primary-50-contrast));\n}\n[part~=month-inner][part~=selected]:hover, [part~=month-inner][part~=selected]:focus,\n[part~=year-inner][part~=selected]:hover,\n[part~=year-inner][part~=selected]:focus,\n[part~=month-inner][part~=selected][part~=current]:hover,\n[part~=month-inner][part~=selected][part~=current]:focus,\n[part~=year-inner][part~=selected][part~=current]:hover,\n[part~=year-inner][part~=selected][part~=current]:focus {\n  background: var(--selected-month-year-bg-hover, hsla(var(--ig-primary-100), var(--ig-primary-a)));\n  color: var(--selected-month-year-color-hover, var(--ig-primary-100-contrast));\n}`;\n"]}

package/components/calendar/themes/indigo/calendar.indigo.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/indigo/calendar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(igc-calendar) {\n  --content-background: var(--ig-calendar-content-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --content-text-color: var(--ig-calendar-content-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --border-color: var(--ig-calendar-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --header-background: var(--ig-calendar-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --header-text-color: var(--ig-calendar-header-text-color, var(--ig-secondary-500-contrast));\n  --picker-background-color: var(--ig-calendar-picker-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --picker-arrow-color: var(--ig-calendar-picker-arrow-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --picker-arrow-hover-color: var(--ig-calendar-picker-arrow-hover-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --picker-text-color: var(--ig-calendar-picker-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --picker-text-hover-color: var(--ig-calendar-picker-text-hover-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --inactive-text-color: var(--ig-calendar-inactive-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n  --label-color: var(--ig-calendar-label-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n  --weekend-text-color: var(--ig-calendar-weekend-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --year-current-text-color: var(--ig-calendar-year-current-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --month-current-text-color: var(--ig-calendar-month-current-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --month-hover-current-text-color: var(--ig-calendar-month-hover-current-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --year-hover-text-color: var(--ig-calendar-year-hover-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --month-hover-background: var(--ig-calendar-month-hover-background, transparent);\n  --month-hover-text-color: var(--ig-calendar-month-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, hsla(var(--ig-gray-100), 0.18));\n  --date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, hsla(var(--ig-gray-100), 0.18));\n  --date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-gray-100), 0.18));\n  --date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-gray-100), 0.18));\n  --date-selected-text-color: var(--ig-calendar-date-selected-text-color, var(--ig-primary-500-contrast));\n  --date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-gray-900-contrast));\n  --date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-gray-900-contrast));\n  --date-current-text-color: var(--ig-calendar-date-current-text-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));\n  --date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-secondary-500-contrast));\n  --date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-500-contrast));\n  --date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-500-contrast));\n  --date-current-bg-color: var(--ig-calendar-date-current-bg-color, transparent);\n  --date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --date-special-background: var(--ig-calendar-date-special-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n  --date-special-text-color: var(--ig-calendar-date-special-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --date-disabled-text-color: var(--ig-calendar-date-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --date-disabled-background: var(--ig-calendar-date-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n  --week-number-color: var(--ig-calendar-week-number-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --week-number-background: var(--ig-calendar-week-number-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.15) * 1.25rem), 1.25rem));\n  --date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));\n  --month-border-radius: var(--ig-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));\n  border-radius: var(--border-radius);\n}\n\n:host([size=large]) igc-days-view::part(date-inner),\n:host([size=medium]) igc-days-view::part(date-inner),\n:host([size=small]) igc-days-view::part(date-inner) {\n  border-radius: var(--date-border-radius);\n}\n:host([size=large]) igc-months-view::part(month-inner),\n:host([size=large]) igc-years-view::part(year-inner),\n:host([size=medium]) igc-months-view::part(month-inner),\n:host([size=medium]) igc-years-view::part(year-inner),\n:host([size=small]) igc-months-view::part(month-inner),\n:host([size=small]) igc-years-view::part(year-inner) {\n  border-radius: var(--month-border-radius);\n}`;\n"]}

package/components/card/themes/light/card.actions.material.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.actions.material.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.actions.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8FvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: column nowrap;\n          flex-flow: column nowrap;\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: flex-end;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  padding: 0.5rem;\n  -ms-flex-preferred-size: min-content;\n      flex-basis: min-content;\n}\n\n:host(:not([orientation=vertical])) {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row wrap;\n          flex-flow: row wrap;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host(:not([orientation=vertical])) ::slotted(igc-icon-button:not(:first-of-type)),\n:host(:not([orientation=vertical])) ::slotted(igc-button:not(:first-of-type)) {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n\n::slotted([slot=start]) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-ordinal-group: 1;\n      -ms-flex-order: 0;\n          order: 0;\n}\n\n::slotted([slot=end]) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-margin-start: auto;\n          margin-inline-start: auto;\n  -webkit-box-ordinal-group: 2;\n      -ms-flex-order: 1;\n          order: 1;\n}\n\n::slotted(igc-icon) {\n  opacity: 0.6;\n}`;\n"]}

package/components/card/themes/light/card.media.material.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.media.material.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.media.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  overflow: hidden;\n}\n\n::slotted(*) {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}`;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"chip.base.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsNvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: top;\n}\n\n:host([size=small]) {\n  --component-size: var(--ig-size, var(--ig-size-small));\n}\n:host([size=small]) [part=prefix] {\n  -webkit-margin-end: 0.1875rem;\n          margin-inline-end: 0.1875rem;\n}\n:host([size=small]) [part=suffix] {\n  -webkit-margin-start: 0.1875rem;\n          margin-inline-start: 0.1875rem;\n}\n\n:host([size=medium]) {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n}\n:host([size=medium]) [part=prefix] {\n  -webkit-margin-end: 0.375rem;\n          margin-inline-end: 0.375rem;\n}\n:host([size=medium]) [part=suffix] {\n  -webkit-margin-start: 0.375rem;\n          margin-inline-start: 0.375rem;\n}\n\n:host([size=large]) {\n  --component-size: var(--ig-size, var(--ig-size-large));\n}\n:host([size=large]) [part=prefix] {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n:host([size=large]) [part=suffix] {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n:host([size=large]) igc-icon[size=large] {\n  --size: 1.25rem;\n}\n\n:host button {\n  font-family: var(--ig-body-2-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  font-family: var(--ig-font-family);\n  border-style: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  cursor: pointer;\n  padding: max(var(--is-large, 1) * max(12px, -1 * 12px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(6px, -1 * 6px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(2px, -1 * 2px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n:host button[disabled] {\n  pointer-events: none;\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([variant=primary]) button,\n:host([selected][variant=primary]) button:not([disabled]) {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n}\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n:host([variant=primary]) button:focus,\n:host([selected][variant=primary]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-800), var(--ig-primary-a));\n  color: var(--ig-primary-800-contrast);\n}\n\n:host([variant=info]) button,\n:host([selected][variant=info]) button:not([disabled]) {\n  background: hsla(var(--ig-info-500), var(--ig-info-a));\n  color: var(--ig-info-500-contrast);\n}\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]):hover {\n  background: hsla(var(--ig-info-600), var(--ig-info-a));\n  color: var(--ig-info-600-contrast);\n}\n:host([variant=info]) button:focus,\n:host([selected][variant=info]) button:not([disabled]):focus {\n  background: hsla(var(--ig-info-800), var(--ig-info-a));\n  color: var(--ig-info-800-contrast);\n}\n\n:host([variant=success]) button,\n:host([selected][variant=success]) button:not([disabled]) {\n  background: hsla(var(--ig-success-500), var(--ig-success-a));\n  color: var(--ig-success-500-contrast);\n}\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]):hover {\n  background: hsla(var(--ig-success-600), var(--ig-success-a));\n  color: var(--ig-success-600-contrast);\n}\n:host([variant=success]) button:focus,\n:host([selected][variant=success]) button:not([disabled]):focus {\n  background: hsla(var(--ig-success-800), var(--ig-success-a));\n  color: var(--ig-success-800-contrast);\n}\n\n:host([variant=warning]) button,\n:host([selected][variant=warning]) button:not([disabled]) {\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n  color: var(--ig-warn-500-contrast);\n}\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]):hover {\n  background: hsla(var(--ig-warn-600), var(--ig-warn-a));\n  color: var(--ig-warn-600-contrast);\n}\n:host([variant=warning]) button:focus,\n:host([selected][variant=warning]) button:not([disabled]):focus {\n  background: hsla(var(--ig-warn-800), var(--ig-warn-a));\n  color: var(--ig-warn-800-contrast);\n}\n\n:host([variant=danger]) button,\n:host([selected][variant=danger]) button:not([disabled]) {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n  color: var(--ig-error-500-contrast);\n}\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]):hover {\n  background: hsla(var(--ig-error-600), var(--ig-error-a));\n  color: var(--ig-error-600-contrast);\n}\n:host([variant=danger]) button:focus,\n:host([selected][variant=danger]) button:not([disabled]):focus {\n  background: hsla(var(--ig-error-800), var(--ig-error-a));\n  color: var(--ig-error-800-contrast);\n}\n\n[part=prefix],\n[part=suffix] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n::slotted(*) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([variant=primary]) button[disabled],\n:host([variant=info]) button[disabled],\n:host([variant=success]) button[disabled],\n:host([variant=warning]) button[disabled],\n:host([variant=danger]) button[disabled] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}`;\n"]}

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

@@ -1,323 +0,0 @@
-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;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  scrollbar-width: var(--ig-scrollbar-size);
-  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
-}
-:host *,
-:host *::before,
-:host *::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-:host ::-webkit-scrollbar {
-  width: var(--ig-scrollbar-size);
-  height: var(--ig-scrollbar-size);
-  background: var(--ig-scrollbar-track-background);
-}
-:host ::-webkit-scrollbar-thumb {
-  background: var(--ig-scrollbar-thumb-background);
-}
-
-:host([hidden]),
-[hidden] {
-  display: none !important;
-}
-:host {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  vertical-align: top;
-}
-
-:host([size=small]) {
-  --component-size: var(--ig-size, var(--ig-size-small));
-}
-:host([size=small]) [part=prefix] {
-  -webkit-margin-end: 0.1875rem;
-          margin-inline-end: 0.1875rem;
-}
-:host([size=small]) [part=suffix] {
-  -webkit-margin-start: 0.1875rem;
-          margin-inline-start: 0.1875rem;
-}
-
-:host([size=medium]) {
-  --component-size: var(--ig-size, var(--ig-size-medium));
-}
-:host([size=medium]) [part=prefix] {
-  -webkit-margin-end: 0.375rem;
-          margin-inline-end: 0.375rem;
-}
-:host([size=medium]) [part=suffix] {
-  -webkit-margin-start: 0.375rem;
-          margin-inline-start: 0.375rem;
-}
-
-:host([size=large]) {
-  --component-size: var(--ig-size, var(--ig-size-large));
-}
-:host([size=large]) [part=prefix] {
-  -webkit-margin-end: 0.5rem;
-          margin-inline-end: 0.5rem;
-}
-:host([size=large]) [part=suffix] {
-  -webkit-margin-start: 0.5rem;
-          margin-inline-start: 0.5rem;
-}
-:host([size=large]) igc-icon[size=large] {
-  --size: 1.25rem;
-}
-
-: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);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  font-family: var(--ig-font-family);
-  border-style: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  cursor: pointer;
-  padding: max(var(--is-large, 1) * max(12px, -1 * 12px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(6px, -1 * 6px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(2px, -1 * 2px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));
-}
-:host button[disabled] {
-  pointer-events: none;
-  color: hsla(var(--ig-gray-500), var(--ig-gray-a));
-}
-
-:host([variant=primary]) button,
-:host([selected][variant=primary]) button:not([disabled]) {
-  background: hsla(var(--ig-primary-500), var(--ig-primary-a));
-  color: var(--ig-primary-500-contrast);
-}
-:host([variant=primary]) button:hover,
-:host([selected][variant=primary]) button:not([disabled]):hover {
-  background: hsla(var(--ig-primary-600), var(--ig-primary-a));
-  color: var(--ig-primary-600-contrast);
-}
-:host([variant=primary]) button:focus,
-:host([selected][variant=primary]) button:not([disabled]):focus {
-  background: hsla(var(--ig-primary-800), var(--ig-primary-a));
-  color: var(--ig-primary-800-contrast);
-}
-
-:host([variant=info]) button,
-:host([selected][variant=info]) button:not([disabled]) {
-  background: hsla(var(--ig-info-500), var(--ig-info-a));
-  color: var(--ig-info-500-contrast);
-}
-:host([variant=info]) button:hover,
-:host([selected][variant=info]) button:not([disabled]):hover {
-  background: hsla(var(--ig-info-600), var(--ig-info-a));
-  color: var(--ig-info-600-contrast);
-}
-:host([variant=info]) button:focus,
-:host([selected][variant=info]) button:not([disabled]):focus {
-  background: hsla(var(--ig-info-800), var(--ig-info-a));
-  color: var(--ig-info-800-contrast);
-}
-
-:host([variant=success]) button,
-:host([selected][variant=success]) button:not([disabled]) {
-  background: hsla(var(--ig-success-500), var(--ig-success-a));
-  color: var(--ig-success-500-contrast);
-}
-:host([variant=success]) button:hover,
-:host([selected][variant=success]) button:not([disabled]):hover {
-  background: hsla(var(--ig-success-600), var(--ig-success-a));
-  color: var(--ig-success-600-contrast);
-}
-:host([variant=success]) button:focus,
-:host([selected][variant=success]) button:not([disabled]):focus {
-  background: hsla(var(--ig-success-800), var(--ig-success-a));
-  color: var(--ig-success-800-contrast);
-}
-
-:host([variant=warning]) button,
-:host([selected][variant=warning]) button:not([disabled]) {
-  background: hsla(var(--ig-warn-500), var(--ig-warn-a));
-  color: var(--ig-warn-500-contrast);
-}
-:host([variant=warning]) button:hover,
-:host([selected][variant=warning]) button:not([disabled]):hover {
-  background: hsla(var(--ig-warn-600), var(--ig-warn-a));
-  color: var(--ig-warn-600-contrast);
-}
-:host([variant=warning]) button:focus,
-:host([selected][variant=warning]) button:not([disabled]):focus {
-  background: hsla(var(--ig-warn-800), var(--ig-warn-a));
-  color: var(--ig-warn-800-contrast);
-}
-
-:host([variant=danger]) button,
-:host([selected][variant=danger]) button:not([disabled]) {
-  background: hsla(var(--ig-error-500), var(--ig-error-a));
-  color: var(--ig-error-500-contrast);
-}
-:host([variant=danger]) button:hover,
-:host([selected][variant=danger]) button:not([disabled]):hover {
-  background: hsla(var(--ig-error-600), var(--ig-error-a));
-  color: var(--ig-error-600-contrast);
-}
-:host([variant=danger]) button:focus,
-:host([selected][variant=danger]) button:not([disabled]):focus {
-  background: hsla(var(--ig-error-800), var(--ig-error-a));
-  color: var(--ig-error-800-contrast);
-}
-
-[part=prefix],
-[part=suffix] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-
-::slotted(*) {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-:host([variant=primary]) button[disabled],
-:host([variant=info]) button[disabled],
-:host([variant=success]) button[disabled],
-:host([variant=warning]) button[disabled],
-:host([variant=danger]) button[disabled] {
-  color: hsla(var(--ig-gray-500), var(--ig-gray-a));
-}
-
-:host {
-  --ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));
-  --remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');
-  --focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');
-  --text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));
-  --background: var(--ig-chip-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --border-color: var(--ig-chip-border-color, transparent);
-  --ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));
-  --hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast));
-  --hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));
-  --hover-border-color: var(--ig-chip-hover-border-color, transparent);
-  --focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-400-contrast));
-  --focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));
-  --focus-border-color: var(--ig-chip-focus-border-color, transparent);
-  --selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast));
-  --selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --selected-border-color: var(--ig-chip-selected-border-color, transparent);
-  --hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast));
-  --hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));
-  --hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);
-  --focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-400-contrast));
-  --focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));
-  --focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);
-  --border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));
-  --disabled-text-color: var(--ig-chip-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --disabled-border-color: var(--ig-chip-disabled-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --size: var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));
-}
-
-:host button {
-  border-radius: var(--border-radius);
-  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
-  color: var(--ig-gray-200-contrast);
-  height: var(--size);
-}
-:host button:hover {
-  background: hsla(var(--ig-gray-400), var(--ig-gray-a));
-  color: var(--ig-gray-400-contrast);
-}
-:host button:focus {
-  outline: 0.125rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));
-  background: hsla(var(--ig-gray-400), var(--ig-gray-a));
-  color: var(--ig-gray-400-contrast);
-}
-:host button[disabled] {
-  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
-}
-
-:host([variant=primary]) button,
-:host([variant=primary]) button:focus,
-:host([variant=primary]) button:hover,
-:host([selected][variant=primary]) button:not([disabled]) {
-  color: var(--ig-primary-700-contrast);
-}
-
-:host([variant=primary]) button:focus {
-  outline: 0.125rem solid hsla(var(--ig-primary-200), var(--ig-primary-a));
-}
-
-:host([variant=info]) button,
-:host([variant=info]) button:focus,
-:host([variant=info]) button:hover,
-:host([selected][variant=info]) button:not([disabled]) {
-  color: var(--ig-info-700-contrast);
-}
-
-:host([variant=info]) button:focus {
-  outline: 0.125rem solid hsla(var(--ig-info-200), var(--ig-info-a));
-}
-
-:host([variant=success]) button,
-:host([variant=success]) button:focus,
-:host([variant=success]) button:hover,
-:host([selected][variant=success]) button:not([disabled]) {
-  color: var(--ig-success-700-contrast);
-}
-
-:host([variant=success]) button:focus {
-  outline: 0.125rem solid hsla(var(--ig-success-200), var(--ig-success-a));
-}
-
-:host([variant=warning]) button,
-:host([variant=warning]) button:focus,
-:host([variant=warning]) button:hover,
-:host([selected][variant=warning]) button:not([disabled]) {
-  color: var(--ig-warn-700-contrast);
-}
-
-:host([variant=warning]) button:focus {
-  outline: 0.125rem solid hsla(var(--ig-warn-200), var(--ig-warn-a));
-}
-
-:host([variant=danger]) button,
-:host([variant=danger]) button:focus,
-:host([variant=danger]) button:hover,
-:host([selected][variant=danger]) button:not([disabled]) {
-  color: var(--ig-error-700-contrast);
-}
-
-:host([variant=danger]) button:focus {
-  outline: 0.125rem solid hsla(var(--ig-error-200), var(--ig-error-a));
-}`;
-//# sourceMappingURL=chip.bootstrap.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgUvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: top;\n}\n\n:host([size=small]) {\n  --component-size: var(--ig-size, var(--ig-size-small));\n}\n:host([size=small]) [part=prefix] {\n  -webkit-margin-end: 0.1875rem;\n          margin-inline-end: 0.1875rem;\n}\n:host([size=small]) [part=suffix] {\n  -webkit-margin-start: 0.1875rem;\n          margin-inline-start: 0.1875rem;\n}\n\n:host([size=medium]) {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n}\n:host([size=medium]) [part=prefix] {\n  -webkit-margin-end: 0.375rem;\n          margin-inline-end: 0.375rem;\n}\n:host([size=medium]) [part=suffix] {\n  -webkit-margin-start: 0.375rem;\n          margin-inline-start: 0.375rem;\n}\n\n:host([size=large]) {\n  --component-size: var(--ig-size, var(--ig-size-large));\n}\n:host([size=large]) [part=prefix] {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n:host([size=large]) [part=suffix] {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n:host([size=large]) igc-icon[size=large] {\n  --size: 1.25rem;\n}\n\n:host button {\n  font-family: var(--ig-body-2-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  font-family: var(--ig-font-family);\n  border-style: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  cursor: pointer;\n  padding: max(var(--is-large, 1) * max(12px, -1 * 12px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(6px, -1 * 6px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(2px, -1 * 2px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n:host button[disabled] {\n  pointer-events: none;\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([variant=primary]) button,\n:host([selected][variant=primary]) button:not([disabled]) {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n}\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n:host([variant=primary]) button:focus,\n:host([selected][variant=primary]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-800), var(--ig-primary-a));\n  color: var(--ig-primary-800-contrast);\n}\n\n:host([variant=info]) button,\n:host([selected][variant=info]) button:not([disabled]) {\n  background: hsla(var(--ig-info-500), var(--ig-info-a));\n  color: var(--ig-info-500-contrast);\n}\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]):hover {\n  background: hsla(var(--ig-info-600), var(--ig-info-a));\n  color: var(--ig-info-600-contrast);\n}\n:host([variant=info]) button:focus,\n:host([selected][variant=info]) button:not([disabled]):focus {\n  background: hsla(var(--ig-info-800), var(--ig-info-a));\n  color: var(--ig-info-800-contrast);\n}\n\n:host([variant=success]) button,\n:host([selected][variant=success]) button:not([disabled]) {\n  background: hsla(var(--ig-success-500), var(--ig-success-a));\n  color: var(--ig-success-500-contrast);\n}\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]):hover {\n  background: hsla(var(--ig-success-600), var(--ig-success-a));\n  color: var(--ig-success-600-contrast);\n}\n:host([variant=success]) button:focus,\n:host([selected][variant=success]) button:not([disabled]):focus {\n  background: hsla(var(--ig-success-800), var(--ig-success-a));\n  color: var(--ig-success-800-contrast);\n}\n\n:host([variant=warning]) button,\n:host([selected][variant=warning]) button:not([disabled]) {\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n  color: var(--ig-warn-500-contrast);\n}\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]):hover {\n  background: hsla(var(--ig-warn-600), var(--ig-warn-a));\n  color: var(--ig-warn-600-contrast);\n}\n:host([variant=warning]) button:focus,\n:host([selected][variant=warning]) button:not([disabled]):focus {\n  background: hsla(var(--ig-warn-800), var(--ig-warn-a));\n  color: var(--ig-warn-800-contrast);\n}\n\n:host([variant=danger]) button,\n:host([selected][variant=danger]) button:not([disabled]) {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n  color: var(--ig-error-500-contrast);\n}\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]):hover {\n  background: hsla(var(--ig-error-600), var(--ig-error-a));\n  color: var(--ig-error-600-contrast);\n}\n:host([variant=danger]) button:focus,\n:host([selected][variant=danger]) button:not([disabled]):focus {\n  background: hsla(var(--ig-error-800), var(--ig-error-a));\n  color: var(--ig-error-800-contrast);\n}\n\n[part=prefix],\n[part=suffix] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n::slotted(*) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([variant=primary]) button[disabled],\n:host([variant=info]) button[disabled],\n:host([variant=success]) button[disabled],\n:host([variant=warning]) button[disabled],\n:host([variant=danger]) button[disabled] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host {\n  --ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));\n  --remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');\n  --focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');\n  --text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));\n  --background: var(--ig-chip-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --border-color: var(--ig-chip-border-color, transparent);\n  --ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast));\n  --hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --hover-border-color: var(--ig-chip-hover-border-color, transparent);\n  --focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-400-contrast));\n  --focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --focus-border-color: var(--ig-chip-focus-border-color, transparent);\n  --selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast));\n  --selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --selected-border-color: var(--ig-chip-selected-border-color, transparent);\n  --hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast));\n  --hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);\n  --focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-400-contrast));\n  --focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);\n  --border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));\n  --disabled-text-color: var(--ig-chip-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --disabled-border-color: var(--ig-chip-disabled-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --size: var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));\n}\n\n:host button {\n  border-radius: var(--border-radius);\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  color: var(--ig-gray-200-contrast);\n  height: var(--size);\n}\n:host button:hover {\n  background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  color: var(--ig-gray-400-contrast);\n}\n:host button:focus {\n  outline: 0.125rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  color: var(--ig-gray-400-contrast);\n}\n:host button[disabled] {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n:host([variant=primary]) button,\n:host([variant=primary]) button:focus,\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]) {\n  color: var(--ig-primary-700-contrast);\n}\n\n:host([variant=primary]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n\n:host([variant=info]) button,\n:host([variant=info]) button:focus,\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]) {\n  color: var(--ig-info-700-contrast);\n}\n\n:host([variant=info]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-info-200), var(--ig-info-a));\n}\n\n:host([variant=success]) button,\n:host([variant=success]) button:focus,\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]) {\n  color: var(--ig-success-700-contrast);\n}\n\n:host([variant=success]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-success-200), var(--ig-success-a));\n}\n\n:host([variant=warning]) button,\n:host([variant=warning]) button:focus,\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]) {\n  color: var(--ig-warn-700-contrast);\n}\n\n:host([variant=warning]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-warn-200), var(--ig-warn-a));\n}\n\n:host([variant=danger]) button,\n:host([variant=danger]) button:focus,\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]) {\n  color: var(--ig-error-700-contrast);\n}\n\n:host([variant=danger]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-error-200), var(--ig-error-a));\n}`;\n"]}