@ardium-ui/ui 5.0.0-alpha.7 → 5.0.0-alpha.71

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 (293) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +4707 -2272
  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 +4 -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/search-functions.d.ts +1 -1
  119. package/lib/segment/segment.component.d.ts +6 -5
  120. package/lib/select/select.component.d.ts +40 -30
  121. package/lib/select/select.defaults.d.ts +10 -2
  122. package/lib/select/select.directive.d.ts +6 -0
  123. package/lib/select/select.module.d.ts +1 -1
  124. package/lib/select/select.types.d.ts +6 -2
  125. package/lib/select/select.utils.d.ts +2 -0
  126. package/lib/slide-toggle/slide-toggle.component.d.ts +2 -0
  127. package/lib/slider/abstract-slider.d.ts +35 -29
  128. package/lib/slider/index.d.ts +1 -0
  129. package/lib/slider/range-slider/range-slider.component.d.ts +13 -10
  130. package/lib/slider/range-slider/range-slider.types.d.ts +6 -0
  131. package/lib/slider/slider.component.d.ts +5 -4
  132. package/lib/slider/slider.types.d.ts +3 -3
  133. package/lib/star/rating-display/rating-display.component.d.ts +2 -1
  134. package/lib/star/rating-input/rating-input.component.d.ts +5 -3
  135. package/lib/star/rating-input/rating-input.defaults.d.ts +2 -2
  136. package/lib/star/star-button/star-button.component.d.ts +4 -1
  137. package/lib/star/star-button/star-button.types.d.ts +1 -0
  138. package/lib/tabber/index.d.ts +2 -1
  139. package/lib/tabber/tab/tab.component.d.ts +16 -8
  140. package/lib/tabber/tabber.component.d.ts +25 -9
  141. package/lib/tabber/tabber.defaults.d.ts +2 -0
  142. package/lib/tabber/tabber.directives.d.ts +9 -0
  143. package/lib/tabber/tabber.module.d.ts +3 -2
  144. package/lib/tabber/tabber.types.d.ts +5 -0
  145. package/lib/table/table.component.d.ts +16 -15
  146. package/lib/table-pagination/table-pagination.component.d.ts +4 -3
  147. package/lib/text-list/text-list.component.d.ts +2 -1
  148. package/lib/types/alignment.types.d.ts +7 -1
  149. package/lib/types/item-storage.types.d.ts +17 -18
  150. package/package.json +3 -2
  151. package/prebuilt-themes/default/badge.css +37 -15
  152. package/prebuilt-themes/default/badge.css.map +1 -1
  153. package/prebuilt-themes/default/buttons/button.css +74 -58
  154. package/prebuilt-themes/default/buttons/button.css.map +1 -1
  155. package/prebuilt-themes/default/buttons/fab.css +64 -51
  156. package/prebuilt-themes/default/buttons/fab.css.map +1 -1
  157. package/prebuilt-themes/default/buttons/icon-button.css +50 -44
  158. package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
  159. package/prebuilt-themes/default/calendar.css +131 -55
  160. package/prebuilt-themes/default/calendar.css.map +1 -1
  161. package/prebuilt-themes/default/card.css +56 -24
  162. package/prebuilt-themes/default/card.css.map +1 -1
  163. package/prebuilt-themes/default/checkbox-list.css +48 -22
  164. package/prebuilt-themes/default/checkbox-list.css.map +1 -1
  165. package/prebuilt-themes/default/checkbox.css +31 -58
  166. package/prebuilt-themes/default/checkbox.css.map +1 -1
  167. package/prebuilt-themes/default/chips.css +75 -43
  168. package/prebuilt-themes/default/chips.css.map +1 -1
  169. package/prebuilt-themes/default/color-display.css +15 -8
  170. package/prebuilt-themes/default/color-display.css.map +1 -1
  171. package/prebuilt-themes/default/core.css +21 -1
  172. package/prebuilt-themes/default/core.css.map +1 -1
  173. package/prebuilt-themes/default/dialog.css +7 -2
  174. package/prebuilt-themes/default/dialog.css.map +1 -1
  175. package/prebuilt-themes/default/divider.css +82 -6
  176. package/prebuilt-themes/default/divider.css.map +1 -1
  177. package/prebuilt-themes/default/dropdown-panel.css +16 -8
  178. package/prebuilt-themes/default/dropdown-panel.css.map +1 -1
  179. package/prebuilt-themes/default/file-drop-area.css +81 -35
  180. package/prebuilt-themes/default/file-drop-area.css.map +1 -1
  181. package/prebuilt-themes/default/form-field-frame.css +18 -14
  182. package/prebuilt-themes/default/form-field-frame.css.map +1 -1
  183. package/prebuilt-themes/default/form-field.css +62 -29
  184. package/prebuilt-themes/default/form-field.css.map +1 -1
  185. package/prebuilt-themes/default/inputs/autocomplete-input.css +79 -28
  186. package/prebuilt-themes/default/inputs/autocomplete-input.css.map +1 -1
  187. package/prebuilt-themes/default/inputs/color-input.css +5 -44
  188. package/prebuilt-themes/default/inputs/color-input.css.map +1 -1
  189. package/prebuilt-themes/default/inputs/date-input.css +97 -25
  190. package/prebuilt-themes/default/inputs/date-input.css.map +1 -1
  191. package/prebuilt-themes/default/inputs/digit-input.css +31 -19
  192. package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
  193. package/prebuilt-themes/default/inputs/file-input.css +117 -62
  194. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  195. package/prebuilt-themes/default/inputs/hex-input.css +55 -23
  196. package/prebuilt-themes/default/inputs/hex-input.css.map +1 -1
  197. package/prebuilt-themes/default/inputs/input.css +47 -18
  198. package/prebuilt-themes/default/inputs/input.css.map +1 -1
  199. package/prebuilt-themes/default/inputs/number-input.css +83 -33
  200. package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
  201. package/prebuilt-themes/default/inputs/password-input.css +74 -25
  202. package/prebuilt-themes/default/inputs/password-input.css.map +1 -1
  203. package/prebuilt-themes/default/kbd-shortcut.css +8 -4
  204. package/prebuilt-themes/default/kbd-shortcut.css.map +1 -1
  205. package/prebuilt-themes/default/kbd.css +19 -9
  206. package/prebuilt-themes/default/kbd.css.map +1 -1
  207. package/prebuilt-themes/default/modal.css +46 -22
  208. package/prebuilt-themes/default/modal.css.map +1 -1
  209. package/prebuilt-themes/default/progress-circle.css +13 -7
  210. package/prebuilt-themes/default/progress-circle.css.map +1 -1
  211. package/prebuilt-themes/default/radio.css +46 -28
  212. package/prebuilt-themes/default/radio.css.map +1 -1
  213. package/prebuilt-themes/default/segment.css +71 -61
  214. package/prebuilt-themes/default/segment.css.map +1 -1
  215. package/prebuilt-themes/default/select.css +78 -44
  216. package/prebuilt-themes/default/select.css.map +1 -1
  217. package/prebuilt-themes/default/slide-toggle.css +88 -37
  218. package/prebuilt-themes/default/slide-toggle.css.map +1 -1
  219. package/prebuilt-themes/default/slider.css +93 -52
  220. package/prebuilt-themes/default/slider.css.map +1 -1
  221. package/prebuilt-themes/default/snackbar.css +29 -16
  222. package/prebuilt-themes/default/snackbar.css.map +1 -1
  223. package/prebuilt-themes/default/spinner.css +9 -3
  224. package/prebuilt-themes/default/spinner.css.map +1 -1
  225. package/prebuilt-themes/default/stars.css +42 -20
  226. package/prebuilt-themes/default/stars.css.map +1 -1
  227. package/prebuilt-themes/default/tabber.css +53 -17
  228. package/prebuilt-themes/default/tabber.css.map +1 -1
  229. package/prebuilt-themes/default/table-pagination.css +21 -9
  230. package/prebuilt-themes/default/table-pagination.css.map +1 -1
  231. package/prebuilt-themes/default/table.css +93 -69
  232. package/prebuilt-themes/default/table.css.map +1 -1
  233. package/public-api.d.ts +2 -1
  234. package/themes/_variables.scss +2 -1
  235. package/themes/default/_mixins.scss +5 -5
  236. package/themes/default/badge.scss +48 -15
  237. package/themes/default/buttons/_button-mixins.scss +43 -33
  238. package/themes/default/buttons/button.scss +54 -29
  239. package/themes/default/buttons/fab.scss +47 -26
  240. package/themes/default/buttons/icon-button.scss +40 -17
  241. package/themes/default/calendar.scss +148 -58
  242. package/themes/default/card.scss +68 -24
  243. package/themes/default/checkbox-list.scss +47 -21
  244. package/themes/default/checkbox.scss +30 -59
  245. package/themes/default/chips.scss +71 -40
  246. package/themes/default/color-display.scss +18 -8
  247. package/themes/default/core.scss +24 -1
  248. package/themes/default/dialog.scss +9 -2
  249. package/themes/default/divider.scss +106 -6
  250. package/themes/default/dropdown-panel.scss +21 -8
  251. package/themes/default/file-drop-area.scss +92 -35
  252. package/themes/default/form-field-frame.scss +23 -15
  253. package/themes/default/form-field.scss +64 -28
  254. package/themes/default/inputs/_shared.scss +52 -12
  255. package/themes/default/inputs/autocomplete-input.scss +83 -14
  256. package/themes/default/inputs/color-input.scss +2 -2
  257. package/themes/default/inputs/date-input.scss +74 -6
  258. package/themes/default/inputs/digit-input.scss +42 -20
  259. package/themes/default/inputs/file-input.scss +100 -23
  260. package/themes/default/inputs/hex-input.scss +59 -9
  261. package/themes/default/inputs/input.scss +51 -4
  262. package/themes/default/inputs/number-input.scss +94 -24
  263. package/themes/default/inputs/password-input.scss +84 -15
  264. package/themes/default/kbd-shortcut.scss +10 -4
  265. package/themes/default/kbd.scss +26 -9
  266. package/themes/default/modal.scss +56 -22
  267. package/themes/default/progress-circle.scss +16 -10
  268. package/themes/default/radio.scss +47 -26
  269. package/themes/default/segment.scss +77 -67
  270. package/themes/default/select.scss +98 -42
  271. package/themes/default/slide-toggle.scss +134 -59
  272. package/themes/default/slider.scss +102 -65
  273. package/themes/default/snackbar.scss +32 -14
  274. package/themes/default/spinner.scss +11 -3
  275. package/themes/default/stars.scss +45 -16
  276. package/themes/default/tabber.scss +54 -14
  277. package/themes/default/table-pagination.scss +24 -9
  278. package/themes/default/table.scss +104 -70
  279. package/lib/statebox/index.d.ts +0 -4
  280. package/lib/statebox/statebox.component.d.ts +0 -26
  281. package/lib/statebox/statebox.defaults.d.ts +0 -10
  282. package/lib/statebox/statebox.module.d.ts +0 -8
  283. package/lib/statebox/statebox.types.d.ts +0 -26
  284. package/lib/tabber/tab/tab.defaults.d.ts +0 -6
  285. package/prebuilt-themes/default/calendar-OLD.css +0 -294
  286. package/prebuilt-themes/default/calendar-OLD.css.map +0 -1
  287. package/prebuilt-themes/default/inputs/search-bar.css +0 -118
  288. package/prebuilt-themes/default/inputs/search-bar.css.map +0 -1
  289. package/prebuilt-themes/default/statebox.css +0 -235
  290. package/prebuilt-themes/default/statebox.css.map +0 -1
  291. package/themes/default/calendar-OLD.scss +0 -183
  292. package/themes/default/inputs/search-bar.scss +0 -19
  293. package/themes/default/statebox.scss +0 -109
