@ardium-ui/ui 5.0.0-alpha.6 → 5.0.0-alpha.61

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 (245) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +4809 -2358
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/_internal/disablable-component.d.ts +2 -1
  4. package/lib/_internal/focusable-component.d.ts +2 -1
  5. package/lib/_internal/form-field-component.d.ts +3 -2
  6. package/lib/_internal/item-storages/dropdown-item-storage.d.ts +20 -19
  7. package/lib/_internal/item-storages/simple-item-storage.d.ts +15 -12
  8. package/lib/_internal/item-storages/simplest-item-storage.d.ts +1 -1
  9. package/lib/_internal/ngmodel-component.d.ts +5 -8
  10. package/lib/_internal/selectable-list-component.d.ts +6 -6
  11. package/lib/_internal/utils/date.utils.d.ts +16 -0
  12. package/lib/badge/badge.directive.d.ts +3 -2
  13. package/lib/breakpoints/breakpoint.service.d.ts +12 -0
  14. package/lib/breakpoints/breakpoint.utils.d.ts +7 -0
  15. package/lib/breakpoints/breakpoints.d.ts +13 -0
  16. package/lib/breakpoints/index.d.ts +2 -0
  17. package/lib/buttons/_button-base.d.ts +12 -8
  18. package/lib/buttons/_button-base.defaults.d.ts +3 -2
  19. package/lib/buttons/button/button.component.d.ts +5 -5
  20. package/lib/buttons/button/button.defaults.d.ts +0 -2
  21. package/lib/buttons/button/button.directive.d.ts +17 -0
  22. package/lib/buttons/button/button.module.d.ts +3 -2
  23. package/lib/buttons/button/index.d.ts +1 -0
  24. package/lib/buttons/fab/fab.component.d.ts +3 -1
  25. package/lib/buttons/icon-button/icon-button.component.d.ts +6 -4
  26. package/lib/buttons/icon-button/icon-button.defaults.d.ts +2 -1
  27. package/lib/calendar/abstract-calendar.d.ts +128 -0
  28. package/lib/calendar/calendar.component.d.ts +8 -96
  29. package/lib/calendar/calendar.defaults.d.ts +16 -1
  30. package/lib/calendar/calendar.internal-directives.d.ts +24 -8
  31. package/lib/calendar/calendar.internal-types.d.ts +1 -0
  32. package/lib/calendar/calendar.module.d.ts +4 -9
  33. package/lib/calendar/calendar.types.d.ts +21 -5
  34. package/lib/calendar/index.d.ts +3 -0
  35. package/lib/calendar/range-calendar.component.d.ts +16 -0
  36. package/lib/calendar/range-calendar.directives.d.ts +51 -0
  37. package/lib/calendar/range-calendar.module.d.ts +10 -0
  38. package/lib/calendar/views/calendar-views.module.d.ts +13 -0
  39. package/lib/calendar/views/days-view/days-view.component.d.ts +20 -2
  40. package/lib/calendar/views/days-view/days-view.helpers.d.ts +2 -2
  41. package/lib/calendar/views/months-view/months-view.component.d.ts +15 -3
  42. package/lib/calendar/views/years-view/years-view.component.d.ts +16 -3
  43. package/lib/checkbox-list/checkbox-list.component.d.ts +9 -7
  44. package/lib/checkbox-list/checkbox-list.directives.d.ts +7 -0
  45. package/lib/checkbox-list/checkbox-list.module.d.ts +1 -1
  46. package/lib/chip/chip.component.d.ts +2 -1
  47. package/lib/chip/deletable-chip/deletable-chip.component.d.ts +2 -1
  48. package/lib/chip/selectable-chip/selectable-chip.component.d.ts +3 -2
  49. package/lib/dialog/dialog.component.d.ts +13 -8
  50. package/lib/dialog/dialog.types.d.ts +1 -0
  51. package/lib/divider/divider.component.d.ts +2 -1
  52. package/lib/dropdown-panel/dropdown-panel.component.d.ts +2 -1
  53. package/lib/file-inputs/file-input/file-input.component.d.ts +2 -1
  54. package/lib/file-inputs/file-input-base.d.ts +4 -5
  55. package/lib/form-field/auto-error/auto-error.component.d.ts +19 -0
  56. package/lib/form-field/auto-error/auto-error.provider.d.ts +7 -0
  57. package/lib/form-field/error/error.directive.d.ts +3 -2
  58. package/lib/form-field/form-field-base.d.ts +5 -2
  59. package/lib/form-field/form-field-child.token.d.ts +5 -5
  60. package/lib/form-field/form-field-native-inputs.d.ts +6 -11
  61. package/lib/form-field/form-field.component.d.ts +1 -1
  62. package/lib/form-field/form-field.defaults.d.ts +1 -0
  63. package/lib/form-field/form-field.module.d.ts +5 -4
  64. package/lib/form-field/hint/hint.directive.d.ts +3 -2
  65. package/lib/form-field/hint-error/hint-error.directive.d.ts +3 -2
  66. package/lib/form-field/horizontal-form-field.component.d.ts +1 -1
  67. package/lib/form-field/index.d.ts +4 -0
  68. package/lib/form-field/label/label.component.d.ts +3 -2
  69. package/lib/form-field-frame/form-field-frame.component.d.ts +4 -3
  70. package/lib/grid/grid.component.d.ts +51 -0
  71. package/lib/grid/grid.defaults.d.ts +16 -0
  72. package/lib/grid/grid.module.d.ts +7 -0
  73. package/lib/grid/grid.types.d.ts +38 -0
  74. package/lib/grid/grid.utils.d.ts +11 -0
  75. package/lib/grid/index.d.ts +4 -0
  76. package/lib/icon/icon.component.d.ts +2 -1
  77. package/lib/inputs/_simple-input-base.d.ts +7 -3
  78. package/lib/inputs/autocomplete-input/autocomplete-input.component.d.ts +5 -4
  79. package/lib/inputs/date-input/abstract-date-input.d.ts +112 -0
  80. package/lib/inputs/date-input/date-input.component.d.ts +19 -81
  81. package/lib/inputs/date-input/date-input.defaults.d.ts +21 -3
  82. package/lib/inputs/date-input/{date-input.directive.d.ts → date-input.directives.d.ts} +2 -2
  83. package/lib/inputs/date-input/date-input.module.d.ts +5 -4
  84. package/lib/inputs/date-input/date-input.serializers.d.ts +4 -2
  85. package/lib/inputs/date-input/date-input.types.d.ts +5 -4
  86. package/lib/inputs/date-input/date-range-input.component.d.ts +29 -0
  87. package/lib/inputs/date-input/date-range-input.directives.d.ts +82 -0
  88. package/lib/inputs/date-input/date-range-input.module.d.ts +17 -0
  89. package/lib/inputs/date-input/index.d.ts +7 -1
  90. package/lib/inputs/date-input/multipage-date-range-input.component.d.ts +44 -0
  91. package/lib/inputs/date-input/multipage-date-range-input.directives.d.ts +82 -0
  92. package/lib/inputs/date-input/multipage-date-range-input.module.d.ts +17 -0
  93. package/lib/inputs/digit-input/digit-input.component.d.ts +4 -3
  94. package/lib/inputs/hex-input/hex-input.component.d.ts +5 -3
  95. package/lib/inputs/input-utils.d.ts +6 -0
  96. package/lib/inputs/number-input/number-input.component.d.ts +18 -12
  97. package/lib/inputs/number-input/number-input.defaults.d.ts +4 -0
  98. package/lib/inputs/number-input/number-input.directives.d.ts +12 -0
  99. package/lib/inputs/number-input/number-input.module.d.ts +1 -1
  100. package/lib/inputs/password-input/password-input.component.d.ts +4 -3
  101. package/lib/kbd/kbd.component.d.ts +2 -1
  102. package/lib/kbd-shortcut/kbd-shortcut.component.d.ts +2 -1
  103. package/lib/modal/modal.component.d.ts +9 -6
  104. package/lib/modal/modal.defaults.d.ts +2 -0
  105. package/lib/option/option.component.d.ts +2 -1
  106. package/lib/progress-bar/progress-bar.component.d.ts +4 -3
  107. package/lib/progress-circle/progress-circle.component.d.ts +5 -4
  108. package/lib/search-functions.d.ts +1 -1
  109. package/lib/segment/segment.component.d.ts +6 -5
  110. package/lib/select/select.component.d.ts +38 -30
  111. package/lib/select/select.defaults.d.ts +9 -2
  112. package/lib/select/select.directive.d.ts +6 -0
  113. package/lib/select/select.module.d.ts +1 -1
  114. package/lib/select/select.types.d.ts +6 -2
  115. package/lib/select/select.utils.d.ts +2 -0
  116. package/lib/slider/abstract-slider.d.ts +35 -29
  117. package/lib/slider/index.d.ts +1 -0
  118. package/lib/slider/range-slider/range-slider.component.d.ts +12 -9
  119. package/lib/slider/range-slider/range-slider.types.d.ts +6 -0
  120. package/lib/slider/slider.component.d.ts +5 -4
  121. package/lib/slider/slider.types.d.ts +3 -3
  122. package/lib/star/rating-display/rating-display.component.d.ts +2 -1
  123. package/lib/star/rating-input/rating-input.component.d.ts +5 -3
  124. package/lib/star/rating-input/rating-input.defaults.d.ts +2 -2
  125. package/lib/tabber/index.d.ts +2 -1
  126. package/lib/tabber/tab/tab.component.d.ts +14 -8
  127. package/lib/tabber/tabber.component.d.ts +25 -9
  128. package/lib/tabber/tabber.defaults.d.ts +1 -0
  129. package/lib/tabber/tabber.directives.d.ts +9 -0
  130. package/lib/tabber/tabber.module.d.ts +3 -2
  131. package/lib/tabber/tabber.types.d.ts +5 -0
  132. package/lib/table/table.component.d.ts +16 -15
  133. package/lib/table-pagination/table-pagination.component.d.ts +4 -3
  134. package/lib/text-list/text-list.component.d.ts +2 -1
  135. package/lib/types/item-storage.types.d.ts +17 -18
  136. package/package.json +2 -1
  137. package/prebuilt-themes/default/buttons/button.css +74 -58
  138. package/prebuilt-themes/default/buttons/button.css.map +1 -1
  139. package/prebuilt-themes/default/buttons/fab.css +64 -51
  140. package/prebuilt-themes/default/buttons/fab.css.map +1 -1
  141. package/prebuilt-themes/default/buttons/icon-button.css +50 -44
  142. package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
  143. package/prebuilt-themes/default/calendar.css +131 -55
  144. package/prebuilt-themes/default/calendar.css.map +1 -1
  145. package/prebuilt-themes/default/card.css.map +1 -1
  146. package/prebuilt-themes/default/checkbox-list.css +48 -22
  147. package/prebuilt-themes/default/checkbox-list.css.map +1 -1
  148. package/prebuilt-themes/default/checkbox.css +4 -4
  149. package/prebuilt-themes/default/chips.css +74 -42
  150. package/prebuilt-themes/default/chips.css.map +1 -1
  151. package/prebuilt-themes/default/color-display.css +1 -1
  152. package/prebuilt-themes/default/core.css +10 -1
  153. package/prebuilt-themes/default/core.css.map +1 -1
  154. package/prebuilt-themes/default/dialog.css +7 -2
  155. package/prebuilt-themes/default/dialog.css.map +1 -1
  156. package/prebuilt-themes/default/dropdown-panel.css.map +1 -1
  157. package/prebuilt-themes/default/form-field-frame.css +6 -2
  158. package/prebuilt-themes/default/form-field-frame.css.map +1 -1
  159. package/prebuilt-themes/default/form-field.css +62 -29
  160. package/prebuilt-themes/default/form-field.css.map +1 -1
  161. package/prebuilt-themes/default/inputs/autocomplete-input.css +61 -25
  162. package/prebuilt-themes/default/inputs/autocomplete-input.css.map +1 -1
  163. package/prebuilt-themes/default/inputs/color-input.css +5 -44
  164. package/prebuilt-themes/default/inputs/color-input.css.map +1 -1
  165. package/prebuilt-themes/default/inputs/date-input.css +69 -21
  166. package/prebuilt-themes/default/inputs/date-input.css.map +1 -1
  167. package/prebuilt-themes/default/inputs/digit-input.css +1 -1
  168. package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
  169. package/prebuilt-themes/default/inputs/file-input.css +102 -62
  170. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  171. package/prebuilt-themes/default/inputs/hex-input.css +38 -20
  172. package/prebuilt-themes/default/inputs/hex-input.css.map +1 -1
  173. package/prebuilt-themes/default/inputs/input.css +31 -15
  174. package/prebuilt-themes/default/inputs/input.css.map +1 -1
  175. package/prebuilt-themes/default/inputs/number-input.css +42 -22
  176. package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
  177. package/prebuilt-themes/default/inputs/password-input.css +58 -22
  178. package/prebuilt-themes/default/inputs/password-input.css.map +1 -1
  179. package/prebuilt-themes/default/inputs/search-bar.css +33 -16
  180. package/prebuilt-themes/default/inputs/search-bar.css.map +1 -1
  181. package/prebuilt-themes/default/kbd-shortcut.css +8 -4
  182. package/prebuilt-themes/default/kbd-shortcut.css.map +1 -1
  183. package/prebuilt-themes/default/kbd.css +19 -9
  184. package/prebuilt-themes/default/kbd.css.map +1 -1
  185. package/prebuilt-themes/default/modal.css +46 -22
  186. package/prebuilt-themes/default/modal.css.map +1 -1
  187. package/prebuilt-themes/default/progress-circle.css.map +1 -1
  188. package/prebuilt-themes/default/radio.css +46 -28
  189. package/prebuilt-themes/default/radio.css.map +1 -1
  190. package/prebuilt-themes/default/segment.css +71 -61
  191. package/prebuilt-themes/default/segment.css.map +1 -1
  192. package/prebuilt-themes/default/select.css +78 -44
  193. package/prebuilt-themes/default/select.css.map +1 -1
  194. package/prebuilt-themes/default/slide-toggle.css +88 -37
  195. package/prebuilt-themes/default/slide-toggle.css.map +1 -1
  196. package/prebuilt-themes/default/slider.css +93 -52
  197. package/prebuilt-themes/default/slider.css.map +1 -1
  198. package/prebuilt-themes/default/stars.css +4 -4
  199. package/prebuilt-themes/default/stars.css.map +1 -1
  200. package/prebuilt-themes/default/statebox.css +5 -5
  201. package/prebuilt-themes/default/tabber.css +47 -16
  202. package/prebuilt-themes/default/tabber.css.map +1 -1
  203. package/prebuilt-themes/default/table.css +0 -8
  204. package/prebuilt-themes/default/table.css.map +1 -1
  205. package/public-api.d.ts +2 -0
  206. package/themes/_variables.scss +2 -1
  207. package/themes/default/_mixins.scss +5 -5
  208. package/themes/default/buttons/_button-mixins.scss +43 -33
  209. package/themes/default/buttons/button.scss +54 -29
  210. package/themes/default/buttons/fab.scss +47 -26
  211. package/themes/default/buttons/icon-button.scss +40 -17
  212. package/themes/default/calendar.scss +148 -58
  213. package/themes/default/checkbox-list.scss +47 -21
  214. package/themes/default/chips.scss +70 -39
  215. package/themes/default/color-display.scss +1 -1
  216. package/themes/default/core.scss +13 -1
  217. package/themes/default/dialog.scss +9 -2
  218. package/themes/default/form-field-frame.scss +9 -4
  219. package/themes/default/form-field.scss +64 -28
  220. package/themes/default/inputs/_shared.scss +30 -9
  221. package/themes/default/inputs/autocomplete-input.scss +69 -14
  222. package/themes/default/inputs/color-input.scss +2 -2
  223. package/themes/default/inputs/date-input.scss +54 -5
  224. package/themes/default/inputs/digit-input.scss +1 -1
  225. package/themes/default/inputs/file-input.scss +86 -23
  226. package/themes/default/inputs/hex-input.scss +46 -9
  227. package/themes/default/inputs/input.scss +39 -4
  228. package/themes/default/inputs/number-input.scss +55 -15
  229. package/themes/default/inputs/password-input.scss +72 -15
  230. package/themes/default/inputs/search-bar.scss +41 -5
  231. package/themes/default/kbd-shortcut.scss +10 -4
  232. package/themes/default/kbd.scss +26 -9
  233. package/themes/default/modal.scss +56 -22
  234. package/themes/default/radio.scss +47 -26
  235. package/themes/default/segment.scss +77 -67
  236. package/themes/default/select.scss +98 -42
  237. package/themes/default/slide-toggle.scss +134 -59
  238. package/themes/default/slider.scss +102 -65
  239. package/themes/default/statebox.scss +1 -1
  240. package/themes/default/tabber.scss +48 -13
  241. package/themes/default/table.scss +8 -8
  242. package/lib/tabber/tab/tab.defaults.d.ts +0 -6
  243. package/prebuilt-themes/default/calendar-OLD.css +0 -294
  244. package/prebuilt-themes/default/calendar-OLD.css.map +0 -1
  245. package/themes/default/calendar-OLD.scss +0 -183
