igniteui-webcomponents 4.0.0-alpha → 4.0.0-alpha.3

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

@@ -1 +1 @@
-{"version":3,"file":"days-view.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/days-view.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4RvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([part=days-view]) {\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.375rem;\n}\n\n[part~=days-row] {\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~=date-inner] {\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  z-index: 2;\n}\n[part~=date-inner]:hover, [part~=date-inner]:focus {\n  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n  color: var(--ig-secondary-100-contrast);\n  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n}\n\n[part~=date-inner][part~=current][part~=selected] {\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~=current][part~=date-inner] {\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[part~=current][part~=date-inner]:hover, [part~=current][part~=date-inner]:focus {\n  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a));\n          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a));\n}\n\n[part~=date],\n[part~=week-number],\n[part~=label] {\n  font-size: var(--ig-subtitle-1-font-size);\n  width: 100%;\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  position: relative;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  outline: none;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  border-top: 0.0625rem solid transparent;\n  border-bottom: 0.0625rem solid transparent;\n}\n\n[part=label-inner] {\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  overflow: hidden;\n  min-width: 4ch;\n  text-align: center;\n}\n\n[part~=date-inner],\n[part~=week-number-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  border: 0.0625rem solid transparent;\n}\n[part~=date-inner]:focus,\n[part~=week-number-inner]:focus {\n  outline: none;\n}\n\n[part~=date][part~=range] {\n  background: hsla(var(--ig-secondary-50), var(--ig-secondary-a));\n}\n\n[part~=date][part~=range][part~=preview] {\n  background: transparent;\n  border-top: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-bottom: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n[part~=date][part~=range][part~=preview][part~=first],\n[part~=date][part~=range][part~=preview][part~=last] {\n  background: transparent;\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: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-bottom: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));\n  background: transparent;\n}\n\n[part~=date][part~=range][part~=first],\n[part~=date][part~=range][part~=last] {\n  background: transparent;\n}\n[part~=date][part~=range][part~=first]::after,\n[part~=date][part~=range][part~=last]::after {\n  content: \"\";\n  position: absolute;\n  height: 100%;\n  width: calc(50% + 0.0625rem);\n  background: hsla(var(--ig-secondary-50), var(--ig-secondary-a));\n  border-top: 0.0625rem solid hsla(var(--ig-secondary-50), var(--ig-secondary-a));\n  border-bottom: 0.0625rem solid hsla(var(--ig-secondary-50), var(--ig-secondary-a));\n  z-index: 1;\n}\n\n[part~=date][part~=range][part~=first]::after {\n  inset-inline-start: 50%;\n}\n\n[part~=date][part~=range][part~=last]::after {\n  inset-inline-end: calc(50% - 0.0625rem);\n}\n\n[part~=date][part~=range] + [part~=date][part~=range][part~=last]::after {\n  inset-inline-end: 50%;\n}\n\n[part~=date-inner][part~=weekend],\n[part~=date-inner][part~=inactive],\n[part~=date-inner][part~=label],\n[part~=date-inner][part~=disabled] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=weekend]:hover, [part~=date-inner][part~=weekend]:focus,\n[part~=date-inner][part~=inactive]:hover,\n[part~=date-inner][part~=inactive]:focus {\n  color: var(--ig-secondary-100-contrast);\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][part~=range][part~=weekend][part~=first],\n[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=last],\n[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=first],\n[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=last] {\n  color: var(--ig-secondary-700-contrast);\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=weekend],\n[part~=date-inner][part~=selected][part~=range][part~=inactive],\n[part~=date-inner][part~=selected][part~=range] {\n  color: var(--ig-secondary-50-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[part~=date-inner][part~=selected][part~=range]:hover,\n[part~=date-inner][part~=selected][part~=range]:focus {\n  color: var(--ig-secondary-100-contrast);\n  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\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  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  border-color: hsla(var(--ig-secondary-500), var(--ig-secondary-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  background: hsla(var(--ig-secondary-700), var(--ig-secondary-a));\n  border-color: hsla(var(--ig-secondary-700), var(--ig-secondary-a));\n  color: var(--ig-secondary-700-contrast);\n}\n\n[part~=date-inner][part~=selected][part~=weekend]:not([part~=range]),\n[part~=date-inner][part~=selected][part~=inactive]:not([part~=range]),\n[part~=date-inner][part~=selected]:not([part~=range]) {\n  color: var(--ig-secondary-700-contrast);\n}\n\n[part~=week-number] {\n  -webkit-box-ordinal-group: 1;\n      -ms-flex-order: 0;\n          order: 0;\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  cursor: default;\n}\n\n[part=\"week-number-inner first\"] {\n  border-top-left-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  border-top-right-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n[part=\"week-number-inner first\"]::after {\n  display: none;\n}\n\n[part=\"week-number-inner last\"] {\n  border-bottom-left-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  border-bottom-right-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n\n[part~=week-number-inner] {\n  position: relative;\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n[part~=week-number-inner]::after {\n  content: \"\";\n  position: absolute;\n  bottom: 100%;\n  height: calc(0.375rem + (0.0625rem * 2 + 2px));\n  width: 100%;\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  -webkit-border-start: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n          border-inline-start: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n  -webkit-border-end: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n          border-inline-end: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=disabled] {\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: not-allowed;\n}\n\n[part~=date-inner][part~=special][part~=range],\n[part~=date-inner][part~=special] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  font-weight: 900;\n}\n[part~=date-inner][part~=special][part~=range]:hover, [part~=date-inner][part~=special][part~=range]:focus,\n[part~=date-inner][part~=special]:hover,\n[part~=date-inner][part~=special]:focus {\n  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n}\n\n[part~=hidden] {\n  visibility: hidden;\n}`;\n"]}
+{"version":3,"file":"days-view.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/days-view.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4RvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host([part=days-view]) {\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.375rem;\n}\n\n[part~=days-row] {\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~=date-inner] {\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  z-index: 2;\n}\n[part~=date-inner]:hover, [part~=date-inner]:focus {\n  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n  color: var(--ig-secondary-100-contrast);\n  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n}\n\n[part~=date-inner][part~=current][part~=selected] {\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~=current][part~=date-inner] {\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[part~=current][part~=date-inner]:hover, [part~=current][part~=date-inner]:focus {\n  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a));\n          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a));\n}\n\n[part~=date],\n[part~=week-number],\n[part~=label] {\n  font-size: var(--ig-subtitle-1-font-size);\n  width: 100%;\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  position: relative;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  outline: none;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  border-top: 0.0625rem solid transparent;\n  border-bottom: 0.0625rem solid transparent;\n}\n\n[part=label-inner] {\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  overflow: hidden;\n  min-width: 4ch;\n  text-align: center;\n}\n\n[part~=date-inner],\n[part~=week-number-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  border: 0.0625rem solid transparent;\n}\n[part~=date-inner]:focus,\n[part~=week-number-inner]:focus {\n  outline: none;\n}\n\n[part~=date][part~=range] {\n  background: hsla(var(--ig-secondary-50), var(--ig-secondary-a));\n}\n\n[part~=date][part~=range][part~=preview] {\n  background: transparent;\n  border-top: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-bottom: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n[part~=date][part~=range][part~=preview][part~=first],\n[part~=date][part~=range][part~=preview][part~=last] {\n  background: transparent;\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: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-bottom: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));\n  background: transparent;\n}\n\n[part~=date][part~=range][part~=first],\n[part~=date][part~=range][part~=last] {\n  background: transparent;\n}\n[part~=date][part~=range][part~=first]::after,\n[part~=date][part~=range][part~=last]::after {\n  content: \"\";\n  position: absolute;\n  height: 100%;\n  width: calc(50% + 0.0625rem);\n  background: hsla(var(--ig-secondary-50), var(--ig-secondary-a));\n  border-top: 0.0625rem solid hsla(var(--ig-secondary-50), var(--ig-secondary-a));\n  border-bottom: 0.0625rem solid hsla(var(--ig-secondary-50), var(--ig-secondary-a));\n  z-index: 1;\n}\n\n[part~=date][part~=range][part~=first]::after {\n  inset-inline-start: 50%;\n}\n\n[part~=date][part~=range][part~=last]::after {\n  inset-inline-end: calc(50% - 0.0625rem);\n}\n\n[part~=date][part~=range] + [part~=date][part~=range][part~=last]::after {\n  inset-inline-end: 50%;\n}\n\n[part~=date-inner][part~=inactive],\n[part~=date-inner][part~=label],\n[part~=date-inner][part~=disabled] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=weekend]:hover, [part~=date-inner][part~=weekend]:focus,\n[part~=date-inner][part~=inactive]:hover,\n[part~=date-inner][part~=inactive]:focus {\n  color: var(--ig-secondary-100-contrast);\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][part~=range][part~=weekend][part~=first],\n[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=last],\n[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=first],\n[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=last] {\n  color: var(--ig-secondary-700-contrast);\n}\n\n[part~=date-inner][part~=selected][part~=range][part~=weekend],\n[part~=date-inner][part~=selected][part~=range][part~=inactive],\n[part~=date-inner][part~=selected][part~=range] {\n  color: var(--ig-secondary-50-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[part~=date-inner][part~=selected][part~=range]:hover,\n[part~=date-inner][part~=selected][part~=range]:focus {\n  color: var(--ig-secondary-100-contrast);\n  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\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  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  border-color: hsla(var(--ig-secondary-500), var(--ig-secondary-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  background: hsla(var(--ig-secondary-700), var(--ig-secondary-a));\n  border-color: hsla(var(--ig-secondary-700), var(--ig-secondary-a));\n  color: var(--ig-secondary-700-contrast);\n}\n\n[part~=date-inner][part~=selected][part~=weekend]:not([part~=range]),\n[part~=date-inner][part~=selected][part~=inactive]:not([part~=range]),\n[part~=date-inner][part~=selected]:not([part~=range]) {\n  color: var(--ig-secondary-700-contrast);\n}\n\n[part~=week-number] {\n  -webkit-box-ordinal-group: 1;\n      -ms-flex-order: 0;\n          order: 0;\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  cursor: default;\n}\n\n[part=\"week-number-inner first\"] {\n  border-top-left-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  border-top-right-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n[part=\"week-number-inner first\"]::after {\n  display: none;\n}\n\n[part=\"week-number-inner last\"] {\n  border-bottom-left-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  border-bottom-right-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n\n[part~=week-number-inner] {\n  position: relative;\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  border-inline-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n[part~=week-number-inner]::after {\n  content: \"\";\n  position: absolute;\n  bottom: 100%;\n  height: calc(0.375rem + (0.0625rem * 2 + 2px));\n  width: 100%;\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  -webkit-border-start: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n          border-inline-start: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n  -webkit-border-end: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n          border-inline-end: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=disabled] {\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: not-allowed;\n}\n\n[part~=date-inner][part~=special][part~=range],\n[part~=date-inner][part~=special] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  font-weight: 900;\n}\n[part~=date-inner][part~=special][part~=range]:hover, [part~=date-inner][part~=special][part~=range]:focus,\n[part~=date-inner][part~=special]:hover,\n[part~=date-inner][part~=special]:focus {\n  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n}\n\n[part~=hidden] {\n  visibility: hidden;\n}`;\n"]}

