| 1 | const borderRadius0 = "0";
|
| 2 | const borderRadius10 = "3px";
|
| 3 | const borderRadius20 = "4px";
|
| 4 | const borderRadius30 = "8px";
|
| 5 | const borderRadiusCircle = "50%";
|
| 6 | const borderWidth0 = "0";
|
| 7 | const borderWidth10 = "1px";
|
| 8 | const borderWidth20 = "2px";
|
| 9 | const colorBackground = "#f3f4f6";
|
| 10 | const colorBackgroundBody = "#ffffff";
|
| 11 | const colorBackgroundBrand = "#233659";
|
| 12 | const colorBackgroundBrandHighlight = "#f22f46";
|
| 13 | const colorBackgroundDestructive = "#ce241a";
|
| 14 | const colorBackgroundDestructiveDark = "#700600";
|
| 15 | const colorBackgroundDestructiveDarker = "#470500";
|
| 16 | const colorBackgroundDestructiveLight = "#ff8c85";
|
| 17 | const colorBackgroundDestructiveLighter = "#ffb9b3";
|
| 18 | const colorBackgroundDestructiveLightest = "#ffe9e7";
|
| 19 | const colorBackgroundError = "#ac1e16";
|
| 20 | const colorBackgroundErrorLightest = "#ffe9e7";
|
| 21 | const colorBackgroundInverse = "#08152c";
|
| 22 | const colorBackgroundNeutralLightest = "#f5f8ff";
|
| 23 | const colorBackgroundPrimary = "#3368fa";
|
| 24 | const colorBackgroundPrimaryDark = "#002ca6";
|
| 25 | const colorBackgroundPrimaryDarker = "#001f75";
|
| 26 | const colorBackgroundPrimaryLight = "#baccff";
|
| 27 | const colorBackgroundPrimaryLighter = "#dbe6ff";
|
| 28 | const colorBackgroundPrimaryLightest = "#f5f8ff";
|
| 29 | const colorBackgroundRequired = "#e8534a";
|
| 30 | const colorBackgroundRowStriped = "#f9fafb";
|
| 31 | const colorBackgroundSuccess = "#00994a";
|
| 32 | const colorBackgroundSuccessLightest = "#e0ffef";
|
| 33 | const colorBackgroundWarning = "#e46216";
|
| 34 | const colorBackgroundWarningLightest = "#ffecd8";
|
| 35 | const colorBorder = "#b6bfce";
|
| 36 | const colorBorderDark = "#9ca7ba";
|
| 37 | const colorBorderDestructive = "#ce241a";
|
| 38 | const colorBorderDestructiveDark = "#700600";
|
| 39 | const colorBorderDestructiveDarker = "#470500";
|
| 40 | const colorBorderDestructiveLight = "#ff8c85";
|
| 41 | const colorBorderDestructiveLighter = "#ffb9b3";
|
| 42 | const colorBorderError = "#ac1e16";
|
| 43 | const colorBorderErrorLight = "#e8534a";
|
| 44 | const colorBorderErrorLightest = "#ffe9e7";
|
| 45 | const colorBorderInput = "#8894aa";
|
| 46 | const colorBorderInputFocus = "#003adb";
|
| 47 | const colorBorderInputHover = "#003adb";
|
| 48 | const colorBorderLight = "#ccd2dc";
|
| 49 | const colorBorderNeutralLight = "#b6bfce";
|
| 50 | const colorBorderPrimary = "#3368fa";
|
| 51 | const colorBorderPrimaryDark = "#002ca6";
|
| 52 | const colorBorderPrimaryDarker = "#001f75";
|
| 53 | const colorBorderPrimaryLight = "#baccff";
|
| 54 | const colorBorderPrimaryLighter = "#dbe6ff";
|
| 55 | const colorBorderSuccess = "#00994a";
|
| 56 | const colorBorderSuccessLightest = "#e0ffef";
|
| 57 | const colorBorderWarning = "#e46216";
|
| 58 | const colorBorderWarningLight = "#fa9c66";
|
| 59 | const colorBorderWarningLightest = "#ffecd8";
|
| 60 | const colorBrand = "#08152c";
|
| 61 | const colorBrandHighlight = "#3368fa";
|
| 62 | const colorGray0 = "#ffffff";
|
| 63 | const colorGray10 = "#f9fafb";
|
| 64 | const colorGray100 = "#08152c";
|
| 65 | const colorGray20 = "#f3f4f6";
|
| 66 | const colorGray30 = "#e5e7ec";
|
| 67 | const colorGray40 = "#ccd2dc";
|
| 68 | const colorGray50 = "#b6bfce";
|
| 69 | const colorGray60 = "#9ca7ba";
|
| 70 | const colorGray70 = "#8894aa";
|
| 71 | const colorGray80 = "#475672";
|
| 72 | const colorGray90 = "#1d2944";
|
| 73 | const colorText = "#08152c";
|
| 74 | const colorTextBrandHighlight = "#f22f46";
|
| 75 | const colorTextBrandInverse = "#ffffff";
|
| 76 | const colorTextError = "#ac1e16";
|
| 77 | const colorTextErrorDark = "#940800";
|
| 78 | const colorTextIcon = "#8894aa";
|
| 79 | const colorTextInverse = "#ffffff";
|
| 80 | const colorTextInverseWeak = "#9ca7ba";
|
| 81 | const colorTextLabel = "#08152c";
|
| 82 | const colorTextLink = "#003adb";
|
| 83 | const colorTextLinkDark = "#002ca6";
|
| 84 | const colorTextLinkDarker = "#001f75";
|
| 85 | const colorTextLinkDestructive = "#ce241a";
|
| 86 | const colorTextLinkDestructiveDark = "#700600";
|
| 87 | const colorTextLinkDestructiveDarker = "#470500";
|
| 88 | const colorTextLinkDestructiveLight = "#e8534a";
|
| 89 | const colorTextLinkLight = "#85a5ff";
|
| 90 | const colorTextPlaceholder = "#8894aa";
|
| 91 | const colorTextSuccess = "#00994a";
|
| 92 | const colorTextWarning = "#e46216";
|
| 93 | const colorTextWarningDark = "#a83e00";
|
| 94 | const colorTextWeak = "#475672";
|
| 95 | const fontFamilyCode = "'Fira Mono', 'Courier New', Courier, monospace";
|
| 96 | const fontFamilyText = "'Colfax', Helvetica, Arial, sans-serif";
|
| 97 | const fontSize10 = "0.625rem";
|
| 98 | const fontSize100 = "2.5rem";
|
| 99 | const fontSize110 = "3rem";
|
| 100 | const fontSize20 = "0.75rem";
|
| 101 | const fontSize30 = "0.875rem";
|
| 102 | const fontSize40 = "1rem";
|
| 103 | const fontSize50 = "1.125rem";
|
| 104 | const fontSize60 = "1.25rem";
|
| 105 | const fontSize70 = "1.5rem";
|
| 106 | const fontSize80 = "1.75rem";
|
| 107 | const fontSize90 = "2rem";
|
| 108 | const fontWeightBold = "700";
|
| 109 | const fontWeightLight = "300";
|
| 110 | const fontWeightMedium = "500";
|
| 111 | const fontWeightNormal = "400";
|
| 112 | const fontWeightSemibold = "600";
|
| 113 | const lineHeight10 = "1rem";
|
| 114 | const lineHeight100 = "3.25rem";
|
| 115 | const lineHeight110 = "3.75rem";
|
| 116 | const lineHeight20 = "1.25rem";
|
| 117 | const lineHeight30 = "1.5rem";
|
| 118 | const lineHeight40 = "1.75rem";
|
| 119 | const lineHeight50 = "1.75rem";
|
| 120 | const lineHeight60 = "1.75rem";
|
| 121 | const lineHeight70 = "2rem";
|
| 122 | const lineHeight80 = "2.25rem";
|
| 123 | const lineHeight90 = "2.5rem";
|
| 124 | const shadowBorderInput = "0 0 0 1px #8894aa";
|
| 125 | const shadowBorderInputDisabled = "0 0 0 1px #ccd2dc";
|
| 126 | const shadowBorderInputError = "0 0 0 1px #d61f1f";
|
| 127 | const shadowBorderInputErrorHover = "0 0 0 1px #940800";
|
| 128 | const shadowBorderInputHover = "0 0 0 1px #001f75";
|
| 129 | const shadowCard = "0 2px 4px 0 rgba(18, 28, 45, 0.3)";
|
| 130 | const shadowFocus = "0 0 0 4px rgba(51, 104, 250, 0.8)";
|
| 131 | const size0 = "0";
|
| 132 | const size10 = "5.5rem";
|
| 133 | const size100 = "64rem";
|
| 134 | const size110 = "70.5rem";
|
| 135 | const size120 = "77rem";
|
| 136 | const size20 = "12rem";
|
| 137 | const size30 = "18.5rem";
|
| 138 | const size40 = "25rem";
|
| 139 | const size50 = "31.5rem";
|
| 140 | const size60 = "38rem";
|
| 141 | const size70 = "44.5rem";
|
| 142 | const size80 = "51rem";
|
| 143 | const size90 = "57.5rem";
|
| 144 | const sizeIcon10 = "1rem";
|
| 145 | const sizeIcon100 = "3.25rem";
|
| 146 | const sizeIcon110 = "3.75rem";
|
| 147 | const sizeIcon20 = "1.25rem";
|
| 148 | const sizeIcon30 = "1.5rem";
|
| 149 | const sizeIcon40 = "1.75rem";
|
| 150 | const sizeIcon50 = "1.75rem";
|
| 151 | const sizeIcon60 = "1.75rem";
|
| 152 | const sizeIcon70 = "2rem";
|
| 153 | const sizeIcon80 = "2.25rem";
|
| 154 | const sizeIcon90 = "2.5rem";
|
| 155 | const space0 = "0";
|
| 156 | const space10 = "0.125rem";
|
| 157 | const space100 = "2.25rem";
|
| 158 | const space110 = "2.5rem";
|
| 159 | const space120 = "2.75rem";
|
| 160 | const space130 = "3rem";
|
| 161 | const space140 = "3.25rem";
|
| 162 | const space150 = "3.5rem";
|
| 163 | const space160 = "3.75rem";
|
| 164 | const space170 = "4rem";
|
| 165 | const space180 = "4.25rem";
|
| 166 | const space190 = "4.5rem";
|
| 167 | const space20 = "0.25rem";
|
| 168 | const space200 = "4.75rem";
|
| 169 | const space30 = "0.5rem";
|
| 170 | const space40 = "0.75rem";
|
| 171 | const space50 = "1rem";
|
| 172 | const space60 = "1.25rem";
|
| 173 | const space70 = "1.5rem";
|
| 174 | const space80 = "1.75rem";
|
| 175 | const space90 = "2rem";
|
| 176 | const zIndex0 = "0";
|
| 177 | const zIndex10 = "10";
|
| 178 | const zIndex20 = "20";
|
| 179 | const zIndex30 = "30";
|
| 180 | const zIndex40 = "40";
|
| 181 | const zIndex50 = "50";
|
| 182 | const zIndex60 = "60";
|
| 183 | const zIndex70 = "70";
|
| 184 | const zIndex80 = "80";
|
| 185 | const zIndex90 = "90";
|
| 186 |
|
| 187 | module.exports = {
|
| 188 | borderRadius0,
|
| 189 | borderRadius10,
|
| 190 | borderRadius20,
|
| 191 | borderRadius30,
|
| 192 | borderRadiusCircle,
|
| 193 | borderWidth0,
|
| 194 | borderWidth10,
|
| 195 | borderWidth20,
|
| 196 | colorBackground,
|
| 197 | colorBackgroundBody,
|
| 198 | colorBackgroundBrand,
|
| 199 | colorBackgroundBrandHighlight,
|
| 200 | colorBackgroundDestructive,
|
| 201 | colorBackgroundDestructiveDark,
|
| 202 | colorBackgroundDestructiveDarker,
|
| 203 | colorBackgroundDestructiveLight,
|
| 204 | colorBackgroundDestructiveLighter,
|
| 205 | colorBackgroundDestructiveLightest,
|
| 206 | colorBackgroundError,
|
| 207 | colorBackgroundErrorLightest,
|
| 208 | colorBackgroundInverse,
|
| 209 | colorBackgroundNeutralLightest,
|
| 210 | colorBackgroundPrimary,
|
| 211 | colorBackgroundPrimaryDark,
|
| 212 | colorBackgroundPrimaryDarker,
|
| 213 | colorBackgroundPrimaryLight,
|
| 214 | colorBackgroundPrimaryLighter,
|
| 215 | colorBackgroundPrimaryLightest,
|
| 216 | colorBackgroundRequired,
|
| 217 | colorBackgroundRowStriped,
|
| 218 | colorBackgroundSuccess,
|
| 219 | colorBackgroundSuccessLightest,
|
| 220 | colorBackgroundWarning,
|
| 221 | colorBackgroundWarningLightest,
|
| 222 | colorBorder,
|
| 223 | colorBorderDark,
|
| 224 | colorBorderDestructive,
|
| 225 | colorBorderDestructiveDark,
|
| 226 | colorBorderDestructiveDarker,
|
| 227 | colorBorderDestructiveLight,
|
| 228 | colorBorderDestructiveLighter,
|
| 229 | colorBorderError,
|
| 230 | colorBorderErrorLight,
|
| 231 | colorBorderErrorLightest,
|
| 232 | colorBorderInput,
|
| 233 | colorBorderInputFocus,
|
| 234 | colorBorderInputHover,
|
| 235 | colorBorderLight,
|
| 236 | colorBorderNeutralLight,
|
| 237 | colorBorderPrimary,
|
| 238 | colorBorderPrimaryDark,
|
| 239 | colorBorderPrimaryDarker,
|
| 240 | colorBorderPrimaryLight,
|
| 241 | colorBorderPrimaryLighter,
|
| 242 | colorBorderSuccess,
|
| 243 | colorBorderSuccessLightest,
|
| 244 | colorBorderWarning,
|
| 245 | colorBorderWarningLight,
|
| 246 | colorBorderWarningLightest,
|
| 247 | colorBrand,
|
| 248 | colorBrandHighlight,
|
| 249 | colorGray0,
|
| 250 | colorGray10,
|
| 251 | colorGray100,
|
| 252 | colorGray20,
|
| 253 | colorGray30,
|
| 254 | colorGray40,
|
| 255 | colorGray50,
|
| 256 | colorGray60,
|
| 257 | colorGray70,
|
| 258 | colorGray80,
|
| 259 | colorGray90,
|
| 260 | colorText,
|
| 261 | colorTextBrandHighlight,
|
| 262 | colorTextBrandInverse,
|
| 263 | colorTextError,
|
| 264 | colorTextErrorDark,
|
| 265 | colorTextIcon,
|
| 266 | colorTextInverse,
|
| 267 | colorTextInverseWeak,
|
| 268 | colorTextLabel,
|
| 269 | colorTextLink,
|
| 270 | colorTextLinkDark,
|
| 271 | colorTextLinkDarker,
|
| 272 | colorTextLinkDestructive,
|
| 273 | colorTextLinkDestructiveDark,
|
| 274 | colorTextLinkDestructiveDarker,
|
| 275 | colorTextLinkDestructiveLight,
|
| 276 | colorTextLinkLight,
|
| 277 | colorTextPlaceholder,
|
| 278 | colorTextSuccess,
|
| 279 | colorTextWarning,
|
| 280 | colorTextWarningDark,
|
| 281 | colorTextWeak,
|
| 282 | fontFamilyCode,
|
| 283 | fontFamilyText,
|
| 284 | fontSize10,
|
| 285 | fontSize100,
|
| 286 | fontSize110,
|
| 287 | fontSize20,
|
| 288 | fontSize30,
|
| 289 | fontSize40,
|
| 290 | fontSize50,
|
| 291 | fontSize60,
|
| 292 | fontSize70,
|
| 293 | fontSize80,
|
| 294 | fontSize90,
|
| 295 | fontWeightBold,
|
| 296 | fontWeightLight,
|
| 297 | fontWeightMedium,
|
| 298 | fontWeightNormal,
|
| 299 | fontWeightSemibold,
|
| 300 | lineHeight10,
|
| 301 | lineHeight100,
|
| 302 | lineHeight110,
|
| 303 | lineHeight20,
|
| 304 | lineHeight30,
|
| 305 | lineHeight40,
|
| 306 | lineHeight50,
|
| 307 | lineHeight60,
|
| 308 | lineHeight70,
|
| 309 | lineHeight80,
|
| 310 | lineHeight90,
|
| 311 | shadowBorderInput,
|
| 312 | shadowBorderInputDisabled,
|
| 313 | shadowBorderInputError,
|
| 314 | shadowBorderInputErrorHover,
|
| 315 | shadowBorderInputHover,
|
| 316 | shadowCard,
|
| 317 | shadowFocus,
|
| 318 | size0,
|
| 319 | size10,
|
| 320 | size100,
|
| 321 | size110,
|
| 322 | size120,
|
| 323 | size20,
|
| 324 | size30,
|
| 325 | size40,
|
| 326 | size50,
|
| 327 | size60,
|
| 328 | size70,
|
| 329 | size80,
|
| 330 | size90,
|
| 331 | sizeIcon10,
|
| 332 | sizeIcon100,
|
| 333 | sizeIcon110,
|
| 334 | sizeIcon20,
|
| 335 | sizeIcon30,
|
| 336 | sizeIcon40,
|
| 337 | sizeIcon50,
|
| 338 | sizeIcon60,
|
| 339 | sizeIcon70,
|
| 340 | sizeIcon80,
|
| 341 | sizeIcon90,
|
| 342 | space0,
|
| 343 | space10,
|
| 344 | space100,
|
| 345 | space110,
|
| 346 | space120,
|
| 347 | space130,
|
| 348 | space140,
|
| 349 | space150,
|
| 350 | space160,
|
| 351 | space170,
|
| 352 | space180,
|
| 353 | space190,
|
| 354 | space20,
|
| 355 | space200,
|
| 356 | space30,
|
| 357 | space40,
|
| 358 | space50,
|
| 359 | space60,
|
| 360 | space70,
|
| 361 | space80,
|
| 362 | space90,
|
| 363 | zIndex0,
|
| 364 | zIndex10,
|
| 365 | zIndex20,
|
| 366 | zIndex30,
|
| 367 | zIndex40,
|
| 368 | zIndex50,
|
| 369 | zIndex60,
|
| 370 | zIndex70,
|
| 371 | zIndex80,
|
| 372 | zIndex90,
|
| 373 | backgroundColors: {
|
| 374 | colorBackground,
|
| 375 | colorBackgroundBody,
|
| 376 | colorBackgroundBrand,
|
| 377 | colorBackgroundBrandHighlight,
|
| 378 | colorBackgroundDestructive,
|
| 379 | colorBackgroundDestructiveDark,
|
| 380 | colorBackgroundDestructiveDarker,
|
| 381 | colorBackgroundDestructiveLight,
|
| 382 | colorBackgroundDestructiveLighter,
|
| 383 | colorBackgroundDestructiveLightest,
|
| 384 | colorBackgroundError,
|
| 385 | colorBackgroundErrorLightest,
|
| 386 | colorBackgroundInverse,
|
| 387 | colorBackgroundNeutralLightest,
|
| 388 | colorBackgroundPrimary,
|
| 389 | colorBackgroundPrimaryDark,
|
| 390 | colorBackgroundPrimaryDarker,
|
| 391 | colorBackgroundPrimaryLight,
|
| 392 | colorBackgroundPrimaryLighter,
|
| 393 | colorBackgroundPrimaryLightest,
|
| 394 | colorBackgroundRequired,
|
| 395 | colorBackgroundRowStriped,
|
| 396 | colorBackgroundSuccess,
|
| 397 | colorBackgroundSuccessLightest,
|
| 398 | colorBackgroundWarning,
|
| 399 | colorBackgroundWarningLightest,
|
| 400 | },
|
| 401 | borderColors: {
|
| 402 | colorBorder,
|
| 403 | colorBorderDark,
|
| 404 | colorBorderDestructive,
|
| 405 | colorBorderDestructiveDark,
|
| 406 | colorBorderDestructiveDarker,
|
| 407 | colorBorderDestructiveLight,
|
| 408 | colorBorderDestructiveLighter,
|
| 409 | colorBorderError,
|
| 410 | colorBorderErrorLight,
|
| 411 | colorBorderErrorLightest,
|
| 412 | colorBorderInput,
|
| 413 | colorBorderInputFocus,
|
| 414 | colorBorderInputHover,
|
| 415 | colorBorderLight,
|
| 416 | colorBorderNeutralLight,
|
| 417 | colorBorderPrimary,
|
| 418 | colorBorderPrimaryDark,
|
| 419 | colorBorderPrimaryDarker,
|
| 420 | colorBorderPrimaryLight,
|
| 421 | colorBorderPrimaryLighter,
|
| 422 | colorBorderSuccess,
|
| 423 | colorBorderSuccessLightest,
|
| 424 | colorBorderWarning,
|
| 425 | colorBorderWarningLight,
|
| 426 | colorBorderWarningLightest,
|
| 427 | },
|
| 428 | borderWidths: {
|
| 429 | borderWidth0,
|
| 430 | borderWidth10,
|
| 431 | borderWidth20,
|
| 432 | },
|
| 433 | boxShadows: {
|
| 434 | shadowBorderInput,
|
| 435 | shadowBorderInputDisabled,
|
| 436 | shadowBorderInputError,
|
| 437 | shadowBorderInputErrorHover,
|
| 438 | shadowBorderInputHover,
|
| 439 | shadowCard,
|
| 440 | shadowFocus,
|
| 441 | },
|
| 442 | colors: {
|
| 443 | colorBrand,
|
| 444 | colorBrandHighlight,
|
| 445 | colorGray0,
|
| 446 | colorGray10,
|
| 447 | colorGray100,
|
| 448 | colorGray20,
|
| 449 | colorGray30,
|
| 450 | colorGray40,
|
| 451 | colorGray50,
|
| 452 | colorGray60,
|
| 453 | colorGray70,
|
| 454 | colorGray80,
|
| 455 | colorGray90,
|
| 456 | },
|
| 457 | fonts: {
|
| 458 | fontFamilyCode,
|
| 459 | fontFamilyText,
|
| 460 | },
|
| 461 | fontSizes: {
|
| 462 | fontSize10,
|
| 463 | fontSize100,
|
| 464 | fontSize110,
|
| 465 | fontSize20,
|
| 466 | fontSize30,
|
| 467 | fontSize40,
|
| 468 | fontSize50,
|
| 469 | fontSize60,
|
| 470 | fontSize70,
|
| 471 | fontSize80,
|
| 472 | fontSize90,
|
| 473 | },
|
| 474 | fontWeights: {
|
| 475 | fontWeightBold,
|
| 476 | fontWeightLight,
|
| 477 | fontWeightMedium,
|
| 478 | fontWeightNormal,
|
| 479 | fontWeightSemibold,
|
| 480 | },
|
| 481 | lineHeights: {
|
| 482 | lineHeight10,
|
| 483 | lineHeight100,
|
| 484 | lineHeight110,
|
| 485 | lineHeight20,
|
| 486 | lineHeight30,
|
| 487 | lineHeight40,
|
| 488 | lineHeight50,
|
| 489 | lineHeight60,
|
| 490 | lineHeight70,
|
| 491 | lineHeight80,
|
| 492 | lineHeight90,
|
| 493 | },
|
| 494 | radii: {
|
| 495 | borderRadius0,
|
| 496 | borderRadius10,
|
| 497 | borderRadius20,
|
| 498 | borderRadius30,
|
| 499 | borderRadiusCircle,
|
| 500 | },
|
| 501 | sizings: {
|
| 502 | size0,
|
| 503 | size10,
|
| 504 | size100,
|
| 505 | size110,
|
| 506 | size120,
|
| 507 | size20,
|
| 508 | size30,
|
| 509 | size40,
|
| 510 | size50,
|
| 511 | size60,
|
| 512 | size70,
|
| 513 | size80,
|
| 514 | size90,
|
| 515 | sizeIcon10,
|
| 516 | sizeIcon100,
|
| 517 | sizeIcon110,
|
| 518 | sizeIcon20,
|
| 519 | sizeIcon30,
|
| 520 | sizeIcon40,
|
| 521 | sizeIcon50,
|
| 522 | sizeIcon60,
|
| 523 | sizeIcon70,
|
| 524 | sizeIcon80,
|
| 525 | sizeIcon90,
|
| 526 | },
|
| 527 | spacings: {
|
| 528 | space0,
|
| 529 | space10,
|
| 530 | space100,
|
| 531 | space110,
|
| 532 | space120,
|
| 533 | space130,
|
| 534 | space140,
|
| 535 | space150,
|
| 536 | space160,
|
| 537 | space170,
|
| 538 | space180,
|
| 539 | space190,
|
| 540 | space20,
|
| 541 | space200,
|
| 542 | space30,
|
| 543 | space40,
|
| 544 | space50,
|
| 545 | space60,
|
| 546 | space70,
|
| 547 | space80,
|
| 548 | space90,
|
| 549 | },
|
| 550 | textColors: {
|
| 551 | colorText,
|
| 552 | colorTextBrandHighlight,
|
| 553 | colorTextBrandInverse,
|
| 554 | colorTextError,
|
| 555 | colorTextErrorDark,
|
| 556 | colorTextIcon,
|
| 557 | colorTextInverse,
|
| 558 | colorTextInverseWeak,
|
| 559 | colorTextLabel,
|
| 560 | colorTextLink,
|
| 561 | colorTextLinkDark,
|
| 562 | colorTextLinkDarker,
|
| 563 | colorTextLinkDestructive,
|
| 564 | colorTextLinkDestructiveDark,
|
| 565 | colorTextLinkDestructiveDarker,
|
| 566 | colorTextLinkDestructiveLight,
|
| 567 | colorTextLinkLight,
|
| 568 | colorTextPlaceholder,
|
| 569 | colorTextSuccess,
|
| 570 | colorTextWarning,
|
| 571 | colorTextWarningDark,
|
| 572 | colorTextWeak,
|
| 573 | },
|
| 574 | zIndices: {
|
| 575 | zIndex0,
|
| 576 | zIndex10,
|
| 577 | zIndex20,
|
| 578 | zIndex30,
|
| 579 | zIndex40,
|
| 580 | zIndex50,
|
| 581 | zIndex60,
|
| 582 | zIndex70,
|
| 583 | zIndex80,
|
| 584 | zIndex90,
|
| 585 | },
|
| 586 | }
|