sag_components 1.0.2 → 1.0.3

package/dist/stories/Button.stories.js

@@ -21,12 +21,12 @@ var _default = {
       description: "text inside of the button",
       defaultValue: ""
     },
-    style: {
+    shape: {
       control: {
         type: "radio"
       },
       options: ["contained", "outlined", "text"],
-      description: "style of the button"
+      description: "shape of the button"
     },
     size: {
       control: {
@@ -57,7 +57,7 @@ var SmallContainedStyle = Template.bind({});
 exports.SmallContainedStyle = SmallContainedStyle;
 SmallContainedStyle.args = {
   text: "Confirm",
-  style: "contained",
+  shape: "contained",
   size: "small",
   disabled: false
 };
@@ -66,7 +66,7 @@ exports.DisabledContainedStyle = DisabledContainedStyle;
 DisabledContainedStyle.args = {
   size: "small",
   text: "Confirm",
-  style: "contained",
+  shape: "contained",
   disabled: true
 };
 var MediumOutlinedStyle = Template.bind({});
@@ -74,7 +74,7 @@ exports.MediumOutlinedStyle = MediumOutlinedStyle;
 MediumOutlinedStyle.args = {
   text: "Confirm",
   size: "medium",
-  style: "outlined",
+  shape: "outlined",
   disabled: false
 };
 var LargeTextStyle = Template.bind({});
@@ -82,6 +82,6 @@ exports.LargeTextStyle = LargeTextStyle;
 LargeTextStyle.args = {
   text: "Confirm",
   size: "large",
-  style: "text",
+  shape: "text",
   disabled: false
 };

package/dist/stories/components/Button.js

@@ -10,10 +10,10 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var React = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
-var _excluded = ["text", "style", "size", "disabled", "onClick"];
+var _excluded = ["text", "shape", "size", "disabled", "onClick"];
 var Button = function Button(_ref) {
   var text = _ref.text,
-    style = _ref.style,
+    shape = _ref.shape,
     size = _ref.size,
     disabled = _ref.disabled,
     _onClick = _ref.onClick,
@@ -25,7 +25,7 @@ var Button = function Button(_ref) {
     sx: {
       textTransform: 'none'
     },
-    variant: style,
+    variant: shape,
     size: size,
     disabled: disabled ? true : false,
     onClick: function onClick(event) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "",
   "main": "dist/index.js",                                    
   "scripts": {

package/src/stories/Button.stories.js

@@ -15,10 +15,10 @@ export default {
       defaultValue: "",
     },
 
-    style: {
+    shape: {
       control: { type: "radio" },
       options: ["contained", "outlined", "text"],
-      description: "style of the button",
+      description: "shape of the button",
     },
 
     size: {
@@ -46,7 +46,7 @@ const Template = (args) => <Button {...args} />;
 export const SmallContainedStyle = Template.bind({});
 SmallContainedStyle.args = {
   text: "Confirm",
-  style: "contained",
+  shape: "contained",
   size: "small",
   disabled: false,
 };
@@ -56,7 +56,7 @@ export const DisabledContainedStyle = Template.bind({});
 DisabledContainedStyle.args = {
   size: "small",
   text: "Confirm",
-  style: "contained",
+  shape: "contained",
   disabled: true,
 };
 
@@ -64,7 +64,7 @@ export const MediumOutlinedStyle = Template.bind({});
 MediumOutlinedStyle.args = {
   text: "Confirm",
   size: "medium",
-  style: "outlined",
+  shape: "outlined",
   disabled: false,
 };
 
@@ -73,7 +73,7 @@ export const LargeTextStyle = Template.bind({});
 LargeTextStyle.args = {
   text: "Confirm",
   size: "large",
-  style: "text",
+  shape: "text",
   disabled: false,
 };
 

package/src/stories/components/Button.jsx

@@ -2,13 +2,13 @@ import * as React from "react";
 import MUIButton from "@mui/material/Button";
 import Stack from "@mui/material/Stack";
 
-export const Button = ({text, style, size, disabled, onClick, ...props}) => {
+export const Button = ({text, shape, size, disabled, onClick, ...props}) => {
  
   return (
     <Stack direction="row" spacing={2}>
       <MUIButton 
         sx={{   textTransform: 'none'}}
-        variant={style}      
+        variant={shape}      
         size={size}
         disabled={disabled ? true : false}
         onClick={(event) => {

package/src/index.d.ts

@@ -1,10 +0,0 @@
-export function Button({ text, style, size, disabled, onClick, ...props }: {
-    [x: string]: any;
-    text: any;
-    style: any;
-    size: any;
-    disabled: any;
-    onClick: any;
-}): any;
-export default Button;
-