@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.
- package/fesm2022/ardium-ui-ui.mjs +106 -106
- package/fesm2022/ardium-ui-ui.mjs.map +1 -1
- package/lib/slider/range-slider/range-slider.component.d.ts +1 -1
- package/package.json +1 -1
- package/prebuilt-themes/default/badge.css +222 -221
- package/prebuilt-themes/default/badge.css.map +1 -1
- package/prebuilt-themes/default/buttons/button.css +305 -304
- package/prebuilt-themes/default/buttons/button.css.map +1 -1
- package/prebuilt-themes/default/buttons/fab.css +302 -303
- package/prebuilt-themes/default/buttons/fab.css.map +1 -1
- package/prebuilt-themes/default/buttons/icon-button.css +290 -290
- package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
- package/prebuilt-themes/default/calendar.css +364 -364
- package/prebuilt-themes/default/calendar.css.map +1 -1
- package/prebuilt-themes/default/card.css +130 -137
- package/prebuilt-themes/default/card.css.map +1 -1
- package/prebuilt-themes/default/checkbox-list.css +74 -72
- package/prebuilt-themes/default/checkbox-list.css.map +1 -1
- package/prebuilt-themes/default/checkbox.css +339 -338
- package/prebuilt-themes/default/checkbox.css.map +1 -1
- package/prebuilt-themes/default/chips.css +384 -383
- package/prebuilt-themes/default/chips.css.map +1 -1
- package/prebuilt-themes/default/color-display.css +28 -26
- package/prebuilt-themes/default/color-display.css.map +1 -1
- package/prebuilt-themes/default/color-picker.css +105 -103
- package/prebuilt-themes/default/color-picker.css.map +1 -1
- package/prebuilt-themes/default/core.css +13 -9
- package/prebuilt-themes/default/core.css.map +1 -1
- package/prebuilt-themes/default/dialog.css +15 -15
- package/prebuilt-themes/default/dialog.css.map +1 -1
- package/prebuilt-themes/default/divider.css +73 -72
- package/prebuilt-themes/default/divider.css.map +1 -1
- package/prebuilt-themes/default/dropdown-panel.css +35 -34
- package/prebuilt-themes/default/dropdown-panel.css.map +1 -1
- package/prebuilt-themes/default/file-drop-area.css +286 -285
- package/prebuilt-themes/default/file-drop-area.css.map +1 -1
- package/prebuilt-themes/default/form-field-frame.css +102 -102
- package/prebuilt-themes/default/form-field-frame.css.map +1 -1
- package/prebuilt-themes/default/form-field.css +127 -129
- package/prebuilt-themes/default/form-field.css.map +1 -1
- package/prebuilt-themes/default/inputs/autocomplete-input.css +163 -162
- package/prebuilt-themes/default/inputs/autocomplete-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/color-input.css +99 -98
- package/prebuilt-themes/default/inputs/color-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/date-input.css +125 -125
- package/prebuilt-themes/default/inputs/date-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/digit-input.css +110 -111
- package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/file-input.css +358 -359
- package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/hex-input.css +140 -138
- package/prebuilt-themes/default/inputs/hex-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/input.css +128 -126
- package/prebuilt-themes/default/inputs/input.css.map +1 -1
- package/prebuilt-themes/default/inputs/number-input.css +204 -204
- package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/password-input.css +98 -97
- package/prebuilt-themes/default/inputs/password-input.css.map +1 -1
- package/prebuilt-themes/default/kbd-shortcut.css +10 -8
- package/prebuilt-themes/default/kbd-shortcut.css.map +1 -1
- package/prebuilt-themes/default/kbd.css +17 -15
- package/prebuilt-themes/default/kbd.css.map +1 -1
- package/prebuilt-themes/default/modal.css +79 -77
- package/prebuilt-themes/default/modal.css.map +1 -1
- package/prebuilt-themes/default/progress-bar.css +250 -234
- package/prebuilt-themes/default/progress-bar.css.map +1 -1
- package/prebuilt-themes/default/progress-circle.css +172 -170
- package/prebuilt-themes/default/progress-circle.css.map +1 -1
- package/prebuilt-themes/default/radio.css +231 -232
- package/prebuilt-themes/default/radio.css.map +1 -1
- package/prebuilt-themes/default/segment.css +414 -412
- package/prebuilt-themes/default/segment.css.map +1 -1
- package/prebuilt-themes/default/select.css +274 -275
- package/prebuilt-themes/default/select.css.map +1 -1
- package/prebuilt-themes/default/slide-toggle.css +294 -293
- package/prebuilt-themes/default/slide-toggle.css.map +1 -1
- package/prebuilt-themes/default/slider.css +370 -369
- package/prebuilt-themes/default/slider.css.map +1 -1
- package/prebuilt-themes/default/snackbar.css +173 -172
- package/prebuilt-themes/default/snackbar.css.map +1 -1
- package/prebuilt-themes/default/spinner.css +156 -155
- package/prebuilt-themes/default/spinner.css.map +1 -1
- package/prebuilt-themes/default/stars.css +259 -262
- package/prebuilt-themes/default/stars.css.map +1 -1
- package/prebuilt-themes/default/tabber.css +234 -233
- package/prebuilt-themes/default/tabber.css.map +1 -1
- package/prebuilt-themes/default/table-pagination.css +46 -45
- package/prebuilt-themes/default/table-pagination.css.map +1 -1
- package/prebuilt-themes/default/table.css +441 -439
- package/prebuilt-themes/default/table.css.map +1 -1
- package/themes/default/badge.scss +92 -90
- package/themes/default/buttons/button.scss +70 -68
- package/themes/default/buttons/fab.scss +63 -61
- package/themes/default/buttons/icon-button.scss +56 -54
- package/themes/default/calendar.scss +215 -211
- package/themes/default/card.scss +133 -131
- package/themes/default/checkbox-list.scss +70 -68
- package/themes/default/checkbox.scss +55 -53
- package/themes/default/chips.scss +166 -159
- package/themes/default/color-display.scss +31 -29
- package/themes/default/color-picker.scss +95 -93
- package/themes/default/core.scss +14 -9
- package/themes/default/dialog.scss +15 -13
- package/themes/default/divider.scss +79 -77
- package/themes/default/dropdown-panel.scss +37 -35
- package/themes/default/file-drop-area.scss +152 -150
- package/themes/default/form-field-frame.scss +69 -67
- package/themes/default/form-field.scss +109 -107
- package/themes/default/inputs/autocomplete-input.scss +61 -59
- package/themes/default/inputs/color-input.scss +34 -32
- package/themes/default/inputs/date-input.scss +63 -61
- package/themes/default/inputs/digit-input.scss +83 -81
- package/themes/default/inputs/file-input.scss +113 -111
- package/themes/default/inputs/hex-input.scss +39 -37
- package/themes/default/inputs/input.scss +27 -25
- package/themes/default/inputs/number-input.scss +137 -135
- package/themes/default/inputs/password-input.scss +60 -58
- package/themes/default/kbd-shortcut.scss +9 -7
- package/themes/default/kbd.scss +19 -17
- package/themes/default/modal.scss +79 -77
- package/themes/default/progress-bar.scss +127 -103
- package/themes/default/progress-circle.scss +41 -39
- package/themes/default/radio.scss +92 -90
- package/themes/default/segment.scss +260 -255
- package/themes/default/select.scss +206 -204
- package/themes/default/slide-toggle.scss +146 -144
- package/themes/default/slider.scss +185 -179
- package/themes/default/snackbar.scss +32 -30
- package/themes/default/spinner.scss +16 -14
- package/themes/default/stars.scss +81 -79
- package/themes/default/tabber.scss +86 -84
- package/themes/default/table-pagination.scss +47 -46
- 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;;;
|
|
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
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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;
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
.ard-color-picker .ard-color-picker-click-areas .ard-color-picker-
|
|
14
|
-
.ard-color-picker .ard-color-picker-click-areas .ard-color-picker-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
.ard-color-picker .ard-color-picker-click-areas .ard-color-picker-
|
|
19
|
-
.ard-color-picker .ard-color-picker-click-areas .ard-color-picker-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
.ard-color-picker .ard-color-picker-click-areas .ard-color-picker-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
.ard-color-picker .ard-color-picker-click-areas .ard-color-picker-
|
|
45
|
-
.ard-color-picker .ard-color-picker-click-areas .ard-color-picker-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
.ard-color-picker .ard-color-picker-click-areas .ard-color-picker-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
.ard-color-picker .ard-color-picker-click-areas .ard-color-picker-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
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;
|
|
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:
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
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
|
-
|
|
108
|
-
|
|
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;
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
.ard-dialog-buttons {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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;
|
|
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
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
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;
|
|
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"}
|