@limetech/lime-elements 35.0.0-next.13 → 35.0.0-next.17

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 (133) 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-badge.cjs.entry.js +1 -1
  7. package/dist/cjs/limel-button-group.cjs.entry.js +1 -1
  8. package/dist/cjs/limel-button.cjs.entry.js +1 -1
  9. package/dist/cjs/limel-checkbox.cjs.entry.js +129 -84
  10. package/dist/cjs/limel-chip-set.cjs.entry.js +233 -189
  11. package/dist/cjs/limel-circular-progress.cjs.entry.js +1 -1
  12. package/dist/cjs/limel-date-picker.cjs.entry.js +4 -4
  13. package/dist/cjs/limel-dialog.cjs.entry.js +7 -8
  14. package/dist/cjs/limel-file.cjs.entry.js +4 -4
  15. package/dist/cjs/limel-flex-container.cjs.entry.js +4 -0
  16. package/dist/cjs/limel-form.cjs.entry.js +1 -1
  17. package/dist/cjs/limel-icon-button.cjs.entry.js +4 -4
  18. package/dist/cjs/limel-input-field.cjs.entry.js +5 -5
  19. package/dist/cjs/limel-linear-progress.cjs.entry.js +2 -2
  20. package/dist/cjs/limel-list_3.cjs.entry.js +5 -5
  21. package/dist/cjs/limel-menu-list.cjs.entry.js +84 -68
  22. package/dist/cjs/limel-popover-surface.cjs.entry.js +1 -1
  23. package/dist/cjs/limel-select.cjs.entry.js +3 -3
  24. package/dist/cjs/limel-slider.cjs.entry.js +32 -5
  25. package/dist/cjs/limel-snackbar.cjs.entry.js +77 -71
  26. package/dist/cjs/limel-switch.cjs.entry.js +496 -200
  27. package/dist/cjs/limel-tab-bar.cjs.entry.js +261 -184
  28. package/dist/cjs/limel-table.cjs.entry.js +1 -1
  29. package/dist/collection/components/badge/badge.css +1 -0
  30. package/dist/collection/components/button/button.css +333 -145
  31. package/dist/collection/components/button-group/button-group.css +30 -5
  32. package/dist/collection/components/checkbox/checkbox.css +45 -13
  33. package/dist/collection/components/chip-set/chip-set.css +366 -33
  34. package/dist/collection/components/circular-progress/circular-progress.css +2 -2
  35. package/dist/collection/components/dialog/dialog.css +153 -109
  36. package/dist/collection/components/flex-container/flex-container.js +10 -0
  37. package/dist/collection/components/form/form.css +3 -1
  38. package/dist/collection/components/icon-button/icon-button.css +116 -59
  39. package/dist/collection/components/icon-button/icon-button.js +1 -0
  40. package/dist/collection/components/input-field/input-field.css +337 -29
  41. package/dist/collection/components/linear-progress/linear-progress.css +14 -2
  42. package/dist/collection/components/list/list.css +911 -86
  43. package/dist/collection/components/menu-list/menu-list.css +911 -86
  44. package/dist/collection/components/menu-surface/menu-surface.css +32 -7
  45. package/dist/collection/components/popover-surface/popover-surface.css +1 -0
  46. package/dist/collection/components/select/select.css +424 -17
  47. package/dist/collection/components/slider/slider.css +49 -2
  48. package/dist/collection/components/snackbar/snackbar.css +588 -301
  49. package/dist/collection/components/switch/switch.css +592 -222
  50. package/dist/collection/components/switch/switch.js +18 -12
  51. package/dist/collection/components/tab-bar/tab-bar.css +63 -36
  52. package/dist/collection/components/table/table.css +10 -4
  53. package/dist/collection/style/functions.scss +3 -1
  54. package/dist/esm/{component-89e0ce26.js → component-19eb6e2b.js} +7 -5
  55. package/dist/esm/{component-2630c3d7.js → component-288691f3.js} +367 -235
  56. package/dist/esm/{component-d682c974.js → component-410aad5a.js} +44 -4
  57. package/dist/esm/{component-429e92ee.js → component-5b4ac85a.js} +213 -143
  58. package/dist/esm/{component-834d85a1.js → component-fffa3419.js} +190 -132
  59. package/dist/esm/limel-badge.entry.js +1 -1
  60. package/dist/esm/limel-button-group.entry.js +1 -1
  61. package/dist/esm/limel-button.entry.js +1 -1
  62. package/dist/esm/limel-checkbox.entry.js +129 -84
  63. package/dist/esm/limel-chip-set.entry.js +233 -189
  64. package/dist/esm/limel-circular-progress.entry.js +1 -1
  65. package/dist/esm/limel-date-picker.entry.js +4 -4
  66. package/dist/esm/limel-dialog.entry.js +7 -8
  67. package/dist/esm/limel-file.entry.js +4 -4
  68. package/dist/esm/limel-flex-container.entry.js +4 -0
  69. package/dist/esm/limel-form.entry.js +1 -1
  70. package/dist/esm/limel-icon-button.entry.js +4 -4
  71. package/dist/esm/limel-input-field.entry.js +5 -5
  72. package/dist/esm/limel-linear-progress.entry.js +2 -2
  73. package/dist/esm/limel-list_3.entry.js +5 -5
  74. package/dist/esm/limel-menu-list.entry.js +84 -68
  75. package/dist/esm/limel-popover-surface.entry.js +1 -1
  76. package/dist/esm/limel-select.entry.js +3 -3
  77. package/dist/esm/limel-slider.entry.js +32 -5
  78. package/dist/esm/limel-snackbar.entry.js +77 -71
  79. package/dist/esm/limel-switch.entry.js +496 -200
  80. package/dist/esm/limel-tab-bar.entry.js +261 -184
  81. package/dist/esm/limel-table.entry.js +1 -1
  82. package/dist/lime-elements/lime-elements.esm.js +1 -1
  83. package/dist/lime-elements/p-09593e7a.entry.js +1 -0
  84. package/dist/lime-elements/p-0b43d0dd.entry.js +1 -0
  85. package/dist/lime-elements/p-0f5cbdea.entry.js +1 -0
  86. package/dist/lime-elements/p-1c284626.js +73 -0
  87. package/dist/lime-elements/{p-8ad5e143.entry.js → p-22f5ab58.entry.js} +1 -1
  88. package/dist/lime-elements/p-3084b02c.entry.js +73 -0
  89. package/dist/lime-elements/p-433f8f64.entry.js +82 -0
  90. package/dist/lime-elements/{p-076bd4dc.js → p-48d4ef20.js} +3 -3
  91. package/dist/lime-elements/p-4e486308.entry.js +82 -0
  92. package/dist/lime-elements/p-4f1528ab.entry.js +59 -0
  93. package/dist/lime-elements/{p-3dc1ddbe.entry.js → p-552a5f2c.entry.js} +1 -1
  94. package/dist/lime-elements/{p-e275f502.entry.js → p-57892079.entry.js} +3 -3
  95. package/dist/lime-elements/p-6d6f1f8d.entry.js +82 -0
  96. package/dist/lime-elements/{p-041ae00c.entry.js → p-783e6e99.entry.js} +1 -1
  97. package/dist/lime-elements/p-7c89ad03.entry.js +1 -0
  98. package/dist/lime-elements/p-96697356.entry.js +126 -0
  99. package/dist/lime-elements/{p-8590a1b7.entry.js → p-b4a7d61f.entry.js} +1 -1
  100. package/dist/lime-elements/p-bcaa52f7.entry.js +1 -0
  101. package/dist/lime-elements/{p-268cf1fa.entry.js → p-bf4ee462.entry.js} +1 -1
  102. package/dist/lime-elements/p-c15adec9.entry.js +37 -0
  103. package/dist/lime-elements/p-cbc43682.js +81 -0
  104. package/dist/lime-elements/{p-ace9affc.js → p-d0a7de87.js} +2 -2
  105. package/dist/lime-elements/p-dfba92de.js +126 -0
  106. package/dist/lime-elements/p-e587e8f6.entry.js +1 -0
  107. package/dist/lime-elements/p-e632aab7.entry.js +1 -0
  108. package/dist/lime-elements/p-ec5e5f63.entry.js +131 -0
  109. package/dist/lime-elements/{p-34c7872e.entry.js → p-f15ab9f4.entry.js} +1 -1
  110. package/dist/lime-elements/p-ff5b1f0f.entry.js +59 -0
  111. package/dist/lime-elements/style/functions.scss +3 -1
  112. package/dist/types/components/flex-container/flex-container.d.ts +7 -0
  113. package/dist/types/components/switch/switch.d.ts +2 -2
  114. package/package.json +3 -3
  115. package/dist/lime-elements/p-0fd208f3.entry.js +0 -82
  116. package/dist/lime-elements/p-143705b1.entry.js +0 -1
  117. package/dist/lime-elements/p-169fd2eb.entry.js +0 -131
  118. package/dist/lime-elements/p-24d97176.entry.js +0 -1
  119. package/dist/lime-elements/p-4932c029.entry.js +0 -1
  120. package/dist/lime-elements/p-510bb5a4.entry.js +0 -1
  121. package/dist/lime-elements/p-51aa6433.entry.js +0 -126
  122. package/dist/lime-elements/p-668795a7.js +0 -73
  123. package/dist/lime-elements/p-67a10143.entry.js +0 -37
  124. package/dist/lime-elements/p-7476efe0.entry.js +0 -1
  125. package/dist/lime-elements/p-84689828.entry.js +0 -73
  126. package/dist/lime-elements/p-902347b9.js +0 -81
  127. package/dist/lime-elements/p-90c6fa15.js +0 -126
  128. package/dist/lime-elements/p-90f3e17c.entry.js +0 -37
  129. package/dist/lime-elements/p-c35874db.entry.js +0 -1
  130. package/dist/lime-elements/p-c8c8a946.entry.js +0 -59
  131. package/dist/lime-elements/p-ca664c9f.entry.js +0 -1
  132. package/dist/lime-elements/p-d8167c28.entry.js +0 -82
  133. package/dist/lime-elements/p-df8faeb4.entry.js +0 -59
