@teammodlr/ui-kit 3.0.0-beta.24 → 3.0.0-beta.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/lib/components/select/Select.vue.d.ts +8 -1
- package/lib/components/select/style/Select.css.d.ts +1 -0
- package/lib/index.cjs.js +3 -3
- package/lib/index.es.js +5517 -4915
- package/lib/style.css +1 -1
- package/package.json +4 -3
- package/src/components/select/Select.vue +45 -28
- package/src/components/select/style/Select.css.ts +36 -14
|
@@ -189,8 +189,7 @@ export const menu = style({
|
|
|
189
189
|
borderRadius: '4px',
|
|
190
190
|
border: `1px solid ${themeVars.color.gray[200]}`,
|
|
191
191
|
boxShadow: themeVars.shadow.md,
|
|
192
|
-
|
|
193
|
-
overflowY: 'auto'
|
|
192
|
+
overflow: 'hidden'
|
|
194
193
|
});
|
|
195
194
|
|
|
196
195
|
export const placeholder = style({
|
|
@@ -199,11 +198,7 @@ export const placeholder = style({
|
|
|
199
198
|
});
|
|
200
199
|
|
|
201
200
|
export const search = style({
|
|
202
|
-
// padding: `${themeVars.space[1]} ${themeVars.space[1]} 0`,
|
|
203
201
|
backgroundColor: '#FFFFFF',
|
|
204
|
-
position: 'sticky',
|
|
205
|
-
top: 0,
|
|
206
|
-
zIndex: 1,
|
|
207
202
|
borderBottom: `1px solid ${themeVars.color.gray[200]}`,
|
|
208
203
|
display: 'flex'
|
|
209
204
|
});
|
|
@@ -219,10 +214,7 @@ export const searchInput = style({
|
|
|
219
214
|
});
|
|
220
215
|
|
|
221
216
|
export const options = style({
|
|
222
|
-
|
|
223
|
-
display: 'flex',
|
|
224
|
-
flexDirection: 'column',
|
|
225
|
-
gap: themeVars.space[0.5]
|
|
217
|
+
overflow: 'hidden'
|
|
226
218
|
});
|
|
227
219
|
|
|
228
220
|
export const option = style({
|
|
@@ -234,10 +226,7 @@ export const option = style({
|
|
|
234
226
|
display: 'flex',
|
|
235
227
|
alignItems: 'center',
|
|
236
228
|
cursor: 'pointer',
|
|
237
|
-
|
|
238
|
-
fontSize: themeVars.fontSize.base,
|
|
239
|
-
paddingBlock: themeVars.space['1.5'],
|
|
240
|
-
paddingInline: themeVars.space['3'],
|
|
229
|
+
marginBottom: '2px',
|
|
241
230
|
gap: themeVars.space[2],
|
|
242
231
|
color: vars.optionColor,
|
|
243
232
|
transition: 'background-color 0.05s ease-in-out',
|
|
@@ -280,6 +269,39 @@ export const optionSelected = style({
|
|
|
280
269
|
|
|
281
270
|
export const optionLabel = style({});
|
|
282
271
|
|
|
272
|
+
export const optionSizes = styleVariants({
|
|
273
|
+
xs: {
|
|
274
|
+
minHeight: '28px',
|
|
275
|
+
fontSize: themeVars.fontSize.small,
|
|
276
|
+
paddingBlock: themeVars.space['1'],
|
|
277
|
+
paddingInline: themeVars.space['2']
|
|
278
|
+
},
|
|
279
|
+
sm: {
|
|
280
|
+
minHeight: '30px',
|
|
281
|
+
fontSize: themeVars.fontSize.base,
|
|
282
|
+
paddingBlock: themeVars.space['1'],
|
|
283
|
+
paddingInline: themeVars.space['2.5']
|
|
284
|
+
},
|
|
285
|
+
md: {
|
|
286
|
+
minHeight: '36px',
|
|
287
|
+
fontSize: themeVars.fontSize.base,
|
|
288
|
+
paddingBlock: themeVars.space['1.5'],
|
|
289
|
+
paddingInline: themeVars.space['3']
|
|
290
|
+
},
|
|
291
|
+
lg: {
|
|
292
|
+
minHeight: '40px',
|
|
293
|
+
fontSize: themeVars.fontSize.large,
|
|
294
|
+
paddingBlock: themeVars.space['2'],
|
|
295
|
+
paddingInline: themeVars.space['3']
|
|
296
|
+
},
|
|
297
|
+
xl: {
|
|
298
|
+
minHeight: '44px',
|
|
299
|
+
fontSize: themeVars.fontSize.large,
|
|
300
|
+
paddingBlock: themeVars.space['2.5'],
|
|
301
|
+
paddingInline: themeVars.space['3']
|
|
302
|
+
}
|
|
303
|
+
});
|
|
304
|
+
|
|
283
305
|
export const checkAll = style({
|
|
284
306
|
display: 'flex',
|
|
285
307
|
alignItems: 'center',
|