@eightshift/ui-components 6.0.8 → 6.0.10

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 (98) hide show
  1. package/dist/{Button-BXjXzdW_.js → Button-JRIu2BnS.js} +8 -8
  2. package/dist/{Dialog-D8bjn-nh.js → Dialog-Dd1yqNus.js} +31 -27
  3. package/dist/{FieldError-DwBG6m1U.js → FieldError-DmVwL6Dj.js} +2 -2
  4. package/dist/{FocusScope-BMk5oZCk.js → FocusScope-Dri1oBcH.js} +2 -2
  5. package/dist/{Heading-BmRX4BRL.js → Heading-eA6LXIKB.js} +1 -1
  6. package/dist/{Input-CNNksOWg.js → Input-Cuw9UbNb.js} +14 -24
  7. package/dist/{Label-D8a3eYb-.js → Label-DPWyf-gp.js} +1 -1
  8. package/dist/{List-BGHOoFf0.js → List-CWheI3JH.js} +1 -1
  9. package/dist/{ListBox-Dd37zMvs.js → ListBox-DT1sFY3e.js} +17 -16
  10. package/dist/{OverlayArrow-DokC40S3.js → OverlayArrow-DVJTTfZM.js} +67 -123
  11. package/dist/{RadioGroup-BVFvITWO.js → RadioGroup-Cp5cdBI_.js} +14 -14
  12. package/dist/{SearchField-CHYnN-jt.js → SearchField-CLhr5PGZ.js} +44 -37
  13. package/dist/{SelectionManager-N8X7T_4D.js → SelectionManager-DbBiF5M8.js} +41 -68
  14. package/dist/{SharedElementTransition-BDT84GtD.js → SharedElementTransition-B_vnQ1uR.js} +1 -1
  15. package/dist/{Slider-CL5CM9S8.js → Slider-CZV3HhHY.js} +119 -83
  16. package/dist/{Text-ztX6G1zR.js → Text-Dae33gHp.js} +1 -1
  17. package/dist/{VisuallyHidden-DTUuKFiI.js → VisuallyHidden-eaCBtXhE.js} +2 -2
  18. package/dist/animation-DY7CNkr6.js +67 -0
  19. package/dist/assets/style-admin.css +44 -57
  20. package/dist/assets/style-editor.css +44 -57
  21. package/dist/assets/style.css +44 -57
  22. package/dist/assets/wp-overrides/allow-full-width-blocks.css +1 -1
  23. package/dist/assets/wp-overrides/fix-label-text-case.css +1 -1
  24. package/dist/assets/wp-overrides/increase-sidebar-width.css +1 -1
  25. package/dist/assets/wp-overrides/make-block-messages-nicer.css +1 -1
  26. package/dist/assets/wp-overrides/replace-fonts.css +1 -1
  27. package/dist/assets/wp-overrides/restyle-tooltips.css +1 -1
  28. package/dist/assets/wp-overrides/round-corners.css +1 -1
  29. package/dist/assets/wp-overrides/unify-button-sizes.css +1 -1
  30. package/dist/{color-swatch-BEBLRxTy.js → color-swatch-CZj0jHZd.js} +4 -4
  31. package/dist/components/animated-visibility/animated-visibility.js +2 -2
  32. package/dist/components/base-control/base-control.js +1 -1
  33. package/dist/components/button/button.js +5 -5
  34. package/dist/components/checkbox/checkbox.js +10 -10
  35. package/dist/components/color-pickers/color-picker.js +1 -1
  36. package/dist/components/color-pickers/color-swatch.js +1 -1
  37. package/dist/components/color-pickers/gradient-editor.js +2 -2
  38. package/dist/components/color-pickers/solid-color-picker.js +17 -17
  39. package/dist/components/draggable/draggable.js +329 -156
  40. package/dist/components/draggable-list/draggable-list.js +1 -1
  41. package/dist/components/expandable/expandable.js +16 -13
  42. package/dist/components/index.js +1 -1
  43. package/dist/components/input-field/input-field.js +8 -8
  44. package/dist/components/link-input/link-input.js +25 -25
  45. package/dist/components/matrix-align/matrix-align.js +1 -1
  46. package/dist/components/menu/menu.js +1 -1
  47. package/dist/components/modal/modal.js +19 -12
  48. package/dist/components/number-picker/number-picker.js +9 -9
  49. package/dist/components/options-panel/options-panel.js +1 -1
  50. package/dist/components/popover/popover.js +5 -5
  51. package/dist/components/radio/radio.js +2 -2
  52. package/dist/components/repeater/repeater.js +1 -1
  53. package/dist/components/responsive/mini-responsive.js +1 -1
  54. package/dist/components/select/async-multi-select.js +10 -10
  55. package/dist/components/select/async-select.js +10 -10
  56. package/dist/components/select/multi-select.js +10 -10
  57. package/dist/components/select/shared.js +3 -3
  58. package/dist/components/select/single-select.js +10 -10
  59. package/dist/components/slider/column-config-slider.js +3 -3
  60. package/dist/components/slider/slider.js +3 -3
  61. package/dist/components/smart-image/smart-image.js +1 -1
  62. package/dist/components/smart-image/worker-inline.js +1 -1
  63. package/dist/components/tabs/tabs.js +36 -17
  64. package/dist/components/toggle/switch.js +7 -7
  65. package/dist/components/toggle/toggle.js +1 -1
  66. package/dist/components/toggle-button/toggle-button.js +6 -6
  67. package/dist/components/tooltip/tooltip.js +10 -8
  68. package/dist/{context-BQvmiUqb.js → context-DYYO3Ns3.js} +9 -6
  69. package/dist/{filterDOMProps-D2C6R0DK.js → filterDOMProps-eGTqWSTd.js} +1 -1
  70. package/dist/{general-ChNQK6O9.js → general-C8Q0dvEx.js} +15 -14
  71. package/dist/{index-oFgxU4zs.js → index-sSixe2j_.js} +20 -20
  72. package/dist/index.js +1 -1
  73. package/dist/{proxy-DkQpcQgI.js → proxy-CcjltLEW.js} +272 -121
  74. package/dist/{shared-DOxXagm0.js → shared-Bg9lx3pE.js} +20 -20
  75. package/dist/{textSelection-CwHUtNVX.js → textSelection-Cq_Br7RW.js} +1 -1
  76. package/dist/{useAsyncList-D52mQcrH.js → useAsyncList-DsZvQXls.js} +5 -2
  77. package/dist/{useButton-DdZrS1Kz.js → useButton-CeuyDay5.js} +4 -4
  78. package/dist/{useEvent-BD7Olibq.js → useEvent-DoWvho2u.js} +2 -3
  79. package/dist/{useFilter-bhxeEDg8.js → useFilter-DYtfYPua.js} +1 -1
  80. package/dist/{useFocusRing-D3b7Kh4P.js → useFocusRing-WEswknAY.js} +1 -1
  81. package/dist/{useFormReset-WUv2PdFO.js → useFormReset-BDF1K4E4.js} +2 -3
  82. package/dist/{useFormValidation-DQeXkyLm.js → useFormValidation-Dqzjv4jX.js} +2 -5
  83. package/dist/{useHover-Bycb7BsD.js → useHover-CG39Ci3A.js} +164 -66
  84. package/dist/{useLabel-Bnv4-T24.js → useLabel--3fT2XKM.js} +2 -2
  85. package/dist/{useLabels-B49ptFDX.js → useLabels-vzdDMGCX.js} +1 -1
  86. package/dist/{useListState-ZKhRO8ML.js → useListState-Bya9g7W8.js} +1 -1
  87. package/dist/{useLocalizedStringFormatter-NETP-8H8.js → useLocalizedStringFormatter-M3L6Ge2c.js} +3 -3
  88. package/dist/{useNumberField-D2fUHql3.js → useNumberField-D6lsi3Vu.js} +91 -24
  89. package/dist/{useNumberFormatter-DGvuRCn7.js → useNumberFormatter-BWOyCamK.js} +1 -1
  90. package/dist/{usePress-B8OteQMu.js → usePress-B9w0X4Ur.js} +168 -180
  91. package/dist/{useSingleSelectListState-BBTu4shO.js → useSingleSelectListState-D9SqGLJ0.js} +2 -2
  92. package/dist/{useToggle-BZhaYwZl.js → useToggle-Deq2xxQV.js} +5 -5
  93. package/dist/{useToggleState-VkXJjsru.js → useToggleState-j3o1PvdS.js} +1 -1
  94. package/dist/utilities/general.js +1 -1
  95. package/dist/utilities/index.js +1 -1
  96. package/dist/{utils-DGpXyJOJ.js → utils-HC9_3Crc.js} +20 -31
  97. package/dist/workers/image-analysis.worker.js +1 -1
  98. package/package.json +24 -28
