igniteui-webcomponents 4.8.1 → 4.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/components/button/themes/button/dark/button.material.css.js +1 -1
  3. package/components/button/themes/button/dark/button.material.css.js.map +1 -1
  4. package/components/button/themes/button/light/button.material.css.js +1 -1
  5. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  6. package/components/calendar/calendar.d.ts +1 -1
  7. package/components/calendar/calendar.js +2 -3
  8. package/components/calendar/calendar.js.map +1 -1
  9. package/components/calendar/themes/calendar.base.css.js +1 -1
  10. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  11. package/components/calendar/themes/calendar.js +3 -2
  12. package/components/calendar/themes/calendar.js.map +1 -1
  13. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  14. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  15. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  16. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  17. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  18. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  19. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  20. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  21. package/components/calendar/themes/days-view.base.css.js +1 -1
  22. package/components/calendar/themes/days-view.base.css.js.map +1 -1
  23. package/components/calendar/themes/days.js +3 -2
  24. package/components/calendar/themes/days.js.map +1 -1
  25. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  26. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  27. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  28. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  29. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  30. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  31. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  32. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  33. package/components/calendar/themes/light/calendar.shared.css.js +1 -1
  34. package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
  35. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  36. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  37. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  38. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  39. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
  40. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  41. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
  42. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
  43. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  44. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  45. package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js +1 -1
  46. package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js.map +1 -1
  47. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
  48. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
  49. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js +3 -0
  50. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -0
  51. package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.d.ts +1 -0
  52. package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.js +3 -0
  53. package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.js.map +1 -0
  54. package/components/calendar/themes/shared/material/calendar.material.css.d.ts +1 -0
  55. package/components/calendar/themes/shared/material/calendar.material.css.js +3 -0
  56. package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -0
  57. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  58. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  59. package/components/calendar/themes/shared/material/year-month-view.material.css.js +1 -1
  60. package/components/calendar/themes/shared/material/year-month-view.material.css.js.map +1 -1
  61. package/components/calendar/themes/year-month-view.base.css.js +1 -1
  62. package/components/calendar/themes/year-month-view.base.css.js.map +1 -1
  63. package/components/calendar/themes/year-month.js +3 -2
  64. package/components/calendar/themes/year-month.js.map +1 -1
  65. package/components/checkbox/checkbox-base.js +2 -4
  66. package/components/checkbox/checkbox-base.js.map +1 -1
  67. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  68. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  69. package/components/dialog/dialog.js +1 -1
  70. package/components/dialog/dialog.js.map +1 -1
  71. package/components/list/themes/shared/item/list-item.bootstrap.css.js +1 -1
  72. package/components/list/themes/shared/item/list-item.bootstrap.css.js.map +1 -1
  73. package/components/nav-drawer/themes/item.js +7 -0
  74. package/components/nav-drawer/themes/item.js.map +1 -1
  75. package/components/nav-drawer/themes/shared/item/item.bootstrap.css.d.ts +1 -0
  76. package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js +3 -0
  77. package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js.map +1 -0
  78. package/components/rating/rating.js.map +1 -1
  79. package/components/select/select.js.map +1 -1
  80. package/components/slider/slider.js.map +1 -1
  81. package/components/tabs/tabs.js +8 -8
  82. package/components/tabs/tabs.js.map +1 -1
  83. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  84. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  85. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  86. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  87. package/package.json +1 -1
  88. package/themes/dark/bootstrap.css +1 -1
  89. package/themes/dark/fluent.css +1 -1
  90. package/themes/dark/indigo.css +1 -1
  91. package/themes/dark/material.css +1 -1
  92. package/themes/light/bootstrap.css +1 -1
  93. package/themes/light/fluent.css +1 -1
  94. package/themes/light/indigo.css +1 -1
  95. package/themes/light/material.css +1 -1
  96. package/components/calendar/themes/shared/material/calendar.common.css.js +0 -3
  97. package/components/calendar/themes/shared/material/calendar.common.css.js.map +0 -1
  98. /package/components/calendar/themes/shared/{material/calendar.common.css.d.ts → indigo/days-view.indigo.css.d.ts} +0 -0
