npm - igniteui-webcomponents - Versions diffs - 4.2.1 → 4.2.3 - Mend

igniteui-webcomponents 4.2.1 → 4.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (241) hide show

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

	@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuUvB,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}\n\n[part~=date-inner][part~=selected][part~=single]:focus, [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-500), var(--ig-gray-a));\n color: 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(--ig-secondary-600-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(--ig-secondary-600-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 border-color: hsla(var(--ig-gray-500), 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(--ig-secondary-600-contrast);\n}\n\n[part~=week-number-inner] {\n border-inline-end-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n[part~=week-number-inner]::after {\n border-inline-end-color: hsla(var(--ig-gray-500), 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-500), var(--ig-gray-a));\n border-bottom-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n border-inline-start-color: hsla(var(--ig-gray-500), 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-500), 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]: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-500), 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 background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=range]:focus {\n background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n border-color: hsla(var(--ig-gray-500), 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-500), var(--ig-gray-a));\n border-bottom-color: hsla(var(--ig-gray-500), 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-500), var(--ig-gray-a));\n border-bottom-color: hsla(var(--ig-gray-500), 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: 50%;\n height: 100%;\n border: 0.0625rem solid hsla(var(--ig-gray-500), 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(--ig-secondary-600-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-500), 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-500), 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(--ig-secondary-600-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"]}
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"]}

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

@@ -98,27 +98,33 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 [part~=year-inner][part~=current] {
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
-  color: var(--ig-secondary-600-contrast);
+  background: var(--current-month-year-bg, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+  color: var(--current-month-year-color, var(--ig-gray-200-contrast));
 }
 [part~=month-inner][part~=current]:hover, [part~=month-inner][part~=current]:focus,
 [part~=year-inner][part~=current]:hover,
 [part~=year-inner][part~=current]:focus {
-  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
-  color: var(--ig-secondary-600-contrast);
+  background: var(--current-month-year-bg-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));
+  color: var(--current-month-year-color-hover, var(--ig-gray-300-contrast));
 }
+[part~=month-inner][part~=selected],
+[part~=year-inner][part~=selected],
 [part~=month-inner][part~=selected][part~=current],
 [part~=year-inner][part~=selected][part~=current] {
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
-  color: var(--ig-gray-200-contrast);
+  background: var(--selected-month-year-bg, hsla(var(--ig-primary-50), var(--ig-primary-a)));
+  color: var(--selected-month-year-color, var(--ig-primary-50-contrast));
 }
-[part~=month-inner][part~=selected][part~=current]:hover, [part~=month-inner][part~=selected][part~=current]:focus,
+[part~=month-inner][part~=selected]:hover, [part~=month-inner][part~=selected]:focus,
+[part~=year-inner][part~=selected]:hover,
+[part~=year-inner][part~=selected]:focus,
+[part~=month-inner][part~=selected][part~=current]:hover,
+[part~=month-inner][part~=selected][part~=current]:focus,
 [part~=year-inner][part~=selected][part~=current]:hover,
 [part~=year-inner][part~=selected][part~=current]:focus {
-  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
-  color: var(--ig-gray-200-contrast);
+  background: var(--selected-month-year-bg-hover, hsla(var(--ig-primary-100), var(--ig-primary-a)));
+  color: var(--selected-month-year-color-hover, var(--ig-primary-100-contrast));
 }`;
 //# sourceMappingURL=year-month-view.fluent.css.js.map

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

	@@ -1 +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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyHvB~~,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: hsla(var(--ig-~~secondary~~-~~500~~), var(--ig-~~secondary~~-a));\n color: var(--ig-~~secondary~~-~~600~~-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: hsla(var(--ig-~~secondary~~-~~500~~), var(--ig-~~secondary~~-a));\n color: var(--ig-~~secondary~~-~~600~~-contrast);\n}\n\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: hsla(var(--ig-~~gray~~-~~200~~), var(--ig-~~gray~~-a));\n color: var(--ig-~~gray~~-~~200~~-contrast);\n}\n[part~=month-inner][part~=selected][part~=current]:hover, [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: hsla(var(--ig-~~gray~~-~~200~~), var(--ig-~~gray~~-a));\n color: var(--ig-~~gray~~-~~200~~-contrast);\n}`;\n"]}
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"]}

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

@@ -44,7 +44,7 @@ export const styles = css `:host {
 }
 ::slotted(*) {
-  font-family: var(--ig-body-2-font-family);
+  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
   font-size: var(--ig-body-2-font-size);
   font-weight: var(--ig-body-2-font-weight);
   font-style: var(--ig-body-2-font-style);
@@ -57,7 +57,7 @@ export const styles = css `:host {
 }
 :host {
-  font-family: var(--ig-body-1-font-family);
+  font-family: var(--ig-body-1-font-family, var(--ig-font-family));
   font-size: var(--ig-body-1-font-size);
   font-weight: var(--ig-body-1-font-weight);
   font-style: var(--ig-body-1-font-style);
@@ -70,7 +70,7 @@ export const styles = css `:host {
 }
 ::slotted(*) {
-  font-family: var(--ig-body-1-font-family);
+  font-family: var(--ig-body-1-font-family, var(--ig-font-family));
   font-size: var(--ig-body-1-font-size);
   font-weight: var(--ig-body-1-font-weight);
   font-style: var(--ig-body-1-font-style);

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

	@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgFvB,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:\n 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 -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 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);\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);\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);\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"]}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgFvB,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:\n 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 -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 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 CHANGED Viewed

@@ -44,7 +44,7 @@ export const styles = css `:host {
 }
 ::slotted(*) {
-  font-family: var(--ig-body-2-font-family);
+  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
   font-size: var(--ig-body-2-font-size);
   font-weight: var(--ig-body-2-font-weight);
   font-style: var(--ig-body-2-font-style);

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

	@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2DvB,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:\n 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 -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 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);\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"]}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2DvB,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:\n 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 -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 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 CHANGED Viewed

@@ -44,7 +44,7 @@ export const styles = css `:host {
 }
 ::slotted(*) {
-  font-family: var(--ig-body-2-font-family);
+  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
   font-size: var(--ig-body-2-font-size);
   font-weight: var(--ig-body-2-font-weight);
   font-style: var(--ig-body-2-font-style);

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

	@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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:\n 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 -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 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);\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"]}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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:\n 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 -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 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.header.bootstrap.css.js CHANGED Viewed

@@ -77,7 +77,7 @@ header {
 }
 ::slotted([slot=title]) {
-  font-family: var(--ig-h6-font-family);
+  font-family: var(--ig-h6-font-family, var(--ig-font-family));
   font-size: var(--ig-h6-font-size);
   font-weight: var(--ig-h6-font-weight);
   font-style: var(--ig-h6-font-style);
@@ -89,7 +89,7 @@ header {
 }
 ::slotted([slot=subtitle]) {
-  font-family: var(--ig-subtitle-2-font-family);
+  font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));
   font-size: var(--ig-subtitle-2-font-size);
   font-weight: var(--ig-subtitle-2-font-weight);
   font-style: var(--ig-subtitle-2-font-style);
@@ -112,7 +112,7 @@ header {
 }
 ::slotted([slot=title]) {
-  font-family: var(--ig-h5-font-family);
+  font-family: var(--ig-h5-font-family, var(--ig-font-family));
   font-size: var(--ig-h5-font-size);
   font-weight: var(--ig-h5-font-weight);
   font-style: var(--ig-h5-font-style);
@@ -125,7 +125,7 @@ header {
 }
 ::slotted([slot=subtitle]) {
-  font-family: var(--ig-body-1-font-family);
+  font-family: var(--ig-body-1-font-family, var(--ig-font-family));
   font-size: var(--ig-body-1-font-size);
   font-weight: var(--ig-body-1-font-weight);
   font-style: var(--ig-body-1-font-style);

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

	@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwIvB,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:\n 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-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\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);\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);\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);\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);\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"]}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwIvB,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:\n 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-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\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 CHANGED Viewed

@@ -77,7 +77,7 @@ header {
 }
 ::slotted([slot=title]) {
-  font-family: var(--ig-h6-font-family);
+  font-family: var(--ig-h6-font-family, var(--ig-font-family));
   font-size: var(--ig-h6-font-size);
   font-weight: var(--ig-h6-font-weight);
   font-style: var(--ig-h6-font-style);
@@ -89,7 +89,7 @@ header {
 }
 ::slotted([slot=subtitle]) {
-  font-family: var(--ig-subtitle-2-font-family);
+  font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));
   font-size: var(--ig-subtitle-2-font-size);
   font-weight: var(--ig-subtitle-2-font-weight);
   font-style: var(--ig-subtitle-2-font-style);
@@ -112,7 +112,7 @@ header {
 }
 ::slotted([slot=title]) {
-  font-family: var(--ig-subtitle-1-font-family);
+  font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));
   font-size: var(--ig-subtitle-1-font-size);
   font-weight: var(--ig-subtitle-1-font-weight);
   font-style: var(--ig-subtitle-1-font-style);
@@ -124,7 +124,7 @@ header {
 }
 ::slotted([slot=subtitle]) {
-  font-family: var(--ig-body-2-font-family);
+  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
   font-size: var(--ig-body-2-font-size);
   font-weight: var(--ig-body-2-font-weight);
   font-style: var(--ig-body-2-font-style);

package/components/card/themes/light/card.header.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.header.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.header.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsIvB,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:\n 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-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\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);\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);\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-subtitle-1-font-family);\n font-size: var(--ig-subtitle-1-font-size);\n font-weight: var(--ig-subtitle-1-font-weight);\n font-style: var(--ig-subtitle-1-font-style);\n line-height: var(--ig-subtitle-1-line-height);\n letter-spacing: var(--ig-subtitle-1-letter-spacing);\n text-transform: var(--ig-subtitle-1-text-transform);\n margin-top: var(--ig-subtitle-1-margin-top);\n margin-bottom: var(--ig-subtitle-1-margin-bottom);\n}\n\n::slotted([slot=subtitle]) {\n font-family: var(--ig-body-2-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}`;\n"]}
1	+ {"version":3,"file":"card.header.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.header.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsIvB,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:\n 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-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\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-subtitle-1-font-family, var(--ig-font-family));\n font-size: var(--ig-subtitle-1-font-size);\n font-weight: var(--ig-subtitle-1-font-weight);\n font-style: var(--ig-subtitle-1-font-style);\n line-height: var(--ig-subtitle-1-line-height);\n letter-spacing: var(--ig-subtitle-1-letter-spacing);\n text-transform: var(--ig-subtitle-1-text-transform);\n margin-top: var(--ig-subtitle-1-margin-top);\n margin-bottom: var(--ig-subtitle-1-margin-bottom);\n}\n\n::slotted([slot=subtitle]) {\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}`;\n"]}

package/components/card/themes/light/card.header.indigo.css.js CHANGED Viewed

@@ -77,7 +77,7 @@ header {
 }
 ::slotted([slot=title]) {
-  font-family: var(--ig-h6-font-family);
+  font-family: var(--ig-h6-font-family, var(--ig-font-family));
   font-size: var(--ig-h6-font-size);
   font-weight: var(--ig-h6-font-weight);
   font-style: var(--ig-h6-font-style);
@@ -89,7 +89,7 @@ header {
 }
 ::slotted([slot=subtitle]) {
-  font-family: var(--ig-subtitle-2-font-family);
+  font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));
   font-size: var(--ig-subtitle-2-font-size);
   font-weight: var(--ig-subtitle-2-font-weight);
   font-style: var(--ig-subtitle-2-font-style);

package/components/card/themes/light/card.header.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.header.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsHvB,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:\n 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-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\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);\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);\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 color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n::slotted([slot=subtitle]) {\n color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}`;\n"]}
1	+ {"version":3,"file":"card.header.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsHvB,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:\n 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-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\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 color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n::slotted([slot=subtitle]) {\n color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}`;\n"]}