package/dist/assets/style-admin.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
@@ -455,6 +455,7 @@
455
455
  --es-color-black: #000;
456
456
  --es-color-white: #fff;
457
457
  --es-spacing: .25rem;
458
+ --es-container-xs: 20rem;
458
459
  --es-container-lg: 32rem;
459
460
  --es-container-2xl: 42rem;
460
461
  --es-container-4xl: 56rem;
@@ -1503,6 +1504,10 @@ input[data-rac]::-webkit-search-cancel-button {
1503
1504
  top: var(--es-spacing-3_25);
1504
1505
  }
1505
1506
 
1507
+ :is(body, body #wpwrap) .es\:top-4 {
1508
+ top: calc(var(--es-spacing) * 4);
1509
+ }
1510
+
1506
1511
  :is(body, body #wpwrap) .es\:top-5 {
1507
1512
  top: calc(var(--es-spacing) * 5);
1508
1513
  }
@@ -1531,6 +1536,10 @@ input[data-rac]::-webkit-search-cancel-button {
1531
1536
  right: calc(var(--es-spacing) * 3);
1532
1537
  }
1533
1538
 
1539
+ :is(body, body #wpwrap) .es\:right-4 {
1540
+ right: calc(var(--es-spacing) * 4);
1541
+ }
1542
+
1534
1543
  :is(body, body #wpwrap) .es\:right-6 {
1535
1544
  right: calc(var(--es-spacing) * 6);
1536
1545
  }
