@ardium-ui/ui 5.0.0-alpha.69 → 5.0.0-alpha.70
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 +117 -174
- package/fesm2022/ardium-ui-ui.mjs.map +1 -1
- package/lib/_internal/boolean-component.d.ts +13 -1
- package/lib/checkbox/checkbox.component.d.ts +5 -2
- package/lib/checkbox/checkbox.types.d.ts +2 -0
- package/lib/chip/selectable-chip/selectable-chip.component.d.ts +2 -0
- package/lib/divider/divider.component.d.ts +2 -4
- package/lib/divider/divider.defaults.d.ts +5 -0
- package/lib/divider/divider.directive.d.ts +18 -0
- package/lib/divider/divider.module.d.ts +3 -2
- package/lib/divider/divider.types.d.ts +5 -0
- package/lib/divider/index.d.ts +2 -0
- package/lib/dropdown-panel/dropdown-panel.types.d.ts +1 -1
- package/lib/slide-toggle/slide-toggle.component.d.ts +2 -0
- package/lib/star/star-button/star-button.component.d.ts +4 -1
- package/lib/star/star-button/star-button.types.d.ts +1 -0
- package/lib/types/alignment.types.d.ts +7 -1
- package/package.json +1 -1
- package/prebuilt-themes/default/badge.css +37 -15
- package/prebuilt-themes/default/badge.css.map +1 -1
- package/prebuilt-themes/default/card.css +56 -24
- package/prebuilt-themes/default/card.css.map +1 -1
- package/prebuilt-themes/default/checkbox.css +31 -58
- package/prebuilt-themes/default/checkbox.css.map +1 -1
- package/prebuilt-themes/default/chips.css +1 -1
- package/prebuilt-themes/default/color-display.css +14 -7
- package/prebuilt-themes/default/color-display.css.map +1 -1
- package/prebuilt-themes/default/divider.css +82 -6
- package/prebuilt-themes/default/divider.css.map +1 -1
- package/prebuilt-themes/default/dropdown-panel.css +16 -8
- package/prebuilt-themes/default/dropdown-panel.css.map +1 -1
- package/prebuilt-themes/default/file-drop-area.css +81 -35
- package/prebuilt-themes/default/file-drop-area.css.map +1 -1
- package/prebuilt-themes/default/inputs/digit-input.css +31 -19
- package/prebuilt-themes/default/inputs/digit-input.css.map +1 -1
- package/prebuilt-themes/default/progress-circle.css +13 -7
- package/prebuilt-themes/default/progress-circle.css.map +1 -1
- package/prebuilt-themes/default/snackbar.css +29 -16
- package/prebuilt-themes/default/snackbar.css.map +1 -1
- package/prebuilt-themes/default/spinner.css +9 -3
- package/prebuilt-themes/default/spinner.css.map +1 -1
- package/prebuilt-themes/default/stars.css +38 -16
- package/prebuilt-themes/default/stars.css.map +1 -1
- package/prebuilt-themes/default/tabber.css +1 -1
- package/prebuilt-themes/default/table-pagination.css +21 -9
- package/prebuilt-themes/default/table-pagination.css.map +1 -1
- package/prebuilt-themes/default/table.css +101 -69
- package/prebuilt-themes/default/table.css.map +1 -1
- package/public-api.d.ts +0 -1
- package/themes/default/badge.scss +48 -15
- package/themes/default/card.scss +68 -24
- package/themes/default/checkbox.scss +30 -59
- package/themes/default/chips.scss +1 -1
- package/themes/default/color-display.scss +17 -7
- package/themes/default/divider.scss +106 -6
- package/themes/default/dropdown-panel.scss +21 -8
- package/themes/default/file-drop-area.scss +92 -35
- package/themes/default/inputs/digit-input.scss +42 -20
- package/themes/default/progress-circle.scss +16 -10
- package/themes/default/snackbar.scss +32 -14
- package/themes/default/spinner.scss +11 -3
- package/themes/default/stars.scss +45 -16
- package/themes/default/tabber.scss +1 -1
- package/themes/default/table-pagination.scss +24 -9
- package/themes/default/table.scss +112 -78
- package/lib/statebox/index.d.ts +0 -4
- package/lib/statebox/statebox.component.d.ts +0 -26
- package/lib/statebox/statebox.defaults.d.ts +0 -10
- package/lib/statebox/statebox.module.d.ts +0 -8
- package/lib/statebox/statebox.types.d.ts +0 -26
- package/prebuilt-themes/default/statebox.css +0 -235
- package/prebuilt-themes/default/statebox.css.map +0 -1
- package/themes/default/statebox.scss +0 -109
|
@@ -1,21 +1,34 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--ard-snackbar-min-width: min(21rem, 90vw);
|
|
3
|
+
--ard-snackbar-max-width: min(42rem, 90vw);
|
|
4
|
+
--ard-snackbar-min-height: 3rem;
|
|
5
|
+
--ard-snackbar-gap: 0.625rem;
|
|
6
|
+
--ard-snackbar-margin: 0.625rem;
|
|
7
|
+
--ard-snackbar-padding: 0 0.5rem 0 1rem;
|
|
8
|
+
--ard-snackbar-content-gap: 0.625rem;
|
|
9
|
+
--ard-snackbar-animation-duration: 150ms;
|
|
10
|
+
--ard-snackbar-animation-bottom: -0.375rem;
|
|
11
|
+
--ard-snackbar-animation-scale: 60%;
|
|
12
|
+
}
|
|
13
|
+
|
|
1
14
|
.ard-snackbar {
|
|
2
|
-
min-width: min(21rem, 90vw);
|
|
3
|
-
max-width: min(42rem, 90vw);
|
|
4
|
-
min-height: 3rem;
|
|
5
|
-
margin: 0.625rem;
|
|
15
|
+
min-width: var(--ard-snackbar-min-width, min(21rem, 90vw));
|
|
16
|
+
max-width: var(--ard-snackbar-max-width, min(42rem, 90vw));
|
|
17
|
+
min-height: var(--ard-snackbar-min-height, 3rem);
|
|
18
|
+
margin: var(--ard-snackbar-margin, 0.625rem);
|
|
6
19
|
position: relative;
|
|
7
20
|
display: flex;
|
|
8
21
|
justify-content: stretch;
|
|
9
22
|
align-items: center;
|
|
10
|
-
gap: 0.625rem;
|
|
11
|
-
border-radius:
|
|
23
|
+
gap: var(--ard-snackbar-gap, 0.625rem);
|
|
24
|
+
border-radius: var(--ard-snackbar-border-radius, var(--ard-rounded-corner-radius, 0.375rem));
|
|
12
25
|
transform-origin: bottom center;
|
|
13
|
-
background-color: var(--ard-bg-filled-alt);
|
|
14
|
-
padding: 0 0.5rem 0 1rem;
|
|
26
|
+
background-color: var(--ard-snackbar-background-color, var(--ard-bg-filled-alt));
|
|
27
|
+
padding: var(--ard-snackbar-padding, 0 0.5rem 0 1rem);
|
|
15
28
|
opacity: 100%;
|
|
16
29
|
transform: scale(100%);
|
|
17
30
|
bottom: 0;
|
|
18
|
-
animation: show 150ms ease-out forwards;
|
|
31
|
+
animation: show var(--ard-snackbar-animation-duration, 150ms) ease-out forwards;
|
|
19
32
|
}
|
|
20
33
|
.ard-snackbar.ard-color-none {
|
|
21
34
|
--ard-cmpcl--bg: var(--ard-bg);
|
|
@@ -152,30 +165,30 @@
|
|
|
152
165
|
}
|
|
153
166
|
.ard-snackbar .ard-snackbar-content {
|
|
154
167
|
display: flex;
|
|
155
|
-
gap: 0.625rem;
|
|
168
|
+
gap: var(--ard-snackbar-content-gap, 0.625rem);
|
|
156
169
|
align-items: center;
|
|
157
170
|
flex-grow: 1;
|
|
158
|
-
color: var(--ard-text2-alt);
|
|
171
|
+
color: var(--ard-snackbar-content-color, var(--ard-text2-alt));
|
|
159
172
|
}
|
|
160
173
|
.ard-snackbar .ard-snackbar-content ard-icon {
|
|
161
174
|
color: var(--ard-cmpcl--content-light);
|
|
162
175
|
}
|
|
163
176
|
.ard-snackbar.ard-snackbar-closing {
|
|
164
|
-
animation: hide 150ms ease-out forwards;
|
|
177
|
+
animation: hide var(--ard-snackbar-animation-duration, 150ms) ease-out forwards;
|
|
165
178
|
}
|
|
166
179
|
|
|
167
180
|
@keyframes show {
|
|
168
181
|
from {
|
|
169
182
|
opacity: 0%;
|
|
170
|
-
transform: scale(60%);
|
|
171
|
-
bottom: -0.375rem;
|
|
183
|
+
transform: scale(var(--ard-snackbar-animation-scale, 60%));
|
|
184
|
+
bottom: var(--ard-snackbar-animation-bottom, -0.375rem);
|
|
172
185
|
}
|
|
173
186
|
}
|
|
174
187
|
@keyframes hide {
|
|
175
188
|
to {
|
|
176
189
|
opacity: 0%;
|
|
177
|
-
transform: scale(60%);
|
|
178
|
-
bottom: -0.375rem;
|
|
190
|
+
transform: scale(var(--ard-snackbar-animation-scale, 60%));
|
|
191
|
+
bottom: var(--ard-snackbar-animation-bottom, -0.375rem);
|
|
179
192
|
}
|
|
180
193
|
}
|
|
181
194
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/snackbar.scss","../../../../projects/ui/src/themes/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/snackbar.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAKA;EACE;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;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;;AD5FF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;;AAUJ;EACE;IANA;IACA;IACA;;;AASF;EACE;IAZA;IACA;IACA","file":"snackbar.css"}
|
|
@@ -1,13 +1,19 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--ard-spinner-size: 2rem;
|
|
3
|
+
--ard-spinner-margin: 0.25rem;
|
|
4
|
+
--ard-spinner-duration: 1.4s;
|
|
5
|
+
}
|
|
6
|
+
|
|
1
7
|
ard-spinner {
|
|
2
8
|
display: inline-block;
|
|
3
|
-
width: 2rem;
|
|
9
|
+
width: var(--ard-spinner-size, 2rem);
|
|
4
10
|
aspect-ratio: 1;
|
|
5
11
|
position: relative;
|
|
6
|
-
margin: 0.25rem;
|
|
12
|
+
margin: var(--ard-spinner-margin, 0.25rem);
|
|
7
13
|
}
|
|
8
14
|
|
|
9
15
|
.ard-spinner {
|
|
10
|
-
--ard-_spinner-duration: 1.4s;
|
|
16
|
+
--ard-_spinner-duration: var(--ard-spinner-duration, 1.4s);
|
|
11
17
|
position: absolute;
|
|
12
18
|
scale: 2.3;
|
|
13
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/spinner.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/spinner.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EAEA;;ACpBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD7GF;EACE","file":"spinner.css"}
|
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--ard-star-size: 1.5em;
|
|
3
|
+
--ard-star-button-hitbox-offset: -4px;
|
|
4
|
+
--ard-star-button-overlay-offset: -0.125em;
|
|
5
|
+
--ard-star-button-hover-overlay-opacity: 10%;
|
|
6
|
+
--ard-star-button-focus-overlay-opacity: 0;
|
|
7
|
+
--ard-star-button-focus-visible-overlay-opacity: 10%;
|
|
8
|
+
--ard-star-button-active-overlay-opacity: 20%;
|
|
9
|
+
--ard-star-button-disabled-opacity: 50%;
|
|
10
|
+
--ard-rating-input-not-in-value-opacity: 50%;
|
|
11
|
+
--ard-rating-input-disabled-opacity: 50%;
|
|
12
|
+
}
|
|
13
|
+
|
|
1
14
|
.ard-star,
|
|
2
15
|
.ard-star-button,
|
|
3
16
|
.ard-rating-display,
|
|
@@ -170,8 +183,8 @@
|
|
|
170
183
|
|
|
171
184
|
.ard-star {
|
|
172
185
|
font-size: inherit;
|
|
173
|
-
width: 1.5em;
|
|
174
|
-
height: 1.5em;
|
|
186
|
+
width: var(--ard-star-size, 1.5em);
|
|
187
|
+
height: var(--ard-star-size, 1.5em);
|
|
175
188
|
position: relative;
|
|
176
189
|
}
|
|
177
190
|
|
|
@@ -185,7 +198,7 @@
|
|
|
185
198
|
cursor: pointer;
|
|
186
199
|
}
|
|
187
200
|
.ard-rating-input .ard-star-not-in-value {
|
|
188
|
-
opacity: 50
|
|
201
|
+
opacity: var(--ard-rating-input-not-in-value-opacity, 50%);
|
|
189
202
|
}
|
|
190
203
|
|
|
191
204
|
.ard-star-button {
|
|
@@ -203,10 +216,10 @@
|
|
|
203
216
|
}
|
|
204
217
|
.ard-star-button .ard-hitbox {
|
|
205
218
|
position: absolute;
|
|
206
|
-
left: -4px;
|
|
207
|
-
right: -4px;
|
|
208
|
-
bottom: -4px;
|
|
209
|
-
top: -4px;
|
|
219
|
+
left: var(--ard-star-button-hitbox-offset, -4px);
|
|
220
|
+
right: var(--ard-star-button-hitbox-offset, -4px);
|
|
221
|
+
bottom: var(--ard-star-button-hitbox-offset, -4px);
|
|
222
|
+
top: var(--ard-star-button-hitbox-offset, -4px);
|
|
210
223
|
}
|
|
211
224
|
.ard-star-button .ard-focus-overlay {
|
|
212
225
|
position: absolute;
|
|
@@ -219,10 +232,10 @@
|
|
|
219
232
|
pointer-events: none;
|
|
220
233
|
transition: opacity 0.2s ease;
|
|
221
234
|
position: absolute;
|
|
222
|
-
left: -0.125em;
|
|
223
|
-
right: -0.125em;
|
|
224
|
-
bottom: -0.125em;
|
|
225
|
-
top: -0.125em;
|
|
235
|
+
left: var(--ard-star-button-overlay-offset, -0.125em);
|
|
236
|
+
right: var(--ard-star-button-overlay-offset, -0.125em);
|
|
237
|
+
bottom: var(--ard-star-button-overlay-offset, -0.125em);
|
|
238
|
+
top: var(--ard-star-button-overlay-offset, -0.125em);
|
|
226
239
|
border-radius: 999px;
|
|
227
240
|
background: currentColor;
|
|
228
241
|
}
|
|
@@ -233,17 +246,26 @@
|
|
|
233
246
|
.ard-star-button:hover > .ard-focus-overlay, .ard-star-button:focus > .ard-focus-overlay {
|
|
234
247
|
transform: scale(1);
|
|
235
248
|
}
|
|
236
|
-
.ard-star-button:hover .ard-focus-overlay
|
|
237
|
-
opacity: 10
|
|
249
|
+
.ard-star-button:hover .ard-focus-overlay {
|
|
250
|
+
opacity: var(--ard-star-button-hover-overlay-opacity, 10%);
|
|
251
|
+
}
|
|
252
|
+
.ard-star-button:focus .ard-focus-overlay {
|
|
253
|
+
opacity: var(--ard-star-button-focus-overlay-opacity, 0%);
|
|
254
|
+
}
|
|
255
|
+
.ard-star-button:focus-visible .ard-focus-overlay {
|
|
256
|
+
opacity: var(--ard-star-button-focus-visible-overlay-opacity, 10%);
|
|
238
257
|
}
|
|
239
258
|
.ard-star-button:active .ard-focus-overlay {
|
|
240
|
-
opacity: 20
|
|
259
|
+
opacity: var(--ard-star-button-active-overlay-opacity, 20%);
|
|
241
260
|
}
|
|
242
261
|
|
|
243
|
-
.ard-disabled > .ard-star-button
|
|
262
|
+
.ard-disabled > .ard-star-button {
|
|
263
|
+
pointer-events: none;
|
|
264
|
+
opacity: var(--ard-star-button-disabled-opacity, 50%);
|
|
265
|
+
}
|
|
244
266
|
.ard-disabled > .ard-rating-input {
|
|
245
267
|
pointer-events: none;
|
|
246
|
-
opacity: 50
|
|
268
|
+
opacity: var(--ard-rating-input-disabled-opacity, 50%);
|
|
247
269
|
}
|
|
248
270
|
|
|
249
271
|
/*# sourceMappingURL=stars.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/stars.scss","../../../../projects/ui/src/themes/default/_coloring.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/stars.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAMA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAKE;;ACvBA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD1GF;AAAA;AAAA;AAAA;EACE,OEgBG;;;AFbP;EACE;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;;AAEA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EG1DA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EHmDE;EACA;EACA;EACA;EACA;EACA;EACA;;AGtDF;EACE;EAEA,YACE;;AAMF;EACE;;AH+CF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;;AAMJ;EACE;EACA;;AAEF;EACE;EACA","file":"stars.css"}
|
|
@@ -170,7 +170,7 @@ ard-tabber {
|
|
|
170
170
|
.ard-tabber .ard-tabber-tabs.ard-tab-align-left {
|
|
171
171
|
justify-content: left;
|
|
172
172
|
}
|
|
173
|
-
.ard-tabber .ard-tabber-tabs.ard-tab-align-
|
|
173
|
+
.ard-tabber .ard-tabber-tabs.ard-tab-align-center {
|
|
174
174
|
justify-content: center;
|
|
175
175
|
}
|
|
176
176
|
.ard-tabber .ard-tabber-tabs.ard-tab-align-right {
|
|
@@ -1,25 +1,37 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--ard-table-pagination-height: 2.9375rem;
|
|
3
|
+
--ard-table-pagination-gap: 2rem;
|
|
4
|
+
--ard-table-pagination-padding: 0 0.5rem 0 1rem;
|
|
5
|
+
--ard-table-pagination-items-per-page-gap: 0.5rem;
|
|
6
|
+
--ard-table-pagination-current-page-gap: 1.25rem;
|
|
7
|
+
--ard-table-pagination-height-compact: 2.1875rem;
|
|
8
|
+
--ard-table-pagination-font-size-compact: 0.875rem;
|
|
9
|
+
--ard-table-pagination-select-padding-left: 0.875em;
|
|
10
|
+
--ard-table-pagination-disabled-text-opacity: 50%;
|
|
11
|
+
}
|
|
12
|
+
|
|
1
13
|
.ard-pagination {
|
|
2
|
-
height: 2.9375rem;
|
|
14
|
+
height: var(--ard-table-pagination-height, 2.9375rem);
|
|
3
15
|
width: 100%;
|
|
4
16
|
display: flex;
|
|
5
17
|
align-items: center;
|
|
6
|
-
gap: 2rem;
|
|
7
|
-
padding: 0 0.5rem 0 1rem;
|
|
18
|
+
gap: var(--ard-table-pagination-gap, 2rem);
|
|
19
|
+
padding: var(--ard-table-pagination-padding, 0 0.5rem 0 1rem);
|
|
8
20
|
box-sizing: border-box;
|
|
9
21
|
}
|
|
10
22
|
.ard-pagination .ard-pagination__items-per-page {
|
|
11
23
|
display: flex;
|
|
12
24
|
align-items: center;
|
|
13
|
-
gap: 0.5rem;
|
|
25
|
+
gap: var(--ard-table-pagination-items-per-page-gap, 0.5rem);
|
|
14
26
|
}
|
|
15
27
|
.ard-pagination .ard-pagination__current-page {
|
|
16
28
|
display: flex;
|
|
17
29
|
align-items: center;
|
|
18
|
-
gap: 1.25rem;
|
|
30
|
+
gap: var(--ard-table-pagination-current-page-gap, 1.25rem);
|
|
19
31
|
}
|
|
20
32
|
.ard-pagination.ard-compact {
|
|
21
|
-
height: 2.1875rem;
|
|
22
|
-
font-size: 0.875rem;
|
|
33
|
+
height: var(--ard-table-pagination-height-compact, 2.1875rem);
|
|
34
|
+
font-size: var(--ard-table-pagination-font-size-compact, 0.875rem);
|
|
23
35
|
}
|
|
24
36
|
.ard-pagination.ard-align-left {
|
|
25
37
|
justify-content: flex-start;
|
|
@@ -34,7 +46,7 @@
|
|
|
34
46
|
justify-content: space-between;
|
|
35
47
|
}
|
|
36
48
|
.ard-pagination .ard-select {
|
|
37
|
-
padding-left: 0.875em;
|
|
49
|
+
padding-left: var(--ard-table-pagination-select-padding-left, 0.875em);
|
|
38
50
|
}
|
|
39
51
|
|
|
40
52
|
.ard-disabled .ard-pagination {
|
|
@@ -42,7 +54,7 @@
|
|
|
42
54
|
user-select: none;
|
|
43
55
|
}
|
|
44
56
|
.ard-disabled .ard-pagination .ard-pagination__text {
|
|
45
|
-
opacity: 50
|
|
57
|
+
opacity: var(--ard-table-pagination-disabled-text-opacity, 50%);
|
|
46
58
|
}
|
|
47
59
|
|
|
48
60
|
/*# sourceMappingURL=table-pagination.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/table-pagination.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/table-pagination.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAIF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;;;AAKF;EACE;EACA;;AAEA;EACE","file":"table-pagination.css"}
|
|
@@ -1,7 +1,39 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--ard-table-cell-padding: 0 0.75rem;
|
|
3
|
+
--ard-table-header-gap: 0.75rem;
|
|
4
|
+
--ard-table-header-cell-height: 3.375rem;
|
|
5
|
+
--ard-table-header-cell-font-weight: 500;
|
|
6
|
+
--ard-table-header-cell-letter-spacing: 0.25px;
|
|
7
|
+
--ard-table-body-cell-height: 3rem;
|
|
8
|
+
--ard-table-disabled-row-opacity: 50%;
|
|
9
|
+
--ard-table-bold-row-font-weight: 600;
|
|
10
|
+
--ard-table-sticky-header-top: 0;
|
|
11
|
+
--ard-table-sticky-header-z-index: 2;
|
|
12
|
+
--ard-table-caption-height: 3.125rem;
|
|
13
|
+
--ard-table-progress-bar-height: 0.1875rem;
|
|
14
|
+
--ard-table-progress-bar-z-index: 1;
|
|
15
|
+
--ard-table-sort-gap: 0.375rem;
|
|
16
|
+
--ard-table-sort-border-radius: 0.25rem;
|
|
17
|
+
--ard-table-sort-outline-offset: 0.25rem;
|
|
18
|
+
--ard-table-sort-outline-width: 2px;
|
|
19
|
+
--ard-table-sort-outline-color: black;
|
|
20
|
+
--ard-table-sort-icon-size: 1rem;
|
|
21
|
+
--ard-table-sort-icon-weight: 900;
|
|
22
|
+
--ard-table-border-radius: 0.5rem;
|
|
23
|
+
}
|
|
24
|
+
|
|
1
25
|
.ard-table {
|
|
2
26
|
border-collapse: collapse;
|
|
3
|
-
background: var(--ard-bg);
|
|
4
|
-
--ard-_table-border:
|
|
27
|
+
background: var(--ard-table-background, var(--ard-bg));
|
|
28
|
+
--ard-_table-header-border: var(--ard-cmpcl--border);
|
|
29
|
+
--ard-_table-header-border-light: var(--ard-cmpcl--border-light);
|
|
30
|
+
--ard-_table-border: var(--ard-table-border-color-strong, var(--ard-border));
|
|
31
|
+
--ard-_table-header-background: var(--ard-cmpcl--bg);
|
|
32
|
+
--ard-_table-header-background-light: var(--ard-cmpcl--bg-header);
|
|
33
|
+
--ard-_table-header-color: var(--ard-cmpcl--content);
|
|
34
|
+
--ard-_table-header-color-on-bg: var(--ard-cmpcl--on-bg);
|
|
35
|
+
--ard-_table-overlay: var(--ard-cmpcl--overlay-rgb);
|
|
36
|
+
--ard-_table-overlay-colorless: var(--ard-overlay-rgb);
|
|
5
37
|
}
|
|
6
38
|
.ard-table.ard-color-none {
|
|
7
39
|
--ard-cmpcl--bg: var(--ard-bg);
|
|
@@ -137,7 +169,7 @@
|
|
|
137
169
|
--ard-cmpcl--overlay-colored-light: currentColor;
|
|
138
170
|
}
|
|
139
171
|
.ard-table .ard-table__body {
|
|
140
|
-
border: 1px solid var(--ard-detail-ultralight);
|
|
172
|
+
border: var(--ard-table-border-width, 1px) var(--ard-table-border-style, solid) var(--ard-table-border-color, var(--ard-detail-ultralight));
|
|
141
173
|
}
|
|
142
174
|
.ard-table .ard-table__header-cell,
|
|
143
175
|
.ard-table .ard-table__body-cell {
|
|
@@ -147,15 +179,15 @@
|
|
|
147
179
|
.ard-table .ard-table__body-cell > .ard-table__cell-container {
|
|
148
180
|
height: max-content;
|
|
149
181
|
max-height: 100%;
|
|
150
|
-
padding: 0 0.75rem;
|
|
182
|
+
padding: var(--ard-table-cell-padding, 0 0.75rem);
|
|
151
183
|
box-sizing: border-box;
|
|
152
|
-
font-size: 0.875rem;
|
|
184
|
+
font-size: var(--ard-form-field-font-size, 0.875rem);
|
|
153
185
|
}
|
|
154
186
|
.ard-table .ard-table__header-cell > .ard-table__cell-container .ard-table__header-template-container,
|
|
155
187
|
.ard-table .ard-table__body-cell > .ard-table__cell-container .ard-table__header-template-container {
|
|
156
188
|
display: flex;
|
|
157
189
|
align-items: center;
|
|
158
|
-
gap: 0.75rem;
|
|
190
|
+
gap: var(--ard-table-header-gap, 0.75rem);
|
|
159
191
|
}
|
|
160
192
|
.ard-table .ard-table__header-cell > .ard-table__cell-container .ard-table__header-template-container .ard-table__header-content-container,
|
|
161
193
|
.ard-table .ard-table__body-cell > .ard-table__cell-container .ard-table__header-template-container .ard-table__header-content-container {
|
|
@@ -164,12 +196,12 @@
|
|
|
164
196
|
white-space: nowrap;
|
|
165
197
|
}
|
|
166
198
|
.ard-table .ard-table__header-cell {
|
|
167
|
-
height: 3.375rem;
|
|
168
|
-
font-weight: 500;
|
|
169
|
-
letter-spacing: 0.25px;
|
|
199
|
+
height: var(--ard-table-header-cell-height, 3.375rem);
|
|
200
|
+
font-weight: var(--ard-table-header-cell-font-weight, 500);
|
|
201
|
+
letter-spacing: var(--ard-table-header-cell-letter-spacing, 0.25px);
|
|
170
202
|
}
|
|
171
203
|
.ard-table .ard-table__body-cell {
|
|
172
|
-
height: 3rem;
|
|
204
|
+
height: var(--ard-table-body-cell-height, 3rem);
|
|
173
205
|
transition: background-color 0.15s ease;
|
|
174
206
|
}
|
|
175
207
|
.ard-table .ard-table__body-cell .ard-table__cell-container {
|
|
@@ -178,17 +210,17 @@
|
|
|
178
210
|
white-space: nowrap;
|
|
179
211
|
}
|
|
180
212
|
.ard-table .ard-table__checkbox-cell > .ard-table__cell-container {
|
|
181
|
-
width: 3rem;
|
|
182
|
-
height: 3rem;
|
|
213
|
+
width: var(--ard-table-body-cell-height, 3rem);
|
|
214
|
+
height: var(--ard-table-body-cell-height, 3rem);
|
|
183
215
|
display: flex;
|
|
184
216
|
justify-content: center;
|
|
185
217
|
align-items: center;
|
|
186
218
|
}
|
|
187
219
|
.ard-table .ard-table__body-row .ard-table__body-cell {
|
|
188
|
-
border-bottom: 1px solid var(--ard-detail-ultralight);
|
|
220
|
+
border-bottom: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
|
|
189
221
|
}
|
|
190
222
|
.ard-table .ard-table__empty-row .ard-table__empty-cell {
|
|
191
|
-
height: 3rem;
|
|
223
|
+
height: var(--ard-table-body-cell-height, 3rem);
|
|
192
224
|
}
|
|
193
225
|
.ard-table .ard-table__empty-row:not(:last-of-type) .ard-table__empty-cell {
|
|
194
226
|
border-bottom: 1px solid transparent;
|
|
@@ -198,23 +230,23 @@
|
|
|
198
230
|
pointer-events: none;
|
|
199
231
|
}
|
|
200
232
|
.ard-table.ard-table-loading .ard-table__body {
|
|
201
|
-
opacity: 40
|
|
233
|
+
opacity: var(--ard-table-loading-opacity, 40%);
|
|
202
234
|
}
|
|
203
235
|
.ard-table.ard-table-loading .ard-table__header .ard-table__checkbox-cell {
|
|
204
|
-
opacity: 40
|
|
236
|
+
opacity: var(--ard-table-loading-opacity, 40%);
|
|
205
237
|
}
|
|
206
238
|
.ard-table .ard-table__progress-bar-row {
|
|
207
|
-
background-color: var(--ard-bg);
|
|
208
|
-
border-left: 1px solid var(--ard-detail-ultralight);
|
|
209
|
-
border-right: 1px solid var(--ard-detail-ultralight);
|
|
210
|
-
border-bottom: 1px solid var(--ard-bg);
|
|
239
|
+
background-color: var(--ard-table-background, var(--ard-bg));
|
|
240
|
+
border-left: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
|
|
241
|
+
border-right: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
|
|
242
|
+
border-bottom: 1px solid var(--ard-table-background, var(--ard-bg));
|
|
211
243
|
}
|
|
212
244
|
.ard-table .ard-table__progress-bar-row .ard-table__progress-bar-cell {
|
|
213
|
-
height: 0.1875rem;
|
|
245
|
+
height: var(--ard-table-progress-bar-height, 0.1875rem);
|
|
214
246
|
}
|
|
215
247
|
.ard-table .ard-table__progress-bar-row .ard-table__progress-bar-cell ard-progress-bar {
|
|
216
248
|
position: relative;
|
|
217
|
-
z-index: 1;
|
|
249
|
+
z-index: var(--ard-table-progress-bar-z-index, 1);
|
|
218
250
|
margin: -1px;
|
|
219
251
|
}
|
|
220
252
|
.ard-table .ard-table__progress-bar-row .ard-table__progress-bar-cell ard-progress-bar > .ard-progress-bar {
|
|
@@ -227,31 +259,31 @@
|
|
|
227
259
|
font: inherit;
|
|
228
260
|
width: 100%;
|
|
229
261
|
display: flex;
|
|
230
|
-
gap: 0.375rem;
|
|
262
|
+
gap: var(--ard-table-sort-gap, 0.375rem);
|
|
231
263
|
cursor: pointer;
|
|
232
|
-
border-radius: 0.25rem;
|
|
233
|
-
outline-offset: 0.25rem;
|
|
264
|
+
border-radius: var(--ard-table-sort-border-radius, 0.25rem);
|
|
265
|
+
outline-offset: var(--ard-table-sort-outline-offset, 0.25rem);
|
|
234
266
|
}
|
|
235
267
|
.ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container:focus-visible {
|
|
236
|
-
outline: 2px solid black;
|
|
268
|
+
outline: var(--ard-table-sort-outline-width, 2px) solid var(--ard-table-sort-outline-color, black);
|
|
237
269
|
}
|
|
238
270
|
.ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container .ard-table__header-sort-icon {
|
|
239
|
-
height: 1rem;
|
|
271
|
+
height: var(--ard-table-sort-icon-size, 1rem);
|
|
240
272
|
overflow: hidden;
|
|
241
273
|
}
|
|
242
274
|
.ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container ard-icon {
|
|
243
|
-
font-size: 1rem;
|
|
244
|
-
font-weight: 900;
|
|
275
|
+
font-size: var(--ard-table-sort-icon-size, 1rem);
|
|
276
|
+
font-weight: var(--ard-table-sort-icon-weight, 900);
|
|
245
277
|
}
|
|
246
278
|
.ard-table .ard-table__caption {
|
|
247
279
|
caption-side: bottom;
|
|
248
|
-
height: 3.125rem;
|
|
280
|
+
height: var(--ard-table-caption-height, 3.125rem);
|
|
249
281
|
box-sizing: border-box;
|
|
250
|
-
color: var(--ard-detail);
|
|
251
|
-
background: var(--ard-bg);
|
|
252
|
-
border: 1px solid var(--ard-detail-ultralight);
|
|
282
|
+
color: var(--ard-table-caption-color, var(--ard-detail));
|
|
283
|
+
background: var(--ard-table-caption-background, var(--ard-bg));
|
|
284
|
+
border: 1px solid var(--ard-table-caption-border-color, var(--ard-detail-ultralight));
|
|
253
285
|
border-top: none;
|
|
254
|
-
padding: 0 0.75rem;
|
|
286
|
+
padding: var(--ard-table-caption-padding, 0 0.75rem);
|
|
255
287
|
}
|
|
256
288
|
.ard-table .ard-table__caption .ard-table__caption-container {
|
|
257
289
|
display: flex;
|
|
@@ -259,10 +291,10 @@
|
|
|
259
291
|
height: 100%;
|
|
260
292
|
}
|
|
261
293
|
.ard-table .ard-table__foot .ard-table__pagination-cell {
|
|
262
|
-
border: 1px solid var(--ard-detail-ultralight);
|
|
294
|
+
border: 1px solid var(--ard-table-footer-border-color, var(--ard-detail-ultralight));
|
|
263
295
|
}
|
|
264
296
|
.ard-table.ard-appearance-strong .ard-table__header {
|
|
265
|
-
border-bottom: 1px solid var(--ard-detail-ultralight);
|
|
297
|
+
border-bottom: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
|
|
266
298
|
background-color: var(--ard-_table-header-background);
|
|
267
299
|
}
|
|
268
300
|
.ard-table.ard-appearance-strong .ard-table__header-cell {
|
|
@@ -280,51 +312,51 @@
|
|
|
280
312
|
border-bottom: 1px solid var(--ard-_table-header-border-light);
|
|
281
313
|
}
|
|
282
314
|
.ard-table.ard-appearance-colorless .ard-table__header-cell {
|
|
283
|
-
color: var(--ard-text);
|
|
315
|
+
color: var(--ard-table-header-color, var(--ard-text));
|
|
284
316
|
}
|
|
285
317
|
.ard-table.ard-appearance-colorless .ard-table__header {
|
|
286
|
-
border: 1px solid var(--ard-detail-ultralight);
|
|
287
|
-
background-color: var(--ard-bg);
|
|
318
|
+
border: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
|
|
319
|
+
background-color: var(--ard-table-background, var(--ard-bg));
|
|
288
320
|
}
|
|
289
321
|
.ard-table.ard-appearance-colorless .ard-table__header-row .ard-table__header-cell {
|
|
290
|
-
border-bottom: 1px solid var(--ard-detail-ultralight);
|
|
322
|
+
border-bottom: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
|
|
291
323
|
}
|
|
292
324
|
.ard-table.ard-variant-rounded .ard-table,
|
|
293
325
|
.ard-table.ard-variant-rounded .ard-table__header,
|
|
294
326
|
.ard-table.ard-variant-rounded .ard-table__body {
|
|
295
|
-
border-radius: 8px;
|
|
327
|
+
border-radius: var(--ard-table-border-radius, 8px);
|
|
296
328
|
}
|
|
297
329
|
.ard-table.ard-variant-rounded .ard-table__header-row:first-child {
|
|
298
|
-
border-top-left-radius: 8px;
|
|
299
|
-
border-top-right-radius: 8px;
|
|
330
|
+
border-top-left-radius: var(--ard-table-border-radius, 8px);
|
|
331
|
+
border-top-right-radius: var(--ard-table-border-radius, 8px);
|
|
300
332
|
}
|
|
301
333
|
.ard-table.ard-variant-rounded .ard-table__header-row:first-child .ard-table__header-cell:first-child {
|
|
302
|
-
border-top-left-radius: 8px;
|
|
334
|
+
border-top-left-radius: var(--ard-table-border-radius, 8px);
|
|
303
335
|
}
|
|
304
336
|
.ard-table.ard-variant-rounded .ard-table__header-row:first-child .ard-table__header-cell:last-child {
|
|
305
|
-
border-top-right-radius: 8px;
|
|
337
|
+
border-top-right-radius: var(--ard-table-border-radius, 8px);
|
|
306
338
|
}
|
|
307
339
|
.ard-table.ard-variant-rounded .ard-table__body-row:last-child .ard-table__body-cell:first-child {
|
|
308
|
-
border-bottom-left-radius: 8px;
|
|
340
|
+
border-bottom-left-radius: var(--ard-table-border-radius, 8px);
|
|
309
341
|
}
|
|
310
342
|
.ard-table.ard-variant-rounded .ard-table__body-row:last-child .ard-table__body-cell:last-child {
|
|
311
|
-
border-bottom-right-radius: 8px;
|
|
343
|
+
border-bottom-right-radius: var(--ard-table-border-radius, 8px);
|
|
312
344
|
}
|
|
313
345
|
.ard-table.ard-variant-rounded .ard-table__foot {
|
|
314
|
-
border-bottom-left-radius: 8px;
|
|
315
|
-
border-bottom-right-radius: 8px;
|
|
346
|
+
border-bottom-left-radius: var(--ard-table-border-radius, 8px);
|
|
347
|
+
border-bottom-right-radius: var(--ard-table-border-radius, 8px);
|
|
316
348
|
}
|
|
317
349
|
.ard-table.ard-variant-rounded .ard-table__foot .ard-table__foot-row {
|
|
318
|
-
border-bottom-left-radius: 8px;
|
|
319
|
-
border-bottom-right-radius: 8px;
|
|
350
|
+
border-bottom-left-radius: var(--ard-table-border-radius, 8px);
|
|
351
|
+
border-bottom-right-radius: var(--ard-table-border-radius, 8px);
|
|
320
352
|
}
|
|
321
353
|
.ard-table.ard-variant-rounded .ard-table__foot .ard-table__foot-row .ard-table__pagination-cell {
|
|
322
|
-
border-bottom-left-radius: 8px;
|
|
323
|
-
border-bottom-right-radius: 8px;
|
|
354
|
+
border-bottom-left-radius: var(--ard-table-border-radius, 8px);
|
|
355
|
+
border-bottom-right-radius: var(--ard-table-border-radius, 8px);
|
|
324
356
|
}
|
|
325
357
|
.ard-table.ard-variant-rounded .ard-table__caption {
|
|
326
|
-
border-bottom-left-radius: 8px;
|
|
327
|
-
border-bottom-right-radius: 8px;
|
|
358
|
+
border-bottom-left-radius: var(--ard-table-border-radius, 8px);
|
|
359
|
+
border-bottom-right-radius: var(--ard-table-border-radius, 8px);
|
|
328
360
|
}
|
|
329
361
|
.ard-table.ard-variant-rounded .ard-table__caption + .ard-table__body * {
|
|
330
362
|
border-radius: 0;
|
|
@@ -334,27 +366,27 @@
|
|
|
334
366
|
}
|
|
335
367
|
.ard-table.ard-compact .ard-table__header-cell > .ard-table__cell-container,
|
|
336
368
|
.ard-table.ard-compact .ard-table__body-cell > .ard-table__cell-container {
|
|
337
|
-
padding: 0 0.625rem;
|
|
338
|
-
font-size: 0.875rem;
|
|
369
|
+
padding: var(--ard-table-cell-padding-compact, 0 0.625rem);
|
|
370
|
+
font-size: var(--ard-table-font-size-compact, 0.875rem);
|
|
339
371
|
}
|
|
340
372
|
.ard-table.ard-compact .ard-table__header-cell {
|
|
341
|
-
height: 2.625rem;
|
|
373
|
+
height: var(--ard-table-header-cell-height-compact, 2.625rem);
|
|
342
374
|
}
|
|
343
375
|
.ard-table.ard-compact .ard-table__header-cell > .ard-table__cell-container {
|
|
344
376
|
letter-spacing: 0.18px;
|
|
345
377
|
}
|
|
346
378
|
.ard-table.ard-compact .ard-table__body-cell {
|
|
347
|
-
height: 2.25rem;
|
|
379
|
+
height: var(--ard-table-body-cell-height-compact, 2.25rem);
|
|
348
380
|
}
|
|
349
381
|
.ard-table.ard-compact .ard-table__checkbox-cell > .ard-table__cell-container {
|
|
350
|
-
width: 2.25rem;
|
|
351
|
-
height: 2.25rem;
|
|
382
|
+
width: var(--ard-table-checkbox-cell-width-compact, 2.25rem);
|
|
383
|
+
height: var(--ard-table-checkbox-cell-height-compact, 2.25rem);
|
|
352
384
|
}
|
|
353
385
|
.ard-table.ard-compact .ard-table__caption {
|
|
354
|
-
height: 2.25rem;
|
|
386
|
+
height: var(--ard-table-caption-height-compact, 2.25rem);
|
|
355
387
|
}
|
|
356
388
|
.ard-table.ard-zebra-table .ard-table__body-row:nth-of-type(2n-1) {
|
|
357
|
-
background: var(--ard-darken-overlay-ultralight);
|
|
389
|
+
background: var(--ard-table-zebra-background, var(--ard-darken-overlay-ultralight));
|
|
358
390
|
}
|
|
359
391
|
.ard-table.ard-selectable-rows .ard-table__body-row .ard-table__body-cell {
|
|
360
392
|
cursor: pointer;
|
|
@@ -367,16 +399,16 @@
|
|
|
367
399
|
}
|
|
368
400
|
.ard-table .ard-table__disabled-row {
|
|
369
401
|
pointer-events: none;
|
|
370
|
-
opacity: 50
|
|
402
|
+
opacity: var(--ard-table-disabled-row-opacity, 50%);
|
|
371
403
|
user-select: none;
|
|
372
404
|
}
|
|
373
405
|
.ard-table .ard-table__bold-row {
|
|
374
|
-
font-weight:
|
|
406
|
+
font-weight: var(--ard-table-bold-row-font-weight, 700);
|
|
375
407
|
}
|
|
376
408
|
.ard-table.ard-sticky-header .ard-table__header {
|
|
377
409
|
position: sticky;
|
|
378
|
-
top: 0;
|
|
379
|
-
z-index: 2;
|
|
410
|
+
top: var(--ard-table-sticky-header-top, 0);
|
|
411
|
+
z-index: var(--ard-table-sticky-header-z-index, 2);
|
|
380
412
|
}
|
|
381
413
|
.ard-table.ard-header-align-top-left .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-center-left .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-bottom-left .ard-table__header-cell > .ard-table__cell-container {
|
|
382
414
|
text-align: left;
|
|
@@ -391,7 +423,7 @@
|
|
|
391
423
|
vertical-align: top;
|
|
392
424
|
}
|
|
393
425
|
.ard-table.ard-header-align-center-left .ard-table__header-cell, .ard-table.ard-header-align-center-center .ard-table__header-cell, .ard-table.ard-header-align-center-right .ard-table__header-cell {
|
|
394
|
-
vertical-align:
|
|
426
|
+
vertical-align: center;
|
|
395
427
|
}
|
|
396
428
|
.ard-table.ard-header-align-bottom-left .ard-table__header-cell, .ard-table.ard-header-align-bottom-center .ard-table__header-cell, .ard-table.ard-header-align-bottom-right .ard-table__header-cell {
|
|
397
429
|
vertical-align: bottom;
|
|
@@ -418,7 +450,7 @@
|
|
|
418
450
|
vertical-align: top;
|
|
419
451
|
}
|
|
420
452
|
.ard-table.ard-align-center-left .ard-table__body-cell, .ard-table.ard-align-center-center .ard-table__body-cell, .ard-table.ard-align-center-right .ard-table__body-cell {
|
|
421
|
-
vertical-align:
|
|
453
|
+
vertical-align: center;
|
|
422
454
|
}
|
|
423
455
|
.ard-table.ard-align-bottom-left .ard-table__body-cell, .ard-table.ard-align-bottom-center .ard-table__body-cell, .ard-table.ard-align-bottom-right .ard-table__body-cell {
|
|
424
456
|
vertical-align: bottom;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/table.scss","../../../../projects/ui/src/themes/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/table.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAKA;EAKE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EA8JA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AC3MA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD5FF;EACE;;AAGF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAKR;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE;;AAKA;EACE;;AAEF;EACE;;AAMF;AAAA;EAEE;;AAEF;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AASJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAMF;EACE;;AAiBF;EACE;EACA;;AAEF;EACE;EACA;;AAIF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAIF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAKF;AAAA;AAAA;EAGE;;AAEF;EACE;EACA;;AACA;EACE;;AAGJ;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;EACA;;AAEA;EACE;EACA;;AAIN;EACE;EACA;;AAGE;EACE;;AAIF;EACE;;AAUJ;AAAA;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;;AAGJ;EACE;;AAGA;EACE;EACA;;AAGJ;EACE;;AAMF;EACE;;AAMF;EACE;;AAGJ;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;;AAKA;EACE;EACA;EACA;;AAQF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAOF;AAAA;AAAA;AAAA;EAEE;;AAMF;AAAA;AAAA;AAAA;EAEE;;AAMF;AAAA;AAAA;AAAA;EAEE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE","file":"table.css"}
|