package/components/card/themes/light/card.header.material.css.js CHANGED Viewed

@@ -77,7 +77,7 @@ header {
 }
 ::slotted([slot=title]) {
-  font-family: var(--ig-h6-font-family);
+  font-family: var(--ig-h6-font-family, var(--ig-font-family));
   font-size: var(--ig-h6-font-size);
   font-weight: var(--ig-h6-font-weight);
   font-style: var(--ig-h6-font-style);
@@ -89,7 +89,7 @@ header {
 }
 ::slotted([slot=subtitle]) {
-  font-family: var(--ig-subtitle-2-font-family);
+  font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));
   font-size: var(--ig-subtitle-2-font-size);
   font-weight: var(--ig-subtitle-2-font-weight);
   font-style: var(--ig-subtitle-2-font-style);

package/components/card/themes/light/card.header.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.header.material.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.header.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8GvB,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:\n 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-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\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);\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);\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"]}
1	+ {"version":3,"file":"card.header.material.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.header.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8GvB,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:\n 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-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\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"]}

package/components/checkbox/themes/light/checkbox.bootstrap.css.js CHANGED Viewed

@@ -35,7 +35,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 }
 [part~=label] {
-  font-family: var(--ig-body-2-font-family);
+  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
   font-size: var(--ig-body-2-font-size);
   font-weight: var(--ig-body-2-font-weight);
   font-style: var(--ig-body-2-font-style);

package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4GvB,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~=control] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) 0.25rem), 0.25rem);\n --size: 1rem;\n width: var(--size);\n height: var(--size);\n min-width: var(--size);\n -webkit-transition: background-color 0.15s ease-in-out;\n -o-transition: background-color 0.15s ease-in-out;\n transition: background-color 0.15s ease-in-out;\n}\n[part~=control]::after {\n width: inherit;\n height: inherit;\n min-width: inherit;\n border-radius: inherit;\n border: none;\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));\n -webkit-transition: none;\n -o-transition: none;\n transition: none;\n}\n\n[part~=indicator] {\n stroke-width: 3;\n -webkit-transform: scale(0.7);\n -ms-transform: scale(0.7);\n transform: scale(0.7);\n -webkit-transition: none;\n -o-transition: none;\n transition: none;\n stroke: white;\n}\n\n[part~=label] {\n font-family: var(--ig-body-2-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 -webkit-transition: none;\n -o-transition: none;\n transition: none;\n}\n\n:host([indeterminate]) [part=indicator] {\n -webkit-transform: rotate(45deg) translateX(-0.075rem) scale(0.7);\n -ms-transform: rotate(45deg) translateX(-0.075rem) scale(0.7);\n transform: rotate(45deg) translateX(-0.075rem) scale(0.7);\n}\n\n:host(:focus-within) [part~=control] {\n -webkit-box-shadow: 0 0 0 4px hsla(var(--ig-primary-100), var(--ig-primary-a));\n box-shadow: 0 0 0 4px hsla(var(--ig-primary-100), var(--ig-primary-a));\n}\n:host(:focus-within) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part=\"control checked\"]::after,\n:host([indeterminate]) [part~=control]::after {\n background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([invalid]) [part=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-error-500), var(--ig-error-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([invalid]) [part=\"control checked\"]::after,\n:host([invalid][indeterminate]) [part=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-error-500), var(--ig-error-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([invalid]:focus-within) [part=control],\n:host([invalid]:focus-within) [part=\"control checked\"],\n:host([invalid][indeterminate]:focus-within) [part=control] {\n -webkit-box-shadow: 0 0 0 4px hsla(var(--ig-error-100), var(--ig-error-a));\n box-shadow: 0 0 0 4px hsla(var(--ig-error-100), var(--ig-error-a));\n}\n\n:host([disabled]) [part=control]::after,\n:host([disabled][invalid]) [part=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host([disabled]) [part=\"control checked\"]::after,\n:host([disabled][invalid]) [part=\"control checked\"]::after {\n background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-200), var(--ig-primary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n\n:host([disabled][indeterminate]) [part=control]::after,\n:host([disabled][invalid][indeterminate]) [part=control]::after {\n background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-200), var(--ig-primary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-200), var(--ig-primary-a));\n}`;\n"]}
1	+ {"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4GvB,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~=control] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) 0.25rem), 0.25rem);\n --size: 1rem;\n width: var(--size);\n height: var(--size);\n min-width: var(--size);\n -webkit-transition: background-color 0.15s ease-in-out;\n -o-transition: background-color 0.15s ease-in-out;\n transition: background-color 0.15s ease-in-out;\n}\n[part~=control]::after {\n width: inherit;\n height: inherit;\n min-width: inherit;\n border-radius: inherit;\n border: none;\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));\n -webkit-transition: none;\n -o-transition: none;\n transition: none;\n}\n\n[part~=indicator] {\n stroke-width: 3;\n -webkit-transform: scale(0.7);\n -ms-transform: scale(0.7);\n transform: scale(0.7);\n -webkit-transition: none;\n -o-transition: none;\n transition: none;\n stroke: white;\n}\n\n[part~=label] {\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 -webkit-transition: none;\n -o-transition: none;\n transition: none;\n}\n\n:host([indeterminate]) [part=indicator] {\n -webkit-transform: rotate(45deg) translateX(-0.075rem) scale(0.7);\n -ms-transform: rotate(45deg) translateX(-0.075rem) scale(0.7);\n transform: rotate(45deg) translateX(-0.075rem) scale(0.7);\n}\n\n:host(:focus-within) [part~=control] {\n -webkit-box-shadow: 0 0 0 4px hsla(var(--ig-primary-100), var(--ig-primary-a));\n box-shadow: 0 0 0 4px hsla(var(--ig-primary-100), var(--ig-primary-a));\n}\n:host(:focus-within) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part=\"control checked\"]::after,\n:host([indeterminate]) [part~=control]::after {\n background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([invalid]) [part=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-error-500), var(--ig-error-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([invalid]) [part=\"control checked\"]::after,\n:host([invalid][indeterminate]) [part=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-error-500), var(--ig-error-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([invalid]:focus-within) [part=control],\n:host([invalid]:focus-within) [part=\"control checked\"],\n:host([invalid][indeterminate]:focus-within) [part=control] {\n -webkit-box-shadow: 0 0 0 4px hsla(var(--ig-error-100), var(--ig-error-a));\n box-shadow: 0 0 0 4px hsla(var(--ig-error-100), var(--ig-error-a));\n}\n\n:host([disabled]) [part=control]::after,\n:host([disabled][invalid]) [part=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host([disabled]) [part=\"control checked\"]::after,\n:host([disabled][invalid]) [part=\"control checked\"]::after {\n background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-200), var(--ig-primary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n\n:host([disabled][indeterminate]) [part=control]::after,\n:host([disabled][invalid][indeterminate]) [part=control]::after {\n background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-200), var(--ig-primary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-200), var(--ig-primary-a));\n}`;\n"]}

