UNPKG

@twilio-paste/design-tokens/dist/tokens.generic.d.ts

Version:
105 kBTypeScriptView Raw
1declare const Tokens: {
2"tokens":{"background-colors": [
  {
 type: "color";
 category: "background-color";
 value: "rgb(244, 244, 246)";
 comment: "Background color used for containers.";
 originalValue: "{!palette-gray-10}";
 name: "color-background";
10},
11{
 type: "color";
 category: "background-color";
 value: "rgb(20, 176, 83)";
 comment: "Background color used to represent an entity or person as \"available\".";
 originalValue: "{!palette-green-60}";
 name: "color-background-available";
18},
19{
 type: "color";
 category: "background-color";
 value: "rgb(255, 255, 255)";
 comment: "Background color used for the main page body.";
 originalValue: "{!palette-gray-0}";
 name: "color-background-body";
26},
27{
 type: "color";
 category: "background-color";
 value: "rgb(18, 28, 45)";
 comment: "Inverse background color used for the main page body.";
 originalValue: "{!palette-gray-100}";
 name: "color-background-body-inverse";
34},
35{
 type: "color";
 category: "background-color";
 value: "rgb(0, 20, 137)";
 comment: "Background color used for brand.";
 originalValue: "{!palette-blue-80}";
 name: "color-background-brand";
42},
43{
 type: "color";
 category: "background-color";
 value: "rgb(242, 47, 70)";
 comment: "Background color used for brand highlights.";
 originalValue: "{!amaranth}";
 name: "color-background-brand-highlight";
50},
51{
 type: "color";
 category: "background-color";
 value: "rgba(242, 47, 70, 0.1)";
 comment: "Weakest background color used for brand highlights.";
 originalValue: "{!amaranth-transparent-10}";
 name: "color-background-brand-highlight-weakest";
58},
59{
 type: "color";
 category: "background-color";
 value: "rgb(3, 11, 93)";
 comment: "Strong background color used for brand.";
 originalValue: "{!palette-blue-90}";
 name: "color-background-brand-strong";
66},
67{
 type: "color";
 category: "background-color";
 value: "rgb(6, 3, 58)";
 comment: "Stronger background color used for brand.";
 originalValue: "{!palette-blue-100}";
 name: "color-background-brand-stronger";
74},
75{
 type: "color";
 category: "background-color";
 value: "rgb(244, 124, 34)";
 comment: "Background color used to represent an entity or person as \"busy\".";
 originalValue: "{!palette-orange-60}";
 name: "color-background-busy";
82},
83{
 type: "color";
 category: "background-color";
 value: "rgb(225, 227, 234)";
 comment: "Dark default background color";
 deprecated: true;
 originalValue: "{!palette-gray-20}";
 name: "color-background-dark";
91},
92{
 type: "color";
 category: "background-color";
 value: "rgb(136, 145, 170)";
 comment: "Darker default background color";
 deprecated: true;
 originalValue: "{!palette-gray-50}";
 name: "color-background-darker";
100},
101{
 type: "color";
 category: "background-color";
 value: "rgb(75, 86, 113)";
 comment: "Darkest default background color";
 deprecated: true;
 originalValue: "{!palette-gray-70}";
 name: "color-background-darkest";
109},
110{
 type: "color";
 category: "background-color";
 value: "rgb(244, 244, 246)";
 comment: "Weakest background color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative border and/or text tokens.";
 originalValue: "{!palette-gray-10}";
 name: "color-background-decorative-10-weakest";
117},
118{
 type: "color";
 category: "background-color";
 value: "rgb(235, 244, 255)";
 comment: "Weakest background color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative border and/or text tokens.";
 originalValue: "{!palette-blue-10}";
 name: "color-background-decorative-20-weakest";
125},
126{
 type: "color";
 category: "background-color";
 value: "rgb(237, 253, 243)";
 comment: "Weakest background color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative border and/or text tokens.";
 originalValue: "{!palette-green-10}";
 name: "color-background-decorative-30-weakest";
133},
134{
 type: "color";
 category: "background-color";
 value: "rgb(245, 240, 252)";
 comment: "Weakest background color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative border and/or text tokens.";
 originalValue: "{!palette-purple-10}";
 name: "color-background-decorative-40-weakest";
141},
142{
 type: "color";
 category: "background-color";
 value: "rgb(214, 31, 31)";
 comment: "Background color used for destructive actions or highlights.";
 originalValue: "{!palette-red-60}";
 name: "color-background-destructive";
149},
150{
 type: "color";
 category: "background-color";
 value: "rgb(117, 12, 12)";
 comment: "Dark background for destructive actions or highlights";
 deprecated: true;
 originalValue: "{!palette-red-80}";
 name: "color-background-destructive-dark";
158},
159{
 type: "color";
 category: "background-color";
 value: "rgb(74, 11, 11)";
 comment: "Darker background for destructive actions or highlights";
 deprecated: true;
 originalValue: "{!palette-red-90}";
 name: "color-background-destructive-darker";
167},
168{
 type: "color";
 category: "background-color";
 value: "rgb(49, 12, 12)";
 comment: "Darkest background for destructive actions or highlights";
 deprecated: true;
 originalValue: "{!palette-red-100}";
 name: "color-background-destructive-darkest";
176},
177{
 type: "color";
 category: "background-color";
 value: "rgb(246, 177, 177)";
 comment: "Light background for destructive actions or highlights";
 deprecated: true;
 originalValue: "{!palette-red-30}";
 name: "color-background-destructive-light";
185},
186{
 type: "color";
 category: "background-color";
 value: "rgb(252, 207, 207)";
 comment: "Lighter background for destructive actions or highlights";
 deprecated: true;
 originalValue: "{!palette-red-20}";
 name: "color-background-destructive-lighter";
194},
195{
 type: "color";
 category: "background-color";
 value: "rgb(254, 236, 236)";
 comment: "Lightest background for destructive actions or highlights";
 deprecated: true;
 originalValue: "{!palette-red-10}";
 name: "color-background-destructive-lightest";
203},
204{
 type: "color";
 category: "background-color";
 value: "rgb(117, 12, 12)";
 comment: "Strong background color used for destructive actions or highlights.";
 originalValue: "{!palette-red-80}";
 name: "color-background-destructive-strong";
211},
212{
 type: "color";
 category: "background-color";
 value: "rgb(74, 11, 11)";
 comment: "Stronger background color used for destructive actions or highlights.";
 originalValue: "{!palette-red-90}";
 name: "color-background-destructive-stronger";
219},
220{
 type: "color";
 category: "background-color";
 value: "rgb(49, 12, 12)";
 comment: "Strongest background color used for destructive actions or highlights.";
 originalValue: "{!palette-red-100}";
 name: "color-background-destructive-strongest";
227},
228{
 type: "color";
 category: "background-color";
 value: "rgb(246, 177, 177)";
 comment: "Weak background color used for destructive actions or highlights.";
 originalValue: "{!palette-red-30}";
 name: "color-background-destructive-weak";
235},
236{
 type: "color";
 category: "background-color";
 value: "rgb(252, 207, 207)";
 comment: "Weaker background color used for destructive actions or highlights.";
 originalValue: "{!palette-red-20}";
 name: "color-background-destructive-weaker";
243},
244{
 type: "color";
 category: "background-color";
 value: "rgb(254, 236, 236)";
 comment: "Weakest background color used for destructive actions or highlights.";
 originalValue: "{!palette-red-10}";
 name: "color-background-destructive-weakest";
251},
252{
 type: "color";
 category: "background-color";
 value: "rgb(214, 31, 31)";
 comment: "Background color used for error alerts and toasts.";
 originalValue: "{!palette-red-60}";
 name: "color-background-error";
259},
260{
 type: "color";
 category: "background-color";
 value: "rgb(117, 12, 12)";
 comment: "Dark error background color";
 deprecated: true;
 originalValue: "{!palette-red-80}";
 name: "color-background-error-dark";
268},
269{
 type: "color";
 category: "background-color";
 value: "rgb(254, 236, 236)";
 comment: "Lightest error background color";
 deprecated: true;
 originalValue: "{!palette-red-10}";
 name: "color-background-error-lightest";
277},
278{
 type: "color";
 category: "background-color";
 value: "rgb(117, 12, 12)";
 comment: "Strongest background color used for error alerts and toasts.";
 originalValue: "{!palette-red-80}";
 name: "color-background-error-strong";
285},
286{
 type: "color";
 category: "background-color";
 value: "rgb(74, 11, 11)";
 comment: "Stronger error background color";
 originalValue: "{!palette-red-90}";
 name: "color-background-error-stronger";
293},
294{
 type: "color";
 category: "background-color";
 value: "rgb(254, 236, 236)";
 comment: "Weakest background color used for error alerts and toasts.";
 originalValue: "{!palette-red-10}";
 name: "color-background-error-weakest";
301},
302{
 type: "color";
 category: "background-color";
 value: "rgb(31, 48, 76)";
 comment: "Inverse background color used for containers.";
 originalValue: "{!palette-gray-90}";
 name: "color-background-inverse";
309},
310{
 type: "color";
 category: "background-color";
 value: "rgba(255, 255, 255, 0.2)";
 comment: "Light inverse background color for any container. Must be used on color-background-body-inverse.";
 deprecated: true;
 originalValue: "{!palette-gray-0-transparent-20}";
 name: "color-background-inverse-light";
318},
319{
 type: "color";
 category: "background-color";
 value: "rgb(57, 71, 98)";
 comment: "Strong inverse background color used for containers.";
 originalValue: "{!palette-gray-80}";
 name: "color-background-inverse-strong";
326},
327{
 type: "color";
 category: "background-color";
 value: "rgb(235, 244, 255)";
 comment: "Lightest neutral background color";
 deprecated: true;
 originalValue: "{!palette-blue-10}";
 name: "color-background-neutral-lightest";
335},
336{
 type: "color";
 category: "background-color";
 value: "rgb(235, 244, 255)";
 comment: "Weakest background color used for neutral or default variants.";
 originalValue: "{!palette-blue-10}";
 name: "color-background-neutral-weakest";
343},
344{
 type: "color";
 category: "background-color";
 value: "rgb(245, 240, 252)";
 comment: "Background color used to represent a new status.";
 originalValue: "{!palette-purple-10}";
 name: "color-background-new";
351},
352{
 type: "color";
 category: "background-color";
 value: "rgb(174, 178, 193)";
 comment: "Background color used to represent an entity or person as \"offline\".";
 originalValue: "{!palette-gray-40}";
 name: "color-background-offline";
359},
360{
 type: "color";
 category: "background-color";
 value: "rgba(6, 3, 58, 0.4)";
 comment: "Background color used for overlays.";
 originalValue: "{!palette-blue-100-transparent-40}";
 name: "color-background-overlay";
367},
368{
 type: "color";
 category: "background-color";
 value: "rgb(2, 99, 224)";
 comment: "Background color used for primary actions or highlights.";
 originalValue: "{!palette-blue-60}";
 name: "color-background-primary";
375},
376{
 type: "color";
 category: "background-color";
 value: "rgb(0, 20, 137)";
 comment: "Dark background for primary actions or highlights";
 deprecated: true;
 originalValue: "{!palette-blue-80}";
 name: "color-background-primary-dark";
384},
385{
 type: "color";
 category: "background-color";
 value: "rgb(3, 11, 93)";
 comment: "Darker background for primary actions or highlights";
 deprecated: true;
 originalValue: "{!palette-blue-90}";
 name: "color-background-primary-darker";
393},
394{
 type: "color";
 category: "background-color";
 value: "rgb(6, 3, 58)";
 comment: "Darkest background for primary actions or highlights";
 deprecated: true;
 originalValue: "{!palette-blue-100}";
 name: "color-background-primary-darkest";
402},
403{
 type: "color";
 category: "background-color";
 value: "rgb(153, 205, 255)";
 comment: "Light background for primary actions or highlights";
 deprecated: true;
 originalValue: "{!palette-blue-30}";
 name: "color-background-primary-light";
411},
412{
 type: "color";
 category: "background-color";
 value: "rgb(204, 228, 255)";
 comment: "Lighter background for primary actions or highlights";
 deprecated: true;
 originalValue: "{!palette-blue-20}";
 name: "color-background-primary-lighter";
420},
421{
 type: "color";
 category: "background-color";
 value: "rgb(235, 244, 255)";
 comment: "Lightest background for primary actions or highlights";
 deprecated: true;
 originalValue: "{!palette-blue-10}";
 name: "color-background-primary-lightest";
429},
430{
 type: "color";
 category: "background-color";
 value: "rgb(0, 20, 137)";
 comment: "Strong background color used for primary actions or highlights.";
 originalValue: "{!palette-blue-80}";
 name: "color-background-primary-strong";
437},
438{
 type: "color";
 category: "background-color";
 value: "rgb(3, 11, 93)";
 comment: "Stronger background color used for primary actions or highlights.";
 originalValue: "{!palette-blue-90}";
 name: "color-background-primary-stronger";
445},
446{
 type: "color";
 category: "background-color";
 value: "rgb(6, 3, 58)";
 comment: "Strongest background color used for primary actions or highlights.";
 originalValue: "{!palette-blue-100}";
 name: "color-background-primary-strongest";
453},
454{
 type: "color";
 category: "background-color";
 value: "rgb(153, 205, 255)";
 comment: "Weak background color used for primary actions or highlights.";
 originalValue: "{!palette-blue-30}";
 name: "color-background-primary-weak";
461},
462{
 type: "color";
 category: "background-color";
 value: "rgb(204, 228, 255)";
 comment: "Weaker background color used for primary actions or highlights.";
 originalValue: "{!palette-blue-20}";
 name: "color-background-primary-weaker";
469},
470{
 type: "color";
 category: "background-color";
 value: "rgb(235, 244, 255)";
 comment: "Weakest background color used for primary actions or highlights.";
 originalValue: "{!palette-blue-10}";
 name: "color-background-primary-weakest";
477},
478{
 type: "color";
 category: "background-color";
 value: "rgb(235, 86, 86)";
 comment: "Background color used to represent required form fields.";
 originalValue: "{!palette-red-50}";
 name: "color-background-required";
485},
486{
 type: "color";
 category: "background-color";
 value: "rgb(244, 244, 246)";
 comment: "Background color used for alternative striped rows.";
 originalValue: "{!palette-gray-10}";
 name: "color-background-row-striped";
493},
494{
 type: "color";
 category: "background-color";
 value: "rgb(225, 227, 234)";
 comment: "Strong background color used for containers.";
 originalValue: "{!palette-gray-20}";
 name: "color-background-strong";
501},
502{
 type: "color";
 category: "background-color";
 value: "rgb(136, 145, 170)";
 comment: "Stronger background color used for containers.";
 originalValue: "{!palette-gray-50}";
 name: "color-background-stronger";
509},
510{
 type: "color";
 category: "background-color";
 value: "rgb(75, 86, 113)";
 comment: "Strongest background color used for containers.";
 originalValue: "{!palette-gray-70}";
 name: "color-background-strongest";
517},
518{
 type: "color";
 category: "background-color";
 value: "rgb(255, 241, 179)";
 comment: "Background color used for subaccounts.";
 originalValue: "{!palette-yellow-20}";
 name: "color-background-subaccount";
525},
526{
 type: "color";
 category: "background-color";
 value: "rgb(20, 176, 83)";
 comment: "Background color used for success alerts and toasts.";
 originalValue: "{!palette-green-60}";
 name: "color-background-success";
533},
534{
 type: "color";
 category: "background-color";
 value: "rgb(237, 253, 243)";
 comment: "Lightest success background color";
 deprecated: true;
 originalValue: "{!palette-green-10}";
 name: "color-background-success-lightest";
542},
543{
 type: "color";
 category: "background-color";
 value: "rgb(237, 253, 243)";
 comment: "Weakest background color used for success alerts and toasts.";
 originalValue: "{!palette-green-10}";
 name: "color-background-success-weakest";
550},
551{
 type: "color";
 category: "background-color";
 value: "rgb(209, 250, 224)";
 comment: "Background color used for trial accounts.";
 originalValue: "{!palette-green-20}";
 name: "color-background-trial";
558},
559{
 type: "color";
 category: "background-color";
 value: "rgb(214, 31, 31)";
 comment: "Background color used to represent an entity or person as \"unavailable\".";
 originalValue: "{!palette-red-60}";
 name: "color-background-unavailable";
566},
567{
 type: "color";
 category: "background-color";
 value: "rgb(200, 175, 240)";
 comment: "Background color used for user avatars.";
 originalValue: "{!palette-purple-30}";
 name: "color-background-user";
574},
575{
 type: "color";
 category: "background-color";
 value: "rgb(244, 124, 34)";
 comment: "Background color used for warning alerts and toasts.";
 originalValue: "{!palette-orange-60}";
 name: "color-background-warning";
582},
583{
 type: "color";
 category: "background-color";
 value: "rgb(254, 245, 238)";
 comment: "Lightest warning background color";
 deprecated: true;
 originalValue: "{!palette-orange-10}";
 name: "color-background-warning-lightest";
591},
592{
 type: "color";
 category: "background-color";
 value: "rgb(254, 245, 238)";
 comment: "Weakest background color used for warning alerts and toasts.";
 originalValue: "{!palette-orange-10}";
 name: "color-background-warning-weakest";
599}
600],
601"border-colors": [
  {
 type: "color";
 category: "border-color";
 value: "rgb(136, 145, 170)";
 comment: "Default border color";
 uicontrol_contrast_pairing: ["color-background-body"];
 originalValue: "{!palette-gray-50}";
 name: "color-border";
610},
611{
 type: "color";
 category: "border-color";
 value: "rgb(96, 107, 133)";
 comment: "Dark border color";
 deprecated: true;
 originalValue: "{!palette-gray-60}";
 name: "color-border-dark";
619},
620{
 type: "color";
 category: "border-color";
 value: "rgb(225, 227, 234)";
 comment: "Weaker border color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or text tokens.";
 originalValue: "{!palette-gray-20}";
 name: "color-border-decorative-10-weaker";
627},
628{
 type: "color";
 category: "border-color";
 value: "rgb(204, 228, 255)";
 comment: "Weaker border color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or text tokens.";
 originalValue: "{!palette-blue-20}";
 name: "color-border-decorative-20-weaker";
635},
636{
 type: "color";
 category: "border-color";
 value: "rgb(209, 250, 224)";
 comment: "Weaker border color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or text tokens.";
 originalValue: "{!palette-green-20}";
 name: "color-border-decorative-30-weaker";
643},
644{
 type: "color";
 category: "border-color";
 value: "rgb(231, 220, 250)";
 comment: "Weaker border color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or text tokens.";
 originalValue: "{!palette-purple-20}";
 name: "color-border-decorative-40-weaker";
651},
652{
 type: "color";
 category: "border-color";
 value: "rgb(214, 31, 31)";
 comment: "Destructive border color";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-neutral-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-red-60}";
 name: "color-border-destructive";
660},
661{
 type: "color";
 category: "border-color";
 value: "rgb(117, 12, 12)";
 comment: "Destructive focus border color";
 deprecated: true;
 originalValue: "{!palette-red-80}";
 name: "color-border-destructive-dark";
669},
670{
 type: "color";
 category: "border-color";
 value: "rgb(74, 11, 11)";
 comment: "Darker destructive hover border color";
 deprecated: true;
 originalValue: "{!palette-red-90}";
 name: "color-border-destructive-darker";
678},
679{
 type: "color";
 category: "border-color";
 value: "rgb(49, 12, 12)";
 comment: "Darkest destructive hover border color";
 deprecated: true;
 originalValue: "{!palette-red-100}";
 name: "color-border-destructive-darkest";
687},
688{
 type: "color";
 category: "border-color";
 value: "rgb(245, 138, 138)";
 comment: "Destructive focus border color";
 deprecated: true;
 originalValue: "{!palette-red-40}";
 name: "color-border-destructive-light";
696},
697{
 type: "color";
 category: "border-color";
 value: "rgb(252, 207, 207)";
 comment: "Destructive focus border color";
 deprecated: true;
 originalValue: "{!palette-red-20}";
 name: "color-border-destructive-lighter";
705},
706{
 type: "color";
 category: "border-color";
 value: "rgb(117, 12, 12)";
 comment: "Destructive focus border color";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-new","color-background-row-striped","color-background-primary-weak","color-background-primary-weaker","color-background-primary-weakest","color-background-destructive-weak","color-background-destructive-weaker","color-background-destructive-weakest"];
 originalValue: "{!palette-red-80}";
 name: "color-border-destructive-strong";
714},
715{
 type: "color";
 category: "border-color";
 value: "rgb(74, 11, 11)";
 comment: "Stronger destructive hover border color";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-new","color-background-row-striped","color-background-primary-weak","color-background-primary-weaker","color-background-primary-weakest","color-background-destructive-weak","color-background-destructive-weaker","color-background-destructive-weakest"];
 originalValue: "{!palette-red-90}";
 name: "color-border-destructive-stronger";
723},
724{
 type: "color";
 category: "border-color";
 value: "rgb(49, 12, 12)";
 comment: "Strongest destructive hover border color";
 originalValue: "{!palette-red-100}";
 name: "color-border-destructive-strongest";
731},
732{
 type: "color";
 category: "border-color";
 value: "rgb(246, 177, 177)";
 comment: "Destructive focus border color";
 originalValue: "{!palette-red-30}";
 name: "color-border-destructive-weak";
739},
740{
 type: "color";
 category: "border-color";
 value: "rgb(252, 207, 207)";
 comment: "Destructive focus border color";
 originalValue: "{!palette-red-20}";
 name: "color-border-destructive-weaker";
747},
748{
 type: "color";
 category: "border-color";
 value: "rgb(254, 236, 236)";
 comment: "Destructive focus border color";
 originalValue: "{!palette-red-10}";
 name: "color-border-destructive-weakest";
755},
756{
 type: "color";
 category: "border-color";
 value: "rgb(214, 31, 31)";
 comment: "Error border color";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-neutral-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-red-60}";
 name: "color-border-error";
764},
765{
 type: "color";
 category: "border-color";
 value: "rgb(117, 12, 12)";
 comment: "Dark error border color";
 deprecated: true;
 originalValue: "{!palette-red-80}";
 name: "color-border-error-dark";
773},
774{
 type: "color";
 category: "border-color";
 value: "rgb(245, 138, 138)";
 comment: "Light error border color";
 deprecated: true;
 originalValue: "{!palette-red-40}";
 name: "color-border-error-light";
782},
783{
 type: "color";
 category: "border-color";
 value: "rgb(254, 236, 236)";
 comment: "Lightest error border color";
 deprecated: true;
 originalValue: "{!palette-red-10}";
 name: "color-border-error-lightest";
791},
792{
 type: "color";
 category: "border-color";
 value: "rgb(117, 12, 12)";
 comment: "Strong error border color";
 originalValue: "{!palette-red-80}";
 name: "color-border-error-strong";
799},
800{
 type: "color";
 category: "border-color";
 value: "rgb(74, 11, 11)";
 comment: "Stronger error border color";
 originalValue: "{!palette-red-90}";
 name: "color-border-error-stronger";
807},
808{
 type: "color";
 category: "border-color";
 value: "rgb(245, 138, 138)";
 comment: "Weak error border color";
 originalValue: "{!palette-red-40}";
 name: "color-border-error-weak";
815},
816{
 type: "color";
 category: "border-color";
 value: "rgb(252, 207, 207)";
 comment: "Weaker error border color";
 originalValue: "{!palette-red-20}";
 name: "color-border-error-weaker";
823},
824{
 type: "color";
 category: "border-color";
 value: "rgb(254, 236, 236)";
 comment: "Weakest error border color";
 originalValue: "{!palette-red-10}";
 name: "color-border-error-weakest";
831},
832{
 type: "color";
 category: "border-color";
 value: "rgb(136, 145, 170)";
 comment: "Border on inverse backgrounds. Must be used on color-background-body-inverse.";
 uicontrol_contrast_pairing: ["color-background-body-inverse"];
 originalValue: "{!palette-gray-50}";
 name: "color-border-inverse";
840},
841{
 type: "color";
 category: "border-color";
 value: "rgba(255, 255, 255, 0.2)";
 comment: "Darker border on inverse backgrounds. Must be used on color-background-body-inverse.";
 deprecated: true;
 originalValue: "{!palette-gray-0-transparent-20}";
 name: "color-border-inverse-darker";
849},
850{
 type: "color";
 category: "border-color";
 value: "rgba(255, 255, 255, 0.9)";
 comment: "Lighter border on inverse backgrounds. Must be used on color-background-body-inverse.";
 deprecated: true;
 originalValue: "{!palette-gray-0-transparent-90}";
 name: "color-border-inverse-lighter";
858},
859{
 type: "color";
 category: "border-color";
 value: "rgb(255, 255, 255)";
 comment: "Lightest border on inverse backgrounds. Must be used on color-background-body-inverse.";
 deprecated: true;
 originalValue: "{!palette-gray-0}";
 name: "color-border-inverse-lightest";
867},
868{
 type: "color";
 category: "border-color";
 value: "rgb(225, 227, 234)";
 comment: "Strong border on inverse backgrounds. Must be used on color-background-body-inverse.";
 uicontrol_contrast_pairing: ["color-background-body-inverse"];
 originalValue: "{!palette-gray-20}";
 name: "color-border-inverse-strong";
876},
877{
 type: "color";
 category: "border-color";
 value: "rgb(244, 244, 246)";
 comment: "Stronger border on inverse backgrounds. Must be used on color-background-body-inverse.";
 uicontrol_contrast_pairing: ["color-background-body-inverse"];
 originalValue: "{!palette-gray-10}";
 name: "color-border-inverse-stronger";
885},
886{
 type: "color";
 category: "border-color";
 value: "rgb(255, 255, 255)";
 comment: "Strongest border on inverse backgrounds. Must be used on color-background-body-inverse.";
 uicontrol_contrast_pairing: ["color-background-body-inverse"];
 originalValue: "{!palette-gray-0}";
 name: "color-border-inverse-strongest";
894},
895{
 type: "color";
 category: "border-color";
 value: "rgb(57, 71, 98)";
 comment: "Weaker border on inverse backgrounds. Must be used on color-background-body-inverse.";
 originalValue: "{!palette-gray-80}";
 name: "color-border-inverse-weaker";
902},
903{
 type: "color";
 category: "border-color";
 value: "rgb(31, 48, 76)";
 comment: "Weakest border on inverse backgrounds. Must be used on color-background-body-inverse.";
 originalValue: "{!palette-gray-90}";
 name: "color-border-inverse-weakest";
910},
911{
 type: "color";
 category: "border-color";
 value: "rgb(202, 205, 216)";
 comment: "Light border color";
 deprecated: true;
 originalValue: "{!palette-gray-30}";
 name: "color-border-light";
919},
920{
 type: "color";
 category: "border-color";
 value: "rgb(225, 227, 234)";
 comment: "Lighter border color";
 deprecated: true;
 originalValue: "{!palette-gray-20}";
 name: "color-border-lighter";
928},
929{
 type: "color";
 category: "border-color";
 value: "rgb(2, 99, 224)";
 comment: "Neutral border color";
 originalValue: "{!palette-blue-60}";
 name: "color-border-neutral";
936},
937{
 type: "color";
 category: "border-color";
 value: "rgb(136, 145, 170)";
 comment: "Light neutral border color";
 deprecated: true;
 originalValue: "{!palette-gray-50}";
 name: "color-border-neutral-light";
945},
946{
 type: "color";
 category: "border-color";
 value: "rgb(102, 179, 255)";
 comment: "Weak neutral border color";
 originalValue: "{!palette-blue-40}";
 name: "color-border-neutral-weak";
953},
954{
 type: "color";
 category: "border-color";
 value: "rgb(204, 228, 255)";
 comment: "Weaker neutral border color";
 originalValue: "{!palette-blue-20}";
 name: "color-border-neutral-weaker";
961},
962{
 type: "color";
 category: "border-color";
 value: "rgb(231, 220, 250)";
 comment: "Weaker border color for something designated as new";
 originalValue: "{!palette-purple-20}";
 name: "color-border-new-weaker";
969},
970{
 type: "color";
 category: "border-color";
 value: "rgb(2, 99, 224)";
 comment: "Primary border color";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-neutral-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-blue-60}";
 name: "color-border-primary";
978},
979{
 type: "color";
 category: "border-color";
 value: "rgb(0, 20, 137)";
 comment: "Dark primary border color";
 deprecated: true;
 originalValue: "{!palette-blue-80}";
 name: "color-border-primary-dark";
987},
988{
 type: "color";
 category: "border-color";
 value: "rgb(3, 11, 93)";
 comment: "Darker primary border color";
 deprecated: true;
 originalValue: "{!palette-blue-90}";
 name: "color-border-primary-darker";
996},
997{
 type: "color";
 category: "border-color";
 value: "rgb(6, 3, 58)";
 comment: "Darkest primary border color";
 deprecated: true;
 originalValue: "{!palette-blue-100}";
 name: "color-border-primary-darkest";
1005},
1006{
 type: "color";
 category: "border-color";
 value: "rgb(102, 179, 255)";
 comment: "Light primary border color";
 deprecated: true;
 originalValue: "{!palette-blue-40}";
 name: "color-border-primary-light";
1014},
1015{
 type: "color";
 category: "border-color";
 value: "rgb(204, 228, 255)";
 comment: "Lighter primary border color";
 deprecated: true;
 originalValue: "{!palette-blue-20}";
 name: "color-border-primary-lighter";
1023},
1024{
 type: "color";
 category: "border-color";
 value: "rgb(0, 20, 137)";
 comment: "Strong primary border color";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-new","color-background-row-striped","color-background-primary-weak","color-background-primary-weaker","color-background-primary-weakest","color-background-destructive-weak","color-background-destructive-weaker","color-background-destructive-weakest"];
 originalValue: "{!palette-blue-80}";
 name: "color-border-primary-strong";
1032},
1033{
 type: "color";
 category: "border-color";
 value: "rgb(3, 11, 93)";
 comment: "Stronger primary border color";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-new","color-background-row-striped","color-background-primary-weak","color-background-primary-weaker","color-background-primary-weakest","color-background-destructive-weak","color-background-destructive-weaker","color-background-destructive-weakest"];
 originalValue: "{!palette-blue-90}";
 name: "color-border-primary-stronger";
1041},
1042{
 type: "color";
 category: "border-color";
 value: "rgb(6, 3, 58)";
 comment: "Strongest primary border color";
 originalValue: "{!palette-blue-100}";
 name: "color-border-primary-strongest";
1049},
1050{
 type: "color";
 category: "border-color";
 value: "rgb(153, 205, 255)";
 comment: "Weak primary border color";
 originalValue: "{!palette-blue-30}";
 name: "color-border-primary-weak";
1057},
1058{
 type: "color";
 category: "border-color";
 value: "rgb(204, 228, 255)";
 comment: "Weaker primary border color";
 originalValue: "{!palette-blue-20}";
 name: "color-border-primary-weaker";
1065},
1066{
 type: "color";
 category: "border-color";
 value: "rgb(235, 244, 255)";
 comment: "Weakest primary border color";
 originalValue: "{!palette-blue-10}";
 name: "color-border-primary-weakest";
1073},
1074{
 type: "color";
 category: "border-color";
 value: "rgb(96, 107, 133)";
 comment: "Strong border color";
 uicontrol_contrast_pairing: ["color-background","color-background-strong","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-new","color-background-row-striped","color-background-primary-weaker","color-background-primary-weakest","color-background-destructive-weaker","color-background-destructive-weakest"];
 originalValue: "{!palette-gray-60}";
 name: "color-border-strong";
1082},
1083{
 type: "color";
 category: "border-color";
 value: "rgb(20, 176, 83)";
 comment: "Success border color";
 originalValue: "{!palette-green-60}";
 name: "color-border-success";
1090},
1091{
 type: "color";
 category: "border-color";
 value: "rgb(54, 213, 118)";
 comment: "Light success border color";
 deprecated: true;
 originalValue: "{!palette-green-50}";
 name: "color-border-success-light";
1099},
1100{
 type: "color";
 category: "border-color";
 value: "rgb(237, 253, 243)";
 comment: "Lightest success border color";
 deprecated: true;
 originalValue: "{!palette-green-10}";
 name: "color-border-success-lightest";
1108},
1109{
 type: "color";
 category: "border-color";
 value: "rgb(54, 213, 118)";
 comment: "Weak success border color";
 originalValue: "{!palette-green-50}";
 name: "color-border-success-weak";
1116},
1117{
 type: "color";
 category: "border-color";
 value: "rgb(209, 250, 224)";
 comment: "Weaker success border color";
 originalValue: "{!palette-green-20}";
 name: "color-border-success-weaker";
1124},
1125{
 type: "color";
 category: "border-color";
 value: "rgb(237, 253, 243)";
 comment: "Weakest success border color";
 originalValue: "{!palette-green-10}";
 name: "color-border-success-weakest";
1132},
1133{
 type: "color";
 category: "border-color";
 value: "rgb(244, 124, 34)";
 comment: "Warning border color";
 originalValue: "{!palette-orange-60}";
 name: "color-border-warning";
1140},
1141{
 type: "color";
 category: "border-color";
 value: "rgb(255, 179, 122)";
 comment: "Light warning border color";
 deprecated: true;
 originalValue: "{!palette-orange-40}";
 name: "color-border-warning-light";
1149},
1150{
 type: "color";
 category: "border-color";
 value: "rgb(254, 245, 238)";
 comment: "Lightest warning border color";
 deprecated: true;
 originalValue: "{!palette-orange-10}";
 name: "color-border-warning-lightest";
1158},
1159{
 type: "color";
 category: "border-color";
 value: "rgb(255, 179, 122)";
 comment: "Weak warning border color";
 originalValue: "{!palette-orange-40}";
 name: "color-border-warning-weak";
1166},
1167{
 type: "color";
 category: "border-color";
 value: "rgb(253, 220, 196)";
 comment: "Weaker warning border color";
 originalValue: "{!palette-orange-20}";
 name: "color-border-warning-weaker";
1174},
1175{
 type: "color";
 category: "border-color";
 value: "rgb(254, 245, 238)";
 comment: "Weakest warning border color";
 originalValue: "{!palette-orange-10}";
 name: "color-border-warning-weakest";
1182},
1183{
 type: "color";
 category: "border-color";
 value: "rgb(202, 205, 216)";
 comment: "Weak border color";
 originalValue: "{!palette-gray-30}";
 name: "color-border-weak";
1190},
1191{
 type: "color";
 category: "border-color";
 value: "rgb(225, 227, 234)";
 comment: "Weaker border color";
 originalValue: "{!palette-gray-20}";
 name: "color-border-weaker";
1198}
1199],
1200"border-widths": [
  {
 type: "size";
 category: "border-width";
 value: 0;
 comment: "Border width reset";
 originalValue: "{!border-width-0}";
 name: "border-width-0";
1208},
1209{
 type: "size";
 category: "border-width";
 value: "1px";
 comment: "Constant border width token for border width 10";
 originalValue: "{!border-width-10}";
 name: "border-width-10";
1216},
1217{
 type: "size";
 category: "border-width";
 value: "2px";
 comment: "Constant border width token for border width 20";
 originalValue: "{!border-width-20}";
 name: "border-width-20";
1224},
1225{
 type: "size";
 category: "border-width";
 value: "4px";
 comment: "Constant border width token for border width 30";
 originalValue: "{!border-width-30}";
 name: "border-width-30";
1232},
1233{
 type: "size";
 category: "border-width";
 value: "8px";
 comment: "Constant border width token for border width 40";
 originalValue: "{!border-width-40}";
 name: "border-width-40";
1240}
1241],
1242"box-shadows": [
  {
 type: "shadow";
 category: "box-shadow";
 value: "0 4px 16px 0 rgba(18, 28, 45, 0.2)";
 comment: "Default shadow.";
 originalValue: "{!shadow-elevation-20}";
 name: "shadow";
1250},
1251{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #8891aa";
 comment: "Shadow border for inputs.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-50}";
 name: "shadow-border";
1258},
1259{
 type: "shadow";
 category: "box-shadow";
 value: "0 1px 0 #e1e3ea";
 comment: "Weaker bottom shadow border for decorative 10";
 originalValue: "{!offset-0} 1px {!offset-0} {!palette-gray-20}";
 name: "shadow-border-bottom-decorative-10-weaker";
1266},
1267{
 type: "shadow";
 category: "box-shadow";
 value: "0 1px 0 #cce4ff";
 comment: "Weaker bottom shadow border for decorative 20";
 originalValue: "{!offset-0} 1px {!offset-0} {!palette-blue-20}";
 name: "shadow-border-bottom-decorative-20-weaker";
1274},
1275{
 type: "shadow";
 category: "box-shadow";
 value: "0 1px 0 #d1fae0";
 comment: "Weaker bottom shadow border for decorative 30";
 originalValue: "{!offset-0} 1px {!offset-0} {!palette-green-20}";
 name: "shadow-border-bottom-decorative-30-weaker";
1282},
1283{
 type: "shadow";
 category: "box-shadow";
 value: "0 1px 0 #e7dcfa";
 comment: "Weaker bottom shadow border for decorative 40";
 originalValue: "{!offset-0} 1px {!offset-0} {!palette-purple-20}";
 name: "shadow-border-bottom-decorative-40-weaker";
1290},
1291{
 type: "shadow";
 category: "box-shadow";
 value: "0 1px 0 #fccfcf";
 comment: "Weaker bottom shadow border for error status";
 originalValue: "{!offset-0} 1px {!offset-0} {!palette-red-20}";
 name: "shadow-border-bottom-error-weaker";
1298},
1299{
 type: "shadow";
 category: "box-shadow";
 value: "0 1px 0 #cce4ff";
 comment: "Weaker bottom shadow border for neutral status";
 originalValue: "{!offset-0} 1px {!offset-0} {!palette-blue-20}";
 name: "shadow-border-bottom-neutral-weaker";
1306},
1307{
 type: "shadow";
 category: "box-shadow";
 value: "0 1px 0 #e7dcfa";
 comment: "Weaker bottom shadow border for new status";
 originalValue: "{!offset-0} 1px {!offset-0} {!palette-purple-20}";
 name: "shadow-border-bottom-new-weaker";
1314},
1315{
 type: "shadow";
 category: "box-shadow";
 value: "0 1px 0 #d1fae0";
 comment: "Weaker bottom shadow border for success status";
 originalValue: "{!offset-0} 1px {!offset-0} {!palette-green-20}";
 name: "shadow-border-bottom-success-weaker";
1322},
1323{
 type: "shadow";
 category: "box-shadow";
 value: "0 1px 0 #fddcc4";
 comment: "Weaker bottom shadow border for warning status";
 originalValue: "{!offset-0} 1px {!offset-0} {!palette-orange-20}";
 name: "shadow-border-bottom-warning-weaker";
1330},
1331{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #d61f1f";
 comment: "Shadow border for destructive interactions.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-60}";
 name: "shadow-border-destructive";
1338},
1339{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #4a0b0b";
 comment: "Dark shadow border for destructive interactions";
 deprecated: true;
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-90}";
 name: "shadow-border-destructive-darker";
1347},
1348{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #f6b1b1";
 comment: "Light shadow border for destructive interactions.";
 deprecated: true;
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-30}";
 name: "shadow-border-destructive-light";
