@ozen-ui/kit 0.84.6 → 0.85.1

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 (86) hide show
  1. package/__inner__/cjs/components/Container/Container.css +1 -1
  2. package/__inner__/cjs/components/Grid/Grid.css +2 -2
  3. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/bBusinessContrastDark.js +20 -0
  4. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/index.js +4 -0
  5. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/bBusinessContrastDefault.js +20 -0
  6. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/index.js +4 -0
  7. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/contrastDark/contrastDark.js +20 -0
  8. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/contrastDark/index.js +4 -0
  9. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/contrastDefault/contrastDefault.js +20 -0
  10. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/contrastDefault/index.js +4 -0
  11. package/__inner__/cjs/components/OzenProvider/providers/theme/themes/index.js +4 -0
  12. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.css +172 -0
  13. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.js +177 -0
  14. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/index.js +4 -0
  15. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.css +172 -0
  16. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.js +177 -0
  17. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/index.js +4 -0
  18. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-dark/color-b-business-dark.css +55 -55
  19. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-dark/color-b-business-dark.js +55 -55
  20. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-default/color-b-business-default.css +53 -53
  21. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-default/color-b-business-default.js +53 -53
  22. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.css +172 -0
  23. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.js +177 -0
  24. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-dark/index.js +4 -0
  25. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.css +158 -0
  26. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.js +163 -0
  27. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-default/index.js +4 -0
  28. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/index.js +4 -0
  29. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-dark/color-ozen-dark.css +43 -43
  30. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-dark/color-ozen-dark.js +43 -43
  31. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.css +48 -62
  32. package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.js +48 -62
  33. package/__inner__/cjs/components/Stack/Stack.css +1 -1
  34. package/__inner__/esm/components/Container/Container.css +1 -1
  35. package/__inner__/esm/components/Grid/Grid.css +2 -2
  36. package/__inner__/esm/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/bBusinessContrastDark.js +17 -0
  37. package/__inner__/esm/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/index.js +1 -0
  38. package/__inner__/esm/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/bBusinessContrastDefault.js +17 -0
  39. package/__inner__/esm/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/index.js +1 -0
  40. package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDark/contrastDark.js +17 -0
  41. package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDark/index.js +1 -0
  42. package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDefault/contrastDefault.js +17 -0
  43. package/__inner__/esm/components/OzenProvider/providers/theme/themes/contrastDefault/index.js +1 -0
  44. package/__inner__/esm/components/OzenProvider/providers/theme/themes/index.js +4 -0
  45. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.css +172 -0
  46. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.js +174 -0
  47. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/index.js +1 -0
  48. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.css +172 -0
  49. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.js +174 -0
  50. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/index.js +1 -0
  51. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-dark/color-b-business-dark.css +55 -55
  52. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-dark/color-b-business-dark.js +55 -55
  53. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-default/color-b-business-default.css +53 -53
  54. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-default/color-b-business-default.js +53 -53
  55. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.css +172 -0
  56. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.js +174 -0
  57. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-dark/index.js +1 -0
  58. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.css +158 -0
  59. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.js +160 -0
  60. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/index.js +1 -0
  61. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/index.js +4 -0
  62. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-dark/color-ozen-dark.css +43 -43
  63. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-dark/color-ozen-dark.js +43 -43
  64. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.css +48 -62
  65. package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.js +48 -62
  66. package/__inner__/esm/components/Stack/Stack.css +1 -1
  67. package/__inner__/types/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/bBusinessContrastDark.d.ts +3 -0
  68. package/__inner__/types/components/OzenProvider/providers/theme/themes/BBusinessContrastDark/index.d.ts +1 -0
  69. package/__inner__/types/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/bBusinessContrastDefault.d.ts +3 -0
  70. package/__inner__/types/components/OzenProvider/providers/theme/themes/BBusinessContrastDefault/index.d.ts +1 -0
  71. package/__inner__/types/components/OzenProvider/providers/theme/themes/contrastDark/contrastDark.d.ts +3 -0
  72. package/__inner__/types/components/OzenProvider/providers/theme/themes/contrastDark/index.d.ts +1 -0
  73. package/__inner__/types/components/OzenProvider/providers/theme/themes/contrastDefault/contrastDefault.d.ts +3 -0
  74. package/__inner__/types/components/OzenProvider/providers/theme/themes/contrastDefault/index.d.ts +1 -0
  75. package/__inner__/types/components/OzenProvider/providers/theme/themes/index.d.ts +4 -0
  76. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.d.ts +2 -0
  77. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/index.d.ts +1 -0
  78. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.d.ts +2 -0
  79. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/index.d.ts +1 -0
  80. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/contrast-dark/color-contrast-dark.d.ts +2 -0
  81. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/contrast-dark/index.d.ts +1 -0
  82. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.d.ts +2 -0
  83. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/contrast-default/index.d.ts +1 -0
  84. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/entity.d.ts +15 -15
  85. package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/index.d.ts +4 -0
  86. package/package.json +4 -4
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./color-contrast-default"), exports);
@@ -5,6 +5,10 @@ tslib_1.__exportStar(require("./ozen-default"), exports);
5
5
  tslib_1.__exportStar(require("./ozen-dark"), exports);
