labsense-ui-kit 1.1.35 → 1.1.37

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.
Files changed (8) hide show
  1. package/dist/Themes/Colors.d.ts +6 -268
  2. package/dist/Themes/index.d.ts +86 -0
  3. package/dist/index.d.ts +3 -2
  4. package/dist/index.js +16 -5
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.modern.js +17 -5
  7. package/dist/index.modern.js.map +1 -1
  8. package/package.json +1 -1
package/dist/Themes/Colors.d.ts CHANGED
@@ -1,270 +1,8 @@
1
- export declare const colorVariables: {
2
- brand: {
3
- primary: string;
4
- secondary: string;
5
- light: string;
6
- };
7
- accent: {
8
- light: string;
9
- extraLight: string;
10
- softBlue: string;
11
- extraSoftBlue: string;
12
- boldTransparent: string;
13
- transparent: string;
14
- lightTransparent: string;
15
- };
16
- default: {
17
- primary: string;
18
- secondary: string;
19
- tertiary: string;
20
- error: string;
21
- success: string;
22
- warning: string;
23
- info: string;
24
- };
25
- disabled: {
26
- primary: string;
27
- secondary: string;
28
- error: string;
29
- success: string;
30
- warning: string;
31
- info: string;
32
- };
33
- hover: {
34
- primary: string;
35
- secondary: string;
36
- tertiary: string;
37
- error: string;
38
- success: string;
39
- warning: string;
40
- info: string;
41
- };
42
- border: {
43
- extraBold: string;
44
- bold: string;
45
- medium: string;
46
- light: string;
47
- extraLight: string;
48
- };
49
- text: {
50
- dark: string;
51
- medium: string;
52
- light: string;
53
- white: string;
54
- success: string;
55
- error: string;
56
- info: string;
57
- warning: string;
58
- };
59
- badge: {
60
- lavender: string;
61
- papayaWhip: string;
62
- water: string;
63
- paleBlue: string;
64
- teaGreen: string;
65
- lightBlue: string;
66
- };
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
- };
1
+ import { ThemeColorsInterface } from '.';
2
+ export declare const light: ThemeColorsInterface;
3
+ export declare const dark: ThemeColorsInterface;
4
+ export declare const colorVariables: ThemeColorsInterface;
135
5
  export declare const themes: {
136
- light: {
137
- brand: {
138
- primary: string;
139
- secondary: string;
140
- light: string;
141
- };
142
- accent: {
143
- light: string;
144
- extraLight: string;
145
- softBlue: string;
146
- extraSoftBlue: string;
147
- boldTransparent: string;
148
- transparent: string;
149
- lightTransparent: string;
150
- };
151
- default: {
152
- primary: string;
153
- secondary: string;
154
- tertiary: string;
155
- error: string;
156
- success: string;
157
- warning: string;
158
- info: string;
159
- };
160
- disabled: {
161
- primary: string;
162
- secondary: string;
163
- error: string;
164
- success: string;
165
- warning: string;
166
- info: string;
167
- };
168
- hover: {
169
- primary: string;
170
- secondary: string;
171
- tertiary: string;
172
- error: string;
173
- success: string;
174
- warning: string;
175
- info: string;
176
- };
177
- border: {
178
- extraBold: string;
179
- bold: string;
180
- medium: string;
181
- light: string;
182
- extraLight: string;
183
- };
184
- text: {
185
- dark: string;
186
- medium: string;
187
- light: string;
188
- white: string;
189
- success: string;
190
- error: string;
191
- info: string;
192
- warning: string;
193
- };
194
- badge: {
195
- lavender: string;
196
- papayaWhip: string;
197
- water: string;
198
- paleBlue: string;
199
- teaGreen: string;
200
- lightBlue: string;
201
- };
202
- };
203
- dark: {
204
- brand: {
205
- primary: string;
206
- secondary: string;
207
- light: string;
208
- };
209
- accent: {
210
- light: string;
211
- extraLight: string;
212
- softBlue: string;
213
- extraSoftBlue: string;
214
- boldTransparent: string;
215
- transparent: string;
216
- lightTransparent: string;
217
- };
218
- default: {
219
- primary: string;
220
- secondary: string;
221
- tertiary: string;
222
- error: string;
223
- success: string;
224
- warning: string;
225
- info: string;
226
- };
227
- disabled: {
228
- primary: string;
229
- secondary: string;
230
- error: string;
231
- success: string;
232
- warning: string;
233
- info: string;
234
- };
235
- hover: {
236
- primary: string;
237
- secondary: string;
238
- tertiary: string;
239
- error: string;
240
- success: string;
241
- warning: string;
242
- info: string;
243
- };
244
- border: {
245
- extraBold: string;
246
- bold: string;
247
- medium: string;
248
- light: string;
249
- extraLight: string;
250
- };
251
- text: {
252
- dark: string;
253
- medium: string;
254
- light: string;
255
- white: string;
256
- success: string;
257
- error: string;
258
- info: string;
259
- warning: string;
260
- };
261
- badge: {
262
- lavender: string;
263
- papayaWhip: string;
264
- water: string;
265
- paleBlue: string;
266
- teaGreen: string;
267
- lightBlue: string;
268
- };
269
- };
6
+ light: ThemeColorsInterface;
7
+ dark: ThemeColorsInterface;
270
8
  };
