@ozen-ui/kit 0.85.0 → 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.
- package/__inner__/cjs/components/Container/Container.css +1 -1
- package/__inner__/cjs/components/Grid/Grid.css +2 -2
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.css +21 -21
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.js +21 -21
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.css +33 -33
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.js +33 -33
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.css +47 -61
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.js +47 -61
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.css +0 -14
- package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.js +0 -14
- package/__inner__/cjs/components/Stack/Stack.css +1 -1
- package/__inner__/esm/components/Container/Container.css +1 -1
- package/__inner__/esm/components/Grid/Grid.css +2 -2
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.css +21 -21
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-dark/color-b-business-contrast-dark.js +21 -21
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.css +33 -33
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/b-business-contrast-default/color-b-business-contrast-default.js +33 -33
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.css +47 -61
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/contrast-default/color-contrast-default.js +47 -61
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.css +0 -14
- package/__inner__/esm/components/OzenProvider/providers/theme/tokens/color/ozen-default/color-ozen-default.js +0 -14
- package/__inner__/esm/components/Stack/Stack.css +1 -1
- package/__inner__/types/components/OzenProvider/providers/theme/tokens/color/entity.d.ts +14 -14
- package/package.json +4 -4
|
@@ -5,39 +5,39 @@ require("./color-contrast-default.css");
|
|
|
5
5
|
var utility_1 = require("../utility");
|
|
6
6
|
exports.themeColorTokenContrastDefault = (0, utility_1.createColorToken)('contrastDefault', {
|
|
7
7
|
'content-primary': "#17161a",
|
|
8
|
-
'content-secondary': "#
|
|
9
|
-
'content-tertiary': "#
|
|
8
|
+
'content-secondary': "#2c2c33",
|
|
9
|
+
'content-tertiary': "#474853",
|
|
10
10
|
'content-disabled': "#9a9eb5",
|
|
11
11
|
'content-ghost-disabled': "rgba(255, 255, 255, 0.4)",
|
|
12
|
-
'content-action': "#
|
|
13
|
-
'content-action-hover': "#
|
|
14
|
-
'content-action-pressed': "#
|
|
15
|
-
'content-action-dark': "#
|
|
12
|
+
'content-action': "#0a540b",
|
|
13
|
+
'content-action-hover': "#0d310e",
|
|
14
|
+
'content-action-pressed': "#0e290f",
|
|
15
|
+
'content-action-dark': "#0d310e",
|
|
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': "#
|
|
22
|
-
'content-error-hover': "#
|
|
23
|
-
'content-error-pressed': "#
|
|
24
|
-
'content-error-dark': "#
|
|
25
|
-
'content-warning': "#
|
|
26
|
-
'content-warning-hover': "#
|
|
27
|
-
'content-warning-pressed': "#
|
|
28
|
-
'content-warning-dark': "#
|
|
29
|
-
'content-success': "#
|
|
30
|
-
'content-success-hover': "#
|
|
31
|
-
'content-success-pressed': "#
|
|
32
|
-
'content-success-dark': "#
|
|
33
|
-
'content-info': "#
|
|
34
|
-
'content-info-hover': "#
|
|
35
|
-
'content-info-pressed': "#
|
|
36
|
-
'content-info-dark': "#
|
|
37
|
-
'content-primary-inverse': "#
|
|
38
|
-
'content-accent-primary': "#
|
|
39
|
-
'content-accent-secondary': "#
|
|
40
|
-
'content-accent-disabled': "#
|
|
21
|
+
'content-error': "#990000",
|
|
22
|
+
'content-error-hover': "#770000",
|
|
23
|
+
'content-error-pressed': "#550000",
|
|
24
|
+
'content-error-dark': "#770000",
|
|
25
|
+
'content-warning': "#663f00",
|
|
26
|
+
'content-warning-hover': "#4d3000",
|
|
27
|
+
'content-warning-pressed': "#332000",
|
|
28
|
+
'content-warning-dark': "#4d3000",
|
|
29
|
+
'content-success': "#0a540b",
|
|
30
|
+
'content-success-hover': "#0d310e",
|
|
31
|
+
'content-success-pressed': "#0e290f",
|
|
32
|
+
'content-success-dark': "#0d310e",
|
|
33
|
+
'content-info': "#082ba0",
|
|
34
|
+
'content-info-hover': "#0a2171",
|
|
35
|
+
'content-info-pressed': "#0d1841",
|
|
36
|
+
'content-info-dark': "#0a2171",
|
|
37
|
+
'content-primary-inverse': "#17161a",
|
|
38
|
+
'content-accent-primary': "#1b1c24",
|
|
39
|
+
'content-accent-secondary': "#14151b",
|
|
40
|
+
'content-accent-disabled': "#14151b",
|
|
41
41
|
'background-main': "#ffffff",
|
|
42
42
|
'background-main-hover': "#f5f5f8",
|
|
43
43
|
'background-main-pressed': "#ebecf0",
|
|
@@ -51,9 +51,9 @@ exports.themeColorTokenContrastDefault = (0, utility_1.createColorToken)('contra
|
|
|
51
51
|
'background-tertiary-hover': "#c2c5d3",
|
|
52
52
|
'background-tertiary-pressed': "#aeb1c4",
|
|
53
53
|
'background-disabled': "#ebecf0",
|
|
54
|
-
'background-action': "#
|
|
55
|
-
'background-action-hover': "#
|
|
56
|
-
'background-action-pressed': "#
|
|
54
|
+
'background-action': "#0a540b",
|
|
55
|
+
'background-action-hover': "#0d310e",
|
|
56
|
+
'background-action-pressed': "#0e290f",
|
|
57
57
|
'background-action-active-disabled': "#99e499",
|
|
58
58
|
'background-action-light': "#d9f5d9",
|
|
59
59
|
'background-action-light-hover': "#ccf1cc",
|
|
@@ -71,27 +71,27 @@ exports.themeColorTokenContrastDefault = (0, utility_1.createColorToken)('contra
|
|
|
71
71
|
'background-accent-action-secondary-light': "#636574",
|
|
72
72
|
'background-accent-action-secondary-light-hover': "#474853",
|
|
73
73
|
'background-accent-action-secondary-light-pressed': "#2c2c33",
|
|
74
|
-
'background-error': "#
|
|
75
|
-
'background-error-hover': "#
|
|
76
|
-
'background-error-pressed': "#
|
|
74
|
+
'background-error': "#990000",
|
|
75
|
+
'background-error-hover': "#770000",
|
|
76
|
+
'background-error-pressed': "#550000",
|
|
77
77
|
'background-error-light': "#ffe5e5",
|
|
78
78
|
'background-error-light-hover': "#ffcccc",
|
|
79
79
|
'background-error-light-pressed': "#ff9999",
|
|
80
80
|
'background-accent-error-light': "#bb0000",
|
|
81
81
|
'background-accent-error-light-hover': "#990000",
|
|
82
82
|
'background-accent-error-light-pressed': "#770000",
|
|
83
|
-
'background-warning': "#
|
|
84
|
-
'background-warning-hover': "#
|
|
85
|
-
'background-warning-pressed': "#
|
|
83
|
+
'background-warning': "#663f00",
|
|
84
|
+
'background-warning-hover': "#4d3000",
|
|
85
|
+
'background-warning-pressed': "#332000",
|
|
86
86
|
'background-warning-light': "#fff0cc",
|
|
87
87
|
'background-warning-light-hover': "#ffca80",
|
|
88
88
|
'background-warning-light-pressed': "#ffb233",
|
|
89
89
|
'background-accent-warning-light': "#995f00",
|
|
90
90
|
'background-accent-warning-light-hover': "#804f00",
|
|
91
91
|
'background-accent-warning-light-pressed': "#663f00",
|
|
92
|
-
'background-success': "#
|
|
93
|
-
'background-success-hover': "#
|
|
94
|
-
'background-success-pressed': "#
|
|
92
|
+
'background-success': "#0a540b",
|
|
93
|
+
'background-success-hover': "#0d310e",
|
|
94
|
+
'background-success-pressed': "#0e290f",
|
|
95
95
|
'background-success-light': "#d9f5d9",
|
|
96
96
|
'background-success-light-hover': "#ccf1cc",
|
|
97
97
|
'background-success-light-pressed': "#99e499",
|
|
@@ -121,35 +121,21 @@ exports.themeColorTokenContrastDefault = (0, utility_1.createColorToken)('contra
|
|
|
121
121
|
'border-secondary-pressed': "#aeb1c4",
|
|
122
122
|
'border-disabled': "#c2c5d3",
|
|
123
123
|
'border-ghost-disabled': "rgba(255, 255, 255, 0.4)",
|
|
124
|
-
'border-focused': "#
|
|
125
|
-
'border-action': "#
|
|
126
|
-
'border-action-hover': "#
|
|
127
|
-
'border-action-pressed': "#
|
|
124
|
+
'border-focused': "#00bb00",
|
|
125
|
+
'border-action': "#0a540b",
|
|
126
|
+
'border-action-hover': "#0d310e",
|
|
127
|
+
'border-action-pressed': "#0e290f",
|
|
128
128
|
'border-action-secondary': "#2c2c33",
|
|
129
129
|
'border-action-secondary-hover': "#1e1d22",
|
|
130
130
|
'border-action-secondary-pressed': "#17161a",
|
|
131
|
-
'border-error': "#
|
|
132
|
-
'border-warning': "#
|
|
133
|
-
'border-success': "#
|
|
134
|
-
'border-info': "#
|
|
131
|
+
'border-error': "#990000",
|
|
132
|
+
'border-warning': "#663f00",
|
|
133
|
+
'border-success': "#0a540b",
|
|
134
|
+
'border-info': "#082ba0",
|
|
135
135
|
'border-main-on': "#ffffff",
|
|
136
136
|
'border-accent-main': "#989aa5",
|
|
137
137
|
'border-accent-disabled': "#5f6374",
|
|
138
|
-
'border-accent-focused': "#
|
|
139
|
-
'accent-main': "#14151b",
|
|
140
|
-
'accent-main-hover': "#1b1c24",
|
|
141
|
-
'accent-main-pressed': "#252732",
|
|
142
|
-
'accent-primary': "#1b1c24",
|
|
143
|
-
'accent-primary-hover': "#252732",
|
|
144
|
-
'accent-primary-pressed': "#2f3240",
|
|
145
|
-
'accent-secondary': "#252732",
|
|
146
|
-
'accent-secondary-hover': "#2f3240",
|
|
147
|
-
'accent-secondary-pressed': "#393c4d",
|
|
148
|
-
'accent-tertiary': "#2f3240",
|
|
149
|
-
'accent-tertiary-hover': "#393c4d",
|
|
150
|
-
'accent-tertiary-pressed': "#43475b",
|
|
151
|
-
'accent-disabled': "#2f3240",
|
|
152
|
-
'accent-main-inverse': "#c7c8ce",
|
|
138
|
+
'border-accent-focused': "#0e2010",
|
|
153
139
|
'additional-a1': "#5f4d36",
|
|
154
140
|
'additional-a2': "#d4aa6b",
|
|
155
141
|
'additional-a3': "#e5cca6",
|
|
@@ -131,20 +131,6 @@
|
|
|
131
131
|
--color-border-accent-main: #989aa5;
|
|
132
132
|
--color-border-accent-disabled: #5f6374;
|
|
133
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
134
|
--color-additional-a1: #5f4d36;
|
|
149
135
|
--color-additional-a2: #d4aa6b;
|
|
150
136
|
--color-additional-a3: #e5cca6;
|
|
@@ -136,20 +136,6 @@ exports.themeColorTokenOzenDefault = (0, utility_1.createColorToken)('ozenDefaul
|
|
|
136
136
|
'border-accent-main': "#989aa5",
|
|
137
137
|
'border-accent-disabled': "#5f6374",
|
|
138
138
|
'border-accent-focused': "#0d310e",
|
|
139
|
-
'accent-main': "#14151b",
|
|
140
|
-
'accent-main-hover': "#1b1c24",
|
|
141
|
-
'accent-main-pressed': "#252732",
|
|
142
|
-
'accent-primary': "#1b1c24",
|
|
143
|
-
'accent-primary-hover': "#252732",
|
|
144
|
-
'accent-primary-pressed': "#2f3240",
|
|
145
|
-
'accent-secondary': "#252732",
|
|
146
|
-
'accent-secondary-hover': "#2f3240",
|
|
147
|
-
'accent-secondary-pressed': "#393c4d",
|
|
148
|
-
'accent-tertiary': "#2f3240",
|
|
149
|
-
'accent-tertiary-hover': "#393c4d",
|
|
150
|
-
'accent-tertiary-pressed': "#43475b",
|
|
151
|
-
'accent-disabled': "#2f3240",
|
|
152
|
-
'accent-main-inverse': "#c7c8ce",
|
|
153
139
|
'additional-a1': "#5f4d36",
|
|
154
140
|
'additional-a2': "#d4aa6b",
|
|
155
141
|
'additional-a3': "#e5cca6",
|
|
@@ -176,7 +176,7 @@
|
|
|
176
176
|
.Grid_justify_center {
|
|
177
177
|
justify-items: center;
|
|
178
178
|
}
|
|
179
|
-
@media (min-width:
|
|
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:
|
|
933
|
+
@media (min-width: 0px) {
|
|
934
934
|
.GridItem_col_xs_1 {
|
|
935
935
|
--grid-col-start: auto;
|
|
936
936
|
--grid-col-end: span 1;
|
|
@@ -2,37 +2,37 @@
|
|
|
2
2
|
--color-content-action-on: #fff;
|
|
3
3
|
--color-content-secondary: #d7d8e1;
|
|
4
4
|
--color-content-primary: #fff;
|
|
5
|
-
--color-content-tertiary: #
|
|
5
|
+
--color-content-tertiary: #c2c5d3;
|
|
6
6
|
--color-content-disabled: #636574;
|
|
7
7
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
8
|
-
--color-content-action: #
|
|
9
|
-
--color-content-action-hover: #
|
|
10
|
-
--color-content-action-pressed: #
|
|
8
|
+
--color-content-action: #9ab1ff;
|
|
9
|
+
--color-content-action-hover: #678bff;
|
|
10
|
+
--color-content-action-pressed: #3564ff;
|
|
11
11
|
--color-content-action-dark: #9ab1ff;
|
|
12
12
|
--color-content-action-secondary-hover: #7e8194;
|
|
13
13
|
--color-content-action-secondary-pressed: #636574;
|
|
14
14
|
--color-content-action-secondary-dark: #d7d8e1;
|
|
15
|
-
--color-content-error: #
|
|
16
|
-
--color-content-error-hover: #
|
|
17
|
-
--color-content-error-pressed: #
|
|
18
|
-
--color-content-error-dark: #
|
|
19
|
-
--color-content-warning: #
|
|
20
|
-
--color-content-warning-hover: #
|
|
21
|
-
--color-content-warning-pressed: #
|
|
22
|
-
--color-content-warning-dark: #
|
|
23
|
-
--color-content-success: #
|
|
24
|
-
--color-content-success-hover: #
|
|
25
|
-
--color-content-success-pressed: #
|
|
26
|
-
--color-content-success-dark: #
|
|
27
|
-
--color-content-info: #
|
|
28
|
-
--color-content-info-hover: #
|
|
29
|
-
--color-content-info-pressed: #
|
|
30
|
-
--color-content-info-dark: #
|
|
15
|
+
--color-content-error: #f66;
|
|
16
|
+
--color-content-error-hover: #f33;
|
|
17
|
+
--color-content-error-pressed: #e11;
|
|
18
|
+
--color-content-error-dark: #fcc;
|
|
19
|
+
--color-content-warning: #ffb233;
|
|
20
|
+
--color-content-warning-hover: #ff9f00;
|
|
21
|
+
--color-content-warning-pressed: #e68f00;
|
|
22
|
+
--color-content-warning-dark: #fff0cc;
|
|
23
|
+
--color-content-success: #66d666;
|
|
24
|
+
--color-content-success-hover: #33c933;
|
|
25
|
+
--color-content-success-pressed: #0b0;
|
|
26
|
+
--color-content-success-dark: #ccf1cc;
|
|
27
|
+
--color-content-info: #cd9aff;
|
|
28
|
+
--color-content-info-hover: #b367ff;
|
|
29
|
+
--color-content-info-pressed: #9a35ff;
|
|
30
|
+
--color-content-info-dark: #edf;
|
|
31
31
|
--color-content-primary-inverse: #17161a;
|
|
32
32
|
--color-content-accent-primary: #c7c8ce;
|
|
33
33
|
--color-content-accent-secondary: #989aa5;
|
|
34
34
|
--color-content-accent-disabled: #7b7e8c;
|
|
35
|
-
--color-content-action-secondary: #
|
|
35
|
+
--color-content-action-secondary: #fff;
|
|
36
36
|
--color-background-main: #1e1d22;
|
|
37
37
|
--color-background-main-hover: #2c2c33;
|
|
38
38
|
--color-background-main-pressed: #474853;
|
|
@@ -4,37 +4,37 @@ export var themeColorTokenBBusinessContrastDark = createColorToken('bBusinessCon
|
|
|
4
4
|
'content-action-on': "#ffffff",
|
|
5
5
|
'content-secondary': "#d7d8e1",
|
|
6
6
|
'content-primary': "#ffffff",
|
|
7
|
-
'content-tertiary': "#
|
|
7
|
+
'content-tertiary': "#c2c5d3",
|
|
8
8
|
'content-disabled': "#636574",
|
|
9
9
|
'content-ghost-disabled': "rgba(255, 255, 255, 0.4)",
|
|
10
|
-
'content-action': "#
|
|
11
|
-
'content-action-hover': "#
|
|
12
|
-
'content-action-pressed': "#
|
|
10
|
+
'content-action': "#9ab1ff",
|
|
11
|
+
'content-action-hover': "#678bff",
|
|
12
|
+
'content-action-pressed': "#3564ff",
|
|
13
13
|
'content-action-dark': "#9ab1ff",
|
|
14
14
|
'content-action-secondary-hover': "#7e8194",
|
|
15
15
|
'content-action-secondary-pressed': "#636574",
|
|
16
16
|
'content-action-secondary-dark': "#d7d8e1",
|
|
17
|
-
'content-error': "#
|
|
18
|
-
'content-error-hover': "#
|
|
19
|
-
'content-error-pressed': "#
|
|
20
|
-
'content-error-dark': "#
|
|
21
|
-
'content-warning': "#
|
|
22
|
-
'content-warning-hover': "#
|
|
23
|
-
'content-warning-pressed': "#
|
|
24
|
-
'content-warning-dark': "#
|
|
25
|
-
'content-success': "#
|
|
26
|
-
'content-success-hover': "#
|
|
27
|
-
'content-success-pressed': "#
|
|
28
|
-
'content-success-dark': "#
|
|
29
|
-
'content-info': "#
|
|
30
|
-
'content-info-hover': "#
|
|
31
|
-
'content-info-pressed': "#
|
|
32
|
-
'content-info-dark': "#
|
|
17
|
+
'content-error': "#ff6666",
|
|
18
|
+
'content-error-hover': "#ff3333",
|
|
19
|
+
'content-error-pressed': "#ee1111",
|
|
20
|
+
'content-error-dark': "#ffcccc",
|
|
21
|
+
'content-warning': "#ffb233",
|
|
22
|
+
'content-warning-hover': "#ff9f00",
|
|
23
|
+
'content-warning-pressed': "#e68f00",
|
|
24
|
+
'content-warning-dark': "#fff0cc",
|
|
25
|
+
'content-success': "#66d666",
|
|
26
|
+
'content-success-hover': "#33c933",
|
|
27
|
+
'content-success-pressed': "#00bb00",
|
|
28
|
+
'content-success-dark': "#ccf1cc",
|
|
29
|
+
'content-info': "#cd9aff",
|
|
30
|
+
'content-info-hover': "#b367ff",
|
|
31
|
+
'content-info-pressed': "#9a35ff",
|
|
32
|
+
'content-info-dark': "#eeddff",
|
|
33
33
|
'content-primary-inverse': "#17161a",
|
|
34
34
|
'content-accent-primary': "#c7c8ce",
|
|
35
35
|
'content-accent-secondary': "#989aa5",
|
|
36
36
|
'content-accent-disabled': "#7b7e8c",
|
|
37
|
-
'content-action-secondary': "#
|
|
37
|
+
'content-action-secondary': "#ffffff",
|
|
38
38
|
'background-main': "#1e1d22",
|
|
39
39
|
'background-main-hover': "#2c2c33",
|
|
40
40
|
'background-main-pressed': "#474853",
|
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
.OzenProvider_color_bBusinessContrastDefault {
|
|
2
2
|
--color-content-primary: #17161a;
|
|
3
3
|
--color-content-secondary: #2c2c33;
|
|
4
|
-
--color-content-tertiary: #
|
|
4
|
+
--color-content-tertiary: #474853;
|
|
5
5
|
--color-content-disabled: #9a9eb5;
|
|
6
6
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
7
|
-
--color-content-action: #
|
|
8
|
-
--color-content-action-hover: #
|
|
9
|
-
--color-content-action-pressed: #
|
|
10
|
-
--color-content-action-dark: #
|
|
7
|
+
--color-content-action: #082ba0;
|
|
8
|
+
--color-content-action-hover: #0a2171;
|
|
9
|
+
--color-content-action-pressed: #0d1841;
|
|
10
|
+
--color-content-action-dark: #0a2171;
|
|
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: #
|
|
17
|
-
--color-content-error-hover: #
|
|
18
|
-
--color-content-error-pressed: #
|
|
19
|
-
--color-content-error-dark: #
|
|
20
|
-
--color-content-warning: #
|
|
21
|
-
--color-content-warning-hover: #
|
|
22
|
-
--color-content-warning-pressed: #
|
|
23
|
-
--color-content-warning-dark: #
|
|
24
|
-
--color-content-success: #
|
|
25
|
-
--color-content-success-hover: #
|
|
26
|
-
--color-content-success-pressed: #
|
|
27
|
-
--color-content-success-dark: #
|
|
28
|
-
--color-content-info: #
|
|
29
|
-
--color-content-info-hover: #
|
|
30
|
-
--color-content-info-pressed: #
|
|
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: #5307a0;
|
|
29
|
+
--color-content-info-hover: #3d0a71;
|
|
30
|
+
--color-content-info-pressed: #270d41;
|
|
31
31
|
--color-content-info-dark: #3d0a71;
|
|
32
|
-
--color-content-primary-inverse: #
|
|
33
|
-
--color-content-accent-primary: #
|
|
34
|
-
--color-content-accent-secondary: #
|
|
35
|
-
--color-content-accent-disabled: #
|
|
32
|
+
--color-content-primary-inverse: #2c2c33;
|
|
33
|
+
--color-content-accent-primary: #2c2c33;
|
|
34
|
+
--color-content-accent-secondary: #2c2c33;
|
|
35
|
+
--color-content-accent-disabled: #2c2c33;
|
|
36
36
|
--color-background-main: #fff;
|
|
37
37
|
--color-background-main-hover: #f5f5f8;
|
|
38
38
|
--color-background-main-pressed: #ebecf0;
|
|
@@ -66,27 +66,27 @@
|
|
|
66
66
|
--color-background-accent-action-secondary-light: #636574;
|
|
67
67
|
--color-background-accent-action-secondary-light-hover: #474853;
|
|
68
68
|
--color-background-accent-action-secondary-light-pressed: #2c2c33;
|
|
69
|
-
--color-background-error: #
|
|
70
|
-
--color-background-error-hover: #
|
|
71
|
-
--color-background-error-pressed: #
|
|
69
|
+
--color-background-error: #900;
|
|
70
|
+
--color-background-error-hover: #700;
|
|
71
|
+
--color-background-error-pressed: #500;
|
|
72
72
|
--color-background-error-light: #ffe5e5;
|
|
73
73
|
--color-background-error-light-hover: #fcc;
|
|
74
74
|
--color-background-error-light-pressed: #f99;
|
|
75
75
|
--color-background-accent-error-light: #b00;
|
|
76
76
|
--color-background-accent-error-light-hover: #900;
|
|
77
77
|
--color-background-accent-error-light-pressed: #700;
|
|
78
|
-
--color-background-warning: #
|
|
79
|
-
--color-background-warning-hover: #
|
|
80
|
-
--color-background-warning-pressed: #
|
|
78
|
+
--color-background-warning: #663f00;
|
|
79
|
+
--color-background-warning-hover: #4d3000;
|
|
80
|
+
--color-background-warning-pressed: #332000;
|
|
81
81
|
--color-background-warning-light: #fff0cc;
|
|
82
82
|
--color-background-warning-light-hover: #ffca80;
|
|
83
83
|
--color-background-warning-light-pressed: #ffb233;
|
|
84
84
|
--color-background-accent-warning-light: #995f00;
|
|
85
85
|
--color-background-accent-warning-light-hover: #804f00;
|
|
86
86
|
--color-background-accent-warning-light-pressed: #663f00;
|
|
87
|
-
--color-background-success: #
|
|
88
|
-
--color-background-success-hover: #
|
|
89
|
-
--color-background-success-pressed: #
|
|
87
|
+
--color-background-success: #0a540b;
|
|
88
|
+
--color-background-success-hover: #0d310e;
|
|
89
|
+
--color-background-success-pressed: #0e290f;
|
|
90
90
|
--color-background-success-light: #d9f5d9;
|
|
91
91
|
--color-background-success-light-hover: #ccf1cc;
|
|
92
92
|
--color-background-success-light-pressed: #99e499;
|
|
@@ -3,38 +3,38 @@ import { createColorToken } from '../utility';
|
|
|
3
3
|
export var themeColorTokenBBusinessContrastDefault = createColorToken('bBusinessContrastDefault', {
|
|
4
4
|
'content-primary': "#17161a",
|
|
5
5
|
'content-secondary': "#2c2c33",
|
|
6
|
-
'content-tertiary': "#
|
|
6
|
+
'content-tertiary': "#474853",
|
|
7
7
|
'content-disabled': "#9a9eb5",
|
|
8
8
|
'content-ghost-disabled': "rgba(255, 255, 255, 0.4)",
|
|
9
|
-
'content-action': "#
|
|
10
|
-
'content-action-hover': "#
|
|
11
|
-
'content-action-pressed': "#
|
|
12
|
-
'content-action-dark': "#
|
|
9
|
+
'content-action': "#082ba0",
|
|
10
|
+
'content-action-hover': "#0a2171",
|
|
11
|
+
'content-action-pressed': "#0d1841",
|
|
12
|
+
'content-action-dark': "#0a2171",
|
|
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': "#
|
|
19
|
-
'content-error-hover': "#
|
|
20
|
-
'content-error-pressed': "#
|
|
21
|
-
'content-error-dark': "#
|
|
22
|
-
'content-warning': "#
|
|
23
|
-
'content-warning-hover': "#
|
|
24
|
-
'content-warning-pressed': "#
|
|
25
|
-
'content-warning-dark': "#
|
|
26
|
-
'content-success': "#
|
|
27
|
-
'content-success-hover': "#
|
|
28
|
-
'content-success-pressed': "#
|
|
29
|
-
'content-success-dark': "#
|
|
30
|
-
'content-info': "#
|
|
31
|
-
'content-info-hover': "#
|
|
32
|
-
'content-info-pressed': "#
|
|
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': "#5307a0",
|
|
31
|
+
'content-info-hover': "#3d0a71",
|
|
32
|
+
'content-info-pressed': "#270d41",
|
|
33
33
|
'content-info-dark': "#3d0a71",
|
|
34
|
-
'content-primary-inverse': "#
|
|
35
|
-
'content-accent-primary': "#
|
|
36
|
-
'content-accent-secondary': "#
|
|
37
|
-
'content-accent-disabled': "#
|
|
34
|
+
'content-primary-inverse': "#2c2c33",
|
|
35
|
+
'content-accent-primary': "#2c2c33",
|
|
36
|
+
'content-accent-secondary': "#2c2c33",
|
|
37
|
+
'content-accent-disabled': "#2c2c33",
|
|
38
38
|
'background-main': "#ffffff",
|
|
39
39
|
'background-main-hover': "#f5f5f8",
|
|
40
40
|
'background-main-pressed': "#ebecf0",
|
|
@@ -68,27 +68,27 @@ export var themeColorTokenBBusinessContrastDefault = createColorToken('bBusiness
|
|
|
68
68
|
'background-accent-action-secondary-light': "#636574",
|
|
69
69
|
'background-accent-action-secondary-light-hover': "#474853",
|
|
70
70
|
'background-accent-action-secondary-light-pressed': "#2c2c33",
|
|
71
|
-
'background-error': "#
|
|
72
|
-
'background-error-hover': "#
|
|
73
|
-
'background-error-pressed': "#
|
|
71
|
+
'background-error': "#990000",
|
|
72
|
+
'background-error-hover': "#770000",
|
|
73
|
+
'background-error-pressed': "#550000",
|
|
74
74
|
'background-error-light': "#ffe5e5",
|
|
75
75
|
'background-error-light-hover': "#ffcccc",
|
|
76
76
|
'background-error-light-pressed': "#ff9999",
|
|
77
77
|
'background-accent-error-light': "#bb0000",
|
|
78
78
|
'background-accent-error-light-hover': "#990000",
|
|
79
79
|
'background-accent-error-light-pressed': "#770000",
|
|
80
|
-
'background-warning': "#
|
|
81
|
-
'background-warning-hover': "#
|
|
82
|
-
'background-warning-pressed': "#
|
|
80
|
+
'background-warning': "#663f00",
|
|
81
|
+
'background-warning-hover': "#4d3000",
|
|
82
|
+
'background-warning-pressed': "#332000",
|
|
83
83
|
'background-warning-light': "#fff0cc",
|
|
84
84
|
'background-warning-light-hover': "#ffca80",
|
|
85
85
|
'background-warning-light-pressed': "#ffb233",
|
|
86
86
|
'background-accent-warning-light': "#995f00",
|
|
87
87
|
'background-accent-warning-light-hover': "#804f00",
|
|
88
88
|
'background-accent-warning-light-pressed': "#663f00",
|
|
89
|
-
'background-success': "#
|
|
90
|
-
'background-success-hover': "#
|
|
91
|
-
'background-success-pressed': "#
|
|
89
|
+
'background-success': "#0a540b",
|
|
90
|
+
'background-success-hover': "#0d310e",
|
|
91
|
+
'background-success-pressed': "#0e290f",
|
|
92
92
|
'background-success-light': "#d9f5d9",
|
|
93
93
|
'background-success-light-hover': "#ccf1cc",
|
|
94
94
|
'background-success-light-pressed': "#99e499",
|