package/prebuilt-themes/default/buttons/icon-button.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/buttons/icon-button.scss","../../../../../projects/ui/src/themes/default/buttons/_button-mixins.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;ECLE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AEpBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADrHF;EEdA;EACA;EACA,yBACE;;AFeF;EERA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFCE;;AAIA;EACE;;AAKF;EACE;;AAIF;EACE;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;;AAGJ;EAEE,YGvDC;EHwDD;EACA,YGxBY;;AH0BZ;EAEE,YG3BW;;AH6Bb;EACE,YG7BW;;AHgCf;EACE,YGpEC;EHqED;EACA;;AAEA;EACE;;AAGJ;EACE,YG7EC;EH8ED;EACA;EAMA,YACE;;AALF;EACE;;AAMF;EAEE;EACA;;AAGJ;EAEE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAEA;EACE;;ADvFJ;EACE;EACA;;AAEA;EACE;EACA;;AAKJ;EACE;EACA;;AAGF;EACE;;;AAKF;ECwEA;EACA;EACA;;AAEA;EACE;EACA;;AAKA;AAAA;EAEE;;AAEF;EACE;;ADrFF;EACE;;AAGJ;EACE;;AAEA;EACE","file":"icon-button.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/buttons/icon-button.scss","../../../../../projects/ui/src/themes/default/buttons/_button-mixins.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AASF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;ECfE;EACA,QDgBE;ECfF,SDgBE;ECfF;EACA,aDgBE;ECfF,WDcE;ECbF;EACA;EACA;EACA;EACA;EDgBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AE9CA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD1GF;EACE;EEhBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFSE;;AAGA;EACE,SDCF;;ACGA;EACE,SDHF;;ACQA;EACE,SDRF;;ACYA;EACE,SDZF;;ACgBF;EAEE;EACA;EACA;;AAEA;EACE;;AAGJ;EAEE,YGnEC;EHoED;EACA,YGnCY;;AHqCZ;EAEE,YGtCW;;AHwCb;EACE,YGxCW;;AH2Cf;EACE,YGhFC;EHiFD;EACA;;AAEA;EACE;;AAGJ;EACE,YGzFC;EH0FD;EACA;EAMA;;AAJA;EACE;;AAIF;EAEE;EACA;;AAGJ;EAEE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAEA;EACE;;ADvEJ;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAKF;EC8DA;EACA,SD7DI;EC8DJ;;AAEA;EACE,SDhEE;ECiEF;;AAKA;AAAA;EAEE,SDzEA;;AC2EF;EACE;;ADxEF;EACE;;AAGJ;EACE;;AAEA;EACE","file":"icon-button.css"}
package/prebuilt-themes/default/calendar.css CHANGED
@@ -1,6 +1,35 @@
1
+ :root {
2
+ --ard-calendar-grid-size: 2.25rem;
3
+ --ard-calendar-grid-gap: 0.25rem;
4
+ --ard-calendar-padding: 0.375rem;
5
+ --ard-calendar-header-padding: 0.375rem 0 0.75rem 0;
6
+ --ard-calendar-weekday-padding: 0 0 0.5rem 0;
7
+ --ard-calendar-weekday-font-size: 0.875rem;
8
+ --ard-calendar-weekday-font-weight: 500;
9
+ --ard-calendar-floating-month-transform: none;
10
+ --ard-calendar-floating-month-padding: 0 0 0 1rem;
11
+ --ard-calendar-floating-month-font-size: 0.875rem;
12
+ --ard-calendar-floating-month-font-weight: 500;
13
+ --ard-calendar-entry-padding: 0;
14
+ --ard-calendar-entry-font-size: 0.875rem;
15
+ --ard-calendar-entry-font-weight: 400;
16
+ --ard-calendar-entry-border-radius: 9999px;
17
+ --ard-calendar-entry-range-overlay-border-width: 1px;
18
+ --ard-calendar-entry-range-overlay-border-style: dashed;
19
+ --ard-calendar-entry-today-selected-border: 2px solid var(--ard-bg);
20
+ --ard-calendar-entry-highlighted-overlay-opacity: 20%;
21
+ --ard-calendar-entry-selected-overlay-opacity: 100%;
22
+ --ard-calendar-entry-selected-range-overlay-opacity: 12%;
23
+ --ard-calendar-entry-disabled-overlay-opacity: 50%;
24
+ --ard-calendar-entry-disabled-highlighted-overlay-opacity: 15%;
25
+ --ard-calendar-entry-disabled-opacity: 50%;
26
+ }
27
+
1
28
  .ard-calendar {
2
- width: 18.5rem;
29
+ min-width: calc(var(--ard-calendar-grid-size) * 7 + var(--ard-calendar-grid-gap) * 6);
3
30
  user-select: none;
31
+ padding: var(--ard-calendar-padding, 0 0.375rem 0.375rem 0.375rem);
32
+ box-sizing: content-box;
4
33
  }
