@limetech/lime-elements 35.0.0-next.14 → 35.0.0-next.15

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 (118) hide show
  1. package/dist/cjs/{component-f7ef9087.js → component-66df95e7.js} +190 -132
  2. package/dist/cjs/{component-f532119f.js → component-67144c1c.js} +47 -3
  3. package/dist/cjs/{component-ed21410d.js → component-ae3bfacf.js} +367 -235
  4. package/dist/cjs/{component-2faaa141.js → component-cf490570.js} +213 -143
  5. package/dist/cjs/{component-10dbdd60.js → component-dd795ff0.js} +7 -5
  6. package/dist/cjs/limel-button-group.cjs.entry.js +1 -1
  7. package/dist/cjs/limel-button.cjs.entry.js +1 -1
  8. package/dist/cjs/limel-checkbox.cjs.entry.js +129 -84
  9. package/dist/cjs/limel-chip-set.cjs.entry.js +233 -189
  10. package/dist/cjs/limel-circular-progress.cjs.entry.js +1 -1
  11. package/dist/cjs/limel-date-picker.cjs.entry.js +4 -4
  12. package/dist/cjs/limel-dialog.cjs.entry.js +7 -8
  13. package/dist/cjs/limel-file.cjs.entry.js +4 -4
  14. package/dist/cjs/limel-form.cjs.entry.js +1 -1
  15. package/dist/cjs/limel-icon-button.cjs.entry.js +4 -4
  16. package/dist/cjs/limel-input-field.cjs.entry.js +5 -5
  17. package/dist/cjs/limel-linear-progress.cjs.entry.js +2 -2
  18. package/dist/cjs/limel-list_3.cjs.entry.js +5 -5
  19. package/dist/cjs/limel-menu-list.cjs.entry.js +84 -68
  20. package/dist/cjs/limel-select.cjs.entry.js +3 -3
  21. package/dist/cjs/limel-slider.cjs.entry.js +32 -5
  22. package/dist/cjs/limel-snackbar.cjs.entry.js +77 -71
  23. package/dist/cjs/limel-switch.cjs.entry.js +496 -200
  24. package/dist/cjs/limel-tab-bar.cjs.entry.js +261 -184
  25. package/dist/cjs/limel-table.cjs.entry.js +1 -1
  26. package/dist/collection/components/button/button.css +333 -145
  27. package/dist/collection/components/button-group/button-group.css +30 -5
  28. package/dist/collection/components/checkbox/checkbox.css +45 -13
  29. package/dist/collection/components/chip-set/chip-set.css +366 -33
  30. package/dist/collection/components/circular-progress/circular-progress.css +2 -2
  31. package/dist/collection/components/dialog/dialog.css +153 -109
  32. package/dist/collection/components/form/form.css +3 -1
  33. package/dist/collection/components/icon-button/icon-button.css +116 -59
  34. package/dist/collection/components/icon-button/icon-button.js +1 -0
  35. package/dist/collection/components/input-field/input-field.css +337 -29
  36. package/dist/collection/components/linear-progress/linear-progress.css +14 -2
  37. package/dist/collection/components/list/list.css +902 -86
  38. package/dist/collection/components/menu-list/menu-list.css +902 -86
  39. package/dist/collection/components/menu-surface/menu-surface.css +31 -7
  40. package/dist/collection/components/select/select.css +424 -17
  41. package/dist/collection/components/slider/slider.css +49 -2
  42. package/dist/collection/components/snackbar/snackbar.css +588 -301
  43. package/dist/collection/components/switch/switch.css +592 -222
  44. package/dist/collection/components/switch/switch.js +18 -12
  45. package/dist/collection/components/tab-bar/tab-bar.css +63 -36
  46. package/dist/collection/components/table/table.css +10 -4
  47. package/dist/collection/style/functions.scss +3 -1
  48. package/dist/esm/{component-89e0ce26.js → component-19eb6e2b.js} +7 -5
  49. package/dist/esm/{component-2630c3d7.js → component-288691f3.js} +367 -235
  50. package/dist/esm/{component-d682c974.js → component-410aad5a.js} +44 -4
  51. package/dist/esm/{component-429e92ee.js → component-5b4ac85a.js} +213 -143
  52. package/dist/esm/{component-834d85a1.js → component-fffa3419.js} +190 -132
  53. package/dist/esm/limel-button-group.entry.js +1 -1
  54. package/dist/esm/limel-button.entry.js +1 -1
  55. package/dist/esm/limel-checkbox.entry.js +129 -84
  56. package/dist/esm/limel-chip-set.entry.js +233 -189
  57. package/dist/esm/limel-circular-progress.entry.js +1 -1
  58. package/dist/esm/limel-date-picker.entry.js +4 -4
  59. package/dist/esm/limel-dialog.entry.js +7 -8
  60. package/dist/esm/limel-file.entry.js +4 -4
  61. package/dist/esm/limel-form.entry.js +1 -1
  62. package/dist/esm/limel-icon-button.entry.js +4 -4
  63. package/dist/esm/limel-input-field.entry.js +5 -5
  64. package/dist/esm/limel-linear-progress.entry.js +2 -2
  65. package/dist/esm/limel-list_3.entry.js +5 -5
  66. package/dist/esm/limel-menu-list.entry.js +84 -68
  67. package/dist/esm/limel-select.entry.js +3 -3
  68. package/dist/esm/limel-slider.entry.js +32 -5
  69. package/dist/esm/limel-snackbar.entry.js +77 -71
  70. package/dist/esm/limel-switch.entry.js +496 -200
  71. package/dist/esm/limel-tab-bar.entry.js +261 -184
  72. package/dist/esm/limel-table.entry.js +1 -1
  73. package/dist/lime-elements/lime-elements.esm.js +1 -1
  74. package/dist/lime-elements/p-09593e7a.entry.js +1 -0
  75. package/dist/lime-elements/p-0f5cbdea.entry.js +1 -0
  76. package/dist/lime-elements/p-1c284626.js +73 -0
  77. package/dist/lime-elements/{p-8ad5e143.entry.js → p-22f5ab58.entry.js} +1 -1
  78. package/dist/lime-elements/p-3084b02c.entry.js +73 -0
  79. package/dist/lime-elements/p-3e87bb28.entry.js +82 -0
  80. package/dist/lime-elements/p-433f8f64.entry.js +82 -0
  81. package/dist/lime-elements/{p-076bd4dc.js → p-48d4ef20.js} +3 -3
  82. package/dist/lime-elements/p-4e486308.entry.js +82 -0
  83. package/dist/lime-elements/p-4f1528ab.entry.js +59 -0
  84. package/dist/lime-elements/{p-e275f502.entry.js → p-57892079.entry.js} +3 -3
  85. package/dist/lime-elements/{p-041ae00c.entry.js → p-783e6e99.entry.js} +1 -1
  86. package/dist/lime-elements/p-82758b66.entry.js +1 -0
  87. package/dist/lime-elements/p-96697356.entry.js +126 -0
  88. package/dist/lime-elements/{p-8590a1b7.entry.js → p-b4a7d61f.entry.js} +1 -1
  89. package/dist/lime-elements/{p-268cf1fa.entry.js → p-bf4ee462.entry.js} +1 -1
  90. package/dist/lime-elements/p-c15adec9.entry.js +37 -0
  91. package/dist/lime-elements/p-cbc43682.js +81 -0
  92. package/dist/lime-elements/{p-ace9affc.js → p-d0a7de87.js} +2 -2
  93. package/dist/lime-elements/p-dfba92de.js +126 -0
  94. package/dist/lime-elements/p-e587e8f6.entry.js +1 -0
  95. package/dist/lime-elements/p-e632aab7.entry.js +1 -0
  96. package/dist/lime-elements/p-ec5e5f63.entry.js +131 -0
  97. package/dist/lime-elements/{p-34c7872e.entry.js → p-f15ab9f4.entry.js} +1 -1
  98. package/dist/lime-elements/p-ff5b1f0f.entry.js +59 -0
  99. package/dist/lime-elements/style/functions.scss +3 -1
  100. package/dist/types/components/switch/switch.d.ts +2 -2
  101. package/package.json +3 -3
  102. package/dist/lime-elements/p-0fd208f3.entry.js +0 -82
  103. package/dist/lime-elements/p-143705b1.entry.js +0 -1
  104. package/dist/lime-elements/p-169fd2eb.entry.js +0 -131
  105. package/dist/lime-elements/p-24d97176.entry.js +0 -1
  106. package/dist/lime-elements/p-510bb5a4.entry.js +0 -1
  107. package/dist/lime-elements/p-51aa6433.entry.js +0 -126
  108. package/dist/lime-elements/p-668795a7.js +0 -73
  109. package/dist/lime-elements/p-67a10143.entry.js +0 -37
  110. package/dist/lime-elements/p-84689828.entry.js +0 -73
  111. package/dist/lime-elements/p-902347b9.js +0 -81
  112. package/dist/lime-elements/p-90c6fa15.js +0 -126
  113. package/dist/lime-elements/p-90f3e17c.entry.js +0 -37
  114. package/dist/lime-elements/p-c35874db.entry.js +0 -1
  115. package/dist/lime-elements/p-c8c8a946.entry.js +0 -59
  116. package/dist/lime-elements/p-ca664c9f.entry.js +0 -1
  117. package/dist/lime-elements/p-d8167c28.entry.js +0 -82
  118. package/dist/lime-elements/p-df8faeb4.entry.js +0 -59
