labsense-ui-kit 1.1.36 → 1.1.38

package/dist/Themes/Colors.d.ts

@@ -1,6 +1,7 @@
 import { ThemeColorsInterface } from '.';
+export declare const light: ThemeColorsInterface;
+export declare const dark: ThemeColorsInterface;
 export declare const colorVariables: ThemeColorsInterface;
-export declare const darkColorVariables: ThemeColorsInterface;
 export declare const themes: {
     light: ThemeColorsInterface;
     dark: ThemeColorsInterface;

package/dist/index.d.ts

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

package/dist/index.js

@@ -21,7 +21,7 @@ function _taggedTemplateLiteralLoose(e, t) {
   return t || (t = e.slice(0)), e.raw = t, e;
 }
 
-var colorVariables = {
+var light = {
   brand: {
     primary: '#4C9EEB',
     secondary: '#14171A',
@@ -88,41 +88,41 @@ var colorVariables = {
     lightBlue: '#ADD8E6'
   }
 };
-var darkColorVariables = {
+var dark = {
   brand: {
     primary: '#4C9EEB',
-    secondary: '#FFFFFF',
+    secondary: '#E1E8ED',
     light: '#1A1A1A'
   },
   accent: {
-    light: '#2F2F2F',
-    extraLight: '#1E1E1E',
-    softBlue: '#7A7A7A',
-    extraSoftBlue: '#2A3C50',
-    boldTransparent: '#AFAF80',
-    transparent: '#AFAF4D',
-    lightTransparent: '#AFAF23'
+    light: '#2A2E33',
+    extraLight: '#1F2327',
+    softBlue: '#2C3E50',
+    extraSoftBlue: '#34495E',
+    boldTransparent: '#D3D3D380',
+    transparent: '#D3D3D34D',
+    lightTransparent: '#D3D3D323'
   },
   "default": {
-    primary: '#3B82F6',
-    secondary: '#B0B0B0',
+    primary: '#78B6F0',
+    secondary: '#4F4F4F',
     tertiary: 'transparent',
-    error: '#F44336',
-    success: '#4CAF50',
-    warning: '#FF9800',
-    info: '#2159F3'
+    error: '#EF5350',
+    success: '#66BB6A',
+    warning: '#FFB74D',
+    info: '#42A5F5'
   },
   disabled: {
-    primary: '#B9DCF7',
-    secondary: '#3B3B3B',
-    error: '#FFEBEE',
-    success: '#E8F5E9',
-    warning: '#FFF3E0',
-    info: '#E3F2FD'
+    primary: '#3B4A58',
+    secondary: '#3E3E3E',
+    error: '#5B1B1B',
+    success: '#1B3C1B',
+    warning: '#5A3C1B',
+    info: '#1A3C5A'
   },
   hover: {
-    primary: '#4C9EEB',
-    secondary: '#A3A3A3',
+    primary: '#5CA6F0',
+    secondary: '#7A7A7A',
     tertiary: 'transparent',
     error: '#D32F2F',
     success: '#388E3C',
@@ -130,34 +130,46 @@ var darkColorVariables = {
     info: '#1976D2'
   },
   border: {
-    extraBold: '#657786',
-    bold: '#BFBFBF',
-    medium: '#CBCED0',
-    light: '#7A7A7A',
-    extraLight: '#E6E3E3'
+    extraBold: '#8899A6',
+    bold: '#5E5E5E',
+    medium: '#4A4A4A',
+    light: '#3A3A3A',
+    extraLight: '#2B2B2B'
   },
   text: {
     dark: '#FFFFFF',
-    medium: '#C7C7C7',
-    light: '#A0A0A0',
+    medium: '#AAB8C2',
+    light: '#8899A6',
     white: '#FFFFFF',
-    success: '#1B5E20',
-    error: '#B71C1C',
-    info: '#0D30A1',
-    warning: '#E65100'
+    success: '#81C784',
+    error: '#E57373',
+    info: '#64B5F6',
+    warning: '#FFB74D'
   },
   badge: {
-    lavender: '#E8DAFF',
-    papayaWhip: '#FFEDD5',
-    water: '#C7E3FF',
-    paleBlue: '#B0F0E4',
-    teaGreen: '#D5F7C2',
-    lightBlue: '#ADD8E6'
+    lavender: '#7B5FA1',
+    papayaWhip: '#A46A3E',
+    water: '#5CA6F0',
+    paleBlue: '#4BC9BC',
+    teaGreen: '#7FBF7F',
+    lightBlue: '#5DADE2'
   }
 };
+var getCurrentTheme = function getCurrentTheme() {
+  if (typeof document !== 'undefined') {
+    return document.documentElement.classList.contains('dark') ? dark : light;
+  }
+  return light;
+};
+var colorVariables = new Proxy({}, {
+  get: function get(_, prop) {
+    var currentTheme = getCurrentTheme();
+    return currentTheme[prop];
+  }
+});
 var themes = {
-  light: colorVariables,
-  dark: darkColorVariables
+  light: light,
+  dark: dark
 };
 
 var Add = function Add(_ref) {
@@ -6539,7 +6551,6 @@ exports.colorVariables = colorVariables;
 exports.convertEpochToDateString = convertEpochToDateString;
 exports.convertEpochToOnlyDate = convertEpochToOnlyDate;
 exports.convertToEpoch = convertToEpoch;
-exports.darkColorVariables = darkColorVariables;
 exports.formatCalendarDateTime = formatCalendarDateTime;
 exports.formatDate = formatDate;
 exports.formatEpochToIST = formatEpochToIST;