labsense-ui-kit 1.1.1 → 1.1.2

package/dist/index.modern.js

@@ -3085,28 +3085,28 @@ var GlobalFonts = {
 var _templateObject$5, _templateObject2$3, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6;
 var spin = keyframes(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n  to {\n    transform: rotate(360deg);\n  }\n"])));
 var Spinner = styled.div(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n  width: ", "px;\n  height: ", "px;\n  border: ", "px solid #ddd;\n  border-top-color: ", ";\n  border-radius: 50%;\n  animation: fadeIn 0.3s ease-in-out forwards, ", " 1s linear infinite;\n"])), function (_ref) {
-  var size = _ref.size;
-  return size;
+  var $size = _ref.$size;
+  return $size;
 }, function (_ref2) {
-  var size = _ref2.size;
-  return size;
+  var $size = _ref2.$size;
+  return $size;
 }, function (_ref3) {
-  var size = _ref3.size;
-  return size / 4;
+  var $size = _ref3.$size;
+  return $size / 4;
 }, function (_ref4) {
-  var color = _ref4.color;
-  return color;
+  var $color = _ref4.$color;
+  return $color;
 }, spin);
 var LoaderWrapper = styled.div(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  margin-left: ", ";\n  margin-right: ", ";\n  transition: opacity 0.3s ease-in-out;\n"])), function (_ref5) {
-  var loaderPosition = _ref5.loaderPosition;
-  return loaderPosition === 'right' ? '4px' : '0';
+  var $loaderPosition = _ref5.$loaderPosition;
+  return $loaderPosition === 'right' ? '4px' : '0';
 }, function (_ref6) {
-  var loaderPosition = _ref6.loaderPosition;
-  return loaderPosition === 'left' ? '4px' : '0';
+  var $loaderPosition = _ref6.$loaderPosition;
+  return $loaderPosition === 'left' ? '4px' : '0';
 });
 var Container$1 = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: ", ";\n  gap: ", ";\n  svg {\n    cursor: ", ";\n  }\n"])), function (_ref7) {
-  var iconPosition = _ref7.iconPosition;
-  return iconPosition === 'right' ? 'row-reverse' : 'row';
+  var $iconPosition = _ref7.$iconPosition;
+  return $iconPosition === 'right' ? 'row-reverse' : 'row';
 }, function (_ref8) {
   var gap = _ref8.gap;
   return gap || '4px';
@@ -3160,20 +3160,20 @@ var StyledButton = styled.button(_templateObject5 || (_templateObject5 = _tagged
   return color;
 });
 var ButtonText = styled.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  white-space: nowrap;\n"])), function (_ref16) {
-  var fontFamily = _ref16.fontFamily;
-  return fontFamily ? fontFamily : GlobalFonts.bold;
+  var $fontFamily = _ref16.$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';
+  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 $fontWeight = _ref18.$fontWeight,
+    $size = _ref18.$size;
+  return $size === 'custom' && $fontWeight || '500';
 }, function (_ref19) {
-  var size = _ref19.size,
-    fontSize = _ref19.fontSize;
-  return size === 'small' ? '14px' : size === 'medium' ? '16px' : size === 'large' ? '18px' : size === 'custom' ? fontSize : '16px';
+  var $size = _ref19.$size,
+    $fontSize = _ref19.$fontSize;
+  return $size === 'small' ? '14px' : $size === 'medium' ? '16px' : $size === 'large' ? '18px' : $size === 'custom' ? $fontSize : '16px';
 });
 var ButtonComponent = function ButtonComponent(_ref20) {
   var onClick = _ref20.onClick,
@@ -3231,7 +3231,7 @@ var ButtonComponent = function ButtonComponent(_ref20) {
       return setIsHovered(false);
     }
   }, React.createElement(Container$1, {
-    iconPosition: iconPos,
+    "$iconPosition": iconPos,
     gap: gap,
     cursor: !disabled && typeof onClick === 'function' ? 'pointer' : 'default'
   }, icon && React.createElement(Icon, {
@@ -3246,15 +3246,15 @@ var ButtonComponent = function ButtonComponent(_ref20) {
     },
     color: variant === 'tertiary' && isHovered ? colorVariables.hover.primary : variant === 'tertiary' && disabled ? colorVariables.disabled.primary : variant === 'tertiary' ? colorVariables["default"].primary : variant === 'outline-primary' && isHovered ? colorVariables.text.white : variant === 'outline-primary' && disabled ? colorVariables.disabled.primary : variant === 'outline-primary' ? colorVariables["default"].primary : variant === 'outline-secondary' && isHovered ? colorVariables.text.white : variant === 'outline-secondary' && disabled ? colorVariables.disabled.secondary : variant === 'outline-secondary' ? colorVariables["default"].secondary : variant === 'outline-error' && isHovered ? colorVariables.text.white : variant === 'outline-error' && disabled ? colorVariables.disabled.error : variant === 'outline-error' ? colorVariables["default"].error : isHovered ? hoverColor : color ? color : colorVariables.text.white
   }), text && React.createElement(ButtonText, {
-    size: size,
-    fontFamily: fontFamily,
-    fontSize: fontSize,
-    fontWeight: fontWeight
+    "$size": size,
+    "$fontFamily": fontFamily,
+    "$fontSize": fontSize,
+    "$fontWeight": fontWeight
   }, text)), loaderProps.loading && React.createElement(LoaderWrapper, {
-    loaderPosition: loaderPos
+    "$loaderPosition": loaderPos
   }, React.createElement(Spinner, {
-    size: size === 'small' ? 12 : size === 'medium' ? 16 : 18,
-    color: loaderProps.loaderColor || 'color'
+    "$size": size === 'small' ? 12 : size === 'medium' ? 16 : 18,
+    "$color": loaderProps.loaderColor || 'color'
   })));
 };