igniteui-webcomponents 4.3.0 → 4.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"days-view.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/days-view.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmVvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n[part~=date-inner]:focus, [part~=date-inner]:hover {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  color: var(--date-color-hover, var(--ig-gray-300-contrast));\n}\n\n[part~=date-inner][part~=weekend]:focus, [part~=date-inner][part~=weekend]:hover,\n[part~=date-inner][part~=inactive]:focus,\n[part~=date-inner][part~=inactive]:hover,\n[part~=date-inner][part~=selected][part~=single]:focus,\n[part~=date-inner][part~=selected][part~=single]:hover {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  color: var(--date-color-hover, var(--ig-gray-300-contrast));\n}\n\n[part~=current][part~=date-inner][part~=current],\n[part~=current][part~=date-inner],\n[part~=current][part~=single][part~=date-inner] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  position: relative;\n  overflow: hidden;\n  color: var(--date-current-color, var(--ig-secondary-700-contrast));\n}\n[part~=current][part~=date-inner][part~=current]::after,\n[part~=current][part~=date-inner]::after,\n[part~=current][part~=single][part~=date-inner]::after {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);\n  content: \"\";\n  position: absolute;\n  top: 0.0625rem;\n  inset-inline-start: 0.0625rem;\n  width: calc(100% - 0.125rem);\n  height: calc(100% - 0.125rem);\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  z-index: -1;\n}\n[part~=current][part~=date-inner][part~=current]:focus, [part~=current][part~=date-inner][part~=current]:hover,\n[part~=current][part~=date-inner]:focus,\n[part~=current][part~=date-inner]:hover,\n[part~=current][part~=single][part~=date-inner]:focus,\n[part~=current][part~=single][part~=date-inner]:hover {\n  color: var(--date-current-color, var(--ig-secondary-700-contrast));\n}\n[part~=current][part~=date-inner][part~=current]:focus::after, [part~=current][part~=date-inner][part~=current]:hover::after,\n[part~=current][part~=date-inner]:focus::after,\n[part~=current][part~=date-inner]:hover::after,\n[part~=current][part~=single][part~=date-inner]:focus::after,\n[part~=current][part~=single][part~=date-inner]:hover::after {\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}\n\n[part~=selected][part~=date-inner][part~=single],\n[part~=selected][part~=date-inner][part~=single][part~=weekend] {\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  color: var(--ig-gray-200-contrast);\n  border-radius: 0;\n}\n\n[part~=date-inner][part~=selected][part~=current][part~=single] {\n  color: var(--date-current-color, var(--ig-secondary-700-contrast));\n}\n\n[part~=week-number-inner] {\n  border-inline-end-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n[part~=week-number-inner]::after {\n  border-inline-end-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n[part=\"week-number-inner last\"],\n[part=\"week-number-inner first\"] {\n  border-radius: 0;\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=first],\n[part~=date-inner][part~=selected][part~=range][part~=last],\n[part~=date-inner][part~=selected]:not([part~=range]) {\n  border-top-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  border-inline-start-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=range][part~=first]:hover, [part~=date-inner][part~=selected][part~=range][part~=first]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=last]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=last]:focus,\n[part~=date-inner][part~=selected]:not([part~=range]):hover,\n[part~=date-inner][part~=selected]:not([part~=range]):focus {\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=range][part~=first]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=last]:hover,\n[part~=date-inner][part~=selected]:not([part~=range]):hover {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=range][part~=first]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=last]:focus,\n[part~=date-inner][part~=selected]:not([part~=range]):focus {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=last] {\n  border-inline-start-color: transparent;\n  -webkit-border-end: 0;\n          border-inline-end: 0;\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=first] {\n  border-inline-end-color: transparent;\n  -webkit-border-start: 0;\n          border-inline-start: 0;\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=weekend],\n[part~=date-inner][part~=selected][part~=range][part~=inactive] {\n  color: var(--ig-gray-200-contrast);\n}\n[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover, [part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus {\n  color: var(--ig-gray-300-contrast);\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=last][part~=range] {\n  border-color: transparent;\n}\n\n[part~=date-inner][part~=selected][part~=range] {\n  border-top: 0;\n  border-bottom: 0;\n  color: var(--ig-gray-200-contrast);\n}\n[part~=date-inner][part~=selected][part~=range]:hover {\n  color: var(--date-color-hover, var(--ig-gray-300-contrast));\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=range]:focus {\n  color: var(--date-color-hover, var(--ig-gray-300-contrast));\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=preview]:focus {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n[part~=date][part~=selected][part~=range] {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-top-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n[part~=date][part~=first][part~=selected][part~=range],\n[part~=date][part~=last][part~=selected][part~=range] {\n  background: transparent;\n  border-color: transparent;\n}\n[part~=date][part~=first][part~=selected][part~=range]::after,\n[part~=date][part~=last][part~=selected][part~=range]::after {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-top-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n[part~=date][part~=first][part~=selected][part~=range]::before,\n[part~=date][part~=last][part~=selected][part~=range]::before {\n  content: \"\";\n  position: absolute;\n  top: -0.0625rem;\n  width: var(--size);\n  height: 100%;\n  border: 0.0625rem solid hsla(var(--ig-gray-700), var(--ig-gray-a));\n  z-index: 3;\n  pointer-events: none;\n}\n\n[part~=date][part~=first][part~=selected][part~=range]::before {\n  border-inline-end-color: transparent;\n}\n\n[part~=date][part~=last][part~=selected][part~=range]::before {\n  border-inline-start-color: transparent;\n}\n\n:host(igc-calendar[size=large]) igc-days-view::part(date first selected range)::before {\n  margin: 0;\n  inset-inline-start: calc(50% - 1rem);\n}\n:host(igc-calendar[size=large]) igc-days-view::part(date last selected range)::before {\n  inset-inline-end: calc(50% - 1rem);\n}\n\n:host(igc-calendar[size=medium]) igc-days-view::part(date first selected range)::before {\n  inset-inline-start: calc(50% - 0.875rem);\n}\n:host(igc-calendar[size=medium]) igc-days-view::part(date last selected range)::before {\n  inset-inline-end: calc(50% - 0.875rem);\n}\n\n:host(igc-calendar[size=small]) igc-days-view::part(date first selected range)::before {\n  inset-inline-start: calc(50% - 0.75rem);\n}\n:host(igc-calendar[size=small]) igc-days-view::part(date last selected range)::before {\n  inset-inline-end: calc(50% - 0.75rem);\n}\n\n[part~=date][part~=first][part~=last][part~=selected][part~=range]::before {\n  border-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: transparent;\n}\n\n[part~=date-inner][part~=selected][part~=current][part~=range],\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range],\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current],\n[part~=date-inner][part~=first][part~=selected][part~=current][part~=range],\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range] {\n  color: var(--date-current-color, var(--ig-secondary-700-contrast)) !important;\n}\n[part~=date-inner][part~=selected][part~=current][part~=range]:focus, [part~=date-inner][part~=selected][part~=current][part~=range]:hover,\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:focus,\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:hover,\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:focus,\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:hover,\n[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:focus,\n[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:hover,\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:focus,\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:hover {\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=first][part~=range][part~=preview],\n[part~=date-inner][part~=first][part~=selected][part~=range][part~=preview] {\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-start-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: transparent;\n  background: transparent;\n}\n\n[part~=date-inner][part~=last][part~=range][part~=preview],\n[part~=date-inner][part~=last][part~=selected][part~=range][part~=preview] {\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-start-color: transparent;\n  background: transparent;\n}\n\n[part~=date][part~=range][part~=preview] {\n  border-top-style: solid;\n  border-bottom-style: solid;\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n[part~=date][part~=range][part~=preview]::after {\n  border-top-style: solid;\n  border-bottom-style: solid;\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  background: transparent;\n}\n\n[part~=date][part~=range][part~=preview][part~=first],\n[part~=date][part~=range][part~=preview][part~=last] {\n  border-top-color: transparent;\n  border-bottom-color: transparent;\n}\n[part~=date][part~=range][part~=preview][part~=first]::after,\n[part~=date][part~=range][part~=preview][part~=last]::after {\n  border-top-style: solid;\n  border-bottom-style: solid;\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n[part~=date][part~=first][part~=selected][part~=range][part~=preview],\n[part~=date][part~=last][part~=selected][part~=range][part~=preview] {\n  background: transparent;\n}\n[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before,\n[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before {\n  border-block-start-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-block-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after,\n[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after {\n  border-style: solid;\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  background: transparent;\n}\n\n[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before {\n  border-inline-start-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: transparent;\n}\n[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after {\n  -webkit-border-end: 0;\n          border-inline-end: 0;\n}\n\n[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before {\n  border-inline-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-start-color: transparent;\n}\n[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after {\n  -webkit-border-start: 0;\n          border-inline-start: 0;\n}\n\n[part~=date-inner][part~=first][part~=last][part~=selected] {\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=first][part~=last][part~=selected],\n[part~=date-inner][part~=first][part~=selected],\n[part~=date-inner][part~=last][part~=selected] {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a)) !important;\n  color: var(--ig-gray-200-contrast) !important;\n}\n[part~=date-inner][part~=first][part~=last][part~=selected]:focus,\n[part~=date-inner][part~=first][part~=selected]:focus,\n[part~=date-inner][part~=last][part~=selected]:focus {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a)) !important;\n  color: var(--ig-gray-200-contrast) !important;\n}\n\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current] {\n  color: var(--date-current-color, var(--ig-secondary-700-contrast)) !important;\n}\n\n[part~=date-inner][part~=first][part~=selected][part~=current][part~=range][part~=preview]:focus,\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range][part~=preview]:focus {\n  border-color: transparent;\n}`;\n"]}
+{"version":3,"file":"days-view.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/days-view.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkVvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=date-inner]:focus, [part~=date-inner]:hover {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  color: var(--date-color-hover, var(--ig-gray-300-contrast));\n}\n\n[part~=date-inner][part~=weekend]:focus, [part~=date-inner][part~=weekend]:hover,\n[part~=date-inner][part~=inactive]:focus,\n[part~=date-inner][part~=inactive]:hover,\n[part~=date-inner][part~=selected][part~=single]:focus,\n[part~=date-inner][part~=selected][part~=single]:hover {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  color: var(--date-color-hover, var(--ig-gray-300-contrast));\n}\n\n[part~=current][part~=date-inner][part~=current],\n[part~=current][part~=date-inner],\n[part~=current][part~=single][part~=date-inner] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  position: relative;\n  overflow: hidden;\n  color: var(--date-current-color, var(--ig-secondary-700-contrast));\n}\n[part~=current][part~=date-inner][part~=current]::after,\n[part~=current][part~=date-inner]::after,\n[part~=current][part~=single][part~=date-inner]::after {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem);\n  content: \"\";\n  position: absolute;\n  top: 0.0625rem;\n  inset-inline-start: 0.0625rem;\n  width: calc(100% - 0.125rem);\n  height: calc(100% - 0.125rem);\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  z-index: -1;\n}\n[part~=current][part~=date-inner][part~=current]:focus, [part~=current][part~=date-inner][part~=current]:hover,\n[part~=current][part~=date-inner]:focus,\n[part~=current][part~=date-inner]:hover,\n[part~=current][part~=single][part~=date-inner]:focus,\n[part~=current][part~=single][part~=date-inner]:hover {\n  color: var(--date-current-color, var(--ig-secondary-700-contrast));\n}\n[part~=current][part~=date-inner][part~=current]:focus::after, [part~=current][part~=date-inner][part~=current]:hover::after,\n[part~=current][part~=date-inner]:focus::after,\n[part~=current][part~=date-inner]:hover::after,\n[part~=current][part~=single][part~=date-inner]:focus::after,\n[part~=current][part~=single][part~=date-inner]:hover::after {\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}\n\n[part~=selected][part~=date-inner][part~=single],\n[part~=selected][part~=date-inner][part~=single][part~=weekend] {\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  color: var(--ig-gray-200-contrast);\n  border-radius: 0;\n}\n\n[part~=date-inner][part~=selected][part~=current][part~=single] {\n  color: var(--date-current-color, var(--ig-secondary-700-contrast));\n}\n\n[part~=week-number-inner] {\n  border-inline-end-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n[part~=week-number-inner]::after {\n  border-inline-end-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n[part=\"week-number-inner last\"],\n[part=\"week-number-inner first\"] {\n  border-radius: 0;\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=first],\n[part~=date-inner][part~=selected][part~=range][part~=last],\n[part~=date-inner][part~=selected]:not([part~=range]) {\n  border-top-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  border-inline-start-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=range][part~=first]:hover, [part~=date-inner][part~=selected][part~=range][part~=first]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=last]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=last]:focus,\n[part~=date-inner][part~=selected]:not([part~=range]):hover,\n[part~=date-inner][part~=selected]:not([part~=range]):focus {\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=range][part~=first]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=last]:hover,\n[part~=date-inner][part~=selected]:not([part~=range]):hover {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=range][part~=first]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=last]:focus,\n[part~=date-inner][part~=selected]:not([part~=range]):focus {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=last] {\n  border-inline-start-color: transparent;\n  -webkit-border-end: 0;\n          border-inline-end: 0;\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=first] {\n  border-inline-end-color: transparent;\n  -webkit-border-start: 0;\n          border-inline-start: 0;\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=weekend],\n[part~=date-inner][part~=selected][part~=range][part~=inactive] {\n  color: var(--ig-gray-200-contrast);\n}\n[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover, [part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus {\n  color: var(--ig-gray-300-contrast);\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=last][part~=range] {\n  border-color: transparent;\n}\n\n[part~=date-inner][part~=selected][part~=range] {\n  border-top: 0;\n  border-bottom: 0;\n  color: var(--ig-gray-200-contrast);\n}\n[part~=date-inner][part~=selected][part~=range]:hover {\n  color: var(--date-color-hover, var(--ig-gray-300-contrast));\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=range]:focus {\n  color: var(--date-color-hover, var(--ig-gray-300-contrast));\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=preview]:focus {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n[part~=date][part~=selected][part~=range] {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-top-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n[part~=date][part~=first][part~=selected][part~=range],\n[part~=date][part~=last][part~=selected][part~=range] {\n  background: transparent;\n  border-color: transparent;\n}\n[part~=date][part~=first][part~=selected][part~=range]::after,\n[part~=date][part~=last][part~=selected][part~=range]::after {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-top-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n[part~=date][part~=first][part~=selected][part~=range]::before,\n[part~=date][part~=last][part~=selected][part~=range]::before {\n  content: \"\";\n  position: absolute;\n  top: -0.0625rem;\n  width: var(--size);\n  height: 100%;\n  border: 0.0625rem solid hsla(var(--ig-gray-700), var(--ig-gray-a));\n  z-index: 3;\n  pointer-events: none;\n}\n\n[part~=date][part~=first][part~=selected][part~=range]::before {\n  border-inline-end-color: transparent;\n}\n\n[part~=date][part~=last][part~=selected][part~=range]::before {\n  border-inline-start-color: transparent;\n}\n\n:host(igc-calendar[size=large]) igc-days-view::part(date first selected range)::before {\n  margin: 0;\n  inset-inline-start: calc(50% - 1rem);\n}\n:host(igc-calendar[size=large]) igc-days-view::part(date last selected range)::before {\n  inset-inline-end: calc(50% - 1rem);\n}\n\n:host(igc-calendar[size=medium]) igc-days-view::part(date first selected range)::before {\n  inset-inline-start: calc(50% - 0.875rem);\n}\n:host(igc-calendar[size=medium]) igc-days-view::part(date last selected range)::before {\n  inset-inline-end: calc(50% - 0.875rem);\n}\n\n:host(igc-calendar[size=small]) igc-days-view::part(date first selected range)::before {\n  inset-inline-start: calc(50% - 0.75rem);\n}\n:host(igc-calendar[size=small]) igc-days-view::part(date last selected range)::before {\n  inset-inline-end: calc(50% - 0.75rem);\n}\n\n[part~=date][part~=first][part~=last][part~=selected][part~=range]::before {\n  border-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: transparent;\n}\n\n[part~=date-inner][part~=selected][part~=current][part~=range],\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range],\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current],\n[part~=date-inner][part~=first][part~=selected][part~=current][part~=range],\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range] {\n  color: var(--date-current-color, var(--ig-secondary-700-contrast)) !important;\n}\n[part~=date-inner][part~=selected][part~=current][part~=range]:focus, [part~=date-inner][part~=selected][part~=current][part~=range]:hover,\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:focus,\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:hover,\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:focus,\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:hover,\n[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:focus,\n[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:hover,\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:focus,\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:hover {\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=first][part~=range][part~=preview],\n[part~=date-inner][part~=first][part~=selected][part~=range][part~=preview] {\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-start-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: transparent;\n  background: transparent;\n}\n\n[part~=date-inner][part~=last][part~=range][part~=preview],\n[part~=date-inner][part~=last][part~=selected][part~=range][part~=preview] {\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-start-color: transparent;\n  background: transparent;\n}\n\n[part~=date][part~=range][part~=preview] {\n  border-top-style: solid;\n  border-bottom-style: solid;\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n[part~=date][part~=range][part~=preview]::after {\n  border-top-style: solid;\n  border-bottom-style: solid;\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  background: transparent;\n}\n\n[part~=date][part~=range][part~=preview][part~=first],\n[part~=date][part~=range][part~=preview][part~=last] {\n  border-top-color: transparent;\n  border-bottom-color: transparent;\n}\n[part~=date][part~=range][part~=preview][part~=first]::after,\n[part~=date][part~=range][part~=preview][part~=last]::after {\n  border-top-style: solid;\n  border-bottom-style: solid;\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n[part~=date][part~=first][part~=selected][part~=range][part~=preview],\n[part~=date][part~=last][part~=selected][part~=range][part~=preview] {\n  background: transparent;\n}\n[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before,\n[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before {\n  border-block-start-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-block-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after,\n[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after {\n  border-style: solid;\n  border-top-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-bottom-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  background: transparent;\n}\n\n[part~=date][part~=first][part~=selected][part~=range][part~=preview]::before {\n  border-inline-start-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: transparent;\n}\n[part~=date][part~=first][part~=selected][part~=range][part~=preview]::after {\n  -webkit-border-end: 0;\n          border-inline-end: 0;\n}\n\n[part~=date][part~=last][part~=selected][part~=range][part~=preview]::before {\n  border-inline-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-start-color: transparent;\n}\n[part~=date][part~=last][part~=selected][part~=range][part~=preview]::after {\n  -webkit-border-start: 0;\n          border-inline-start: 0;\n}\n\n[part~=date-inner][part~=first][part~=last][part~=selected] {\n  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=first][part~=last][part~=selected],\n[part~=date-inner][part~=first][part~=selected],\n[part~=date-inner][part~=last][part~=selected] {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a)) !important;\n  color: var(--ig-gray-200-contrast) !important;\n}\n[part~=date-inner][part~=first][part~=last][part~=selected]:focus,\n[part~=date-inner][part~=first][part~=selected]:focus,\n[part~=date-inner][part~=last][part~=selected]:focus {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a)) !important;\n  color: var(--ig-gray-200-contrast) !important;\n}\n\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current] {\n  color: var(--date-current-color, var(--ig-secondary-700-contrast)) !important;\n}\n\n[part~=date-inner][part~=first][part~=selected][part~=current][part~=range][part~=preview]:focus,\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range][part~=preview]:focus {\n  border-color: transparent;\n}`;\n"]}

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

