@limetech/lime-elements 36.3.0-next.3 → 36.3.0-next.30

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 (172) hide show
  1. package/README.md +2 -2
  2. package/dist/cjs/lime-elements.cjs.js +1 -1
  3. package/dist/cjs/limel-badge.cjs.entry.js +4 -6
  4. package/dist/cjs/limel-button-group.cjs.entry.js +8 -2
  5. package/dist/cjs/limel-button.cjs.entry.js +1 -2
  6. package/dist/cjs/limel-chip-set.cjs.entry.js +1 -1
  7. package/dist/cjs/limel-collapsible-section.cjs.entry.js +1 -1
  8. package/dist/cjs/limel-date-picker.cjs.entry.js +47 -7
  9. package/dist/cjs/limel-dialog.cjs.entry.js +1 -1
  10. package/dist/cjs/limel-dock-button.cjs.entry.js +7 -2
  11. package/dist/cjs/limel-dock.cjs.entry.js +1 -1
  12. package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +96 -109
  13. package/dist/cjs/limel-form.cjs.entry.js +79 -1
  14. package/dist/cjs/limel-header.cjs.entry.js +2 -2
  15. package/dist/cjs/limel-info-tile.cjs.entry.js +4 -1
  16. package/dist/cjs/limel-input-field.cjs.entry.js +2 -2
  17. package/dist/cjs/limel-menu-list.cjs.entry.js +7 -1
  18. package/dist/cjs/limel-menu.cjs.entry.js +10 -2
  19. package/dist/cjs/limel-portal.cjs.entry.js +3 -4
  20. package/dist/cjs/limel-select.cjs.entry.js +1 -1
  21. package/dist/cjs/limel-slider.cjs.entry.js +1 -1
  22. package/dist/cjs/limel-snackbar.cjs.entry.js +1 -1
  23. package/dist/cjs/limel-spinner.cjs.entry.js +1 -1
  24. package/dist/cjs/limel-split-button.cjs.entry.js +1 -1
  25. package/dist/cjs/limel-tab-bar.cjs.entry.js +1 -1
  26. package/dist/cjs/limel-tab-panel.cjs.entry.js +1 -1
  27. package/dist/cjs/loader.cjs.js +1 -1
  28. package/dist/cjs/{dateFormatter-d7a8d40d.js → sv-dffe48b5.js} +222 -173
  29. package/dist/collection/components/badge/badge.css +26 -19
  30. package/dist/collection/components/badge/badge.js +7 -7
  31. package/dist/collection/components/banner/banner.css +1 -2
  32. package/dist/collection/components/button/button.css +38 -54
  33. package/dist/collection/components/button/button.js +3 -4
  34. package/dist/collection/components/button-group/button-group.css +35 -42
  35. package/dist/collection/components/button-group/button-group.js +8 -1
  36. package/dist/collection/components/checkbox/checkbox.css +22 -45
  37. package/dist/collection/components/chip-set/chip-set.css +212 -405
  38. package/dist/collection/components/chip-set/chip-set.js +1 -1
  39. package/dist/collection/components/code-editor/code-editor.css +4 -4
  40. package/dist/collection/components/collapsible-section/collapsible-section.css +1 -0
  41. package/dist/collection/components/color-picker/color-picker-palette.css +9 -9
  42. package/dist/collection/components/date-picker/date-picker.js +30 -5
  43. package/dist/collection/components/date-picker/dateFormatter.js +7 -3
  44. package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.js +22 -1
  45. package/dist/collection/components/date-picker/pickers/Picker.js +11 -8
  46. package/dist/collection/components/dialog/dialog.css +14 -27
  47. package/dist/collection/components/dock/dock-button/dock-button.css +8 -1
  48. package/dist/collection/components/dock/dock-button/dock-button.js +6 -1
  49. package/dist/collection/components/dock/dock.css +10 -0
  50. package/dist/collection/components/dock/dock.js +1 -0
  51. package/dist/collection/components/file/file.js +1 -1
  52. package/dist/collection/components/form/form.css +91 -4
  53. package/dist/collection/components/form/form.js +1 -0
  54. package/dist/collection/components/form/form.types.js +8 -0
  55. package/dist/collection/components/form/row/row.js +47 -0
  56. package/dist/collection/components/form/templates/object-field.js +5 -0
  57. package/dist/collection/components/form/templates/row-layout.js +20 -0
  58. package/dist/collection/components/header/header.css +2 -2
  59. package/dist/collection/components/header/header.js +7 -2
  60. package/dist/collection/components/icon-button/icon-button.css +6 -12
  61. package/dist/collection/components/info-tile/info-tile.css +4 -10
  62. package/dist/collection/components/info-tile/info-tile.js +3 -0
  63. package/dist/collection/components/input-field/input-field.css +190 -363
  64. package/dist/collection/components/input-field/input-field.js +1 -1
  65. package/dist/collection/components/linear-progress/linear-progress.css +7 -14
  66. package/dist/collection/components/list/list.css +373 -747
  67. package/dist/collection/components/menu/menu.css +19 -1
  68. package/dist/collection/components/menu/menu.js +10 -1
  69. package/dist/collection/components/menu-list/menu-list-renderer.js +6 -1
  70. package/dist/collection/components/menu-list/menu-list.css +385 -748
  71. package/dist/collection/components/menu-surface/menu-surface.css +13 -26
  72. package/dist/collection/components/select/select.css +165 -322
  73. package/dist/collection/components/slider/slider.css +31 -58
  74. package/dist/collection/components/snackbar/snackbar.css +19 -34
  75. package/dist/collection/components/snackbar/snackbar.js +1 -1
  76. package/dist/collection/components/spinner/spinner.css +4 -0
  77. package/dist/collection/components/split-button/split-button.css +8 -0
  78. package/dist/collection/components/switch/switch.css +21 -49
  79. package/dist/collection/components/tab-bar/tab-bar.css +20 -19
  80. package/dist/collection/components/tab-panel/tab-panel.css +5 -0
  81. package/dist/collection/style/internal/shared_input-select-picker.scss +4 -0
  82. package/dist/collection/style/internal/z-index.scss +0 -1
  83. package/dist/esm/lime-elements.js +1 -1
  84. package/dist/esm/limel-badge.entry.js +4 -6
  85. package/dist/esm/limel-button-group.entry.js +8 -2
  86. package/dist/esm/limel-button.entry.js +1 -2
  87. package/dist/esm/limel-chip-set.entry.js +1 -1
  88. package/dist/esm/limel-collapsible-section.entry.js +1 -1
  89. package/dist/esm/limel-date-picker.entry.js +46 -6
  90. package/dist/esm/limel-dialog.entry.js +1 -1
  91. package/dist/esm/limel-dock-button.entry.js +7 -2
  92. package/dist/esm/limel-dock.entry.js +1 -1
  93. package/dist/esm/limel-flatpickr-adapter.entry.js +96 -109
  94. package/dist/esm/limel-form.entry.js +79 -1
  95. package/dist/esm/limel-header.entry.js +2 -2
  96. package/dist/esm/limel-info-tile.entry.js +4 -1
  97. package/dist/esm/limel-input-field.entry.js +2 -2
  98. package/dist/esm/limel-menu-list.entry.js +7 -1
  99. package/dist/esm/limel-menu.entry.js +10 -2
  100. package/dist/esm/limel-portal.entry.js +3 -4
  101. package/dist/esm/limel-select.entry.js +1 -1
  102. package/dist/esm/limel-slider.entry.js +1 -1
  103. package/dist/esm/limel-snackbar.entry.js +1 -1
  104. package/dist/esm/limel-spinner.entry.js +1 -1
  105. package/dist/esm/limel-split-button.entry.js +1 -1
  106. package/dist/esm/limel-tab-bar.entry.js +1 -1
  107. package/dist/esm/limel-tab-panel.entry.js +1 -1
  108. package/dist/esm/loader.js +1 -1
  109. package/dist/esm/{dateFormatter-784c3334.js → sv-336c4576.js} +222 -173
  110. package/dist/lime-elements/lime-elements.esm.js +1 -1
  111. package/dist/lime-elements/p-071e8438.entry.js +82 -0
  112. package/dist/lime-elements/{p-a8d38277.entry.js → p-10e259de.entry.js} +1 -1
  113. package/dist/lime-elements/p-2c9843fe.entry.js +16 -0
  114. package/dist/lime-elements/p-2fd478df.entry.js +1 -0
  115. package/dist/lime-elements/p-34c12f6d.entry.js +1 -0
  116. package/dist/lime-elements/p-3a7b55ce.entry.js +1 -0
  117. package/dist/lime-elements/p-3be2dfc7.entry.js +1 -0
  118. package/dist/lime-elements/{p-06f2f6b4.entry.js → p-3fda3473.entry.js} +1 -1
  119. package/dist/lime-elements/{p-65a3be2c.entry.js → p-404aca86.entry.js} +1 -1
  120. package/dist/lime-elements/p-4620a38e.entry.js +1 -0
  121. package/dist/lime-elements/{p-73df4d83.js → p-4dd9a5a5.js} +5 -3
  122. package/dist/lime-elements/{p-524bd0cc.entry.js → p-5393213b.entry.js} +1 -1
  123. package/dist/lime-elements/{p-e5213a54.entry.js → p-55c8cb64.entry.js} +4 -4
  124. package/dist/lime-elements/{p-c234a991.entry.js → p-878b61cd.entry.js} +1 -1
  125. package/dist/lime-elements/{p-864db270.entry.js → p-88e60f06.entry.js} +1 -1
  126. package/dist/lime-elements/{p-d379f4d6.entry.js → p-8c4e3b46.entry.js} +1 -1
  127. package/dist/lime-elements/{p-5f13035a.entry.js → p-95cefb5f.entry.js} +1 -1
  128. package/dist/lime-elements/p-98caf010.entry.js +1 -0
  129. package/dist/lime-elements/p-b40f37d7.entry.js +1 -0
  130. package/dist/lime-elements/p-c6c0d63c.entry.js +1 -0
  131. package/dist/lime-elements/{p-b079fc71.entry.js → p-cc3529bb.entry.js} +1 -1
  132. package/dist/lime-elements/p-d16b27b9.entry.js +1 -0
  133. package/dist/lime-elements/{p-a0c78744.entry.js → p-d3222d6c.entry.js} +1 -1
  134. package/dist/lime-elements/{p-d9c96100.entry.js → p-dcf88b3e.entry.js} +1 -1
  135. package/dist/lime-elements/p-f7875f4a.entry.js +1 -0
  136. package/dist/lime-elements/style/internal/shared_input-select-picker.scss +4 -0
  137. package/dist/lime-elements/style/internal/z-index.scss +0 -1
  138. package/dist/types/components/badge/badge.d.ts +4 -2
  139. package/dist/types/components/button/button.d.ts +3 -3
  140. package/dist/types/components/button/button.types.d.ts +4 -0
  141. package/dist/types/components/button-group/button-group.d.ts +2 -0
  142. package/dist/types/components/date-picker/date-picker.d.ts +10 -0
  143. package/dist/types/components/date-picker/date.types.d.ts +1 -1
  144. package/dist/types/components/date-picker/dateFormatter.d.ts +3 -2
  145. package/dist/types/components/date-picker/flatpickr-adapter/flatpickr-adapter.d.ts +1 -0
  146. package/dist/types/components/date-picker/pickers/Picker.d.ts +4 -2
  147. package/dist/types/components/dock/dock-button/dock-button.d.ts +1 -0
  148. package/dist/types/components/dock/dock.d.ts +1 -0
  149. package/dist/types/components/dock/dock.types.d.ts +4 -0
  150. package/dist/types/components/form/form.d.ts +1 -0
  151. package/dist/types/components/form/form.types.d.ts +16 -1
  152. package/dist/types/components/form/row/row.d.ts +16 -0
  153. package/dist/types/components/form/templates/row-layout.d.ts +11 -0
  154. package/dist/types/components/form/templates/types.d.ts +3 -0
  155. package/dist/types/components/header/header.d.ts +6 -1
  156. package/dist/types/components/menu/menu.d.ts +3 -0
  157. package/dist/types/components/menu/menu.types.d.ts +4 -0
  158. package/dist/types/components/menu-list/menu-list-renderer.d.ts +1 -0
  159. package/dist/types/components.d.ts +11 -1
  160. package/package.json +23 -20
  161. package/dist/lime-elements/p-52e18d94.entry.js +0 -1
  162. package/dist/lime-elements/p-61b3352f.entry.js +0 -1
  163. package/dist/lime-elements/p-8ca53aa2.entry.js +0 -1
  164. package/dist/lime-elements/p-90961075.entry.js +0 -1
  165. package/dist/lime-elements/p-91604294.entry.js +0 -1
  166. package/dist/lime-elements/p-95fd48d0.entry.js +0 -82
  167. package/dist/lime-elements/p-c4a89055.entry.js +0 -16
  168. package/dist/lime-elements/p-c6c37de3.entry.js +0 -1
  169. package/dist/lime-elements/p-cc9f89a9.entry.js +0 -1
  170. package/dist/lime-elements/p-d512656b.entry.js +0 -1
  171. package/dist/lime-elements/p-e6a11b73.entry.js +0 -1
  172. package/dist/lime-elements/p-f9958763.entry.js +0 -1
