├── .vscode ├── settings.json └── launch.json ├── package.json ├── README.md └── snippets └── design-token-value.code-snippets /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "editor.insertSpaces": false 3 | } -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- 1 | // A launch configuration that compiles the extension and then opens it inside a new window 2 | // Use IntelliSense to learn about possible attributes. 3 | // Hover to view descriptions of existing attributes. 4 | // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 5 | { 6 | "version": "0.2.0", 7 | "configurations": [{ 8 | "name": "Run Extension", 9 | "type": "extensionHost", 10 | "request": "launch", 11 | "runtimeExecutable": "${execPath}", 12 | "args": [ 13 | "--extensionDevelopmentPath=${workspaceFolder}" 14 | ] 15 | } 16 | ] 17 | } 18 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "coding-design-token-vscode-snippets", 3 | "displayName": "CODING Design Token Snippets", 4 | "description": "CODING design token snippets", 5 | "version": "0.0.2", 6 | "publisher": "tankxu", 7 | "engines": { 8 | "vscode": "^1.28.0" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/Coding/coding-design-token-vscode-snippets.git" 13 | }, 14 | "categories": [ 15 | "Snippets" 16 | ], 17 | "contributes": { 18 | "snippets": [ 19 | { 20 | "path": "./snippets/design-token-value.code-snippets" 21 | } 22 | ] 23 | } 24 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # CODING Design Token VSCode Snippets 2 | 3 | Quickly insert design token value in vscode 4 | 5 | CODING Design Token List: http://uikit.coding.fashion/docs#/design-tokens 6 | 7 | ## Install 8 | Search in vscode marketplace or use ```vsce package``` to package extenion and choose install from a vsix file in vscode. 9 | 10 | ## Usage 11 | 12 | Snippets use [cu-] (**c**oding **u**ikit) as a prefix before design token name, so just type ```cu``` in editor you will get the snippets list of design token. 13 | 14 | ## Running the extension 15 | 16 | - Run the `Run Extension` target in the Debug View 17 | - When you type `log` in a JavaScript file, you would see the snippet `Print to console`. -------------------------------------------------------------------------------- /snippets/design-token-value.code-snippets: -------------------------------------------------------------------------------- 1 | { 2 | // Snippets for coding uikit design token value 3 | // Design token list: http://uikit.coding.fashion/docs#/design-tokens 4 | "color-background-default": { 5 | "prefix": "cu-color-background-default", 6 | "body": ["#f5f7fa"], 7 | "description": "#f5f7fa" 8 | }, 9 | "color-background-white": { 10 | "prefix": "cu-color-background-white", 11 | "body": ["#fff"], 12 | "description": "#fff" 13 | }, 14 | "color-background-dark": { 15 | "prefix": "cu-color-background-dark", 16 | "body": ["#202d40"], 17 | "description": "#202d40" 18 | }, 19 | "color-background-tooltip": { 20 | "prefix": "cu-color-background-tooltip", 21 | "body": ["#202d40"], 22 | "description": "#202d40" 23 | }, 24 | "color-background-message-warning": { 25 | "prefix": "cu-color-background-message-warning", 26 | "body": ["#fffbe5"], 27 | "description": "#fffbe5" 28 | }, 29 | "color-background-message-success": { 30 | "prefix": "cu-color-background-message-success", 31 | "body": ["#f2ffe0"], 32 | "description": "#f2ffe0" 33 | }, 34 | "color-background-message-error": { 35 | "prefix": "cu-color-background-message-error", 36 | "body": ["#fff0f0"], 37 | "description": "#fff0f0" 38 | }, 39 | "color-background-message-info": { 40 | "prefix": "cu-color-background-message-info", 41 | "body": ["#e6f7ff"], 42 | "description": "#e6f7ff" 43 | }, 44 | "color-background-list-row-hover": { 45 | "prefix": "cu-color-background-list-row-hover", 46 | "body": ["#f5f7fa"], 47 | "description": "#f5f7fa" 48 | }, 49 | "color-background-icon-button-hover": { 50 | "prefix": "cu-color-background-icon-button-hover", 51 | "body": ["#f5f7fa"], 52 | "description": "#f5f7fa" 53 | }, 54 | "color-base-black": { 55 | "prefix": "cu-color-base-black", 56 | "body": ["#000"], 57 | "description": "#000" 58 | }, 59 | "color-base-white": { 60 | "prefix": "cu-color-base-white", 61 | "body": ["#fff"], 62 | "description": "#fff" 63 | }, 64 | "color-base-grey-100": { 65 | "prefix": "cu-color-base-grey-100", 66 | "body": ["#f5f7fa"], 67 | "description": "#f5f7fa" 68 | }, 69 | "color-base-grey-200": { 70 | "prefix": "cu-color-base-grey-200", 71 | "body": ["#e6e9ed"], 72 | "description": "#e6e9ed" 73 | }, 74 | "color-base-grey-300": { 75 | "prefix": "cu-color-base-grey-300", 76 | "body": ["#dadfe6"], 77 | "description": "#dadfe6" 78 | }, 79 | "color-base-grey-400": { 80 | "prefix": "cu-color-base-grey-400", 81 | "body": ["#c5cedb"], 82 | "description": "#c5cedb" 83 | }, 84 | "color-base-grey-500": { 85 | "prefix": "cu-color-base-grey-500", 86 | "body": ["#adbacc"], 87 | "description": "#adbacc" 88 | }, 89 | "color-base-grey-600": { 90 | "prefix": "cu-color-base-grey-600", 91 | "body": ["#8592a6"], 92 | "description": "#8592a6" 93 | }, 94 | "color-base-grey-700": { 95 | "prefix": "cu-color-base-grey-700", 96 | "body": ["#606c80"], 97 | "description": "#606c80" 98 | }, 99 | "color-base-grey-800": { 100 | "prefix": "cu-color-base-grey-800", 101 | "body": ["#202d40"], 102 | "description": "#202d40" 103 | }, 104 | "color-base-grey-900": { 105 | "prefix": "cu-color-base-grey-900", 106 | "body": ["#171d26"], 107 | "description": "#171d26" 108 | }, 109 | "color-base-blue-100": { 110 | "prefix": "cu-color-base-blue-100", 111 | "body": ["#e6f7ff"], 112 | "description": "#e6f7ff" 113 | }, 114 | "color-base-blue-200": { 115 | "prefix": "cu-color-base-blue-200", 116 | "body": ["#cceaff"], 117 | "description": "#cceaff" 118 | }, 119 | "color-base-blue-300": { 120 | "prefix": "cu-color-base-blue-300", 121 | "body": ["#8cc6ff"], 122 | "description": "#8cc6ff" 123 | }, 124 | "color-base-blue-400": { 125 | "prefix": "cu-color-base-blue-400", 126 | "body": ["#3d98ff"], 127 | "description": "#3d98ff" 128 | }, 129 | "color-base-blue-500": { 130 | "prefix": "cu-color-base-blue-500", 131 | "body": ["#06f"], 132 | "description": "#06f" 133 | }, 134 | "color-base-blue-600": { 135 | "prefix": "cu-color-base-blue-600", 136 | "body": ["#0052cc"], 137 | "description": "#0052cc" 138 | }, 139 | "color-base-blue-700": { 140 | "prefix": "cu-color-base-blue-700", 141 | "body": ["#0f4799"], 142 | "description": "#0f4799" 143 | }, 144 | "color-base-blue-800": { 145 | "prefix": "cu-color-base-blue-800", 146 | "body": ["#1d4073"], 147 | "description": "#1d4073" 148 | }, 149 | "color-base-red-100": { 150 | "prefix": "cu-color-base-red-100", 151 | "body": ["#fff0f0"], 152 | "description": "#fff0f0" 153 | }, 154 | "color-base-red-200": { 155 | "prefix": "cu-color-base-red-200", 156 | "body": ["#fed2d2"], 157 | "description": "#fed2d2" 158 | }, 159 | "color-base-red-300": { 160 | "prefix": "cu-color-base-red-300", 161 | "body": ["#fc9c9c"], 162 | "description": "#fc9c9c" 163 | }, 164 | "color-base-red-400": { 165 | "prefix": "cu-color-base-red-400", 166 | "body": ["#f76469"], 167 | "description": "#f76469" 168 | }, 169 | "color-base-red-500": { 170 | "prefix": "cu-color-base-red-500", 171 | "body": ["#eb333f"], 172 | "description": "#eb333f" 173 | }, 174 | "color-base-red-600": { 175 | "prefix": "cu-color-base-red-600", 176 | "body": ["#ca1628"], 177 | "description": "#ca1628" 178 | }, 179 | "color-base-red-700": { 180 | "prefix": "cu-color-base-red-700", 181 | "body": ["#9a1325"], 182 | "description": "#9a1325" 183 | }, 184 | "color-base-red-800": { 185 | "prefix": "cu-color-base-red-800", 186 | "body": ["#791122"], 187 | "description": "#791122" 188 | }, 189 | "color-base-orange-100": { 190 | "prefix": "cu-color-base-orange-100", 191 | "body": ["#fff4e0"], 192 | "description": "#fff4e0" 193 | }, 194 | "color-base-orange-200": { 195 | "prefix": "cu-color-base-orange-200", 196 | "body": ["#ffe0b3"], 197 | "description": "#ffe0b3" 198 | }, 199 | "color-base-orange-300": { 200 | "prefix": "cu-color-base-orange-300", 201 | "body": ["#fec57c"], 202 | "description": "#fec57c" 203 | }, 204 | "color-base-orange-400": { 205 | "prefix": "cu-color-base-orange-400", 206 | "body": ["#fba337"], 207 | "description": "#fba337" 208 | }, 209 | "color-base-orange-500": { 210 | "prefix": "cu-color-base-orange-500", 211 | "body": ["#f0850a"], 212 | "description": "#f0850a" 213 | }, 214 | "color-base-orange-600": { 215 | "prefix": "cu-color-base-orange-600", 216 | "body": ["#cb6b0b"], 217 | "description": "#cb6b0b" 218 | }, 219 | "color-base-orange-700": { 220 | "prefix": "cu-color-base-orange-700", 221 | "body": ["#9e540a"], 222 | "description": "#9e540a" 223 | }, 224 | "color-base-orange-800": { 225 | "prefix": "cu-color-base-orange-800", 226 | "body": ["#7b4209"], 227 | "description": "#7b4209" 228 | }, 229 | "color-base-yellow-100": { 230 | "prefix": "cu-color-base-yellow-100", 231 | "body": ["#fffbe5"], 232 | "description": "#fffbe5" 233 | }, 234 | "color-base-yellow-200": { 235 | "prefix": "cu-color-base-yellow-200", 236 | "body": ["#fff4c2"], 237 | "description": "#fff4c2" 238 | }, 239 | "color-base-yellow-300": { 240 | "prefix": "cu-color-base-yellow-300", 241 | "body": ["#fde586"], 242 | "description": "#fde586" 243 | }, 244 | "color-base-yellow-400": { 245 | "prefix": "cu-color-base-yellow-400", 246 | "body": ["#fbd341"], 247 | "description": "#fbd341" 248 | }, 249 | "color-base-yellow-500": { 250 | "prefix": "cu-color-base-yellow-500", 251 | "body": ["#edb807"], 252 | "description": "#edb807" 253 | }, 254 | "color-base-yellow-600": { 255 | "prefix": "cu-color-base-yellow-600", 256 | "body": ["#ce9c09"], 257 | "description": "#ce9c09" 258 | }, 259 | "color-base-yellow-700": { 260 | "prefix": "cu-color-base-yellow-700", 261 | "body": ["#a07708"], 262 | "description": "#a07708" 263 | }, 264 | "color-base-yellow-800": { 265 | "prefix": "cu-color-base-yellow-800", 266 | "body": ["#725409"], 267 | "description": "#725409" 268 | }, 269 | "color-base-green-100": { 270 | "prefix": "cu-color-base-green-100", 271 | "body": ["#f2ffe0"], 272 | "description": "#f2ffe0" 273 | }, 274 | "color-base-green-200": { 275 | "prefix": "cu-color-base-green-200", 276 | "body": ["#dbfdb5"], 277 | "description": "#dbfdb5" 278 | }, 279 | "color-base-green-300": { 280 | "prefix": "cu-color-base-green-300", 281 | "body": ["#adf269"], 282 | "description": "#adf269" 283 | }, 284 | "color-base-green-400": { 285 | "prefix": "cu-color-base-green-400", 286 | "body": ["#7ad93a"], 287 | "description": "#7ad93a" 288 | }, 289 | "color-base-green-500": { 290 | "prefix": "cu-color-base-green-500", 291 | "body": ["#4fbe0e"], 292 | "description": "#4fbe0e" 293 | }, 294 | "color-base-green-600": { 295 | "prefix": "cu-color-base-green-600", 296 | "body": ["#3ea00e"], 297 | "description": "#3ea00e" 298 | }, 299 | "color-base-green-700": { 300 | "prefix": "cu-color-base-green-700", 301 | "body": ["#2e7d0c"], 302 | "description": "#2e7d0c" 303 | }, 304 | "color-base-green-800": { 305 | "prefix": "cu-color-base-green-800", 306 | "body": ["#205c0a"], 307 | "description": "#205c0a" 308 | }, 309 | "color-base-cyan-100": { 310 | "prefix": "cu-color-base-cyan-100", 311 | "body": ["#e5feff"], 312 | "description": "#e5feff" 313 | }, 314 | "color-base-cyan-200": { 315 | "prefix": "cu-color-base-cyan-200", 316 | "body": ["#c4fafd"], 317 | "description": "#c4fafd" 318 | }, 319 | "color-base-cyan-300": { 320 | "prefix": "cu-color-base-cyan-300", 321 | "body": ["#8ef3fa"], 322 | "description": "#8ef3fa" 323 | }, 324 | "color-base-cyan-400": { 325 | "prefix": "cu-color-base-cyan-400", 326 | "body": ["#3de6f5"], 327 | "description": "#3de6f5" 328 | }, 329 | "color-base-cyan-500": { 330 | "prefix": "cu-color-base-cyan-500", 331 | "body": ["#0ccadf"], 332 | "description": "#0ccadf" 333 | }, 334 | "color-base-cyan-600": { 335 | "prefix": "cu-color-base-cyan-600", 336 | "body": ["#0ba4bc"], 337 | "description": "#0ba4bc" 338 | }, 339 | "color-base-cyan-700": { 340 | "prefix": "cu-color-base-cyan-700", 341 | "body": ["#097c90"], 342 | "description": "#097c90" 343 | }, 344 | "color-base-cyan-800": { 345 | "prefix": "cu-color-base-cyan-800", 346 | "body": ["#096072"], 347 | "description": "#096072" 348 | }, 349 | "color-base-purple-100": { 350 | "prefix": "cu-color-base-purple-100", 351 | "body": ["#f4e5ff"], 352 | "description": "#f4e5ff" 353 | }, 354 | "color-base-purple-200": { 355 | "prefix": "cu-color-base-purple-200", 356 | "body": ["#dbb5fd"], 357 | "description": "#dbb5fd" 358 | }, 359 | "color-base-purple-300": { 360 | "prefix": "cu-color-base-purple-300", 361 | "body": ["#c28bf9"], 362 | "description": "#c28bf9" 363 | }, 364 | "color-base-purple-400": { 365 | "prefix": "cu-color-base-purple-400", 366 | "body": ["#a657f4"], 367 | "description": "#a657f4" 368 | }, 369 | "color-base-purple-500": { 370 | "prefix": "cu-color-base-purple-500", 371 | "body": ["#892aef"], 372 | "description": "#892aef" 373 | }, 374 | "color-base-purple-600": { 375 | "prefix": "cu-color-base-purple-600", 376 | "body": ["#6812ca"], 377 | "description": "#6812ca" 378 | }, 379 | "color-base-purple-700": { 380 | "prefix": "cu-color-base-purple-700", 381 | "body": ["#4b109e"], 382 | "description": "#4b109e" 383 | }, 384 | "color-base-purple-800": { 385 | "prefix": "cu-color-base-purple-800", 386 | "body": ["#380d77"], 387 | "description": "#380d77" 388 | }, 389 | "color-border-default": { 390 | "prefix": "cu-color-border-default", 391 | "body": ["#dadfe6"], 392 | "description": "#dadfe6" 393 | }, 394 | "color-border-secondary": { 395 | "prefix": "cu-color-border-secondary", 396 | "body": ["#e6e9ed"], 397 | "description": "#e6e9ed" 398 | }, 399 | "color-border-tertiary": { 400 | "prefix": "cu-color-border-tertiary", 401 | "body": ["#f5f7fa"], 402 | "description": "#f5f7fa" 403 | }, 404 | "color-border-focus": { 405 | "prefix": "cu-color-border-focus", 406 | "body": ["#06f"], 407 | "description": "#06f" 408 | }, 409 | "color-border-warning": { 410 | "prefix": "cu-color-border-warning", 411 | "body": ["#edb807"], 412 | "description": "#edb807" 413 | }, 414 | "color-border-error": { 415 | "prefix": "cu-color-border-error", 416 | "body": ["#eb333f"], 417 | "description": "#eb333f" 418 | }, 419 | "color-border-image": { 420 | "prefix": "cu-color-border-image", 421 | "body": ["#e6e9ed"], 422 | "description": "#e6e9ed" 423 | }, 424 | "color-border-project-avatar": { 425 | "prefix": "cu-color-border-project-avatar", 426 | "body": ["#dadfe6"], 427 | "description": "#dadfe6" 428 | }, 429 | "color-brand-primary": { 430 | "prefix": "cu-color-brand-primary", 431 | "body": ["#202d40"], 432 | "description": "#202d40" 433 | }, 434 | "color-brand-primary-hover": { 435 | "prefix": "cu-color-brand-primary-hover", 436 | "body": ["#606c80"], 437 | "description": "#606c80" 438 | }, 439 | "color-brand-primary-active": { 440 | "prefix": "cu-color-brand-primary-active", 441 | "body": ["#171d26"], 442 | "description": "#171d26" 443 | }, 444 | "color-brand-primary-disabled": { 445 | "prefix": "cu-color-brand-primary-disabled", 446 | "body": ["rgba(0, 0, 0, 0.5)"], 447 | "description": "rgba(0, 0, 0, 0.5)" 448 | }, 449 | "color-brand-secondary": { 450 | "prefix": "cu-color-brand-secondary", 451 | "body": ["#06f"], 452 | "description": "#06f" 453 | }, 454 | "color-brand-secondary-hover": { 455 | "prefix": "cu-color-brand-secondary-hover", 456 | "body": ["#0f4799"], 457 | "description": "#0f4799" 458 | }, 459 | "color-brand-secondary-active": { 460 | "prefix": "cu-color-brand-secondary-active", 461 | "body": ["#1d4073"], 462 | "description": "#1d4073" 463 | }, 464 | "color-brand-secondary-disabled": { 465 | "prefix": "cu-color-brand-secondary-disabled", 466 | "body": ["rgba(0, 0, 0, 0.5)"], 467 | "description": "rgba(0, 0, 0, 0.5)" 468 | }, 469 | "color-line-default": { 470 | "prefix": "cu-color-line-default", 471 | "body": ["#dadfe6"], 472 | "description": "#dadfe6" 473 | }, 474 | "color-line-secondary": { 475 | "prefix": "cu-color-line-secondary", 476 | "body": ["#e6e9ed"], 477 | "description": "#e6e9ed" 478 | }, 479 | "color-line-separator": { 480 | "prefix": "cu-color-line-separator", 481 | "body": ["#dadfe6"], 482 | "description": "#dadfe6" 483 | }, 484 | "color-shadow-default": { 485 | "prefix": "cu-color-shadow-default", 486 | "body": ["rgba(0, 0, 0, 0.1)"], 487 | "description": "rgba(0, 0, 0, 0.1)" 488 | }, 489 | "color-shadow-deep": { 490 | "prefix": "cu-color-shadow-deep", 491 | "body": ["rgba(0, 0, 0, 0.15)"], 492 | "description": "rgba(0, 0, 0, 0.15)" 493 | }, 494 | "color-text-default": { 495 | "prefix": "cu-color-text-default", 496 | "body": ["#202d40"], 497 | "description": "#202d40" 498 | }, 499 | "color-text-secondary": { 500 | "prefix": "cu-color-text-secondary", 501 | "body": ["#606c80"], 502 | "description": "#606c80" 503 | }, 504 | "color-text-tertiary": { 505 | "prefix": "cu-color-text-tertiary", 506 | "body": ["#8592a6"], 507 | "description": "#8592a6" 508 | }, 509 | "color-text-link": { 510 | "prefix": "cu-color-text-link", 511 | "body": ["#06f"], 512 | "description": "#06f" 513 | }, 514 | "color-text-link-hover": { 515 | "prefix": "cu-color-text-link-hover", 516 | "body": ["#0f4799"], 517 | "description": "#0f4799" 518 | }, 519 | "color-text-link-active": { 520 | "prefix": "cu-color-text-link-active", 521 | "body": ["#1d4073"], 522 | "description": "#1d4073" 523 | }, 524 | "color-text-link-disabled": { 525 | "prefix": "cu-color-text-link-disabled", 526 | "body": ["rgba(0, 0, 0, 0.5)"], 527 | "description": "rgba(0, 0, 0, 0.5)" 528 | }, 529 | "color-text-warning": { 530 | "prefix": "cu-color-text-warning", 531 | "body": ["#edb807"], 532 | "description": "#edb807" 533 | }, 534 | "color-text-warning-hover": { 535 | "prefix": "cu-color-text-warning-hover", 536 | "body": ["#a07708"], 537 | "description": "#a07708" 538 | }, 539 | "color-text-danger": { 540 | "prefix": "cu-color-text-danger", 541 | "body": ["#eb333f"], 542 | "description": "#eb333f" 543 | }, 544 | "color-text-danger-hover": { 545 | "prefix": "cu-color-text-danger-hover", 546 | "body": ["#9a1325"], 547 | "description": "#9a1325" 548 | }, 549 | "color-text-success": { 550 | "prefix": "cu-color-text-success", 551 | "body": ["#4fbe0e"], 552 | "description": "#4fbe0e" 553 | }, 554 | "color-text-success-hover": { 555 | "prefix": "cu-color-text-success-hover", 556 | "body": ["#2e7d0c"], 557 | "description": "#2e7d0c" 558 | }, 559 | "color-text-placeholder": { 560 | "prefix": "cu-color-text-placeholder", 561 | "body": ["rgba(0, 0, 0, 0.5)"], 562 | "description": "rgba(0, 0, 0, 0.5)" 563 | }, 564 | "color-text-inverse-default": { 565 | "prefix": "cu-color-text-inverse-default", 566 | "body": ["#fff"], 567 | "description": "#fff" 568 | }, 569 | "color-text-inverse-secondary": { 570 | "prefix": "cu-color-text-inverse-secondary", 571 | "body": ["#c5cedb"], 572 | "description": "#c5cedb" 573 | }, 574 | "color-text-inverse-tertiary": { 575 | "prefix": "cu-color-text-inverse-tertiary", 576 | "body": ["#8592a6"], 577 | "description": "#8592a6" 578 | }, 579 | "color-text-label-grey": { 580 | "prefix": "cu-color-text-label-grey", 581 | "body": ["#606c80"], 582 | "description": "#606c80" 583 | }, 584 | "color-text-label-yellow": { 585 | "prefix": "cu-color-text-label-yellow", 586 | "body": ["#a07708"], 587 | "description": "#a07708" 588 | }, 589 | "color-text-label-green": { 590 | "prefix": "cu-color-text-label-green", 591 | "body": ["#3ea00e"], 592 | "description": "#3ea00e" 593 | }, 594 | "color-text-label-blue": { 595 | "prefix": "cu-color-text-label-blue", 596 | "body": ["#0052cc"], 597 | "description": "#0052cc" 598 | }, 599 | "color-text-label-orange": { 600 | "prefix": "cu-color-text-label-orange", 601 | "body": ["#cb6b0b"], 602 | "description": "#cb6b0b" 603 | }, 604 | "color-text-label-purple": { 605 | "prefix": "cu-color-text-label-purple", 606 | "body": ["#6812ca"], 607 | "description": "#6812ca" 608 | }, 609 | "color-text-label-red": { 610 | "prefix": "cu-color-text-label-red", 611 | "body": ["#9a1325"], 612 | "description": "#9a1325" 613 | }, 614 | "color-text-label-cyan": { 615 | "prefix": "cu-color-text-label-cyan", 616 | "body": ["#097c90"], 617 | "description": "#097c90" 618 | }, 619 | "color-table-text-default": { 620 | "prefix": "cu-color-table-text-default", 621 | "body": ["#202d40"], 622 | "description": "#202d40" 623 | }, 624 | "font-weight-default": { 625 | "prefix": "cu-font-weight-default", 626 | "body": ["400"], 627 | "description": "400" 628 | }, 629 | "font-weight-bold": { 630 | "prefix": "cu-font-weight-bold", 631 | "body": ["600"], 632 | "description": "600" 633 | }, 634 | "font-weight-base": { 635 | "prefix": "cu-font-weight-base", 636 | "body": ["400"], 637 | "description": "400" 638 | }, 639 | "font-weight-heading": { 640 | "prefix": "cu-font-weight-heading", 641 | "body": ["600"], 642 | "description": "600" 643 | }, 644 | "line-height-heading": { 645 | "prefix": "cu-line-height-heading", 646 | "body": ["1.25"], 647 | "description": "1.25" 648 | }, 649 | "line-height-text": { 650 | "prefix": "cu-line-height-text", 651 | "body": ["1.5"], 652 | "description": "1.5" 653 | }, 654 | "line-height-rest": { 655 | "prefix": "cu-line-height-rest", 656 | "body": ["1"], 657 | "description": "1" 658 | }, 659 | "opacity-default": { 660 | "prefix": "cu-opacity-default", 661 | "body": ["1"], 662 | "description": "1" 663 | }, 664 | "opacity-half": { 665 | "prefix": "cu-opacity-half", 666 | "body": ["0.5"], 667 | "description": "0.5" 668 | }, 669 | "opacity-disappear": { 670 | "prefix": "cu-opacity-disappear", 671 | "body": ["0"], 672 | "description": "0" 673 | }, 674 | "opacity-text-placehodler": { 675 | "prefix": "cu-opacity-text-placehodler", 676 | "body": ["0.5"], 677 | "description": "0.5" 678 | }, 679 | "border-radius-circle": { 680 | "prefix": "cu-border-radius-circle", 681 | "body": ["50%"], 682 | "description": "50%" 683 | }, 684 | "border-radius-square": { 685 | "prefix": "cu-border-radius-square", 686 | "body": ["0"], 687 | "description": "0" 688 | }, 689 | "border-radius-small": { 690 | "prefix": "cu-border-radius-small", 691 | "body": ["2px"], 692 | "description": "2px" 693 | }, 694 | "border-radius-medium": { 695 | "prefix": "cu-border-radius-medium", 696 | "body": ["4px"], 697 | "description": "4px" 698 | }, 699 | "border-radius-large": { 700 | "prefix": "cu-border-radius-large", 701 | "body": ["8px"], 702 | "description": "8px" 703 | }, 704 | "border-radius-default": { 705 | "prefix": "cu-border-radius-default", 706 | "body": ["2px"], 707 | "description": "2px" 708 | }, 709 | "shadow-button": { 710 | "prefix": "cu-shadow-button", 711 | "body": ["0 1px 2px 0 rgba(0, 0, 0, 0.1)"], 712 | "description": "0 1px 2px 0 rgba(0, 0, 0, 0.1)" 713 | }, 714 | "shadow-button-hover": { 715 | "prefix": "cu-shadow-button-hover", 716 | "body": ["0 2px 4px 0 rgba(0, 0, 0, 0.15)"], 717 | "description": "0 2px 4px 0 rgba(0, 0, 0, 0.15)" 718 | }, 719 | "shadow-card": { 720 | "prefix": "cu-shadow-card", 721 | "body": ["0 2px 4px 0 rgba(0, 0, 0, 0.1)"], 722 | "description": "0 2px 4px 0 rgba(0, 0, 0, 0.1)" 723 | }, 724 | "shadow-card-hover": { 725 | "prefix": "cu-shadow-card-hover", 726 | "body": ["0 4px 6px 0 rgba(0, 0, 0, 0.15)"], 727 | "description": "0 4px 6px 0 rgba(0, 0, 0, 0.15)" 728 | }, 729 | "shadow-drawer-right": { 730 | "prefix": "cu-shadow-drawer-right", 731 | "body": ["-4px 0 14px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.15)"], 732 | "description": "-4px 0 14px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.15)" 733 | }, 734 | "shadow-drawer-left": { 735 | "prefix": "cu-shadow-drawer-left", 736 | "body": ["4px 0 14px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.15)"], 737 | "description": "4px 0 14px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.15)" 738 | }, 739 | "shadow-modal": { 740 | "prefix": "cu-shadow-modal", 741 | "body": ["0 6px 12px 0 rgba(0, 0, 0, 0.1)"], 742 | "description": "0 6px 12px 0 rgba(0, 0, 0, 0.1)" 743 | }, 744 | "shadow-modal-hover": { 745 | "prefix": "cu-shadow-modal-hover", 746 | "body": ["0 8px 14px 0 rgba(0, 0, 0, 0.15)"], 747 | "description": "0 8px 14px 0 rgba(0, 0, 0, 0.15)" 748 | }, 749 | "size-avatar-user-xx-small": { 750 | "prefix": "cu-size-avatar-user-xx-small", 751 | "body": ["24px"], 752 | "description": "24px" 753 | }, 754 | "size-avatar-user-x-small": { 755 | "prefix": "cu-size-avatar-user-x-small", 756 | "body": ["28px"], 757 | "description": "28px" 758 | }, 759 | "size-avatar-user-small": { 760 | "prefix": "cu-size-avatar-user-small", 761 | "body": ["32px"], 762 | "description": "32px" 763 | }, 764 | "size-avatar-user-medium": { 765 | "prefix": "cu-size-avatar-user-medium", 766 | "body": ["40px"], 767 | "description": "40px" 768 | }, 769 | "size-avatar-user-large": { 770 | "prefix": "cu-size-avatar-user-large", 771 | "body": ["64px"], 772 | "description": "64px" 773 | }, 774 | "size-avatar-user-x-large": { 775 | "prefix": "cu-size-avatar-user-x-large", 776 | "body": ["128px"], 777 | "description": "128px" 778 | }, 779 | "size-avatar-user-xx-large": { 780 | "prefix": "cu-size-avatar-user-xx-large", 781 | "body": ["200px"], 782 | "description": "200px" 783 | }, 784 | "size-avatar-project-xx-small": { 785 | "prefix": "cu-size-avatar-project-xx-small", 786 | "body": ["16px"], 787 | "description": "16px" 788 | }, 789 | "size-avatar-project-x-small": { 790 | "prefix": "cu-size-avatar-project-x-small", 791 | "body": ["24px"], 792 | "description": "24px" 793 | }, 794 | "size-avatar-project-small": { 795 | "prefix": "cu-size-avatar-project-small", 796 | "body": ["32px"], 797 | "description": "32px" 798 | }, 799 | "size-avatar-project-medium": { 800 | "prefix": "cu-size-avatar-project-medium", 801 | "body": ["40px"], 802 | "description": "40px" 803 | }, 804 | "size-avatar-project-large": { 805 | "prefix": "cu-size-avatar-project-large", 806 | "body": ["64px"], 807 | "description": "64px" 808 | }, 809 | "size-avatar-project-x-large": { 810 | "prefix": "cu-size-avatar-project-x-large", 811 | "body": ["96px"], 812 | "description": "96px" 813 | }, 814 | "size-avatar-project-xx-large": { 815 | "prefix": "cu-size-avatar-project-xx-large", 816 | "body": ["200px"], 817 | "description": "200px" 818 | }, 819 | "size-font-x-small": { 820 | "prefix": "cu-size-font-x-small", 821 | "body": ["12px"], 822 | "description": "12px" 823 | }, 824 | "size-font-small": { 825 | "prefix": "cu-size-font-small", 826 | "body": ["14px"], 827 | "description": "14px" 828 | }, 829 | "size-font-medium": { 830 | "prefix": "cu-size-font-medium", 831 | "body": ["16px"], 832 | "description": "16px" 833 | }, 834 | "size-font-large": { 835 | "prefix": "cu-size-font-large", 836 | "body": ["18px"], 837 | "description": "18px" 838 | }, 839 | "size-font-x-large": { 840 | "prefix": "cu-size-font-x-large", 841 | "body": ["24px"], 842 | "description": "24px" 843 | }, 844 | "size-font-xx-large": { 845 | "prefix": "cu-size-font-xx-large", 846 | "body": ["36px"], 847 | "description": "36px" 848 | }, 849 | "size-font-xxx-large": { 850 | "prefix": "cu-size-font-xxx-large", 851 | "body": ["48px"], 852 | "description": "48px" 853 | }, 854 | "size-font-xxxx-large": { 855 | "prefix": "cu-size-font-xxxx-large", 856 | "body": ["56px"], 857 | "description": "56px" 858 | }, 859 | "size-font-body-default": { 860 | "prefix": "cu-size-font-body-default", 861 | "body": ["14px"], 862 | "description": "14px" 863 | }, 864 | "size-font-body-secondary": { 865 | "prefix": "cu-size-font-body-secondary", 866 | "body": ["12px"], 867 | "description": "12px" 868 | }, 869 | "size-font-subtitle": { 870 | "prefix": "cu-size-font-subtitle", 871 | "body": ["16px"], 872 | "description": "16px" 873 | }, 874 | "size-font-title": { 875 | "prefix": "cu-size-font-title", 876 | "body": ["18px"], 877 | "description": "18px" 878 | }, 879 | "size-font-heading": { 880 | "prefix": "cu-size-font-heading", 881 | "body": ["24px"], 882 | "description": "24px" 883 | }, 884 | "size-font-display-small": { 885 | "prefix": "cu-size-font-display-small", 886 | "body": ["36px"], 887 | "description": "36px" 888 | }, 889 | "size-font-display-medium": { 890 | "prefix": "cu-size-font-display-medium", 891 | "body": ["48px"], 892 | "description": "48px" 893 | }, 894 | "size-font-display-large": { 895 | "prefix": "cu-size-font-display-large", 896 | "body": ["56px"], 897 | "description": "56px" 898 | }, 899 | "size-icon-x-small": { 900 | "prefix": "cu-size-icon-x-small", 901 | "body": ["12px"], 902 | "description": "12px" 903 | }, 904 | "size-icon-small": { 905 | "prefix": "cu-size-icon-small", 906 | "body": ["14px"], 907 | "description": "14px" 908 | }, 909 | "size-icon-medium": { 910 | "prefix": "cu-size-icon-medium", 911 | "body": ["16px"], 912 | "description": "16px" 913 | }, 914 | "size-icon-large": { 915 | "prefix": "cu-size-icon-large", 916 | "body": ["18px"], 917 | "description": "18px" 918 | }, 919 | "size-icon-x-large": { 920 | "prefix": "cu-size-icon-x-large", 921 | "body": ["24px"], 922 | "description": "24px" 923 | }, 924 | "size-icon-xx-large": { 925 | "prefix": "cu-size-icon-xx-large", 926 | "body": ["36px"], 927 | "description": "36px" 928 | }, 929 | "size-icon-xxx-large": { 930 | "prefix": "cu-size-icon-xxx-large", 931 | "body": ["48px"], 932 | "description": "48px" 933 | }, 934 | "size-icon-xxxx-large": { 935 | "prefix": "cu-size-icon-xxxx-large", 936 | "body": ["56px"], 937 | "description": "56px" 938 | }, 939 | "size-layout-xx-small": { 940 | "prefix": "cu-size-layout-xx-small", 941 | "body": ["140px"], 942 | "description": "140px" 943 | }, 944 | "size-layout-x-small": { 945 | "prefix": "cu-size-layout-x-small", 946 | "body": ["280px"], 947 | "description": "280px" 948 | }, 949 | "size-layout-small": { 950 | "prefix": "cu-size-layout-small", 951 | "body": ["420px"], 952 | "description": "420px" 953 | }, 954 | "size-layout-medium": { 955 | "prefix": "cu-size-layout-medium", 956 | "body": ["560px"], 957 | "description": "560px" 958 | }, 959 | "size-layout-large": { 960 | "prefix": "cu-size-layout-large", 961 | "body": ["700px"], 962 | "description": "700px" 963 | }, 964 | "size-layout-x-large": { 965 | "prefix": "cu-size-layout-x-large", 966 | "body": ["840px"], 967 | "description": "840px" 968 | }, 969 | "size-layout-xx-large": { 970 | "prefix": "cu-size-layout-xx-large", 971 | "body": ["980px"], 972 | "description": "980px" 973 | }, 974 | "spacing-10": { 975 | "prefix": "cu-spacing-10", 976 | "body": ["10px"], 977 | "description": "10px" 978 | }, 979 | "spacing-20": { 980 | "prefix": "cu-spacing-20", 981 | "body": ["20px"], 982 | "description": "20px" 983 | }, 984 | "spacing-30": { 985 | "prefix": "cu-spacing-30", 986 | "body": ["30px"], 987 | "description": "30px" 988 | }, 989 | "spacing-40": { 990 | "prefix": "cu-spacing-40", 991 | "body": ["40px"], 992 | "description": "40px" 993 | }, 994 | "spacing-60": { 995 | "prefix": "cu-spacing-60", 996 | "body": ["60px"], 997 | "description": "60px" 998 | }, 999 | "spacing-80": { 1000 | "prefix": "cu-spacing-80", 1001 | "body": ["80px"], 1002 | "description": "80px" 1003 | }, 1004 | "spacing-100": { 1005 | "prefix": "cu-spacing-100", 1006 | "body": ["100px"], 1007 | "description": "100px" 1008 | }, 1009 | "spacing-none": { 1010 | "prefix": "cu-spacing-none", 1011 | "body": ["0"], 1012 | "description": "0" 1013 | }, 1014 | "spacing-xxx-small": { 1015 | "prefix": "cu-spacing-xxx-small", 1016 | "body": ["2px"], 1017 | "description": "2px" 1018 | }, 1019 | "spacing-xx-small": { 1020 | "prefix": "cu-spacing-xx-small", 1021 | "body": ["4px"], 1022 | "description": "4px" 1023 | }, 1024 | "spacing-x-small": { 1025 | "prefix": "cu-spacing-x-small", 1026 | "body": ["8px"], 1027 | "description": "8px" 1028 | }, 1029 | "spacing-small": { 1030 | "prefix": "cu-spacing-small", 1031 | "body": ["12px"], 1032 | "description": "12px" 1033 | }, 1034 | "spacing-medium": { 1035 | "prefix": "cu-spacing-medium", 1036 | "body": ["16px"], 1037 | "description": "16px" 1038 | }, 1039 | "spacing-large": { 1040 | "prefix": "cu-spacing-large", 1041 | "body": ["24px"], 1042 | "description": "24px" 1043 | }, 1044 | "spacing-x-large": { 1045 | "prefix": "cu-spacing-x-large", 1046 | "body": ["32px"], 1047 | "description": "32px" 1048 | }, 1049 | "spacing-xx-large": { 1050 | "prefix": "cu-spacing-xx-large", 1051 | "body": ["48px"], 1052 | "description": "48px" 1053 | }, 1054 | "duration-immediately": { 1055 | "prefix": "cu-duration-immediately", 1056 | "body": ["0.05s"], 1057 | "description": "0.05s" 1058 | }, 1059 | "duration-instantly": { 1060 | "prefix": "cu-duration-instantly", 1061 | "body": ["0s"], 1062 | "description": "0s" 1063 | }, 1064 | "duration-paused": { 1065 | "prefix": "cu-duration-paused", 1066 | "body": ["3.2s"], 1067 | "description": "3.2s" 1068 | }, 1069 | "duration-promptly": { 1070 | "prefix": "cu-duration-promptly", 1071 | "body": ["0.2s"], 1072 | "description": "0.2s" 1073 | }, 1074 | "duration-quickly": { 1075 | "prefix": "cu-duration-quickly", 1076 | "body": ["0.1s"], 1077 | "description": "0.1s" 1078 | }, 1079 | "duration-slowly": { 1080 | "prefix": "cu-duration-slowly", 1081 | "body": ["0.4s"], 1082 | "description": "0.4s" 1083 | }, 1084 | "z-index-deepdive": { 1085 | "prefix": "cu-z-index-deepdive", 1086 | "body": ["-99999"], 1087 | "description": "-99999" 1088 | }, 1089 | "z-index-default": { 1090 | "prefix": "cu-z-index-default", 1091 | "body": ["1"], 1092 | "description": "1" 1093 | }, 1094 | "z-index-dialog": { 1095 | "prefix": "cu-z-index-dialog", 1096 | "body": ["6000"], 1097 | "description": "6000" 1098 | }, 1099 | "z-index-docked": { 1100 | "prefix": "cu-z-index-docked", 1101 | "body": ["4"], 1102 | "description": "4" 1103 | }, 1104 | "z-index-dropdown": { 1105 | "prefix": "cu-z-index-dropdown", 1106 | "body": ["7000"], 1107 | "description": "7000" 1108 | }, 1109 | "z-index-modal": { 1110 | "prefix": "cu-z-index-modal", 1111 | "body": ["9000"], 1112 | "description": "9000" 1113 | }, 1114 | "z-index-overlay": { 1115 | "prefix": "cu-z-index-overlay", 1116 | "body": ["8000"], 1117 | "description": "8000" 1118 | }, 1119 | "z-index-popup": { 1120 | "prefix": "cu-z-index-popup", 1121 | "body": ["5000"], 1122 | "description": "5000" 1123 | }, 1124 | "z-index-reminder": { 1125 | "prefix": "cu-z-index-reminder", 1126 | "body": ["8500"], 1127 | "description": "8500" 1128 | }, 1129 | "z-index-spinner": { 1130 | "prefix": "cu-z-index-spinner", 1131 | "body": ["9050"], 1132 | "description": "9050" 1133 | }, 1134 | "z-index-sticky": { 1135 | "prefix": "cu-z-index-sticky", 1136 | "body": ["100"], 1137 | "description": "100" 1138 | }, 1139 | "z-index-toast": { 1140 | "prefix": "cu-z-index-toast", 1141 | "body": ["10000"], 1142 | "description": "10000" 1143 | } 1144 | } 1145 | --------------------------------------------------------------------------------