dhre-ui-kit 3.2.0 → 3.4.0

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 (20) hide show
  1. package/lib/components/button/Button.interface.d.ts +7 -5
  2. package/lib/components/button/Button.styles.d.ts +7 -32
  3. package/lib/components/chip/Chip.styles.d.ts +1 -1
  4. package/lib/components/customDocumentPicker/CustomDocumentPicker.d.ts +0 -0
  5. package/lib/components/customDocumentPicker/CustomDocumentPicker.interface.d.ts +0 -0
  6. package/lib/components/customDocumentPicker/CustomDocumentPicker.styles.d.ts +30 -0
  7. package/lib/components/customDocumentPicker/index.d.ts +0 -0
  8. package/lib/components/customHeader/CustomHeader.interface.d.ts +2 -0
  9. package/lib/components/dateRangePicker/DateRangePicker.styles.d.ts +0 -8
  10. package/lib/components/radio-button-group/RadioButtonGroup.interface.d.ts +3 -2
  11. package/lib/components/singleSelectionTag/TagSingleSelection.styles.d.ts +0 -1
  12. package/lib/index.js +362 -275
  13. package/lib/index.js.map +1 -1
  14. package/lib/index.mjs +358 -275
  15. package/lib/index.mjs.map +1 -1
  16. package/lib/theme/colors.d.ts +13 -5
  17. package/lib/theme/gradients.d.ts +9 -0
  18. package/lib/theme/themes.d.ts +80 -0
  19. package/lib/utils/appEnum.d.ts +21 -1
  20. package/package.json +1 -1
package/lib/theme/colors.d.ts CHANGED
@@ -190,8 +190,9 @@ export declare const DHRE_DEEP_SPACE_BLUE: {
190
190
  300: string;
191
191
  200: string;
192
192
  100: string;
193
- DSP_900_TRANSPERANT_20: string;
193
+ 50: string;
194
194
  DSP_900_TRANSPERANT_10: string;
195
+ DSP_900_TRANSPERANT_20: string;
195
196
  DSP_900_TRANSPERANT_30: string;
196
197
  };
