@ozen-ui/kit 0.84.5 → 0.85.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 (80) hide show
  1. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/bBusinessContrastDark.js +20 -0
  2. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/index.js +4 -0
  3. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/bBusinessContrastDefault.js +20 -0
  4. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/index.js +4 -0
  5. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/contrastDark/contrastDark.js +20 -0
  6. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/contrastDark/index.js +4 -0
  7. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/contrastDefault/contrastDefault.js +20 -0
  8. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/contrastDefault/index.js +4 -0
  9. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/index.js +4 -0
  10. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.css +172 -0
  11. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.js +177 -0
  12. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/index.js +4 -0
  13. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.css +172 -0
  14. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.js +177 -0
  15. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/index.js +4 -0
  16. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-dark/color-b-business-dark.css +55 -55
  17. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-dark/color-b-business-dark.js +55 -55
  18. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-default/color-b-business-default.css +53 -53
  19. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-default/color-b-business-default.js +53 -53
  20. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.css +172 -0
  21. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.js +177 -0
  22. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-dark/index.js +4 -0
  23. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.css +172 -0
  24. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.js +177 -0
  25. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-default/index.js +4 -0
  26. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/index.js +4 -0
  27. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-dark/color-ozen-dark.css +43 -43
  28. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-dark/color-ozen-dark.js +43 -43
  29. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.css +62 -62
  30. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.js +62 -62
  31. package/__inner__/esm/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/bBusinessContrastDark.js +17 -0
  32. package/__inner__/esm/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/index.js +1 -0
  33. package/__inner__/esm/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/bBusinessContrastDefault.js +17 -0
  34. package/__inner__/esm/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/index.js +1 -0
  35. package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDark/contrastDark.js +17 -0
  36. package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDark/index.js +1 -0
  37. package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDefault/contrastDefault.js +17 -0
  38. package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDefault/index.js +1 -0
  39. package/__inner__/esm/components/OzenProvider/providers/theme/themes/index.js +4 -0
  40. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.css +172 -0
  41. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.js +174 -0
  42. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/index.js +1 -0
  43. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.css +172 -0
  44. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.js +174 -0
  45. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/index.js +1 -0
  46. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-dark/color-b-business-dark.css +55 -55
  47. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-dark/color-b-business-dark.js +55 -55
  48. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-default/color-b-business-default.css +53 -53
  49. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-default/color-b-business-default.js +53 -53
  50. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.css +172 -0
  51. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.js +174 -0
  52. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-dark/index.js +1 -0
  53. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.css +172 -0
  54. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.js +174 -0
  55. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/index.js +1 -0
  56. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/index.js +4 -0
  57. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-dark/color-ozen-dark.css +43 -43
  58. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-dark/color-ozen-dark.js +43 -43
  59. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.css +62 -62
  60. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.js +62 -62
  61. package/__inner__/types/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/bBusinessContrastDark.d.ts +3 -0
  62. package/__inner__/types/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/index.d.ts +1 -0
  63. package/__inner__/types/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/bBusinessContrastDefault.d.ts +3 -0
  64. package/__inner__/types/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/index.d.ts +1 -0
  65. package/__inner__/types/components/OzenProvider/providers/theme/themes/contrastDark/contrastDark.d.ts +3 -0
  66. package/__inner__/types/components/OzenProvider/providers/theme/themes/contrastDark/index.d.ts +1 -0
  67. package/__inner__/types/components/OzenProvider/providers/theme/themes/contrastDefault/contrastDefault.d.ts +3 -0
  68. package/__inner__/types/components/OzenProvider/providers/theme/themes/contrastDefault/index.d.ts +1 -0
  69. package/__inner__/types/components/OzenProvider/providers/theme/themes/index.d.ts +4 -0
  70. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.d.ts +2 -0
  71. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/index.d.ts +1 -0
  72. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.d.ts +2 -0
  73. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/index.d.ts +1 -0
  74. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.d.ts +2 -0
  75. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/contrast-dark/index.d.ts +1 -0
  76. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.d.ts +2 -0
  77. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/contrast-default/index.d.ts +1 -0
  78. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/entity.d.ts +15 -15
  79. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/index.d.ts +4 -0
  80. package/package.json +4 -4
@@ -8,33 +8,33 @@
8
8
  --color-content-action: #0b0;
9
9
  --color-content-action-hover: #039904;
10
10
  --color-content-action-pressed: #067607;
11
- --color-content-action-dark: #99e499;
12
- --color-content-action-secondary: #9a9eb5;
11
+ --color-content-action-dark: #66d666;
12
+ --color-content-action-secondary: #fff;
13
13
  --color-content-action-secondary-hover: #7e8194;
14
14
  --color-content-action-secondary-pressed: #636574;
15
15
  --color-content-action-secondary-dark: #d7d8e1;
