tyrell-components 1.0.0-TC46 → 1.0.0-TC48

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 (62) hide show
  1. package/README.md +1 -1
  2. package/css/tyrell-theme.css +167 -178
  3. package/css/tyrell.css +19 -0
  4. package/dist/tyrell-theme.css +167 -178
  5. package/dist/tyrell.css +19 -0
  6. package/dist/tyrell.js +1 -1
  7. package/lib/base/ty-component.d.ts +8 -3
  8. package/lib/base/ty-component.js +13 -5
  9. package/lib/components/date-picker.d.ts +8 -0
  10. package/lib/components/date-picker.js +13 -9
  11. package/lib/components/file-upload.d.ts +6 -0
  12. package/lib/components/file-upload.js +19 -4
  13. package/lib/components/input.js +1 -0
  14. package/lib/components/modal.d.ts +8 -0
  15. package/lib/components/modal.js +29 -6
  16. package/lib/components/popup.js +6 -10
  17. package/lib/components/radio.js +10 -2
  18. package/lib/components/resize-observer.d.ts +1 -0
  19. package/lib/components/resize-observer.js +12 -1
  20. package/lib/components/select.d.ts +11 -3
  21. package/lib/components/select.js +26 -9
  22. package/lib/components/selected-tags.js +1 -1
  23. package/lib/components/tabs.d.ts +2 -0
  24. package/lib/components/tabs.js +18 -1
  25. package/lib/components/tooltip.js +24 -6
  26. package/lib/components/wizard.d.ts +2 -0
  27. package/lib/components/wizard.js +15 -0
  28. package/lib/styles/button.js +9 -2
  29. package/lib/styles/calendar-month.js +1 -1
  30. package/lib/styles/calendar-navigation.d.ts +1 -1
  31. package/lib/styles/calendar-navigation.js +1 -1
  32. package/lib/styles/calendar.d.ts +1 -1
  33. package/lib/styles/calendar.js +1 -1
  34. package/lib/styles/date-picker.js +30 -4
  35. package/lib/styles/file-upload.d.ts +1 -1
  36. package/lib/styles/file-upload.js +1 -1
  37. package/lib/styles/icon.d.ts +1 -1
  38. package/lib/styles/icon.js +12 -1
  39. package/lib/styles/input.js +2 -1
  40. package/lib/styles/modal.d.ts +1 -1
  41. package/lib/styles/modal.js +18 -0
  42. package/lib/styles/option.d.ts +1 -1
  43. package/lib/styles/option.js +16 -1
  44. package/lib/styles/popup.d.ts +1 -1
  45. package/lib/styles/popup.js +22 -5
  46. package/lib/styles/radio.js +1 -1
  47. package/lib/styles/select-base.js +59 -9
  48. package/lib/styles/select.d.ts +1 -1
  49. package/lib/styles/select.js +5 -1
  50. package/lib/styles/tabs.d.ts +1 -1
  51. package/lib/styles/tabs.js +6 -1
  52. package/lib/styles/textarea.d.ts +1 -1
  53. package/lib/styles/textarea.js +2 -1
  54. package/lib/styles/wizard.d.ts +1 -1
  55. package/lib/styles/wizard.js +3 -3
  56. package/lib/utils/number-format.d.ts +6 -1
  57. package/lib/utils/number-format.js +9 -2
  58. package/lib/utils/positioning.d.ts +50 -5
  59. package/lib/utils/positioning.js +52 -8
  60. package/lib/version.d.ts +1 -1
  61. package/lib/version.js +1 -1
  62. package/package.json +1 -1
package/dist/tyrell.css CHANGED
@@ -1369,3 +1369,22 @@ RESPONSIVE VARIANTS
1369
1369
  --ty-font-sm: 1rem;
1370
1370
  }
1371
1371
  }
1372
+
1373
+ /* =================================================================
1374
+ MODAL BACKDROP ZOOM (opt-in)
1375
+ While any <ty-modal backdrop-zoom open> is open, the component toggles
1376
+ .ty-modal-zoom on <html> and the page body scales down slightly
1377
+ (Vaul/shadcn-style). The modal itself renders in the top layer, which
1378
+ escapes ancestor transforms — only the page behind it moves.
1379
+ Caveat: a scaled <body> becomes the containing block for position:fixed
1380
+ descendants — apps with fixed headers/sidebars should not use backdrop-zoom.
1381
+ ================================================================= */
1382
+
1383
+ body {
1384
+ transition: scale var(--ty-modal-duration, 200ms) ease-out;
1385
+ }
1386
+
1387
+ html.ty-modal-zoom body {
1388
+ scale: 0.99;
1389
+ transform-origin: 50% 50%;
1390
+ }