labsense-ui-kit 1.0.33 → 1.0.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.
- package/dist/Loader/CircularLoader.d.ts +1 -0
- package/dist/Themes/Colors.d.ts +203 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.js +76 -2
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +75 -3
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
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
|
@@ -2618,6 +2618,77 @@ var colorVariables = {
|
|
|
2618
2618
|
lightBlue: '#ADD8E6'
|
|
2619
2619
|
}
|
|
2620
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
|
+
};
|
|
2621
2692
|
|
|
2622
2693
|
var _templateObject$1;
|
|
2623
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"])));
|
|
@@ -3005,8 +3076,9 @@ var CircularLoader = function CircularLoader(_ref9) {
|
|
|
3005
3076
|
dotSize = _ref9$dotSize === void 0 ? 8 : _ref9$dotSize,
|
|
3006
3077
|
_ref9$speed = _ref9.speed,
|
|
3007
3078
|
speed = _ref9$speed === void 0 ? 1.2 : _ref9$speed,
|
|
3008
|
-
text = _ref9.text
|
|
3009
|
-
|
|
3079
|
+
text = _ref9.text,
|
|
3080
|
+
customSize = _ref9.customSize;
|
|
3081
|
+
var spinnerSize = customSize != null ? customSize : sizeMap[size].size;
|
|
3010
3082
|
return React__default.createElement(SpinnerWrapper, null, React__default.createElement(SpinnerContainer, {
|
|
3011
3083
|
size: spinnerSize,
|
|
3012
3084
|
"aria-label": "Loading animation"
|
|
@@ -3083,6 +3155,8 @@ exports.Input = MultiFunctionInputComponent;
|
|
|
3083
3155
|
exports.ProgressBar = ProgressBar;
|
|
3084
3156
|
exports.Tabs = Tabs;
|
|
3085
3157
|
exports.colorVariables = colorVariables;
|
|
3158
|
+
exports.darkColorVariables = darkColorVariables;
|
|
3159
|
+
exports.themes = themes;
|
|
3086
3160
|
exports.useClickOutside = useClickOutside;
|
|
3087
3161
|
exports.useCustomModal = useCustomModal;
|
|
3088
3162
|
//# sourceMappingURL=index.js.map
|