@vespiario-thailand/design-system 1.3.12 → 1.3.13

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 (5) hide show
  1. package/dist/components/generals/SnackbarMenu/index.d.ts +2 -2
  2. package/dist/custom-theme.cjs +69 -63
  3. package/dist/vespa-design-system.js +5294 -5308
  4. package/dist/vespa-design-system.umd.cjs +42 -42
  5. package/package.json +1 -1
package/dist/components/generals/SnackbarMenu/index.d.ts CHANGED
@@ -30,7 +30,7 @@ export declare const SnackbarMenu: import("react").ForwardRefExoticComponent<{
30
30
  size?: import("../../../types").IconSizeType | undefined;
31
31
  color?: import("../../../types").ColorNameType | undefined;
32
32
  shade?: import("../../../types").ColorShadeType | undefined;
33
- iconClassName?: string | undefined; /** types */
33
+ iconClassName?: string | undefined;
34
34
  } & import("react").RefAttributes<HTMLButtonElement>>;
35
35
  Content: import("react").ForwardRefExoticComponent<{
36
36
  closeIcon?: import("../Icon").IconProps | undefined;
@@ -42,6 +42,6 @@ export declare const SnackbarMenu: import("react").ForwardRefExoticComponent<{
42
42
  size?: import("../../../types").IconSizeType | undefined;
43
43
  color?: import("../../../types").ColorNameType | undefined;
44
44
  shade?: import("../../../types").ColorShadeType | undefined;
45
- iconClassName?: string | undefined; /** types */
45
+ iconClassName?: string | undefined;
46
46
  } & import("react").RefAttributes<HTMLButtonElement>>;
47
47
  };
package/dist/custom-theme.cjs CHANGED
@@ -11,6 +11,7 @@ module.exports = {
11
11
  '4/3': '4 / 3',
12
12
  '16/9': '16 / 9',
13
13
  '16/10': '16 / 10',
14
+ '21/9': '21 / 9',
14
15
  },