@@ -1663,10 +1672,6 @@ input[data-rac]::-webkit-search-cancel-button {
1663
1672
  margin: calc(var(--es-spacing) * 1.5);
1664
1673
  }
1665
1674
 
1666
- :is(body, body #wpwrap) .es\:m-5 {
1667
- margin: calc(var(--es-spacing) * 5);
1668
- }
1669
-
1670
1675
  :is(body, body #wpwrap) .es\:m-auto {
1671
1676
  margin: auto;
1672
1677
  }
@@ -1727,10 +1732,6 @@ input[data-rac]::-webkit-search-cancel-button {
1727
1732
  margin-block: calc(var(--es-spacing) * 2);
1728
1733
  }
1729
1734
 
1730
- :is(body, body #wpwrap) .es\:my-5 {
1731
- margin-block: calc(var(--es-spacing) * 5);
1732
- }
1733
-
1734
1735
  :is(body, body #wpwrap) .es\:my-auto {
1735
1736
  margin-block: auto;
1736
1737
  }
@@ -1779,6 +1780,10 @@ input[data-rac]::-webkit-search-cancel-button {
1779
1780
  margin-top: calc(var(--es-spacing) * 5);
1780
1781
  }
1781
1782
 
1783
+ :is(body, body #wpwrap) .es\:mt-auto {
1784
+ margin-top: auto;
1785
+ }
1786
+
1782
1787
  :is(body, body #wpwrap) .es\:mr-0\.5 {
1783
1788
  margin-right: calc(var(--es-spacing) * .5);
1784
1789
  }
