@ardium-ui/ui 5.0.0-alpha.74 → 5.0.0-alpha.76

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 (133) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +106 -106
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/slider/range-slider/range-slider.component.d.ts +1 -1
  4. package/package.json +1 -1
  5. package/prebuilt-themes/default/badge.css +222 -221
  6. package/prebuilt-themes/default/badge.css.map +1 -1
  7. package/prebuilt-themes/default/buttons/button.css +305 -304
  8. package/prebuilt-themes/default/buttons/button.css.map +1 -1
  9. package/prebuilt-themes/default/buttons/fab.css +302 -303
  10. package/prebuilt-themes/default/buttons/fab.css.map +1 -1
  11. package/prebuilt-themes/default/buttons/icon-button.css +290 -290
  12. package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
  13. package/prebuilt-themes/default/calendar.css +364 -364
  14. package/prebuilt-themes/default/calendar.css.map +1 -1
  15. package/prebuilt-themes/default/card.css +130 -137
  16. package/prebuilt-themes/default/card.css.map +1 -1
  17. package/prebuilt-themes/default/checkbox-list.css +74 -72
  18. package/prebuilt-themes/default/checkbox-list.css.map +1 -1
  19. package/prebuilt-themes/default/checkbox.css +339 -338
  20. package/prebuilt-themes/default/checkbox.css.map +1 -1
  21. package/prebuilt-themes/default/chips.css +384 -383
  22. package/prebuilt-themes/default/chips.css.map +1 -1
  23. package/prebuilt-themes/default/color-display.css +28 -26
  24. package/prebuilt-themes/default/color-display.css.map +1 -1
  25. package/prebuilt-themes/default/color-picker.css +105 -103
  26. package/prebuilt-themes/default/color-picker.css.map +1 -1
  27. package/prebuilt-themes/default/core.css +13 -9
  28. package/prebuilt-themes/default/core.css.map +1 -1
  29. package/prebuilt-themes/default/dialog.css +15 -15
  30. package/prebuilt-themes/default/dialog.css.map +1 -1
  31. package/prebuilt-themes/default/divider.css +73 -72
  32. package/prebuilt-themes/default/divider.css.map +1 -1
  33. package/prebuilt-themes/default/dropdown-panel.css +35 -34
  34. package/prebuilt-themes/default/dropdown-panel.css.map +1 -1
  35. package/prebuilt-themes/default/file-drop-area.css +286 -285
  36. package/prebuilt-themes/default/file-drop-area.css.map +1 -1
  37. package/prebuilt-themes/default/form-field-frame.css +102 -102
  38. package/prebuilt-themes/default/form-field-frame.css.map +1 -1
  39. package/prebuilt-themes/default/form-field.css +127 -129
  40. package/prebuilt-themes/default/form-field.css.map +1 -1
  41. package/prebuilt-themes/default/inputs/autocomplete-input.css +163 -162
  42. package/prebuilt-themes/default/inputs/autocomplete-input.css.map +1 -1
  43. package/prebuilt-themes/default/inputs/color-input.css +99 -98
  44. package/prebuilt-themes/default/inputs/color-input.css.map +1 -1
  45. package/prebuilt-themes/default/inputs/date-input.css +125 -125
  46. package/prebuilt-themes/default/inputs/date-input.css.map +1 -1
  47. package/prebuilt-themes/default/inputs/digit-input.css +110 -111
  48. package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
  49. package/prebuilt-themes/default/inputs/file-input.css +358 -359
  50. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  51. package/prebuilt-themes/default/inputs/hex-input.css +140 -138
  52. package/prebuilt-themes/default/inputs/hex-input.css.map +1 -1
  53. package/prebuilt-themes/default/inputs/input.css +128 -126
  54. package/prebuilt-themes/default/inputs/input.css.map +1 -1
  55. package/prebuilt-themes/default/inputs/number-input.css +204 -204
  56. package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
  57. package/prebuilt-themes/default/inputs/password-input.css +98 -97
  58. package/prebuilt-themes/default/inputs/password-input.css.map +1 -1
  59. package/prebuilt-themes/default/kbd-shortcut.css +10 -8
  60. package/prebuilt-themes/default/kbd-shortcut.css.map +1 -1
  61. package/prebuilt-themes/default/kbd.css +17 -15
  62. package/prebuilt-themes/default/kbd.css.map +1 -1
  63. package/prebuilt-themes/default/modal.css +79 -77
  64. package/prebuilt-themes/default/modal.css.map +1 -1
  65. package/prebuilt-themes/default/progress-bar.css +250 -234
  66. package/prebuilt-themes/default/progress-bar.css.map +1 -1
  67. package/prebuilt-themes/default/progress-circle.css +172 -170
  68. package/prebuilt-themes/default/progress-circle.css.map +1 -1
  69. package/prebuilt-themes/default/radio.css +231 -232
  70. package/prebuilt-themes/default/radio.css.map +1 -1
  71. package/prebuilt-themes/default/segment.css +414 -412
  72. package/prebuilt-themes/default/segment.css.map +1 -1
  73. package/prebuilt-themes/default/select.css +274 -275
  74. package/prebuilt-themes/default/select.css.map +1 -1
  75. package/prebuilt-themes/default/slide-toggle.css +294 -293
  76. package/prebuilt-themes/default/slide-toggle.css.map +1 -1
  77. package/prebuilt-themes/default/slider.css +370 -369
  78. package/prebuilt-themes/default/slider.css.map +1 -1
  79. package/prebuilt-themes/default/snackbar.css +173 -172
  80. package/prebuilt-themes/default/snackbar.css.map +1 -1
  81. package/prebuilt-themes/default/spinner.css +156 -155
  82. package/prebuilt-themes/default/spinner.css.map +1 -1
  83. package/prebuilt-themes/default/stars.css +259 -262
  84. package/prebuilt-themes/default/stars.css.map +1 -1
  85. package/prebuilt-themes/default/tabber.css +234 -233
  86. package/prebuilt-themes/default/tabber.css.map +1 -1
  87. package/prebuilt-themes/default/table-pagination.css +46 -45
  88. package/prebuilt-themes/default/table-pagination.css.map +1 -1
  89. package/prebuilt-themes/default/table.css +441 -439
  90. package/prebuilt-themes/default/table.css.map +1 -1
  91. package/themes/default/badge.scss +92 -90
  92. package/themes/default/buttons/button.scss +70 -68
  93. package/themes/default/buttons/fab.scss +63 -61
  94. package/themes/default/buttons/icon-button.scss +56 -54
  95. package/themes/default/calendar.scss +215 -211
  96. package/themes/default/card.scss +133 -131
  97. package/themes/default/checkbox-list.scss +70 -68
  98. package/themes/default/checkbox.scss +55 -53
  99. package/themes/default/chips.scss +166 -159
  100. package/themes/default/color-display.scss +31 -29
  101. package/themes/default/color-picker.scss +95 -93
  102. package/themes/default/core.scss +14 -9
  103. package/themes/default/dialog.scss +15 -13
  104. package/themes/default/divider.scss +79 -77
  105. package/themes/default/dropdown-panel.scss +37 -35
  106. package/themes/default/file-drop-area.scss +152 -150
  107. package/themes/default/form-field-frame.scss +69 -67
  108. package/themes/default/form-field.scss +109 -107
  109. package/themes/default/inputs/autocomplete-input.scss +61 -59
  110. package/themes/default/inputs/color-input.scss +34 -32
  111. package/themes/default/inputs/date-input.scss +63 -61
  112. package/themes/default/inputs/digit-input.scss +83 -81
  113. package/themes/default/inputs/file-input.scss +113 -111
  114. package/themes/default/inputs/hex-input.scss +39 -37
  115. package/themes/default/inputs/input.scss +27 -25
  116. package/themes/default/inputs/number-input.scss +137 -135
  117. package/themes/default/inputs/password-input.scss +60 -58
  118. package/themes/default/kbd-shortcut.scss +9 -7
  119. package/themes/default/kbd.scss +19 -17
  120. package/themes/default/modal.scss +79 -77
  121. package/themes/default/progress-bar.scss +127 -103
  122. package/themes/default/progress-circle.scss +41 -39
  123. package/themes/default/radio.scss +92 -90
  124. package/themes/default/segment.scss +260 -255
  125. package/themes/default/select.scss +206 -204
  126. package/themes/default/slide-toggle.scss +146 -144
  127. package/themes/default/slider.scss +185 -179
  128. package/themes/default/snackbar.scss +32 -30
  129. package/themes/default/spinner.scss +16 -14
  130. package/themes/default/stars.scss +81 -79
  131. package/themes/default/tabber.scss +86 -84
  132. package/themes/default/table-pagination.scss +47 -46
  133. package/themes/default/table.scss +342 -340
