@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,174 @@
1
+ import './color-contrast-dark.css';
2
+ import { createColorToken } from '../utility';
3
+ export var themeColorTokenContrastDark = createColorToken('contrastDark', {
4
+ 'content-action-on': "#ffffff",
5
+ 'content-secondary': "#aeb1c4",
6
+ 'content-primary': "#ffffff",
7
+ 'content-tertiary': "#7e8194",
8
+ 'content-disabled': "#636574",
9
+ 'content-ghost-disabled': "rgba(255, 255, 255, 0.4)",
10
+ 'content-action': "#00bb00",
11
+ 'content-action-hover': "#039904",
12
+ 'content-action-pressed': "#067607",
13
+ 'content-action-dark': "#66d666",
14
+ 'content-action-secondary': "#ffffff",
15
+ 'content-action-secondary-hover': "#7e8194",
16
+ 'content-action-secondary-pressed': "#636574",
17
+ 'content-action-secondary-dark': "#d7d8e1",
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
+ 'content-success': "#00bb00",
27
+ 'content-success-hover': "#039904",
28
+ 'content-success-pressed': "#067607",
29
+ 'content-success-dark': "#66d666",
30
+ 'content-info': "#678bff",
31
+ 'content-info-hover': "#3564ff",
32
+ 'content-info-pressed': "#023dff",
33
+ 'content-info-dark': "#9ab1ff",
34
+ 'content-primary-inverse': "#1e1d22",
35
+ 'content-accent-primary': "#c7c8ce",
36
+ 'content-accent-secondary': "#989aa5",
37
+ 'content-accent-disabled': "#7b7e8c",
38
+ 'background-main': "#1e1d22",
39
+ 'background-main-inverse': "#f5f5f8",
40
+ 'background-main-hover': "#2c2c33",
41
+ 'background-main-pressed': "#474853",
42
+ 'background-primary': "#17161a",
43
+ 'background-primary-hover': "#1e1d22",
44
+ 'background-primary-pressed': "#2c2c33",
45
+ 'background-secondary': "#2c2c33",
46
+ 'background-secondary-hover': "#474853",
47
+ 'background-secondary-pressed': "#636574",
48
+ 'background-tertiary': "#474853",
49
+ 'background-tertiary-hover': "#636574",
50
+ 'background-tertiary-pressed': "#7e8194",
51
+ 'background-disabled': "#2c2c33",
52
+ 'background-action': "#039904",
53
+ 'background-action-hover': "#00bb00",
54
+ 'background-action-pressed': "#33c933",
55
+ 'background-action-active-disabled': "#0a540b",
56
+ 'background-action-light': "#0d310e",
57
+ 'background-action-light-hover': "#0a540b",
58
+ 'background-action-light-pressed': "#067607",
59
+ 'background-accent-action-light': "#0a540b",
60
+ 'background-accent-action-light-hover': "#067607",
61
+ 'background-accent-action-light-pressed': "#039904",
62
+ 'background-action-secondary': "#ffffff",
63
+ 'background-action-secondary-hover': "#9a9eb5",
64
+ 'background-action-secondary-pressed': "#aeb1c4",
65
+ 'background-action-secondary-active-disabled': "#636574",
66
+ 'background-action-secondary-light': "#2c2c33",
67
+ 'background-action-secondary-light-hover': "#474853",
68
+ 'background-action-secondary-light-pressed': "#636574",
69
+ 'background-accent-action-secondary-light': "#2c2c33",
70
+ 'background-accent-action-secondary-light-hover': "#474853",
71
+ 'background-accent-action-secondary-light-pressed': "#636574",
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
+ 'background-success': "#039904",
91
+ 'background-success-hover': "#00bb00",
92
+ 'background-success-pressed': "#33c933",
93
+ 'background-success-light': "#0d310e",
94
+ 'background-success-light-hover': "#0a540b",
95
+ 'background-success-light-pressed': "#067607",
96
+ 'background-accent-success-light': "#0a540b",
97
+ 'background-accent-success-light-hover': "#067607",
98
+ 'background-accent-success-light-pressed': "#039904",
99
+ 'background-info': "#0534d0",
100
+ 'background-info-hover': "#023dff",
101
+ 'background-info-pressed': "#3564ff",
102
+ 'background-info-light': "#0d1841",
103
+ 'background-info-light-hover': "#0a2171",
104
+ 'background-info-light-pressed': "#082ba0",
105
+ 'background-accent-info-light': "#0a2171",
106
+ 'background-accent-info-light-hover': "#082ba0",
107
+ 'background-accent-info-light-pressed': "#0534d0",
108
+ 'background-overlay': "rgba(0, 0, 0, 0.6)",
109
+ 'background-ghost': "rgba(255, 255, 255, 0.1)",
110
+ 'background-ghost-hover': "rgba(255, 255, 255, 0.2)",
111
+ 'background-ghost-pressed': "rgba(255, 255, 255, 0.3)",
112
+ 'background-ghost-disabled': "rgba(255, 255, 255, 0.4)",
113
+ 'accent-primary': "#1b1c24",
114
+ 'accent-main': "#14151b",
115
+ 'accent-main-hover': "#1b1c24",
116
+ 'accent-main-pressed': "#252732",
117
+ 'accent-primary-hover': "#252732",
118
+ 'accent-primary-pressed': "#2f3240",
119
+ 'accent-secondary': "#252732",
120
+ 'accent-secondary-hover': "#2f3240",
121
+ 'accent-secondary-pressed': "#393c4d",
122
+ 'accent-tertiary': "#2f3240",
123
+ 'accent-tertiary-hover': "#393c4d",
124
+ 'accent-tertiary-pressed': "#43475b",
125
+ 'accent-disabled': "#2f3240",
126
+ 'accent-main-inverse': "#c7c8ce",
127
+ 'border-main': "#474853",
128
+ 'border-main-hover': "#636574",
129
+ 'border-main-pressed': "#7e8194",
130
+ 'border-secondary': "#2c2c33",
131
+ 'border-secondary-hover': "#474853",
132
+ 'border-secondary-pressed': "#636574",
133
+ 'border-disabled': "#474853",
134
+ 'border-ghost-disabled': "rgba(255, 255, 255, 0.4)",
135
+ 'border-focused': "#0d310e",
136
+ 'border-action': "#00bb00",
137
+ 'border-action-hover': "#039904",
138
+ 'border-action-pressed': "#067607",
139
+ 'border-action-secondary': "#d7d8e1",
140
+ 'border-action-secondary-hover': "#c2c5d3",
141
+ 'border-action-secondary-pressed': "#aeb1c4",
142
+ 'border-error': "#ff3333",
143
+ 'border-warning': "#ff9f00",
144
+ 'border-success': "#00bb00",
145
+ 'border-info': "#678bff",
146
+ 'border-main-on': "#ffffff",
147
+ 'border-accent-main': "#989aa5",
148
+ 'border-accent-disabled': "#5f6374",
149
+ 'border-accent-focused': "#0d310e",
150
+ 'additional-a1': "#866c47",
151
+ 'additional-a2': "#d4aa6b",
152
+ 'additional-a3': "#eeddc4",
153
+ 'additional-b1': "#763986",
154
+ 'additional-b2': "#ba55d3",
155
+ 'additional-b3': "#e3bbed",
156
+ 'additional-c1': "#638125",
157
+ 'additional-c2': "#9acd32",
158
+ 'additional-c3': "#d7ebad",
159
+ 'additional-d1': "#23867f",
160
+ 'additional-d2': "#30d5c8",
161
+ 'additional-d3': "#aceee9",
162
+ 'additional-e1': "#9f5237",
163
+ 'additional-e2': "#ff7f50",
164
+ 'additional-e3': "#ffccb9",
165
+ 'additional-f1': "#1966a0",
166
+ 'additional-f2': "#1fa1ff",
167
+ 'additional-f3': "#a5d9ff",
168
+ 'additional-g1': "#9a4270",
169
+ 'additional-g2': "#f664af",
170
+ 'additional-g3': "#fbc1df",
171
+ 'additional-h1': "#9f891a",
172
+ 'additional-h2': "#ffda1f",
173
+ 'additional-h3': "#fff0a5",
174
+ });
@@ -0,0 +1 @@
1
+ export * from './color-contrast-dark';
@@ -0,0 +1,158 @@
1
+ .OzenProvider_color_contrastDefault {
2
+ --color-content-primary: #17161a;
3
+ --color-content-secondary: #2c2c33;
4
+ --color-content-tertiary: #474853;
5
+ --color-content-disabled: #9a9eb5;
6
+ --color-content-ghost-disabled: rgb(255 255 255 / 40%);
7
+ --color-content-action: #0a540b;
8
+ --color-content-action-hover: #0d310e;
9
+ --color-content-action-pressed: #0e290f;
10
+ --color-content-action-dark: #0d310e;
11
+ --color-content-action-secondary: #2c2c33;
12
+ --color-content-action-secondary-hover: #1e1d22;
13
+ --color-content-action-secondary-pressed: #17161a;
14
+ --color-content-action-secondary-dark: #17161a;
15
+ --color-content-action-on: #fff;
16
+ --color-content-error: #900;
17
+ --color-content-error-hover: #700;
18
+ --color-content-error-pressed: #500;
19
+ --color-content-error-dark: #700;
20
+ --color-content-warning: #663f00;
21
+ --color-content-warning-hover: #4d3000;
22
+ --color-content-warning-pressed: #332000;
23
+ --color-content-warning-dark: #4d3000;
24
+ --color-content-success: #0a540b;
25
+ --color-content-success-hover: #0d310e;
26
+ --color-content-success-pressed: #0e290f;
27
+ --color-content-success-dark: #0d310e;
28
+ --color-content-info: #082ba0;
29
+ --color-content-info-hover: #0a2171;
30
+ --color-content-info-pressed: #0d1841;
31
+ --color-content-info-dark: #0a2171;
32
+ --color-content-primary-inverse: #17161a;
33
+ --color-content-accent-primary: #1b1c24;
34
+ --color-content-accent-secondary: #14151b;
35
+ --color-content-accent-disabled: #14151b;
36
+ --color-background-main: #fff;
37
+ --color-background-main-hover: #f5f5f8;
38
+ --color-background-main-pressed: #ebecf0;
39
+ --color-background-primary: #f5f5f8;
40
+ --color-background-primary-hover: #ebecf0;
41
+ --color-background-primary-pressed: #d7d8e1;
42
+ --color-background-secondary: #ebecf0;
43
+ --color-background-secondary-hover: #d7d8e1;
44
+ --color-background-secondary-pressed: #c2c5d3;
45
+ --color-background-tertiary: #d7d8e1;
46
+ --color-background-tertiary-hover: #c2c5d3;
47
+ --color-background-tertiary-pressed: #aeb1c4;
48
+ --color-background-disabled: #ebecf0;
49
+ --color-background-action: #0a540b;
50
+ --color-background-action-hover: #0d310e;
51
+ --color-background-action-pressed: #0e290f;
52
+ --color-background-action-active-disabled: #99e499;
53
+ --color-background-action-light: #d9f5d9;
54
+ --color-background-action-light-hover: #ccf1cc;
55
+ --color-background-action-light-pressed: #99e499;
56
+ --color-background-accent-action-light: #067607;
57
+ --color-background-accent-action-light-hover: #0a540b;
58
+ --color-background-accent-action-light-pressed: #0d310e;
59
+ --color-background-action-secondary: #2c2c33;
60
+ --color-background-action-secondary-hover: #1e1d22;
61
+ --color-background-action-secondary-pressed: #17161a;
62
+ --color-background-action-secondary-active-disabled: #c2c5d3;
63
+ --color-background-action-secondary-light: #ebecf0;
64
+ --color-background-action-secondary-light-hover: #d7d8e1;
65
+ --color-background-action-secondary-light-pressed: #c2c5d3;
66
+ --color-background-accent-action-secondary-light: #636574;
67
+ --color-background-accent-action-secondary-light-hover: #474853;
68
+ --color-background-accent-action-secondary-light-pressed: #2c2c33;
69
+ --color-background-error: #900;
70
+ --color-background-error-hover: #700;
71
+ --color-background-error-pressed: #500;
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: #663f00;
79
+ --color-background-warning-hover: #4d3000;
80
+ --color-background-warning-pressed: #332000;
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;
87
+ --color-background-success: #0a540b;
88
+ --color-background-success-hover: #0d310e;
89
+ --color-background-success-pressed: #0e290f;
90
+ --color-background-success-light: #d9f5d9;
91
+ --color-background-success-light-hover: #ccf1cc;
92
+ --color-background-success-light-pressed: #99e499;
93
+ --color-background-accent-success-light: #067607;
94
+ --color-background-accent-success-light-hover: #0a540b;
95
+ --color-background-accent-success-light-pressed: #0d310e;
96
+ --color-background-info: #023dff;
97
+ --color-background-info-hover: #0534d0;
98
+ --color-background-info-pressed: #082ba0;
99
+ --color-background-info-light: #d9e2ff;
100
+ --color-background-info-light-hover: #ccd8ff;
101
+ --color-background-info-light-pressed: #9ab1ff;
102
+ --color-background-accent-info-light: #082ba0;
103
+ --color-background-accent-info-light-hover: #0a2171;
104
+ --color-background-accent-info-light-pressed: #0d1841;
105
+ --color-background-main-inverse: #1e1d22;
106
+ --color-background-overlay: rgb(0 0 0 / 50%);
107
+ --color-background-ghost: rgb(255 255 255 / 10%);
108
+ --color-background-ghost-hover: rgb(255 255 255 / 20%);
109
+ --color-background-ghost-pressed: rgb(255 255 255 / 30%);
110
+ --color-background-ghost-disabled: rgb(255 255 255 / 40%);
111
+ --color-border-main: #c2c5d3;
112
+ --color-border-main-hover: #aeb1c4;
113
+ --color-border-main-pressed: #9a9eb5;
114
+ --color-border-secondary: #d7d8e1;
115
+ --color-border-secondary-hover: #c2c5d3;
116
+ --color-border-secondary-pressed: #aeb1c4;
117
+ --color-border-disabled: #c2c5d3;
118
+ --color-border-ghost-disabled: rgb(255 255 255 / 40%);
119
+ --color-border-focused: #0b0;
120
+ --color-border-action: #0a540b;
121
+ --color-border-action-hover: #0d310e;
122
+ --color-border-action-pressed: #0e290f;
123
+ --color-border-action-secondary: #2c2c33;
124
+ --color-border-action-secondary-hover: #1e1d22;
125
+ --color-border-action-secondary-pressed: #17161a;
126
+ --color-border-error: #900;
127
+ --color-border-warning: #663f00;
128
+ --color-border-success: #0a540b;
129
+ --color-border-info: #082ba0;
130
+ --color-border-main-on: #fff;
131
+ --color-border-accent-main: #989aa5;
132
+ --color-border-accent-disabled: #5f6374;
133
+ --color-border-accent-focused: #0e2010;
134
+ --color-additional-a1: #5f4d36;
135
+ --color-additional-a2: #d4aa6b;
136
+ --color-additional-a3: #e5cca6;
137
+ --color-additional-b1: #763986;
138
+ --color-additional-b2: #ba55d3;
139
+ --color-additional-b3: #e3bbed;
140
+ --color-additional-c1: #638125;
141
+ --color-additional-c2: #9acd32;
142
+ --color-additional-c3: #d7ebad;
143
+ --color-additional-d1: #23867f;
144
+ --color-additional-d2: #30d5c8;
145
+ --color-additional-d3: #aceee9;
146
+ --color-additional-e1: #9f5237;
147
+ --color-additional-e2: #ff7f50;
148
+ --color-additional-e3: #ffccb9;
149
+ --color-additional-f1: #1966a0;
150
+ --color-additional-f2: #1fa1ff;
151
+ --color-additional-f3: #a5d9ff;
152
+ --color-additional-g1: #9a4270;
153
+ --color-additional-g2: #f664af;
154
+ --color-additional-g3: #fbc1df;
155
+ --color-additional-h1: #9f891a;
156
+ --color-additional-h2: #ffda1f;
157
+ --color-additional-h3: #fff0a5;
158
+ }
@@ -0,0 +1,160 @@
1
+ import './color-contrast-default.css';
2
+ import { createColorToken } from '../utility';
3
+ export var themeColorTokenContrastDefault = createColorToken('contrastDefault', {
4
+ 'content-primary': "#17161a",
5
+ 'content-secondary': "#2c2c33",
6
+ 'content-tertiary': "#474853",
7
+ 'content-disabled': "#9a9eb5",
8
+ 'content-ghost-disabled': "rgba(255, 255, 255, 0.4)",
9
+ 'content-action': "#0a540b",
10
+ 'content-action-hover': "#0d310e",
11
+ 'content-action-pressed': "#0e290f",
12
+ 'content-action-dark': "#0d310e",
13
+ 'content-action-secondary': "#2c2c33",
14
+ 'content-action-secondary-hover': "#1e1d22",
15
+ 'content-action-secondary-pressed': "#17161a",
16
+ 'content-action-secondary-dark': "#17161a",
17
+ 'content-action-on': "#ffffff",
18
+ 'content-error': "#990000",
19
+ 'content-error-hover': "#770000",
20
+ 'content-error-pressed': "#550000",
21
+ 'content-error-dark': "#770000",
22
+ 'content-warning': "#663f00",
23
+ 'content-warning-hover': "#4d3000",
24
+ 'content-warning-pressed': "#332000",
25
+ 'content-warning-dark': "#4d3000",
26
+ 'content-success': "#0a540b",
27
+ 'content-success-hover': "#0d310e",
28
+ 'content-success-pressed': "#0e290f",
29
+ 'content-success-dark': "#0d310e",
30
+ 'content-info': "#082ba0",
31
+ 'content-info-hover': "#0a2171",
32
+ 'content-info-pressed': "#0d1841",
33
+ 'content-info-dark': "#0a2171",
34
+ 'content-primary-inverse': "#17161a",
35
+ 'content-accent-primary': "#1b1c24",
36
+ 'content-accent-secondary': "#14151b",
37
+ 'content-accent-disabled': "#14151b",
38
+ 'background-main': "#ffffff",
39
+ 'background-main-hover': "#f5f5f8",
40
+ 'background-main-pressed': "#ebecf0",
41
+ 'background-primary': "#f5f5f8",
42
+ 'background-primary-hover': "#ebecf0",
43
+ 'background-primary-pressed': "#d7d8e1",
44
+ 'background-secondary': "#ebecf0",
45
+ 'background-secondary-hover': "#d7d8e1",
46
+ 'background-secondary-pressed': "#c2c5d3",
47
+ 'background-tertiary': "#d7d8e1",
48
+ 'background-tertiary-hover': "#c2c5d3",
49
+ 'background-tertiary-pressed': "#aeb1c4",
50
+ 'background-disabled': "#ebecf0",
51
+ 'background-action': "#0a540b",
52
+ 'background-action-hover': "#0d310e",
53
+ 'background-action-pressed': "#0e290f",
54
+ 'background-action-active-disabled': "#99e499",
55
+ 'background-action-light': "#d9f5d9",
56
+ 'background-action-light-hover': "#ccf1cc",
57
+ 'background-action-light-pressed': "#99e499",
58
+ 'background-accent-action-light': "#067607",
59
+ 'background-accent-action-light-hover': "#0a540b",
60
+ 'background-accent-action-light-pressed': "#0d310e",
61
+ 'background-action-secondary': "#2c2c33",
62
+ 'background-action-secondary-hover': "#1e1d22",
63
+ 'background-action-secondary-pressed': "#17161a",
64
+ 'background-action-secondary-active-disabled': "#c2c5d3",
65
+ 'background-action-secondary-light': "#ebecf0",
66
+ 'background-action-secondary-light-hover': "#d7d8e1",
67
+ 'background-action-secondary-light-pressed': "#c2c5d3",
68
+ 'background-accent-action-secondary-light': "#636574",
69
+ 'background-accent-action-secondary-light-hover': "#474853",
70
+ 'background-accent-action-secondary-light-pressed': "#2c2c33",
71
+ 'background-error': "#990000",
72
+ 'background-error-hover': "#770000",
73
+ 'background-error-pressed': "#550000",
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': "#663f00",
81
+ 'background-warning-hover': "#4d3000",
82
+ 'background-warning-pressed': "#332000",
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",
89
+ 'background-success': "#0a540b",
90
+ 'background-success-hover': "#0d310e",
91
+ 'background-success-pressed': "#0e290f",
92
+ 'background-success-light': "#d9f5d9",
93
+ 'background-success-light-hover': "#ccf1cc",
94
+ 'background-success-light-pressed': "#99e499",
95
+ 'background-accent-success-light': "#067607",
96
+ 'background-accent-success-light-hover': "#0a540b",
97
+ 'background-accent-success-light-pressed': "#0d310e",
98
+ 'background-info': "#023dff",
99
+ 'background-info-hover': "#0534d0",
100
+ 'background-info-pressed': "#082ba0",
101
+ 'background-info-light': "#d9e2ff",
102
+ 'background-info-light-hover': "#ccd8ff",
103
+ 'background-info-light-pressed': "#9ab1ff",
104
+ 'background-accent-info-light': "#082ba0",
105
+ 'background-accent-info-light-hover': "#0a2171",
106
+ 'background-accent-info-light-pressed': "#0d1841",
107
+ 'background-main-inverse': "#1e1d22",
108
+ 'background-overlay': "rgba(0, 0, 0, 0.5)",
109
+ 'background-ghost': "rgba(255, 255, 255, 0.1)",
110
+ 'background-ghost-hover': "rgba(255, 255, 255, 0.2)",
111
+ 'background-ghost-pressed': "rgba(255, 255, 255, 0.3)",
112
+ 'background-ghost-disabled': "rgba(255, 255, 255, 0.4)",
113
+ 'border-main': "#c2c5d3",
114
+ 'border-main-hover': "#aeb1c4",
115
+ 'border-main-pressed': "#9a9eb5",
116
+ 'border-secondary': "#d7d8e1",
117
+ 'border-secondary-hover': "#c2c5d3",
118
+ 'border-secondary-pressed': "#aeb1c4",
119
+ 'border-disabled': "#c2c5d3",
120
+ 'border-ghost-disabled': "rgba(255, 255, 255, 0.4)",
121
+ 'border-focused': "#00bb00",
122
+ 'border-action': "#0a540b",
123
+ 'border-action-hover': "#0d310e",
124
+ 'border-action-pressed': "#0e290f",
125
+ 'border-action-secondary': "#2c2c33",
126
+ 'border-action-secondary-hover': "#1e1d22",
127
+ 'border-action-secondary-pressed': "#17161a",
128
+ 'border-error': "#990000",
129
+ 'border-warning': "#663f00",
130
+ 'border-success': "#0a540b",
131
+ 'border-info': "#082ba0",
132
+ 'border-main-on': "#ffffff",
133
+ 'border-accent-main': "#989aa5",
134
+ 'border-accent-disabled': "#5f6374",
135
+ 'border-accent-focused': "#0e2010",
136
+ 'additional-a1': "#5f4d36",
137
+ 'additional-a2': "#d4aa6b",
138
+ 'additional-a3': "#e5cca6",
139
+ 'additional-b1': "#763986",
140
+ 'additional-b2': "#ba55d3",
141
+ 'additional-b3': "#e3bbed",
142
+ 'additional-c1': "#638125",
143
+ 'additional-c2': "#9acd32",
144
+ 'additional-c3': "#d7ebad",
145
+ 'additional-d1': "#23867f",
146
+ 'additional-d2': "#30d5c8",
147
+ 'additional-d3': "#aceee9",
148
+ 'additional-e1': "#9f5237",
149
+ 'additional-e2': "#ff7f50",
150
+ 'additional-e3': "#ffccb9",
151
+ 'additional-f1': "#1966a0",
152
+ 'additional-f2': "#1fa1ff",
153
+ 'additional-f3': "#a5d9ff",
154
+ 'additional-g1': "#9a4270",
155
+ 'additional-g2': "#f664af",
156
+ 'additional-g3': "#fbc1df",
157
+ 'additional-h1': "#9f891a",
158
+ 'additional-h2': "#ffda1f",
159
+ 'additional-h3': "#fff0a5",
160
+ });
@@ -0,0 +1 @@
1
+ export * from './color-contrast-default';
@@ -2,6 +2,10 @@ export * from './ozen-default';
2
2
  export * from './ozen-dark';
3
3
  export * from './b-business-default';
4
4
  export * from './b-business-dark';
5
+ export * from './contrast-default';
6
+ export * from './contrast-dark';
7
+ export * from './b-business-contrast-default';
8
+ export * from './b-business-contrast-dark';
5
9
  export * from './vip-default';
6
10
  export * from './vip-dark';
7
11
  export * from './entity';
@@ -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;