igniteui-webcomponents 6.1.1 → 6.1.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 (152) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/animations/player.d.ts +1 -1
  3. package/animations/player.js.map +1 -1
  4. package/components/calendar/calendar.d.ts +1 -0
  5. package/components/calendar/calendar.js +5 -8
  6. package/components/calendar/calendar.js.map +1 -1
  7. package/components/calendar/themes/calendar.base.css.js +1 -1
  8. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  9. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  10. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  11. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  12. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  13. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  14. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  15. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  16. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  17. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  18. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  19. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  20. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  21. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  22. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  23. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  24. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  25. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  26. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  27. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
  28. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
  29. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
  30. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
  31. package/components/calendar/themes/shared/material/calendar.material.css.js +1 -1
  32. package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -1
  33. package/components/carousel/carousel.d.ts +4 -6
  34. package/components/carousel/carousel.js +29 -50
  35. package/components/carousel/carousel.js.map +1 -1
  36. package/components/combo/themes/dark/combo.bootstrap.css.js +1 -1
  37. package/components/combo/themes/dark/combo.bootstrap.css.js.map +1 -1
  38. package/components/combo/themes/light/combo.bootstrap.css.js +1 -1
  39. package/components/combo/themes/light/combo.bootstrap.css.js.map +1 -1
  40. package/components/combo/themes/light/combo.shared.css.js +1 -1
  41. package/components/combo/themes/light/combo.shared.css.js.map +1 -1
  42. package/components/common/mixins/alert.d.ts +7 -8
  43. package/components/common/mixins/alert.js +23 -34
  44. package/components/common/mixins/alert.js.map +1 -1
  45. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  46. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  47. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  48. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  49. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  50. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  51. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  52. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  53. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  54. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  55. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  56. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  57. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  58. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  59. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  60. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  61. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js +1 -1
  62. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -1
  63. package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
  64. package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
  65. package/components/date-picker/themes/shared/date-picker.fluent.css.js +1 -1
  66. package/components/date-picker/themes/shared/date-picker.fluent.css.js.map +1 -1
  67. package/components/date-picker/themes/shared/date-picker.indigo.css.js +1 -1
  68. package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -1
  69. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js +1 -1
  70. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js.map +1 -1
  71. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js +1 -1
  72. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js.map +1 -1
  73. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
  74. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
  75. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js +1 -1
  76. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js.map +1 -1
  77. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js +1 -1
  78. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js.map +1 -1
  79. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js +1 -1
  80. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js.map +1 -1
  81. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js +1 -1
  82. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js.map +1 -1
  83. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js +1 -1
  84. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js.map +1 -1
  85. package/components/file-input/themes/dark/file-input.bootstrap.css.d.ts +1 -0
  86. package/components/file-input/themes/dark/file-input.bootstrap.css.js +3 -0
  87. package/components/file-input/themes/dark/file-input.bootstrap.css.js.map +1 -0
  88. package/components/file-input/themes/dark/file-input.fluent.css.d.ts +1 -0
  89. package/components/file-input/themes/dark/file-input.fluent.css.js +3 -0
  90. package/components/file-input/themes/dark/file-input.fluent.css.js.map +1 -0
  91. package/components/file-input/themes/dark/file-input.indigo.css.d.ts +1 -0
  92. package/components/file-input/themes/dark/file-input.indigo.css.js +3 -0
  93. package/components/file-input/themes/dark/file-input.indigo.css.js.map +1 -0
  94. package/components/file-input/themes/dark/file-input.material.css.d.ts +1 -0
  95. package/components/file-input/themes/dark/file-input.material.css.js +3 -0
  96. package/components/file-input/themes/dark/file-input.material.css.js.map +1 -0
  97. package/components/file-input/themes/file-input.base.css.js +1 -1
  98. package/components/file-input/themes/file-input.base.css.js.map +1 -1
  99. package/components/file-input/themes/light/file-input.bootstrap.css.d.ts +1 -0
  100. package/components/file-input/themes/light/file-input.bootstrap.css.js +3 -0
  101. package/components/file-input/themes/light/file-input.bootstrap.css.js.map +1 -0
  102. package/components/file-input/themes/light/file-input.fluent.css.d.ts +1 -0
  103. package/components/file-input/themes/light/file-input.fluent.css.js +3 -0
  104. package/components/file-input/themes/light/file-input.fluent.css.js.map +1 -0
  105. package/components/file-input/themes/light/file-input.indigo.css.d.ts +1 -0
  106. package/components/file-input/themes/light/file-input.indigo.css.js +3 -0
  107. package/components/file-input/themes/light/file-input.indigo.css.js.map +1 -0
  108. package/components/file-input/themes/light/file-input.material.css.d.ts +1 -0
  109. package/components/file-input/themes/light/file-input.material.css.js +3 -0
  110. package/components/file-input/themes/light/file-input.material.css.js.map +1 -0
  111. package/components/file-input/themes/light/file-input.shared.css.d.ts +1 -0
  112. package/components/file-input/themes/light/file-input.shared.css.js +3 -0
  113. package/components/file-input/themes/light/file-input.shared.css.js.map +1 -0
  114. package/components/file-input/themes/shared/file-input.bootstrap.css.js +1 -1
  115. package/components/file-input/themes/shared/file-input.bootstrap.css.js.map +1 -1
  116. package/components/file-input/themes/shared/file-input.indigo.css.js +1 -1
  117. package/components/file-input/themes/shared/file-input.indigo.css.js.map +1 -1
  118. package/components/file-input/themes/themes.js +19 -0
  119. package/components/file-input/themes/themes.js.map +1 -1
  120. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  121. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  122. package/components/input/themes/shared/input.indigo.css.js +1 -1
  123. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  124. package/components/select/themes/shared/select.bootstrap.css.js +1 -1
  125. package/components/select/themes/shared/select.bootstrap.css.js.map +1 -1
  126. package/components/snackbar/snackbar.d.ts +3 -5
  127. package/components/snackbar/snackbar.js +5 -5
  128. package/components/snackbar/snackbar.js.map +1 -1
  129. package/components/stepper/stepper.d.ts +1 -0
  130. package/components/stepper/stepper.js +9 -0
  131. package/components/stepper/stepper.js.map +1 -1
  132. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  133. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  134. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  135. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  136. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  137. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  138. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  139. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  140. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  141. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  142. package/components/toast/toast.d.ts +1 -2
  143. package/components/toast/toast.js +1 -1
  144. package/components/toast/toast.js.map +1 -1
  145. package/components/validation-container/validation-container.d.ts +7 -5
  146. package/components/validation-container/validation-container.js +48 -35
  147. package/components/validation-container/validation-container.js.map +1 -1
  148. package/custom-elements.json +199 -128
  149. package/igniteui-webcomponents.css-data.json +1 -1
  150. package/igniteui-webcomponents.html-data.json +1 -1
  151. package/package.json +1 -1
  152. package/web-types.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"combo.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6sHAA6sH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-400));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-800));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-800));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-300));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-800));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-400));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-300));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: bootstrap;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-0));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-gray-700));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-200));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-200));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-300));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-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)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap}`;\n"]}
