igniteui-webcomponents 4.0.0-alpha.2 → 4.0.0

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 (240) hide show
  1. package/CHANGELOG.md +33 -2
  2. package/README.md +17 -15
  3. package/components/avatar/themes/avatar.base.css.js +20 -12
  4. package/components/avatar/themes/avatar.base.css.js.map +1 -1
  5. package/components/badge/themes/light/badge.base.css.js +13 -6
  6. package/components/badge/themes/light/badge.base.css.js.map +1 -1
  7. package/components/button/icon-button.js +13 -10
  8. package/components/button/icon-button.js.map +1 -1
  9. package/components/button/themes/button/light/button.base.css.js +41 -37
  10. package/components/button/themes/button/light/button.base.css.js.map +1 -1
  11. package/components/button/themes/button/light/button.bootstrap.css.js +4 -12
  12. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  13. package/components/button/themes/button/light/button.fluent.css.js +5 -15
  14. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  15. package/components/button/themes/button/light/button.indigo.css.js +6 -18
  16. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  17. package/components/button/themes/button/light/button.material.css.js +41 -37
  18. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  19. package/components/button/themes/icon-button/light/icon-button.base.css.js +22 -25
  20. package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
  21. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +7 -18
  22. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
  23. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +7 -17
  24. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
  25. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +7 -17
  26. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
  27. package/components/button/themes/icon-button/light/icon-button.material.css.js +6 -13
  28. package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -1
  29. package/components/calendar/days-view/days-view.d.ts +2 -0
  30. package/components/calendar/days-view/days-view.js +17 -5
  31. package/components/calendar/days-view/days-view.js.map +1 -1
  32. package/components/calendar/themes/calendar.base.css.js +66 -89
  33. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  34. package/components/calendar/themes/days-view.base.css.js +0 -1
  35. package/components/calendar/themes/days-view.base.css.js.map +1 -1
  36. package/components/calendar/themes/fluent/calendar.fluent.css.js +66 -89
  37. package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
  38. package/components/card/themes/light/card.actions.bootstrap.css.js +13 -6
  39. package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -1
  40. package/components/card/themes/light/card.actions.material.css.js +13 -6
  41. package/components/card/themes/light/card.actions.material.css.js.map +1 -1
  42. package/components/card/themes/light/card.content.bootstrap.css.js +13 -6
  43. package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -1
  44. package/components/card/themes/light/card.content.indigo.css.js +13 -6
  45. package/components/card/themes/light/card.content.indigo.css.js.map +1 -1
  46. package/components/card/themes/light/card.content.material.css.js +13 -6
  47. package/components/card/themes/light/card.content.material.css.js.map +1 -1
  48. package/components/card/themes/light/card.header.bootstrap.css.js +13 -6
  49. package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
  50. package/components/card/themes/light/card.header.fluent.css.js +13 -6
  51. package/components/card/themes/light/card.header.fluent.css.js.map +1 -1
  52. package/components/card/themes/light/card.header.indigo.css.js +13 -6
  53. package/components/card/themes/light/card.header.indigo.css.js.map +1 -1
  54. package/components/card/themes/light/card.header.material.css.js +13 -6
  55. package/components/card/themes/light/card.header.material.css.js.map +1 -1
  56. package/components/card/themes/light/card.material.css.js +13 -6
  57. package/components/card/themes/light/card.material.css.js.map +1 -1
  58. package/components/card/themes/light/card.media.material.css.js +13 -6
  59. package/components/card/themes/light/card.media.material.css.js.map +1 -1
  60. package/components/checkbox/checkbox-base.d.ts +2 -0
  61. package/components/checkbox/checkbox-base.js +3 -0
  62. package/components/checkbox/checkbox-base.js.map +1 -1
  63. package/components/checkbox/themes/light/checkbox.base.css.js +16 -8
  64. package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
  65. package/components/checkbox/themes/light/checkbox.bootstrap.css.js +4 -3
  66. package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -1
  67. package/components/checkbox/themes/light/switch.base.css.js +13 -6
  68. package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
  69. package/components/chip/themes/chip.base.css.js +53 -46
  70. package/components/chip/themes/chip.base.css.js.map +1 -1
  71. package/components/chip/themes/chip.bootstrap.css.js +53 -46
  72. package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
  73. package/components/chip/themes/chip.fluent.css.js +53 -46
  74. package/components/chip/themes/chip.fluent.css.js.map +1 -1
  75. package/components/chip/themes/chip.indigo.css.js +53 -46
  76. package/components/chip/themes/chip.indigo.css.js.map +1 -1
  77. package/components/chip/themes/chip.material.css.js +53 -46
  78. package/components/chip/themes/chip.material.css.js.map +1 -1
  79. package/components/dialog/dialog.d.ts +69 -0
  80. package/components/dialog/dialog.js +168 -0
  81. package/components/dialog/dialog.js.map +1 -0
  82. package/components/dialog/themes/light/dialog.base.css.d.ts +1 -0
  83. package/components/dialog/themes/light/dialog.base.css.js +127 -0
  84. package/components/dialog/themes/light/dialog.base.css.js.map +1 -0
  85. package/components/dialog/themes/light/dialog.bootstrap.css.d.ts +1 -0
  86. package/components/dialog/themes/light/dialog.bootstrap.css.js +42 -0
  87. package/components/dialog/themes/light/dialog.bootstrap.css.js.map +1 -0
  88. package/components/dialog/themes/light/dialog.fluent.css.d.ts +1 -0
  89. package/components/dialog/themes/light/dialog.fluent.css.js +24 -0
  90. package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -0
  91. package/components/dialog/themes/light/dialog.indigo.css.d.ts +1 -0
  92. package/components/dialog/themes/light/dialog.indigo.css.js +17 -0
  93. package/components/dialog/themes/light/dialog.indigo.css.js.map +1 -0
  94. package/components/dialog/themes/light/dialog.material.css.d.ts +1 -0
  95. package/components/dialog/themes/light/dialog.material.css.js +18 -0
  96. package/components/dialog/themes/light/dialog.material.css.js.map +1 -0
  97. package/components/dropdown/dropdown-header.js +2 -1
  98. package/components/dropdown/dropdown-header.js.map +1 -1
  99. package/components/dropdown/dropdown.js +2 -0
  100. package/components/dropdown/dropdown.js.map +1 -1
  101. package/components/dropdown/themes/light/dropdown-group.base.css.js +15 -30
  102. package/components/dropdown/themes/light/dropdown-group.base.css.js.map +1 -1
  103. package/components/dropdown/themes/light/dropdown-group.fluent.css.js +2 -16
  104. package/components/dropdown/themes/light/dropdown-group.fluent.css.js.map +1 -1
  105. package/components/dropdown/themes/light/dropdown-header.base.css.js +15 -6
  106. package/components/dropdown/themes/light/dropdown-header.base.css.js.map +1 -1
  107. package/components/dropdown/themes/light/dropdown-header.fluent.css.d.ts +1 -0
  108. package/components/dropdown/themes/light/dropdown-header.fluent.css.js +6 -0
  109. package/components/dropdown/themes/light/dropdown-header.fluent.css.js.map +1 -0
  110. package/components/dropdown/themes/light/dropdown-item.base.css.js +19 -10
  111. package/components/dropdown/themes/light/dropdown-item.base.css.js.map +1 -1
  112. package/components/dropdown/themes/light/dropdown-item.fluent.css.js +4 -0
  113. package/components/dropdown/themes/light/dropdown-item.fluent.css.js.map +1 -1
  114. package/components/dropdown/themes/light/dropdown.base.css.js +19 -24
  115. package/components/dropdown/themes/light/dropdown.base.css.js.map +1 -1
  116. package/components/dropdown/themes/light/dropdown.fluent.css.js +0 -18
  117. package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -1
  118. package/components/expansion-panel/themes/light/expansion-panel.base.css.js +8 -6
  119. package/components/expansion-panel/themes/light/expansion-panel.base.css.js.map +1 -1
  120. package/components/form/form.js +3 -3
  121. package/components/form/form.js.map +1 -1
  122. package/components/icon/icon.material.css.js +19 -11
  123. package/components/icon/icon.material.css.js.map +1 -1
  124. package/components/input/input.d.ts +2 -0
  125. package/components/input/input.js +3 -0
  126. package/components/input/input.js.map +1 -1
  127. package/components/input/themes/light/input.base.css.js +28 -22
  128. package/components/input/themes/light/input.base.css.js.map +1 -1
  129. package/components/input/themes/light/input.bootstrap.css.js +26 -45
  130. package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
  131. package/components/input/themes/light/input.fluent.css.js +20 -34
  132. package/components/input/themes/light/input.fluent.css.js.map +1 -1
  133. package/components/list/themes/light/list-header.base.css.js +15 -6
  134. package/components/list/themes/light/list-header.base.css.js.map +1 -1
  135. package/components/list/themes/light/list-item.base.css.js +19 -10
  136. package/components/list/themes/light/list-item.base.css.js.map +1 -1
  137. package/components/list/themes/light/list.base.css.js +19 -15
  138. package/components/list/themes/light/list.base.css.js.map +1 -1
  139. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js +13 -6
  140. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js.map +1 -1
  141. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js +13 -6
  142. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js.map +1 -1
  143. package/components/nav-drawer/themes/light/nav-drawer.base.css.js +13 -6
  144. package/components/nav-drawer/themes/light/nav-drawer.base.css.js.map +1 -1
  145. package/components/navbar/themes/light/navbar.base.css.js +13 -6
  146. package/components/navbar/themes/light/navbar.base.css.js.map +1 -1
  147. package/components/progress/themes/circular/circular.progress.base.css.js +39 -30
  148. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  149. package/components/progress/themes/circular/circular.progress.bootstrap.css.js +2 -2
  150. package/components/progress/themes/circular/circular.progress.bootstrap.css.js.map +1 -1
  151. package/components/progress/themes/circular/circular.progress.fluent.css.js +1 -1
  152. package/components/progress/themes/circular/circular.progress.fluent.css.js.map +1 -1
  153. package/components/progress/themes/linear/linear.progress.base.css.js +29 -22
  154. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  155. package/components/progress/themes/linear/linear.progress.bootstrap.css.js +29 -22
  156. package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -1
  157. package/components/progress/themes/linear/linear.progress.indigo.css.js +13 -6
  158. package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -1
  159. package/components/radio/radio.d.ts +3 -1
  160. package/components/radio/radio.js +4 -1
  161. package/components/radio/radio.js.map +1 -1
  162. package/components/radio/themes/light/radio.base.css.js +13 -6
  163. package/components/radio/themes/light/radio.base.css.js.map +1 -1
  164. package/components/radio-group/radio-group.base.css.js +13 -6
  165. package/components/radio-group/radio-group.base.css.js.map +1 -1
  166. package/components/rating/rating-symbol.base.css.js +14 -6
  167. package/components/rating/rating-symbol.base.css.js.map +1 -1
  168. package/components/rating/rating.base.css.js +18 -11
  169. package/components/rating/rating.base.css.js.map +1 -1
  170. package/components/ripple/ripple.material.css.js +13 -6
  171. package/components/ripple/ripple.material.css.js.map +1 -1
  172. package/components/select/select.d.ts +4 -0
  173. package/components/select/select.js +20 -8
  174. package/components/select/select.js.map +1 -1
  175. package/components/select/themes/light/select.base.css.js +26 -24
  176. package/components/select/themes/light/select.base.css.js.map +1 -1
  177. package/components/select/themes/light/select.fluent.css.js +6 -8
  178. package/components/select/themes/light/select.fluent.css.js.map +1 -1
  179. package/components/slider/range-slider.d.ts +2 -0
  180. package/components/slider/range-slider.js +65 -0
  181. package/components/slider/range-slider.js.map +1 -1
  182. package/components/slider/slider-base.d.ts +9 -7
  183. package/components/slider/slider-base.js +16 -2
  184. package/components/slider/slider-base.js.map +1 -1
  185. package/components/slider/themes/light/slider.base.css.js +18 -11
  186. package/components/slider/themes/light/slider.base.css.js.map +1 -1
  187. package/components/slider/themes/light/slider.bootstrap.css.js +2 -2
  188. package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -1
  189. package/components/slider/themes/light/slider.fluent.css.js +29 -11
  190. package/components/slider/themes/light/slider.fluent.css.js.map +1 -1
  191. package/components/slider/themes/light/slider.indigo.css.js +4 -4
  192. package/components/slider/themes/light/slider.indigo.css.js.map +1 -1
  193. package/components/slider/themes/light/slider.material.css.js +5 -5
  194. package/components/slider/themes/light/slider.material.css.js.map +1 -1
  195. package/components/snackbar/themes/light/snackbar.base.css.js +13 -6
  196. package/components/snackbar/themes/light/snackbar.base.css.js.map +1 -1
  197. package/components/tabs/tab-panel.js +1 -0
  198. package/components/tabs/tab-panel.js.map +1 -1
  199. package/components/tabs/tabs.js +2 -3
  200. package/components/tabs/tabs.js.map +1 -1
  201. package/components/tabs/themes/light/tab-panel.base.css.js +13 -7
  202. package/components/tabs/themes/light/tab-panel.base.css.js.map +1 -1
  203. package/components/tabs/themes/light/tab.base.css.js +13 -6
  204. package/components/tabs/themes/light/tab.base.css.js.map +1 -1
  205. package/components/tabs/themes/light/tabs.base.css.js +13 -6
  206. package/components/tabs/themes/light/tabs.base.css.js.map +1 -1
  207. package/components/toggle/toggle.controller.d.ts +1 -1
  208. package/components/toggle/toggle.controller.js.map +1 -1
  209. package/components/toggle/toggle.directive.d.ts +2 -2
  210. package/components/toggle/toggle.directive.js.map +1 -1
  211. package/components/tree/themes/light/tree-item.base.css.js +17 -28
  212. package/components/tree/themes/light/tree-item.base.css.js.map +1 -1
  213. package/components/tree/themes/light/tree.base.css.js +25 -6
  214. package/components/tree/themes/light/tree.base.css.js.map +1 -1
  215. package/custom-elements.json +129 -0
  216. package/index.d.ts +3 -1
  217. package/index.js +2 -0
  218. package/index.js.map +1 -1
  219. package/package.json +3 -3
  220. package/themes/dark/bootstrap.css +159 -91
  221. package/themes/dark/fluent.css +162 -94
  222. package/themes/dark/indigo.css +79 -11
  223. package/themes/dark/material.css +160 -92
  224. package/themes/light/bootstrap.css +158 -90
  225. package/themes/light/fluent.css +158 -90
  226. package/themes/light/indigo.css +78 -10
  227. package/themes/light/material.css +159 -91
  228. package/theming/config.d.ts +1 -1
  229. package/theming/config.js +1 -2
  230. package/theming/config.js.map +1 -1
  231. package/theming/index.d.ts +1 -1
  232. package/theming/index.js +1 -1
  233. package/theming/index.js.map +1 -1
  234. package/theming/theming-controller.d.ts +1 -1
  235. package/theming/theming-controller.js.map +1 -1
  236. package/theming/theming-decorator.d.ts +1 -1
  237. package/theming/theming-decorator.js.map +1 -1
  238. package/theming/theming-event.d.ts +1 -1
  239. package/theming/theming-event.js.map +1 -1
  240. package/vscode-html-custom-data.json +39 -1
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nexport { default as IgcAvatarComponent } from './components/avatar/avatar.js';\nexport { default as IgcAccordionComponent } from './components/accordion/accordion.js';\nexport { default as IgcBadgeComponent } from './components/badge/badge.js';\nexport { default as IgcButtonComponent } from './components/button/button.js';\nexport { default as IgcCalendarComponent } from './components/calendar/calendar.js';\nexport { default as IgcCardComponent } from './components/card/card.js';\nexport { default as IgcCardActionsComponent } from './components/card/card.actions.js';\nexport { default as IgcCardContentComponent } from './components/card/card.content.js';\nexport { default as IgcCardHeaderComponent } from './components/card/card.header.js';\nexport { default as IgcCardMediaComponent } from './components/card/card.media.js';\nexport { default as IgcCheckboxComponent } from './components/checkbox/checkbox.js';\nexport { default as IgcCircularProgressComponent } from './components/progress/circular-progress.js';\nexport { default as IgcCircularGradientComponent } from './components/progress/circular-gradient.js';\nexport { default as IgcChipComponent } from './components/chip/chip.js';\nexport { default as IgcDateTimeInputComponent } from './components/date-time-input/date-time-input.js';\nexport { default as IgcDropdownComponent } from './components/dropdown/dropdown.js';\nexport { default as IgcDropdownGroupComponent } from './components/dropdown/dropdown-group.js';\nexport { default as IgcDropdownHeaderComponent } from './components/dropdown/dropdown-header.js';\nexport { default as IgcDropdownItemComponent } from './components/dropdown/dropdown-item.js';\nexport { default as IgcSelectComponent } from './components/select/select.js';\nexport { default as IgcSelectGroupComponent } from './components/select/select-group.js';\nexport { default as IgcSelectHeaderComponent } from './components/select/select-header.js';\nexport { default as IgcSelectItemComponent } from './components/select/select-item.js';\nexport { default as IgcExpansionPanelComponent } from './components/expansion-panel/expansion-panel.js';\nexport { default as IgcIconComponent } from './components/icon/icon.js';\nexport { default as IgcIconButtonComponent } from './components/button/icon-button.js';\nexport { default as IgcInputComponent } from './components/input/input.js';\nexport { default as IgcFormComponent } from './components/form/form.js';\nexport { default as IgcLinearProgressComponent } from './components/progress/linear-progress.js';\nexport { default as IgcListComponent } from './components/list/list.js';\nexport { default as IgcListHeaderComponent } from './components/list/list-header.js';\nexport { default as IgcListItemComponent } from './components/list/list-item.js';\nexport { default as IgcMaskInputComponent } from './components/mask-input/mask-input.js';\nexport { default as IgcNavDrawerComponent } from './components/nav-drawer/nav-drawer.js';\nexport { default as IgcNavDrawerHeaderItemComponent } from './components/nav-drawer/nav-drawer-header-item.js';\nexport { default as IgcNavDrawerItemComponent } from './components/nav-drawer/nav-drawer-item.js';\nexport { default as IgcNavbarComponent } from './components/navbar/navbar.js';\nexport { default as IgcRadioGroupComponent } from './components/radio-group/radio-group.js';\nexport { default as IgcRadioComponent } from './components/radio/radio.js';\nexport { default as IgcRatingComponent } from './components/rating/rating.js';\nexport { default as IgcRatingSymbolComponent } from './components/rating/rating-symbol.js';\nexport { default as IgcRippleComponent } from './components/ripple/ripple.js';\nexport { default as IgcRangeSliderComponent } from './components/slider/range-slider.js';\nexport { default as IgcSnackbarComponent } from './components/snackbar/snackbar.js';\nexport { default as IgcSliderComponent } from './components/slider/slider.js';\nexport { default as IgcSliderLabelComponent } from './components/slider/slider-label.js';\nexport { default as IgcTabsComponent } from './components/tabs/tabs.js';\nexport { default as IgcTabComponent } from './components/tabs/tab.js';\nexport { default as IgcTabPanelComponent } from './components/tabs/tab-panel.js';\nexport { default as IgcToastComponent } from './components/toast/toast.js';\nexport { default as IgcSwitchComponent } from './components/checkbox/switch.js';\nexport { default as IgcTreeComponent } from './components/tree/tree.js';\nexport { default as IgcTreeItemComponent } from './components/tree/tree-item.js';\n\n// definitions\nexport { defineComponents } from './components/common/definitions/defineComponents.js';\nexport { defineAllComponents } from './components/common/definitions/defineAllComponents.js';\n\n// icon registration\nexport {\n registerIcon,\n registerIconFromText,\n} from './components/icon/icon.registry.js';\n\n// theming configuration\nexport { configureTheme } from './theming/config.js';\n\n// localization objects\nexport { IgcCalendarResourceStrings } from './components/common/i18n/calendar.resources.js';\n\n// Types\nexport type {\n DateRangeDescriptor,\n DateRangeType,\n} from './components/calendar/common/calendar.model.js';\nexport type {\n DatePart,\n DatePartDeltas,\n} from './components/date-time-input/date-util.js';\nexport type { IgcRangeSliderValue } from './components/slider/range-slider.js';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nexport { default as IgcAvatarComponent } from './components/avatar/avatar.js';\nexport { default as IgcAccordionComponent } from './components/accordion/accordion.js';\nexport { default as IgcBadgeComponent } from './components/badge/badge.js';\nexport { default as IgcButtonComponent } from './components/button/button.js';\nexport { default as IgcCalendarComponent } from './components/calendar/calendar.js';\nexport { default as IgcCardComponent } from './components/card/card.js';\nexport { default as IgcCardActionsComponent } from './components/card/card.actions.js';\nexport { default as IgcCardContentComponent } from './components/card/card.content.js';\nexport { default as IgcCardHeaderComponent } from './components/card/card.header.js';\nexport { default as IgcCardMediaComponent } from './components/card/card.media.js';\nexport { default as IgcCheckboxComponent } from './components/checkbox/checkbox.js';\nexport { default as IgcCircularProgressComponent } from './components/progress/circular-progress.js';\nexport { default as IgcCircularGradientComponent } from './components/progress/circular-gradient.js';\nexport { default as IgcChipComponent } from './components/chip/chip.js';\nexport { default as IgcDateTimeInputComponent } from './components/date-time-input/date-time-input.js';\nexport { default as IgcDialogComponent } from './components/dialog/dialog.js';\nexport { default as IgcDropdownComponent } from './components/dropdown/dropdown.js';\nexport { default as IgcDropdownGroupComponent } from './components/dropdown/dropdown-group.js';\nexport { default as IgcDropdownHeaderComponent } from './components/dropdown/dropdown-header.js';\nexport { default as IgcDropdownItemComponent } from './components/dropdown/dropdown-item.js';\nexport { default as IgcSelectComponent } from './components/select/select.js';\nexport { default as IgcSelectGroupComponent } from './components/select/select-group.js';\nexport { default as IgcSelectHeaderComponent } from './components/select/select-header.js';\nexport { default as IgcSelectItemComponent } from './components/select/select-item.js';\nexport { default as IgcExpansionPanelComponent } from './components/expansion-panel/expansion-panel.js';\nexport { default as IgcIconComponent } from './components/icon/icon.js';\nexport { default as IgcIconButtonComponent } from './components/button/icon-button.js';\nexport { default as IgcInputComponent } from './components/input/input.js';\nexport { default as IgcFormComponent } from './components/form/form.js';\nexport { default as IgcLinearProgressComponent } from './components/progress/linear-progress.js';\nexport { default as IgcListComponent } from './components/list/list.js';\nexport { default as IgcListHeaderComponent } from './components/list/list-header.js';\nexport { default as IgcListItemComponent } from './components/list/list-item.js';\nexport { default as IgcMaskInputComponent } from './components/mask-input/mask-input.js';\nexport { default as IgcNavDrawerComponent } from './components/nav-drawer/nav-drawer.js';\nexport { default as IgcNavDrawerHeaderItemComponent } from './components/nav-drawer/nav-drawer-header-item.js';\nexport { default as IgcNavDrawerItemComponent } from './components/nav-drawer/nav-drawer-item.js';\nexport { default as IgcNavbarComponent } from './components/navbar/navbar.js';\nexport { default as IgcRadioGroupComponent } from './components/radio-group/radio-group.js';\nexport { default as IgcRadioComponent } from './components/radio/radio.js';\nexport { default as IgcRatingComponent } from './components/rating/rating.js';\nexport { default as IgcRatingSymbolComponent } from './components/rating/rating-symbol.js';\nexport { default as IgcRippleComponent } from './components/ripple/ripple.js';\nexport { default as IgcRangeSliderComponent } from './components/slider/range-slider.js';\nexport { default as IgcSnackbarComponent } from './components/snackbar/snackbar.js';\nexport { default as IgcSliderComponent } from './components/slider/slider.js';\nexport { default as IgcSliderLabelComponent } from './components/slider/slider-label.js';\nexport { default as IgcTabsComponent } from './components/tabs/tabs.js';\nexport { default as IgcTabComponent } from './components/tabs/tab.js';\nexport { default as IgcTabPanelComponent } from './components/tabs/tab-panel.js';\nexport { default as IgcToastComponent } from './components/toast/toast.js';\nexport { default as IgcSwitchComponent } from './components/checkbox/switch.js';\nexport { default as IgcTreeComponent } from './components/tree/tree.js';\nexport { default as IgcTreeItemComponent } from './components/tree/tree-item.js';\n\n// definitions\nexport { defineComponents } from './components/common/definitions/defineComponents.js';\nexport { defineAllComponents } from './components/common/definitions/defineAllComponents.js';\n\n// icon registration\nexport {\n registerIcon,\n registerIconFromText,\n} from './components/icon/icon.registry.js';\n\n// theming configuration\nexport { configureTheme } from './theming/config.js';\n\n// localization objects\nexport { IgcCalendarResourceStrings } from './components/common/i18n/calendar.resources.js';\n\n// Types\nexport type { DateRangeDescriptor } from './components/calendar/common/calendar.model.js';\nexport { DateRangeType } from './components/calendar/common/calendar.model.js';\nexport type {\n DatePart,\n DatePartDeltas,\n} from './components/date-time-input/date-util.js';\nexport type { IgcRangeSliderValue } from './components/slider/range-slider.js';\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-webcomponents",
3
- "version": "4.0.0-alpha.2",
3
+ "version": "4.0.0",
4
4
  "description": "Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.",
