@vespiario-thailand/design-system 1.3.13 → 1.3.16

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 (6) hide show
  1. package/dist/constants/icon.d.ts +1 -1
  2. package/dist/custom-theme.cjs +2 -62
  3. package/dist/types/index.d.ts +1 -1
  4. package/dist/vespa-design-system.js +17 -17
  5. package/dist/vespa-design-system.umd.cjs +3 -3
  6. package/package.json +1 -1
package/dist/constants/icon.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const iconLists: readonly ["icon-null-1", "icon-null-2", "icon-arrowhead-top", "icon-arrowhead-left", "icon-arrowhead-right", "icon-arrowhead-bottom", "icon-arrowhead-sm-top", "icon-arrowhead-sm-left", "icon-arrowhead-sm-right", "icon-arrowhead-sm-bottom", "icon-round-arrow-top", "icon-round-arrow-left", "icon-round-arrow-right", "icon-round-arrow-bottom", "icon-round-solid-arrow-top", "icon-round-solid-arrow-left", "icon-round-solid-arrow-right", "icon-round-solid-arrow-bottom", "icon-cross", "icon-plus", "icon-bar", "icon-double-bar", "icon-bow-tie", "icon-play", "icon-stop", "icon-pause", "icon-first", "icon-last", "icon-globe", "icon-tako", "icon-kebab", "icon-cheese", "icon-veggie", "icon-meatball", "icon-hamburger", "icon-vespa", "icon-check", "icon-align-left", "icon-align-center", "icon-align-justify-center", "icon-align-justify-full", "icon-align-justify-left", "icon-align-justify-right", "icon-align-object-bottom", "icon-align-object-center", "icon-align-object-left", "icon-align-object-middle", "icon-align-object-right", "icon-align-object-top", "icon-align-right", "icon-bag-1", "icon-bag-2", "icon-bag-3", "icon-bag-4", "icon-download-1", "icon-download-2", "icon-grid-1", "icon-grid-2", "icon-list", "icon-cloud-error", "icon-cloud-upload", "icon-cloud-download", "icon-cloud", "icon-star-1", "icon-star-2", "icon-star-3", "icon-star-4", "icon-star-5", "icon-upload-1", "icon-upload-2", "icon-clipboard", "icon-copy", "icon-image-not-exist", "icon-visible", "icon-invisible", "icon-refresh", "icon-round-checked", "icon-rounded-notice", "icon-rounded-info", "icon-triangle-exclaim", "icon-edit", "icon-link", "icon-loading", "icon-page", "icon-content", "icon-block-image-text", "icon-block-text-image", "icon-home", "icon-link", "icon-trash", "icon-facebook", "icon-instagram", "icon-location-outline", "icon-location-solid", "icon-location-vespa", "icon-share", "icon-sound-off", "icon-sound-on", "icon-telephone", "icon-line", "icon-x", "icon-x-round", "icon-youtube"];
1
+ declare const iconLists: readonly ["icon-null-1", "icon-null-2", "icon-arrowhead-top", "icon-arrowhead-left", "icon-arrowhead-right", "icon-arrowhead-bottom", "icon-arrowhead-sm-top", "icon-arrowhead-sm-left", "icon-arrowhead-sm-right", "icon-arrowhead-sm-bottom", "icon-round-arrow-top", "icon-round-arrow-left", "icon-round-arrow-right", "icon-round-arrow-bottom", "icon-round-solid-arrow-top", "icon-round-solid-arrow-left", "icon-round-solid-arrow-right", "icon-round-solid-arrow-bottom", "icon-cross", "icon-plus", "icon-bar", "icon-double-bar", "icon-bow-tie", "icon-play", "icon-stop", "icon-pause", "icon-first", "icon-last", "icon-globe", "icon-tako", "icon-kebab", "icon-cheese", "icon-veggie", "icon-meatball", "icon-hamburger", "icon-vespa", "icon-check", "icon-align-left", "icon-align-center", "icon-align-justify-center", "icon-align-justify-full", "icon-align-justify-left", "icon-align-justify-right", "icon-align-object-bottom", "icon-align-object-center", "icon-align-object-left", "icon-align-object-middle", "icon-align-object-right", "icon-align-object-top", "icon-align-right", "icon-bag-1", "icon-bag-2", "icon-bag-3", "icon-bag-4", "icon-download-1", "icon-download-2", "icon-grid-1", "icon-grid-2", "icon-list", "icon-cloud-error", "icon-cloud-upload", "icon-cloud-download", "icon-cloud", "icon-star-1", "icon-star-2", "icon-star-3", "icon-star-4", "icon-star-5", "icon-upload-1", "icon-upload-2", "icon-clipboard", "icon-copy", "icon-image-not-exist", "icon-visible", "icon-invisible", "icon-refresh", "icon-round-checked", "icon-rounded-notice", "icon-rounded-info", "icon-triangle-exclaim", "icon-edit", "icon-link", "icon-loading", "icon-page", "icon-content", "icon-block-image-text", "icon-block-text-image", "icon-home", "icon-trash", "icon-facebook", "icon-instagram", "icon-copy-clipboard", "icon-location-outline", "icon-location-solid", "icon-location-vespa", "icon-share", "icon-sound-off", "icon-sound-on", "icon-telephone", "icon-line", "icon-x", "icon-x-round", "icon-youtube"];
2
2
  declare const iconSizes: readonly ["10", "12", "16", "20", "24", "28", "32", "40", "48", "56", "60", "72", "80"];
