@studious-creative/yumekit 0.1.6 → 0.1.7

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 (23) hide show
  1. package/dist/components/y-appbar.js +29 -5
  2. package/dist/components/y-checkbox.js +11 -1
  3. package/dist/components/y-dialog.js +1 -1
  4. package/dist/components/y-drawer.js +1 -1
  5. package/dist/components/y-icon.d.ts +16 -0
  6. package/dist/components/y-icon.js +262 -0
  7. package/dist/components/y-menu.js +25 -4
  8. package/dist/components/y-panel.js +22 -6
  9. package/dist/components/y-select.d.ts +2 -0
  10. package/dist/components/y-select.js +21 -3
  11. package/dist/components/y-theme.js +1 -1
  12. package/dist/components/y-toast.js +1 -1
  13. package/dist/components/y-tooltip.js +1 -1
  14. package/dist/icons/all.d.ts +1 -0
  15. package/dist/icons/all.js +119 -0
  16. package/dist/icons/registry.d.ts +3 -0
  17. package/dist/icons/registry.js +30 -0
  18. package/dist/index.d.ts +2 -0
  19. package/dist/index.iife.d.ts +1 -0
  20. package/dist/index.js +360 -21
  21. package/dist/styles/variables.css +57 -3
  22. package/dist/yumekit.min.js +1 -1
  23. package/package.json +3 -1
package/dist/styles/variables.css CHANGED
@@ -288,14 +288,20 @@
288
288
  /* Components */
289
289
 