@@ -1823,6 +1828,10 @@ input[data-rac]::-webkit-search-cancel-button {
1823
1828
  margin-bottom: calc(var(--es-spacing) * 5);
1824
1829
  }
1825
1830
 
1831
+ :is(body, body #wpwrap) .es\:mb-6 {
1832
+ margin-bottom: calc(var(--es-spacing) * 6);
1833
+ }
1834
+
1826
1835
  :is(body, body #wpwrap) .es\:mb-10 {
1827
1836
  margin-bottom: calc(var(--es-spacing) * 10);
1828
1837
  }
@@ -2107,6 +2116,10 @@ input[data-rac]::-webkit-search-cancel-button {
2107
2116
  max-height: calc(var(--es-spacing) * 60);
2108
2117
  }
2109
2118
 
2119
+ :is(body, body #wpwrap) .es\:max-h-\[70vh\] {
2120
+ max-height: 70vh;
2121
+ }
2122
+
2110
2123
  :is(body, body #wpwrap) .es\:max-h-\[85vh\] {
2111
2124
  max-height: 85vh;
2112
2125
  }
@@ -2171,10 +2184,6 @@ input[data-rac]::-webkit-search-cancel-button {
2171
2184
  min-height: 100%;
2172
2185
  }
2173
2186
 