3
3
  export { iconLists, iconSizes };
package/dist/custom-theme.cjs CHANGED
@@ -221,6 +221,8 @@ module.exports = {
221
221
  x: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuMzI3NzEgMTVIMi41MjQ4M0w3LjIxMDEzIDkuNTY4NjhMMTAuOTM1NyAxNUgxNS4wNTMzTDkuNTAxMTcgNi45NDU2TDE0LjU5OTMgMC45OTk5NzZIMTMuMzgxNUw4Ljk1NDIxIDYuMTQzMjVMNS40MDQxMiAwLjk5OTk3NkgxLjMxNzM5TDYuNjgzOCA4Ljc5NzE4TDEuMzI3NzEgMTVaTTIuOTY4NTkgMS45MTU0OEg0LjgxNTg4TDEzLjM5MTggMTQuMTM1OUgxMS41MjM5TDIuOTY4NTkgMS45MTU0OFoiIGZpbGw9IndoaXRlIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjU5MzUzIDE1LjE1SDFMNi40OTQ1NyA4Ljc4NjgyTDEuMDMyMDYgMC44NDk5NzZINS40ODI4NUw4Ljk2NzI5IDUuODk4MTRMMTMuMzEyNyAwLjg0OTk3NkgxNC45MjU1TDkuNjkwMjIgNi45NTU1NkwxNS4zMzg5IDE1LjE1SDEwLjg1NjdMNy4xOTY1NSA5LjgxNDA2TDIuNTkzNTMgMTUuMTVaTTIuNTI0ODMgMTVIMS4zMjc3MUw2LjY4MzggOC43OTcxOEwxLjMxNzM5IDAuOTk5OTc2SDUuNDA0MTJMOC45NTQyMSA2LjE0MzI1TDEzLjM4MTUgMC45OTk5NzZIMTQuNTk5M0w5LjUwMTE3IDYuOTQ1NkwxNS4wNTMzIDE1SDEwLjkzNTdMNy4yMTAxMyA5LjU2ODY4TDIuNTI0ODMgMTVaTTIuOTY4NTkgMS45MTU0OEwxMS41MjM5IDE0LjEzNTlIMTMuMzkxOEw0LjgxNTg4IDEuOTE1NDhIMi45Njg1OVpNMy4yNTY3MSAyLjA2NTQ4TDExLjYwMiAxMy45ODU5SDEzLjEwMzNMNC43Mzc4OSAyLjA2NTQ4SDMuMjU2NzFaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==')",
222
222
  youtube:
223
223
  "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuNjYyNCA0LjEzODYxQzE1LjU3MTQgMy44MTAwMiAxNS4zOTMxIDMuNTEwNDEgMTUuMTQ1NCAzLjI2OTc5QzE0Ljg5NzcgMy4wMjkxNiAxNC41ODkzIDIuODU1OTYgMTQuMjUxMSAyLjc2NzUxQzEzLjAwNTQgMi40NCA4IDIuNDQgOCAyLjQ0QzggMi40NCAyLjk5NDU1IDIuNDQgMS43NDg5MSAyLjc2NzUxQzEuNDEwNjYgMi44NTU5NiAxLjEwMjI2IDMuMDI5MTYgMC44NTQ1NzUgMy4yNjk3OUMwLjYwNjg4NyAzLjUxMDQxIDAuNDI4NTk5IDMuODEwMDIgMC4zMzc1NTQgNC4xMzg2MUMwLjEwNDk2NSA1LjM3Mjc1IC0wLjAwNzkwNDk5IDYuNjI1MzcgMC4wMDA0Mjk5NCA3Ljg4Qy0wLjAwNzkwNDk5IDkuMTM0NjMgMC4xMDQ5NjUgMTAuMzg3MiAwLjMzNzU1NCAxMS42MjE0QzAuNDI4NTk5IDExLjk1IDAuNjA2ODg3IDEyLjI0OTYgMC44NTQ1NzUgMTIuNDkwMkMxLjEwMjI2IDEyLjczMDggMS40MTA2NiAxMi45MDQgMS43NDg5MSAxMi45OTI1QzIuOTk0NTUgMTMuMzIgOCAxMy4zMiA4IDEzLjMyQzggMTMuMzIgMTMuMDA1NCAxMy4zMiAxNC4yNTExIDEyLjk5MjVDMTQuNTg5MyAxMi45MDQgMTQuODk3NyAxMi43MzA4IDE1LjE0NTQgMTIuNDkwMkMxNS4zOTMxIDEyLjI0OTYgMTUuNTcxNCAxMS45NSAxNS42NjI0IDExLjYyMTRDMTUuODk1IDEwLjM4NzIgMTYuMDA3OSA5LjEzNDYzIDE1Ljk5OTYgNy44OEMxNi4wMDc5IDYuNjI1MzcgMTUuODk1IDUuMzcyNzUgMTUuNjYyNCA0LjEzODYxWk02LjQwMDA4IDEwLjIxMTRWNS41NDg1N0wxMC41NTQxIDcuODhMNi40MDAwOCAxMC4yMTE0WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=')",
224
+ 'copy-clipboard':
225
+ "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuMDI0IDEuOTc2MjFDMTIuNzI1NiAwLjY3Nzc4NiAxMC42MjU5IDAuNjcwNzA5IDkuMzg4NTUgMS45NzgzMkw3LjY5Nzk0IDMuNjY4OTVDNy4zNDQyNyA0LjAyMjYyIDcuMzQ0MjcgNC41NjMxOSA3LjY5Nzk0IDQuOTE2ODZDOC4wNTE2MSA1LjI3MDU0IDguNTkyMTcgNS4yNzA1NCA4Ljk0NTg0IDQuOTE2ODZMMTAuNjM4NiAzLjIyNDEzQzExLjIzMDEgMi42MzI2MyAxMi4xNzMgMi42Mjk4OCAxMi43Njc4IDMuMjE1ODhDMTMuMDEwNiAzLjUyMzM4IDEzLjE4NzkgMy45NDc1MiAxMy4xODc5IDQuMzYwNjFDMTMuMTg3OSA0Ljc2NjcyIDEzLjAxNjEgNS4xMjQ1NCAxMi43Njc2IDUuNDM3ODVMOS45MzIzMyA4LjI3MzE5QzkuMzM4MDggOC44Njc0NSA4LjM4OTA0IDguODY3NDUgNy43OTQ3OSA4LjI3MzE5QzcuNDQxMTIgNy45MTk1MiA2LjkwMDU2IDcuOTE5NTIgNi41NDY4OSA4LjI3MzE5QzYuMTkzMjIgOC42MjY4NyA2LjE5MzIyIDkuMTY3NDMgNi41NDY4OSA5LjUyMTExQzcuMjAxMDkgMTAuMTc1MyA4LjA3MDA3IDEwLjQ2MzUgOC44NjM1NiAxMC40NjM1QzkuNzI3MjcgMTAuNDYzNSAxMC41Mjc2IDEwLjE3MzcgMTEuMTgwMiA5LjUyMTExTDE0LjAyNCA2LjY3NzMxQzE0LjY3NjYgNi4wMjQ3IDE0Ljk2NjMgNS4yMjQzMyAxNC45NjYzIDQuMzYwNjFDMTQuOTY2MyAzLjQyMTEyIDE0LjYwMzUgMi42Mjc2NSAxNC4wMzI2IDEuOTg1MjdMMTQuMDI4NCAxLjk4MDYyTDE0LjAyNCAxLjk3NjIxWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNOS40MTk0NiA2LjUxMjc0QzguMTIxMDUgNS4yMTQzMiA2LjAyMTM1IDUuMjA3MjUgNC43ODQgNi41MTQ4NUwxLjk0MjM0IDkuMzU2NTRDMS4yODk3NCAxMC4wMDkyIDEgMTAuODA5NSAxIDExLjY3MzJDMSAxMi41Mzg3IDEuMzU4MzIgMTMuNDAzNiAxLjkzODQgMTMuOTg2QzIuNTk1MiAxNC43MTMyIDMuNDY4MTQgMTUgNC4zMjY3MiAxNUM1LjE5MDQzIDE1IDUuOTkwOCAxNC43MTAzIDYuNjQzNCAxNC4wNTc2TDguMzM2MTEgMTIuMzY0OUM4LjY4OTc5IDEyLjAxMTIgOC42ODk3OSAxMS40NzA3IDguMzM2MTEgMTEuMTE3QzguMDExOTkgMTAuNzkyOSA3LjQ2ODYyIDEwLjY2ODkgNy4wODgyMSAxMS4wNDkzTDUuMzk1NDkgMTIuNzQyQzQuODAxMjQgMTMuMzM2MyAzLjg1MjIxIDEzLjMzNjMgMy4yNTc5NiAxMi43NDJMMy4yNDk2NSAxMi43MzM3TDMuMjQwNDcgMTIuNzI2NEMyLjk2MDE3IDEyLjUwMjEgMi43Nzg0MSAxMi4wOTM3IDIuNzc4NDEgMTEuNjczMkMyLjc3ODQxIDExLjI2NzEgMi45NTAyIDEwLjkwOTMgMy4xOTg3MSAxMC41OTZMNi4wMzQwMiA3Ljc2MDY2QzYuNjI4MjcgNy4xNjY0MSA3LjU3NzMgNy4xNjY0MSA4LjE3MTU1IDcuNzYwNjZDOC41MjUyMiA4LjExNDM0IDkuMDY1NzggOC4xMTQzNCA5LjQxOTQ2IDcuNzYwNjZDOS43NzMxMyA3LjQwNjk5IDkuNzczMTMgNi44NjY0MiA5LjQxOTQ2IDYuNTEyNzRaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==')",
224
226
  },