@@ -124,16 +124,14 @@
124
124
  }
125
125
  .mdc-slider__thumb.mdc-ripple-upgraded::after {
126
126
  top: 0;
127
- /* @noflip */
128
- /*rtl:ignore*/
127
+ /* @noflip */ /*rtl:ignore*/
129
128
  left: 0;
130
129
  transform: scale(0);
131
130
  transform-origin: center center;
132
131
  }
133
132
  .mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after {
134
133
  top: var(--mdc-ripple-top, 0);
135
- /* @noflip */
136
- /*rtl:ignore*/
134
+ /* @noflip */ /*rtl:ignore*/
137
135
  left: var(--mdc-ripple-left, 0);
138
136
  }
139
137
  .mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after {
@@ -145,16 +143,14 @@
145
143
  }
146
144
  .mdc-slider__thumb::before, .mdc-slider__thumb::after {
147
145
  top: calc(50% - 50%);
148
- /* @noflip */
149
- /*rtl:ignore*/
146
+ /* @noflip */ /*rtl:ignore*/
150
147
  left: calc(50% - 50%);
151
148
  width: 100%;
152
149
  height: 100%;
153
150
  }
154
151
  .mdc-slider__thumb.mdc-ripple-upgraded::before, .mdc-slider__thumb.mdc-ripple-upgraded::after {
155
152
  top: var(--mdc-ripple-top, calc(50% - 50%));
156
- /* @noflip */
157
- /*rtl:ignore*/
153
+ /* @noflip */ /*rtl:ignore*/
158
154
  left: var(--mdc-ripple-left, calc(50% - 50%));
159
155
  width: var(--mdc-ripple-fg-size, 100%);
160
156
  height: var(--mdc-ripple-fg-size, 100%);
@@ -225,20 +221,16 @@
225
221
  height: 100%;
226
222
  width: 100%;
227
223
  position: relative;
228
- /* @noflip */
229
- /*rtl:ignore*/
224
+ /* @noflip */ /*rtl:ignore*/
230
225
  -webkit-transform-origin: left;
231
- /* @noflip */
232
- /*rtl:ignore*/
226
+ /* @noflip */ /*rtl:ignore*/
233
227
  transform-origin: left;
234
228
  }