2174
- :is(body, body #wpwrap) .es\:min-h-screen {
2175
- min-height: 100vh;
2176
- }
2177
-
2178
2187
  :is(body, body #wpwrap) .es\:w-fill {
2179
2188
  width: -moz-available;
2180
2189
  width: -webkit-fill-available;
@@ -2289,6 +2298,10 @@ input[data-rac]::-webkit-search-cancel-button {
2289
2298
  width: 1px;
2290
2299
  }
2291
2300
 
2301
+ :is(body, body #wpwrap) .es\:w-xs {
2302
+ width: var(--es-container-xs);
2303
+ }
2304
+
2292
2305
  :is(body, body #wpwrap) .es\:max-w-2xl {
2293
2306
  max-width: var(--es-container-2xl);
2294
2307
  }
@@ -2321,6 +2334,10 @@ input[data-rac]::-webkit-search-cancel-button {
2321
2334
  max-width: calc(var(--es-spacing) * 96);
2322
2335
  }
2323
2336
 
2337
+ :is(body, body #wpwrap) .es\:max-w-\[80vw\] {
2338
+ max-width: 80vw;
2339
+ }
2340
+
2324
2341
  :is(body, body #wpwrap) .es\:max-w-\[90vw\] {
2325
2342
  max-width: 90vw;
2326
2343
  }
@@ -2611,42 +2628,12 @@ input[data-rac]::-webkit-search-cancel-button {
2611
2628
  animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
2612
2629
  }
2613
2630
 
2614
- :is(body, body #wpwrap) .es\:motion-blur-in-\[1px\] {
2615
- --motion-origin-blur: 1px;
2616
- --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
2617
- animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
2618
- }
2619
-
2620
- :is(body, body #wpwrap) .es\:motion-blur-in-\[2px\] {
2621
- --motion-origin-blur: 2px;
2622
- --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
2623
- animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
2624
- }
2625
-
2626
2631
  :is(body, body #wpwrap) .es\:motion-blur-in-xs {
2627
2632
  --motion-origin-blur: 4px;
2628
2633
  --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
2629
2634
  animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
2630
2635
  }
2631
2636
 
2632
- :is(body, body #wpwrap) .es\:motion-blur-out-\[1px\] {
2633
- --motion-end-blur: 1px;
2634
- --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
2635
- animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
2636
- }
2637
-
2638
- :is(body, body #wpwrap) .es\:motion-blur-out-\[2px\] {
2639
- --motion-end-blur: 2px;
2640
- --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
2641
- animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
2642
- }
2643
-
2644
- :is(body, body #wpwrap) .es\:motion-blur-out-xs {
2645
- --motion-end-blur: 4px;
2646
- --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
2647
- animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
2648
- }
2649
-
2650
2637
  :is(body, body #wpwrap) .es\:motion-opacity-in {
2651
2638
  --motion-origin-opacity: 0;
2652
2639
  --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
@@ -3127,12 +3114,16 @@ input[data-rac]::-webkit-search-cancel-button {
3127
3114
  overflow-y: auto;
3128
3115
  }
3129
3116
 
3117
+ :is(body, body #wpwrap) .es\:overflow-y-hidden {
3118
+ overflow-y: hidden;
3119
+ }
3120
+
3130
3121
  :is(body, body #wpwrap) .es\:overflow-y-visible {
3131
3122
  overflow-y: visible;
3132
3123
  }
3133
3124
 
3134
- :is(body, body #wpwrap) .es\:overscroll-contain {
3135
- overscroll-behavior: contain;
3125
+ :is(body, body #wpwrap) .es\:overscroll-none {
3126
+ overscroll-behavior: none;
3136
3127
  }
3137
3128
 
3138
3129
  :is(body, body #wpwrap) .es\:rounded {
@@ -4475,17 +4466,17 @@ input[data-rac]::-webkit-search-cancel-button {
4475
4466
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
4476
4467
  }
4477
4468
 
4478
- :is(body, body #wpwrap) .es\:from-surface-50\/75 {
4469
+ :is(body, body #wpwrap) .es\:from-surface-50\/85 {
4479
4470
  --tw-gradient-from: var(--es-color-surface-50);
4480
4471
  }
4481
4472
 
4482
4473
  @supports (color: color-mix(in lab, red, red)) {
4483
- :is(body, body #wpwrap) .es\:from-surface-50\/75 {
4484
- --tw-gradient-from: color-mix(in oklab, var(--es-color-surface-50) 75%, transparent);
4474
+ :is(body, body #wpwrap) .es\:from-surface-50\/85 {
4475
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-surface-50) 85%, transparent);
4485
4476
  }
4486
4477
  }
4487
4478
 
4488
- :is(body, body #wpwrap) .es\:from-surface-50\/75 {
4479
+ :is(body, body #wpwrap) .es\:from-surface-50\/85 {
4489
4480
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
4490
4481
  }
4491
4482
 
@@ -5348,17 +5339,17 @@ input[data-rac]::-webkit-search-cancel-button {
5348
5339
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5349
5340
  }
5350
5341
 
5351
- :is(body, body #wpwrap) .es\:to-surface-50\/75 {
5342
+ :is(body, body #wpwrap) .es\:to-surface-50\/85 {
5352
5343
  --tw-gradient-to: var(--es-color-surface-50);
5353
5344
  }
5354
5345
 
5355
5346
  @supports (color: color-mix(in lab, red, red)) {
5356
- :is(body, body #wpwrap) .es\:to-surface-50\/75 {
5357
- --tw-gradient-to: color-mix(in oklab, var(--es-color-surface-50) 75%, transparent);
5347
+ :is(body, body #wpwrap) .es\:to-surface-50\/85 {
5348
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-surface-50) 85%, transparent);
5358
5349
  }
5359
5350
  }
5360
5351
 
5361
- :is(body, body #wpwrap) .es\:to-surface-50\/75 {
5352
+ :is(body, body #wpwrap) .es\:to-surface-50\/85 {
5362
5353
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5363
5354
  }
5364
5355
 
@@ -5753,10 +5744,6 @@ input[data-rac]::-webkit-search-cancel-button {
5753
5744
  padding-top: calc(var(--es-spacing) * 5);
5754
5745
  }
5755
5746
 
5756
- :is(body, body #wpwrap) .es\:pt-6 {
5757
- padding-top: calc(var(--es-spacing) * 6);
5758
- }
5759
-
5760
5747
  :is(body, body #wpwrap) .es\:pt-8 {
5761
5748
  padding-top: calc(var(--es-spacing) * 8);
5762
5749
  }
package/dist/assets/style-editor.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
@@ -455,6 +455,7 @@
455
455
  --es-color-black: #000;
456
456
  --es-color-white: #fff;
457
457
  --es-spacing: .25rem;
458
+ --es-container-xs: 20rem;
458
459
  --es-container-lg: 32rem;
459
460
  --es-container-2xl: 42rem;
460
461
  --es-container-4xl: 56rem;
@@ -1471,6 +1472,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1471
1472
  top: var(--es-spacing-3_25);
1472
1473
  }
1473
1474
 
1475
+ :is(body, #wpwrap #editor) .es\:top-4 {
1476
+ top: calc(var(--es-spacing) * 4);
1477
+ }
1478
+
1474
1479
  :is(body, #wpwrap #editor) .es\:top-5 {
1475
1480
  top: calc(var(--es-spacing) * 5);
1476
1481
  }
@@ -1499,6 +1504,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1499
1504
  right: calc(var(--es-spacing) * 3);
1500
1505
  }
1501
1506
 
1507
+ :is(body, #wpwrap #editor) .es\:right-4 {
1508
+ right: calc(var(--es-spacing) * 4);
1509
+ }
1510
+
1502
1511
  :is(body, #wpwrap #editor) .es\:right-6 {
1503
1512
  right: calc(var(--es-spacing) * 6);
1504
1513
  }
@@ -1631,10 +1640,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1631
1640
  margin: calc(var(--es-spacing) * 1.5);
1632
1641
  }
1633
1642
 
1634
- :is(body, #wpwrap #editor) .es\:m-5 {
1635
- margin: calc(var(--es-spacing) * 5);
1636
- }
1637
-
1638
1643
  :is(body, #wpwrap #editor) .es\:m-auto {
1639
1644
  margin: auto;
1640
1645
  }
@@ -1695,10 +1700,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1695
1700
  margin-block: calc(var(--es-spacing) * 2);
1696
1701
  }
1697
1702
 
1698
- :is(body, #wpwrap #editor) .es\:my-5 {
1699
- margin-block: calc(var(--es-spacing) * 5);
1700
- }
1701
-
1702
1703
  :is(body, #wpwrap #editor) .es\:my-auto {
1703
1704
  margin-block: auto;
1704
1705
  }
@@ -1747,6 +1748,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1747
1748
  margin-top: calc(var(--es-spacing) * 5);
1748
1749
  }
1749
1750
 
1751
+ :is(body, #wpwrap #editor) .es\:mt-auto {
1752
+ margin-top: auto;
1753
+ }
1754
+
1750
1755
  :is(body, #wpwrap #editor) .es\:mr-0\.5 {
1751
1756
  margin-right: calc(var(--es-spacing) * .5);
1752
1757
  }
@@ -1791,6 +1796,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
1791
1796
  margin-bottom: calc(var(--es-spacing) * 5);
1792
1797
  }
