freemium-ui 2.0.18 → 2.0.20

package/lib/index.cjs.js

@@ -1899,7 +1899,7 @@ r=e.slice(0,-2)):3===r.length&&(r=r.replace(/(.)/g,"$1$1"))
 ;const[a,o,i]=[0,2,4].map((e=>parseInt(r.slice(e,e+2),16)))
 ;return`rgba(${a}, ${o}, ${i}, ${n.toFixed(2)})`},Kc={popover:900,dropdown:900,
 mobileStepper:1e3,fab:1050,speedDial:1050,appBar:1100,drawer:1200,modal:1300,
-snackbar:1400,tooltip:1500},qc={mode:"light",breakpoints:{
+snackbar:1400,tooltip:1500},qc={mode:"light",direction:"ltr",breakpoints:{
 keys:["xs","sm","md","lg","xl"],values:{xs:0,sm:600,md:900,lg:1200,xl:1536},
 unit:"px"},colors:{common:{black:Yc.black,white:Yc.white,accent:Uc.A800},text:{
 link:Uc.A800,primary:jc.E900,secondary:jc.S700,disabled:jc.S400,
@@ -1939,24 +1939,25 @@ backgroundFrom:Yc.white,backgroundTo:Yc.white,color:Uc.A800,
 disabledColor:Uc.A100,activeBackgroundColor:jc.S25,hoverColor:jc.S50,
 borderColor:Yc.white,activeBorderColor:jc.S25,disabledBorderColor:Yc.white,
 disabledBackgroundFrom:Yc.white,disabledBackgroundTo:Yc.white}}}},Zc={
-mode:"dark",breakpoints:{keys:["xs","sm","md","lg","xl"],values:{xs:0,sm:600,
-md:900,lg:1200,xl:1536},unit:"px"},colors:{common:{black:Yc.black,
-white:Yc.white,accent:Uc.A800},text:{link:Uc.A800,primary:jc.S100,
-secondary:jc.S300,disabled:jc.S400,placeholder:jc.S300,error:Uc.P400,
-inverse:Yc.black,semantic:{success:Uc.J400,warning:Uc.C400,error:Uc.P400,
-info:Uc.A400}},fill:{base:jc.S900,medium:jc.S800,dark:jc.S100,surface:Yc.black,
-inverse:jc.E100,hover:jc.S700,disabled:jc.S50,hilight:Uc.A50},semantic:{error:{
-bg:Uc.P800,border:Uc.P300},warning:{bg:Uc.C800,border:Uc.C300},info:{bg:Uc.A800,
-border:Uc.A300},success:{bg:Uc.J800,border:Uc.J50}},border:{light:jc.S800,
-normal:jc.S800,divider:jc.S500,hover:jc.S500,active:Uc.A500,disabled:jc.S50,
-error:Uc.P500},shadow:jc.E50,scrim:jc.E50},typography:{fontFamily:Wc,
-fontWeight:{bold:700,"semi-bold":600,regular:400},primary:{fontSize:"14px",
-fontWeight:400,lineHeight:1.5},secondary:{fontSize:"12px",fontWeight:400,
-lineHeight:1.5},heading:{fontSize:"16px",fontWeight:400,lineHeight:1.25},
-heading1:{fontSize:"44px",fontWeight:400,lineHeight:1.25},heading2:{
-fontSize:"32px",fontWeight:400,lineHeight:1.25},heading3:{fontSize:"24px",
-fontWeight:400,lineHeight:1.25},heading4:{fontSize:"18px",fontWeight:400,
-lineHeight:1.25},caption:{fontSize:"12px",fontWeight:400,lineHeight:1}},
+mode:"dark",direction:"ltr",breakpoints:{keys:["xs","sm","md","lg","xl"],
+values:{xs:0,sm:600,md:900,lg:1200,xl:1536},unit:"px"},colors:{common:{
+black:Yc.black,white:Yc.white,accent:Uc.A800},text:{link:Uc.A800,
+primary:jc.S100,secondary:jc.S300,disabled:jc.S400,placeholder:jc.S300,
+error:Uc.P400,inverse:Yc.black,semantic:{success:Uc.J400,warning:Uc.C400,
+error:Uc.P400,info:Uc.A400}},fill:{base:jc.S900,medium:jc.S800,dark:jc.S100,
+surface:Yc.black,inverse:jc.E100,hover:jc.S700,disabled:jc.S50,hilight:Uc.A50},
+semantic:{error:{bg:Uc.P800,border:Uc.P300},warning:{bg:Uc.C800,border:Uc.C300},
+info:{bg:Uc.A800,border:Uc.A300},success:{bg:Uc.J800,border:Uc.J50}},border:{
+light:jc.S800,normal:jc.S800,divider:jc.S500,hover:jc.S500,active:Uc.A500,
+disabled:jc.S50,error:Uc.P500},shadow:jc.E50,scrim:jc.E50},typography:{
+fontFamily:Wc,fontWeight:{bold:700,"semi-bold":600,regular:400},primary:{
+fontSize:"14px",fontWeight:400,lineHeight:1.5},secondary:{fontSize:"12px",
+fontWeight:400,lineHeight:1.5},heading:{fontSize:"16px",fontWeight:400,
+lineHeight:1.25},heading1:{fontSize:"44px",fontWeight:400,lineHeight:1.25},
+heading2:{fontSize:"32px",fontWeight:400,lineHeight:1.25},heading3:{
+fontSize:"24px",fontWeight:400,lineHeight:1.25},heading4:{fontSize:"18px",
+fontWeight:400,lineHeight:1.25},caption:{fontSize:"12px",fontWeight:400,
+lineHeight:1}},
 shadows:["none",`0px 2px 1px -1px ${Gc(Yc.black,.2)},0px 1px 1px 0px ${Gc(Yc.black,.14)},0px 1px 3px 0px ${Gc(Yc.black,.12)}`,`0px 3px 1px -2px ${Gc(Yc.black,.2)},0px 2px 2px 0px ${Gc(Yc.black,.14)},0px 1px 5px 0px ${Gc(Yc.black,.12)}`,`0px 3px 3px -2px ${Gc(Yc.black,.2)},0px 3px 4px 0px ${Gc(Yc.black,.14)},0px 1px 8px 0px ${Gc(Yc.black,.12)}`],
 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)",