1
+ {"version":3,"file":"combo.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0mHAA0mH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-800));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-800));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-300));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-800));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-400));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-300));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: bootstrap;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-0));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-gray-700));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-200));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-200));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-300));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-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)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-300));--case-icon-color: var(--ig-combo-case-icon-color, var(--ig-gray-400));--case-icon-color--active: var(--ig-combo-case-icon-color--active, var(--ig-primary-500));--empty-list-background: var(--ig-combo-empty-list-background, var(--ig-surface-500));--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-500));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-300));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-300));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-700));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900));--clear-button-background: var(--ig-combo-clear-button-background, transparent);--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-900));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500));--default-size: var(--ig-combo-default-size, 2)}`;
2
+ export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-300));--case-icon-color: var(--ig-combo-case-icon-color, var(--ig-gray-400));--case-icon-color--active: var(--ig-combo-case-icon-color--active, var(--ig-primary-500));--empty-list-background: var(--ig-combo-empty-list-background, var(--ig-surface-500));--search-separator-border-color: var(--ig-combo-search-separator-border-color, transparent);--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-300));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-300));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-700));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900));--clear-button-background: var(--ig-combo-clear-button-background, transparent);--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-900));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500));--default-size: var(--ig-combo-default-size, 2)}`;
3
3
  //# sourceMappingURL=combo.shared.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"combo.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2iDAA2iD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-300));--case-icon-color: var(--ig-combo-case-icon-color, var(--ig-gray-400));--case-icon-color--active: var(--ig-combo-case-icon-color--active, var(--ig-primary-500));--empty-list-background: var(--ig-combo-empty-list-background, var(--ig-surface-500));--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-500));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-300));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-300));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-700));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900));--clear-button-background: var(--ig-combo-clear-button-background, transparent);--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-900));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500));--default-size: var(--ig-combo-default-size, 2)}`;\n"]}