1356},
1357{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #fccfcf";
 comment: "Lighter shadow border for destructive interactions.";
 deprecated: true;
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-20}";
 name: "shadow-border-destructive-lighter";
1365},
1366{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #750c0c";
 comment: "Strong shadow border for destructive interactions";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-80}";
 name: "shadow-border-destructive-strong";
1373},
1374{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #4a0b0b";
 comment: "Strong shadow border for destructive interactions";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-90}";
 name: "shadow-border-destructive-stronger";
1381},
1382{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #310c0c";
 comment: "Strongest shadow border for destructive interactions";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-100}";
 name: "shadow-border-destructive-strongest";
1389},
1390{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #f6b1b1";
 comment: "Weak shadow border for destructive interactions.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-30}";
 name: "shadow-border-destructive-weak";
1397},
1398{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #fccfcf";
 comment: "Weaker shadow border for destructive interactions.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-20}";
 name: "shadow-border-destructive-weaker";
1405},
1406{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #d61f1f";
 comment: "Shadow border for error inputs.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-60}";
 name: "shadow-border-error";
1413},
1414{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #750c0c";
 comment: "Shadow border for error inputs hover.";
 deprecated: true;
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-80}";
 name: "shadow-border-error-dark";
1422},
1423{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #eb5656";
 comment: "Shadow border for inverse error inputs.";
 deprecated: true;
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-50}";
 name: "shadow-border-error-light";