5
34
  .ard-calendar.ard-color-none {
6
35
  --ard-cmpcl--bg: var(--ard-bg);
@@ -136,11 +165,12 @@
136
165
  --ard-cmpcl--overlay-colored-light: currentColor;
137
166
  }
138
167
  .ard-calendar .ard-calendar__top-toolbar .ard-calendar__calendar-header {
139
- display: flex;
140
- justify-content: space-between;
168
+ display: grid;
169
+ grid-template-columns: 1fr 5fr 1fr;
141
170
  align-items: center;
171
+ justify-items: center;
142
172
  width: 100%;
143
- padding: 0.75rem 0;
173
+ padding: var(--ard-calendar-header-padding, 0.75rem 0);
144
174
  }
145
175
  .ard-calendar .ard-calendar__top-toolbar .ard-calendar__calendar-header .ard-dropdown-arrow {
146
176
  width: var(--ard-dropdown-button-size);
@@ -157,66 +187,71 @@
157
187
  }
158
188
  .ard-calendar .ard-calendar__weekdays {
159
189
  display: grid;
160
- grid-template-columns: repeat(7, 2.5rem);
190
+ grid-template-columns: repeat(7, var(--ard-calendar-grid-size, 2.25rem));
191
+ gap: var(--ard-calendar-grid-gap, 0.25rem);
161
192
  align-items: center;
162
- padding: 0 0.375rem 0.5rem 0.375rem;
193
+ padding: var(--ard-calendar-weekday-padding, 0 0 0.5rem 0);
163
194
  }