@@ -16613,8 +16614,8 @@ onColumnOrderChange:e=>{let t=B??[];t="function"==typeof e?e(B??[]):e,$?.(t)},
 onRowSelectionChange:e=>{let t=Y;t="function"==typeof e?e(Y):e,W?.(t)},
 enableRowSelection:!0,manualPagination:!0,rowCount:te?-1:C
 }),{getPageCount:ie,getRowModel:le,getState:ce,getCanNextPage:se,getCanPreviousPage:ue,getPageOptions:de,previousPage:he,setPageIndex:pe,nextPage:fe,lastPage:me,firstPage:ve}=oe,{rows:ge}=le(),{pagination:{pageIndex:ye,pageSize:be}}=ce(),we=ye*be+(ye<ie()-1?be:ge.length),Ce=oe.getAllColumns().filter((e=>e.getIsVisible())).length+(R?0:1)+(H?1:0),ze=A?.[0].find((e=>e.id===L?.[0]))?.name
-;return console.log("from table",ze,L),e.createElement(DB,{
-className:"TableContainer"},!w&&e.createElement(RB,{className:"table-actions"
+;return e.createElement(DB,{className:"TableContainer"},!w&&e.createElement(RB,{
+className:"table-actions"
 },d&&e.createElement(e.Fragment,null,d),e.createElement(OB,{
 className:"table-header-component"},h??null),e.createElement(NB,{
 className:"table-header-dropdown-pagination"},V&&e.createElement("div",{
@@ -16622,8 +16623,8 @@ className:"table-heading-dropdown"},e.createElement("div",{
 className:"table-sorting-heading"},`${g}:`)," ",e.createElement(s$,{
 trigger:e.createElement("div",{className:"table-sorting-value-continer"
 },e.createElement("div",null,ze),e.createElement(u$,{fill:X.colors.text.primary
-})),key:L?.join("-"),options:A||[],value:L,onSelect:e=>{k?.(e??[])}
-})),e.createElement(FB,{className:"pagination-actions"
+})),options:A||[],value:L,onSelect:e=>{k?.(e??[])}})),e.createElement(FB,{
+className:"pagination-actions"
 },!m&&e.createElement(e.Fragment,null,e.createElement(ma,{variant:"primary",
 className:"pagination-text"},l&&!b?e.createElement(vv,{size:"small"
 }):e.createElement(e.Fragment,null,n.length>0?`${ye*be+1} - ${we} of ${te?""+(ge.length>0?"Many":"-"):C??ge.length??"-"}`:null)),e.createElement(Ca,{

package/lib/index.d.ts

@@ -1465,6 +1465,7 @@ interface FreemiumUiButtonTheme {
 }
 interface FreemiumUiTheme {
     mode: 'light' | 'dark';
+    direction: 'ltr' | 'rtl';
     breakpoints: Breakpoints;
     colors: Colors;
     typography: FuiTypography;

package/lib/index.js

@@ -1883,7 +1883,7 @@ r=e.slice(0,-2)):3===r.length&&(r=r.replace(/(.)/g,"$1$1"))
 ;const[a,o,i]=[0,2,4].map((e=>parseInt(r.slice(e,e+2),16)))
 ;return`rgba(${a}, ${o}, ${i}, ${n.toFixed(2)})`},vs={popover:900,dropdown:900,
 mobileStepper:1e3,fab:1050,speedDial:1050,appBar:1100,drawer:1200,modal:1300,
-snackbar:1400,tooltip:1500},gs={mode:"light",breakpoints:{
+snackbar:1400,tooltip:1500},gs={mode:"light",direction:"ltr",breakpoints:{
 keys:["xs","sm","md","lg","xl"],values:{xs:0,sm:600,md:900,lg:1200,xl:1536},
 unit:"px"},colors:{common:{black:ps.black,white:ps.white,accent:hs.A800},text:{
 link:hs.A800,primary:ds.E900,secondary:ds.S700,disabled:ds.S400,
@@ -1923,24 +1923,25 @@ backgroundFrom:ps.white,backgroundTo:ps.white,color:hs.A800,
 disabledColor:hs.A100,activeBackgroundColor:ds.S25,hoverColor:ds.S50,
 borderColor:ps.white,activeBorderColor:ds.S25,disabledBorderColor:ps.white,
 disabledBackgroundFrom:ps.white,disabledBackgroundTo:ps.white}}}},ys={
-mode:"dark",breakpoints:{keys:["xs","sm","md","lg","xl"],values:{xs:0,sm:600,
-md:900,lg:1200,xl:1536},unit:"px"},colors:{common:{black:ps.black,
-white:ps.white,accent:hs.A800},text:{link:hs.A800,primary:ds.S100,
-secondary:ds.S300,disabled:ds.S400,placeholder:ds.S300,error:hs.P400,
-inverse:ps.black,semantic:{success:hs.J400,warning:hs.C400,error:hs.P400,
-info:hs.A400}},fill:{base:ds.S900,medium:ds.S800,dark:ds.S100,surface:ps.black,
-inverse:ds.E100,hover:ds.S700,disabled:ds.S50,hilight:hs.A50},semantic:{error:{
-bg:hs.P800,border:hs.P300},warning:{bg:hs.C800,border:hs.C300},info:{bg:hs.A800,
-border:hs.A300},success:{bg:hs.J800,border:hs.J50}},border:{light:ds.S800,
-normal:ds.S800,divider:ds.S500,hover:ds.S500,active:hs.A500,disabled:ds.S50,
-error:hs.P500},shadow:ds.E50,scrim:ds.E50},typography:{fontFamily:fs,
-fontWeight:{bold:700,"semi-bold":600,regular:400},primary:{fontSize:"14px",
-fontWeight:400,lineHeight:1.5},secondary:{fontSize:"12px",fontWeight:400,
-lineHeight:1.5},heading:{fontSize:"16px",fontWeight:400,lineHeight:1.25},
-heading1:{fontSize:"44px",fontWeight:400,lineHeight:1.25},heading2:{
-fontSize:"32px",fontWeight:400,lineHeight:1.25},heading3:{fontSize:"24px",
-fontWeight:400,lineHeight:1.25},heading4:{fontSize:"18px",fontWeight:400,
-lineHeight:1.25},caption:{fontSize:"12px",fontWeight:400,lineHeight:1}},
+mode:"dark",direction:"ltr",breakpoints:{keys:["xs","sm","md","lg","xl"],
+values:{xs:0,sm:600,md:900,lg:1200,xl:1536},unit:"px"},colors:{common:{
+black:ps.black,white:ps.white,accent:hs.A800},text:{link:hs.A800,
+primary:ds.S100,secondary:ds.S300,disabled:ds.S400,placeholder:ds.S300,
+error:hs.P400,inverse:ps.black,semantic:{success:hs.J400,warning:hs.C400,
+error:hs.P400,info:hs.A400}},fill:{base:ds.S900,medium:ds.S800,dark:ds.S100,
+surface:ps.black,inverse:ds.E100,hover:ds.S700,disabled:ds.S50,hilight:hs.A50},
+semantic:{error:{bg:hs.P800,border:hs.P300},warning:{bg:hs.C800,border:hs.C300},
+info:{bg:hs.A800,border:hs.A300},success:{bg:hs.J800,border:hs.J50}},border:{
+light:ds.S800,normal:ds.S800,divider:ds.S500,hover:ds.S500,active:hs.A500,
+disabled:ds.S50,error:hs.P500},shadow:ds.E50,scrim:ds.E50},typography:{
+fontFamily:fs,fontWeight:{bold:700,"semi-bold":600,regular:400},primary:{
+fontSize:"14px",fontWeight:400,lineHeight:1.5},secondary:{fontSize:"12px",
+fontWeight:400,lineHeight:1.5},heading:{fontSize:"16px",fontWeight:400,
+lineHeight:1.25},heading1:{fontSize:"44px",fontWeight:400,lineHeight:1.25},
+heading2:{fontSize:"32px",fontWeight:400,lineHeight:1.25},heading3:{
+fontSize:"24px",fontWeight:400,lineHeight:1.25},heading4:{fontSize:"18px",
+fontWeight:400,lineHeight:1.25},caption:{fontSize:"12px",fontWeight:400,
+lineHeight:1}},
 shadows:["none",`0px 2px 1px -1px ${ms(ps.black,.2)},0px 1px 1px 0px ${ms(ps.black,.14)},0px 1px 3px 0px ${ms(ps.black,.12)}`,`0px 3px 1px -2px ${ms(ps.black,.2)},0px 2px 2px 0px ${ms(ps.black,.14)},0px 1px 5px 0px ${ms(ps.black,.12)}`,`0px 3px 3px -2px ${ms(ps.black,.2)},0px 3px 4px 0px ${ms(ps.black,.14)},0px 1px 8px 0px ${ms(ps.black,.12)}`],
 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)",
@@ -15854,8 +15855,8 @@ onColumnOrderChange:e=>{let t=B??[];t="function"==typeof e?e(B??[]):e,$?.(t)},
 onRowSelectionChange:e=>{let t=Y;t="function"==typeof e?e(Y):e,W?.(t)},
 enableRowSelection:!0,manualPagination:!0,rowCount:te?-1:C
 }),{getPageCount:ie,getRowModel:le,getState:ce,getCanNextPage:se,getCanPreviousPage:ue,getPageOptions:de,previousPage:he,setPageIndex:pe,nextPage:fe,lastPage:me,firstPage:ve}=oe,{rows:ge}=le(),{pagination:{pageIndex:ye,pageSize:be}}=ce(),we=ye*be+(ye<ie()-1?be:ge.length),Ce=oe.getAllColumns().filter((e=>e.getIsVisible())).length+(I?0:1)+(H?1:0),ze=A?.[0].find((e=>e.id===L?.[0]))?.name
-;return console.log("from table",ze,L),t.createElement(s$,{
-className:"TableContainer"},!w&&t.createElement(m$,{className:"table-actions"
+;return t.createElement(s$,{className:"TableContainer"},!w&&t.createElement(m$,{
+className:"table-actions"
 },d&&t.createElement(t.Fragment,null,d),t.createElement(y$,{
 className:"table-header-component"},h??null),t.createElement(b$,{
 className:"table-header-dropdown-pagination"},V&&t.createElement("div",{
@@ -15863,8 +15864,8 @@ className:"table-heading-dropdown"},t.createElement("div",{
 className:"table-sorting-heading"},`${g}:`)," ",t.createElement(j$,{
 trigger:t.createElement("div",{className:"table-sorting-value-continer"
 },t.createElement("div",null,ze),t.createElement(U$,{fill:X.colors.text.primary
-})),key:L?.join("-"),options:A||[],value:L,onSelect:e=>{k?.(e??[])}
-})),t.createElement(w$,{className:"pagination-actions"
+})),options:A||[],value:L,onSelect:e=>{k?.(e??[])}})),t.createElement(w$,{
+className:"pagination-actions"
 },!m&&t.createElement(t.Fragment,null,t.createElement(Pa,{variant:"primary",
 className:"pagination-text"},l&&!b?t.createElement($v,{size:"small"
 }):t.createElement(t.Fragment,null,r.length>0?`${ye*be+1} - ${we} of ${te?""+(ge.length>0?"Many":"-"):C??ge.length??"-"}`:null)),t.createElement(ja,{

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.18",
+  "version": "2.0.20",
   "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.18",
+  "version": "2.0.20",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",
@@ -40,15 +40,15 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-essentials": "^8.0.9",
-    "@storybook/addon-interactions": "^8.0.9",
-    "@storybook/addon-links": "^8.0.9",
-    "@storybook/addon-onboarding": "^8.0.9",
-    "@storybook/blocks": "^8.0.9",
-    "@storybook/preset-create-react-app": "^8.0.9",
-    "@storybook/preview-api": "^8.0.9",
-    "@storybook/react": "^8.0.9",
-    "@storybook/react-webpack5": "^8.0.9",
+    "@storybook/addon-essentials": "^8.1.10",
+    "@storybook/addon-interactions": "^8.1.10",
+    "@storybook/addon-links": "^8.1.10",
+    "@storybook/addon-onboarding": "^8.1.10",
+    "@storybook/blocks": "^8.1.10",
+    "@storybook/preset-create-react-app": "^8.1.10",
+    "@storybook/preview-api": "^8.1.10",
+    "@storybook/react": "^8.1.10",
+    "@storybook/react-webpack5": "^8.1.10",
     "@types/node": "^16.18.64",
     "@types/react": "^18.2.73",
     "@types/react-dom": "^18.2.22",
@@ -66,7 +66,7 @@
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-generate-package-json": "^3.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "storybook": "^8.0.9",
+    "storybook": "^8.1.10",
     "webpack": "^5.91.0"
   },
   "scripts": {