@@ -1,6 +1,5 @@
 import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-:host {
+export const styles = css `:host {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;

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

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+HvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\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-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"]}
+{"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

@@ -0,0 +1,67 @@
+import { css } from 'lit';
+export const styles = css `:host(igc-calendar) {
+  --content-background: var(--ig-calendar-content-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));
+  --content-text-color: var(--ig-calendar-content-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
+  --border-color: var(--ig-calendar-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
+  --header-background: var(--ig-calendar-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
+  --header-text-color: var(--ig-calendar-header-text-color, var(--ig-secondary-500-contrast));
+  --picker-background-color: var(--ig-calendar-picker-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));
+  --picker-arrow-color: var(--ig-calendar-picker-arrow-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
+  --picker-arrow-hover-color: var(--ig-calendar-picker-arrow-hover-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
+  --picker-text-color: var(--ig-calendar-picker-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
+  --picker-text-hover-color: var(--ig-calendar-picker-text-hover-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
+  --inactive-text-color: var(--ig-calendar-inactive-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));
+  --label-color: var(--ig-calendar-label-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));
+  --weekend-text-color: var(--ig-calendar-weekend-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
+  --year-current-text-color: var(--ig-calendar-year-current-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
+  --month-current-text-color: var(--ig-calendar-month-current-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
+  --month-hover-current-text-color: var(--ig-calendar-month-hover-current-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
+  --year-hover-text-color: var(--ig-calendar-year-hover-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
+  --month-hover-background: var(--ig-calendar-month-hover-background, transparent);
+  --month-hover-text-color: var(--ig-calendar-month-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
+  --date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));
+  --date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, hsla(var(--ig-gray-100), 0.18));
+  --date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, hsla(var(--ig-gray-100), 0.18));
+  --date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
+  --date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-gray-100), 0.18));
+  --date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-gray-100), 0.18));
+  --date-selected-text-color: var(--ig-calendar-date-selected-text-color, var(--ig-primary-500-contrast));
+  --date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-gray-900-contrast));
+  --date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-gray-900-contrast));
+  --date-current-text-color: var(--ig-calendar-date-current-text-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));
+  --date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));
+  --date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));
+  --date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-secondary-500-contrast));
+  --date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-500-contrast));
+  --date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-500-contrast));
+  --date-current-bg-color: var(--ig-calendar-date-current-bg-color, transparent);
+  --date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+  --date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+  --date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+  --date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+  --date-special-background: var(--ig-calendar-date-special-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
+  --date-special-text-color: var(--ig-calendar-date-special-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
+  --date-disabled-text-color: var(--ig-calendar-date-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
+  --date-disabled-background: var(--ig-calendar-date-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
+  --week-number-color: var(--ig-calendar-week-number-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
+  --week-number-background: var(--ig-calendar-week-number-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+  --border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.15) * 1.25rem), 1.25rem));
+  --date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));
+  --month-border-radius: var(--ig-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));
+  border-radius: var(--border-radius);
+}
+
+:host([size=large]) igc-days-view::part(date-inner),
+:host([size=medium]) igc-days-view::part(date-inner),
+:host([size=small]) igc-days-view::part(date-inner) {
+  border-radius: var(--date-border-radius);
+}
+:host([size=large]) igc-months-view::part(month-inner),
+:host([size=large]) igc-years-view::part(year-inner),
+:host([size=medium]) igc-months-view::part(month-inner),
+:host([size=medium]) igc-years-view::part(year-inner),
+:host([size=small]) igc-months-view::part(month-inner),
+:host([size=small]) igc-years-view::part(year-inner) {
+  border-radius: var(--month-border-radius);
+}`;
+//# sourceMappingURL=calendar.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"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/calendar/themes/year-month-view.base.css.js

@@ -1,6 +1,5 @@
 import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-:host {
+export const styles = css `:host {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;

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

@@ -1 +1 @@
-{"version":3,"file":"year-month-view.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/year-month-view.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\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-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"]}
+{"version":3,"file":"year-month-view.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/year-month-view.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4FvB,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"]}