235
229
  [dir=rtl] .mdc-slider .mdc-slider__track--active_fill, .mdc-slider .mdc-slider__track--active_fill[dir=rtl] {
236
230
  /*rtl:begin:ignore*/
237
- /* @noflip */
238
- /*rtl:ignore*/
231
+ /* @noflip */ /*rtl:ignore*/
239
232
  -webkit-transform-origin: right;
240
- /* @noflip */
241
- /*rtl:ignore*/
233
+ /* @noflip */ /*rtl:ignore*/
242
234
  transform-origin: right;
243
235
  /*rtl:end:ignore*/
244
236
  }
@@ -285,8 +277,7 @@
285
277
  }
286
278
  .mdc-slider .mdc-slider__value-indicator-container {
287
279
  bottom: 44px;
288
- /* @noflip */
289
- /*rtl:ignore*/
280
+ /* @noflip */ /*rtl:ignore*/
290
281
  left: 50%;
291
282
  pointer-events: none;
292
283
  position: absolute;
@@ -309,8 +300,7 @@
309
300
  bottom: -5px;
310
301
  content: "";
311
302
  height: 0;
312
- /* @noflip */
313
- /*rtl:ignore*/
303
+ /* @noflip */ /*rtl:ignore*/
314
304
  left: 50%;
315
305
  position: absolute;
316
306
  transform: translateX(-50%);
@@ -337,7 +327,7 @@
337
327
  }
