@secondstaxorg/sscomp 1.5.4 → 1.5.6

package/dist/index.js

@@ -220,8 +220,20 @@ const _jsxFileName$10 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compo
  * Solid and Outline buttons
  */
 const Button$1 = (props) => {
-    const {variant, size, disabled,children} = props;
-        return React$1.createElement(ButtonComp, { className: `${variant} ${size}`, disabled: disabled, ...props, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 10}}, children)
+    const {variant, size, disabled,children,width} = props;
+    const [btnWidth,setBtnWidth] = React$1.useState('100%');
+
+    React$1.useEffect(()=>{
+        if (typeof width === "number"){
+            setBtnWidth(width);
+        }else if (width === 'full'){
+            setBtnWidth('100%');
+        }else if (width === 'fit-content'){
+            setBtnWidth('fit-content');
+        }
+    },[width]);
+
+    return React$1.createElement(ButtonComp, { className: `${variant} ${size}`, disabled: disabled, ...props, style: {width:btnWidth}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 22}}, children)
 };
 
 const Container$b = styled.div`
@@ -1482,8 +1494,20 @@ const OutlineButtonComp = styled.button`
 
 const _jsxFileName$U = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ButtonOutline\\OutlineButton.tsx";
 const OutlineButton = (props) => {
-    const {size, variant, disabled, children} = props;
-    return React$1.createElement(OutlineButtonComp, { className: `${!variant ? 'base' : variant} ${size} with-bg`, disabled: disabled, ...props, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 7}}, children)
+    const {size, variant, disabled, children,width} = props;
+    const [btnWidth,setBtnWidth] = React$1.useState('100%');
+
+    React$1.useEffect(()=>{
+        if (typeof width === "number"){
+            setBtnWidth(width);
+        }else if (width === 'full'){
+            setBtnWidth('100%');
+        }else if (width === 'fit-content'){
+            setBtnWidth('fit-content');
+        }
+    },[width]);
+
+    return React$1.createElement(OutlineButtonComp, { className: `${!variant ? 'base' : variant} ${size} with-bg`, disabled: disabled, ...props, __self: undefined, __source: {fileName: _jsxFileName$U, lineNumber: 19}}, children)
 };
 
 const _jsxFileName$T = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\LoadingSpinner\\LoadingSpinner.tsx";