labsense-ui-kit 1.1.85 → 1.1.86

package/dist/index.d.ts

@@ -15,6 +15,7 @@ import { Sidebar, logoDetails, SidebarItems } from './Sidebar';
 import { Table, TableCell, TableRow, TableProps } from './Table';
 import { InternalTabs, Tabs, TabContentProps } from './Tabs';
 import { ThemeColorsInterface, ThemeMode } from './Themes';
+import { themes } from './Themes/Colors';
 import { convertToEpoch, formatDate, formatTimestamp, formatCalendarDateTime, timeAgo, formatEpochToIST, convertEpochToDateString, convertEpochToOnlyDate, getSystemTimezoneAbbreviation, timeStringToSeconds } from './Utils/Date&Time';
 export { Badge, IconTooltip };
 export { Breadcrumbs, BreadcrumbDetail };
@@ -32,5 +33,5 @@ export { ProgressBar, ProgressBarProps, CircularProgress, CircularProgressProps
 export { Sidebar, logoDetails, SidebarItems };
 export { TableCell, Table, TableRow, TableProps };
 export { InternalTabs, Tabs, TabContentProps };
-export { ThemeColorsInterface, ThemeMode };
+export { ThemeColorsInterface, ThemeMode, themes };
 export { convertToEpoch, formatDate, formatTimestamp, formatCalendarDateTime, timeAgo, formatEpochToIST, convertEpochToDateString, convertEpochToOnlyDate, getSystemTimezoneAbbreviation, timeStringToSeconds };

package/dist/index.js

@@ -7355,6 +7355,165 @@ 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: '#F0F3F5',
+    light_4: '#ECF0F4',
+    light_5: '#F0F0F3',
+    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: '#FFFFFF',
+    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;
@@ -7394,6 +7553,7 @@ exports.formatDate = formatDate;
 exports.formatEpochToIST = formatEpochToIST;
 exports.formatTimestamp = formatTimestamp;
 exports.getSystemTimezoneAbbreviation = getSystemTimezoneAbbreviation;
+exports.themes = themes;
 exports.timeAgo = timeAgo;
 exports.timeStringToSeconds = timeStringToSeconds;
 exports.useClickOutside = useClickOutside;