labsense-ui-kit 1.1.34 → 1.1.36

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 -135
  2. package/dist/Themes/index.d.ts +86 -0
  3. package/dist/index.d.ts +3 -2
  4. package/dist/index.js +7 -6
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.modern.js +6 -6
  7. package/dist/index.modern.js.map +1 -1
  8. package/package.json +1 -1
package/dist/Themes/Colors.d.ts CHANGED
@@ -1,136 +1,7 @@
1
- declare const light: {
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
- };
1
+ import { ThemeColorsInterface } from '.';
2
+ export declare const colorVariables: ThemeColorsInterface;
3
+ export declare const darkColorVariables: ThemeColorsInterface;
4
+ export declare const themes: {
5
+ light: ThemeColorsInterface;
6
+ dark: ThemeColorsInterface;
67
7
  };
68
- export declare const getColorVariables: () => typeof light;
69
- export declare const colorVariables: {
70
- brand: {
71
- primary: string;
72
- secondary: string;
73
- light: string;
74
- };
75
- accent: {
76
- light: string;
77
- extraLight: string;
78
- softBlue: string;
79
- extraSoftBlue: string;
80
- boldTransparent: string;
81
- transparent: string;
82
- lightTransparent: string;
83
- };
84
- default: {
85
- primary: string;
86
- secondary: string;
87
- tertiary: string;
88
- error: string;
89
- success: string;
90
- warning: string;
91
- info: string;
92
- };
93
- disabled: {
94
- primary: string;
95
- secondary: string;
96
- error: string;
97
- success: string;
98
- warning: string;
99
- info: string;
100
- };
101
- hover: {
102
- primary: string;
103
- secondary: string;
104
- tertiary: string;
105
- error: string;
106
- success: string;
107
- warning: string;
108
- info: string;
109
- };
110
- border: {
111
- extraBold: string;
112
- bold: string;
113
- medium: string;
114
- light: string;
115
- extraLight: string;
116
- };
117
- text: {
118
- dark: string;
119
- medium: string;
120
- light: string;
121
- white: string;
122
- success: string;
123
- error: string;
124
- info: string;
125
- warning: string;
126
- };
127
- badge: {
128
- lavender: string;
129
- papayaWhip: string;
130
- water: string;
131
- paleBlue: string;
132
- teaGreen: string;
133
- lightBlue: string;
134
- };
135
- };
136
- export {};
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, getColorVariables } from './Themes/Colors';
17
+ import { ThemeColorsInterface } from './Themes';
18
+ import { colorVariables, darkColorVariables, 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, getColorVariables };
36
+ export { ThemeColorsInterface, colorVariables, darkColorVariables, 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 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,10 +155,10 @@ var dark = {
155
155
  lightBlue: '#ADD8E6'
156
156
  }
157
157
  };
158
- var getColorVariables = function getColorVariables() {
159
- return document.documentElement.classList.contains('dark') ? dark : light;
158
+ var themes = {
159
+ light: colorVariables,
160
+ dark: darkColorVariables
160
161
  };
161
- var colorVariables = document.documentElement.classList.contains('dark') ? dark : light;
162
162
 
163
163
  var Add = function Add(_ref) {
164
164
  var size = _ref.size,
@@ -6539,12 +6539,13 @@ exports.colorVariables = colorVariables;
6539
6539
  exports.convertEpochToDateString = convertEpochToDateString;
6540
6540
  exports.convertEpochToOnlyDate = convertEpochToOnlyDate;
6541
6541
  exports.convertToEpoch = convertToEpoch;
6542
+ exports.darkColorVariables = darkColorVariables;
6542
6543
  exports.formatCalendarDateTime = formatCalendarDateTime;
6543
6544
  exports.formatDate = formatDate;
6544
6545
  exports.formatEpochToIST = formatEpochToIST;
6545
6546
  exports.formatTimestamp = formatTimestamp;
6546
- exports.getColorVariables = getColorVariables;
6547
6547
  exports.getSystemTimezoneAbbreviation = getSystemTimezoneAbbreviation;
6548
+ exports.themes = themes;
6548
6549
  exports.timeAgo = timeAgo;
6549
6550
  exports.timeStringToSeconds = timeStringToSeconds;
6550
6551
  exports.useClickOutside = useClickOutside;