338
328
  @media (prefers-reduced-motion) {
339
329
  .mdc-slider .mdc-slider__value-indicator,
340
- .mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
330
+ .mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
341
331
  transition: none;
342
332
  }
343
333
  }
@@ -381,8 +371,7 @@
381
371
  .mdc-slider .mdc-slider__thumb {
382
372
  display: flex;
383
373
  height: 48px;
384
- /* @noflip */
385
- /*rtl:ignore*/
374
+ /* @noflip */ /*rtl:ignore*/
386
375
  left: -24px;
387
376
  outline: none;
388
377
  position: absolute;
@@ -404,8 +393,7 @@
404
393
  border-radius: 50%;
405
394
  box-sizing: border-box;
406
395
  height: 20px;
407
- /* @noflip */
408
- /*rtl:ignore*/
396
+ /* @noflip */ /*rtl:ignore*/
409
397
  left: 50%;
410
398
  position: absolute;
411
399
  top: 50%;
@@ -515,7 +503,7 @@
515
503
  }
516
504
  @media (prefers-reduced-motion) {
517
505
  .mdc-slider--discrete .mdc-slider__thumb,
518
- .mdc-slider--discrete .mdc-slider__track--active_fill {
506
+ .mdc-slider--discrete .mdc-slider__track--active_fill {
519
507
  transition: none;
520
508
  }
521
509
  }
@@ -554,14 +542,11 @@
554
542
  /* @alternate */
555
543
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
556
544
  position: absolute;
557
- /* @noflip */
558
- /*rtl:ignore*/
545
+ /* @noflip */ /*rtl:ignore*/
559
546
  left: 0;
560
- /* @noflip */
561
- /*rtl:ignore*/
547
+ /* @noflip */ /*rtl:ignore*/
562
548
  -webkit-transform-origin: left top;
563
- /* @noflip */
564
- /*rtl:ignore*/
549
+ /* @noflip */ /*rtl:ignore*/
565
550
  transform-origin: left top;
566
551
  line-height: 1.15rem;
567
552
  text-align: left;
@@ -575,20 +560,15 @@
575
560
  }
576
561
  [dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
577
562
  /*rtl:begin:ignore*/
578
- /* @noflip */
579
- /*rtl:ignore*/
563
+ /* @noflip */ /*rtl:ignore*/
580
564
  right: 0;
581
- /* @noflip */
582
- /*rtl:ignore*/
565
+ /* @noflip */ /*rtl:ignore*/
583
566
  left: auto;
584
- /* @noflip */
585
- /*rtl:ignore*/
567
+ /* @noflip */ /*rtl:ignore*/
586
568
  -webkit-transform-origin: right top;
587
- /* @noflip */
588
- /*rtl:ignore*/
569
+ /* @noflip */ /*rtl:ignore*/
589
570
  transform-origin: right top;
590
- /* @noflip */
591
- /*rtl:ignore*/
571
+ /* @noflip */ /*rtl:ignore*/
592
572
  text-align: right;
593
573
  /*rtl:end:ignore*/
594
574
  }
@@ -598,11 +578,9 @@
598
578
  }
599
579
 
600
580
  .mdc-floating-label--required::after {
601
- /* @noflip */
602
- /*rtl:ignore*/
581
+ /* @noflip */ /*rtl:ignore*/
603
582
  margin-left: 1px;
604
- /* @noflip */
605
- /*rtl:ignore*/
583
+ /* @noflip */ /*rtl:ignore*/
606
584
  margin-right: 0px;
607
585
  content: "*";
608
586
  }
