[Calcite] design tokens snapshot tweaks
512 removals
| Words removed | 1283 |
| Total words | 1466 |
| Words removed (%) | 87.52 |
534 lines
505 additions
| Words added | 1285 |
| Total words | 1468 |
| Words added (%) | 87.53 |
527 lines
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`generated tokens > CSS > core should match 1`] = `
exports[`generated tokens > CSS > core should match 1`] = `
"/
"/
:root {
:root {
--calcite-z-index-9: 900;
--calcite-color-neutral-blk-000: #ffffff;
--calcite-z-index-8: 800;
--calcite-color-neutral-blk-005: #f8f8f8;
--calcite-z-index-7: 700;
--calcite-color-neutral-blk-010: #f3f3f3;
--calcite-z-index-6: 600;
--calcite-color-neutral-blk-020: #eaeaea;
--calcite-z-index-5: 500;
--calcite-color-neutral-blk-030: #dfdfdf;
--calcite-z-index-4: 400;
--calcite-color-neutral-blk-040: #d4d4d4;
--calcite-z-index-3: 300;
--calcite-color-neutral-blk-050: #cacaca;
--calcite-z-index-1: 1;
--calcite-color-neutral-blk-060: #bfbfbf;
--calcite-z-index-0: -999999;
--calcite-color-neutral-blk-070: #b5b5b5;
--calcite-size-relative-auto: auto;
--calcite-color-neutral-blk-080: #aaaaaa;
--calcite-size-relative-200: 200%;
--calcite-color-neutral-blk-090: #9f9f9f;
--calcite-size-relative-162: 162.5%;
--calcite-color-neutral-blk-100: #949494;
--calcite-size-relative-150: 150%;
--calcite-color-neutral-blk-110: #8a8a8a;
--calcite-size-relative-137: 137.5%;
--calcite-color-neutral-blk-120: #808080;
--calcite-size-relative-125: 125%;
--calcite-color-neutral-blk-130: #757575;
--calcite-size-relative-100: 100%;
--calcite-color-neutral-blk-140: #6a6a6a;
--calcite-size-relative-50: 50%;
--calcite-color-neutral-blk-150: #606060;
--calcite-size-none: 0;
--calcite-color-neutral-blk-160: #555555;
--calcite-size-288: 288px;
--calcite-color-neutral-blk-170: #4a4a4a;
--calcite-size-256: 256px;
--calcite-color-neutral-blk-180: #404040;
--calcite-size-224: 224px;
--calcite-color-neutral-blk-190: #353535;
--calcite-size-192: 192px;
--calcite-color-neutral-blk-200: #2b2b2b;
--calcite-size-160: 160px;
--calcite-color-neutral-blk-210: #202020;
--calcite-size-144: 144px;
--calcite-color-neutral-blk-220: #151515;
--calcite-size-128: 128px;
--calcite-color-neutral-blk-230: #0b0b0b;
--calcite-size-112: 112px;
--calcite-color-neutral-blk-235: #060606;
--calcite-size-96: 96px;
--calcite-color-neutral-blk-240: #000000;
--calcite-size-80: 80px;
--calcite-color-high-saturation-blue-h-bb-010: #c7eaff;
--calcite-size-72: 72px;
--calcite-color-high-saturation-blue-h-bb-020: #9fd4f3;
--calcite-size-64: 64px;
--calcite-color-high-saturation-blue-h-bb-030: #77bde7;
--calcite-size-56: 56px;
--calcite-color-high-saturation-blue-h-bb-040: #50a7da;
--calcite-size-48: 48px;
--calcite-color-high-saturation-blue-h-bb-050: #2890ce;
--calcite-size-44: 44px;
--calcite-color-high-saturation-blue-h-bb-060: #007ac2;
--calcite-size-40: 40px;
--calcite-color-high-saturation-blue-h-bb-070: #00619b;
--calcite-size-36: 36px;
--calcite-color-high-saturation-blue-h-bb-080: #004874;
--calcite-size-32: 32px;
--calcite-color-high-saturation-blue-h-bb-090: #00304d;
--calcite-size-28: 28px;
--calcite-color-high-saturation-blue-h-bb-100: #001726;
--calcite-size-24: 24px;
--calcite-color-high-saturation-green-blue-h-gb-010: #cef5f4;
--calcite-size-20: 20px;
--calcite-color-high-saturation-green-blue-h-gb-020: #afedec;
--calcite-size-16: 16px;
--calcite-color-high-saturation-green-blue-h-gb-030: #8fe6e5;
--calcite-size-14: 14px;
--calcite-color-high-saturation-green-blue-h-gb-040: #5ae0de;
--calcite-size-12: 12px;
--calcite-color-high-saturation-green-blue-h-gb-050: #28cecb;
--calcite-size-10: 10px;
--calcite-color-high-saturation-green-blue-h-gb-060: #00bab5;
--calcite-size-8: 8px;
--calcite-color-high-saturation-green-blue-h-gb-070: #009b98;
--calcite-size-6: 6px;
--calcite-color-high-saturation-green-blue-h-gb-080: #007472;
--calcite-size-4: 4px;
--calcite-color-high-saturation-green-blue-h-gb-090: #004d4c;
--calcite-size-2: 2px;
--calcite-color-high-saturation-green-blue-h-gb-100: #002625;
--calcite-size-1: 1px;
--calcite-color-high-saturation-green-h-gg-010: #bdf2c4;
--calcite-opacity-100: 1;
--calcite-color-high-saturation-green-h-gg-020: #a2e4ab;
--calcite-opacity-96: 0.96;
--calcite-color-high-saturation-green-h-gg-030: #87d692;
--calcite-opacity-92: 0.92;
--calcite-color-high-saturation-green-h-gg-040: #6bc878;
--calcite-opacity-90: 0.9;
--calcite-color-high-saturation-green-h-gg-050: #50ba5f;
--calcite-opacity-85: 0.85;
--calcite-color-high-saturation-green-h-gg-060: #35ac46;
--calcite-opacity-80: 0.8;
--calcite-color-high-saturation-green-h-gg-070: #288835;
--calcite-opacity-70: 0.7;
--calcite-color-high-saturation-green-h-gg-080: #1a6324;
--calcite-opacity-60: 0.6;
--calcite-color-high-saturation-green-h-gg-090: #0d3f14;
--calcite-opacity-50: 0.5;
--calcite-color-high-saturation-green-h-gg-100: #001a03;
--calcite-opacity-40: 0.4;
--calcite-color-high-saturation-yellow-green-h-yg-010: #e5f7b4;
--calcite-opacity-30: 0.3;
--calcite-color-high-saturation-yellow-green-h-yg-020: #d9ef9f;
--calcite-opacity-20: 0.2;
--calcite-color-high-saturation-yellow-green-h-yg-030: #cde78a;
--calcite-opacity-10: 0.1;
--calcite-color-high-saturation-yellow-green-h-yg-040: #c2e075;
--calcite-opacity-8: 0.08;
--calcite-color-high-saturation-yellow-green-h-yg-050: #b6d860;
--calcite-opacity-4: 0.04;
--calcite-color-high-saturation-yellow-green-h-yg-060: #aad04b;
--calcite-opacity-0: 0;
--calcite-color-high-saturation-yellow-green-h-yg-070: #84a338;
--calcite-font-text-case-capitalize: capitalize; /* Deprecated */
--calcite-color-high-saturation-yellow-green-h-yg-080: #5e7526;
--calcite-font-text-case-lowercase: lowercase; /* Deprecated */
--calcite-color-high-saturation-yellow-green-h-yg-090: #384813;
--calcite-font-text-case-uppercase: uppercase; /* Deprecated */
--calcite-color-high-saturation-yellow-green-h-yg-100: #121a00;
--calcite-font-text-case-none: none; /* Deprecated */
--calcite-color-high-saturation-yellow-h-yy-010: #fff7cc;
--calcite-font-text-decoration-underline: underline; /* Deprecated */
--calcite-color-high-saturation-yellow-h-yy-020: #fef3ad;
--calcite-font-text-decoration-none: none; /* Deprecated */
--calcite-color-high-saturation-yellow-h-yy-030: #fcee8d;
--calcite-font-weight-heavy: 900;
--calcite-color-high-saturation-yellow-h-yy-040: #fbea6e;
--calcite-font-weight-black: 900; /* only for Avenir Next World (secondary font family) */
--calcite-color-high-saturation-yellow-h-yy-050: #f9e54e;
--calcite-font-weight-extrabold: 800; /* only for Avenir Next World (secondary font family) */
--calcite-color-high-saturation-yellow-h-yy-060: #edd317;
--calcite-font-weight-bold: 700;
--calcite-color-high-saturation-yellow-h-yy-070: #d9bc00;
--calcite-font-weight-demi: 600;
--calcite-color-high-saturation-yellow-h-yy-080: #bfa200;
--calcite-font-weight-medium-italic: "Medium Italic";
--calcite-color-high-saturation-yellow-h-yy-090: #8c7500;
--calcite-font-weight-medium: 500;
--calcite-color-high-saturation-yellow-h-yy-100: #5c4e00;
--calcite-font-weight-regular: 400;
--calcite-color-high-saturation-orange-yellow-h-oy-010: #ffe2bf;
--calcite-font-weight-light: 300; /* only for Avenir Next World (secondary font family) */
--calcite-color-high-saturation-orange-yellow-h-oy-020: #fed3a1;
--calcite-font-weight-thin: 100;
--calcite-color-high-saturation-orange-yellow-h-oy-030: #fcc582;
--calcite-color-high-saturation-orange-yellow-h-oy-040: #fbb664;
--calcite-color-high-saturation-orange-yellow-h-oy-050: #f9a845;
--calcite-color-high-saturation-orange-yellow-h-oy-060: #f89927;
--calcite-color-high-saturation-orange-yellow-h-oy-070: #c67718;
--calcite-color-high-saturation-orange-yellow-h-oy-080: #9a5b10;
--calcite-color-high-saturation-orange-yellow-h-oy-090: #6d3f08;
--calcite-color-high-saturation-orange-yellow-h-oy-100: #402300;
--calcite-color-high-saturation-orange-h-oo-010: #ffd8bf;
--calcite-color-high-saturation-orange-h-oo-020: #fdc39f;
--calcite-color-high-saturation-orange-h-oo-030: #faae7f;
--calcite-color-high-saturation-orange-h-oo-040: #f89960;
--calcite-color-high-saturation-orange-h-oo-050: #f58440;
--calcite-color-high-saturation-orange-h-oo-060: #f36f20;
--calcite-color-high-saturation-orange-h-oo-070: #c65a18;
--calcite-color-high-saturation-orange-h-oo-080: #9a4410;
--calcite-color-high-saturation-orange-h-oo-090: #6d2f08;
--calcite-color-high-saturation-orange-h-oo-100: #401900;
--calcite-color-high-saturation-red-orange-h-ro-010: #ffc7b3;
--calcite-color-high-saturation-red-orange-h-ro-020: #f8af95;
--calcite-color-high-saturation-red-orange-h-ro-030: #f09677;
--calcite-color-high-saturation-red-orange-h-ro-040: #e97e5a;
--calcite-color-high-saturation-red-orange-h-ro-050: #e1653c;
--calcite-color-high-saturation-red-orange-h-ro-060: #da4d1e;
--calcite-color-high-saturation-red-orange-h-ro-070: #ad3c16;
--calcite-color-high-saturation-red-orange-h-ro-080: #802c0f;
--calcite-color-high-saturation-red-orange-h-ro-090: #531b07;
--calcite-color-high-saturation-red-orange-h-ro-100: #260a00;
--calcite-color-high-saturation-red-h-rr-010: #ffc6bf;
--calcite-color-high-saturation-red-h-rr-020: #ffaaa1;
--calcite-color-high-saturation-red-h-rr-030: #f2877b;
--calcite-color-high-saturation-red-h-rr-040: #f07062;
--calcite-color-high-saturation-red-h-rr-050: #e65240;
--calcite-color-high-saturation-red-h-rr-060: #d83020;
--calcite-color-high-saturation-red-h-rr-070: #a82b1e;
--calcite-color-high-saturation-red-h-rr-080: #7c1d13;
--calcite-color-high-saturation-red-h-rr-090: #4f0e08;
--calcite-color-high-saturation-red-h-rr-100: #210300;
--calcite-color-high-saturation-pink-h-pk-010: #ffd1ef;
--calcite-color-high-saturation-pink-h-pk-020: #fabee4;
--calcite-color-high-saturation-pink-h-pk-030: #f2a5d6;
--calcite-color-high-saturation-pink-h-pk-040: #eb8dc9;
--calcite-color-high-saturation-pink-h-pk-050: #e673bb;
--calcite-color-high-saturation-pink-h-pk-060: #e04ea6;
--calcite-color-high-saturation-pink-h-pk-070: #ba2f7e;
--calcite-color-high-saturation-pink-h-pk-080: #851b52;
--calcite-color-high-saturation-pink-h-pk-090: #590b32;
--calcite-color-high-saturation-pink-h-pk-100: #260404;
--calcite-color-high-saturation-violet-red-h-vr-010: #fadbff;
--calcite-color-high-saturation-violet-red-h-vr-020: #e4beeb;
--calcite-color-high-saturation-violet-red-h-vr-030: #cfa1d7;
--calcite-color-high-saturation-violet-red-h-vr-040: #b983c3;
--calcite-color-high-saturation-violet-red-h-vr-050: #a466af;
--calcite-color-high-saturation-violet-red-h-vr-060: #8e499b;
--calcite-color-high-saturation-violet-red-h-vr-070: #73377e;
--calcite-color-high-saturation-violet-red-h-vr-080: #572561;
--calcite-color-high-saturation-violet-red-h-vr-090: #3c1243;
--calcite-color-high-saturation-violet-red-h-vr-100: #200026;
--calcite-color-high-saturation-violet-h-vv-010: #e8d9ff;
--calcite-color-high-saturation-violet-h-vv-020: #cdb9eb;
--calcite-color-high-saturation-violet-h-vv-030: #b39ad7;
--calcite-color-high-saturation-violet-h-vv-040: #987ac3;
--calcite-color-high-saturation-violet-h-vv-050: #7e5baf;
--calcite-color-high-saturation-violet-h-vv-060: #633b9b;
--calcite-color-high-saturation-violet-h-vv-070: #4e2c7e;
--calcite-color-high-saturation-violet-h-vv-080: #3a1e61;
--calcite-color-high-saturation-violet-h-vv-090: #250f43;
--calcite-color-high-saturation-violet-h-vv-100: #100026;
--calcite-color-vibrant-blue-v-bb-120: #59d6ff;
--calcite-color-vibrant-blue-v-bb-140: #3db8ff;
--calcite-color-vibrant-blue-v-bb-160: #009af2;
--calcite-color-vibrant-blue-v-bb-180: #009af2;
--calcite-color-vibrant-green-blue-v-gb-120: #59fffc;
--calcite-color-vibrant-green-blue-v-gb-140: #00f7f3;
--calcite-color-vibrant-green-blue-v-gb-160: #00e6e2;
--calcite-color-vibrant-green-blue-v-gb-180: #00cfca;
--calcite-color-vibrant-green-v-gg-120: #73ff84;
--calcite-color-vibrant-green-v-gg-140: #3bed52;
--calcite-color-vibrant-green-v-gg-160: #00b81b;
--calcite-color-vibrant-green-v-gg-180: #00a118;
--calcite-color-vibrant-yellow-green-v-yg-120: #d7ff73;
--calcite-color-vibrant-yellow-green-v-yg-140: #bbed3b;
--calcite-color-vibrant-yellow-green-v-yg-160: #96cc00;
--calcite-color-vibrant-yellow-green-v-yg-180: #7fab00;
--calcite-color-vibrant-yellow-v-yy-120: #fff766;
--calcite-color-vibrant-yellow-v-yy-140: #ffee33;
--calcite-color-vibrant-yellow-v-yy-160: #f5d000;
--calcite-color-vibrant-yellow-v-yy-180: #ebba17;
--calcite-color-vibrant-orange-yellow-v-oy-120: #ffb54d;
--calcite-color-vibrant-orange-yellow-v-oy-140: #ff9500;
--calcite-color-vibrant-orange-yellow-v-oy-160: #e68600;
--calcite-color-vibrant-orange-yellow-v-oy-180: #d17300;
--calcite-color-vibrant-red-orange-v-ro-120: #ff824d;
--calcite-color-vibrant-red-orange-v-ro-140: #ff4d00;
--calcite-color-vibrant-red-orange-v-ro-160: #de4300;
--calcite-color-vibrant-red-orange-v-ro-180: #c93b00;
--calcite-color-vibrant-red-v-rr-120: #ff624d;
--calcite-color-vibrant-red-v-rr-140: #ff0015;
--calcite-color-vibrant-red-v-rr-160: #d90012;
--calcite-color-vibrant-red-v-rr-180: #b3000f;
--calcite-color-vibrant-pink-v-pk-120: #ff66c2;
--calcite-color-vibrant-pink-v-pk-140: #ff19a4;
--calcite-color-vibrant-pink-v-pk-160: #d11486;
--calcite-color-vibrant-pink-v-pk-180: #c00073;
--calcite-color-vibrant-violet-red-v-vr-120: #ea80ff;
--calcite-color-vibrant-violet-red-v-vr-140: #dd33ff;
--calcite-color-vibrant-violet-red-v-vr-160: #ac08cc;
--calcite-color-vibrant-violet-red-v-vr-180: #83009e;
--calcite-color-vibrant-violet-v-vv-120: #b580ff;
--calcite-color-vibrant-violet-v-vv-140: #974dff;
--calcite-color-vibrant-violet-v-vv-160: #8129ff;
--calcite-color-vibrant-violet-v-vv-180: #6a0be6;
--calcite-color-dark-green-d-gg-410: #44ed51;
--calcite-color-dark-green-d-gg-420: #36da43;
--calcite-color-dark-green-d-gg-430: #36da43;
--calcite-color-dark-yellow-d-yy-410: #ffe24d;
--calcite-color-dark-yellow-d-yy-420: #ffc900;
--calcite-color-dark-yellow-d-yy-430: #f4b000;
--calcite-color-dark-red-d-rr-410: #ff7465;
--calcite-color-dark-red-d-rr-420: #fe583e;
--calcite-color-dark-red-d-rr-430: #f3381b;
--calcite-color-dark-blue-d-bb-410: #47bbff;
--calcite-color-dark-blue-d-bb-420: #00a0ff;
--calcite-color-dark-blue-d-bb-430: #0087d7;
--calcite-container-size-0: 0;
--calcite-container-size-154: 154px;
--calcite-container-size-320: 320px;
--calcite-container-size-328: 328px;
--calcite-container-size-476: 476px;
--calcite-container-size-504: 504px;
--calcite-container-size-678: 678px;
--calcite-container-size-768: 768px;
--calcite-container-size-854: 854px;
--calcite-container-size-1152: 1152px;
--calcite-container-size-1440: 1440px;
--calcite-font-family-andale-mono: 'Andale Mono'; /* Fallback for Monaco */
--calcite-font-family-avenir-next-pro: 'Avenir Next LT Pro';
--calcite-font-family-avenir-next-world: 'Avenir Next World';
--calcite-font-family-avenir-next: 'Avenir Next'; /* Primary font family */
--calcite-font-family-avenir: Avenir; /* Fallback for Avenir Next */
--calcite-font-family-consolas: Consolas; /* Fallback for Monaco */
--calcite-font-family-helvetica-neue: 'Helvetica Neue'; /* Fallback for Avenir Next */
--calcite-font-family-lucida-console: 'Lucida Console'; /* Fallback for Monaco */
--calcite-font-family-monaco: Monaco;
--calcite-font-family-monospace: monospace; /* Fallback for Monaco */
--calcite-font-family-sans-serif: sans-serif; /* Fallback for Avenir Next */
--calcite-font-style-italic: italic; /* used in ratings */
--calcite-font-weight-ultralight: 200; /* only for Avenir Next World (secondary font family) */
--calcite-font-weight-ultralight: 200; /* only for Avenir Next World (secondary font family) */
--calcite-font-style-italic: italic; /* used in ratings */
--calcite-font-weight-thin: 100;
--calcite-font-family-sans-serif: sans-serif; /* Fallback for Avenir Next */
--calcite-font-weight-light: 300; /* only for Avenir Next World (secondary font family) */
--calcite-font-family-monospace: monospace; /* Fallback for Monaco */
--calcite-font-weight-regular: 400;
--calcite-font-family-monaco: Monaco;
--calcite-font-weight-medium: 500;
--calcite-font-family-lucida-console: "Lucida Console"; /* Fallback for Monaco */
--calcite-font-weight-medium-italic: "Medium Italic";
--calcite-font-family-helvetica-neue: "Helvetica Neue"; /* Fallback for Avenir Next */
--calcite-font-weight-demi: 600;
--calcite-font-family-consolas: Consolas; /* Fallback for Monaco */
--calcite-font-weight-bold: 700;
--calcite-font-family-avenir: Avenir; /* Fallback for Avenir Next */
--calcite-font-weight-extrabold: 800; /* only for Avenir Next World (secondary font family) */
--calcite-font-family-avenir-next: "Avenir Next"; /* Primary font family */
--calcite-font-weight-black: 900; /* only for Avenir Next World (secondary font family) */
--calcite-font-family-avenir-next-world: "Avenir Next World";
--calcite-font-weight-heavy: 900;
--calcite-font-family-avenir-next-pro: "Avenir Next LT Pro";
--calcite-font-text-decoration-none: none; /* Deprecated */
--calcite-font-family-andale-mono: "Andale Mono"; /* Fallback for Monaco */
--calcite-font-text-decoration-underline: underline; /* Deprecated */
--calcite-container-size-1440: 1440px;
--calcite-font-text-case-none: none; /* Deprecated */
--calcite-container-size-1152: 1152px;
--calcite-font-text-case-uppercase: uppercase; /* Deprecated */
--calcite-container-size-854: 854px;
--calcite-font-text-case-lowercase: lowercase; /* Deprecated */
--calcite-container-size-768: 768px;
--calcite-font-text-case-capitalize: capitalize; /* Deprecated */
--calcite-container-size-678: 678px;
--calcite-opacity-0: 0;
--calcite-container-size-504: 504px;
--calcite-opacity-4: 0.04;
--calcite-container-size-476: 476px;
--calcite-opacity-8: 0.08;
--calcite-container-size-328: 328px;
--calcite-opacity-10: 0.1;
--calcite-container-size-320: 320px;
--calcite-opacity-20: 0.2;
--calcite-container-size-154: 154px;
--calcite-opacity-30: 0.3;
--calcite-container-size-0: 0;
--calcite-opacity-40: 0.4;
--calcite-color-dark-blue-d-bb-430: #0087d7;
--calcite-opacity-50: 0.5;
--calcite-color-dark-blue-d-bb-420: #00a0ff;
--calcite-opacity-60: 0.6;
--calcite-color-dark-blue-d-bb-410: #47bbff;
--calcite-opacity-70: 0.7;
--calcite-color-dark-red-d-rr-430: #f3381b;
--calcite-opacity-80: 0.8;
--calcite-color-dark-red-d-rr-420: #fe583e;
--calcite-opacity-85: 0.85;
--calcite-color-dark-red-d-rr-410: #ff7465;
--calcite-opacity-90: 0.9;
--calcite-color-dark-yellow-d-yy-430: #f4b000;
--calcite-opacity-92: 0.92;
--calcite-color-dark-yellow-d-yy-420: #ffc900;
--calcite-opacity-96: 0.96;
--calcite-color-dark-yellow-d-yy-410: #ffe24d;
--calcite-opacity-100: 1;
--calcite-color-dark-green-d-gg-430: #36da43;
--calcite-size-1: 1px;
--calcite-color-dark-green-d-gg-420: #36da43;
--calcite-size-2: 2px;
--calcite-color-dark-green-d-gg-410: #44ed51;
--calcite-size-4: 4px;
--calcite-color-vibrant-violet-v-vv-180: #6a0be6;
--calcite-size-6: 6px;
--calcite-color-vibrant-violet-v-vv-160: #8129ff;
--calcite-size-8: 8px;
--calcite-color-vibrant-violet-v-vv-140: #974dff;
--calcite-size-10: 10px;
--calcite-color-vibrant-violet-v-vv-120: #b580ff;
--calcite-size-12: 12px;
--calcite-color-vibrant-violet-red-v-vr-180: #83009e;
--calcite-size-14: 14px;
--calcite-color-vibrant-violet-red-v-vr-160: #ac08cc;
--calcite-size-16: 16px;
--calcite-color-vibrant-violet-red-v-vr-140: #dd33ff;
--calcite-size-20: 20px;
--calcite-color-vibrant-violet-red-v-vr-120: #ea80ff;
--calcite-size-24: 24px;
--calcite-color-vibrant-pink-v-pk-180: #c00073;
--calcite-size-28: 28px;
--calcite-color-vibrant-pink-v-pk-160: #d11486;
--calcite-size-32: 32px;
--calcite-color-vibrant-pink-v-pk-140: #ff19a4;
--calcite-size-36: 36px;
--calcite-color-vibrant-pink-v-pk-120: #ff66c2;
--calcite-size-40: 40px;
--calcite-color-vibrant-red-v-rr-180: #b3000f;
--calcite-size-44: 44px;
--calcite-color-vibrant-red-v-rr-160: #d90012;
--calcite-size-48: 48px;
--calcite-color-vibrant-red-v-rr-140: #ff0015;
--calcite-size-56: 56px;
--calcite-color-vibrant-red-v-rr-120: #ff624d;
--calcite-size-64: 64px;
--calcite-color-vibrant-red-orange-v-ro-180: #c93b00;
--calcite-size-72: 72px;
--calcite-color-vibrant-red-orange-v-ro-160: #de4300;
--calcite-size-80: 80px;
--calcite-color-vibrant-red-orange-v-ro-140: #ff4d00;
--calcite-size-96: 96px;
--calcite-color-vibrant-red-orange-v-ro-120: #ff824d;
--calcite-size-112: 112px;
--calcite-color-vibrant-orange-yellow-v-oy-180: #d17300;
--calcite-size-128: 128px;
--calcite-color-vibrant-orange-yellow-v-oy-160: #e68600;
--calcite-size-144: 144px;
--calcite-color-vibrant-orange-yellow-v-oy-140: #ff9500;
--calcite-size-160: 160px;
--calcite-color-vibrant-orange-yellow-v-oy-120: #ffb54d;
--calcite-size-192: 192px;
--calcite-color-vibrant-yellow-v-yy-180: #ebba17;
--calcite-size-224: 224px;
--calcite-color-vibrant-yellow-v-yy-160: #f5d000;
--calcite-size-256: 256px;
--calcite-color-vibrant-yellow-v-yy-140: #ffee33;
--calcite-size-288: 288px;
--calcite-color-vibrant-yellow-v-yy-120: #fff766;
--calcite-size-none: 0;
--calcite-color-vibrant-yellow-green-v-yg-180: #7fab00;
--calcite-size-relative-50: 50%;
--calcite-color-vibrant-yellow-green-v-yg-160: #96cc00;
--calcite-size-relative-100: 100%;
--calcite-color-vibrant-yellow-green-v-yg-140: #bbed3b;
--calcite-size-relative-125: 125%;
--calcite-color-vibrant-yellow-green-v-yg-120: #d7ff73;
--calcite-size-relative-137: 137.5%;
--calcite-color-vibrant-green-v-gg-180: #00a118;
--calcite-size-relative-150: 150%;
--calcite-color-vibrant-green-v-gg-160: #00b81b;
--calcite-size-relative-162: 162.5%;
--calcite-color-vibrant-green-v-gg-140: #3bed52;
--calcite-size-relative-200: 200%;
--calcite-color-vibrant-green-v-gg-120: #73ff84;
--calcite-size-relative-auto: auto;
--calcite-color-vibrant-green-blue-v-gb-180: #00cfca;
--calcite-z-index-0: -999999;
--calcite-color-vibrant-green-blue-v-gb-160: #00e6e2;
--calcite-z-index-1: 1;
--calcite-color-vibrant-green-blue-v-gb-140: #00f7f3;
--calcite-z-index-3: 300;
--calcite-color-vibrant-green-blue-v-gb-120: #59fffc;
--calcite-z-index-4: 400;
--calcite-color-vibrant-blue-v-bb-180: #009af2;
--calcite-z-index-5: 500;
--calcite-color-vibrant-blue-v-bb-160: #009af2;
--calcite-z-index-6: 600;
--calcite-color-vibrant-blue-v-bb-140: #3db8ff;
--calcite-z-index-7: 700;
--calcite-color-vibrant-blue-v-bb-120: #59d6ff;
--calcite-z-index-8: 800;
--calcite-color-high-saturation-violet-h-vv-100: #100026;
--calcite-z-index-9: 900;
--calcite-color-high-saturation-violet-h-vv-090: #250f43;
--calcite-color-high-saturation-violet-h-vv-080: #3a1e61;
--calcite-color-high-saturation-violet-h-vv-070: #4e2c7e;
--calcite-color-high-saturation-violet-h-vv-060: #633b9b;
--calcite-color-high-saturation-violet-h-vv-050: #7e5baf;
--calcite-color-high-saturation-violet-h-vv-040: #987ac3;
--calcite-color-high-saturation-violet-h-vv-030: #b39ad7;
--calcite-color-high-saturation-violet-h-vv-020: #cdb9eb;
--calcite-color-high-saturation-violet-h-vv-010: #e8d9ff;
--calcite-color-high-saturation-violet-red-h-vr-100: #200026;
--calcite-color-high-saturation-violet-red-h-vr-090: #3c1243;
--calcite-color-high-saturation-violet-red-h-vr-080: #572561;
--calcite-color-high-saturation-violet-red-h-vr-070: #73377e;
--calcite-color-high-saturation-violet-red-h-vr-060: #8e499b;
--calcite-color-high-saturation-violet-red-h-vr-050: #a466af;
--calcite-color-high-saturation-violet-red-h-vr-040: #b983c3;
--calcite-color-high-saturation-violet-red-h-vr-030: #cfa1d7;
--calcite-color-high-saturation-violet-red-h-vr-020: #e4beeb;
--calcite-color-high-saturation-violet-red-h-vr-010: #fadbff;
--calcite-color-high-saturation-pink-h-pk-100: #260404;
--calcite-color-high-saturation-pink-h-pk-090: #590b32;
--calcite-color-high-saturation-pink-h-pk-080: #851b52;
--calcite-color-high-saturation-pink-h-pk-070: #ba2f7e;
--calcite-color-high-saturation-pink-h-pk-060: #e04ea6;
--calcite-color-high-saturation-pink-h-pk-050: #e673bb;
--calcite-color-high-saturation-pink-h-pk-040: #eb8dc9;
--calcite-color-high-saturation-pink-h-pk-030: #f2a5d6;
--calcite-color-high-saturation-pink-h-pk-020: #fabee4;
--calcite-color-high-saturation-pink-h-pk-010: #ffd1ef;
--calcite-color-high-saturation-red-h-rr-100: #210300;
--calcite-color-high-saturation-red-h-rr-090: #4f0e08;
--calcite-color-high-saturation-red-h-rr-080: #7c1d13;
--calcite-color-high-saturation-red-h-rr-070: #a82b1e;
--calcite-color-high-saturation-red-h-rr-060: #d83020;
--calcite-color-high-saturation-red-h-rr-050: #e65240;
--calcite-color-high-saturation-red-h-rr-040: #f07062;
--calcite-color-high-saturation-red-h-rr-030: #f2877b;
--calcite-color-high-saturation-red-h-rr-020: #ffaaa1;
--calcite-color-high-saturation-red-h-rr-010: #ffc6bf;
--calcite-color-high-saturation-red-orange-h-ro-100: #260a00;
--calcite-color-high-saturation-red-orange-h-ro-090: #531b07;
--calcite-color-high-saturation-red-orange-h-ro-080: #802c0f;
--calcite-color-high-saturation-red-orange-h-ro-070: #ad3c16;
--calcite-color-high-saturation-red-orange-h-ro-060: #da4d1e;
--calcite-color-high-saturation-red-orange-h-ro-050: #e1653c;
--calcite-color-high-saturation-red-orange-h-ro-040: #e97e5a;
--calcite-color-high-saturation-red-orange-h-ro-030: #f09677;
--calcite-color-high-saturation-red-orange-h-ro-020: #f8af95;
--calcite-color-high-saturation-red-orange-h-ro-010: #ffc7b3;
--calcite-color-high-saturation-orange-h-oo-100: #401900;
--calcite-color-high-saturation-orange-h-oo-090: #6d2f08;
--calcite-color-high-saturation-orange-h-oo-080: #9a4410;
--calcite-color-high-saturation-orange-h-oo-070: #c65a18;
--calcite-color-high-saturation-orange-h-oo-060: #f36f20;
--calcite-color-high-saturation-orange-h-oo-050: #f58440;
--calcite-color-high-saturation-orange-h-oo-040: #f89960;
--calcite-color-high-saturation-orange-h-oo-030: #faae7f;
--calcite-color-high-saturation-orange-h-oo-020: #fdc39f;
--calcite-color-high-saturation-orange-h-oo-010: #ffd8bf;
--calcite-color-high-saturation-orange-yellow-h-oy-100: #402300;
--calcite-color-high-saturation-orange-yellow-h-oy-090: #6d3f08;
--calcite-color-high-saturation-orange-yellow-h-oy-080: #9a5b10;
--calcite-color-high-saturation-orange-yellow-h-oy-070: #c67718;
--calcite-color-high-saturation-orange-yellow-h-oy-060: #f89927;
--calcite-color-high-saturation-orange-yellow-h-oy-050: #f9a845;
--calcite-color-high-saturation-orange-yellow-h-oy-040: #fbb664;
--calcite-color-high-saturation-orange-yellow-h-oy-030: #fcc582;
--calcite-color-high-saturation-orange-yellow-h-oy-020: #fed3a1;
--calcite-color-high-saturation-orange-yellow-h-oy-010: #ffe2bf;
--calcite-color-high-saturation-yellow-h-yy-100: #5c4e00;
--calcite-color-high-saturation-yellow-h-yy-090: #8c7500;
--calcite-color-high-saturation-yellow-h-yy-080: #bfa200;
--calcite-color-high-saturation-yellow-h-yy-070: #d9bc00;
--calcite-color-high-saturation-yellow-h-yy-060: #edd317;
--calcite-color-high-saturation-yellow-h-yy-050: #f9e54e;
--calcite-color-high-saturation-yellow-h-yy-040: #fbea6e;
--calcite-color-high-saturation-yellow-h-yy-030: #fcee8d;
--calcite-color-high-saturation-yellow-h-yy-020: #fef3ad;
--calcite-color-high-saturation-yellow-h-yy-010: #fff7cc;
--calcite-color-high-saturation-yellow-green-h-yg-100: #121a00;
--calcite-color-high-saturation-yellow-green-h-yg-090: #384813;
--calcite-color-high-saturation-yellow-green-h-yg-080: #5e7526;
--calcite-color-high-saturation-yellow-green-h-yg-070: #84a338;
--calcite-color-high-saturation-yellow-green-h-yg-060: #aad04b;
--calcite-color-high-saturation-yellow-green-h-yg-050: #b6d860;
--calcite-color-high-saturation-yellow-green-h-yg-040: #c2e075;
--calcite-color-high-saturation-yellow-green-h-yg-030: #cde78a;
--calcite-color-high-saturation-yellow-green-h-yg-020: #d9ef9f;
--calcite-color-high-saturation-yellow-green-h-yg-010: #e5f7b4;
--calcite-color-high-saturation-green-h-gg-100: #001a03;
--calcite-color-high-saturation-green-h-gg-090: #0d3f14;
--calcite-color-high-saturation-green-h-gg-080: #1a6324;
--calcite-color-high-saturation-green-h-gg-070: #288835;
--calcite-color-high-saturation-green-h-gg-060: #35ac46;
--calcite-color-high-saturation-green-h-gg-050: #50ba5f;
--calcite-color-high-saturation-green-h-gg-040: #6bc878;
--calcite-color-high-saturation-green-h-gg-030: #87d692;
--calcite-color-high-saturation-green-h-gg-020: #a2e4ab;
--calcite-color-high-saturation-green-h-gg-010: #bdf2c4;
--calcite-color-high-saturation-green-blue-h-gb-100: #002625;
--calcite-color-high-saturation-green-blue-h-gb-090: #004d4c;
--calcite-color-high-saturation-green-blue-h-gb-080: #007472;
--calcite-color-high-saturation-green-blue-h-gb-070: #009b98;
--calcite-color-high-saturation-green-blue-h-gb-060: #00bab5;
--calcite-color-high-saturation-green-blue-h-gb-050: #28cecb;
--calcite-color-high-saturation-green-blue-h-gb-040: #5ae0de;
--calcite-color-high-saturation-green-blue-h-gb-030: #8fe6e5;
--calcite-color-high-saturation-green-blue-h-gb-020: #afedec;
--calcite-color-high-saturation-green-blue-h-gb-010: #cef5f4;
--calcite-color-high-saturation-blue-h-bb-100: #001726;
--calcite-color-high-saturation-blue-h-bb-090: #00304d;
--calcite-color-high-saturation-blue-h-bb-080: #004874;
--calcite-color-high-saturation-blue-h-bb-070: #00619b;
--calcite-color-high-saturation-blue-h-bb-060: #007ac2;
--calcite-color-high-saturation-blue-h-bb-050: #2890ce;
--calcite-color-high-saturation-blue-h-bb-040: #50a7da;
--calcite-color-high-saturation-blue-h-bb-030: #77bde7;
--calcite-color-high-saturation-blue-h-bb-020: #9fd4f3;
--calcite-color-high-saturation-blue-h-bb-010: #c7eaff;
--calcite-color-neutral-blk-240: #000000;
--calcite-color-neutral-blk-235: #060606;
--calcite-color-neutral-blk-230: #0b0b0b;
--calcite-color-neutral-blk-220: #151515;
--calcite-color-neutral-blk-210: #202020;
--calcite-color-neutral-blk-200: #2b2b2b;
--calcite-color-neutral-blk-190: #353535;
--calcite-color-neutral-blk-180: #404040;
--calcite-color-neutral-blk-170: #4a4a4a;
--calcite-color-neutral-blk-160: #555555;
--calcite-color-neutral-blk-150: #606060;
--calcite-color-neutral-blk-140: #6a6a6a;
--calcite-color-neutral-blk-130: #757575;
--calcite-color-neutral-blk-120: #808080;
--calcite-color-neutral-blk-110: #8a8a8a;
--calcite-color-neutral-blk-100: #949494;
--calcite-color-neutral-blk-090: #9f9f9f;
--calcite-color-neutral-blk-080: #aaaaaa;
--calcite-color-neutral-blk-070: #b5b5b5;
--calcite-color-neutral-blk-060: #bfbfbf;
--calcite-color-neutral-blk-050: #cacaca;
--calcite-color-neutral-blk-040: #d4d4d4;
--calcite-color-neutral-blk-030: #dfdfdf;
--calcite-color-neutral-blk-020: #eaeaea;
--calcite-color-neutral-blk-010: #f3f3f3;
--calcite-color-neutral-blk-005: #f8f8f8;
--calcite-color-neutral-blk-000: #ffffff;
--calcite-shadow-4: 0 12px 32px -2px
rgba(var(--calcite-color-neutral-blk-240), 0.1);
--calcite-shadow-3: 0 4px 20px 0
rgba(var(--calcite-color-neutral-blk-240), 0.08);
--calcite-shadow-2: 0 4px 16px 0
rgba(var(--calcite-color-neutral-blk-240), 0.08);
--calcite-shadow-1: 0 2px 8px 0
rgba(var(--calcite-color-neutral-blk-240), 0.04);
--calcite-shadow-0: 0 0 0 0 rgba(var(--calcite-color-neutral-blk-240), 0);
--calcite-shadow-0: 0 0 0 0 rgba(var(--calcite-color-neutral-blk-240), 0);
--calcite-shadow-1: 0 2px 8px 0 rgba(var(--calcite-color-neutral-blk-240), 0.04);
--calcite-shadow-2: 0 4px 16px 0 rgba(var(--calcite-color-neutral-blk-240), 0.08);
--calcite-shadow-3: 0 4px 20px 0 rgba(var(--calcite-color-neutral-blk-240), 0.08);
--calcite-shadow-4: 0 12px 32px -2px rgba(var(--calcite-color-neutral-blk-240), 0.1);
}
}
"
"
`;
`;
exports[`generated tokens > CSS > dark should match 1`] = `
exports[`generated tokens > CSS > dark should match 1`] = `
"/
"/
:root {
:root {
--calcite-color-border-white: #f8f8f8;
--calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
--calcite-color-border-input: #757575;
--calcite-color-border-3: #404040;
--calcite-color-border-2: #4a4a4a;
--calcite-color-border-1: #555555;
--calcite-color-text-link: #00a0ff;
--calcite-color-text-inverse: #151515;
--calcite-color-text-3: #9f9f9f;
--calcite-color-text-2: #bfbfbf;
--calcite-color-text-1: #ffffff;
--calcite-color-inverse-press: #f3f3f3;
--calcite-color-inverse-hover: #ffffff;
--calcite-color-inverse: #f8f8f8;
--calcite-color-status-danger-press: #d90012;
--calcite-color-status-danger-hover: #ff0015;
--calcite-color-status-danger: #fe583e;
--calcite-color-status-warning-press: #f5d000;
--calcite-color-status-warning-hover: #ffee33;
--calcite-color-status-warning: #ffc900;
--calcite-color-status-success-press: #00b81b;
--calcite-color-status-success-hover: #3bed52;
--calcite-color-status-success: #36da43;
--calcite-color-status-info-press: #009af2;
--calcite-color-status-info-hover: #3db8ff;
--calcite-color-status-info: #00a0ff;
--calcite-color-brand-underline: rgba(0, 160, 255, 0.4);
--calcite-color-brand-press: #00619b;
--calcite-color-brand-hover: #007ac2;
--calcite-color-brand: #009af2;
--calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
--calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
--calcite-color-transparent-press: rgba(255, 255, 255, 0.08);
--calcite-color-transparent-hover: rgba(255, 255, 255, 0.04);
--calcite-color-transparent: rgba(255, 255, 255, 0);
--calcite-color-foreground-current: #214155;
--calcite-color-foreground-current: #214155;
--calcite-color-foreground-3: #151515;
--calcite-color-background: #353535;
--calcite-color-foreground-2: #202020;
--calcite-color-foreground-1: #2b2b2b;
--calcite-color-foreground-1: #2b2b2b;
--calcite-color-background: #353535;
--calcite-color-foreground-2: #202020;
--calcite-color-foreground-3: #151515;
--calcite-color-transparent: rgba(255, 255, 255, 0);
--calcite-color-transparent-hover: rgba(255, 255, 255, 0.04);
--calcite-color-transparent-press: rgba(255, 255, 255, 0.08);
--calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
--calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
--calcite-color-brand: #009af2;
--calcite-color-brand-hover: #007ac2;
--calcite-color-brand-press: #00619b;
--calcite-color-brand-underline: rgba(0, 160, 255, 0.4);
--calcite-color-status-info: #00a0ff;
--calcite-color-status-info-hover: #3db8ff;
--calcite-color-status-info-press: #009af2;
--calcite-color-status-success: #36da43;
--calcite-color-status-success-hover: #3bed52;
--calcite-color-status-success-press: #00b81b;
--calcite-color-status-warning: #ffc900;
--calcite-color-status-warning-hover: #ffee33;
--calcite-color-status-warning-press: #f5d000;
--calcite-color-status-danger: #fe583e;
--calcite-color-status-danger-hover: #ff0015;
--calcite-color-status-danger-press: #d90012;
--calcite-color-inverse: #f8f8f8;
--calcite-color-inverse-hover: #ffffff;
--calcite-color-inverse-press: #f3f3f3;
--calcite-color-text-1: #ffffff;
--calcite-color-text-2: #bfbfbf;
--calcite-color-text-3: #9f9f9f;
--calcite-color-text-inverse: #151515;
--calcite-color-text-link: #00a0ff;
--calcite-color-border-1: #555555;
--calcite-color-border-2: #4a4a4a;
--calcite-color-border-3: #404040;
--calcite-color-border-input: #757575;
--calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
--calcite-color-border-white: #f8f8f8;
}
}
"
"
`;
`;
exports[`generated tokens > CSS > global should match 1`] = `
exports[`generated tokens > CSS > global should match 1`] = `
"/
"/
:root {
:root {
--calcite-z-index-tooltip: 901;
--calcite-border-width-none: 0;
--calcite-z-index-popup: 900;
--calcite-border-width-sm: 1px;
--calcite-z-index-modal: 800;
--calcite-border-width-md: 2px;
--calcite-z-index-overlay: 700;
--calcite-border-width-lg: 4px;
--calcite-z-index-dropdown: 600;
--calcite-color-background-none: rgba(255, 255, 255, 0);
--calcite-z-index-toast: 500;
--calcite-container-size-margin: 24px;
--calcite-z-index-header: 400;
--calcite-container-size-gutter: 16px;
--calcite-z-index-sticky: 300;
--calcite-container-size-content-fluid: 100%; /* for fluid grid widths */
--calcite-z-index: 1;
--calcite-container-size-content-fixed: 1440px; /* only for lg breakpoint fixed grid width */
--calcite-z-index-deep: -999999;
--calcite-corner-radius-sharp: 0;
--calcite-spacing-xxxl: 2rem;
--calcite-corner-radius-round: 4px;
--calcite-spacing-xxl: 1.5rem;
--calcite-corner-radius-pill: 100%;
--calcite-spacing-xl: 1.25rem;
--calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; /* Primary font with fallbacks */
--calcite-spacing-lg: 1rem;
--calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; /* Font family for code with fallbacks */
--calcite-spacing-md-plus: 0.875rem;
--calcite-font-weight-light: 300; /* For Avenir Next World (secondary font family) */
--calcite-spacing-md: 0.75rem;
--calcite-spacing-sm-plus: 0.625rem;
--calcite-spacing-sm: 0.5rem;
--calcite-spacing-xs: 0.375rem;
--calcite-spacing-xxs: 0.25rem;
--calcite-spacing-base: 2px;
--calcite-spacing-px: 1px;
--calcite-spacing-none: 0;
--calcite-spacing-fixed-xxxl: 32px; /* deprecated */
--calcite-spacing-fixed-xxl: 20px; /* deprecated */
--calcite-spacing-fixed-xl: 16px; /* deprecated */
--calcite-spacing-fixed-lg: 14px; /* deprecated */
--calcite-spacing-fixed-md: 12px; /* deprecated */
--calcite-spacing-fixed-sm: 8px; /* deprecated */
--calcite-spacing-fixed-xs: 6px; /* deprecated */
--calcite-spacing-fixed-xxs: 4px; /* deprecated */
--calcite-size-xxxl: 6rem;
--calcite-size-xxl: 4rem;
--calcite-size-xl: 3rem;
--calcite-size-lg: 2.75rem;
--calcite-size-md: 2rem;
--calcite-size-sm: 1.5rem;
--calcite-size-xs: 1rem;
--calcite-size-xxs: 0.875rem;
--calcite-size-xxxs: 0.75rem;
--calcite-size-px: 1px;
--calcite-size-fixed-xxxl: 32px; /* deprecated */
--calcite-size-fixed-xxl: 24px; /* deprecated */
--calcite-size-fixed-xl: 20px; /* deprecated */
--calcite-size-fixed-lg: 16px; /* deprecated */
--calcite-size-fixed-md-plus: 14px; /* deprecated */
--calcite-size-fixed-md: 12px; /* deprecated */
--calcite-size-fixed-sm-plus: 10px; /* deprecated */
--calcite-size-fixed-sm: 8px; /* deprecated */
--calcite-size-fixed-xs: 6px; /* deprecated */
--calcite-size-fixed-xxs: 4px; /* deprecated */
--calcite-size-fixed-xxxs: 2px; /* deprecated */
--calcite-opacity-disabled: 0.5;
--calcite-opacity-full: 1;
--calcite-opacity-dark: 0.85;
--calcite-opacity-half: 0.5;
--calcite-opacity-light: 0.4;
--calcite-font-text-case-capitalize: capitalize; /* Deprecated */
--calcite-font-text-case-lowercase: lowercase; /* Deprecated */
--calcite-font-text-case-uppercase: uppercase; /* Deprecated */
--calcite-font-text-case-none: none; /* Deprecated */
--calcite-font-text-decoration-underline: underline; /* Deprecated */
--calcite-font-text-decoration-none: none; /* Deprecated */
--calcite-font-paragraph-spacing-normal: 4px; /* Deprecated */
--calcite-font-letter-spacing-wide: 0.4; /* Deprecated */
--calcite-font-letter-spacing-normal: 0; /* Deprecated */
--calcite-font-letter-spacing-tight: -0.4; /* Deprecated */
--calcite-font-line-height-relative-loose: 2; /* 2 */
--calcite-font-line-height-relative-relaxed: 1.625; /* 1.625 */
--calcite-font-line-height-relative-normal: 1.5; /* 1.5 */
--calcite-font-line-height-relative-snug: 1.375; /* 1.375 */
--calcite-font-line-height-relative-tight: 1.25; /* 1.25 */
--calcite-font-line-height-relative: auto; /* 1 */
--calcite-font-line-height-fixed-xl: 24px;
--calcite-font-line-height-fixed-lg: 20px;
--calcite-font-line-height-fixed-base: 16px;
--calcite-font-line-height-fixed-sm: 12px;
--calcite-font-style-emphasis: italic; /* used in ratings */
--calcite-font-size-xxl: 24px;
--calcite-font-size-xl: 20px;
--calcite-font-size-lg: 18px;
--calcite-font-size-md: 16px;
--calcite-font-size: 14px;
--calcite-font-size-sm: 12px;
--calcite-font-size-xs: 10px;
--calcite-font-weight-bold: 600;
--calcite-font-weight-semibold: 600;
--calcite-font-weight-medium: 500;
--calcite-font-weight-regular: 400;
--calcite-font-weight-regular: 400;
--calcite-font-weight-normal: 400; /* For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular" */
--calcite-font-weight-normal: 400; /* For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular" */
--calcite-font-weight-light: 300; /* For Avenir Next World (secondary font family) */
--calcite-font-weight-medium: 500;
--calcite-font-family-code:
--calcite-font-weight-semibold: 600;
Monaco, Consolas, "Andale Mono", "Lucida Console", monospace; /* Font family for code with fallbacks */
--calcite-font-weight-bold: 600;
--calcite-font-family:
--calcite-font-size-xs: 10px;
"Avenir Next", Avenir, "Helvetica Neue", sans-serif; /* Primary font with fallbacks */
--calcite-font-size-sm: 12px;
--calcite-corner-radius-pill: 100%;
--calcite-font-size: 14px;
--calcite-corner-radius-round: 4px;
--calcite-font-size-md: 16px;
--calcite-corner-radius-sharp: 0;
--calcite-font-size-lg: 18px;
--calcite-container-size-content-fixed: 1440px; /* only for lg breakpoint fixed grid width */
--calcite-font-size-xl: 20px;
--calcite-container-size-content-fluid: 100%; /* for fluid grid widths */
--calcite-font-size-xxl: 24px;
--calcite-container-size-gutter: 16px;
--calcite-font-style-emphasis: italic; /* used in ratings */
--calcite-container-size-margin: 24px;
--calcite-font-line-height-fixed-sm: 12px;
--calcite-color-background-none: rgba(255, 255, 255, 0);
--calcite-font-line-height-fixed-base: 16px;
--calcite-border-width-lg: 4px;
--calcite-font-line-height-fixed-lg: 20px;
--calcite-border-width-md: 2px;
--calcite-font-line-height-fixed-xl: 24px;
--calcite-border-width-sm: 1px;
--calcite-font-line-height-relative: auto; /* 1 */
--calcite-border-width-none: 0;
--calcite-font-line-height-relative-tight: 1.25; /* 1.25 */
--calcite-shadow-md:
--calcite-font-line-height-relative-snug: 1.375; /* 1.375 */
0 4px 20px 0 rgba(0, 0, 0, 0.08), 0 12px 30px rgba(0, 0, 0, 0.1);
--calcite-font-line-height-relative-normal: 1.5; /* 1.5 */
--calcite-shadow-sm:
--calcite-font-line-height-relative-relaxed: 1.625; /* 1.625 */
0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.08);
--calcite-font-line-height-relative-loose: 2; /* 2 */
--calcite-font-letter-spacing-tight: -0.4; /* Deprecated */
--calcite-font-letter-spacing-normal: 0; /* Deprecated */
--calcite-font-letter-spacing-wide: 0.4; /* Deprecated */
--calcite-font-paragraph-spacing-normal: 4px; /* Deprecated */
--calcite-font-text-decoration-none: none; /* Deprecated */
--calcite-font-text-decoration-underline: underline; /* Deprecated */
--calcite-font-text-case-none: none; /* Deprecated */
--calcite-font-text-case-uppercase: uppercase; /* Deprecated */
--calcite-font-text-case-lowercase: lowercase; /* Deprecated */
--calcite-font-text-case-capitalize: capitalize; /* Deprecated */
--calcite-opacity-light: 0.4;
--calcite-opacity-half: 0.5;
--calcite-opacity-dark: 0.85;
--calcite-opacity-full: 1;
--calcite-opacity-disabled: 0.5;
--calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
--calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
--calcite-size-fixed-xxxs: 2px; /* deprecated */
--calcite-size-fixed-xxs: 4px; /* deprecated */
--calcite-size-fixed-xs: 6px; /* deprecated */
--calcite-size-fixed-sm: 8px; /* deprecated */
--calcite-size-fixed-sm-plus: 10px; /* deprecated */
--calcite-size-fixed-md: 12px; /* deprecated */
--calcite-size-fixed-md-plus: 14px; /* deprecated */
--calcite-size-fixed-lg: 16px; /* deprecated */
--calcite-size-fixed-xl: 20px; /* deprecated */
--calcite-size-fixed-xxl: 24px; /* deprecated */
--calcite-size-fixed-xxxl: 32px; /* deprecated */
--calcite-size-px: 1px;
--calcite-size-xxxs: 0.75rem;
--calcite-size-xxs: 0.875rem;
--calcite-size-xs: 1rem;
--calcite-size-sm: 1.5rem;
--calcite-size-md: 2rem;
--calcite-size-lg: 2.75rem;
--calcite-size-xl: 3rem;
--calcite-size-xxl: 4rem;
--calcite-size-xxxl: 6rem;
--calcite-spacing-fixed-xxs: 4px; /* deprecated */
--calcite-spacing-fixed-xs: 6px; /* deprecated */
--calcite-spacing-fixed-sm: 8px; /* deprecated */
--calcite-spacing-fixed-md: 12px; /* deprecated */
--calcite-spacing-fixed-lg: 14px; /* deprecated */
--calcite-spacing-fixed-xl: 16px; /* deprecated */
--calcite-spacing-fixed-xxl: 20px; /* deprecated */
--calcite-spacing-fixed-xxxl: 32px; /* deprecated */
--calcite-spacing-none: 0;
--calcite-spacing-px: 1px;
--calcite-spacing-base: 2px;
--calcite-spacing-xxs: 0.25rem;
--calcite-spacing-xs: 0.375rem;
--calcite-spacing-sm: 0.5rem;
--calcite-spacing-sm-plus: 0.625rem;
--calcite-spacing-md: 0.75rem;
--calcite-spacing-md-plus: 0.875rem;
--calcite-spacing-lg: 1rem;
--calcite-spacing-xl: 1.25rem;
--calcite-spacing-xxl: 1.5rem;
--calcite-spacing-xxxl: 2rem;
--calcite-z-index-deep: -999999;
--calcite-z-index: 1;
--calcite-z-index-sticky: 300;
--calcite-z-index-header: 400;
--calcite-z-index-toast: 500;
--calcite-z-index-dropdown: 600;
--calcite-z-index-overlay: 700;
--calcite-z-index-modal: 800;
--calcite-z-index-popup: 900;
--calcite-z-index-tooltip: 901;
--calcite-corner-radius: var(--calcite-corner-radius-sharp);
--calcite-corner-radius: var(--calcite-corner-radius-sharp);
--calcite-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.08);
--calcite-shadow-md: 0 4px 20px 0 rgba(0, 0, 0, 0.08), 0 12px 30px rgba(0, 0, 0, 0.1);
}
}
"
"
`;
`;
exports[`generated tokens > CSS > light should match 1`] = `
exports[`generated tokens > CSS > light should match 1`] = `
"/
"/
:root {
:root {
--calcite-color-border-white: #ffffff;
--calcite-color-background: #f8f8f8;
--calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
--calcite-color-foreground-1: #ffffff;
--calcite-color-border-input: #949494;
--calcite-color-foreground-2: #f3f3f3;
--calcite-color-border-3: #dfdfdf;
--calcite-color-foreground-3: #eaeaea;
--calcite-color-border-2: #d4d4d4;
--calcite-color-foreground-current: #c7eaff;
--calcite-color-border-1: #cacaca;
--calcite-color-transparent: rgba(0, 0, 0, 0);
--calcite-color-text-link: #00619b;
--calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
--calcite-color-text-inverse: #ffffff;
--calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
--calcite-color-text-3: #6a6a6a;
--calcite-color-text-2: #4a4a4a;
--calcite-color-text-1: #151515;
--calcite-color-inverse-press: #202020;
--calcite-color-inverse-hover: #2b2b2b;
--calcite-color-inverse: #353535;
--calcite-color-status-danger-press: #7c1d13;
--calcite-color-status-danger-hover: #a82b1e;
--calcite-color-status-danger: #d83020;
--calcite-color-status-warning-press: #bfa200;
--calcite-color-status-warning-hover: #d9bc00;
--calcite-color-status-warning: #edd317;
--calcite-color-status-success-press: #1a6324;
--calcite-color-status-success-hover: #288835;
--calcite-color-status-success: #35ac46;
--calcite-color-status-info-press: #00304d;
--calcite-color-status-info-hover: #004874;
--calcite-color-status-info: #00619b;
--calcite-color-brand-underline: rgba(0, 97, 155, 0.4);
--calcite-color-brand-press: #004874;
--calcite-color-brand-hover: #00619b;
--calcite-color-brand: #007ac2;
--calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
--calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
--calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
--calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
--calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
--calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
--calcite-color-brand: #007ac2;
--calcite-color-trans
--calcite-color-brand-hover: #00619b;
--calcite-color-brand-press: #004874;
--calcite-color-brand-underline: rgba(0, 97, 155, 0.4);
--calcite-color-status-info: #00619b;
--calcite-color-status-info-hover: #004874;
--calcite-color-status-info-press: #00304d;
--calcite-color-status-success: #35ac46;
--calcite-color-status-success-hover: #288835;
--calcite-color-status-success-press: #1a6324;
--calcite-color-status-warning: #edd317;
--calcite-color-status-warning-hover: #d9bc00;
--calcite-color-status-warning-press: #bfa200;
--calcite-color-status-danger: #d83020;
--calcite-color-status-danger-hover: #a82b1e;
--calcite-color-status-danger-press: #7c1d13;
--calcite-color-inverse: #353535;
--calcite-color-inverse-hover: #2b2b2b;
--calcite-color-inverse-press: #202020;
--calcite-color-text-1: #151515;
--calcite-color-text-2: #4a4a4a;
--calcite-color-text-3: #6a6a6a;
--calcite-color-text-inverse: #ffffff;
--calcite-color-text-link: #00619b;
--calcite-color-border-1: #cacaca;
--c