freemium-ui 2.0.0-beta.57 → 2.0.0-beta.58

package/index.cjs.js

@@ -2267,7 +2267,7 @@ modal:!0}))}))``,Au=on(xu)``,ku=on(Hu)``,Tu=on(_u)``,Ru=on(Eu)`
   line-height: ${({theme:e})=>e.typography.primary.lineHeight};
   letter-spacing: 0px;
   text-align: left;
-  padding: 0 32px ${({$hasChildren:e})=>e?"16px":"32px"} 32px;
+  padding: 0 32px ${({$hasChildren:e})=>e?"0px":"32px"} 32px;
 `,Nu=on.div`
   border-top: 1px solid ${({theme:e})=>e.colors.border.light};
   border-bottom-right-radius: 8px;
@@ -15845,14 +15845,15 @@ const jj=Ej,$j=Hj,Uj=kj,Yj=Tj,Wj=on(Cj)``;on.div`
   gap: 16px;
 `,e$=on.div`
   height: 4px;
-  background-color: ${({theme:e,toastType:t})=>e.colors.text.semantic[t??"success"]};
-  width: 0%;
+  background-color: ${({theme:e,toastType:t="success"})=>e.colors.text.semantic[t]};
   border-radius: 4px 4px 0 0;
-  animation-play-state: ${({windowState:e})=>"focus"===e?"running":"paused"};
-  animation-name: ${Kj};
-  animation-duration: ${({delay:e})=>e}ms;
-  animation-timing-function: linear;
-  will-change: width;
+
+  ${({delay:e,windowState:t})=>"none"===e?"width: 100%;":nn`
+          width: 0%;
+          animation: ${Kj} ${e}ms linear
+            ${"focus"===t?"running":"paused"};
+          will-change: width;
+        `}
 `,t$=()=>{const[t,n]=e.useState(!1);return e.useEffect((()=>{
 n(Boolean("undefined"!=typeof window&&window.document&&window.document.createElement))
 }),[]),{isBrowser:t,isServer:!t}},n$=e=>{const t=document.createElement("div")
@@ -15880,9 +15881,9 @@ const a=qt(),{updateToasts:o,windowState:i}=e.useContext(hj)??{},l=e.useRef(null
 "aria-live":"polite",ref:l,toastType:r.type,toastIndex:t,
 className:`ToastRoot Toast-${r.id??""}`.trim(),
 duration:r.fixed?1/0:r.delay??3e3,onOpenChange:e=>{
-e||o((e=>e.filter((e=>e.id!==r.id))))}},n&&e.createElement(e$,{
+e||o((e=>e.filter((e=>e.id!==r.id))))}},e.createElement(e$,{
 className:"ToastProgress",windowState:i,toastType:r.type,
-delay:r.delay??(r.fixed?1/0:3e3)
+delay:!r.fixed&&n?r.delay??3e3:"none"
 }),e.createElement(Jj,null,r.customIcon?e.createElement(e.Fragment,null,r.customIcon):e.createElement(e.Fragment,null,"success"===r.type&&e.createElement(r$,{
 fill:a.colors.text.semantic.success}),"warning"===r.type&&e.createElement(a$,{
 fill:a.colors.text.semantic.warning}),"error"===r.type&&e.createElement(o$,{

package/index.js

@@ -2266,7 +2266,7 @@ const{__scopeAlertDialog:t,...n}=e,r=Nu(t);return i(Vu,Vn({},r,n,{modal:!0}))
   line-height: ${({theme:e})=>e.typography.primary.lineHeight};
   letter-spacing: 0px;
   text-align: left;
-  padding: 0 32px ${({$hasChildren:e})=>e?"16px":"32px"} 32px;
+  padding: 0 32px ${({$hasChildren:e})=>e?"0px":"32px"} 32px;
 `,sd=En.div`
   border-top: 1px solid ${({theme:e})=>e.colors.border.light};
   border-bottom-right-radius: 8px;
@@ -16036,14 +16036,15 @@ const x$=l$,S$=u$,E$=m$,_$=v$,H$=En(r$)``;En.div`
   gap: 16px;
 `,P$=En.div`
   height: 4px;
-  background-color: ${({theme:e,toastType:t})=>e.colors.text.semantic[t??"success"]};
-  width: 0%;
+  background-color: ${({theme:e,toastType:t="success"})=>e.colors.text.semantic[t]};
   border-radius: 4px 4px 0 0;
-  animation-play-state: ${({windowState:e})=>"focus"===e?"running":"paused"};
-  animation-name: ${V$};
-  animation-duration: ${({delay:e})=>e}ms;
-  animation-timing-function: linear;
-  will-change: width;
+
+  ${({delay:e,windowState:t})=>"none"===e?"width: 100%;":Mn`
+          width: 0%;
+          animation: ${V$} ${e}ms linear
+            ${"focus"===t?"running":"paused"};
+          will-change: width;
+        `}
 `,R$=()=>{const[e,t]=m(!1);return f((()=>{
 t(Boolean("undefined"!=typeof window&&window.document&&window.document.createElement))
 }),[]),{isBrowser:e,isServer:!e}},O$=e=>{const t=document.createElement("div")
@@ -16071,9 +16072,9 @@ const a=vn(),{updateToasts:o,windowState:i}=t.useContext(Kj)??{},l=t.useRef(null
 "aria-live":"polite",ref:l,toastType:r.type,toastIndex:e,
 className:`ToastRoot Toast-${r.id??""}`.trim(),
 duration:r.fixed?1/0:r.delay??3e3,onOpenChange:e=>{
-e||o((e=>e.filter((e=>e.id!==r.id))))}},n&&t.createElement(P$,{
+e||o((e=>e.filter((e=>e.id!==r.id))))}},t.createElement(P$,{
 className:"ToastProgress",windowState:i,toastType:r.type,
-delay:r.delay??(r.fixed?1/0:3e3)
+delay:!r.fixed&&n?r.delay??3e3:"none"
 }),t.createElement(I$,null,r.customIcon?t.createElement(t.Fragment,null,r.customIcon):t.createElement(t.Fragment,null,"success"===r.type&&t.createElement(N$,{
 fill:a.colors.text.semantic.success}),"warning"===r.type&&t.createElement(F$,{
 fill:a.colors.text.semantic.warning}),"error"===r.type&&t.createElement(B$,{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.0-beta.57",
+  "version": "2.0.0-beta.58",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",