package/components/card/card.js

@@ -9,6 +9,7 @@ import { property } from 'lit/decorators.js';
 import { themes } from '../../theming/theming-decorator.js';
 import { styles as bootstrap } from './themes/light/card.bootstrap.css.js';
 import { styles as fluent } from './themes/light/card.fluent.css.js';
+import { styles as indigo } from './themes/light/card.indigo.css.js';
 import { styles } from './themes/light/card.material.css.js';
 import { defineComponents } from '../common/definitions/defineComponents.js';
 import IgcCardActionsComponent from './card.actions.js';
@@ -34,6 +35,7 @@ IgcCardComponent = __decorate([
     themes({
         bootstrap,
         fluent,
+        indigo,
     })
 ], IgcCardComponent);
 export default IgcCardComponent;

package/components/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,sBAAsB,MAAM,kBAAkB,CAAC;AACtD,OAAO,qBAAqB,MAAM,iBAAiB,CAAC;AAEpD,gBAAgB,CACd,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,CACtB,CAAC;AAWF,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,UAAU;IAAxD;;QASS,aAAQ,GAAG,KAAK,CAAC;IAK1B,CAAC;IAHoB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AAZsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AACrB,uBAAM,GAAG,MAAM,AAAT,CAAU;AAOhC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AATL,gBAAgB;IAJpC,MAAM,CAAC;QACN,SAAS;QACT,MAAM;KACP,CAAC;GACmB,gBAAgB,CAcpC;eAdoB,gBAAgB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles as bootstrap } from './themes/light/card.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/card.fluent.css.js';\nimport { styles } from './themes/light/card.material.css.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcCardActionsComponent from './card.actions.js';\nimport IgcCardContentComponent from './card.content.js';\nimport IgcCardHeaderComponent from './card.header.js';\nimport IgcCardMediaComponent from './card.media.js';\n\ndefineComponents(\n  IgcCardActionsComponent,\n  IgcCardContentComponent,\n  IgcCardHeaderComponent,\n  IgcCardMediaComponent\n);\n\n/** A container which wraps different elements related to a single subject\n * @element igc-card\n *\n * @slot - Renders card content\n */\n@themes({\n  bootstrap,\n  fluent,\n})\nexport default class IgcCardComponent extends LitElement {\n  public static readonly tagName = 'igc-card';\n  public static override styles = styles;\n\n  /**\n   * Sets card elevated style, otherwise card looks outlined.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public elevated = false;\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card': IgcCardComponent;\n  }\n}\n"]}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,sBAAsB,MAAM,kBAAkB,CAAC;AACtD,OAAO,qBAAqB,MAAM,iBAAiB,CAAC;AAEpD,gBAAgB,CACd,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,CACtB,CAAC;AAYF,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,UAAU;IAAxD;;QASS,aAAQ,GAAG,KAAK,CAAC;IAK1B,CAAC;IAHoB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AAZsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AACrB,uBAAM,GAAG,MAAM,AAAT,CAAU;AAOhC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AATL,gBAAgB;IALpC,MAAM,CAAC;QACN,SAAS;QACT,MAAM;QACN,MAAM;KACP,CAAC;GACmB,gBAAgB,CAcpC;eAdoB,gBAAgB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles as bootstrap } from './themes/light/card.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/card.fluent.css.js';\nimport { styles as indigo } from './themes/light/card.indigo.css.js';\nimport { styles } from './themes/light/card.material.css.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcCardActionsComponent from './card.actions.js';\nimport IgcCardContentComponent from './card.content.js';\nimport IgcCardHeaderComponent from './card.header.js';\nimport IgcCardMediaComponent from './card.media.js';\n\ndefineComponents(\n  IgcCardActionsComponent,\n  IgcCardContentComponent,\n  IgcCardHeaderComponent,\n  IgcCardMediaComponent\n);\n\n/** A container which wraps different elements related to a single subject\n * @element igc-card\n *\n * @slot - Renders card content\n */\n@themes({\n  bootstrap,\n  fluent,\n  indigo,\n})\nexport default class IgcCardComponent extends LitElement {\n  public static readonly tagName = 'igc-card';\n  public static override styles = styles;\n\n  /**\n   * Sets card elevated style, otherwise card looks outlined.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public elevated = false;\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card': IgcCardComponent;\n  }\n}\n"]}

