freemium-ui 2.0.19 → 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)",

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)",

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.19",
+  "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.19",
+  "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": {

package/dist/README.md

@@ -1,86 +0,0 @@
-<h1 align="center">Freemium Ui</h1>
-
-## [DEMO](https://freemium-ui.netlify.app)
-
-[React](https://reactjs.org/) based light weight ui components based on [Styled Components](https://styled-components.com/)
-
-## Installation
-
-Peer Dependencies to be installed
-
-```
-npm install styled-components
-```
-
-Install the package
-
-```
-npm install freemium-ui
-```
-
-Please note that `@next` will only point to pre-releases; to get the latest stable release use `@latest` instead.
-
-## Usage
-
-Here is a quick example to get you started, **it's all you need**:
-
-```jsx
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { Button } from 'freemium-ui';
-// import { Button } from 'freemium-ui/Button';
-
-function App() {
-  return <Button>Freemium Button</Button>;
-}
-
-ReactDOM.render(<App />, document.querySelector('#app'));
-```
-
-## Contribution
-
-Install Dependencies
-
-```
-npm install
-```
-
-Start the app using storybook
-
-```
-npm run storybook
-```
-
-Build Freemium Ui Core Components
-
-```
-npm run build
-```
-
-JavaScript heap out of memory could lead to build failure. Check the [official docs](https://rollupjs.org/troubleshooting/#error-javascript-heap-out-of-memory). Or execute any of the required below config
-
-```
-export NODE_OPTIONS="--max-old-space-size=8192"
-export NODE_OPTIONS="--max-old-space-size=12288"
-export NODE_OPTIONS="--max-old-space-size=16384"
-```
-
-To check the heap size in MB
-
-```
-node -e 'console.log(v8.getHeapStatistics().heap_size_limit/(1024*1024))'
-```
-
-Generate a PAT with `admin:org`, `write:packages`, `read:packages`, `delete:packages`
-
-Authenticate to npm github package
-
-```
-npm login --registry=https://registry.npmjs.org/
-```
-
-Publish the package to npm
-
-```
-npm publish
-```