1431},
1432{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #750c0c";
 comment: "Shadow border for error inputs hover.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-80}";
 name: "shadow-border-error-strong";
1439},
1440{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #4a0b0b";
 comment: "Shadow border for error inputs hover.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-90}";
 name: "shadow-border-error-stronger";
1447},
1448{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #eb5656";
 comment: "Shadow border for inverse error inputs.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-50}";
 name: "shadow-border-error-weak";
1455},
1456{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #8891aa";
 comment: "Shadow border on interactive elements on inverse backgrounds.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-50}";
 name: "shadow-border-inverse";
1463},
1464{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px rgba(255, 255, 255, 0.2)";
 comment: "Darker shadow border on interactive elements on inverse backgrounds.";
 deprecated: true;
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-0-transparent-20}";
 name: "shadow-border-inverse-darker";
1472},
1473{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px rgba(255, 255, 255, 0.9)";
 comment: "Light shadow border on interactive elements on inverse backgrounds.";
 deprecated: true;
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-0-transparent-90}";
 name: "shadow-border-inverse-light";
1481},
1482{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #ffffff";
 comment: "Lightest shadow border on interactive elements on inverse backgrounds.";
 deprecated: true;
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-0}";
 name: "shadow-border-inverse-lightest";
1490},
1491{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #e1e3ea";
 comment: "Strong shadow border on interactive elements on inverse backgrounds.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-20}";
 name: "shadow-border-inverse-strong";
1498},
1499{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #f4f4f6";
 comment: "Stronger shadow border on interactive elements on inverse backgrounds.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-10}";
 name: "shadow-border-inverse-stronger";
1506},
1507{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #ffffff";
 comment: "Strongest shadow border on interactive elements on inverse backgrounds.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-0}";
 name: "shadow-border-inverse-strongest";
1514},
1515{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #394762";
 comment: "Weaker shadow border on interactive elements on inverse backgrounds.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-80}";
 name: "shadow-border-inverse-weaker";
1522},
1523{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #1f304c";
 comment: "Weakest shadow border on interactive elements on inverse backgrounds.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-90}";
 name: "shadow-border-inverse-weakest";
1530},
1531{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #cacdd8";
 comment: "Light shadow border for disabled inputs.";
 deprecated: true;
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-30}";
 name: "shadow-border-light";