package/dist/collection/components/menu-surface/menu-surface.css CHANGED
@@ -33,33 +33,39 @@
33
33
  /* @alternate */
34
34
  border-radius: var(--mdc-shape-medium, 4px);
35
35
  /* @noflip */
36
+ /*rtl:ignore*/
36
37
  transform-origin-left: top left;
37
38
  /* @noflip */
39
+ /*rtl:ignore*/
38
40
  transform-origin-right: top right;
39
41
  }
40
42
  .mdc-menu-surface:focus {
41
43
  outline: none;
42
44
  }
43
- .mdc-menu-surface--open {
44
- display: inline-block;
45
- transform: scale(1);
46
- opacity: 1;
47
- }
48
45
  .mdc-menu-surface--animating-open {
49
46
  display: inline-block;
50
47
  transform: scale(0.8);
51
48
  opacity: 0;
52
49
  }
50
+ .mdc-menu-surface--open {
51
+ display: inline-block;
52
+ transform: scale(1);
53
+ opacity: 1;
54
+ }
53
55
  .mdc-menu-surface--animating-closed {
54
56
  display: inline-block;
55
57
  opacity: 0;
56
58
  transition: opacity 0.075s linear;
57
59
  }
58
60
  [dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] {
61
+ /*rtl:begin:ignore*/
59
62
  /* @noflip */
63
+ /*rtl:ignore*/
60
64
  transform-origin-left: top right;
61
65
  /* @noflip */
66
+ /*rtl:ignore*/
62
67
  transform-origin-right: top left;
68
+ /*rtl:end:ignore*/
63
69
  }