16
- --color-content-error: #ff5959;
17
- --color-content-error-hover: #cf4a4b;
18
- --color-content-error-pressed: #9f3b3d;
19
- --color-content-error-dark: #ffbdbd;
20
- --color-content-warning: #ffac30;
21
- --color-content-warning-hover: #cf8d2a;
22
- --color-content-warning-pressed: #9f6d24;
23
- --color-content-warning-dark: #ffdeac;
16
+ --color-content-error: #f33;
17
+ --color-content-error-hover: #e11;
18
+ --color-content-error-pressed: #c00;
19
+ --color-content-error-dark: #f66;
20
+ --color-content-warning: #ff9f00;
21
+ --color-content-warning-hover: #e68f00;
22
+ --color-content-warning-pressed: #cc7f00;
23
+ --color-content-warning-dark: #ffb233;
24
24
  --color-content-success: #0b0;
25
25
  --color-content-success-hover: #039904;
26
26
  --color-content-success-pressed: #067607;
27
- --color-content-success-dark: #99e499;
28
- --color-content-info: #023dff;
29
- --color-content-info-hover: #0534d0;
30
- --color-content-info-pressed: #082ba0;
27
+ --color-content-success-dark: #66d666;
28
+ --color-content-info: #678bff;
29
+ --color-content-info-hover: #3564ff;
30
+ --color-content-info-pressed: #023dff;
31
31
  --color-content-info-dark: #9ab1ff;
32
32
  --color-content-primary-inverse: #1e1d22;
33
- --color-content-accent-secondary: #989aa5;
34
33
  --color-content-accent-primary: #c7c8ce;
34
+ --color-content-accent-secondary: #989aa5;
35
35
  --color-content-accent-disabled: #7b7e8c;
36
36
  --color-background-main: #1e1d22;
37
- --color-background-main-inverse: #d9dade;
37
+ --color-background-main-inverse: #f5f5f8;
38
38
  --color-background-main-hover: #2c2c33;
39
39
  --color-background-main-pressed: #474853;
40
40
  --color-background-primary: #17161a;
@@ -57,7 +57,7 @@
57
57
  --color-background-accent-action-light: #0a540b;
58
58
  --color-background-accent-action-light-hover: #067607;
59
59
  --color-background-accent-action-light-pressed: #039904;
60
- --color-background-action-secondary: #7e8194;
60
+ --color-background-action-secondary: #fff;
61
61
  --color-background-action-secondary-hover: #9a9eb5;
62
62
  --color-background-action-secondary-pressed: #aeb1c4;
63
63
  --color-background-action-secondary-active-disabled: #636574;
@@ -67,24 +67,24 @@
67
67
  --color-background-accent-action-secondary-light: #2c2c33;
68
68
  --color-background-accent-action-secondary-light-hover: #474853;
69
69
  --color-background-accent-action-secondary-light-pressed: #636574;
70
- --color-background-error: #cf4a4b;
71
- --color-background-error-hover: #ff5959;
72
- --color-background-error-pressed: #ff7a7a;
73
- --color-background-error-light: #401e20;
74
- --color-background-error-light-hover: #702d2e;
75
- --color-background-error-light-pressed: #9f3b3d;
76
- --color-background-accent-error-light: #702d2e;
77
- --color-background-accent-error-light-hover: #9f3b3d;
78
- --color-background-accent-error-light-pressed: #cf4a4b;
79
- --color-background-warning: #cf8d2a;
80
- --color-background-warning-hover: #ffac30;
81
- --color-background-warning-pressed: #ffbd59;
82
- --color-background-warning-light: #402e18;
83
- --color-background-warning-light-hover: #704e1e;
84
- --color-background-warning-light-pressed: #9f6d24;
85
- --color-background-accent-warning-light: #704e1e;
86
- --color-background-accent-warning-light-hover: #9f6d24;
87
- --color-background-accent-warning-light-pressed: #cf8d2a;
70
+ --color-background-error: #c00;
71
+ --color-background-error-hover: #e11;
72
+ --color-background-error-pressed: #f33;
73
+ --color-background-error-light: #300;
74
+ --color-background-error-light-hover: #500;
75
+ --color-background-error-light-pressed: #700;
76
+ --color-background-accent-error-light: #900;
77
+ --color-background-accent-error-light-hover: #b00;
78
+ --color-background-accent-error-light-pressed: #c00;
79
+ --color-background-warning: #cc7f00;
80
+ --color-background-warning-hover: #e68f00;
81
+ --color-background-warning-pressed: #ff9f00;
82
+ --color-background-warning-light: #332000;
83
+ --color-background-warning-light-hover: #4d3000;
84
+ --color-background-warning-light-pressed: #663f00;
85
+ --color-background-accent-warning-light: #804f00;
86
+ --color-background-accent-warning-light-hover: #995f00;
87
+ --color-background-accent-warning-light-pressed: #b36f00;
88
88
  --color-background-success: #039904;
89
89
  --color-background-success-hover: #0b0;
90
90
  --color-background-success-pressed: #33c933;