package/components/card/themes/light/card.actions.bootstrap.css.js

@@ -27,11 +27,10 @@ export const styles = css `:host {
   background: var(--ig-scrollbar-thumb-background);
 }
 
+:host([hidden]),
 [hidden] {
   display: none !important;
 }
-
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   display: -webkit-box;
   display: -ms-flexbox;

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

@@ -1 +1 @@
-{"version":3,"file":"card.actions.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.actions.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmGvB,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[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\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\n:host {\n  padding: 1rem;\n}`;\n"]}
+{"version":3,"file":"card.actions.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.actions.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkGvB,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\n:host {\n  padding: 1rem;\n}`;\n"]}

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

@@ -27,11 +27,10 @@ export const styles = css `:host {
   background: var(--ig-scrollbar-thumb-background);
 }
 
+:host([hidden]),
 [hidden] {
   display: none !important;
 }
-
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   display: -webkit-box;
   display: -ms-flexbox;

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

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+FvB,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[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\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"]}
+{"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.bootstrap.css.js

@@ -1,7 +1,15 @@
 import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-:host {
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
+export const styles = css `:host {
+  --resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-0));
+  --hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-0));
+  --background: var(--ig-card-background, var(--ig-gray-900-contrast));
+  --header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
+  --subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
+  --content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
+  --actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
+  --outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
+  --border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));
+  border-radius: var(--border-radius);
 }
 
 :host([elevated]),

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

