igniteui-webcomponents 4.4.0 → 4.5.0

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

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

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

@@ -0,0 +1,49 @@
+import { css } from 'lit';
+export const styles = css `[part~=month-inner][part~=current],
+[part~=year-inner][part~=current] {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: var(--current-month-year-bg, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+  color: var(--current-month-year-color, var(--ig-gray-200-contrast));
+}
+[part~=month-inner][part~=current]:hover, [part~=month-inner][part~=current]:focus,
+[part~=year-inner][part~=current]:hover,
+[part~=year-inner][part~=current]:focus {
+  background: var(--current-month-year-bg-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));
+  color: var(--current-month-year-color-hover, var(--ig-gray-300-contrast));
+}
+
+[part~=month-inner][part~=selected],
+[part~=year-inner][part~=selected],
+[part~=month-inner][part~=selected][part~=current],
+[part~=year-inner][part~=selected][part~=current] {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: var(--selected-month-year-bg, hsla(var(--ig-primary-50), var(--ig-primary-a)));
+  color: var(--selected-month-year-color, var(--ig-primary-50-contrast));
+}
+[part~=month-inner][part~=selected]:hover,
+[part~=year-inner][part~=selected]:hover,
+[part~=month-inner][part~=selected][part~=current]:hover,
+[part~=year-inner][part~=selected][part~=current]:hover {
+  background: var(--selected-month-year-bg-hover, hsla(var(--ig-primary-100), var(--ig-primary-a)));
+  color: var(--selected-month-year-color-hover, var(--ig-primary-100-contrast));
+}
+[part~=month-inner][part~=selected]:focus,
+[part~=year-inner][part~=selected]:focus,
+[part~=month-inner][part~=selected][part~=current]:focus,
+[part~=year-inner][part~=selected][part~=current]:focus {
+  background: var(--selected-month-year-bg-hover, hsla(var(--ig-primary-100), var(--ig-primary-a)));
+  color: var(--selected-month-year-color-hover, var(--ig-primary-100-contrast));
+}
+
+[part~=month-inner]:hover, [part~=month-inner]:focus,
+[part~=year-inner]:hover,
+[part~=year-inner]:focus {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+[part~=month-inner]:hover,
+[part~=year-inner]:hover {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}`;
+//# sourceMappingURL=year-month-view.fluent.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"year-month-view.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/calendar/themes/light/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=month-inner][part~=current],\n[part~=year-inner][part~=current] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  background: var(--current-month-year-bg, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  color: var(--current-month-year-color, var(--ig-gray-200-contrast));\n}\n[part~=month-inner][part~=current]:hover, [part~=month-inner][part~=current]:focus,\n[part~=year-inner][part~=current]:hover,\n[part~=year-inner][part~=current]:focus {\n  background: var(--current-month-year-bg-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  color: var(--current-month-year-color-hover, var(--ig-gray-300-contrast));\n}\n\n[part~=month-inner][part~=selected],\n[part~=year-inner][part~=selected],\n[part~=month-inner][part~=selected][part~=current],\n[part~=year-inner][part~=selected][part~=current] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  background: var(--selected-month-year-bg, hsla(var(--ig-primary-50), var(--ig-primary-a)));\n  color: var(--selected-month-year-color, var(--ig-primary-50-contrast));\n}\n[part~=month-inner][part~=selected]:hover,\n[part~=year-inner][part~=selected]:hover,\n[part~=month-inner][part~=selected][part~=current]:hover,\n[part~=year-inner][part~=selected][part~=current]:hover {\n  background: var(--selected-month-year-bg-hover, hsla(var(--ig-primary-100), var(--ig-primary-a)));\n  color: var(--selected-month-year-color-hover, var(--ig-primary-100-contrast));\n}\n[part~=month-inner][part~=selected]:focus,\n[part~=year-inner][part~=selected]:focus,\n[part~=month-inner][part~=selected][part~=current]:focus,\n[part~=year-inner][part~=selected][part~=current]:focus {\n  background: var(--selected-month-year-bg-hover, hsla(var(--ig-primary-100), var(--ig-primary-a)));\n  color: var(--selected-month-year-color-hover, var(--ig-primary-100-contrast));\n}\n\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"]}

package/components/calendar/themes/{indigo → light/indigo}/calendar.indigo.css.js

