freemium-ui 2.0.29 → 2.0.31

package/lib/index.cjs.js

@@ -1055,10 +1055,10 @@ shadows:["none",`0px 2px 1px -1px ${Mo(Co.black,.2)},0px 1px 1px 0px ${Mo(Co.bla
 transitions:{easing:{easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",
 easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.16, 1, 0.3, 1)",
 sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},duration:{short:"250ms",standard:"300ms",
-complex:"450ms"}},zIndex:xo,components:{button:{primary:{backgroundFrom:bo.E800,
-backgroundTo:bo.E900,color:Co.white,disabledColor:bo.S10,
-activeBackgroundColor:bo.E800,hoverColor:bo.E900,borderColor:bo.E900,
-activeBorderColor:bo.E900,disabledBorderColor:bo.S400,
+complex:"450ms"}},zIndex:xo,components:{toast:{position:"center"},button:{
+primary:{backgroundFrom:bo.E800,backgroundTo:bo.E900,color:Co.white,
+disabledColor:bo.S10,activeBackgroundColor:bo.E800,hoverColor:bo.E900,
+borderColor:bo.E900,activeBorderColor:bo.E900,disabledBorderColor:bo.S400,
 disabledBackgroundFrom:bo.S300,disabledBackgroundTo:bo.S400},secondary:{
 backgroundFrom:Co.white,backgroundTo:bo.S25,color:bo.E900,disabledColor:bo.S300,
 activeBackgroundColor:bo.S25,hoverColor:bo.S25,borderColor:bo.S100,
@@ -1096,10 +1096,10 @@ shadows:["none",`0px 2px 1px -1px ${Mo(bo.E900,.2)},0px 1px 1px 0px ${Mo(bo.E900
 transitions:{easing:{easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",
 easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.16, 1, 0.3, 1)",
 sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},duration:{short:"250ms",standard:"300ms",
-complex:"450ms"}},zIndex:xo,components:{button:{primary:{backgroundFrom:bo.E100,
-backgroundTo:bo.E100,color:Co.black,disabledColor:Co.black,
-activeBackgroundColor:bo.E50,hoverColor:bo.E50,borderColor:bo.E50,
-activeBorderColor:bo.E50,disabledBorderColor:bo.E50,
+complex:"450ms"}},zIndex:xo,components:{toast:{position:"center"},button:{
+primary:{backgroundFrom:bo.E100,backgroundTo:bo.E100,color:Co.black,
+disabledColor:Co.black,activeBackgroundColor:bo.E50,hoverColor:bo.E50,
+borderColor:bo.E50,activeBorderColor:bo.E50,disabledBorderColor:bo.E50,
 disabledBackgroundFrom:bo.E100,disabledBackgroundTo:bo.E100},secondary:{
 backgroundFrom:Co.neutral.dark_mild,backgroundTo:Co.neutral.dark_mild,
 color:bo.S100,disabledColor:bo.S500,
@@ -16725,11 +16725,11 @@ const UY=_Y,YY=kY,WY=RY,GY=PY,KY=yr(MY)``;yr.div`
 `,XY=yr(GY)``,JY=yr(UY)`
   position: fixed;
   top: 16px;
-  left: 50%;
-  transform: translate(-50%, 0);
   display: flex;
   flex-direction: column;
-  align-items: center;
+  align-items: ${({theme:e})=>e.components.toast.position};
+  right: ${({theme:e})=>"end"===e.components.toast.position?"16px":"unset"};
+  left: ${({theme:e})=>"start"===e.components.toast.position?"16px":"unset"};
   margin: 0;
   list-style: none;
   z-index: ${({theme:e})=>e.zIndex.snackbar||xo.snackbar};

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as react from 'react';
-import react__default, { ReactNode } from 'react';
+import react__default, { ReactNode, CSSProperties } from 'react';
 import { AccordionSingleProps } from '@radix-ui/react-accordion';
 import * as Popover$1 from '@radix-ui/react-popover';
 import { PortalProps, PopperContentProps } from '@radix-ui/react-popover';
@@ -1564,6 +1564,9 @@ interface FreemiumUiTheme {
     transitions: Transitions;
     zIndex: ZIndex;
     components: {
+        toast: {
+            position: Extract<CSSProperties['alignItems'], 'end' | 'start' | 'center'>;
+        };
         button: {
             primary: FreemiumUiButtonTheme;
             secondary: FreemiumUiButtonTheme;

package/lib/index.js

@@ -1047,10 +1047,10 @@ shadows:["none",`0px 2px 1px -1px ${Uo(Bo.black,.2)},0px 1px 1px 0px ${Uo(Bo.bla
 transitions:{easing:{easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",
 easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.16, 1, 0.3, 1)",
 sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},duration:{short:"250ms",standard:"300ms",
-complex:"450ms"}},zIndex:Yo,components:{button:{primary:{backgroundFrom:Fo.E800,
-backgroundTo:Fo.E900,color:Bo.white,disabledColor:Fo.S10,
-activeBackgroundColor:Fo.E800,hoverColor:Fo.E900,borderColor:Fo.E900,
-activeBorderColor:Fo.E900,disabledBorderColor:Fo.S400,
+complex:"450ms"}},zIndex:Yo,components:{toast:{position:"center"},button:{
+primary:{backgroundFrom:Fo.E800,backgroundTo:Fo.E900,color:Bo.white,
+disabledColor:Fo.S10,activeBackgroundColor:Fo.E800,hoverColor:Fo.E900,
+borderColor:Fo.E900,activeBorderColor:Fo.E900,disabledBorderColor:Fo.S400,
 disabledBackgroundFrom:Fo.S300,disabledBackgroundTo:Fo.S400},secondary:{
 backgroundFrom:Bo.white,backgroundTo:Fo.S25,color:Fo.E900,disabledColor:Fo.S300,
 activeBackgroundColor:Fo.S25,hoverColor:Fo.S25,borderColor:Fo.S100,
@@ -1088,10 +1088,10 @@ shadows:["none",`0px 2px 1px -1px ${Uo(Fo.E900,.2)},0px 1px 1px 0px ${Uo(Fo.E900
 transitions:{easing:{easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",
 easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.16, 1, 0.3, 1)",
 sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},duration:{short:"250ms",standard:"300ms",
-complex:"450ms"}},zIndex:Yo,components:{button:{primary:{backgroundFrom:Fo.E100,
-backgroundTo:Fo.E100,color:Bo.black,disabledColor:Bo.black,
-activeBackgroundColor:Fo.E50,hoverColor:Fo.E50,borderColor:Fo.E50,
-activeBorderColor:Fo.E50,disabledBorderColor:Fo.E50,
+complex:"450ms"}},zIndex:Yo,components:{toast:{position:"center"},button:{
+primary:{backgroundFrom:Fo.E100,backgroundTo:Fo.E100,color:Bo.black,
+disabledColor:Bo.black,activeBackgroundColor:Fo.E50,hoverColor:Fo.E50,
+borderColor:Fo.E50,activeBorderColor:Fo.E50,disabledBorderColor:Fo.E50,
 disabledBackgroundFrom:Fo.E100,disabledBackgroundTo:Fo.E100},secondary:{
 backgroundFrom:Bo.neutral.dark_mild,backgroundTo:Bo.neutral.dark_mild,
 color:Fo.S100,disabledColor:Fo.S500,
@@ -16977,11 +16977,11 @@ const _W=uW,HW=pW,DW=yW,AW=bW,LW=Or(iW)``;Or.div`
 `,TW=Or(AW)``,PW=Or(_W)`
   position: fixed;
   top: 16px;
-  left: 50%;
-  transform: translate(-50%, 0);
   display: flex;
   flex-direction: column;
-  align-items: center;
+  align-items: ${({theme:e})=>e.components.toast.position};
+  right: ${({theme:e})=>"end"===e.components.toast.position?"16px":"unset"};
+  left: ${({theme:e})=>"start"===e.components.toast.position?"16px":"unset"};
   margin: 0;
   list-style: none;
   z-index: ${({theme:e})=>e.zIndex.snackbar||Yo.snackbar};

package/lib/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.29",
+  "version": "2.0.31",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",