igniteui-webcomponents 5.4.1 → 6.0.1

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 (215) hide show
  1. package/CHANGELOG.md +74 -0
  2. package/README.md +6 -1
  3. package/components/avatar/themes/dark/avatar.bootstrap.css.js +1 -1
  4. package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -1
  5. package/components/avatar/themes/dark/avatar.fluent.css.js +1 -1
  6. package/components/avatar/themes/dark/avatar.fluent.css.js.map +1 -1
  7. package/components/avatar/themes/dark/avatar.material.css.js +1 -1
  8. package/components/avatar/themes/dark/avatar.material.css.js.map +1 -1
  9. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  10. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  11. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  12. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  13. package/components/calendar/themes/light/calendar.shared.css.js +1 -1
  14. package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
  15. package/components/checkbox/checkbox-base.d.ts +0 -2
  16. package/components/checkbox/checkbox-base.js.map +1 -1
  17. package/components/chip/chip.d.ts +4 -0
  18. package/components/chip/chip.js +26 -3
  19. package/components/chip/chip.js.map +1 -1
  20. package/components/chip/themes/shared/chip.common.css.js +1 -1
  21. package/components/chip/themes/shared/chip.common.css.js.map +1 -1
  22. package/components/chip/themes/shared/chip.indigo.css.js +1 -1
  23. package/components/chip/themes/shared/chip.indigo.css.js.map +1 -1
  24. package/components/common/controllers/gestures.d.ts +1 -0
  25. package/components/common/controllers/gestures.js.map +1 -1
  26. package/components/common/controllers/resize-observer.d.ts +40 -0
  27. package/components/common/controllers/resize-observer.js +37 -0
  28. package/components/common/controllers/resize-observer.js.map +1 -0
  29. package/components/common/definitions/defineAllComponents.js +0 -2
  30. package/components/common/definitions/defineAllComponents.js.map +1 -1
  31. package/components/common/util.d.ts +1 -17
  32. package/components/common/util.js +10 -10
  33. package/components/common/util.js.map +1 -1
  34. package/components/date-picker/date-picker.d.ts +35 -35
  35. package/components/date-picker/date-picker.js +131 -128
  36. package/components/date-picker/date-picker.js.map +1 -1
  37. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  38. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  39. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  40. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  41. package/components/date-picker/themes/light/date-picker.shared.css.js +1 -1
  42. package/components/date-picker/themes/light/date-picker.shared.css.js.map +1 -1
  43. package/components/date-time-input/date-time-input.js +1 -1
  44. package/components/date-time-input/date-time-input.js.map +1 -1
  45. package/components/file-input/file-input.d.ts +1 -1
  46. package/components/file-input/file-input.js.map +1 -1
  47. package/components/input/themes/input.base.css.js +1 -1
  48. package/components/input/themes/input.base.css.js.map +1 -1
  49. package/components/popover/popover.js +1 -1
  50. package/components/popover/popover.js.map +1 -1
  51. package/components/popover/themes/light/popover.base.css.js +1 -1
  52. package/components/popover/themes/light/popover.base.css.js.map +1 -1
  53. package/components/progress/themes/circular/dark/circular.progress.shared.css.js +1 -1
  54. package/components/progress/themes/circular/dark/circular.progress.shared.css.js.map +1 -1
  55. package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js +1 -1
  56. package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js.map +1 -1
  57. package/components/progress/themes/linear/dark/linear.progress.shared.css.js +1 -1
  58. package/components/progress/themes/linear/dark/linear.progress.shared.css.js.map +1 -1
  59. package/components/radio/radio.d.ts +0 -2
  60. package/components/radio/radio.js.map +1 -1
  61. package/components/radio-group/radio-group.d.ts +2 -1
  62. package/components/radio-group/radio-group.js +23 -10
  63. package/components/radio-group/radio-group.js.map +1 -1
  64. package/components/radio-group/themes/dark/radio-group.bootstrap.css.js +3 -0
  65. package/components/radio-group/themes/dark/radio-group.bootstrap.css.js.map +1 -0
  66. package/components/radio-group/themes/dark/radio-group.fluent.css.js +3 -0
  67. package/components/radio-group/themes/dark/radio-group.fluent.css.js.map +1 -0
  68. package/components/radio-group/themes/dark/radio-group.indigo.css.js +3 -0
  69. package/components/radio-group/themes/dark/radio-group.indigo.css.js.map +1 -0
  70. package/components/radio-group/themes/dark/radio-group.material.css.js +3 -0
  71. package/components/radio-group/themes/dark/radio-group.material.css.js.map +1 -0
  72. package/components/radio-group/themes/light/radio-group.bootstrap.css.js +3 -0
  73. package/components/radio-group/themes/light/radio-group.bootstrap.css.js.map +1 -0
  74. package/components/radio-group/themes/light/radio-group.fluent.css.d.ts +1 -0
  75. package/components/radio-group/themes/light/radio-group.fluent.css.js +3 -0
  76. package/components/radio-group/themes/light/radio-group.fluent.css.js.map +1 -0
  77. package/components/radio-group/themes/light/radio-group.indigo.css.d.ts +1 -0
  78. package/components/radio-group/themes/light/radio-group.indigo.css.js +3 -0
  79. package/components/radio-group/themes/light/radio-group.indigo.css.js.map +1 -0
  80. package/components/radio-group/themes/light/radio-group.material.css.d.ts +1 -0
  81. package/components/radio-group/themes/light/radio-group.material.css.js +3 -0
  82. package/components/radio-group/themes/light/radio-group.material.css.js.map +1 -0
  83. package/components/radio-group/themes/light/radio-group.shared.css.d.ts +1 -0
  84. package/components/radio-group/themes/light/radio-group.shared.css.js +3 -0
  85. package/components/radio-group/themes/light/radio-group.shared.css.js.map +1 -0
  86. package/components/radio-group/themes/radio-group.base.css.d.ts +1 -0
  87. package/components/radio-group/{radio-group.base.css.js → themes/radio-group.base.css.js} +1 -1
  88. package/components/radio-group/themes/radio-group.base.css.js.map +1 -0
  89. package/components/radio-group/themes/shared/radio-group.bootstrap.css.d.ts +1 -0
  90. package/components/radio-group/themes/shared/radio-group.bootstrap.css.js +3 -0
  91. package/components/radio-group/themes/shared/radio-group.bootstrap.css.js.map +1 -0
  92. package/components/radio-group/themes/shared/radio-group.common.css.d.ts +1 -0
  93. package/components/radio-group/themes/shared/radio-group.common.css.js +3 -0
  94. package/components/radio-group/themes/shared/radio-group.common.css.js.map +1 -0
  95. package/components/radio-group/themes/shared/radio-group.fluent.css.d.ts +1 -0
  96. package/components/radio-group/themes/shared/radio-group.fluent.css.js +3 -0
  97. package/components/radio-group/themes/shared/radio-group.fluent.css.js.map +1 -0
  98. package/components/radio-group/themes/shared/radio-group.indigo.css.d.ts +1 -0
  99. package/components/radio-group/themes/shared/radio-group.indigo.css.js +3 -0
  100. package/components/radio-group/themes/shared/radio-group.indigo.css.js.map +1 -0
  101. package/components/radio-group/themes/shared/radio-group.material.css.d.ts +1 -0
  102. package/components/radio-group/themes/shared/radio-group.material.css.js +3 -0
  103. package/components/radio-group/themes/shared/radio-group.material.css.js.map +1 -0
  104. package/components/radio-group/themes/themes.d.ts +2 -0
  105. package/components/radio-group/themes/themes.js +50 -0
  106. package/components/radio-group/themes/themes.js.map +1 -0
  107. package/components/slider/range-slider.d.ts +0 -2
  108. package/components/slider/range-slider.js.map +1 -1
  109. package/components/stepper/step.d.ts +1 -1
  110. package/components/stepper/step.js +3 -2
  111. package/components/stepper/step.js.map +1 -1
  112. package/components/stepper/stepper.common.d.ts +0 -4
  113. package/components/stepper/stepper.common.js.map +1 -1
  114. package/components/stepper/stepper.d.ts +2 -2
  115. package/components/stepper/stepper.js +2 -9
  116. package/components/stepper/stepper.js.map +1 -1
  117. package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
  118. package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
  119. package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
  120. package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
  121. package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
  122. package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
  123. package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
  124. package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
  125. package/components/stepper/themes/step/light/step.material.css.js +1 -1
  126. package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
  127. package/components/stepper/themes/step/light/step.shared.css.js +1 -1
  128. package/components/stepper/themes/step/light/step.shared.css.js.map +1 -1
  129. package/components/tabs/tab-dom.d.ts +66 -0
  130. package/components/tabs/tab-dom.js +106 -0
  131. package/components/tabs/tab-dom.js.map +1 -0
  132. package/components/tabs/tab.d.ts +14 -15
  133. package/components/tabs/tab.js +27 -22
  134. package/components/tabs/tab.js.map +1 -1
  135. package/components/tabs/tabs.d.ts +43 -49
  136. package/components/tabs/tabs.js +178 -231
  137. package/components/tabs/tabs.js.map +1 -1
  138. package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
  139. package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
  140. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  141. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  142. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js +1 -1
  143. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js.map +1 -1
  144. package/components/tabs/themes/shared/tab/tab.common.css.js +1 -1
  145. package/components/tabs/themes/shared/tab/tab.common.css.js.map +1 -1
  146. package/components/tabs/themes/shared/tab/tab.fluent.css.js +1 -1
  147. package/components/tabs/themes/shared/tab/tab.fluent.css.js.map +1 -1
  148. package/components/tabs/themes/shared/tab/tab.indigo.css.js +1 -1
  149. package/components/tabs/themes/shared/tab/tab.indigo.css.js.map +1 -1
  150. package/components/tabs/themes/shared/tab/tab.material.css.d.ts +1 -0
  151. package/components/tabs/themes/shared/tab/tab.material.css.js +3 -0
  152. package/components/tabs/themes/shared/tab/tab.material.css.js.map +1 -0
  153. package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js +1 -1
  154. package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js.map +1 -1
  155. package/components/tabs/themes/shared/tabs/tabs.common.css.js +1 -1
  156. package/components/tabs/themes/shared/tabs/tabs.common.css.js.map +1 -1
  157. package/components/tabs/themes/shared/tabs/tabs.fluent.css.js +1 -1
  158. package/components/tabs/themes/shared/tabs/tabs.fluent.css.js.map +1 -1
  159. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js +1 -1
  160. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js.map +1 -1
  161. package/components/tabs/themes/shared/tabs/tabs.material.css.d.ts +1 -0
  162. package/components/tabs/themes/shared/tabs/tabs.material.css.js +3 -0
  163. package/components/tabs/themes/shared/tabs/tabs.material.css.js.map +1 -0
  164. package/components/tabs/themes/tab-themes.js +7 -0
  165. package/components/tabs/themes/tab-themes.js.map +1 -1
  166. package/components/tabs/themes/tab.base.css.js +1 -1
  167. package/components/tabs/themes/tab.base.css.js.map +1 -1
  168. package/components/tabs/themes/tabs-themes.js +3 -2
  169. package/components/tabs/themes/tabs-themes.js.map +1 -1
  170. package/components/tabs/themes/tabs.base.css.js +1 -1
  171. package/components/tabs/themes/tabs.base.css.js.map +1 -1
  172. package/components/tabs/themes/tabs.common.css.d.ts +1 -0
  173. package/components/tabs/themes/tabs.common.css.js +3 -0
  174. package/components/tabs/themes/tabs.common.css.js.map +1 -0
  175. package/components/textarea/textarea.d.ts +31 -34
  176. package/components/textarea/textarea.js +89 -91
  177. package/components/textarea/textarea.js.map +1 -1
  178. package/components/tooltip/tooltip.js.map +1 -1
  179. package/components/types.d.ts +2 -2
  180. package/components/types.js.map +1 -1
  181. package/components/validation-container/themes/dark/validator.indigo.css.js +1 -1
  182. package/components/validation-container/themes/dark/validator.indigo.css.js.map +1 -1
  183. package/custom-elements.json +873 -616
  184. package/igniteui-webcomponents.css-data.json +1 -1
  185. package/igniteui-webcomponents.html-data.json +1 -1
  186. package/index.d.ts +0 -5
  187. package/index.js +0 -1
  188. package/index.js.map +1 -1
  189. package/package.json +4 -3
  190. package/themes/dark/bootstrap.css +1 -1
  191. package/themes/dark/fluent.css +1 -1
  192. package/themes/dark/indigo.css +1 -1
  193. package/themes/dark/material.css +1 -1
  194. package/themes/light/bootstrap.css +1 -1
  195. package/themes/light/fluent.css +1 -1
  196. package/themes/light/indigo.css +1 -1
  197. package/themes/light/material.css +1 -1
  198. package/web-types.json +2 -2
  199. package/components/radio-group/radio-group.base.css.js.map +0 -1
  200. package/components/radio-group/radio-group.fluent.css.js +0 -3
  201. package/components/radio-group/radio-group.fluent.css.js.map +0 -1
  202. package/components/radio-group/radio-group.indigo.css.js +0 -3
  203. package/components/radio-group/radio-group.indigo.css.js.map +0 -1
  204. package/components/radio-group/radio-group.material.css.js +0 -3
  205. package/components/radio-group/radio-group.material.css.js.map +0 -1
  206. package/components/tabs/tab-panel.d.ts +0 -21
  207. package/components/tabs/tab-panel.js +0 -26
  208. package/components/tabs/tab-panel.js.map +0 -1
  209. package/components/tabs/themes/tab-panel.base.css.js +0 -3
  210. package/components/tabs/themes/tab-panel.base.css.js.map +0 -1
  211. /package/components/radio-group/{radio-group.base.css.d.ts → themes/dark/radio-group.bootstrap.css.d.ts} +0 -0
  212. /package/components/radio-group/{radio-group.fluent.css.d.ts → themes/dark/radio-group.fluent.css.d.ts} +0 -0
  213. /package/components/radio-group/{radio-group.indigo.css.d.ts → themes/dark/radio-group.indigo.css.d.ts} +0 -0
  214. /package/components/radio-group/{radio-group.material.css.d.ts → themes/dark/radio-group.material.css.d.ts} +0 -0
  215. /package/components/{tabs/themes/tab-panel.base.css.d.ts → radio-group/themes/light/radio-group.bootstrap.css.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8iEAA8iE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--item-hover-color: var(--ig-tabs-item-hover-color, var(--ig-gray-50-contrast));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-50-contrast));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-400));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-gray-50-contrast));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, var(--ig-gray-100));--button-ripple-color: var(--ig-tabs-button-ripple-color, var(--ig-gray-100));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--ig-theme: indigo;--navigation-border-color: var(--border-color)}`;\n"]}
1
+ {"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,klEAAklE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--item-hover-color: var(--ig-tabs-item-hover-color, var(--ig-gray-50-contrast));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-50-contrast));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-400));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-gray-50-contrast));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, var(--ig-gray-100));--button-ripple-color: var(--ig-tabs-button-ripple-color, var(--ig-gray-100));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--ig-theme: indigo;--navigation-border-color: var(--border-color)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-gray-800));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-900));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-gray-600));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-700));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-400));--button-color: var(--ig-tabs-button-color, var(--ig-gray-600));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-gray-700));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--ig-theme: indigo;--navigation-border-color: var(--border-color)}`;
2
+ export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-gray-800));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-900));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-gray-600));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-700));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-400));--button-color: var(--ig-tabs-button-color, var(--ig-gray-600));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-gray-700));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-900) h s l/0.15));--ig-theme: indigo;--navigation-border-color: var(--border-color)}`;
3
3
  //# sourceMappingURL=tab.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m3CAAm3C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-gray-800));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-900));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-gray-600));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-700));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-400));--button-color: var(--ig-tabs-button-color, var(--ig-gray-600));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-gray-700));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--ig-theme: indigo;--navigation-border-color: var(--border-color)}`;\n"]}