@@ -611,11 +589,9 @@
611
589
  /*rtl:end:ignore*/
612
590
  }
613
591
  [dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
614
- /* @noflip */
615
- /*rtl:ignore*/
592
+ /* @noflip */ /*rtl:ignore*/
616
593
  margin-left: 0;
617
- /* @noflip */
618
- /*rtl:ignore*/
594
+ /* @noflip */ /*rtl:ignore*/
619
595
  margin-right: 1px;
620
596
  }
621
597
 
@@ -629,25 +605,21 @@
629
605
 
630
606
  @keyframes mdc-floating-label-shake-float-above-standard {
631
607
  0% {
632
- /* @noflip */
633
- /*rtl:ignore*/
608
+ /* @noflip */ /*rtl:ignore*/
634
609
  transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
635
610
  }
636
611
  33% {
637
612
  animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
638
- /* @noflip */
639
- /*rtl:ignore*/
613
+ /* @noflip */ /*rtl:ignore*/
640
614
  transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
641
615
  }
642
616
  66% {
643
617
  animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
644
- /* @noflip */
645
- /*rtl:ignore*/
618
+ /* @noflip */ /*rtl:ignore*/
646
619
  transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
647
620
  }
648
621
  100% {
649
- /* @noflip */
650
- /*rtl:ignore*/
622
+ /* @noflip */ /*rtl:ignore*/
651
623
  transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
652
624
  }
653
625
  }
@@ -686,6 +658,7 @@
686
658
  opacity: 0.7;
687
659
  font-size: 0.75rem;
688
660
  top: 1.25rem;
661
+ color: rgba(var(--contrast-1200), 1);
689
662
  }
690
663
  .slider:hover .slider__content-min-label,
691
664
  .slider:hover .slider__content-max-label {
@@ -127,21 +127,17 @@
127
127
  }
128
128
 
129
129
  .mdc-snackbar--stacked .mdc-snackbar__label {
130
- /* @noflip */
131
- /*rtl:ignore*/
130
+ /* @noflip */ /*rtl:ignore*/
132
131
  padding-left: 16px;
133
- /* @noflip */
134
- /*rtl:ignore*/
132
+ /* @noflip */ /*rtl:ignore*/
135
133
  padding-right: 8px;
136
134
  padding-bottom: 12px;
137
135
  }
138
136
  [dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label, .mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl] {
139
137
  /*rtl:begin:ignore*/
140
- /* @noflip */
141
- /*rtl:ignore*/
138
+ /* @noflip */ /*rtl:ignore*/
142
139
  padding-left: 8px;
143
- /* @noflip */
144
- /*rtl:ignore*/
140
+ /* @noflip */ /*rtl:ignore*/
145
141
  padding-right: 16px;
146
142
  /*rtl:end:ignore*/
147
143
  }
@@ -156,11 +152,9 @@
156
152
  }
157
153
 
158
154
  .mdc-snackbar__surface {
159
- /* @noflip */
160
- /*rtl:ignore*/
155
+ /* @noflip */ /*rtl:ignore*/
161
156
  padding-left: 0;
162
- /* @noflip */
163
- /*rtl:ignore*/
157
+ /* @noflip */ /*rtl:ignore*/
164
158
  padding-right: 8px;
165
159
  display: flex;
166
160
  align-items: center;
@@ -183,11 +177,9 @@
183
177
  }
184
178
  [dir=rtl] .mdc-snackbar__surface, .mdc-snackbar__surface[dir=rtl] {
185
179
  /*rtl:begin:ignore*/
186
- /* @noflip */
187
- /*rtl:ignore*/
180
+ /* @noflip */ /*rtl:ignore*/
188
181
  padding-left: 8px;
189
- /* @noflip */
190
- /*rtl:ignore*/
182
+ /* @noflip */ /*rtl:ignore*/
191
183
  padding-right: 0;
192
184
  /*rtl:end:ignore*/
193
185
  }
@@ -227,11 +219,9 @@
227
219
  text-transform: inherit;
228
220
  /* @alternate */
229
221
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
230
- /* @noflip */
231
- /*rtl:ignore*/
222
+ /* @noflip */ /*rtl:ignore*/
232
223
  padding-left: 16px;
233
- /* @noflip */
234
- /*rtl:ignore*/
224
+ /* @noflip */ /*rtl:ignore*/
235
225
  padding-right: 8px;
236
226
  width: 100%;
237
227
  flex-grow: 1;
@@ -243,11 +233,9 @@
243
233
  }
244
234
  [dir=rtl] .mdc-snackbar__label, .mdc-snackbar__label[dir=rtl] {
245
235
  /*rtl:begin:ignore*/
246
- /* @noflip */
247
- /*rtl:ignore*/
236
+ /* @noflip */ /*rtl:ignore*/
248
237
  padding-left: 8px;
249
- /* @noflip */
250
- /*rtl:ignore*/
238
+ /* @noflip */ /*rtl:ignore*/
251
239
  padding-right: 16px;
252
240
  /*rtl:end:ignore*/
253
241
  }