290
290
  :root {
291
+ /* appbar */
291
292
  --component-appbar-collapsed-width: 48px;
292
293
  --component-appbar-padding: var(--spacing-medium);
293
294
  --component-appbar-width: 240px;
295
+ --component-appbar-z-index: 100;
296
+
297
+ /* avatar */
294
298
  --component-avatar-border-radius-circle: var(--radii-full);
295
299
  --component-avatar-border-radius-square: var(--radii-small);
296
300
  --component-avatar-size-large: var(--sizing-large);
297
301
  --component-avatar-size-medium: var(--sizing-medium);
298
302
  --component-avatar-size-small: var(--sizing-small);
303
+
304
+ /* badge */
299
305
  --component-badge-border-radius-circle: var(--radii-full);
300
306
  --component-badge-border-radius-square: var(--radii-small);
301
307
  --component-badge-padding-large: var(--spacing-small);
@@ -304,46 +310,71 @@
304
310
  --component-badge-size-large: var(--sizing-medium);
305
311
  --component-badge-size-medium: var(--sizing-small);
306
312
  --component-badge-size-small: var(--sizing-2x-small);
313
+
314
+ /* button */
307
315
  --component-button-border-radius-inner: var(--radii-x-small);
308
316
  --component-button-border-radius-outer: var(--radii-small);
309
317
  --component-button-border-width: var(--border-thin);
310
318
  --component-button-border-width-2: var(--border-x-thin);
311
- --component-button-border-width-2: var(--border-x-thin);
312
319
  --component-button-padding-large: var(--spacing-x-large);
313
320
  --component-button-padding-medium: var(--spacing-medium);
314
321
  --component-button-padding-small: var(--spacing-x-small);
322
+
323
+ /* card */
315
324
  --component-card-border-radius-inner: var(--radii-small);
316
325
  --component-card-border-radius-outer: var(--radii-medium);
317
326
  --component-card-border-width: var(--border-x-thin);
318
327
  --component-card-inner-border-width: var(--border-x-thin);
319
328
  --component-card-padding-inner: var(--spacing-medium);
320
329
  --component-card-padding-outer: var(--spacing-x-large);
330
+
331
+ /* checkbox */
321
332
  --component-checkbox-icon-size: var(--sizing-2x-small);
322
333
  --component-checkbox-size: var(--sizing-x-small);
334
+
335
+ /* dialog */
323
336
  --component-dialog-border-radius-inner: var(--radii-x-small);
324
337
  --component-dialog-border-radius-outer: var(--radii-small);
325
338
  --component-dialog-border-width: var(--border-x-thin);
326
339
  --component-dialog-inner-border-width: var(--border-x-thin);
327
340
  --component-dialog-padding: var(--spacing-medium);
341
+ --component-dialog-z-index: 1000;
342
+
343
+ /* drawer */
328
344
  --component-drawer-border-radius: var(--radii-small);
329
345
  --component-drawer-border-width: var(--border-x-thin);
330
346
  --component-drawer-handle-padding: var(--spacing-x-small);
331
347
  --component-drawer-handle-width: var(--spacing-x-small);
332
348
  --component-drawer-padding: var(--spacing-medium);
349
+ --component-drawer-z-index: 5000;
350
+
351
+ /* icon */
352
+ --component-icon-size-large: var(--spacing-4x-large);
353
+ --component-icon-size-medium: var(--spacing-2x-large);
354
+ --component-icon-size-small: var(--spacing-x-large);
355
+
356
+ /* inputs */
333
357
  --component-inputs-border-radius-inner: var(--radii-x-small);
334
358
  --component-inputs-border-radius-outer: var(--radii-small);
335
359
  --component-inputs-border-width: var(--border-thin);
336
360
  --component-inputs-padding-large: var(--spacing-x-large);
337
361
  --component-inputs-padding-medium: var(--spacing-medium);
338
362
  --component-inputs-padding-small: var(--spacing-x-small);
363
+
364
+ /* menu */
339
365
  --component-menu-border-radius: var(--radii-x-small);
340
366
  --component-menu-border-width: var(--border-x-thin);
341
367
  --component-menu-padding-horizontal: var(--spacing-small);
342
368
  --component-menu-padding-vertical: var(--spacing-x-small);
369
+ --component-menu-z-index: 1001;
370
+
371
+ /* panelbar */
343
372
  --component-panelbar-border-radius: var(--radii-x-small);
344
373
  --component-panelbar-border-width: var(--border-x-thin);
345
- --component-panelbar-border-width: var(--border-x-thin);
374
+ --component-panelbar-indent: var(--spacing-x-large);
346
375
  --component-panelbar-padding: var(--spacing-medium);
376
+
377
+ /* progress */
347
378
  --component-progress-border-radius-inner: var(--radii-small);
348
379
  --component-progress-border-radius-outer: calc(var(--radii-small) + 4px);
349
380
  --component-progress-border-width: var(--border-x-thin);
@@ -351,35 +382,52 @@
351
382
  --component-progress-size-large: var(--sizing-large);
352
383
  --component-progress-size-medium: var(--sizing-medium);
353
384
  --component-progress-size-small: var(--sizing-small);
385
+
386
+ /* radio */
354
387
  --component-radio-dot-offset: var(--spacing-2x-small);
355
388
  --component-radio-dot-size: var(--spacing-medium);
356
389
  --component-radio-size: var(--sizing-2x-small);
390
+
391
+ /* select */
392
+ --component-select-z-index: 6000;
393
+
394
+ /* sidebar */
357
395
  --component-sidebar-border-radius: var(--radii-small);
358
396
  --component-sidebar-border-width: var(--border-x-thin);
397
+
398
+ /* slider */
359
399
  --component-slider-border-radius-inner: var(--radii-small);
360
400
  --component-slider-border-radius-outer: calc(var(--radii-small) + 4px);
361
401
  --component-slider-border-width: var(--border-x-thin);
362
402
  --component-slider-padding: var(--spacing-x-small);
363
403
  --component-slider-thumb-border-radius: var(--radii-x-small);
404
+
405
+ /* switch */
364
406
  --component-switch-border-radius: var(--radii-full);
365
407
  --component-switch-border-width: var(--border-x-thin);
366
408
  --component-switch-padding: var(--spacing-2x-small);
409
+
410
+ /* tab */
367
411
  --component-tab-border-radius-inner: var(--radii-x-small);
368
412
  --component-tab-border-radius-outer: var(--radii-small);
369
413
  --component-tab-border-width: var(--border-x-thin);
414
+ --component-tab-content-padding: var(--spacing-large);
370
415
  --component-tab-gap-large: var(--spacing-large);
371
416
  --component-tab-gap-medium: var(--spacing-small);
372
417
  --component-tab-gap-small: var(--spacing-2x-small);
373
- --component-tab-content-padding: var(--spacing-large);
374
418
  --component-tab-padding-large: var(--spacing-2x-large);
375
419
  --component-tab-padding-medium: var(--spacing-large);
376
420
  --component-tab-padding-small: var(--spacing-small);
421
+
422
+ /* table */
377
423
  --component-table-border-radius: var(--radii-small);
378
424
  --component-table-border-width: var(--border-x-thin);
379
425
  --component-table-border-width-header: var(--border-thin);
380
426
  --component-table-padding-large: var(--spacing-large);
381
427
  --component-table-padding-medium: var(--spacing-medium);
382
428
  --component-table-padding-small: var(--spacing-small);
429
+
430
+ /* tag */
383
431
  --component-tag-border-radius-circle: var(--radii-full);
384
432
  --component-tag-border-radius-square: var(--radii-small);
385
433
  --component-tag-padding-large: var(--spacing-small);
@@ -388,13 +436,19 @@
388
436
  --component-tag-size-large: var(--sizing-large);
389
437
  --component-tag-size-medium: var(--sizing-medium);
390
438
  --component-tag-size-small: var(--sizing-small);
439
+
440
+ /* toast */
391
441
  --component-toast-border-radius: var(--radii-small);
392
442
  --component-toast-offset: var(--spacing-x-large);
393
443
  --component-toast-padding: var(--spacing-medium);
394
444
  --component-toast-padding-h: var(--spacing-x-large);
445
+ --component-toast-z-index: 9000;
446
+
447
+ /* tooltip */
395
448
  --component-tooltip-border-radius: var(--radii-small);
396
449
  --component-tooltip-padding: var(--spacing-x-small);
397
450
  --component-tooltip-padding-h: var(--spacing-medium);
451
+ --component-tooltip-z-index: 7000;
398
452
  }
399
453
 
400
454
  /* Default Theme (Blue Light) */