@@ -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":"AAOA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;ECiCE;ED5BA;EACA,OEzCM;EF0CN,YElDG;EFmDH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AG3DA;EACE;EACA;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;EACA;;AAEF;EACE;EACA;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;EACA;;AAEF;EACE;EACA;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;EACA;;AAEF;EACE;EACA;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;;ACzIF;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;;ADtBF;EACE;;AAEF;ECtDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;ED+CE,YEnEM;EFoEN;;AAGF;EACE;EACA;EACA;;AAIE;EACE;;AAIF;EACE;;AAIJ;ECvFF;EACA;EACA,yBACE;;ADuFE;EACE;;AAKN;EAEE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIN;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIA;EACE;;AAIF;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGA;EACE;;AAIF;EACE;;AAIF;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"}
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":"AAOA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;ICgCA;ID3BE;IACA,OE1CI;IF2CJ,YEnDC;IFoDD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EG5DF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;ECzIF;IACE,QFmCgB;IElChB,OFkCgB;IEjChB;;EAGF;IACE;IACA;IACA,OFGK;IEFL,OF0BgB;IEzBhB,QFyBgB;IExBhB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;EAGF;IHvBF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IGgBI;;EAGF;IACE;IACA;IACA;IACA;;EAEA;IACE;IH7CN;IACA;IACA,yBACE;IG4CI;;EAKF;IACE;;EAKF;IACE;;EAKF;IACE;;EHUN;IAEE;;EAEF;IACE;;EAEF;IACE;;EDrBA;IACE;;EAEF;ICvDF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IDgDI,YEpEI;IFqEJ;;EAGF;IACE;IACA;IACA;;EAIE;IACE;;EAIF;IACE;;EAIJ;ICxFJ;IACA;IACA,yBACE;;EDwFI;IACE;;EAKN;IAEE;;EAEA;IACE;IACA;IACA,YACE;;EAIF;IACE;IACA;;EAIN;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IAEE;IACA;IACA;IACA;IACA;;EAEA;IACE,YACE;;EAGF;IACE;IACA;;EAIA;IACE;;EAIF;IACE;;EAIJ;IACE;IACA;;EAEA;IACE;;EAGA;IACE;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE;;EAOR;IACE;IACA;;EAEF;IACE;IACA;;EAKJ;IACE;IACA;;EAEA;IACE;IACA;;EAEF;IACE;;EAEA;IACE;;EAIN;IACE;IACA;;EAEA;IACE;IACA;;EAEF;IACE;;EAEA;IACE;;EAKN;IACE;IACA;;EAEA;IACE;;EAGF;IACE;IACA;;EAEF;IACE;IACA;;EAMJ;IACE;IACA;;EAEA;IACE","file":"chips.css"}
@@ -5,32 +5,34 @@
5
5
  --ard-color-display-rounded-corner-radius: 0.25em;
