labsense-ui-kit 1.0.32 → 1.0.34
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.
- package/dist/Icons/SVGs/PasswordLock.d.ts +4 -0
- package/dist/Icons/SVGs/index.d.ts +1 -0
- package/dist/Icons/index.d.ts +1 -1
- package/dist/Themes/Colors.d.ts +203 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.js +94 -0
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +93 -1
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
|
@@ -62,6 +62,7 @@ export { default as NoStorage } from './NoStorage';
|
|
|
62
62
|
export { default as Notifications } from './Notifications';
|
|
63
63
|
export { default as OpenBin } from './OpenBin';
|
|
64
64
|
export { default as OpenEye } from './OpenEye';
|
|
65
|
+
export { default as PasswordLock } from './PasswordLock';
|
|
65
66
|
export { default as Phone } from './Phone';
|
|
66
67
|
export { default as Play } from './Play';
|
|
67
68
|
export { default as Playback } from './Playback';
|
package/dist/Icons/index.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ export interface SVGProps {
|
|
|
9
9
|
color: string;
|
|
10
10
|
weight: string;
|
|
11
11
|
}
|
|
12
|
-
export declare type IconNames = 'Add' | 'AddProfile' | 'Back' | 'Bin' | 'Bulb' | 'Business' | 'Calendar' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'CircularEdit' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'Client' | 'Close' | 'CloseCircle' | 'CloseEye' | 'Copy' | 'CPU' | 'Cyber' | 'DocumentBadge' | 'DownArrow' | 'Download' | 'Email' | 'ExitFullScreen' | 'FaceRecognition' | 'OpenEye' | 'FilesBox' | 'FilledCircle' | 'Filter_1' | 'Filter_2' | 'Forward_10_Sec' | 'Forward' | 'FPS' | 'Free' | 'FullScreen' | 'Grid_2x2_Hollow' | 'Grid_2x2' | 'Grid_3x3' | 'Grid_4x4' | 'Grid_5x5' | 'Hazard' | 'History' | 'Hexagon' | 'Information' | 'Key' | 'KeyDown' | 'LeftArrow' | 'Letter' | 'Live' | 'Lock' | 'Logout' | 'Maps' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'Menu' | 'NetworkStorage' | 'NoCam' | 'NoStorage' | 'Notifications' | 'OpenBin' | 'OpenEye' | 'Phone' | 'Play' | 'Playback' | 'PremiumBadge' | 'ProcessingBulb' | 'Profile_1' | 'Profile_2' | 'Profile_3' | 'Recording' | 'Rectangle' | 'Return' | 'Rewind_10_Sec' | 'RightArrow' | 'ROI' | 'RunAway' | 'SandTimer' | 'Search' | 'Settings' | 'Shield' | 'SlantLine' | 'SquareEdit' | 'SquareTick' | 'StorageDisks' | 'Tag' | 'Team' | 'ThreeDots' | 'ThumbsUp' | 'Tick' | 'UpArrow' | 'Video' | 'FullVolume' | 'Wallet' | 'WiFiCam' | 'Zapper';
|
|
12
|
+
export declare type IconNames = 'Add' | 'AddProfile' | 'Back' | 'Bin' | 'Bulb' | 'Business' | 'Calendar' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'CircularEdit' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'Client' | 'Close' | 'CloseCircle' | 'CloseEye' | 'Copy' | 'CPU' | 'Cyber' | 'DocumentBadge' | 'DownArrow' | 'Download' | 'Email' | 'ExitFullScreen' | 'FaceRecognition' | 'OpenEye' | 'FilesBox' | 'FilledCircle' | 'Filter_1' | 'Filter_2' | 'Forward_10_Sec' | 'Forward' | 'FPS' | 'Free' | 'FullScreen' | 'Grid_2x2_Hollow' | 'Grid_2x2' | 'Grid_3x3' | 'Grid_4x4' | 'Grid_5x5' | 'Hazard' | 'History' | 'Hexagon' | 'Information' | 'Key' | 'KeyDown' | 'LeftArrow' | 'Letter' | 'Live' | 'Lock' | 'Logout' | 'Maps' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'Menu' | 'NetworkStorage' | 'NoCam' | 'NoStorage' | 'Notifications' | 'OpenBin' | 'OpenEye' | 'PasswordLock' | 'Phone' | 'Play' | 'Playback' | 'PremiumBadge' | 'ProcessingBulb' | 'Profile_1' | 'Profile_2' | 'Profile_3' | 'Recording' | 'Rectangle' | 'Return' | 'Rewind_10_Sec' | 'RightArrow' | 'ROI' | 'RunAway' | 'SandTimer' | 'Search' | 'Settings' | 'Shield' | 'SlantLine' | 'SquareEdit' | 'SquareTick' | 'StorageDisks' | 'Tag' | 'Team' | 'ThreeDots' | 'ThumbsUp' | 'Tick' | 'UpArrow' | 'Video' | 'FullVolume' | 'Wallet' | 'WiFiCam' | 'Zapper';
|
|
13
13
|
export interface IconProps {
|
|
14
14
|
icon: IconNames;
|
|
15
15
|
size?: number;
|
package/dist/Themes/Colors.d.ts
CHANGED
|
@@ -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
|
@@ -3,10 +3,10 @@ import { Input } from "./Inputs";
|
|
|
3
3
|
import { Icon, IconNames } from './Icons';
|
|
4
4
|
import { Tabs } from './Tabs';
|
|
5
5
|
import { ProgressBar } from './ProgressBar';
|
|
6
|
-
import { colorVariables } from "./Themes/Colors";
|
|
6
|
+
import { colorVariables, darkColorVariables, themes } from "./Themes/Colors";
|
|
7
7
|
import { CircularLoader } from './Loader';
|
|
8
8
|
import { useClickOutside, useCustomModal } from './hooks';
|
|
9
|
-
export { Button, Input, Icon, Tabs, ProgressBar, colorVariables };
|
|
9
|
+
export { Button, Input, Icon, Tabs, ProgressBar, colorVariables, darkColorVariables, themes };
|
|
10
10
|
export { CircularLoader };
|
|
11
11
|
export { IconNames, ButtonProps, ButtonLoaderProps };
|
|
12
12
|
export { useClickOutside, useCustomModal };
|
package/dist/index.js
CHANGED
|
@@ -1674,6 +1674,26 @@ var OpenEye = function OpenEye(_ref) {
|
|
|
1674
1674
|
}));
|
|
1675
1675
|
};
|
|
1676
1676
|
|
|
1677
|
+
var PasswordLock = function PasswordLock(_ref) {
|
|
1678
|
+
var size = _ref.size,
|
|
1679
|
+
color = _ref.color,
|
|
1680
|
+
weight = _ref.weight;
|
|
1681
|
+
return React__default.createElement("svg", {
|
|
1682
|
+
width: size,
|
|
1683
|
+
height: size,
|
|
1684
|
+
strokeWidth: weight,
|
|
1685
|
+
viewBox: "0 0 30 30",
|
|
1686
|
+
fill: "none",
|
|
1687
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1688
|
+
}, React__default.createElement("path", {
|
|
1689
|
+
d: "M17.1146 26.8851C17.1765 26.947 17.25 26.9961 17.3309 27.0296C17.4117 27.0632 17.4984 27.0804 17.586 27.0804C17.6735 27.0804 17.7602 27.0632 17.8411 27.0296C17.9219 26.9961 17.9954 26.947 18.0573 26.8851L18.3334 26.6091V26.9997C18.3334 27.1765 18.4036 27.3461 18.5286 27.4711C18.6536 27.5961 18.8232 27.6663 19 27.6663C19.1768 27.6663 19.3464 27.5961 19.4714 27.4711C19.5965 27.3461 19.6667 27.1765 19.6667 26.9997V26.6091L19.9428 26.8851C20.0685 27.0065 20.2369 27.0737 20.4117 27.0722C20.5865 27.0707 20.7537 27.0006 20.8773 26.877C21.0009 26.7533 21.071 26.5861 21.0725 26.4113C21.0741 26.2365 21.0069 26.0681 20.8854 25.9424L19.9428 24.9997L20.8854 24.0569C21.0069 23.9312 21.0741 23.7628 21.0725 23.588C21.071 23.4132 21.0009 23.246 20.8773 23.1224C20.7537 22.9988 20.5865 22.9287 20.4117 22.9272C20.2369 22.9256 20.0685 22.9928 19.9428 23.1143L19.6667 23.3903V22.9997C19.6667 22.8229 19.5965 22.6533 19.4714 22.5283C19.3464 22.4032 19.1768 22.333 19 22.333C18.8232 22.333 18.6536 22.4032 18.5286 22.5283C18.4036 22.6533 18.3334 22.8229 18.3334 22.9997V23.3903L18.0573 23.1143C17.9316 22.9928 17.7632 22.9256 17.5884 22.9272C17.4136 22.9287 17.2464 22.9988 17.1227 23.1224C16.9991 23.246 16.929 23.4132 16.9275 23.588C16.926 23.7628 16.9932 23.9312 17.1146 24.0569L18.0573 24.9997L17.1146 25.9424C16.9896 26.0674 16.9194 26.237 16.9194 26.4137C16.9194 26.5905 16.9896 26.7601 17.1146 26.8851ZM23.1146 26.8851C23.1765 26.947 23.25 26.9961 23.3309 27.0296C23.4117 27.0632 23.4984 27.0804 23.586 27.0804C23.6735 27.0804 23.7602 27.0632 23.8411 27.0296C23.9219 26.9961 23.9954 26.947 24.0573 26.8851L24.3334 26.6091V26.9997C24.3334 27.1765 24.4036 27.3461 24.5286 27.4711C24.6536 27.5961 24.8232 27.6663 25 27.6663C25.1768 27.6663 25.3464 27.5961 25.4714 27.4711C25.5965 27.3461 25.6667 27.1765 25.6667 26.9997V26.6091L25.9428 26.8851C26.0685 27.0065 26.2369 27.0737 26.4117 27.0722C26.5865 27.0707 26.7537 27.0006 26.8773 26.877C27.0009 26.7533 27.071 26.5861 27.0725 26.4113C27.0741 26.2365 27.0069 26.0681 26.8854 25.9424L25.9428 24.9997L26.8854 24.0569C27.0069 23.9312 27.0741 23.7628 27.0725 23.588C27.071 23.4132 27.0009 23.246 26.8773 23.1224C26.7537 22.9988 26.5865 22.9287 26.4117 22.9272C26.2369 22.9256 26.0685 22.9928 25.9428 23.1143L25.6667 23.3903V22.9997C25.6667 22.8229 25.5965 22.6533 25.4714 22.5283C25.3464 22.4032 25.1768 22.333 25 22.333C24.8232 22.333 24.6536 22.4032 24.5286 22.5283C24.4036 22.6533 24.3334 22.8229 24.3334 22.9997V23.3903L24.0573 23.1143C23.9316 22.9928 23.7632 22.9256 23.5884 22.9272C23.4136 22.9287 23.2464 22.9988 23.1227 23.1224C22.9991 23.246 22.929 23.4132 22.9275 23.588C22.926 23.7628 22.9932 23.9312 23.1146 24.0569L24.0573 24.9997L23.1146 25.9424C22.9896 26.0674 22.9194 26.237 22.9194 26.4137C22.9194 26.5905 22.9896 26.7601 23.1146 26.8851ZM11.1146 26.8851C11.1765 26.947 11.25 26.9961 11.3309 27.0296C11.4117 27.0632 11.4984 27.0804 11.586 27.0804C11.6735 27.0804 11.7602 27.0632 11.8411 27.0296C11.9219 26.9961 11.9954 26.947 12.0573 26.8851L12.3334 26.6091V26.9997C12.3334 27.1765 12.4036 27.3461 12.5286 27.4711C12.6536 27.5961 12.8232 27.6663 13 27.6663C13.1768 27.6663 13.3464 27.5961 13.4714 27.4711C13.5965 27.3461 13.6667 27.1765 13.6667 26.9997V26.6091L13.9428 26.8851C14.0685 27.0065 14.2369 27.0737 14.4117 27.0722C14.5865 27.0707 14.7537 27.0006 14.8773 26.877C15.0009 26.7533 15.071 26.5861 15.0725 26.4113C15.0741 26.2365 15.0069 26.0681 14.8854 25.9424L13.9428 24.9997L14.8854 24.0569C15.0069 23.9312 15.0741 23.7628 15.0725 23.588C15.071 23.4132 15.0009 23.246 14.8773 23.1224C14.7537 22.9988 14.5865 22.9287 14.4117 22.9272C14.2369 22.9256 14.0685 22.9928 13.9428 23.1143L13.6667 23.3903V22.9997C13.6667 22.8229 13.5965 22.6533 13.4714 22.5283C13.3464 22.4032 13.1768 22.333 13 22.333C12.8232 22.333 12.6536 22.4032 12.5286 22.5283C12.4036 22.6533 12.3334 22.8229 12.3334 22.9997V23.3903L12.0573 23.1143C11.9316 22.9928 11.7632 22.9256 11.5884 22.9272C11.4136 22.9287 11.2464 22.9988 11.1227 23.1224C10.9991 23.246 10.929 23.4132 10.9275 23.588C10.926 23.7628 10.9932 23.9312 11.1146 24.0569L12.0573 24.9997L11.1146 25.9424C10.9896 26.0674 10.9194 26.237 10.9194 26.4137C10.9194 26.5905 10.9896 26.7601 11.1146 26.8851Z",
|
|
1690
|
+
fill: color
|
|
1691
|
+
}), React__default.createElement("path", {
|
|
1692
|
+
d: "M28.3335 20.333H21.6668V10.9997C21.6661 10.2927 21.3849 9.61481 20.885 9.11488C20.385 8.61494 19.7072 8.33375 19.0002 8.33301H17.6668V4.99967C17.6654 3.76244 17.1733 2.57628 16.2984 1.70142C15.4236 0.826561 14.2374 0.334437 13.0002 0.333008H9.00016C7.76292 0.334437 6.57677 0.826561 5.70191 1.70142C4.82705 2.57628 4.33493 3.76244 4.3335 4.99967V8.33301H3.00016C2.29315 8.33375 1.6153 8.61494 1.11536 9.11488C0.615427 9.61481 0.334237 10.2927 0.333496 10.9997V24.333C0.334184 25.04 0.615357 25.7179 1.1153 26.2179C1.61525 26.7178 2.29313 26.999 3.00016 26.9997H8.3335V28.333C8.33397 28.6865 8.4746 29.0253 8.72455 29.2753C8.97449 29.5252 9.31335 29.6659 9.66683 29.6663H28.3335C28.687 29.6659 29.0258 29.5252 29.2758 29.2753C29.5257 29.0253 29.6664 28.6865 29.6668 28.333V21.6663C29.6664 21.3129 29.5257 20.974 29.2758 20.7241C29.0258 20.4741 28.687 20.3335 28.3335 20.333ZM5.66683 4.99967C5.66787 4.11594 6.01939 3.2687 6.64429 2.6438C7.26919 2.01891 8.11643 1.66738 9.00016 1.66634H13.0002C13.8839 1.66738 14.7311 2.01891 15.356 2.6438C15.9809 3.2687 16.3325 4.11594 16.3335 4.99967V8.33301H5.66683V4.99967ZM3.00016 25.6663C2.64669 25.6659 2.30783 25.5252 2.05788 25.2753C1.80793 25.0253 1.66731 24.6865 1.66683 24.333V10.9997C1.66724 10.6462 1.80784 10.3073 2.0578 10.0573C2.30776 9.80735 2.64667 9.66675 3.00016 9.66634H19.0002C19.3537 9.66675 19.6926 9.80735 19.9425 10.0573C20.1925 10.3073 20.3331 10.6462 20.3335 10.9997V20.333H9.66683C9.31335 20.3335 8.97449 20.4741 8.72455 20.7241C8.4746 20.974 8.33397 21.3129 8.3335 21.6663V25.6663H3.00016ZM28.3335 28.333H9.66683V21.6663L28.3335 21.6683V28.333Z",
|
|
1693
|
+
fill: color
|
|
1694
|
+
}));
|
|
1695
|
+
};
|
|
1696
|
+
|
|
1677
1697
|
var Phone = function Phone(_ref) {
|
|
1678
1698
|
var size = _ref.size,
|
|
1679
1699
|
color = _ref.color,
|
|
@@ -2472,6 +2492,7 @@ var IconSVGs = {
|
|
|
2472
2492
|
Notifications: Notifications,
|
|
2473
2493
|
OpenBin: OpenBin,
|
|
2474
2494
|
OpenEye: OpenEye,
|
|
2495
|
+
PasswordLock: PasswordLock,
|
|
2475
2496
|
Phone: Phone,
|
|
2476
2497
|
Play: Play,
|
|
2477
2498
|
Playback: Playback,
|
|
@@ -2597,6 +2618,77 @@ var colorVariables = {
|
|
|
2597
2618
|
lightBlue: '#ADD8E6'
|
|
2598
2619
|
}
|
|
2599
2620
|
};
|
|
2621
|
+
var darkColorVariables = {
|
|
2622
|
+
brand: {
|
|
2623
|
+
primary: "#4C9EEB",
|
|
2624
|
+
secondary: "#FFFFFF",
|
|
2625
|
+
light: "#1A1A1A"
|
|
2626
|
+
},
|
|
2627
|
+
accent: {
|
|
2628
|
+
light: "#2F2F2F",
|
|
2629
|
+
extraLight: "#1E1E1E",
|
|
2630
|
+
softBlue: "#7A7A7A",
|
|
2631
|
+
extraSoftBlue: "#2A3C50",
|
|
2632
|
+
boldTransparent: '#AFAF80',
|
|
2633
|
+
transparent: "#AFAF4D",
|
|
2634
|
+
lightTransparent: "#AFAF23"
|
|
2635
|
+
},
|
|
2636
|
+
"default": {
|
|
2637
|
+
primary: "#3B82F6",
|
|
2638
|
+
secondary: '#B0B0B0',
|
|
2639
|
+
tertiary: 'transparent',
|
|
2640
|
+
error: "#F44336",
|
|
2641
|
+
success: "#4CAF50",
|
|
2642
|
+
warning: "#FF9800",
|
|
2643
|
+
info: "#2159F3"
|
|
2644
|
+
},
|
|
2645
|
+
disabled: {
|
|
2646
|
+
primary: "#B9DCF7",
|
|
2647
|
+
secondary: "#3B3B3B",
|
|
2648
|
+
error: "#FFEBEE",
|
|
2649
|
+
success: "#E8F5E9",
|
|
2650
|
+
warning: "#FFF3E0",
|
|
2651
|
+
info: "#E3F2FD"
|
|
2652
|
+
},
|
|
2653
|
+
hover: {
|
|
2654
|
+
primary: "#4C9EEB",
|
|
2655
|
+
secondary: '#A3A3A3',
|
|
2656
|
+
tertiary: 'transparent',
|
|
2657
|
+
error: "#D32F2F",
|
|
2658
|
+
success: "#388E3C",
|
|
2659
|
+
warning: "#F57C00",
|
|
2660
|
+
info: "#1976D2"
|
|
2661
|
+
},
|
|
2662
|
+
border: {
|
|
2663
|
+
extraBold: "#657786",
|
|
2664
|
+
bold: "#BFBFBF",
|
|
2665
|
+
medium: "#CBCED0",
|
|
2666
|
+
light: "#7A7A7A",
|
|
2667
|
+
extraLight: "#E6E3E3"
|
|
2668
|
+
},
|
|
2669
|
+
text: {
|
|
2670
|
+
dark: "#FFFFFF",
|
|
2671
|
+
medium: "#C7C7C7",
|
|
2672
|
+
light: "#A0A0A0",
|
|
2673
|
+
white: "#FFFFFF",
|
|
2674
|
+
success: "#1B5E20",
|
|
2675
|
+
error: "#B71C1C",
|
|
2676
|
+
info: "#0D30A1",
|
|
2677
|
+
warning: "#E65100"
|
|
2678
|
+
},
|
|
2679
|
+
badge: {
|
|
2680
|
+
lavender: '#E8DAFF',
|
|
2681
|
+
papayaWhip: '#FFEDD5',
|
|
2682
|
+
water: '#C7E3FF',
|
|
2683
|
+
paleBlue: '#B0F0E4',
|
|
2684
|
+
teaGreen: '#D5F7C2',
|
|
2685
|
+
lightBlue: '#ADD8E6'
|
|
2686
|
+
}
|
|
2687
|
+
};
|
|
2688
|
+
var themes = {
|
|
2689
|
+
light: colorVariables,
|
|
2690
|
+
dark: darkColorVariables
|
|
2691
|
+
};
|
|
2600
2692
|
|
|
2601
2693
|
var _templateObject$1;
|
|
2602
2694
|
var fontFaces = styled.css(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n @font-face {\n font-family: 'NotoSans';\n font-weight: 200;\n font-style: normal;\n src: url('./NotoSans-ExtraLight.woff') format('woff');\n font-display: fallback;\n }\n\n @font-face {\n font-family: 'NotoSans';\n font-weight: 300;\n font-style: normal;\n src: url('./NotoSans-Light.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 400;\n font-style: normal;\n src: url('./NotoSans-Regular.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 400;\n font-style: italic;\n src: url('./NotoSans-italic.woff') format('woff');\n font-display: fallback;\n }\n\n @font-face {\n font-family: 'NotoSans';\n font-weight: 500;\n font-style: normal;\n src: url('./NotoSans-Medium.woff') format('woff');\n font-display: fallback;\n }\n\n @font-face {\n font-family: 'NotoSans';\n font-weight: 600;\n font-style: normal;\n src: url('./NotoSans-SemiBold.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 700;\n font-style: normal;\n src: url('./NotoSans-Bold.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 800;\n font-style: normal;\n src: url('./NotoSans-ExtraBold.woff') format('woff');\n font-display: fallback;\n }\n"])));
|
|
@@ -3062,6 +3154,8 @@ exports.Input = MultiFunctionInputComponent;
|
|
|
3062
3154
|
exports.ProgressBar = ProgressBar;
|
|
3063
3155
|
exports.Tabs = Tabs;
|
|
3064
3156
|
exports.colorVariables = colorVariables;
|
|
3157
|
+
exports.darkColorVariables = darkColorVariables;
|
|
3158
|
+
exports.themes = themes;
|
|
3065
3159
|
exports.useClickOutside = useClickOutside;
|
|
3066
3160
|
exports.useCustomModal = useCustomModal;
|
|
3067
3161
|
//# sourceMappingURL=index.js.map
|