@@ -1 +1 @@
-{"version":3,"file":"card.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;EAUvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n\n:host([elevated]),\n:host([elevated]:hover),\n:host([elevated]:focus-within) {\n  -webkit-box-shadow: var(--ig-elevation-2);\n          box-shadow: var(--ig-elevation-2);\n}`;\n"]}
+{"version":3,"file":"card.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;EAkBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-0));\n  --hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-0));\n  --background: var(--ig-card-background, var(--ig-gray-900-contrast));\n  --header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));\n  border-radius: var(--border-radius);\n}\n\n:host([elevated]),\n:host([elevated]:hover),\n:host([elevated]:focus-within) {\n  -webkit-box-shadow: var(--ig-elevation-2);\n          box-shadow: var(--ig-elevation-2);\n}`;\n"]}

package/components/card/themes/light/card.content.bootstrap.css.js

@@ -27,11 +27,10 @@ export const styles = css `:host {
   background: var(--ig-scrollbar-thumb-background);
 }
 
+:host([hidden]),
 [hidden] {
   display: none !important;
 }
-
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   display: block;
   width: 100%;

package/components/card/themes/light/card.content.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.content.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6EvB,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[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  display: block;\n  width: 100%;\n  overflow: auto;\n  padding: 1rem;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n::slotted(*) {\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  margin: 0;\n}\n\n:host {\n  font-family: var(--ig-body-1-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n::slotted(*) {\n  font-family: var(--ig-body-1-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n}`;\n"]}
+{"version":3,"file":"card.content.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4EvB,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: block;\n  width: 100%;\n  overflow: auto;\n  padding: 1rem;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n::slotted(*) {\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  margin: 0;\n}\n\n:host {\n  font-family: var(--ig-body-1-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n::slotted(*) {\n  font-family: var(--ig-body-1-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n}`;\n"]}

