react-restyle-components 0.1.38 → 0.1.39

package/lib/cjs/core-components/atoms/buttons/button.stories.js

@@ -6,12 +6,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Primary = void 0;
 const react_1 = __importDefault(require("react"));
 const buttons_component_1 = require("./buttons.component");
+const blocks_1 = require("@storybook/blocks");
+const test_1 = require("@storybook/test");
 const meta = {
     title: 'Design System/Atoms/Button',
     component: buttons_component_1.Button,
     tags: ['autodocs'],
     args: {
-        className: 'bg-orange w-40',
+        className: 'w-40',
+    },
+    parameters: {
+        componentSubtitle: 'Button New',
+        docs: {
+            page: () => (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(blocks_1.Title, null),
+                react_1.default.createElement(blocks_1.Canvas, null),
+                react_1.default.createElement(blocks_1.Source, { code: `
+import {Button} from 'react-restyle-components';
+   <Button
+   disable={false}
+   type='solid'
+   onClick={()=>{}}>
+    <span>Primary</span>
+   </Button>
+            ` }))),
+        },
     },
 };
 exports.default = meta;
@@ -23,8 +42,9 @@ exports.Primary = {
     // },
     args: {
         disable: false,
-        type: 'solid' || 'outline' || 'submit',
+        type: 'solid' || 'outline',
         children: react_1.default.createElement("span", null, "Primary"),
+        onClick: (0, test_1.fn)(),
     },
 };
 // export const Disable: Story = {

