@descope/web-components-ui 1.0.273 → 1.0.275

Sign up to get free protection for your applications and to get access to all the features.
Files changed (32) hide show
  1. package/dist/cjs/index.cjs.js +202 -101
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/index.d.ts +2 -2
  4. package/dist/index.esm.js +247 -112
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/umd/2481.js +1 -1
  7. package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js +1 -1
  8. package/dist/umd/descope-grid-index-js.js +1 -1
  9. package/package.json +1 -1
  10. package/src/components/button-selection-group-fields/descope-button-selection-group-item/ButtonSelectionGroupItemClass.js +5 -0
  11. package/src/components/descope-grid/GridClass.js +7 -5
  12. package/src/components/descope-password/PasswordClass.js +2 -4
  13. package/src/darkTheme.js +48 -0
  14. package/src/helpers/themeHelpers/colorsHelpers.js +77 -9
  15. package/src/index.d.ts +2 -2
  16. package/src/index.js +1 -0
  17. package/src/theme/components/badge.js +1 -1
  18. package/src/theme/components/button.js +7 -5
  19. package/src/theme/components/buttonSelectionGroup/buttonSelectionGroupItem.js +9 -4
  20. package/src/theme/components/comboBox.js +1 -1
  21. package/src/theme/components/container.js +1 -1
  22. package/src/theme/components/divider.js +1 -1
  23. package/src/theme/components/grid.js +10 -10
  24. package/src/theme/components/inputWrapper.js +10 -10
  25. package/src/theme/components/loader/loaderLinear.js +1 -1
  26. package/src/theme/components/modal.js +1 -1
  27. package/src/theme/components/multiSelectComboBox.js +2 -2
  28. package/src/theme/components/password.js +1 -0
  29. package/src/theme/components/switchToggle.js +3 -4
  30. package/src/theme/components/text.js +2 -2
  31. package/src/theme/components/textArea.js +0 -7
  32. package/src/theme/globals.js +36 -11
package/src/theme/components/text.js CHANGED
@@ -50,10 +50,10 @@ const text = {
50
50
 
51
51
  mode: {
52
52
  primary: {
53
- [vars.textColor]: globalRefs.colors.primary.main,
53
+ [vars.textColor]: globalRefs.colors.surface.contrast,
54
54
  },
55
55
  secondary: {
56
- [vars.textColor]: globalRefs.colors.secondary.main,
56
+ [vars.textColor]: globalRefs.colors.surface.dark,
57
57
  },
58
58
  error: {
59
59
  [vars.textColor]: globalRefs.colors.error.main,
package/src/theme/components/textArea.js CHANGED
@@ -1,9 +1,6 @@
1
- import globals from '../globals';
2
- import { getThemeRefs } from '../../helpers/themeHelpers';
3
1
  import { TextAreaClass } from '../../components/descope-text-area/TextAreaClass';
4
2
  import { refs } from './inputWrapper';
5
3
 
6
- const globalRefs = getThemeRefs(globals);
7
4
  const vars = TextAreaClass.cssVarList;
8
5
 
9
6
  const textArea = {
@@ -34,10 +31,6 @@ const textArea = {
34
31
  center: { [vars.inputTextAlign]: 'center' },
35
32
  },
36
33
 
37
- _disabled: {
38
- [vars.inputBackgroundColor]: globalRefs.colors.surface.light,
39
- },
40
-
41
34
  _readonly: {
42
35
  [vars.inputResizeType]: 'none',
43
36
  },
package/src/theme/globals.js CHANGED
@@ -1,19 +1,44 @@
1
1
  import { getThemeRefs, getThemeVars } from '../helpers/themeHelpers';
2
- import { genColors } from '../helpers/themeHelpers/colorsHelpers';
3
2
 
4
3
  const direction = 'ltr';
5
4
 
6
- export const colors = genColors({
5
+ export const colors = {
7
6
  surface: {
8
- main: 'lightgray',
9
- light: '#fff',
10
- dark: '#000',
11
- },
12
- primary: '#006af5',
13
- secondary: '#7D14EB',
14
- success: 'green',
15
- error: '#e21d12',
16
- });
7
+ dark: '#636c74',
8
+ main: '#ffffff',
9
+ light: '#cfd3d7',
10
+ highlight: '#f4f5f6',
11
+ contrast: '#181a1c',
12
+ },
13
+ primary: {
14
+ main: '#006af5',
15
+ dark: '#004094',
16
+ light: '#71aeff',
17
+ highlight: '#f0f6ff',
18
+ contrast: '#ffffff',
19
+ },
20
+ secondary: {
21
+ dark: '#6410bc',
22
+ main: '#802ed6',
23
+ light: '#be89f5',
24
+ highlight: '#ede7f6',
25
+ contrast: '#ffffff',
26
+ },
27
+ success: {
28
+ main: '#008000',
29
+ dark: '#005700',
30
+ light: '#8bc38b',
31
+ highlight: '#f5faf5',
32
+ contrast: '#ffffff',
33
+ },
34
+ error: {
35
+ main: '#e21d12',
36
+ dark: '#b3170f',
37
+ light: '#f4807a',
38
+ highlight: '#fef1f1',
39
+ contrast: '#ffffff',
40
+ },
41
+ };
17
42
 
18
43
  const fonts = {
19
44
  font1: {