@salesforce-ux/design-system/design-tokens/dist/hooks.json

Salesforce Lightning Design System

{
  "color-neutral-base-100": "rgb(255, 255, 255)",
  "color-neutral-base-95": "rgb(243, 243, 243)",
  "color-neutral-base-90": "rgb(229, 229, 229)",
  "color-neutral-base-80": "rgb(201, 201, 201)",
  "color-neutral-base-70": "rgb(174, 174, 174)",
  "color-neutral-base-65": "rgb(160, 160, 160)",
  "color-neutral-base-60": "rgb(147, 147, 147)",
  "color-neutral-base-50": "rgb(116, 116, 116)",
  "color-neutral-base-40": "rgb(92, 92, 92)",
  "color-neutral-base-30": "rgb(68, 68, 68)",
  "color-neutral-base-20": "rgb(46, 46, 46)",
  "color-neutral-base-15": "rgb(36, 36, 36)",
  "color-neutral-base-10": "rgb(24, 24, 24)",
  "color-brand-base-100": "rgb(255, 255, 255)",
  "color-brand-base-95": "rgb(238, 244, 255)",
  "color-brand-base-90": "rgb(216, 230, 254)",
  "color-brand-base-80": "rgb(170, 203, 255)",
  "color-brand-base-70": "rgb(120, 176, 253)",
  "color-brand-base-65": "rgb(87, 163, 253)",
  "color-brand-base-60": "rgb(27, 150, 255)",
  "color-brand-base-50": "rgb(1, 118, 211)",
  "color-brand-base-40": "rgb(11, 92, 171)",
  "color-brand-base-30": "rgb(1, 68, 134)",
  "color-brand-base-20": "rgb(3, 45, 96)",
  "color-brand-base-15": "rgb(3, 35, 77)",
  "color-brand-base-10": "rgb(0, 22, 57)",
  "color-error-base-100": "rgb(255, 255, 255)",
  "color-error-base-90": "rgb(254, 222, 216)",
  "color-error-base-80": "rgb(254, 184, 171)",
  "color-error-base-70": "rgb(254, 143, 125)",
  "color-error-base-60": "rgb(254, 92, 76)",
  "color-error-base-50": "rgb(234, 0, 30)",
  "color-error-base-40": "rgb(186, 5, 23)",
  "color-error-base-30": "rgb(142, 3, 15)",
  "color-error-base-20": "rgb(100, 1, 3)",
  "color-error-base-10": "rgb(48, 12, 1)",
  "color-warning-base-100": "rgb(255, 255, 255)",
  "color-warning-base-90": "rgb(254, 223, 208)",
  "color-warning-base-80": "rgb(255, 186, 144)",
  "color-warning-base-70": "rgb(254, 147, 57)",
  "color-warning-base-60": "rgb(221, 122, 1)",
  "color-warning-base-50": "rgb(169, 100, 4)",
  "color-warning-base-40": "rgb(130, 81, 1)",
  "color-warning-base-30": "rgb(95, 62, 2)",
  "color-warning-base-20": "rgb(62, 43, 2)",
  "color-warning-base-10": "rgb(32, 22, 0)",
  "color-success-base-100": "rgb(255, 255, 255)",
  "color-success-base-90": "rgb(205, 239, 196)",
  "color-success-base-80": "rgb(145, 219, 139)",
  "color-success-base-70": "rgb(69, 198, 90)",
  "color-success-base-60": "rgb(59, 167, 85)",
  "color-success-base-50": "rgb(46, 132, 74)",
  "color-success-base-40": "rgb(57, 101, 71)",
  "color-success-base-30": "rgb(25, 78, 49)",
  "color-success-base-20": "rgb(28, 51, 38)",
  "color-success-base-10": "rgb(7, 27, 18)",
  "color-border-base-1": "rgb(201, 201, 201)",
  "color-border-base-2": "rgb(174, 174, 174)",
  "color-border-base-3": "rgb(147, 147, 147)",
  "color-border-base-4": "rgb(116, 116, 116)",
  "color-border-brand-1": "rgb(120, 176, 253)",
  "color-border-brand-2": "rgb(27, 150, 255)",
  "link-color": "rgb(11, 92, 171)",
  "link-color-hover": "rgb(1, 68, 134)",
  "link-color-focus": "rgb(1, 68, 134)",
  "link-color-active": "rgb(3, 45, 96)",
  "color-palette-blue-10": "rgb(0, 22, 57)",
  "color-palette-blue-15": "rgb(3, 35, 77)",
  "color-palette-blue-20": "rgb(3, 45, 96)",
  "color-palette-blue-30": "rgb(1, 68, 134)",
  "color-palette-blue-40": "rgb(11, 92, 171)",
  "color-palette-blue-50": "rgb(1, 118, 211)",
  "color-palette-blue-60": "rgb(27, 150, 255)",
  "color-palette-blue-65": "rgb(87, 163, 253)",
  "color-palette-blue-70": "rgb(120, 176, 253)",
  "color-palette-blue-80": "rgb(170, 203, 255)",
  "color-palette-blue-90": "rgb(216, 230, 254)",
  "color-palette-blue-95": "rgb(238, 244, 255)",
  "color-palette-cloud-blue-10": "rgb(0, 26, 40)",
  "color-palette-cloud-blue-15": "rgb(10, 38, 54)",
  "color-palette-cloud-blue-20": "rgb(2, 50, 72)",
  "color-palette-cloud-blue-30": "rgb(8, 73, 104)",
  "color-palette-cloud-blue-40": "rgb(5, 98, 138)",
  "color-palette-cloud-blue-50": "rgb(16, 124, 173)",
  "color-palette-cloud-blue-60": "rgb(13, 157, 218)",
  "color-palette-cloud-blue-65": "rgb(8, 171, 237)",
  "color-palette-cloud-blue-70": "rgb(26, 185, 255)",
  "color-palette-cloud-blue-80": "rgb(144, 208, 254)",
  "color-palette-cloud-blue-90": "rgb(207, 233, 254)",
  "color-palette-cloud-blue-95": "rgb(234, 245, 254)",
  "color-palette-green-10": "rgb(7, 27, 18)",
  "color-palette-green-15": "rgb(12, 41, 18)",
  "color-palette-green-20": "rgb(28, 51, 38)",
  "color-palette-green-30": "rgb(25, 78, 49)",
  "color-palette-green-40": "rgb(57, 101, 71)",
  "color-palette-green-50": "rgb(46, 132, 74)",
  "color-palette-green-60": "rgb(59, 167, 85)",
  "color-palette-green-65": "rgb(65, 182, 88)",
  "color-palette-green-70": "rgb(69, 198, 90)",
  "color-palette-green-80": "rgb(145, 219, 139)",
  "color-palette-green-90": "rgb(205, 239, 196)",
  "color-palette-green-95": "rgb(235, 247, 230)",
  "color-palette-hot-orange-10": "rgb(40, 18, 2)",
  "color-palette-hot-orange-15": "rgb(66, 22, 4)",
  "color-palette-hot-orange-20": "rgb(74, 36, 19)",
  "color-palette-hot-orange-30": "rgb(126, 38, 0)",
  "color-palette-hot-orange-40": "rgb(170, 48, 1)",
  "color-palette-hot-orange-50": "rgb(216, 58, 0)",
  "color-palette-hot-orange-60": "rgb(255, 93, 45)",
  "color-palette-hot-orange-65": "rgb(255, 120, 79)",
  "color-palette-hot-orange-70": "rgb(255, 144, 110)",
  "color-palette-hot-orange-80": "rgb(254, 185, 165)",
  "color-palette-hot-orange-90": "rgb(255, 222, 213)",
  "color-palette-hot-orange-95": "rgb(254, 241, 237)",
  "color-palette-indigo-10": "rgb(32, 6, 71)",
  "color-palette-indigo-15": "rgb(31, 9, 116)",
  "color-palette-indigo-20": "rgb(50, 29, 113)",
  "color-palette-indigo-30": "rgb(47, 44, 183)",
  "color-palette-indigo-40": "rgb(58, 73, 218)",
  "color-palette-indigo-50": "rgb(88, 103, 232)",
  "color-palette-indigo-60": "rgb(127, 140, 237)",
  "color-palette-indigo-65": "rgb(142, 155, 239)",
  "color-palette-indigo-70": "rgb(158, 169, 241)",
  "color-palette-indigo-80": "rgb(190, 199, 246)",
  "color-palette-indigo-90": "rgb(224, 229, 248)",
  "color-palette-indigo-95": "rgb(241, 243, 251)",
  "color-palette-orange-10": "rgb(32, 22, 0)",
  "color-palette-orange-15": "rgb(55, 30, 3)",
  "color-palette-orange-20": "rgb(62, 43, 2)",
  "color-palette-orange-30": "rgb(95, 62, 2)",
  "color-palette-orange-40": "rgb(130, 81, 1)",
  "color-palette-orange-50": "rgb(169, 100, 4)",
  "color-palette-orange-60": "rgb(221, 122, 1)",
  "color-palette-orange-65": "rgb(243, 131, 3)",
  "color-palette-orange-70": "rgb(254, 147, 57)",
  "color-palette-orange-80": "rgb(255, 186, 144)",
  "color-palette-orange-90": "rgb(254, 223, 208)",
  "color-palette-orange-95": "rgb(255, 241, 234)",
  "color-palette-pink-10": "rgb(55, 1, 20)",
  "color-palette-pink-15": "rgb(75, 6, 32)",
  "color-palette-pink-20": "rgb(97, 2, 42)",
  "color-palette-pink-30": "rgb(138, 3, 62)",
  "color-palette-pink-40": "rgb(182, 5, 84)",
  "color-palette-pink-50": "rgb(227, 6, 106)",
  "color-palette-pink-60": "rgb(255, 83, 138)",
  "color-palette-pink-65": "rgb(254, 114, 152)",
  "color-palette-pink-70": "rgb(254, 138, 167)",
  "color-palette-pink-80": "rgb(253, 182, 197)",
  "color-palette-pink-90": "rgb(253, 221, 227)",
  "color-palette-pink-95": "rgb(254, 240, 243)",
  "color-palette-purple-10": "rgb(36, 6, 67)",
  "color-palette-purple-15": "rgb(48, 11, 96)",
  "color-palette-purple-20": "rgb(64, 16, 117)",
  "color-palette-purple-30": "rgb(90, 27, 169)",
  "color-palette-purple-40": "rgb(117, 38, 227)",
  "color-palette-purple-50": "rgb(144, 80, 233)",
  "color-palette-purple-60": "rgb(173, 123, 238)",
  "color-palette-purple-65": "rgb(183, 141, 239)",
  "color-palette-purple-70": "rgb(194, 158, 241)",
  "color-palette-purple-80": "rgb(215, 191, 242)",
  "color-palette-purple-90": "rgb(236, 225, 249)",
  "color-palette-purple-95": "rgb(246, 242, 251)",
  "color-palette-red-10": "rgb(48, 12, 1)",
  "color-palette-red-15": "rgb(74, 12, 4)",
  "color-palette-red-20": "rgb(100, 1, 3)",
  "color-palette-red-30": "rgb(142, 3, 15)",
  "color-palette-red-40": "rgb(186, 5, 23)",
  "color-palette-red-50": "rgb(234, 0, 30)",
  "color-palette-red-60": "rgb(254, 92, 76)",
  "color-palette-red-65": "rgb(254, 119, 101)",
  "color-palette-red-70": "rgb(254, 143, 125)",
  "color-palette-red-80": "rgb(254, 184, 171)",
  "color-palette-red-90": "rgb(254, 222, 216)",
  "color-palette-red-95": "rgb(254, 241, 238)",
  "color-palette-teal-10": "rgb(7, 27, 18)",
  "color-palette-teal-15": "rgb(7, 40, 37)",
  "color-palette-teal-20": "rgb(2, 52, 52)",
  "color-palette-teal-30": "rgb(2, 77, 76)",
  "color-palette-teal-40": "rgb(5, 103, 100)",
  "color-palette-teal-50": "rgb(11, 130, 124)",
  "color-palette-teal-60": "rgb(6, 165, 154)",
  "color-palette-teal-65": "rgb(3, 180, 167)",
  "color-palette-teal-70": "rgb(1, 195, 179)",
  "color-palette-teal-80": "rgb(4, 225, 203)",
  "color-palette-teal-90": "rgb(172, 243, 228)",
  "color-palette-teal-95": "rgb(222, 249, 243)",
  "color-palette-violet-10": "rgb(46, 0, 57)",
  "color-palette-violet-15": "rgb(61, 1, 87)",
  "color-palette-violet-20": "rgb(72, 26, 84)",
  "color-palette-violet-30": "rgb(115, 3, 148)",
  "color-palette-violet-40": "rgb(150, 2, 199)",
  "color-palette-violet-50": "rgb(186, 1, 255)",
  "color-palette-violet-60": "rgb(203, 101, 255)",
  "color-palette-violet-65": "rgb(209, 125, 254)",
  "color-palette-violet-70": "rgb(216, 146, 254)",
  "color-palette-violet-80": "rgb(229, 185, 254)",
  "color-palette-violet-90": "rgb(242, 222, 254)",
  "color-palette-violet-95": "rgb(249, 240, 255)",
  "color-palette-yellow-10": "rgb(40, 18, 2)",
  "color-palette-yellow-15": "rgb(46, 34, 4)",
  "color-palette-yellow-20": "rgb(79, 33, 0)",
  "color-palette-yellow-30": "rgb(111, 52, 0)",
  "color-palette-yellow-40": "rgb(140, 75, 2)",
  "color-palette-yellow-50": "rgb(168, 100, 3)",
  "color-palette-yellow-60": "rgb(202, 133, 1)",
  "color-palette-yellow-65": "rgb(215, 147, 4)",
  "color-palette-yellow-70": "rgb(228, 162, 1)",
  "color-palette-yellow-80": "rgb(252, 192, 3)",
  "color-palette-yellow-90": "rgb(249, 227, 182)",
  "color-palette-yellow-95": "rgb(251, 243, 224)",
  "color-palette-neutral-10": "rgb(24, 24, 24)",
  "color-palette-neutral-15": "rgb(36, 36, 36)",
  "color-palette-neutral-20": "rgb(46, 46, 46)",
  "color-palette-neutral-30": "rgb(68, 68, 68)",
  "color-palette-neutral-40": "rgb(92, 92, 92)",
  "color-palette-neutral-50": "rgb(116, 116, 116)",
  "color-palette-neutral-60": "rgb(147, 147, 147)",
  "color-palette-neutral-65": "rgb(160, 160, 160)",
  "color-palette-neutral-70": "rgb(174, 174, 174)",
  "color-palette-neutral-80": "rgb(201, 201, 201)",
  "color-palette-neutral-90": "rgb(229, 229, 229)",
  "color-palette-neutral-95": "rgb(243, 243, 243)",
  "color-palette-neutral-100": "rgb(255, 255, 255)",
  "spacing-1": "0.25rem",
  "spacing-2": "0.5rem",
  "spacing-3": "0.75rem",
  "spacing-4": "1rem",
  "spacing-5": "1.5rem",
  "spacing-6": "2rem",
  "spacing-7": "2.5rem",
  "spacing-8": "3rem",
  "spacing-9": "3.5rem",
  "spacing-10": "4rem",
  "spacing-11": "4.5rem",
  "spacing-12": "5rem",
  "font-family": "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
  "font-family-monospace": "Consolas, Menlo, Monaco, Courier, monospace",
  "font-weight-bold": "bold",
  "font-weight-1": "100",
  "font-weight-2": "200",
  "font-weight-3": "300",
  "font-weight-4": "400",
  "font-weight-5": "500",
  "font-weight-6": "600",
  "font-weight-7": "700",
  "font-lineheight": "1.5",
  "font-lineheight-1": "1",
  "font-lineheight-2": "1.25",
  "font-lineheight-3": "1.375",
  "font-lineheight-4": "1.5",
  "font-lineheight-5": "1.75",
  "font-lineheight-6": "2",
  "font-size-base": "1rem",
  "font-scale-neg-4": "0.625rem",
  "font-scale-neg-3": "0.75rem",
  "font-scale-neg-2": "0.8125rem",
  "font-scale-neg-1": "0.875rem",
  "font-scale-1": "1.125rem",
  "font-scale-2": "1.266rem",
  "font-scale-3": "1.424rem",
  "font-scale-4": "1.602rem",
  "font-scale-5": "1.802rem",
  "font-scale-6": "2.027rem",
  "font-scale-7": "2.281rem",
  "font-scale-8": "2.566rem",
  "font-scale-9": "2.887rem",
  "font-scale-10": "3.247rem",
  "radius-border-1": "0.125rem",
  "radius-border-2": "0.25rem",
  "radius-border-3": "0.5rem",
  "radius-border-4": "1rem",
  "radius-border-circle": "100%",
  "ratio-square": "1",
  "ratio-landscape": "4/3",
  "ratio-portrait": "3/4",
  "ratio-wide": "16/9",
  "ratio-ultrawide": "18/5",
  "shadow-1": "0 0 2px 0 #18181814, 0 2px 4px 1px #18181828",
  "shadow-2": "0 2px 8px -2px #18181814, 0 8px 12px -2px #18181828",
  "shadow-3": "0 12px 24px -4px #18181814, 0 16px 32px -4px #18181828",
  "shadow-4": "0 24px 48px -4px #18181833",
  "sizing-border-1": "1px",
  "sizing-border-2": "2px",
  "sizing-border-3": "3px",
  "sizing-border-4": "4px",
  "sizing-1": "0.125rem",
  "sizing-2": "0.25rem",
  "sizing-3": "0.5rem",
  "sizing-4": "0.75rem",
  "sizing-5": "1rem",
  "sizing-6": "1.25rem",
  "sizing-7": "1.5rem",
  "sizing-8": "1.75rem",
  "sizing-9": "2rem",
  "sizing-10": "3rem",
  "sizing-11": "4rem",
  "sizing-12": "5rem",
  "sizing-13": "10rem",
  "sizing-14": "15rem",
  "sizing-15": "20rem",
  "sizing-16": "30rem",
  "sizing-content-1": "20ch",
  "sizing-content-2": "45ch",
  "sizing-content-3": "60ch",
  "sizing-heading-1": "20ch",
  "sizing-heading-2": "25ch",
  "sizing-heading-3": "35ch"
}