@@ -350,28 +338,23 @@
350
338
  position: absolute;
351
339
  top: 50%;
352
340
  height: 36px;
353
- /* @noflip */
354
- /*rtl:ignore*/
341
+ /* @noflip */ /*rtl:ignore*/
355
342
  left: 50%;
356
343
  width: 36px;
357
344
  transform: translate(-50%, -50%);
358
345
  }
359
346
 
360
347
  .mdc-snackbar__action + .mdc-snackbar__dismiss {
361
- /* @noflip */
362
- /*rtl:ignore*/
348
+ /* @noflip */ /*rtl:ignore*/
363
349
  margin-left: 8px;
364
- /* @noflip */
365
- /*rtl:ignore*/
350
+ /* @noflip */ /*rtl:ignore*/
366
351
  margin-right: 0;
367
352
  }
368
353
  [dir=rtl] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir=rtl] {
369
354
  /*rtl:begin:ignore*/
370
- /* @noflip */
371
- /*rtl:ignore*/
355
+ /* @noflip */ /*rtl:ignore*/
372
356
  margin-left: 0;
373
- /* @noflip */
374
- /*rtl:ignore*/
357
+ /* @noflip */ /*rtl:ignore*/
375
358
  margin-right: 8px;
376
359
  /*rtl:end:ignore*/
377
360
  }
@@ -383,6 +366,8 @@
383
366
 
384
367
  .mdc-snackbar__label {
385
368
  color: var(--mdc-theme-on-surface);
369
+ display: flex;
370
+ justify-content: center;
386
371
  }
387
372
 