@@ -108,8 +108,8 @@
108
108
  --color-background-ghost-hover: rgb(255 255 255 / 20%);
109
109
  --color-background-ghost-pressed: rgb(255 255 255 / 30%);
110
110
  --color-background-ghost-disabled: rgb(255 255 255 / 40%);
111
- --color-accent-main: #14151b;
112
111
  --color-accent-primary: #1b1c24;
112
+ --color-accent-main: #14151b;
113
113
  --color-accent-main-hover: #1b1c24;
114
114
  --color-accent-main-pressed: #252732;
115
115
  --color-accent-primary-hover: #252732;
@@ -131,16 +131,16 @@
131
131
  --color-border-disabled: #474853;
132
132
  --color-border-ghost-disabled: rgb(255 255 255 / 40%);
133
133
  --color-border-focused: #0d310e;
134
- --color-border-action: #039904;
135
- --color-border-action-hover: #067607;
136
- --color-border-action-pressed: #0a540b;
134
+ --color-border-action: #0b0;
135
+ --color-border-action-hover: #039904;
136
+ --color-border-action-pressed: #067607;
137
137
  --color-border-action-secondary: #d7d8e1;
138
138
  --color-border-action-secondary-hover: #c2c5d3;
139
139
  --color-border-action-secondary-pressed: #aeb1c4;
140
- --color-border-error: #cf4a4b;
141
- --color-border-warning: #cf8d2a;
142
- --color-border-success: #039904;
143
- --color-border-info: #0534d0;
140
+ --color-border-error: #f33;
141
+ --color-border-warning: #ff9f00;
142
+ --color-border-success: #0b0;
143
+ --color-border-info: #678bff;
144
144
  --color-border-main-on: #fff;
145
145
  --color-border-accent-main: #989aa5;
146
146
  --color-border-accent-disabled: #5f6374;
