labsense-ui-kit 1.1.33 → 1.1.35

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,3 +65,206 @@ 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
+ 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
+ };
270
+ };
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 } from './Themes/Colors';
17
+ import { colorVariables, darkColorVariables, 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 };
35
+ export { colorVariables, darkColorVariables, 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 light = {
24
+ var colorVariables = {
25
25
  brand: {
26
26
  primary: '#4C9EEB',
27
27
  secondary: '#14171A',
@@ -88,7 +88,7 @@ var light = {
88
88
  lightBlue: '#ADD8E6'
89
89
  }
90
90
  };
91
- var dark = {
91
+ var darkColorVariables = {
92
92
  brand: {
93
93
  primary: '#4C9EEB',
94
94
  secondary: '#FFFFFF',
@@ -155,7 +155,10 @@ var dark = {
155
155
  lightBlue: '#ADD8E6'
156
156
  }
157
157
  };
158
- var colorVariables = document.documentElement.classList.contains('dark') ? dark : light;
158
+ var themes = {
159
+ light: colorVariables,
160
+ dark: darkColorVariables
161
+ };
159
162
 
160
163
  var Add = function Add(_ref) {
161
164
  var size = _ref.size,
@@ -6536,11 +6539,13 @@ exports.colorVariables = colorVariables;
6536
6539
  exports.convertEpochToDateString = convertEpochToDateString;
6537
6540
  exports.convertEpochToOnlyDate = convertEpochToOnlyDate;
6538
6541
  exports.convertToEpoch = convertToEpoch;
6542
+ exports.darkColorVariables = darkColorVariables;
6539
6543
  exports.formatCalendarDateTime = formatCalendarDateTime;
6540
6544
  exports.formatDate = formatDate;
6541
6545
  exports.formatEpochToIST = formatEpochToIST;
6542
6546
  exports.formatTimestamp = formatTimestamp;
6543
6547
  exports.getSystemTimezoneAbbreviation = getSystemTimezoneAbbreviation;
6548
+ exports.themes = themes;
6544
6549
  exports.timeAgo = timeAgo;
6545
6550
  exports.timeStringToSeconds = timeStringToSeconds;
6546
6551
  exports.useClickOutside = useClickOutside;