package/prebuilt-themes/default/kbd.css CHANGED
@@ -1,18 +1,28 @@
1
+ :root {
2
+ --ard-kbd-border-radius: 0.1875em;
3
+ --ard-kbd-margin: 0 0.125em;
4
+ --ard-kbd-padding: 0.125em 0.375em;
5
+ --ard-kbd-border-width: 1px;
6
+ --ard-kbd-border-style: solid;
7
+ --ard-kbd-border-color: ;
8
+ --ard-kbd-box-shadow-settings: inset 0 -1px 0;
9
+ }
10
+
1
11
  .ard-kbd {
2
- border-radius: 0.2em;
3
- font-family: monospace;
4
- font-size: 0.9em;
5
- margin: 0 0.125em;
12
+ border-radius: var(--ard-kbd-border-radius, 0.1875em);
13
+ font-family: var(--ard-font-family-mono);
14
+ font-size: var(--ard-kbd-font-size, 0.875em);
15
+ margin: var(--ard-kbd-margin, 0 0.125em);
6
16
  color: var(--ard-text2);
7
17
  }
8
18
  .ard-kbd.ard-appearance-outlined, .ard-kbd.ard-appearance-filled {
9
- border: 1px solid var(--ard-detail-ultralight);
10
- box-shadow: inset 0 -1px 0 var(--ard-darken-overlay);
11
- padding: 0.15em 0.35em;
12
- background-color: var(--ard-bg);
19
+ border: var(--ard-kbd-border-width, 1px) var(--ard-kbd-border-style, solid) var(--ard-kbd-border-color, var(--ard-detail-ultralight));
20
+ box-shadow: var(--ard-kbd-box-shadow-settings, inset 0 -1px 0) var(--ard-kbd-box-shadow-color, var(--ard-detail-light));
21
+ padding: var(--ard-kbd-padding, 0.125em 0.375em);
22
+ background-color: var(--ard-kbd-bg, var(--ard-bg));
13
23
  }