6
6
  }
7
7
 
8
- .ard-color-display-wrapper {
9
- gap: var(--ard-color-display-gap, 0.3ch);
10
- align-items: center;
11
- }
12
- .ard-color-display-wrapper .ard-color-display {
13
- width: var(--ard-color-dsiplay-size, 1.1875em);
14
- height: var(--ard-color-dsiplay-size, 1.1875em);
15
- font-size: inherit;
16
- cursor: help;
17
- border: 1px solid transparent;
18
- }
19
- .ard-color-display-wrapper .ard-color-display-label {
20
- font-family: var(--ard-font-family-mono);
21
- font-size: var(--ard-color-display-font-size, 1.15em);
22
- }
23
- .ard-color-display-wrapper.ard-appearance-rounded .ard-color-display {
24
- border-radius: var(--ard-color-display-rounded-corner-radius, 0.25em);
25
- }
26
- .ard-color-display-wrapper.ard-appearance-circle .ard-color-display {
27
- border-radius: 9999px;
28
- }
29
- .ard-color-display-wrapper.ard-appearance-sharp .ard-color-display {
30
- border-radius: 0;
31
- }
32
- .ard-color-display-wrapper.ard-with-border .ard-color-display {
33
- border-color: var(--ard-color-display-border-color, var(--ard-text));
8
+ @layer ard-theme {
9
+ .ard-color-display-wrapper {
10
+ gap: var(--ard-color-display-gap, 0.3ch);
11
+ align-items: center;
12
+ }
13
+ .ard-color-display-wrapper .ard-color-display {
14
+ width: var(--ard-color-dsiplay-size, 1.1875em);
15
+ height: var(--ard-color-dsiplay-size, 1.1875em);
16
+ font-size: inherit;
17
+ cursor: help;
18
+ border: 1px solid transparent;
19
+ }
20
+ .ard-color-display-wrapper .ard-color-display-label {
21
+ font-family: var(--ard-font-family-mono);
22
+ font-size: var(--ard-color-display-font-size, 1.15em);
23
+ }
24
+ .ard-color-display-wrapper.ard-appearance-rounded .ard-color-display {
25
+ border-radius: var(--ard-color-display-rounded-corner-radius, 0.25em);
26
+ }
27
+ .ard-color-display-wrapper.ard-appearance-circle .ard-color-display {
28
+ border-radius: 9999px;
29
+ }
30
+ .ard-color-display-wrapper.ard-appearance-sharp .ard-color-display {
31
+ border-radius: 0;
32
+ }
33
+ .ard-color-display-wrapper.ard-with-border .ard-color-display {
34
+ border-color: var(--ard-color-display-border-color, var(--ard-text));
35
+ }
34
36
  }
35
37
 
36
38
  /*# sourceMappingURL=color-display.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/color-display.scss"],"names":[],"mappings":"AAKA;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE","file":"color-display.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/color-display.scss"],"names":[],"mappings":"AAKA;EACE;EACA;EACA;EACA;;;AAIF;EACE;IACE;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAIA;IACE;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE","file":"color-display.css"}
@@ -1,106 +1,108 @@
1
- .ard-color-picker {
2
- width: 15rem;
3
- padding: 0.5rem;
4
- display: flex;
5
- flex-direction: column;
6
- gap: 0.5rem;
7
- }
8
- .ard-color-picker .ard-color-picker-click-areas {
9
- width: 100%;
10
- gap: 0.5rem;
11
- }
12
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-map,
13
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-map,
14
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map {
15
- border: 1px solid var(--ard-detail-ultralight-solid);
16
- }
17
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-map:focus-visible,
18
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-map:focus-visible,
19
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map:focus-visible {
20
- outline: 2px solid var(--ard-overlay);
21
- outline-offset: 1px;
22
- }
23
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-map {
24
- flex-grow: 1;
25
- aspect-ratio: 1;
26
- }
27
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-map,
28
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map {
29
- width: 1rem;
30
- }
31
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map {
32
- --ard-color-picker-opacity-checkerboard-color: var(--ard-detail-ultralight-solid);
33
- --ard-color-picker-opacity-checkerboard-size: 0.5rem;
34
- }
35
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-indicator {
36
- width: 0.375rem;
37
- height: 0.375rem;
38
- border: 2px solid white;
39
- outline: 1px solid black;
40
- border-radius: 999px;
41
- cursor: pointer;
42
- }
43
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-indicator-container,
44
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-indicator-container,
45
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-indicator-container {
46
- top: clamp(2px, var(--top), 100% - 2px);
47
- }
48
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-indicator-container {
49
- left: clamp(2px, var(--left), 100% - 2px);
50
- }
51
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-indicator-container,
52
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-indicator-container {
53
- left: 50%;
54
- }
55
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-indicator,
56
- .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-indicator {
57
- width: 1rem;
58
- height: 0.25rem;
59
- border: 2px solid white;
60
- outline: 1px solid black;
61
- border-radius: 3px;
62
- cursor: pointer;
63
- }
64
- .ard-color-picker .ard-color-picker-inputs {
65
- display: grid;
66
- grid-template-columns: 1fr max-content;
67
- grid-template-rows: max-content max-content;
68
- gap: 0.5rem;
69
- }
70
- .ard-color-picker .ard-color-picker-inputs .ard-color-picker-input-type {
71
- font-weight: 700;
72
- width: max-content;
73
- }
74
- .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container {
75
- display: grid;
76
- gap: 0.5rem;
77
- width: 100%;
78
- grid-column: 1/3;
79
- }
80
- .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-hex {
81
- grid-template-columns: 1fr;
82
- }
83
- .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-triple {
84
- grid-template-columns: 1fr 1fr 1fr;
85
- }
86
- .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-opacity {
87
- grid-template-columns: 1fr 1fr 1fr 1fr;
88
- }
89
- .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-opacity.ard-mode-hex .ard-color-picker-hex-input {
90
- grid-column: 1/4;
91
- }
92
- .ard-color-picker .ard-color-picker-inputs .ard-color-picker-reference {
93
- --ard-color-picker-opacity-checkerboard-color: var(--ard-detail-ultralight-solid);
94
- --ard-color-picker-opacity-checkerboard-size: 0.5rem;
95
- display: grid;
96
- grid-template-columns: 1fr 1fr;
97
- width: 4rem;
98
- height: 100%;
99
- border: 1px solid var(--ard-detail-ultralight-solid);
100
- box-sizing: border-box;
101
- }
102
- .ard-color-picker.ard-vertical {
103
- width: 13.5rem;
1
+ @layer ard-theme {
2
+ .ard-color-picker {
3
+ width: 15rem;
4
+ padding: 0.5rem;
5
+ display: flex;
6
+ flex-direction: column;
7
+ gap: 0.5rem;
8
+ }
9
+ .ard-color-picker .ard-color-picker-click-areas {
10
+ width: 100%;
11
+ gap: 0.5rem;
12
+ }
13
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-map,
14
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-map,
15
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map {
16
+ border: 1px solid var(--ard-detail-ultralight-solid);
17
+ }
18
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-map:focus-visible,
19
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-map:focus-visible,
20
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map:focus-visible {
21
+ outline: 2px solid var(--ard-overlay);
22
+ outline-offset: 1px;
23
+ }
24
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-map {
25
+ flex-grow: 1;
26
+ aspect-ratio: 1;
27
+ }
28
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-map,
29
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map {
30
+ width: 1rem;
31
+ }
32
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-map {
33
+ --ard-color-picker-opacity-checkerboard-color: var(--ard-detail-ultralight-solid);
34
+ --ard-color-picker-opacity-checkerboard-size: 0.5rem;
35
+ }
36
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-indicator {
37
+ width: 0.375rem;
38
+ height: 0.375rem;
39
+ border: 2px solid white;
40
+ outline: 1px solid black;
41
+ border-radius: 999px;
42
+ cursor: pointer;
43
+ }
44
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-indicator-container,
45
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-indicator-container,
46
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-indicator-container {
47
+ top: clamp(2px, var(--top), 100% - 2px);
48
+ }
49
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-shade-indicator-container {
50
+ left: clamp(2px, var(--left), 100% - 2px);
51
+ }
52
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-indicator-container,
53
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-indicator-container {
54
+ left: 50%;
55
+ }
56
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-hue-indicator,
57
+ .ard-color-picker .ard-color-picker-click-areas .ard-color-picker-opacity-indicator {
58
+ width: 1rem;
59
+ height: 0.25rem;
60
+ border: 2px solid white;
61
+ outline: 1px solid black;
62
+ border-radius: 3px;
63
+ cursor: pointer;
64
+ }
65
+ .ard-color-picker .ard-color-picker-inputs {
66
+ display: grid;
67
+ grid-template-columns: 1fr max-content;
68
+ grid-template-rows: max-content max-content;
69
+ gap: 0.5rem;
70
+ }
71
+ .ard-color-picker .ard-color-picker-inputs .ard-color-picker-input-type {
72
+ font-weight: 700;
73
+ width: max-content;
74
+ }
75
+ .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container {
76
+ display: grid;
77
+ gap: 0.5rem;
78
+ width: 100%;
79
+ grid-column: 1/3;
80
+ }
81
+ .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-hex {
82
+ grid-template-columns: 1fr;
83
+ }
84
+ .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-triple {
85
+ grid-template-columns: 1fr 1fr 1fr;
86
+ }
87
+ .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-opacity {
88
+ grid-template-columns: 1fr 1fr 1fr 1fr;
89
+ }
90
+ .ard-color-picker .ard-color-picker-inputs .ard-color-picker-inputs-container.ard-mode-opacity.ard-mode-hex .ard-color-picker-hex-input {
91
+ grid-column: 1/4;
92
+ }
93
+ .ard-color-picker .ard-color-picker-inputs .ard-color-picker-reference {
94
+ --ard-color-picker-opacity-checkerboard-color: var(--ard-detail-ultralight-solid);
95
+ --ard-color-picker-opacity-checkerboard-size: 0.5rem;
96
+ display: grid;
97
+ grid-template-columns: 1fr 1fr;
98
+ width: 4rem;
99
+ height: 100%;
100
+ border: 1px solid var(--ard-detail-ultralight-solid);
101
+ box-sizing: border-box;
102
+ }
103
+ .ard-color-picker.ard-vertical {
104
+ width: 13.5rem;
105
+ }
104
106
  }
105
107
 
106
108
  /*# sourceMappingURL=color-picker.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/color-picker.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;AAAA;AAAA;EAGE;;AAEA;AAAA;AAAA;EACE;EACA;;AAGJ;EACE;EACA;;AAEF;AAAA;EAEE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;EAGE;;AAEF;EACE;;AAEF;AAAA;EAEE;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEA;EACE;;AAIN;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE","file":"color-picker.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/color-picker.scss"],"names":[],"mappings":"AAEA;EACE;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAEA;AAAA;AAAA;IAGE;;EAEA;AAAA;AAAA;IACE;IACA;;EAGJ;IACE;IACA;;EAEF;AAAA;IAEE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;IAGE;;EAEF;IACE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAEF;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEA;IACE;;EAIN;IACE;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACE","file":"color-picker.css"}
@@ -1,5 +1,6 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
2
2
  @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
3
+ @layer ard-cmp, ard-theme;
3
4
  :root {
4
5
  --ard-bg: white;
5
6
  --ard-bg-alt: black;
@@ -92,20 +93,23 @@
92
93
  --ard-info-700: 13, 81, 172;
93
94
  --ard-info-900: 8, 49, 102;
94
95
  --ard-box-shadow: 0 0 13px -3px rgba(0, 0, 0, 0.7);
95
- --ard-card-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
96
- --ard-simple-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
97
- 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
98
- --ard-simple-shadow2: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14),
99
- 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
100
- --ard-simple-shadow3: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14),
101
- 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
96
+ --ard-card-shadow:
97
+ 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
98
+ --ard-simple-shadow:
99
+ 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
100
+ --ard-simple-shadow2:
101
+ 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
102
+ --ard-simple-shadow3:
103
+ 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
102
104
  --ard-spinner-color: rgba(0, 0, 0, 50%);
103
105
  --ard-horizontal-form-field-label-width: 12rem;
104
106
  --ard-horizontal-form-field-label-align: flex-start;
105
107
  }
106
108
 
107
- .ard-disabled {
108
- pointer-events: none;
109
+ @layer ard-theme {
110
+ .ard-disabled {
111
+ pointer-events: none;
112
+ }
109
113
  }
110
114
 
111
115
  /*# sourceMappingURL=core.css.map */
@@ -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;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;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
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/core.scss"],"names":[],"mappings":"AAEQ;AACA;AAER;AAEA;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;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;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;AAAA;EAGA;AAAA;EAEA;AAAA;EAEA;AAAA;EAGA;EAEA;EACA;;;AAGF;EACE;IACE","file":"core.css"}
@@ -3,21 +3,21 @@
3
3
  --ard-dialog-buttons-gap: 1rem;
4
4
  }