1
+ {"version":3,"file":"combo.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oiDAAoiD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-300));--case-icon-color: var(--ig-combo-case-icon-color, var(--ig-gray-400));--case-icon-color--active: var(--ig-combo-case-icon-color--active, var(--ig-primary-500));--empty-list-background: var(--ig-combo-empty-list-background, var(--ig-surface-500));--search-separator-border-color: var(--ig-combo-search-separator-border-color, transparent);--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-300));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-300));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-700));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900));--clear-button-background: var(--ig-combo-clear-button-background, transparent);--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-900));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500));--default-size: var(--ig-combo-default-size, 2)}`;\n"]}
@@ -1,9 +1,9 @@
1
- import { LitElement } from 'lit';
2
- import type { addAnimationController } from '../../../animations/player.js';
1
+ import { LitElement, type PropertyValues } from 'lit';
2
+ import type { AnimationController } from '../../../animations/player.js';
3
3
  import type { AbsolutePosition } from '../../types.js';
4
4
  export declare abstract class IgcBaseAlertLikeComponent extends LitElement {
5
- protected _autoHideTimeout?: number;
6
- protected abstract _animationPlayer: ReturnType<typeof addAnimationController>;
5
+ protected abstract readonly _player: AnimationController;
6
+ protected _autoHideTimeout?: ReturnType<typeof setTimeout>;
7
7
  /**
8
8
  * Whether the component is in shown state.
9
9
  * @attr
@@ -25,10 +25,9 @@ export declare abstract class IgcBaseAlertLikeComponent extends LitElement {
25
25
  */
26
26
  position: AbsolutePosition;
27
27
  constructor();
28
- protected displayTimeChange(): void;
29
- protected keepOpenChange(): void;
30
- private toggleAnimation;
31
- private setAutoHideTimer;
28
+ protected updated(props: PropertyValues<this>): void;
29
+ private _setOpenState;
30
+ private _setAutoHideTimer;
32
31
  /** Opens the component. */
33
32
  show(): Promise<boolean>;
34
33
  /** Closes the component. */
@@ -8,7 +8,6 @@ import { LitElement } from 'lit';
8
8
  import { property } from 'lit/decorators.js';
9
9
  import { fadeIn, fadeOut } from '../../../animations/presets/fade/index.js';
10
10
  import { addInternalsController } from '../controllers/internals.js';
11
- import { watch } from '../decorators/watch.js';
12
11
  export class IgcBaseAlertLikeComponent extends LitElement {
13
12
  constructor() {
14
13
  super();
@@ -23,43 +22,39 @@ export class IgcBaseAlertLikeComponent extends LitElement {
23
22
  },
24
23
  });
25
24
  }