1793
1798
 
1799
+ :is(body, #wpwrap #editor) .es\:mb-6 {
1800
+ margin-bottom: calc(var(--es-spacing) * 6);
1801
+ }
1802
+
1794
1803
  :is(body, #wpwrap #editor) .es\:mb-10 {
1795
1804
  margin-bottom: calc(var(--es-spacing) * 10);
1796
1805
  }
@@ -2075,6 +2084,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2075
2084
  max-height: calc(var(--es-spacing) * 60);
2076
2085
  }
2077
2086
 
2087
+ :is(body, #wpwrap #editor) .es\:max-h-\[70vh\] {
2088
+ max-height: 70vh;
2089
+ }
2090
+
2078
2091
  :is(body, #wpwrap #editor) .es\:max-h-\[85vh\] {
2079
2092
  max-height: 85vh;
2080
2093
  }
@@ -2139,10 +2152,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2139
2152
  min-height: 100%;
2140
2153
  }
2141
2154
 
2142
- :is(body, #wpwrap #editor) .es\:min-h-screen {
2143
- min-height: 100vh;
2144
- }
2145
-
2146
2155
  :is(body, #wpwrap #editor) .es\:w-fill {
2147
2156
  width: -moz-available;
2148
2157
  width: -webkit-fill-available;
@@ -2257,6 +2266,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2257
2266
  width: 1px;
2258
2267
  }