5
5
 
6
- .ard-dialog-container {
7
- display: flex;
8
- flex-direction: column;
9
- gap: var(--ard-dialog-content-actions-gap, 1rem);
10
- }
11
-
12
- .ard-dialog-buttons {
13
- display: flex;
14
- justify-content: flex-end;
15
- }
16
-
17
- .ard-dialog-buttons-container {
18
- display: flex;
19
- gap: var(--ard-dialog-buttons-gap, 1rem);
20
- align-items: center;
6
+ @layer ard-theme {
7
+ .ard-dialog-container {
8
+ display: flex;
9
+ flex-direction: column;
10
+ gap: var(--ard-dialog-content-actions-gap, 1rem);
11
+ }
12
+ .ard-dialog-buttons {
13
+ display: flex;
14
+ justify-content: flex-end;
15
+ }
16
+ .ard-dialog-buttons-container {
17
+ display: flex;
18
+ gap: var(--ard-dialog-buttons-gap, 1rem);
19
+ align-items: center;
20
+ }
21
21
  }
22
22
 
23
23
  /*# sourceMappingURL=dialog.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/dialog.scss"],"names":[],"mappings":"AAEA;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA","file":"dialog.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/dialog.scss"],"names":[],"mappings":"AAEA;EACE;EACA;;;AAGF;EACE;IACE;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA","file":"dialog.css"}
@@ -1,6 +1,5 @@
1
1
  :root {
2
2
  --ard-divider-margin-size: 0.5rem;
3
- --ard-divider-color: red;
4
3
  --ard-divider-width: 1px;
5
4
  --ard-divider-middle-inset: 1rem;
6
5
  --ard-divider-content-padding: 0.5rem;
@@ -11,77 +10,79 @@
11
10
  --ard-divider-style: solid;
12
11
  }
13
12
 
14
- .ard-divider {
15
- border: none;
16
- position: relative;
17
- display: flex;
18
- justify-content: stretch;
19
- align-items: center;
20
- box-sizing: border-box;
21
- font-size: var(--ard-divider-content-font-size, 0.875rem);
22
- }
23
- .ard-divider::before, .ard-divider::after {
24
- content: "";
25
- flex-grow: 1;
26
- pointer-events: none;
27
- box-sizing: border-box;
28
- }
29
- .ard-divider.ard-divider__horizontal {
30
- width: 100%;
31
- min-height: var(--ard-divider-width, 1px);
32
- margin: var(--ard-divider-margin-size, 0.5rem) 0;
33
- }
34
- .ard-divider.ard-divider__horizontal::before, .ard-divider.ard-divider__horizontal::after {
35
- height: var(--ard-divider-width, 1px);
36
- border-top: var(--ard-divider-width, 1px) var(--ard-divider-style, solid) var(--ard-divider-color, var(--ard-detail-ultralight));
37
- }
38
- .ard-divider.ard-divider__horizontal.ard-divider__flex-item {
39
- align-self: stretch;
40
- width: auto;
41
- }
42
- .ard-divider.ard-divider__vertical {
43
- height: 100%;
44
- min-width: var(--ard-divider-width, 1px);
45
- margin: 0 var(--ard-divider-margin-size, 0.5rem);
46
- flex-direction: column;
47
- }
48
- .ard-divider.ard-divider__vertical::before, .ard-divider.ard-divider__vertical::after {
49
- width: var(--ard-divider-width, 1px);
50
- border-left: var(--ard-divider-width, 1px) var(--ard-divider-style, solid) var(--ard-divider-color, var(--ard-detail-ultralight));
51
- }
52
- .ard-divider.ard-divider__vertical.ard-divider__flex-item {
53
- align-self: stretch;
54
- height: auto;
55
- }
56
- .ard-divider:not(:empty).ard-divider__horizontal::before {
57
- margin-right: var(--ard-divider-content-padding, 0.5rem);
58
- }
59
- .ard-divider:not(:empty).ard-divider__horizontal::after {
60
- margin-left: var(--ard-divider-content-padding, 0.5rem);
61
- }
62
- .ard-divider:not(:empty).ard-divider__vertical::before {
63
- margin-bottom: var(--ard-divider-content-padding, 0.5rem);
64
- }
65
- .ard-divider:not(:empty).ard-divider__vertical::after {
66
- margin-top: var(--ard-divider-content-padding, 0.5rem);
67
- }
68
- .ard-divider.ard-divider__full {
69
- padding: 0;
70
- }
71
- .ard-divider.ard-divider__middle {
72
- padding: 0 var(--ard-divider-middle-inset, 1rem);
73
- }
74
- .ard-divider.ard-divider__text-align-start::before {
75
- width: var(--ard-divider-align-inset, 10%);
76
- min-width: var(--ard-divider-align-min-inset, 1rem);
77
- max-width: var(--ard-divider-align-max-inset, unset);
78
- flex-grow: 0;
79
- }
80
- .ard-divider.ard-divider__text-align-end::after {
81
- width: var(--ard-divider-align-inset, 10%);
82
- min-width: var(--ard-divider-align-min-inset, 1rem);
83
- max-width: var(--ard-divider-align-max-inset, unset);
84
- flex-grow: 0;
13
+ @layer ard-theme {
14
+ .ard-divider {
15
+ border: none;
16
+ position: relative;
17
+ display: flex;
18
+ justify-content: stretch;
19
+ align-items: center;
20
+ box-sizing: border-box;
21
+ font-size: var(--ard-divider-content-font-size, 0.875rem);
22
+ }
23
+ .ard-divider::before, .ard-divider::after {
24
+ content: "";
25
+ flex-grow: 1;
26
+ pointer-events: none;
27
+ box-sizing: border-box;
28
+ }
29
+ .ard-divider.ard-divider__horizontal {
30
+ width: 100%;
31
+ min-height: var(--ard-divider-width, 1px);
32
+ margin: var(--ard-divider-margin-size, 0.5rem) 0;
33
+ }
34
+ .ard-divider.ard-divider__horizontal::before, .ard-divider.ard-divider__horizontal::after {
35
+ height: var(--ard-divider-width, 1px);
36
+ border-top: var(--ard-divider-width, 1px) var(--ard-divider-style, solid) var(--ard-divider-color, var(--ard-detail-ultralight));
37
+ }
38
+ .ard-divider.ard-divider__horizontal.ard-divider__flex-item {
39
+ align-self: stretch;
40
+ width: auto;
41
+ }
42
+ .ard-divider.ard-divider__vertical {
43
+ height: 100%;
44
+ min-width: var(--ard-divider-width, 1px);
45
+ margin: 0 var(--ard-divider-margin-size, 0.5rem);
46
+ flex-direction: column;
47
+ }
48
+ .ard-divider.ard-divider__vertical::before, .ard-divider.ard-divider__vertical::after {
49
+ width: var(--ard-divider-width, 1px);
50
+ border-left: var(--ard-divider-width, 1px) var(--ard-divider-style, solid) var(--ard-divider-color, var(--ard-detail-ultralight));
51
+ }
52
+ .ard-divider.ard-divider__vertical.ard-divider__flex-item {
53
+ align-self: stretch;
54
+ height: auto;
55
+ }
56
+ .ard-divider:not(:empty).ard-divider__horizontal::before {
57
+ margin-right: var(--ard-divider-content-padding, 0.5rem);
58
+ }
59
+ .ard-divider:not(:empty).ard-divider__horizontal::after {
60
+ margin-left: var(--ard-divider-content-padding, 0.5rem);
61
+ }
62
+ .ard-divider:not(:empty).ard-divider__vertical::before {
63
+ margin-bottom: var(--ard-divider-content-padding, 0.5rem);
64
+ }
65
+ .ard-divider:not(:empty).ard-divider__vertical::after {
66
+ margin-top: var(--ard-divider-content-padding, 0.5rem);
67
+ }
68
+ .ard-divider.ard-divider__full {
69
+ padding: 0;
70
+ }
71
+ .ard-divider.ard-divider__middle {
72
+ padding: 0 var(--ard-divider-middle-inset, 1rem);
73
+ }
74
+ .ard-divider.ard-divider__text-align-start::before {
75
+ width: var(--ard-divider-align-inset, 10%);
76
+ min-width: var(--ard-divider-align-min-inset, 1rem);
77
+ max-width: var(--ard-divider-align-max-inset, unset);
78
+ flex-grow: 0;
79
+ }
80
+ .ard-divider.ard-divider__text-align-end::after {
81
+ width: var(--ard-divider-align-inset, 10%);
82
+ min-width: var(--ard-divider-align-min-inset, 1rem);
83
+ max-width: var(--ard-divider-align-max-inset, unset);
84
+ flex-grow: 0;
85
+ }
85
86
  }
86
87
 
87
88
  /*# sourceMappingURL=divider.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/divider.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;EACA;;AAOA;EACE;;AAEF;EACE;;AAIF;EACE;;AAEF;EACE;;AAMN;EACE;;AAEF;EACE;;AAKA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA","file":"divider.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/divider.scss"],"names":[],"mappings":"AAIA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IAEE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAEA;IAEE;IACA;;EAGF;IACE;IACA;;EAGJ;IACE;IACA;IACA;IACA;;EAEA;IAEE;IACA;;EAGF;IACE;IACA;;EAOA;IACE;;EAEF;IACE;;EAIF;IACE;;EAEF;IACE;;EAMN;IACE;;EAEF;IACE;;EAKA;IACE;IACA;IACA;IACA;;EAIF;IACE;IACA;IACA;IACA","file":"divider.css"}