26
- displayTimeChange() {
27
- this.setAutoHideTimer();
28
- }
29
- keepOpenChange() {
30
- clearTimeout(this._autoHideTimeout);
25
+ updated(props) {
26
+ if (props.has('displayTime')) {
27
+ this._setAutoHideTimer();
28
+ }
29
+ if (props.has('keepOpen')) {
30
+ clearTimeout(this._autoHideTimeout);
31
+ }
31
32
  }
32
- async toggleAnimation(state) {
33
- const animation = state === 'open' ? fadeIn : fadeOut;
34
- const [_, event] = await Promise.all([
35
- this._animationPlayer.stopAll(),
36
- this._animationPlayer.play(animation()),
37
- ]);
38
- return event.type === 'finish';
33
+ async _setOpenState(open) {
34
+ let state;
35
+ if (open) {
36
+ this.open = open;
37
+ state = await this._player.playExclusive(fadeIn());
38
+ this._setAutoHideTimer();
39
+ }
40
+ else {
41
+ clearTimeout(this._autoHideTimeout);
42
+ state = await this._player.playExclusive(fadeOut());
43
+ this.open = open;
44
+ }
45
+ return state;
39
46
  }
40
- setAutoHideTimer() {
47
+ _setAutoHideTimer() {
41
48
  clearTimeout(this._autoHideTimeout);
42
49
  if (this.open && this.displayTime > 0 && !this.keepOpen) {
43
50
  this._autoHideTimeout = setTimeout(() => this.hide(), this.displayTime);
44
51
  }
45
52
  }
46
53
  async show() {
47
- if (this.open) {
48
- return false;
49
- }
50
- this.open = true;
51
- await this.toggleAnimation('open');
52
- this.setAutoHideTimer();
53
- return true;
54
+ return this.open ? false : this._setOpenState(true);
54
55
  }
55
56
  async hide() {
56
- if (!this.open) {
57
- return false;
58
- }
59
- clearTimeout(this._autoHideTimeout);
60
- await this.toggleAnimation('close');
61
- this.open = false;
62
- return true;
57
+ return this.open ? this._setOpenState(false) : false;
63
58
  }
64
59
  async toggle() {
65
60
  return this.open ? this.hide() : this.show();
@@ -77,10 +72,4 @@ __decorate([
77
72
  __decorate([
78
73
  property({ reflect: true })
79
74
  ], IgcBaseAlertLikeComponent.prototype, "position", void 0);
80
- __decorate([
81
- watch('displayTime', { waitUntilFirstUpdate: true })
82
- ], IgcBaseAlertLikeComponent.prototype, "displayTimeChange", null);
83
- __decorate([
84
- watch('keepOpen', { waitUntilFirstUpdate: true })
85
- ], IgcBaseAlertLikeComponent.prototype, "keepOpenChange", null);
86
75
  //# sourceMappingURL=alert.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/alert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AAE5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAK/C,MAAM,OAAgB,yBAA0B,SAAQ,UAAU;IAmChE;QACE,KAAK,EAAE,CAAC;QAxBH,SAAI,GAAG,KAAK,CAAC;QAOb,gBAAW,GAAG,IAAI,CAAC;QAOnB,aAAQ,GAAG,KAAK,CAAC;QAOjB,aAAQ,GAAqB,QAAQ,CAAC;QAK3C,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,QAAQ;aACnB;SACF,CAAC,CAAC;IACL,CAAC;IAGS,iBAAiB;QACzB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAGS,cAAc;QACtB,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACtC,CAAC;IAEO,KAAK,CAAC,eAAe,CAAC,KAAuB;QACnD,MAAM,SAAS,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAEtD,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YACnC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;YAC/B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;SACxC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC;IACjC,CAAC;IAEO,gBAAgB;QACtB,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACpC,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACxD,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,MAAM,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QACnC,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO,KAAK,CAAC;QACf,CAAC;QAED,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACpC,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACpC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAGM,KAAK,CAAC,MAAM;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC/C,CAAC;CACF;AA1FQ;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACvB;AAOb;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;8DAC5B;AAOnB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;2DAC3C;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACiB;AAcnC;IADT,KAAK,CAAC,aAAa,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;kEAGpD;AAGS;IADT,KAAK,CAAC,UAAU,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;+DAGjD","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport type { addAnimationController } from '../../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../../animations/presets/fade/index.js';\nimport type { AbsolutePosition } from '../../types.js';\nimport { addInternalsController } from '../controllers/internals.js';\nimport { watch } from '../decorators/watch.js';\n\n// It'd be better to have this as a mixin rather than a base class once the analyzer\n// knows how to resolve multiple mixin chains\n\nexport abstract class IgcBaseAlertLikeComponent extends LitElement {\n protected _autoHideTimeout?: number;\n\n declare protected abstract _animationPlayer: ReturnType<\n typeof addAnimationController\n >;\n\n /**\n * Whether the component is in shown state.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n /**\n * Determines the duration in ms in which the component will be visible.\n * @attr display-time\n */\n @property({ type: Number, attribute: 'display-time' })\n public displayTime = 4000;\n\n /**\n * Determines whether the component should close after the `displayTime` is over.\n * @attr keep-open\n */\n @property({ type: Boolean, reflect: true, attribute: 'keep-open' })\n public keepOpen = false;\n\n /**\n * Sets the position of the component in the viewport.\n * @attr\n */\n @property({ reflect: true })\n public position: AbsolutePosition = 'bottom';\n\n constructor() {\n super();\n\n addInternalsController(this, {\n initialARIA: {\n role: 'status',\n ariaLive: 'polite',\n },\n });\n }\n\n @watch('displayTime', { waitUntilFirstUpdate: true })\n protected displayTimeChange() {\n this.setAutoHideTimer();\n }\n\n @watch('keepOpen', { waitUntilFirstUpdate: true })\n protected keepOpenChange() {\n clearTimeout(this._autoHideTimeout);\n }\n\n private async toggleAnimation(state: 'open' | 'close') {\n const animation = state === 'open' ? fadeIn : fadeOut;\n\n const [_, event] = await Promise.all([\n this._animationPlayer.stopAll(),\n this._animationPlayer.play(animation()),\n ]);\n\n return event.type === 'finish';\n }\n\n private setAutoHideTimer() {\n clearTimeout(this._autoHideTimeout);\n if (this.open && this.displayTime > 0 && !this.keepOpen) {\n this._autoHideTimeout = setTimeout(() => this.hide(), this.displayTime);\n }\n }\n\n /** Opens the component. */\n public async show(): Promise<boolean> {\n if (this.open) {\n return false;\n }\n\n this.open = true;\n await this.toggleAnimation('open');\n this.setAutoHideTimer();\n return true;\n }\n\n /** Closes the component. */\n public async hide(): Promise<boolean> {\n if (!this.open) {\n return false;\n }\n\n clearTimeout(this._autoHideTimeout);\n await this.toggleAnimation('close');\n this.open = false;\n return true;\n }\n\n /** Toggles the open state of the component. */\n public async toggle(): Promise<boolean> {\n return this.open ? this.hide() : this.show();\n }\n}\n"]}
1
+ {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/alert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AAE5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAKrE,MAAM,OAAgB,yBAA0B,SAAQ,UAAU;IAiChE;QACE,KAAK,EAAE,CAAC;QAxBH,SAAI,GAAG,KAAK,CAAC;QAOb,gBAAW,GAAG,IAAI,CAAC;QAOnB,aAAQ,GAAG,KAAK,CAAC;QAOjB,aAAQ,GAAqB,QAAQ,CAAC;QAK3C,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,QAAQ;aACnB;SACF,CAAC,CAAC;IACL,CAAC;IAEkB,OAAO,CAAC,KAA2B;QACpD,IAAI,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YAC1B,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,aAAa,CAAC,IAAa;QACvC,IAAI,KAAc,CAAC;QAEnB,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACjB,KAAK,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC;YACnD,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;YACpC,KAAK,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC;YACpD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,iBAAiB;QACvB,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACpC,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACxD,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IAGM,KAAK,CAAC,IAAI;QACf,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACvD,CAAC;IAGM,KAAK,CAAC,MAAM;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC/C,CAAC;CACF;AAjFQ;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACvB;AAOb;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;8DAC5B;AAOnB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;2DAC3C;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACiB","sourcesContent":["import { LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { AnimationController } from '../../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../../animations/presets/fade/index.js';\nimport type { AbsolutePosition } from '../../types.js';\nimport { addInternalsController } from '../controllers/internals.js';\n\n// It'd be better to have this as a mixin rather than a base class once the analyzer\n// knows how to resolve multiple mixin chains\n\nexport abstract class IgcBaseAlertLikeComponent extends LitElement {\n declare protected abstract readonly _player: AnimationController;\n\n protected _autoHideTimeout?: ReturnType<typeof setTimeout>;\n\n /**\n * Whether the component is in shown state.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public open = false;\n\n /**\n * Determines the duration in ms in which the component will be visible.\n * @attr display-time\n */\n @property({ type: Number, attribute: 'display-time' })\n public displayTime = 4000;\n\n /**\n * Determines whether the component should close after the `displayTime` is over.\n * @attr keep-open\n */\n @property({ type: Boolean, reflect: true, attribute: 'keep-open' })\n public keepOpen = false;\n\n /**\n * Sets the position of the component in the viewport.\n * @attr\n */\n @property({ reflect: true })\n public position: AbsolutePosition = 'bottom';\n\n constructor() {\n super();\n\n addInternalsController(this, {\n initialARIA: {\n role: 'status',\n ariaLive: 'polite',\n },\n });\n }\n\n protected override updated(props: PropertyValues<this>): void {\n if (props.has('displayTime')) {\n this._setAutoHideTimer();\n }\n\n if (props.has('keepOpen')) {\n clearTimeout(this._autoHideTimeout);\n }\n }\n\n private async _setOpenState(open: boolean): Promise<boolean> {\n let state: boolean;\n\n if (open) {\n this.open = open;\n state = await this._player.playExclusive(fadeIn());\n this._setAutoHideTimer();\n } else {\n clearTimeout(this._autoHideTimeout);\n state = await this._player.playExclusive(fadeOut());\n this.open = open;\n }\n\n return state;\n }\n\n private _setAutoHideTimer(): void {\n clearTimeout(this._autoHideTimeout);\n if (this.open && this.displayTime > 0 && !this.keepOpen) {\n this._autoHideTimeout = setTimeout(() => this.hide(), this.displayTime);\n }\n }\n\n /** Opens the component. */\n public async show(): Promise<boolean> {\n return this.open ? false : this._setOpenState(true);\n }\n\n /** Closes the component. */\n public async hide(): Promise<boolean> {\n return this.open ? this._setOpenState(false) : false;\n }\n\n /** Toggles the open state of the component. */\n public async toggle(): Promise<boolean> {\n return this.open ? this.hide() : this.show();\n }\n}\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-100));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-200));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-info-300));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-100-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-300));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-200));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-200));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-600));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-600));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-600));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-600));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900-contrast));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-900-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-900-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;
2
+ export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-100));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-200));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-info-300));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-100-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-300));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-200));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-200));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-600));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-600));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-600));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-600));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900-contrast));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-900-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-900-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap;--calendar-border-color: var(--ig-gray-300)}`;
3
3
  //# sourceMappingURL=date-picker.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/dark/date-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gkaAAgka,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-100));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-200));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-info-300));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-100-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-300));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-200));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-200));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-600));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-600));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-600));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-600));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900-contrast));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-900-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-900-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;\n"]}
1
+ {"version":3,"file":"date-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/dark/date-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,44aAA44a,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-100));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-200));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-info-300));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-100-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-300));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-200));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-200));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-600));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-600));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-600));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-600));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900-contrast));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-900-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-900-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap;--calendar-border-color: var(--ig-gray-300)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-200));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--inner-size: var(--ig-datepicker-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)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-gray-900-contrast));--date-current-background: var(--ig-datepicker-date-current-background, var(--ig-primary-200));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-gray-900-contrast));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-gray-900-contrast));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-200));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-datepicker-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-primary-200-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-primary-200));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-100));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-50));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-50));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-50));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-50));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-50));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-50));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-gray-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-gray-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900-contrast));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-800));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-800));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-50));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-400));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-50));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-400));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-50));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-400));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-50));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-400));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-50));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-400));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-50));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-400));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-300));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-800));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-400));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-400));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-300));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-100));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent}`;
2
+ export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-200));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--inner-size: var(--ig-datepicker-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)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-gray-900-contrast));--date-current-background: var(--ig-datepicker-date-current-background, var(--ig-primary-200));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-gray-900-contrast));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-gray-900-contrast));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-200));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-datepicker-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-primary-200-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-primary-200));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-100));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5625rem), 1.5625rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5625rem), 1.5625rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-50));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-50));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-50));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-50));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-50));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-50));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-gray-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-gray-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900-contrast));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-800));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-800));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-50));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-400));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-50));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-400));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-50));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-400));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-50));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-400));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-50));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-400));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-50));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-400));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-300));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-800));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-400));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-400));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-300));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-100));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent;--calendar-border-color: transparent}`;
3
3
  //# sourceMappingURL=date-picker.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/dark/date-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,82cAA82c,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-200));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--inner-size: var(--ig-datepicker-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)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-gray-900-contrast));--date-current-background: var(--ig-datepicker-date-current-background, var(--ig-primary-200));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-gray-900-contrast));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-gray-900-contrast));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-200));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-datepicker-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-primary-200-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-primary-200));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-100));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-50));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-50));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-50));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-50));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-50));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-50));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-gray-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-gray-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900-contrast));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-800));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-800));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-50));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-400));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-50));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-400));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-50));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-400));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-50));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-400));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-50));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-400));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-50));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-400));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-300));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-800));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-400));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-400));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-300));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-100));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent}`;\n"]}