164
195
  .ard-calendar .ard-calendar__weekdays .ard-calendar__weekday {
165
196
  text-align: center;
166
- font-size: 0.875rem;
167
- font-weight: 500;
168
- color: var(--ard-text);
197
+ font-size: var(--ard-calendar-weekday-font-size, 0.875rem);
198
+ font-weight: var(--ard-calendar-weekday-font-weight, 500);
199
+ color: var(--ard-calendar-weekday-color, var(--ard-text));
169
200
  }
170
201
  .ard-calendar .ard-calendar__days-grid {
171
- padding: 0.375rem;
172
- padding-top: 0;
202
+ padding: 0;
173
203
  display: grid;
174
- grid-template-columns: repeat(7, 2.5rem);
204
+ grid-template-columns: repeat(7, var(--ard-calendar-grid-size));
175
205
  position: relative;
176
206
  outline: none;
207
+ gap: var(--ard-calendar-grid-gap, 0.25rem);
177
208
  }
178
209
  .ard-calendar .ard-calendar__days-grid > * {
179
- max-width: 100%;
210
+ width: var(--ard-calendar-grid-size);
211
+ max-width: var(--ard-calendar-grid-size);
212
+ height: var(--ard-calendar-grid-size);
213
+ max-height: var(--ard-calendar-grid-size);
180
214
  box-sizing: border-box;
181
- aspect-ratio: 1;
182
215
  }