@@ -10,33 +10,33 @@ export var themeColorTokenOzenDark = createColorToken('ozenDark', {
10
10
  'content-action': "#00bb00",
11
11
  'content-action-hover': "#039904",
12
12
  'content-action-pressed': "#067607",
13
- 'content-action-dark': "#99e499",
14
- 'content-action-secondary': "#9a9eb5",
13
+ 'content-action-dark': "#66d666",
14
+ 'content-action-secondary': "#ffffff",
15
15
  'content-action-secondary-hover': "#7e8194",
16
16
  'content-action-secondary-pressed': "#636574",
17
17
  'content-action-secondary-dark': "#d7d8e1",
18
- 'content-error': "#ff5959",
19
- 'content-error-hover': "#cf4a4b",
20
- 'content-error-pressed': "#9f3b3d",
21
- 'content-error-dark': "#ffbdbd",
22
- 'content-warning': "#ffac30",
23
- 'content-warning-hover': "#cf8d2a",
24
- 'content-warning-pressed': "#9f6d24",
25
- 'content-warning-dark': "#ffdeac",
18
+ 'content-error': "#ff3333",
19
+ 'content-error-hover': "#ee1111",
20
+ 'content-error-pressed': "#cc0000",
21
+ 'content-error-dark': "#ff6666",
22
+ 'content-warning': "#ff9f00",
23
+ 'content-warning-hover': "#e68f00",
24
+ 'content-warning-pressed': "#cc7f00",
25
+ 'content-warning-dark': "#ffb233",
26
26
  'content-success': "#00bb00",
27
27
  'content-success-hover': "#039904",
28
28
  'content-success-pressed': "#067607",
29
- 'content-success-dark': "#99e499",
30
- 'content-info': "#023dff",
31
- 'content-info-hover': "#0534d0",
32
- 'content-info-pressed': "#082ba0",
29
+ 'content-success-dark': "#66d666",
30
+ 'content-info': "#678bff",
31
+ 'content-info-hover': "#3564ff",
32
+ 'content-info-pressed': "#023dff",
33
33
  'content-info-dark': "#9ab1ff",
34
34
  'content-primary-inverse': "#1e1d22",
35
- 'content-accent-secondary': "#989aa5",
36
35
  'content-accent-primary': "#c7c8ce",
36
+ 'content-accent-secondary': "#989aa5",
37
37
  'content-accent-disabled': "#7b7e8c",
38
38
  'background-main': "#1e1d22",
39
- 'background-main-inverse': "#d9dade",
39
+ 'background-main-inverse': "#f5f5f8",
40
40
  'background-main-hover': "#2c2c33",
41
41
  'background-main-pressed': "#474853",
42
42
  'background-primary': "#17161a",
@@ -59,7 +59,7 @@ export var themeColorTokenOzenDark = createColorToken('ozenDark', {
59
59
  'background-accent-action-light': "#0a540b",
60
60
  'background-accent-action-light-hover': "#067607",
61
61
  'background-accent-action-light-pressed': "#039904",
62
- 'background-action-secondary': "#7e8194",
62
+ 'background-action-secondary': "#ffffff",
63
63
  'background-action-secondary-hover': "#9a9eb5",
64
64
  'background-action-secondary-pressed': "#aeb1c4",
65
65
  'background-action-secondary-active-disabled': "#636574",
@@ -69,24 +69,24 @@ export var themeColorTokenOzenDark = createColorToken('ozenDark', {
69
69
  'background-accent-action-secondary-light': "#2c2c33",
70
70
  'background-accent-action-secondary-light-hover': "#474853",
71
71
  'background-accent-action-secondary-light-pressed': "#636574",
72
- 'background-error': "#cf4a4b",
73
- 'background-error-hover': "#ff5959",
74
- 'background-error-pressed': "#ff7a7a",
75
- 'background-error-light': "#401e20",
76
- 'background-error-light-hover': "#702d2e",
77
- 'background-error-light-pressed': "#9f3b3d",
78
- 'background-accent-error-light': "#702d2e",
79
- 'background-accent-error-light-hover': "#9f3b3d",
80
- 'background-accent-error-light-pressed': "#cf4a4b",
81
- 'background-warning': "#cf8d2a",
82
- 'background-warning-hover': "#ffac30",
83
- 'background-warning-pressed': "#ffbd59",
84
- 'background-warning-light': "#402e18",
85
- 'background-warning-light-hover': "#704e1e",
86
- 'background-warning-light-pressed': "#9f6d24",
87
- 'background-accent-warning-light': "#704e1e",
88
- 'background-accent-warning-light-hover': "#9f6d24",
89
- 'background-accent-warning-light-pressed': "#cf8d2a",
72
+ 'background-error': "#cc0000",
73
+ 'background-error-hover': "#ee1111",
74
+ 'background-error-pressed': "#ff3333",
75
+ 'background-error-light': "#330000",
76
+ 'background-error-light-hover': "#550000",
77
+ 'background-error-light-pressed': "#770000",
78
+ 'background-accent-error-light': "#990000",
79
+ 'background-accent-error-light-hover': "#bb0000",
80
+ 'background-accent-error-light-pressed': "#cc0000",
81
+ 'background-warning': "#cc7f00",
82
+ 'background-warning-hover': "#e68f00",
83
+ 'background-warning-pressed': "#ff9f00",
84
+ 'background-warning-light': "#332000",
85
+ 'background-warning-light-hover': "#4d3000",
86
+ 'background-warning-light-pressed': "#663f00",
87
+ 'background-accent-warning-light': "#804f00",
88
+ 'background-accent-warning-light-hover': "#995f00",
89
+ 'background-accent-warning-light-pressed': "#b36f00",
90
90
  'background-success': "#039904",
91
91
  'background-success-hover': "#00bb00",
92
92
  'background-success-pressed': "#33c933",
@@ -110,8 +110,8 @@ export var themeColorTokenOzenDark = createColorToken('ozenDark', {
110
110
  'background-ghost-hover': "rgba(255, 255, 255, 0.2)",
111
111
  'background-ghost-pressed': "rgba(255, 255, 255, 0.3)",
112
112
  'background-ghost-disabled': "rgba(255, 255, 255, 0.4)",
113
- 'accent-main': "#14151b",
114
113
  'accent-primary': "#1b1c24",
114
+ 'accent-main': "#14151b",
115
115
  'accent-main-hover': "#1b1c24",
116
116
  'accent-main-pressed': "#252732",
117
117
  'accent-primary-hover': "#252732",
@@ -133,16 +133,16 @@ export var themeColorTokenOzenDark = createColorToken('ozenDark', {
133
133
  'border-disabled': "#474853",
134
134
  'border-ghost-disabled': "rgba(255, 255, 255, 0.4)",
135
135
  'border-focused': "#0d310e",
136
- 'border-action': "#039904",
137
- 'border-action-hover': "#067607",
138
- 'border-action-pressed': "#0a540b",
136
+ 'border-action': "#00bb00",
137
+ 'border-action-hover': "#039904",
138
+ 'border-action-pressed': "#067607",
139
139
  'border-action-secondary': "#d7d8e1",
140
140
  'border-action-secondary-hover': "#c2c5d3",
141
141
  'border-action-secondary-pressed': "#aeb1c4",
142
- 'border-error': "#cf4a4b",
143
- 'border-warning': "#cf8d2a",
144
- 'border-success': "#039904",
145
- 'border-info': "#0534d0",
142
+ 'border-error': "#ff3333",
143
+ 'border-warning': "#ff9f00",
144
+ 'border-success': "#00bb00",
145
+ 'border-info': "#678bff",
146
146
  'border-main-on': "#ffffff",
147
147
  'border-accent-main': "#989aa5",
148
148
  'border-accent-disabled': "#5f6374",
@@ -1,52 +1,38 @@
1
1
  .OzenProvider_color_ozenDefault {
2
2
  --color-content-primary: #17161a;
3
- --color-content-secondary: #636574;
4
- --color-content-tertiary: #7e8194;
3
+ --color-content-secondary: #474853;
4
+ --color-content-tertiary: #636574;
5
5
  --color-content-disabled: #9a9eb5;
6
6
  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
7
- --color-content-action: #0b0;
8
- --color-content-action-hover: #039904;
9
- --color-content-action-pressed: #067607;
10
- --color-content-action-dark: #0a540b;
7
+ --color-content-action: #039904;
8
+ --color-content-action-hover: #067607;
9
+ --color-content-action-pressed: #0a540b;
10
+ --color-content-action-dark: #067607;
11
11
  --color-content-action-secondary: #2c2c33;
12
12
  --color-content-action-secondary-hover: #1e1d22;
13
13
  --color-content-action-secondary-pressed: #17161a;
14
14
  --color-content-action-secondary-dark: #17161a;
15
15
  --color-content-action-on: #fff;
16
- --color-content-error: #ff5959;
17
- --color-content-error-hover: #cf4a4b;
18
- --color-content-error-pressed: #9f3b3d;
19
- --color-content-error-dark: #702d2e;
20
- --color-content-warning: #cf8d2a;
21
- --color-content-warning-hover: #9f6d24;
22
- --color-content-warning-pressed: #704e1e;
23
- --color-content-warning-dark: #402e18;
24
- --color-content-success: #0b0;
25
- --color-content-success-hover: #039904;
26
- --color-content-success-pressed: #067607;
27
- --color-content-success-dark: #0a540b;
16
+ --color-content-error: #e11;
17
+ --color-content-error-hover: #c00;
18
+ --color-content-error-pressed: #b00;
19
+ --color-content-error-dark: #c00;
20
+ --color-content-warning: #cc7f00;
21
+ --color-content-warning-hover: #b36f00;
22
+ --color-content-warning-pressed: #995f00;
23
+ --color-content-warning-dark: #b36f00;
24
+ --color-content-success: #039904;
25
+ --color-content-success-hover: #067607;
26
+ --color-content-success-pressed: #0a540b;
27
+ --color-content-success-dark: #067607;
28
28
  --color-content-info: #023dff;
29
29
  --color-content-info-hover: #0534d0;
30
30
  --color-content-info-pressed: #082ba0;
31
- --color-content-info-dark: #0a2171;
31
+ --color-content-info-dark: #0534d0;
32
32
  --color-content-primary-inverse: #fff;
33
- --color-content-accent-secondary: #989aa5;
34
33
  --color-content-accent-primary: #c7c8ce;
34
+ --color-content-accent-secondary: #989aa5;
35
35
  --color-content-accent-disabled: #7b7e8c;
36
- --color-accent-main: #14151b;
37
- --color-accent-primary: #1b1c24;
38
- --color-accent-main-hover: #1b1c24;
39
- --color-accent-main-pressed: #252732;
40
- --color-accent-primary-hover: #252732;
41
- --color-accent-primary-pressed: #2f3240;
42
- --color-accent-secondary: #252732;
43
- --color-accent-secondary-hover: #2f3240;
44
- --color-accent-secondary-pressed: #393c4d;
45
- --color-accent-tertiary: #2f3240;
46
- --color-accent-tertiary-hover: #393c4d;
47
- --color-accent-tertiary-pressed: #43475b;
48
- --color-accent-disabled: #2f3240;
49
- --color-accent-main-inverse: #c7c8ce;
50
36
  --color-background-main: #fff;
51
37
  --color-background-main-hover: #f5f5f8;
52
38
  --color-background-main-pressed: #ebecf0;
@@ -80,24 +66,24 @@
80
66
  --color-background-accent-action-secondary-light: #636574;
81
67
  --color-background-accent-action-secondary-light-hover: #474853;
82
68
  --color-background-accent-action-secondary-light-pressed: #2c2c33;
83
- --color-background-error: #ff5959;
84
- --color-background-error-hover: #cf4a4b;
85
- --color-background-error-pressed: #9f3b3d;
86
- --color-background-error-light: #ffe6e6;
87
- --color-background-error-light-hover: #ffdede;
88
- --color-background-error-light-pressed: #ffbdbd;
89
- --color-background-accent-error-light: #9f3b3d;
90
- --color-background-accent-error-light-hover: #702d2e;
91
- --color-background-accent-error-light-pressed: #401e20;
92
- --color-background-warning: #ffac30;
93
- --color-background-warning-hover: #cf8d2a;
94
- --color-background-warning-pressed: #9f6d24;
95
- --color-background-warning-light: #fff3e0;
96
- --color-background-warning-light-hover: #ffeed6;
97
- --color-background-warning-light-pressed: #ffdeac;
98
- --color-background-accent-warning-light: #9f6d24;
99
- --color-background-accent-warning-light-hover: #704e1e;
100
- --color-background-accent-warning-light-pressed: #402e18;
69
+ --color-background-error: #e11;
70
+ --color-background-error-hover: #c00;
71
+ --color-background-error-pressed: #b00;
72
+ --color-background-error-light: #ffe5e5;
73
+ --color-background-error-light-hover: #fcc;
74
+ --color-background-error-light-pressed: #f99;
75
+ --color-background-accent-error-light: #b00;
76
+ --color-background-accent-error-light-hover: #900;
77
+ --color-background-accent-error-light-pressed: #700;
78
+ --color-background-warning: #ff9f00;
79
+ --color-background-warning-hover: #e68f00;
80
+ --color-background-warning-pressed: #cc7f00;
81
+ --color-background-warning-light: #fff0cc;
82
+ --color-background-warning-light-hover: #ffca80;
83
+ --color-background-warning-light-pressed: #ffb233;
84
+ --color-background-accent-warning-light: #995f00;
85
+ --color-background-accent-warning-light-hover: #804f00;
86
+ --color-background-accent-warning-light-pressed: #663f00;
101
87
  --color-background-success: #0b0;
102
88
  --color-background-success-hover: #039904;
103
89
  --color-background-success-pressed: #067607;
@@ -116,7 +102,7 @@
116
102
  --color-background-accent-info-light: #082ba0;
117
103
  --color-background-accent-info-light-hover: #0a2171;
118
104
  --color-background-accent-info-light-pressed: #0d1841;
119
- --color-background-main-inverse: #0d0e12;
105
+ --color-background-main-inverse: #1e1d22;
120
106
  --color-background-overlay: rgb(0 0 0 / 50%);
121
107
  --color-background-ghost: rgb(255 255 255 / 10%);
122
108
  --color-background-ghost-hover: rgb(255 255 255 / 20%);
@@ -131,23 +117,37 @@
131
117
  --color-border-disabled: #c2c5d3;
132
118
  --color-border-ghost-disabled: rgb(255 255 255 / 40%);
133
119
  --color-border-focused: #99e499;
134
- --color-border-action: #0b0;
135
- --color-border-action-hover: #039904;
136
- --color-border-action-pressed: #067607;
120
+ --color-border-action: #039904;
121
+ --color-border-action-hover: #067607;
122
+ --color-border-action-pressed: #0a540b;
137
123
  --color-border-action-secondary: #2c2c33;
138
124
  --color-border-action-secondary-hover: #1e1d22;
139
125
  --color-border-action-secondary-pressed: #17161a;
140
- --color-border-error: #ff5959;
141
- --color-border-warning: #ffac30;
142
- --color-border-success: #0b0;
126
+ --color-border-error: #e11;
127
+ --color-border-warning: #cc7f00;
128
+ --color-border-success: #039904;
143
129
  --color-border-info: #023dff;
144
130
  --color-border-main-on: #fff;
145
131
  --color-border-accent-main: #989aa5;
146
132
  --color-border-accent-disabled: #5f6374;
147
- --color-border-accent-focused: #0e290f;
148
- --color-additional-a1: #866c47;
133
+ --color-border-accent-focused: #0d310e;
134
+ --color-accent-main: #14151b;
135
+ --color-accent-main-hover: #1b1c24;
136
+ --color-accent-main-pressed: #252732;
137
+ --color-accent-primary: #1b1c24;
138
+ --color-accent-primary-hover: #252732;
139
+ --color-accent-primary-pressed: #2f3240;
140
+ --color-accent-secondary: #252732;
141
+ --color-accent-secondary-hover: #2f3240;
142
+ --color-accent-secondary-pressed: #393c4d;
143
+ --color-accent-tertiary: #2f3240;
144
+ --color-accent-tertiary-hover: #393c4d;
145
+ --color-accent-tertiary-pressed: #43475b;
146
+ --color-accent-disabled: #2f3240;
147
+ --color-accent-main-inverse: #c7c8ce;
148
+ --color-additional-a1: #5f4d36;
149
149
  --color-additional-a2: #d4aa6b;
150
- --color-additional-a3: #eeddc4;
150
+ --color-additional-a3: #e5cca6;
151
151
  --color-additional-b1: #763986;
152
152
  --color-additional-b2: #ba55d3;
153
153
  --color-additional-b3: #e3bbed;
@@ -2,53 +2,39 @@ import './color-ozen-default.css';
2
2
  import { createColorToken } from '../utility';
3
3
  export var themeColorTokenOzenDefault = createColorToken('ozenDefault', {
4
4
  'content-primary': "#17161a",
5
- 'content-secondary': "#636574",
6
- 'content-tertiary': "#7e8194",
5
+ 'content-secondary': "#474853",
6
+ 'content-tertiary': "#636574",
7
7
  'content-disabled': "#9a9eb5",
8
8
  'content-ghost-disabled': "rgba(255, 255, 255, 0.4)",
9
- 'content-action': "#00bb00",
10
- 'content-action-hover': "#039904",
11
- 'content-action-pressed': "#067607",
12
- 'content-action-dark': "#0a540b",
9
+ 'content-action': "#039904",
10
+ 'content-action-hover': "#067607",
11
+ 'content-action-pressed': "#0a540b",
12
+ 'content-action-dark': "#067607",
13
13
  'content-action-secondary': "#2c2c33",
14
14
  'content-action-secondary-hover': "#1e1d22",
15
15
  'content-action-secondary-pressed': "#17161a",
16
16
  'content-action-secondary-dark': "#17161a",
17
17
  'content-action-on': "#ffffff",
18
- 'content-error': "#ff5959",
19
- 'content-error-hover': "#cf4a4b",
20
- 'content-error-pressed': "#9f3b3d",
21
- 'content-error-dark': "#702d2e",
22
- 'content-warning': "#cf8d2a",
23
- 'content-warning-hover': "#9f6d24",
24
- 'content-warning-pressed': "#704e1e",
25
- 'content-warning-dark': "#402e18",
26
- 'content-success': "#00bb00",
27
- 'content-success-hover': "#039904",
28
- 'content-success-pressed': "#067607",
29
- 'content-success-dark': "#0a540b",
18
+ 'content-error': "#ee1111",
19
+ 'content-error-hover': "#cc0000",
20
+ 'content-error-pressed': "#bb0000",
21
+ 'content-error-dark': "#cc0000",
22
+ 'content-warning': "#cc7f00",
23
+ 'content-warning-hover': "#b36f00",
24
+ 'content-warning-pressed': "#995f00",
25
+ 'content-warning-dark': "#b36f00",
26
+ 'content-success': "#039904",
27
+ 'content-success-hover': "#067607",
28
+ 'content-success-pressed': "#0a540b",
29
+ 'content-success-dark': "#067607",
30
30
  'content-info': "#023dff",
31
31
  'content-info-hover': "#0534d0",
32
32
  'content-info-pressed': "#082ba0",
33
- 'content-info-dark': "#0a2171",
33
+ 'content-info-dark': "#0534d0",
34
34
  'content-primary-inverse': "#ffffff",
35
- 'content-accent-secondary': "#989aa5",
36
35
  'content-accent-primary': "#c7c8ce",
36
+ 'content-accent-secondary': "#989aa5",
37
37
  'content-accent-disabled': "#7b7e8c",
38
- 'accent-main': "#14151b",
39
- 'accent-primary': "#1b1c24",
40
- 'accent-main-hover': "#1b1c24",
41
- 'accent-main-pressed': "#252732",
42
- 'accent-primary-hover': "#252732",
43
- 'accent-primary-pressed': "#2f3240",
44
- 'accent-secondary': "#252732",
45
- 'accent-secondary-hover': "#2f3240",
46
- 'accent-secondary-pressed': "#393c4d",
47
- 'accent-tertiary': "#2f3240",
48
- 'accent-tertiary-hover': "#393c4d",
49
- 'accent-tertiary-pressed': "#43475b",
50
- 'accent-disabled': "#2f3240",
51
- 'accent-main-inverse': "#c7c8ce",
52
38
  'background-main': "#ffffff",
53
39
  'background-main-hover': "#f5f5f8",
54
40
  'background-main-pressed': "#ebecf0",
@@ -82,24 +68,24 @@ export var themeColorTokenOzenDefault = createColorToken('ozenDefault', {
82
68
  'background-accent-action-secondary-light': "#636574",
83
69
  'background-accent-action-secondary-light-hover': "#474853",
84
70
  'background-accent-action-secondary-light-pressed': "#2c2c33",
85
- 'background-error': "#ff5959",
86
- 'background-error-hover': "#cf4a4b",
87
- 'background-error-pressed': "#9f3b3d",
88
- 'background-error-light': "#ffe6e6",
89
- 'background-error-light-hover': "#ffdede",
90
- 'background-error-light-pressed': "#ffbdbd",
91
- 'background-accent-error-light': "#9f3b3d",
92
- 'background-accent-error-light-hover': "#702d2e",
93
- 'background-accent-error-light-pressed': "#401e20",
94
- 'background-warning': "#ffac30",
95
- 'background-warning-hover': "#cf8d2a",
96
- 'background-warning-pressed': "#9f6d24",
97
- 'background-warning-light': "#fff3e0",
98
- 'background-warning-light-hover': "#ffeed6",
99
- 'background-warning-light-pressed': "#ffdeac",
100
- 'background-accent-warning-light': "#9f6d24",
101
- 'background-accent-warning-light-hover': "#704e1e",
102
- 'background-accent-warning-light-pressed': "#402e18",
71
+ 'background-error': "#ee1111",
72
+ 'background-error-hover': "#cc0000",
73
+ 'background-error-pressed': "#bb0000",
74
+ 'background-error-light': "#ffe5e5",
75
+ 'background-error-light-hover': "#ffcccc",
76
+ 'background-error-light-pressed': "#ff9999",
77
+ 'background-accent-error-light': "#bb0000",
78
+ 'background-accent-error-light-hover': "#990000",
79
+ 'background-accent-error-light-pressed': "#770000",
80
+ 'background-warning': "#ff9f00",
81
+ 'background-warning-hover': "#e68f00",
82
+ 'background-warning-pressed': "#cc7f00",
83
+ 'background-warning-light': "#fff0cc",
84
+ 'background-warning-light-hover': "#ffca80",
85
+ 'background-warning-light-pressed': "#ffb233",
86
+ 'background-accent-warning-light': "#995f00",
87
+ 'background-accent-warning-light-hover': "#804f00",
88
+ 'background-accent-warning-light-pressed': "#663f00",
103
89
  'background-success': "#00bb00",
104
90
  'background-success-hover': "#039904",
105
91
  'background-success-pressed': "#067607",
@@ -118,7 +104,7 @@ export var themeColorTokenOzenDefault = createColorToken('ozenDefault', {
118
104
  'background-accent-info-light': "#082ba0",
119
105
  'background-accent-info-light-hover': "#0a2171",
120
106
  'background-accent-info-light-pressed': "#0d1841",
121
- 'background-main-inverse': "#0d0e12",
107
+ 'background-main-inverse': "#1e1d22",
122
108
  'background-overlay': "rgba(0, 0, 0, 0.5)",
123
109
  'background-ghost': "rgba(255, 255, 255, 0.1)",
124
110
  'background-ghost-hover': "rgba(255, 255, 255, 0.2)",
@@ -133,23 +119,37 @@ export var themeColorTokenOzenDefault = createColorToken('ozenDefault', {
133
119
  'border-disabled': "#c2c5d3",
134
120
  'border-ghost-disabled': "rgba(255, 255, 255, 0.4)",
135
121
  'border-focused': "#99e499",
136
- 'border-action': "#00bb00",
137
- 'border-action-hover': "#039904",
138
- 'border-action-pressed': "#067607",
122
+ 'border-action': "#039904",
123
+ 'border-action-hover': "#067607",
124
+ 'border-action-pressed': "#0a540b",
139
125
  'border-action-secondary': "#2c2c33",
140
126
  'border-action-secondary-hover': "#1e1d22",
141
127
  'border-action-secondary-pressed': "#17161a",
142
- 'border-error': "#ff5959",
143
- 'border-warning': "#ffac30",
144
- 'border-success': "#00bb00",
128
+ 'border-error': "#ee1111",
129
+ 'border-warning': "#cc7f00",
130
+ 'border-success': "#039904",
145
131
  'border-info': "#023dff",
146
132
  'border-main-on': "#ffffff",
147
133
  'border-accent-main': "#989aa5",
148
134
  'border-accent-disabled': "#5f6374",
149
- 'border-accent-focused': "#0e290f",
150
- 'additional-a1': "#866c47",
135
+ 'border-accent-focused': "#0d310e",
136
+ 'accent-main': "#14151b",
137
+ 'accent-main-hover': "#1b1c24",
138
+ 'accent-main-pressed': "#252732",
139
+ 'accent-primary': "#1b1c24",
140
+ 'accent-primary-hover': "#252732",
141
+ 'accent-primary-pressed': "#2f3240",
142
+ 'accent-secondary': "#252732",
143
+ 'accent-secondary-hover': "#2f3240",
144
+ 'accent-secondary-pressed': "#393c4d",
145
+ 'accent-tertiary': "#2f3240",
146
+ 'accent-tertiary-hover': "#393c4d",
147
+ 'accent-tertiary-pressed': "#43475b",
148
+ 'accent-disabled': "#2f3240",
149
+ 'accent-main-inverse': "#c7c8ce",
150
+ 'additional-a1': "#5f4d36",
151
151
  'additional-a2': "#d4aa6b",
152
- 'additional-a3': "#eeddc4",
152
+ 'additional-a3': "#e5cca6",
153
153
  'additional-b1': "#763986",
154
154
  'additional-b2': "#ba55d3",
155
155
  'additional-b3': "#e3bbed",
@@ -0,0 +1,3 @@
1
+ import '@ozen-ui/fonts';
2
+ import type { Theme } from '../../entities';
3
+ export declare const themeBBusinessContrastDark: Theme;
@@ -0,0 +1 @@
1
+ export * from './bBusinessContrastDark';
@@ -0,0 +1,3 @@
1
+ import '@ozen-ui/fonts';
2
+ import type { Theme } from '../../entities';
3
+ export declare const themeBBusinessContrastDefault: Theme;
@@ -0,0 +1 @@
1
+ export * from './bBusinessContrastDefault';
@@ -0,0 +1,3 @@
1
+ import '@ozen-ui/fonts';
2
+ import type { Theme } from '../../entities';
3
+ export declare const themeContrastDark: Theme;