@ardium-ui/ui 5.0.0-alpha.8 → 5.0.0-alpha.81

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 (302) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +5003 -2545
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/_internal/boolean-component.d.ts +13 -1
  4. package/lib/_internal/disablable-component.d.ts +2 -1
  5. package/lib/_internal/focusable-component.d.ts +2 -1
  6. package/lib/_internal/form-field-component.d.ts +3 -2
  7. package/lib/_internal/item-storages/dropdown-item-storage.d.ts +19 -19
  8. package/lib/_internal/item-storages/simple-item-storage.d.ts +15 -12
  9. package/lib/_internal/item-storages/simplest-item-storage.d.ts +1 -1
  10. package/lib/_internal/ngmodel-component.d.ts +5 -8
  11. package/lib/_internal/selectable-list-component.d.ts +6 -6
  12. package/lib/_internal/utils/date.utils.d.ts +16 -0
  13. package/lib/badge/badge.directive.d.ts +3 -2
  14. package/lib/breakpoints/breakpoint.service.d.ts +12 -0
  15. package/lib/breakpoints/breakpoint.utils.d.ts +7 -0
  16. package/lib/breakpoints/breakpoints.d.ts +13 -0
  17. package/lib/breakpoints/index.d.ts +2 -0
  18. package/lib/buttons/_button-base.d.ts +12 -8
  19. package/lib/buttons/_button-base.defaults.d.ts +3 -2
  20. package/lib/buttons/button/button.component.d.ts +5 -5
  21. package/lib/buttons/button/button.defaults.d.ts +0 -2
  22. package/lib/buttons/button/button.directive.d.ts +17 -0
  23. package/lib/buttons/button/button.module.d.ts +3 -2
  24. package/lib/buttons/button/index.d.ts +1 -0
  25. package/lib/buttons/fab/fab.component.d.ts +3 -1
  26. package/lib/buttons/icon-button/icon-button.component.d.ts +6 -4
  27. package/lib/buttons/icon-button/icon-button.defaults.d.ts +2 -1
  28. package/lib/calendar/abstract-calendar.d.ts +128 -0
  29. package/lib/calendar/calendar.component.d.ts +8 -96
  30. package/lib/calendar/calendar.defaults.d.ts +16 -1
  31. package/lib/calendar/calendar.internal-directives.d.ts +24 -8
  32. package/lib/calendar/calendar.internal-types.d.ts +1 -0
  33. package/lib/calendar/calendar.module.d.ts +4 -9
  34. package/lib/calendar/calendar.types.d.ts +21 -5
  35. package/lib/calendar/index.d.ts +3 -0
  36. package/lib/calendar/range-calendar.component.d.ts +16 -0
  37. package/lib/calendar/range-calendar.directives.d.ts +51 -0
  38. package/lib/calendar/range-calendar.module.d.ts +10 -0
  39. package/lib/calendar/views/calendar-views.module.d.ts +13 -0
  40. package/lib/calendar/views/days-view/days-view.component.d.ts +20 -2
  41. package/lib/calendar/views/days-view/days-view.helpers.d.ts +2 -2
  42. package/lib/calendar/views/months-view/months-view.component.d.ts +15 -3
  43. package/lib/calendar/views/years-view/years-view.component.d.ts +16 -3
  44. package/lib/checkbox/checkbox.component.d.ts +5 -2
  45. package/lib/checkbox/checkbox.types.d.ts +2 -0
  46. package/lib/checkbox-list/checkbox-list.component.d.ts +9 -7
  47. package/lib/checkbox-list/checkbox-list.directives.d.ts +7 -0
  48. package/lib/checkbox-list/checkbox-list.module.d.ts +1 -1
  49. package/lib/chip/chip.component.d.ts +2 -1
  50. package/lib/chip/deletable-chip/deletable-chip.component.d.ts +2 -1
  51. package/lib/chip/selectable-chip/selectable-chip.component.d.ts +5 -2
  52. package/lib/dialog/dialog.component.d.ts +13 -8
  53. package/lib/dialog/dialog.types.d.ts +1 -0
  54. package/lib/divider/divider.component.d.ts +2 -3
  55. package/lib/divider/divider.defaults.d.ts +5 -0
  56. package/lib/divider/divider.directive.d.ts +18 -0
  57. package/lib/divider/divider.module.d.ts +3 -2
  58. package/lib/divider/divider.types.d.ts +5 -0
  59. package/lib/divider/index.d.ts +2 -0
  60. package/lib/dropdown-panel/dropdown-panel.component.d.ts +2 -1
  61. package/lib/dropdown-panel/dropdown-panel.types.d.ts +1 -1
  62. package/lib/file-inputs/file-input/file-input.component.d.ts +2 -1
  63. package/lib/file-inputs/file-input-base.d.ts +4 -5
  64. package/lib/form-field/auto-error/auto-error.component.d.ts +19 -0
  65. package/lib/form-field/auto-error/auto-error.provider.d.ts +7 -0
  66. package/lib/form-field/error/error.directive.d.ts +3 -2
  67. package/lib/form-field/form-field-base.d.ts +5 -2
  68. package/lib/form-field/form-field-child.token.d.ts +5 -5
  69. package/lib/form-field/form-field-native-inputs.d.ts +6 -11
  70. package/lib/form-field/form-field.component.d.ts +1 -1
  71. package/lib/form-field/form-field.defaults.d.ts +1 -0
  72. package/lib/form-field/form-field.module.d.ts +5 -4
  73. package/lib/form-field/hint/hint.directive.d.ts +3 -2
  74. package/lib/form-field/hint-error/hint-error.directive.d.ts +3 -2
  75. package/lib/form-field/horizontal-form-field.component.d.ts +1 -1
  76. package/lib/form-field/index.d.ts +2 -0
  77. package/lib/form-field/label/label.component.d.ts +3 -2
  78. package/lib/form-field-frame/form-field-frame.component.d.ts +5 -3
  79. package/lib/grid/grid.component.d.ts +51 -0
  80. package/lib/grid/grid.defaults.d.ts +16 -0
  81. package/lib/grid/grid.module.d.ts +7 -0
  82. package/lib/grid/grid.types.d.ts +38 -0
  83. package/lib/grid/grid.utils.d.ts +11 -0
  84. package/lib/grid/index.d.ts +4 -0
  85. package/lib/icon/icon.component.d.ts +2 -1
  86. package/lib/inputs/_simple-input-base.d.ts +6 -3
  87. package/lib/inputs/autocomplete-input/autocomplete-input.component.d.ts +5 -4
  88. package/lib/inputs/date-input/abstract-date-input.d.ts +112 -0
  89. package/lib/inputs/date-input/date-input.component.d.ts +19 -81
  90. package/lib/inputs/date-input/date-input.defaults.d.ts +21 -3
  91. package/lib/inputs/date-input/{date-input.directive.d.ts → date-input.directives.d.ts} +2 -2
  92. package/lib/inputs/date-input/date-input.module.d.ts +5 -4
  93. package/lib/inputs/date-input/date-input.serializers.d.ts +4 -2
  94. package/lib/inputs/date-input/date-input.types.d.ts +5 -4
  95. package/lib/inputs/date-input/date-range-input.component.d.ts +30 -0
  96. package/lib/inputs/date-input/date-range-input.directives.d.ts +82 -0
  97. package/lib/inputs/date-input/date-range-input.module.d.ts +17 -0
  98. package/lib/inputs/date-input/index.d.ts +7 -1
  99. package/lib/inputs/date-input/multipage-date-range-input.component.d.ts +45 -0
  100. package/lib/inputs/date-input/multipage-date-range-input.directives.d.ts +82 -0
  101. package/lib/inputs/date-input/multipage-date-range-input.module.d.ts +17 -0
  102. package/lib/inputs/digit-input/digit-input.component.d.ts +4 -3
  103. package/lib/inputs/hex-input/hex-input.component.d.ts +4 -3
  104. package/lib/inputs/input-utils.d.ts +13 -2
  105. package/lib/inputs/number-input/number-input.component.d.ts +20 -12
  106. package/lib/inputs/number-input/number-input.defaults.d.ts +6 -0
  107. package/lib/inputs/number-input/number-input.directives.d.ts +12 -0
  108. package/lib/inputs/number-input/number-input.module.d.ts +1 -1
  109. package/lib/inputs/number-input/number-input.types.d.ts +6 -0
  110. package/lib/inputs/password-input/password-input.component.d.ts +5 -3
  111. package/lib/kbd/kbd.component.d.ts +2 -1
  112. package/lib/kbd-shortcut/kbd-shortcut.component.d.ts +2 -1
  113. package/lib/modal/modal.component.d.ts +9 -6
  114. package/lib/modal/modal.defaults.d.ts +2 -0
  115. package/lib/option/option.component.d.ts +2 -1
  116. package/lib/progress-bar/progress-bar.component.d.ts +4 -3
  117. package/lib/progress-circle/progress-circle.component.d.ts +5 -4
  118. package/lib/radio/radio/radio.component.d.ts +8 -3
  119. package/lib/search-functions.d.ts +1 -1
  120. package/lib/segment/segment.component.d.ts +6 -5
  121. package/lib/select/select.component.d.ts +42 -32
  122. package/lib/select/select.defaults.d.ts +10 -2
  123. package/lib/select/select.directive.d.ts +6 -0
  124. package/lib/select/select.module.d.ts +1 -1
  125. package/lib/select/select.types.d.ts +6 -2
  126. package/lib/select/select.utils.d.ts +2 -0
  127. package/lib/slide-toggle/slide-toggle.component.d.ts +2 -0
  128. package/lib/slider/abstract-slider.d.ts +37 -29
  129. package/lib/slider/index.d.ts +1 -0
  130. package/lib/slider/range-slider/range-slider.component.d.ts +12 -9
  131. package/lib/slider/range-slider/range-slider.types.d.ts +6 -0
  132. package/lib/slider/slider.component.d.ts +5 -4
  133. package/lib/slider/slider.types.d.ts +3 -3
  134. package/lib/star/rating-display/rating-display.component.d.ts +2 -1
  135. package/lib/star/rating-input/rating-input.component.d.ts +5 -3
  136. package/lib/star/rating-input/rating-input.defaults.d.ts +2 -2
  137. package/lib/star/star-button/star-button.component.d.ts +4 -1
  138. package/lib/star/star-button/star-button.types.d.ts +1 -0
  139. package/lib/tabber/index.d.ts +2 -1
  140. package/lib/tabber/tab/tab.component.d.ts +16 -8
  141. package/lib/tabber/tabber.component.d.ts +25 -9
  142. package/lib/tabber/tabber.defaults.d.ts +2 -0
  143. package/lib/tabber/tabber.directives.d.ts +9 -0
  144. package/lib/tabber/tabber.module.d.ts +3 -2
  145. package/lib/tabber/tabber.types.d.ts +5 -0
  146. package/lib/table/table.component.d.ts +16 -15
  147. package/lib/table-pagination/table-pagination.component.d.ts +4 -3
  148. package/lib/text-list/text-list.component.d.ts +2 -1
  149. package/lib/types/alignment.types.d.ts +7 -1
  150. package/lib/types/item-storage.types.d.ts +17 -18
  151. package/lib/types/theming.types.d.ts +1 -0
  152. package/package.json +3 -2
  153. package/prebuilt-themes/default/badge.css +234 -205
  154. package/prebuilt-themes/default/badge.css.map +1 -1
  155. package/prebuilt-themes/default/buttons/button.css +324 -301
  156. package/prebuilt-themes/default/buttons/button.css.map +1 -1
  157. package/prebuilt-themes/default/buttons/fab.css +317 -299
  158. package/prebuilt-themes/default/buttons/fab.css.map +1 -1
  159. package/prebuilt-themes/default/buttons/icon-button.css +299 -287
  160. package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
  161. package/prebuilt-themes/default/calendar.css +390 -308
  162. package/prebuilt-themes/default/calendar.css.map +1 -1
  163. package/prebuilt-themes/default/card.css +151 -127
  164. package/prebuilt-themes/default/card.css.map +1 -1
  165. package/prebuilt-themes/default/checkbox-list.css +89 -62
  166. package/prebuilt-themes/default/checkbox-list.css.map +1 -1
  167. package/prebuilt-themes/default/checkbox.css +349 -362
  168. package/prebuilt-themes/default/checkbox.css.map +1 -1
  169. package/prebuilt-themes/default/chips.css +412 -359
  170. package/prebuilt-themes/default/chips.css.map +1 -1
  171. package/prebuilt-themes/default/color-display.css +34 -26
  172. package/prebuilt-themes/default/color-display.css.map +1 -1
  173. package/prebuilt-themes/default/color-picker.css +105 -103
  174. package/prebuilt-themes/default/color-picker.css.map +1 -1
  175. package/prebuilt-themes/default/core.css +108 -86
  176. package/prebuilt-themes/default/core.css.map +1 -1
  177. package/prebuilt-themes/default/dialog.css +19 -15
  178. package/prebuilt-themes/default/dialog.css.map +1 -1
  179. package/prebuilt-themes/default/divider.css +84 -8
  180. package/prebuilt-themes/default/divider.css.map +1 -1
  181. package/prebuilt-themes/default/dropdown-panel.css +42 -34
  182. package/prebuilt-themes/default/dropdown-panel.css.map +1 -1
  183. package/prebuilt-themes/default/file-drop-area.css +329 -276
  184. package/prebuilt-themes/default/file-drop-area.css.map +1 -1
  185. package/prebuilt-themes/default/form-field-frame.css +102 -98
  186. package/prebuilt-themes/default/form-field-frame.css.map +1 -1
  187. package/prebuilt-themes/default/form-field.css +148 -118
  188. package/prebuilt-themes/default/form-field.css.map +1 -1
  189. package/prebuilt-themes/default/inputs/autocomplete-input.css +183 -132
  190. package/prebuilt-themes/default/inputs/autocomplete-input.css.map +1 -1
  191. package/prebuilt-themes/default/inputs/color-input.css +99 -137
  192. package/prebuilt-themes/default/inputs/color-input.css.map +1 -1
  193. package/prebuilt-themes/default/inputs/date-input.css +134 -63
  194. package/prebuilt-themes/default/inputs/date-input.css.map +1 -1
  195. package/prebuilt-themes/default/inputs/digit-input.css +120 -110
  196. package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
  197. package/prebuilt-themes/default/inputs/file-input.css +385 -325
  198. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  199. package/prebuilt-themes/default/inputs/hex-input.css +150 -117
  200. package/prebuilt-themes/default/inputs/hex-input.css.map +1 -1
  201. package/prebuilt-themes/default/inputs/input.css +137 -107
  202. package/prebuilt-themes/default/inputs/input.css.map +1 -1
  203. package/prebuilt-themes/default/inputs/number-input.css +213 -164
  204. package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
  205. package/prebuilt-themes/default/inputs/password-input.css +120 -71
  206. package/prebuilt-themes/default/inputs/password-input.css.map +1 -1
  207. package/prebuilt-themes/default/kbd-shortcut.css +14 -9
  208. package/prebuilt-themes/default/kbd-shortcut.css.map +1 -1
  209. package/prebuilt-themes/default/kbd.css +26 -15
  210. package/prebuilt-themes/default/kbd.css.map +1 -1
  211. package/prebuilt-themes/default/modal.css +96 -71
  212. package/prebuilt-themes/default/modal.css.map +1 -1
  213. package/prebuilt-themes/default/progress-bar.css +250 -228
  214. package/prebuilt-themes/default/progress-bar.css.map +1 -1
  215. package/prebuilt-themes/default/progress-circle.css +178 -164
  216. package/prebuilt-themes/default/progress-circle.css.map +1 -1
  217. package/prebuilt-themes/default/radio.css +246 -223
  218. package/prebuilt-themes/default/radio.css.map +1 -1
  219. package/prebuilt-themes/default/segment.css +432 -414
  220. package/prebuilt-themes/default/segment.css.map +1 -1
  221. package/prebuilt-themes/default/select.css +302 -270
  222. package/prebuilt-themes/default/select.css.map +1 -1
  223. package/prebuilt-themes/default/slide-toggle.css +319 -261
  224. package/prebuilt-themes/default/slide-toggle.css.map +1 -1
  225. package/prebuilt-themes/default/slider.css +399 -351
  226. package/prebuilt-themes/default/slider.css.map +1 -1
  227. package/prebuilt-themes/default/snackbar.css +189 -169
  228. package/prebuilt-themes/default/snackbar.css.map +1 -1
  229. package/prebuilt-themes/default/spinner.css +161 -148
  230. package/prebuilt-themes/default/spinner.css.map +1 -1
  231. package/prebuilt-themes/default/stars.css +271 -246
  232. package/prebuilt-themes/default/stars.css.map +1 -1
  233. package/prebuilt-themes/default/tabber.css +250 -207
  234. package/prebuilt-themes/default/tabber.css.map +1 -1
  235. package/prebuilt-themes/default/table-pagination.css +57 -45
  236. package/prebuilt-themes/default/table-pagination.css.map +1 -1
  237. package/prebuilt-themes/default/table.css +464 -432
  238. package/prebuilt-themes/default/table.css.map +1 -1
  239. package/public-api.d.ts +2 -1
  240. package/themes/_variables.scss +2 -1
  241. package/themes/default/_coloring.scss +7 -0
  242. package/themes/default/_mixins.scss +5 -5
  243. package/themes/default/badge.scss +115 -80
  244. package/themes/default/buttons/_button-mixins.scss +43 -33
  245. package/themes/default/buttons/button.scss +90 -63
  246. package/themes/default/buttons/fab.scss +74 -49
  247. package/themes/default/buttons/icon-button.scss +70 -45
  248. package/themes/default/calendar.scss +257 -163
  249. package/themes/default/card.scss +167 -121
  250. package/themes/default/checkbox-list.scss +90 -62
  251. package/themes/default/checkbox.scss +64 -91
  252. package/themes/default/chips.scss +203 -143
  253. package/themes/default/color-display.scss +40 -28
  254. package/themes/default/color-picker.scss +95 -93
  255. package/themes/default/core.scss +123 -97
  256. package/themes/default/dialog.scss +22 -13
  257. package/themes/default/divider.scss +109 -7
  258. package/themes/default/dropdown-panel.scss +49 -34
  259. package/themes/default/file-drop-area.scss +197 -138
  260. package/themes/default/form-field-frame.scss +73 -63
  261. package/themes/default/form-field.scss +136 -98
  262. package/themes/default/inputs/_shared.scss +52 -12
  263. package/themes/default/inputs/autocomplete-input.scss +102 -31
  264. package/themes/default/inputs/color-input.scss +34 -32
  265. package/themes/default/inputs/date-input.scss +90 -20
  266. package/themes/default/inputs/digit-input.scss +103 -79
  267. package/themes/default/inputs/file-input.scss +160 -81
  268. package/themes/default/inputs/hex-input.scss +68 -16
  269. package/themes/default/inputs/input.scss +55 -6
  270. package/themes/default/inputs/number-input.scss +164 -92
  271. package/themes/default/inputs/password-input.scss +100 -29
  272. package/themes/default/kbd-shortcut.scss +16 -8
  273. package/themes/default/kbd.scss +35 -16
  274. package/themes/default/modal.scss +109 -73
  275. package/themes/default/progress-bar.scss +126 -102
  276. package/themes/default/progress-circle.scss +49 -41
  277. package/themes/default/radio.scss +110 -87
  278. package/themes/default/segment.scss +282 -267
  279. package/themes/default/select.scss +255 -197
  280. package/themes/default/slide-toggle.scss +193 -116
  281. package/themes/default/slider.scss +230 -187
  282. package/themes/default/snackbar.scss +52 -32
  283. package/themes/default/spinner.scss +24 -14
  284. package/themes/default/stars.scss +99 -68
  285. package/themes/default/tabber.scss +109 -67
  286. package/themes/default/table-pagination.scss +60 -44
  287. package/themes/default/table.scss +379 -343
  288. package/lib/statebox/index.d.ts +0 -4
  289. package/lib/statebox/statebox.component.d.ts +0 -26
  290. package/lib/statebox/statebox.defaults.d.ts +0 -10
  291. package/lib/statebox/statebox.module.d.ts +0 -8
  292. package/lib/statebox/statebox.types.d.ts +0 -26
  293. package/lib/tabber/tab/tab.defaults.d.ts +0 -6
  294. package/prebuilt-themes/default/calendar-OLD.css +0 -294
  295. package/prebuilt-themes/default/calendar-OLD.css.map +0 -1
  296. package/prebuilt-themes/default/inputs/search-bar.css +0 -118
  297. package/prebuilt-themes/default/inputs/search-bar.css.map +0 -1
  298. package/prebuilt-themes/default/statebox.css +0 -235
  299. package/prebuilt-themes/default/statebox.css.map +0 -1
  300. package/themes/default/calendar-OLD.scss +0 -183
  301. package/themes/default/inputs/search-bar.scss +0 -19
  302. package/themes/default/statebox.scss +0 -109