package/dist/Themes/index.d.ts ADDED
@@ -0,0 +1,86 @@
1
+ export interface ColorShades {
2
+ primary: string;
3
+ secondary: string;
4
+ light?: string;
5
+ extraLight?: string;
6
+ softBlue?: string;
7
+ extraSoftBlue?: string;
8
+ boldTransparent?: string;
9
+ transparent?: string;
10
+ lightTransparent?: string;
11
+ tertiary?: string;
12
+ error?: string;
13
+ success?: string;
14
+ warning?: string;
15
+ info?: string;
16
+ }
17
+ export interface BorderColors {
18
+ extraBold: string;
19
+ bold: string;
20
+ medium: string;
21
+ light: string;
22
+ extraLight: string;
23
+ }
24
+ export interface TextColors {
25
+ dark: string;
26
+ medium: string;
27
+ light: string;
28
+ white: string;
29
+ success: string;
30
+ error: string;
31
+ info: string;
32
+ warning: string;
33
+ }
34
+ export interface BadgeColors {
35
+ lavender: string;
36
+ papayaWhip: string;
37
+ water: string;
38
+ paleBlue: string;
39
+ teaGreen: string;
40
+ lightBlue: string;
41
+ }
42
+ export interface ThemeColorsInterface {
43
+ brand: {
44
+ primary: string;
45
+ secondary: string;
46
+ light: string;
47
+ };
48
+ accent: {
49
+ light: string;
50
+ extraLight: string;
51
+ softBlue: string;
52
+ extraSoftBlue: string;
53
+ boldTransparent: string;
54
+ transparent: string;
55
+ lightTransparent: string;
56
+ };
57
+ default: {
58
+ primary: string;
59
+ secondary: string;
60
+ tertiary: string;
61
+ error: string;
62
+ success: string;
63
+ warning: string;
64
+ info: string;
65
+ };
66
+ disabled: {
67
+ primary: string;
68
+ secondary: string;
69
+ error: string;
70
+ success: string;
71
+ warning: string;
72
+ info: string;
73
+ };
74
+ hover: {
75
+ primary: string;
76
+ secondary: string;
77
+ tertiary: string;
78
+ error: string;
79
+ success: string;
80
+ warning: string;
81
+ info: string;
82
+ };
83
+ border: BorderColors;
84
+ text: TextColors;
85
+ badge: BadgeColors;
86
+ }
package/dist/index.d.ts CHANGED
@@ -14,7 +14,8 @@ 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 { ThemeColorsInterface } from './Themes';
18
+ import { colorVariables, themes } from './Themes/Colors';
18
19
  import { convertToEpoch, formatDate, formatTimestamp, formatCalendarDateTime, timeAgo, formatEpochToIST, convertEpochToDateString, convertEpochToOnlyDate, getSystemTimezoneAbbreviation, timeStringToSeconds } from './Utils/Date&Time';
19
20
  export { Badge };
20
21
  export { Breadcrumbs, BreadcrumbDetail };
@@ -32,5 +33,5 @@ export { ProgressBar };
32
33
  export { Sidebar, logoDetails, SidebarItems };
33
34
  export { TableCell, Table, TableRow, TableProps };
34
35
  export { InternalTabs, Tabs, TabContentProps };
35
- export { colorVariables, darkColorVariables, themes };
36
+ export { ThemeColorsInterface, colorVariables, themes };
36
37
  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;