225
227
  blur: {
226
228
  100: '2px',
@@ -406,68 +408,6 @@ module.exports = {
406
408
  1: '1',
407
409
  5: '5',
408
410
  },
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
411
  },
472
412
  },
473
413
  plugins: [
package/dist/types/index.d.ts CHANGED
@@ -12,5 +12,5 @@ type LogoVariantType = 'default' | 'green' | ThemeVariantType;
12
12
  type ColorNameType = 'blue' | 'green' | 'light-green' | 'yellow' | 'dark' | 'light' | 'shade-dark' | 'shade-light';
13
13
  type ColorShadeType = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
14
14
  /** icons */
15
- type IconListType = 'none' | 'icon-null-1' | 'icon-null-2' | 'icon-arrowhead-top' | 'icon-arrowhead-left' | 'icon-arrowhead-right' | 'icon-arrowhead-bottom' | 'icon-arrowhead-sm-top' | 'icon-arrowhead-sm-left' | 'icon-arrowhead-sm-right' | 'icon-arrowhead-sm-bottom' | 'icon-round-arrow-top' | 'icon-round-arrow-left' | 'icon-round-arrow-right' | 'icon-round-arrow-bottom' | 'icon-round-solid-arrow-top' | 'icon-round-solid-arrow-left' | 'icon-round-solid-arrow-right' | 'icon-round-solid-arrow-bottom' | 'icon-cross' | 'icon-plus' | 'icon-bar' | 'icon-double-bar' | 'icon-bow-tie' | 'icon-play' | 'icon-stop' | 'icon-pause' | 'icon-first' | 'icon-last' | 'icon-globe' | 'icon-tako' | 'icon-kebab' | 'icon-cheese' | 'icon-veggie' | 'icon-meatball' | 'icon-hamburger' | 'icon-vespa' | 'icon-check' | 'icon-align-left' | 'icon-align-center' | 'icon-align-justify-center' | 'icon-align-justify-full' | 'icon-align-justify-left' | 'icon-align-justify-right' | 'icon-align-object-bottom' | 'icon-align-object-center' | 'icon-align-object-left' | 'icon-align-object-middle' | 'icon-align-object-right' | 'icon-align-object-top' | 'icon-align-right' | 'icon-bag-1' | 'icon-bag-2' | 'icon-bag-3' | 'icon-bag-4' | 'icon-download-1' | 'icon-download-2' | 'icon-grid-1' | 'icon-grid-2' | 'icon-list' | 'icon-cloud-error' | 'icon-cloud-upload' | 'icon-cloud-download' | 'icon-cloud' | 'icon-star-1' | 'icon-star-2' | 'icon-star-3' | 'icon-star-4' | 'icon-star-5' | 'icon-upload-1' | 'icon-upload-2' | 'icon-clipboard' | 'icon-copy' | 'icon-image-not-exist' | 'icon-visible' | 'icon-invisible' | 'icon-refresh' | 'icon-round-checked' | 'icon-rounded-notice' | 'icon-rounded-info' | 'icon-triangle-exclaim' | 'icon-edit' | 'icon-link' | 'icon-loading' | 'icon-page' | 'icon-content' | 'icon-block-image-text' | 'icon-block-text-image' | 'icon-home' | 'icon-link' | 'icon-trash' | 'icon-facebook' | 'icon-instagram' | 'icon-location-outline' | 'icon-location-solid' | 'icon-location-vespa' | 'icon-share' | 'icon-sound-off' | 'icon-sound-on' | 'icon-telephone' | 'icon-line' | 'icon-x' | 'icon-x-round' | 'icon-youtube';
15
+ type IconListType = 'none' | 'icon-null-1' | 'icon-null-2' | 'icon-arrowhead-top' | 'icon-arrowhead-left' | 'icon-arrowhead-right' | 'icon-arrowhead-bottom' | 'icon-arrowhead-sm-top' | 'icon-arrowhead-sm-left' | 'icon-arrowhead-sm-right' | 'icon-arrowhead-sm-bottom' | 'icon-round-arrow-top' | 'icon-round-arrow-left' | 'icon-round-arrow-right' | 'icon-round-arrow-bottom' | 'icon-round-solid-arrow-top' | 'icon-round-solid-arrow-left' | 'icon-round-solid-arrow-right' | 'icon-round-solid-arrow-bottom' | 'icon-cross' | 'icon-plus' | 'icon-bar' | 'icon-double-bar' | 'icon-bow-tie' | 'icon-play' | 'icon-stop' | 'icon-pause' | 'icon-first' | 'icon-last' | 'icon-globe' | 'icon-tako' | 'icon-kebab' | 'icon-cheese' | 'icon-veggie' | 'icon-meatball' | 'icon-hamburger' | 'icon-vespa' | 'icon-check' | 'icon-align-left' | 'icon-align-center' | 'icon-align-justify-center' | 'icon-align-justify-full' | 'icon-align-justify-left' | 'icon-align-justify-right' | 'icon-align-object-bottom' | 'icon-align-object-center' | 'icon-align-object-left' | 'icon-align-object-middle' | 'icon-align-object-right' | 'icon-align-object-top' | 'icon-align-right' | 'icon-bag-1' | 'icon-bag-2' | 'icon-bag-3' | 'icon-bag-4' | 'icon-download-1' | 'icon-download-2' | 'icon-grid-1' | 'icon-grid-2' | 'icon-list' | 'icon-cloud-error' | 'icon-cloud-upload' | 'icon-cloud-download' | 'icon-cloud' | 'icon-star-1' | 'icon-star-2' | 'icon-star-3' | 'icon-star-4' | 'icon-star-5' | 'icon-upload-1' | 'icon-upload-2' | 'icon-clipboard' | 'icon-copy' | 'icon-image-not-exist' | 'icon-visible' | 'icon-invisible' | 'icon-refresh' | 'icon-round-checked' | 'icon-rounded-notice' | 'icon-rounded-info' | 'icon-triangle-exclaim' | 'icon-edit' | 'icon-link' | 'icon-loading' | 'icon-page' | 'icon-content' | 'icon-block-image-text' | 'icon-block-text-image' | 'icon-home' | 'icon-trash' | 'icon-facebook' | 'icon-instagram' | 'icon-copy-clipboard' | 'icon-location-outline' | 'icon-location-solid' | 'icon-location-vespa' | 'icon-share' | 'icon-sound-off' | 'icon-sound-on' | 'icon-telephone' | 'icon-line' | 'icon-x' | 'icon-x-round' | 'icon-youtube';
16
16
  export type { SizeType, ShadowType, ButtonCrossSizeType, IconSizeType, ButtonVariantType, ThemeVariantType, ButtonCrossVariantType, LogoVariantType, ColorNameType, ColorShadeType, IconListType, };
package/dist/vespa-design-system.js CHANGED
@@ -23030,9 +23030,9 @@ const i5 = (r) => {
23030
23030
  onlyIcon: z = !1,
23031
23031
  ...R
23032
23032
  } = r, P = (le, K) => le + K, V = {
23033
- small: z ? "min-h-32" : "min-h-32 font-normal font-vespa-thai-italic italic text-body-small",
23034
- medium: z ? "min-h-32" : "min-h-40 font-normal font-vespa-thai-italic italic text-body",
23035
- large: z ? "min-h-32" : "min-h-40 font-bold not-italic text-body"
23033
+ small: z ? "min-h-[32px]" : "min-h-[32px] font-normal font-vespa-thai-italic italic text-body-small",
23034
+ medium: z ? "min-h-[32px]" : "min-h-[40px] font-normal font-vespa-thai-italic italic text-body",
23035
+ large: z ? "min-h-[32px]" : "min-h-[40px] font-bold not-italic text-body"
23036
23036
  }, B = {
23037
23037
  primary: M && N ? `bg-${p}-${g} text-${M}-${N}` : `bg-${p}-${g} text-light-100`,
23038
23038
  secondary: `bg-light-100 text-${p}-${g}`,
@@ -23476,7 +23476,7 @@ const _h = ee(
23476
23476
  "div",
23477
23477
  {
23478
23478
  ref: i,
23479
- className: Ie("flex h-full min-h-40 w-full flex-col items-center justify-center", u),
23479
+ className: Ie("flex h-full min-h-[40px] w-full flex-col items-center justify-center", u),
23480
23480
  ...d,
23481
23481
  children: [
23482
23482
  /* @__PURE__ */ _(en, { icon: "icon-cloud-download", color: "green", shade: 500, size: "24" }),
@@ -23497,7 +23497,7 @@ const $h = ee((r, i) => {
23497
23497
  ...p,
23498
23498
  children: [
23499
23499
  /* @__PURE__ */ _(en, { icon: "icon-cloud-upload", color: "light", shade: 500, size: "24" }),
23500
- d || /* @__PURE__ */ mt("div", { className: "flex min-h-40 flex-col items-center", children: [
23500
+ d || /* @__PURE__ */ mt("div", { className: "flex min-h-[40px] flex-col items-center", children: [
23501
23501
  /* @__PURE__ */ mt("span", { className: "mt-16 font-bold", children: [
23502
23502
  /* @__PURE__ */ _("span", { className: "text-light-800", children: "Drag & drop an image, or" }),
23503
23503
  /* @__PURE__ */ _("span", { className: "text-light-500", children: " Browse" })
@@ -23635,7 +23635,7 @@ const KE = ee((r, i) => {
23635
23635
  return /* @__PURE__ */ mt("div", { ...M, ref: i, className: Ie("", o), children: [
23636
23636
  /* @__PURE__ */ _(CC, { className: "min-h-[290px]", isError: u, onUpload: w, children: /* @__PURE__ */ _(CC.Inactive, { size: "600x600", ratio: "1:1", onError: N }) }),
23637
23637
  u && /* @__PURE__ */ _("p", { className: "mt-12 text-caption text-yellow-600", children: "This media file doesn‘t exist, please upload file again" }),
23638
- /* @__PURE__ */ mt("div", { className: "mt-12 flex min-h-40 items-center", children: [
23638
+ /* @__PURE__ */ mt("div", { className: "mt-12 flex min-h-[40px] items-center", children: [
23639
23639
  /* @__PURE__ */ _("div", { className: "flex-1", children: /* @__PURE__ */ _("p", { className: "pt-4 text-body-small text-light-600", children: "Preview:" }) }),
23640
23640
  /* @__PURE__ */ _("div", { className: "flex-initial", children: /* @__PURE__ */ _("div", { className: "h-36 w-36 overflow-hidden rounded-full", children: d !== "" ? /* @__PURE__ */ _("img", { src: d, alt: v }) : /* @__PURE__ */ _(q0, { className: "h-full w-full", imageNotFound: u }) }) })
23641
23641
  ] })
@@ -23664,7 +23664,7 @@ const XE = ee(
23664
23664
  ref: i,
23665
23665
  type: "button",
23666
23666
  ...o,
23667
- className: "flex min-h-40 w-full items-center justify-center rounded py-6 px-34 font-vespa-thai-italic text-blue-500 disabled:cursor-not-allowed disabled:text-blue-700 [&:not(:disabled)]:hover:bg-light-200 [&:not(:disabled)]:active:bg-light-300",
23667
+ className: "flex min-h-[40px] w-full items-center justify-center rounded py-6 px-34 font-vespa-thai-italic text-blue-500 disabled:cursor-not-allowed disabled:text-blue-700 [&:not(:disabled)]:hover:bg-light-200 [&:not(:disabled)]:active:bg-light-300",
23668
23668
  children: /* @__PURE__ */ _("span", { className: "flex-1 pt-4", children: "DISCARD" })
23669
23669
  }
23670
23670
  );
@@ -23679,7 +23679,7 @@ const ZE = ee((r, i) => {
23679
23679
  ref: i,
23680
23680
  type: "button",
23681
23681
  ...o,
23682
- className: "flex min-h-40 w-full items-center justify-center rounded bg-blue-500 py-6 px-34 font-vespa-thai-italic text-light-100 disabled:cursor-not-allowed disabled:text-blue-700 [&:not(:disabled)]:hover:bg-blue-600 [&:not(:disabled)]:active:bg-blue-700",
23682
+ className: "flex min-h-[40px] w-full items-center justify-center rounded bg-blue-500 py-6 px-34 font-vespa-thai-italic text-light-100 disabled:cursor-not-allowed disabled:text-blue-700 [&:not(:disabled)]:hover:bg-blue-600 [&:not(:disabled)]:active:bg-blue-700",
23683
23683
  children: /* @__PURE__ */ _("span", { className: "flex-1 pt-4", children: "APPLY" })
23684
23684
  }
23685
23685
  );
@@ -25835,7 +25835,7 @@ const s_ = () => {
25835
25835
  /* @__PURE__ */ mt("div", { className: "mt-12 flex items-center", children: [
25836
25836
  /* @__PURE__ */ _("div", { className: "flex-1", children: /* @__PURE__ */ _("p", { className: "pt-4 text-body-small text-light-600", children: "HEX:" }) }),
25837
25837
  /* @__PURE__ */ mt("div", { className: "flex flex-initial items-center gap-4", children: [
25838
- /* @__PURE__ */ mt("div", { className: "flex min-h-40 max-w-[150px] items-center gap-8 border border-light-200 py-4 px-12 focus-within:border-blue-500", children: [
25838
+ /* @__PURE__ */ mt("div", { className: "flex min-h-[40px] max-w-[150px] items-center gap-8 border border-light-200 py-4 px-12 focus-within:border-blue-500", children: [
25839
25839
  /* @__PURE__ */ _(
25840
25840
  "span",
25841
25841
  {
@@ -30308,7 +30308,7 @@ const c4 = ee((r, i) => {
30308
30308
  "button",
30309
30309
  {
30310
30310
  ref: O.setReference,
30311
- className: "flex items-center w-fit min-w-[94.56px] outline-none",
30311
+ className: "flex items-center w-fit min-w-[94px] outline-none",
30312
30312
  ...V({
30313
30313
  onClick() {
30314
30314
  x(!0), N(!M);
@@ -30607,7 +30607,7 @@ const f4 = ee((r, i) => {
30607
30607
  )
30608
30608
  }
30609
30609
  ) });
30610
- return /* @__PURE__ */ mt("div", { ref: i, className: Ie("min-w-288px]", g), ...M, children: [
30610
+ return /* @__PURE__ */ mt("div", { ref: i, className: Ie("min-w-[288px]", g), ...M, children: [
30611
30611
  /* @__PURE__ */ mt("div", { className: "flex gap-8 items-center", ref: z.setPositionReference, children: [
30612
30612
  /* @__PURE__ */ _(
30613
30613
  F0,
@@ -30970,7 +30970,7 @@ const y4 = ee(
30970
30970
  ref: i,
30971
30971
  size: v,
30972
30972
  className: Oa(
30973
- "h-40 min-w-40 border border-light-300 bg-light-100 px-8 pt-3 text-center text-light-800 outline-none",
30973
+ "h-40 min-w-[40px] border border-light-300 bg-light-100 px-8 pt-3 text-center text-light-800 outline-none",
30974
30974
  "placeholder:text-light-300",
30975
30975
  "focus:border-blue-500",
30976
30976
  "disabled:cursor-not-allowed disabled:bg-light-200",
@@ -31035,7 +31035,7 @@ const J6 = ee((r, i) => {
31035
31035
  ...g,
31036
31036
  ref: i,
31037
31037
  className: Ie(
31038
- d ? "min-h-60" : "min-h-48",
31038
+ d ? "min-h-[60px]" : "min-h-[48px]",
31039
31039
  "flex cursor-pointer items-center px-8 py-12 hover:bg-shade-dark-100 active:bg-shade-dark-200",
31040
31040
  p
31041
31041
  ),
@@ -31061,7 +31061,7 @@ const eF = ee((r, i) => {
31061
31061
  ...g,
31062
31062
  ref: i,
31063
31063
  className: Ie(
31064
- "flex min-h-60 cursor-pointer items-center px-12 py-8 hover:bg-shade-dark-100 active:bg-shade-dark-200",
31064
+ "flex min-h-[60px] cursor-pointer items-center px-12 py-8 hover:bg-shade-dark-100 active:bg-shade-dark-200",
31065
31065
  p
31066
31066
  ),
31067
31067
  children: [
@@ -35130,9 +35130,9 @@ const zD = fr({}), sI = ee((r, i) => {
35130
35130
  sI.displayName = "TextFieldSlug";
35131
35131
  const cI = ee((r, i) => {
35132
35132
  const { isBorder: o = !1, children: u, className: d, shadow: v = "none", size: p = "medium", ...g } = r, M = {
35133
- small: "min-h-36 text-caption",
35134
- medium: "min-h-40 text-body-small",
35135
- large: "min-h-44 text-body"
35133
+ small: "min-h-[36px] text-caption",
35134
+ medium: "min-h-[40px] text-body-small",
35135
+ large: "min-h-[44px] text-body"
35136
35136
  }, N = {
35137
35137
  none: "",
35138
35138
  100: "shadow-100",