@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.
- package/fesm2022/ardium-ui-ui.mjs +4120 -2316
- package/fesm2022/ardium-ui-ui.mjs.map +1 -1
- package/lib/_internal/disablable-component.d.ts +2 -1
- package/lib/_internal/focusable-component.d.ts +2 -1
- package/lib/_internal/form-field-component.d.ts +2 -1
- package/lib/_internal/item-storages/dropdown-item-storage.d.ts +16 -18
- package/lib/_internal/item-storages/simple-item-storage.d.ts +15 -12
- package/lib/_internal/item-storages/simplest-item-storage.d.ts +1 -1
- package/lib/_internal/ngmodel-component.d.ts +1 -0
- package/lib/_internal/selectable-list-component.d.ts +6 -6
- package/lib/_internal/utils/date.utils.d.ts +16 -0
- package/lib/badge/badge.directive.d.ts +3 -2
- package/lib/buttons/_button-base.d.ts +12 -8
- package/lib/buttons/_button-base.defaults.d.ts +3 -2
- package/lib/buttons/button/button.component.d.ts +5 -5
- package/lib/buttons/button/button.defaults.d.ts +0 -2
- package/lib/buttons/button/button.directive.d.ts +17 -0
- package/lib/buttons/button/button.module.d.ts +3 -2
- package/lib/buttons/button/index.d.ts +1 -0
- package/lib/buttons/fab/fab.component.d.ts +3 -1
- package/lib/buttons/icon-button/icon-button.component.d.ts +6 -4
- package/lib/buttons/icon-button/icon-button.defaults.d.ts +2 -1
- package/lib/calendar/abstract-calendar.d.ts +127 -0
- package/lib/calendar/calendar.component.d.ts +8 -96
- package/lib/calendar/calendar.defaults.d.ts +12 -1
- package/lib/calendar/calendar.internal-directives.d.ts +24 -8
- package/lib/calendar/calendar.internal-types.d.ts +1 -0
- package/lib/calendar/calendar.module.d.ts +4 -9
- package/lib/calendar/calendar.types.d.ts +19 -5
- package/lib/calendar/index.d.ts +3 -0
- package/lib/calendar/range-calendar.component.d.ts +16 -0
- package/lib/calendar/range-calendar.directives.d.ts +51 -0
- package/lib/calendar/range-calendar.module.d.ts +10 -0
- package/lib/calendar/views/calendar-views.module.d.ts +13 -0
- package/lib/calendar/views/days-view/days-view.component.d.ts +20 -2
- package/lib/calendar/views/days-view/days-view.helpers.d.ts +2 -2
- package/lib/calendar/views/months-view/months-view.component.d.ts +15 -3
- package/lib/calendar/views/years-view/years-view.component.d.ts +15 -3
- package/lib/checkbox-list/checkbox-list.component.d.ts +9 -7
- package/lib/checkbox-list/checkbox-list.directives.d.ts +7 -0
- package/lib/checkbox-list/checkbox-list.module.d.ts +1 -1
- package/lib/chip/chip.component.d.ts +2 -1
- package/lib/chip/deletable-chip/deletable-chip.component.d.ts +2 -1
- package/lib/chip/selectable-chip/selectable-chip.component.d.ts +3 -2
- package/lib/dialog/dialog.component.d.ts +8 -7
- package/lib/divider/divider.component.d.ts +2 -1
- package/lib/dropdown-panel/dropdown-panel.component.d.ts +2 -1
- package/lib/file-inputs/file-input/file-input.component.d.ts +2 -1
- package/lib/file-inputs/file-input-base.d.ts +4 -5
- package/lib/form-field/error/error.directive.d.ts +3 -2
- package/lib/form-field/form-field-base.d.ts +6 -2
- package/lib/form-field/form-field-native-inputs.d.ts +3 -2
- package/lib/form-field/form-field.component.d.ts +1 -1
- package/lib/form-field/form-field.module.d.ts +5 -4
- package/lib/form-field/hint/hint.directive.d.ts +3 -2
- package/lib/form-field/hint-error/hint-error.component.d.ts +6 -0
- package/lib/form-field/hint-error/hint-error.directive.d.ts +9 -0
- package/lib/form-field/horizontal-form-field.component.d.ts +1 -1
- package/lib/form-field/index.d.ts +4 -0
- package/lib/form-field/label/label.component.d.ts +3 -2
- package/lib/form-field-frame/form-field-frame.component.d.ts +4 -3
- package/lib/icon/icon.component.d.ts +2 -1
- package/lib/inputs/_simple-input-base.d.ts +4 -2
- package/lib/inputs/autocomplete-input/autocomplete-input.component.d.ts +5 -4
- package/lib/inputs/date-input/abstract-date-input.d.ts +112 -0
- package/lib/inputs/date-input/date-input.component.d.ts +19 -81
- package/lib/inputs/date-input/date-input.defaults.d.ts +21 -3
- package/lib/inputs/date-input/{date-input.directive.d.ts → date-input.directives.d.ts} +2 -2
- package/lib/inputs/date-input/date-input.module.d.ts +5 -4
- package/lib/inputs/date-input/date-input.serializers.d.ts +4 -2
- package/lib/inputs/date-input/date-input.types.d.ts +5 -4
- package/lib/inputs/date-input/date-range-input.component.d.ts +29 -0
- package/lib/inputs/date-input/date-range-input.directives.d.ts +82 -0
- package/lib/inputs/date-input/date-range-input.module.d.ts +17 -0
- package/lib/inputs/date-input/index.d.ts +7 -1
- package/lib/inputs/date-input/multipage-date-range-input.component.d.ts +44 -0
- package/lib/inputs/date-input/multipage-date-range-input.directives.d.ts +82 -0
- package/lib/inputs/date-input/multipage-date-range-input.module.d.ts +17 -0
- package/lib/inputs/digit-input/digit-input.component.d.ts +4 -3
- package/lib/inputs/hex-input/hex-input.component.d.ts +5 -3
- package/lib/inputs/number-input/number-input.component.d.ts +11 -10
- package/lib/inputs/number-input/number-input.defaults.d.ts +1 -0
- package/lib/inputs/password-input/password-input.component.d.ts +4 -3
- package/lib/kbd/kbd.component.d.ts +2 -1
- package/lib/kbd-shortcut/kbd-shortcut.component.d.ts +2 -1
- package/lib/modal/modal.component.d.ts +6 -5
- package/lib/option/option.component.d.ts +2 -1
- package/lib/progress-bar/progress-bar.component.d.ts +4 -3
- package/lib/progress-circle/progress-circle.component.d.ts +5 -4
- package/lib/segment/segment.component.d.ts +6 -5
- package/lib/select/select.component.d.ts +33 -26
- package/lib/select/select.defaults.d.ts +7 -0
- package/lib/select/select.directive.d.ts +6 -0
- package/lib/select/select.module.d.ts +1 -1
- package/lib/select/select.types.d.ts +4 -2
- package/lib/select/select.utils.d.ts +2 -0
- package/lib/slider/abstract-slider.d.ts +35 -29
- package/lib/slider/index.d.ts +1 -0
- package/lib/slider/range-slider/range-slider.component.d.ts +12 -9
- package/lib/slider/range-slider/range-slider.types.d.ts +6 -0
- package/lib/slider/slider.component.d.ts +5 -4
- package/lib/slider/slider.types.d.ts +3 -3
- package/lib/star/rating-display/rating-display.component.d.ts +2 -1
- package/lib/star/rating-input/rating-input.component.d.ts +2 -1
- package/lib/tabber/index.d.ts +2 -1
- package/lib/tabber/tab/tab.component.d.ts +14 -8
- package/lib/tabber/tabber.component.d.ts +25 -9
- package/lib/tabber/tabber.defaults.d.ts +1 -0
- package/lib/tabber/tabber.directives.d.ts +9 -0
- package/lib/tabber/tabber.module.d.ts +3 -2
- package/lib/tabber/tabber.types.d.ts +5 -0
- package/lib/table/table.component.d.ts +16 -15
- package/lib/table-pagination/table-pagination.component.d.ts +4 -3
- package/lib/text-list/text-list.component.d.ts +2 -1
- package/lib/types/item-storage.types.d.ts +15 -17
- package/package.json +1 -1
- package/prebuilt-themes/default/buttons/button.css +72 -57
- package/prebuilt-themes/default/buttons/button.css.map +1 -1
- package/prebuilt-themes/default/buttons/fab.css +65 -51
- package/prebuilt-themes/default/buttons/fab.css.map +1 -1
- package/prebuilt-themes/default/buttons/icon-button.css +56 -44
- package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
- package/prebuilt-themes/default/calendar.css +134 -54
- package/prebuilt-themes/default/calendar.css.map +1 -1
- package/prebuilt-themes/default/card.css.map +1 -1
- package/prebuilt-themes/default/checkbox-list.css +48 -22
- package/prebuilt-themes/default/checkbox-list.css.map +1 -1
- package/prebuilt-themes/default/checkbox.css +4 -4
- package/prebuilt-themes/default/chips.css +18 -13
- package/prebuilt-themes/default/chips.css.map +1 -1
- package/prebuilt-themes/default/color-display.css +1 -1
- package/prebuilt-themes/default/core.css +9 -1
- package/prebuilt-themes/default/core.css.map +1 -1
- package/prebuilt-themes/default/dropdown-panel.css.map +1 -1
- package/prebuilt-themes/default/form-field-frame.css +6 -2
- package/prebuilt-themes/default/form-field-frame.css.map +1 -1
- package/prebuilt-themes/default/form-field.css +31 -11
- package/prebuilt-themes/default/form-field.css.map +1 -1
- package/prebuilt-themes/default/inputs/autocomplete-input.css +72 -25
- package/prebuilt-themes/default/inputs/autocomplete-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/color-input.css +5 -44
- package/prebuilt-themes/default/inputs/color-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/date-input.css +79 -21
- package/prebuilt-themes/default/inputs/date-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/digit-input.css +1 -1
- package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/file-input.css +112 -62
- package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/hex-input.css +47 -20
- package/prebuilt-themes/default/inputs/hex-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/input.css +39 -15
- package/prebuilt-themes/default/inputs/input.css.map +1 -1
- package/prebuilt-themes/default/inputs/number-input.css +52 -22
- package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/password-input.css +67 -22
- package/prebuilt-themes/default/inputs/password-input.css.map +1 -1
- package/prebuilt-themes/default/inputs/search-bar.css +41 -16
- package/prebuilt-themes/default/inputs/search-bar.css.map +1 -1
- package/prebuilt-themes/default/kbd-shortcut.css +1 -1
- package/prebuilt-themes/default/kbd.css +1 -1
- package/prebuilt-themes/default/modal.css +2 -1
- package/prebuilt-themes/default/modal.css.map +1 -1
- package/prebuilt-themes/default/progress-circle.css.map +1 -1
- package/prebuilt-themes/default/radio.css +9 -7
- package/prebuilt-themes/default/radio.css.map +1 -1
- package/prebuilt-themes/default/segment.css +74 -61
- package/prebuilt-themes/default/segment.css.map +1 -1
- package/prebuilt-themes/default/select.css +91 -44
- package/prebuilt-themes/default/select.css.map +1 -1
- package/prebuilt-themes/default/slide-toggle.css +4 -4
- package/prebuilt-themes/default/slide-toggle.css.map +1 -1
- package/prebuilt-themes/default/slider.css +100 -52
- package/prebuilt-themes/default/slider.css.map +1 -1
- package/prebuilt-themes/default/stars.css +4 -4
- package/prebuilt-themes/default/stars.css.map +1 -1
- package/prebuilt-themes/default/statebox.css +5 -5
- package/prebuilt-themes/default/tabber.css +40 -16
- package/prebuilt-themes/default/tabber.css.map +1 -1
- package/prebuilt-themes/default/table.css.map +1 -1
- package/themes/_variables.scss +2 -1
- package/themes/default/_mixins.scss +4 -4
- package/themes/default/buttons/_button-mixins.scss +43 -33
- package/themes/default/buttons/button.scss +49 -28
- package/themes/default/buttons/fab.scss +48 -26
- package/themes/default/buttons/icon-button.scss +38 -17
- package/themes/default/calendar.scss +146 -55
- package/themes/default/checkbox-list.scss +47 -21
- package/themes/default/chips.scss +12 -12
- package/themes/default/color-display.scss +1 -1
- package/themes/default/core.scss +11 -1
- package/themes/default/form-field-frame.scss +9 -4
- package/themes/default/form-field.scss +23 -9
- package/themes/default/inputs/_shared.scss +30 -9
- package/themes/default/inputs/autocomplete-input.scss +68 -14
- package/themes/default/inputs/color-input.scss +2 -2
- package/themes/default/inputs/date-input.scss +54 -5
- package/themes/default/inputs/digit-input.scss +1 -1
- package/themes/default/inputs/file-input.scss +83 -23
- package/themes/default/inputs/hex-input.scss +44 -9
- package/themes/default/inputs/input.scss +37 -4
- package/themes/default/inputs/number-input.scss +54 -15
- package/themes/default/inputs/password-input.scss +70 -15
- package/themes/default/inputs/search-bar.scss +39 -5
- package/themes/default/kbd-shortcut.scss +1 -1
- package/themes/default/kbd.scss +1 -1
- package/themes/default/modal.scss +2 -1
- package/themes/default/radio.scss +5 -3
- package/themes/default/segment.scss +75 -67
- package/themes/default/select.scss +96 -42
- package/themes/default/slider.scss +100 -65
- package/themes/default/statebox.scss +1 -1
- package/themes/default/tabber.scss +36 -13
- package/lib/tabber/tab/tab.defaults.d.ts +0 -6
- package/prebuilt-themes/default/calendar-OLD.css +0 -294
- package/prebuilt-themes/default/calendar-OLD.css.map +0 -1
- 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;
|
|
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:
|
|
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:
|
|
140
|
-
|
|
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.
|
|
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
|
|
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
|
|
172
|
-
padding-top: 0;
|
|
205
|
+
padding: 0;
|
|
173
206
|
display: grid;
|
|
174
|
-
grid-template-columns: repeat(7,
|
|
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
|
-
|
|
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:
|
|
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
|
|
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,
|
|
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
|
|
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--
|
|
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
|
|
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-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
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-
|
|
288
|
-
|
|
289
|
-
|
|
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-
|
|
294
|
-
|
|
295
|
-
|
|
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":"
|
|
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,
|
|
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
|
-
|
|
9
|
-
|
|
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:
|
|
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-
|
|
53
|
-
|
|
74
|
+
.ard-checkbox-list.ard-compact {
|
|
75
|
+
gap: var(--ard-checkbox-list-gap-compact, 0);
|
|
54
76
|
}
|
|
55
|
-
.ard-checkbox-list.ard-
|
|
56
|
-
|
|
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-
|
|
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-
|
|
62
|
-
justify-content:
|
|
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;
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
305
|
+
opacity: 22%;
|
|
305
306
|
}
|
|
306
307
|
.ard-chip-wrapper.ard-appearance-outlined-strong > .ard-focus-overlay {
|
|
307
|
-
opacity:
|
|
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,
|
|
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:
|
|
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
|
|
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,
|
|
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:
|
|
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
|
|
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,
|
|
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"}
|