1
+ {"version":3,"file":"date-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/dark/date-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2rdAA2rd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-200));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--inner-size: var(--ig-datepicker-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)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-gray-900-contrast));--date-current-background: var(--ig-datepicker-date-current-background, var(--ig-primary-200));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-gray-900-contrast));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-gray-900-contrast));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-200));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-datepicker-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-primary-200-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-primary-200));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-100));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5625rem), 1.5625rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5625rem), 1.5625rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-50));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-50));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-50));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-50));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-50));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-50));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-gray-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-gray-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900-contrast));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-800));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-800));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-50));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-400));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-50));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-400));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-50));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-400));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-50));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-400));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-50));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-400));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-50));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-400));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-300));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-800));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-400));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-400));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-300));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-100));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent;--calendar-border-color: transparent}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--content-background: var(--ig-datepicker-content-background, var(--ig-gray-50));--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-50));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-300));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-300));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-300));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-300));--size: var(--ig-datepicker-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)));--inner-size: var(--ig-datepicker-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)));--week-number-background: var(--ig-datepicker-week-number-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--date-hover-foreground: var(--ig-datepicker-date-hover-foreground, var(--ig-gray-50-contrast));--date-focus-foreground: var(--ig-datepicker-date-focus-foreground, var(--ig-gray-50-contrast));--date-selected-range-hover-foreground: var(--ig-datepicker-date-selected-range-hover-foreground, var(--ig-gray-50-contrast));--date-selected-range-focus-foreground: var(--ig-datepicker-date-selected-range-focus-foreground, var(--ig-gray-50-contrast));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-gray-50-contrast));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-gray-50-contrast));--date-current-background: var(--ig-datepicker-date-current-background, hsl(from var(--ig-primary-700) h s l/0.5));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-gray-50-contrast));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-gray-50-contrast));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-primary-700));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-400) h s l/0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-400) h s l/0.38));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-primary-200));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-700));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-50-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-50));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-100));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-primary-700));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-primary-300));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-primary-100));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-primary-100));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-primary-50));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-primary-50));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-100));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-50));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-100));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-primary-300));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-400) h s l/0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsl(from var(--ig-primary-700) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-primary-700));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-primary-700));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-primary-700) h s l/0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-primary-700));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-primary-300));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-primary-300));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-primary-200));--helper-text-color: var(--ig-datepicker-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-datepicker-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-datepicker-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-datepicker-box-background, transparent);--box-background-hover: var(--ig-datepicker-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-background-focus: var(--ig-datepicker-box-background-focus, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-datepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: indigo}`;
2
+ export const styles = css `:host{--content-background: var(--ig-datepicker-content-background, var(--ig-gray-50));--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-50));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-300));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-300));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-300));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-300));--size: var(--ig-datepicker-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)));--inner-size: var(--ig-datepicker-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)));--week-number-background: var(--ig-datepicker-week-number-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--date-hover-foreground: var(--ig-datepicker-date-hover-foreground, var(--ig-gray-50-contrast));--date-focus-foreground: var(--ig-datepicker-date-focus-foreground, var(--ig-gray-50-contrast));--date-selected-range-hover-foreground: var(--ig-datepicker-date-selected-range-hover-foreground, var(--ig-gray-50-contrast));--date-selected-range-focus-foreground: var(--ig-datepicker-date-selected-range-focus-foreground, var(--ig-gray-50-contrast));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-gray-50-contrast));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-gray-50-contrast));--date-current-background: var(--ig-datepicker-date-current-background, hsl(from var(--ig-primary-700) h s l/0.5));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-gray-50-contrast));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-gray-50-contrast));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-primary-700));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-400) h s l/0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-400) h s l/0.38));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-primary-200));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-700));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-50-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-50));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-100));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-primary-700));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-primary-300));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-primary-100));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-primary-100));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-primary-50));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-primary-50));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-100));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-50));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-100));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-primary-300));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-400) h s l/0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsl(from var(--ig-primary-700) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-primary-700));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-primary-700));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-primary-700) h s l/0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-primary-700));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-primary-300));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-primary-300));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-primary-200));--helper-text-color: var(--ig-datepicker-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-datepicker-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-datepicker-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-datepicker-box-background, transparent);--box-background-hover: var(--ig-datepicker-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-background-focus: var(--ig-datepicker-box-background-focus, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-datepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: indigo;--calendar-border-color: var(--ig-gray-100)}:host igc-dialog[open]::part(base){box-shadow:var(--ig-elevation-7)}`;
3
3
  //# sourceMappingURL=date-picker.indigo.css.js.map