package/components/checkbox/themes/light/checkbox.fluent.css.js CHANGED Viewed

@@ -13,7 +13,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 }
 [part~=label] {
-  font-family: var(--ig-body-2-font-family);
+  font-family: var(--ig-body-2-font-family, var(--ig-font-family));
   font-size: var(--ig-body-2-font-size);
   font-weight: var(--ig-body-2-font-weight);
   font-style: var(--ig-body-2-font-style);

package/components/checkbox/themes/light/checkbox.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+LvB,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~=control] {\n width: var(--size, 1.25rem);\n height: var(--size, 1.25rem);\n min-width: var(--size, 1.25rem);\n}\n[part~=control]::after {\n border: none;\n background: transparent;\n -webkit-box-shadow: inset 0 0 0 1px var(--border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n box-shadow: inset 0 0 0 1px var(--border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n}\n\n[part~=label] {\n font-family: var(--ig-body-2-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}\n\n[part~=indicator] {\n stroke: hsla(var(--ig-surface-500), var(--ig-surface-a));\n stroke-width: 1.5;\n -webkit-transform: scale(0.8);\n -ms-transform: scale(0.8);\n transform: scale(0.8);\n}\n\n:host(:hover) [part~=indicator] {\n opacity: 1;\n stroke: hsla(var(--ig-gray-700), var(--ig-gray-a));\n stroke-dashoffset: 0;\n -webkit-transition: opacity 0.1s ease-out;\n -o-transition: opacity 0.1s ease-out;\n transition: opacity 0.1s ease-out;\n}\n:host(:hover) [part=\"indicator checked\"] {\n stroke: hsla(var(--ig-surface-500), var(--ig-surface-a));\n}\n\n:host(:hover) [part~=control]::after,\n:host(:focus-within) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--hover-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n box-shadow: inset 0 0 0 1px var(--hover-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n}\n\n:host([indeterminate]) [part~=indicator] {\n display: none;\n}\n:host([indeterminate]) [part~=control]::before {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) 0.125rem), 0.125rem);\n display: block;\n width: inherit;\n height: inherit;\n content: \"\";\n -webkit-transform: scale(0.5);\n -ms-transform: scale(0.5);\n transform: scale(0.5);\n -webkit-transition-duration: 0.1s;\n -o-transition-duration: 0.1s;\n transition-duration: 0.1s;\n background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n z-index: 1;\n}\n:host([indeterminate]) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n background: transparent;\n}\n\n:host([indeterminate]:hover) [part~=control]::before,\n:host([indeterminate]:focus-within) [part~=control]::before {\n background: var(--checked-hover-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));\n}\n:host([indeterminate]:hover) [part~=control]::after,\n:host([indeterminate]:focus-within) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--checked-hover-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));\n box-shadow: inset 0 0 0 1px var(--checked-hover-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));\n background: transparent;\n}\n\n[part=\"control checked\"]::after {\n background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host(:hover) [part=\"control checked\"]::after,\n:host(:focus-within) [part=\"control checked\"]::after {\n background: var(--checked-hover-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));\n -webkit-box-shadow: inset 0 0 0 1px var(--checked-hover-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));\n box-shadow: inset 0 0 0 1px var(--checked-hover-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));\n}\n\n:host(:not([disabled])[invalid]) [part~=label] {\n color: var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n}\n\n:host([invalid]) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n box-shadow: inset 0 0 0 1px var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n}\n\n:host([invalid]:hover) [part~=indicator] {\n stroke: var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n}\n\n:host([invalid]:hover) [part=\"indicator checked\"] {\n stroke: hsla(var(--ig-surface-500), var(--ig-surface-a));\n}\n\n:host([invalid][checked]) [part=\"control checked\"]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n box-shadow: inset 0 0 0 1px var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n background: var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n}\n\n:host(:not([disabled])[invalid][indeterminate]) [part~=control]::before {\n background: var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n}\n:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n box-shadow: inset 0 0 0 1px var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n background: transparent;\n}\n\n:host([invalid]:hover) [part~=control]::after,\n:host([invalid]:focus-within) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--ig-error-700), var(--ig-error-a)));\n box-shadow: inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--ig-error-700), var(--ig-error-a)));\n}\n\n:host([invalid]:hover) [part=\"control checked\"]::after,\n:host([invalid]:focus-within) [part=\"control checked\"]::after {\n background: var(--invalid-hover-color, hsla(var(--ig-error-700), var(--ig-error-a)));\n}\n\n:host([invalid][indeterminate]:hover) [part~=control]::before,\n:host([invalid][indeterminate]:focus-within) [part~=control]::before {\n background: var(--invalid-hover-color, hsla(var(--ig-error-700), var(--ig-error-a)));\n}\n:host([invalid][indeterminate]:hover) [part~=control]::after,\n:host([invalid][indeterminate]:focus-within) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--ig-error-700), var(--ig-error-a)));\n box-shadow: inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--ig-error-700), var(--ig-error-a)));\n background: transparent;\n}\n\n:host([disabled]) [part~=label] {\n color: var(--disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n:host([disabled]) [part~=control]::after,\n:host([disabled][invalid]) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n box-shadow: inset 0 0 0 1px var(--disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n:host([disabled]) [part=\"control checked\"]::after,\n:host([disabled][invalid]) [part=\"control checked\"]::after {\n background: var(--disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n:host([disabled][indeterminate]) [part~=control]::before,\n:host([disabled][invalid][indeterminate]) [part~=control]::before {\n background: var(--disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n:host([disabled][indeterminate]) [part~=control]::after,\n:host([disabled][invalid][indeterminate]) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n box-shadow: inset 0 0 0 1px var(--disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n background: transparent;\n}\n\n[part~=focused] {\n position: relative;\n}\n[part~=focused]::after {\n content: \"\";\n position: absolute;\n top: -0.125rem;\n left: -0.125rem;\n -webkit-box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));\n box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));\n width: calc(100% + (0.125rem * 2));\n height: calc(100% + (0.125rem * 2));\n}`;\n"]}
1	+ {"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+LvB,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~=control] {\n width: var(--size, 1.25rem);\n height: var(--size, 1.25rem);\n min-width: var(--size, 1.25rem);\n}\n[part~=control]::after {\n border: none;\n background: transparent;\n -webkit-box-shadow: inset 0 0 0 1px var(--border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n box-shadow: inset 0 0 0 1px var(--border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n}\n\n[part~=label] {\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}\n\n[part~=indicator] {\n stroke: hsla(var(--ig-surface-500), var(--ig-surface-a));\n stroke-width: 1.5;\n -webkit-transform: scale(0.8);\n -ms-transform: scale(0.8);\n transform: scale(0.8);\n}\n\n:host(:hover) [part~=indicator] {\n opacity: 1;\n stroke: hsla(var(--ig-gray-700), var(--ig-gray-a));\n stroke-dashoffset: 0;\n -webkit-transition: opacity 0.1s ease-out;\n -o-transition: opacity 0.1s ease-out;\n transition: opacity 0.1s ease-out;\n}\n:host(:hover) [part=\"indicator checked\"] {\n stroke: hsla(var(--ig-surface-500), var(--ig-surface-a));\n}\n\n:host(:hover) [part~=control]::after,\n:host(:focus-within) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--hover-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n box-shadow: inset 0 0 0 1px var(--hover-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n}\n\n:host([indeterminate]) [part~=indicator] {\n display: none;\n}\n:host([indeterminate]) [part~=control]::before {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) 0.125rem), 0.125rem);\n display: block;\n width: inherit;\n height: inherit;\n content: \"\";\n -webkit-transform: scale(0.5);\n -ms-transform: scale(0.5);\n transform: scale(0.5);\n -webkit-transition-duration: 0.1s;\n -o-transition-duration: 0.1s;\n transition-duration: 0.1s;\n background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n z-index: 1;\n}\n:host([indeterminate]) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n background: transparent;\n}\n\n:host([indeterminate]:hover) [part~=control]::before,\n:host([indeterminate]:focus-within) [part~=control]::before {\n background: var(--checked-hover-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));\n}\n:host([indeterminate]:hover) [part~=control]::after,\n:host([indeterminate]:focus-within) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--checked-hover-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));\n box-shadow: inset 0 0 0 1px var(--checked-hover-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));\n background: transparent;\n}\n\n[part=\"control checked\"]::after {\n background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host(:hover) [part=\"control checked\"]::after,\n:host(:focus-within) [part=\"control checked\"]::after {\n background: var(--checked-hover-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));\n -webkit-box-shadow: inset 0 0 0 1px var(--checked-hover-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));\n box-shadow: inset 0 0 0 1px var(--checked-hover-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));\n}\n\n:host(:not([disabled])[invalid]) [part~=label] {\n color: var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n}\n\n:host([invalid]) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n box-shadow: inset 0 0 0 1px var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n}\n\n:host([invalid]:hover) [part~=indicator] {\n stroke: var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n}\n\n:host([invalid]:hover) [part=\"indicator checked\"] {\n stroke: hsla(var(--ig-surface-500), var(--ig-surface-a));\n}\n\n:host([invalid][checked]) [part=\"control checked\"]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n box-shadow: inset 0 0 0 1px var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n background: var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n}\n\n:host(:not([disabled])[invalid][indeterminate]) [part~=control]::before {\n background: var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n}\n:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n box-shadow: inset 0 0 0 1px var(--invalid-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n background: transparent;\n}\n\n:host([invalid]:hover) [part~=control]::after,\n:host([invalid]:focus-within) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--ig-error-700), var(--ig-error-a)));\n box-shadow: inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--ig-error-700), var(--ig-error-a)));\n}\n\n:host([invalid]:hover) [part=\"control checked\"]::after,\n:host([invalid]:focus-within) [part=\"control checked\"]::after {\n background: var(--invalid-hover-color, hsla(var(--ig-error-700), var(--ig-error-a)));\n}\n\n:host([invalid][indeterminate]:hover) [part~=control]::before,\n:host([invalid][indeterminate]:focus-within) [part~=control]::before {\n background: var(--invalid-hover-color, hsla(var(--ig-error-700), var(--ig-error-a)));\n}\n:host([invalid][indeterminate]:hover) [part~=control]::after,\n:host([invalid][indeterminate]:focus-within) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--ig-error-700), var(--ig-error-a)));\n box-shadow: inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--ig-error-700), var(--ig-error-a)));\n background: transparent;\n}\n\n:host([disabled]) [part~=label] {\n color: var(--disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n:host([disabled]) [part~=control]::after,\n:host([disabled][invalid]) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n box-shadow: inset 0 0 0 1px var(--disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n:host([disabled]) [part=\"control checked\"]::after,\n:host([disabled][invalid]) [part=\"control checked\"]::after {\n background: var(--disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n:host([disabled][indeterminate]) [part~=control]::before,\n:host([disabled][invalid][indeterminate]) [part~=control]::before {\n background: var(--disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n:host([disabled][indeterminate]) [part~=control]::after,\n:host([disabled][invalid][indeterminate]) [part~=control]::after {\n -webkit-box-shadow: inset 0 0 0 1px var(--disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n box-shadow: inset 0 0 0 1px var(--disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n background: transparent;\n}\n\n[part~=focused] {\n position: relative;\n}\n[part~=focused]::after {\n content: \"\";\n position: absolute;\n top: -0.125rem;\n left: -0.125rem;\n -webkit-box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));\n box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));\n width: calc(100% + (0.125rem * 2));\n height: calc(100% + (0.125rem * 2));\n}`;\n"]}

package/components/checkbox/themes/light/checkbox.indigo.css.js CHANGED Viewed

@@ -16,7 +16,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 }
 [part~=label] {
-  font-family: var(--ig-body-1-font-family);
+  font-family: var(--ig-body-1-font-family, var(--ig-font-family));
   font-size: var(--ig-body-1-font-size);
   font-weight: var(--ig-body-1-font-weight);
   font-style: var(--ig-body-1-font-style);