64
70
 
65
71
  .mdc-menu-surface--anchor {
@@ -128,14 +134,19 @@
128
134
  }
129
135
  .mdc-menu .mdc-deprecated-list {
130
136
  color: rgba(0, 0, 0, 0.87);
137
+ }
138
+ .mdc-menu .mdc-deprecated-list,
139
+ .mdc-menu .mdc-list {
131
140
  /* @alternate */
132
141
  position: relative;
133
142
  }
134
- .mdc-menu .mdc-deprecated-list .mdc-elevation-overlay {
143
+ .mdc-menu .mdc-deprecated-list .mdc-elevation-overlay,
144
+ .mdc-menu .mdc-list .mdc-elevation-overlay {
135
145
  width: 100%;
136
146
  height: 100%;
137
147
  top: 0;
138
148
  /* @noflip */
149
+ /*rtl:ignore*/
139
150
  left: 0;
140
151
  }
141
152
  .mdc-menu .mdc-deprecated-list-divider {
@@ -158,20 +169,29 @@
158
169
  }
159
170
  .mdc-menu__selection-group .mdc-deprecated-list-item {
160
171
  /* @noflip */
172
+ /*rtl:ignore*/
161
173
  padding-left: 56px;
162
174
  /* @noflip */
175
+ /*rtl:ignore*/
163
176
  padding-right: 16px;
164
177
  }
165
178
  [dir=rtl] .mdc-menu__selection-group .mdc-deprecated-list-item, .mdc-menu__selection-group .mdc-deprecated-list-item[dir=rtl] {
179
+ /*rtl:begin:ignore*/
166
180
  /* @noflip */
181
+ /*rtl:ignore*/
167
182
  padding-left: 16px;
168
183
  /* @noflip */
184
+ /*rtl:ignore*/
169
185
  padding-right: 56px;
186
+ /*rtl:end:ignore*/
170
187
  }
188
+
171
189
  .mdc-menu__selection-group .mdc-menu__selection-group-icon {
172
190
  /* @noflip */
191
+ /*rtl:ignore*/
173
192
  left: 16px;
174
193
  /* @noflip */
194
+ /*rtl:ignore*/
175
195
  right: initial;
176
196
  display: none;
177
197
  position: absolute;
@@ -179,10 +199,14 @@
179
199
  transform: translateY(-50%);
180
200
  }
181
201
  [dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] {
202
+ /*rtl:begin:ignore*/
182
203
  /* @noflip */
204
+ /*rtl:ignore*/
183
205
  left: initial;
184
206
  /* @noflip */
207
+ /*rtl:ignore*/
185
208
  right: 16px;
209
+ /*rtl:end:ignore*/
186
210
  }
187
211
 
188
212
  .mdc-menu-item--selected .mdc-menu__selection-group-icon {
@@ -192,6 +216,7 @@
192
216
  .mdc-menu-surface {
193
217
  max-height: 100%;
194
218
  position: relative;
219
+ margin: 0 0.25rem;
195
220
  --mdc-menu-max-width: var(
196
221
  --menu-surface-width,
197
222
  min(calc(100vw - 2rem), 20rem)
@@ -199,6 +224,6 @@
199
224
  }
200
225
 
201
226
  :host(limel-menu-surface.has-grid-layout) .mdc-menu-surface {
202
- width: var(--menu-surface-width, min(calc(100vw - 2rem), 40rem));
227
+ width: var(--menu-surface-width, min(100vw - 2rem, 40rem));
203
228
  max-width: unset;
204
229
  }
package/dist/collection/components/popover-surface/popover-surface.css CHANGED
@@ -11,6 +11,7 @@
11
11
  width: var(--popover-surface-width, auto);
12
12
  max-height: calc(100vh - 2rem);
13
13
  max-width: calc(100vw - 2rem);
14
+ margin: 0 0.25rem;
14
15
  border-radius: var(--popover-border-radius, 0.75rem);
15
16
  box-shadow: var(--shadow-depth-16);
16
17
  backdrop-filter: blur(0.3125rem);