@@ -48,20 +48,40 @@ export const styles = css `:host(igc-calendar) {
   --border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.15) * 1.25rem), 1.25rem));
   --date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));
   --month-border-radius: var(--ig-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));
+  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+  color: var(--ig-surface-500-contrast);
   border-radius: var(--border-radius);
 }
-
-:host([size=large]) igc-days-view::part(date-inner),
-:host([size=medium]) igc-days-view::part(date-inner),
-:host([size=small]) igc-days-view::part(date-inner) {
+:host(igc-calendar) igc-days-view::part(date-inner) {
   border-radius: var(--date-border-radius);
 }
-:host([size=large]) igc-months-view::part(month-inner),
-:host([size=large]) igc-years-view::part(year-inner),
-:host([size=medium]) igc-months-view::part(month-inner),
-:host([size=medium]) igc-years-view::part(year-inner),
-:host([size=small]) igc-months-view::part(month-inner),
-:host([size=small]) igc-years-view::part(year-inner) {
+:host(igc-calendar) igc-months-view::part(month-inner) {
   border-radius: var(--month-border-radius);
+}
+:host(igc-calendar) igc-years-view {
+  grid-template-rows: repeat(5, minmax(var(--size), 1fr));
+}
+:host(igc-calendar) igc-years-view::part(year-inner) {
+  height: var(--size);
+  border-radius: var(--month-border-radius);
+}
+
+[part=months-navigation],
+[part=years-navigation],
+[part~=navigation-button] {
+  background: transparent;
+  color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+}
+[part=months-navigation]:hover, [part=months-navigation]:focus,
+[part=years-navigation]:hover,
+[part=years-navigation]:focus,
+[part~=navigation-button]:hover,
+[part~=navigation-button]:focus {
+  color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+}
+
+[part=header] {
+  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  color: var(--ig-secondary-600-contrast);
 }`;
 //# sourceMappingURL=calendar.indigo.css.js.map

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

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

package/components/calendar/themes/light/indigo/days-view.indigo.css.js

