@alfalab/core-components-vars 8.1.1 → 9.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/colors-addons.css +29 -0
- package/colors-bluetint.css +40 -0
- package/colors-indigo.css +40 -0
- package/colors-transparent.css +2 -0
- package/cssm/bundle/click.css +69 -0
- package/cssm/bundle/corp.css +69 -0
- package/cssm/bundle/intranet.css +69 -0
- package/cssm/bundle/mobile.css +69 -0
- package/cssm/bundle/site.css +69 -0
- package/cssm/colors-addons.css +29 -0
- package/cssm/colors-bluetint.css +40 -0
- package/cssm/colors-indigo.css +40 -0
- package/cssm/colors-transparent.css +2 -0
- package/cssm/index.css +374 -298
- package/index.css +2 -2
- package/index.d.ts +359 -288
- package/index.js +359 -288
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -68,153 +68,191 @@ export const colorBgCorporate60Flat = "#7a7f85";
|
|
|
68
68
|
export const colorBgCorporate30Flat = "#bdc0c2";
|
|
69
69
|
export const colorLightBlue = "#f5f7f9";
|
|
70
70
|
export const colorDarkBgAccent = "#ef3124";
|
|
71
|
-
export const colorDarkBgAttentionMuted = "#
|
|
71
|
+
export const colorDarkBgAttentionMuted = "#332104";
|
|
72
72
|
export const colorDarkBgInfo = "#001c3c";
|
|
73
|
-
export const colorDarkBgNegativeMuted = "#
|
|
74
|
-
export const colorDarkBgOpaque = "rgba(255, 255, 255, 0.
|
|
75
|
-
export const colorDarkBgOverlay = "rgba(0, 0, 0, 0.
|
|
76
|
-
export const colorDarkBgPositiveMuted = "#
|
|
77
|
-
export const colorDarkBgPrimary = "#
|
|
73
|
+
export const colorDarkBgNegativeMuted = "#35110d";
|
|
74
|
+
export const colorDarkBgOpaque = "rgba(255, 255, 255, 0.8)";
|
|
75
|
+
export const colorDarkBgOverlay = "rgba(0, 0, 0, 0.8)";
|
|
76
|
+
export const colorDarkBgPositiveMuted = "#042117";
|
|
77
|
+
export const colorDarkBgPrimary = "#121212";
|
|
78
78
|
export const colorDarkBgPrimaryInverted = "#fff";
|
|
79
|
-
export const colorDarkBgQuaternary = "#
|
|
80
|
-
export const colorDarkBgQuaternaryInverted = "#
|
|
81
|
-
export const colorDarkBgSecondary = "#
|
|
79
|
+
export const colorDarkBgQuaternary = "#3a3a3c";
|
|
80
|
+
export const colorDarkBgQuaternaryInverted = "#dcdcdd";
|
|
81
|
+
export const colorDarkBgSecondary = "#202022";
|
|
82
82
|
export const colorDarkBgSecondaryInverted = "#f3f4f5";
|
|
83
|
-
export const colorDarkBgTertiary = "#
|
|
84
|
-
export const colorDarkBgTertiaryInverted = "#
|
|
83
|
+
export const colorDarkBgTertiary = "#2c2c2e";
|
|
84
|
+
export const colorDarkBgTertiaryInverted = "#e9e9eb";
|
|
85
85
|
export const colorDarkBorderAccent = "#ef3124";
|
|
86
86
|
export const colorDarkBorderKey = "#fff";
|
|
87
|
-
export const colorDarkBorderKeyInverted = "#
|
|
88
|
-
export const colorDarkBorderLink = "#
|
|
89
|
-
export const colorDarkBorderPrimary = "#
|
|
90
|
-
export const colorDarkBorderPrimaryInverted = "#
|
|
91
|
-
export const colorDarkBorderSecondary = "#
|
|
92
|
-
export const colorDarkBorderSecondaryInverted = "#
|
|
93
|
-
export const colorDarkBorderTertiary = "#
|
|
87
|
+
export const colorDarkBorderKeyInverted = "#000";
|
|
88
|
+
export const colorDarkBorderLink = "#0072ef";
|
|
89
|
+
export const colorDarkBorderPrimary = "#2b2b2e";
|
|
90
|
+
export const colorDarkBorderPrimaryInverted = "#dcdcdd";
|
|
91
|
+
export const colorDarkBorderSecondary = "#262629";
|
|
92
|
+
export const colorDarkBorderSecondaryInverted = "#e9e9eb";
|
|
93
|
+
export const colorDarkBorderTertiary = "#1c1c1e";
|
|
94
94
|
export const colorDarkBorderTertiaryInverted = "#f3f4f5";
|
|
95
|
-
export const colorDarkBorderUnderline = "#
|
|
96
|
-
export const colorDarkBorderUnderlineInverted = "#
|
|
95
|
+
export const colorDarkBorderUnderline = "#464649";
|
|
96
|
+
export const colorDarkBorderUnderlineInverted = "#c5c5c7";
|
|
97
97
|
export const colorDarkGraphicAccent = "#ef3124";
|
|
98
|
-
export const colorDarkGraphicAttention = "#
|
|
99
|
-
export const colorDarkGraphicLink = "#
|
|
100
|
-
export const colorDarkGraphicNegative = "#
|
|
98
|
+
export const colorDarkGraphicAttention = "#f6bf65";
|
|
99
|
+
export const colorDarkGraphicLink = "#0072ef";
|
|
100
|
+
export const colorDarkGraphicNegative = "#d91d0b";
|
|
101
101
|
export const colorDarkGraphicPositive = "#2fc26e";
|
|
102
102
|
export const colorDarkGraphicPrimary = "#fff";
|
|
103
|
-
export const colorDarkGraphicPrimaryInverted = "#
|
|
104
|
-
export const colorDarkGraphicQuaternary = "#
|
|
105
|
-
export const colorDarkGraphicQuaternaryInverted = "#
|
|
106
|
-
export const colorDarkGraphicSecondary = "#
|
|
107
|
-
export const colorDarkGraphicSecondaryInverted = "#
|
|
108
|
-
export const colorDarkGraphicTertiary = "#
|
|
109
|
-
export const colorDarkGraphicTertiaryInverted = "#
|
|
110
|
-
export const colorDarkSpecialbgComponent = "rgba(255, 255, 255, 0.
|
|
103
|
+
export const colorDarkGraphicPrimaryInverted = "#0e0e0e";
|
|
104
|
+
export const colorDarkGraphicQuaternary = "#303032";
|
|
105
|
+
export const colorDarkGraphicQuaternaryInverted = "#dcdcdd";
|
|
106
|
+
export const colorDarkGraphicSecondary = "#85858d";
|
|
107
|
+
export const colorDarkGraphicSecondaryInverted = "#86868a";
|
|
108
|
+
export const colorDarkGraphicTertiary = "#4f4f52";
|
|
109
|
+
export const colorDarkGraphicTertiaryInverted = "#c1c1c3";
|
|
110
|
+
export const colorDarkSpecialbgComponent = "rgba(255, 255, 255, 0.1)";
|
|
111
111
|
export const colorDarkSpecialbgComponentInverted = "rgba(11, 31, 53, 0.07)";
|
|
112
|
-
export const colorDarkSpecialbgNulled = "rgba(
|
|
112
|
+
export const colorDarkSpecialbgNulled = "rgba(255, 255, 255, 0)";
|
|
113
113
|
export const colorDarkSpecialbgOverlayFallback = "#070707";
|
|
114
|
-
export const colorDarkSpecialbgPrimaryGrouped = "#
|
|
115
|
-
export const colorDarkSpecialbgSecondaryGrouped = "#
|
|
116
|
-
export const colorDarkSpecialbgSecondaryTransparent = "rgba(255, 255, 255, 0.
|
|
114
|
+
export const colorDarkSpecialbgPrimaryGrouped = "#202022";
|
|
115
|
+
export const colorDarkSpecialbgSecondaryGrouped = "#2c2c2e";
|
|
116
|
+
export const colorDarkSpecialbgSecondaryTransparent = "rgba(255, 255, 255, 0.06)";
|
|
117
117
|
export const colorDarkSpecialbgSecondaryTransparentInverted = "rgba(11, 31, 53, 0.05)";
|
|
118
|
-
export const colorDarkSpecialbgTertiaryGrouped = "#
|
|
119
|
-
export const colorDarkSpecialbgTertiaryTransparent = "rgba(255, 255, 255, 0.
|
|
118
|
+
export const colorDarkSpecialbgTertiaryGrouped = "#3a3a3c";
|
|
119
|
+
export const colorDarkSpecialbgTertiaryTransparent = "rgba(255, 255, 255, 0.11)";
|
|
120
120
|
export const colorDarkSpecialbgTertiaryTransparentInverted = "rgba(11, 31, 53, 0.1)";
|
|
121
121
|
export const colorDarkTextAccent = "#ef3124";
|
|
122
|
-
export const colorDarkTextAttention = "#
|
|
123
|
-
export const colorDarkTextDisabled = "rgba(
|
|
124
|
-
export const colorDarkTextDisabledInverted = "rgba(
|
|
125
|
-
export const colorDarkTextLink = "#
|
|
126
|
-
export const colorDarkTextNegative = "#
|
|
122
|
+
export const colorDarkTextAttention = "#cb830f";
|
|
123
|
+
export const colorDarkTextDisabled = "rgba(235, 235, 245, 0.2)";
|
|
124
|
+
export const colorDarkTextDisabledInverted = "rgba(60, 60, 67, 0.22)";
|
|
125
|
+
export const colorDarkTextLink = "#0072ef";
|
|
126
|
+
export const colorDarkTextNegative = "#f15045";
|
|
127
127
|
export const colorDarkTextPositive = "#13a463";
|
|
128
128
|
export const colorDarkTextPrimary = "#fff";
|
|
129
|
-
export const colorDarkTextPrimaryInverted = "#
|
|
130
|
-
export const colorDarkTextSecondary = "rgba(
|
|
131
|
-
export const colorDarkTextSecondaryInverted = "rgba(
|
|
132
|
-
export const colorDarkTextTertiary = "rgba(
|
|
133
|
-
export const colorDarkTextTertiaryInverted = "rgba(
|
|
129
|
+
export const colorDarkTextPrimaryInverted = "#0e0e0e";
|
|
130
|
+
export const colorDarkTextSecondary = "rgba(235, 235, 245, 0.54)";
|
|
131
|
+
export const colorDarkTextSecondaryInverted = "rgba(60, 60, 67, 0.66)";
|
|
132
|
+
export const colorDarkTextTertiary = "rgba(235, 235, 245, 0.32)";
|
|
133
|
+
export const colorDarkTextTertiaryInverted = "rgba(60, 60, 67, 0.4)";
|
|
134
134
|
export const colorLightBgAccent = "#ef3124";
|
|
135
|
-
export const colorLightBgAttentionMuted = "#
|
|
135
|
+
export const colorLightBgAttentionMuted = "#f7ebd9";
|
|
136
136
|
export const colorLightBgInfo = "#d6e8fc";
|
|
137
|
-
export const colorLightBgNegativeMuted = "#
|
|
138
|
-
export const colorLightBgOpaque = "rgba(255, 255, 255, 0.
|
|
137
|
+
export const colorLightBgNegativeMuted = "#fbe8e7";
|
|
138
|
+
export const colorLightBgOpaque = "rgba(255, 255, 255, 0.8)";
|
|
139
139
|
export const colorLightBgOverlay = "rgba(0, 0, 0, 0.6)";
|
|
140
|
-
export const colorLightBgPositiveMuted = "#
|
|
140
|
+
export const colorLightBgPositiveMuted = "#e7f6ef";
|
|
141
141
|
export const colorLightBgPrimary = "#fff";
|
|
142
|
-
export const colorLightBgPrimaryInverted = "#
|
|
143
|
-
export const colorLightBgQuaternary = "#
|
|
144
|
-
export const colorLightBgQuaternaryInverted = "#
|
|
142
|
+
export const colorLightBgPrimaryInverted = "#121212";
|
|
143
|
+
export const colorLightBgQuaternary = "#dcdcdd";
|
|
144
|
+
export const colorLightBgQuaternaryInverted = "#3a3a3c";
|
|
145
145
|
export const colorLightBgSecondary = "#f3f4f5";
|
|
146
|
-
export const colorLightBgSecondaryInverted = "#
|
|
147
|
-
export const colorLightBgTertiary = "#
|
|
148
|
-
export const colorLightBgTertiaryInverted = "#
|
|
146
|
+
export const colorLightBgSecondaryInverted = "#202022";
|
|
147
|
+
export const colorLightBgTertiary = "#e9e9eb";
|
|
148
|
+
export const colorLightBgTertiaryInverted = "#2c2c2e";
|
|
149
149
|
export const colorLightBorderAccent = "#ef3124";
|
|
150
|
-
export const colorLightBorderKey = "#
|
|
150
|
+
export const colorLightBorderKey = "#000";
|
|
151
151
|
export const colorLightBorderKeyInverted = "#fff";
|
|
152
|
-
export const colorLightBorderLink = "#
|
|
153
|
-
export const colorLightBorderPrimary = "#
|
|
154
|
-
export const colorLightBorderPrimaryInverted = "#
|
|
155
|
-
export const colorLightBorderSecondary = "#
|
|
156
|
-
export const colorLightBorderSecondaryInverted = "#
|
|
152
|
+
export const colorLightBorderLink = "#0072ef";
|
|
153
|
+
export const colorLightBorderPrimary = "#dcdcdd";
|
|
154
|
+
export const colorLightBorderPrimaryInverted = "#2b2b2e";
|
|
155
|
+
export const colorLightBorderSecondary = "#e9e9eb";
|
|
156
|
+
export const colorLightBorderSecondaryInverted = "#262629";
|
|
157
157
|
export const colorLightBorderTertiary = "#f3f4f5";
|
|
158
|
-
export const colorLightBorderTertiaryInverted = "#
|
|
159
|
-
export const colorLightBorderUnderline = "#
|
|
160
|
-
export const colorLightBorderUnderlineInverted = "#
|
|
158
|
+
export const colorLightBorderTertiaryInverted = "#1c1c1e";
|
|
159
|
+
export const colorLightBorderUnderline = "#c5c5c7";
|
|
160
|
+
export const colorLightBorderUnderlineInverted = "#464649";
|
|
161
161
|
export const colorLightGraphicAccent = "#ef3124";
|
|
162
|
-
export const colorLightGraphicAttention = "#
|
|
163
|
-
export const colorLightGraphicLink = "#
|
|
162
|
+
export const colorLightGraphicAttention = "#f6bf65";
|
|
163
|
+
export const colorLightGraphicLink = "#0072ef";
|
|
164
164
|
export const colorLightGraphicNegative = "#f15045";
|
|
165
165
|
export const colorLightGraphicPositive = "#2fc26e";
|
|
166
|
-
export const colorLightGraphicPrimary = "#
|
|
166
|
+
export const colorLightGraphicPrimary = "#0e0e0e";
|
|
167
167
|
export const colorLightGraphicPrimaryInverted = "#fff";
|
|
168
|
-
export const colorLightGraphicQuaternary = "#
|
|
169
|
-
export const colorLightGraphicQuaternaryInverted = "#
|
|
170
|
-
export const colorLightGraphicSecondary = "#
|
|
171
|
-
export const colorLightGraphicSecondaryInverted = "#
|
|
172
|
-
export const colorLightGraphicTertiary = "#
|
|
173
|
-
export const colorLightGraphicTertiaryInverted = "#
|
|
168
|
+
export const colorLightGraphicQuaternary = "#dcdcdd";
|
|
169
|
+
export const colorLightGraphicQuaternaryInverted = "#303032";
|
|
170
|
+
export const colorLightGraphicSecondary = "#86868a";
|
|
171
|
+
export const colorLightGraphicSecondaryInverted = "#85858d";
|
|
172
|
+
export const colorLightGraphicTertiary = "#c1c1c3";
|
|
173
|
+
export const colorLightGraphicTertiaryInverted = "#4f4f52";
|
|
174
174
|
export const colorLightSpecialbgComponent = "rgba(11, 31, 53, 0.07)";
|
|
175
|
-
export const colorLightSpecialbgComponentInverted = "rgba(255, 255, 255, 0.
|
|
175
|
+
export const colorLightSpecialbgComponentInverted = "rgba(255, 255, 255, 0.1)";
|
|
176
176
|
export const colorLightSpecialbgNulled = "rgba(255, 255, 255, 0)";
|
|
177
177
|
export const colorLightSpecialbgOverlayFallback = "#5c5c5c";
|
|
178
178
|
export const colorLightSpecialbgPrimaryGrouped = "#f3f4f5";
|
|
179
179
|
export const colorLightSpecialbgSecondaryGrouped = "#fff";
|
|
180
180
|
export const colorLightSpecialbgSecondaryTransparent = "rgba(11, 31, 53, 0.05)";
|
|
181
|
-
export const colorLightSpecialbgSecondaryTransparentInverted = "rgba(255, 255, 255, 0.
|
|
181
|
+
export const colorLightSpecialbgSecondaryTransparentInverted = "rgba(255, 255, 255, 0.06)";
|
|
182
182
|
export const colorLightSpecialbgTertiaryGrouped = "#f3f4f5";
|
|
183
183
|
export const colorLightSpecialbgTertiaryTransparent = "rgba(11, 31, 53, 0.1)";
|
|
184
|
-
export const colorLightSpecialbgTertiaryTransparentInverted = "rgba(255, 255, 255, 0.
|
|
184
|
+
export const colorLightSpecialbgTertiaryTransparentInverted = "rgba(255, 255, 255, 0.11)";
|
|
185
185
|
export const colorLightTextAccent = "#ef3124";
|
|
186
|
-
export const colorLightTextAttention = "#
|
|
187
|
-
export const colorLightTextDisabled = "rgba(
|
|
188
|
-
export const colorLightTextDisabledInverted = "rgba(
|
|
189
|
-
export const colorLightTextLink = "#
|
|
186
|
+
export const colorLightTextAttention = "#cb830f";
|
|
187
|
+
export const colorLightTextDisabled = "rgba(60, 60, 67, 0.22)";
|
|
188
|
+
export const colorLightTextDisabledInverted = "rgba(235, 235, 245, 0.2)";
|
|
189
|
+
export const colorLightTextLink = "#0072ef";
|
|
190
190
|
export const colorLightTextNegative = "#d91d0b";
|
|
191
191
|
export const colorLightTextPositive = "#13a463";
|
|
192
|
-
export const colorLightTextPrimary = "#
|
|
192
|
+
export const colorLightTextPrimary = "#0e0e0e";
|
|
193
193
|
export const colorLightTextPrimaryInverted = "#fff";
|
|
194
|
-
export const colorLightTextSecondary = "rgba(
|
|
195
|
-
export const colorLightTextSecondaryInverted = "rgba(
|
|
196
|
-
export const colorLightTextTertiary = "rgba(
|
|
197
|
-
export const colorLightTextTertiaryInverted = "rgba(
|
|
194
|
+
export const colorLightTextSecondary = "rgba(60, 60, 67, 0.66)";
|
|
195
|
+
export const colorLightTextSecondaryInverted = "rgba(235, 235, 245, 0.54)";
|
|
196
|
+
export const colorLightTextTertiary = "rgba(60, 60, 67, 0.4)";
|
|
197
|
+
export const colorLightTextTertiaryInverted = "rgba(235, 235, 245, 0.32)";
|
|
198
198
|
export const colorStaticBgAccent = "#ef3124";
|
|
199
|
-
export const colorStaticBgPrimaryDark = "#
|
|
199
|
+
export const colorStaticBgPrimaryDark = "#121212";
|
|
200
200
|
export const colorStaticBgPrimaryLight = "#fff";
|
|
201
|
-
export const colorStaticBgQuaternaryDark = "#
|
|
202
|
-
export const colorStaticBgQuaternaryLight = "#
|
|
203
|
-
export const colorStaticBgSecondaryDark = "#
|
|
201
|
+
export const colorStaticBgQuaternaryDark = "#3a3a3c";
|
|
202
|
+
export const colorStaticBgQuaternaryLight = "#dcdcdd";
|
|
203
|
+
export const colorStaticBgSecondaryDark = "#202022";
|
|
204
204
|
export const colorStaticBgSecondaryLight = "#f3f4f5";
|
|
205
|
-
export const colorStaticBgTertiaryDark = "#
|
|
206
|
-
export const colorStaticBgTertiaryLight = "#
|
|
205
|
+
export const colorStaticBgTertiaryDark = "#2c2c2e";
|
|
206
|
+
export const colorStaticBgTertiaryLight = "#e9e9eb";
|
|
207
207
|
export const colorStaticBorderAccent = "#ef3124";
|
|
208
208
|
export const colorStaticGraphicAccent = "#ef3124";
|
|
209
|
-
export const colorStaticGraphicDark = "#
|
|
209
|
+
export const colorStaticGraphicDark = "#0e0e0e";
|
|
210
210
|
export const colorStaticGraphicLight = "#fff";
|
|
211
211
|
export const colorStaticTextAccent = "#ef3124";
|
|
212
|
-
export const colorStaticTextPrimaryDark = "#
|
|
212
|
+
export const colorStaticTextPrimaryDark = "#0e0e0e";
|
|
213
213
|
export const colorStaticTextPrimaryLight = "#fff";
|
|
214
|
-
export const colorStaticTextSecondaryDark = "rgba(
|
|
215
|
-
export const colorStaticTextSecondaryLight = "rgba(
|
|
216
|
-
export const colorStaticTextTertiaryDark = "rgba(
|
|
217
|
-
export const colorStaticTextTertiaryLight = "rgba(
|
|
214
|
+
export const colorStaticTextSecondaryDark = "rgba(60, 60, 67, 0.66)";
|
|
215
|
+
export const colorStaticTextSecondaryLight = "rgba(235, 235, 245, 0.54)";
|
|
216
|
+
export const colorStaticTextTertiaryDark = "rgba(60, 60, 67, 0.4)";
|
|
217
|
+
export const colorStaticTextTertiaryLight = "rgba(235, 235, 245, 0.32)";
|
|
218
|
+
export const colorDarkBgComponent = "rgba(255, 255, 255, 0.1)";
|
|
219
|
+
export const colorDarkBgComponentInverted = "rgba(0, 0, 0, 0.08)";
|
|
220
|
+
export const colorDarkBgLinkMuted = "#001c3c";
|
|
221
|
+
export const colorDarkBgNeutral = "#3a3a3c";
|
|
222
|
+
export const colorDarkBgNulled = "rgba(0, 0, 0, 0)";
|
|
223
|
+
export const colorDarkBgPrimaryGrouped = "#1a1a1d";
|
|
224
|
+
export const colorDarkBgSecondaryGrouped = "#2a2a2e";
|
|
225
|
+
export const colorDarkBgTertiaryGrouped = "#404045";
|
|
226
|
+
export const colorDarkGraphicNeutral = "#2a2a2c";
|
|
227
|
+
export const colorDarkSpecialbgOverlay = "rgba(0, 0, 0, 0.8)";
|
|
228
|
+
export const colorDarkTextDisabledTransparent = "rgba(220, 220, 243, 0.14)";
|
|
229
|
+
export const colorDarkTextSecondaryInvertedTransparent = "rgba(3, 3, 16, 0.56)";
|
|
230
|
+
export const colorDarkTextSecondaryTransparent = "rgba(239, 239, 254, 0.53)";
|
|
231
|
+
export const colorDarkTextTertiaryInvertedTransparent = "rgba(1, 1, 18, 0.41)";
|
|
232
|
+
export const colorDarkTextTertiaryTransparent = "rgba(233, 233, 251, 0.35)";
|
|
233
|
+
export const colorLightBgComponent = "rgba(19, 19, 73, 0.11)";
|
|
234
|
+
export const colorLightBgComponentInverted = "rgba(223, 223, 246, 0.13)";
|
|
235
|
+
export const colorLightBgLinkMuted = "#d6e8fc";
|
|
236
|
+
export const colorLightBgNeutral = "#dcdcdd";
|
|
237
|
+
export const colorLightBgNulled = "rgba(0, 0, 0, 0)";
|
|
238
|
+
export const colorLightBgPrimaryGrouped = "#f2f2f6";
|
|
239
|
+
export const colorLightBgSecondaryGrouped = "#fff";
|
|
240
|
+
export const colorLightBgTertiaryGrouped = "#f2f2f6";
|
|
241
|
+
export const colorLightGraphicNeutral = "#dcdcdd";
|
|
242
|
+
export const colorLightSpecialbgOverlay = "rgba(0, 0, 0, 0.6)";
|
|
243
|
+
export const colorLightTextDisabledTransparent = "rgba(1, 1, 24, 0.26)";
|
|
244
|
+
export const colorLightTextSecondaryInvertedTransparent = "rgba(239, 239, 254, 0.53)";
|
|
245
|
+
export const colorLightTextSecondaryTransparent = "rgba(3, 3, 16, 0.56)";
|
|
246
|
+
export const colorLightTextTertiaryInvertedTransparent = "rgba(233, 233, 251, 0.35)";
|
|
247
|
+
export const colorLightTextTertiaryTransparent = "rgba(1, 1, 18, 0.41)";
|
|
248
|
+
export const colorStaticBgDark = "#000";
|
|
249
|
+
export const colorStaticBgLight = "#fff";
|
|
250
|
+
export const colorStaticBgNeutralDark = "#3a3a3c";
|
|
251
|
+
export const colorStaticBgNeutralLight = "#dcdcdd";
|
|
252
|
+
export const colorStaticTextSecondaryDarkTransparent = "rgba(3, 3, 16, 0.56)";
|
|
253
|
+
export const colorStaticTextSecondaryLightTransparent = "rgba(235, 235, 245, 0.6)";
|
|
254
|
+
export const colorStaticTextTertiaryDarkTransparent = "rgba(1, 1, 18, 0.41)";
|
|
255
|
+
export const colorStaticTextTertiaryLightTransparent = "rgba(235, 235, 245, 0.3)";
|
|
218
256
|
export const colorDarkBgAccentAlpha30 = "rgba(239, 49, 36, 0.3)";
|
|
219
257
|
export const colorDarkBgAccentShade15 = "rgb(203, 42, 31)";
|
|
220
258
|
export const colorDarkBgAccentShade20 = "rgb(191, 39, 29)";
|
|
@@ -222,17 +260,17 @@ export const colorDarkBgAccentTint7 = "rgb(240, 63, 51)";
|
|
|
222
260
|
export const colorDarkBgAccentTint10 = "rgb(241, 70, 58)";
|
|
223
261
|
export const colorDarkBgAccentTint15 = "rgb(241, 80, 69)";
|
|
224
262
|
export const colorDarkBgAccentTint30 = "rgb(244, 111, 102)";
|
|
225
|
-
export const colorDarkBgPrimaryAlpha4 = "rgba(
|
|
226
|
-
export const colorDarkBgPrimaryAlpha8 = "rgba(
|
|
227
|
-
export const colorDarkBgPrimaryAlpha12 = "rgba(
|
|
228
|
-
export const colorDarkBgPrimaryAlpha15 = "rgba(
|
|
229
|
-
export const colorDarkBgPrimaryAlpha16 = "rgba(
|
|
230
|
-
export const colorDarkBgPrimaryAlpha20 = "rgba(
|
|
231
|
-
export const colorDarkBgPrimaryAlpha32 = "rgba(
|
|
232
|
-
export const colorDarkBgPrimaryAlpha37 = "rgba(
|
|
233
|
-
export const colorDarkBgPrimaryAlpha40 = "rgba(
|
|
234
|
-
export const colorDarkBgPrimaryTint7 = "rgb(
|
|
235
|
-
export const colorDarkBgPrimaryTint15 = "rgb(
|
|
263
|
+
export const colorDarkBgPrimaryAlpha4 = "rgba(18, 18, 18, 0.04)";
|
|
264
|
+
export const colorDarkBgPrimaryAlpha8 = "rgba(18, 18, 18, 0.08)";
|
|
265
|
+
export const colorDarkBgPrimaryAlpha12 = "rgba(18, 18, 18, 0.12)";
|
|
266
|
+
export const colorDarkBgPrimaryAlpha15 = "rgba(18, 18, 18, 0.15)";
|
|
267
|
+
export const colorDarkBgPrimaryAlpha16 = "rgba(18, 18, 18, 0.16)";
|
|
268
|
+
export const colorDarkBgPrimaryAlpha20 = "rgba(18, 18, 18, 0.2)";
|
|
269
|
+
export const colorDarkBgPrimaryAlpha32 = "rgba(18, 18, 18, 0.32)";
|
|
270
|
+
export const colorDarkBgPrimaryAlpha37 = "rgba(18, 18, 18, 0.37)";
|
|
271
|
+
export const colorDarkBgPrimaryAlpha40 = "rgba(18, 18, 18, 0.4)";
|
|
272
|
+
export const colorDarkBgPrimaryTint7 = "rgb(35, 35, 35)";
|
|
273
|
+
export const colorDarkBgPrimaryTint15 = "rgb(54, 54, 54)";
|
|
236
274
|
export const colorDarkBgPrimaryInvertedAlpha3 = "rgba(255, 255, 255, 0.03)";
|
|
237
275
|
export const colorDarkBgPrimaryInvertedAlpha4 = "rgba(255, 255, 255, 0.04)";
|
|
238
276
|
export const colorDarkBgPrimaryInvertedAlpha5 = "rgba(255, 255, 255, 0.05)";
|
|
@@ -251,41 +289,42 @@ export const colorDarkBgPrimaryInvertedAlpha50 = "rgba(255, 255, 255, 0.5)";
|
|
|
251
289
|
export const colorDarkBgPrimaryInvertedShade7 = "rgb(237, 237, 237)";
|
|
252
290
|
export const colorDarkBgPrimaryInvertedShade15 = "rgb(217, 217, 217)";
|
|
253
291
|
export const colorDarkBgPrimaryInvertedShade20 = "rgb(204, 204, 204)";
|
|
254
|
-
export const colorDarkBgQuaternaryAlpha30 = "rgba(
|
|
255
|
-
export const colorDarkBgQuaternaryTint7 = "rgb(
|
|
256
|
-
export const colorDarkBgQuaternaryTint10 = "rgb(
|
|
257
|
-
export const colorDarkBgQuaternaryTint15 = "rgb(
|
|
258
|
-
export const colorDarkBgQuaternaryTint30 = "rgb(
|
|
259
|
-
export const colorDarkBgQuaternaryInvertedAlpha30 = "rgba(
|
|
260
|
-
export const colorDarkBgQuaternaryInvertedShade15 = "rgb(
|
|
261
|
-
export const colorDarkBgQuaternaryInvertedShade20 = "rgb(
|
|
262
|
-
export const colorDarkBgSecondaryAlpha30 = "rgba(
|
|
263
|
-
export const colorDarkBgSecondaryShade15 = "rgb(
|
|
264
|
-
export const colorDarkBgSecondaryShade20 = "rgb(
|
|
265
|
-
export const colorDarkBgSecondaryTint7 = "rgb(
|
|
266
|
-
export const colorDarkBgSecondaryTint15 = "rgb(
|
|
292
|
+
export const colorDarkBgQuaternaryAlpha30 = "rgba(58, 58, 60, 0.3)";
|
|
293
|
+
export const colorDarkBgQuaternaryTint7 = "rgb(72, 72, 74)";
|
|
294
|
+
export const colorDarkBgQuaternaryTint10 = "rgb(78, 78, 80)";
|
|
295
|
+
export const colorDarkBgQuaternaryTint15 = "rgb(88, 88, 89)";
|
|
296
|
+
export const colorDarkBgQuaternaryTint30 = "rgb(117, 117, 119)";
|
|
297
|
+
export const colorDarkBgQuaternaryInvertedAlpha30 = "rgba(220, 220, 221, 0.3)";
|
|
298
|
+
export const colorDarkBgQuaternaryInvertedShade15 = "rgb(187, 187, 188)";
|
|
299
|
+
export const colorDarkBgQuaternaryInvertedShade20 = "rgb(176, 176, 177)";
|
|
300
|
+
export const colorDarkBgSecondaryAlpha30 = "rgba(32, 32, 34, 0.3)";
|
|
301
|
+
export const colorDarkBgSecondaryShade15 = "rgb(27, 27, 29)";
|
|
302
|
+
export const colorDarkBgSecondaryShade20 = "rgb(26, 26, 27)";
|
|
303
|
+
export const colorDarkBgSecondaryTint7 = "rgb(48, 48, 49)";
|
|
304
|
+
export const colorDarkBgSecondaryTint15 = "rgb(65, 65, 67)";
|
|
267
305
|
export const colorDarkBgSecondaryInvertedAlpha30 = "rgba(243, 244, 245, 0.3)";
|
|
268
306
|
export const colorDarkBgSecondaryInvertedShade15 = "rgb(207, 207, 208)";
|
|
269
307
|
export const colorDarkBgSecondaryInvertedShade20 = "rgb(194, 195, 196)";
|
|
270
308
|
export const colorDarkBgSecondaryInvertedTint7 = "rgb(244, 245, 246)";
|
|
271
309
|
export const colorDarkBgSecondaryInvertedTint15 = "rgb(245, 246, 246)";
|
|
272
|
-
export const colorDarkBgTertiaryTint7 = "rgb(
|
|
273
|
-
export const colorDarkBorderUnderlineAlpha30 = "rgba(
|
|
274
|
-
export const colorDarkBorderUnderlineInvertedAlpha30 = "rgba(
|
|
310
|
+
export const colorDarkBgTertiaryTint7 = "rgb(59, 59, 61)";
|
|
311
|
+
export const colorDarkBorderUnderlineAlpha30 = "rgba(70, 70, 73, 0.3)";
|
|
312
|
+
export const colorDarkBorderUnderlineInvertedAlpha30 = "rgba(197, 197, 199, 0.3)";
|
|
275
313
|
export const colorDarkGraphicAccentAlpha30 = "rgba(239, 49, 36, 0.3)";
|
|
276
314
|
export const colorDarkGraphicAccentShade15 = "rgb(203, 42, 31)";
|
|
277
315
|
export const colorDarkGraphicAccentTint7 = "rgb(240, 63, 51)";
|
|
278
316
|
export const colorDarkGraphicAccentTint10 = "rgb(241, 70, 58)";
|
|
279
317
|
export const colorDarkGraphicAccentTint15 = "rgb(241, 80, 69)";
|
|
280
318
|
export const colorDarkGraphicAccentTint30 = "rgb(244, 111, 102)";
|
|
281
|
-
export const
|
|
282
|
-
export const
|
|
283
|
-
export const
|
|
284
|
-
export const
|
|
285
|
-
export const
|
|
286
|
-
export const
|
|
287
|
-
export const
|
|
288
|
-
export const
|
|
319
|
+
export const colorDarkGraphicLinkAlpha15 = "rgba(0, 114, 239, 0.15)";
|
|
320
|
+
export const colorDarkGraphicNegativeAlpha10 = "rgba(217, 29, 11, 0.1)";
|
|
321
|
+
export const colorDarkGraphicNegativeAlpha30 = "rgba(217, 29, 11, 0.3)";
|
|
322
|
+
export const colorDarkGraphicNegativeAlpha40 = "rgba(217, 29, 11, 0.4)";
|
|
323
|
+
export const colorDarkGraphicNegativeShade20 = "rgb(174, 23, 9)";
|
|
324
|
+
export const colorDarkGraphicNegativeShade30 = "rgb(152, 20, 8)";
|
|
325
|
+
export const colorDarkGraphicNegativeTint7 = "rgb(220, 45, 28)";
|
|
326
|
+
export const colorDarkGraphicNegativeTint15 = "rgb(223, 63, 48)";
|
|
327
|
+
export const colorDarkGraphicNegativeTint30 = "rgb(228, 97, 84)";
|
|
289
328
|
export const colorDarkGraphicPositiveAlpha10 = "rgba(47, 194, 110, 0.1)";
|
|
290
329
|
export const colorDarkGraphicPositiveTint10 = "rgb(68, 200, 125)";
|
|
291
330
|
export const colorDarkGraphicPositiveTint30 = "rgb(109, 212, 154)";
|
|
@@ -298,35 +337,35 @@ export const colorDarkGraphicPrimaryShade20 = "rgb(204, 204, 204)";
|
|
|
298
337
|
export const colorDarkGraphicPrimaryShade30 = "rgb(179, 179, 179)";
|
|
299
338
|
export const colorDarkGraphicPrimaryTint10 = "rgb(255, 255, 255)";
|
|
300
339
|
export const colorDarkGraphicPrimaryTint30 = "rgb(255, 255, 255)";
|
|
301
|
-
export const colorDarkGraphicPrimaryInvertedAlpha30 = "rgba(
|
|
302
|
-
export const colorDarkGraphicPrimaryInvertedAlpha40 = "rgba(
|
|
303
|
-
export const colorDarkGraphicPrimaryInvertedAlpha50 = "rgba(
|
|
304
|
-
export const colorDarkGraphicPrimaryInvertedAlpha60 = "rgba(
|
|
305
|
-
export const colorDarkGraphicPrimaryInvertedTint7 = "rgb(
|
|
306
|
-
export const colorDarkGraphicPrimaryInvertedTint10 = "rgb(
|
|
307
|
-
export const colorDarkGraphicPrimaryInvertedTint15 = "rgb(
|
|
308
|
-
export const colorDarkGraphicPrimaryInvertedTint30 = "rgb(
|
|
309
|
-
export const colorDarkGraphicQuaternaryTint10 = "rgb(
|
|
310
|
-
export const colorDarkGraphicSecondaryAlpha30 = "rgba(
|
|
311
|
-
export const colorDarkGraphicSecondaryTint30 = "rgb(
|
|
312
|
-
export const colorDarkGraphicSecondaryTint50 = "rgb(
|
|
313
|
-
export const colorDarkGraphicSecondaryInvertedAlpha30 = "rgba(
|
|
314
|
-
export const colorDarkGraphicSecondaryInvertedShade15 = "rgb(
|
|
315
|
-
export const colorDarkGraphicSecondaryInvertedShade20 = "rgb(
|
|
316
|
-
export const colorDarkGraphicSecondaryInvertedTint10 = "rgb(
|
|
317
|
-
export const colorDarkGraphicSecondaryInvertedTint30 = "rgb(
|
|
318
|
-
export const colorDarkGraphicTertiaryAlpha30 = "rgba(
|
|
319
|
-
export const colorDarkGraphicTertiaryShade15 = "rgb(
|
|
320
|
-
export const colorDarkGraphicTertiaryShade20 = "rgb(
|
|
321
|
-
export const colorDarkGraphicTertiaryTint7 = "rgb(
|
|
322
|
-
export const colorDarkGraphicTertiaryTint15 = "rgb(
|
|
323
|
-
export const colorDarkGraphicTertiaryInvertedAlpha30 = "rgba(
|
|
324
|
-
export const colorDarkGraphicTertiaryInvertedShade15 = "rgb(
|
|
325
|
-
export const colorDarkGraphicTertiaryInvertedShade20 = "rgb(
|
|
326
|
-
export const colorDarkSpecialbgComponentTint7 = "rgba(255, 255, 255, 0.
|
|
327
|
-
export const colorDarkSpecialbgComponentTint10 = "rgba(255, 255, 255, 0.
|
|
328
|
-
export const colorDarkSpecialbgComponentTint15 = "rgba(255, 255, 255, 0.
|
|
329
|
-
export const colorDarkSpecialbgComponentTint30 = "rgba(255, 255, 255, 0.
|
|
340
|
+
export const colorDarkGraphicPrimaryInvertedAlpha30 = "rgba(14, 14, 14, 0.3)";
|
|
341
|
+
export const colorDarkGraphicPrimaryInvertedAlpha40 = "rgba(14, 14, 14, 0.4)";
|
|
342
|
+
export const colorDarkGraphicPrimaryInvertedAlpha50 = "rgba(14, 14, 14, 0.5)";
|
|
343
|
+
export const colorDarkGraphicPrimaryInvertedAlpha60 = "rgba(14, 14, 14, 0.6)";
|
|
344
|
+
export const colorDarkGraphicPrimaryInvertedTint7 = "rgb(31, 31, 31)";
|
|
345
|
+
export const colorDarkGraphicPrimaryInvertedTint10 = "rgb(38, 38, 38)";
|
|
346
|
+
export const colorDarkGraphicPrimaryInvertedTint15 = "rgb(50, 50, 50)";
|
|
347
|
+
export const colorDarkGraphicPrimaryInvertedTint30 = "rgb(86, 86, 86)";
|
|
348
|
+
export const colorDarkGraphicQuaternaryTint10 = "rgb(69, 69, 70)";
|
|
349
|
+
export const colorDarkGraphicSecondaryAlpha30 = "rgba(133, 133, 141, 0.3)";
|
|
350
|
+
export const colorDarkGraphicSecondaryTint30 = "rgb(170, 170, 175)";
|
|
351
|
+
export const colorDarkGraphicSecondaryTint50 = "rgb(194, 194, 198)";
|
|
352
|
+
export const colorDarkGraphicSecondaryInvertedAlpha30 = "rgba(134, 134, 138, 0.3)";
|
|
353
|
+
export const colorDarkGraphicSecondaryInvertedShade15 = "rgb(114, 114, 117)";
|
|
354
|
+
export const colorDarkGraphicSecondaryInvertedShade20 = "rgb(107, 107, 110)";
|
|
355
|
+
export const colorDarkGraphicSecondaryInvertedTint10 = "rgb(146, 146, 150)";
|
|
356
|
+
export const colorDarkGraphicSecondaryInvertedTint30 = "rgb(170, 170, 173)";
|
|
357
|
+
export const colorDarkGraphicTertiaryAlpha30 = "rgba(79, 79, 82, 0.3)";
|
|
358
|
+
export const colorDarkGraphicTertiaryShade15 = "rgb(67, 67, 70)";
|
|
359
|
+
export const colorDarkGraphicTertiaryShade20 = "rgb(63, 63, 66)";
|
|
360
|
+
export const colorDarkGraphicTertiaryTint7 = "rgb(91, 91, 94)";
|
|
361
|
+
export const colorDarkGraphicTertiaryTint15 = "rgb(105, 105, 108)";
|
|
362
|
+
export const colorDarkGraphicTertiaryInvertedAlpha30 = "rgba(193, 193, 195, 0.3)";
|
|
363
|
+
export const colorDarkGraphicTertiaryInvertedShade15 = "rgb(164, 164, 166)";
|
|
364
|
+
export const colorDarkGraphicTertiaryInvertedShade20 = "rgb(154, 154, 156)";
|
|
365
|
+
export const colorDarkSpecialbgComponentTint7 = "rgba(255, 255, 255, 0.163)";
|
|
366
|
+
export const colorDarkSpecialbgComponentTint10 = "rgba(255, 255, 255, 0.19)";
|
|
367
|
+
export const colorDarkSpecialbgComponentTint15 = "rgba(255, 255, 255, 0.235)";
|
|
368
|
+
export const colorDarkSpecialbgComponentTint30 = "rgba(255, 255, 255, 0.37)";
|
|
330
369
|
export const colorDarkSpecialbgComponentAlpha2 = "rgba(255, 255, 255, 0.02)";
|
|
331
370
|
export const colorDarkSpecialbgComponentAlpha14 = "rgba(255, 255, 255, 0.14)";
|
|
332
371
|
export const colorDarkSpecialbgComponentAlpha23 = "rgba(255, 255, 255, 0.23)";
|
|
@@ -334,14 +373,14 @@ export const colorDarkSpecialbgComponentAlpha30 = "rgba(255, 255, 255, 0.3)";
|
|
|
334
373
|
export const colorDarkSpecialbgComponentInvertedAlpha30 = "rgba(11, 31, 53, 0.3)";
|
|
335
374
|
export const colorDarkSpecialbgComponentInvertedShade15 = "rgba(9, 26, 45, 0.2095)";
|
|
336
375
|
export const colorDarkSpecialbgComponentInvertedShade20 = "rgba(9, 25, 42, 0.256)";
|
|
337
|
-
export const colorDarkSpecialbgTertiaryTransparentTint7 = "rgba(255, 255, 255, 0.
|
|
338
|
-
export const colorDarkSpecialbgTertiaryTransparentTint15 = "rgba(255, 255, 255, 0.
|
|
376
|
+
export const colorDarkSpecialbgTertiaryTransparentTint7 = "rgba(255, 255, 255, 0.1723)";
|
|
377
|
+
export const colorDarkSpecialbgTertiaryTransparentTint15 = "rgba(255, 255, 255, 0.2435)";
|
|
339
378
|
export const colorDarkSpecialbgTertiaryTransparentInvertedShade15 = "rgba(9, 26, 45, 0.235)";
|
|
340
379
|
export const colorDarkSpecialbgTertiaryTransparentInvertedShade20 = "rgba(9, 25, 42, 0.28)";
|
|
341
|
-
export const colorDarkTextLinkShade30 = "rgb(0,
|
|
342
|
-
export const colorDarkTextLinkShade50 = "rgb(0,
|
|
343
|
-
export const colorDarkTextLinkTint20 = "rgb(51,
|
|
344
|
-
export const colorDarkTextLinkTint40 = "rgb(102,
|
|
380
|
+
export const colorDarkTextLinkShade30 = "rgb(0, 80, 167)";
|
|
381
|
+
export const colorDarkTextLinkShade50 = "rgb(0, 57, 120)";
|
|
382
|
+
export const colorDarkTextLinkTint20 = "rgb(51, 142, 242)";
|
|
383
|
+
export const colorDarkTextLinkTint40 = "rgb(102, 170, 245)";
|
|
345
384
|
export const colorDarkTextPrimaryAlpha30 = "rgba(255, 255, 255, 0.3)";
|
|
346
385
|
export const colorDarkTextPrimaryShade24 = "rgb(194, 194, 194)";
|
|
347
386
|
export const colorDarkTextPrimaryShade30 = "rgb(179, 179, 179)";
|
|
@@ -349,22 +388,22 @@ export const colorDarkTextPrimaryShade40 = "rgb(153, 153, 153)";
|
|
|
349
388
|
export const colorDarkTextPrimaryShade50 = "rgb(128, 128, 128)";
|
|
350
389
|
export const colorDarkTextPrimaryTint20 = "rgb(255, 255, 255)";
|
|
351
390
|
export const colorDarkTextPrimaryTint40 = "rgb(255, 255, 255)";
|
|
352
|
-
export const colorDarkTextPrimaryInvertedAlpha30 = "rgba(
|
|
353
|
-
export const colorDarkTextPrimaryInvertedAlpha40 = "rgba(
|
|
354
|
-
export const colorDarkTextPrimaryInvertedShade20 = "rgb(
|
|
355
|
-
export const colorDarkTextPrimaryInvertedShade30 = "rgb(
|
|
356
|
-
export const colorDarkTextPrimaryInvertedTint7 = "rgb(
|
|
357
|
-
export const colorDarkTextPrimaryInvertedTint15 = "rgb(
|
|
358
|
-
export const colorDarkTextPrimaryInvertedTint24 = "rgb(
|
|
359
|
-
export const colorDarkTextPrimaryInvertedTint30 = "rgb(
|
|
360
|
-
export const colorDarkTextPrimaryInvertedTint40 = "rgb(
|
|
361
|
-
export const colorDarkTextPrimaryInvertedTint50 = "rgb(
|
|
362
|
-
export const colorDarkTextSecondaryShade20 = "rgba(
|
|
363
|
-
export const colorDarkTextSecondaryShade30 = "rgba(
|
|
364
|
-
export const colorDarkTextSecondaryTint20 = "rgba(
|
|
365
|
-
export const colorDarkTextSecondaryTint40 = "rgba(
|
|
366
|
-
export const colorDarkTextSecondaryInvertedShade20 = "rgba(
|
|
367
|
-
export const colorDarkTextSecondaryInvertedShade30 = "rgba(
|
|
391
|
+
export const colorDarkTextPrimaryInvertedAlpha30 = "rgba(14, 14, 14, 0.3)";
|
|
392
|
+
export const colorDarkTextPrimaryInvertedAlpha40 = "rgba(14, 14, 14, 0.4)";
|
|
393
|
+
export const colorDarkTextPrimaryInvertedShade20 = "rgb(11, 11, 11)";
|
|
394
|
+
export const colorDarkTextPrimaryInvertedShade30 = "rgb(10, 10, 10)";
|
|
395
|
+
export const colorDarkTextPrimaryInvertedTint7 = "rgb(31, 31, 31)";
|
|
396
|
+
export const colorDarkTextPrimaryInvertedTint15 = "rgb(50, 50, 50)";
|
|
397
|
+
export const colorDarkTextPrimaryInvertedTint24 = "rgb(72, 72, 72)";
|
|
398
|
+
export const colorDarkTextPrimaryInvertedTint30 = "rgb(86, 86, 86)";
|
|
399
|
+
export const colorDarkTextPrimaryInvertedTint40 = "rgb(110, 110, 110)";
|
|
400
|
+
export const colorDarkTextPrimaryInvertedTint50 = "rgb(135, 135, 135)";
|
|
401
|
+
export const colorDarkTextSecondaryShade20 = "rgba(188, 188, 196, 0.632)";
|
|
402
|
+
export const colorDarkTextSecondaryShade30 = "rgba(164, 164, 172, 0.678)";
|
|
403
|
+
export const colorDarkTextSecondaryTint20 = "rgba(239, 239, 247, 0.632)";
|
|
404
|
+
export const colorDarkTextSecondaryTint40 = "rgba(243, 243, 249, 0.724)";
|
|
405
|
+
export const colorDarkTextSecondaryInvertedShade20 = "rgba(48, 48, 54, 0.728)";
|
|
406
|
+
export const colorDarkTextSecondaryInvertedShade30 = "rgba(42, 42, 47, 0.762)";
|
|
368
407
|
export const colorLightBgAccentAlpha30 = "rgba(239, 49, 36, 0.3)";
|
|
369
408
|
export const colorLightBgAccentTint15 = "rgb(241, 80, 69)";
|
|
370
409
|
export const colorLightBgAccentTint20 = "rgb(242, 90, 80)";
|
|
@@ -383,51 +422,52 @@ export const colorLightBgPrimaryAlpha37 = "rgba(255, 255, 255, 0.37)";
|
|
|
383
422
|
export const colorLightBgPrimaryAlpha40 = "rgba(255, 255, 255, 0.4)";
|
|
384
423
|
export const colorLightBgPrimaryShade7 = "rgb(237, 237, 237)";
|
|
385
424
|
export const colorLightBgPrimaryShade15 = "rgb(217, 217, 217)";
|
|
386
|
-
export const colorLightBgPrimaryInvertedAlpha3 = "rgba(
|
|
387
|
-
export const colorLightBgPrimaryInvertedAlpha4 = "rgba(
|
|
388
|
-
export const colorLightBgPrimaryInvertedAlpha5 = "rgba(
|
|
389
|
-
export const colorLightBgPrimaryInvertedAlpha7 = "rgba(
|
|
390
|
-
export const colorLightBgPrimaryInvertedAlpha8 = "rgba(
|
|
391
|
-
export const colorLightBgPrimaryInvertedAlpha10 = "rgba(
|
|
392
|
-
export const colorLightBgPrimaryInvertedAlpha12 = "rgba(
|
|
393
|
-
export const colorLightBgPrimaryInvertedAlpha15 = "rgba(
|
|
394
|
-
export const colorLightBgPrimaryInvertedAlpha16 = "rgba(
|
|
395
|
-
export const colorLightBgPrimaryInvertedAlpha20 = "rgba(
|
|
396
|
-
export const colorLightBgPrimaryInvertedAlpha24 = "rgba(
|
|
397
|
-
export const colorLightBgPrimaryInvertedAlpha30 = "rgba(
|
|
398
|
-
export const colorLightBgPrimaryInvertedAlpha32 = "rgba(
|
|
399
|
-
export const colorLightBgPrimaryInvertedAlpha40 = "rgba(
|
|
400
|
-
export const colorLightBgPrimaryInvertedAlpha50 = "rgba(
|
|
401
|
-
export const colorLightBgPrimaryInvertedTint7 = "rgb(
|
|
402
|
-
export const colorLightBgPrimaryInvertedTint15 = "rgb(
|
|
403
|
-
export const colorLightBgPrimaryInvertedTint20 = "rgb(
|
|
404
|
-
export const colorLightBgQuaternaryAlpha30 = "rgba(
|
|
405
|
-
export const colorLightBgQuaternaryShade7 = "rgb(
|
|
406
|
-
export const colorLightBgQuaternaryShade10 = "rgb(
|
|
407
|
-
export const colorLightBgQuaternaryShade15 = "rgb(
|
|
408
|
-
export const colorLightBgQuaternaryShade30 = "rgb(
|
|
409
|
-
export const colorLightBgQuaternaryInvertedAlpha30 = "rgba(
|
|
410
|
-
export const colorLightBgQuaternaryInvertedTint15 = "rgb(
|
|
411
|
-
export const colorLightBgQuaternaryInvertedTint20 = "rgb(
|
|
425
|
+
export const colorLightBgPrimaryInvertedAlpha3 = "rgba(18, 18, 18, 0.03)";
|
|
426
|
+
export const colorLightBgPrimaryInvertedAlpha4 = "rgba(18, 18, 18, 0.04)";
|
|
427
|
+
export const colorLightBgPrimaryInvertedAlpha5 = "rgba(18, 18, 18, 0.05)";
|
|
428
|
+
export const colorLightBgPrimaryInvertedAlpha7 = "rgba(18, 18, 18, 0.07)";
|
|
429
|
+
export const colorLightBgPrimaryInvertedAlpha8 = "rgba(18, 18, 18, 0.08)";
|
|
430
|
+
export const colorLightBgPrimaryInvertedAlpha10 = "rgba(18, 18, 18, 0.1)";
|
|
431
|
+
export const colorLightBgPrimaryInvertedAlpha12 = "rgba(18, 18, 18, 0.12)";
|
|
432
|
+
export const colorLightBgPrimaryInvertedAlpha15 = "rgba(18, 18, 18, 0.15)";
|
|
433
|
+
export const colorLightBgPrimaryInvertedAlpha16 = "rgba(18, 18, 18, 0.16)";
|
|
434
|
+
export const colorLightBgPrimaryInvertedAlpha20 = "rgba(18, 18, 18, 0.2)";
|
|
435
|
+
export const colorLightBgPrimaryInvertedAlpha24 = "rgba(18, 18, 18, 0.24)";
|
|
436
|
+
export const colorLightBgPrimaryInvertedAlpha30 = "rgba(18, 18, 18, 0.3)";
|
|
437
|
+
export const colorLightBgPrimaryInvertedAlpha32 = "rgba(18, 18, 18, 0.32)";
|
|
438
|
+
export const colorLightBgPrimaryInvertedAlpha40 = "rgba(18, 18, 18, 0.4)";
|
|
439
|
+
export const colorLightBgPrimaryInvertedAlpha50 = "rgba(18, 18, 18, 0.5)";
|
|
440
|
+
export const colorLightBgPrimaryInvertedTint7 = "rgb(35, 35, 35)";
|
|
441
|
+
export const colorLightBgPrimaryInvertedTint15 = "rgb(54, 54, 54)";
|
|
442
|
+
export const colorLightBgPrimaryInvertedTint20 = "rgb(65, 65, 65)";
|
|
443
|
+
export const colorLightBgQuaternaryAlpha30 = "rgba(220, 220, 221, 0.3)";
|
|
444
|
+
export const colorLightBgQuaternaryShade7 = "rgb(205, 205, 206)";
|
|
445
|
+
export const colorLightBgQuaternaryShade10 = "rgb(198, 198, 199)";
|
|
446
|
+
export const colorLightBgQuaternaryShade15 = "rgb(187, 187, 188)";
|
|
447
|
+
export const colorLightBgQuaternaryShade30 = "rgb(154, 154, 155)";
|
|
448
|
+
export const colorLightBgQuaternaryInvertedAlpha30 = "rgba(58, 58, 60, 0.3)";
|
|
449
|
+
export const colorLightBgQuaternaryInvertedTint15 = "rgb(88, 88, 89)";
|
|
450
|
+
export const colorLightBgQuaternaryInvertedTint20 = "rgb(97, 97, 99)";
|
|
412
451
|
export const colorLightBgSecondaryAlpha30 = "rgba(243, 244, 245, 0.3)";
|
|
413
452
|
export const colorLightBgSecondaryTint15 = "rgb(245, 246, 246)";
|
|
414
453
|
export const colorLightBgSecondaryTint20 = "rgb(245, 246, 247)";
|
|
415
454
|
export const colorLightBgSecondaryShade7 = "rgb(226, 227, 228)";
|
|
416
455
|
export const colorLightBgSecondaryShade15 = "rgb(207, 207, 208)";
|
|
417
|
-
export const colorLightBgSecondaryInvertedAlpha30 = "rgba(
|
|
418
|
-
export const colorLightBgSecondaryInvertedTint15 = "rgb(
|
|
419
|
-
export const colorLightBgSecondaryInvertedTint20 = "rgb(
|
|
420
|
-
export const colorLightBgSecondaryInvertedShade7 = "rgb(
|
|
421
|
-
export const colorLightBgSecondaryInvertedShade15 = "rgb(
|
|
422
|
-
export const colorLightBgTertiaryShade7 = "rgb(
|
|
423
|
-
export const colorLightBorderUnderlineAlpha30 = "rgba(
|
|
424
|
-
export const colorLightBorderUnderlineInvertedAlpha30 = "rgba(
|
|
456
|
+
export const colorLightBgSecondaryInvertedAlpha30 = "rgba(32, 32, 34, 0.3)";
|
|
457
|
+
export const colorLightBgSecondaryInvertedTint15 = "rgb(65, 65, 67)";
|
|
458
|
+
export const colorLightBgSecondaryInvertedTint20 = "rgb(77, 77, 78)";
|
|
459
|
+
export const colorLightBgSecondaryInvertedShade7 = "rgb(30, 30, 32)";
|
|
460
|
+
export const colorLightBgSecondaryInvertedShade15 = "rgb(27, 27, 29)";
|
|
461
|
+
export const colorLightBgTertiaryShade7 = "rgb(217, 217, 219)";
|
|
462
|
+
export const colorLightBorderUnderlineAlpha30 = "rgba(197, 197, 199, 0.3)";
|
|
463
|
+
export const colorLightBorderUnderlineInvertedAlpha30 = "rgba(70, 70, 73, 0.3)";
|
|
425
464
|
export const colorLightGraphicAccentAlpha30 = "rgba(239, 49, 36, 0.3)";
|
|
426
465
|
export const colorLightGraphicAccentTint15 = "rgb(241, 80, 69)";
|
|
427
466
|
export const colorLightGraphicAccentShade7 = "rgb(222, 46, 33)";
|
|
428
467
|
export const colorLightGraphicAccentShade10 = "rgb(215, 44, 32)";
|
|
429
468
|
export const colorLightGraphicAccentShade15 = "rgb(203, 42, 31)";
|
|
430
469
|
export const colorLightGraphicAccentShade30 = "rgb(167, 34, 25)";
|
|
470
|
+
export const colorLightGraphicLinkAlpha15 = "rgba(0, 114, 239, 0.15)";
|
|
431
471
|
export const colorLightGraphicNegativeAlpha10 = "rgba(241, 80, 69, 0.1)";
|
|
432
472
|
export const colorLightGraphicNegativeAlpha30 = "rgba(241, 80, 69, 0.3)";
|
|
433
473
|
export const colorLightGraphicNegativeAlpha40 = "rgba(241, 80, 69, 0.4)";
|
|
@@ -439,15 +479,15 @@ export const colorLightGraphicNegativeShade30 = "rgb(169, 56, 48)";
|
|
|
439
479
|
export const colorLightGraphicPositiveAlpha10 = "rgba(47, 194, 110, 0.1)";
|
|
440
480
|
export const colorLightGraphicPositiveShade10 = "rgb(42, 175, 99)";
|
|
441
481
|
export const colorLightGraphicPositiveShade30 = "rgb(33, 136, 77)";
|
|
442
|
-
export const colorLightGraphicPrimaryAlpha30 = "rgba(
|
|
443
|
-
export const colorLightGraphicPrimaryAlpha40 = "rgba(
|
|
444
|
-
export const colorLightGraphicPrimaryAlpha50 = "rgba(
|
|
445
|
-
export const colorLightGraphicPrimaryAlpha60 = "rgba(
|
|
446
|
-
export const colorLightGraphicPrimaryTint15 = "rgb(
|
|
447
|
-
export const colorLightGraphicPrimaryTint20 = "rgb(
|
|
448
|
-
export const colorLightGraphicPrimaryTint30 = "rgb(
|
|
449
|
-
export const colorLightGraphicPrimaryShade10 = "rgb(
|
|
450
|
-
export const colorLightGraphicPrimaryShade30 = "rgb(
|
|
482
|
+
export const colorLightGraphicPrimaryAlpha30 = "rgba(14, 14, 14, 0.3)";
|
|
483
|
+
export const colorLightGraphicPrimaryAlpha40 = "rgba(14, 14, 14, 0.4)";
|
|
484
|
+
export const colorLightGraphicPrimaryAlpha50 = "rgba(14, 14, 14, 0.5)";
|
|
485
|
+
export const colorLightGraphicPrimaryAlpha60 = "rgba(14, 14, 14, 0.6)";
|
|
486
|
+
export const colorLightGraphicPrimaryTint15 = "rgb(50, 50, 50)";
|
|
487
|
+
export const colorLightGraphicPrimaryTint20 = "rgb(62, 62, 62)";
|
|
488
|
+
export const colorLightGraphicPrimaryTint30 = "rgb(86, 86, 86)";
|
|
489
|
+
export const colorLightGraphicPrimaryShade10 = "rgb(13, 13, 13)";
|
|
490
|
+
export const colorLightGraphicPrimaryShade30 = "rgb(10, 10, 10)";
|
|
451
491
|
export const colorLightGraphicPrimaryInvertedAlpha30 = "rgba(255, 255, 255, 0.3)";
|
|
452
492
|
export const colorLightGraphicPrimaryInvertedAlpha40 = "rgba(255, 255, 255, 0.4)";
|
|
453
493
|
export const colorLightGraphicPrimaryInvertedAlpha50 = "rgba(255, 255, 255, 0.5)";
|
|
@@ -456,23 +496,23 @@ export const colorLightGraphicPrimaryInvertedShade7 = "rgb(237, 237, 237)";
|
|
|
456
496
|
export const colorLightGraphicPrimaryInvertedShade10 = "rgb(230, 230, 230)";
|
|
457
497
|
export const colorLightGraphicPrimaryInvertedShade15 = "rgb(217, 217, 217)";
|
|
458
498
|
export const colorLightGraphicPrimaryInvertedShade30 = "rgb(179, 179, 179)";
|
|
459
|
-
export const colorLightGraphicQuaternaryShade10 = "rgb(
|
|
460
|
-
export const colorLightGraphicSecondaryAlpha30 = "rgba(
|
|
461
|
-
export const colorLightGraphicSecondaryShade30 = "rgb(
|
|
462
|
-
export const colorLightGraphicSecondaryShade50 = "rgb(
|
|
463
|
-
export const colorLightGraphicSecondaryInvertedAlpha30 = "rgba(
|
|
464
|
-
export const colorLightGraphicSecondaryInvertedTint15 = "rgb(
|
|
465
|
-
export const colorLightGraphicSecondaryInvertedTint20 = "rgb(
|
|
466
|
-
export const colorLightGraphicSecondaryInvertedShade10 = "rgb(
|
|
467
|
-
export const colorLightGraphicSecondaryInvertedShade30 = "rgb(
|
|
468
|
-
export const colorLightGraphicTertiaryAlpha30 = "rgba(
|
|
469
|
-
export const colorLightGraphicTertiaryTint15 = "rgb(
|
|
470
|
-
export const colorLightGraphicTertiaryTint20 = "rgb(
|
|
471
|
-
export const colorLightGraphicTertiaryShade7 = "rgb(
|
|
472
|
-
export const colorLightGraphicTertiaryShade15 = "rgb(
|
|
473
|
-
export const colorLightGraphicTertiaryInvertedAlpha30 = "rgba(
|
|
474
|
-
export const colorLightGraphicTertiaryInvertedTint15 = "rgb(
|
|
475
|
-
export const colorLightGraphicTertiaryInvertedTint20 = "rgb(
|
|
499
|
+
export const colorLightGraphicQuaternaryShade10 = "rgb(198, 198, 199)";
|
|
500
|
+
export const colorLightGraphicSecondaryAlpha30 = "rgba(134, 134, 138, 0.3)";
|
|
501
|
+
export const colorLightGraphicSecondaryShade30 = "rgb(94, 94, 97)";
|
|
502
|
+
export const colorLightGraphicSecondaryShade50 = "rgb(67, 67, 69)";
|
|
503
|
+
export const colorLightGraphicSecondaryInvertedAlpha30 = "rgba(133, 133, 141, 0.3)";
|
|
504
|
+
export const colorLightGraphicSecondaryInvertedTint15 = "rgb(151, 151, 158)";
|
|
505
|
+
export const colorLightGraphicSecondaryInvertedTint20 = "rgb(157, 157, 164)";
|
|
506
|
+
export const colorLightGraphicSecondaryInvertedShade10 = "rgb(120, 120, 127)";
|
|
507
|
+
export const colorLightGraphicSecondaryInvertedShade30 = "rgb(93, 93, 99)";
|
|
508
|
+
export const colorLightGraphicTertiaryAlpha30 = "rgba(193, 193, 195, 0.3)";
|
|
509
|
+
export const colorLightGraphicTertiaryTint15 = "rgb(202, 202, 204)";
|
|
510
|
+
export const colorLightGraphicTertiaryTint20 = "rgb(205, 205, 207)";
|
|
511
|
+
export const colorLightGraphicTertiaryShade7 = "rgb(179, 179, 181)";
|
|
512
|
+
export const colorLightGraphicTertiaryShade15 = "rgb(164, 164, 166)";
|
|
513
|
+
export const colorLightGraphicTertiaryInvertedAlpha30 = "rgba(79, 79, 82, 0.3)";
|
|
514
|
+
export const colorLightGraphicTertiaryInvertedTint15 = "rgb(105, 105, 108)";
|
|
515
|
+
export const colorLightGraphicTertiaryInvertedTint20 = "rgb(114, 114, 117)";
|
|
476
516
|
export const colorLightSpecialbgComponentShade7 = "rgba(10, 29, 49, 0.1351)";
|
|
477
517
|
export const colorLightSpecialbgComponentShade10 = "rgba(10, 28, 48, 0.163)";
|
|
478
518
|
export const colorLightSpecialbgComponentShade15 = "rgba(9, 26, 45, 0.2095)";
|
|
@@ -482,23 +522,23 @@ export const colorLightSpecialbgComponentAlpha14 = "rgba(11, 31, 53, 0.14)";
|
|
|
482
522
|
export const colorLightSpecialbgComponentAlpha23 = "rgba(11, 31, 53, 0.23)";
|
|
483
523
|
export const colorLightSpecialbgComponentAlpha30 = "rgba(11, 31, 53, 0.3)";
|
|
484
524
|
export const colorLightSpecialbgComponentInvertedAlpha30 = "rgba(255, 255, 255, 0.3)";
|
|
485
|
-
export const colorLightSpecialbgComponentInvertedTint15 = "rgba(255, 255, 255, 0.
|
|
486
|
-
export const colorLightSpecialbgComponentInvertedTint20 = "rgba(255, 255, 255, 0.
|
|
525
|
+
export const colorLightSpecialbgComponentInvertedTint15 = "rgba(255, 255, 255, 0.235)";
|
|
526
|
+
export const colorLightSpecialbgComponentInvertedTint20 = "rgba(255, 255, 255, 0.28)";
|
|
487
527
|
export const colorLightSpecialbgTertiaryTransparentShade7 = "rgba(10, 29, 49, 0.163)";
|
|
488
528
|
export const colorLightSpecialbgTertiaryTransparentShade15 = "rgba(9, 26, 45, 0.235)";
|
|
489
|
-
export const colorLightSpecialbgTertiaryTransparentInvertedTint15 = "rgba(255, 255, 255, 0.
|
|
490
|
-
export const colorLightSpecialbgTertiaryTransparentInvertedTint20 = "rgba(255, 255, 255, 0.
|
|
491
|
-
export const colorLightTextLinkTint30 = "rgb(77,
|
|
492
|
-
export const colorLightTextLinkTint50 = "rgb(128,
|
|
493
|
-
export const colorLightTextLinkShade20 = "rgb(0,
|
|
494
|
-
export const colorLightTextLinkShade40 = "rgb(0,
|
|
495
|
-
export const colorLightTextPrimaryAlpha30 = "rgba(
|
|
496
|
-
export const colorLightTextPrimaryTint24 = "rgb(
|
|
497
|
-
export const colorLightTextPrimaryTint30 = "rgb(
|
|
498
|
-
export const colorLightTextPrimaryTint40 = "rgb(
|
|
499
|
-
export const colorLightTextPrimaryTint50 = "rgb(
|
|
500
|
-
export const colorLightTextPrimaryShade20 = "rgb(
|
|
501
|
-
export const colorLightTextPrimaryShade40 = "rgb(
|
|
529
|
+
export const colorLightSpecialbgTertiaryTransparentInvertedTint15 = "rgba(255, 255, 255, 0.2435)";
|
|
530
|
+
export const colorLightSpecialbgTertiaryTransparentInvertedTint20 = "rgba(255, 255, 255, 0.288)";
|
|
531
|
+
export const colorLightTextLinkTint30 = "rgb(77, 156, 244)";
|
|
532
|
+
export const colorLightTextLinkTint50 = "rgb(128, 185, 247)";
|
|
533
|
+
export const colorLightTextLinkShade20 = "rgb(0, 91, 191)";
|
|
534
|
+
export const colorLightTextLinkShade40 = "rgb(0, 68, 143)";
|
|
535
|
+
export const colorLightTextPrimaryAlpha30 = "rgba(14, 14, 14, 0.3)";
|
|
536
|
+
export const colorLightTextPrimaryTint24 = "rgb(72, 72, 72)";
|
|
537
|
+
export const colorLightTextPrimaryTint30 = "rgb(86, 86, 86)";
|
|
538
|
+
export const colorLightTextPrimaryTint40 = "rgb(110, 110, 110)";
|
|
539
|
+
export const colorLightTextPrimaryTint50 = "rgb(135, 135, 135)";
|
|
540
|
+
export const colorLightTextPrimaryShade20 = "rgb(11, 11, 11)";
|
|
541
|
+
export const colorLightTextPrimaryShade40 = "rgb(8, 8, 8)";
|
|
502
542
|
export const colorLightTextPrimaryInvertedAlpha30 = "rgba(255, 255, 255, 0.3)";
|
|
503
543
|
export const colorLightTextPrimaryInvertedAlpha40 = "rgba(255, 255, 255, 0.4)";
|
|
504
544
|
export const colorLightTextPrimaryInvertedTint20 = "rgb(255, 255, 255)";
|
|
@@ -509,14 +549,14 @@ export const colorLightTextPrimaryInvertedShade24 = "rgb(194, 194, 194)";
|
|
|
509
549
|
export const colorLightTextPrimaryInvertedShade30 = "rgb(179, 179, 179)";
|
|
510
550
|
export const colorLightTextPrimaryInvertedShade40 = "rgb(153, 153, 153)";
|
|
511
551
|
export const colorLightTextPrimaryInvertedShade50 = "rgb(128, 128, 128)";
|
|
512
|
-
export const colorLightTextSecondaryTint20 = "rgba(
|
|
513
|
-
export const colorLightTextSecondaryTint30 = "rgba(
|
|
514
|
-
export const colorLightTextSecondaryShade20 = "rgba(
|
|
515
|
-
export const colorLightTextSecondaryShade40 = "rgba(
|
|
516
|
-
export const colorLightTextSecondaryInvertedTint20 = "rgba(
|
|
517
|
-
export const colorLightTextSecondaryInvertedTint30 = "rgba(
|
|
518
|
-
export const colorStaticBgPrimaryDarkAlpha10 = "rgba(
|
|
519
|
-
export const colorStaticBgPrimaryDarkAlpha20 = "rgba(
|
|
552
|
+
export const colorLightTextSecondaryTint20 = "rgba(99, 99, 105, 0.728)";
|
|
553
|
+
export const colorLightTextSecondaryTint30 = "rgba(119, 119, 123, 0.762)";
|
|
554
|
+
export const colorLightTextSecondaryShade20 = "rgba(48, 48, 54, 0.728)";
|
|
555
|
+
export const colorLightTextSecondaryShade40 = "rgba(36, 36, 40, 0.796)";
|
|
556
|
+
export const colorLightTextSecondaryInvertedTint20 = "rgba(239, 239, 247, 0.632)";
|
|
557
|
+
export const colorLightTextSecondaryInvertedTint30 = "rgba(241, 241, 248, 0.678)";
|
|
558
|
+
export const colorStaticBgPrimaryDarkAlpha10 = "rgba(18, 18, 18, 0.1)";
|
|
559
|
+
export const colorStaticBgPrimaryDarkAlpha20 = "rgba(18, 18, 18, 0.2)";
|
|
520
560
|
export const colorStaticTextPrimaryLightAlpha30 = "rgba(255, 255, 255, 0.3)";
|
|
521
561
|
export const colorStaticCorpbgNeutral = "#bdc0c2";
|
|
522
562
|
export const colorStaticCorpbgPrimary = "#212a33";
|
|
@@ -607,6 +647,35 @@ export const colorStaticStatusOrange = "#de6a00";
|
|
|
607
647
|
export const colorStaticStatusPurple = "#673ab7";
|
|
608
648
|
export const colorStaticStatusRed = "#d91d0b";
|
|
609
649
|
export const colorStaticStatusTeal = "#219187";
|
|
650
|
+
export const colorStaticGraphicBlueChillOld = "#0f9c8c";
|
|
651
|
+
export const colorStaticGraphicBoulderOld = "#7a7a7a";
|
|
652
|
+
export const colorStaticGraphicBrinkPinkOld = "#fc617c";
|
|
653
|
+
export const colorStaticGraphicBurntSiennaOld = "#eb7a58";
|
|
654
|
+
export const colorStaticGraphicChatelleOld = "#bfafc6";
|
|
655
|
+
export const colorStaticGraphicChathamsBlueOld = "#155966";
|
|
656
|
+
export const colorStaticGraphicCuriousBlueLightOld = "#3b99d9";
|
|
657
|
+
export const colorStaticGraphicFunBlueOld = "#1d6ab5";
|
|
658
|
+
export const colorStaticGraphicHippieBlueOld = "#5aa4b0";
|
|
659
|
+
export const colorStaticGraphicJaffaLightOld = "#f18836";
|
|
660
|
+
export const colorStaticGraphicJavaOld = "#15c0e0";
|
|
661
|
+
export const colorStaticGraphicMantisOld = "#63cd4f";
|
|
662
|
+
export const colorStaticGraphicMatisseOld = "#16548f";
|
|
663
|
+
export const colorStaticGraphicMaya = "#7eb3ff";
|
|
664
|
+
export const colorStaticGraphicMilanoRedOld = "#cd1501";
|
|
665
|
+
export const colorStaticGraphicMirageOld = "#1d2434";
|
|
666
|
+
export const colorStaticGraphicNevadaOld = "#626b75";
|
|
667
|
+
export const colorStaticGraphicOlivineOld = "#87b965";
|
|
668
|
+
export const colorStaticGraphicPermission = "#ff5c5c";
|
|
669
|
+
export const colorStaticGraphicPewterOld = "#96a5a5";
|
|
670
|
+
export const colorStaticGraphicPickledBluewoodOld = "#2d3f50";
|
|
671
|
+
export const colorStaticGraphicPorscheOld = "#e7b965";
|
|
672
|
+
export const colorStaticGraphicRedDamaskOld = "#da713c";
|
|
673
|
+
export const colorStaticGraphicSaffronOld = "#f0c330";
|
|
674
|
+
export const colorStaticGraphicSandybrownOld = "#f38f6f";
|
|
675
|
+
export const colorStaticGraphicTurkishRoseOld = "#b56a6b";
|
|
676
|
+
export const colorStaticGraphicTurquoiseBlueOld = "#6bd3e6";
|
|
677
|
+
export const colorStaticGraphicValenciaOld = "#d8463b";
|
|
678
|
+
export const colorStaticGraphicWaikawaGrayOld = "#5b6d9c";
|
|
610
679
|
export const colorStaticStatusBlueAlpha10 = "rgba(0, 122, 255, 0.1)";
|
|
611
680
|
export const colorStaticStatusGreenAlpha10 = "rgba(19, 164, 99, 0.1)";
|
|
612
681
|
export const colorStaticStatusGreyAlpha10 = "rgba(109, 121, 134, 0.1)";
|
|
@@ -614,6 +683,7 @@ export const colorStaticStatusOrangeAlpha10 = "rgba(222, 106, 0, 0.1)";
|
|
|
614
683
|
export const colorStaticStatusPurpleAlpha10 = "rgba(103, 58, 183, 0.1)";
|
|
615
684
|
export const colorStaticStatusRedAlpha10 = "rgba(217, 29, 11, 0.1)";
|
|
616
685
|
export const colorStaticStatusTealAlpha10 = "rgba(33, 145, 135, 0.1)";
|
|
686
|
+
export const colorDynamicNulled = "rgba(0, 0, 0, 0)";
|
|
617
687
|
export const colorDynamicPrimaryDark = "rgba(0, 0, 0, 0.8)";
|
|
618
688
|
export const colorDynamicPrimaryLight = "rgba(255, 255, 255, 0.8)";
|
|
619
689
|
export const colorDynamicQuaternaryDark = "rgba(0, 0, 0, 0.32)";
|
|
@@ -626,6 +696,7 @@ export const colorDynamicSenaryDark = "rgba(0, 0, 0, 0.12)";
|
|
|
626
696
|
export const colorDynamicSenaryLight = "rgba(255, 255, 255, 0.12)";
|
|
627
697
|
export const colorDynamicTertiaryDark = "rgba(0, 0, 0, 0.48)";
|
|
628
698
|
export const colorDynamicTertiaryLight = "rgba(255, 255, 255, 0.48)";
|
|
699
|
+
export const colorStaticNulled = "rgba(0, 0, 0, 0)";
|
|
629
700
|
export const colorStaticPrimaryDark = "rgba(0, 0, 0, 0.8)";
|
|
630
701
|
export const colorStaticPrimaryLight = "rgba(255, 255, 255, 0.8)";
|
|
631
702
|
export const colorStaticQuaternaryDark = "rgba(0, 0, 0, 0.32)";
|
|
@@ -638,26 +709,26 @@ export const colorStaticSenaryDark = "rgba(0, 0, 0, 0.12)";
|
|
|
638
709
|
export const colorStaticSenaryLight = "rgba(255, 255, 255, 0.12)";
|
|
639
710
|
export const colorStaticTertiaryDark = "rgba(0, 0, 0, 0.48)";
|
|
640
711
|
export const colorStaticTertiaryLight = "rgba(255, 255, 255, 0.48)";
|
|
641
|
-
export const shadowXs = "0
|
|
642
|
-
export const shadowS = "0
|
|
643
|
-
export const shadowM = "0
|
|
644
|
-
export const shadowL = "0 0 24px rgba(
|
|
645
|
-
export const shadowXl = "0 0 32px rgba(
|
|
646
|
-
export const shadowXsHard = "0
|
|
647
|
-
export const shadowSHard = "0
|
|
648
|
-
export const shadowMHard = "0
|
|
649
|
-
export const shadowLHard = "0
|
|
650
|
-
export const shadowXlHard = "0
|
|
651
|
-
export const shadowXsUp = "0 0 4px rgba(
|
|
652
|
-
export const shadowSUp = "0 0 8px rgba(
|
|
653
|
-
export const shadowMUp = "0 0 16px rgba(
|
|
654
|
-
export const shadowLUp = "0 0 24px rgba(
|
|
655
|
-
export const shadowXlUp = "0 0 32px rgba(
|
|
656
|
-
export const shadowXsHardUp = "0 0 4px rgba(
|
|
657
|
-
export const shadowSHardUp = "0 0 8px rgba(
|
|
658
|
-
export const shadowMHardUp = "0 0 16px rgba(
|
|
659
|
-
export const shadowLHardUp = "0 0 24px rgba(
|
|
660
|
-
export const shadowXlHardUp = "0 0 32px rgba(
|
|
712
|
+
export const shadowXs = "0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
713
|
+
export const shadowS = "0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),\n 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
714
|
+
export const shadowM = "0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
715
|
+
export const shadowL = "0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),\n 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
716
|
+
export const shadowXl = "0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),\n 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
717
|
+
export const shadowXsHard = "0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
718
|
+
export const shadowSHard = "0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),\n 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
719
|
+
export const shadowMHard = "0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
720
|
+
export const shadowLHard = "0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),\n 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
721
|
+
export const shadowXlHard = "0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),\n 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
722
|
+
export const shadowXsUp = "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04)";
|
|
723
|
+
export const shadowSUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08)";
|
|
724
|
+
export const shadowMUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16)";
|
|
725
|
+
export const shadowLUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24)";
|
|
726
|
+
export const shadowXlUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32)";
|
|
727
|
+
export const shadowXsHardUp = "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),\n 0 -2px 4px rgba(0, 0, 0, 0.16)";
|
|
728
|
+
export const shadowSHardUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),\n 0 -4px 8px rgba(0, 0, 0, 0.16)";
|
|
729
|
+
export const shadowMHardUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),\n 0 -8px 16px rgba(0, 0, 0, 0.16)";
|
|
730
|
+
export const shadowLHardUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),\n 0 -12px 24px rgba(0, 0, 0, 0.16)";
|
|
731
|
+
export const shadowXlHardUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),\n 0 -16px 32px rgba(0, 0, 0, 0.16)";
|
|
661
732
|
export const borderRadiusXs = "2px";
|
|
662
733
|
export const borderRadiusS = "4px";
|
|
663
734
|
export const borderRadiusM = "8px";
|