labsense-ui-kit 1.1.34 → 1.1.35

package/dist/Themes/Colors.d.ts

@@ -1,4 +1,4 @@
-declare const light: {
+export declare const colorVariables: {
     brand: {
         primary: string;
         secondary: string;
@@ -65,8 +65,7 @@ declare const light: {
         lightBlue: string;
     };
 };
-export declare const getColorVariables: () => typeof light;
-export declare const colorVariables: {
+export declare const darkColorVariables: {
     brand: {
         primary: string;
         secondary: string;
@@ -133,4 +132,139 @@ export declare const colorVariables: {
         lightBlue: string;
     };
 };
-export {};
+export declare const themes: {
+    light: {
+        brand: {
+            primary: string;
+            secondary: string;
+            light: string;
+        };
+        accent: {
+            light: string;
+            extraLight: string;
+            softBlue: string;
+            extraSoftBlue: string;
+            boldTransparent: string;
+            transparent: string;
+            lightTransparent: string;
+        };
+        default: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            error: string;
+            success: string;
+            warning: string;
+            info: string;
+        };
+        disabled: {
+            primary: string;
+            secondary: string;
+            error: string;
+            success: string;
+            warning: string;
+            info: string;
+        };
+        hover: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            error: string;
+            success: string;
+            warning: string;
+            info: string;
+        };
+        border: {
+            extraBold: string;
+            bold: string;
+            medium: string;
+            light: string;
+            extraLight: string;
+        };
+        text: {
+            dark: string;
+            medium: string;
+            light: string;
+            white: string;
+            success: string;
+            error: string;
+            info: string;
+            warning: string;
+        };
+        badge: {
+            lavender: string;
+            papayaWhip: string;
+            water: string;
+            paleBlue: string;
+            teaGreen: string;
+            lightBlue: string;
+        };
+    };
+    dark: {
+        brand: {
+            primary: string;
+            secondary: string;
+            light: string;
+        };
+        accent: {
+            light: string;
+            extraLight: string;
+            softBlue: string;
+            extraSoftBlue: string;
+            boldTransparent: string;
+            transparent: string;
+            lightTransparent: string;
+        };
+        default: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            error: string;
+            success: string;
+            warning: string;
+            info: string;
+        };
+        disabled: {
+            primary: string;
+            secondary: string;
+            error: string;
+            success: string;
+            warning: string;
+            info: string;
+        };
+        hover: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            error: string;
+            success: string;
+            warning: string;
+            info: string;
+        };
+        border: {
+            extraBold: string;
+            bold: string;
+            medium: string;
+            light: string;
+            extraLight: string;
+        };
+        text: {
+            dark: string;
+            medium: string;
+            light: string;
+            white: string;
+            success: string;
+            error: string;
+            info: string;
+            warning: string;
+        };
+        badge: {
+            lavender: string;
+            papayaWhip: string;
+            water: string;
+            paleBlue: string;
+            teaGreen: string;
+            lightBlue: string;
+        };
+    };
+};

package/dist/index.d.ts

@@ -14,7 +14,7 @@ import { ProgressBar } from './ProgressBar';
 import { Sidebar, logoDetails, SidebarItems } from './Sidebar';
 import { Table, TableCell, TableRow, TableProps } from './Table';
 import { InternalTabs, Tabs, TabContentProps } from './Tabs';
-import { colorVariables, getColorVariables } from './Themes/Colors';
+import { colorVariables, darkColorVariables, themes } from './Themes/Colors';
 import { convertToEpoch, formatDate, formatTimestamp, formatCalendarDateTime, timeAgo, formatEpochToIST, convertEpochToDateString, convertEpochToOnlyDate, getSystemTimezoneAbbreviation, timeStringToSeconds } from './Utils/Date&Time';
 export { Badge };
 export { Breadcrumbs, BreadcrumbDetail };
@@ -32,5 +32,5 @@ export { ProgressBar };
 export { Sidebar, logoDetails, SidebarItems };
 export { TableCell, Table, TableRow, TableProps };
 export { InternalTabs, Tabs, TabContentProps };
-export { colorVariables, getColorVariables };
+export { colorVariables, darkColorVariables, 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 light = {
+var colorVariables = {
   brand: {
     primary: '#4C9EEB',
     secondary: '#14171A',
@@ -88,7 +88,7 @@ var light = {
     lightBlue: '#ADD8E6'
   }
 };
-var dark = {
+var darkColorVariables = {
   brand: {
     primary: '#4C9EEB',
     secondary: '#FFFFFF',
@@ -155,10 +155,10 @@ var dark = {
     lightBlue: '#ADD8E6'
   }
 };
-var getColorVariables = function getColorVariables() {
-  return document.documentElement.classList.contains('dark') ? dark : light;
+var themes = {
+  light: colorVariables,
+  dark: darkColorVariables
 };
-var colorVariables = document.documentElement.classList.contains('dark') ? dark : light;
 
 var Add = function Add(_ref) {
   var size = _ref.size,
@@ -6539,12 +6539,13 @@ exports.colorVariables = colorVariables;
 exports.convertEpochToDateString = convertEpochToDateString;
 exports.convertEpochToOnlyDate = convertEpochToOnlyDate;
 exports.convertToEpoch = convertToEpoch;
+exports.darkColorVariables = darkColorVariables;
 exports.formatCalendarDateTime = formatCalendarDateTime;
 exports.formatDate = formatDate;
 exports.formatEpochToIST = formatEpochToIST;
 exports.formatTimestamp = formatTimestamp;
-exports.getColorVariables = getColorVariables;
 exports.getSystemTimezoneAbbreviation = getSystemTimezoneAbbreviation;
+exports.themes = themes;
 exports.timeAgo = timeAgo;
 exports.timeStringToSeconds = timeStringToSeconds;
 exports.useClickOutside = useClickOutside;