igniteui-webcomponents 4.3.1 → 4.5.0-beta.1

package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6GvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --shadow-color: var(--ig-button-shadow-color, transparent);\n  --border-color: var(--ig-button-border-color, transparent);\n  --hover-border-color: var(--ig-button-hover-border-color, transparent);\n  --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray 300-500), var(--ig-gray 300-a)));\n  --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray 300-500), var(--ig-gray 300-a)));\n  --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray 300-500), var(--ig-gray 300-a)));\n  --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n  --disabled-background: var(--ig-button-disabled-background, transparent);\n  --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));\n  --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n  --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n  --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n  --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n  --background: var(--ig-button-background, transparent);\n  --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --hover-background: var(--ig-button-hover-background, transparent);\n  --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --focus-background: var(--ig-button-focus-background, transparent);\n  --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n  --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --active-background: var(--ig-button-active-background, transparent);\n  --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));\n  --size: max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem));\n}\n:host ::slotted(igc-ripple) {\n  border-radius: var(--border-radius);\n}\n\n[part=base] {\n  border-radius: var(--border-radius);\n  -webkit-transition: color 0.15s ease-in-out, background 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;\n  transition: color 0.15s ease-in-out, background 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;\n  transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s ease-in-out;\n  transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  width: var(--size);\n  height: var(--size);\n  padding: max(var(--is-large, 1) * max(6px, -1 * 6px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(6px, -1 * 6px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(6px, -1 * 6px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n[part=base]:hover {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  background: transparent;\n}\n[part=base]:focus, [part=base]:active {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  background: transparent;\n  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n[part=base] igc-icon {\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host([variant=contained]) [part=base] {\n  color: var(--ig-primary-600-contrast);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host([variant=contained]) [part=base]:hover {\n  background: hsla(var(--ig-primary-400), var(--ig-primary-a));\n}\n:host([variant=contained]) [part=base]:focus, :host([variant=contained]) [part=base]:active {\n  background: hsla(var(--ig-primary-400), var(--ig-primary-a));\n  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n:host([variant=contained]) igc-icon {\n  color: var(--ig-primary-600-contrast);\n}\n\n:host([variant=outlined]) [part=base] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n:host([variant=outlined]) [part=base]::after {\n  position: absolute;\n  content: \"\";\n  -webkit-box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-500), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-500), var(--ig-gray-a));\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n}\n:host([variant=outlined]) [part=base]:hover {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host([variant=outlined]) [part=base]:focus, :host([variant=outlined]) [part=base]:active {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host([disabled]) [part=base] {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  background: transparent;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n:host([disabled]) igc-icon {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\n:host([disabled][variant=contained]) [part=base] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}
+{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+GvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --shadow-color: var(--ig-button-shadow-color, transparent);\n  --border-color: var(--ig-button-border-color, transparent);\n  --hover-border-color: var(--ig-button-hover-border-color, transparent);\n  --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray 300-500), var(--ig-gray 300-a)));\n  --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray 300-500), var(--ig-gray 300-a)));\n  --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray 300-500), var(--ig-gray 300-a)));\n  --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n  --disabled-background: var(--ig-button-disabled-background, transparent);\n  --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));\n  --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n  --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n  --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n  --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n  --background: var(--ig-button-background, transparent);\n  --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --hover-background: var(--ig-button-hover-background, transparent);\n  --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --focus-background: var(--ig-button-focus-background, transparent);\n  --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n  --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --active-background: var(--ig-button-active-background, transparent);\n  --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));\n}\n:host ::slotted(igc-ripple) {\n  border-radius: var(--border-radius);\n}\n\n[part=base] {\n  border-radius: var(--border-radius);\n  -webkit-transition: color 0.15s ease-in-out, background 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;\n  transition: color 0.15s ease-in-out, background 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;\n  transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s ease-in-out;\n  transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  width: var(--size);\n  height: var(--size);\n  padding: max(var(--is-large, 1) * max(6px, -1 * 6px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(6px, -1 * 6px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(6px, -1 * 6px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n[part=base]:hover {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  background: transparent;\n}\n[part=base]:focus, [part=base]:active {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  background: transparent;\n  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n[part=base] igc-icon {\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host([variant=contained]) [part=base] {\n  color: var(--ig-primary-600-contrast);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host([variant=contained]) [part=base]:hover {\n  background: hsla(var(--ig-primary-400), var(--ig-primary-a));\n}\n:host([variant=contained]) [part=base]:focus, :host([variant=contained]) [part=base]:active {\n  background: hsla(var(--ig-primary-400), var(--ig-primary-a));\n  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n:host([variant=contained]) igc-icon {\n  color: var(--ig-primary-600-contrast);\n}\n\n:host([variant=outlined]) [part=base] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n:host([variant=outlined]) [part=base]::after {\n  position: absolute;\n  content: \"\";\n  -webkit-box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-500), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-500), var(--ig-gray-a));\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n}\n:host([variant=outlined]) [part=base]:hover {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host([variant=outlined]) [part=base]:focus, :host([variant=outlined]) [part=base]:active {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host([disabled]) [part=base],\n:host(:disabled) [part=base] {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  background: transparent;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n:host([disabled]) igc-icon,\n:host(:disabled) igc-icon {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\n:host([disabled][variant=contained]) [part=base],\n:host(:disabled[variant=contained]) [part=base] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}

package/components/button/themes/icon-button/light/icon-button.material.css.js

@@ -25,7 +25,6 @@ export const styles = css `:host {
   --active-background: var(--ig-button-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
   --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));
   --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));
-  --size: max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem));
 }
 :host ::slotted(igc-ripple) {
   border-radius: var(--border-radius);
@@ -63,17 +62,21 @@ export const styles = css `:host {
   background: hsla(var(--ig-gray-300), var(--ig-gray-a));
 }
 
-:host([disabled]) [part=base] {
+:host([disabled]) [part=base],
+:host(:disabled) [part=base] {
   color: hsla(var(--ig-gray-500), var(--ig-gray-a));
 }
-:host([disabled]) igc-icon {
+:host([disabled]) igc-icon,
+:host(:disabled) igc-icon {
   color: hsla(var(--ig-gray-500), var(--ig-gray-a));
 }
 
-:host([disabled][variant=contained]) [part=base] {
+:host([disabled][variant=contained]) [part=base],
+:host(:disabled[variant=contained]) [part=base] {
   background: hsla(var(--ig-gray-100), var(--ig-gray-a));
 }
 
+:host(:disabled[variant=outlined]) [part=base],
 :host([disabled][variant=outlined]) [part=base] {
   background: hsla(var(--ig-gray-100), var(--ig-gray-a));
   -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-100), var(--ig-gray-a));

package/components/button/themes/icon-button/light/icon-button.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --shadow-color: var(--ig-button-shadow-color, transparent);\n  --border-color: var(--ig-button-border-color, transparent);\n  --hover-border-color: var(--ig-button-hover-border-color, transparent);\n  --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n  --disabled-background: var(--ig-button-disabled-background, transparent);\n  --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));\n  --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n  --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n  --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n  --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n  --background: var(--ig-button-background, transparent);\n  --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --hover-background: var(--ig-button-hover-background, transparent);\n  --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --focus-background: var(--ig-button-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --active-background: var(--ig-button-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));\n  --size: max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem));\n}\n:host ::slotted(igc-ripple) {\n  border-radius: var(--border-radius);\n}\n\n[part=base] {\n  border-radius: var(--border-radius);\n  width: var(--size);\n  height: var(--size);\n  padding: max(var(--is-large, 1) * max(6px, -1 * 6px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(6px, -1 * 6px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(6px, -1 * 6px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n[part=base] igc-icon {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n:host([variant=contained]) [part=base] {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n:host([variant=outlined]) [part=base] {\n  -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host(:focus-within) [part=base] {\n  -webkit-transition: none;\n  transition: none;\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\n:host([variant=contained]:focus-within) [part=base] {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host([disabled]) [part=base] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n:host([disabled]) igc-icon {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([disabled][variant=contained]) [part=base] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-100), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-100), var(--ig-gray-a));\n}`;\n"]}
+{"version":3,"file":"icon-button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.material.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  --shadow-color: var(--ig-button-shadow-color, transparent);\n  --border-color: var(--ig-button-border-color, transparent);\n  --hover-border-color: var(--ig-button-hover-border-color, transparent);\n  --focus-border-color: var(--ig-button-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --active-border-color: var(--ig-button-active-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n  --disabled-background: var(--ig-button-disabled-background, transparent);\n  --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));\n  --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n  --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n  --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n  --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n  --background: var(--ig-button-background, transparent);\n  --foreground: var(--ig-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --hover-background: var(--ig-button-hover-background, transparent);\n  --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --focus-background: var(--ig-button-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --active-background: var(--ig-button-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));\n}\n:host ::slotted(igc-ripple) {\n  border-radius: var(--border-radius);\n}\n\n[part=base] {\n  border-radius: var(--border-radius);\n  width: var(--size);\n  height: var(--size);\n  padding: max(var(--is-large, 1) * max(6px, -1 * 6px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(6px, -1 * 6px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(6px, -1 * 6px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n[part=base] igc-icon {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n:host([variant=contained]) [part=base] {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n:host([variant=outlined]) [part=base] {\n  -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host(:focus-within) [part=base] {\n  -webkit-transition: none;\n  transition: none;\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\n:host([variant=contained]:focus-within) [part=base] {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host([disabled]) [part=base],\n:host(:disabled) [part=base] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n:host([disabled]) igc-icon,\n:host(:disabled) igc-icon {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([disabled][variant=contained]) [part=base],\n:host(:disabled[variant=contained]) [part=base] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n\n:host(:disabled[variant=outlined]) [part=base],\n:host([disabled][variant=outlined]) [part=base] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-100), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-100), var(--ig-gray-a));\n}`;\n"]}

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

@@ -51,18 +51,11 @@ export const styles = css `:host(igc-calendar) {
   border: 0.0625rem solid hsla(var(--ig-gray-300), var(--ig-gray-a));
   border-radius: var(--border-radius);
 }
-
-:host(igc-calendar[size=large]) igc-days-view::part(date-inner),
-:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),
-:host(igc-calendar[size=small]) igc-days-view::part(date-inner) {
+:host(igc-calendar) igc-days-view::part(date-inner) {
   border-radius: var(--date-border-radius);
 }
-:host(igc-calendar[size=large]) igc-months-view::part(month-inner),
-:host(igc-calendar[size=large]) igc-years-view::part(year-inner),
-:host(igc-calendar[size=medium]) igc-months-view::part(month-inner),
-:host(igc-calendar[size=medium]) igc-years-view::part(year-inner),
-:host(igc-calendar[size=small]) igc-months-view::part(month-inner),
-:host(igc-calendar[size=small]) igc-years-view::part(year-inner) {
+:host(igc-calendar) igc-months-view::part(month-inner),
+:host(igc-calendar) igc-years-view::part(year-inner) {
   border-radius: var(--month-border-radius);
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/bootstrap/calendar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+FvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(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-gray-100), var(--ig-gray-a)));\n  --picker-arrow-color: var(--ig-calendar-picker-arrow-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --picker-arrow-hover-color: var(--ig-calendar-picker-arrow-hover-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n  --picker-text-color: var(--ig-calendar-picker-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --picker-text-hover-color: var(--ig-calendar-picker-text-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --inactive-text-color: var(--ig-calendar-inactive-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --label-color: var(--ig-calendar-label-color, hsla(var(--ig-info-500), var(--ig-info-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-primary-500), var(--ig-primary-a)));\n  --month-current-text-color: var(--ig-calendar-month-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --month-hover-current-text-color: var(--ig-calendar-month-hover-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --year-hover-text-color: var(--ig-calendar-year-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\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-300), 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-primary-600), var(--ig-primary-a)));\n  --date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n  --date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n  --date-selected-text-color: var(--ig-calendar-date-selected-text-color, var(--ig-primary-900-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-surface-500), var(--ig-surface-a)));\n  --date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(var(--ig-surface-500), var(--ig-surface-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-600-contrast));\n  --date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));\n  --date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-special-background: var(--ig-calendar-date-special-background, hsla(var(--ig-warn-500), var(--ig-warn-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-300), 0.5));\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, 0.2) * 1.25rem), 1.25rem));\n  --month-border-radius: var(--ig-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n  border: 0.0625rem solid hsla(var(--ig-gray-300), var(--ig-gray-a));\n  border-radius: var(--border-radius);\n}\n\n:host(igc-calendar[size=large]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=small]) igc-days-view::part(date-inner) {\n  border-radius: var(--date-border-radius);\n}\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-months-view::part(month-inner),\n:host(igc-calendar[size=medium]) igc-years-view::part(year-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: var(--month-border-radius);\n}\n\n:host([hide-header]) [part~=navigation] {\n  border-start-start-radius: var(--border-radius);\n  border-start-end-radius: var(--border-radius);\n}\n\n[part~=navigation-button] {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n[part~=navigation-button]:hover, [part~=navigation-button]:focus {\n  color: hsla(var(--ig-primary-600), var(--ig-primary-a));\n}\n\n[part~=navigation],\n[part~=header] {\n  background: hsla(var(--ig-secondary-50), 0.2);\n  color: var(--ig-gray-50-contrast);\n}\n\n[part=header-title] {\n  font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));\n  font-size: var(--ig-subtitle-1-font-size);\n  font-weight: var(--ig-subtitle-1-font-weight);\n  font-style: var(--ig-subtitle-1-font-style);\n  line-height: var(--ig-subtitle-1-line-height);\n  letter-spacing: var(--ig-subtitle-1-letter-spacing);\n  text-transform: var(--ig-subtitle-1-text-transform);\n  margin-top: var(--ig-subtitle-1-margin-top);\n  margin-bottom: var(--ig-subtitle-1-margin-bottom);\n}`;\n"]}
+{"version":3,"file":"calendar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/bootstrap/calendar.bootstrap.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(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-gray-100), var(--ig-gray-a)));\n  --picker-arrow-color: var(--ig-calendar-picker-arrow-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --picker-arrow-hover-color: var(--ig-calendar-picker-arrow-hover-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n  --picker-text-color: var(--ig-calendar-picker-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --picker-text-hover-color: var(--ig-calendar-picker-text-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --inactive-text-color: var(--ig-calendar-inactive-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --label-color: var(--ig-calendar-label-color, hsla(var(--ig-info-500), var(--ig-info-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-primary-500), var(--ig-primary-a)));\n  --month-current-text-color: var(--ig-calendar-month-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --month-hover-current-text-color: var(--ig-calendar-month-hover-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --year-hover-text-color: var(--ig-calendar-year-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\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-300), 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-primary-600), var(--ig-primary-a)));\n  --date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n  --date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n  --date-selected-text-color: var(--ig-calendar-date-selected-text-color, var(--ig-primary-900-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-surface-500), var(--ig-surface-a)));\n  --date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(var(--ig-surface-500), var(--ig-surface-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-600-contrast));\n  --date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));\n  --date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-special-background: var(--ig-calendar-date-special-background, hsla(var(--ig-warn-500), var(--ig-warn-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-300), 0.5));\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, 0.2) * 1.25rem), 1.25rem));\n  --month-border-radius: var(--ig-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n  border: 0.0625rem solid hsla(var(--ig-gray-300), var(--ig-gray-a));\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:host(igc-calendar) igc-years-view::part(year-inner) {\n  border-radius: var(--month-border-radius);\n}\n\n:host([hide-header]) [part~=navigation] {\n  border-start-start-radius: var(--border-radius);\n  border-start-end-radius: var(--border-radius);\n}\n\n[part~=navigation-button] {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n[part~=navigation-button]:hover, [part~=navigation-button]:focus {\n  color: hsla(var(--ig-primary-600), var(--ig-primary-a));\n}\n\n[part~=navigation],\n[part~=header] {\n  background: hsla(var(--ig-secondary-50), 0.2);\n  color: var(--ig-gray-50-contrast);\n}\n\n[part=header-title] {\n  font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));\n  font-size: var(--ig-subtitle-1-font-size);\n  font-weight: var(--ig-subtitle-1-font-weight);\n  font-style: var(--ig-subtitle-1-font-style);\n  line-height: var(--ig-subtitle-1-line-height);\n  letter-spacing: var(--ig-subtitle-1-letter-spacing);\n  text-transform: var(--ig-subtitle-1-text-transform);\n  margin-top: var(--ig-subtitle-1-margin-top);\n  margin-bottom: var(--ig-subtitle-1-margin-bottom);\n}`;\n"]}

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

@@ -45,9 +45,9 @@ export const styles = css `:host {
   --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-300), 0.5));
-  --border-radius: var(--ig-calendar-border-radius, 0.25rem, 0rem, 1.25rem);
+  --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, 0.2) * 1.25rem), 1.25rem));
-  --month-border-radius: var(--ig-calendar-month-border-radius, 0.25rem, 0rem, 1.25rem);
+  --month-border-radius: var(--ig-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));
 }
 
 :host([part=days-view]) {

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

@@ -1 +1 @@
-{"version":3,"file":"days-view.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/bootstrap/days-view.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyTvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\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-gray-100), var(--ig-gray-a)));\n  --picker-arrow-color: var(--ig-calendar-picker-arrow-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --picker-arrow-hover-color: var(--ig-calendar-picker-arrow-hover-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n  --picker-text-color: var(--ig-calendar-picker-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --picker-text-hover-color: var(--ig-calendar-picker-text-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --inactive-text-color: var(--ig-calendar-inactive-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --label-color: var(--ig-calendar-label-color, hsla(var(--ig-info-500), var(--ig-info-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-primary-500), var(--ig-primary-a)));\n  --month-current-text-color: var(--ig-calendar-month-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --month-hover-current-text-color: var(--ig-calendar-month-hover-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --year-hover-text-color: var(--ig-calendar-year-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\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-300), 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-primary-600), var(--ig-primary-a)));\n  --date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n  --date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n  --date-selected-text-color: var(--ig-calendar-date-selected-text-color, var(--ig-primary-900-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-surface-500), var(--ig-surface-a)));\n  --date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(var(--ig-surface-500), var(--ig-surface-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-600-contrast));\n  --date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));\n  --date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-special-background: var(--ig-calendar-date-special-background, hsla(var(--ig-warn-500), var(--ig-warn-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-300), 0.5));\n  --border-radius: var(--ig-calendar-border-radius, 0.25rem, 0rem, 1.25rem);\n  --date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n  --month-border-radius: var(--ig-calendar-month-border-radius, 0.25rem, 0rem, 1.25rem);\n}\n\n:host([part=days-view]) {\n  overflow: hidden;\n  position: relative;\n  padding: 0 0 0.25rem 0;\n  gap: 0.25rem;\n}\n\n:host([part=days-view]) + :host([part=days-view]) {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n\n[part~=days-row][part~=first] {\n  background: hsla(var(--ig-secondary-50), 0.2);\n  border-bottom: 0.0625rem solid hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n[part~=label] {\n  font-style: italic;\n  color: hsla(var(--ig-info-300), var(--ig-info-a));\n}\n\n[part~=date-inner] {\n  border-radius: var(--date-border-radius);\n}\n\n[part~=date-inner][part~=current] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\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[part~=date-inner][part~=current]:hover {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\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-inner][part~=selected][part~=single],\n[part~=date-inner][part~=selected][part~=weekend][part~=single],\n[part~=date-inner][part~=selected][part~=weekend][part~=current][part~=single],\n[part~=date-inner][part~=selected][part~=current][part~=single] {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n[part~=date-inner][part~=selected][part~=single]:focus, [part~=date-inner][part~=selected][part~=single]:hover,\n[part~=date-inner][part~=selected][part~=weekend][part~=single]:focus,\n[part~=date-inner][part~=selected][part~=weekend][part~=single]:hover,\n[part~=date-inner][part~=selected][part~=weekend][part~=current][part~=single]:focus,\n[part~=date-inner][part~=selected][part~=weekend][part~=current][part~=single]:hover,\n[part~=date-inner][part~=selected][part~=current][part~=single]:focus,\n[part~=date-inner][part~=selected][part~=current][part~=single]:hover {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n\n[part~=date-inner][part~=first][part~=last][part~=selected],\n[part~=date-inner][part~=first][part~=selected][part~=range],\n[part~=date-inner][part~=first][part~=selected][part~=range][part~=preview],\n[part~=date-inner][part~=last][part~=selected][part~=range],\n[part~=date-inner][part~=last][part~=selected][part~=range][part~=preview],\n[part~=date-inner][part~=selected][part~=range],\n[part~=date-inner][part~=selected][part~=range][part~=preview] {\n  border-radius: 0 !important;\n}\n\n[part~=date-inner][part~=selected][part~=range],\n[part~=date-inner][part~=selected][part~=range][part~=weekend],\n[part~=date-inner][part~=selected][part~=range][part~=preview],\n[part~=date-inner][part~=selected][part~=range][part~=current] {\n  background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n[part~=date-inner][part~=selected][part~=range]:hover, [part~=date-inner][part~=selected][part~=range]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=preview]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=preview]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=current]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=current]:focus {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n\n[part~=date][part~=range],\n[part~=date][part~=range][part~=preview] {\n  border-top-style: solid;\n  border-bottom-style: solid;\n  background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  border-top-color: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  border-bottom-color: hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n\n[part~=date][part~=first][part~=range],\n[part~=date][part~=last][part~=range] {\n  background: transparent;\n  border-top-color: transparent;\n  border-bottom-color: transparent;\n}\n\n[part~=date-inner][part~=range][part~=preview],\n[part~=date-inner][part~=range] {\n  color: var(--ig-primary-600-contrast);\n}\n\n[part~=date][part~=first][part~=selected][part~=range]::after,\n[part~=date][part~=first][part~=range][part~=preview]::after,\n[part~=date][part~=last][part~=selected][part~=range]::after,\n[part~=date][part~=last][part~=range][part~=preview]::after {\n  background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n\n[part~=date-inner][part~=current][part~=selected],\n[part~=date-inner][part~=current][part~=range][part~=selected],\n[part~=date-inner][part~=current][part~=range][part~=preview] {\n  border-color: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  position: relative;\n}\n[part~=date-inner][part~=current][part~=selected]:hover,\n[part~=date-inner][part~=current][part~=range][part~=selected]:hover,\n[part~=date-inner][part~=current][part~=range][part~=preview]:hover {\n  border-color: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n[part~=date-inner][part~=current][part~=selected]::after,\n[part~=date-inner][part~=current][part~=range][part~=selected]::after,\n[part~=date-inner][part~=current][part~=range][part~=preview]::after {\n  border-radius: var(--date-border-radius);\n  content: \"\";\n  position: absolute;\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  z-index: -1;\n}\n\n[part~=date-inner][part~=current][part~=selected] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n\n[part~=date-inner][part~=current][part~=single]:focus, [part~=date-inner][part~=current][part~=single]:hover {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n\n[part~=date-inner][part~=current][part~=selected][part~=single] {\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n[part~=date-inner][part~=current][part~=selected][part~=single]:focus, [part~=date-inner][part~=current][part~=selected][part~=single]:hover {\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=date-inner][part~=last][part~=range][part~=preview],\n[part~=date-inner][part~=first][part~=range][part~=preview],\n[part~=date-inner][part~=first][part~=last][part~=selected],\n[part~=date-inner][part~=first][part~=selected][part~=range],\n[part~=date-inner][part~=last][part~=selected][part~=range],\n[part~=date-inner][part~=first][part~=range][part~=pewview],\n[part~=date-inner][part~=first][part~=range][part~=current][part~=preview],\n[part~=date-inner][part~=last][part~=range][part~=pewview],\n[part~=date-inner][part~=last][part~=range][part~=current][part~=preview] {\n  border-radius: 0 !important;\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n[part~=date-inner][part~=last][part~=range][part~=preview]:hover, [part~=date-inner][part~=last][part~=range][part~=preview]:focus,\n[part~=date-inner][part~=first][part~=range][part~=preview]:hover,\n[part~=date-inner][part~=first][part~=range][part~=preview]:focus,\n[part~=date-inner][part~=first][part~=last][part~=selected]:hover,\n[part~=date-inner][part~=first][part~=last][part~=selected]:focus,\n[part~=date-inner][part~=first][part~=selected][part~=range]:hover,\n[part~=date-inner][part~=first][part~=selected][part~=range]:focus,\n[part~=date-inner][part~=last][part~=selected][part~=range]:hover,\n[part~=date-inner][part~=last][part~=selected][part~=range]:focus,\n[part~=date-inner][part~=first][part~=range][part~=pewview]:hover,\n[part~=date-inner][part~=first][part~=range][part~=pewview]:focus,\n[part~=date-inner][part~=first][part~=range][part~=current][part~=preview]:hover,\n[part~=date-inner][part~=first][part~=range][part~=current][part~=preview]:focus,\n[part~=date-inner][part~=last][part~=range][part~=pewview]:hover,\n[part~=date-inner][part~=last][part~=range][part~=pewview]:focus,\n[part~=date-inner][part~=last][part~=range][part~=current][part~=preview]:hover,\n[part~=date-inner][part~=last][part~=range][part~=current][part~=preview]:focus {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:hover, [part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:focus,\n[part~=date-inner][part~=last][part~=range][part~=current][part~=preview]:hover,\n[part~=date-inner][part~=last][part~=range][part~=current][part~=preview]:focus,\n[part~=date-inner][part~=first][part~=range][part~=current][part~=preview]:hover,\n[part~=date-inner][part~=first][part~=range][part~=current][part~=preview]:focus {\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=first][part~=current][part~=range][part~=preview],\n[part~=date-inner][part~=first][part~=current][part~=range][part~=selected],\n[part~=date-inner][part~=last][part~=current][part~=range][part~=preview],\n[part~=date-inner][part~=last][part~=current][part~=range][part~=selected] {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\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  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:hover, [part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:focus,\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:hover,\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:focus {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=selected][part~=current][part~=range] {\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=current][part~=range]:hover, [part~=date-inner][part~=selected][part~=current][part~=range]:focus {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n[part~=week-number-inner] {\n  font-style: italic;\n  background: transparent;\n  border: none;\n}\n[part~=week-number-inner]::after {\n  display: none;\n}\n\n[part~=date-inner][part~=special] {\n  background: hsla(var(--ig-primary-300), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-300), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n\n[part~=date-inner][part~=special][part~=selected] {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}`;\n"]}
+{"version":3,"file":"days-view.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/bootstrap/days-view.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyTvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\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-gray-100), var(--ig-gray-a)));\n  --picker-arrow-color: var(--ig-calendar-picker-arrow-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --picker-arrow-hover-color: var(--ig-calendar-picker-arrow-hover-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n  --picker-text-color: var(--ig-calendar-picker-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --picker-text-hover-color: var(--ig-calendar-picker-text-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --inactive-text-color: var(--ig-calendar-inactive-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --label-color: var(--ig-calendar-label-color, hsla(var(--ig-info-500), var(--ig-info-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-primary-500), var(--ig-primary-a)));\n  --month-current-text-color: var(--ig-calendar-month-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --month-hover-current-text-color: var(--ig-calendar-month-hover-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --year-hover-text-color: var(--ig-calendar-year-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\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-300), 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-primary-600), var(--ig-primary-a)));\n  --date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n  --date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n  --date-selected-text-color: var(--ig-calendar-date-selected-text-color, var(--ig-primary-900-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-surface-500), var(--ig-surface-a)));\n  --date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(var(--ig-surface-500), var(--ig-surface-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-600-contrast));\n  --date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));\n  --date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-special-background: var(--ig-calendar-date-special-background, hsla(var(--ig-warn-500), var(--ig-warn-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-300), 0.5));\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, 0.2) * 1.25rem), 1.25rem));\n  --month-border-radius: var(--ig-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n}\n\n:host([part=days-view]) {\n  overflow: hidden;\n  position: relative;\n  padding: 0 0 0.25rem 0;\n  gap: 0.25rem;\n}\n\n:host([part=days-view]) + :host([part=days-view]) {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n\n[part~=days-row][part~=first] {\n  background: hsla(var(--ig-secondary-50), 0.2);\n  border-bottom: 0.0625rem solid hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n[part~=label] {\n  font-style: italic;\n  color: hsla(var(--ig-info-300), var(--ig-info-a));\n}\n\n[part~=date-inner] {\n  border-radius: var(--date-border-radius);\n}\n\n[part~=date-inner][part~=current] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\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[part~=date-inner][part~=current]:hover {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\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-inner][part~=selected][part~=single],\n[part~=date-inner][part~=selected][part~=weekend][part~=single],\n[part~=date-inner][part~=selected][part~=weekend][part~=current][part~=single],\n[part~=date-inner][part~=selected][part~=current][part~=single] {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n[part~=date-inner][part~=selected][part~=single]:focus, [part~=date-inner][part~=selected][part~=single]:hover,\n[part~=date-inner][part~=selected][part~=weekend][part~=single]:focus,\n[part~=date-inner][part~=selected][part~=weekend][part~=single]:hover,\n[part~=date-inner][part~=selected][part~=weekend][part~=current][part~=single]:focus,\n[part~=date-inner][part~=selected][part~=weekend][part~=current][part~=single]:hover,\n[part~=date-inner][part~=selected][part~=current][part~=single]:focus,\n[part~=date-inner][part~=selected][part~=current][part~=single]:hover {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n\n[part~=date-inner][part~=first][part~=last][part~=selected],\n[part~=date-inner][part~=first][part~=selected][part~=range],\n[part~=date-inner][part~=first][part~=selected][part~=range][part~=preview],\n[part~=date-inner][part~=last][part~=selected][part~=range],\n[part~=date-inner][part~=last][part~=selected][part~=range][part~=preview],\n[part~=date-inner][part~=selected][part~=range],\n[part~=date-inner][part~=selected][part~=range][part~=preview] {\n  border-radius: 0 !important;\n}\n\n[part~=date-inner][part~=selected][part~=range],\n[part~=date-inner][part~=selected][part~=range][part~=weekend],\n[part~=date-inner][part~=selected][part~=range][part~=preview],\n[part~=date-inner][part~=selected][part~=range][part~=current] {\n  background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n[part~=date-inner][part~=selected][part~=range]:hover, [part~=date-inner][part~=selected][part~=range]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=preview]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=preview]:focus,\n[part~=date-inner][part~=selected][part~=range][part~=current]:hover,\n[part~=date-inner][part~=selected][part~=range][part~=current]:focus {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n\n[part~=date][part~=range],\n[part~=date][part~=range][part~=preview] {\n  border-top-style: solid;\n  border-bottom-style: solid;\n  background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  border-top-color: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  border-bottom-color: hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n\n[part~=date][part~=first][part~=range],\n[part~=date][part~=last][part~=range] {\n  background: transparent;\n  border-top-color: transparent;\n  border-bottom-color: transparent;\n}\n\n[part~=date-inner][part~=range][part~=preview],\n[part~=date-inner][part~=range] {\n  color: var(--ig-primary-600-contrast);\n}\n\n[part~=date][part~=first][part~=selected][part~=range]::after,\n[part~=date][part~=first][part~=range][part~=preview]::after,\n[part~=date][part~=last][part~=selected][part~=range]::after,\n[part~=date][part~=last][part~=range][part~=preview]::after {\n  background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n\n[part~=date-inner][part~=current][part~=selected],\n[part~=date-inner][part~=current][part~=range][part~=selected],\n[part~=date-inner][part~=current][part~=range][part~=preview] {\n  border-color: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  position: relative;\n}\n[part~=date-inner][part~=current][part~=selected]:hover,\n[part~=date-inner][part~=current][part~=range][part~=selected]:hover,\n[part~=date-inner][part~=current][part~=range][part~=preview]:hover {\n  border-color: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n[part~=date-inner][part~=current][part~=selected]::after,\n[part~=date-inner][part~=current][part~=range][part~=selected]::after,\n[part~=date-inner][part~=current][part~=range][part~=preview]::after {\n  border-radius: var(--date-border-radius);\n  content: \"\";\n  position: absolute;\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  z-index: -1;\n}\n\n[part~=date-inner][part~=current][part~=selected] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n\n[part~=date-inner][part~=current][part~=single]:focus, [part~=date-inner][part~=current][part~=single]:hover {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n\n[part~=date-inner][part~=current][part~=selected][part~=single] {\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n[part~=date-inner][part~=current][part~=selected][part~=single]:focus, [part~=date-inner][part~=current][part~=selected][part~=single]:hover {\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=date-inner][part~=last][part~=range][part~=preview],\n[part~=date-inner][part~=first][part~=range][part~=preview],\n[part~=date-inner][part~=first][part~=last][part~=selected],\n[part~=date-inner][part~=first][part~=selected][part~=range],\n[part~=date-inner][part~=last][part~=selected][part~=range],\n[part~=date-inner][part~=first][part~=range][part~=pewview],\n[part~=date-inner][part~=first][part~=range][part~=current][part~=preview],\n[part~=date-inner][part~=last][part~=range][part~=pewview],\n[part~=date-inner][part~=last][part~=range][part~=current][part~=preview] {\n  border-radius: 0 !important;\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n[part~=date-inner][part~=last][part~=range][part~=preview]:hover, [part~=date-inner][part~=last][part~=range][part~=preview]:focus,\n[part~=date-inner][part~=first][part~=range][part~=preview]:hover,\n[part~=date-inner][part~=first][part~=range][part~=preview]:focus,\n[part~=date-inner][part~=first][part~=last][part~=selected]:hover,\n[part~=date-inner][part~=first][part~=last][part~=selected]:focus,\n[part~=date-inner][part~=first][part~=selected][part~=range]:hover,\n[part~=date-inner][part~=first][part~=selected][part~=range]:focus,\n[part~=date-inner][part~=last][part~=selected][part~=range]:hover,\n[part~=date-inner][part~=last][part~=selected][part~=range]:focus,\n[part~=date-inner][part~=first][part~=range][part~=pewview]:hover,\n[part~=date-inner][part~=first][part~=range][part~=pewview]:focus,\n[part~=date-inner][part~=first][part~=range][part~=current][part~=preview]:hover,\n[part~=date-inner][part~=first][part~=range][part~=current][part~=preview]:focus,\n[part~=date-inner][part~=last][part~=range][part~=pewview]:hover,\n[part~=date-inner][part~=last][part~=range][part~=pewview]:focus,\n[part~=date-inner][part~=last][part~=range][part~=current][part~=preview]:hover,\n[part~=date-inner][part~=last][part~=range][part~=current][part~=preview]:focus {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n\n[part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:hover, [part~=date-inner][part~=first][part~=last][part~=selected][part~=current]:focus,\n[part~=date-inner][part~=last][part~=range][part~=current][part~=preview]:hover,\n[part~=date-inner][part~=last][part~=range][part~=current][part~=preview]:focus,\n[part~=date-inner][part~=first][part~=range][part~=current][part~=preview]:hover,\n[part~=date-inner][part~=first][part~=range][part~=current][part~=preview]:focus {\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=first][part~=current][part~=range][part~=preview],\n[part~=date-inner][part~=first][part~=current][part~=range][part~=selected],\n[part~=date-inner][part~=last][part~=current][part~=range][part~=preview],\n[part~=date-inner][part~=last][part~=current][part~=range][part~=selected] {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\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  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n[part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:hover, [part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:focus,\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:hover,\n[part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:focus {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n[part~=date-inner][part~=selected][part~=current][part~=range] {\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n[part~=date-inner][part~=selected][part~=current][part~=range]:hover, [part~=date-inner][part~=selected][part~=current][part~=range]:focus {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n[part~=week-number-inner] {\n  font-style: italic;\n  background: transparent;\n  border: none;\n}\n[part~=week-number-inner]::after {\n  display: none;\n}\n\n[part~=date-inner][part~=special] {\n  background: hsla(var(--ig-primary-300), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-300), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n\n[part~=date-inner][part~=special][part~=selected] {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}`;\n"]}

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

@@ -45,8 +45,8 @@ export const styles = css `:host {
   --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-300), 0.5));
-  --border-radius: var(--ig-calendar-border-radius, 0.25rem, 0rem, 1.25rem);
-  --date-border-radius: var(--ig-calendar-date-border-radius, 0.25rem, 0rem, 1.25rem);
+  --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, 0.2) * 1.25rem), 1.25rem));
   --month-border-radius: var(--ig-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));
   -webkit-padding-before: 1rem;
           padding-block-start: 1rem;

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

@@ -1 +1 @@
-{"version":3,"file":"year-month-view.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/bootstrap/year-month-view.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\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-gray-100), var(--ig-gray-a)));\n  --picker-arrow-color: var(--ig-calendar-picker-arrow-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --picker-arrow-hover-color: var(--ig-calendar-picker-arrow-hover-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n  --picker-text-color: var(--ig-calendar-picker-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --picker-text-hover-color: var(--ig-calendar-picker-text-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --inactive-text-color: var(--ig-calendar-inactive-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --label-color: var(--ig-calendar-label-color, hsla(var(--ig-info-500), var(--ig-info-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-primary-500), var(--ig-primary-a)));\n  --month-current-text-color: var(--ig-calendar-month-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --month-hover-current-text-color: var(--ig-calendar-month-hover-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --year-hover-text-color: var(--ig-calendar-year-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\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-300), 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-primary-600), var(--ig-primary-a)));\n  --date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n  --date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n  --date-selected-text-color: var(--ig-calendar-date-selected-text-color, var(--ig-primary-900-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-surface-500), var(--ig-surface-a)));\n  --date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(var(--ig-surface-500), var(--ig-surface-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-600-contrast));\n  --date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));\n  --date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-special-background: var(--ig-calendar-date-special-background, hsla(var(--ig-warn-500), var(--ig-warn-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-300), 0.5));\n  --border-radius: var(--ig-calendar-border-radius, 0.25rem, 0rem, 1.25rem);\n  --date-border-radius: var(--ig-calendar-date-border-radius, 0.25rem, 0rem, 1.25rem);\n  --month-border-radius: var(--ig-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n  -webkit-padding-before: 1rem;\n          padding-block-start: 1rem;\n}\n\n[part~=month-inner],\n[part~=year-inner] {\n  border-radius: var(--month-border-radius);\n}\n\n[part~=month-inner][part~=selected],\n[part~=year-inner][part~=selected] {\n  color: var(--ig-primary-600-contrast);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n[part~=month-inner][part~=selected]:focus, [part~=month-inner][part~=selected]:hover,\n[part~=year-inner][part~=selected]:focus,\n[part~=year-inner][part~=selected]:hover {\n  color: var(--ig-primary-600-contrast);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-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-gray-200), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\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-gray-200), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-800), 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: none;\n          box-shadow: none;\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-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-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n\n[part~=months-navigation]:focus, [part~=months-navigation]:hover,\n[part~=years-navigation]:focus,\n[part~=years-navigation]:hover {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}`;\n"]}
+{"version":3,"file":"year-month-view.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/bootstrap/year-month-view.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\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-gray-100), var(--ig-gray-a)));\n  --picker-arrow-color: var(--ig-calendar-picker-arrow-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --picker-arrow-hover-color: var(--ig-calendar-picker-arrow-hover-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));\n  --picker-text-color: var(--ig-calendar-picker-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --picker-text-hover-color: var(--ig-calendar-picker-text-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --inactive-text-color: var(--ig-calendar-inactive-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --label-color: var(--ig-calendar-label-color, hsla(var(--ig-info-500), var(--ig-info-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-primary-500), var(--ig-primary-a)));\n  --month-current-text-color: var(--ig-calendar-month-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --month-hover-current-text-color: var(--ig-calendar-month-hover-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --year-hover-text-color: var(--ig-calendar-year-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\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-300), 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-primary-600), var(--ig-primary-a)));\n  --date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n  --date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));\n  --date-selected-text-color: var(--ig-calendar-date-selected-text-color, var(--ig-primary-900-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-surface-500), var(--ig-surface-a)));\n  --date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(var(--ig-surface-500), var(--ig-surface-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-600-contrast));\n  --date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));\n  --date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-special-background: var(--ig-calendar-date-special-background, hsla(var(--ig-warn-500), var(--ig-warn-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-300), 0.5));\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, 0.2) * 1.25rem), 1.25rem));\n  --month-border-radius: var(--ig-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n  -webkit-padding-before: 1rem;\n          padding-block-start: 1rem;\n}\n\n[part~=month-inner],\n[part~=year-inner] {\n  border-radius: var(--month-border-radius);\n}\n\n[part~=month-inner][part~=selected],\n[part~=year-inner][part~=selected] {\n  color: var(--ig-primary-600-contrast);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n[part~=month-inner][part~=selected]:focus, [part~=month-inner][part~=selected]:hover,\n[part~=year-inner][part~=selected]:focus,\n[part~=year-inner][part~=selected]:hover {\n  color: var(--ig-primary-600-contrast);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-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-gray-200), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\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-gray-200), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-800), 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: none;\n          box-shadow: none;\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-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-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n\n[part~=months-navigation]:focus, [part~=months-navigation]:hover,\n[part~=years-navigation]:focus,\n[part~=years-navigation]:hover {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}`;\n"]}

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

@@ -31,6 +31,7 @@ export const styles = css `:host {
 [hidden] {
   display: none !important;
 }
+
 :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));
@@ -130,18 +131,6 @@ export const styles = css `:host {
   border-radius: var(--month-border-radius);
 }
 
-:host(igc-calendar[size=large]) {
-  --component-size: var(--ig-size, var(--ig-size-large));
-}
-
-:host(igc-calendar[size=medium]) {
-  --component-size: var(--ig-size, var(--ig-size-medium));
-}
-
-:host(igc-calendar[size=small]) {
-  --component-size: var(--ig-size, var(--ig-size-small));
-}
-
 [part=navigation] {
   position: relative;
   display: -webkit-box;
@@ -209,6 +198,19 @@ export const styles = css `:host {
   gap: 1.5rem;
 }
 
+[dir=rtl] igc-calendar [part~=navigation-button],
+:host(igc-calendar[dir=rtl]) [part~=navigation-button] {
+  -webkit-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+[dir=rtl] igc-calendar [part~=navigation-button][part~=vertical],
+:host(igc-calendar[dir=rtl]) [part~=navigation-button][part~=vertical] {
+  -webkit-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+
 :host(igc-calendar[header-orientation=vertical]) {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/calendar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqTvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host(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  --size: max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -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  border-radius: var(--border-radius);\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: var(--date-border-radius);\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: 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: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  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][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  gap: 1.5rem;\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  border-radius: inherit;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\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  border-radius: inherit;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\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=content] {\n  border-radius: inherit;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\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, var(--ig-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, var(--ig-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"]}
+{"version":3,"file":"calendar.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/calendar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuTvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n\n: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  --size: max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -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  border-radius: var(--border-radius);\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: var(--date-border-radius);\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: 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=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  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][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  gap: 1.5rem;\n}\n\n[dir=rtl] igc-calendar [part~=navigation-button],\n:host(igc-calendar[dir=rtl]) [part~=navigation-button] {\n  -webkit-transform: rotate(180deg);\n      -ms-transform: rotate(180deg);\n          transform: rotate(180deg);\n}\n[dir=rtl] igc-calendar [part~=navigation-button][part~=vertical],\n:host(igc-calendar[dir=rtl]) [part~=navigation-button][part~=vertical] {\n  -webkit-transform: rotate(90deg);\n      -ms-transform: rotate(90deg);\n          transform: rotate(90deg);\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  border-radius: inherit;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\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  border-radius: inherit;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\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=content] {\n  border-radius: inherit;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\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, var(--ig-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, var(--ig-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"]}

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

@@ -31,6 +31,7 @@ export const styles = css `:host {
 [hidden] {
   display: none !important;
 }
+
 :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));
@@ -130,18 +131,6 @@ export const styles = css `:host {
   border-radius: var(--month-border-radius);
 }
 
-:host(igc-calendar[size=large]) {
-  --component-size: var(--ig-size, var(--ig-size-large));
-}
-
-:host(igc-calendar[size=medium]) {
-  --component-size: var(--ig-size, var(--ig-size-medium));
-}
-
-:host(igc-calendar[size=small]) {
-  --component-size: var(--ig-size, var(--ig-size-small));
-}
-
 [part=navigation] {
   position: relative;
   display: -webkit-box;
@@ -209,6 +198,19 @@ export const styles = css `:host {
   gap: 1.5rem;
 }
 
+[dir=rtl] igc-calendar [part~=navigation-button],
+:host(igc-calendar[dir=rtl]) [part~=navigation-button] {
+  -webkit-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+[dir=rtl] igc-calendar [part~=navigation-button][part~=vertical],
+:host(igc-calendar[dir=rtl]) [part~=navigation-button][part~=vertical] {
+  -webkit-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+
 :host(igc-calendar[header-orientation=vertical]) {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -357,22 +359,15 @@ export const styles = css `:host {
   --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) * 1.25rem), 1.25rem));
-  --date-border-radius: var(--ig-calendar-date-border-radius, 0rem, 0rem, 1.25rem);
+  --date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));
   --month-border-radius: var(--ig-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));
   border-radius: var(--border-radius);
 }
-
-:host([size=large]) igc-days-view::part(date-inner),
-:host([size=medium]) igc-days-view::part(date-inner),
-:host([size=small]) igc-days-view::part(date-inner) {
+:host(igc-calendar) igc-days-view::part(date-inner) {
   border-radius: 0;
 }
-: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),
+:host(igc-calendar) igc-years-view::part(year-inner) {
   border-radius: var(--month-border-radius);
 }
 

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqZvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host(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  --size: max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -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  border-radius: var(--border-radius);\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: var(--date-border-radius);\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: 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: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  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][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  gap: 1.5rem;\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  border-radius: inherit;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\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  border-radius: inherit;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\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=content] {\n  border-radius: inherit;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\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, var(--ig-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, var(--ig-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) {\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-primary-50), 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-primary-600), var(--ig-primary-a)));\n  --date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-selected-text-color: var(--ig-calendar-date-selected-text-color, var(--ig-primary-50-contrast));\n  --date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-50-contrast));\n  --date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-50-contrast));\n  --date-current-text-color: var(--ig-calendar-date-current-text-color, var(--ig-primary-600-contrast));\n  --date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-primary-600-contrast));\n  --date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-primary-600-contrast));\n  --date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-600-contrast));\n  --date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-600-contrast));\n  --date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));\n  --date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-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) * 1.25rem), 1.25rem));\n  --date-border-radius: var(--ig-calendar-date-border-radius, 0rem, 0rem, 1.25rem);\n  --month-border-radius: var(--ig-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));\n  border-radius: var(--border-radius);\n}\n\n:host([size=large]) igc-days-view::part(date-inner),\n:host([size=medium]) igc-days-view::part(date-inner),\n:host([size=small]) igc-days-view::part(date-inner) {\n  border-radius: 0;\n}\n:host([size=large]) igc-months-view::part(month-inner),\n:host([size=large]) igc-years-view::part(year-inner),\n:host([size=medium]) igc-months-view::part(month-inner),\n:host([size=medium]) igc-years-view::part(year-inner),\n:host([size=small]) igc-months-view::part(month-inner),\n:host([size=small]) igc-years-view::part(year-inner) {\n  border-radius: var(--month-border-radius);\n}\n\n[part=header] {\n  background: var(--header-bg, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  color: var(--header-color, var(--ig-primary-600-contrast));\n}\n\n[part~=navigation-buttons] {\n  gap: 0.5rem;\n}\n\n[part~=navigation-button][part~=vertical] {\n  -webkit-transform: none;\n      -ms-transform: none;\n          transform: none;\n}\n\n[part=months-navigation],\n[part=years-navigation],\n[part=years-range] {\n  font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));\n  font-size: var(--ig-subtitle-2-font-size);\n  font-weight: var(--ig-subtitle-2-font-weight);\n  font-style: var(--ig-subtitle-2-font-style);\n  line-height: var(--ig-subtitle-2-line-height);\n  letter-spacing: var(--ig-subtitle-2-letter-spacing);\n  text-transform: var(--ig-subtitle-2-text-transform);\n  margin-top: var(--ig-subtitle-2-margin-top);\n  margin-bottom: var(--ig-subtitle-2-margin-bottom);\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgZvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium: min(\n      clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n      clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n  );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n\n: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  --size: max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -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  border-radius: var(--border-radius);\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: var(--date-border-radius);\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: 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=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  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][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  gap: 1.5rem;\n}\n\n[dir=rtl] igc-calendar [part~=navigation-button],\n:host(igc-calendar[dir=rtl]) [part~=navigation-button] {\n  -webkit-transform: rotate(180deg);\n      -ms-transform: rotate(180deg);\n          transform: rotate(180deg);\n}\n[dir=rtl] igc-calendar [part~=navigation-button][part~=vertical],\n:host(igc-calendar[dir=rtl]) [part~=navigation-button][part~=vertical] {\n  -webkit-transform: rotate(90deg);\n      -ms-transform: rotate(90deg);\n          transform: rotate(90deg);\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  border-radius: inherit;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\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  border-radius: inherit;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\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=content] {\n  border-radius: inherit;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\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, var(--ig-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, var(--ig-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) {\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-primary-50), 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-primary-600), var(--ig-primary-a)));\n  --date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --date-selected-text-color: var(--ig-calendar-date-selected-text-color, var(--ig-primary-50-contrast));\n  --date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-primary-50-contrast));\n  --date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-primary-50-contrast));\n  --date-current-text-color: var(--ig-calendar-date-current-text-color, var(--ig-primary-600-contrast));\n  --date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-primary-600-contrast));\n  --date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-primary-600-contrast));\n  --date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-600-contrast));\n  --date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-600-contrast));\n  --date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));\n  --date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-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) * 1.25rem), 1.25rem));\n  --date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));\n  --month-border-radius: var(--ig-calendar-month-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));\n  border-radius: var(--border-radius);\n}\n:host(igc-calendar) igc-days-view::part(date-inner) {\n  border-radius: 0;\n}\n:host(igc-calendar) igc-months-view::part(month-inner),\n:host(igc-calendar) igc-years-view::part(year-inner) {\n  border-radius: var(--month-border-radius);\n}\n\n[part=header] {\n  background: var(--header-bg, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  color: var(--header-color, var(--ig-primary-600-contrast));\n}\n\n[part~=navigation-buttons] {\n  gap: 0.5rem;\n}\n\n[part~=navigation-button][part~=vertical] {\n  -webkit-transform: none;\n      -ms-transform: none;\n          transform: none;\n}\n\n[part=months-navigation],\n[part=years-navigation],\n[part=years-range] {\n  font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));\n  font-size: var(--ig-subtitle-2-font-size);\n  font-weight: var(--ig-subtitle-2-font-weight);\n  font-style: var(--ig-subtitle-2-font-style);\n  line-height: var(--ig-subtitle-2-line-height);\n  letter-spacing: var(--ig-subtitle-2-letter-spacing);\n  text-transform: var(--ig-subtitle-2-text-transform);\n  margin-top: var(--ig-subtitle-2-margin-top);\n  margin-bottom: var(--ig-subtitle-2-margin-bottom);\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}`;\n"]}