package/components/card/themes/light/card.content.indigo.css.js

@@ -27,11 +27,10 @@ export const styles = css `:host {
   background: var(--ig-scrollbar-thumb-background);
 }
 
+:host([hidden]),
 [hidden] {
   display: none !important;
 }
-
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   display: block;
   width: 100%;

package/components/card/themes/light/card.content.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.content.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDvB,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[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  display: block;\n  width: 100%;\n  overflow: auto;\n  padding: 1rem;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n::slotted(*) {\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  margin: 0;\n}\n\n:host {\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}`;\n"]}
+{"version":3,"file":"card.content.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDvB,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: block;\n  width: 100%;\n  overflow: auto;\n  padding: 1rem;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n::slotted(*) {\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  margin: 0;\n}\n\n:host {\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}`;\n"]}

package/components/card/themes/light/card.content.material.css.js

@@ -27,11 +27,10 @@ export const styles = css `:host {
   background: var(--ig-scrollbar-thumb-background);
 }
 
+:host([hidden]),
 [hidden] {
   display: none !important;
 }
-
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   display: block;
   width: 100%;

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

@@ -1 +1 @@
-{"version":3,"file":"card.content.material.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDvB,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[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  display: block;\n  width: 100%;\n  overflow: auto;\n  padding: 1rem;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n::slotted(*) {\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  margin: 0;\n}`;\n"]}
+{"version":3,"file":"card.content.material.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDvB,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: block;\n  width: 100%;\n  overflow: auto;\n  padding: 1rem;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n::slotted(*) {\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  margin: 0;\n}`;\n"]}

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