package/prebuilt-themes/default/chips.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/chips.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_clear-button.scss"],"names":[],"mappings":"AAMA;ECsEE;EDjEA;EACA,OEJM;EFKN,YEbG;EFcH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AGtBA;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;;AClIF;EACE,QFkCgB;EEjChB,OFiCgB;EEhChB;;AAGF;EACE;EACA;EACA,OFGK;EEFL,OFyBgB;EExBhB,QFwBgB;EEvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EHvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EGgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EH7CN;EACA;EACA,yBACE;EG4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;AHUN;EAEE;;AAEF;EACE;;AAEF;EACE;;AD3DF;EACE;;AAEF;ECjBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EDUE,YE9BM;EF+BN;;AAGF;EACE;EACA;EACA;;AAIE;EACE;;AAIF;EACE;;AAIJ;EClDF;EACA;EACA,yBACE;;ADkDE;EACE;;AAKN;EACE;EACA;EACA;;AAEA;EACE,kBE/DC;EFgED,OE7DE;EF8DF,YACE;;AAIF;EACE;EACA;;AAIN;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE,YACE;;AAGF;EACE;EACA;;AAIA;EACE;;AAIF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIA;EACE;;AAIF;EACE;;AAOR;EACE;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AAEA;EACE;;AAIN;EACE;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AAEA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEF;EACE;EACA;;;AAMJ;EACE;EACA;;AAEA;EACE","file":"chips.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/chips.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_clear-button.scss"],"names":[],"mappings":"AAKA;EAGE;IAGE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAKA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAIF;ICgCA;ID3BE;IACA,OE1CI;IF2CJ,YEnDC;IFoDD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EG5DF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;ECzIF;IACE,QFmCgB;IElChB,OFkCgB;IEjChB;;EAGF;IACE;IACA;IACA,OFGK;IEFL,OF0BgB;IEzBhB,QFyBgB;IExBhB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;EAGF;IHvBF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IGgBI;;EAGF;IACE;IACA;IACA;IACA;;EAEA;IACE;IH7CN;IACA;IACA,yBACE;IG4CI;;EAKF;IACE;;EAKF;IACE;;EAKF;IACE;;EHUN;IAEE;;EAEF;IACE;;EAEF;IACE;;EDrBA;IACE;;EAEF;ICvDF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IDgDI,YEpEI;IFqEJ;;EAGF;IACE;IACA;IACA;;EAIE;IACE;;EAIF;IACE;;EAIJ;ICxFJ;IACA;IACA,yBACE;;EDwFI;IACE;;EAKN;IAEE;;EAEA;IACE;IACA;IACA,YACE;;EAIF;IACE;IACA;;EAIN;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IAEE;IACA;IACA;IACA;IACA;;EAEA;IACE,YACE;;EAGF;IACE;IACA;;EAIA;IACE;;EAIF;IACE;;EAIJ;IACE;IACA;;EAEA;IACE;;EAGA;IACE;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE;;EAOR;IACE;IACA;;EAEF;IACE;IACA;;EAKJ;IACE;IACA;;EAEA;IACE;IACA;;EAEF;IACE;;EAEA;IACE;;EAIN;IACE;IACA;;EAEA;IACE;IACA;;EAEF;IACE;;EAEA;IACE;;EAKN;IACE;IACA;;EAEA;IACE;;EAGF;IACE;IACA;;EAEF;IACE;IACA;;EAMJ;IACE;IACA;;EAEA;IACE","file":"chips.css"}
package/prebuilt-themes/default/color-display.css CHANGED
@@ -1,29 +1,37 @@
1
- .ard-color-display-wrapper {
2
- gap: 0.3ch;
3
- align-items: center;
4
- }
5
- .ard-color-display-wrapper .ard-color-display {
6
- width: 1.1875em;
7
- height: 1.1875em;
8
- font-size: inherit;
9
- cursor: help;
10
- border: 0.0625em solid transparent;
11
- }
12
- .ard-color-display-wrapper .ard-color-display-label {
13
- font-family: monospace;
14
- font-size: 1.15em;
15
- }
16
- .ard-color-display-wrapper.ard-appearance-rounded .ard-color-display {
17
- border-radius: 0.25em;
18
- }
19
- .ard-color-display-wrapper.ard-appearance-circle .ard-color-display {
20
- border-radius: 9999px;
21
- }
22
- .ard-color-display-wrapper.ard-appearance-sharp .ard-color-display {
23
- border-radius: 0;
24
- }
25
- .ard-color-display-wrapper.ard-with-border .ard-color-display {
26
- border-color: var(--ard-text);
1
+ @layer ard-ui {
2
+ :root {
3
+ --ard-color-display-gap: 0.3ch;
4
+ --ard-color-display-size: 1em * math.div(19, 16);
5
+ --ard-color-display-font-size: 1.15em;
6
+ --ard-color-display-rounded-corner-radius: 0.25em;
7
+ }
8
+ .ard-color-display-wrapper {
9
+ gap: var(--ard-color-display-gap, 0.3ch);
10
+ align-items: center;
11
+ }
12
+ .ard-color-display-wrapper .ard-color-display {
13
+ width: var(--ard-color-dsiplay-size, 1.1875em);
14
+ height: var(--ard-color-dsiplay-size, 1.1875em);
15
+ font-size: inherit;
16
+ cursor: help;
17
+ border: 1px solid transparent;
18
+ }
19
+ .ard-color-display-wrapper .ard-color-display-label {
20
+ font-family: var(--ard-font-family-mono);
21
+ font-size: var(--ard-color-display-font-size, 1.15em);
22
+ }
23
+ .ard-color-display-wrapper.ard-appearance-rounded .ard-color-display {
24
+ border-radius: var(--ard-color-display-rounded-corner-radius, 0.25em);
25
+ }
26
+ .ard-color-display-wrapper.ard-appearance-circle .ard-color-display {
27
+ border-radius: 9999px;
28
+ }
29
+ .ard-color-display-wrapper.ard-appearance-sharp .ard-color-display {
30
+ border-radius: 0;
31
+ }
32
+ .ard-color-display-wrapper.ard-with-border .ard-color-display {
33
+ border-color: var(--ard-color-display-border-color, var(--ard-text));
34
+ }
27
35
  }
28
36
 
29
37
  /*# sourceMappingURL=color-display.css.map */
package/prebuilt-themes/default/color-display.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/color-display.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE,cC9BC","file":"color-display.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/color-display.scss"],"names":[],"mappings":"AAGA;EAGE;IACE;IACA;IACA;IACA;;EAIF;IACE;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAIA;IACE;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE","file":"color-display.css"}
package/prebuilt-themes/default/color-picker.css CHANGED
@@ -1,106 +1,108 @@
1
- .ard-color-picker {
2
- width: 15rem;
3
- padding: 0.5rem;
4
- display: flex;
5
- flex-direction: column;
6
- gap: 0.5rem;
7
- }
8
- .ard-color-picker .ard-color-picker-click-areas {
9
- width: 100%;
10
- gap: 0.5rem;
11
- }
12
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-map,
13
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-map,
14
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map {
15
- border: 1px solid var(--ard-detail-ultralight-solid);
16
- }
17
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-map:focus-visible,
18
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-map:focus-visible,
19
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map:focus-visible {
20
- outline: 2px solid var(--ard-overlay);
21
- outline-offset: 1px;
22
- }
23
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-map {
24
- flex-grow: 1;
25
- aspect-ratio: 1;
26
- }
27
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-map,
28
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map {
29
- width: 1rem;
30
- }
31
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map {
32
- --ard-color-picker-opacity-checkerboard-color: var(--ard-detail-ultralight-solid);
33
- --ard-color-picker-opacity-checkerboard-size: 0.5rem;
34
- }
35
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-indicator {
36
- width: 0.375rem;
37
- height: 0.375rem;
38
- border: 2px solid white;
39
- outline: 1px solid black;
40
- border-radius: 999px;
41
- cursor: pointer;
42
- }
43
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-indicator-container,
44
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-indicator-container,
45
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-indicator-container {
46
- top: clamp(2px, var(--top), 100% - 2px);
47
- }
48
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-indicator-container {
49
- left: clamp(2px, var(--left), 100% - 2px);
50
- }
51
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-indicator-container,
52
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-indicator-container {
53
- left: 50%;
54
- }
55
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-indicator,
56
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-indicator {
57
- width: 1rem;
58
- height: 0.25rem;
59
- border: 2px solid white;
60
- outline: 1px solid black;
61
- border-radius: 3px;
62
- cursor: pointer;
63
- }
64
- .ard-color-picker .ard-color-picker-inputs {
65
- display: grid;
66
- grid-template-columns: 1fr max-content;
67
- grid-template-rows: max-content max-content;
68
- gap: 0.5rem;
69
- }
70
- .ard-color-picker .ard-color-picker-inputs .ard-color-picker-input-type {
71
- font-weight: 700;
72
- width: max-content;
73
- }
74
- .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container {
75
- display: grid;
76
- gap: 0.5rem;
77
- width: 100%;
78
- grid-column: 1/3;
79
- }
80
- .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-hex {
81
- grid-template-columns: 1fr;
82
- }
83
- .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-triple {
84
- grid-template-columns: 1fr 1fr 1fr;
85
- }
86
- .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-opacity {
87
- grid-template-columns: 1fr 1fr 1fr 1fr;
88
- }
89
- .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-opacity.ard-mode-hex .ard-color-picker-hex-input {
90
- grid-column: 1/4;
91
- }
92
- .ard-color-picker .ard-color-picker-inputs .ard-color-picker-reference {
93
- --ard-color-picker-opacity-checkerboard-color: var(--ard-detail-ultralight-solid);
94
- --ard-color-picker-opacity-checkerboard-size: 0.5rem;
95
- display: grid;
96
- grid-template-columns: 1fr 1fr;
97
- width: 4rem;
98
- height: 100%;
99
- border: 1px solid var(--ard-detail-ultralight-solid);
100
- box-sizing: border-box;
101
- }
102
- .ard-color-picker.ard-vertical {
103
- width: 13.5rem;
1
+ @layer ard-ui {
2
+ .ard-color-picker {
3
+ width: 15rem;
4
+ padding: 0.5rem;
5
+ display: flex;
6
+ flex-direction: column;
7
+ gap: 0.5rem;
8
+ }
9
+ .ard-color-picker .ard-color-picker-click-areas {
10
+ width: 100%;
11
+ gap: 0.5rem;
12
+ }
13
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-map,
14
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-map,
15
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map {
16
+ border: 1px solid var(--ard-detail-ultralight-solid);
17
+ }
18
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-map:focus-visible,
19
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-map:focus-visible,
20
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map:focus-visible {
21
+ outline: 2px solid var(--ard-overlay);
22
+ outline-offset: 1px;
23
+ }
24
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-map {
25
+ flex-grow: 1;
26
+ aspect-ratio: 1;
27
+ }
28
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-map,
29
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map {
30
+ width: 1rem;
31
+ }
32
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map {
33
+ --ard-color-picker-opacity-checkerboard-color: var(--ard-detail-ultralight-solid);
34
+ --ard-color-picker-opacity-checkerboard-size: 0.5rem;
35
+ }
36
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-indicator {
37
+ width: 0.375rem;
38
+ height: 0.375rem;
39
+ border: 2px solid white;
40
+ outline: 1px solid black;
41
+ border-radius: 999px;
42
+ cursor: pointer;
43
+ }
44
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-indicator-container,
45
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-indicator-container,
46
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-indicator-container {
47
+ top: clamp(2px, var(--top), 100% - 2px);
48
+ }
49
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-indicator-container {
50
+ left: clamp(2px, var(--left), 100% - 2px);
51
+ }
52
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-indicator-container,
53
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-indicator-container {
54
+ left: 50%;
55
+ }
56
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-indicator,
57
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-indicator {
58
+ width: 1rem;
59
+ height: 0.25rem;
60
+ border: 2px solid white;
61
+ outline: 1px solid black;
62
+ border-radius: 3px;
63
+ cursor: pointer;
64
+ }
65
+ .ard-color-picker .ard-color-picker-inputs {
66
+ display: grid;
67
+ grid-template-columns: 1fr max-content;
68
+ grid-template-rows: max-content max-content;
69
+ gap: 0.5rem;
70
+ }
71
+ .ard-color-picker .ard-color-picker-inputs .ard-color-picker-input-type {
72
+ font-weight: 700;
73
+ width: max-content;
74
+ }
75
+ .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container {
76
+ display: grid;
77
+ gap: 0.5rem;
78
+ width: 100%;
79
+ grid-column: 1/3;
80
+ }
81
+ .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-hex {
82
+ grid-template-columns: 1fr;
83
+ }
84
+ .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-triple {
85
+ grid-template-columns: 1fr 1fr 1fr;
86
+ }
87
+ .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-opacity {
88
+ grid-template-columns: 1fr 1fr 1fr 1fr;
89
+ }
90
+ .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-opacity.ard-mode-hex .ard-color-picker-hex-input {
91
+ grid-column: 1/4;
92
+ }
93
+ .ard-color-picker .ard-color-picker-inputs .ard-color-picker-reference {
94
+ --ard-color-picker-opacity-checkerboard-color: var(--ard-detail-ultralight-solid);
95
+ --ard-color-picker-opacity-checkerboard-size: 0.5rem;
96
+ display: grid;
97
+ grid-template-columns: 1fr 1fr;
98
+ width: 4rem;
99
+ height: 100%;
100
+ border: 1px solid var(--ard-detail-ultralight-solid);
101
+ box-sizing: border-box;
102
+ }
103
+ .ard-color-picker.ard-vertical {
104
+ width: 13.5rem;
105
+ }
104
106
  }
105
107
 
106
108
  /*# sourceMappingURL=color-picker.css.map */
package/prebuilt-themes/default/color-picker.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/color-picker.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;AAAA;AAAA;EAGE;;AAEA;AAAA;AAAA;EACE;EACA;;AAGJ;EACE;EACA;;AAEF;AAAA;EAEE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;EAGE;;AAEF;EACE;;AAEF;AAAA;EAEE;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEA;EACE;;AAIN;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE","file":"color-picker.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/color-picker.scss"],"names":[],"mappings":"AAEA;EACE;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAEA;AAAA;AAAA;IAGE;;EAEA;AAAA;AAAA;IACE;IACA;;EAGJ;IACE;IACA;;EAEF;AAAA;IAEE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;IAGE;;EAEF;IACE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAEF;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEA;IACE;;EAIN;IACE;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACE","file":"color-picker.css"}
package/prebuilt-themes/default/core.css CHANGED
@@ -1,91 +1,113 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
2
2
  @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
3
- :root {
4
- --ard-bg: white;
5
- --ard-bg-alt: black;
6
- --ard-overlay: black;
7
- --ard-overlay-rgb: 0, 0, 0;
8
- --ard-bg-filled: #ebebeb;
9
- --ard-bg-darker: #f7f7f7;
10
- --ard-bg-filled-alt: #333;
11
- --ard-text: rgba(0, 0, 0, 100%);
12
- --ard-text2: rgba(0, 0, 0, 87%);
13
- --ard-text3: rgba(0, 0, 0, 75%);
14
- --ard-text-alt: rgba(255, 255, 255, 100%);
15
- --ard-text2-alt: rgba(255, 255, 255, 87%);
16
- --ard-text3-alt: rgba(255, 255, 255, 75%);
17
- --ard-border: rgba(0, 0, 0, 40%);
18
- --ard-border-dark: rgba(0, 0, 0, 70%);
19
- --ard-border-light: rgba(0, 0, 0, 25%);
20
- --ard-detail: rgba(0, 0, 0, 60%);
21
- --ard-detail-light: rgba(0, 0, 0, 30%);
22
- --ard-detail-ultralight: rgba(0, 0, 0, 12%);
23
- --ard-detail-ultralight-solid: rgb(204, 204, 204);
24
- --ard-lighten-overlay: rgba(255, 255, 255, 12.5%);
25
- --ard-lighten-overlay-strong: rgba(255, 255, 255, 20%);
26
- --ard-lighten-overlay-medium: rgba(255, 255, 255, 10%);
27
- --ard-lighten-overlay-light: rgba(255, 255, 255, 5%);
28
- --ard-darken-overlay: rgba(0, 0, 0, 12.5%);
29
- --ard-darken-overlay-strong: rgba(0, 0, 0, 20%);
30
- --ard-darken-overlay-medium: rgba(0, 0, 0, 10%);
31
- --ard-darken-overlay-light: rgba(0, 0, 0, 5%);
32
- --ard-darken-overlay-ultralight: rgba(0, 0, 0, 3%);
33
- --ard-gold: #ffc107;
34
- --ard-clear-button-size: 0.9rem;
35
- --ard-dropdown-button-size: 0.4rem;
36
- --ard-form-field-height: 2.3125rem;
37
- --ard-form-field-compact-height: 1.6875rem;
38
- --ard-primary-50: 234, 235, 243;
39
- --ard-primary-100: 159, 167, 228;
40
- --ard-primary-300: 78, 99, 219;
41
- --ard-primary-500: 36, 56, 185;
42
- --ard-primary-700: 27, 42, 128;
43
- --ard-primary-900: 19, 28, 87;
44
- --ard-secondary-50: 229, 172, 243;
45
- --ard-secondary-100: 216, 107, 243;
46
- --ard-secondary-300: 195, 38, 238;
47
- --ard-secondary-500: 145, 13, 182;
48
- --ard-secondary-700: 103, 10, 129;
49
- --ard-secondary-900: 69, 7, 85;
50
- --ard-danger-50: 255, 233, 233;
51
- --ard-danger-100: 243, 151, 149;
52
- --ard-danger-300: 245, 103, 100;
53
- --ard-danger-500: 243, 55, 52;
54
- --ard-danger-700: 202, 17, 14;
55
- --ard-danger-900: 165, 13, 11;
56
- --ard-warn-50: 248, 224, 192;
57
- --ard-warn-100: 247, 196, 129;
58
- --ard-warn-300: 240, 169, 77;
59
- --ard-warn-500: 224, 140, 38;
60
- --ard-warn-700: 173, 101, 13;
61
- --ard-warn-900: 117, 69, 7;
62
- --ard-success-50: 184, 240, 187;
63
- --ard-success-100: 124, 230, 129;
64
- --ard-success-300: 73, 223, 80;
65
- --ard-success-500: 33, 179, 40;
66
- --ard-success-700: 27, 131, 33;
67
- --ard-success-900: 14, 82, 17;
68
- --ard-info-50: 187, 210, 241;
69
- --ard-info-100: 131, 180, 243;
70
- --ard-info-300: 76, 147, 240;
71
- --ard-info-500: 19, 113, 236;
72
- --ard-info-700: 13, 81, 172;
73
- --ard-info-900: 8, 49, 102;
74
- --ard-box-shadow: 0 0 13px -3px rgba(0, 0, 0, 0.7);
75
- --ard-card-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
76
- --ard-simple-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
77
- 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
78
- --ard-simple-shadow2: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14),
79
- 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
80
- --ard-simple-shadow3: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14),
81
- 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
82
- --ard-spinner-color: rgba(0, 0, 0, 50%);
83
- --ard-horizontal-form-field-label-width: 12rem;
84
- --ard-horizontal-form-field-label-align: flex-start;
85
- }
86
-
87
- .ard-disabled {
88
- pointer-events: none;
3
+ @layer ard-ui {
4
+ :root {
5
+ --ard-bg: white;
6
+ --ard-bg-alt: black;
7
+ --ard-overlay: black;
8
+ --ard-overlay-rgb: 0, 0, 0;
9
+ --ard-bg-filled: #ebebeb;
10
+ --ard-bg-darker: #f7f7f7;
11
+ --ard-bg-filled-alt: #333;
12
+ --ard-text: rgba(0, 0, 0, 100%);
13
+ --ard-text2: rgba(0, 0, 0, 87%);
14
+ --ard-text3: rgba(0, 0, 0, 75%);
15
+ --ard-text-alt: rgba(255, 255, 255, 100%);
16
+ --ard-text2-alt: rgba(255, 255, 255, 87%);
17
+ --ard-text3-alt: rgba(255, 255, 255, 75%);
18
+ --ard-border: rgba(0, 0, 0, 40%);
19
+ --ard-border-dark: rgba(0, 0, 0, 70%);
20
+ --ard-border-light: rgba(0, 0, 0, 25%);
21
+ --ard-detail: rgba(0, 0, 0, 60%);
22
+ --ard-detail-light: rgba(0, 0, 0, 30%);
23
+ --ard-detail-ultralight: rgba(0, 0, 0, 12%);
24
+ --ard-detail-ultralight-solid: rgb(204, 204, 204);
25
+ --ard-lighten-overlay: rgba(255, 255, 255, 12.5%);
26
+ --ard-lighten-overlay-strong: rgba(255, 255, 255, 20%);
27
+ --ard-lighten-overlay-medium: rgba(255, 255, 255, 10%);
28
+ --ard-lighten-overlay-light: rgba(255, 255, 255, 5%);
29
+ --ard-darken-overlay: rgba(0, 0, 0, 12.5%);
30
+ --ard-darken-overlay-strong: rgba(0, 0, 0, 20%);
31
+ --ard-darken-overlay-medium-strong: rgba(0, 0, 0, 13%);
32
+ --ard-darken-overlay-medium: rgba(0, 0, 0, 10%);
33
+ --ard-darken-overlay-light: rgba(0, 0, 0, 5%);
34
+ --ard-darken-overlay-ultralight: rgba(0, 0, 0, 3%);
35
+ --ard-font-family: "Roboto", sans-serif;
36
+ --ard-font-family-mono: monospace;
37
+ --ard-gold: #ffc107;
38
+ --ard-clear-button-size: 0.9rem;
39
+ --ard-dropdown-button-size: 0.4rem;
40
+ --ard-form-field-height: 2.3125rem;
41
+ --ard-form-field-height-compact: 1.6875rem;
42
+ --ard-form-field-font-size: 1rem;
43
+ --ard-form-field-font-size-compact: 1rem;
44
+ --ard-form-field-padding-top: 0;
45
+ --ard-form-field-padding-right: 0.375rem;
46
+ --ard-form-field-padding-bottom: 0;
47
+ --ard-form-field-padding-left: 0.375rem;
48
+ --ard-form-field-padding-top-compact: 0;
49
+ --ard-form-field-padding-right-compact: 0.375rem;
50
+ --ard-form-field-padding-bottom-compact: 0;
51
+ --ard-form-field-padding-left-compact: 0.375rem;
52
+ --ard-form-field-transitions-duration: 150ms;
53
+ --ard-form-field-hover-overlay-opacity: 3%;
54
+ --ard-form-field-focus-overlay-opacity: 6%;
55
+ --ard-form-field-disabled-opacity: 50%;
56
+ --ard-form-field-disabled-transparent-overlay-opacity: 4.5%;
57
+ --ard-rounded-corner-radius: 0.375rem;
58
+ --ard-grid-spacing-unit: 0.25rem;
59
+ --ard-primary-50: 234, 235, 243;
60
+ --ard-primary-100: 159, 167, 228;
61
+ --ard-primary-300: 78, 99, 219;
62
+ --ard-primary-500: 36, 56, 185;
63
+ --ard-primary-700: 27, 42, 128;
64
+ --ard-primary-900: 19, 28, 87;
65
+ --ard-secondary-50: 229, 172, 243;
66
+ --ard-secondary-100: 216, 107, 243;
67
+ --ard-secondary-300: 195, 38, 238;
68
+ --ard-secondary-500: 145, 13, 182;
69
+ --ard-secondary-700: 103, 10, 129;
70
+ --ard-secondary-900: 69, 7, 85;
71
+ --ard-danger-50: 255, 233, 233;
72
+ --ard-danger-100: 243, 151, 149;
73
+ --ard-danger-300: 245, 103, 100;
74
+ --ard-danger-500: 243, 55, 52;
75
+ --ard-danger-700: 202, 17, 14;
76
+ --ard-danger-900: 165, 13, 11;
77
+ --ard-warn-50: 248, 224, 192;
78
+ --ard-warn-100: 247, 196, 129;
79
+ --ard-warn-300: 240, 169, 77;
80
+ --ard-warn-500: 224, 140, 38;
81
+ --ard-warn-700: 173, 101, 13;
82
+ --ard-warn-900: 117, 69, 7;
83
+ --ard-success-50: 184, 240, 187;
84
+ --ard-success-100: 124, 230, 129;
85
+ --ard-success-300: 73, 223, 80;
86
+ --ard-success-500: 33, 179, 40;
87
+ --ard-success-700: 27, 131, 33;
88
+ --ard-success-900: 14, 82, 17;
89
+ --ard-info-50: 187, 210, 241;
90
+ --ard-info-100: 131, 180, 243;
91
+ --ard-info-300: 76, 147, 240;
92
+ --ard-info-500: 19, 113, 236;
93
+ --ard-info-700: 13, 81, 172;
94
+ --ard-info-900: 8, 49, 102;
95
+ --ard-box-shadow: 0 0 13px -3px rgba(0, 0, 0, 0.7);
96
+ --ard-card-shadow:
97
+ 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
98
+ --ard-simple-shadow:
99
+ 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
100
+ --ard-simple-shadow2:
101
+ 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
102
+ --ard-simple-shadow3:
103
+ 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
104
+ --ard-spinner-color: rgba(0, 0, 0, 50%);
105
+ --ard-horizontal-form-field-label-width: 12rem;
106
+ --ard-horizontal-form-field-label-align: flex-start;
107
+ }
108
+ .ard-disabled {
109
+ pointer-events: none;
110
+ }
89
111
  }
90
112
 
91
113
  /*# sourceMappingURL=core.css.map */
package/prebuilt-themes/default/core.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/core.scss"],"names":[],"mappings":"AAEQ;AACA;AAER;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;EAGA;EAEA;EACA;;;AAGF;EACE","file":"core.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/core.scss"],"names":[],"mappings":"AAEQ;AACA;AAER;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IAEA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IAEA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;AAAA;IAGA;AAAA;IAEA;AAAA;IAEA;AAAA;IAGA;IAEA;IACA;;EAGF;IACE","file":"core.css"}
package/prebuilt-themes/default/dialog.css CHANGED
@@ -1,18 +1,22 @@
1
- .ard-dialog-container {
2
- display: flex;
3
- flex-direction: column;
4
- gap: 1rem;
5
- }
6
-
7
- .ard-dialog-buttons {
8
- display: flex;
9
- justify-content: flex-end;
10
- }
11
-
12
- .ard-dialog-buttons-container {
13
- display: flex;
14
- gap: 1rem;
15
- align-items: center;
1
+ @layer ard-ui {
2
+ :root {
3
+ --ard-dialog-content-actions-gap: 1rem;
4
+ --ard-dialog-buttons-gap: 1rem;
5
+ }
6
+ .ard-dialog-container {
7
+ display: flex;
8
+ flex-direction: column;
9
+ gap: var(--ard-dialog-content-actions-gap, 1rem);
10
+ }
11
+ .ard-dialog-buttons {
12
+ display: flex;
13
+ justify-content: flex-end;
14
+ }
15
+ .ard-dialog-buttons-container {
16
+ display: flex;
17
+ gap: var(--ard-dialog-buttons-gap, 1rem);
18
+ align-items: center;
19
+ }
16
20
  }
17
21
 
18
22
  /*# sourceMappingURL=dialog.css.map */
package/prebuilt-themes/default/dialog.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/dialog.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA","file":"dialog.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/dialog.scss"],"names":[],"mappings":"AAAA;EAGE;IACE;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA","file":"dialog.css"}