14
24
  .ard-kbd.ard-appearance-filled {
15
- background: var(--ard-bg-darker);
25
+ background: var(--ard-kbd-filled-bg, var(--ard-bg-darker));
16
26
  }
17
27
 
18
28
  /*# sourceMappingURL=kbd.css.map */
package/prebuilt-themes/default/kbd.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/kbd.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA,OCCM;;ADEN;EAEE;EACA;EACA;EACA,kBCfC;;ADiBH;EACE,YCdG","file":"kbd.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/kbd.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA,OCfM;;ADkBN;EAEE;EAEA;EACA;EACA;;AAEF;EACE","file":"kbd.css"}
package/prebuilt-themes/default/modal.css CHANGED
@@ -1,3 +1,21 @@
1
+ :root {
2
+ --ard-modal-viewport-spacing: 2rem;
3
+ --ard-modal-padding: 1.25rem;
4
+ --ard-modal-padding-top: 1rem;
5
+ --ard-modal-gap: 1.5rem;
6
+ --ard-modal-no-heading-gap: 0.25rem;
7
+ --ard-modal-close-button-offset: 0.5rem;
8
+ --ard-modal-heading-padding-right: 2rem;
9
+ --ard-modal-heading-font-size: 1.25rem;
10
+ --ard-modal-heading-font-weight: 500;
11
+ --ard-modal-rounded-border-radius: 8px;
12
+ --ard-modal-font-size: 1rem;
13
+ --ard-modal-font-size-compact: 0.875rem;
14
+ --ard-modal-padding-compact: 0.75rem 2rem 1rem 2rem;
15
+ --ard-modal-gap-compact: 1rem;
16
+ --ard-modal-close-button-offset-compact: 0.25rem;
17
+ }
18
+
1
19
  .ard-modal {
2
20
  position: fixed;
3
21
  top: 0;
@@ -11,26 +29,32 @@
11
29
  background: var(--ard-darken-overlay-strong);
12
30
  }
13
31
  .ard-modal .ard-modal-panel {
14
- padding: 1.25rem;
15
- padding-top: 1rem;
16
- background: var(--ard-bg);
17
- max-width: calc(100vw - 4rem);
32
+ padding: var(--ard-modal-padding, 1.25rem);
33
+ padding-top: var(--ard-modal-padding-top, 1rem);
34
+ width: var(--ard-modal-width);
35
+ height: var(--ard-modal-height);
36
+ min-width: var(--ard-modal-min-width);
37
+ min-height: var(--ard-modal-min-height);
38
+ max-width: var(--ard-modal-max-width, calc(100vw - var(--ard-modal-viewport-spacing, 2rem) * 2));
39
+ max-height: var(--ard-modal-max-height, calc(100vh - var(--ard-modal-viewport-spacing, 2rem) * 2));
40
+ background: var(--ard-modal-bg, var(--ard-bg));
18
41
  position: relative;
19
42
  display: flex;
20
43
  flex-direction: column;
21
44
  align-items: flex-start;
22
- gap: 1.5rem;
45
+ gap: var(--ard-modal-gap, 1.5rem);
46
+ font-size: 1rem;
23
47
  }
24
48
  .ard-modal .ard-modal-panel.ard-modal-no-heading-text {
25
- gap: 0.25rem;
49
+ gap: var(--ard-modal-no-heading-gap, 0.25rem);
26
50
  }
27
51
  .ard-modal .ard-modal-panel.ard-modal-no-heading-text .ard-modal-close-button {
28
52
  position: absolute;
29
- right: 0.5rem;
30
- top: 0.5rem;
53
+ right: var(--ard-modal-close-button-offset, 0.5rem);
54
+ top: var(--ard-modal-close-button-offset, 0.5rem);
31
55
  }
32
56
  .ard-modal .ard-modal-panel.ard-modal-has-close-button .ard-modal-heading {
33
- padding-right: 2rem;
57
+ padding-right: var(--ard-modal-heading-padding-right, 2rem);
34
58
  }
35
59
  .ard-modal .ard-modal-heading {
36
60
  display: flex;
@@ -38,37 +62,37 @@
38
62
  justify-content: space-between;
39
63
  }
40
64
  .ard-modal .ard-modal-heading .ard-modal-heading-text {
41
- font-size: 1.25rem;
42
- color: var(--ard-text);
43
- font-weight: 500;
44
- font-family: Roboto;
65
+ font-size: var(--ard-modal-heading-font-size, 1.25rem);
66
+ color: var(--ard-modal-heading-color, var(--ard-text));
67
+ font-weight: var(--ard-modal-heading-font-weight, 500);
68
+ font-family: var(--ard-font-family);
45
69
  }
46
70
  .ard-modal .ard-modal-heading .ard-modal-close-button {
47
71
  position: absolute;
48
- right: 0.5rem;
49
- top: 0.5rem;
72
+ right: var(--ard-modal-close-button-offset, 0.5rem);
73
+ top: var(--ard-modal-close-button-offset, 0.5rem);
50
74
  }
51
75
  .ard-modal.ard-appearance-raised .ard-modal-panel {
52
76
  box-shadow: var(--ard-simple-shadow2);
53
77
  }
54
78
  .ard-modal.ard-variant-rounded .ard-modal-panel {
55
- border-radius: 8px;
79
+ border-radius: var(--ard-modal-rounded-border-radius, 8px);
56
80
  }
57
81
  .ard-modal.ard-variant-sharp .ard-modal-panel {
58
82
  border-radius: 0;
59
83
  }
60
84
  .ard-modal.ard-compact .ard-modal-panel {
61
- font-size: 90%;
62
- padding: 0.75rem 2rem 1rem 2rem;
63
- gap: 1rem;
85
+ font-size: var(--ard-modal-font-size-compact, 0.875rem);
86
+ padding: var(--ard-modal-padding-compact, 0.75rem 2rem 1rem 2rem);
87
+ gap: var(--ard-modal-gap-compact, 1rem);
64
88
  }
65
89
  .ard-modal.ard-compact .ard-modal-panel.ard-modal-no-heading-text {
66
- gap: 0.25rem;
90
+ gap: var(--ard-modal-no-heading-gap, 0.25rem);
67
91
  }