388
373
  .mdc-snackbar__actions {
@@ -179,7 +179,7 @@ export class Snackbar {
179
179
  "mutable": false,
180
180
  "complexType": {
181
181
  "original": "Languages",
182
- "resolved": "\"da\" | \"en\" | \"fi\" | \"nb\" | \"nl\" | \"no\" | \"sv\"",
182
+ "resolved": "\"da\" | \"de\" | \"en\" | \"fi\" | \"fr\" | \"nb\" | \"nl\" | \"no\" | \"sv\"",
183
183
  "references": {
184
184
  "Languages": {
185
185
  "location": "import",
@@ -76,6 +76,10 @@
76
76
  * @prop --spinner-color-9: 9th animated stroke color, defaults to `--lime-brand-color-dark-blue`.
77
77
  * @prop --spinner-color-10: 10th animated stroke color, defaults to `--lime-brand-color-light-grey`.
78
78
  */
79
+ :host(limel-spinner) {
80
+ display: block;
81
+ }
82
+
79
83
  @keyframes spin {
80
84
  50% {
81
85
  transform: rotate(180deg);
@@ -16,6 +16,14 @@
16
16
  box-sizing: border-box;
17
17
  }
18
18
 
19
+ :host([disabled]) {
20
+ pointer-events: none;
21
+ }
22
+
23
+ limel-button {
24
+ width: 100%;
25
+ }
26
+
19
27
  limel-menu {
20
28
  display: flex;
21
29
  justify-content: flex-end;
@@ -106,8 +106,7 @@
106
106
  box-sizing: border-box;
107
107
  content: "";
108
108
  height: 100%;
109
- /* @noflip */
110
- /*rtl:ignore*/
109
+ /* @noflip */ /*rtl:ignore*/
111
110
  left: 0;
112
111
  position: absolute;
113
112
  width: 100%;
@@ -147,21 +146,17 @@
147
146
  position: absolute;
148
147
  top: 0;
149
148
  transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
150
- /* @noflip */
151
- /*rtl:ignore*/
149
+ /* @noflip */ /*rtl:ignore*/
152
150
  left: 0;
153
- /* @noflip */
154
- /*rtl:ignore*/
151
+ /* @noflip */ /*rtl:ignore*/
155
152
  right: auto;
156
153
  transform: translateX(0);
157
154
  }
158
155
  [dir=rtl] .mdc-switch__handle-track, .mdc-switch__handle-track[dir=rtl] {
159
156
  /*rtl:begin:ignore*/
160
- /* @noflip */
161
- /*rtl:ignore*/
157
+ /* @noflip */ /*rtl:ignore*/
162
158
  left: auto;
163
- /* @noflip */
164
- /*rtl:ignore*/
159
+ /* @noflip */ /*rtl:ignore*/
165
160
  right: 0;
166
161
  /*rtl:end:ignore*/
167
162
  }
@@ -181,20 +176,16 @@
181
176
  position: absolute;
182
177
  top: 50%;
183
178
  transform: translateY(-50%);
184
- /* @noflip */
185
- /*rtl:ignore*/
179
+ /* @noflip */ /*rtl:ignore*/
186
180
  left: 0;
187
- /* @noflip */
188
- /*rtl:ignore*/
181
+ /* @noflip */ /*rtl:ignore*/
189
182
  right: auto;
190
183
  }
191
184
  [dir=rtl] .mdc-switch__handle, .mdc-switch__handle[dir=rtl] {
192
185
  /*rtl:begin:ignore*/
193
- /* @noflip */
194
- /*rtl:ignore*/
186
+ /* @noflip */ /*rtl:ignore*/
195
187
  left: auto;
196
- /* @noflip */
197
- /*rtl:ignore*/
188
+ /* @noflip */ /*rtl:ignore*/
198
189
  right: 0;
199
190
  /*rtl:end:ignore*/
200
191
  }
@@ -206,8 +197,7 @@
206
197
  content: "";
207
198
  width: 100%;
208
199
  height: 100%;
209
- /* @noflip */
210
- /*rtl:ignore*/
200
+ /* @noflip */ /*rtl:ignore*/
211
201
  left: 0;
212
202
  position: absolute;
213
203
  top: 0;
@@ -218,30 +208,25 @@
218
208
  .mdc-switch__shadow {
219
209
  border-radius: inherit;
220
210
  bottom: 0;
221
- /* @noflip */
222
- /*rtl:ignore*/
211
+ /* @noflip */ /*rtl:ignore*/
223
212
  left: 0;
224
213
  position: absolute;
225
- /* @noflip */
226
- /*rtl:ignore*/
214
+ /* @noflip */ /*rtl:ignore*/
227
215
  right: 0;
228
216
  top: 0;
229
217
  }
230
218
 
231
219
  .mdc-elevation-overlay {
232
220
  bottom: 0;
233
- /* @noflip */
234
- /*rtl:ignore*/
221
+ /* @noflip */ /*rtl:ignore*/
235
222
  left: 0;
236
- /* @noflip */
237
- /*rtl:ignore*/
223
+ /* @noflip */ /*rtl:ignore*/
238
224
  right: 0;
239
225
  top: 0;
240
226
  }
241
227
 
242
228
  .mdc-switch__ripple {
243
- /* @noflip */
244
- /*rtl:ignore*/
229
+ /* @noflip */ /*rtl:ignore*/
245
230
  left: 50%;
246
231
  position: absolute;
247
232
  top: 50%;
@@ -261,13 +246,11 @@
261
246
 
262
247
  .mdc-switch__icon {
263
248
  bottom: 0;
264
- /* @noflip */
265
- /*rtl:ignore*/
249
+ /* @noflip */ /*rtl:ignore*/
266
250
  left: 0;
267
251
  margin: auto;
268
252
  position: absolute;
269
- /* @noflip */
270
- /*rtl:ignore*/
253
+ /* @noflip */ /*rtl:ignore*/
271
254
  right: 0;
272
255
  top: 0;
273
256
  opacity: 0;
@@ -341,16 +324,14 @@
341
324
  }
342
325
  .mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after {
343
326
  top: 0;
344
- /* @noflip */
345
- /*rtl:ignore*/
327
+ /* @noflip */ /*rtl:ignore*/
346
328
  left: 0;
347
329
  transform: scale(0);
348
330
  transform-origin: center center;
349
331
  }
350
332
  .mdc-switch.mdc-ripple-upgraded--unbounded .mdc-switch__ripple::after {
351
333
  top: var(--mdc-ripple-top, 0);
352
- /* @noflip */
353
- /*rtl:ignore*/
334
+ /* @noflip */ /*rtl:ignore*/
354
335
  left: var(--mdc-ripple-left, 0);
355
336
  }
356
337
  .mdc-switch.mdc-ripple-upgraded--foreground-activation .mdc-switch__ripple::after {
@@ -363,8 +344,7 @@
363
344
  .mdc-switch .mdc-switch__ripple::before,
364
345
  .mdc-switch .mdc-switch__ripple::after {
365
346
  top: calc(50% - 50%);
366
- /* @noflip */
367
- /*rtl:ignore*/
347
+ /* @noflip */ /*rtl:ignore*/
368
348
  left: calc(50% - 50%);
369
349
  width: 100%;
370
350
  height: 100%;
@@ -372,8 +352,7 @@
372
352
  .mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before,
373
353
  .mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after {
374
354
  top: var(--mdc-ripple-top, calc(50% - 50%));
375
- /* @noflip */
376
- /*rtl:ignore*/
355
+ /* @noflip */ /*rtl:ignore*/
377
356
  left: var(--mdc-ripple-left, calc(50% - 50%));
378
357
  width: var(--mdc-ripple-fg-size, 100%);
379
358
  height: var(--mdc-ripple-fg-size, 100%);
@@ -736,43 +715,36 @@
736
715
  /* @alternate */
737
716
  opacity: var(--mdc-switch-disabled-handle-opacity, 1);
738
717
  }
739
-
740
718
  .mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon {
741
719
  fill: ButtonText;
742
720
  /* @alternate */
743
721
  fill: var(--mdc-switch-selected-icon-color, ButtonText);
744
722
  }
745
-
746
723
  .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon {
747
724
  fill: GrayText;
748
725
  /* @alternate */
749
726
  fill: var(--mdc-switch-disabled-selected-icon-color, GrayText);
750
727
  }
751
-
752
728
  .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon {
753
729
  fill: ButtonText;
754
730
  /* @alternate */
755
731
  fill: var(--mdc-switch-unselected-icon-color, ButtonText);
756
732
  }
757
-
758
733
  .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon {
759
734
  fill: GrayText;
760
735
  /* @alternate */
761
736
  fill: var(--mdc-switch-disabled-unselected-icon-color, GrayText);
762
737
  }
763
-
764
738
  .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons {
765
739
  opacity: 1;
766
740
  /* @alternate */
767
741
  opacity: var(--mdc-switch-disabled-selected-icon-opacity, 1);
768
742
  }
769
-
770
743
  .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons {
771
744
  opacity: 1;
772
745
  /* @alternate */
773
746
  opacity: var(--mdc-switch-disabled-unselected-icon-opacity, 1);
774
747
  }
775
-
776
748
  .mdc-switch:disabled .mdc-switch__track {
777
749
  opacity: 1;
778
750
  /* @alternate */
@@ -387,20 +387,16 @@
387
387
  }
388
388
 
389
389
  .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
390
- /* @noflip */
391
- /*rtl:ignore*/
390
+ /* @noflip */ /*rtl:ignore*/
392
391
  padding-left: 8px;
393
- /* @noflip */
394
- /*rtl:ignore*/
392
+ /* @noflip */ /*rtl:ignore*/
395
393
  padding-right: 0;
396
394
  }
397
395
  [dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir=rtl] {
398
396
  /*rtl:begin:ignore*/
399
- /* @noflip */
400
- /*rtl:ignore*/
397
+ /* @noflip */ /*rtl:ignore*/
401
398
  padding-left: 0;
402
- /* @noflip */
403
- /*rtl:ignore*/
399
+ /* @noflip */ /*rtl:ignore*/
404
400
  padding-right: 8px;
405
401
  /*rtl:end:ignore*/
406
402
  }
@@ -465,16 +461,14 @@
465
461
  }
466
462
  .mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after {
467
463
  top: 0;
468
- /* @noflip */
469
- /*rtl:ignore*/
464
+ /* @noflip */ /*rtl:ignore*/
470
465
  left: 0;
471
466
  transform: scale(0);
472
467
  transform-origin: center center;
473
468
  }
474
469
  .mdc-tab.mdc-ripple-upgraded--unbounded .mdc-tab__ripple::after {
475
470
  top: var(--mdc-ripple-top, 0);
476
- /* @noflip */
477
- /*rtl:ignore*/
471
+ /* @noflip */ /*rtl:ignore*/
478
472
  left: var(--mdc-ripple-left, 0);
479
473
  }
480
474
  .mdc-tab.mdc-ripple-upgraded--foreground-activation .mdc-tab__ripple::after {
@@ -487,8 +481,7 @@
487
481
  .mdc-tab .mdc-tab__ripple::before,
488
482
  .mdc-tab .mdc-tab__ripple::after {
489
483
  top: calc(50% - 100%);
490
- /* @noflip */
491
- /*rtl:ignore*/
484
+ /* @noflip */ /*rtl:ignore*/
492
485
  left: calc(50% - 100%);
493
486
  width: 200%;
494
487
  height: 200%;
@@ -569,7 +562,10 @@
569
562
 
570
563
  .scroll-button {
571
564
  --icon-background-color: rgb(var(--contrast-100));
572
- top: 0.25rem;
565
+ display: flex;
566
+ align-items: center;
567
+ top: 0;
568
+ bottom: 0;
573
569
  }
574
570
  .scroll-button.left {
575
571
  transform: translate3d(-4.0625rem, 0, 0);
@@ -601,11 +597,16 @@
601
597
  }
602
598
 
603
599
  .mdc-tab-scroller__scroll-content {
604
- padding: 0.5rem 0.75rem 0 0.75rem;
600
+ padding: 0.25rem 0.75rem 0 0.75rem;
605
601
  background-color: rgb(var(--contrast-300));
606
602
  }
607
603
 
608
- :host {
604
+ :host(limel-tab-bar) {
605
+ --limel-active-tab-background-color: var(
606
+ --tab-panel-background-color,
607
+ rgb(var(--contrast-100))
608
+ );
609
+ isolation: isolate;
609
610
  display: block;
610
611
  position: relative;
611
612
  }
@@ -661,7 +662,7 @@
661
662
 
662
663
  .mdc-tab--active {
663
664
  border-radius: 0.625rem 0.625rem 0 0;
664
- background-color: rgb(var(--contrast-100));
665
+ background-color: var(--limel-active-tab-background-color);
665
666
  z-index: 2;
666
667
  }
667
668
  .mdc-tab--active:before, .mdc-tab--active:after {
@@ -671,7 +672,7 @@
671
672
  height: 0.75rem;
672
673
  position: absolute;
673
674
  bottom: 0;
674
- background-color: rgb(var(--contrast-100));
675
+ background-color: var(--limel-active-tab-background-color);
675
676
  -webkit-mask-image: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 50 50'><defs/><path d='M0 0c0 27.594 22.406 50 50 50H0V0z'/></svg>");
676
677
  mask-image: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 50 50'><defs/><path d='M0 0c0 27.594 22.406 50 50 50H0V0z'/></svg>");
677
678
  }