labsense-ui-kit 1.1.36 → 1.1.37

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,7 +88,7 @@ var colorVariables = {
     lightBlue: '#ADD8E6'
   }
 };
-var darkColorVariables = {
+var dark = {
   brand: {
     primary: '#4C9EEB',
     secondary: '#FFFFFF',
@@ -155,9 +155,21 @@ var darkColorVariables = {
     lightBlue: '#ADD8E6'
   }
 };
+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;