package/components/calendar/themes/fluent/calendar.fluent.css.js

@@ -1,5 +1,40 @@
 import { css } from 'lit';
-export const styles = css `:host(igc-calendar) {
+export const styles = css `/* stylelint-disable max-line-length */
+:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  scrollbar-width: var(--scrolbar-size, 0.875rem);
+  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host *,
+:host *::before,
+:host *::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+:host ::-webkit-scrollbar {
+  width: var(--scrolbar-size, 0.875rem);
+  height: var(--scrolbar-size, 0.875rem);
+  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host ::-webkit-scrollbar-thumb {
+  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+}
+
+[hidden] {
+  display: none !important;
+}
+
+:host(igc-calendar) {
+  --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.75rem, var(--is-small, 1) * 1.5rem);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -14,107 +49,50 @@ export const styles = css `:host(igc-calendar) {
 :host(igc-calendar) > * {
   font-family: var(--ig-font-family);
 }
-
-:host(igc-calendar[size=large]) igc-days-view::part(date),
-:host(igc-calendar[size=large]) igc-days-view::part(week-number),
-:host(igc-calendar[size=large]) igc-days-view::part(label),
-:host(igc-calendar[size=large]) igc-days-view::part(days-row) {
-  height: 2rem;
-}
-:host(igc-calendar[size=large]) igc-days-view::part(week-number-inner),
-:host(igc-calendar[size=large]) igc-days-view::part(date-inner) {
-  width: calc(2rem - 0.125rem);
-  min-width: calc(2rem - 0.125rem);
-  height: 100%;
-}
-:host(igc-calendar[size=large]) igc-days-view::part(label) {
-  min-width: 2rem;
-  height: 2rem;
-}
-:host(igc-calendar[size=large]) igc-days-view::part(date-inner) {
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.125rem), 1.125rem);
-}
-:host(igc-calendar[size=large]) igc-months-view {
-  grid-template-rows: repeat(4, minmax(2rem, 1fr));
+:host(igc-calendar) igc-days-view::part(date),
+:host(igc-calendar) igc-days-view::part(week-number),
+:host(igc-calendar) igc-days-view::part(label),
+:host(igc-calendar) igc-days-view::part(days-row) {
+  height: var(--size);
 }
-:host(igc-calendar[size=large]) igc-months-view::part(month-inner) {
-  height: 2rem;
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.125rem), 1.125rem);
-}
-:host(igc-calendar[size=large]) igc-years-view {
-  grid-template-rows: repeat(5, minmax(2rem, 1fr));
-}
-:host(igc-calendar[size=large]) igc-years-view::part(year-inner) {
-  height: 2rem;
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.125rem), 1.125rem);
-}
-
-:host(igc-calendar[size=medium]) igc-days-view::part(date),
-:host(igc-calendar[size=medium]) igc-days-view::part(week-number),
-:host(igc-calendar[size=medium]) igc-days-view::part(label),
-:host(igc-calendar[size=medium]) igc-days-view::part(days-row) {
-  height: 1.75rem;
-}
-:host(igc-calendar[size=medium]) igc-days-view::part(week-number-inner),
-:host(igc-calendar[size=medium]) igc-days-view::part(date-inner) {
-  width: calc(1.75rem - 0.125rem);
-  min-width: calc(1.75rem - 0.125rem);
+:host(igc-calendar) igc-days-view::part(week-number-inner),
+:host(igc-calendar) igc-days-view::part(date-inner) {
+  width: calc(var(--size) - 0.125rem);
+  min-width: calc(var(--size) - 0.125rem);
   height: 100%;
 }
-:host(igc-calendar[size=medium]) igc-days-view::part(label) {
-  min-width: 1.75rem;
-  height: 1.75rem;
+:host(igc-calendar) igc-days-view::part(label) {
+  min-width: var(--size);
+  height: var(--size);
 }
-:host(igc-calendar[size=medium]) igc-days-view::part(date-inner) {
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);
+:host(igc-calendar) igc-days-view::part(date-inner) {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));
 }
-:host(igc-calendar[size=medium]) igc-months-view {
-  grid-template-rows: repeat(4, minmax(1.75rem, 1fr));
+:host(igc-calendar) igc-months-view {
+  grid-template-rows: repeat(4, minmax(var(--size), 1fr));
 }
-:host(igc-calendar[size=medium]) igc-months-view::part(month-inner) {
-  height: 1.75rem;
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);
+:host(igc-calendar) igc-months-view::part(month-inner) {
+  height: var(--size);
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));
 }
-:host(igc-calendar[size=medium]) igc-years-view {
-  grid-template-rows: repeat(5, minmax(1.75rem, 1fr));
+:host(igc-calendar) igc-years-view {
+  grid-template-rows: repeat(5, minmax(var(--size), 1fr));
 }
-:host(igc-calendar[size=medium]) igc-years-view::part(year-inner) {
-  height: 1.75rem;
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);
+:host(igc-calendar) igc-years-view::part(year-inner) {
+  height: var(--size);
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));
 }
 
-:host(igc-calendar[size=small]) igc-days-view::part(date),
-:host(igc-calendar[size=small]) igc-days-view::part(week-number),
-:host(igc-calendar[size=small]) igc-days-view::part(label),
-:host(igc-calendar[size=small]) igc-days-view::part(days-row) {
-  height: 1.5rem;
-}
-:host(igc-calendar[size=small]) igc-days-view::part(week-number-inner),
-:host(igc-calendar[size=small]) igc-days-view::part(date-inner) {
-  width: calc(1.5rem - 0.125rem);
-  min-width: calc(1.5rem - 0.125rem);
-  height: 100%;
-}
-:host(igc-calendar[size=small]) igc-days-view::part(label) {
-  min-width: 1.5rem;
-  height: 1.5rem;
+:host(igc-calendar[size=large]) {
+  --component-size: var(--ig-size, var(--ig-size-large));
 }
-:host(igc-calendar[size=small]) igc-days-view::part(date-inner) {
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.875rem), 0.875rem);
-}
-:host(igc-calendar[size=small]) igc-months-view {
-  grid-template-rows: repeat(4, minmax(1.5rem, 1fr));
-}
-:host(igc-calendar[size=small]) igc-months-view::part(month-inner) {
-  height: 1.5rem;
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.875rem), 0.875rem);
-}
-:host(igc-calendar[size=small]) igc-years-view {
-  grid-template-rows: repeat(6, minmax(1.5rem, 1fr));
+
+:host(igc-calendar[size=medium]) {
+  --component-size: var(--ig-size, var(--ig-size-medium));
 }
-:host(igc-calendar[size=small]) igc-years-view::part(year-inner) {
-  height: 1.5rem;
-  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.875rem), 0.875rem);
+
+:host(igc-calendar[size=small]) {
+  --component-size: var(--ig-size, var(--ig-size-small));
 }
 
 [part=navigation] {

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgSvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(igc-calendar) {\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  font-family: var(--ig-font-family);\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  color: var(--ig-surface-500-contrast);\n}\n:host(igc-calendar) > * {\n  font-family: var(--ig-font-family);\n}\n\n:host(igc-calendar[size=large]) igc-days-view::part(date),\n:host(igc-calendar[size=large]) igc-days-view::part(week-number),\n:host(igc-calendar[size=large]) igc-days-view::part(label),\n:host(igc-calendar[size=large]) igc-days-view::part(days-row) {\n  height: 2rem;\n}\n:host(igc-calendar[size=large]) igc-days-view::part(week-number-inner),\n:host(igc-calendar[size=large]) igc-days-view::part(date-inner) {\n  width: calc(2rem - 0.125rem);\n  min-width: calc(2rem - 0.125rem);\n  height: 100%;\n}\n:host(igc-calendar[size=large]) igc-days-view::part(label) {\n  min-width: 2rem;\n  height: 2rem;\n}\n:host(igc-calendar[size=large]) igc-days-view::part(date-inner) {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.125rem), 1.125rem);\n}\n:host(igc-calendar[size=large]) igc-months-view {\n  grid-template-rows: repeat(4, minmax(2rem, 1fr));\n}\n:host(igc-calendar[size=large]) igc-months-view::part(month-inner) {\n  height: 2rem;\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.125rem), 1.125rem);\n}\n:host(igc-calendar[size=large]) igc-years-view {\n  grid-template-rows: repeat(5, minmax(2rem, 1fr));\n}\n:host(igc-calendar[size=large]) igc-years-view::part(year-inner) {\n  height: 2rem;\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.125rem), 1.125rem);\n}\n\n:host(igc-calendar[size=medium]) igc-days-view::part(date),\n:host(igc-calendar[size=medium]) igc-days-view::part(week-number),\n:host(igc-calendar[size=medium]) igc-days-view::part(label),\n:host(igc-calendar[size=medium]) igc-days-view::part(days-row) {\n  height: 1.75rem;\n}\n:host(igc-calendar[size=medium]) igc-days-view::part(week-number-inner),\n:host(igc-calendar[size=medium]) igc-days-view::part(date-inner) {\n  width: calc(1.75rem - 0.125rem);\n  min-width: calc(1.75rem - 0.125rem);\n  height: 100%;\n}\n:host(igc-calendar[size=medium]) igc-days-view::part(label) {\n  min-width: 1.75rem;\n  height: 1.75rem;\n}\n:host(igc-calendar[size=medium]) igc-days-view::part(date-inner) {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);\n}\n:host(igc-calendar[size=medium]) igc-months-view {\n  grid-template-rows: repeat(4, minmax(1.75rem, 1fr));\n}\n:host(igc-calendar[size=medium]) igc-months-view::part(month-inner) {\n  height: 1.75rem;\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);\n}\n:host(igc-calendar[size=medium]) igc-years-view {\n  grid-template-rows: repeat(5, minmax(1.75rem, 1fr));\n}\n:host(igc-calendar[size=medium]) igc-years-view::part(year-inner) {\n  height: 1.75rem;\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);\n}\n\n:host(igc-calendar[size=small]) igc-days-view::part(date),\n:host(igc-calendar[size=small]) igc-days-view::part(week-number),\n:host(igc-calendar[size=small]) igc-days-view::part(label),\n:host(igc-calendar[size=small]) igc-days-view::part(days-row) {\n  height: 1.5rem;\n}\n:host(igc-calendar[size=small]) igc-days-view::part(week-number-inner),\n:host(igc-calendar[size=small]) igc-days-view::part(date-inner) {\n  width: calc(1.5rem - 0.125rem);\n  min-width: calc(1.5rem - 0.125rem);\n  height: 100%;\n}\n:host(igc-calendar[size=small]) igc-days-view::part(label) {\n  min-width: 1.5rem;\n  height: 1.5rem;\n}\n:host(igc-calendar[size=small]) igc-days-view::part(date-inner) {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.875rem), 0.875rem);\n}\n:host(igc-calendar[size=small]) igc-months-view {\n  grid-template-rows: repeat(4, minmax(1.5rem, 1fr));\n}\n:host(igc-calendar[size=small]) igc-months-view::part(month-inner) {\n  height: 1.5rem;\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.875rem), 0.875rem);\n}\n:host(igc-calendar[size=small]) igc-years-view {\n  grid-template-rows: repeat(6, minmax(1.5rem, 1fr));\n}\n:host(igc-calendar[size=small]) igc-years-view::part(year-inner) {\n  height: 1.5rem;\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.875rem), 0.875rem);\n}\n\n[part=navigation] {\n  position: relative;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  height: 1.25rem;\n  padding: 1.5625rem 1.125rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n\n[part=months-navigation],\n[part=years-navigation],\n[part~=navigation-button] {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  background: transparent;\n  border: none;\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  font-size: 1rem;\n  padding: 0;\n  -webkit-transition: color 150ms ease-in-out;\n  -o-transition: color 150ms ease-in-out;\n  transition: color 150ms ease-in-out;\n}\n[part=months-navigation]:hover, [part=months-navigation]:focus,\n[part=years-navigation]:hover,\n[part=years-navigation]:focus,\n[part~=navigation-button]:hover,\n[part~=navigation-button]:focus {\n  color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  cursor: pointer;\n}\n[part=months-navigation]:focus,\n[part=years-navigation]:focus,\n[part~=navigation-button]:focus {\n  outline: none;\n}\n\n[part~=navigation-button] {\n  -webkit-margin-start: 1.5rem;\n          margin-inline-start: 1.5rem;\n}\n[part~=navigation-button][part~=vertical] {\n  -webkit-transform: rotate(90deg);\n      -ms-transform: rotate(90deg);\n          transform: rotate(90deg);\n}\n\n[part=navigation-buttons] {\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}\n\n:host(igc-calendar[header-orientation=vertical]) {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header] {\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  width: 8.75rem;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header-date] {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n\n[part=days-view-container] {\n  -webkit-box-flex: 1;\n      -ms-flex-positive: 1;\n          flex-grow: 1;\n}\n\n[part=header] {\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  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  padding: 1rem;\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  color: var(--ig-secondary-600-contrast);\n}\n\n[part=header-date],\n[part=header-title] {\n  margin: 0;\n}\n\n[part=header-date] {\n  font-family: var(--ig-h4-font-family);\n  font-size: var(--ig-h4-font-size);\n  font-weight: var(--ig-h4-font-weight);\n  font-style: var(--ig-h4-font-style);\n  line-height: var(--ig-h4-line-height);\n  letter-spacing: var(--ig-h4-letter-spacing);\n  text-transform: var(--ig-h4-text-transform);\n  margin-top: var(--ig-h4-margin-top);\n  margin-bottom: var(--ig-h4-margin-bottom);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  white-space: pre-wrap;\n}\n\n[part=header-title] {\n  font-family: var(--ig-overline-font-family);\n  font-size: var(--ig-overline-font-size);\n  font-weight: var(--ig-overline-font-weight);\n  font-style: var(--ig-overline-font-style);\n  line-height: var(--ig-overline-line-height);\n  letter-spacing: var(--ig-overline-letter-spacing);\n  text-transform: var(--ig-overline-text-transform);\n  margin-top: var(--ig-overline-margin-top);\n  margin-bottom: var(--ig-overline-margin-bottom);\n}\n\n.aria-off-screen {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  border: none;\n  clip: rect(0, 0, 0, 0);\n  outline: 0;\n  pointer-events: none;\n  overflow: hidden;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n\n:host(igc-calendar[size=large]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=large]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=large]) igc-years-view::part(year-inner),\n:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=medium]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=medium]) igc-years-view::part(year-inner),\n:host(igc-calendar[size=small]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=small]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=small]) igc-years-view::part(year-inner) {\n  border-radius: 0;\n}`;\n"]}
+{"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0QvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n: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(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\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(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\n:host(igc-calendar) {\n  --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.75rem, var(--is-small, 1) * 1.5rem);\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  font-family: var(--ig-font-family);\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  color: var(--ig-surface-500-contrast);\n}\n:host(igc-calendar) > * {\n  font-family: var(--ig-font-family);\n}\n:host(igc-calendar) igc-days-view::part(date),\n:host(igc-calendar) igc-days-view::part(week-number),\n:host(igc-calendar) igc-days-view::part(label),\n:host(igc-calendar) igc-days-view::part(days-row) {\n  height: var(--size);\n}\n:host(igc-calendar) igc-days-view::part(week-number-inner),\n:host(igc-calendar) igc-days-view::part(date-inner) {\n  width: calc(var(--size) - 0.125rem);\n  min-width: calc(var(--size) - 0.125rem);\n  height: 100%;\n}\n:host(igc-calendar) igc-days-view::part(label) {\n  min-width: var(--size);\n  height: var(--size);\n}\n:host(igc-calendar) igc-days-view::part(date-inner) {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n:host(igc-calendar) igc-months-view {\n  grid-template-rows: repeat(4, minmax(var(--size), 1fr));\n}\n:host(igc-calendar) igc-months-view::part(month-inner) {\n  height: var(--size);\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n:host(igc-calendar) igc-years-view {\n  grid-template-rows: repeat(5, minmax(var(--size), 1fr));\n}\n:host(igc-calendar) igc-years-view::part(year-inner) {\n  height: var(--size);\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n\n:host(igc-calendar[size=large]) {\n  --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n:host(igc-calendar[size=medium]) {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host(igc-calendar[size=small]) {\n  --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n[part=navigation] {\n  position: relative;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  height: 1.25rem;\n  padding: 1.5625rem 1.125rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n\n[part=months-navigation],\n[part=years-navigation],\n[part~=navigation-button] {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  background: transparent;\n  border: none;\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  font-size: 1rem;\n  padding: 0;\n  -webkit-transition: color 150ms ease-in-out;\n  -o-transition: color 150ms ease-in-out;\n  transition: color 150ms ease-in-out;\n}\n[part=months-navigation]:hover, [part=months-navigation]:focus,\n[part=years-navigation]:hover,\n[part=years-navigation]:focus,\n[part~=navigation-button]:hover,\n[part~=navigation-button]:focus {\n  color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  cursor: pointer;\n}\n[part=months-navigation]:focus,\n[part=years-navigation]:focus,\n[part~=navigation-button]:focus {\n  outline: none;\n}\n\n[part~=navigation-button] {\n  -webkit-margin-start: 1.5rem;\n          margin-inline-start: 1.5rem;\n}\n[part~=navigation-button][part~=vertical] {\n  -webkit-transform: rotate(90deg);\n      -ms-transform: rotate(90deg);\n          transform: rotate(90deg);\n}\n\n[part=navigation-buttons] {\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}\n\n:host(igc-calendar[header-orientation=vertical]) {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header] {\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  width: 8.75rem;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header-date] {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n\n[part=days-view-container] {\n  -webkit-box-flex: 1;\n      -ms-flex-positive: 1;\n          flex-grow: 1;\n}\n\n[part=header] {\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  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  padding: 1rem;\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  color: var(--ig-secondary-600-contrast);\n}\n\n[part=header-date],\n[part=header-title] {\n  margin: 0;\n}\n\n[part=header-date] {\n  font-family: var(--ig-h4-font-family);\n  font-size: var(--ig-h4-font-size);\n  font-weight: var(--ig-h4-font-weight);\n  font-style: var(--ig-h4-font-style);\n  line-height: var(--ig-h4-line-height);\n  letter-spacing: var(--ig-h4-letter-spacing);\n  text-transform: var(--ig-h4-text-transform);\n  margin-top: var(--ig-h4-margin-top);\n  margin-bottom: var(--ig-h4-margin-bottom);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  white-space: pre-wrap;\n}\n\n[part=header-title] {\n  font-family: var(--ig-overline-font-family);\n  font-size: var(--ig-overline-font-size);\n  font-weight: var(--ig-overline-font-weight);\n  font-style: var(--ig-overline-font-style);\n  line-height: var(--ig-overline-line-height);\n  letter-spacing: var(--ig-overline-letter-spacing);\n  text-transform: var(--ig-overline-text-transform);\n  margin-top: var(--ig-overline-margin-top);\n  margin-bottom: var(--ig-overline-margin-bottom);\n}\n\n.aria-off-screen {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  border: none;\n  clip: rect(0, 0, 0, 0);\n  outline: 0;\n  pointer-events: none;\n  overflow: hidden;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n\n:host(igc-calendar[size=large]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=large]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=large]) igc-years-view::part(year-inner),\n:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=medium]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=medium]) igc-years-view::part(year-inner),\n:host(igc-calendar[size=small]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=small]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=small]) igc-years-view::part(year-inner) {\n  border-radius: 0;\n}`;\n"]}

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

