labsense-ui-kit 1.1.1 → 1.1.3

package/dist/Container&Span/StyledComponents.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $width?: string | undefined;
     $minWidth?: string | undefined;

package/dist/Dropdown/MultiSelectDropdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon, IconNames } from '../Icons';
-export declare const Asterisk: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const Asterisk: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 interface IconProps {
     size?: number;
     weight?: string;

package/dist/Dropdown/SelectOption.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Icon, IconNames } from '../Icons';
-export declare const Options: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const Options: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $optionColor?: string | undefined;
     $optionFontSize?: string | undefined;
     $optionFontWeight?: string | undefined;
     $optionBackgroundColor?: string | undefined;
     $optionSelected?: boolean | undefined;
 }>> & string;
-export declare const DropdownMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const DropdownMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $menuBackground?: string | undefined;
     $optionsBorderRadius?: string | undefined;
     $width?: string | undefined;

package/dist/Icons/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $clickable?: boolean | undefined;
 }>> & string;
-declare const IconWrapperForSVG: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGGElement>, never>> & string;
+declare const IconWrapperForSVG: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.SVGProps<SVGGElement>, never>> & string;
 export { IconWrapper, IconWrapperForSVG };
 export interface SVGProps {
     size: number;

package/dist/Inputs/TextField.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconNames } from '../Icons';
-export declare const Asterisk: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const Asterisk: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 declare type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'datetime-local' | 'month' | 'week' | 'time' | 'color' | 'checkbox' | 'radio' | 'range' | 'file' | 'hidden';
 interface InputProps {
     type?: InputType;

package/dist/Sidebar/index.d.ts

@@ -1,2 +1,2 @@
-import Sidebar from './Sidebar';
-export { Sidebar };
+import Sidebar, { logoDetails, SidebarItems } from './Sidebar';
+export { Sidebar, logoDetails, SidebarItems };

package/dist/index.d.ts

@@ -11,7 +11,7 @@ import { SearchBox, TextArea, TextField, TextFieldWithDropdown } from './Inputs'
 import { CircularLoader, Loader } from './Loader';
 import { Pagination } from './Pagination';
 import { ProgressBar } from './ProgressBar';
-import { Sidebar } from './Sidebar';
+import { Sidebar, logoDetails, SidebarItems } from './Sidebar';
 import { Table, TableCell, TableRow, TableProps } from './Table';
 import { InternalTabs, Tabs, TabContentProps } from './Tabs';
 import { colorVariables, darkColorVariables, themes } from './Themes/Colors';
@@ -29,7 +29,7 @@ export { SearchBox, TextArea, TextField, TextFieldWithDropdown };
 export { CircularLoader, Loader };
 export { Pagination };
 export { ProgressBar };
-export { Sidebar };
+export { Sidebar, logoDetails, SidebarItems };
 export { TableCell, Table, TableRow, TableProps };
 export { InternalTabs, Tabs, TabContentProps };
 export { colorVariables, darkColorVariables, themes };

package/dist/index.js

@@ -2907,8 +2907,8 @@ var Span = styled__default.span(_templateObject2$1 || (_templateObject2$1 = _tag
   var $fontSize = _ref40.$fontSize;
   return $fontSize ? $fontSize : '16px';
 }, function (_ref41) {
-  var color = _ref41.color;
-  return color ? color : colorVariables.text.medium;
+  var $color = _ref41.$color;
+  return $color ? $color : colorVariables.text.medium;
 }, function (_ref42) {
   var $lineHeight = _ref42.$lineHeight;
   return $lineHeight ? $lineHeight : '100%';
@@ -3089,28 +3089,28 @@ var GlobalFonts = {
 var _templateObject$5, _templateObject2$3, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6;
 var spin = styled.keyframes(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n  to {\n    transform: rotate(360deg);\n  }\n"])));
 var Spinner = styled__default.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__default.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__default.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';
@@ -3164,20 +3164,20 @@ var StyledButton = styled__default.button(_templateObject5 || (_templateObject5
   return color;
 });
 var ButtonText = styled__default.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,
@@ -3235,7 +3235,7 @@ var ButtonComponent = function ButtonComponent(_ref20) {
       return setIsHovered(false);
     }
   }, React__default.createElement(Container$1, {
-    iconPosition: iconPos,
+    "$iconPosition": iconPos,
     gap: gap,
     cursor: !disabled && typeof onClick === 'function' ? 'pointer' : 'default'
   }, icon && React__default.createElement(Icon, {
@@ -3250,15 +3250,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__default.createElement(ButtonText, {
-    size: size,
-    fontFamily: fontFamily,
-    fontSize: fontSize,
-    fontWeight: fontWeight
+    "$size": size,
+    "$fontFamily": fontFamily,
+    "$fontSize": fontSize,
+    "$fontWeight": fontWeight
   }, text)), loaderProps.loading && React__default.createElement(LoaderWrapper, {
-    loaderPosition: loaderPos
+    "$loaderPosition": loaderPos
   }, React__default.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'
   })));
 };