@ardium-ui/ui 5.0.0-alpha.4 → 5.0.0-alpha.40

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