@limetech/lime-elements 36.3.0-next.24 → 36.3.0-next.26
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/README.md +1 -1
- package/dist/cjs/limel-chip-set.cjs.entry.js +1 -1
- package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +85 -101
- package/dist/cjs/limel-info-tile.cjs.entry.js +1 -1
- package/dist/cjs/limel-input-field.cjs.entry.js +2 -2
- package/dist/cjs/limel-select.cjs.entry.js +1 -1
- package/dist/cjs/limel-spinner.cjs.entry.js +1 -1
- package/dist/collection/components/banner/banner.css +1 -2
- package/dist/collection/components/button/button.css +20 -40
- package/dist/collection/components/button-group/button-group.css +21 -42
- package/dist/collection/components/checkbox/checkbox.css +22 -45
- package/dist/collection/components/chip-set/chip-set.css +209 -405
- package/dist/collection/components/code-editor/code-editor.css +4 -4
- package/dist/collection/components/color-picker/color-picker-palette.css +9 -9
- package/dist/collection/components/dialog/dialog.css +13 -27
- package/dist/collection/components/icon-button/icon-button.css +6 -12
- package/dist/collection/components/info-tile/info-tile.css +3 -9
- package/dist/collection/components/input-field/input-field.css +188 -363
- package/dist/collection/components/input-field/input-field.js +1 -1
- package/dist/collection/components/linear-progress/linear-progress.css +7 -14
- package/dist/collection/components/list/list.css +373 -747
- package/dist/collection/components/menu-list/menu-list.css +373 -748
- package/dist/collection/components/menu-surface/menu-surface.css +13 -26
- package/dist/collection/components/select/select.css +165 -322
- package/dist/collection/components/slider/slider.css +30 -58
- package/dist/collection/components/snackbar/snackbar.css +17 -34
- package/dist/collection/components/spinner/spinner.css +4 -0
- package/dist/collection/components/switch/switch.css +21 -49
- package/dist/collection/components/tab-bar/tab-bar.css +7 -14
- package/dist/esm/limel-chip-set.entry.js +1 -1
- package/dist/esm/limel-flatpickr-adapter.entry.js +85 -101
- package/dist/esm/limel-info-tile.entry.js +1 -1
- package/dist/esm/limel-input-field.entry.js +2 -2
- package/dist/esm/limel-select.entry.js +1 -1
- package/dist/esm/limel-spinner.entry.js +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-a8d38277.entry.js → p-10e259de.entry.js} +1 -1
- package/dist/lime-elements/{p-079921e9.entry.js → p-2c9843fe.entry.js} +1 -1
- package/dist/lime-elements/{p-e479f165.entry.js → p-404aca86.entry.js} +1 -1
- package/dist/lime-elements/{p-c234a991.entry.js → p-878b61cd.entry.js} +1 -1
- package/dist/lime-elements/{p-ff340a70.entry.js → p-88e60f06.entry.js} +1 -1
- package/dist/lime-elements/p-f7875f4a.entry.js +1 -0
- package/package.json +12 -8
- package/dist/lime-elements/p-15c3ec8e.entry.js +0 -1
|
@@ -523,22 +523,22 @@ span.CodeMirror-selectedtext { background: none; }
|
|
|
523
523
|
--code-editor-selection-lowlight-color: var(--contrast-100);
|
|
524
524
|
}
|
|
525
525
|
:root:not([data-theme=force-light]) :host .cm-attribute,
|
|
526
|
-
:root:not([data-theme=force-light]) :host .cm-property,
|
|
527
|
-
:root:not([data-theme=force-light]) :host .cm-keyword {
|
|
526
|
+
:root:not([data-theme=force-light]) :host .cm-property,
|
|
527
|
+
:root:not([data-theme=force-light]) :host .cm-keyword {
|
|
528
528
|
color: rgb(var(--color-purple-lighter));
|
|
529
529
|
}
|
|
530
530
|
:root:not([data-theme=force-light]) :host .cm-operator {
|
|
531
531
|
color: rgb(var(--color-sky-lighter));
|
|
532
532
|
}
|
|
533
533
|
:root:not([data-theme=force-light]) :host .cm-variable-3,
|
|
534
|
-
:root:not([data-theme=force-light]) :host .cm-type {
|
|
534
|
+
:root:not([data-theme=force-light]) :host .cm-type {
|
|
535
535
|
color: rgb(var(--color-yellow-light));
|
|
536
536
|
}
|
|
537
537
|
:root:not([data-theme=force-light]) :host .cm-atom {
|
|
538
538
|
color: rgb(var(--color-coral-light));
|
|
539
539
|
}
|
|
540
540
|
:root:not([data-theme=force-light]) :host .cm-tag,
|
|
541
|
-
:root:not([data-theme=force-light]) :host .cm-number {
|
|
541
|
+
:root:not([data-theme=force-light]) :host .cm-number {
|
|
542
542
|
color: rgb(var(--color-magenta-light));
|
|
543
543
|
}
|
|
544
544
|
:root:not([data-theme=force-light]) :host .cm-def {
|
|
@@ -65,20 +65,20 @@
|
|
|
65
65
|
|
|
66
66
|
@media (prefers-color-scheme: light) {
|
|
67
67
|
.brand-colors .--color-glaucous-default,
|
|
68
|
-
.brand-colors .--color-gray-dark {
|
|
68
|
+
.brand-colors .--color-gray-dark {
|
|
69
69
|
border-radius: 50%;
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
@media (prefers-color-scheme: dark) {
|
|
73
73
|
.brand-colors .--color-red-light,
|
|
74
|
-
.brand-colors .--color-magenta-default,
|
|
75
|
-
.brand-colors .--color-sky-light,
|
|
76
|
-
.brand-colors .--color-teal-light,
|
|
77
|
-
.brand-colors .--color-green-light,
|
|
78
|
-
.brand-colors .--color-amber-light,
|
|
79
|
-
.brand-colors .--color-amber-default,
|
|
80
|
-
.brand-colors .--color-coral-light,
|
|
81
|
-
.brand-colors .--color-gray-light {
|
|
74
|
+
.brand-colors .--color-magenta-default,
|
|
75
|
+
.brand-colors .--color-sky-light,
|
|
76
|
+
.brand-colors .--color-teal-light,
|
|
77
|
+
.brand-colors .--color-green-light,
|
|
78
|
+
.brand-colors .--color-amber-light,
|
|
79
|
+
.brand-colors .--color-amber-default,
|
|
80
|
+
.brand-colors .--color-coral-light,
|
|
81
|
+
.brand-colors .--color-gray-light {
|
|
82
82
|
border-radius: 50%;
|
|
83
83
|
}
|
|
84
84
|
}
|
|
@@ -395,14 +395,12 @@
|
|
|
395
395
|
width: 100%;
|
|
396
396
|
height: 100%;
|
|
397
397
|
top: 0;
|
|
398
|
-
/* @noflip */
|
|
399
|
-
/*rtl:ignore*/
|
|
398
|
+
/* @noflip */ /*rtl:ignore*/
|
|
400
399
|
left: 0;
|
|
401
400
|
}
|
|
402
401
|
[dir=rtl] .mdc-dialog__surface, .mdc-dialog__surface[dir=rtl] {
|
|
403
402
|
/*rtl:begin:ignore*/
|
|
404
|
-
/* @noflip */
|
|
405
|
-
/*rtl:ignore*/
|
|
403
|
+
/* @noflip */ /*rtl:ignore*/
|
|
406
404
|
text-align: right;
|
|
407
405
|
/*rtl:end:ignore*/
|
|
408
406
|
}
|
|
@@ -449,8 +447,7 @@
|
|
|
449
447
|
}
|
|
450
448
|
[dir=rtl] .mdc-dialog__title, .mdc-dialog__title[dir=rtl] {
|
|
451
449
|
/*rtl:begin:ignore*/
|
|
452
|
-
/* @noflip */
|
|
453
|
-
/*rtl:ignore*/
|
|
450
|
+
/* @noflip */ /*rtl:ignore*/
|
|
454
451
|
text-align: right;
|
|
455
452
|
/*rtl:end:ignore*/
|
|
456
453
|
}
|
|
@@ -538,51 +535,41 @@
|
|
|
538
535
|
}
|
|
539
536
|
|
|
540
537
|
.mdc-dialog__button {
|
|
541
|
-
/* @noflip */
|
|
542
|
-
/*rtl:ignore*/
|
|
538
|
+
/* @noflip */ /*rtl:ignore*/
|
|
543
539
|
margin-left: 8px;
|
|
544
|
-
/* @noflip */
|
|
545
|
-
/*rtl:ignore*/
|
|
540
|
+
/* @noflip */ /*rtl:ignore*/
|
|
546
541
|
margin-right: 0;
|
|
547
542
|
max-width: 100%;
|
|
548
|
-
/* @noflip */
|
|
549
|
-
/*rtl:ignore*/
|
|
543
|
+
/* @noflip */ /*rtl:ignore*/
|
|
550
544
|
text-align: right;
|
|
551
545
|
}
|
|
552
546
|
[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] {
|
|
553
547
|
/*rtl:begin:ignore*/
|
|
554
|
-
/* @noflip */
|
|
555
|
-
/*rtl:ignore*/
|
|
548
|
+
/* @noflip */ /*rtl:ignore*/
|
|
556
549
|
margin-left: 0;
|
|
557
|
-
/* @noflip */
|
|
558
|
-
/*rtl:ignore*/
|
|
550
|
+
/* @noflip */ /*rtl:ignore*/
|
|
559
551
|
margin-right: 8px;
|
|
560
552
|
/*rtl:end:ignore*/
|
|
561
553
|
}
|
|
562
554
|
|
|
563
555
|
.mdc-dialog__button:first-child {
|
|
564
|
-
/* @noflip */
|
|
565
|
-
/*rtl:ignore*/
|
|
556
|
+
/* @noflip */ /*rtl:ignore*/
|
|
566
557
|
margin-left: 0;
|
|
567
|
-
/* @noflip */
|
|
568
|
-
/*rtl:ignore*/
|
|
558
|
+
/* @noflip */ /*rtl:ignore*/
|
|
569
559
|
margin-right: 0;
|
|
570
560
|
}
|
|
571
561
|
[dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] {
|
|
572
562
|
/*rtl:begin:ignore*/
|
|
573
|
-
/* @noflip */
|
|
574
|
-
/*rtl:ignore*/
|
|
563
|
+
/* @noflip */ /*rtl:ignore*/
|
|
575
564
|
margin-left: 0;
|
|
576
|
-
/* @noflip */
|
|
577
|
-
/*rtl:ignore*/
|
|
565
|
+
/* @noflip */ /*rtl:ignore*/
|
|
578
566
|
margin-right: 0;
|
|
579
567
|
/*rtl:end:ignore*/
|
|
580
568
|
}
|
|
581
569
|
|
|
582
570
|
[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] {
|
|
583
571
|
/*rtl:begin:ignore*/
|
|
584
|
-
/* @noflip */
|
|
585
|
-
/*rtl:ignore*/
|
|
572
|
+
/* @noflip */ /*rtl:ignore*/
|
|
586
573
|
text-align: left;
|
|
587
574
|
/*rtl:end:ignore*/
|
|
588
575
|
}
|
|
@@ -744,7 +731,6 @@ slot[name=button] {
|
|
|
744
731
|
slot[name=button] {
|
|
745
732
|
flex-direction: column-reverse;
|
|
746
733
|
}
|
|
747
|
-
|
|
748
734
|
.mdc-dialog__actions {
|
|
749
735
|
padding: min(1.5rem, 3vw);
|
|
750
736
|
padding-top: 1rem;
|
|
@@ -25,8 +25,7 @@
|
|
|
25
25
|
position: absolute;
|
|
26
26
|
top: 50%;
|
|
27
27
|
height: 48px;
|
|
28
|
-
/* @noflip */
|
|
29
|
-
/*rtl:ignore*/
|
|
28
|
+
/* @noflip */ /*rtl:ignore*/
|
|
30
29
|
left: 50%;
|
|
31
30
|
width: 48px;
|
|
32
31
|
transform: translate(-50%, -50%);
|
|
@@ -60,8 +59,7 @@
|
|
|
60
59
|
position: absolute;
|
|
61
60
|
top: 50%;
|
|
62
61
|
height: 48px;
|
|
63
|
-
/* @noflip */
|
|
64
|
-
/*rtl:ignore*/
|
|
62
|
+
/* @noflip */ /*rtl:ignore*/
|
|
65
63
|
left: 50%;
|
|
66
64
|
width: 48px;
|
|
67
65
|
transform: translate(-50%, -50%);
|
|
@@ -157,16 +155,14 @@
|
|
|
157
155
|
}
|
|
158
156
|
.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after {
|
|
159
157
|
top: 0;
|
|
160
|
-
/* @noflip */
|
|
161
|
-
/*rtl:ignore*/
|
|
158
|
+
/* @noflip */ /*rtl:ignore*/
|
|
162
159
|
left: 0;
|
|
163
160
|
transform: scale(0);
|
|
164
161
|
transform-origin: center center;
|
|
165
162
|
}
|
|
166
163
|
.mdc-icon-button.mdc-ripple-upgraded--unbounded .mdc-icon-button__ripple::after {
|
|
167
164
|
top: var(--mdc-ripple-top, 0);
|
|
168
|
-
/* @noflip */
|
|
169
|
-
/*rtl:ignore*/
|
|
165
|
+
/* @noflip */ /*rtl:ignore*/
|
|
170
166
|
left: var(--mdc-ripple-left, 0);
|
|
171
167
|
}
|
|
172
168
|
.mdc-icon-button.mdc-ripple-upgraded--foreground-activation .mdc-icon-button__ripple::after {
|
|
@@ -179,8 +175,7 @@
|
|
|
179
175
|
.mdc-icon-button .mdc-icon-button__ripple::before,
|
|
180
176
|
.mdc-icon-button .mdc-icon-button__ripple::after {
|
|
181
177
|
top: calc(50% - 50%);
|
|
182
|
-
/* @noflip */
|
|
183
|
-
/*rtl:ignore*/
|
|
178
|
+
/* @noflip */ /*rtl:ignore*/
|
|
184
179
|
left: calc(50% - 50%);
|
|
185
180
|
width: 100%;
|
|
186
181
|
height: 100%;
|
|
@@ -188,8 +183,7 @@
|
|
|
188
183
|
.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before,
|
|
189
184
|
.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after {
|
|
190
185
|
top: var(--mdc-ripple-top, calc(50% - 50%));
|
|
191
|
-
/* @noflip */
|
|
192
|
-
/*rtl:ignore*/
|
|
186
|
+
/* @noflip */ /*rtl:ignore*/
|
|
193
187
|
left: var(--mdc-ripple-left, calc(50% - 50%));
|
|
194
188
|
width: var(--mdc-ripple-fg-size, 100%);
|
|
195
189
|
height: var(--mdc-ripple-fg-size, 100%);
|
|
@@ -192,7 +192,7 @@ limel-linear-progress {
|
|
|
192
192
|
}
|
|
193
193
|
@supports not (container-type: size) {
|
|
194
194
|
.prefix,
|
|
195
|
-
.suffix {
|
|
195
|
+
.suffix {
|
|
196
196
|
font-size: 0.75rem;
|
|
197
197
|
}
|
|
198
198
|
}
|
|
@@ -233,7 +233,6 @@ limel-linear-progress {
|
|
|
233
233
|
top: 0.25rem;
|
|
234
234
|
right: 0.25rem;
|
|
235
235
|
}
|
|
236
|
-
|
|
237
236
|
a {
|
|
238
237
|
padding: 0.375rem;
|
|
239
238
|
gap: 0.125rem;
|
|
@@ -244,7 +243,6 @@ limel-linear-progress {
|
|
|
244
243
|
top: 0.5rem;
|
|
245
244
|
right: 0.5rem;
|
|
246
245
|
}
|
|
247
|
-
|
|
248
246
|
.icon {
|
|
249
247
|
top: 0.25rem;
|
|
250
248
|
right: 0.5rem;
|
|
@@ -287,29 +285,25 @@ limel-linear-progress {
|
|
|
287
285
|
.value {
|
|
288
286
|
--value-preferred-size: 32cqh !important;
|
|
289
287
|
}
|
|
290
|
-
|
|
291
288
|
.suffix,
|
|
292
|
-
.prefix {
|
|
289
|
+
.prefix {
|
|
293
290
|
--suffix-prefix-preferred-size: 16cqh !important;
|
|
294
291
|
}
|
|
295
292
|
}
|
|
296
293
|
@container (height > 18.75rem) {
|
|
297
294
|
.progress,
|
|
298
|
-
.icon {
|
|
295
|
+
.icon {
|
|
299
296
|
position: relative;
|
|
300
297
|
top: unset;
|
|
301
298
|
right: unset;
|
|
302
299
|
}
|
|
303
|
-
|
|
304
300
|
a {
|
|
305
301
|
align-items: center;
|
|
306
302
|
justify-content: center;
|
|
307
303
|
}
|
|
308
|
-
|
|
309
304
|
.label {
|
|
310
305
|
text-align: center;
|
|
311
306
|
}
|
|
312
|
-
|
|
313
307
|
.has-circular-progress .icon {
|
|
314
308
|
position: absolute;
|
|
315
309
|
top: 0.5rem;
|