2259
2268
 
2269
+ :is(body, #wpwrap #editor) .es\:w-xs {
2270
+ width: var(--es-container-xs);
2271
+ }
2272
+
2260
2273
  :is(body, #wpwrap #editor) .es\:max-w-2xl {
2261
2274
  max-width: var(--es-container-2xl);
2262
2275
  }
@@ -2289,6 +2302,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2289
2302
  max-width: calc(var(--es-spacing) * 96);
2290
2303
  }
2291
2304
 
2305
+ :is(body, #wpwrap #editor) .es\:max-w-\[80vw\] {
2306
+ max-width: 80vw;
2307
+ }
2308
+
2292
2309
  :is(body, #wpwrap #editor) .es\:max-w-\[90vw\] {
2293
2310
  max-width: 90vw;
2294
2311
  }
@@ -2579,42 +2596,12 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
2579
2596
  animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
2580
2597
  }
2581
2598
 
2582
- :is(body, #wpwrap #editor) .es\:motion-blur-in-\[1px\] {
2583
- --motion-origin-blur: 1px;
2584
- --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
2585
- animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
2586
- }
2587
-
2588
- :is(body, #wpwrap #editor) .es\:motion-blur-in-\[2px\] {
2589
- --motion-origin-blur: 2px;
2590
- --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
2591
- animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
2592
- }
2593
-
2594
2599
  :is(body, #wpwrap #editor) .es\:motion-blur-in-xs {
2595
2600
  --motion-origin-blur: 4px;
2596
2601
  --motion-filter-in-animation: motion-filter-in calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
2597
2602
  animation: var(--motion-scale-in-animation), var(--motion-translate-in-animation), var(--motion-rotate-in-animation), var(--motion-filter-in-animation), var(--motion-opacity-in-animation), var(--motion-background-color-in-animation), var(--motion-text-color-in-animation), var(--motion-scale-loop-animation), var(--motion-translate-loop-animation), var(--motion-rotate-loop-animation), var(--motion-filter-loop-animation), var(--motion-opacity-loop-animation), var(--motion-background-color-loop-animation), var(--motion-text-color-loop-animation);
2598
2603
  }
2599
2604
 