@@ -0,0 +1,166 @@
+import { css } from 'lit';
+export const styles = css `[part~=date-inner]:hover, [part~=date-inner]:focus {
+  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));
+  color: var(--ig-secondary-100-contrast);
+  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));
+}
+
+[part~=date-inner][part~=current][part~=selected] {
+  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a)), 0 0 0 0.0625rem hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a)), 0 0 0 0.0625rem hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+}
+
+[part~=current][part~=date-inner] {
+  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-600), var(--ig-gray-a));
+          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-600), var(--ig-gray-a));
+}
+[part~=current][part~=date-inner]:hover, [part~=current][part~=date-inner]:focus {
+  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a));
+          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a));
+}
+
+[part~=date],
+[part~=week-number],
+[part~=label] {
+  color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+  border-top: 0.0625rem solid transparent;
+  border-bottom: 0.0625rem solid transparent;
+}
+
+[part~=date-inner],
+[part~=week-number-inner] {
+  border: 0.0625rem solid transparent;
+}
+
+[part~=date][part~=range] {
+  background: hsla(var(--ig-secondary-50), var(--ig-secondary-a));
+}
+
+[part~=date][part~=range][part~=preview] {
+  background: transparent;
+  border-top: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));
+  border-bottom: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+
+[part~=date][part~=range][part~=preview][part~=first],
+[part~=date][part~=range][part~=preview][part~=last] {
+  background: transparent;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+[part~=date][part~=range][part~=preview][part~=first]::after,
+[part~=date][part~=range][part~=preview][part~=last]::after {
+  border-top: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));
+  border-bottom: 0.0625rem dashed hsla(var(--ig-gray-300), var(--ig-gray-a));
+  background: transparent;
+}
+
+[part~=date][part~=range][part~=first],
+[part~=date][part~=range][part~=last] {
+  background: transparent;
+}
+[part~=date][part~=range][part~=first]::after,
+[part~=date][part~=range][part~=last]::after {
+  background: hsla(var(--ig-secondary-50), var(--ig-secondary-a));
+  border-top: 0.0625rem solid hsla(var(--ig-secondary-50), var(--ig-secondary-a));
+  border-bottom: 0.0625rem solid hsla(var(--ig-secondary-50), var(--ig-secondary-a));
+}
+
+[part~=date-inner][part~=inactive],
+[part~=date-inner][part~=label],
+[part~=date-inner][part~=disabled] {
+  color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+
+[part~=date-inner][part~=weekend]:hover, [part~=date-inner][part~=weekend]:focus,
+[part~=date-inner][part~=inactive]:hover,
+[part~=date-inner][part~=inactive]:focus {
+  color: var(--ig-secondary-100-contrast);
+}
+
+[part~=date-inner][part~=selected][part~=range][part~=first],
+[part~=date-inner][part~=selected][part~=range][part~=last],
+[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=first],
+[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=last],
+[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=first],
+[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=last] {
+  color: var(--ig-secondary-700-contrast);
+}
+
+[part~=date-inner][part~=selected][part~=range][part~=weekend],
+[part~=date-inner][part~=selected][part~=range][part~=inactive],
+[part~=date-inner][part~=selected][part~=range] {
+  color: var(--ig-secondary-50-contrast);
+}
+[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover, [part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,
+[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,
+[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus,
+[part~=date-inner][part~=selected][part~=range]:hover,
+[part~=date-inner][part~=selected][part~=range]:focus {
+  color: var(--ig-secondary-100-contrast);
+  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));
+  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));
+}
+
+[part~=date-inner][part~=selected][part~=range][part~=first],
+[part~=date-inner][part~=selected][part~=range][part~=last],
+[part~=date-inner][part~=selected]:not([part~=range]) {
+  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  border-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+}
+[part~=date-inner][part~=selected][part~=range][part~=first]:hover, [part~=date-inner][part~=selected][part~=range][part~=first]:focus,
+[part~=date-inner][part~=selected][part~=range][part~=last]:hover,
+[part~=date-inner][part~=selected][part~=range][part~=last]:focus,
+[part~=date-inner][part~=selected]:not([part~=range]):hover,
+[part~=date-inner][part~=selected]:not([part~=range]):focus {
+  background: hsla(var(--ig-secondary-700), var(--ig-secondary-a));
+  border-color: hsla(var(--ig-secondary-700), var(--ig-secondary-a));
+  color: var(--ig-secondary-700-contrast);
+}
+
+[part~=date-inner][part~=selected][part~=weekend]:not([part~=range]),
+[part~=date-inner][part~=selected][part~=inactive]:not([part~=range]),
+[part~=date-inner][part~=selected]:not([part~=range]) {
+  color: var(--ig-secondary-700-contrast);
+}
+
+[part~=week-number] {
+  color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+
+[part="week-number-inner first"] {
+  border-top-left-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem);
+  border-top-right-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem);
+}
+
+[part="week-number-inner last"] {
+  border-bottom-left-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem);
+  border-bottom-right-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem);
+}
+
+[part~=week-number-inner] {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  border-inline-end-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+[part~=week-number-inner]::after {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  -webkit-border-start: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));
+          border-inline-start: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));
+  -webkit-border-end: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));
+          border-inline-end: 0.0625rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+
+[part~=date-inner][part~=special][part~=range],
+[part~=date-inner][part~=special] {
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  font-weight: 900;
+}
+[part~=date-inner][part~=special][part~=range]:hover, [part~=date-inner][part~=special][part~=range]:focus,
+[part~=date-inner][part~=special]:hover,
+[part~=date-inner][part~=special]:focus {
+  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));
+  border-color: hsla(var(--ig-secondary-100), var(--ig-secondary-a));
+}`;
+//# sourceMappingURL=days-view.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"days-view.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/calendar/themes/light/indigo/days-view.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmKvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[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  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  border-top: 0.0625rem solid transparent;\n  border-bottom: 0.0625rem solid transparent;\n}\n\n[part~=date-inner],\n[part~=week-number-inner] {\n  border: 0.0625rem solid transparent;\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  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}\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  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n[part=\"week-number-inner first\"] {\n  border-top-left-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem);\n  border-top-right-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem);\n}\n\n[part=\"week-number-inner last\"] {\n  border-bottom-left-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem);\n  border-bottom-right-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem);\n}\n\n[part~=week-number-inner] {\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  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~=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"]}

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

@@ -0,0 +1,40 @@
+import { css } from 'lit';
+export const styles = css `[part~=month-inner]:hover, [part~=month-inner]:focus,
+[part~=year-inner]:hover,
+[part~=year-inner]:focus {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+[part~=month-inner]:hover,
+[part~=year-inner]:hover {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+
+[part~=month-inner][part~=selected],
+[part~=year-inner][part~=selected] {
+  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  color: var(--ig-secondary-600-contrast);
+}
+[part~=month-inner][part~=selected]:hover,
+[part~=year-inner][part~=selected]:hover {
+  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  color: var(--ig-secondary-600-contrast);
+}
+[part~=month-inner][part~=selected]:focus,
+[part~=year-inner][part~=selected]:focus {
+  outline: none;
+  background: hsla(var(--ig-secondary-700), var(--ig-secondary-a));
+  color: var(--ig-secondary-700-contrast);
+}
+
+[part~=month-inner][part~=current],
+[part~=year-inner][part~=current] {
+  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-600), var(--ig-gray-a));
+          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-600), var(--ig-gray-a));
+}
+
+[part~=month-inner][part~=selected][part~=current],
+[part~=year-inner][part~=selected][part~=current] {
+  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a)), 0 0 0 0.0625rem hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-surface-500), var(--ig-surface-a)), 0 0 0 0.0625rem hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+}`;
+//# sourceMappingURL=year-month-view.indigo.css.js.map

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

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

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

package/components/calendar/themes/light/material/calendar.material.css.js.map

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