197
198
  export declare const DHRE_CORE_BLUE: {
@@ -202,6 +203,12 @@ export declare const DHRE_CORE_BLUE: {
202
203
  50: string;
203
204
  TRANSPARENT_60: string;
204
205
  };
206
+ export declare const DHRE_CORE_TEAL: {
207
+ 500: string;
208
+ 400: string;
209
+ 300: string;
210
+ 100: string;
211
+ };
205
212
  export declare const DHRE_CYAN_HIGHLIGHT: {
206
213
  600: string;
207
214
  500: string;
@@ -250,18 +257,19 @@ export declare const DHRE_RED_ERROR: {
250
257
  400: string;
251
258
  300: string;
252
259
  200: string;
260
+ 150: string;
253
261
  100: string;
254
262
  50: string;
255
263
  TRANSPARENT_400_60: string;
256
264
  TRANSPARENT_400_10: string;
257
265
  };
258
266
  export declare const DHRE_CONFIRMATION_ERROR_GRADIENT: {
259
- light: readonly ["#F0809E", "#FFFFFF"];
260
- dark: readonly ["#EB0542", "#000A28"];
267
+ light: readonly ["#F67F97", "#FFFFFF"];
268
+ dark: readonly ["#F67F97", "#0F1B2D"];
261
269
  };
262
270
  export declare const DHRE_CONFIRMATION_BASE_GRADIENT: {
263
- light: readonly ["rgba(165, 233, 255, 0)", "#52C5E8"];
264
- dark: readonly ["rgba(165, 233, 255, 0)", "#279DC1"];
271
+ light: readonly ["rgba(0, 180, 224, 0)", "#00B4E0"];
272
+ dark: readonly ["rgba(0, 180, 224, 0)", "#00B4E0"];
265
273
  };
266
274
  export declare const GRADIENT_COLORS_SUCCESS: {
267
275
  light: readonly ["#89C798", "#FFFFFF", "#A5E9FF", "#52C5E8", "#0B214A", "#355D7A"];
package/lib/theme/gradients.d.ts CHANGED
@@ -18,3 +18,12 @@ export declare const TAG_SUCCESS_GRADIENT_END: {
18
18
  readonly x: 1;
19
19
  readonly y: 0;
20
20
  };
21
+ export declare const ERROR_GRADIENT_COLORS: readonly [string, string];
22
+ export declare const ERROR_GRADIENT_START: {
23
+ readonly x: 0;
24
+ readonly y: 0;
25
+ };
26
+ export declare const ERROR_GRADIENT_END: {
27
+ readonly x: 0;
28
+ readonly y: 1;
29
+ };
package/lib/theme/themes.d.ts CHANGED
@@ -51,6 +51,10 @@ declare const theme: {
51
51
  light: string;
52
52
  dark: string;
53
53
  };
54
+ SURFACE_DISABLE_SELECTED: {
55
+ light: string;
56
+ dark: string;
57
+ };
54
58
  SURFACE_DISABLE_DARK: {
55
59
  light: string;
56
60
  dark: string;
@@ -107,6 +111,14 @@ declare const theme: {
107
111
  light: string;
108
112
  dark: string;
109
113
  };
114
+ SURFACE_HIGHLIGHT: {
115
+ light: string;
116
+ dark: string;
117
+ };
118
+ SURFACE_POPOVER_HIGHLIGHT: {
119
+ light: string;
120
+ dark: string;
121
+ };
110
122
  CONTENT_PRIMARY: {
111
123
  light: string;
112
124
  dark: string;
@@ -143,6 +155,14 @@ declare const theme: {
143
155
  light: string;
144
156
  dark: string;
145
157
  };
158
+ CONTENT_HIGHLIGHT: {
159
+ light: string;
160
+ dark: string;
161
+ };
162
+ CONTENT_ARROW_HIGHLIGHT: {
163
+ light: string;
164
+ dark: string;
165
+ };
146
166
  CONTENT_STATIC: {
147
167
  light: string;
148
168
  dark: string;
@@ -279,6 +299,34 @@ declare const theme: {
279
299
  light: string;
280
300
  dark: string;
281
301
  };
302
+ BUTTON_TERTIARY_DEFAULT_FILL: {
303
+ light: string;
304
+ dark: string;
305
+ };
306
+ BUTTON_TERTIARY_HOVER_FILL: {
307
+ light: string;
308
+ dark: string;
309
+ };
310
+ BUTTON_TERTIARY_DISABLED_FILL: {
311
+ light: string;
312
+ dark: string;
313
+ };
314
+ BUTTON_SECONDARY_DEFAULT_STROKE: {
315
+ light: string;
316
+ dark: string;
317
+ };
318
+ BUTTON_SECONDARY_DISABLED_STROKE: {
319
+ light: string;
320
+ dark: string;
321
+ };
322
+ BUTTON_QUATERNARY_DEFAULT_STROKE: {
323
+ light: string;
324
+ dark: string;
325
+ };
326
+ BUTTON_QUATERNARY_DISABLED_STROKE: {
327
+ light: string;
328
+ dark: string;
329
+ };
282
330
  NOTIFICATIONS_INFO: {
283
331
  light: string;
284
332
  dark: string;
@@ -327,6 +375,10 @@ declare const theme: {
327
375
  dark: string;
328
376
  light: string;
329
377
  };
378
+ STROKE_DISABLED_LIGHT: {
379
+ dark: string;
380
+ light: string;
381
+ };
330
382
  STROKE_DISABLED_DARK: {
331
383
  dark: string;
332
384
  light: string;
@@ -347,5 +399,33 @@ declare const theme: {
347
399
  dark: string;
348
400
  light: string;
349
401
  };
402
+ SHADOW_5: {
403
+ dark: string;
404
+ light: string;
405
+ };
406
+ SHADOW_20: {
407
+ dark: string;
408
+ light: string;
409
+ };
410
+ SHADOW_25: {
411
+ dark: string;
412
+ light: string;
413
+ };
414
+ SHADOW_HOVER_10: {
415
+ dark: string;
416
+ light: string;
417
+ };
418
+ SHADOW_HOVER_20: {
419
+ dark: string;
420
+ light: string;
421
+ };
422
+ SHADOW_HOVER_40: {
423
+ dark: string;
424
+ light: string;
425
+ };
426
+ SHADOW_SOFT_LIGHTEST: {
427
+ dark: string;
428
+ light: string;
429
+ };
350
430
  };
351
431
  export default theme;
package/lib/utils/appEnum.d.ts CHANGED
@@ -94,6 +94,7 @@ export declare enum Theme {
94
94
  SURFACE_DISABLE = "SURFACE_DISABLE",
95
95
  SURFACE_DISABLE_DARK = "SURFACE_DISABLE_DARK",
96
96
  SURFACE_DISABLE_LIGHT = "SURFACE_DISABLE_LIGHT",
97
+ SURFACE_DISABLE_SELECTED = "SURFACE_DISABLE_SELECTED",
97
98
  SURFACE_INVERTED = "SURFACE_INVERTED",
98
99
  SURFACE_INVERTED_TRANSPARENT = "SURFACE_INVERTED_TRANSPARENT",
99
100
  SURFACE_DROP_SHADOW = "SURFACE_DROP_SHADOW",
@@ -106,6 +107,8 @@ export declare enum Theme {
106
107
  SURFACE_WARNING_TRANSPARENT = "SURFACE_WARNING_TRANSPARENT",
107
108
  SURFACE_ERROR = "SURFACE_ERROR",
108
109
  SURFACE_ERROR_TRANSPARENT = "SURFACE_ERROR_TRANSPARENT",
110
+ SURFACE_HIGHLIGHT = "SURFACE_HIGHLIGHT",
111
+ SURFACE_POPOVER_HIGHLIGHT = "SURFACE_POPOVER_HIGHLIGHT",
109
112
  CONTENT_PRIMARY = "CONTENT_PRIMARY",
110
113
  CONTENT_SECONDRY = "CONTENT_SECONDRY",
111
114
  CONTENT_TERTIARY = "CONTENT_TERTIARY",
@@ -113,6 +116,8 @@ export declare enum Theme {
113
116
  CONTENT_DISABLE_DARK = "CONTENT_DISABLE_DARK",
114
117
  CONTENT_DISABLE_LIGHT = "CONTENT_DISABLE_LIGHT",
115
118
  CONTENT_INVERTED = "CONTENT_INVERTED",
119
+ CONTENT_HIGHLIGHT = "CONTENT_HIGHLIGHT",
120
+ CONTENT_ARROW_HIGHLIGHT = "CONTENT_ARROW_HIGHLIGHT",
116
121
  CONTENT_STATIC = "CONTENT_STATIC",
117
122
  CONTENT_PRIMARY_STATIC = "CONTENT_PRIMARY_STATIC",
118
123
  CONTENT_SECONDRY_STATIC = "CONTENT_SECONDRY_STATIC",
@@ -149,6 +154,13 @@ export declare enum Theme {
149
154
  BUTTON_DISABLED_FILL = "BUTTON_DISABLED_FILL",
150
155
  BUTTON_DISABLED_FILL_2 = "BUTTON_DISABLED_FILL_2",
151
156
  BUTTON_SUCCESS_FILL = "BUTTON_SUCCESS_FILL",
157
+ BUTTON_TERTIARY_DEFAULT_FILL = "BUTTON_TERTIARY_DEFAULT_FILL",
158
+ BUTTON_TERTIARY_HOVER_FILL = "BUTTON_TERTIARY_HOVER_FILL",
159
+ BUTTON_TERTIARY_DISABLED_FILL = "BUTTON_TERTIARY_DISABLED_FILL",
160
+ BUTTON_SECONDARY_DEFAULT_STROKE = "BUTTON_SECONDARY_DEFAULT_STROKE",
161
+ BUTTON_SECONDARY_DISABLED_STROKE = "BUTTON_SECONDARY_DISABLED_STROKE",
162
+ BUTTON_QUATERNARY_DEFAULT_STROKE = "BUTTON_QUATERNARY_DEFAULT_STROKE",
163
+ BUTTON_QUATERNARY_DISABLED_STROKE = "BUTTON_QUATERNARY_DISABLED_STROKE",
152
164
  NOTIFICATIONS_INFO = "NOTIFICATIONS_INFO",
153
165
  NOTIFICATIONS_HIGHLIGHT = "NOTIFICATIONS_HIGHLIGHT",
154
166
  BLUR_20 = "BLUR_20",
@@ -161,9 +173,17 @@ export declare enum Theme {
161
173
  STROKE_SUCCESS = "STROKE_SUCCESS",
162
174
  STROKE_WARNING = "STROKE_WARNING",
163
175
  STROKE_INFO = "STROKE_INFO",
176
+ STROKE_DISABLED_LIGHT = "STROKE_DISABLED_LIGHT",
164
177
  STROKE_DISABLED_DARK = "STROKE_DISABLED_DARK",
165
178
  STROKE_DISABLED_DARK2 = "STROKE_DISABLED_DARK2",
166
179
  STROKE_ACTIVE = "STROKE_ACTIVE",
167
180
  STROKE_DISABLED_SELECTED = "STROKE_DISABLED_SELECTED",
168
- SHADOW_10 = "SHADOW_10"
181
+ SHADOW_10 = "SHADOW_10",
182
+ SHADOW_5 = "SHADOW_5",
183
+ SHADOW_20 = "SHADOW_20",
184
+ SHADOW_25 = "SHADOW_25",
185
+ SHADOW_HOVER_10 = "SHADOW_HOVER_10",
186
+ SHADOW_HOVER_20 = "SHADOW_HOVER_20",
187
+ SHADOW_HOVER_40 = "SHADOW_HOVER_40",
188
+ SHADOW_SOFT_LIGHTEST = "SHADOW_SOFT_LIGHTEST"
169
189
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dhre-ui-kit",
3
- "version": "3.2.0",
3
+ "version": "3.4.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },