labsense-ui-kit 1.1.31 → 1.1.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -65,73 +65,6 @@ export declare const colorVariables: {
65
65
  lightBlue: string;
66
66
  };
67
67
  };
68
- export declare const darkColorVariables: {
69
- brand: {
70
- primary: string;
71
- secondary: string;
72
- light: string;
73
- };
74
- accent: {
75
- light: string;
76
- extraLight: string;
77
- softBlue: string;
78
- extraSoftBlue: string;
79
- boldTransparent: string;
80
- transparent: string;
81
- lightTransparent: string;
82
- };
83
- default: {
84
- primary: string;
85
- secondary: string;
86
- tertiary: string;
87
- error: string;
88
- success: string;
89
- warning: string;
90
- info: string;
91
- };
92
- disabled: {
93
- primary: string;
94
- secondary: string;
95
- error: string;
96
- success: string;
97
- warning: string;
98
- info: string;
99
- };
100
- hover: {
101
- primary: string;
102
- secondary: string;
103
- tertiary: string;
104
- error: string;
105
- success: string;
106
- warning: string;
107
- info: string;
108
- };
109
- border: {
110
- extraBold: string;
111
- bold: string;
112
- medium: string;
113
- light: string;
114
- extraLight: string;
115
- };
116
- text: {
117
- dark: string;
118
- medium: string;
119
- light: string;
120
- white: string;
121
- success: string;
122
- error: string;
123
- info: string;
124
- warning: string;
125
- };
126
- badge: {
127
- lavender: string;
128
- papayaWhip: string;
129
- water: string;
130
- paleBlue: string;
131
- teaGreen: string;
132
- lightBlue: string;
133
- };
134
- };
135
68
  export declare const themes: {
136
69
  light: {
137
70
  brand: {
package/dist/index.d.ts CHANGED
@@ -14,7 +14,7 @@ import { ProgressBar } from './ProgressBar';
14
14
  import { Sidebar, logoDetails, SidebarItems } from './Sidebar';
15
15
  import { Table, TableCell, TableRow, TableProps } from './Table';
16
16
  import { InternalTabs, Tabs, TabContentProps } from './Tabs';
17
- import { colorVariables, darkColorVariables, themes } from './Themes/Colors';
17
+ import { colorVariables, themes } from './Themes/Colors';
18
18
  import { convertToEpoch, formatDate, formatTimestamp, formatCalendarDateTime, timeAgo, formatEpochToIST, convertEpochToDateString, convertEpochToOnlyDate, getSystemTimezoneAbbreviation, timeStringToSeconds } from './Utils/Date&Time';
19
19
  export { Badge };
20
20
  export { Breadcrumbs, BreadcrumbDetail };
@@ -32,5 +32,5 @@ export { ProgressBar };
32
32
  export { Sidebar, logoDetails, SidebarItems };
33
33
  export { TableCell, Table, TableRow, TableProps };
34
34
  export { InternalTabs, Tabs, TabContentProps };
35
- export { colorVariables, darkColorVariables, themes };
35
+ export { colorVariables, themes };
36
36
  export { convertToEpoch, formatDate, formatTimestamp, formatCalendarDateTime, timeAgo, formatEpochToIST, convertEpochToDateString, convertEpochToOnlyDate, getSystemTimezoneAbbreviation, timeStringToSeconds };
package/dist/index.js CHANGED
@@ -21,7 +21,7 @@ function _taggedTemplateLiteralLoose(e, t) {
21
21
  return t || (t = e.slice(0)), e.raw = t, e;
22
22
  }
23
23
 
24
- var colorVariables = {
24
+ var light = {
25
25
  brand: {
26
26
  primary: '#4C9EEB',
27
27
  secondary: '#14171A',
@@ -88,7 +88,7 @@ var colorVariables = {
88
88
  lightBlue: '#ADD8E6'
89
89
  }
90
90
  };
91
- var darkColorVariables = {
91
+ var dark = {
92
92
  brand: {
93
93
  primary: '#4C9EEB',
94
94
  secondary: '#FFFFFF',
@@ -155,9 +155,21 @@ var darkColorVariables = {
155
155
  lightBlue: '#ADD8E6'
156
156
  }
157
157
  };
158
+ var getCurrentTheme = function getCurrentTheme() {
159
+ if (typeof document !== 'undefined') {
160
+ return document.documentElement.classList.contains('dark') ? dark : light;
161
+ }
162
+ return light;
163
+ };
164
+ var colorVariables = new Proxy({}, {
165
+ get: function get(_, prop) {
166
+ var currentTheme = getCurrentTheme();
167
+ return currentTheme[prop];
168
+ }
169
+ });
158
170
  var themes = {
159
- light: colorVariables,
160
- dark: darkColorVariables
171
+ light: light,
172
+ dark: dark
161
173
  };
162
174
 
163
175
  var Add = function Add(_ref) {
@@ -6539,7 +6551,6 @@ exports.colorVariables = colorVariables;
6539
6551
  exports.convertEpochToDateString = convertEpochToDateString;
6540
6552
  exports.convertEpochToOnlyDate = convertEpochToOnlyDate;
6541
6553
  exports.convertToEpoch = convertToEpoch;
6542
- exports.darkColorVariables = darkColorVariables;
6543
6554
  exports.formatCalendarDateTime = formatCalendarDateTime;
6544
6555
  exports.formatDate = formatDate;
6545
6556
  exports.formatEpochToIST = formatEpochToIST;