183
216
  .ard-calendar .ard-calendar__days-grid.ard-reserve-top-row {
184
- padding-top: 2.5rem;
217
+ padding-top: calc(var(--ard-calendar-grid-size) + var(--ard-calendar-grid-gap));
185
218
  }
186
219
  .ard-calendar .ard-calendar__days-grid .ard-calendar__floating-month {
187
220
  position: absolute;
188
221
  top: 0;
189
222
  left: 0;
223
+ transform: var(--ard-calendar-floating-month-transform, none);
190
224
  width: 100%;
191
225
  box-sizing: border-box;
192
226
  aspect-ratio: 7;
193
- padding-left: 1rem;
227
+ padding: var(--ard-calendar-floating-month-padding, 0 0 0 1rem);
194
228
  display: flex;
195
229
  align-items: center;
196
- font-size: 0.875rem;
197
- font-weight: 500;
198
- color: var(--ard-text3);
230
+ font-size: var(--ard-calendar-floating-month-font-size, 0.875rem);
231
+ font-weight: var(--ard-calendar-floating-month-font-weight, 500);
232
+ color: var(--ard-calendar-floating-month-color, var(--ard-text3));
199
233
  letter-spacing: 0.5px;
200
234
  }
201
235
  .ard-calendar .ard-calendar__simple-grid {
202
236
  border-top: 1px solid var(--ard-detail-ultralight);
203
- margin-top: 0.25rem;
204
237
  display: grid;
205
238
  grid-template-columns: repeat(4, 1fr);
206
- grid-template-rows: repeat(6, 2.5rem);
239
+ grid-template-rows: repeat(6, var(--ard-calendar-grid-size));
207
240
  position: relative;
208
241
  outline: none;
242
+ padding: 0;
243
+ gap: var(--ard-calendar-grid-gap, 0.25rem);
209
244
  }
210
245
  .ard-calendar .ard-calendar__simple-grid > * {
211
246
  max-width: 100%;
212
247
  box-sizing: border-box;
213
- aspect-ratio: 7/4;
214
248
  }
215
249
  .ard-calendar .ard-calendar__entry {
216
250
  z-index: 1;
217
251
  cursor: pointer;
218
252
  outline: none;
219
- padding: 0.125rem;
253
+ padding: var(--ard-calendar-entry-padding, 0);
254
+ box-sizing: border-box;
220
255
  }
221
256
  .ard-calendar .ard-calendar__entry .ard-calendar__entry-button {
222
257
  width: 100%;
@@ -225,49 +260,96 @@
225
260
  display: flex;
226
261
  align-items: center;
227
262
  justify-content: center;
228
- font-size: 0.875rem;
263
+ font-size: var(--ard-calendar-entry-font-size, 0.875rem);
264
+ font-weight: var(--ard-calendar-entry-font-weight, 400);
229
265
  background: transparent;
230
266
  border: 1px solid transparent;
231
- border-radius: 9999px;
267
+ border-radius: var(--ard-calendar-entry-border-radius, 9999px);
232
268
  position: relative;
233
269
  cursor: pointer;
270
+ outline: none;
271
+ box-sizing: border-box;
234
272
  }
235
273
  .ard-calendar .ard-calendar__entry .ard-calendar__entry-button .ard-focus-overlay {
236
274
  position: absolute;
237
- top: -0;
238
- bottom: -0;
239
- left: -0;
240
- right: -0;
275
+ top: calc(-1 * 0px);
276
+ bottom: calc(-1 * 0px);
277
+ left: calc(-1 * 0px);
278
+ right: calc(-1 * 0px);
241
279
  opacity: 0;
242
280
  border-radius: inherit;
243
281
  pointer-events: none;
244
282
  transition: opacity 0.2s ease;
245
283
  z-index: -1;
246
- background: var(--ard-cmpcl--bg-colored);
247
- border: 2px solid transparent;
284
+ background: var(--ard-cmpcl--overlay);
248
285
  transition: border-color 0.1s ease, opacity 0.1s ease;
249
286
  }