2600
- :is(body, #wpwrap #editor) .es\:motion-blur-out-\[1px\] {
2601
- --motion-end-blur: 1px;
2602
- --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
2603
- animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
2604
- }
2605
-
2606
- :is(body, #wpwrap #editor) .es\:motion-blur-out-\[2px\] {
2607
- --motion-end-blur: 2px;
2608
- --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
2609
- animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
2610
- }
2611
-
2612
- :is(body, #wpwrap #editor) .es\:motion-blur-out-xs {
2613
- --motion-end-blur: 4px;
2614
- --motion-filter-out-animation: motion-filter-out calc(var(--motion-filter-duration, var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing, var(--motion-timing)) var(--motion-filter-delay, var(--motion-delay)) both;
2615
- animation: var(--motion-scale-out-animation), var(--motion-translate-out-animation), var(--motion-rotate-out-animation), var(--motion-filter-out-animation), var(--motion-opacity-out-animation), var(--motion-background-color-out-animation), var(--motion-text-color-out-animation);
2616
- }
2617
-
2618
2605
  :is(body, #wpwrap #editor) .es\:motion-opacity-in {
2619
2606
  --motion-origin-opacity: 0;
2620
2607
  --motion-opacity-in-animation: motion-opacity-in calc(var(--motion-opacity-duration, var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier, var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing, var(--motion-timing)) var(--motion-opacity-delay, var(--motion-delay)) both;
@@ -3095,12 +3082,16 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
3095
3082
  overflow-y: auto;
3096
3083
  }
3097
3084
 
3085
+ :is(body, #wpwrap #editor) .es\:overflow-y-hidden {
3086
+ overflow-y: hidden;
3087
+ }
3088
+
3098
3089
  :is(body, #wpwrap #editor) .es\:overflow-y-visible {
3099
3090
  overflow-y: visible;
3100
3091
  }
3101
3092
 
3102
- :is(body, #wpwrap #editor) .es\:overscroll-contain {
3103
- overscroll-behavior: contain;
3093
+ :is(body, #wpwrap #editor) .es\:overscroll-none {
3094
+ overscroll-behavior: none;
3104
3095
  }
3105
3096
 
3106
3097
  :is(body, #wpwrap #editor) .es\:rounded {
@@ -4443,17 +4434,17 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
4443
4434
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
4444
4435
  }
4445
4436
 
4446
- :is(body, #wpwrap #editor) .es\:from-surface-50\/75 {
4437
+ :is(body, #wpwrap #editor) .es\:from-surface-50\/85 {
4447
4438
  --tw-gradient-from: var(--es-color-surface-50);
4448
4439
  }
4449
4440
 
4450
4441
  @supports (color: color-mix(in lab, red, red)) {
4451
- :is(body, #wpwrap #editor) .es\:from-surface-50\/75 {
4452
- --tw-gradient-from: color-mix(in oklab, var(--es-color-surface-50) 75%, transparent);
4442
+ :is(body, #wpwrap #editor) .es\:from-surface-50\/85 {
4443
+ --tw-gradient-from: color-mix(in oklab, var(--es-color-surface-50) 85%, transparent);
4453
4444
  }
4454
4445
  }
4455
4446
 
4456
- :is(body, #wpwrap #editor) .es\:from-surface-50\/75 {
4447
+ :is(body, #wpwrap #editor) .es\:from-surface-50\/85 {
4457
4448
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
4458
4449
  }
4459
4450
 
@@ -5316,17 +5307,17 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
5316
5307
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5317
5308
  }
5318
5309
 
5319
- :is(body, #wpwrap #editor) .es\:to-surface-50\/75 {
5310
+ :is(body, #wpwrap #editor) .es\:to-surface-50\/85 {
5320
5311
  --tw-gradient-to: var(--es-color-surface-50);
5321
5312
  }
5322
5313
 
5323
5314
  @supports (color: color-mix(in lab, red, red)) {
5324
- :is(body, #wpwrap #editor) .es\:to-surface-50\/75 {
5325
- --tw-gradient-to: color-mix(in oklab, var(--es-color-surface-50) 75%, transparent);
5315
+ :is(body, #wpwrap #editor) .es\:to-surface-50\/85 {
5316
+ --tw-gradient-to: color-mix(in oklab, var(--es-color-surface-50) 85%, transparent);
5326
5317
  }
5327
5318
  }
5328
5319
 
5329
- :is(body, #wpwrap #editor) .es\:to-surface-50\/75 {
5320
+ :is(body, #wpwrap #editor) .es\:to-surface-50\/85 {
5330
5321
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
5331
5322
  }
5332
5323
 
@@ -5721,10 +5712,6 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
5721
5712
  padding-top: calc(var(--es-spacing) * 5);
5722
5713
  }
5723
5714
 
5724
- :is(body, #wpwrap #editor) .es\:pt-6 {
5725
- padding-top: calc(var(--es-spacing) * 6);
5726
- }
5727
-
5728
5715
  :is(body, #wpwrap #editor) .es\:pt-8 {
5729
5716
  padding-top: calc(var(--es-spacing) * 8);
5730
5717
  }