1
+ {"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s9CAAs9C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, var(--ig-gray-800));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-active-color: var(--ig-tabs-item-active-color, var(--ig-gray-900));--item-icon-color: var(--ig-tabs-item-icon-color, var(--ig-gray-600));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, var(--ig-gray-700));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, var(--ig-primary-400));--button-color: var(--ig-tabs-button-color, var(--ig-gray-600));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--button-hover-color: var(--ig-tabs-button-hover-color, var(--ig-gray-700));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-900) h s l/0.15));--ig-theme: indigo;--navigation-border-color: var(--border-color)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{transition:none;border-end-end-radius:0;border-end-start-radius:0}:host(:hover){box-shadow:inset 0 0 0 .0625rem var(--border-color--hover)}:host([selected]){position:relative;box-shadow:inset 0 0 0 .0625rem var(--border-color)}:host([selected])::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:100%;height:.0625rem;background:var(--item-background);z-index:1}:host([selected]:hover){color:var(--item-active-color);border-top-color:var(--border-color);border-inline-color:var(--border-color);border-bottom-color:var(--item-background)}:host(:focus-within),:host([selected]:focus-within){border-radius:var(--border-radius);color:var(--item-hover-color);background:var(--item-background);box-shadow:inset 0 0 0 .125rem var(--item-hover-color);z-index:1}:host(:focus-within)::after,:host([selected]:focus-within)::after{display:none}`;
2
+ export const styles = css `:host{border-end-end-radius:0;border-end-start-radius:0}:host [part=tab-header]{transition:none;border-radius:0;padding:.5rem 1rem}:host [part=tab-header]::before{content:"";position:absolute;border-radius:var(--border-radius) var(--border-radius) 0 0;inset:0;z-index:-1}:host [part=tab-header] ::slotted(igc-icon){transition:none}[part~=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=tab-header]:hover::before{box-shadow:inset 0 var(--_border-size) 0 0 var(--border-color--hover),inset calc(var(--_border-size)*-1) 0 0 0 var(--border-color--hover),inset var(--_border-size) 0 0 0 var(--border-color--hover)}[part=tab-header]:focus,[part=tab-header]:focus-within{background:var(--item-hover-background);z-index:1}[part=tab-header]:focus-within::after{content:"";pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;width:100%;height:100%;box-shadow:inset 0 0 0 .125rem var(--item-hover-color);border-radius:var(--border-radius);z-index:2}:host([selected]) [part=tab-header]{position:relative}:host([selected]) [part=tab-header]::before{box-shadow:inset 0 var(--_border-size) 0 0 var(--border-color),inset calc(var(--_border-size)*-1) 0 0 0 var(--border-color),inset var(--_border-size) 0 0 0 var(--border-color)}:host([selected]) [part=tab-header]:hover{border-top-color:var(--border-color);border-inline-color:var(--border-color);border-bottom-color:var(--item-background)}:host([selected]) [part=tab-header]:focus,:host([selected]) [part=tab-header]:focus-within{background:var(--item-hover-background);z-index:1}:host(:not([selected])) [part=tab-header]{border-radius:0;box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}:host(:not([selected])) [part=tab-header]::before{height:calc(100% - var(--_border-size))}`;
3
3
  //# sourceMappingURL=tab.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,41BAA41B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{transition:none;border-end-end-radius:0;border-end-start-radius:0}:host(:hover){box-shadow:inset 0 0 0 .0625rem var(--border-color--hover)}:host([selected]){position:relative;box-shadow:inset 0 0 0 .0625rem var(--border-color)}:host([selected])::after{content:\"\";position:absolute;bottom:0;inset-inline-start:0;width:100%;height:.0625rem;background:var(--item-background);z-index:1}:host([selected]:hover){color:var(--item-active-color);border-top-color:var(--border-color);border-inline-color:var(--border-color);border-bottom-color:var(--item-background)}:host(:focus-within),:host([selected]:focus-within){border-radius:var(--border-radius);color:var(--item-hover-color);background:var(--item-background);box-shadow:inset 0 0 0 .125rem var(--item-hover-color);z-index:1}:host(:focus-within)::after,:host([selected]:focus-within)::after{display:none}`;\n"]}
1
+ {"version":3,"file":"tab.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0mEAA0mE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-end-end-radius:0;border-end-start-radius:0}:host [part=tab-header]{transition:none;border-radius:0;padding:.5rem 1rem}:host [part=tab-header]::before{content:\"\";position:absolute;border-radius:var(--border-radius) var(--border-radius) 0 0;inset:0;z-index:-1}:host [part=tab-header] ::slotted(igc-icon){transition:none}[part~=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=tab-header]:hover::before{box-shadow:inset 0 var(--_border-size) 0 0 var(--border-color--hover),inset calc(var(--_border-size)*-1) 0 0 0 var(--border-color--hover),inset var(--_border-size) 0 0 0 var(--border-color--hover)}[part=tab-header]:focus,[part=tab-header]:focus-within{background:var(--item-hover-background);z-index:1}[part=tab-header]:focus-within::after{content:\"\";pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;width:100%;height:100%;box-shadow:inset 0 0 0 .125rem var(--item-hover-color);border-radius:var(--border-radius);z-index:2}:host([selected]) [part=tab-header]{position:relative}:host([selected]) [part=tab-header]::before{box-shadow:inset 0 var(--_border-size) 0 0 var(--border-color),inset calc(var(--_border-size)*-1) 0 0 0 var(--border-color),inset var(--_border-size) 0 0 0 var(--border-color)}:host([selected]) [part=tab-header]:hover{border-top-color:var(--border-color);border-inline-color:var(--border-color);border-bottom-color:var(--item-background)}:host([selected]) [part=tab-header]:focus,:host([selected]) [part=tab-header]:focus-within{background:var(--item-hover-background);z-index:1}:host(:not([selected])) [part=tab-header]{border-radius:0;box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}:host(:not([selected])) [part=tab-header]::before{height:calc(100% - var(--_border-size))}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{background:var(--item-background);color:var(--item-text-color);border-radius:var(--border-radius)}:host(:hover),:host(:focus-within){background:var(--item-hover-background);color:var(--item-hover-color)}:host([selected]){color:var(--item-active-color)}:host([selected]) ::slotted(igc-icon){color:var(--item-active-icon-color)}:host([selected]:hover),:host([selected]:focus-within){color:var(--item-active-color)}:host([disabled]){color:var(--item-disabled-color)}`;
2
+ export const styles = css `[part=tab-header]{color:var(--item-text-color);background:var(--item-background);border-radius:var(--border-radius)}[part=tab-header] ::slotted(igc-icon){color:var(--item-icon-color)}[part=tab-header]:hover,[part=tab-header]:focus-within{color:var(--item-hover-color);background:var(--item-hover-background)}[part=tab-header]:hover ::slotted(igc-icon),[part=tab-header]:focus-within ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part=tab-header]{color:var(--item-active-color)}:host([selected]) [part=tab-header] ::slotted(igc-icon){color:var(--item-active-icon-color)}:host([selected]) [part=tab-header]:hover,:host([selected]) [part=tab-header]:focus-within{color:var(--item-active-color)}:host([selected]) [part=tab-header]:hover ::slotted(igc-icon),:host([selected]) [part=tab-header]:focus-within ::slotted(igc-icon){color:var(--item-active-icon-color)}[part=tab-header]:focus-within,[part=tab-header]:focus,:host([selected]) [part=tab-header]:focus-within,:host([selected]) [part=tab-header]:focus{outline:none}:host([disabled]) [part=tab-header]{color:var(--item-disabled-color)}:host([disabled]) [part=tab-header] ::slotted(igc-icon){color:var(--item-disabled-icon-color)}`;
3
3
  //# sourceMappingURL=tab.common.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,udAAud,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{background:var(--item-background);color:var(--item-text-color);border-radius:var(--border-radius)}:host(:hover),:host(:focus-within){background:var(--item-hover-background);color:var(--item-hover-color)}:host([selected]){color:var(--item-active-color)}:host([selected]) ::slotted(igc-icon){color:var(--item-active-icon-color)}:host([selected]:hover),:host([selected]:focus-within){color:var(--item-active-color)}:host([disabled]){color:var(--item-disabled-color)}`;\n"]}
1
+ {"version":3,"file":"tab.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0rCAA0rC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=tab-header]{color:var(--item-text-color);background:var(--item-background);border-radius:var(--border-radius)}[part=tab-header] ::slotted(igc-icon){color:var(--item-icon-color)}[part=tab-header]:hover,[part=tab-header]:focus-within{color:var(--item-hover-color);background:var(--item-hover-background)}[part=tab-header]:hover ::slotted(igc-icon),[part=tab-header]:focus-within ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part=tab-header]{color:var(--item-active-color)}:host([selected]) [part=tab-header] ::slotted(igc-icon){color:var(--item-active-icon-color)}:host([selected]) [part=tab-header]:hover,:host([selected]) [part=tab-header]:focus-within{color:var(--item-active-color)}:host([selected]) [part=tab-header]:hover ::slotted(igc-icon),:host([selected]) [part=tab-header]:focus-within ::slotted(igc-icon){color:var(--item-active-icon-color)}[part=tab-header]:focus-within,[part=tab-header]:focus,:host([selected]) [part=tab-header]:focus-within,:host([selected]) [part=tab-header]:focus{outline:none}:host([disabled]) [part=tab-header]{color:var(--item-disabled-color)}:host([disabled]) [part=tab-header] ::slotted(igc-icon){color:var(--item-disabled-icon-color)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host ::slotted(igc-icon){color:var(--item-icon-color)}:host([disabled]) ::slotted(igc-icon){color:var(--item-disabled-icon-color)}`;
2
+ export const styles = css `[part=tab-header]{transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);padding:.625rem 1rem}[part=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host([selected]) [part=content]{font-weight:700}:host([selected]) [part=tab-header]:hover,:host([selected]) [part=tab-header]:focus-within{color:var(--item-hover-color)}:host([selected]) [part=tab-header]:hover ::slotted(igc-icon),:host([selected]) [part=tab-header]:focus-within ::slotted(igc-icon){color:var(--item-hover-icon-color)}`;
3
3
  //# sourceMappingURL=tab.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qIAAqI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::slotted(igc-icon){color:var(--item-icon-color)}:host([disabled]) ::slotted(igc-icon){color:var(--item-disabled-icon-color)}`;\n"]}
1
+ {"version":3,"file":"tab.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,00BAA00B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=tab-header]{transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);padding:.625rem 1rem}[part=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host([selected]) [part=content]{font-weight:700}:host([selected]) [part=tab-header]:hover,:host([selected]) [part=tab-header]:focus-within{color:var(--item-hover-color)}:host([selected]) [part=tab-header]:hover ::slotted(igc-icon),:host([selected]) [part=tab-header]:focus-within ::slotted(igc-icon){color:var(--item-hover-icon-color)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--btn-hover-color: var(--button-hover-color);border-top:.0625rem solid rgba(0,0,0,0);border-bottom:.0625rem solid var(--border-color);padding-block:.6875rem}:host ::slotted(igc-icon){--ig-size: 2;color:var(--item-icon-color)}:host(:hover) ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([disabled]) ::slotted(igc-icon){color:var(--item-disabled-icon-color)}[part=content]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}`;
2
+ export const styles = css `:host{border-top:.0625rem solid rgba(0,0,0,0)}:host ::slotted(igc-icon){--ig-size: 2}[part=tab-header]{padding:.75rem 1rem}[part=content]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);text-transform:uppercase}`;
3
3
  //# sourceMappingURL=tab.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6zBAA6zB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--btn-hover-color: var(--button-hover-color);border-top:.0625rem solid rgba(0,0,0,0);border-bottom:.0625rem solid var(--border-color);padding-block:.6875rem}:host ::slotted(igc-icon){--ig-size: 2;color:var(--item-icon-color)}:host(:hover) ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([disabled]) ::slotted(igc-icon){color:var(--item-disabled-icon-color)}[part=content]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}`;\n"]}
1
+ {"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ylBAAylB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-top:.0625rem solid rgba(0,0,0,0)}:host ::slotted(igc-icon){--ig-size: 2}[part=tab-header]{padding:.75rem 1rem}[part=content]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);text-transform:uppercase}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `[part~=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=tab-header]{padding:.75rem 1rem}::slotted(igc-icon){--size: 1.5rem}`;
3
+ //# sourceMappingURL=tab.material.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tab.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2eAA2e,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}[part=tab-header]{padding:.75rem 1rem}::slotted(igc-icon){--size: 1.5rem}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part=headers-wrapper]::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:100%;height:.0625rem;background:var(--border-color);z-index:0}[part=selected-indicator]{display:none}`;
2
+ export const styles = css `:host{--header-min-height: 3rem}:host([alignment=start]) [part~=inner]:not([part~=scrollable])::after{box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}:host([alignment=center]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::after{box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}:host([alignment=end]) [part~=inner]:not([part~=scrollable])::before{box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}[part=selected-indicator]{display:none}`;
3
3
  //# sourceMappingURL=tabs.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sMAAsM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=headers-wrapper]::after{content:\"\";position:absolute;bottom:0;inset-inline-start:0;width:100%;height:.0625rem;background:var(--border-color);z-index:0}[part=selected-indicator]{display:none}`;\n"]}
1
+ {"version":3,"file":"tabs.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2jBAA2jB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-min-height: 3rem}:host([alignment=start]) [part~=inner]:not([part~=scrollable])::after{box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}:host([alignment=center]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::after{box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}:host([alignment=end]) [part~=inner]:not([part~=scrollable])::before{box-shadow:inset 0 calc(var(--_border-size)*-1) 0 0 var(--border-color)}[part=selected-indicator]{display:none}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part=headers]{background:var(--item-background)}[part=selected-indicator]{background:var(--indicator-color)}[part=start-scroll-button],[part=end-scroll-button]{background:var(--button-background)}[part=start-scroll-button]:hover,[part=start-scroll-button]:focus,[part=end-scroll-button]:hover,[part=end-scroll-button]:focus{background:var(--button-hover-background)}igc-icon-button::part(base){color:var(--button-color)}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{color:var(--button-hover-color)}igc-icon-button[disabled]::part(base){color:var(--button-disabled-color)}`;
2
+ export const styles = css `[part=start-scroll-button],[part=end-scroll-button]{--foreground: var(--button-color);--background: var(--button-background);--hover-foreground: var(--button-hover-color);--hover-background: var(--button-hover-background);--focus-foreground: var(--button-hover-color);--focus-background: var(--button-hover-background);--active-foreground: var(--button-hover-color);--active-background: var(--button-hover-background);--border-color: var(--button-background);--disabled-foreground: var(--button-disabled-color);--disabled-background: var(--item-background)}[part=start-scroll-button] [part~=base],[part=end-scroll-button] [part~=base]{transition:all 0ms}[part=start-scroll-button]:active,[part=start-scroll-button]:hover,[part=end-scroll-button]:active,[part=end-scroll-button]:hover{--border-color: var(--button-hover-background)}:host([alignment=start]) [part~=inner]:not([part~=scrollable])::after{background:var(--item-background)}:host([alignment=center]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::after{background:var(--item-background)}:host([alignment=end]) [part~=inner]:not([part~=scrollable])::before{background:var(--item-background)}igc-icon-button::part(icon){--size: 1.5rem}`;
3
3
  //# sourceMappingURL=tabs.common.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2lBAA2lB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=headers]{background:var(--item-background)}[part=selected-indicator]{background:var(--indicator-color)}[part=start-scroll-button],[part=end-scroll-button]{background:var(--button-background)}[part=start-scroll-button]:hover,[part=start-scroll-button]:focus,[part=end-scroll-button]:hover,[part=end-scroll-button]:focus{background:var(--button-hover-background)}igc-icon-button::part(base){color:var(--button-color)}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{color:var(--button-hover-color)}igc-icon-button[disabled]::part(base){color:var(--button-disabled-color)}`;\n"]}
1
+ {"version":3,"file":"tabs.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4uCAA4uC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=start-scroll-button],[part=end-scroll-button]{--foreground: var(--button-color);--background: var(--button-background);--hover-foreground: var(--button-hover-color);--hover-background: var(--button-hover-background);--focus-foreground: var(--button-hover-color);--focus-background: var(--button-hover-background);--active-foreground: var(--button-hover-color);--active-background: var(--button-hover-background);--border-color: var(--button-background);--disabled-foreground: var(--button-disabled-color);--disabled-background: var(--item-background)}[part=start-scroll-button] [part~=base],[part=end-scroll-button] [part~=base]{transition:all 0ms}[part=start-scroll-button]:active,[part=start-scroll-button]:hover,[part=end-scroll-button]:active,[part=end-scroll-button]:hover{--border-color: var(--button-hover-background)}:host([alignment=start]) [part~=inner]:not([part~=scrollable])::after{background:var(--item-background)}:host([alignment=center]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::after{background:var(--item-background)}:host([alignment=end]) [part~=inner]:not([part~=scrollable])::before{background:var(--item-background)}igc-icon-button::part(icon){--size: 1.5rem}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `igc-icon-button::part(base) igc-icon{color:var(--button-color)}igc-icon-button[disabled]::part(base){background:inherit}`;
2
+ export const styles = css `:host{--header-min-height: 2.75rem}igc-icon-button::part(base) igc-icon{color:var(--button-color)}igc-icon-button[disabled]::part(base){background:var(--disabled-background)}[part=selected-indicator]{height:.125rem;margin-block-start:calc(0.125rem*-1)}[part=selected-indicator] span{height:.125rem;background:var(--indicator-color)}`;
3
3
  //# sourceMappingURL=tabs.fluent.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0HAA0H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-icon-button::part(base) igc-icon{color:var(--button-color)}igc-icon-button[disabled]::part(base){background:inherit}`;\n"]}
1
+ {"version":3,"file":"tabs.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8UAA8U,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-min-height: 2.75rem}igc-icon-button::part(base) igc-icon{color:var(--button-color)}igc-icon-button[disabled]::part(base){background:var(--disabled-background)}[part=selected-indicator]{height:.125rem;margin-block-start:calc(0.125rem*-1)}[part=selected-indicator] span{height:.125rem;background:var(--indicator-color)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part=headers]{min-height:2.5rem}[part=start-scroll-button],[part=end-scroll-button]{min-width:2.5rem;width:2.5rem;border-bottom:.0625rem solid var(--navigation-border-color)}[part=start-scroll-button]:hover::part(icon),[part=end-scroll-button]:hover::part(icon){color:var(--button-hover-color)}[part=selected-indicator]{height:.1875rem}`;
2
+ export const styles = css `:host{--header-min-height: 2.5rem;--scroll-btn-size: 2.5rem}[part=selected-indicator]{height:.0625rem;position:relative}[part=selected-indicator] span{background:var(--indicator-color);height:.1875rem;inset-block-end:100%}[part=selected-indicator]::before{content:"";position:absolute;width:100%;height:.0625rem;background-color:var(--border-color);inset-block-end:100%}[part=start-scroll-button],[part=end-scroll-button]{--hover-background: var(--button-background);--focus-background: var(--button-background);--active-background: var(--button-background)}[part=start-scroll-button]:active,[part=start-scroll-button]:hover,[part=end-scroll-button]:active,[part=end-scroll-button]:hover{--border-color: var(--button-background)}igc-icon-button:hover::part(base)::after{content:"";position:absolute;inset:0;background-color:var(--button-hover-background);z-index:1}igc-icon-button::part(base){overflow:hidden}igc-icon-button::part(icon){--size: 1rem;z-index:2}`;
3
3
  //# sourceMappingURL=tabs.indigo.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mVAAmV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=headers]{min-height:2.5rem}[part=start-scroll-button],[part=end-scroll-button]{min-width:2.5rem;width:2.5rem;border-bottom:.0625rem solid var(--navigation-border-color)}[part=start-scroll-button]:hover::part(icon),[part=end-scroll-button]:hover::part(icon){color:var(--button-hover-color)}[part=selected-indicator]{height:.1875rem}`;\n"]}
1
+ {"version":3,"file":"tabs.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k8BAAk8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-min-height: 2.5rem;--scroll-btn-size: 2.5rem}[part=selected-indicator]{height:.0625rem;position:relative}[part=selected-indicator] span{background:var(--indicator-color);height:.1875rem;inset-block-end:100%}[part=selected-indicator]::before{content:\"\";position:absolute;width:100%;height:.0625rem;background-color:var(--border-color);inset-block-end:100%}[part=start-scroll-button],[part=end-scroll-button]{--hover-background: var(--button-background);--focus-background: var(--button-background);--active-background: var(--button-background)}[part=start-scroll-button]:active,[part=start-scroll-button]:hover,[part=end-scroll-button]:active,[part=end-scroll-button]:hover{--border-color: var(--button-background)}igc-icon-button:hover::part(base)::after{content:\"\";position:absolute;inset:0;background-color:var(--button-hover-background);z-index:1}igc-icon-button::part(base){overflow:hidden}igc-icon-button::part(icon){--size: 1rem;z-index:2}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css `:host{--header-min-height: 3rem}[part=selected-indicator]{height:.125rem;margin-block-start:calc(0.125rem*-1)}[part=selected-indicator] span{height:.125rem;background:var(--indicator-color)}`;
3
+ //# sourceMappingURL=tabs.material.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gMAAgM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-min-height: 3rem}[part=selected-indicator]{height:.125rem;margin-block-start:calc(0.125rem*-1)}[part=selected-indicator] span{height:.125rem;background:var(--indicator-color)}`;\n"]}
@@ -2,6 +2,7 @@ import { css } from 'lit';
2
2
  import { styles as bootstrap } from './shared/tab/tab.bootstrap.css.js';
3
3
  import { styles as fluent } from './shared/tab/tab.fluent.css.js';
4
4
  import { styles as indigo } from './shared/tab/tab.indigo.css.js';
5
+ import { styles as material } from './shared/tab/tab.material.css.js';
5
6
  const light = {
6
7
  bootstrap: css `
7
8
  ${bootstrap}
@@ -12,6 +13,9 @@ const light = {
12
13
  indigo: css `
13
14
  ${indigo}
14
15
  `,
16
+ material: css `
17
+ ${material}
18
+ `,
15
19
  };
16
20
  const dark = {
17
21
  bootstrap: css `
@@ -23,6 +27,9 @@ const dark = {
23
27
  indigo: css `
24
28
  ${indigo}
25
29
  `,
30
+ material: css `
31
+ ${material}
32
+ `,
26
33
  };
27
34
  export const all = { light, dark };
28
35
  //# sourceMappingURL=tab-themes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab-themes.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tab-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAElE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/tab/tab.bootstrap.css.js';\nimport { styles as fluent } from './shared/tab/tab.fluent.css.js';\nimport { styles as indigo } from './shared/tab/tab.indigo.css.js';\n\nconst light = {\n bootstrap: css`\n ${bootstrap}\n `,\n fluent: css`\n ${fluent}\n `,\n indigo: css`\n ${indigo}\n `,\n};\n\nconst dark = {\n bootstrap: css`\n ${bootstrap}\n `,\n fluent: css`\n ${fluent}\n `,\n indigo: css`\n ${indigo}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
1
+ {"version":3,"file":"tab-themes.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tab-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAEtE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/tab/tab.bootstrap.css.js';\nimport { styles as fluent } from './shared/tab/tab.fluent.css.js';\nimport { styles as indigo } from './shared/tab/tab.indigo.css.js';\nimport { styles as material } from './shared/tab/tab.material.css.js';\n\nconst light = {\n bootstrap: css`\n ${bootstrap}\n `,\n fluent: css`\n ${fluent}\n `,\n indigo: css`\n ${indigo}\n `,\n material: css`\n ${material}\n `,\n};\n\nconst dark = {\n bootstrap: css`\n ${bootstrap}\n `,\n fluent: css`\n ${fluent}\n `,\n indigo: css`\n ${indigo}\n `,\n material: css`\n ${material}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;min-width:5.625rem;max-width:22.5rem;word-wrap:break-word;padding:.75rem 1rem;overflow:hidden;cursor:pointer;position:relative;transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host ::slotted(igc-icon){--ig-size: 3}:host([disabled]){pointer-events:none;cursor:initial}[part=base]{display:flex;align-items:center;justify-content:space-between;outline-style:none;gap:.5rem}[part=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline-style:none;gap:.5rem}[part=content] ::slotted(*){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part=content] ::slotted(igc-icon){display:flex}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=tab-header]{display:flex;scroll-snap-align:var(--_ig-tab-snap);flex-direction:column;align-items:center;flex-shrink:0;text-align:center;justify-content:center;pointer-events:all;height:100%;max-width:var(--tab-max-width--justify, 22.5rem);min-width:5.625rem;cursor:pointer;position:relative;z-index:1;grid-row:1;overflow-wrap:anywhere;transition:background-color .3s cubic-bezier(0.35, 0, 0.25, 1),color .3s cubic-bezier(0.35, 0, 0.25, 1)}[part~=tab-header] ::slotted(igc-icon){transition:color .3s cubic-bezier(0.35, 0, 0.25, 1)}[part~=tab-header]:focus-within{outline-color:rgba(0,0,0,0)}[part=base]{display:flex;grid-row:var(--header-bottom, 1);align-items:center;justify-content:center;gap:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none}[part~=content]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline-style:none;gap:.5rem;flex:1}[part~=content] ::slotted(*){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part~=content] ::slotted(igc-icon){display:flex}[part~=tab-body]{display:none;position:sticky;inset-inline-start:0;width:100%;height:100%;grid-row:3;grid-column:1/-1;max-width:var(--_ig-tabs-width);transition:transform 250ms ease-in-out}:host([selected]) [part~=tab-body]{display:block;transform:translateX(0)}:host([disabled]) [part=tab-header]{pointer-events:none;cursor:initial}`;
3
3
  //# sourceMappingURL=tab.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tab.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mpEAAmpE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;min-width:5.625rem;max-width:22.5rem;word-wrap:break-word;padding:.75rem 1rem;overflow:hidden;cursor:pointer;position:relative;transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host ::slotted(igc-icon){--ig-size: 3}:host([disabled]){pointer-events:none;cursor:initial}[part=base]{display:flex;align-items:center;justify-content:space-between;outline-style:none;gap:.5rem}[part=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline-style:none;gap:.5rem}[part=content] ::slotted(*){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part=content] ::slotted(igc-icon){display:flex}`;\n"]}
1
+ {"version":3,"file":"tab.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tab.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s8EAAs8E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=tab-header]{display:flex;scroll-snap-align:var(--_ig-tab-snap);flex-direction:column;align-items:center;flex-shrink:0;text-align:center;justify-content:center;pointer-events:all;height:100%;max-width:var(--tab-max-width--justify, 22.5rem);min-width:5.625rem;cursor:pointer;position:relative;z-index:1;grid-row:1;overflow-wrap:anywhere;transition:background-color .3s cubic-bezier(0.35, 0, 0.25, 1),color .3s cubic-bezier(0.35, 0, 0.25, 1)}[part~=tab-header] ::slotted(igc-icon){transition:color .3s cubic-bezier(0.35, 0, 0.25, 1)}[part~=tab-header]:focus-within{outline-color:rgba(0,0,0,0)}[part=base]{display:flex;grid-row:var(--header-bottom, 1);align-items:center;justify-content:center;gap:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline-style:none}[part~=content]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline-style:none;gap:.5rem;flex:1}[part~=content] ::slotted(*){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part~=content] ::slotted(igc-icon){display:flex}[part~=tab-body]{display:none;position:sticky;inset-inline-start:0;width:100%;height:100%;grid-row:3;grid-column:1/-1;max-width:var(--_ig-tabs-width);transition:transform 250ms ease-in-out}:host([selected]) [part~=tab-body]{display:block;transform:translateX(0)}:host([disabled]) [part=tab-header]{pointer-events:none;cursor:initial}`;\n"]}
@@ -12,6 +12,7 @@ import { styles as sharedLight } from './light/tab.shared.css.js';
12
12
  import { styles as bootstrap } from './shared/tabs/tabs.bootstrap.css.js';
13
13
  import { styles as fluent } from './shared/tabs/tabs.fluent.css.js';
14
14
  import { styles as indigo } from './shared/tabs/tabs.indigo.css.js';
15
+ import { styles as material } from './shared/tabs/tabs.material.css.js';
15
16
  const light = {
16
17
  shared: css `
17
18
  ${sharedLight}
@@ -20,7 +21,7 @@ const light = {
20
21
  ${bootstrap} ${bootstrapLight}
21
22
  `,
22
23
  material: css `
23
- ${materialLight}
24
+ ${material} ${materialLight}
24
25
  `,
25
26
  fluent: css `
26
27
  ${fluent} ${fluentLight}
@@ -37,7 +38,7 @@ const dark = {
37
38
  ${bootstrap} ${bootstrapDark}
38
39
  `,
39
40
  material: css `
40
- ${materialDark}
41
+ ${material} ${materialDark}
41
42
  `,
42
43
  fluent: css `
43
44
  ${fluent} ${fluentDark}
@@ -1 +1 @@
1
- {"version":3,"file":"tabs-themes.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/tab.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/tab.fluent.css.js';\nimport { styles as indigoDark } from './dark/tab.indigo.css.js';\nimport { styles as materialDark } from './dark/tab.material.css.js';\nimport { styles as sharedDark } from './dark/tab.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/tab.bootstrap.css.js';\nimport { styles as fluentLight } from './light/tab.fluent.css.js';\nimport { styles as indigoLight } from './light/tab.indigo.css.js';\nimport { styles as materialLight } from './light/tab.material.css.js';\nimport { styles as sharedLight } from './light/tab.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/tabs/tabs.bootstrap.css.js';\nimport { styles as fluent } from './shared/tabs/tabs.fluent.css.js';\nimport { styles as indigo } from './shared/tabs/tabs.indigo.css.js';\n\nconst light = {\n shared: css`\n ${sharedLight}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${sharedDark}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
1
+ {"version":3,"file":"tabs-themes.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAExE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/tab.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/tab.fluent.css.js';\nimport { styles as indigoDark } from './dark/tab.indigo.css.js';\nimport { styles as materialDark } from './dark/tab.material.css.js';\nimport { styles as sharedDark } from './dark/tab.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/tab.bootstrap.css.js';\nimport { styles as fluentLight } from './light/tab.fluent.css.js';\nimport { styles as indigoLight } from './light/tab.indigo.css.js';\nimport { styles as materialLight } from './light/tab.material.css.js';\nimport { styles as sharedLight } from './light/tab.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/tabs/tabs.bootstrap.css.js';\nimport { styles as fluent } from './shared/tabs/tabs.fluent.css.js';\nimport { styles as indigo } from './shared/tabs/tabs.indigo.css.js';\nimport { styles as material } from './shared/tabs/tabs.material.css.js';\n\nconst light = {\n shared: css`\n ${sharedLight}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${material} ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${sharedDark}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${material} ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column;overflow:hidden}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){flex-basis:100px;flex-grow:1;max-width:100%}[part=headers]{display:flex;overflow:hidden;min-height:2.625rem;flex:none}[part=headers-content]{display:flex;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;flex-grow:1}[part=headers-scroll]{display:flex;height:100%}[part=content]{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;transform:translateX(0);height:.125rem;min-width:5.625rem;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{display:flex;align-items:center;justify-content:center;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;height:inherit;cursor:pointer;position:relative}[part=start-scroll-button] ::slotted(*),[part=end-scroll-button] ::slotted(*){box-shadow:none}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{background:rgba(0,0,0,0);box-shadow:none}:host-context([dir=rtl]) [part=start-scroll-button],:host-context([dir=rtl]) [part=end-scroll-button],:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{transform:scaleX(-1)}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--scroll-btn-size: 3rem;--_border-size: 0.0625rem;display:block;overflow:hidden;position:relative;height:100%}:host([alignment=end]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::after,:host([alignment=start]) [part~=inner]:not([part~=scrollable])::after{content:"";width:100%;height:100%;grid-row:1}[part~=tabs]{display:flex;height:100%;scroll-padding-inline:var(--scroll-btn-size);scroll-behavior:smooth;overflow:scroll hidden;scroll-snap-type:both proximity;scrollbar-width:none;overscroll-behavior:none}[part~=tabs]::-webkit-scrollbar{display:none}[part~=inner]{display:grid;grid-template-rows:minmax(var(--header-min-height), auto) auto 1fr;align-items:center;position:relative;flex-grow:1}[part~=inner] ::slotted(igc-tab){display:contents}[part~=scrollable]{grid-template-columns:var(--scroll-btn-size) repeat(var(--_tabs-count), minmax(max-content, auto)) var(--scroll-btn-size)}[part~=inner]:not([part~=scrollable]){grid-template-columns:repeat(var(--_tabs-count), minmax(auto, min-content));min-width:5.625rem}:host([alignment=start]) [part~=inner]:not([part~=scrollable]){grid-template-columns:repeat(var(--_tabs-count), minmax(max-content, auto)) 1fr}:host([alignment=center]) [part~=inner]:not([part~=scrollable]){grid-template-columns:1fr repeat(var(--_tabs-count), minmax(max-content, auto)) 1fr}:host([alignment=end]) [part~=inner]:not([part~=scrollable]){grid-template-columns:1fr repeat(var(--_tabs-count), minmax(max-content, auto))}:host([alignment=justify]){--tab-max-width--justify: 100%}:host([alignment=justify]) [part~=scrollable]{grid-template-columns:var(--scroll-btn-size) repeat(var(--_tabs-count), minmax(5.625rem, 1fr)) var(--scroll-btn-size)}:host([alignment=justify]) [part~=inner]:not([part~=scrollable]){grid-template-columns:repeat(var(--_tabs-count), minmax(5.625rem, auto))}[part~=start-scroll-button],[part~=end-scroll-button]{grid-row:1;position:sticky;top:0;height:100%;min-width:var(--scroll-btn-size);width:var(--scroll-btn-size);z-index:2;transform:scaleX(calc(var(--ig-dir, 1) * 1));touch-action:none}[part~=start-scroll-button]{inset-inline-start:0}[part~=end-scroll-button]{inset-inline-end:0}igc-icon-button::part(base){border-radius:0;padding:0;height:100%;width:100%;transition:none}[part=selected-indicator]{position:relative;grid-row:2;grid-column:1/-1}[part=selected-indicator] span{position:absolute;display:inline-block;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1);z-index:1}`;
3
3
  //# sourceMappingURL=tabs.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,msFAAmsF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column;overflow:hidden}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){flex-basis:100px;flex-grow:1;max-width:100%}[part=headers]{display:flex;overflow:hidden;min-height:2.625rem;flex:none}[part=headers-content]{display:flex;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;flex-grow:1}[part=headers-scroll]{display:flex;height:100%}[part=content]{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;transform:translateX(0);height:.125rem;min-width:5.625rem;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{display:flex;align-items:center;justify-content:center;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;height:inherit;cursor:pointer;position:relative}[part=start-scroll-button] ::slotted(*),[part=end-scroll-button] ::slotted(*){box-shadow:none}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{background:rgba(0,0,0,0);box-shadow:none}:host-context([dir=rtl]) [part=start-scroll-button],:host-context([dir=rtl]) [part=end-scroll-button],:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{transform:scaleX(-1)}`;\n"]}
1
+ {"version":3,"file":"tabs.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0gHAA0gH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--scroll-btn-size: 3rem;--_border-size: 0.0625rem;display:block;overflow:hidden;position:relative;height:100%}:host([alignment=end]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::before,:host([alignment=center]) [part~=inner]:not([part~=scrollable])::after,:host([alignment=start]) [part~=inner]:not([part~=scrollable])::after{content:\"\";width:100%;height:100%;grid-row:1}[part~=tabs]{display:flex;height:100%;scroll-padding-inline:var(--scroll-btn-size);scroll-behavior:smooth;overflow:scroll hidden;scroll-snap-type:both proximity;scrollbar-width:none;overscroll-behavior:none}[part~=tabs]::-webkit-scrollbar{display:none}[part~=inner]{display:grid;grid-template-rows:minmax(var(--header-min-height), auto) auto 1fr;align-items:center;position:relative;flex-grow:1}[part~=inner] ::slotted(igc-tab){display:contents}[part~=scrollable]{grid-template-columns:var(--scroll-btn-size) repeat(var(--_tabs-count), minmax(max-content, auto)) var(--scroll-btn-size)}[part~=inner]:not([part~=scrollable]){grid-template-columns:repeat(var(--_tabs-count), minmax(auto, min-content));min-width:5.625rem}:host([alignment=start]) [part~=inner]:not([part~=scrollable]){grid-template-columns:repeat(var(--_tabs-count), minmax(max-content, auto)) 1fr}:host([alignment=center]) [part~=inner]:not([part~=scrollable]){grid-template-columns:1fr repeat(var(--_tabs-count), minmax(max-content, auto)) 1fr}:host([alignment=end]) [part~=inner]:not([part~=scrollable]){grid-template-columns:1fr repeat(var(--_tabs-count), minmax(max-content, auto))}:host([alignment=justify]){--tab-max-width--justify: 100%}:host([alignment=justify]) [part~=scrollable]{grid-template-columns:var(--scroll-btn-size) repeat(var(--_tabs-count), minmax(5.625rem, 1fr)) var(--scroll-btn-size)}:host([alignment=justify]) [part~=inner]:not([part~=scrollable]){grid-template-columns:repeat(var(--_tabs-count), minmax(5.625rem, auto))}[part~=start-scroll-button],[part~=end-scroll-button]{grid-row:1;position:sticky;top:0;height:100%;min-width:var(--scroll-btn-size);width:var(--scroll-btn-size);z-index:2;transform:scaleX(calc(var(--ig-dir, 1) * 1));touch-action:none}[part~=start-scroll-button]{inset-inline-start:0}[part~=end-scroll-button]{inset-inline-end:0}igc-icon-button::part(base){border-radius:0;padding:0;height:100%;width:100%;transition:none}[part=selected-indicator]{position:relative;grid-row:2;grid-column:1/-1}[part=selected-indicator] span{position:absolute;display:inline-block;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1);z-index:1}`;\n"]}
@@ -0,0 +1 @@
1
+ export declare const styles: import("lit").CSSResult;
@@ -0,0 +1,3 @@
1
+ import { css } from 'lit';
2
+ export const styles = css ``;
3
+ //# sourceMappingURL=tabs.common.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.common.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
@@ -48,14 +48,13 @@ export default class IgcTextareaComponent extends IgcTextareaComponent_base {
48
48
  };
49
49
  private static readonly increment;
50
50
  protected get __validators(): import("../common/validators.js").Validator<IgcTextareaComponent>[];
51
- protected _formValue: FormValue<string>;
52
- protected inputId: string;
53
- private observer;
54
- private projected;
55
- protected prefixes: Array<HTMLElement>;
56
- protected suffixes: Array<HTMLElement>;
57
- private input;
58
- private get resizeStyles();
51
+ protected readonly _formValue: FormValue<string>;
52
+ protected readonly _inputId: string;
53
+ private readonly _projected;
54
+ protected readonly _prefixes: HTMLElement[];
55
+ protected readonly _suffixes: HTMLElement[];
56
+ private readonly _input;
57
+ private get _resizeStyles();
59
58
  protected get _isMaterial(): boolean;
60
59
  /**
61
60
  * Specifies what if any permission the browser has to provide for automated assistance in filling out form field values,
@@ -72,7 +71,7 @@ export default class IgcTextareaComponent extends IgcTextareaComponent_base {
72
71
  *
73
72
  * @attr
74
73
  */
75
- autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
74
+ autocapitalize: string;
76
75
  /**
77
76
  * Hints at the type of data that might be entered by the user while editing the element or its contents.
78
77
  * This allows a browser to display an appropriate virtual keyboard.
@@ -81,7 +80,7 @@ export default class IgcTextareaComponent extends IgcTextareaComponent_base {
81
80
  *
82
81
  * @attr inputmode
83
82
  */
84
- inputMode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
83
+ inputMode: string;
85
84
  /**
86
85
  * The label for the control.
87
86
  *
@@ -160,11 +159,22 @@ export default class IgcTextareaComponent extends IgcTextareaComponent_base {
160
159
  * @attr validate-only
161
160
  */
162
161
  validateOnly: boolean;
163
- protected valueChanged(): Promise<void>;
164
- protected setAreaHeight(): void;
162
+ protected _valueChanged(): Promise<void>;
163
+ protected _setAreaHeight(): void;
165
164
  constructor();
166
- connectedCallback(): Promise<void>;
167
- disconnectedCallback(): void;
165
+ protected createRenderRoot(): HTMLElement | DocumentFragment;
166
+ protected _resolvePartNames(): {
167
+ container: boolean;
168
+ prefixed: boolean;
169
+ suffixed: boolean;
170
+ filled: boolean;
171
+ };
172
+ private _setAutoHeight;
173
+ protected _handleSlotChange({ target }: Event): void;
174
+ protected _handleInput(): void;
175
+ protected _handleChange(): void;
176
+ protected _handleFocus(): void;
177
+ protected _handleBlur(): void;
168
178
  /** Selects all text within the control. */
169
179
  select(): void;
170
180
  /** Sets the text selection range of the control */
@@ -173,26 +183,13 @@ export default class IgcTextareaComponent extends IgcTextareaComponent_base {
173
183
  setRangeText(replacement: string, start: number, end: number, selectMode?: RangeTextSelectMode): void;
174
184
  scrollTo(options?: ScrollToOptions | undefined): void;
175
185
  scrollTo(x: number, y: number): void;
176
- protected resolvePartNames(): {
177
- container: boolean;
178
- prefixed: boolean;
179
- suffixed: boolean;
180
- filled: boolean;
181
- };
182
- private setAutoHeight;
183
- protected handleInput(): void;
184
- protected handleChange(): void;
185
- protected handleFocus(): void;
186
- protected handleBlur(): void;
187
- protected valueSlotChange(): void;
188
- protected renderValueSlot(): TemplateResult<1>;
189
- protected renderValidationContainer(): TemplateResult;
190
- protected renderPrefix(): TemplateResult<1>;
191
- protected renderSuffix(): TemplateResult<1>;
192
- protected renderLabel(): TemplateResult<1> | typeof nothing;
193
- protected renderStandard(): TemplateResult<1>;
194
- protected renderMaterial(): TemplateResult<1>;
195
- protected renderInput(): TemplateResult<1>;
186
+ protected _renderPrefix(): TemplateResult<1>;
187
+ protected _renderSuffix(): TemplateResult<1>;
188
+ protected _renderLabel(): TemplateResult<1> | typeof nothing;
189
+ protected _renderStandard(): TemplateResult<1>;
190
+ protected _renderMaterial(): TemplateResult<1>;
191
+ protected _renderInput(): TemplateResult<1>;
192
+ protected _renderValidationContainer(): TemplateResult;
196
193
  protected render(): TemplateResult<1>;
197
194
  }
198
195
  declare global {