@@ -1,8 +1,16 @@
 import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-:host {
+export const styles = css `:host {
+  --resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-0));
+  --hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-0));
+  --background: var(--ig-card-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));
+  --header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
+  --subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
+  --content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
+  --actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
+  --outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+  --border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));
   border: 0.0625rem solid hsla(var(--ig-gray-100), var(--ig-gray-a));
-  border-radius: 0;
+  border-radius: var(--border-radius);
 }
 
 :host([elevated]:hover)::after,
@@ -13,7 +21,6 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
   height: 100%;
   -webkit-transition: -webkit-box-shadow 0.1s ease-out;
   transition: -webkit-box-shadow 0.1s ease-out;
-  -o-transition: box-shadow 0.1s ease-out;
   transition: box-shadow 0.1s ease-out;
   transition: box-shadow 0.1s ease-out, -webkit-box-shadow 0.1s ease-out;
   -webkit-box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-300), var(--ig-gray-a));

package/components/card/themes/light/card.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;EAoBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  border: 0.0625rem solid hsla(var(--ig-gray-100), var(--ig-gray-a));\n  border-radius: 0;\n}\n\n:host([elevated]:hover)::after,\n:host([elevated]:focus-within)::after {\n  position: absolute;\n  content: \"\";\n  width: 100%;\n  height: 100%;\n  -webkit-transition: -webkit-box-shadow 0.1s ease-out;\n  transition: -webkit-box-shadow 0.1s ease-out;\n  -o-transition: box-shadow 0.1s ease-out;\n  transition: box-shadow 0.1s ease-out;\n  transition: box-shadow 0.1s ease-out, -webkit-box-shadow 0.1s ease-out;\n  -webkit-box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n  pointer-events: none;\n}`;\n"]}
+{"version":3,"file":"card.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-0));\n  --hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-0));\n  --background: var(--ig-card-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --header-text-color: var(--ig-card-header-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --subtitle-text-color: var(--ig-card-subtitle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --content-text-color: var(--ig-card-content-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --actions-text-color: var(--ig-card-actions-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --outline-color: var(--ig-card-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));\n  border: 0.0625rem solid hsla(var(--ig-gray-100), var(--ig-gray-a));\n  border-radius: var(--border-radius);\n}\n\n:host([elevated]:hover)::after,\n:host([elevated]:focus-within)::after {\n  position: absolute;\n  content: \"\";\n  width: 100%;\n  height: 100%;\n  -webkit-transition: -webkit-box-shadow 0.1s ease-out;\n  transition: -webkit-box-shadow 0.1s ease-out;\n  transition: box-shadow 0.1s ease-out;\n  transition: box-shadow 0.1s ease-out, -webkit-box-shadow 0.1s ease-out;\n  -webkit-box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n  pointer-events: none;\n}`;\n"]}

package/components/card/themes/light/card.header.bootstrap.css.js

