labsense-ui-kit 1.1.96 → 1.1.98

package/dist/Dropdown/ButtonDropdown.d.ts

@@ -10,6 +10,7 @@ interface ButtonDropdownProps {
     size?: 'small' | 'medium' | 'large';
     variant?: 'primary' | 'outline-primary' | 'secondary';
     placeholder?: string;
+    disabled?: boolean;
 }
 declare const ButtonDropdown: React.FC<ButtonDropdownProps>;
 export default ButtonDropdown;

package/dist/index.js

@@ -3367,12 +3367,166 @@ var Span = styled__default.span(_templateObject2$1 || (_templateObject2$1 = _tag
   return $overflowWrap;
 });
 
-var useTheme = function useTheme() {
-  return styled.useTheme();
+var light = {
+  brand: {
+    primary: '#4C9EEB',
+    secondary: '#14171A',
+    light: '#FFFFFF'
+  },
+  accent: {
+    light_1: '#E1E8ED',
+    light_2: '#F5F8FA',
+    light_3: '#F0F3F5',
+    light_4: '#ECF0F4',
+    light_5: '#F0F0F3',
+    softBlue: '#D4EEFF',
+    extraSoftBlue: '#E4F4FF',
+    boldTransparent: '#5E5E5E80',
+    transparent: '#5E5E5E4D',
+    lightTransparent: '#5E5E5E23'
+  },
+  "default": {
+    primary: '#78B6F0',
+    secondary: '#C2C2C2',
+    tertiary: 'transparent',
+    error: '#F44336',
+    success: '#4CAF50',
+    warning: '#FF9800',
+    info: '#2159F3'
+  },
+  disabled: {
+    primary: '#B9DCF7',
+    secondary: '#DADADA',
+    error: '#FFEBEE',
+    success: '#E8F5E9',
+    warning: '#FFF3E0',
+    info: '#E3F2FD'
+  },
+  hover: {
+    primary: '#4C9EEB',
+    secondary: '#A3A3A3',
+    tertiary: 'transparent',
+    error: '#D32F2F',
+    success: '#388E3C',
+    warning: '#F57C00',
+    info: '#193ED2'
+  },
+  border: {
+    extraBold: '#657786',
+    bold: '#BFBFBF',
+    medium: '#CBCED0',
+    light: '#DCDCDC',
+    extraLight: '#E6E3E3'
+  },
+  text: {
+    dark: '#14171A',
+    medium: '#657786',
+    light: '#98A2AA',
+    white: '#FFFFFF',
+    success: '#1B5E20',
+    error: '#B71C1C',
+    info: '#0D30A1',
+    warning: '#E65100'
+  },
+  badge: {
+    lavender: '#E8DAFF',
+    papayaWhip: '#FFEDD5',
+    water: '#C7E3FF',
+    paleBlue: '#B0F0E4',
+    teaGreen: '#D5F7C2',
+    lightBlue: '#ADD8E6'
+  }
+};
+var dark = {
+  brand: {
+    primary: '#4C9EEB',
+    secondary: '#E1E8ED',
+    light: '#1A1A1A'
+  },
+  accent: {
+    light_1: '#2A2E33',
+    light_2: '#1F2327',
+    light_3: '#0F1214',
+    light_4: '#101417',
+    light_5: '#0F0F0C',
+    softBlue: '#2C3E50',
+    extraSoftBlue: '#34495E',
+    boldTransparent: '#D3D3D380',
+    transparent: '#D3D3D34D',
+    lightTransparent: '#D3D3D323'
+  },
+  "default": {
+    primary: '#78B6F0',
+    secondary: '#4F4F4F',
+    tertiary: 'transparent',
+    error: '#EF5350',
+    success: '#66BB6A',
+    warning: '#FFB74D',
+    info: '#42A5F5'
+  },
+  disabled: {
+    primary: '#3B4A58',
+    secondary: '#3E3E3E',
+    error: '#5B1B1B',
+    success: '#1B3C1B',
+    warning: '#5A3C1B',
+    info: '#1A3C5A'
+  },
+  hover: {
+    primary: '#5CA6F0',
+    secondary: '#7A7A7A',
+    tertiary: 'transparent',
+    error: '#D32F2F',
+    success: '#388E3C',
+    warning: '#F57C00',
+    info: '#1976D2'
+  },
+  border: {
+    extraBold: '#8899A6',
+    bold: '#5E5E5E',
+    medium: '#4A4A4A',
+    light: '#3A3A3A',
+    extraLight: '#2B2B2B'
+  },
+  text: {
+    dark: '#FFFFFF',
+    medium: '#AAB8C2',
+    light: '#8899A6',
+    white: '#14171A',
+    success: '#81C784',
+    error: '#E57373',
+    info: '#64B5F6',
+    warning: '#FFB74D'
+  },
+  badge: {
+    lavender: '#7B5FA1',
+    papayaWhip: '#A46A3E',
+    water: '#5CA6F0',
+    paleBlue: '#4BC9BC',
+    teaGreen: '#7FBF7F',
+    lightBlue: '#5DADE2'
+  }
+};
+var getCurrentTheme = function getCurrentTheme() {
+  if (typeof document !== 'undefined') {
+    var isDarkClass = document.documentElement.classList.contains('dark');
+    return isDarkClass ? 'dark' : 'light';
+  }
+  return 'light';
+};
+var colorVariables = new Proxy({}, {
+  get: function get(_, prop) {
+    var currentThemeName = getCurrentTheme();
+    var currentTheme = themes[currentThemeName];
+    return currentTheme[prop];
+  }
+});
+var themes = {
+  light: light,
+  dark: dark
 };
 
 var useNotification = function useNotification() {
-  var themeColors = useTheme();
   var sendNotification = function sendNotification(_ref) {
     var type = _ref.type,
       message = _ref.message,
@@ -3385,20 +3539,10 @@ var useNotification = function useNotification() {
     }
     switch (type) {
       case 'success':
-        reactHotToast.toast.success(message, {
-          style: {
-            background: themeColors.text.white,
-            color: themeColors.text.dark
-          }
-        });
+        reactHotToast.toast.success(message);
         break;
       case 'error':
-        reactHotToast.toast.error(message, {
-          style: {
-            background: themeColors.text.white,
-            color: themeColors.text.dark
-          }
-        });
+        reactHotToast.toast.error(message);
         break;
       case 'info':
         reactHotToast.toast(message, {
@@ -3409,17 +3553,17 @@ var useNotification = function useNotification() {
             "$alignItems": 'center',
             "$justifyContent": 'center',
             "$borderRadius": '100%',
-            "$background": themeColors.disabled.info
+            "$background": colorVariables.disabled.info
           }, React__default.createElement(Icon, {
             icon: 'InformationFilled',
             weight: '0px',
             size: 20,
-            color: themeColors["default"].info
+            color: colorVariables["default"].info
           })),
           style: {
             borderRadius: '8px',
-            background: themeColors.text.white,
-            color: themeColors.text.dark,
+            background: colorVariables.text.white,
+            color: '#363636',
             maxWidth: '648px'
           }
         });
@@ -3459,6 +3603,10 @@ var useNotification = function useNotification() {
   };
 };
 
+var useTheme = function useTheme() {
+  return styled.useTheme();
+};
+
 var _templateObject$2, _templateObject2$2, _templateObject3;
 var wrapperCss = styled.css(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n  svg {\n    overflow: visible;\n    vector-effect: non-scaling-stroke;\n    line,\n    path,\n    circle,\n    ellipse,\n    foreignObject,\n    polygon,\n    polyline,\n    rect,\n    text,\n    textPath,\n    tspan {\n      vector-effect: non-scaling-stroke;\n    }\n  }\n"])));
 var IconWrapper = styled__default.div(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n  width: max-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: ", ";\n  ", ";\n"])), function (_ref) {
@@ -5617,7 +5765,9 @@ var ButtonDropdown = function ButtonDropdown(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'outline-primary' : _ref$variant,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? 'Select Option' : _ref$placeholder;
+    placeholder = _ref$placeholder === void 0 ? 'Select Option' : _ref$placeholder,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   var _useState = React.useState(false),
     isOpen = _useState[0],
     setIsOpen = _useState[1];
@@ -5644,6 +5794,7 @@ var ButtonDropdown = function ButtonDropdown(_ref) {
     icon: isOpen ? 'UpArrow' : 'DownArrow',
     size: size,
     variant: variant,
+    disabled: disabled,
     onClick: function onClick() {
       return setIsOpen(function (prev) {
         return !prev;
@@ -7429,165 +7580,6 @@ var InternalTabs = function InternalTabs(_ref) {
   }));
 };
 
-var light = {
-  brand: {
-    primary: '#4C9EEB',
-    secondary: '#14171A',
-    light: '#FFFFFF'
-  },
-  accent: {
-    light_1: '#E1E8ED',
-    light_2: '#F5F8FA',
-    light_3: '#F0F3F5',
-    light_4: '#ECF0F4',
-    light_5: '#F0F0F3',
-    softBlue: '#D4EEFF',
-    extraSoftBlue: '#E4F4FF',
-    boldTransparent: '#5E5E5E80',
-    transparent: '#5E5E5E4D',
-    lightTransparent: '#5E5E5E23'
-  },
-  "default": {
-    primary: '#78B6F0',
-    secondary: '#C2C2C2',
-    tertiary: 'transparent',
-    error: '#F44336',
-    success: '#4CAF50',
-    warning: '#FF9800',
-    info: '#2159F3'
-  },
-  disabled: {
-    primary: '#B9DCF7',
-    secondary: '#DADADA',
-    error: '#FFEBEE',
-    success: '#E8F5E9',
-    warning: '#FFF3E0',
-    info: '#E3F2FD'
-  },
-  hover: {
-    primary: '#4C9EEB',
-    secondary: '#A3A3A3',
-    tertiary: 'transparent',
-    error: '#D32F2F',
-    success: '#388E3C',
-    warning: '#F57C00',
-    info: '#193ED2'
-  },
-  border: {
-    extraBold: '#657786',
-    bold: '#BFBFBF',
-    medium: '#CBCED0',
-    light: '#DCDCDC',
-    extraLight: '#E6E3E3'
-  },
-  text: {
-    dark: '#14171A',
-    medium: '#657786',
-    light: '#98A2AA',
-    white: '#FFFFFF',
-    success: '#1B5E20',
-    error: '#B71C1C',
-    info: '#0D30A1',
-    warning: '#E65100'
-  },
-  badge: {
-    lavender: '#E8DAFF',
-    papayaWhip: '#FFEDD5',
-    water: '#C7E3FF',
-    paleBlue: '#B0F0E4',
-    teaGreen: '#D5F7C2',
-    lightBlue: '#ADD8E6'
-  }
-};
-var dark = {
-  brand: {
-    primary: '#4C9EEB',
-    secondary: '#E1E8ED',
-    light: '#1A1A1A'
-  },
-  accent: {
-    light_1: '#2A2E33',
-    light_2: '#1F2327',
-    light_3: '#0F1214',
-    light_4: '#101417',
-    light_5: '#0F0F0C',
-    softBlue: '#2C3E50',
-    extraSoftBlue: '#34495E',
-    boldTransparent: '#D3D3D380',
-    transparent: '#D3D3D34D',
-    lightTransparent: '#D3D3D323'
-  },
-  "default": {
-    primary: '#78B6F0',
-    secondary: '#4F4F4F',
-    tertiary: 'transparent',
-    error: '#EF5350',
-    success: '#66BB6A',
-    warning: '#FFB74D',
-    info: '#42A5F5'
-  },
-  disabled: {
-    primary: '#3B4A58',
-    secondary: '#3E3E3E',
-    error: '#5B1B1B',
-    success: '#1B3C1B',
-    warning: '#5A3C1B',
-    info: '#1A3C5A'
-  },
-  hover: {
-    primary: '#5CA6F0',
-    secondary: '#7A7A7A',
-    tertiary: 'transparent',
-    error: '#D32F2F',
-    success: '#388E3C',
-    warning: '#F57C00',
-    info: '#1976D2'
-  },
-  border: {
-    extraBold: '#8899A6',
-    bold: '#5E5E5E',
-    medium: '#4A4A4A',
-    light: '#3A3A3A',
-    extraLight: '#2B2B2B'
-  },
-  text: {
-    dark: '#FFFFFF',
-    medium: '#AAB8C2',
-    light: '#8899A6',
-    white: '#14171A',
-    success: '#81C784',
-    error: '#E57373',
-    info: '#64B5F6',
-    warning: '#FFB74D'
-  },
-  badge: {
-    lavender: '#7B5FA1',
-    papayaWhip: '#A46A3E',
-    water: '#5CA6F0',
-    paleBlue: '#4BC9BC',
-    teaGreen: '#7FBF7F',
-    lightBlue: '#5DADE2'
-  }
-};
-var getCurrentTheme = function getCurrentTheme() {
-  if (typeof document !== 'undefined') {
-    var isDarkClass = document.documentElement.classList.contains('dark');
-    return isDarkClass ? 'dark' : 'light';
-  }
-  return 'light';
-};
-var colorVariables = new Proxy({}, {
-  get: function get(_, prop) {
-    var currentThemeName = getCurrentTheme();
-    var currentTheme = themes[currentThemeName];
-    return currentTheme[prop];
-  }
-});
-var themes = {
-  light: light,
-  dark: dark
-};
-
 exports.Badge = Badge;
 exports.Breadcrumbs = Breadcrumbs;
 exports.Button = ButtonComponent;