package/dist/collection/components/button-group/button-group.css CHANGED
@@ -67,9 +67,9 @@
67
67
  .mdc-deprecated-chip-trailing-action__touch {
68
68
  position: absolute;
69
69
  top: 50%;
70
- right: 0;
71
70
  height: 48px;
72
71
  /* @noflip */
72
+ /*rtl:ignore*/
73
73
  left: 50%;
74
74
  width: 48px;
75
75
  transform: translate(-50%, -50%);
@@ -168,6 +168,7 @@
168
168
  .mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after {
169
169
  top: 0;
170
170
  /* @noflip */
171
+ /*rtl:ignore*/
171
172
  left: 0;
172
173
  transform: scale(0);
173
174
  transform-origin: center center;
@@ -175,6 +176,7 @@
175
176
  .mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-deprecated-chip-trailing-action__ripple::after {
176
177
  top: var(--mdc-ripple-top, 0);
177
178
  /* @noflip */
179
+ /*rtl:ignore*/
178
180
  left: var(--mdc-ripple-left, 0);
179
181
  }
180
182
  .mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-chip-trailing-action__ripple::after {
@@ -188,6 +190,7 @@
188
190
  .mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after {
189
191
  top: calc(50% - 50%);
190
192
  /* @noflip */
193
+ /*rtl:ignore*/
191
194
  left: calc(50% - 50%);
192
195
  width: 100%;
193
196
  height: 100%;
@@ -196,6 +199,7 @@
196
199
  .mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after {
197
200
  top: var(--mdc-ripple-top, calc(50% - 50%));
198
201
  /* @noflip */
202
+ /*rtl:ignore*/
199
203
  left: var(--mdc-ripple-left, calc(50% - 50%));
200
204
  width: var(--mdc-ripple-fg-size, 100%);
201
205
  height: var(--mdc-ripple-fg-size, 100%);
@@ -278,28 +282,40 @@
278
282
 
279
283
  .mdc-deprecated-chip-trailing-action {
280
284
  /* @noflip */
285
+ /*rtl:ignore*/
281
286
  margin-left: 4px;
282
287
  /* @noflip */
288
+ /*rtl:ignore*/
283
289
  margin-right: -4px;
284
290
  }
285
291
  [dir=rtl] .mdc-deprecated-chip-trailing-action, .mdc-deprecated-chip-trailing-action[dir=rtl] {
292
+ /*rtl:begin:ignore*/
286
293
  /* @noflip */
294
+ /*rtl:ignore*/
287
295
  margin-left: -4px;
288
296
  /* @noflip */
297
+ /*rtl:ignore*/
289
298
  margin-right: 4px;
299
+ /*rtl:end:ignore*/
290
300
  }
291
301
 
292
302
  .mdc-chip__icon--trailing {
293
303
  /* @noflip */
304
+ /*rtl:ignore*/
294
305
  margin-left: 4px;
295
306
  /* @noflip */
307
+ /*rtl:ignore*/
296
308
  margin-right: -4px;
297
309
  }
298
310
  [dir=rtl] .mdc-chip__icon--trailing, .mdc-chip__icon--trailing[dir=rtl] {
311
+ /*rtl:begin:ignore*/
299
312
  /* @noflip */
313
+ /*rtl:ignore*/
300
314
  margin-left: -4px;
301
315
  /* @noflip */
316
+ /*rtl:ignore*/
302
317
  margin-right: 4px;
318
+ /*rtl:end:ignore*/
303
319
  }
304
320
 
305
321
  .mdc-elevation-overlay {
@@ -363,23 +379,29 @@
363
379
  .mdc-chip.mdc-chip--selected .mdc-chip__checkmark,
364
380
  .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
365
381
  /* @noflip */
382
+ /*rtl:ignore*/
366
383
  margin-left: -4px;
367
384
  /* @noflip */
385
+ /*rtl:ignore*/
368
386
  margin-right: 4px;
369
387
  }
370
- [dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl],
371
- [dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden),
372
- .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] {
388
+ [dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, [dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden), .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl], .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] {
389
+ /*rtl:begin:ignore*/
373
390
  /* @noflip */
391
+ /*rtl:ignore*/
374
392
  margin-left: 4px;
375
393
  /* @noflip */
394
+ /*rtl:ignore*/
376
395
  margin-right: -4px;
396
+ /*rtl:end:ignore*/
377
397
  }
398
+
378
399
  .mdc-chip .mdc-elevation-overlay {
379
400
  width: 100%;
380
401
  height: 100%;
381
402
  top: 0;
382
403
  /* @noflip */
404
+ /*rtl:ignore*/
383
405
  left: 0;
384
406
  }
385
407
  .mdc-chip::-moz-focus-inner {
@@ -394,9 +416,9 @@
394
416
  .mdc-chip .mdc-chip__touch {
395
417
  position: absolute;
396
418
  top: 50%;
397
- right: 0;
398
419
  height: 48px;
399
420
  left: 0;
421
+ right: 0;
400
422
  transform: translateY(-50%);
401
423
  }
402
424
 
@@ -541,6 +563,7 @@
541
563
  .mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after {
542
564
  top: 0;
543
565
  /* @noflip */
566
+ /*rtl:ignore*/
544
567
  left: 0;
545
568
  transform: scale(0);
546
569
  transform-origin: center center;
@@ -548,6 +571,7 @@
548
571
  .mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after {
549
572
  top: var(--mdc-ripple-top, 0);
550
573
  /* @noflip */
574
+ /*rtl:ignore*/
551
575
  left: var(--mdc-ripple-left, 0);
552
576
  }
553
577
  .mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after {
@@ -561,6 +585,7 @@
561
585
  .mdc-chip .mdc-chip__ripple::after {
562
586
  top: calc(50% - 100%);
563
587
  /* @noflip */
588
+ /*rtl:ignore*/
564
589
  left: calc(50% - 100%);
565
590
  width: 200%;
566
591
  height: 200%;
package/dist/collection/components/checkbox/checkbox.css CHANGED
@@ -70,7 +70,7 @@
70
70
  padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
71
71
  margin: calc((40px - 40px) / 2);
72
72
  /* @alternate */
73
- margin: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
73
+ margin: calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2);
74
74
  }
75
75
  .mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {
76
76
  background-color: #000;
@@ -145,19 +145,19 @@
145
145
  .mdc-checkbox .mdc-checkbox__native-control {
146
146
  top: calc((40px - 40px) / 2);
147
147
  /* @alternate */
148
- top: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
148
+ top: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
149
149
  right: calc((40px - 40px) / 2);
150
150
  /* @alternate */
151
- right: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
151
+ right: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
152
152
  left: calc((40px - 40px) / 2);
153
153
  /* @alternate */
154
- left: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
154
+ left: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
155
155
  width: 40px;
156
156
  /* @alternate */
157
- width: var(--mdc-checkbox-ripple-size, 40px);
157
+ width: var(--mdc-checkbox-touch-target-size, 40px);
158
158
  height: 40px;
159
159
  /* @alternate */
160
- height: var(--mdc-checkbox-ripple-size, 40px);
160
+ height: var(--mdc-checkbox-touch-target-size, 40px);
161
161
  }
162
162
  .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
163
163
  border-color: rgba(0, 0, 0, 0.54);
@@ -353,7 +353,7 @@
353
353
  vertical-align: bottom;
354
354
  }
355
355
 
356
- @media screen and (-ms-high-contrast: active) {
356
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
357
357
  .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
358
358
  border-color: GrayText;
359
359
  /* @alternate */
@@ -501,24 +501,24 @@
501
501
  .mdc-checkbox--touch {
502
502
  margin: calc((48px - 40px) / 2);
503
503
  /* @alternate */
504
- margin: calc((var(--mdc-checkbox-touch-target-size, 48px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
504
+ margin: calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2);
505
505
  }
506
506
  .mdc-checkbox--touch .mdc-checkbox__native-control {
507
507
  top: calc((40px - 48px) / 2);
508
508
  /* @alternate */
509
- top: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
509
+ top: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
510
510
  right: calc((40px - 48px) / 2);
511
511
  /* @alternate */
512
- right: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
512
+ right: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
513
513
  left: calc((40px - 48px) / 2);
514
514
  /* @alternate */
515
- left: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
515
+ left: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
516
516
  width: 48px;
517
517
  /* @alternate */
518
- width: var(--mdc-checkbox-touch-target-size, 48px);
518
+ width: var(--mdc-checkbox-state-layer-size, 48px);
519
519
  height: 48px;
520
520
  /* @alternate */
521
- height: var(--mdc-checkbox-touch-target-size, 48px);
521
+ height: var(--mdc-checkbox-state-layer-size, 48px);
522
522
  }
523
523
 
524
524
  .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
@@ -610,6 +610,7 @@
610
610
  .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
611
611
  top: 0;
612
612
  /* @noflip */
613
+ /*rtl:ignore*/
613
614
  left: 0;
614
615
  transform: scale(0);
615
616
  transform-origin: center center;
@@ -617,6 +618,7 @@
617
618
  .mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after {
618
619
  top: var(--mdc-ripple-top, 0);
619
620
  /* @noflip */
621
+ /*rtl:ignore*/
620
622
  left: var(--mdc-ripple-left, 0);
621
623
  }
622
624
  .mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after {
@@ -630,6 +632,7 @@
630
632
  .mdc-checkbox .mdc-checkbox__ripple::after {
631
633
  top: calc(50% - 50%);
632
634
  /* @noflip */
635
+ /*rtl:ignore*/
633
636
  left: calc(50% - 50%);
634
637
  width: 100%;
635
638
  height: 100%;
@@ -638,6 +641,7 @@
638
641
  .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
639
642
  top: var(--mdc-ripple-top, calc(50% - 50%));
640
643
  /* @noflip */
644
+ /*rtl:ignore*/
641
645
  left: var(--mdc-ripple-left, calc(50% - 50%));
642
646
  width: var(--mdc-ripple-fg-size, 100%);
643
647
  height: var(--mdc-ripple-fg-size, 100%);
@@ -698,26 +702,39 @@
698
702
  }
699
703
  .mdc-form-field > label {
700
704
  /* @noflip */
705
+ /*rtl:ignore*/
701
706
  margin-left: 0;
702
707
  /* @noflip */
708
+ /*rtl:ignore*/
703
709
  margin-right: auto;
704
710
  /* @noflip */
711
+ /*rtl:ignore*/
705
712
  padding-left: 4px;
706
713
  /* @noflip */
714
+ /*rtl:ignore*/
707
715
  padding-right: 0;
708
716
  order: 0;
709
717
  }
710
718
  [dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
719
+ /*rtl:begin:ignore*/
711
720
  /* @noflip */
721
+ /*rtl:ignore*/
712
722
  margin-left: auto;
713
723
  /* @noflip */
724
+ /*rtl:ignore*/
714
725
  margin-right: 0;
726
+ /*rtl:end:ignore*/
715
727
  }
728
+
716
729
  [dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
730
+ /*rtl:begin:ignore*/
717
731
  /* @noflip */
732
+ /*rtl:ignore*/
718
733
  padding-left: 0;
719
734
  /* @noflip */
735
+ /*rtl:ignore*/
720
736
  padding-right: 4px;
737
+ /*rtl:end:ignore*/
721
738
  }
722
739
 
723
740
  .mdc-form-field--nowrap > label {
@@ -728,26 +745,39 @@
728
745
 
729
746
  .mdc-form-field--align-end > label {
730
747
  /* @noflip */
748
+ /*rtl:ignore*/
731
749
  margin-left: auto;
732
750
  /* @noflip */
751
+ /*rtl:ignore*/
733
752
  margin-right: 0;
734
753
  /* @noflip */
754
+ /*rtl:ignore*/
735
755
  padding-left: 0;
736
756
  /* @noflip */
757
+ /*rtl:ignore*/
737
758
  padding-right: 4px;
738
759
  order: -1;
739
760
  }
740
761
  [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
762
+ /*rtl:begin:ignore*/
741
763
  /* @noflip */
764
+ /*rtl:ignore*/
742
765
  margin-left: 0;
743
766
  /* @noflip */
767
+ /*rtl:ignore*/
744
768
  margin-right: auto;
769
+ /*rtl:end:ignore*/
745
770
  }
771
+
746
772
  [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
773
+ /*rtl:begin:ignore*/
747
774
  /* @noflip */
775
+ /*rtl:ignore*/
748
776
  padding-left: 4px;
749
777
  /* @noflip */
778
+ /*rtl:ignore*/
750
779
  padding-right: 0;
780
+ /*rtl:end:ignore*/
751
781
  }
752
782
 
753
783
  .mdc-form-field--space-between {
@@ -757,7 +787,9 @@
757
787
  margin: 0;
758
788
  }
759
789
  [dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] {
790
+ /*rtl:begin:ignore*/
760
791
  margin: 0;
792
+ /*rtl:end:ignore*/
761
793
  }
762
794
 
763
795
  .mdc-form-field {