@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.
Files changed (44) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/limel-chip-set.cjs.entry.js +1 -1
  3. package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +85 -101
  4. package/dist/cjs/limel-info-tile.cjs.entry.js +1 -1
  5. package/dist/cjs/limel-input-field.cjs.entry.js +2 -2
  6. package/dist/cjs/limel-select.cjs.entry.js +1 -1
  7. package/dist/cjs/limel-spinner.cjs.entry.js +1 -1
  8. package/dist/collection/components/banner/banner.css +1 -2
  9. package/dist/collection/components/button/button.css +20 -40
  10. package/dist/collection/components/button-group/button-group.css +21 -42
  11. package/dist/collection/components/checkbox/checkbox.css +22 -45
  12. package/dist/collection/components/chip-set/chip-set.css +209 -405
  13. package/dist/collection/components/code-editor/code-editor.css +4 -4
  14. package/dist/collection/components/color-picker/color-picker-palette.css +9 -9
  15. package/dist/collection/components/dialog/dialog.css +13 -27
  16. package/dist/collection/components/icon-button/icon-button.css +6 -12
  17. package/dist/collection/components/info-tile/info-tile.css +3 -9
  18. package/dist/collection/components/input-field/input-field.css +188 -363
  19. package/dist/collection/components/input-field/input-field.js +1 -1
  20. package/dist/collection/components/linear-progress/linear-progress.css +7 -14
  21. package/dist/collection/components/list/list.css +373 -747
  22. package/dist/collection/components/menu-list/menu-list.css +373 -748
  23. package/dist/collection/components/menu-surface/menu-surface.css +13 -26
  24. package/dist/collection/components/select/select.css +165 -322
  25. package/dist/collection/components/slider/slider.css +30 -58
  26. package/dist/collection/components/snackbar/snackbar.css +17 -34
  27. package/dist/collection/components/spinner/spinner.css +4 -0
  28. package/dist/collection/components/switch/switch.css +21 -49
  29. package/dist/collection/components/tab-bar/tab-bar.css +7 -14
  30. package/dist/esm/limel-chip-set.entry.js +1 -1
  31. package/dist/esm/limel-flatpickr-adapter.entry.js +85 -101
  32. package/dist/esm/limel-info-tile.entry.js +1 -1
  33. package/dist/esm/limel-input-field.entry.js +2 -2
  34. package/dist/esm/limel-select.entry.js +1 -1
  35. package/dist/esm/limel-spinner.entry.js +1 -1
  36. package/dist/lime-elements/lime-elements.esm.js +1 -1
  37. package/dist/lime-elements/{p-a8d38277.entry.js → p-10e259de.entry.js} +1 -1
  38. package/dist/lime-elements/{p-079921e9.entry.js → p-2c9843fe.entry.js} +1 -1
  39. package/dist/lime-elements/{p-e479f165.entry.js → p-404aca86.entry.js} +1 -1
  40. package/dist/lime-elements/{p-c234a991.entry.js → p-878b61cd.entry.js} +1 -1
  41. package/dist/lime-elements/{p-ff340a70.entry.js → p-88e60f06.entry.js} +1 -1
  42. package/dist/lime-elements/p-f7875f4a.entry.js +1 -0
  43. package/package.json +12 -8
  44. 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;