68
92
  .ard-modal.ard-compact .ard-modal-panel.ard-modal-no-heading-text .ard-modal-close-button {
69
93
  position: absolute;
70
- right: 0.25rem;
71
- top: 0.25rem;
94
+ right: var(--ard-modal-close-button-offset-compact, 0.25rem);
95
+ top: var(--ard-modal-close-button-offset-compact, 0.25rem);
72
96
  }
73
97
 
74
98
  /*# sourceMappingURL=modal.css.map */
package/prebuilt-themes/default/modal.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/modal.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,YCcoB;;ADZtB;EACE;EACA;EACA,YCjBC;EDkBD;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAIF;EACE;;AAIN;EACE;EACA;EACA;;AAEA;EACE;EACA,OCxCC;EDyCD;EACA;;AAEF;EACE;EACA;EACA;;AAKF;EACE,YC1BW;;AD+Bb;EACE;;AAIF;EACE;;AAMF;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA","file":"modal.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/modal.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EAOE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,YCdoB;;ADgBtB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAIF;EACE;;AAIN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAKF;EACE,YC3DW;;ADgEb;EACE;;AAIF;EACE;;AAMF;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA","file":"modal.css"}
package/prebuilt-themes/default/progress-circle.css CHANGED
@@ -1,5 +1,13 @@
1
+ :root {
2
+ --ard-progress-circle-size: 3em;
3
+ --ard-progress-circle-colorless-background-opacity: 100%;
4
+ --ard-progress-circle-colored-background-opacity: 100%;
5
+ --ard-progress-circle-value-font-size: 0.875em;
6
+ }
7
+
1
8
  .ard-progress-circle {
2
- width: 3em;
9
+ width: var(--ard-progress-circle-size, 3em);
10
+ height: var(--ard-progress-circle-size, 3em);
3
11
  --ard-_progress-circle-fill-color: var(--ard-cmpcl--bg-colored);
4
12
  }
5
13
  .ard-progress-circle.ard-color-none {
@@ -139,15 +147,13 @@
139
147
  background: transparent;
140
148
  }
141
149
  .ard-progress-circle.ard-appearance-colorless .ard-progress-circle-background {
142
- background: var(--ard-darken-overlay-medium);
150
+ background: var(--ard-progress-circle-colorless-background-color, var(--ard-darken-overlay-medium));
151
+ opacity: var(--ard-progress-circle-colorless-background-opacity, 100%);
143
152
  }
144
153
  .ard-progress-circle.ard-appearance-colored .ard-progress-circle-background {
145
- opacity: 16%;
154
+ opacity: var(--ard-progress-circle-colored-background-opacity, 100%);
146
155
  background: var(--ard-cmpcl--bg-colored);
147
156
  }
148
- .ard-progress-circle.ard-appearance-colored.ard-color-none .ard-progress-circle-background {
149
- opacity: 8%;
150
- }
151
157
  .ard-progress-circle.ard-progress-circle-variant-ring .ard-progress-circle-background,