287
+ .ard-calendar .ard-calendar__entry .ard-calendar__entry-button .ard-range-overlay {
288
+ position: absolute;
289
+ top: calc(-1 * 0px);
290
+ bottom: calc(-1 * 0px);
291
+ left: calc(-1 * 0px);
292
+ right: calc(-1 * 0px);
293
+ opacity: 0;
294
+ border-radius: inherit;
295
+ pointer-events: none;
296
+ transition: opacity 0.2s ease;
297
+ z-index: -1;
298
+ opacity: 1;
299
+ left: calc(var(--ard-calendar-grid-gap, 0.25rem) / -2 - 1px);
300
+ right: calc(var(--ard-calendar-grid-gap, 0.25rem) / -2 - 1px);
301
+ border: var(--ard-calendar-entry-range-overlay-border-width, 1px) var(--ard-calendar-entry-range-overlay-border-style, dashed) transparent;
302
+ background: transparent;
303
+ transition: none;
304
+ border-radius: 0;
305
+ }
250
306
  .ard-calendar .ard-calendar__entry.ard-calendar__entry-empty {
251
307
  cursor: default;
252
308
  }
253
309
  .ard-calendar .ard-calendar__entry.ard-calendar-today .ard-calendar__entry-button {
254
- border-color: var(--ard-detail);
310
+ border-color: var(--ard-calendar-entry-today-border-color, var(--ard-detail));
311
+ }
312
+ .ard-calendar .ard-calendar__entry.ard-calendar__entry-highlighted-in-range .ard-range-overlay {
313
+ opacity: 1;
314
+ border-top-color: var(--ard-cmpcl--bg-colored);
315
+ border-bottom-color: var(--ard-cmpcl--bg-colored);
316
+ }
317
+ .ard-calendar .ard-calendar__entry.ard-calendar__entry-highlighted-in-range.ard-calendar__entry-selected-start .ard-range-overlay {
318
+ border-left-color: var(--ard-cmpcl--bg-colored);
319
+ }
320
+ .ard-calendar .ard-calendar__entry.ard-calendar__entry-highlighted-in-range.ard-calendar__entry-selected-end .ard-range-overlay, .ard-calendar .ard-calendar__entry.ard-calendar__entry-highlighted-in-range.ard-calendar__entry-highlighted .ard-range-overlay {
321
+ border-right-color: var(--ard-cmpcl--bg-colored);
255
322
  }
256
323
  .ard-calendar .ard-calendar__entry.ard-calendar__entry-highlighted .ard-focus-overlay {
257
- opacity: 20%;
324
+ opacity: var(--ard-calendar-entry-highlighted-overlay-opacity, 20%);
325
+ }
326
+ .ard-calendar .ard-calendar__entry.ard-calendar__entry-selected-start .ard-range-overlay {
327
+ left: 0;
328
+ border-top-left-radius: var(--ard-calendar-entry-border-radius);
329
+ border-bottom-left-radius: var(--ard-calendar-entry-border-radius);
330
+ }
331
+ .ard-calendar .ard-calendar__entry.ard-calendar__entry-selected-end .ard-range-overlay, .ard-calendar .ard-calendar__entry.ard-calendar__entry-highlighted:not(.ard-calendar__entry-selected-in-range) .ard-range-overlay {
332
+ right: 0;
333
+ border-top-right-radius: var(--ard-calendar-entry-border-radius);
334
+ border-bottom-right-radius: var(--ard-calendar-entry-border-radius);
335
+ }
336
+ .ard-calendar .ard-calendar__entry.ard-calendar__entry-selected-in-range .ard-range-overlay {
337
+ opacity: var(--ard-calendar-entry-selected-range-overlay-opacity, 12%);
338
+ background-color: var(--ard-cmpcl--bg-colored);
258
339
  }
259
340
  .ard-calendar .ard-calendar__entry.ard-calendar__entry-selected .ard-calendar__entry-button {
260
341
  color: var(--ard-cmpcl--on-bg-colored);
261
342
  }
262
343
  .ard-calendar .ard-calendar__entry.ard-calendar__entry-selected .ard-focus-overlay {
263
- opacity: 100%;
344
+ opacity: var(--ard-calendar-entry-selected-overlay-opacity, 100%);
345
+ background: var(--ard-cmpcl--bg-colored);
264
346
  }
265
347
  .ard-calendar .ard-calendar__entry.ard-calendar__entry-selected.ard-calendar-today .ard-focus-overlay {
266
- border-color: var(--ard-bg);
348
+ border: var(--ard-calendar-entry-today-selected-border, 2px solid var(--ard-bg));
267
349
  }
268
350
  .ard-calendar .ard-calendar__entry.ard-calendar__entry-disabled {
269
351
  pointer-events: none;
270
- opacity: 50%;
352
+ opacity: var(--ard-calendar-entry-disabled-overlay-opacity, 50%);
271
353
  }
272
354
  .ard-calendar .ard-calendar__entry.ard-calendar__entry-disabled .ard-calendar__entry-button {
273
355
  cursor: default;
@@ -276,27 +358,21 @@
276
358
  background: var(--ard-cmpcl--overlay);
277
359
  }
278
360
  .ard-calendar .ard-calendar__entry.ard-calendar__entry-disabled.ard-calendar__entry-highlighted .ard-focus-overlay {
279
- opacity: 15%;
361
+ opacity: var(--ard-calendar-entry-disabled-highlighted-overlay-opacity, 15%);
280
362
  }