@@ -1,5 +1,6 @@
 import { css } from 'lit';
-export const styles = css `[part~=date-inner]:focus, [part~=date-inner]:hover {
+export const styles = css `/* stylelint-disable max-line-length */
+[part~=date-inner]:focus, [part~=date-inner]:hover {
   background: hsla(var(--ig-gray-300), var(--ig-gray-a));
   border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"days-view.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/days-view.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsUvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=date-inner]:focus, [part~=date-inner]:hover {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\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"]}
+{"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 */\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"]}

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,12 @@
 import { css } from 'lit';
 export const styles = css `:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
   position: relative;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -25,6 +32,7 @@ export const styles = css `:host {
   display: none !important;
 }
 
+/* stylelint-disable max-line-length */
 :host {
   display: -webkit-box;
   display: -ms-flexbox;

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

@@ -1 +1 @@
-{"version":3,"file":"card.actions.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.actions.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4FvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\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(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: column nowrap;\n          flex-flow: column nowrap;\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: flex-end;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  padding: 0.5rem;\n  -ms-flex-preferred-size: min-content;\n      flex-basis: min-content;\n}\n\n:host(:not([orientation=vertical])) {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row wrap;\n          flex-flow: row wrap;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host(:not([orientation=vertical])) ::slotted(igc-icon-button:not(:first-of-type)),\n:host(:not([orientation=vertical])) ::slotted(igc-button:not(:first-of-type)) {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n\n::slotted([slot=start]) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-ordinal-group: 1;\n      -ms-flex-order: 0;\n          order: 0;\n}\n\n::slotted([slot=end]) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-margin-start: auto;\n          margin-inline-start: auto;\n  -webkit-box-ordinal-group: 2;\n      -ms-flex-order: 1;\n          order: 1;\n}\n\n::slotted(igc-icon) {\n  opacity: 0.6;\n}\n\n:host {\n  padding: 1rem;\n}`;\n"]}
+{"version":3,"file":"card.actions.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.actions.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoGvB,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(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\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(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: column nowrap;\n          flex-flow: column nowrap;\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: flex-end;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  padding: 0.5rem;\n  -ms-flex-preferred-size: min-content;\n      flex-basis: min-content;\n}\n\n:host(:not([orientation=vertical])) {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row wrap;\n          flex-flow: row wrap;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n:host(:not([orientation=vertical])) ::slotted(igc-icon-button:not(:first-of-type)),\n:host(:not([orientation=vertical])) ::slotted(igc-button:not(:first-of-type)) {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n\n::slotted([slot=start]) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-ordinal-group: 1;\n      -ms-flex-order: 0;\n          order: 0;\n}\n\n::slotted([slot=end]) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-margin-start: auto;\n          margin-inline-start: auto;\n  -webkit-box-ordinal-group: 2;\n      -ms-flex-order: 1;\n          order: 1;\n}\n\n::slotted(igc-icon) {\n  opacity: 0.6;\n}\n\n:host {\n  padding: 1rem;\n}`;\n"]}

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