@@ -27,11 +27,10 @@ export const styles = css `:host {
   background: var(--ig-scrollbar-thumb-background);
 }
 
+:host([hidden]),
 [hidden] {
   display: none !important;
 }
-
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   display: -webkit-box;
   display: -ms-flexbox;

package/components/card/themes/light/card.header.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.header.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.header.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoIvB,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[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\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  -ms-flex-line-pack: start;\n      align-content: flex-start;\n  width: 100%;\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  padding: 1rem;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n\n::slotted(*) {\n  margin: 0;\n  font: inherit;\n  opacity: inherit;\n}\n\nheader {\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  overflow: hidden;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1 auto;\n          flex: 1 1 auto;\n}\n\n::slotted([slot=title]) {\n  font-family: var(--ig-h6-font-family, var(--ig-font-family));\n  font-size: var(--ig-h6-font-size);\n  font-weight: var(--ig-h6-font-weight);\n  font-style: var(--ig-h6-font-style);\n  line-height: var(--ig-h6-line-height);\n  letter-spacing: var(--ig-h6-letter-spacing);\n  text-transform: var(--ig-h6-text-transform);\n  margin-top: var(--ig-h6-margin-top);\n  margin-bottom: var(--ig-h6-margin-bottom);\n}\n\n::slotted([slot=subtitle]) {\n  font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));\n  font-size: var(--ig-subtitle-2-font-size);\n  font-weight: var(--ig-subtitle-2-font-weight);\n  font-style: var(--ig-subtitle-2-font-style);\n  line-height: var(--ig-subtitle-2-line-height);\n  letter-spacing: var(--ig-subtitle-2-letter-spacing);\n  text-transform: var(--ig-subtitle-2-text-transform);\n  margin-top: var(--ig-subtitle-2-margin-top);\n  margin-bottom: var(--ig-subtitle-2-margin-bottom);\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n::slotted([slot=thumbnail]) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-item-align: start;\n      align-self: flex-start;\n  -webkit-margin-end: 1rem;\n          margin-inline-end: 1rem;\n}\n\n::slotted([slot=title]) {\n  font-family: var(--ig-h5-font-family, var(--ig-font-family));\n  font-size: var(--ig-h5-font-size);\n  font-weight: var(--ig-h5-font-weight);\n  font-style: var(--ig-h5-font-style);\n  line-height: var(--ig-h5-line-height);\n  letter-spacing: var(--ig-h5-letter-spacing);\n  text-transform: var(--ig-h5-text-transform);\n  margin-top: var(--ig-h5-margin-top);\n  margin-bottom: var(--ig-h5-margin-bottom);\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n::slotted([slot=subtitle]) {\n  font-family: var(--ig-body-1-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}`;\n"]}
+{"version":3,"file":"card.header.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.header.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmIvB,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: 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  -ms-flex-line-pack: start;\n      align-content: flex-start;\n  width: 100%;\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  padding: 1rem;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n\n::slotted(*) {\n  margin: 0;\n  font: inherit;\n  opacity: inherit;\n}\n\nheader {\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  overflow: hidden;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1 auto;\n          flex: 1 1 auto;\n}\n\n::slotted([slot=title]) {\n  font-family: var(--ig-h6-font-family, var(--ig-font-family));\n  font-size: var(--ig-h6-font-size);\n  font-weight: var(--ig-h6-font-weight);\n  font-style: var(--ig-h6-font-style);\n  line-height: var(--ig-h6-line-height);\n  letter-spacing: var(--ig-h6-letter-spacing);\n  text-transform: var(--ig-h6-text-transform);\n  margin-top: var(--ig-h6-margin-top);\n  margin-bottom: var(--ig-h6-margin-bottom);\n}\n\n::slotted([slot=subtitle]) {\n  font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));\n  font-size: var(--ig-subtitle-2-font-size);\n  font-weight: var(--ig-subtitle-2-font-weight);\n  font-style: var(--ig-subtitle-2-font-style);\n  line-height: var(--ig-subtitle-2-line-height);\n  letter-spacing: var(--ig-subtitle-2-letter-spacing);\n  text-transform: var(--ig-subtitle-2-text-transform);\n  margin-top: var(--ig-subtitle-2-margin-top);\n  margin-bottom: var(--ig-subtitle-2-margin-bottom);\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n::slotted([slot=thumbnail]) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-item-align: start;\n      align-self: flex-start;\n  -webkit-margin-end: 1rem;\n          margin-inline-end: 1rem;\n}\n\n::slotted([slot=title]) {\n  font-family: var(--ig-h5-font-family, var(--ig-font-family));\n  font-size: var(--ig-h5-font-size);\n  font-weight: var(--ig-h5-font-weight);\n  font-style: var(--ig-h5-font-style);\n  line-height: var(--ig-h5-line-height);\n  letter-spacing: var(--ig-h5-letter-spacing);\n  text-transform: var(--ig-h5-text-transform);\n  margin-top: var(--ig-h5-margin-top);\n  margin-bottom: var(--ig-h5-margin-bottom);\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n::slotted([slot=subtitle]) {\n  font-family: var(--ig-body-1-font-family, var(--ig-font-family));\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}`;\n"]}

package/components/card/themes/light/card.header.fluent.css.js

@@ -27,11 +27,10 @@ export const styles = css `:host {
   background: var(--ig-scrollbar-thumb-background);
 }
 
+:host([hidden]),
 [hidden] {
   display: none !important;
 }
-
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   display: -webkit-box;
   display: -ms-flexbox;