281
- .ard-calendar .ard-calendar__day-labels {
282
- font-size: 0.8125rem;
283
- color: var(--ard-text3);
284
- height: 1.25rem;
285
- position: relative;
363
+ .ard-calendar .ard-years-view .ard-calendar__entry .ard-calendar__entry-button .ard-range-overlay,
364
+ .ard-calendar .ard-months-view .ard-calendar__entry .ard-calendar__entry-button .ard-range-overlay {
365
+ left: calc(-var(--ard-calendar-grid-gap) / 2 - 1px);
366
+ right: calc(-var(--ard-calendar-grid-gap) / 2 - 1px);
367
+ border: none;
286
368
  }
287
- .ard-calendar .ard-calendar__day-labels > * {
288
- display: flex;
289
- align-items: center;
290
- justify-content: center;
291
- aspect-ratio: unset;
369
+ .ard-calendar .ard-years-view .ard-calendar__entry.ard-calendar__entry-selected-start .ard-range-overlay,
370
+ .ard-calendar .ard-months-view .ard-calendar__entry.ard-calendar__entry-selected-start .ard-range-overlay {
371
+ left: 0;
292
372
  }
293
- .ard-calendar .ard-calendar__day-labels::after {
294
- content: "";
295
- position: absolute;
296
- width: 100%;
297
- height: 1px;
298
- background: var(--ard-detail-ultralight);
299
- bottom: 0;
373
+ .ard-calendar .ard-years-view .ard-calendar__entry.ard-calendar__entry-selected-end .ard-range-overlay,
374
+ .ard-calendar .ard-months-view .ard-calendar__entry.ard-calendar__entry-selected-end .ard-range-overlay {
375
+ right: 0;
300
376
  }
301
377
 
302
378
  .ard-readonly .ard-calendar,
@@ -305,7 +381,7 @@
305
381
  }
306
382
 
307
383
  .ard-disabled .ard-calendar {
308
- opacity: 50%;
384
+ opacity: var(--ard-calendar-entry-disabled-opacity, 50%);
309
385
  }
310
386
 
311
387
  /*# sourceMappingURL=calendar.css.map */
package/prebuilt-themes/default/calendar.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/calendar.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_dropdown-arrow.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAOA;EAEE;EACA;;ACPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADxHA;EACE;EACA;EACA;EACA;EACA;;AAEA;EElBJ,OCqCqB;EDpCrB,QCoCqB;EDnCrB;EACA;EACA,qBCSO;EDRP,oBCQO;EDPP;EACA;;AFiBE;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,OGnCC;;AHuCL;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE,aAvDM;;AAyDR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OGjEE;EHkEF;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EIxGJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EJiGM;EACA;EACA;EACA,YACE;;AAIN;EACE;;AAGA;EACE,cGpHC;;AHwHH;EACE;;AAIF;EACE;;AAEF;EACE;;AAIA;EACE,cGtJL;;AH0JD;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGA;EACE;;AAKR;EACE;EACA,OGpKI;EHqKJ;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA,YG1Kc;EH2Kd;;;AAMJ;AAAA;EACE;;;AAIF;EACE","file":"calendar.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/calendar.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_dropdown-arrow.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EACA;EACA;;ACvCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADxFA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EEnDJ,OCsCqB;EDrCrB,QCqCqB;EDpCrB;EACA;EACA,qBCSO;EDRP,oBCQO;EDPP;EACA;;AFkDE;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EI/IJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EJwIM;EACA;EACA;;AAEF;EIrJJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EJ8IM;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAGJ;EACE;;AAGA;EACE;;AAIF;EACE;EACA;EACA;;AAGA;EACE;;AAKF;EACE;;AAKJ;EACE;;AAIF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAIF;EACE;;AAEF;EACE;EACA;;AAIA;EACE;;AAIN;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGA;EACE;;AASF;AAAA;EACE;EACA;EACA;;AAKF;AAAA;EACE;;AAIF;AAAA;EACE;;;AAQR;AAAA;EACE;;;AAIF;EACE","file":"calendar.css"}
package/prebuilt-themes/default/card.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/card.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;EAEE;EACA,YCLG;EDMH;EACA;EACA;EACA;;AAGA;AAAA;EACE;;AAEF;AAAA;EACE,YCgBU;;ADbZ;AAAA;EACE;;AAEF;AAAA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AAGJ;AAAA;EAEE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,OC/CK;;;ADiDP;EACE;EACA;EACA,OClDM;EDmDN;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;;AAKF;AAAA;EACE;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE","file":"card.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/card.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;EAEE;EACA,YCLG;EDMH;EACA;EACA;EACA;;AAGA;AAAA;EACE;;AAEF;AAAA;EACE,YCiBU;;ADdZ;AAAA;EACE;;AAEF;AAAA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AAGJ;AAAA;EAEE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,OC/CK;;;ADiDP;EACE;EACA;EACA,OClDM;EDmDN;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;;AAKF;AAAA;EACE;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE","file":"card.css"}
package/prebuilt-themes/default/checkbox-list.css CHANGED
@@ -1,26 +1,51 @@
1
+ :root {
2
+ --ard-checkbox-list-padding: 0.375rem 0;
3
+ --ard-checkbox-list-item-hover-opacity: 5%;
4
+ --ard-checkbox-list-item-active-opacity: 15%;
5
+ --ard-checkbox-list-item-height: 3rem;
6
+ --ard-checkbox-list-item-height-compact: 2rem;
7
+ --ard-checkbox-list-checkbox-min-width: 1.25rem;
8
+ --ard-checkbox-list-checkbox-padding: 0.625rem;
9
+ --ard-checkbox-list-item-padding: 0 0.5rem 0 0;
10
+ --ard-checkbox-list-gap: 0;
11
+ --ard-checkbox-list-gap-compact: 0;
12
+ --ard-checkbox-list-item-gap: 0.5rem;
13
+ --ard-checkbox-list-item-gap-compact: 0.325rem;
14
+ --ard-checkbox-list-disabled-opacity: 50%;
15
+ }
16
+
1
17
  .ard-checkbox-list {
2
18
  display: flex;
3
19
  flex-direction: column;
20
+ padding: var(--ard-checkbox-list-padding, 0.375rem 0);
21
+ gap: var(--ard-checkbox-list-gap, 0);
4
22
  }
5
23
  .ard-checkbox-list .ard-checkbox-list__item {
6
24
  display: flex;
7
25
  align-items: center;
8
- gap: 0.5rem;
9
- padding: 0 1rem;
26
+ justify-content: stretch;
27
+ gap: var(--ard-checkbox-list-item-gap, 0.5rem);
28
+ padding: var(--ard-checkbox-list-item-padding, 0 0.5rem 0 0);
10
29
  position: relative;
11
30
  cursor: pointer;
12
- height: 3rem;
31
+ height: max-content;
32
+ min-height: var(--ard-checkbox-list-item-height, 3rem);
13
33
  }
14
34
  .ard-checkbox-list .ard-checkbox-list__item > label {
15
35
  pointer-events: none;
16
36
  user-select: none;
37
+ flex-grow: 1;
38
+ padding: 0;
39
+ min-height: var(--ard-checkbox-list-item-height, 3rem);
40
+ display: flex;
41
+ align-items: center;
17
42
  }
18
43
  .ard-checkbox-list .ard-checkbox-list__item > .ard-focus-overlay {
19
44
  position: absolute;
20
- top: -0;
21
- bottom: -0;
22
- left: -0;
23
- right: -0;
45
+ top: calc(-1 * 0px);
46
+ bottom: calc(-1 * 0px);
47
+ left: calc(-1 * 0px);
48
+ right: calc(-1 * 0px);
24
49
  opacity: 0;
25
50
  border-radius: inherit;
26
51
  pointer-events: none;
@@ -28,13 +53,14 @@
28
53
  background: var(--ard-overlay);
29
54
  }
30
55
  .ard-checkbox-list .ard-checkbox-list__item.ard-item-highlighted > .ard-focus-overlay {
31
- opacity: 5%;
56
+ opacity: var(--ard-checkbox-list-item-hover-opacity, 5%);
32
57
  }
33
58
  .ard-checkbox-list .ard-checkbox-list__item:active > .ard-focus-overlay {
34
- opacity: 15%;
59
+ opacity: var(--ard-checkbox-list-item-active-opacity, 15%);
35
60
  }
36
61
  .ard-checkbox-list .ard-checkbox-list__item ard-checkbox {
37
- padding: 0.625rem;
62
+ padding: var(--ard-checkbox-list-checkbox-padding, 0.625rem);
63
+ min-width: var(--ard-checkbox-list-checkbox-min-width, 1.25rem);
38
64
  }
39
65
  .ard-checkbox-list .ard-checkbox-list__item ard-checkbox .ard-checkbox .ard-focus-overlay {
40
66
  display: none;
@@ -43,23 +69,23 @@
43
69
  pointer-events: none;
44
70
  }
45
71
  .ard-checkbox-list .ard-checkbox-list__item.ard-item-disabled > label {
46
- opacity: 50%;
47
- }
48
- .ard-checkbox-list.ard-compact .ard-checkbox-list__item {
49
- gap: 0.325rem;
50
- height: 2rem;
72
+ opacity: var(--ard-checkbox-list-disabled-opacity, 50%);
51
73
  }
52
- .ard-checkbox-list.ard-align-left-clumped .ard-checkbox-list__item, .ard-checkbox-list.ard-align-left-split .ard-checkbox-list__item {
53
- flex-direction: row;
74
+ .ard-checkbox-list.ard-compact {
75
+ gap: var(--ard-checkbox-list-gap-compact, 0);
54
76
  }
55
- .ard-checkbox-list.ard-align-right-clumped .ard-checkbox-list__item, .ard-checkbox-list.ard-align-right-split .ard-checkbox-list__item {
56
- flex-direction: row-reverse;
77
+ .ard-checkbox-list.ard-compact .ard-checkbox-list__item {
78
+ gap: var(--ard-checkbox-list-item-gap-compact, 0.325rem);
79
+ height: var(--ard-checkbox-list-item-height-compact, 2rem);
57
80
  }
58
- .ard-checkbox-list.ard-align-left-clumped .ard-checkbox-list__item, .ard-checkbox-list.ard-align-right-clumped .ard-checkbox-list__item {
81
+ .ard-checkbox-list.ard-align-left-clumped .ard-checkbox-list__item label, .ard-checkbox-list.ard-align-right-split .ard-checkbox-list__item label {
59
82
  justify-content: flex-start;
60
83
  }
61
- .ard-checkbox-list.ard-align-left-split .ard-checkbox-list__item, .ard-checkbox-list.ard-align-right-split .ard-checkbox-list__item {
62
- justify-content: space-between;
84
+ .ard-checkbox-list.ard-align-left-split .ard-checkbox-list__item label, .ard-checkbox-list.ard-align-right-clumped .ard-checkbox-list__item label {
85
+ justify-content: flex-end;
86
+ }
87
+ .ard-checkbox-list.ard-align-right-split .ard-checkbox-list__item, .ard-checkbox-list.ard-align-right-clumped .ard-checkbox-list__item {
88
+ flex-direction: row-reverse;
63
89
  }
64
90
 
65
91
  /*# sourceMappingURL=checkbox-list.css.map */
package/prebuilt-themes/default/checkbox-list.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/checkbox-list.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;ECPF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EDAI,YEpBI;;AFuBJ;EACE;;AAIF;EACE;;AAGJ;EACE;;AAGE;EACE;;AAIN;EACE;;AAEA;EACE;;AAKJ;EACE;EACA;;AAMF;EACE;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE","file":"checkbox-list.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/checkbox-list.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EChCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EDyBI,YE7CI;;AFgDJ;EACE;;AAIF;EACE;;AAGJ;EACE;EACA;;AAGE;EACE;;AAIN;EACE;;AAEA;EACE;;AAIN;EACE;;AAEA;EACE;EACA;;AAOA;EACE;;AAOF;EACE;;AAMJ;EACE","file":"checkbox-list.css"}
package/prebuilt-themes/default/checkbox.css CHANGED
@@ -291,10 +291,10 @@
291
291
  }
292
292
  .ard-checkbox .ard-focus-overlay {
293
293
  position: absolute;
294
- top: -0.4em;
295
- bottom: -0.4em;
296
- left: -0.4em;
297
- right: -0.4em;
294
+ top: calc(-1 * 0.4em);
295
+ bottom: calc(-1 * 0.4em);
296
+ left: calc(-1 * 0.4em);
297
+ right: calc(-1 * 0.4em);
298
298
  opacity: 0;
299
299
  border-radius: inherit;
300
300
  pointer-events: none;