1539},
1540{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #e1e3ea";
 comment: "Lighter shadow border for disabled inputs.";
 deprecated: true;
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-20}";
 name: "shadow-border-lighter";
1548},
1549{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #0263e0";
 comment: "Default shadow border for primary interactions.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-blue-60}";
 name: "shadow-border-primary";
1556},
1557{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #001489";
 comment: "Dark shadow border for inputs hover.";
 deprecated: true;
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-blue-80}";
 name: "shadow-border-primary-dark";
1565},
1566{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #030b5d";
 comment: "Darker shadow border for inputs active.";
 deprecated: true;
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-blue-90}";
 name: "shadow-border-primary-darker";
1574},
1575{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #99cdff";
 comment: "Lighter shadow border for primary interactions.";
 deprecated: true;
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-blue-30}";
 name: "shadow-border-primary-light";
1583},
1584{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #cce4ff";
 comment: "Lighter shadow border for primary interactions.";
 deprecated: true;
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-blue-20}";
 name: "shadow-border-primary-lighter";
1592},
1593{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #001489";
 comment: "Strong shadow border for inputs hover.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-blue-80}";
 name: "shadow-border-primary-strong";
1600},
1601{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #030b5d";
 comment: "Stronger shadow border for inputs active.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-blue-90}";
 name: "shadow-border-primary-stronger";
1608},
1609{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #06033a";
 comment: "Strongest shadow border for inputs active.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-blue-100}";
 name: "shadow-border-primary-strongest";
1616},
1617{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #99cdff";
 comment: "Weaker shadow border for primary interactions.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-blue-30}";
 name: "shadow-border-primary-weak";
1624},
1625{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #cce4ff";
 comment: "Weaker shadow border for primary interactions.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-blue-20}";
 name: "shadow-border-primary-weaker";
1632},
1633{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #606b85";
 comment: "Strong shadow border for inputs.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-60}";
 name: "shadow-border-strong";
1640},
1641{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #cacdd8";
 comment: "Weak shadow border for disabled inputs.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-30}";
 name: "shadow-border-weak";
1648},
1649{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 1px #e1e3ea";
 comment: "Weaker shadow border for disabled inputs.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-20}";
 name: "shadow-border-weaker";
1656},
1657{
 type: "shadow";
 category: "box-shadow";
 value: "0 2px 8px 0 rgba(18, 28, 45, 0.1)";
 comment: "Shadow for cards.";
 originalValue: "{!shadow-elevation-10}";
 name: "shadow-card";
1664},
1665{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 4px rgba(2, 99, 224, 0.7)";
 comment: "Shadow for focus ring on interactive elements.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} {!offset-20} {!palette-blue-60-transparent-70}";
 name: "shadow-focus";
1672},
1673{
 type: "shadow";
 category: "box-shadow";
 value: "inset 0 0 0 2px rgba(2, 99, 224, 0.7)";
 comment: "Shadow for inset focus on elements, such as DataGrid cells.";
 originalValue: "inset {!offset-0} {!offset-0} {!offset-0} {!offset-10} {!palette-blue-60-transparent-70}";
 name: "shadow-focus-inset";
1680},
1681{
 type: "shadow";
 category: "box-shadow";
 value: "0 0 0 4px rgba(255, 255, 255, 0.4)";
 comment: "Shadow for focus ring on interactive elements on inverse backgrounds.";
 originalValue: "{!offset-0} {!offset-0} {!offset-0} {!offset-20} {!palette-gray-0-transparent-40}";
 name: "shadow-focus-inverse";
1688},
1689{
 type: "shadow";
 category: "box-shadow";
 value: "0 16px 24px 0 rgba(18, 28, 45, 0.2)";
 comment: "High elevation default shadow.";
 originalValue: "{!shadow-elevation-30}";
 name: "shadow-high";
1696},
1697{
 type: "shadow";
 category: "box-shadow";
 value: "0 2px 8px 0 rgba(18, 28, 45, 0.1)";
 comment: "Low elevation default shadow.";
 originalValue: "{!shadow-elevation-10}";
 name: "shadow-low";
1704}
1705],
1706"colors": [
  {
 type: "color";
 category: "color";
 value: "rgb(0, 20, 137)";
 comment: "Default branding color";
 originalValue: "{!palette-blue-80}";
 name: "color-brand";
1714},
1715{
 type: "color";
 category: "color";
 value: "rgb(242, 47, 70)";
 comment: "Twilio brand red";
 originalValue: "{!amaranth}";
 name: "color-brand-highlight";
1722},
1723{
 type: "color";
 category: "color";
 value: "rgb(0, 20, 137)";
 comment: "Color used for data visualizations. Must be used in a sequence.";
 uicontrol_contrast_pairing: ["color-background-body"];
 data_visualization_contrast_pairing: ["color-data-visualization-10","color-data-visualization-2"];
 originalValue: "{!palette-blue-80}";
 name: "color-data-visualization-1";
1732},
1733{
 type: "color";
 category: "color";
 value: "rgb(235, 86, 86)";
 comment: "Color used for data visualizations. Must be used in a sequence.";
 uicontrol_contrast_pairing: ["color-background-body"];
 data_visualization_contrast_pairing: ["color-data-visualization-9","color-data-visualization-1"];
 originalValue: "{!palette-red-50}";
 name: "color-data-visualization-10";
1742},
1743{
 type: "color";
 category: "color";
 value: "rgb(14, 124, 58)";
 comment: "Color used for data visualizations. Must be used in a sequence.";
 uicontrol_contrast_pairing: ["color-background-body"];
 data_visualization_contrast_pairing: ["color-data-visualization-1","color-data-visualization-3"];
 originalValue: "{!palette-green-70}";
 name: "color-data-visualization-2";
1752},
1753{
 type: "color";
 category: "color";
 value: "rgb(13, 58, 31)";
 comment: "Color used for data visualizations. Must be used in a sequence.";
 uicontrol_contrast_pairing: ["color-background-body"];
 data_visualization_contrast_pairing: ["color-data-visualization-2","color-data-visualization-4"];
 originalValue: "{!palette-green-90}";
 name: "color-data-visualization-3";
1762},
1763{
 type: "color";
 category: "color";
 value: "rgb(0, 140, 255)";
 comment: "Color used for data visualizations. Must be used in a sequence.";
 uicontrol_contrast_pairing: ["color-background-body"];
 data_visualization_contrast_pairing: ["color-data-visualization-3","color-data-visualization-5"];
 originalValue: "{!palette-blue-50}";
 name: "color-data-visualization-4";
1772},
1773{
 type: "color";
 category: "color";
 value: "rgb(57, 71, 98)";
 comment: "Color used for data visualizations. Must be used in a sequence.";
 uicontrol_contrast_pairing: ["color-background-body"];
 data_visualization_contrast_pairing: ["color-data-visualization-4","color-data-visualization-6"];
 originalValue: "{!palette-gray-80}";
 name: "color-data-visualization-5";
1782},
1783{
 type: "color";
 category: "color";
 value: "rgb(166, 127, 227)";
 comment: "Color used for data visualizations. Must be used in a sequence.";
 uicontrol_contrast_pairing: ["color-background-body"];
 data_visualization_contrast_pairing: ["color-data-visualization-5","color-data-visualization-7"];
 originalValue: "{!palette-purple-40}";
 name: "color-data-visualization-6";
1792},
1793{
 type: "color";
 category: "color";
 value: "rgb(109, 46, 209)";
 comment: "Color used for data visualizations. Must be used in a sequence.";
 uicontrol_contrast_pairing: ["color-background-body"];
 data_visualization_contrast_pairing: ["color-data-visualization-6","color-data-visualization-8"];
 originalValue: "{!palette-purple-60}";
 name: "color-data-visualization-7";
1802},
1803{
 type: "color";
 category: "color";
 value: "rgb(136, 145, 170)";
 comment: "Color used for data visualizations. Must be used in a sequence.";
 uicontrol_contrast_pairing: ["color-background-body"];
 data_visualization_contrast_pairing: ["color-data-visualization-7","color-data-visualization-9"];
 originalValue: "{!palette-gray-50}";
 name: "color-data-visualization-8";
1812},
1813{
 type: "color";
 category: "color";
 value: "rgb(117, 12, 12)";
 comment: "Color used for data visualizations. Must be used in a sequence.";
 uicontrol_contrast_pairing: ["color-background-body"];
 data_visualization_contrast_pairing: ["color-data-visualization-8","color-data-visualization-10"];
 originalValue: "{!palette-red-80}";
 name: "color-data-visualization-9";
1822},
1823{
 type: "color";
 category: "color";
 value: "rgb(255, 255, 255)";
 comment: "Gray Color 0";
 originalValue: "{!palette-gray-0}";
 name: "color-gray-0";
1830},
1831{
 type: "color";
 category: "color";
 value: "rgb(244, 244, 246)";
 comment: "Gray Color 1";
 originalValue: "{!palette-gray-10}";
 name: "color-gray-10";
1838},
1839{
 type: "color";
 category: "color";
 value: "rgb(18, 28, 45)";
 comment: "Gray Color 10";
 originalValue: "{!palette-gray-100}";
 name: "color-gray-100";
1846},
1847{
 type: "color";
 category: "color";
 value: "rgb(225, 227, 234)";
 comment: "Gray Color 2";
 originalValue: "{!palette-gray-20}";
 name: "color-gray-20";
1854},
1855{
 type: "color";
 category: "color";
 value: "rgb(202, 205, 216)";
 comment: "Gray Color 3";
 originalValue: "{!palette-gray-30}";
 name: "color-gray-30";
1862},
1863{
 type: "color";
 category: "color";
 value: "rgb(174, 178, 193)";
 comment: "Gray Color 4";
 originalValue: "{!palette-gray-40}";
 name: "color-gray-40";
1870},
1871{
 type: "color";
 category: "color";
 value: "rgb(136, 145, 170)";
 comment: "Gray Color 5";
 originalValue: "{!palette-gray-50}";
 name: "color-gray-50";
1878},
1879{
 type: "color";
 category: "color";
 value: "rgb(96, 107, 133)";
 comment: "Gray Color 6";
 originalValue: "{!palette-gray-60}";
 name: "color-gray-60";
1886},
1887{
 type: "color";
 category: "color";
 value: "rgb(75, 86, 113)";
 comment: "Gray Color 7";
 originalValue: "{!palette-gray-70}";
 name: "color-gray-70";
1894},
1895{
 type: "color";
 category: "color";
 value: "rgb(57, 71, 98)";
 comment: "Gray Color 8";
 originalValue: "{!palette-gray-80}";
 name: "color-gray-80";
1902},
1903{
 type: "color";
 category: "color";
 value: "rgb(31, 48, 76)";
 comment: "Gray Color 9";
 originalValue: "{!palette-gray-90}";
 name: "color-gray-90";
1910}
1911],
1912"fonts": [
  {
 category: "font";
 type: "font";
 value: "'Fira Mono', Courier, monospace";
 originalValue: "{!font-family-20}";
 name: "font-family-code";
1919},
1920{
 category: "font";
 type: "font";
 value: "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif";
 originalValue: "{!font-family-10}";
 name: "font-family-text";
1926},
1927{
 category: "font";
 type: "font";
 value: "'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif";
 originalValue: "{!font-family-60}";
 name: "font-family-text-chinese-simplified";
1933},
1934{
 category: "font";
 type: "font";
 value: "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif";
 originalValue: "{!font-family-50}";
 name: "font-family-text-chinese-traditional";
1940},
1941{
 category: "font";
 type: "font";
 value: "'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif";
 originalValue: "{!font-family-30}";
 name: "font-family-text-japanese";
1947},
1948{
 category: "font";
 type: "font";
 value: "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif";
 originalValue: "{!font-family-40}";
 name: "font-family-text-korean";
1954}
1955],
1956"font-sizes": [
  {
 category: "font-size";
 type: "font-size";
 value: "0.625rem";
 comment: "Constant typography token for font size 10";
 originalValue: "{!font-size-10}";
 name: "font-size-10";
1964},
1965{
 category: "font-size";
 type: "font-size";
 value: "2.5rem";
 comment: "Constant typography token for font size 100";
 originalValue: "{!font-size-100}";
 name: "font-size-100";
1972},
1973{
 category: "font-size";
 type: "font-size";
 value: "3rem";
 comment: "Constant typography token for font size 110";
 originalValue: "{!font-size-110}";
 name: "font-size-110";
1980},
1981{
 category: "font-size";
 type: "font-size";
 value: "0.75rem";
 comment: "Constant typography token for font size 20";
 originalValue: "{!font-size-20}";
 name: "font-size-20";
1988},
1989{
 category: "font-size";
 type: "font-size";
 value: "0.875rem";
 comment: "Constant typography token for font size 30";
 originalValue: "{!font-size-30}";
 name: "font-size-30";
1996},
1997{
 category: "font-size";
 type: "font-size";
 value: "1rem";
 comment: "Constant typography token for font size 40";
 originalValue: "{!font-size-40}";
 name: "font-size-40";
2004},
2005{
 category: "font-size";
 type: "font-size";
 value: "1.125rem";
 comment: "Constant typography token for font size 50";
 originalValue: "{!font-size-50}";
 name: "font-size-50";
2012},
2013{
 category: "font-size";
 type: "font-size";
 value: "1.25rem";
 comment: "Constant typography token for font size 60";
 originalValue: "{!font-size-60}";
 name: "font-size-60";
2020},
2021{
 category: "font-size";
 type: "font-size";
 value: "1.5rem";
 comment: "Constant typography token for font size 70";
 originalValue: "{!font-size-70}";
 name: "font-size-70";
2028},
2029{
 category: "font-size";
 type: "font-size";
 value: "1.75rem";
 comment: "Constant typography token for font size 80";
 originalValue: "{!font-size-80}";
 name: "font-size-80";
2036},
2037{
 category: "font-size";
 type: "font-size";
 value: "2rem";
 comment: "Constant typography token for font size 90";
 originalValue: "{!font-size-90}";
 name: "font-size-90";
2044}
2045],
2046"font-weights": [
  {
 category: "font-weight";
 type: "font-weight";
 value: 700;
 comment: "Font weight for bold weight";
 originalValue: "{!font-weight-bold}";
 name: "font-weight-bold";
2054},
2055{
 category: "font-weight";
 type: "font-weight";
 value: 400;
 comment: "Font weight for light weight";
 originalValue: "{!font-weight-normal}";
 name: "font-weight-light";
2062},
2063{
 category: "font-weight";
 type: "font-weight";
 value: 500;
 comment: "Font weight for medium weight";
 originalValue: "{!font-weight-medium}";
 name: "font-weight-medium";
2070},
2071{
 category: "font-weight";
 type: "font-weight";
 value: 400;
 comment: "Font weight for normal weight";
 originalValue: "{!font-weight-normal}";
 name: "font-weight-normal";
2078},
2079{
 category: "font-weight";
 type: "font-weight";
 value: 600;
 comment: "Font weight for semibold weight";
 originalValue: "{!font-weight-semibold}";
 name: "font-weight-semibold";
2086}
2087],
2088"line-heights": [
  {
 category: "line-height";
 type: "number";
 value: 0;
 comment: "Constant line-height token for line-height 0";
 originalValue: "{!line-height-0}";
 name: "line-height-0";
2096},
2097{
 category: "line-height";
 type: "number";
 value: "1rem";
 comment: "Constant line-height token for line-height 10";
 originalValue: "{!line-height-10}";
 name: "line-height-10";
2104},
2105{
 category: "line-height";
 type: "number";
 value: "3.25rem";
 comment: "Constant line-height token for line-height 100";
 originalValue: "{!line-height-100}";
 name: "line-height-100";
2112},
2113{
 category: "line-height";
 type: "number";
 value: "4rem";
 comment: "Constant line-height token for line-height 110";
 originalValue: "{!line-height-110}";
 name: "line-height-110";
2120},
2121{
 category: "line-height";
 type: "number";
 value: "1.25rem";
 comment: "Constant line-height token for line-height 20";
 originalValue: "{!line-height-20}";
 name: "line-height-20";
2128},
2129{
 category: "line-height";
 type: "number";
 value: "1.25rem";
 comment: "Constant line-height token for line-height 30";
 originalValue: "{!line-height-30}";
 name: "line-height-30";
2136},
2137{
 category: "line-height";
 type: "number";
 value: "1.5rem";
 comment: "Constant line-height token for line-height 40";
 originalValue: "{!line-height-40}";
 name: "line-height-40";
2144},
2145{
 category: "line-height";
 type: "number";
 value: "1.75rem";
 comment: "Constant line-height token for line-height 50";
 originalValue: "{!line-height-50}";
 name: "line-height-50";
2152},
2153{
 category: "line-height";
 type: "number";
 value: "1.75rem";
 comment: "Constant line-height token for line-height 60";
 originalValue: "{!line-height-60}";
 name: "line-height-60";
2160},
2161{
 category: "line-height";
 type: "number";
 value: "2rem";
 comment: "Constant line-height token for line-height 70";
 originalValue: "{!line-height-70}";
 name: "line-height-70";
2168},
2169{
 category: "line-height";
 type: "number";
 value: "2.5rem";
 comment: "Constant line-height token for line-height 80";
 originalValue: "{!line-height-80}";
 name: "line-height-80";
2176},
2177{
 category: "line-height";
 type: "number";
 value: "2.75rem";
 comment: "Constant line-height token for line-height 90";
 originalValue: "{!line-height-90}";
 name: "line-height-90";
2184}
2185],
2186"radii": [
  {
 type: "size";
 category: "radius";
 value: 0;
 comment: "Border radius reset";
 originalValue: "{!border-radius-0}";
 name: "border-radius-0";
2194},
2195{
 type: "size";
 category: "radius";
 value: "2px";
 comment: "Small border radius";
 originalValue: "{!border-radius-10}";
 name: "border-radius-10";
2202},
2203{
 type: "size";
 category: "radius";
 value: "4px";
 comment: "Large border radius";
 originalValue: "{!border-radius-20}";
 name: "border-radius-20";
2210},
2211{
 type: "size";
 category: "radius";
 value: "8px";
 comment: "Larger border radius";
 originalValue: "{!border-radius-30}";
 name: "border-radius-30";
2218},
2219{
 type: "size";
 category: "radius";
 value: "50%";
 comment: "Circular border radius";
 originalValue: "{!border-radius-circle}";
 name: "border-radius-circle";
2226},
2227{
 type: "size";
 category: "radius";
 value: "100px";
 comment: "Pill border radius";
 originalValue: "{!border-radius-pill}";
 name: "border-radius-pill";
2234}
2235],
2236"sizings": [
  {
 type: "size";
 category: "sizing";
 value: 0;
 comment: "Generic sizing token scale for UI components.";
 originalValue: "{!size-0}";
 name: "size-0";
2244},
2245{
 type: "size";
 category: "sizing";
 value: "5.5rem";
 comment: "Generic sizing token scale for UI components.";
 originalValue: "{!size-10}";
 name: "size-10";
2252},
2253{
 type: "size";
 category: "sizing";
 value: "64rem";
 comment: "Generic sizing token scale for UI components.";
 originalValue: "{!size-100}";
 name: "size-100";
2260},
2261{
 type: "size";
 category: "sizing";
 value: "70.5rem";
 comment: "Generic sizing token scale for UI components.";
 originalValue: "{!size-110}";
 name: "size-110";
2268},
2269{
 type: "size";
 category: "sizing";
 value: "77rem";
 comment: "Generic sizing token scale for UI components.";
 originalValue: "{!size-120}";
 name: "size-120";
2276},
2277{
 type: "size";
 category: "sizing";
 value: "12rem";
 comment: "Generic sizing token scale for UI components.";
 originalValue: "{!size-20}";
 name: "size-20";
2284},
2285{
 type: "size";
 category: "sizing";
 value: "18.5rem";
 comment: "Generic sizing token scale for UI components.";
 originalValue: "{!size-30}";
 name: "size-30";
2292},
2293{
 type: "size";
 category: "sizing";
 value: "25rem";
 comment: "Generic sizing token scale for UI components.";
 originalValue: "{!size-40}";
 name: "size-40";
2300},
2301{
 type: "size";
 category: "sizing";
 value: "31.5rem";
 comment: "Generic sizing token scale for UI components.";
 originalValue: "{!size-50}";
 name: "size-50";
2308},
2309{
 type: "size";
 category: "sizing";
 value: "38rem";
 comment: "Generic sizing token scale for UI components.";
 originalValue: "{!size-60}";
 name: "size-60";
2316},
2317{
 type: "size";
 category: "sizing";
 value: "44.5rem";
 comment: "Generic sizing token scale for UI components.";
 originalValue: "{!size-70}";
 name: "size-70";
2324},
2325{
 type: "size";
 category: "sizing";
 value: "51rem";
 comment: "Generic sizing token scale for UI components.";
 originalValue: "{!size-80}";
 name: "size-80";
2332},
2333{
 type: "size";
 category: "sizing";
 value: "57.5rem";
 comment: "Generic sizing token scale for UI components.";
 originalValue: "{!size-90}";
 name: "size-90";
2340},
2341{
 type: "size";
 category: "sizing";
 value: "1rem";
 comment: "Maps to line-height tokens 1:1";
 originalValue: "{!line-height-10}";
 name: "size-icon-10";
2348},
2349{
 type: "size";
 category: "sizing";
 value: "3.25rem";
 comment: "Maps to line-height tokens 1:1";
 originalValue: "{!line-height-100}";
 name: "size-icon-100";
2356},
2357{
 type: "size";
 category: "sizing";
 value: "4rem";
 comment: "Maps to line-height tokens 1:1";
 originalValue: "{!line-height-110}";
 name: "size-icon-110";
2364},
2365{
 type: "size";
 category: "sizing";
 value: "1.25rem";
 comment: "Maps to line-height tokens 1:1";
 originalValue: "{!line-height-20}";
 name: "size-icon-20";
2372},
2373{
 type: "size";
 category: "sizing";
 value: "1.25rem";
 comment: "Maps to line-height tokens 1:1";
 originalValue: "{!line-height-30}";
 name: "size-icon-30";
2380},
2381{
 type: "size";
 category: "sizing";
 value: "1.5rem";
 comment: "Maps to line-height tokens 1:1";
 originalValue: "{!line-height-40}";
 name: "size-icon-40";
2388},
2389{
 type: "size";
 category: "sizing";
 value: "1.75rem";
 comment: "Maps to line-height tokens 1:1";
 originalValue: "{!line-height-50}";
 name: "size-icon-50";
2396},
2397{
 type: "size";
 category: "sizing";
 value: "1.75rem";
 comment: "Maps to line-height tokens 1:1";
 originalValue: "{!line-height-60}";
 name: "size-icon-60";
2404},
2405{
 type: "size";
 category: "sizing";
 value: "2rem";
 comment: "Maps to line-height tokens 1:1";
 originalValue: "{!line-height-70}";
 name: "size-icon-70";
2412},
2413{
 type: "size";
 category: "sizing";
 value: "2.5rem";
 comment: "Maps to line-height tokens 1:1";
 originalValue: "{!line-height-80}";
 name: "size-icon-80";
2420},
2421{
 type: "size";
 category: "sizing";
 value: "2.75rem";
 comment: "Maps to line-height tokens 1:1";
 originalValue: "{!line-height-90}";
 name: "size-icon-90";
2428},
2429{
 type: "size";
 category: "sizing";
 value: "13.75rem";
 comment: "Sizing token for sidebar width.";
 originalValue: "{!size-sidebar}";
 name: "size-sidebar";
2436},
2437{
 type: "size";
 category: "sizing";
 value: 0;
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-0}";
 name: "size-square-0";
2444},
2445{
 type: "size";
 category: "sizing";
 value: "0.125rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-10}";
 name: "size-square-10";
2452},
2453{
 type: "size";
 category: "sizing";
 value: "2.25rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-100}";
 name: "size-square-100";
2460},
2461{
 type: "size";
 category: "sizing";
 value: "2.5rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-110}";
 name: "size-square-110";
2468},
2469{
 type: "size";
 category: "sizing";
 value: "2.75rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-120}";
 name: "size-square-120";
2476},
2477{
 type: "size";
 category: "sizing";
 value: "3rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-130}";
 name: "size-square-130";
2484},
2485{
 type: "size";
 category: "sizing";
 value: "3.25rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-140}";
 name: "size-square-140";
2492},
2493{
 type: "size";
 category: "sizing";
 value: "3.5rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-150}";
 name: "size-square-150";
2500},
2501{
 type: "size";
 category: "sizing";
 value: "3.75rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-160}";
 name: "size-square-160";
2508},
2509{
 type: "size";
 category: "sizing";
 value: "4rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-170}";
 name: "size-square-170";
2516},
2517{
 type: "size";
 category: "sizing";
 value: "4.25rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-180}";
 name: "size-square-180";
2524},
2525{
 type: "size";
 category: "sizing";
 value: "4.5rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-190}";
 name: "size-square-190";
2532},
2533{
 type: "size";
 category: "sizing";
 value: "0.25rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-20}";
 name: "size-square-20";
2540},
2541{
 type: "size";
 category: "sizing";
 value: "4.75rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-200}";
 name: "size-square-200";
2548},
2549{
 type: "size";
 category: "sizing";
 value: "0.375rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-25}";
 name: "size-square-25";
2556},
2557{
 type: "size";
 category: "sizing";
 value: "0.5rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-30}";
 name: "size-square-30";
2564},
2565{
 type: "size";
 category: "sizing";
 value: "0.75rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-40}";
 name: "size-square-40";
2572},
2573{
 type: "size";
 category: "sizing";
 value: "1rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-50}";
 name: "size-square-50";
2580},
2581{
 type: "size";
 category: "sizing";
 value: "1.25rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-60}";
 name: "size-square-60";
2588},
2589{
 type: "size";
 category: "sizing";
 value: "1.5rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-70}";
 name: "size-square-70";
2596},
2597{
 type: "size";
 category: "sizing";
 value: "1.75rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-80}";
 name: "size-square-80";
2604},
2605{
 type: "size";
 category: "sizing";
 value: "2rem";
 comment: "Generic square sizing token scale for UI components.";
 originalValue: "{!size-square-90}";
 name: "size-square-90";
2612}
2613],
2614"spacings": [
  {
 category: "spacing";
 type: "size";
 value: 0;
 originalValue: "{!space-0}";
 name: "space-0";
2621},
2622{
 category: "spacing";
 type: "size";
 value: "0.125rem";
 originalValue: "{!space-10}";
 name: "space-10";
2628},
2629{
 category: "spacing";
 type: "size";
 value: "2.25rem";
 originalValue: "{!space-100}";
 name: "space-100";
2635},
2636{
 category: "spacing";
 type: "size";
 value: "2.5rem";
 originalValue: "{!space-110}";
 name: "space-110";
2642},
2643{
 category: "spacing";
 type: "size";
 value: "2.75rem";
 originalValue: "{!space-120}";
 name: "space-120";
2649},
2650{
 category: "spacing";
 type: "size";
 value: "3rem";
 originalValue: "{!space-130}";
 name: "space-130";
2656},
2657{
 category: "spacing";
 type: "size";
 value: "3.25rem";
 originalValue: "{!space-140}";
 name: "space-140";
2663},
2664{
 category: "spacing";
 type: "size";
 value: "3.5rem";
 originalValue: "{!space-150}";
 name: "space-150";
2670},
2671{
 category: "spacing";
 type: "size";
 value: "3.75rem";
 originalValue: "{!space-160}";
 name: "space-160";
2677},
2678{
 category: "spacing";
 type: "size";
 value: "4rem";
 originalValue: "{!space-170}";
 name: "space-170";
2684},
2685{
 category: "spacing";
 type: "size";
 value: "4.25rem";
 originalValue: "{!space-180}";
 name: "space-180";
2691},
2692{
 category: "spacing";
 type: "size";
 value: "4.5rem";
 originalValue: "{!space-190}";
 name: "space-190";
2698},
2699{
 category: "spacing";
 type: "size";
 value: "0.25rem";
 originalValue: "{!space-20}";
 name: "space-20";
2705},
2706{
 category: "spacing";
 type: "size";
 value: "4.75rem";
 originalValue: "{!space-200}";
 name: "space-200";
2712},
2713{
 category: "spacing";
 type: "size";
 value: "0.5rem";
 originalValue: "{!space-30}";
 name: "space-30";
2719},
2720{
 category: "spacing";
 type: "size";
 value: "0.75rem";
 originalValue: "{!space-40}";
 name: "space-40";
2726},
2727{
 category: "spacing";
 type: "size";
 value: "1rem";
 originalValue: "{!space-50}";
 name: "space-50";
2733},
2734{
 category: "spacing";
 type: "size";
 value: "1.25rem";
 originalValue: "{!space-60}";
 name: "space-60";
2740},
2741{
 category: "spacing";
 type: "size";
 value: "1.5rem";
 originalValue: "{!space-70}";
 name: "space-70";
2747},
2748{
 category: "spacing";
 type: "size";
 value: "1.75rem";
 originalValue: "{!space-80}";
 name: "space-80";
2754},
2755{
 category: "spacing";
 type: "size";
 value: "2rem";
 originalValue: "{!space-90}";
 name: "space-90";
2761},
2762{
 category: "spacing";
 type: "size";
 value: "-0.125rem";
 originalValue: "-{!space-10}";
 name: "space-negative-10";
2768},
2769{
 category: "spacing";
 type: "size";
 value: "-2.25rem";
 originalValue: "-{!space-100}";
 name: "space-negative-100";
2775},
2776{
 category: "spacing";
 type: "size";
 value: "-2.5rem";
 originalValue: "-{!space-110}";
 name: "space-negative-110";
2782},
2783{
 category: "spacing";
 type: "size";
 value: "-2.75rem";
 originalValue: "-{!space-120}";
 name: "space-negative-120";
2789},
2790{
 category: "spacing";
 type: "size";
 value: "-3rem";
 originalValue: "-{!space-130}";
 name: "space-negative-130";
2796},
2797{
 category: "spacing";
 type: "size";
 value: "-3.25rem";
 originalValue: "-{!space-140}";
 name: "space-negative-140";
2803},
2804{
 category: "spacing";
 type: "size";
 value: "-3.5rem";
 originalValue: "-{!space-150}";
 name: "space-negative-150";
2810},
2811{
 category: "spacing";
 type: "size";
 value: "-3.75rem";
 originalValue: "-{!space-160}";
 name: "space-negative-160";
2817},
2818{
 category: "spacing";
 type: "size";
 value: "-4rem";
 originalValue: "-{!space-170}";
 name: "space-negative-170";
2824},
2825{
 category: "spacing";
 type: "size";
 value: "-4.25rem";
 originalValue: "-{!space-180}";
 name: "space-negative-180";
2831},
2832{
 category: "spacing";
 type: "size";
 value: "-4.5rem";
 originalValue: "-{!space-190}";
 name: "space-negative-190";
2838},
2839{
 category: "spacing";
 type: "size";
 value: "-0.25rem";
 originalValue: "-{!space-20}";
 name: "space-negative-20";
2845},
2846{
 category: "spacing";
 type: "size";
 value: "-4.75rem";
 originalValue: "-{!space-200}";
 name: "space-negative-200";
2852},
2853{
 category: "spacing";
 type: "size";
 value: "-0.5rem";
 originalValue: "-{!space-30}";
 name: "space-negative-30";
2859},
2860{
 category: "spacing";
 type: "size";
 value: "-0.75rem";
 originalValue: "-{!space-40}";
 name: "space-negative-40";
2866},
2867{
 category: "spacing";
 type: "size";
 value: "-1rem";
 originalValue: "-{!space-50}";
 name: "space-negative-50";
2873},
2874{
 category: "spacing";
 type: "size";
 value: "-1.25rem";
 originalValue: "-{!space-60}";
 name: "space-negative-60";
2880},
2881{
 category: "spacing";
 type: "size";
 value: "-1.5rem";
 originalValue: "-{!space-70}";
 name: "space-negative-70";
2887},
2888{
 category: "spacing";
 type: "size";
 value: "-1.75rem";
 originalValue: "-{!space-80}";
 name: "space-negative-80";
2894},
2895{
 category: "spacing";
 type: "size";
 value: "-2rem";
 originalValue: "-{!space-90}";
 name: "space-negative-90";
2901}
2902],
2903"text-colors": [
  {
 type: "color";
 category: "text-color";
 value: "rgb(18, 28, 45)";
 comment: "Body text color";
 text_contrast_pairing: ["color-background","color-background-strong","color-background-stronger","color-background-body","color-background-user","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-new","color-background-row-striped","color-background-primary-weak","color-background-primary-weaker","color-background-primary-weakest","color-background-destructive-weak","color-background-destructive-weaker","color-background-destructive-weakest"];
 originalValue: "{!palette-gray-100}";
 name: "color-text";
2912},
2913{
 type: "color";
 category: "text-color";
 value: "rgb(242, 47, 70)";
 comment: "Twilio brand red, accessible on large text only.";
 uicontrol_contrast_pairing: ["color-background-body"];
 originalValue: "{!amaranth}";
 name: "color-text-brand-highlight";
2921},
2922{
 type: "color";
 category: "text-color";
 value: "rgb(255, 255, 255)";
 comment: "Text color used on any brand color";
 text_contrast_pairing: ["color-background-body-inverse","color-background-brand"];
 originalValue: "{!white}";
 name: "color-text-brand-inverse";
2930},
2931{
 type: "color";
 category: "text-color";
 value: "rgb(96, 107, 133)";
 comment: "Text color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or border tokens.";
 text_contrast_pairing: ["color-background","color-background-body","color-background-decorative-10"];
 originalValue: "{!palette-gray-60}";
 name: "color-text-decorative-10";
2939},
2940{
 type: "color";
 category: "text-color";
 value: "rgb(0, 20, 137)";
 comment: "Text color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or border tokens.";
 text_contrast_pairing: ["color-background","color-background-body","color-background-decorative-20"];
 originalValue: "{!palette-blue-80}";
 name: "color-text-decorative-20";
2948},
2949{
 type: "color";
 category: "text-color";
 value: "rgb(14, 124, 58)";
 comment: "Text color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or border tokens.";
 text_contrast_pairing: ["color-background","color-background-body","color-background-decorative-30"];
 originalValue: "{!palette-green-70}";
 name: "color-text-decorative-30";
2957},
2958{
 type: "color";
 category: "text-color";
 value: "rgb(109, 46, 209)";
 comment: "Text color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or border tokens.";
 text_contrast_pairing: ["color-background","color-background-body","color-background-decorative-40"];
 originalValue: "{!palette-purple-60}";
 name: "color-text-decorative-40";
2966},
2967{
 type: "color";
 category: "text-color";
 value: "rgb(214, 31, 31)";
 comment: "Error text for inputs and error misc";
 text_contrast_pairing: ["color-background","color-background-body","color-background-neutral-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-red-60}";
 name: "color-text-error";
2975},
2976{
 type: "color";
 category: "text-color";
 value: "rgb(173, 17, 17)";
 comment: "Dark error text for inputs and error misc";
 deprecated: true;
 originalValue: "{!palette-red-70}";
 name: "color-text-error-dark";
2984},
2985{
 type: "color";
 category: "text-color";
 value: "rgb(235, 86, 86)";
 comment: "Light error text for inputs and error misc";
 deprecated: true;
 originalValue: "{!palette-red-50}";
 name: "color-text-error-light";
2993},
2994{
 type: "color";
 category: "text-color";
 value: "rgb(173, 17, 17)";
 comment: "Strong error text for inputs and error misc";
 text_contrast_pairing: ["color-background","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-red-70}";
 name: "color-text-error-strong";
3002},
3003{
 type: "color";
 category: "text-color";
 value: "rgb(235, 86, 86)";
 comment: "Weak error text for inputs and error misc";
 originalValue: "{!palette-red-50}";
 name: "color-text-error-weak";
3010},
3011{
 type: "color";
 category: "text-color";
 value: "rgb(96, 107, 133)";
 comment: "Default icon color.";
 text_contrast_pairing: ["color-background","color-background-body","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 uicontrol_contrast_pairing: ["color-background","color-background-strong","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-new","color-background-row-striped","color-background-primary-weaker","color-background-primary-weakest","color-background-destructive-weaker","color-background-destructive-weakest"];
 originalValue: "{!palette-gray-60}";
 name: "color-text-icon";
3020},
3021{
 type: "color";
 category: "text-color";
 value: "rgb(14, 124, 58)";
 comment: "Icon color for indicating a available status";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-warning-weakest","color-background-row-striped"];
 originalValue: "{!palette-green-70}";
 name: "color-text-icon-available";
3029},
3030{
 type: "color";
 category: "text-color";
 value: "rgb(242, 47, 70)";
 comment: "Twilio brand red icon color used for the Twilio logo.";
 uicontrol_contrast_pairing: ["color-background","color-background-body"];
 originalValue: "{!amaranth}";
 name: "color-text-icon-brand-highlight";
3038},
3039{
 type: "color";
 category: "text-color";
 value: "rgb(255, 255, 255)";
 comment: "Twilio brand icon color used for the Twilio logo on inverse backgrounds.";
 text_contrast_pairing: ["color-background-body-inverse"];
 originalValue: "{!palette-gray-0}";
 name: "color-text-icon-brand-inverse";
3047},
3048{
 type: "color";
 category: "text-color";
 value: "rgb(227, 106, 25)";
 comment: "Icon color for indicating a busy status";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-warning-weakest","color-background-row-striped"];
 originalValue: "{!palette-orange-65}";
 name: "color-text-icon-busy";
3056},
3057{
 type: "color";
 category: "text-color";
 value: "rgb(214, 31, 31)";
 comment: "Icon color for indicating an error.";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-error-weakest","color-background-row-striped"];
 originalValue: "{!palette-red-60}";
 name: "color-text-icon-error";
3065},
3066{
 type: "color";
 category: "text-color";
 value: "rgb(136, 145, 170)";
 comment: "Default icon color for inverse backgrounds.";
 text_contrast_pairing: ["color-background-body-inverse"];
 originalValue: "{!palette-gray-50}";
 name: "color-text-icon-inverse";
3074},
3075{
 type: "color";
 category: "text-color";
 value: "rgb(0, 20, 137)";
 comment: "Icon color for being neutral.";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-neutral-weakest","color-background-row-striped"];
 originalValue: "{!palette-blue-80}";
 name: "color-text-icon-neutral";
3083},
3084{
 type: "color";
 category: "text-color";
 value: "rgb(96, 107, 133)";
 comment: "Icon color for indicating a offline status";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-warning-weakest","color-background-row-striped"];
 originalValue: "{!palette-gray-60}";
 name: "color-text-icon-offline";
3092},
3093{
 type: "color";
 category: "text-color";
 value: "rgb(14, 124, 58)";
 comment: "Icon color for indicating success.";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-success-weakest","color-background-row-striped"];
 originalValue: "{!palette-green-70}";
 name: "color-text-icon-success";
3101},
3102{
 type: "color";
 category: "text-color";
 value: "rgb(214, 31, 31)";
 comment: "Icon color for indicating a unavailable status";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-warning-weakest","color-background-row-striped"];
 originalValue: "{!palette-red-60}";
 name: "color-text-icon-unavailable";
3110},
3111{
 type: "color";
 category: "text-color";
 value: "rgb(227, 106, 25)";
 comment: "Icon color for indicating a warning.";
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-warning-weakest","color-background-row-striped"];
 originalValue: "{!palette-orange-65}";
 name: "color-text-icon-warning";
3119},
3120{
 type: "color";
 category: "text-color";
 value: "rgb(255, 255, 255)";
 comment: "Inverse text color for dark backgrounds. Must pass AA color contrast with color-background-body-inverse.";
 text_contrast_pairing: ["color-background-body-inverse","color-background-brand","color-background-error","color-background-primary","color-background-destructive"];
 originalValue: "{!palette-gray-0}";
 name: "color-text-inverse";
3128},
3129{
 type: "color";
 category: "text-color";
 value: "rgb(174, 178, 193)";
 comment: "Weak inverse text color for dark backgrounds. Must pass AA color contrast with color-background-body-inverse.";
 text_contrast_pairing: ["color-background-body-inverse","color-background-brand"];
 originalValue: "{!palette-gray-40}";
 name: "color-text-inverse-weak";
3137},
3138{
 type: "color";
 category: "text-color";
 value: "rgb(96, 107, 133)";
 comment: "Weaker inverse text color for dark backgrounds. Must pass AA color contrast with color-background-body-inverse.";
 originalValue: "{!palette-gray-60}";
 name: "color-text-inverse-weaker";
3145},
3146{
 type: "color";
 category: "text-color";
 value: "rgb(2, 99, 224)";
 comment: "Link text";
 text_contrast_pairing: ["color-background","color-background-body","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 uicontrol_contrast_pairing: ["color-background","color-background-strong","color-background-body","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-new","color-background-row-striped","color-background-primary-weaker","color-background-primary-weakest","color-background-destructive-weaker","color-background-destructive-weakest"];
 originalValue: "{!palette-blue-60}";
 name: "color-text-link";
3155},
3156{
 type: "color";
 category: "text-color";
 value: "rgb(0, 20, 137)";
 comment: "Dark shade of link text to be used in interactions";
 deprecated: true;
 originalValue: "{!palette-blue-80}";
 name: "color-text-link-dark";
3164},
3165{
 type: "color";
 category: "text-color";
 value: "rgb(3, 11, 93)";
 comment: "Darker shade of link text to be used in interactions";
 deprecated: true;
 originalValue: "{!palette-blue-90}";
 name: "color-text-link-darker";
3173},
3174{
 type: "color";
 category: "text-color";
 value: "rgb(214, 31, 31)";
 comment: "Destructive link text";
 text_contrast_pairing: ["color-background","color-background-body","color-background-neutral-weakest","color-background-warning-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-red-60}";
 name: "color-text-link-destructive";
3182},
3183{
 type: "color";
 category: "text-color";
 value: "rgb(173, 17, 17)";
 comment: "Dark shade of destructive link text to be used in interactions";
 deprecated: true;
 originalValue: "{!palette-red-70}";
 name: "color-text-link-destructive-dark";
3191},
3192{
 type: "color";
 category: "text-color";
 value: "rgb(74, 11, 11)";
 comment: "Darker shade of destructive link text to be used in interactions";
 deprecated: true;
 originalValue: "{!palette-red-90}";
 name: "color-text-link-destructive-darker";
3200},
3201{
 type: "color";
 category: "text-color";
 value: "rgb(246, 177, 177)";
 comment: "Light shade of destructive link text to be used in interactions";
 deprecated: true;
 originalValue: "{!palette-red-30}";
 name: "color-text-link-destructive-light";
3209},
3210{
 type: "color";
 category: "text-color";
 value: "rgb(173, 17, 17)";
 comment: "Strong shade of destructive link text to be used in interactions";
 text_contrast_pairing: ["color-background","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-red-70}";
 name: "color-text-link-destructive-strong";
3218},
3219{
 type: "color";
 category: "text-color";
 value: "rgb(74, 11, 11)";
 comment: "Stronger shade of destructive link text to be used in interactions";
 text_contrast_pairing: ["color-background","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-red-90}";
 name: "color-text-link-destructive-stronger";
3227},
3228{
 type: "color";
 category: "text-color";
 value: "rgb(49, 12, 12)";
 comment: "Strongest shade of destructive link text to be used in interactions";
 text_contrast_pairing: ["color-background","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-red-100}";
 name: "color-text-link-destructive-strongest";
3236},
3237{
 type: "color";
 category: "text-color";
 value: "rgb(246, 177, 177)";
 comment: "Weak shade of destructive link text to be used in interactions";
 originalValue: "{!palette-red-30}";
 name: "color-text-link-destructive-weak";
3244},
3245{
 type: "color";
 category: "text-color";
 value: "rgb(153, 205, 255)";
 comment: "Light shade of link text to be used in interactions";
 deprecated: true;
 originalValue: "{!palette-blue-30}";
 name: "color-text-link-light";
3253},
3254{
 type: "color";
 category: "text-color";
 value: "rgb(0, 20, 137)";
 comment: "Strong shade of link text to be used in interactions";
 text_contrast_pairing: ["color-background","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-blue-80}";
 name: "color-text-link-strong";
3262},
3263{
 type: "color";
 category: "text-color";
 value: "rgb(3, 11, 93)";
 comment: "Stronger shade of link text to be used in interactions";
 text_contrast_pairing: ["color-background","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-blue-90}";
 name: "color-text-link-stronger";
3271},
3272{
 type: "color";
 category: "text-color";
 value: "rgb(6, 3, 58)";
 comment: "Strongest shade of link text to be used in interactions";
 text_contrast_pairing: ["color-background","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-blue-100}";
 name: "color-text-link-strongest";
3280},
3281{
 type: "color";
 category: "text-color";
 value: "rgb(153, 205, 255)";
 comment: "Weak shade of link text to be used in interactions";
 originalValue: "{!palette-blue-30}";
 name: "color-text-link-weak";
3288},
3289{
 type: "color";
 category: "text-color";
 value: "rgb(0, 20, 137)";
 comment: "Color for text indicating a neutral status.";
 text_contrast_pairing: ["color-background","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-blue-80}";
 name: "color-text-neutral";
3297},
3298{
 type: "color";
 category: "text-color";
 value: "rgb(109, 46, 209)";
 comment: "Color for text indicating a new status.";
 text_contrast_pairing: ["color-background","color-background-body","color-background-subaccount","color-background-trial","color-background-neutral-weakest","color-background-success-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-purple-60}";
 name: "color-text-new";
3306},
3307{
 type: "color";
 category: "text-color";
 value: "rgb(14, 124, 58)";
 comment: "Text color for success text.";
 text_contrast_pairing: ["color-background","color-background-body","color-background-success-weakest","color-background-row-striped"];
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-success-weakest","color-background-row-striped"];
 originalValue: "{!palette-green-70}";
 name: "color-text-success";
3316},
3317{
 type: "color";
 category: "text-color";
 value: "rgb(141, 49, 24)";
 comment: "Color for warning text.";
 text_contrast_pairing: ["color-background","color-background-body","color-background-warning-weakest","color-background-row-striped"];
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-warning-weakest","color-background-row-striped"];
 originalValue: "{!palette-orange-80}";
 name: "color-text-warning";
3326},
3327{
 type: "color";
 category: "text-color";
 value: "rgb(195, 83, 35)";
 comment: "Color for dark warning text.";
 deprecated: true;
 originalValue: "{!palette-orange-70}";
 name: "color-text-warning-dark";
3335},
3336{
 type: "color";
 category: "text-color";
 value: "rgb(141, 49, 24)";
 comment: "Color for dark warning text.";
 text_contrast_pairing: ["color-background","color-background-body","color-background-row-striped","color-background-warning-weakest"];
 uicontrol_contrast_pairing: ["color-background","color-background-body","color-background-row-striped","color-background-warning-weakest"];
 originalValue: "{!palette-orange-80}";
 name: "color-text-warning-strong";
3345},
3346{
 type: "color";
 category: "text-color";
 value: "rgb(96, 107, 133)";
 comment: "Weak body text for visual hierarchy.";
 text_contrast_pairing: ["color-background","color-background-body","color-background-neutral-weakest","color-background-warning-weakest","color-background-error-weakest","color-background-row-striped","color-background-primary-weakest","color-background-destructive-weakest"];
 originalValue: "{!palette-gray-60}";
 name: "color-text-weak";
3354},
3355{
 type: "color";
 category: "text-color";
 value: "rgb(174, 178, 193)";
 comment: "Weaker body text for visual hierarchy. Inaccessible unless used on disabled controls.";
 originalValue: "{!palette-gray-40}";
 name: "color-text-weaker";
3362},
3363{
 type: "color";
 category: "text-color";
 value: "rgb(255, 255, 255)";
 comment: "Weakest body text for visual hierarchy. Inaccessible unless used on disabled controls.";
 text_contrast_pairing: ["color-background-primary-strong","color-background-primary-stronger","color-background-primary-strongest","color-background-destructive-strong","color-background-destructive-stronger","color-background-destructive-strongest"];
 originalValue: "{!palette-gray-0}";
 name: "color-text-weakest";
3371}
3372],
3373"z-indices": [
  {
 type: "z-index";
 category: "z-index";
 value: 0;
 originalValue: "{!z-index-0}";
 name: "z-index-0";
3380},
3381{
 type: "z-index";
 category: "z-index";
 value: 10;
 originalValue: "{!z-index-10}";
 name: "z-index-10";
3387},
3388{
 type: "z-index";
 category: "z-index";
 value: 20;
 originalValue: "{!z-index-20}";
 name: "z-index-20";
3394},
3395{
 type: "z-index";
 category: "z-index";
 value: 30;
 originalValue: "{!z-index-30}";
 name: "z-index-30";
3401},
3402{
 type: "z-index";
 category: "z-index";
 value: 40;
 originalValue: "{!z-index-40}";
 name: "z-index-40";
3408},
3409{
 type: "z-index";
 category: "z-index";
 value: 50;
 originalValue: "{!z-index-50}";
 name: "z-index-50";
3415},
3416{
 type: "z-index";
 category: "z-index";
 value: 60;
 originalValue: "{!z-index-60}";
 name: "z-index-60";
3422},
3423{
 type: "z-index";
 category: "z-index";
 value: 70;
 originalValue: "{!z-index-70}";
 name: "z-index-70";
3429},
3430{
 type: "z-index";
 category: "z-index";
 value: 80;
 originalValue: "{!z-index-80}";
 name: "z-index-80";
3436},
3437{
 type: "z-index";
 category: "z-index";
 value: 90;
 originalValue: "{!z-index-90}";
 name: "z-index-90";
3443}
3444]}
3445}
3446export default Tokens;
\No newline at end of file
1	`declare const Tokens: {`
2	`"tokens":{"background-colors": [`
3	`{`
4	`type: "color";`
5	`category: "background-color";`
6	`value: "rgb(244, 244, 246)";`
7	`comment: "Background color used for containers.";`
8	`originalValue: "{!palette-gray-10}";`
9	`name: "color-background";`
10	`},`
11	`{`
12	`type: "color";`
13	`category: "background-color";`
14	`value: "rgb(20, 176, 83)";`
15	`comment: "Background color used to represent an entity or person as \"available\".";`
16	`originalValue: "{!palette-green-60}";`
17	`name: "color-background-available";`
18	`},`
19	`{`
20	`type: "color";`
21	`category: "background-color";`
22	`value: "rgb(255, 255, 255)";`
23	`comment: "Background color used for the main page body.";`
24	`originalValue: "{!palette-gray-0}";`
25	`name: "color-background-body";`
26	`},`
27	`{`
28	`type: "color";`
29	`category: "background-color";`
30	`value: "rgb(18, 28, 45)";`
31	`comment: "Inverse background color used for the main page body.";`
32	`originalValue: "{!palette-gray-100}";`
33	`name: "color-background-body-inverse";`
34	`},`
35	`{`
36	`type: "color";`
37	`category: "background-color";`
38	`value: "rgb(0, 20, 137)";`
39	`comment: "Background color used for brand.";`
40	`originalValue: "{!palette-blue-80}";`