@@ -1,5 +1,12 @@
 import { css } from 'lit';
 export const styles = css `:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
   position: relative;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -25,6 +32,7 @@ export const styles = css `:host {
   display: none !important;
 }
 
+/* stylelint-disable max-line-length */
 :host {
   display: -webkit-box;
   display: -ms-flexbox;

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

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

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

@@ -1,5 +1,6 @@
 import { css } from 'lit';
-export const styles = css `:host {
+export const styles = css `/* stylelint-disable max-line-length */
+:host {
   border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
 }
 

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

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

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

@@ -1,5 +1,12 @@
 import { css } from 'lit';
 export const styles = css `:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
   position: relative;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -25,6 +32,7 @@ export const styles = css `:host {
   display: none !important;
 }
 
+/* stylelint-disable max-line-length */
 :host {
   display: block;
   width: 100%;

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

@@ -1 +1 @@
-{"version":3,"file":"card.content.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\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(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\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: var(--ig-surface-500-contrast);\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  opacity: 0.6;\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-900), 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  opacity: 1;\n}`;\n"]}
+{"version":3,"file":"card.content.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkFvB,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(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\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(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* 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: var(--ig-surface-500-contrast);\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  opacity: 0.6;\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-900), 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  opacity: 1;\n}`;\n"]}

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

@@ -1,5 +1,12 @@
 import { css } from 'lit';
 export const styles = css `:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
   position: relative;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -25,6 +32,7 @@ export const styles = css `:host {
   display: none !important;
 }
 
+/* stylelint-disable max-line-length */
 :host {
   display: block;
   width: 100%;

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

@@ -1 +1 @@
-{"version":3,"file":"card.content.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\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(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\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: var(--ig-surface-500-contrast);\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  opacity: 0.6;\n  margin: 0;\n}\n\n:host {\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n::slotted(*) {\n  opacity: 1;\n}`;\n"]}
+{"version":3,"file":"card.content.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.content.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEvB,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(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\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(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* 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: var(--ig-surface-500-contrast);\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  opacity: 0.6;\n  margin: 0;\n}\n\n:host {\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n::slotted(*) {\n  opacity: 1;\n}`;\n"]}

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

@@ -1,5 +1,12 @@
 import { css } from 'lit';
 export const styles = css `:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
   position: relative;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -25,6 +32,7 @@ export const styles = css `:host {
   display: none !important;
 }
 
+/* stylelint-disable max-line-length */
 :host {
   display: block;
   width: 100%;