package/lib/cjs/core-components/atoms/buttons/button.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/button.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2DAA2C;AAE3C,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,0BAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,SAAS,EAAE,gBAAgB;KAC5B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,gBAAgB;IAChB,mBAAmB;IACnB,uBAAuB;IACvB,OAAO;IACP,KAAK;IACL,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,OAAO,IAAI,SAAS,IAAI,QAAQ;QACtC,QAAQ,EAAE,sDAAoB;KAC/B;CACF,CAAC;AAEF,kCAAkC;AAClC,YAAY;AACZ,uBAAuB;AACvB,sCAAsC;AACtC,qBAAqB;AACrB,OAAO;AACP,KAAK"}
+{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/button.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2DAA2C;AAC3C,8CAAwD;AACxD,0CAAmC;AAEnC,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,0BAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;KAClB;IACD,UAAU,EAAE;QACV,iBAAiB,EAAE,YAAY;QAC/B,IAAI,EAAE;YACJ,IAAI,EAAE,GAAG,EAAE,CAAC,CACV;gBACE,8BAAC,cAAK,OAAG;gBAET,8BAAC,eAAM,OAAG;gBACV,8BAAC,eAAM,IACL,IAAI,EAAE;;;;;;;;aAQL,GACD,CACD,CACJ;SACF;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,gBAAgB;IAChB,mBAAmB;IACnB,uBAAuB;IACvB,OAAO;IACP,KAAK;IACL,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,OAAO,IAAI,SAAS;QAC1B,QAAQ,EAAE,sDAAoB;QAC9B,OAAO,EAAE,IAAA,SAAE,GAAE;KACd;CACF,CAAC;AAEF,kCAAkC;AAClC,YAAY;AACZ,uBAAuB;AACvB,sCAAsC;AACtC,qBAAqB;AACrB,OAAO;AACP,KAAK"}

package/lib/cjs/core-components/atoms/buttons/buttons.component.js

@@ -5,8 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 const react_1 = __importDefault(require("react"));
-const Button = ({ className, disable, onClick, children, }) => {
-    return (react_1.default.createElement("button", { "data-testid": "buttonElement", disabled: disable, className: `${className} rounded-100px px-3 py-1 text-text-base text-md pt-2 pb-2 font-nunitoSansRegular ${disable ? 'opacity-50' : 'opacity-100'}`, onClick: () => onClick() }, children));
+const Button = ({ type = 'solid', className, disable, onClick, children, }) => {
+    const buttonColorClass = type === 'solid'
+        ? 'text-white bg-[#007BFF] hover:bg-[#007BFF] hover:shadow-lg'
+        : 'dark:text-white  text-black border border-gray-400 hover:shadow-lg';
+    return (react_1.default.createElement("button", { "data-testid": "buttonElement", disabled: disable, className: `${className} rounded-100px px-3 py-1 text-text-base text-md ${buttonColorClass} pt-2 pb-2 font-nunitoSansRegular ${disable ? 'opacity-50' : 'opacity-100'}`, onClick: () => onClick() }, children));
 };
 exports.Button = Button;
 //# sourceMappingURL=buttons.component.js.map

package/lib/cjs/core-components/atoms/buttons/buttons.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/buttons.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AASnB,MAAM,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,GACI,EAAE,EAAE;IAChB,OAAO,CACL,yDACc,eAAe,EAC3B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,GAAG,SAAS,oFACrB,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAC3B,EAAE,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,IAEvB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB"}
+{"version":3,"file":"buttons.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/buttons.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AASnB,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,OAAO,EACd,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,GACI,EAAE,EAAE;IAChB,MAAM,gBAAgB,GACpB,IAAI,KAAK,OAAO;QACd,CAAC,CAAC,4DAA4D;QAC9D,CAAC,CAAC,oEAAoE,CAAC;IAC3E,OAAO,CACL,yDACc,eAAe,EAC3B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,GAAG,SAAS,mDAAmD,gBAAgB,qCACxF,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAC3B,EAAE,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,IAEvB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,MAAM,UAuBjB"}

package/lib/esm/core-components/atoms/buttons/button.stories.js

@@ -1,11 +1,30 @@
 import React from 'react';
 import { Button } from './buttons.component';
+import { Title, Source, Canvas } from '@storybook/blocks';
+import { fn } from '@storybook/test';
 const meta = {
     title: 'Design System/Atoms/Button',
     component: Button,
     tags: ['autodocs'],
     args: {
-        className: 'bg-orange w-40',
+        className: 'w-40',
+    },
+    parameters: {
+        componentSubtitle: 'Button New',
+        docs: {
+            page: () => (React.createElement(React.Fragment, null,
+                React.createElement(Title, null),
+                React.createElement(Canvas, null),
+                React.createElement(Source, { code: `
+import {Button} from 'react-restyle-components';
+   <Button
+   disable={false}
+   type='solid'
+   onClick={()=>{}}>
+    <span>Primary</span>
+   </Button>
+            ` }))),
+        },
     },
 };
 export default meta;
@@ -17,8 +36,9 @@ export const Primary = {
     // },
     args: {
         disable: false,
-        type: 'solid' || 'outline' || 'submit',
+        type: 'solid' || 'outline',
         children: React.createElement("span", null, "Primary"),
+        onClick: fn(),
     },
 };
 // export const Disable: Story = {

package/lib/esm/core-components/atoms/buttons/button.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAE3C,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,SAAS,EAAE,gBAAgB;KAC5B;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,gBAAgB;IAChB,mBAAmB;IACnB,uBAAuB;IACvB,OAAO;IACP,KAAK;IACL,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,OAAO,IAAI,SAAS,IAAI,QAAQ;QACtC,QAAQ,EAAE,4CAAoB;KAC/B;CACF,CAAC;AAEF,kCAAkC;AAClC,YAAY;AACZ,uBAAuB;AACvB,sCAAsC;AACtC,qBAAqB;AACrB,OAAO;AACP,KAAK"}
+{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAC,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAC,EAAE,EAAC,MAAM,iBAAiB,CAAC;AAEnC,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;KAClB;IACD,UAAU,EAAE;QACV,iBAAiB,EAAE,YAAY;QAC/B,IAAI,EAAE;YACJ,IAAI,EAAE,GAAG,EAAE,CAAC,CACV;gBACE,oBAAC,KAAK,OAAG;gBAET,oBAAC,MAAM,OAAG;gBACV,oBAAC,MAAM,IACL,IAAI,EAAE;;;;;;;;aAQL,GACD,CACD,CACJ;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,gBAAgB;IAChB,mBAAmB;IACnB,uBAAuB;IACvB,OAAO;IACP,KAAK;IACL,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,OAAO,IAAI,SAAS;QAC1B,QAAQ,EAAE,4CAAoB;QAC9B,OAAO,EAAE,EAAE,EAAE;KACd;CACF,CAAC;AAEF,kCAAkC;AAClC,YAAY;AACZ,uBAAuB;AACvB,sCAAsC;AACtC,qBAAqB;AACrB,OAAO;AACP,KAAK"}

package/lib/esm/core-components/atoms/buttons/buttons.component.js

@@ -1,5 +1,8 @@
 import React from 'react';
-export const Button = ({ className, disable, onClick, children, }) => {
-    return (React.createElement("button", { "data-testid": "buttonElement", disabled: disable, className: `${className} rounded-100px px-3 py-1 text-text-base text-md pt-2 pb-2 font-nunitoSansRegular ${disable ? 'opacity-50' : 'opacity-100'}`, onClick: () => onClick() }, children));
+export const Button = ({ type = 'solid', className, disable, onClick, children, }) => {
+    const buttonColorClass = type === 'solid'
+        ? 'text-white bg-[#007BFF] hover:bg-[#007BFF] hover:shadow-lg'
+        : 'dark:text-white  text-black border border-gray-400 hover:shadow-lg';
+    return (React.createElement("button", { "data-testid": "buttonElement", disabled: disable, className: `${className} rounded-100px px-3 py-1 text-text-base text-md ${buttonColorClass} pt-2 pb-2 font-nunitoSansRegular ${disable ? 'opacity-50' : 'opacity-100'}`, onClick: () => onClick() }, children));
 };
 //# sourceMappingURL=buttons.component.js.map

package/lib/esm/core-components/atoms/buttons/buttons.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/buttons.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,GACI,EAAE,EAAE;IAChB,OAAO,CACL,+CACc,eAAe,EAC3B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,GAAG,SAAS,oFACrB,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAC3B,EAAE,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,IAEvB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"buttons.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/buttons.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,OAAO,EACd,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,GACI,EAAE,EAAE;IAChB,MAAM,gBAAgB,GACpB,IAAI,KAAK,OAAO;QACd,CAAC,CAAC,4DAA4D;QAC9D,CAAC,CAAC,oEAAoE,CAAC;IAC3E,OAAO,CACL,+CACc,eAAe,EAC3B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,GAAG,SAAS,mDAAmD,gBAAgB,qCACxF,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAC3B,EAAE,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,IAEvB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.1.38",
+  "version": "0.1.39",
   "private": false,
   "description": "Easy use restyle components",
   "main": "lib/cjs/index.js",
@@ -20,7 +20,7 @@
     "eject": "react-scripts eject",
     "precommit": "lint-staged --allow-empty",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
+    "build-storybook": "storybook build -o docs-build",
     "deploy-storybook": "gh-pages -d docs-build",
     "prettier": "prettier --write '**/*.{js,jsx}'",
     "prepare": "husky install"
@@ -131,5 +131,8 @@
       "prettier --write",
       "git add"
     ]
+  },
+  "resolutions": {
+    "jackspeak": "2.1.1"
   }
 }