package/components/calendar/themes/dark/calendar.bootstrap.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--content-background: var(--ig-calendar-content-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--content-text-color: var(--ig-calendar-content-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-calendar-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--picker-background-color: var(--ig-calendar-picker-background-color, hsla(var(--ig-gray-100), 0.5));--picker-text-color: var(--ig-calendar-picker-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--picker-text-hover-color: var(--ig-calendar-picker-text-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-arrow-color: var(--ig-calendar-picker-arrow-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-arrow-hover-color: var(--ig-calendar-picker-arrow-hover-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--year-current-text-color: var(--ig-calendar-year-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-hover-text-color: var(--ig-calendar-year-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-current-text-color: var(--ig-calendar-month-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-hover-current-text-color: var(--ig-calendar-month-hover-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-hover-text-color: var(--ig-calendar-month-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-background: var(--ig-calendar-date-special-background, hsla(var(--ig-warn-500), var(--ig-warn-a)));--week-number-background: var(--ig-calendar-week-number-background, hsla(var(--ig-gray-300), 0.2));--inactive-text-color: var(--ig-calendar-inactive-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--label-color: var(--ig-calendar-label-color, hsla(var(--ig-info-500), var(--ig-info-a)));--weekend-text-color: var(--ig-calendar-weekend-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--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));--date-current-text-color: var(--ig-calendar-date-current-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-text-color: var(--ig-calendar-date-selected-text-color, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--date-selected-hover-text-color: var(--ig-calendar-date-selected-hover-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--date-selected-focus-text-color: var(--ig-calendar-date-selected-focus-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--date-current-hover-text-color: var(--ig-calendar-date-current-hover-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--date-current-focus-text-color: var(--ig-calendar-date-current-focus-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent))}`;
2
+ export const styles = css `:host{--border-color: var(--ig-calendar-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--picker-background: var(--ig-calendar-picker-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--week-number-background: var(--ig-calendar-week-number-background, transparent);--weekday-color: var(--ig-calendar-weekday-color, hsla(var(--ig-info-300), var(--ig-info-a)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--month-year-border-radius: var(--ig-calendar-month-year-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, transparent);--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-foreground: var(--ig-calendar-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-border-color: var(--ig-calendar-date-special-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--header-background: var(--ig-calendar-header-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--header-foreground: var(--ig-calendar-header-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent));--picker-foreground: var(--ig-calendar-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-hover-background: var(--ig-calendar-year-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--year-current-foreground: var(--ig-calendar-year-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-background: var(--ig-calendar-year-current-background, transparent);--year-current-hover-foreground: var(--ig-calendar-year-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-hover-background: var(--ig-calendar-year-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--year-selected-foreground: var(--ig-calendar-year-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-background: var(--ig-calendar-year-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-selected-hover-foreground: var(--ig-calendar-year-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-hover-background: var(--ig-calendar-year-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--year-selected-current-foreground: var(--ig-calendar-year-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-current-background: var(--ig-calendar-year-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-selected-current-hover-foreground: var(--ig-calendar-year-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-current-hover-background: var(--ig-calendar-year-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--month-hover-foreground: var(--ig-calendar-month-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-current-foreground: var(--ig-calendar-month-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-background: var(--ig-calendar-month-current-background, transparent);--month-current-hover-foreground: var(--ig-calendar-month-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-hover-background: var(--ig-calendar-month-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-selected-foreground: var(--ig-calendar-month-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-background: var(--ig-calendar-month-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-selected-hover-foreground: var(--ig-calendar-month-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-hover-background: var(--ig-calendar-month-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--month-selected-current-foreground: var(--ig-calendar-month-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-current-background: var(--ig-calendar-month-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-selected-current-hover-foreground: var(--ig-calendar-month-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-current-hover-background: var(--ig-calendar-month-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-foreground: var(--ig-calendar-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsla(var(--ig-primary-500), 0.24));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-border-color: var(--ig-calendar-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-outline-color: var(--ig-calendar-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-color: var(--ig-calendar-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-hover-color: var(--ig-calendar-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-focus-color: var(--ig-calendar-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-calendar-actions-divider-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;
3
3
  //# sourceMappingURL=calendar.bootstrap.css.js.map
package/components/calendar/themes/dark/calendar.bootstrap.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/dark/calendar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,svKAAsvK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-background: var(--ig-calendar-content-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--content-text-color: var(--ig-calendar-content-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-calendar-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--picker-background-color: var(--ig-calendar-picker-background-color, hsla(var(--ig-gray-100), 0.5));--picker-text-color: var(--ig-calendar-picker-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--picker-text-hover-color: var(--ig-calendar-picker-text-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-arrow-color: var(--ig-calendar-picker-arrow-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-arrow-hover-color: var(--ig-calendar-picker-arrow-hover-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--year-current-text-color: var(--ig-calendar-year-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-hover-text-color: var(--ig-calendar-year-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-current-text-color: var(--ig-calendar-month-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-hover-current-text-color: var(--ig-calendar-month-hover-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-hover-text-color: var(--ig-calendar-month-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-background: var(--ig-calendar-date-special-background, hsla(var(--ig-warn-500), var(--ig-warn-a)));--week-number-background: var(--ig-calendar-week-number-background, hsla(var(--ig-gray-300), 0.2));--inactive-text-color: var(--ig-calendar-inactive-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--label-color: var(--ig-calendar-label-color, hsla(var(--ig-info-500), var(--ig-info-a)));--weekend-text-color: var(--ig-calendar-weekend-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--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));--date-current-text-color: var(--ig-calendar-date-current-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-text-color: var(--ig-calendar-date-selected-text-color, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--date-selected-hover-text-color: var(--ig-calendar-date-selected-hover-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--date-selected-focus-text-color: var(--ig-calendar-date-selected-focus-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--date-current-hover-text-color: var(--ig-calendar-date-current-hover-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--date-current-focus-text-color: var(--ig-calendar-date-current-focus-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent))}`;\n"]}
1
+ {"version":3,"file":"calendar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/dark/calendar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ouWAAouW,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-calendar-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--picker-background: var(--ig-calendar-picker-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--week-number-background: var(--ig-calendar-week-number-background, transparent);--weekday-color: var(--ig-calendar-weekday-color, hsla(var(--ig-info-300), var(--ig-info-a)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--month-year-border-radius: var(--ig-calendar-month-year-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, transparent);--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-foreground: var(--ig-calendar-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-border-color: var(--ig-calendar-date-special-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--header-background: var(--ig-calendar-header-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--header-foreground: var(--ig-calendar-header-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent));--picker-foreground: var(--ig-calendar-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-hover-background: var(--ig-calendar-year-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--year-current-foreground: var(--ig-calendar-year-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-background: var(--ig-calendar-year-current-background, transparent);--year-current-hover-foreground: var(--ig-calendar-year-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-hover-background: var(--ig-calendar-year-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--year-selected-foreground: var(--ig-calendar-year-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-background: var(--ig-calendar-year-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-selected-hover-foreground: var(--ig-calendar-year-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-hover-background: var(--ig-calendar-year-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--year-selected-current-foreground: var(--ig-calendar-year-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-current-background: var(--ig-calendar-year-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-selected-current-hover-foreground: var(--ig-calendar-year-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-current-hover-background: var(--ig-calendar-year-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--month-hover-foreground: var(--ig-calendar-month-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-current-foreground: var(--ig-calendar-month-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-background: var(--ig-calendar-month-current-background, transparent);--month-current-hover-foreground: var(--ig-calendar-month-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-hover-background: var(--ig-calendar-month-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-selected-foreground: var(--ig-calendar-month-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-background: var(--ig-calendar-month-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-selected-hover-foreground: var(--ig-calendar-month-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-hover-background: var(--ig-calendar-month-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--month-selected-current-foreground: var(--ig-calendar-month-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-current-background: var(--ig-calendar-month-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-selected-current-hover-foreground: var(--ig-calendar-month-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-current-hover-background: var(--ig-calendar-month-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-foreground: var(--ig-calendar-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsla(var(--ig-primary-500), 0.24));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-border-color: var(--ig-calendar-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-outline-color: var(--ig-calendar-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-color: var(--ig-calendar-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-hover-color: var(--ig-calendar-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-focus-color: var(--ig-calendar-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-calendar-actions-divider-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;\n"]}
package/components/calendar/themes/dark/calendar.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-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, 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));--date-current-text-color: var(--ig-calendar-date-current-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-selected-text-color: var(--ig-calendar-date-selected-text-color, color-mix(in oklch, var(--ig-primary-50-contrast) 100%, transparent));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-50-contrast) 100%, transparent));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-50-contrast) 100%, transparent))}:host::part(header){--header-color: color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent)}:host::part(days-view){--date-current-color: color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent);--date-color-hover: color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent)}:host::part(months-view),:host::part(years-view){--current-month-year-bg: hsla(var(--ig-gray-100), var(--ig-gray-a));--current-month-year-color: color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent);--current-month-year-bg-hover: hsla(var(--ig-gray-200), var(--ig-gray-a));--current-month-year-color-hover: color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent);--selected-month-year-bg: hsla(var(--ig-primary-900), var(--ig-primary-a));--selected-month-year-color: color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent);--selected-month-year-bg-hover: hsla(var(--ig-primary-800), var(--ig-primary-a));--selected-month-year-color-hover: color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent)}`;
2
+ export const styles = css `:host{--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-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)));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--current-outline-hover-color: var(--ig-calendar-current-outline-hover-color, transparent);--current-outline-focus-color: var(--ig-calendar-current-outline-focus-color, transparent);--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-current-background: var(--ig-calendar-date-current-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-current-border-color: var(--ig-calendar-date-special-current-border-color, transparent);--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--month-year-border-radius: var(--ig-calendar-month-year-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-border-color: var(--ig-calendar-date-selected-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-border-color: var(--ig-calendar-date-range-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--year-hover-background: var(--ig-calendar-year-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-calendar-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-special-border-color: var(--ig-calendar-date-special-border-color, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--header-foreground: var(--ig-calendar-header-foreground, color-mix(in oklch, var(--ig-primary-200-contrast) 100%, transparent));--header-background: var(--ig-calendar-header-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--picker-foreground: var(--ig-calendar-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-foreground: var(--ig-calendar-year-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-background: var(--ig-calendar-year-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--year-current-hover-foreground: var(--ig-calendar-year-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-hover-background: var(--ig-calendar-year-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--year-selected-foreground: var(--ig-calendar-year-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-background: var(--ig-calendar-year-selected-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));--year-selected-hover-foreground: var(--ig-calendar-year-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-hover-background: var(--ig-calendar-year-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--year-selected-current-foreground: var(--ig-calendar-year-selected-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-current-background: var(--ig-calendar-year-selected-current-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));--year-selected-current-hover-foreground: var(--ig-calendar-year-selected-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-current-hover-background: var(--ig-calendar-year-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--month-hover-foreground: var(--ig-calendar-month-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-foreground: var(--ig-calendar-month-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-background: var(--ig-calendar-month-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-current-hover-foreground: var(--ig-calendar-month-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-hover-background: var(--ig-calendar-month-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--month-selected-foreground: var(--ig-calendar-month-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-background: var(--ig-calendar-month-selected-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));--month-selected-hover-foreground: var(--ig-calendar-month-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-hover-background: var(--ig-calendar-month-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--month-selected-current-foreground: var(--ig-calendar-month-selected-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-current-background: var(--ig-calendar-month-selected-current-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));--month-selected-current-hover-foreground: var(--ig-calendar-month-selected-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-current-hover-background: var(--ig-calendar-month-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-foreground: var(--ig-calendar-date-current-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--current-outline-color: var(--ig-calendar-current-outline-color, transparent);--selected-current-outline-color: var(--ig-calendar-selected-current-outline-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--selected-current-outline-hover-color: var(--ig-calendar-selected-current-outline-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--selected-current-outline-focus-color: var(--ig-calendar-selected-current-outline-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-current-border-color: var(--ig-calendar-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, transparent);--actions-divider-color: var(--ig-calendar-actions-divider-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;
3
3
  //# sourceMappingURL=calendar.fluent.css.js.map
package/components/calendar/themes/dark/calendar.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/dark/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kjHAAkjH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-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, 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));--date-current-text-color: var(--ig-calendar-date-current-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-selected-text-color: var(--ig-calendar-date-selected-text-color, color-mix(in oklch, var(--ig-primary-50-contrast) 100%, transparent));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-50-contrast) 100%, transparent));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-50-contrast) 100%, transparent))}:host::part(header){--header-color: color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent)}:host::part(days-view){--date-current-color: color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent);--date-color-hover: color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent)}:host::part(months-view),:host::part(years-view){--current-month-year-bg: hsla(var(--ig-gray-100), var(--ig-gray-a));--current-month-year-color: color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent);--current-month-year-bg-hover: hsla(var(--ig-gray-200), var(--ig-gray-a));--current-month-year-color-hover: color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent);--selected-month-year-bg: hsla(var(--ig-primary-900), var(--ig-primary-a));--selected-month-year-color: color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent);--selected-month-year-bg-hover: hsla(var(--ig-primary-800), var(--ig-primary-a));--selected-month-year-color-hover: color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent)}`;\n"]}
1
+ {"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/dark/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q2ZAAq2Z,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-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)));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, hsla(var(--ig-primary-200), var(--ig-primary-a)));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--current-outline-hover-color: var(--ig-calendar-current-outline-hover-color, transparent);--current-outline-focus-color: var(--ig-calendar-current-outline-focus-color, transparent);--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-current-background: var(--ig-calendar-date-current-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-current-border-color: var(--ig-calendar-date-special-current-border-color, transparent);--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--month-year-border-radius: var(--ig-calendar-month-year-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-border-color: var(--ig-calendar-date-selected-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-border-color: var(--ig-calendar-date-range-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--year-hover-background: var(--ig-calendar-year-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-calendar-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-special-border-color: var(--ig-calendar-date-special-border-color, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--header-foreground: var(--ig-calendar-header-foreground, color-mix(in oklch, var(--ig-primary-200-contrast) 100%, transparent));--header-background: var(--ig-calendar-header-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--picker-foreground: var(--ig-calendar-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-foreground: var(--ig-calendar-year-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-background: var(--ig-calendar-year-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--year-current-hover-foreground: var(--ig-calendar-year-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-hover-background: var(--ig-calendar-year-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--year-selected-foreground: var(--ig-calendar-year-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-background: var(--ig-calendar-year-selected-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));--year-selected-hover-foreground: var(--ig-calendar-year-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-hover-background: var(--ig-calendar-year-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--year-selected-current-foreground: var(--ig-calendar-year-selected-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-current-background: var(--ig-calendar-year-selected-current-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));--year-selected-current-hover-foreground: var(--ig-calendar-year-selected-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-current-hover-background: var(--ig-calendar-year-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--month-hover-foreground: var(--ig-calendar-month-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-foreground: var(--ig-calendar-month-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-background: var(--ig-calendar-month-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-current-hover-foreground: var(--ig-calendar-month-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-hover-background: var(--ig-calendar-month-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--month-selected-foreground: var(--ig-calendar-month-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-background: var(--ig-calendar-month-selected-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));--month-selected-hover-foreground: var(--ig-calendar-month-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-hover-background: var(--ig-calendar-month-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--month-selected-current-foreground: var(--ig-calendar-month-selected-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-current-background: var(--ig-calendar-month-selected-current-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));--month-selected-current-hover-foreground: var(--ig-calendar-month-selected-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-current-hover-background: var(--ig-calendar-month-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-foreground: var(--ig-calendar-date-current-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--current-outline-color: var(--ig-calendar-current-outline-color, transparent);--selected-current-outline-color: var(--ig-calendar-selected-current-outline-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--selected-current-outline-hover-color: var(--ig-calendar-selected-current-outline-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--selected-current-outline-focus-color: var(--ig-calendar-selected-current-outline-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-current-border-color: var(--ig-calendar-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, transparent);--actions-divider-color: var(--ig-calendar-actions-divider-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;\n"]}
package/components/calendar/themes/dark/calendar.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--picker-text-hover-color: var(--ig-calendar-picker-text-hover-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--picker-arrow-hover-color: var(--ig-calendar-picker-arrow-hover-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--year-current-text-color: var(--ig-calendar-year-current-text-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--year-hover-text-color: var(--ig-calendar-year-hover-text-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--month-current-text-color: var(--ig-calendar-month-current-text-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--month-hover-current-text-color: var(--ig-calendar-month-hover-current-text-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--month-hover-background: var(--ig-calendar-month-hover-background, transparent);--month-hover-text-color: var(--ig-calendar-month-hover-text-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-disabled-text-color: var(--ig-calendar-date-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--inactive-text-color: var(--ig-calendar-inactive-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--label-color: var(--ig-calendar-label-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--weekend-text-color: var(--ig-calendar-weekend-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.15) * 1.25rem), 1.25rem));--date-current-text-color: var(--ig-calendar-date-current-text-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-text-color: var(--ig-calendar-date-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-current-hover-bg-color: var(--ig-calendar-date-current-hover-bg-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-focus-bg-color: var(--ig-calendar-date-current-focus-bg-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-hover-text-color: var(--ig-calendar-date-current-hover-text-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-current-focus-text-color: var(--ig-calendar-date-current-focus-text-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-selected-hover-text-color: var(--ig-calendar-date-selected-hover-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--date-selected-focus-text-color: var(--ig-calendar-date-selected-focus-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent))}`;
2
+ export const styles = css `:host{--inner-size: var(--ig-calendar-inner-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)));--content-background: var(--ig-calendar-content-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--border-color: var(--ig-calendar-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--picker-background: var(--ig-calendar-picker-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, hsla(var(--ig-primary-300), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, hsla(var(--ig-primary-300), var(--ig-primary-a)));--navigation-color: var(--ig-calendar-navigation-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--current-outline-hover-color: var(--ig-calendar-current-outline-hover-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--current-outline-focus-color: var(--ig-calendar-current-outline-focus-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--date-hover-foreground: var(--ig-calendar-date-hover-foreground, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--date-focus-foreground: var(--ig-calendar-date-focus-foreground, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--date-special-background: var(--ig-calendar-date-special-background, hsla(var(--ig-primary-600), 0.4));--date-special-range-background: var(--ig-calendar-date-special-range-background, hsla(var(--ig-primary-600), 0.4));--week-number-background: var(--ig-calendar-week-number-background, color-mix(in oklch, var(--ig-gray-50-contrast) 5%, transparent));--weekend-color: var(--ig-calendar-weekend-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--header-foreground: var(--ig-calendar-header-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--header-background: var(--ig-calendar-header-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--picker-foreground: var(--ig-calendar-picker-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-calendar-date-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--date-focus-background: var(--ig-calendar-date-focus-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--date-current-foreground: var(--ig-calendar-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-border-color: var(--ig-calendar-date-current-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--date-special-foreground: var(--ig-calendar-date-special-foreground, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsla(var(--ig-primary-400), 0.7));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsla(var(--ig-primary-400), 0.7));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsla(var(--ig-primary-600), 0.7));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsla(var(--ig-primary-600), 0.7));--date-special-border-color: var(--ig-calendar-date-special-border-color, transparent);--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, transparent);--date-selected-foreground: var(--ig-calendar-date-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 60%, transparent));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 60%, transparent));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 60%, transparent));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsla(var(--ig-primary-400), 0.2));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, hsla(var(--ig-primary-300), 0.02));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, hsla(var(--ig-gray-900), 0.05));--year-hover-background: var(--ig-calendar-year-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--year-current-foreground: var(--ig-calendar-year-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-background: var(--ig-calendar-year-current-background, transparent);--year-current-hover-foreground: var(--ig-calendar-year-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-hover-background: var(--ig-calendar-year-current-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--year-selected-foreground: var(--ig-calendar-year-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--year-selected-background: var(--ig-calendar-year-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-selected-hover-foreground: var(--ig-calendar-year-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-hover-background: var(--ig-calendar-year-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--year-selected-current-foreground: var(--ig-calendar-year-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--year-selected-current-background: var(--ig-calendar-year-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-selected-current-hover-foreground: var(--ig-calendar-year-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-current-hover-background: var(--ig-calendar-year-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--month-hover-foreground: var(--ig-calendar-month-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-hover-background: var(--ig-calendar-month-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--month-current-foreground: var(--ig-calendar-month-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-background: var(--ig-calendar-month-current-background, transparent);--month-current-hover-foreground: var(--ig-calendar-month-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-hover-background: var(--ig-calendar-month-current-hover-background, hsla(var(--ig-gray-900), 0.05));--month-selected-foreground: var(--ig-calendar-month-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--month-selected-background: var(--ig-calendar-month-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-selected-hover-foreground: var(--ig-calendar-month-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-hover-background: var(--ig-calendar-month-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--month-selected-current-foreground: var(--ig-calendar-month-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--month-selected-current-background: var(--ig-calendar-month-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-selected-current-hover-foreground: var(--ig-calendar-month-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-current-hover-background: var(--ig-calendar-month-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--current-outline-color: var(--ig-calendar-current-outline-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-current-outline-color: var(--ig-calendar-selected-current-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--selected-current-outline-hover-color: var(--ig-calendar-selected-current-outline-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--selected-current-outline-focus-color: var(--ig-calendar-selected-current-outline-focus-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--actions-divider-color: var(--ig-calendar-actions-divider-color, hsla(var(--ig-gray-100), var(--ig-gray-a)))}`;
3
3
  //# sourceMappingURL=calendar.indigo.css.js.map
package/components/calendar/themes/dark/calendar.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/dark/calendar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+iHAA+iH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--picker-text-hover-color: var(--ig-calendar-picker-text-hover-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--picker-arrow-hover-color: var(--ig-calendar-picker-arrow-hover-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--year-current-text-color: var(--ig-calendar-year-current-text-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--year-hover-text-color: var(--ig-calendar-year-hover-text-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--month-current-text-color: var(--ig-calendar-month-current-text-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--month-hover-current-text-color: var(--ig-calendar-month-hover-current-text-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--month-hover-background: var(--ig-calendar-month-hover-background, transparent);--month-hover-text-color: var(--ig-calendar-month-hover-text-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-disabled-text-color: var(--ig-calendar-date-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--inactive-text-color: var(--ig-calendar-inactive-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--label-color: var(--ig-calendar-label-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--weekend-text-color: var(--ig-calendar-weekend-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.15) * 1.25rem), 1.25rem));--date-current-text-color: var(--ig-calendar-date-current-text-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-text-color: var(--ig-calendar-date-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-current-hover-bg-color: var(--ig-calendar-date-current-hover-bg-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-focus-bg-color: var(--ig-calendar-date-current-focus-bg-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-hover-text-color: var(--ig-calendar-date-current-hover-text-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-current-focus-text-color: var(--ig-calendar-date-current-focus-text-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-selected-hover-text-color: var(--ig-calendar-date-selected-hover-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--date-selected-focus-text-color: var(--ig-calendar-date-selected-focus-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent))}`;\n"]}
1
+ {"version":3,"file":"calendar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/dark/calendar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qvZAAqvZ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--inner-size: var(--ig-calendar-inner-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)));--content-background: var(--ig-calendar-content-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--border-color: var(--ig-calendar-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--picker-background: var(--ig-calendar-picker-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, hsla(var(--ig-primary-300), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, hsla(var(--ig-primary-300), var(--ig-primary-a)));--navigation-color: var(--ig-calendar-navigation-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--current-outline-hover-color: var(--ig-calendar-current-outline-hover-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--current-outline-focus-color: var(--ig-calendar-current-outline-focus-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--date-hover-foreground: var(--ig-calendar-date-hover-foreground, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--date-focus-foreground: var(--ig-calendar-date-focus-foreground, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--date-special-background: var(--ig-calendar-date-special-background, hsla(var(--ig-primary-600), 0.4));--date-special-range-background: var(--ig-calendar-date-special-range-background, hsla(var(--ig-primary-600), 0.4));--week-number-background: var(--ig-calendar-week-number-background, color-mix(in oklch, var(--ig-gray-50-contrast) 5%, transparent));--weekend-color: var(--ig-calendar-weekend-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--header-foreground: var(--ig-calendar-header-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--header-background: var(--ig-calendar-header-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--picker-foreground: var(--ig-calendar-picker-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-calendar-date-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--date-focus-background: var(--ig-calendar-date-focus-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--date-current-foreground: var(--ig-calendar-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-border-color: var(--ig-calendar-date-current-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--date-special-foreground: var(--ig-calendar-date-special-foreground, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsla(var(--ig-primary-400), 0.7));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsla(var(--ig-primary-400), 0.7));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsla(var(--ig-primary-600), 0.7));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsla(var(--ig-primary-600), 0.7));--date-special-border-color: var(--ig-calendar-date-special-border-color, transparent);--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, transparent);--date-selected-foreground: var(--ig-calendar-date-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 60%, transparent));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 60%, transparent));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 60%, transparent));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsla(var(--ig-primary-400), 0.2));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, hsla(var(--ig-primary-300), 0.02));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, hsla(var(--ig-gray-900), 0.05));--year-hover-background: var(--ig-calendar-year-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--year-current-foreground: var(--ig-calendar-year-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-background: var(--ig-calendar-year-current-background, transparent);--year-current-hover-foreground: var(--ig-calendar-year-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-hover-background: var(--ig-calendar-year-current-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--year-selected-foreground: var(--ig-calendar-year-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--year-selected-background: var(--ig-calendar-year-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-selected-hover-foreground: var(--ig-calendar-year-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-hover-background: var(--ig-calendar-year-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--year-selected-current-foreground: var(--ig-calendar-year-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--year-selected-current-background: var(--ig-calendar-year-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-selected-current-hover-foreground: var(--ig-calendar-year-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-current-hover-background: var(--ig-calendar-year-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--month-hover-foreground: var(--ig-calendar-month-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-hover-background: var(--ig-calendar-month-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--month-current-foreground: var(--ig-calendar-month-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-background: var(--ig-calendar-month-current-background, transparent);--month-current-hover-foreground: var(--ig-calendar-month-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-hover-background: var(--ig-calendar-month-current-hover-background, hsla(var(--ig-gray-900), 0.05));--month-selected-foreground: var(--ig-calendar-month-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--month-selected-background: var(--ig-calendar-month-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-selected-hover-foreground: var(--ig-calendar-month-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-hover-background: var(--ig-calendar-month-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--month-selected-current-foreground: var(--ig-calendar-month-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--month-selected-current-background: var(--ig-calendar-month-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-selected-current-hover-foreground: var(--ig-calendar-month-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-current-hover-background: var(--ig-calendar-month-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--current-outline-color: var(--ig-calendar-current-outline-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-current-outline-color: var(--ig-calendar-selected-current-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--selected-current-outline-hover-color: var(--ig-calendar-selected-current-outline-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--selected-current-outline-focus-color: var(--ig-calendar-selected-current-outline-focus-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--actions-divider-color: var(--ig-calendar-actions-divider-color, hsla(var(--ig-gray-100), var(--ig-gray-a)))}`;\n"]}
package/components/calendar/themes/dark/calendar.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-text-color: var(--ig-calendar-date-selected-text-color, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--date-current-text-color: var(--ig-calendar-date-current-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent))}`;
2
+ export const styles = css `:host{--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--header-foreground: var(--ig-calendar-header-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--header-background: var(--ig-calendar-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--picker-foreground: var(--ig-calendar-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-hover-background: var(--ig-calendar-year-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--year-current-foreground: var(--ig-calendar-year-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-background: var(--ig-calendar-year-current-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--year-current-hover-foreground: var(--ig-calendar-year-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-hover-background: var(--ig-calendar-year-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--year-selected-foreground: var(--ig-calendar-year-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--year-selected-background: var(--ig-calendar-year-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--year-selected-hover-foreground: var(--ig-calendar-year-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--year-selected-hover-background: var(--ig-calendar-year-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--year-selected-current-foreground: var(--ig-calendar-year-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--year-selected-current-background: var(--ig-calendar-year-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--year-selected-current-hover-foreground: var(--ig-calendar-year-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--year-selected-current-hover-background: var(--ig-calendar-year-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--month-hover-foreground: var(--ig-calendar-month-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-current-foreground: var(--ig-calendar-month-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-background: var(--ig-calendar-month-current-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--month-current-hover-foreground: var(--ig-calendar-month-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-hover-background: var(--ig-calendar-month-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-selected-foreground: var(--ig-calendar-month-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--month-selected-background: var(--ig-calendar-month-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--month-selected-hover-foreground: var(--ig-calendar-month-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--month-selected-hover-background: var(--ig-calendar-month-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--month-selected-current-foreground: var(--ig-calendar-month-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--month-selected-current-background: var(--ig-calendar-month-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--month-selected-current-hover-foreground: var(--ig-calendar-month-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--month-selected-current-hover-background: var(--ig-calendar-month-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-foreground: var(--ig-calendar-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsla(var(--ig-secondary-500), 0.24));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-foreground: var(--ig-calendar-date-special-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-border-color: var(--ig-calendar-date-special-border-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--selected-current-outline-color: var(--ig-calendar-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-outline-color: var(--ig-calendar-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-hover-color: var(--ig-calendar-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-focus-color: var(--ig-calendar-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-border-color: var(--ig-calendar-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-calendar-actions-divider-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)))}`;
3
3
  //# sourceMappingURL=calendar.material.css.js.map
package/components/calendar/themes/dark/calendar.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/dark/calendar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y/BAAy/B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-text-color: var(--ig-calendar-date-selected-text-color, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--date-current-text-color: var(--ig-calendar-date-current-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent))}`;\n"]}
1
+ {"version":3,"file":"calendar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/dark/calendar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6lVAA6lV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--header-foreground: var(--ig-calendar-header-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--header-background: var(--ig-calendar-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--picker-foreground: var(--ig-calendar-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-hover-background: var(--ig-calendar-year-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--year-current-foreground: var(--ig-calendar-year-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-background: var(--ig-calendar-year-current-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--year-current-hover-foreground: var(--ig-calendar-year-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-hover-background: var(--ig-calendar-year-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--year-selected-foreground: var(--ig-calendar-year-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--year-selected-background: var(--ig-calendar-year-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--year-selected-hover-foreground: var(--ig-calendar-year-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--year-selected-hover-background: var(--ig-calendar-year-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--year-selected-current-foreground: var(--ig-calendar-year-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--year-selected-current-background: var(--ig-calendar-year-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--year-selected-current-hover-foreground: var(--ig-calendar-year-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--year-selected-current-hover-background: var(--ig-calendar-year-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--month-hover-foreground: var(--ig-calendar-month-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-current-foreground: var(--ig-calendar-month-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-background: var(--ig-calendar-month-current-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--month-current-hover-foreground: var(--ig-calendar-month-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-hover-background: var(--ig-calendar-month-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-selected-foreground: var(--ig-calendar-month-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--month-selected-background: var(--ig-calendar-month-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--month-selected-hover-foreground: var(--ig-calendar-month-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--month-selected-hover-background: var(--ig-calendar-month-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--month-selected-current-foreground: var(--ig-calendar-month-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--month-selected-current-background: var(--ig-calendar-month-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--month-selected-current-hover-foreground: var(--ig-calendar-month-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--month-selected-current-hover-background: var(--ig-calendar-month-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-foreground: var(--ig-calendar-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsla(var(--ig-secondary-500), 0.24));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-foreground: var(--ig-calendar-date-special-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-border-color: var(--ig-calendar-date-special-border-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--selected-current-outline-color: var(--ig-calendar-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-outline-color: var(--ig-calendar-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-hover-color: var(--ig-calendar-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-focus-color: var(--ig-calendar-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-border-color: var(--ig-calendar-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-calendar-actions-divider-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)))}`;\n"]}
package/components/calendar/themes/days-view.base.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host([part=days-view]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:18.125rem;outline:none;padding:0 .75rem 1rem .75rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.375rem}[part~=days-row]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=date-inner]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}[part~=date],[part~=week-number],[part~=label]{font-size:var(--ig-subtitle-1-font-size);width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part=label-inner]{text-overflow:ellipsis;overflow:hidden;min-width:4ch;text-align:center}[part~=date-inner],[part~=week-number-inner]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=date-inner]:focus,[part~=week-number-inner]:focus{outline:none}[part~=date][part~=range][part~=first]::after,[part~=date][part~=range][part~=last]::after{content:"";position:absolute;height:100%;width:calc(50% + 0.0625rem);z-index:1}[part~=date][part~=range][part~=first]::after{inset-inline-start:50%}[part~=date][part~=range][part~=last]::after{inset-inline-end:calc(50% - 0.0625rem)}[part~=date][part~=range]+[part~=date][part~=range][part~=last]::after{inset-inline-end:50%}[part~=date-inner][part~=inactive],[part~=date-inner][part~=label],[part~=date-inner][part~=disabled]{color:hsla(var(--ig-gray-500), var(--ig-gray-a))}[part~=week-number]{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;cursor:default}[part="week-number-inner first"]::after{display:none}[part~=week-number-inner]{position:relative}[part~=week-number-inner]::after{content:"";position:absolute;bottom:100%;height:calc(0.375rem + 0.0625rem*2 + 2px);width:100%}[part~=date-inner][part~=disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed}[part~=hidden]{visibility:hidden}`;
2
+ export const styles = css `:host([part=days-view]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;outline:none;padding:1rem .75rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.25rem}[part~=days-row]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=date-inner]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}[part~=date-inner]::after{-webkit-box-sizing:border-box;box-sizing:border-box}[part~=date]{margin:0 !important;z-index:0}[part~=date],[part~=week-number],[part~=label]{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}[part~=date]::before,[part~=date]::after,[part~=week-number]::before,[part~=week-number]::after,[part~=label]::before,[part~=label]::after{-webkit-box-sizing:border-box;box-sizing:border-box}[part=label-inner]{text-overflow:ellipsis;overflow:hidden;text-align:center}[part~=date-inner],[part~=week-number-inner]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=date-inner]:focus,[part~=week-number-inner]:focus{outline:none}[part~=date][part~=range][part~=first]::after,[part~=date][part~=range][part~=last]::after{content:"";position:absolute;width:50%;z-index:-1}[part~=date][part~=range][part~=first]::before,[part~=date][part~=range][part~=last]::before{content:"";position:absolute}[part~=date][part~=range][part~=first]::after{inset-inline-start:50%}[part~=date][part~=range][part~=last]::after{inset-inline-end:calc(50% - 0.0625rem)}[part~=date][part~=range]+[part~=date][part~=range][part~=last]::after{inset-inline-end:50%}[part~=week-number]{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;cursor:default;-webkit-margin-end:.25rem;margin-inline-end:.25rem}[part="week-number-inner first"]::after{display:none}[part~=week-number-inner]{position:relative}[part~=week-number-inner]::after{content:"";position:absolute;height:.25rem;bottom:calc(100% + 0.0625rem);-webkit-box-sizing:border-box;box-sizing:border-box}[part~=date-inner][part~=disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed}[part~=date-inner][part~=disabled][part~=special],[part~=date-inner][part~=disabled][part~=selected][part~=single],[part~=date-inner][part~=disabled][part~=selected][part~=first],[part~=date-inner][part~=disabled][part~=selected][part~=last],[part~=date-inner][part~=disabled][part~=current]{opacity:.38}[part~=date-inner][part~=inactive][part~=disabled]{opacity:1}[part~=hidden]{visibility:hidden}`;
3
3
  //# sourceMappingURL=days-view.base.css.js.map
package/components/calendar/themes/days-view.base.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"days-view.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/days-view.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+gFAA+gF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([part=days-view]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:18.125rem;outline:none;padding:0 .75rem 1rem .75rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.375rem}[part~=days-row]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=date-inner]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}[part~=date],[part~=week-number],[part~=label]{font-size:var(--ig-subtitle-1-font-size);width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part=label-inner]{text-overflow:ellipsis;overflow:hidden;min-width:4ch;text-align:center}[part~=date-inner],[part~=week-number-inner]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=date-inner]:focus,[part~=week-number-inner]:focus{outline:none}[part~=date][part~=range][part~=first]::after,[part~=date][part~=range][part~=last]::after{content:\"\";position:absolute;height:100%;width:calc(50% + 0.0625rem);z-index:1}[part~=date][part~=range][part~=first]::after{inset-inline-start:50%}[part~=date][part~=range][part~=last]::after{inset-inline-end:calc(50% - 0.0625rem)}[part~=date][part~=range]+[part~=date][part~=range][part~=last]::after{inset-inline-end:50%}[part~=date-inner][part~=inactive],[part~=date-inner][part~=label],[part~=date-inner][part~=disabled]{color:hsla(var(--ig-gray-500), var(--ig-gray-a))}[part~=week-number]{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;cursor:default}[part=\"week-number-inner first\"]::after{display:none}[part~=week-number-inner]{position:relative}[part~=week-number-inner]::after{content:\"\";position:absolute;bottom:100%;height:calc(0.375rem + 0.0625rem*2 + 2px);width:100%}[part~=date-inner][part~=disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed}[part~=hidden]{visibility:hidden}`;\n"]}
1
+ {"version":3,"file":"days-view.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/days-view.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,goGAAgoG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([part=days-view]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;outline:none;padding:1rem .75rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.25rem}[part~=days-row]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=date-inner]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}[part~=date-inner]::after{-webkit-box-sizing:border-box;box-sizing:border-box}[part~=date]{margin:0 !important;z-index:0}[part~=date],[part~=week-number],[part~=label]{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}[part~=date]::before,[part~=date]::after,[part~=week-number]::before,[part~=week-number]::after,[part~=label]::before,[part~=label]::after{-webkit-box-sizing:border-box;box-sizing:border-box}[part=label-inner]{text-overflow:ellipsis;overflow:hidden;text-align:center}[part~=date-inner],[part~=week-number-inner]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=date-inner]:focus,[part~=week-number-inner]:focus{outline:none}[part~=date][part~=range][part~=first]::after,[part~=date][part~=range][part~=last]::after{content:\"\";position:absolute;width:50%;z-index:-1}[part~=date][part~=range][part~=first]::before,[part~=date][part~=range][part~=last]::before{content:\"\";position:absolute}[part~=date][part~=range][part~=first]::after{inset-inline-start:50%}[part~=date][part~=range][part~=last]::after{inset-inline-end:calc(50% - 0.0625rem)}[part~=date][part~=range]+[part~=date][part~=range][part~=last]::after{inset-inline-end:50%}[part~=week-number]{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;cursor:default;-webkit-margin-end:.25rem;margin-inline-end:.25rem}[part=\"week-number-inner first\"]::after{display:none}[part~=week-number-inner]{position:relative}[part~=week-number-inner]::after{content:\"\";position:absolute;height:.25rem;bottom:calc(100% + 0.0625rem);-webkit-box-sizing:border-box;box-sizing:border-box}[part~=date-inner][part~=disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed}[part~=date-inner][part~=disabled][part~=special],[part~=date-inner][part~=disabled][part~=selected][part~=single],[part~=date-inner][part~=disabled][part~=selected][part~=first],[part~=date-inner][part~=disabled][part~=selected][part~=last],[part~=date-inner][part~=disabled][part~=current]{opacity:.38}[part~=date-inner][part~=inactive][part~=disabled]{opacity:1}[part~=hidden]{visibility:hidden}`;\n"]}
package/components/calendar/themes/days.js CHANGED
@@ -10,6 +10,7 @@ import { styles as materialLight } from './light/calendar.material.css.js';
10
10
  import { styles as shared } from './light/calendar.shared.css.js';
11
11
  import { styles as bootstrap } from './shared/bootstrap/days-view.bootstrap.css.js';
12
12
  import { styles as fluent } from './shared/fluent/days-view.fluent.css.js';
13
+ import { styles as indigo } from './shared/indigo/days-view.indigo.css.js';
13
14
  import { styles as material } from './shared/material/days-view.material.css.js';
14
15
  const light = {
15
16
  shared: css `
@@ -25,7 +26,7 @@ const light = {
25
26
  ${fluent} ${fluentLight}
26
27
  `,
27
28
  indigo: css `
28
- ${material} ${indigoLight}
29
+ ${indigo} ${indigoLight}
29
30
  `,
30
31
  };
31
32
  const dark = {
@@ -42,7 +43,7 @@ const dark = {
42
43
  ${fluent} ${fluentDark}
43
44
  `,
44
45
  indigo: css `
45
- ${material} ${indigoDark}
46
+ ${indigo} ${indigoDark}
46
47
  `,
47
48
  };
48
49
  export const all = { light, dark };
package/components/calendar/themes/days.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"days.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/days.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAGjF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,QAAQ,IAAI,WAAW;GAC1B;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,QAAQ,IAAI,UAAU;GACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/calendar.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/calendar.fluent.css.js';\nimport { styles as indigoDark } from './dark/calendar.indigo.css.js';\nimport { styles as materialDark } from './dark/calendar.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/calendar.bootstrap.css.js';\nimport { styles as fluentLight } from './light/calendar.fluent.css.js';\nimport { styles as indigoLight } from './light/calendar.indigo.css.js';\nimport { styles as materialLight } from './light/calendar.material.css.js';\nimport { styles as shared } from './light/calendar.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/bootstrap/days-view.bootstrap.css.js';\nimport { styles as fluent } from './shared/fluent/days-view.fluent.css.js';\nimport { styles as material } from './shared/material/days-view.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${material} ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${material} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${material} ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${material} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
1
+ {"version":3,"file":"days.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/days.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAGjF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/calendar.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/calendar.fluent.css.js';\nimport { styles as indigoDark } from './dark/calendar.indigo.css.js';\nimport { styles as materialDark } from './dark/calendar.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/calendar.bootstrap.css.js';\nimport { styles as fluentLight } from './light/calendar.fluent.css.js';\nimport { styles as indigoLight } from './light/calendar.indigo.css.js';\nimport { styles as materialLight } from './light/calendar.material.css.js';\nimport { styles as shared } from './light/calendar.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/bootstrap/days-view.bootstrap.css.js';\nimport { styles as fluent } from './shared/fluent/days-view.fluent.css.js';\nimport { styles as indigo } from './shared/indigo/days-view.indigo.css.js';\nimport { styles as material } from './shared/material/days-view.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${material} ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${material} ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
package/components/calendar/themes/light/calendar.bootstrap.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--content-text-color: var(--ig-calendar-content-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--picker-background-color: var(--ig-calendar-picker-background-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--picker-text-color: var(--ig-calendar-picker-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--picker-text-hover-color: var(--ig-calendar-picker-text-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-arrow-color: var(--ig-calendar-picker-arrow-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-arrow-hover-color: var(--ig-calendar-picker-arrow-hover-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--year-current-text-color: var(--ig-calendar-year-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-hover-text-color: var(--ig-calendar-year-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-current-text-color: var(--ig-calendar-month-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-hover-current-text-color: var(--ig-calendar-month-hover-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-hover-text-color: var(--ig-calendar-month-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-background: var(--ig-calendar-date-special-background, hsla(var(--ig-warn-500), var(--ig-warn-a)));--inactive-text-color: var(--ig-calendar-inactive-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--label-color: var(--ig-calendar-label-color, hsla(var(--ig-info-500), var(--ig-info-a)));--weekend-text-color: var(--ig-calendar-weekend-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--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));--date-current-text-color: var(--ig-calendar-date-current-text-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-text-color: var(--ig-calendar-date-selected-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent))}`;
2
+ export const styles = css `:host{--border-color: var(--ig-calendar-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--picker-background: var(--ig-calendar-picker-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--week-number-background: var(--ig-calendar-week-number-background, transparent);--weekday-color: var(--ig-calendar-weekday-color, hsla(var(--ig-info-300), var(--ig-info-a)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--month-year-border-radius: var(--ig-calendar-month-year-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, transparent);--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-calendar-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-border-color: var(--ig-calendar-date-special-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--header-background: var(--ig-calendar-header-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--header-foreground: var(--ig-calendar-header-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent));--picker-foreground: var(--ig-calendar-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-hover-background: var(--ig-calendar-year-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--year-current-foreground: var(--ig-calendar-year-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-background: var(--ig-calendar-year-current-background, transparent);--year-current-hover-foreground: var(--ig-calendar-year-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-hover-background: var(--ig-calendar-year-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--year-selected-foreground: var(--ig-calendar-year-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-background: var(--ig-calendar-year-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-selected-hover-foreground: var(--ig-calendar-year-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-hover-background: var(--ig-calendar-year-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--year-selected-current-foreground: var(--ig-calendar-year-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-current-background: var(--ig-calendar-year-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-selected-current-hover-foreground: var(--ig-calendar-year-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-current-hover-background: var(--ig-calendar-year-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--month-hover-foreground: var(--ig-calendar-month-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--month-current-foreground: var(--ig-calendar-month-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-background: var(--ig-calendar-month-current-background, transparent);--month-current-hover-foreground: var(--ig-calendar-month-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-hover-background: var(--ig-calendar-month-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--month-selected-foreground: var(--ig-calendar-month-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-background: var(--ig-calendar-month-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-selected-hover-foreground: var(--ig-calendar-month-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-hover-background: var(--ig-calendar-month-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--month-selected-current-foreground: var(--ig-calendar-month-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-current-background: var(--ig-calendar-month-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-selected-current-hover-foreground: var(--ig-calendar-month-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-current-hover-background: var(--ig-calendar-month-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-foreground: var(--ig-calendar-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsla(var(--ig-primary-500), 0.24));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-border-color: var(--ig-calendar-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-outline-color: var(--ig-calendar-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-color: var(--ig-calendar-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-hover-color: var(--ig-calendar-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-focus-color: var(--ig-calendar-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-calendar-actions-divider-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;
3
3
  //# sourceMappingURL=calendar.bootstrap.css.js.map
package/components/calendar/themes/light/calendar.bootstrap.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/light/calendar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m0IAAm0I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-text-color: var(--ig-calendar-content-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--picker-background-color: var(--ig-calendar-picker-background-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--picker-text-color: var(--ig-calendar-picker-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--picker-text-hover-color: var(--ig-calendar-picker-text-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-arrow-color: var(--ig-calendar-picker-arrow-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-arrow-hover-color: var(--ig-calendar-picker-arrow-hover-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--year-current-text-color: var(--ig-calendar-year-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-hover-text-color: var(--ig-calendar-year-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-current-text-color: var(--ig-calendar-month-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-hover-current-text-color: var(--ig-calendar-month-hover-current-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-hover-text-color: var(--ig-calendar-month-hover-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-700), var(--ig-primary-a)));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-background: var(--ig-calendar-date-special-background, hsla(var(--ig-warn-500), var(--ig-warn-a)));--inactive-text-color: var(--ig-calendar-inactive-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--label-color: var(--ig-calendar-label-color, hsla(var(--ig-info-500), var(--ig-info-a)));--weekend-text-color: var(--ig-calendar-weekend-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--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));--date-current-text-color: var(--ig-calendar-date-current-text-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--date-selected-text-color: var(--ig-calendar-date-selected-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent))}`;\n"]}
1
+ {"version":3,"file":"calendar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/light/calendar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s3VAAs3V,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-calendar-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--picker-background: var(--ig-calendar-picker-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--week-number-background: var(--ig-calendar-week-number-background, transparent);--weekday-color: var(--ig-calendar-weekday-color, hsla(var(--ig-info-300), var(--ig-info-a)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--month-year-border-radius: var(--ig-calendar-month-year-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, transparent);--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-calendar-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-border-color: var(--ig-calendar-date-special-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--header-background: var(--ig-calendar-header-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--header-foreground: var(--ig-calendar-header-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent));--picker-foreground: var(--ig-calendar-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-hover-background: var(--ig-calendar-year-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--year-current-foreground: var(--ig-calendar-year-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-background: var(--ig-calendar-year-current-background, transparent);--year-current-hover-foreground: var(--ig-calendar-year-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-hover-background: var(--ig-calendar-year-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--year-selected-foreground: var(--ig-calendar-year-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-background: var(--ig-calendar-year-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-selected-hover-foreground: var(--ig-calendar-year-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-hover-background: var(--ig-calendar-year-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--year-selected-current-foreground: var(--ig-calendar-year-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-current-background: var(--ig-calendar-year-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--year-selected-current-hover-foreground: var(--ig-calendar-year-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--year-selected-current-hover-background: var(--ig-calendar-year-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--month-hover-foreground: var(--ig-calendar-month-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--month-current-foreground: var(--ig-calendar-month-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-background: var(--ig-calendar-month-current-background, transparent);--month-current-hover-foreground: var(--ig-calendar-month-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-hover-background: var(--ig-calendar-month-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--month-selected-foreground: var(--ig-calendar-month-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-background: var(--ig-calendar-month-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-selected-hover-foreground: var(--ig-calendar-month-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-hover-background: var(--ig-calendar-month-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--month-selected-current-foreground: var(--ig-calendar-month-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-current-background: var(--ig-calendar-month-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--month-selected-current-hover-foreground: var(--ig-calendar-month-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--month-selected-current-hover-background: var(--ig-calendar-month-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-foreground: var(--ig-calendar-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsla(var(--ig-primary-500), 0.24));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-border-color: var(--ig-calendar-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-outline-color: var(--ig-calendar-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-color: var(--ig-calendar-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-hover-color: var(--ig-calendar-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--selected-current-outline-focus-color: var(--ig-calendar-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-calendar-actions-divider-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;\n"]}
package/components/calendar/themes/light/calendar.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-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, 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));--date-current-text-color: var(--ig-calendar-date-current-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-selected-text-color: var(--ig-calendar-date-selected-text-color, color-mix(in oklch, var(--ig-primary-50-contrast) 100%, transparent));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-50-contrast) 100%, transparent));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-50-contrast) 100%, transparent))}`;
2
+ export const styles = css `:host{--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-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)));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-outline-hover-color: var(--ig-calendar-current-outline-hover-color, transparent);--current-outline-focus-color: var(--ig-calendar-current-outline-focus-color, transparent);--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-background: var(--ig-calendar-date-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-current-border-color: var(--ig-calendar-date-special-current-border-color, transparent);--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--month-year-border-radius: var(--ig-calendar-month-year-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-border-color: var(--ig-calendar-date-selected-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-border-color: var(--ig-calendar-date-range-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--year-hover-background: var(--ig-calendar-year-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-calendar-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-special-border-color: var(--ig-calendar-date-special-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--header-foreground: var(--ig-calendar-header-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--header-background: var(--ig-calendar-header-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-foreground: var(--ig-calendar-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-foreground: var(--ig-calendar-year-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-background: var(--ig-calendar-year-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--year-current-hover-foreground: var(--ig-calendar-year-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-hover-background: var(--ig-calendar-year-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--year-selected-foreground: var(--ig-calendar-year-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-background: var(--ig-calendar-year-selected-background, hsla(var(--ig-primary-50), 0.3));--year-selected-hover-foreground: var(--ig-calendar-year-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-hover-background: var(--ig-calendar-year-selected-hover-background, hsla(var(--ig-primary-100), 0.5));--year-selected-current-foreground: var(--ig-calendar-year-selected-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-current-background: var(--ig-calendar-year-selected-current-background, hsla(var(--ig-primary-50), 0.3));--year-selected-current-hover-foreground: var(--ig-calendar-year-selected-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-current-hover-background: var(--ig-calendar-year-selected-current-hover-background, hsla(var(--ig-primary-100), 0.5));--month-hover-foreground: var(--ig-calendar-month-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-foreground: var(--ig-calendar-month-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-background: var(--ig-calendar-month-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-current-hover-foreground: var(--ig-calendar-month-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-hover-background: var(--ig-calendar-month-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--month-selected-foreground: var(--ig-calendar-month-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-background: var(--ig-calendar-month-selected-background, hsla(var(--ig-primary-50), 0.3));--month-selected-hover-foreground: var(--ig-calendar-month-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-hover-background: var(--ig-calendar-month-selected-hover-background, hsla(var(--ig-primary-100), 0.5));--month-selected-current-foreground: var(--ig-calendar-month-selected-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-current-background: var(--ig-calendar-month-selected-current-background, hsla(var(--ig-primary-50), 0.3));--month-selected-current-hover-foreground: var(--ig-calendar-month-selected-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-current-hover-background: var(--ig-calendar-month-selected-current-hover-background, hsla(var(--ig-primary-100), 0.5));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-foreground: var(--ig-calendar-date-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--current-outline-color: var(--ig-calendar-current-outline-color, transparent);--selected-current-outline-color: var(--ig-calendar-selected-current-outline-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--selected-current-outline-hover-color: var(--ig-calendar-selected-current-outline-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--selected-current-outline-focus-color: var(--ig-calendar-selected-current-outline-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-current-border-color: var(--ig-calendar-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, transparent);--actions-divider-color: var(--ig-calendar-actions-divider-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;
3
3
  //# sourceMappingURL=calendar.fluent.css.js.map
package/components/calendar/themes/light/calendar.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/light/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ihFAAihF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-bg-color: var(--ig-calendar-date-current-bg-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-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, 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));--date-current-text-color: var(--ig-calendar-date-current-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-selected-text-color: var(--ig-calendar-date-selected-text-color, color-mix(in oklch, var(--ig-primary-50-contrast) 100%, transparent));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-50-contrast) 100%, transparent));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-50-contrast) 100%, transparent))}`;\n"]}
1
+ {"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/light/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+vZAA+vZ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-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)));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-outline-hover-color: var(--ig-calendar-current-outline-hover-color, transparent);--current-outline-focus-color: var(--ig-calendar-current-outline-focus-color, transparent);--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-background: var(--ig-calendar-date-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-current-border-color: var(--ig-calendar-date-special-current-border-color, transparent);--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--month-year-border-radius: var(--ig-calendar-month-year-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-border-color: var(--ig-calendar-date-selected-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-border-color: var(--ig-calendar-date-range-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--year-hover-background: var(--ig-calendar-year-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--month-hover-background: var(--ig-calendar-month-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-calendar-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-special-border-color: var(--ig-calendar-date-special-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--header-foreground: var(--ig-calendar-header-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--header-background: var(--ig-calendar-header-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-foreground: var(--ig-calendar-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-foreground: var(--ig-calendar-year-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-background: var(--ig-calendar-year-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--year-current-hover-foreground: var(--ig-calendar-year-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-current-hover-background: var(--ig-calendar-year-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--year-selected-foreground: var(--ig-calendar-year-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-background: var(--ig-calendar-year-selected-background, hsla(var(--ig-primary-50), 0.3));--year-selected-hover-foreground: var(--ig-calendar-year-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-hover-background: var(--ig-calendar-year-selected-hover-background, hsla(var(--ig-primary-100), 0.5));--year-selected-current-foreground: var(--ig-calendar-year-selected-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-current-background: var(--ig-calendar-year-selected-current-background, hsla(var(--ig-primary-50), 0.3));--year-selected-current-hover-foreground: var(--ig-calendar-year-selected-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--year-selected-current-hover-background: var(--ig-calendar-year-selected-current-hover-background, hsla(var(--ig-primary-100), 0.5));--month-hover-foreground: var(--ig-calendar-month-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-foreground: var(--ig-calendar-month-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-background: var(--ig-calendar-month-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--month-current-hover-foreground: var(--ig-calendar-month-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-current-hover-background: var(--ig-calendar-month-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--month-selected-foreground: var(--ig-calendar-month-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-background: var(--ig-calendar-month-selected-background, hsla(var(--ig-primary-50), 0.3));--month-selected-hover-foreground: var(--ig-calendar-month-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-hover-background: var(--ig-calendar-month-selected-hover-background, hsla(var(--ig-primary-100), 0.5));--month-selected-current-foreground: var(--ig-calendar-month-selected-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-current-background: var(--ig-calendar-month-selected-current-background, hsla(var(--ig-primary-50), 0.3));--month-selected-current-hover-foreground: var(--ig-calendar-month-selected-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--month-selected-current-hover-background: var(--ig-calendar-month-selected-current-hover-background, hsla(var(--ig-primary-100), 0.5));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-hover-background: var(--ig-calendar-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-calendar-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-foreground: var(--ig-calendar-date-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-background: var(--ig-calendar-date-selected-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--current-outline-color: var(--ig-calendar-current-outline-color, transparent);--selected-current-outline-color: var(--ig-calendar-selected-current-outline-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--selected-current-outline-hover-color: var(--ig-calendar-selected-current-outline-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--selected-current-outline-focus-color: var(--ig-calendar-selected-current-outline-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-current-border-color: var(--ig-calendar-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, transparent);--actions-divider-color: var(--ig-calendar-actions-divider-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;\n"]}