labsense-ui-kit 1.1.98 → 1.1.99

package/dist/Buttons/Button.d.ts

@@ -13,6 +13,7 @@ export interface ButtonProps {
     text?: string;
     icon?: IconNames;
     size?: buttonSizes;
+    buttonWidth?: string;
     background?: string;
     hoverColor?: string;
     color?: string;

package/dist/index.js

@@ -4088,29 +4088,32 @@ var Container$1 = styled__default.div(_templateObject4$1 || (_templateObject4$1
   var cursor = _ref9.cursor;
   return cursor;
 });
-var StyledButton = styled__default.button(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n  pointer-events: ", ";\n  cursor: ", ";\n  height: max-content;\n  min-height: max-content;\n  width: max-content;\n  box-sizing: border-box;\n  border-radius: ", ";\n  outline: none;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: ", ";\n\n  &:focus {\n    outline: none;\n  }\n\n  ", "\n  color: ", "; \n"])), function (_ref10) {
+var StyledButton = styled__default.button(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n  pointer-events: ", ";\n  cursor: ", ";\n  height: max-content;\n  min-height: max-content;\n  width: ", ";\n  box-sizing: border-box;\n  border-radius: ", ";\n  outline: none;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: ", ";\n\n  &:focus {\n    outline: none;\n  }\n\n  ", "\n  color: ", "; \n"])), function (_ref10) {
   var $disabled = _ref10.$disabled;
   return $disabled ? 'none' : 'auto';
 }, function (_ref11) {
   var $disabled = _ref11.$disabled;
   return $disabled ? 'not-allowed' : 'pointer';
 }, function (_ref12) {
-  var $borderRadius = _ref12.$borderRadius;
-  return $borderRadius || '8px';
+  var buttonWidth = _ref12.buttonWidth;
+  return buttonWidth;
 }, function (_ref13) {
-  var $size = _ref13.$size,
-    $padding = _ref13.$padding;
-  return $size === 'small' ? '8px 12.2px' : $size === 'medium' ? '10px 19px' : $size === 'large' ? '12px 24.5px' : $size === 'custom' ? $padding : '10px 16px';
+  var $borderRadius = _ref13.$borderRadius;
+  return $borderRadius || '8px';
 }, function (_ref14) {
+  var $size = _ref14.$size,
+    $padding = _ref14.$padding;
+  return $size === 'small' ? '8px 12.2px' : $size === 'medium' ? '10px 19px' : $size === 'large' ? '12px 24.5px' : $size === 'custom' ? $padding : '10px 16px';
+}, function (_ref15) {
   var _$borderHover$match;
-  var $variant = _ref14.$variant,
-    $disabled = _ref14.$disabled,
-    $borderHover = _ref14.$borderHover,
-    $borderDefault = _ref14.$borderDefault,
-    $background = _ref14.$background,
-    $color = _ref14.$color,
-    $colorHover = _ref14.$colorHover,
-    theme = _ref14.theme;
+  var $variant = _ref15.$variant,
+    $disabled = _ref15.$disabled,
+    $borderHover = _ref15.$borderHover,
+    $borderDefault = _ref15.$borderDefault,
+    $background = _ref15.$background,
+    $color = _ref15.$color,
+    $colorHover = _ref15.$colorHover,
+    theme = _ref15.theme;
   switch ($variant) {
     case 'primary':
       return "\n          background: " + ($disabled ? theme.disabled.primary : theme["default"].primary) + ";\n          color: " + theme.text.white + ";\n          border: " + ($disabled ? "1px solid " + theme.disabled.primary : "1px solid " + theme["default"].primary) + ";\n          &:hover {\n            background: " + theme.hover.primary + ";\n            border: 1px solid " + theme.hover.primary + ";\n          }\n        ";
@@ -4131,58 +4134,60 @@ var StyledButton = styled__default.button(_templateObject5$1 || (_templateObject
     default:
       return '';
   }
-}, function (_ref15) {
-  var color = _ref15.color;
+}, function (_ref16) {
+  var color = _ref16.color;
   return color;
 });
-var ButtonText = styled__default.span(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  white-space: nowrap;\n"])), function (_ref16) {
-  var $fontFamily = _ref16.$fontFamily;
+var ButtonText = styled__default.span(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  white-space: nowrap;\n"])), function (_ref17) {
+  var $fontFamily = _ref17.$fontFamily;
   return $fontFamily ? $fontFamily : GlobalFonts.bold;
-}, function (_ref17) {
-  var $size = _ref17.$size,
-    $fontSize = _ref17.$fontSize;
-  return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
 }, function (_ref18) {
-  var $fontWeight = _ref18.$fontWeight,
-    $size = _ref18.$size;
-  return $size === 'custom' && $fontWeight || '500';
+  var $size = _ref18.$size,
+    $fontSize = _ref18.$fontSize;
+  return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
 }, function (_ref19) {
-  var $size = _ref19.$size,
-    $fontSize = _ref19.$fontSize;
+  var $fontWeight = _ref19.$fontWeight,
+    $size = _ref19.$size;
+  return $size === 'custom' && $fontWeight || '500';
+}, function (_ref20) {
+  var $size = _ref20.$size,
+    $fontSize = _ref20.$fontSize;
   return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
 });
-var ButtonComponent = function ButtonComponent(_ref20) {
-  var onClick = _ref20.onClick,
-    text = _ref20.text,
-    size = _ref20.size,
-    background = _ref20.background,
-    hoverColor = _ref20.hoverColor,
-    color = _ref20.color,
-    colorHover = _ref20.colorHover,
-    borderDefault = _ref20.borderDefault,
-    borderHover = _ref20.borderHover,
-    borderRadius = _ref20.borderRadius,
-    fontWeight = _ref20.fontWeight,
-    fontSize = _ref20.fontSize,
-    fontFamily = _ref20.fontFamily,
-    padding = _ref20.padding,
-    gap = _ref20.gap,
-    _ref20$variant = _ref20.variant,
-    variant = _ref20$variant === void 0 ? 'primary' : _ref20$variant,
-    icon = _ref20.icon,
-    iconClick = _ref20.iconClick,
-    _ref20$iconPosition = _ref20.iconPosition,
-    iconPosition = _ref20$iconPosition === void 0 ? 'right' : _ref20$iconPosition,
-    _ref20$iconWeight = _ref20.iconWeight,
-    iconWeight = _ref20$iconWeight === void 0 ? '2' : _ref20$iconWeight,
-    iconSize = _ref20.iconSize,
-    _ref20$disabled = _ref20.disabled,
-    disabled = _ref20$disabled === void 0 ? false : _ref20$disabled,
-    _ref20$loaderProps = _ref20.loaderProps,
-    loaderProps = _ref20$loaderProps === void 0 ? {
+var ButtonComponent = function ButtonComponent(_ref21) {
+  var onClick = _ref21.onClick,
+    text = _ref21.text,
+    size = _ref21.size,
+    _ref21$buttonWidth = _ref21.buttonWidth,
+    buttonWidth = _ref21$buttonWidth === void 0 ? 'max-content' : _ref21$buttonWidth,
+    background = _ref21.background,
+    hoverColor = _ref21.hoverColor,
+    color = _ref21.color,
+    colorHover = _ref21.colorHover,
+    borderDefault = _ref21.borderDefault,
+    borderHover = _ref21.borderHover,
+    borderRadius = _ref21.borderRadius,
+    fontWeight = _ref21.fontWeight,
+    fontSize = _ref21.fontSize,
+    fontFamily = _ref21.fontFamily,
+    padding = _ref21.padding,
+    gap = _ref21.gap,
+    _ref21$variant = _ref21.variant,
+    variant = _ref21$variant === void 0 ? 'primary' : _ref21$variant,
+    icon = _ref21.icon,
+    iconClick = _ref21.iconClick,
+    _ref21$iconPosition = _ref21.iconPosition,
+    iconPosition = _ref21$iconPosition === void 0 ? 'right' : _ref21$iconPosition,
+    _ref21$iconWeight = _ref21.iconWeight,
+    iconWeight = _ref21$iconWeight === void 0 ? '2' : _ref21$iconWeight,
+    iconSize = _ref21.iconSize,
+    _ref21$disabled = _ref21.disabled,
+    disabled = _ref21$disabled === void 0 ? false : _ref21$disabled,
+    _ref21$loaderProps = _ref21.loaderProps,
+    loaderProps = _ref21$loaderProps === void 0 ? {
       loading: false,
       loaderPosition: 'right'
-    } : _ref20$loaderProps;
+    } : _ref21$loaderProps;
   var themeColors = useTheme();
   var _useState = React.useState(false),
     isHovered = _useState[0],
@@ -4192,6 +4197,7 @@ var ButtonComponent = function ButtonComponent(_ref20) {
   return React__default.createElement(StyledButton, {
     "$disabled": disabled,
     onClick: onClick,
+    buttonWidth: buttonWidth,
     "$background": background,
     "$borderDefault": borderDefault,
     "$borderHover": borderHover,