5
5
  "author": "Infragistics",
6
6
  "license": "SEE LICENSE IN LICENSE",
@@ -56,7 +56,7 @@
56
56
  "tree"
57
57
  ],
58
58
  "dependencies": {
59
- "@floating-ui/dom": "^1.0.1",
60
- "lit": "^2.3.0"
59
+ "@floating-ui/dom": "^1.0.2",
60
+ "lit": "^2.3.1"
61
61
  }
62
62
  }
@@ -1,17 +1,85 @@
1
- /* stylelint-disable max-line-length */
2
- /* stylelint-disable-next-line max-line-length */
3
- .igc-scrollbar {
4
- --scrolbar-size: 1rem;
5
- --igc-scrollbar-track-color: hsla(var(--ig-gray-100), var(--ig-gray-a));
6
- --igc-scrollbar-thumb-color: hsla(var(--ig-gray-400), var(--ig-gray-a));
1
+ /**
2
+ * @sass-export-section="light-material"
3
+ */
4
+ /**
5
+ * @sass-export-section="light-bootstrap"
6
+ */
7
+ /**
8
+ * @sass-export-section="light-fluent"
9
+ */
10
+ /**
11
+ * @sass-export-section="light-indigo"
12
+ */
13
+ /**
14
+ * @sass-export-section="light"
15
+ */
16
+ /**
17
+ * @sass-export-section="dark-material"
18
+ */
19
+ /**
20
+ * @sass-export-section="dark-bootstrap"
21
+ */
22
+ /**
23
+ * @sass-export-section="dark-fluent"
24
+ */
25
+ /**
26
+ * @sass-export-section="dark-indigo"
27
+ */
28
+ /**
29
+ * @sass-export-section="dark"
30
+ */
31
+ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
32
+ /**
33
+ * @sass-export-section="bootstrap"
34
+ */
35
+ /**
36
+ * @sass-export-section="material"
37
+ */
38
+ /**
39
+ * @sass-export-section="fluent"
40
+ */
41
+ /**
42
+ * @sass-export-section="indigo"
43
+ */
44
+ /**
45
+ * @sass-export-section="material"
46
+ */
47
+ .ig-scrollbar {
48
+ --size: var(--ig-scrollbar-size, 1rem);
49
+ --thumb-background: var(--ig-scrollbar-thumb-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));
50
+ --track-background: var(--ig-scrollbar-track-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
51
+ scrollbar-width: var(--size);
52
+ scrollbar-color: var(--thumb-background) var(--track-background);
7
53
  }
8
54
 
55
+ .ig-scrollbar ::-webkit-scrollbar {
56
+ width: var(--size);
57
+ height: var(--size);
58
+ background: var(--track-background);
59
+ }
60
+
61
+ .ig-scrollbar ::-webkit-scrollbar-thumb {
62
+ background: var(--thumb-background);
63
+ }
64
+
65
+ @media (hover: none) {
66
+ .ig-scrollbar ::-webkit-scrollbar {
67
+ width: auto;
68
+ height: auto;
69
+ }
70
+ }
9
71
  :root {
10
- --igc-theme: bootstrap;
72
+ --ig-theme: bootstrap;
11
73
  --ig-radius-factor: 1;
12
- --igc-spacing-small: 0.125rem;
13
- --igc-spacing-medium: 0.25rem;
14
- --igc-spacing-large: 0.5rem;
74
+ --ig-spacing: 1;
75
+ --ig-spacing-inline: 1;
76
+ --ig-spacing-block: 1;
77
+ --ig-size-small: 1;
78
+ --ig-size-medium: 2;
79
+ --ig-size-large: 3;
80
+ --ig-scrollbar-size: 1rem;
81
+ --ig-scrollbar-thumb-background: hsla(var(--ig-gray-400), var(--ig-gray-a));
82
+ --ig-scrollbar-track-background: hsla(var(--ig-gray-100), var(--ig-gray-a));
15
83
  }
16
84
 
17
85
  :root {
@@ -423,7 +491,7 @@
423
491
  --ig-calendar-labels-margin-bottom: 0;
424
492
  }
425
493
 
426
- .ig-typography__h1 {
494
+ .ig-typography h1 {
427
495
  font-family: var(--ig-h1-font-family);
428
496
  font-size: var(--ig-h1-font-size);
429
497
  font-weight: var(--ig-h1-font-weight);
@@ -434,7 +502,7 @@
434
502
  margin-top: var(--ig-h1-margin-top);
435
503
  margin-bottom: var(--ig-h1-margin-bottom);
436
504
  }
437
- .ig-typography__h2 {
505
+ .ig-typography h2 {
438
506
  font-family: var(--ig-h2-font-family);
439
507
  font-size: var(--ig-h2-font-size);
440
508
  font-weight: var(--ig-h2-font-weight);
@@ -445,7 +513,7 @@
445
513
  margin-top: var(--ig-h2-margin-top);
446
514
  margin-bottom: var(--ig-h2-margin-bottom);
447
515
  }
448
- .ig-typography__h3 {
516
+ .ig-typography h3 {
449
517
  font-family: var(--ig-h3-font-family);
450
518
  font-size: var(--ig-h3-font-size);
451
519
  font-weight: var(--ig-h3-font-weight);
@@ -456,7 +524,7 @@
456
524
  margin-top: var(--ig-h3-margin-top);
457
525
  margin-bottom: var(--ig-h3-margin-bottom);
458
526
  }
459
- .ig-typography__h4 {
527
+ .ig-typography h4 {
460
528
  font-family: var(--ig-h4-font-family);
461
529
  font-size: var(--ig-h4-font-size);
462
530
  font-weight: var(--ig-h4-font-weight);
@@ -467,7 +535,7 @@
467
535
  margin-top: var(--ig-h4-margin-top);
468
536
  margin-bottom: var(--ig-h4-margin-bottom);
469
537
  }
470
- .ig-typography__h5 {
538
+ .ig-typography h5 {
471
539
  font-family: var(--ig-h5-font-family);
472
540
  font-size: var(--ig-h5-font-size);
473
541
  font-weight: var(--ig-h5-font-weight);
@@ -478,7 +546,7 @@
478
546
  margin-top: var(--ig-h5-margin-top);
479
547
  margin-bottom: var(--ig-h5-margin-bottom);
480
548
  }
481
- .ig-typography__h6 {
549
+ .ig-typography h6 {
482
550
  font-family: var(--ig-h6-font-family);
483
551
  font-size: var(--ig-h6-font-size);
484
552
  font-weight: var(--ig-h6-font-weight);
@@ -489,29 +557,7 @@
489
557
  margin-top: var(--ig-h6-margin-top);
490
558
  margin-bottom: var(--ig-h6-margin-bottom);
491
559
  }
492
- .ig-typography__subtitle-1 {
493
- font-family: var(--ig-subtitle-1-font-family);
494
- font-size: var(--ig-subtitle-1-font-size);
495
- font-weight: var(--ig-subtitle-1-font-weight);
496
- font-style: var(--ig-subtitle-1-font-style);
497
- line-height: var(--ig-subtitle-1-line-height);
498
- letter-spacing: var(--ig-subtitle-1-letter-spacing);
499
- text-transform: var(--ig-subtitle-1-text-transform);
500
- margin-top: var(--ig-subtitle-1-margin-top);
501
- margin-bottom: var(--ig-subtitle-1-margin-bottom);
502
- }
503
- .ig-typography__subtitle-2 {
504
- font-family: var(--ig-subtitle-2-font-family);
505
- font-size: var(--ig-subtitle-2-font-size);
506
- font-weight: var(--ig-subtitle-2-font-weight);
507
- font-style: var(--ig-subtitle-2-font-style);
508
- line-height: var(--ig-subtitle-2-line-height);
509
- letter-spacing: var(--ig-subtitle-2-letter-spacing);
510
- text-transform: var(--ig-subtitle-2-text-transform);
511
- margin-top: var(--ig-subtitle-2-margin-top);
512
- margin-bottom: var(--ig-subtitle-2-margin-bottom);
513
- }
514
- .ig-typography__body-1 {
560
+ .ig-typography p {
515
561
  font-family: var(--ig-body-1-font-family);
516
562
  font-size: var(--ig-body-1-font-size);
517
563
  font-weight: var(--ig-body-1-font-weight);
@@ -522,51 +568,7 @@
522
568
  margin-top: var(--ig-body-1-margin-top);
523
569
  margin-bottom: var(--ig-body-1-margin-bottom);
524
570
  }
525
- .ig-typography__body-2 {
526
- font-family: var(--ig-body-2-font-family);
527
- font-size: var(--ig-body-2-font-size);
528
- font-weight: var(--ig-body-2-font-weight);
529
- font-style: var(--ig-body-2-font-style);
530
- line-height: var(--ig-body-2-line-height);
531
- letter-spacing: var(--ig-body-2-letter-spacing);
532
- text-transform: var(--ig-body-2-text-transform);
533
- margin-top: var(--ig-body-2-margin-top);
534
- margin-bottom: var(--ig-body-2-margin-bottom);
535
- }
536
- .ig-typography__button {
537
- font-family: var(--ig-button-font-family);
538
- font-size: var(--ig-button-font-size);
539
- font-weight: var(--ig-button-font-weight);
540
- font-style: var(--ig-button-font-style);
541
- line-height: var(--ig-button-line-height);
542
- letter-spacing: var(--ig-button-letter-spacing);
543
- text-transform: var(--ig-button-text-transform);
544
- margin-top: var(--ig-button-margin-top);
545
- margin-bottom: var(--ig-button-margin-bottom);
546
- }
547
- .ig-typography__caption {
548
- font-family: var(--ig-caption-font-family);
549
- font-size: var(--ig-caption-font-size);
550
- font-weight: var(--ig-caption-font-weight);
551
- font-style: var(--ig-caption-font-style);
552
- line-height: var(--ig-caption-line-height);
553
- letter-spacing: var(--ig-caption-letter-spacing);
554
- text-transform: var(--ig-caption-text-transform);
555
- margin-top: var(--ig-caption-margin-top);
556
- margin-bottom: var(--ig-caption-margin-bottom);
557
- }
558
- .ig-typography__overline {
559
- font-family: var(--ig-overline-font-family);
560
- font-size: var(--ig-overline-font-size);
561
- font-weight: var(--ig-overline-font-weight);
562
- font-style: var(--ig-overline-font-style);
563
- line-height: var(--ig-overline-line-height);
564
- letter-spacing: var(--ig-overline-letter-spacing);
565
- text-transform: var(--ig-overline-text-transform);
566
- margin-top: var(--ig-overline-margin-top);
567
- margin-bottom: var(--ig-overline-margin-bottom);
568
- }
569
- .ig-typography h1 {
571
+ .ig-typography .ig-typography__h1 {
570
572
  font-family: var(--ig-h1-font-family);
571
573
  font-size: var(--ig-h1-font-size);
572
574
  font-weight: var(--ig-h1-font-weight);
@@ -577,7 +579,7 @@
577
579
  margin-top: var(--ig-h1-margin-top);
578
580
  margin-bottom: var(--ig-h1-margin-bottom);
579
581
  }
580
- .ig-typography h2 {
582
+ .ig-typography .ig-typography__h2 {
581
583
  font-family: var(--ig-h2-font-family);
582
584
  font-size: var(--ig-h2-font-size);
583
585
  font-weight: var(--ig-h2-font-weight);
@@ -588,7 +590,7 @@
588
590
  margin-top: var(--ig-h2-margin-top);
589
591
  margin-bottom: var(--ig-h2-margin-bottom);
590
592
  }
591
- .ig-typography h3 {
593
+ .ig-typography .ig-typography__h3 {
592
594
  font-family: var(--ig-h3-font-family);
593
595
  font-size: var(--ig-h3-font-size);
594
596
  font-weight: var(--ig-h3-font-weight);
@@ -599,7 +601,7 @@
599
601
  margin-top: var(--ig-h3-margin-top);
600
602
  margin-bottom: var(--ig-h3-margin-bottom);
601
603
  }
602
- .ig-typography h4 {
604
+ .ig-typography .ig-typography__h4 {
603
605
  font-family: var(--ig-h4-font-family);
604
606
  font-size: var(--ig-h4-font-size);
605
607
  font-weight: var(--ig-h4-font-weight);
@@ -610,7 +612,7 @@
610
612
  margin-top: var(--ig-h4-margin-top);
611
613
  margin-bottom: var(--ig-h4-margin-bottom);
612
614
  }
613
- .ig-typography h5 {
615
+ .ig-typography .ig-typography__h5 {
614
616
  font-family: var(--ig-h5-font-family);
615
617
  font-size: var(--ig-h5-font-size);
616
618
  font-weight: var(--ig-h5-font-weight);
@@ -621,7 +623,7 @@
621
623
  margin-top: var(--ig-h5-margin-top);
622
624
  margin-bottom: var(--ig-h5-margin-bottom);
623
625
  }
624
- .ig-typography h6 {
626
+ .ig-typography .ig-typography__h6 {
625
627
  font-family: var(--ig-h6-font-family);
626
628
  font-size: var(--ig-h6-font-size);
627
629
  font-weight: var(--ig-h6-font-weight);
@@ -632,7 +634,29 @@
632
634
  margin-top: var(--ig-h6-margin-top);
633
635
  margin-bottom: var(--ig-h6-margin-bottom);
634
636
  }
635
- .ig-typography p {
637
+ .ig-typography .ig-typography__subtitle-1 {
638
+ font-family: var(--ig-subtitle-1-font-family);
639
+ font-size: var(--ig-subtitle-1-font-size);
640
+ font-weight: var(--ig-subtitle-1-font-weight);
641
+ font-style: var(--ig-subtitle-1-font-style);
642
+ line-height: var(--ig-subtitle-1-line-height);
643
+ letter-spacing: var(--ig-subtitle-1-letter-spacing);
644
+ text-transform: var(--ig-subtitle-1-text-transform);
645
+ margin-top: var(--ig-subtitle-1-margin-top);
646
+ margin-bottom: var(--ig-subtitle-1-margin-bottom);
647
+ }
648
+ .ig-typography .ig-typography__subtitle-2 {
649
+ font-family: var(--ig-subtitle-2-font-family);
650
+ font-size: var(--ig-subtitle-2-font-size);
651
+ font-weight: var(--ig-subtitle-2-font-weight);
652
+ font-style: var(--ig-subtitle-2-font-style);
653
+ line-height: var(--ig-subtitle-2-line-height);
654
+ letter-spacing: var(--ig-subtitle-2-letter-spacing);
655
+ text-transform: var(--ig-subtitle-2-text-transform);
656
+ margin-top: var(--ig-subtitle-2-margin-top);
657
+ margin-bottom: var(--ig-subtitle-2-margin-bottom);
658
+ }
659
+ .ig-typography .ig-typography__body-1 {
636
660
  font-family: var(--ig-body-1-font-family);
637
661
  font-size: var(--ig-body-1-font-size);
638
662
  font-weight: var(--ig-body-1-font-weight);
@@ -643,6 +667,50 @@
643
667
  margin-top: var(--ig-body-1-margin-top);
644
668
  margin-bottom: var(--ig-body-1-margin-bottom);
645
669
  }
670
+ .ig-typography .ig-typography__body-2 {
671
+ font-family: var(--ig-body-2-font-family);
672
+ font-size: var(--ig-body-2-font-size);
673
+ font-weight: var(--ig-body-2-font-weight);
674
+ font-style: var(--ig-body-2-font-style);
675
+ line-height: var(--ig-body-2-line-height);
676
+ letter-spacing: var(--ig-body-2-letter-spacing);
677
+ text-transform: var(--ig-body-2-text-transform);
678
+ margin-top: var(--ig-body-2-margin-top);
679
+ margin-bottom: var(--ig-body-2-margin-bottom);
680
+ }
681
+ .ig-typography .ig-typography__button {
682
+ font-family: var(--ig-button-font-family);
683
+ font-size: var(--ig-button-font-size);
684
+ font-weight: var(--ig-button-font-weight);
685
+ font-style: var(--ig-button-font-style);
686
+ line-height: var(--ig-button-line-height);
687
+ letter-spacing: var(--ig-button-letter-spacing);
688
+ text-transform: var(--ig-button-text-transform);
689
+ margin-top: var(--ig-button-margin-top);
690
+ margin-bottom: var(--ig-button-margin-bottom);
691
+ }
692
+ .ig-typography .ig-typography__caption {
693
+ font-family: var(--ig-caption-font-family);
694
+ font-size: var(--ig-caption-font-size);
695
+ font-weight: var(--ig-caption-font-weight);
696
+ font-style: var(--ig-caption-font-style);
697
+ line-height: var(--ig-caption-line-height);
698
+ letter-spacing: var(--ig-caption-letter-spacing);
699
+ text-transform: var(--ig-caption-text-transform);
700
+ margin-top: var(--ig-caption-margin-top);
701
+ margin-bottom: var(--ig-caption-margin-bottom);
702
+ }
703
+ .ig-typography .ig-typography__overline {
704
+ font-family: var(--ig-overline-font-family);
705
+ font-size: var(--ig-overline-font-size);
706
+ font-weight: var(--ig-overline-font-weight);
707
+ font-style: var(--ig-overline-font-style);
708
+ line-height: var(--ig-overline-line-height);
709
+ letter-spacing: var(--ig-overline-letter-spacing);
710
+ text-transform: var(--ig-overline-text-transform);
711
+ margin-top: var(--ig-overline-margin-top);
712
+ margin-bottom: var(--ig-overline-margin-bottom);
713
+ }
646
714
 
647
715
  igc-dropdown {
648
716
  --border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));
@@ -682,7 +750,7 @@ igc-select::part(input) {
682
750
  --input-background: transparent;
683
751
  }
684
752
 
685
- igc-grid {
753
+ apx-grid {
686
754
  --header-border-color: hsla(var(--ig-gray-200), 0.28);
687
755
  --row-hover-background: hsla(var(--ig-gray-100), var(--ig-gray-a));
688
756
  --row-hover-text-color: var(--ig-gray-100-contrast);