6
6
  tslib_1.__exportStar(require("./b-business-default"), exports);
7
7
  tslib_1.__exportStar(require("./b-business-dark"), exports);
8
+ tslib_1.__exportStar(require("./contrast-default"), exports);
9
+ tslib_1.__exportStar(require("./contrast-dark"), exports);
10
+ tslib_1.__exportStar(require("./b-business-contrast-default"), exports);
11
+ tslib_1.__exportStar(require("./b-business-contrast-dark"), exports);
8
12
  tslib_1.__exportStar(require("./vip-default"), exports);
9
13
  tslib_1.__exportStar(require("./vip-dark"), exports);
10
14
  tslib_1.__exportStar(require("./entity"), exports);
@@ -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;
@@ -13,33 +13,33 @@ exports.themeColorTokenOzenDark = (0, utility_1.createColorToken)('ozenDark', {
13
13
  'content-action': "#00bb00",
14
14
  'content-action-hover': "#039904",
15
15
  'content-action-pressed': "#067607",
16
- 'content-action-dark': "#99e499",
17
- 'content-action-secondary': "#9a9eb5",
16
+ 'content-action-dark': "#66d666",
17
+ 'content-action-secondary': "#ffffff",
18
18
  'content-action-secondary-hover': "#7e8194",
19
19
  'content-action-secondary-pressed': "#636574",
20
20
  'content-action-secondary-dark': "#d7d8e1",
21
- 'content-error': "#ff5959",
22
- 'content-error-hover': "#cf4a4b",
23
- 'content-error-pressed': "#9f3b3d",
24
- 'content-error-dark': "#ffbdbd",
25
- 'content-warning': "#ffac30",
26
- 'content-warning-hover': "#cf8d2a",
27
- 'content-warning-pressed': "#9f6d24",
28
- 'content-warning-dark': "#ffdeac",
21
+ 'content-error': "#ff3333",
22
+ 'content-error-hover': "#ee1111",
23
+ 'content-error-pressed': "#cc0000",
24
+ 'content-error-dark': "#ff6666",
25
+ 'content-warning': "#ff9f00",
26
+ 'content-warning-hover': "#e68f00",
27
+ 'content-warning-pressed': "#cc7f00",
28
+ 'content-warning-dark': "#ffb233",
29
29
  'content-success': "#00bb00",
30
30
  'content-success-hover': "#039904",
31
31
  'content-success-pressed': "#067607",
32
- 'content-success-dark': "#99e499",
33
- 'content-info': "#023dff",
34
- 'content-info-hover': "#0534d0",
35
- 'content-info-pressed': "#082ba0",
32
+ 'content-success-dark': "#66d666",
33
+ 'content-info': "#678bff",
34
+ 'content-info-hover': "#3564ff",
35
+ 'content-info-pressed': "#023dff",
36
36
  'content-info-dark': "#9ab1ff",
37
37
  'content-primary-inverse': "#1e1d22",
38
- 'content-accent-secondary': "#989aa5",
39
38
  'content-accent-primary': "#c7c8ce",
39
+ 'content-accent-secondary': "#989aa5",
40
40
  'content-accent-disabled': "#7b7e8c",
41
41
  'background-main': "#1e1d22",
42
- 'background-main-inverse': "#d9dade",
42
+ 'background-main-inverse': "#f5f5f8",
43
43
  'background-main-hover': "#2c2c33",
44
44
  'background-main-pressed': "#474853",
45
45
  'background-primary': "#17161a",
@@ -62,7 +62,7 @@ exports.themeColorTokenOzenDark = (0, utility_1.createColorToken)('ozenDark', {
62
62
  'background-accent-action-light': "#0a540b",
63
63
  'background-accent-action-light-hover': "#067607",
64
64
  'background-accent-action-light-pressed': "#039904",
65
- 'background-action-secondary': "#7e8194",
65
+ 'background-action-secondary': "#ffffff",
66
66
  'background-action-secondary-hover': "#9a9eb5",
67
67
  'background-action-secondary-pressed': "#aeb1c4",
68
68
  'background-action-secondary-active-disabled': "#636574",
@@ -72,24 +72,24 @@ exports.themeColorTokenOzenDark = (0, utility_1.createColorToken)('ozenDark', {
72
72
  'background-accent-action-secondary-light': "#2c2c33",
73
73
  'background-accent-action-secondary-light-hover': "#474853",
74
74
  'background-accent-action-secondary-light-pressed': "#636574",
75
- 'background-error': "#cf4a4b",
76
- 'background-error-hover': "#ff5959",
77
- 'background-error-pressed': "#ff7a7a",
78
- 'background-error-light': "#401e20",
79
- 'background-error-light-hover': "#702d2e",
80
- 'background-error-light-pressed': "#9f3b3d",
81
- 'background-accent-error-light': "#702d2e",
82
- 'background-accent-error-light-hover': "#9f3b3d",
83
- 'background-accent-error-light-pressed': "#cf4a4b",
84
- 'background-warning': "#cf8d2a",
85
- 'background-warning-hover': "#ffac30",
86
- 'background-warning-pressed': "#ffbd59",
87
- 'background-warning-light': "#402e18",
88
- 'background-warning-light-hover': "#704e1e",
89
- 'background-warning-light-pressed': "#9f6d24",
90
- 'background-accent-warning-light': "#704e1e",
91
- 'background-accent-warning-light-hover': "#9f6d24",
92
- 'background-accent-warning-light-pressed': "#cf8d2a",
75
+ 'background-error': "#cc0000",
76
+ 'background-error-hover': "#ee1111",
77
+ 'background-error-pressed': "#ff3333",
78
+ 'background-error-light': "#330000",
79
+ 'background-error-light-hover': "#550000",
80
+ 'background-error-light-pressed': "#770000",
81
+ 'background-accent-error-light': "#990000",
82
+ 'background-accent-error-light-hover': "#bb0000",
83
+ 'background-accent-error-light-pressed': "#cc0000",
84
+ 'background-warning': "#cc7f00",
85
+ 'background-warning-hover': "#e68f00",
86
+ 'background-warning-pressed': "#ff9f00",
87
+ 'background-warning-light': "#332000",
88
+ 'background-warning-light-hover': "#4d3000",
89
+ 'background-warning-light-pressed': "#663f00",
90
+ 'background-accent-warning-light': "#804f00",
91
+ 'background-accent-warning-light-hover': "#995f00",
92
+ 'background-accent-warning-light-pressed': "#b36f00",
93
93
  'background-success': "#039904",
94
94
  'background-success-hover': "#00bb00",
95
95
  'background-success-pressed': "#33c933",
@@ -113,8 +113,8 @@ exports.themeColorTokenOzenDark = (0, utility_1.createColorToken)('ozenDark', {
113
113
  'background-ghost-hover': "rgba(255, 255, 255, 0.2)",
114
114
  'background-ghost-pressed': "rgba(255, 255, 255, 0.3)",
115
115
  'background-ghost-disabled': "rgba(255, 255, 255, 0.4)",
116
- 'accent-main': "#14151b",
117
116
  'accent-primary': "#1b1c24",
117
+ 'accent-main': "#14151b",
118
118
  'accent-main-hover': "#1b1c24",
119
119
  'accent-main-pressed': "#252732",
120
120
  'accent-primary-hover': "#252732",
@@ -136,16 +136,16 @@ exports.themeColorTokenOzenDark = (0, utility_1.createColorToken)('ozenDark', {
136
136
  'border-disabled': "#474853",
137
137
  'border-ghost-disabled': "rgba(255, 255, 255, 0.4)",
138
138
  'border-focused': "#0d310e",
139
- 'border-action': "#039904",
140
- 'border-action-hover': "#067607",
141
- 'border-action-pressed': "#0a540b",
139
+ 'border-action': "#00bb00",
140
+ 'border-action-hover': "#039904",
141
+ 'border-action-pressed': "#067607",
142
142
  'border-action-secondary': "#d7d8e1",
143
143
  'border-action-secondary-hover': "#c2c5d3",
144
144
  'border-action-secondary-pressed': "#aeb1c4",
145
- 'border-error': "#cf4a4b",
146
- 'border-warning': "#cf8d2a",
147
- 'border-success': "#039904",
148
- 'border-info': "#0534d0",
145
+ 'border-error': "#ff3333",
146
+ 'border-warning': "#ff9f00",
147
+ 'border-success': "#00bb00",
148
+ 'border-info': "#678bff",
149
149
  'border-main-on': "#ffffff",
150
150
  'border-accent-main': "#989aa5",
151
151
  '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,23 @@
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-additional-a1: #5f4d36;
149
135
  --color-additional-a2: #d4aa6b;
150
- --color-additional-a3: #eeddc4;
136
+ --color-additional-a3: #e5cca6;
151
137
  --color-additional-b1: #763986;
152
138
  --color-additional-b2: #ba55d3;
153
139
  --color-additional-b3: #e3bbed;
@@ -5,53 +5,39 @@ require("./color-ozen-default.css");
5
5
  var utility_1 = require("../utility");
6
6
  exports.themeColorTokenOzenDefault = (0, utility_1.createColorToken)('ozenDefault', {
7
7
  'content-primary': "#17161a",
8
- 'content-secondary': "#636574",
9
- 'content-tertiary': "#7e8194",
8
+ 'content-secondary': "#474853",
9
+ 'content-tertiary': "#636574",
10
10
  'content-disabled': "#9a9eb5",
11
11
  'content-ghost-disabled': "rgba(255, 255, 255, 0.4)",
12
- 'content-action': "#00bb00",
13
- 'content-action-hover': "#039904",
14
- 'content-action-pressed': "#067607",
15
- 'content-action-dark': "#0a540b",
12
+ 'content-action': "#039904",
13
+ 'content-action-hover': "#067607",
14
+ 'content-action-pressed': "#0a540b",
15
+ 'content-action-dark': "#067607",
16
16
  'content-action-secondary': "#2c2c33",
17
17
  'content-action-secondary-hover': "#1e1d22",
18
18
  'content-action-secondary-pressed': "#17161a",
19
19
  'content-action-secondary-dark': "#17161a",
20
20
  'content-action-on': "#ffffff",
21
- 'content-error': "#ff5959",
22
- 'content-error-hover': "#cf4a4b",
23
- 'content-error-pressed': "#9f3b3d",
24
- 'content-error-dark': "#702d2e",
25
- 'content-warning': "#cf8d2a",
26
- 'content-warning-hover': "#9f6d24",
27
- 'content-warning-pressed': "#704e1e",
28
- 'content-warning-dark': "#402e18",
29
- 'content-success': "#00bb00",
30
- 'content-success-hover': "#039904",
31
- 'content-success-pressed': "#067607",
32
- 'content-success-dark': "#0a540b",
21
+ 'content-error': "#ee1111",
22
+ 'content-error-hover': "#cc0000",
23
+ 'content-error-pressed': "#bb0000",
24
+ 'content-error-dark': "#cc0000",
25
+ 'content-warning': "#cc7f00",
26
+ 'content-warning-hover': "#b36f00",
27
+ 'content-warning-pressed': "#995f00",
28
+ 'content-warning-dark': "#b36f00",
29
+ 'content-success': "#039904",
30
+ 'content-success-hover': "#067607",
31
+ 'content-success-pressed': "#0a540b",
32
+ 'content-success-dark': "#067607",
33
33
  'content-info': "#023dff",
34
34
  'content-info-hover': "#0534d0",
35
35
  'content-info-pressed': "#082ba0",
36
- 'content-info-dark': "#0a2171",
36
+ 'content-info-dark': "#0534d0",
37
37
  'content-primary-inverse': "#ffffff",
38
- 'content-accent-secondary': "#989aa5",
39
38
  'content-accent-primary': "#c7c8ce",
39
+ 'content-accent-secondary': "#989aa5",
40
40
  'content-accent-disabled': "#7b7e8c",
41
- 'accent-main': "#14151b",
42
- 'accent-primary': "#1b1c24",
43
- 'accent-main-hover': "#1b1c24",
44
- 'accent-main-pressed': "#252732",
45
- 'accent-primary-hover': "#252732",
46
- 'accent-primary-pressed': "#2f3240",
47
- 'accent-secondary': "#252732",
48
- 'accent-secondary-hover': "#2f3240",
49
- 'accent-secondary-pressed': "#393c4d",
50
- 'accent-tertiary': "#2f3240",
51
- 'accent-tertiary-hover': "#393c4d",
52
- 'accent-tertiary-pressed': "#43475b",
53
- 'accent-disabled': "#2f3240",
54
- 'accent-main-inverse': "#c7c8ce",
55
41
  'background-main': "#ffffff",
56
42
  'background-main-hover': "#f5f5f8",
57
43
  'background-main-pressed': "#ebecf0",
@@ -85,24 +71,24 @@ exports.themeColorTokenOzenDefault = (0, utility_1.createColorToken)('ozenDefaul
85
71
  'background-accent-action-secondary-light': "#636574",
86
72
  'background-accent-action-secondary-light-hover': "#474853",
87
73
  'background-accent-action-secondary-light-pressed': "#2c2c33",
88
- 'background-error': "#ff5959",
89
- 'background-error-hover': "#cf4a4b",
90
- 'background-error-pressed': "#9f3b3d",
91
- 'background-error-light': "#ffe6e6",
92
- 'background-error-light-hover': "#ffdede",
93
- 'background-error-light-pressed': "#ffbdbd",
94
- 'background-accent-error-light': "#9f3b3d",
95
- 'background-accent-error-light-hover': "#702d2e",
96
- 'background-accent-error-light-pressed': "#401e20",
97
- 'background-warning': "#ffac30",
98
- 'background-warning-hover': "#cf8d2a",
99
- 'background-warning-pressed': "#9f6d24",
100
- 'background-warning-light': "#fff3e0",
101
- 'background-warning-light-hover': "#ffeed6",
102
- 'background-warning-light-pressed': "#ffdeac",
103
- 'background-accent-warning-light': "#9f6d24",
104
- 'background-accent-warning-light-hover': "#704e1e",
105
- 'background-accent-warning-light-pressed': "#402e18",
74
+ 'background-error': "#ee1111",
75
+ 'background-error-hover': "#cc0000",
76
+ 'background-error-pressed': "#bb0000",
77
+ 'background-error-light': "#ffe5e5",
78
+ 'background-error-light-hover': "#ffcccc",
79
+ 'background-error-light-pressed': "#ff9999",
80
+ 'background-accent-error-light': "#bb0000",
81
+ 'background-accent-error-light-hover': "#990000",
82
+ 'background-accent-error-light-pressed': "#770000",
83
+ 'background-warning': "#ff9f00",
84
+ 'background-warning-hover': "#e68f00",
85
+ 'background-warning-pressed': "#cc7f00",
86
+ 'background-warning-light': "#fff0cc",
87
+ 'background-warning-light-hover': "#ffca80",
88
+ 'background-warning-light-pressed': "#ffb233",
89
+ 'background-accent-warning-light': "#995f00",
90
+ 'background-accent-warning-light-hover': "#804f00",
91
+ 'background-accent-warning-light-pressed': "#663f00",
106
92
  'background-success': "#00bb00",
107
93
  'background-success-hover': "#039904",
108
94
  'background-success-pressed': "#067607",
@@ -121,7 +107,7 @@ exports.themeColorTokenOzenDefault = (0, utility_1.createColorToken)('ozenDefaul
121
107
  'background-accent-info-light': "#082ba0",
122
108
  'background-accent-info-light-hover': "#0a2171",
123
109
  'background-accent-info-light-pressed': "#0d1841",
124
- 'background-main-inverse': "#0d0e12",
110
+ 'background-main-inverse': "#1e1d22",
125
111
  'background-overlay': "rgba(0, 0, 0, 0.5)",
126
112
  'background-ghost': "rgba(255, 255, 255, 0.1)",
127
113
  'background-ghost-hover': "rgba(255, 255, 255, 0.2)",
@@ -136,23 +122,23 @@ exports.themeColorTokenOzenDefault = (0, utility_1.createColorToken)('ozenDefaul
136
122
  'border-disabled': "#c2c5d3",
137
123
  'border-ghost-disabled': "rgba(255, 255, 255, 0.4)",
138
124
  'border-focused': "#99e499",
139
- 'border-action': "#00bb00",
140
- 'border-action-hover': "#039904",
141
- 'border-action-pressed': "#067607",
125
+ 'border-action': "#039904",
126
+ 'border-action-hover': "#067607",
127
+ 'border-action-pressed': "#0a540b",
142
128
  'border-action-secondary': "#2c2c33",
143
129
  'border-action-secondary-hover': "#1e1d22",
144
130
  'border-action-secondary-pressed': "#17161a",
145
- 'border-error': "#ff5959",
146
- 'border-warning': "#ffac30",
147
- 'border-success': "#00bb00",
131
+ 'border-error': "#ee1111",
132
+ 'border-warning': "#cc7f00",
133
+ 'border-success': "#039904",
148
134
  'border-info': "#023dff",
149
135
  'border-main-on': "#ffffff",
150
136
  'border-accent-main': "#989aa5",
151
137
  'border-accent-disabled': "#5f6374",
152
- 'border-accent-focused': "#0e290f",
153
- 'additional-a1': "#866c47",
138
+ 'border-accent-focused': "#0d310e",
139
+ 'additional-a1': "#5f4d36",
154
140
  'additional-a2': "#d4aa6b",
155
- 'additional-a3': "#eeddc4",
141
+ 'additional-a3': "#e5cca6",
156
142
  'additional-b1': "#763986",
157
143
  'additional-b2': "#ba55d3",
158
144
  'additional-b3': "#e3bbed",
@@ -96,7 +96,7 @@
96
96
  .Stack_justify_spaceAround {
97
97
  justify-content: space-around;
98
98
  }
99
- @media (min-width: 0) {
99
+ @media (min-width: 0px) {
100
100
  .Stack_direction_xs_row {
101
101
  flex-direction: row;
102
102
  }
@@ -42,7 +42,7 @@
42
42
  .Container_gutters_2xl {
43
43
  padding: 0 var(--spacing-l);
44
44
  }
45
- @media (min-width: 0) {
45
+ @media (min-width: 0px) {
46
46
  .Container_gutters_xs_xs {
47
47
  padding: 0 var(--spacing-3xs);
48
48
  }
@@ -176,7 +176,7 @@
176
176
  .Grid_justify_center {
177
177
  justify-items: center;
178
178
  }
179
- @media (min-width: 0) {
179
+ @media (min-width: 0px) {
180
180
  .Grid_gap_xs_0 {
181
181
  grid-gap: 0;
182
182
  }
@@ -930,7 +930,7 @@
930
930
  .GridItem_rowStart_6 {
931
931
  --grid-row-start: 6;
932
932
  }
933
- @media (min-width: 0) {
933
+ @media (min-width: 0px) {
934
934
  .GridItem_col_xs_1 {
935
935
  --grid-col-start: auto;
936
936
  --grid-col-end: span 1;