15
16
  boxShadow: {
16
17
  100: '0px 4px 4px -1px rgba(0, 0, 0, 0.25)',
@@ -221,7 +222,6 @@ module.exports = {
221
222
  youtube:
222
223
  "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuNjYyNCA0LjEzODYxQzE1LjU3MTQgMy44MTAwMiAxNS4zOTMxIDMuNTEwNDEgMTUuMTQ1NCAzLjI2OTc5QzE0Ljg5NzcgMy4wMjkxNiAxNC41ODkzIDIuODU1OTYgMTQuMjUxMSAyLjc2NzUxQzEzLjAwNTQgMi40NCA4IDIuNDQgOCAyLjQ0QzggMi40NCAyLjk5NDU1IDIuNDQgMS43NDg5MSAyLjc2NzUxQzEuNDEwNjYgMi44NTU5NiAxLjEwMjI2IDMuMDI5MTYgMC44NTQ1NzUgMy4yNjk3OUMwLjYwNjg4NyAzLjUxMDQxIDAuNDI4NTk5IDMuODEwMDIgMC4zMzc1NTQgNC4xMzg2MUMwLjEwNDk2NSA1LjM3Mjc1IC0wLjAwNzkwNDk5IDYuNjI1MzcgMC4wMDA0Mjk5NCA3Ljg4Qy0wLjAwNzkwNDk5IDkuMTM0NjMgMC4xMDQ5NjUgMTAuMzg3MiAwLjMzNzU1NCAxMS42MjE0QzAuNDI4NTk5IDExLjk1IDAuNjA2ODg3IDEyLjI0OTYgMC44NTQ1NzUgMTIuNDkwMkMxLjEwMjI2IDEyLjczMDggMS40MTA2NiAxMi45MDQgMS43NDg5MSAxMi45OTI1QzIuOTk0NTUgMTMuMzIgOCAxMy4zMiA4IDEzLjMyQzggMTMuMzIgMTMuMDA1NCAxMy4zMiAxNC4yNTExIDEyLjk5MjVDMTQuNTg5MyAxMi45MDQgMTQuODk3NyAxMi43MzA4IDE1LjE0NTQgMTIuNDkwMkMxNS4zOTMxIDEyLjI0OTYgMTUuNTcxNCAxMS45NSAxNS42NjI0IDExLjYyMTRDMTUuODk1IDEwLjM4NzIgMTYuMDA3OSA5LjEzNDYzIDE1Ljk5OTYgNy44OEMxNi4wMDc5IDYuNjI1MzcgMTUuODk1IDUuMzcyNzUgMTUuNjYyNCA0LjEzODYxWk02LjQwMDA4IDEwLjIxMTRWNS41NDg1N0wxMC41NTQxIDcuODhMNi40MDAwOCAxMC4yMTE0WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=')",
223
224
  },
224
-
225
225
  blur: {
226
226
  100: '2px',
227
227
  200: '4px',
@@ -406,68 +406,68 @@ module.exports = {
406
406
  1: '1',
407
407
  5: '5',
408
408
  },
409
- minHeight: {
410
- 0: '0',
411
- 1: '1px',
412
- 2: '2px',
413
- 3: '3px',
414
- 4: '4px',
415
- 6: '6px',
416
- 8: '8px',
417
- 10: '10px',
418
- 12: '12px',
419
- 14: '14px',
420
- 16: '16px',
421
- 18: '18px',
422
- 20: '20px',
423
- 22: '22px',
424
- 24: '24px',
425
- 28: '28px',
426
- 30: '30px',
427
- 32: '32px',
428
- 36: '36px',
429
- 40: '40px',
430
- 44: '44px',
431
- 48: '48px',
432
- 54: '54px',
433
- 56: '56px',
434
- 60: '60px',
435
- 72: '72px',
436
- 74: '74px',
437
- 80: '80px',
438
- '1/2': '50%',
439
- },
440
- minWidth: {
441
- 0: '0',
442
- 1: '1px',
443
- 2: '2px',
444
- 3: '3px',
445
- 4: '4px',
446
- 6: '6px',
447
- 8: '8px',
448
- 10: '10px',
449
- 12: '12px',
450
- 14: '14px',
451
- 16: '16px',
452
- 18: '18px',
453
- 20: '20px',
454
- 22: '22px',
455
- 24: '24px',
456
- 28: '28px',
457
- 30: '30px',
458
- 32: '32px',
459
- 36: '36px',
460
- 40: '40px',
461
- 44: '44px',
462
- 48: '48px',
463
- 54: '54px',
464
- 56: '56px',
465
- 60: '60px',
466
- 72: '72px',
467
- 74: '74px',
468
- 80: '80px',
469
- '1/2': '50%',
470
- },
409
+ // minHeight: {
410
+ // 0: '0',
411
+ // 1: '1px',
412
+ // 2: '2px',
413
+ // 3: '3px',
414
+ // 4: '4px',
415
+ // 6: '6px',
416
+ // 8: '8px',
417
+ // 10: '10px',
418
+ // 12: '12px',
419
+ // 14: '14px',
420
+ // 16: '16px',
421
+ // 18: '18px',
422
+ // 20: '20px',
423
+ // 22: '22px',
424
+ // 24: '24px',
425
+ // 28: '28px',
426
+ // 30: '30px',
427
+ // 32: '32px',
428
+ // 36: '36px',
429
+ // 40: '40px',
430
+ // 44: '44px',
431
+ // 48: '48px',
432
+ // 54: '54px',
433
+ // 56: '56px',
434
+ // 60: '60px',
435
+ // 72: '72px',
436
+ // 74: '74px',
437
+ // 80: '80px',
438
+ // '1/2': '50%',
439
+ // },
440
+ // minWidth: {
441
+ // 0: '0',
442
+ // 1: '1px',
443
+ // 2: '2px',
444
+ // 3: '3px',
445
+ // 4: '4px',
446
+ // 6: '6px',
447
+ // 8: '8px',
448
+ // 10: '10px',
449
+ // 12: '12px',
450
+ // 14: '14px',
451
+ // 16: '16px',
452
+ // 18: '18px',
453
+ // 20: '20px',
454
+ // 22: '22px',
455
+ // 24: '24px',
456
+ // 28: '28px',
457
+ // 30: '30px',
458
+ // 32: '32px',
459
+ // 36: '36px',
460
+ // 40: '40px',
461
+ // 44: '44px',
462
+ // 48: '48px',
463
+ // 54: '54px',
464
+ // 56: '56px',
465
+ // 60: '60px',
466
+ // 72: '72px',
467
+ // 74: '74px',
468
+ // 80: '80px',
469
+ // '1/2': '50%',
470
+ // },
471
471
  },
472
472
  },
473
473
  plugins: [
@@ -488,6 +488,12 @@ module.exports = {
488
488
  }),
489
489
  ],
490
490
  safelist: [
491
+ 'aspect-1/1',
492
+ 'aspect-4/3',
493
+ 'aspect-3/4',
494
+ 'aspect-16/9',
495
+ 'aspect-16/10',
496
+ 'aspect-21/9',
491
497
  {
492
498
  pattern:
493
499
  /(bg|text)-(blue|green|light-green|yellow|dark|light|shade-dark|shade-light)-(100|200|300|400|500|600|700|800|900)/,