@spaced-out/ui-design-system 0.0.9 → 0.0.11
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/.github/workflows/publish_to_npm.yml +2 -1
- package/CHANGELOG.md +15 -0
- package/design-tokens/color/app-color.json +5 -20
- package/design-tokens/color/base-color.json +8 -8
- package/lib/components/InContextAlert/InContextAlert.module.css +10 -10
- package/lib/styles/typography.module.css +3 -3
- package/lib/styles/variables/_color.css +9 -19
- package/lib/styles/variables/_color.js +11 -21
- package/lib/styles/variables/_color.js.flow +9 -19
- package/lib/types/typography.js +1 -1
- package/lib/types/typography.js.flow +1 -1
- package/package.json +1 -1
|
@@ -23,6 +23,7 @@ jobs:
|
|
|
23
23
|
steps:
|
|
24
24
|
# Checkout project repository
|
|
25
25
|
# Added fetch-depth to fetch complete history of repo. TODO(Nishant): Customize?
|
|
26
|
+
# TODO(Nishant): update with a org bot token instead of personal token
|
|
26
27
|
- name: Checkout
|
|
27
28
|
uses: actions/checkout@v3
|
|
28
29
|
with:
|
|
@@ -44,7 +45,7 @@ jobs:
|
|
|
44
45
|
#- name: Run tests
|
|
45
46
|
# run: yarn test
|
|
46
47
|
|
|
47
|
-
# Configure Git
|
|
48
|
+
# Configure Git. TODO(Nishant): update with a org bot instead of personal detail
|
|
48
49
|
- name: Git configuration
|
|
49
50
|
run: |
|
|
50
51
|
git config --global user.email "86281150+superrover@users.noreply.github.com"
|
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.0.11](https://github.com/spaced-out/ui-design-system/compare/v0.0.10...v0.0.11) (2022-12-21)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* text color fixes ([f04097c](https://github.com/spaced-out/ui-design-system/commit/f04097caf6acc0f84dd641223219600deb76fdd8))
|
|
11
|
+
|
|
12
|
+
### [0.0.10](https://github.com/spaced-out/ui-design-system/compare/v0.0.9...v0.0.10) (2022-12-21)
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### Bug Fixes
|
|
16
|
+
|
|
17
|
+
* remove colorTextSelected and other color related changes ([6679f48](https://github.com/spaced-out/ui-design-system/commit/6679f48a377a5be7ac30585a88185a28fa70de99))
|
|
18
|
+
* text color updates ([e1ac406](https://github.com/spaced-out/ui-design-system/commit/e1ac40629c96af7fd3c90a7db489f50b3f3ee12f))
|
|
19
|
+
|
|
5
20
|
### [0.0.9](https://github.com/spaced-out/ui-design-system/compare/v0.0.8...v0.0.9) (2022-12-14)
|
|
6
21
|
|
|
7
22
|
|
|
@@ -13,23 +13,23 @@
|
|
|
13
13
|
"disabled": {
|
|
14
14
|
"value": "{baseColor.gray.200.value}"
|
|
15
15
|
},
|
|
16
|
-
"
|
|
16
|
+
"clickable": {
|
|
17
17
|
"value": "{baseColor.purple.500.value}"
|
|
18
18
|
},
|
|
19
19
|
"neutral": {
|
|
20
20
|
"value": "{baseColor.indigo.500.value}"
|
|
21
21
|
},
|
|
22
22
|
"success": {
|
|
23
|
-
"value": "{baseColor.green.
|
|
23
|
+
"value": "{baseColor.green.700.value}"
|
|
24
24
|
},
|
|
25
25
|
"information": {
|
|
26
|
-
"value": "{baseColor.blue.
|
|
26
|
+
"value": "{baseColor.blue.600.value}"
|
|
27
27
|
},
|
|
28
28
|
"warning": {
|
|
29
|
-
"value": "{baseColor.orange.
|
|
29
|
+
"value": "{baseColor.orange.700.value}"
|
|
30
30
|
},
|
|
31
31
|
"danger": {
|
|
32
|
-
"value": "{baseColor.red.
|
|
32
|
+
"value": "{baseColor.red.600.value}"
|
|
33
33
|
},
|
|
34
34
|
"inverse": {
|
|
35
35
|
"primary": {
|
|
@@ -153,9 +153,6 @@
|
|
|
153
153
|
"neutral": {
|
|
154
154
|
"value": "{baseColor.indigo.500.value}"
|
|
155
155
|
},
|
|
156
|
-
"neutral.lighter": {
|
|
157
|
-
"value": "{baseColor.indigo.100.value}"
|
|
158
|
-
},
|
|
159
156
|
"neutral.lightest": {
|
|
160
157
|
"value": "{baseColor.indigo.50.value}"
|
|
161
158
|
},
|
|
@@ -171,9 +168,6 @@
|
|
|
171
168
|
"success": {
|
|
172
169
|
"value": "{baseColor.green.500.value}"
|
|
173
170
|
},
|
|
174
|
-
"success.lighter": {
|
|
175
|
-
"value": "{baseColor.green.100.value}"
|
|
176
|
-
},
|
|
177
171
|
"success.lightest": {
|
|
178
172
|
"value": "{baseColor.green.50.value}"
|
|
179
173
|
},
|
|
@@ -189,9 +183,6 @@
|
|
|
189
183
|
"information": {
|
|
190
184
|
"value": "{baseColor.blue.500.value}"
|
|
191
185
|
},
|
|
192
|
-
"information.lighter": {
|
|
193
|
-
"value": "{baseColor.blue.100.value}"
|
|
194
|
-
},
|
|
195
186
|
"information.lightest": {
|
|
196
187
|
"value": "{baseColor.blue.50.value}"
|
|
197
188
|
},
|
|
@@ -207,9 +198,6 @@
|
|
|
207
198
|
"warning": {
|
|
208
199
|
"value": "{baseColor.orange.500.value}"
|
|
209
200
|
},
|
|
210
|
-
"warning.lighter": {
|
|
211
|
-
"value": "{baseColor.orange.100.value}"
|
|
212
|
-
},
|
|
213
201
|
"warning.lightest": {
|
|
214
202
|
"value": "{baseColor.orange.50.value}"
|
|
215
203
|
},
|
|
@@ -225,9 +213,6 @@
|
|
|
225
213
|
"danger": {
|
|
226
214
|
"value": "{baseColor.red.500.value}"
|
|
227
215
|
},
|
|
228
|
-
"danger.lighter": {
|
|
229
|
-
"value": "{baseColor.red.100.value}"
|
|
230
|
-
},
|
|
231
216
|
"danger.lightest": {
|
|
232
217
|
"value": "{baseColor.red.50.value}"
|
|
233
218
|
},
|
|
@@ -84,28 +84,28 @@
|
|
|
84
84
|
"value": "#f1f1f5"
|
|
85
85
|
},
|
|
86
86
|
"100": {
|
|
87
|
-
"value": "#
|
|
87
|
+
"value": "#E6E5EF"
|
|
88
88
|
},
|
|
89
89
|
"200": {
|
|
90
|
-
"value": "#
|
|
90
|
+
"value": "#D3D2E0"
|
|
91
91
|
},
|
|
92
92
|
"300": {
|
|
93
|
-
"value": "#
|
|
93
|
+
"value": "#9F9FBC"
|
|
94
94
|
},
|
|
95
95
|
"400": {
|
|
96
|
-
"value": "#
|
|
96
|
+
"value": "#8D8CAF"
|
|
97
97
|
},
|
|
98
98
|
"500": {
|
|
99
|
-
"value": "#
|
|
99
|
+
"value": "#706F9B"
|
|
100
100
|
},
|
|
101
101
|
"600": {
|
|
102
|
-
"value": "#
|
|
102
|
+
"value": "#66658D"
|
|
103
103
|
},
|
|
104
104
|
"700": {
|
|
105
|
-
"value": "#
|
|
105
|
+
"value": "#504F6E"
|
|
106
106
|
},
|
|
107
107
|
"800": {
|
|
108
|
-
"value": "#
|
|
108
|
+
"value": "#3E3D55"
|
|
109
109
|
},
|
|
110
110
|
"900": {
|
|
111
111
|
"value": "#2C2C47"
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
@value (borderRadiusXSmall) from '../../styles/variables/_border.css';
|
|
2
2
|
@value (colorFillPrimary,
|
|
3
3
|
colorTextPrimary,
|
|
4
|
-
|
|
4
|
+
colorNeutralLight,
|
|
5
5
|
colorNeutralLightest,
|
|
6
|
-
|
|
6
|
+
colorSuccessLight,
|
|
7
7
|
colorSuccessLightest,
|
|
8
|
-
|
|
8
|
+
colorInformationLight,
|
|
9
9
|
colorInformationLightest,
|
|
10
|
-
|
|
10
|
+
colorWarningLight,
|
|
11
11
|
colorWarningLightest,
|
|
12
|
-
|
|
12
|
+
colorDangerLight,
|
|
13
13
|
colorDangerLightest
|
|
14
14
|
) from '../../styles/variables/_color.css';
|
|
15
15
|
|
|
@@ -41,27 +41,27 @@
|
|
|
41
41
|
|
|
42
42
|
.neutral {
|
|
43
43
|
background-color: colorNeutralLightest;
|
|
44
|
-
border-color:
|
|
44
|
+
border-color: colorNeutralLight;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
.success {
|
|
48
48
|
background-color: colorSuccessLightest;
|
|
49
|
-
border-color:
|
|
49
|
+
border-color: colorSuccessLight;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
.information {
|
|
53
53
|
background-color: colorInformationLightest;
|
|
54
|
-
border-color:
|
|
54
|
+
border-color: colorInformationLight;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
.warning {
|
|
58
58
|
background-color: colorWarningLightest;
|
|
59
|
-
border-color:
|
|
59
|
+
border-color: colorWarningLight;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
.danger {
|
|
63
63
|
background-color: colorDangerLightest;
|
|
64
|
-
border-color:
|
|
64
|
+
border-color: colorDangerLight;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
.closeIcon {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
colorTextSecondary,
|
|
4
4
|
colorTextTertiary,
|
|
5
5
|
colorTextDisabled,
|
|
6
|
-
|
|
6
|
+
colorTextClickable,
|
|
7
7
|
colorTextNeutral,
|
|
8
8
|
colorTextSuccess,
|
|
9
9
|
colorTextInformation,
|
|
@@ -172,8 +172,8 @@
|
|
|
172
172
|
color: colorTextDisabled;
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
.
|
|
176
|
-
color:
|
|
175
|
+
.clickable {
|
|
176
|
+
color: colorTextClickable;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
.neutral {
|
|
@@ -6,17 +6,17 @@
|
|
|
6
6
|
|
|
7
7
|
@value colorTextDisabled: #d1d1d1;
|
|
8
8
|
|
|
9
|
-
@value
|
|
9
|
+
@value colorTextClickable: #5c34cd;
|
|
10
10
|
|
|
11
|
-
@value colorTextNeutral: #
|
|
11
|
+
@value colorTextNeutral: #706F9B;
|
|
12
12
|
|
|
13
|
-
@value colorTextSuccess: #
|
|
13
|
+
@value colorTextSuccess: #026b37;
|
|
14
14
|
|
|
15
|
-
@value colorTextInformation: #
|
|
15
|
+
@value colorTextInformation: #0660da;
|
|
16
16
|
|
|
17
|
-
@value colorTextWarning: #
|
|
17
|
+
@value colorTextWarning: #9e5909;
|
|
18
18
|
|
|
19
|
-
@value colorTextDanger: #
|
|
19
|
+
@value colorTextDanger: #cf1945;
|
|
20
20
|
|
|
21
21
|
@value colorTextInversePrimary: #ffffff;
|
|
22
22
|
|
|
@@ -82,22 +82,18 @@
|
|
|
82
82
|
|
|
83
83
|
@value colorGrayLightest: #EBEBEB;
|
|
84
84
|
|
|
85
|
-
@value colorNeutral: #
|
|
86
|
-
|
|
87
|
-
@value colorNeutralLighter: #d3d2e0;
|
|
85
|
+
@value colorNeutral: #706F9B;
|
|
88
86
|
|
|
89
87
|
@value colorNeutralLightest: #f1f1f5;
|
|
90
88
|
|
|
91
|
-
@value colorNeutralLight: #
|
|
89
|
+
@value colorNeutralLight: #D3D2E0;
|
|
92
90
|
|
|
93
|
-
@value colorNeutralDark: #
|
|
91
|
+
@value colorNeutralDark: #504F6E;
|
|
94
92
|
|
|
95
93
|
@value colorNeutralDarkest: #2C2C47;
|
|
96
94
|
|
|
97
95
|
@value colorSuccess: #03964d;
|
|
98
96
|
|
|
99
|
-
@value colorSuccessLighter: #b1dec8;
|
|
100
|
-
|
|
101
97
|
@value colorSuccessLightest: #e6f5ed;
|
|
102
98
|
|
|
103
99
|
@value colorSuccessLight: #8bcfad;
|
|
@@ -108,8 +104,6 @@
|
|
|
108
104
|
|
|
109
105
|
@value colorInformation: #0769f0;
|
|
110
106
|
|
|
111
|
-
@value colorInformationLighter: #b2d1fa;
|
|
112
|
-
|
|
113
107
|
@value colorInformationLightest: #e6f0fe;
|
|
114
108
|
|
|
115
109
|
@value colorInformationLight: #8dbaf8;
|
|
@@ -120,8 +114,6 @@
|
|
|
120
114
|
|
|
121
115
|
@value colorWarning: #df7e0c;
|
|
122
116
|
|
|
123
|
-
@value colorWarningLighter: #f5d7b4;
|
|
124
|
-
|
|
125
117
|
@value colorWarningLightest: #fcf2e7;
|
|
126
118
|
|
|
127
119
|
@value colorWarningLight: #f0c48f;
|
|
@@ -132,8 +124,6 @@
|
|
|
132
124
|
|
|
133
125
|
@value colorDanger: #e31c4c;
|
|
134
126
|
|
|
135
|
-
@value colorDangerLighter: #f6b9c8;
|
|
136
|
-
|
|
137
127
|
@value colorDangerLightest: #fce8ed;
|
|
138
128
|
|
|
139
129
|
@value colorDangerLight: #f297ad;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.colorWarningLightest = exports.
|
|
6
|
+
exports.colorWarningLightest = exports.colorWarningLight = exports.colorWarningDarkest = exports.colorWarningDark = exports.colorWarning = exports.colorTooltipFill = exports.colorTextWarning = exports.colorTextTertiary = exports.colorTextSuccess = exports.colorTextSecondary = exports.colorTextPrimary = exports.colorTextNeutral = exports.colorTextInverseSecondary = exports.colorTextInversePrimary = exports.colorTextInformation = exports.colorTextDisabled = exports.colorTextDanger = exports.colorTextClickable = exports.colorSuccessLightest = exports.colorSuccessLight = exports.colorSuccessDarkest = exports.colorSuccessDark = exports.colorSuccess = exports.colorNeutralLightest = exports.colorNeutralLight = exports.colorNeutralDarkest = exports.colorNeutralDark = exports.colorNeutral = exports.colorInformationLightest = exports.colorInformationLight = exports.colorInformationDarkest = exports.colorInformationDark = exports.colorInformation = exports.colorGrayLightest = exports.colorFocusPrimary = exports.colorFocusDanger = exports.colorFillSecondary = exports.colorFillPrimary = exports.colorFillNone = exports.colorFillDisabled = exports.colorDangerLightest = exports.colorDangerLight = exports.colorDangerDarkest = exports.colorDangerDark = exports.colorDanger = exports.colorButtonFillTertiaryPressed = exports.colorButtonFillTertiaryHovered = exports.colorButtonFillTertiaryEnabled = exports.colorButtonFillSecondaryPressed = exports.colorButtonFillSecondaryHovered = exports.colorButtonFillSecondaryEnabled = exports.colorButtonFillPrimaryPressed = exports.colorButtonFillPrimaryHovered = exports.colorButtonFillPrimaryEnabled = exports.colorButtonFillGhostPressed = exports.colorButtonFillGhostHovered = exports.colorButtonFillGhostEnabled = exports.colorButtonFillDangerPressed = exports.colorButtonFillDangerHovered = exports.colorButtonFillDangerEnabled = exports.colorBorderSecondary = exports.colorBorderPrimary = exports.colorBorderDanger = exports.colorBackgroundTertiary = exports.colorBackgroundSecondary = exports.colorBackgroundPrimary = exports.colorBackdropFill = void 0;
|
|
7
7
|
|
|
8
8
|
const colorTextPrimary = '#17172A';
|
|
9
9
|
exports.colorTextPrimary = colorTextPrimary;
|
|
@@ -13,17 +13,17 @@ const colorTextTertiary = '#7e7e7e';
|
|
|
13
13
|
exports.colorTextTertiary = colorTextTertiary;
|
|
14
14
|
const colorTextDisabled = '#d1d1d1';
|
|
15
15
|
exports.colorTextDisabled = colorTextDisabled;
|
|
16
|
-
const
|
|
17
|
-
exports.
|
|
18
|
-
const colorTextNeutral = '#
|
|
16
|
+
const colorTextClickable = '#5c34cd';
|
|
17
|
+
exports.colorTextClickable = colorTextClickable;
|
|
18
|
+
const colorTextNeutral = '#706F9B';
|
|
19
19
|
exports.colorTextNeutral = colorTextNeutral;
|
|
20
|
-
const colorTextSuccess = '#
|
|
20
|
+
const colorTextSuccess = '#026b37';
|
|
21
21
|
exports.colorTextSuccess = colorTextSuccess;
|
|
22
|
-
const colorTextInformation = '#
|
|
22
|
+
const colorTextInformation = '#0660da';
|
|
23
23
|
exports.colorTextInformation = colorTextInformation;
|
|
24
|
-
const colorTextWarning = '#
|
|
24
|
+
const colorTextWarning = '#9e5909';
|
|
25
25
|
exports.colorTextWarning = colorTextWarning;
|
|
26
|
-
const colorTextDanger = '#
|
|
26
|
+
const colorTextDanger = '#cf1945';
|
|
27
27
|
exports.colorTextDanger = colorTextDanger;
|
|
28
28
|
const colorTextInversePrimary = '#ffffff';
|
|
29
29
|
exports.colorTextInversePrimary = colorTextInversePrimary;
|
|
@@ -89,22 +89,18 @@ const colorButtonFillDangerPressed = '#cf1945';
|
|
|
89
89
|
exports.colorButtonFillDangerPressed = colorButtonFillDangerPressed;
|
|
90
90
|
const colorGrayLightest = '#EBEBEB';
|
|
91
91
|
exports.colorGrayLightest = colorGrayLightest;
|
|
92
|
-
const colorNeutral = '#
|
|
92
|
+
const colorNeutral = '#706F9B';
|
|
93
93
|
exports.colorNeutral = colorNeutral;
|
|
94
|
-
const colorNeutralLighter = '#d3d2e0';
|
|
95
|
-
exports.colorNeutralLighter = colorNeutralLighter;
|
|
96
94
|
const colorNeutralLightest = '#f1f1f5';
|
|
97
95
|
exports.colorNeutralLightest = colorNeutralLightest;
|
|
98
|
-
const colorNeutralLight = '#
|
|
96
|
+
const colorNeutralLight = '#D3D2E0';
|
|
99
97
|
exports.colorNeutralLight = colorNeutralLight;
|
|
100
|
-
const colorNeutralDark = '#
|
|
98
|
+
const colorNeutralDark = '#504F6E';
|
|
101
99
|
exports.colorNeutralDark = colorNeutralDark;
|
|
102
100
|
const colorNeutralDarkest = '#2C2C47';
|
|
103
101
|
exports.colorNeutralDarkest = colorNeutralDarkest;
|
|
104
102
|
const colorSuccess = '#03964d';
|
|
105
103
|
exports.colorSuccess = colorSuccess;
|
|
106
|
-
const colorSuccessLighter = '#b1dec8';
|
|
107
|
-
exports.colorSuccessLighter = colorSuccessLighter;
|
|
108
104
|
const colorSuccessLightest = '#e6f5ed';
|
|
109
105
|
exports.colorSuccessLightest = colorSuccessLightest;
|
|
110
106
|
const colorSuccessLight = '#8bcfad';
|
|
@@ -115,8 +111,6 @@ const colorSuccessDarkest = '#013f20';
|
|
|
115
111
|
exports.colorSuccessDarkest = colorSuccessDarkest;
|
|
116
112
|
const colorInformation = '#0769f0';
|
|
117
113
|
exports.colorInformation = colorInformation;
|
|
118
|
-
const colorInformationLighter = '#b2d1fa';
|
|
119
|
-
exports.colorInformationLighter = colorInformationLighter;
|
|
120
114
|
const colorInformationLightest = '#e6f0fe';
|
|
121
115
|
exports.colorInformationLightest = colorInformationLightest;
|
|
122
116
|
const colorInformationLight = '#8dbaf8';
|
|
@@ -127,8 +121,6 @@ const colorInformationDarkest = '#032c65';
|
|
|
127
121
|
exports.colorInformationDarkest = colorInformationDarkest;
|
|
128
122
|
const colorWarning = '#df7e0c';
|
|
129
123
|
exports.colorWarning = colorWarning;
|
|
130
|
-
const colorWarningLighter = '#f5d7b4';
|
|
131
|
-
exports.colorWarningLighter = colorWarningLighter;
|
|
132
124
|
const colorWarningLightest = '#fcf2e7';
|
|
133
125
|
exports.colorWarningLightest = colorWarningLightest;
|
|
134
126
|
const colorWarningLight = '#f0c48f';
|
|
@@ -139,8 +131,6 @@ const colorWarningDarkest = '#5e3505';
|
|
|
139
131
|
exports.colorWarningDarkest = colorWarningDarkest;
|
|
140
132
|
const colorDanger = '#e31c4c';
|
|
141
133
|
exports.colorDanger = colorDanger;
|
|
142
|
-
const colorDangerLighter = '#f6b9c8';
|
|
143
|
-
exports.colorDangerLighter = colorDangerLighter;
|
|
144
134
|
const colorDangerLightest = '#fce8ed';
|
|
145
135
|
exports.colorDangerLightest = colorDangerLightest;
|
|
146
136
|
const colorDangerLight = '#f297ad';
|
|
@@ -8,17 +8,17 @@ export const colorTextTertiary = '#7e7e7e';
|
|
|
8
8
|
|
|
9
9
|
export const colorTextDisabled = '#d1d1d1';
|
|
10
10
|
|
|
11
|
-
export const
|
|
11
|
+
export const colorTextClickable = '#5c34cd';
|
|
12
12
|
|
|
13
|
-
export const colorTextNeutral = '#
|
|
13
|
+
export const colorTextNeutral = '#706F9B';
|
|
14
14
|
|
|
15
|
-
export const colorTextSuccess = '#
|
|
15
|
+
export const colorTextSuccess = '#026b37';
|
|
16
16
|
|
|
17
|
-
export const colorTextInformation = '#
|
|
17
|
+
export const colorTextInformation = '#0660da';
|
|
18
18
|
|
|
19
|
-
export const colorTextWarning = '#
|
|
19
|
+
export const colorTextWarning = '#9e5909';
|
|
20
20
|
|
|
21
|
-
export const colorTextDanger = '#
|
|
21
|
+
export const colorTextDanger = '#cf1945';
|
|
22
22
|
|
|
23
23
|
export const colorTextInversePrimary = '#ffffff';
|
|
24
24
|
|
|
@@ -84,22 +84,18 @@ export const colorButtonFillDangerPressed = '#cf1945';
|
|
|
84
84
|
|
|
85
85
|
export const colorGrayLightest = '#EBEBEB';
|
|
86
86
|
|
|
87
|
-
export const colorNeutral = '#
|
|
88
|
-
|
|
89
|
-
export const colorNeutralLighter = '#d3d2e0';
|
|
87
|
+
export const colorNeutral = '#706F9B';
|
|
90
88
|
|
|
91
89
|
export const colorNeutralLightest = '#f1f1f5';
|
|
92
90
|
|
|
93
|
-
export const colorNeutralLight = '#
|
|
91
|
+
export const colorNeutralLight = '#D3D2E0';
|
|
94
92
|
|
|
95
|
-
export const colorNeutralDark = '#
|
|
93
|
+
export const colorNeutralDark = '#504F6E';
|
|
96
94
|
|
|
97
95
|
export const colorNeutralDarkest = '#2C2C47';
|
|
98
96
|
|
|
99
97
|
export const colorSuccess = '#03964d';
|
|
100
98
|
|
|
101
|
-
export const colorSuccessLighter = '#b1dec8';
|
|
102
|
-
|
|
103
99
|
export const colorSuccessLightest = '#e6f5ed';
|
|
104
100
|
|
|
105
101
|
export const colorSuccessLight = '#8bcfad';
|
|
@@ -110,8 +106,6 @@ export const colorSuccessDarkest = '#013f20';
|
|
|
110
106
|
|
|
111
107
|
export const colorInformation = '#0769f0';
|
|
112
108
|
|
|
113
|
-
export const colorInformationLighter = '#b2d1fa';
|
|
114
|
-
|
|
115
109
|
export const colorInformationLightest = '#e6f0fe';
|
|
116
110
|
|
|
117
111
|
export const colorInformationLight = '#8dbaf8';
|
|
@@ -122,8 +116,6 @@ export const colorInformationDarkest = '#032c65';
|
|
|
122
116
|
|
|
123
117
|
export const colorWarning = '#df7e0c';
|
|
124
118
|
|
|
125
|
-
export const colorWarningLighter = '#f5d7b4';
|
|
126
|
-
|
|
127
119
|
export const colorWarningLightest = '#fcf2e7';
|
|
128
120
|
|
|
129
121
|
export const colorWarningLight = '#f0c48f';
|
|
@@ -134,8 +126,6 @@ export const colorWarningDarkest = '#5e3505';
|
|
|
134
126
|
|
|
135
127
|
export const colorDanger = '#e31c4c';
|
|
136
128
|
|
|
137
|
-
export const colorDangerLighter = '#f6b9c8';
|
|
138
|
-
|
|
139
129
|
export const colorDangerLightest = '#fce8ed';
|
|
140
130
|
|
|
141
131
|
export const colorDangerLight = '#f297ad';
|
package/lib/types/typography.js
CHANGED