152
158
  .ard-progress-circle.ard-progress-circle-variant-ring .ard-progress-circle-overlay {
153
159
  mask: radial-gradient(transparent 59%, #000 59%);
@@ -158,7 +164,7 @@
158
164
  top: 50%;
159
165
  transform: translate(-50%, -50%);
160
166
  font-weight: bold;
161
- font-size: 0.9em;
167
+ font-size: var(--ard-progress-circle-value-font-size, 0.875em);
162
168
  }
163
169
  .ard-progress-circle.ard-progress-circle-variant-full .ard-progress-circle-value {
164
170
  display: none;
package/prebuilt-themes/default/progress-circle.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/progress-circle.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EAEE;EAEA;;ACJA;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;;AD3HA;EACE;;AAIF;EACE,YEUkB;;AFNpB;EACE;EACA;;AAIA;EACE;;AAMJ;AAAA;EAIE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE","file":"progress-circle.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/progress-circle.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAKA;EACE;EAEA;EACA;EACA;;;AAGF;EAEE;EACA;EAEA;;ACfA;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;;ADhHA;EACE;;AAIF;EACE;EACA;;AAIF;EACE;EACA;;AAKF;AAAA;EAIE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE","file":"progress-circle.css"}
package/prebuilt-themes/default/radio.css CHANGED
@@ -1,6 +1,22 @@
1
+ :root {
2
+ --ard-radio-group-gap: 0.5rem 1rem;
3
+ --ard-radio-gap: 0.75rem;
4
+ --ard-radio-size: 1.25em;
5
+ --ard-radio-outer-border-width: 0.125em;
6
+ --ard-radio-border-radius: 9999px;
7
+ --ard-radio-inner-circle-inset: 25%;
8
+ --ard-radio-focus-overlay-size: 0.375em;
9
+ --ard-radio-hitbox-offset: -0.375em;
10
+ --ard-radio-hover-overlay-opacity: 7.5%;
11
+ --ard-radio-focus-overlay-opacity: 15%;
12
+ --ard-radio-active-overlay-opacity: 25%;
13
+ --ard-radio-transition-duration: 0.2s;
14
+ --ard-radio-disabled-opacity: 50%;
15
+ }
16
+
1
17
  ard-radio-group {
2
18
  display: flex;
3
- gap: 0.5rem 1rem;
19
+ gap: var(--ard-radio-group-gap, 0.5rem 1rem);
4
20
  }
5
21
 
6
22
  ard-radio {
@@ -11,9 +27,10 @@ ard-radio {
11
27
 
12
28
  .ard-radio {
13
29
  outline: none;
14
- font-size: 1em;
30
+ font-size: var(--ard-radio-font-size, var(--ard-form-field-font-size, 1rem));
15
31
  display: flex;
16
- gap: 0.375em;
32
+ align-items: center;
33
+ gap: var(--ard-radio-gap, 0.75rem);
17
34
  padding: 0;
18
35
  width: 100%;
19
36
  }
@@ -152,8 +169,9 @@ ard-radio {
152
169
  }
153
170
  .ard-radio > .ard-radio-circles {
154
171
  position: relative;
155
- width: 1.25em;
156
- height: 1.25em;
172
+ width: var(--ard-radio-size, 1.25em);
173
+ min-width: var(--ard-radio-size, 1.25em);
174
+ aspect-ratio: 1;
157
175
  }
158
176
  .ard-radio > .ard-radio-circles > .ard-radio-outer-circle {
159
177
  position: absolute;
@@ -161,45 +179,45 @@ ard-radio {
161
179
  right: 0;
162
180
  top: 0;
163
181
  bottom: 0;
164
- border: 2px solid var(--ard-detail);
165
- border-radius: 9999px;
166
- transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
182
+ border: var(--ard-radio-outer-border-width, 0.125em) solid var(--ard-detail);
183
+ border-radius: var(--ard-radio-border-radius, 9999px);
184
+ transition: border-color var(--ard-radio-transition-duration, 0.2s) cubic-bezier(0.4, 0, 0.2, 1);
167
185
  }
168
186
  .ard-radio > .ard-radio-circles > .ard-radio-inner-circle {
169
187
  position: absolute;
170
- left: 25%;
171
- right: 25%;
172
- top: 25%;
173
- bottom: 25%;
188
+ left: var(--ard-radio-inner-circle-inset, 25%);
189
+ right: var(--ard-radio-inner-circle-inset, 25%);
190
+ top: var(--ard-radio-inner-circle-inset, 25%);
191
+ bottom: var(--ard-radio-inner-circle-inset, 25%);
174
192
  background: var(--ard-cmpcl--bg-colored);
175
- border-radius: 9999px;
193
+ border-radius: var(--ard-radio-border-radius, 9999px);
176
194
  transform: scale(0);
177
- transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
195
+ transition: transform var(--ard-radio-transition-duration, 0.2s) cubic-bezier(0.4, 0, 0.2, 1);
178
196
  }
179
197
  .ard-radio > .ard-radio-circles > .ard-focus-overlay {
180
198
  position: absolute;
181
- top: -0.375em;
182
- bottom: -0.375em;
183
- left: -0.375em;
184
- right: -0.375em;
199
+ top: calc(-1 * var(--ard-radio-focus-overlay-size, 0.375em));
200
+ bottom: calc(-1 * var(--ard-radio-focus-overlay-size, 0.375em));
201
+ left: calc(-1 * var(--ard-radio-focus-overlay-size, 0.375em));
202
+ right: calc(-1 * var(--ard-radio-focus-overlay-size, 0.375em));
185
203
  opacity: 0;
186
204
  border-radius: inherit;
187
205
  pointer-events: none;
188
206
  transition: opacity 0.2s ease;
189
- border-radius: 9999px;
207
+ border-radius: var(--ard-radio-border-radius, 9999px);
190
208
  background-color: var(--ard-overlay);
191
- transition: opacity 0.2s ease, background-color 0.2s ease;
209
+ transition: opacity var(--ard-radio-transition-duration, 0.2s) ease, background-color var(--ard-radio-transition-duration, 0.2s) ease;
192
210
  }
193
211
  .ard-radio > .ard-radio-circles > .ard-hitbox {
194
212
  position: absolute;
195
- top: -0.375em;
196
- bottom: -0.375em;
197
- left: -0.375em;
198
- right: -0.375em;
213
+ top: var(--ard-radio-hitbox-offset, -0.375em);
214
+ bottom: var(--ard-radio-hitbox-offset, -0.375em);
215
+ left: var(--ard-radio-hitbox-offset, -0.375em);
216
+ right: var(--ard-radio-hitbox-offset, -0.375em);
199
217
  cursor: pointer;
200
218
  }
201
219
  .ard-radio > .ard-radio-circles:hover > .ard-focus-overlay {
202
- opacity: 7.5%;
220
+ opacity: var(--ard-radio-hover-overlay-opacity, 7.5%);
203
221
  }
204
222
  .ard-radio.ard-radio-selected > .ard-radio-circles > .ard-radio-outer-circle {
205
223
  border-color: var(--ard-cmpcl--bg-colored);
@@ -211,15 +229,15 @@ ard-radio {
211
229
  background-color: var(--ard-cmpcl--bg-colored);
212
230
  }
213
231
  .ard-radio:focus > .ard-radio-circles > .ard-focus-overlay {
214
- opacity: 15%;
232
+ opacity: var(--ard-radio-focus-overlay-opacity, 15%);
215
233
  }
216
234
  .ard-radio:active > .ard-radio-circles > .ard-focus-overlay {
217
- opacity: 25%;
235
+ opacity: var(--ard-radio-active-overlay-opacity, 25%);
218
236
  }
219
237
 
220
238
  .ard-disabled .ard-radio {
221
239
  pointer-events: none;
222
- opacity: 50%;
240
+ opacity: var(--ard-radio-disabled-opacity, 50%);
223
241
  user-select: none;
224
242
  }
225
243
 
package/prebuilt-themes/default/radio.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/radio.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;;;AAGF;EACE;EACA;EACA;;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;;ACpBA;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;;AD7GF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EEtCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EF+BI;EACA,kBGpDI;EHsDJ,YACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAOF;EACE;;AAEF;EACE;;AAEF;EACE;;AAMF;EACE;;AAMF;EACE;;;AAON;EACE;EACA;EACA","file":"radio.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/radio.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAMA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;ACxCA;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;;ADzFF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EE3DF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoDI;EACA,kBGzEI;EH2EJ,YACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAOF;EACE;;AAEF;EACE;;AAEF;EACE;;AAMF;EACE;;AAMF;EACE;;;AAON;EACE;EACA;EACA","file":"radio.css"}
package/prebuilt-themes/default/segment.css CHANGED
@@ -1,13 +1,30 @@
1
+ :root {
2
+ --ard-segment-margin: 0;
3
+ --ard-segment-padding: 0.15rem;
4
+ --ard-segment-font-size: 0.875rem;
5
+ --ard-segment-font-size-compact: 0.75rem;
6
+ --ard-segment-rounded-border-radius: 0.5rem;
7
+ --ard-segment-row-height: 2.42em;
8
+ --ard-segment-row-height-compact: 1.85em;
9
+ --ard-segment-option-padding: 0 1em;
10
+ --ard-segment-option-padding-compact: 0 0.5em;
11
+ --ard-segment-option-disabled-opacity: 50%;
12
+ --ard-segment-option-highlighted-bg-opacity: 4%;
13
+ --ard-segment-option-highlighted-filled-bg-opacity: 16%;
14
+ --ard-segment-option-highlighted-keyboard-bg-opacity: 28%;
15
+ --ard-segment-option-active-bg-opacity: 12%;
16
+ --ard-segment-option-active-keyboard-bg-opacity: 34%;
17
+ --ard-segment-option-selected-bg-opacity: 16%;
18
+ }
19
+
1
20
  .ard-segment-container {
2
- --ard-_segment-padding: 0.15rem;
3
- padding: var(--ard-_segment-padding);
4
- font-family: "Roboto", sans-serif;
5
- margin: 2px;
21
+ padding: var(--ard-segment-padding, 0.15rem);
22
+ font-family: var(--ard-segment-font-family, var(--ard-font-family));
23
+ margin: var(--ard-segment-margin, 0);
6
24
  border: 1px solid transparent;
7
- font-weight: 500;
8
25
  width: max-content;
9
26
  height: max-content;
10
- gap: var(--ard-_segment-padding);
27
+ gap: var(--ard-segment-option-gap, var(--ard-segment-padding, 0.15rem));
11
28
  overflow: hidden;
12
29
  border-radius: var(--ard-variant-border-radius);
13
30
  }
@@ -184,10 +201,10 @@
184
201
  }
185
202
  .ard-segment-container .ard-focus-overlay {
186
203
  position: absolute;
187
- top: -0;
188
- bottom: -0;
189
- left: -0;
190
- right: -0;
204
+ top: calc(-1 * 0px);
205
+ bottom: calc(-1 * 0px);
206
+ left: calc(-1 * 0px);
207
+ right: calc(-1 * 0px);
191
208
  opacity: 0;
192
209
  border-radius: inherit;
193
210
  pointer-events: none;
@@ -195,17 +212,16 @@
195
212
  background-color: var(--ard-cmpcl--content);
196
213
  }
197
214
  .ard-segment-container .ard-segment-row {
198
- gap: var(--ard-_segment-padding);
199
- --ard-_font-size: 0.85em;
200
- height: calc(2.42em + 1px);
201
- font-size: var(--ard-_font-size);
215
+ gap: var(--ard-segment-option-gap, var(--ard-segment-padding, 0.15rem));
216
+ height: calc(var(--ard-segment-row-height, 2.42em) + 1px);
217
+ font-size: var(--ard-segment-font-size, 0.875rem);
202
218
  }
203
219
  .ard-segment-container .ard-segment-row .ard-segment-option {
204
220
  margin: 0;
205
- padding: 0 1em;
221
+ padding: var(--ard-segment-option-padding, 0 1em);
206
222
  height: 100%;
207
223
  font-size: 1em;
208
- min-width: 2.42em;
224
+ min-width: var(--ard-segment-row-height, 2.42em);
209
225
  border: 1px solid transparent;
210
226
  background: transparent;
211
227
  position: relative;
@@ -220,7 +236,7 @@
220
236
  z-index: 2;
221
237
  }
222
238
  .ard-segment-container .ard-segment-row .ard-segment-option.ard-option-disabled {
223
- opacity: 50%;
239
+ opacity: var(--ard-segment-option-disabled-opacity, 50%);
224
240
  pointer-events: none;
225
241
  }
226
242
  .ard-segment-container .ard-segment-row .ard-segment-option .ard-button-content {
@@ -233,19 +249,19 @@
233
249
  align-items: center;
234
250
  }
235
251
  .ard-segment-container .ard-segment-option.ard-option-highlighted .ard-focus-overlay {
236
- opacity: 4%;
252
+ opacity: var(--ard-segment-option-highlighted-bg-opacity, 4%);
237
253
  }
238
254
  .ard-segment-container .ard-segment-option:active .ard-focus-overlay {
239
- opacity: 12%;
255
+ opacity: var(--ard-segment-option-active-bg-opacity, 12%);
240
256
  }
241
257
  .ard-segment-container .ard-segment-option.ard-option-selected .ard-focus-overlay {
242
- opacity: 16%;
258
+ opacity: var(--ard-segment-option-selected-bg-opacity, 16%);
243
259
  }
244
260
  .ard-segment-container.ard-using-keyboard .ard-segment-option.ard-option-highlighted .ard-focus-overlay {
245
- opacity: 28%;
261
+ opacity: var(--ard-segment-option-highlighted-keyboard-bg-opacity, 28%);
246
262
  }
247
263
  .ard-segment-container.ard-using-keyboard .ard-segment-option:active .ard-focus-overlay {
248
- opacity: 34%;
264
+ opacity: var(--ard-segment-option-active-keyboard-bg-opacity, 34%);
249
265
  }
250
266
  .ard-segment-container.ard-appearance-transparent {
251
267
  background: transparent;
@@ -261,7 +277,7 @@
261
277
  padding: 0;
262
278
  }
263
279
  .ard-segment-container.ard-appearance-outlined .ard-segment-option, .ard-segment-container.ard-appearance-outlined-strong .ard-segment-option {
264
- border: 1px solid var(--ard-border-light);
280
+ border: 1px solid var(--ard-segment-border-color, var(--ard-border-light));
265
281
  }
266
282
  .ard-segment-container.ard-appearance-outlined .ard-segment-option.ard-option-selected, .ard-segment-container.ard-appearance-outlined-strong .ard-segment-option.ard-option-selected {
267
283
  border-color: var(--ard-cmpcl--content);
@@ -283,35 +299,35 @@
283
299
  border-radius: 0 !important;
284
300
  }
285
301
  .ard-segment-container.ard-appearance-outlined.ard-variant-rounded-connected .ard-segment-row:first-child .ard-segment-option:first-child, .ard-segment-container.ard-appearance-outlined.ard-variant-pill-connected.ard-singlerow .ard-segment-row:first-child .ard-segment-option:first-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-rounded-connected .ard-segment-row:first-child .ard-segment-option:first-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-pill-connected.ard-singlerow .ard-segment-row:first-child .ard-segment-option:first-child {
286
- border-top-left-radius: var(--ard-variant-border-radius) !important;
302
+ border-top-left-radius: var(--ard-_variant-border-radius) !important;
287
303
  }
288
304
  .ard-segment-container.ard-appearance-outlined.ard-variant-rounded-connected .ard-segment-row:first-child .ard-segment-option:last-child, .ard-segment-container.ard-appearance-outlined.ard-variant-pill-connected.ard-singlerow .ard-segment-row:first-child .ard-segment-option:last-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-rounded-connected .ard-segment-row:first-child .ard-segment-option:last-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-pill-connected.ard-singlerow .ard-segment-row:first-child .ard-segment-option:last-child {
289
- border-top-right-radius: var(--ard-variant-border-radius) !important;
305
+ border-top-right-radius: var(--ard-_variant-border-radius) !important;
290
306
  }
291
307
  .ard-segment-container.ard-appearance-outlined.ard-variant-rounded-connected .ard-segment-row:first-child .ard-segment-option:first-child:last-child, .ard-segment-container.ard-appearance-outlined.ard-variant-pill-connected.ard-singlerow .ard-segment-row:first-child .ard-segment-option:first-child:last-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-rounded-connected .ard-segment-row:first-child .ard-segment-option:first-child:last-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-pill-connected.ard-singlerow .ard-segment-row:first-child .ard-segment-option:first-child:last-child {
292
- border-top-right-radius: var(--ard-variant-border-radius) !important;
293
- border-top-left-radius: var(--ard-variant-border-radius) !important;
308
+ border-top-right-radius: var(--ard-_variant-border-radius) !important;
309
+ border-top-left-radius: var(--ard-_variant-border-radius) !important;
294
310
  }
295
311
  .ard-segment-container.ard-appearance-outlined.ard-variant-rounded-connected .ard-segment-row:last-child .ard-segment-option:first-child, .ard-segment-container.ard-appearance-outlined.ard-variant-pill-connected.ard-singlerow .ard-segment-row:last-child .ard-segment-option:first-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-rounded-connected .ard-segment-row:last-child .ard-segment-option:first-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-pill-connected.ard-singlerow .ard-segment-row:last-child .ard-segment-option:first-child {
296
- border-bottom-left-radius: var(--ard-variant-border-radius) !important;
312
+ border-bottom-left-radius: var(--ard-_variant-border-radius) !important;
297
313
  }
298
314
  .ard-segment-container.ard-appearance-outlined.ard-variant-rounded-connected .ard-segment-row:last-child .ard-segment-option:last-child, .ard-segment-container.ard-appearance-outlined.ard-variant-pill-connected.ard-singlerow .ard-segment-row:last-child .ard-segment-option:last-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-rounded-connected .ard-segment-row:last-child .ard-segment-option:last-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-pill-connected.ard-singlerow .ard-segment-row:last-child .ard-segment-option:last-child {
299
- border-bottom-right-radius: var(--ard-variant-border-radius) !important;
315
+ border-bottom-right-radius: var(--ard-_variant-border-radius) !important;
300
316
  }
301
317
  .ard-segment-container.ard-appearance-outlined.ard-variant-rounded-connected .ard-segment-row:last-child .ard-segment-option:first-child:last-child, .ard-segment-container.ard-appearance-outlined.ard-variant-pill-connected.ard-singlerow .ard-segment-row:last-child .ard-segment-option:first-child:last-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-rounded-connected .ard-segment-row:last-child .ard-segment-option:first-child:last-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-pill-connected.ard-singlerow .ard-segment-row:last-child .ard-segment-option:first-child:last-child {
302
- border-bottom-right-radius: var(--ard-variant-border-radius) !important;
303
- border-bottom-left-radius: var(--ard-variant-border-radius) !important;
318
+ border-bottom-right-radius: var(--ard-_variant-border-radius) !important;
319
+ border-bottom-left-radius: var(--ard-_variant-border-radius) !important;
304
320
  }
305
321
  .ard-segment-container.ard-appearance-outlined.ard-variant-rounded-connected .ard-segment-row:first-child:last-child .ard-segment-option:first-child, .ard-segment-container.ard-appearance-outlined.ard-variant-pill-connected.ard-singlerow .ard-segment-row:first-child:last-child .ard-segment-option:first-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-rounded-connected .ard-segment-row:first-child:last-child .ard-segment-option:first-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-pill-connected.ard-singlerow .ard-segment-row:first-child:last-child .ard-segment-option:first-child {
306
- border-top-left-radius: var(--ard-variant-border-radius) !important;
307
- border-bottom-left-radius: var(--ard-variant-border-radius) !important;
322
+ border-top-left-radius: var(--ard-_variant-border-radius) !important;
323
+ border-bottom-left-radius: var(--ard-_variant-border-radius) !important;
308
324
  }
309
325
  .ard-segment-container.ard-appearance-outlined.ard-variant-rounded-connected .ard-segment-row:first-child:last-child .ard-segment-option:last-child, .ard-segment-container.ard-appearance-outlined.ard-variant-pill-connected.ard-singlerow .ard-segment-row:first-child:last-child .ard-segment-option:last-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-rounded-connected .ard-segment-row:first-child:last-child .ard-segment-option:last-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-pill-connected.ard-singlerow .ard-segment-row:first-child:last-child .ard-segment-option:last-child {
310
- border-top-right-radius: var(--ard-variant-border-radius) !important;
311
- border-bottom-right-radius: var(--ard-variant-border-radius) !important;
326
+ border-top-right-radius: var(--ard-_variant-border-radius) !important;
327
+ border-bottom-right-radius: var(--ard-_variant-border-radius) !important;
312
328
  }
313
329
  .ard-segment-container.ard-appearance-outlined.ard-variant-rounded-connected .ard-segment-row:first-child:last-child .ard-segment-option:first-child:last-child, .ard-segment-container.ard-appearance-outlined.ard-variant-pill-connected.ard-singlerow .ard-segment-row:first-child:last-child .ard-segment-option:first-child:last-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-rounded-connected .ard-segment-row:first-child:last-child .ard-segment-option:first-child:last-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-pill-connected.ard-singlerow .ard-segment-row:first-child:last-child .ard-segment-option:first-child:last-child {
314
- border-radius: var(--ard-variant-border-radius) !important;
330
+ border-radius: var(--ard-_variant-border-radius) !important;
315
331
  }
316
332
  .ard-segment-container.ard-appearance-outlined.ard-variant-pill-connected.ard-singlerow .ard-segment-row .ard-segment-option:first-child, .ard-segment-container.ard-appearance-outlined-strong.ard-variant-pill-connected.ard-singlerow .ard-segment-row .ard-segment-option:first-child {
317
333
  padding-left: 1.25em;
@@ -337,15 +353,9 @@
337
353
  background: var(--ard-cmpcl--bg);
338
354
  opacity: 15%;
339
355
  }
340
- .ard-segment-container.ard-appearance-filled .ard-segment-option.ard-option-highlighted .ard-focus-overlay {
341
- opacity: 8%;
342
- }
343
- .ard-segment-container.ard-appearance-filled .ard-segment-option.ard-option-selected .ard-focus-overlay {
344
- opacity: 20%;
345
- }
346
356
  .ard-segment-container.ard-appearance-filled-strong {
347
357
  background: var(--ard-cmpcl--bg);
348
- border-radius: var(--ard-variant-border-radius);
358
+ border-radius: var(--ard-_variant-border-radius);
349
359
  }
350
360
  .ard-segment-container.ard-appearance-filled-strong .ard-segment-row .ard-segment-option {
351
361
  color: var(--ard-cmpcl--on-bg);
@@ -354,7 +364,7 @@
354
364
  background-color: var(--ard-cmpcl--on-bg);
355
365
  }
356
366
  .ard-segment-container.ard-appearance-filled-strong .ard-segment-row .ard-segment-option.ard-option-highlighted .ard-focus-overlay {
357
- opacity: 16%;
367
+ opacity: var(--ard-segment-option-highlighted-filled-bg-opacity, 16%);
358
368
  }
359
369
  .ard-segment-container.ard-appearance-filled-strong .ard-segment-row .ard-segment-option.ard-option-selected {
360
370
  color: var(--ard-cmpcl--content);
@@ -363,34 +373,34 @@
363
373
  .ard-segment-container.ard-appearance-filled-strong .ard-segment-row .ard-segment-option.ard-option-selected .ard-focus-overlay {
364
374
  opacity: 0;
365
375
  }
366
- .ard-segment-container.ard-variant-pill {
367
- border-radius: 16px;
376
+ .ard-segment-container.ard-variant-rounded, .ard-segment-container.ard-variant-rounded-connected, .ard-segment-container.ard-variant-pill {
377
+ --ard-_variant-border-radius: var(--ard-segment-rounded-border-radius, 0.5rem);
378
+ border-radius: var(--ard-_variant-border-radius);
368
379
  }
369
- .ard-segment-container.ard-variant-pill .ard-segment-row .ard-segment-option {
370
- border-radius: var(--ard-variant-border-radius);
380
+ .ard-segment-container.ard-variant-rounded .ard-segment-row .ard-segment-option, .ard-segment-container.ard-variant-rounded-connected .ard-segment-row .ard-segment-option, .ard-segment-container.ard-variant-pill .ard-segment-row .ard-segment-option {
381
+ border-radius: max(1px, var(--ard-_variant-border-radius) - var(--ard-segment-option-gap, var(--ard-segment-padding, 0.15rem)));
371
382
  }
372
- .ard-segment-container.ard-variant-rounded, .ard-segment-container.ard-variant-rounded-connected {
373
- --ard-variant-border-radius: 8px;
374
- border-radius: var(--ard-variant-border-radius);
383
+ .ard-segment-container.ard-variant-pill {
384
+ border-radius: calc(var(--ard-segment-rounded-border-radius, 0.5rem) * 2);
375
385
  }
376
- .ard-segment-container.ard-variant-rounded .ard-segment-row .ard-segment-option, .ard-segment-container.ard-variant-rounded-connected .ard-segment-row .ard-segment-option {
377
- border-radius: max(1px, var(--ard-variant-border-radius) - var(--ard-_segment-padding));
386
+ .ard-segment-container.ard-variant-pill .ard-segment-row .ard-segment-option {
387
+ border-radius: var(--ard-_variant-border-radius);
378
388
  }
379
389
  .ard-segment-container.ard-variant-sharp, .ard-segment-container.ard-variant-sharp-connected {
380
- border-radius: var(--ard-variant-border-radius);
390
+ border-radius: var(--ard-_variant-border-radius);
381
391
  }
382
392
  .ard-segment-container.ard-variant-sharp .ard-segment-row .ard-segment-option, .ard-segment-container.ard-variant-sharp-connected .ard-segment-row .ard-segment-option {
383
- border-radius: calc(var(--ard-variant-border-radius));
393
+ border-radius: calc(var(--ard-_variant-border-radius));
384
394
  }
385
395
  .ard-segment-container.ard-variant-pill-connected.ard-singlerow {
386
- --ard-variant-border-radius: 9999px;
396
+ --ard-_variant-border-radius: 9999px;
387
397
  }
388
398
  .ard-segment-container.ard-compact .ard-segment-row {
389
- --ard-_font-size: 0.85em;
390
- height: calc(1.85em + 1px);
399
+ height: calc(var(--ard-segment-row-height-compact, 1.85em) + 1px);
400
+ font-size: var(--ard-segment-font-size-compact, 0.75rem);
391
401
  }
392
402
  .ard-segment-container.ard-compact .ard-segment-row .ard-segment-option {
393
- padding: 0 0.5em;
403
+ padding: var(--ard-segment-option-padding-compact, 1.85em);
394
404
  min-width: 1.85em;
395
405
  }
396
406
  .ard-segment-container.ard-icon-based .ard-segment-row .ard-segment-option {
@@ -401,14 +411,14 @@
401
411
  }
402
412
  .ard-segment-container.ard-disabled {
403
413
  pointer-events: none;
404
- opacity: 50%;
414
+ opacity: var(--ard-segment-option-disabled-opacity, 50%);
405
415
  }
406
416
  .ard-segment-container.ard-disabled .ard-focus-overlay {
407
417
  opacity: 10%;
408
418
  }
409
419
  .ard-segment-container.ard-disabled.ard-color-none .ard-button-icon,
410
420
  .ard-segment-container.ard-disabled.ard-color-none .ard-button-content {
411
- opacity: 60%;
421
+ opacity: calc(var(--ard-segment-option-disabled-opacity, 50%) * 1.2);
412
422
  }
413
423
  .ard-segment-container.ard-disabled.ard-color-none .ard-focus-overlay {
414
424
  background: var(--ard-cmpcl--overlay);
package/prebuilt-themes/default/segment.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/segment.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EC6DA;;ACzEA;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;;AD5FF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AAOF;EAEE;;AAEF;EACE;;AAEF;EACE;;ADjEF;ECRA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EDCE;;AAIF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAQJ;EACE;;AAIF;EACE;;AAIF;EACE;;AAOA;EACE;;AAIF;EACE;;AAOR;EACE;;AAII;EACE;;AAGF;EACE;;AAKR;EAEE,YG7HC;EH8HD;;AAEA;EACE;;AAEA;EACE;EACA;;AAGJ;EAGE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAOF;EACE;;AAIE;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAQN;EACE;;AAEF;EACE;;AAMN;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKE;EACE;;AAIF;EACE;;AAKR;EACE;EACA;;AAGE;EACE;;AAEA;EACE;;AAGA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAQV;EACE;;AAGE;EACE;;AAIN;EAEE;EACA;;AAGE;EACE;;AAIN;EAEE;;AAGE;EACE;;AAIN;EACE;;AAKA;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAKA;AAAA;EAEE;;AAEF;EACE","file":"segment.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/segment.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAMA;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECuCA;;ACzEA;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;;AD5FF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AAOF;EAEE;;AAEF;EACE;;AAEF;EACE;;AD3CF;EC9BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EDuBE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAQJ;EACE;;AAIF;EACE;;AAIF;EACE;;AAOA;EACE;;AAIF;EACE;;AAOR;EACE;;AAII;EACE;;AAGF;EACE;;AAKR;EAEE,YG/IC;EHgJD;;AAEA;EACE;;AAEA;EACE;EACA;;AAGJ;EAGE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAOF;EACE;;AAIE;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAQN;EACE;;AAEF;EACE;;AAMN;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;;AAGE;EACE;;AAEA;EACE;;AAGA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAQV;EAGE;EACA;;AAGE;EACE;;AAON;EAEE;;AAGE;EACE;;AAIN;EAEE;;AAGE;EACE;;AAIN;EACE;;AAKA;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAKA;AAAA;EAEE;;AAEF;EACE","file":"segment.css"}