Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@launchpad-ui/vars

Package Overview
Dependencies
Maintainers
0
Versions
33
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@launchpad-ui/vars - npm Package Compare versions

Comparing version 0.2.20 to 0.2.21

2

dist/index.es.js

@@ -1,2 +0,2 @@

var vars = { borderRadius: { regular: "var(--lp-border-radius-regular)", medium: "var(--lp-border-radius-medium)", large: "var(--lp-border-radius-large)" }, borderWidth: { "100": "var(--lp-border-width-100)", "200": "var(--lp-border-width-200)", "300": "var(--lp-border-width-300)" }, color: { bg: { feedback: { primary: "var(--lp-color-bg-feedback-primary)", error: "var(--lp-color-bg-feedback-error)", info: "var(--lp-color-bg-feedback-info)", success: "var(--lp-color-bg-feedback-success)", warning: "var(--lp-color-bg-feedback-warning)" }, interactive: { primary: { base: "var(--lp-color-bg-interactive-primary-base)", active: "var(--lp-color-bg-interactive-primary-active)", focus: "var(--lp-color-bg-interactive-primary-focus)", hover: "var(--lp-color-bg-interactive-primary-hover)" }, secondary: { base: "var(--lp-color-bg-interactive-secondary-base)", active: "var(--lp-color-bg-interactive-secondary-active)", focus: "var(--lp-color-bg-interactive-secondary-focus)", hover: "var(--lp-color-bg-interactive-secondary-hover)" }, "secondary-flair": { base: "var(--lp-color-bg-interactive-secondary-flair-base)", active: "var(--lp-color-bg-interactive-secondary-flair-active)", focus: "var(--lp-color-bg-interactive-secondary-flair-focus)", hover: "var(--lp-color-bg-interactive-secondary-flair-hover)" }, tertiary: { base: "var(--lp-color-bg-interactive-tertiary-base)", active: "var(--lp-color-bg-interactive-tertiary-active)", focus: "var(--lp-color-bg-interactive-tertiary-focus)", hover: "var(--lp-color-bg-interactive-tertiary-hover)" }, "tertiary-flair": { base: "var(--lp-color-bg-interactive-tertiary-flair-base)", active: "var(--lp-color-bg-interactive-tertiary-flair-active)", focus: "var(--lp-color-bg-interactive-tertiary-flair-focus)", hover: "var(--lp-color-bg-interactive-tertiary-flair-hover)" }, success: { base: "var(--lp-color-bg-interactive-success-base)", hover: "var(--lp-color-bg-interactive-success-hover)", focus: "var(--lp-color-bg-interactive-success-focus)", active: "var(--lp-color-bg-interactive-success-active)" }, destructive: { base: "var(--lp-color-bg-interactive-destructive-base)", active: "var(--lp-color-bg-interactive-destructive-active)", focus: "var(--lp-color-bg-interactive-destructive-focus)", hover: "var(--lp-color-bg-interactive-destructive-hover)" }, disabled: "var(--lp-color-bg-interactive-disabled)", link: "var(--lp-color-bg-interactive-link)", selected: "var(--lp-color-bg-interactive-selected)" }, ui: { primary: "var(--lp-color-bg-ui-primary)", "primary-flair": "var(--lp-color-bg-ui-primary-flair)", secondary: "var(--lp-color-bg-ui-secondary)", tertiary: "var(--lp-color-bg-ui-tertiary)", quaternary: "var(--lp-color-bg-ui-quaternary)" }, overlay: { primary: "var(--lp-color-bg-overlay-primary)", secondary: "var(--lp-color-bg-overlay-secondary)" }, field: { base: "var(--lp-color-bg-field-base)", disabled: "var(--lp-color-bg-field-disabled)", error: "var(--lp-color-bg-field-error)", aside: "var(--lp-color-bg-field-aside)" }, product: { beta: "var(--lp-color-bg-product-beta)", federal: "var(--lp-color-bg-product-federal)", "toggle-chip-on": "var(--lp-color-bg-product-toggle-chip-on)", "toggle-chip-off": "var(--lp-color-bg-product-toggle-chip-off)" } }, border: { feedback: { error: "var(--lp-color-border-feedback-error)", info: "var(--lp-color-border-feedback-info)", success: "var(--lp-color-border-feedback-success)", warning: "var(--lp-color-border-feedback-warning)" }, field: { base: "var(--lp-color-border-field-base)", active: "var(--lp-color-border-field-active)", focus: "var(--lp-color-border-field-focus)", error: "var(--lp-color-border-field-error)", disabled: "var(--lp-color-border-field-disabled)" }, interactive: { focus: "var(--lp-color-border-interactive-focus)", primary: { base: "var(--lp-color-border-interactive-primary-base)", active: "var(--lp-color-border-interactive-primary-active)", focus: "var(--lp-color-border-interactive-primary-focus)", hover: "var(--lp-color-border-interactive-primary-hover)" }, "primary-flair": { base: "var(--lp-color-border-interactive-primary-flair-base)", active: "var(--lp-color-border-interactive-primary-flair-active)", focus: "var(--lp-color-border-interactive-primary-flair-focus)", hover: "var(--lp-color-border-interactive-primary-flair-hover)" }, secondary: { base: "var(--lp-color-border-interactive-secondary-base)", active: "var(--lp-color-border-interactive-secondary-active)", focus: "var(--lp-color-border-interactive-secondary-focus)", hover: "var(--lp-color-border-interactive-secondary-hover)" }, "secondary-flair": { base: "var(--lp-color-border-interactive-secondary-flair-base)", active: "var(--lp-color-border-interactive-secondary-flair-active)", focus: "var(--lp-color-border-interactive-secondary-flair-focus)", hover: "var(--lp-color-border-interactive-secondary-flair-hover)" }, success: { base: "var(--lp-color-border-interactive-success-base)", hover: "var(--lp-color-border-interactive-success-hover)", focus: "var(--lp-color-border-interactive-success-focus)", active: "var(--lp-color-border-interactive-success-active)" }, destructive: "var(--lp-color-border-interactive-destructive)", disabled: "var(--lp-color-border-interactive-disabled)", selected: "var(--lp-color-border-interactive-selected)" }, ui: { primary: "var(--lp-color-border-ui-primary)", "primary-flair": "var(--lp-color-border-ui-primary-flair)", secondary: "var(--lp-color-border-ui-secondary)" }, overlay: { secondary: "var(--lp-color-border-overlay-secondary)" } }, fill: { feedback: { error: "var(--lp-color-fill-feedback-error)", info: "var(--lp-color-fill-feedback-info)", success: "var(--lp-color-fill-feedback-success)", warning: "var(--lp-color-fill-feedback-warning)" }, interactive: { primary: "var(--lp-color-fill-interactive-primary)", success: { base: "var(--lp-color-fill-interactive-success-base)", hover: "var(--lp-color-fill-interactive-success-hover)", focus: "var(--lp-color-fill-interactive-success-focus)", active: "var(--lp-color-fill-interactive-success-active)" }, destructive: "var(--lp-color-fill-interactive-destructive)", disabled: "var(--lp-color-fill-interactive-disabled)" }, ui: { primary: "var(--lp-color-fill-ui-primary)", secondary: "var(--lp-color-fill-ui-secondary)", "primary-flair": "var(--lp-color-fill-ui-primary-flair)" }, field: { base: "var(--lp-color-fill-field-base)" } }, shadow: { interactive: { focus: "var(--lp-color-shadow-interactive-focus)", primary: "var(--lp-color-shadow-interactive-primary)" }, ui: { primary: "var(--lp-color-shadow-ui-primary)" } }, text: { feedback: { base: "var(--lp-color-text-feedback-base)", error: "var(--lp-color-text-feedback-error)", success: "var(--lp-color-text-feedback-success)", warning: "var(--lp-color-text-feedback-warning)", info: "var(--lp-color-text-feedback-info)" }, interactive: { base: "var(--lp-color-text-interactive-base)", active: "var(--lp-color-text-interactive-active)", primary: { base: "var(--lp-color-text-interactive-primary-base)", active: "var(--lp-color-text-interactive-primary-active)", focus: "var(--lp-color-text-interactive-primary-focus)", hover: "var(--lp-color-text-interactive-primary-hover)" }, secondary: "var(--lp-color-text-interactive-secondary)", success: { base: "var(--lp-color-text-interactive-success-base)", hover: "var(--lp-color-text-interactive-success-hover)", focus: "var(--lp-color-text-interactive-success-focus)", active: "var(--lp-color-text-interactive-success-active)" }, destructive: "var(--lp-color-text-interactive-destructive)", disabled: "var(--lp-color-text-interactive-disabled)", flair: { focus: "var(--lp-color-text-interactive-flair-focus)", hover: "var(--lp-color-text-interactive-flair-hover)", base: "var(--lp-color-text-interactive-flair-base)", active: "var(--lp-color-text-interactive-flair-active)" } }, ui: { primary: { base: "var(--lp-color-text-ui-primary-base)", inverted: "var(--lp-color-text-ui-primary-inverted)" }, secondary: "var(--lp-color-text-ui-secondary)", tertiary: "var(--lp-color-text-ui-tertiary)" }, overlay: { primary: "var(--lp-color-text-overlay-primary)", secondary: "var(--lp-color-text-overlay-secondary)" }, field: { base: "var(--lp-color-text-field-base)", disabled: "var(--lp-color-text-field-disabled)", placeholder: "var(--lp-color-text-field-placeholder)" }, product: { beta: "var(--lp-color-text-product-beta)", code: "var(--lp-color-text-product-code)", federal: "var(--lp-color-text-product-federal)", flair: "var(--lp-color-text-product-flair)", "toggle-chip-on": "var(--lp-color-text-product-toggle-chip-on)", "toggle-chip-off": "var(--lp-color-text-product-toggle-chip-off)" }, code: { "function": "var(--lp-color-text-code-function)", tag: "var(--lp-color-text-code-tag)", string: "var(--lp-color-text-code-string)", comment: "var(--lp-color-text-code-comment)", base: "var(--lp-color-text-code-base)" } }, blue: { "0": "var(--lp-color-blue-0)", "50": "var(--lp-color-blue-50)", "100": "var(--lp-color-blue-100)", "200": "var(--lp-color-blue-200)", "300": "var(--lp-color-blue-300)", "400": "var(--lp-color-blue-400)", "500": "var(--lp-color-blue-500)", "600": "var(--lp-color-blue-600)", "700": "var(--lp-color-blue-700)", "800": "var(--lp-color-blue-800)", "900": "var(--lp-color-blue-900)", "950": "var(--lp-color-blue-950)" }, cyan: { "0": "var(--lp-color-cyan-0)", "50": "var(--lp-color-cyan-50)", "100": "var(--lp-color-cyan-100)", "200": "var(--lp-color-cyan-200)", "300": "var(--lp-color-cyan-300)", "400": "var(--lp-color-cyan-400)", "500": "var(--lp-color-cyan-500)", "600": "var(--lp-color-cyan-600)", "700": "var(--lp-color-cyan-700)", "800": "var(--lp-color-cyan-800)", "900": "var(--lp-color-cyan-900)", "950": "var(--lp-color-cyan-950)" }, pink: { "0": "var(--lp-color-pink-0)", "50": "var(--lp-color-pink-50)", "100": "var(--lp-color-pink-100)", "200": "var(--lp-color-pink-200)", "300": "var(--lp-color-pink-300)", "400": "var(--lp-color-pink-400)", "500": "var(--lp-color-pink-500)", "600": "var(--lp-color-pink-600)", "700": "var(--lp-color-pink-700)", "800": "var(--lp-color-pink-800)", "900": "var(--lp-color-pink-900)", "950": "var(--lp-color-pink-950)" }, purple: { "0": "var(--lp-color-purple-0)", "50": "var(--lp-color-purple-50)", "100": "var(--lp-color-purple-100)", "200": "var(--lp-color-purple-200)", "300": "var(--lp-color-purple-300)", "400": "var(--lp-color-purple-400)", "500": "var(--lp-color-purple-500)", "600": "var(--lp-color-purple-600)", "700": "var(--lp-color-purple-700)", "800": "var(--lp-color-purple-800)", "900": "var(--lp-color-purple-900)", "950": "var(--lp-color-purple-950)" }, yellow: { "0": "var(--lp-color-yellow-0)", "50": "var(--lp-color-yellow-50)", "100": "var(--lp-color-yellow-100)", "200": "var(--lp-color-yellow-200)", "300": "var(--lp-color-yellow-300)", "400": "var(--lp-color-yellow-400)", "500": "var(--lp-color-yellow-500)", "600": "var(--lp-color-yellow-600)", "700": "var(--lp-color-yellow-700)", "800": "var(--lp-color-yellow-800)", "900": "var(--lp-color-yellow-900)", "950": "var(--lp-color-yellow-950)" }, gray: { "0": "var(--lp-color-gray-0)", "50": "var(--lp-color-gray-50)", "100": "var(--lp-color-gray-100)", "200": "var(--lp-color-gray-200)", "300": "var(--lp-color-gray-300)", "400": "var(--lp-color-gray-400)", "500": "var(--lp-color-gray-500)", "600": "var(--lp-color-gray-600)", "700": "var(--lp-color-gray-700)", "800": "var(--lp-color-gray-800)", "900": "var(--lp-color-gray-900)", "950": "var(--lp-color-gray-950)" }, white: { "0": "var(--lp-color-white-0)", "50": "var(--lp-color-white-50)", "100": "var(--lp-color-white-100)", "200": "var(--lp-color-white-200)", "300": "var(--lp-color-white-300)", "400": "var(--lp-color-white-400)", "500": "var(--lp-color-white-500)", "600": "var(--lp-color-white-600)", "700": "var(--lp-color-white-700)", "800": "var(--lp-color-white-800)", "900": "var(--lp-color-white-900)", "950": "var(--lp-color-white-950)" }, black: { "0": "var(--lp-color-black-0)", "50": "var(--lp-color-black-50)", "100": "var(--lp-color-black-100)", "200": "var(--lp-color-black-200)", "300": "var(--lp-color-black-300)", "400": "var(--lp-color-black-400)", "500": "var(--lp-color-black-500)", "600": "var(--lp-color-black-600)", "700": "var(--lp-color-black-700)", "800": "var(--lp-color-black-800)", "900": "var(--lp-color-black-900)", "950": "var(--lp-color-black-950)" }, system: { green: { "0": "var(--lp-color-system-green-0)", "50": "var(--lp-color-system-green-50)", "100": "var(--lp-color-system-green-100)", "200": "var(--lp-color-system-green-200)", "300": "var(--lp-color-system-green-300)", "400": "var(--lp-color-system-green-400)", "500": "var(--lp-color-system-green-500)", "600": "var(--lp-color-system-green-600)", "700": "var(--lp-color-system-green-700)", "800": "var(--lp-color-system-green-800)", "900": "var(--lp-color-system-green-900)", "950": "var(--lp-color-system-green-950)" }, red: { "0": "var(--lp-color-system-red-0)", "50": "var(--lp-color-system-red-50)", "100": "var(--lp-color-system-red-100)", "200": "var(--lp-color-system-red-200)", "300": "var(--lp-color-system-red-300)", "400": "var(--lp-color-system-red-400)", "500": "var(--lp-color-system-red-500)", "600": "var(--lp-color-system-red-600)", "700": "var(--lp-color-system-red-700)", "800": "var(--lp-color-system-red-800)", "900": "var(--lp-color-system-red-900)", "950": "var(--lp-color-system-red-950)" }, yellow: { "0": "var(--lp-color-system-yellow-0)", "50": "var(--lp-color-system-yellow-50)", "100": "var(--lp-color-system-yellow-100)", "200": "var(--lp-color-system-yellow-200)", "300": "var(--lp-color-system-yellow-300)", "400": "var(--lp-color-system-yellow-400)", "500": "var(--lp-color-system-yellow-500)", "600": "var(--lp-color-system-yellow-600)", "700": "var(--lp-color-system-yellow-700)", "800": "var(--lp-color-system-yellow-800)", "900": "var(--lp-color-system-yellow-900)", "950": "var(--lp-color-system-yellow-950)" } }, gradient: { "yellow-cyan": "var(--lp-color-gradient-yellow-cyan)", "cyan-blue": "var(--lp-color-gradient-cyan-blue)", "cyan-purple": "var(--lp-color-gradient-cyan-purple)", "purple-blue": "var(--lp-color-gradient-purple-blue)", "pink-purple": "var(--lp-color-gradient-pink-purple)" } }, duration: { "0": "var(--lp-duration-0)", "100": "var(--lp-duration-100)", "150": "var(--lp-duration-150)", "200": "var(--lp-duration-200)", "250": "var(--lp-duration-250)", "300": "var(--lp-duration-300)", "350": "var(--lp-duration-350)", "400": "var(--lp-duration-400)", "500": "var(--lp-duration-500)" }, fontFamily: { base: "var(--lp-font-family-base)", monospace: "var(--lp-font-family-monospace)", display: "var(--lp-font-family-display)" }, fontSize: { "100": "var(--lp-font-size-100)", "200": "var(--lp-font-size-200)", "300": "var(--lp-font-size-300)", "400": "var(--lp-font-size-400)", "500": "var(--lp-font-size-500)", "600": "var(--lp-font-size-600)", "700": "var(--lp-font-size-700)", "800": "var(--lp-font-size-800)" }, fontWeight: { light: "var(--lp-font-weight-light)", regular: "var(--lp-font-weight-regular)", medium: "var(--lp-font-weight-medium)", semibold: "var(--lp-font-weight-semibold)", bold: "var(--lp-font-weight-bold)", extrabold: "var(--lp-font-weight-extrabold)" }, lineHeight: { "100": "var(--lp-line-height-100)", "200": "var(--lp-line-height-200)", "300": "var(--lp-line-height-300)", "400": "var(--lp-line-height-400)", "500": "var(--lp-line-height-500)" }, size: { "0": "var(--lp-size-0)", "1": "var(--lp-size-1)", "2": "var(--lp-size-2)", "3": "var(--lp-size-3)", "4": "var(--lp-size-4)", "6": "var(--lp-size-6)", "8": "var(--lp-size-8)", "10": "var(--lp-size-10)", "11": "var(--lp-size-11)", "12": "var(--lp-size-12)", "13": "var(--lp-size-13)", "14": "var(--lp-size-14)", "15": "var(--lp-size-15)", "16": "var(--lp-size-16)", "18": "var(--lp-size-18)", "20": "var(--lp-size-20)", "24": "var(--lp-size-24)", "28": "var(--lp-size-28)", "32": "var(--lp-size-32)", "36": "var(--lp-size-36)", "40": "var(--lp-size-40)", "44": "var(--lp-size-44)", "48": "var(--lp-size-48)", "56": "var(--lp-size-56)", "64": "var(--lp-size-64)", "72": "var(--lp-size-72)", "80": "var(--lp-size-80)", "96": "var(--lp-size-96)", "112": "var(--lp-size-112)", "128": "var(--lp-size-128)", "144": "var(--lp-size-144)", "160": "var(--lp-size-160)", "176": "var(--lp-size-176)", "192": "var(--lp-size-192)", "208": "var(--lp-size-208)", "224": "var(--lp-size-224)", "240": "var(--lp-size-240)", "256": "var(--lp-size-256)", "320": "var(--lp-size-320)", "400": "var(--lp-size-400)", "480": "var(--lp-size-480)", "560": "var(--lp-size-560)", "640": "var(--lp-size-640)", "720": "var(--lp-size-720)", "800": "var(--lp-size-800)", "960": "var(--lp-size-960)", "1120": "var(--lp-size-1120)", "1200": "var(--lp-size-1200)", "1280": "var(--lp-size-1280)", "1440": "var(--lp-size-1440)" }, spacing: { "100": "var(--lp-spacing-100)", "200": "var(--lp-spacing-200)", "300": "var(--lp-spacing-300)", "400": "var(--lp-spacing-400)", "500": "var(--lp-spacing-500)", "600": "var(--lp-spacing-600)", "700": "var(--lp-spacing-700)", "800": "var(--lp-spacing-800)", "900": "var(--lp-spacing-900)" }, heading: { "1": { medium: "var(--lp-heading-1-medium)", semibold: "var(--lp-heading-1-semibold)", extrabold: "var(--lp-heading-1-extrabold)" }, "2": { medium: "var(--lp-heading-2-medium)", semibold: "var(--lp-heading-2-semibold)", extrabold: "var(--lp-heading-2-extrabold)" }, "3": { medium: "var(--lp-heading-3-medium)", semibold: "var(--lp-heading-3-semibold)", extrabold: "var(--lp-heading-3-extrabold)" } }, body: { "1": { regular: "var(--lp-body-1-regular)", semibold: "var(--lp-body-1-semibold)", extrabold: "var(--lp-body-1-extrabold)" }, "2": { regular: "var(--lp-body-2-regular)", semibold: "var(--lp-body-2-semibold)", extrabold: "var(--lp-body-2-extrabold)" } }, small: { "1": { regular: "var(--lp-small-1-regular)", medium: "var(--lp-small-1-medium)", semibold: "var(--lp-small-1-semibold)" } }, label: { "1": { regular: "var(--lp-label-1-regular)", medium: "var(--lp-label-1-medium)" }, "2": { regular: "var(--lp-label-2-regular)", medium: "var(--lp-label-2-medium)" } }, code: { "1": { regular: "var(--lp-code-1-regular)" }, "2": { regular: "var(--lp-code-2-regular)" } }, display: { "1": "var(--lp-display-1)" }, viewport: { mobile: "var(--lp-viewport-mobile)", tablet: "var(--lp-viewport-tablet)", desktop: "var(--lp-viewport-desktop)", wide: "var(--lp-viewport-wide)" }, zIndex: { "100": "var(--lp-z-index-100)", "200": "var(--lp-z-index-200)", "300": "var(--lp-z-index-300)", "400": "var(--lp-z-index-400)", "500": "var(--lp-z-index-500)", "600": "var(--lp-z-index-600)", "700": "var(--lp-z-index-700)", "800": "var(--lp-z-index-800)", "900": "var(--lp-z-index-900)" } };
var vars = { borderRadius: { regular: "var(--lp-border-radius-regular)", medium: "var(--lp-border-radius-medium)", large: "var(--lp-border-radius-large)" }, borderWidth: { "100": "var(--lp-border-width-100)", "200": "var(--lp-border-width-200)", "300": "var(--lp-border-width-300)" }, color: { bg: { feedback: { primary: "var(--lp-color-bg-feedback-primary)", error: "var(--lp-color-bg-feedback-error)", info: "var(--lp-color-bg-feedback-info)", success: "var(--lp-color-bg-feedback-success)", warning: "var(--lp-color-bg-feedback-warning)" }, interactive: { primary: { base: "var(--lp-color-bg-interactive-primary-base)", active: "var(--lp-color-bg-interactive-primary-active)", focus: "var(--lp-color-bg-interactive-primary-focus)", hover: "var(--lp-color-bg-interactive-primary-hover)" }, secondary: { base: "var(--lp-color-bg-interactive-secondary-base)", active: "var(--lp-color-bg-interactive-secondary-active)", focus: "var(--lp-color-bg-interactive-secondary-focus)", hover: "var(--lp-color-bg-interactive-secondary-hover)" }, "secondary-flair": { base: "var(--lp-color-bg-interactive-secondary-flair-base)", active: "var(--lp-color-bg-interactive-secondary-flair-active)", focus: "var(--lp-color-bg-interactive-secondary-flair-focus)", hover: "var(--lp-color-bg-interactive-secondary-flair-hover)" }, tertiary: { base: "var(--lp-color-bg-interactive-tertiary-base)", active: "var(--lp-color-bg-interactive-tertiary-active)", focus: "var(--lp-color-bg-interactive-tertiary-focus)", hover: "var(--lp-color-bg-interactive-tertiary-hover)" }, "tertiary-flair": { base: "var(--lp-color-bg-interactive-tertiary-flair-base)", active: "var(--lp-color-bg-interactive-tertiary-flair-active)", focus: "var(--lp-color-bg-interactive-tertiary-flair-focus)", hover: "var(--lp-color-bg-interactive-tertiary-flair-hover)" }, success: { base: "var(--lp-color-bg-interactive-success-base)", hover: "var(--lp-color-bg-interactive-success-hover)", focus: "var(--lp-color-bg-interactive-success-focus)", active: "var(--lp-color-bg-interactive-success-active)" }, destructive: { base: "var(--lp-color-bg-interactive-destructive-base)", active: "var(--lp-color-bg-interactive-destructive-active)", focus: "var(--lp-color-bg-interactive-destructive-focus)", hover: "var(--lp-color-bg-interactive-destructive-hover)" }, disabled: "var(--lp-color-bg-interactive-disabled)", link: "var(--lp-color-bg-interactive-link)", selected: "var(--lp-color-bg-interactive-selected)" }, ui: { primary: "var(--lp-color-bg-ui-primary)", "primary-flair": "var(--lp-color-bg-ui-primary-flair)", secondary: "var(--lp-color-bg-ui-secondary)", tertiary: "var(--lp-color-bg-ui-tertiary)", quaternary: "var(--lp-color-bg-ui-quaternary)" }, overlay: { primary: "var(--lp-color-bg-overlay-primary)", secondary: "var(--lp-color-bg-overlay-secondary)" }, field: { base: "var(--lp-color-bg-field-base)", disabled: "var(--lp-color-bg-field-disabled)", error: "var(--lp-color-bg-field-error)", aside: "var(--lp-color-bg-field-aside)" }, product: { beta: "var(--lp-color-bg-product-beta)", federal: "var(--lp-color-bg-product-federal)", "toggle-chip-on": "var(--lp-color-bg-product-toggle-chip-on)", "toggle-chip-off": "var(--lp-color-bg-product-toggle-chip-off)" } }, border: { feedback: { error: "var(--lp-color-border-feedback-error)", info: "var(--lp-color-border-feedback-info)", success: "var(--lp-color-border-feedback-success)", warning: "var(--lp-color-border-feedback-warning)" }, field: { base: "var(--lp-color-border-field-base)", active: "var(--lp-color-border-field-active)", focus: "var(--lp-color-border-field-focus)", error: "var(--lp-color-border-field-error)", disabled: "var(--lp-color-border-field-disabled)" }, interactive: { focus: "var(--lp-color-border-interactive-focus)", primary: { base: "var(--lp-color-border-interactive-primary-base)", active: "var(--lp-color-border-interactive-primary-active)", focus: "var(--lp-color-border-interactive-primary-focus)", hover: "var(--lp-color-border-interactive-primary-hover)" }, "primary-flair": { base: "var(--lp-color-border-interactive-primary-flair-base)", active: "var(--lp-color-border-interactive-primary-flair-active)", focus: "var(--lp-color-border-interactive-primary-flair-focus)", hover: "var(--lp-color-border-interactive-primary-flair-hover)" }, secondary: { base: "var(--lp-color-border-interactive-secondary-base)", active: "var(--lp-color-border-interactive-secondary-active)", focus: "var(--lp-color-border-interactive-secondary-focus)", hover: "var(--lp-color-border-interactive-secondary-hover)" }, "secondary-flair": { base: "var(--lp-color-border-interactive-secondary-flair-base)", active: "var(--lp-color-border-interactive-secondary-flair-active)", focus: "var(--lp-color-border-interactive-secondary-flair-focus)", hover: "var(--lp-color-border-interactive-secondary-flair-hover)" }, success: { base: "var(--lp-color-border-interactive-success-base)", hover: "var(--lp-color-border-interactive-success-hover)", focus: "var(--lp-color-border-interactive-success-focus)", active: "var(--lp-color-border-interactive-success-active)" }, destructive: "var(--lp-color-border-interactive-destructive)", disabled: "var(--lp-color-border-interactive-disabled)", selected: "var(--lp-color-border-interactive-selected)" }, ui: { primary: "var(--lp-color-border-ui-primary)", "primary-flair": "var(--lp-color-border-ui-primary-flair)", secondary: "var(--lp-color-border-ui-secondary)" }, overlay: { secondary: "var(--lp-color-border-overlay-secondary)" } }, fill: { feedback: { error: "var(--lp-color-fill-feedback-error)", info: "var(--lp-color-fill-feedback-info)", success: "var(--lp-color-fill-feedback-success)", warning: "var(--lp-color-fill-feedback-warning)" }, interactive: { primary: "var(--lp-color-fill-interactive-primary)", success: { base: "var(--lp-color-fill-interactive-success-base)", hover: "var(--lp-color-fill-interactive-success-hover)", focus: "var(--lp-color-fill-interactive-success-focus)", active: "var(--lp-color-fill-interactive-success-active)" }, destructive: "var(--lp-color-fill-interactive-destructive)", disabled: "var(--lp-color-fill-interactive-disabled)" }, ui: { primary: "var(--lp-color-fill-ui-primary)", secondary: "var(--lp-color-fill-ui-secondary)", "primary-flair": "var(--lp-color-fill-ui-primary-flair)" }, field: { base: "var(--lp-color-fill-field-base)" } }, shadow: { interactive: { focus: "var(--lp-color-shadow-interactive-focus)", primary: "var(--lp-color-shadow-interactive-primary)" }, ui: { primary: "var(--lp-color-shadow-ui-primary)" } }, text: { feedback: { base: "var(--lp-color-text-feedback-base)", error: "var(--lp-color-text-feedback-error)", success: "var(--lp-color-text-feedback-success)", warning: "var(--lp-color-text-feedback-warning)", info: "var(--lp-color-text-feedback-info)" }, interactive: { base: "var(--lp-color-text-interactive-base)", active: "var(--lp-color-text-interactive-active)", primary: { base: "var(--lp-color-text-interactive-primary-base)", active: "var(--lp-color-text-interactive-primary-active)", focus: "var(--lp-color-text-interactive-primary-focus)", hover: "var(--lp-color-text-interactive-primary-hover)" }, secondary: "var(--lp-color-text-interactive-secondary)", success: { base: "var(--lp-color-text-interactive-success-base)", hover: "var(--lp-color-text-interactive-success-hover)", focus: "var(--lp-color-text-interactive-success-focus)", active: "var(--lp-color-text-interactive-success-active)" }, destructive: "var(--lp-color-text-interactive-destructive)", disabled: "var(--lp-color-text-interactive-disabled)", flair: { focus: "var(--lp-color-text-interactive-flair-focus)", hover: "var(--lp-color-text-interactive-flair-hover)", base: "var(--lp-color-text-interactive-flair-base)", active: "var(--lp-color-text-interactive-flair-active)" } }, ui: { primary: { base: "var(--lp-color-text-ui-primary-base)", inverted: "var(--lp-color-text-ui-primary-inverted)" }, secondary: "var(--lp-color-text-ui-secondary)", tertiary: "var(--lp-color-text-ui-tertiary)" }, overlay: { primary: "var(--lp-color-text-overlay-primary)", secondary: "var(--lp-color-text-overlay-secondary)" }, field: { base: "var(--lp-color-text-field-base)", disabled: "var(--lp-color-text-field-disabled)", placeholder: "var(--lp-color-text-field-placeholder)" }, product: { beta: "var(--lp-color-text-product-beta)", code: "var(--lp-color-text-product-code)", federal: "var(--lp-color-text-product-federal)", flair: "var(--lp-color-text-product-flair)", "toggle-chip-on": "var(--lp-color-text-product-toggle-chip-on)", "toggle-chip-off": "var(--lp-color-text-product-toggle-chip-off)" }, code: { "function": "var(--lp-color-text-code-function)", tag: "var(--lp-color-text-code-tag)", string: "var(--lp-color-text-code-string)", comment: "var(--lp-color-text-code-comment)", base: "var(--lp-color-text-code-base)" } }, blue: { "0": "var(--lp-color-blue-0)", "50": "var(--lp-color-blue-50)", "100": "var(--lp-color-blue-100)", "200": "var(--lp-color-blue-200)", "300": "var(--lp-color-blue-300)", "400": "var(--lp-color-blue-400)", "500": "var(--lp-color-blue-500)", "600": "var(--lp-color-blue-600)", "700": "var(--lp-color-blue-700)", "800": "var(--lp-color-blue-800)", "900": "var(--lp-color-blue-900)", "950": "var(--lp-color-blue-950)" }, cyan: { "0": "var(--lp-color-cyan-0)", "50": "var(--lp-color-cyan-50)", "100": "var(--lp-color-cyan-100)", "200": "var(--lp-color-cyan-200)", "300": "var(--lp-color-cyan-300)", "400": "var(--lp-color-cyan-400)", "500": "var(--lp-color-cyan-500)", "600": "var(--lp-color-cyan-600)", "700": "var(--lp-color-cyan-700)", "800": "var(--lp-color-cyan-800)", "900": "var(--lp-color-cyan-900)", "950": "var(--lp-color-cyan-950)" }, pink: { "0": "var(--lp-color-pink-0)", "50": "var(--lp-color-pink-50)", "100": "var(--lp-color-pink-100)", "200": "var(--lp-color-pink-200)", "300": "var(--lp-color-pink-300)", "400": "var(--lp-color-pink-400)", "500": "var(--lp-color-pink-500)", "600": "var(--lp-color-pink-600)", "700": "var(--lp-color-pink-700)", "800": "var(--lp-color-pink-800)", "900": "var(--lp-color-pink-900)", "950": "var(--lp-color-pink-950)" }, purple: { "0": "var(--lp-color-purple-0)", "50": "var(--lp-color-purple-50)", "100": "var(--lp-color-purple-100)", "200": "var(--lp-color-purple-200)", "300": "var(--lp-color-purple-300)", "400": "var(--lp-color-purple-400)", "500": "var(--lp-color-purple-500)", "600": "var(--lp-color-purple-600)", "700": "var(--lp-color-purple-700)", "800": "var(--lp-color-purple-800)", "900": "var(--lp-color-purple-900)", "950": "var(--lp-color-purple-950)" }, yellow: { "0": "var(--lp-color-yellow-0)", "50": "var(--lp-color-yellow-50)", "100": "var(--lp-color-yellow-100)", "200": "var(--lp-color-yellow-200)", "300": "var(--lp-color-yellow-300)", "400": "var(--lp-color-yellow-400)", "500": "var(--lp-color-yellow-500)", "600": "var(--lp-color-yellow-600)", "700": "var(--lp-color-yellow-700)", "800": "var(--lp-color-yellow-800)", "900": "var(--lp-color-yellow-900)", "950": "var(--lp-color-yellow-950)" }, gray: { "0": "var(--lp-color-gray-0)", "50": "var(--lp-color-gray-50)", "100": "var(--lp-color-gray-100)", "200": "var(--lp-color-gray-200)", "300": "var(--lp-color-gray-300)", "400": "var(--lp-color-gray-400)", "500": "var(--lp-color-gray-500)", "600": "var(--lp-color-gray-600)", "700": "var(--lp-color-gray-700)", "800": "var(--lp-color-gray-800)", "900": "var(--lp-color-gray-900)", "950": "var(--lp-color-gray-950)" }, white: { "0": "var(--lp-color-white-0)", "50": "var(--lp-color-white-50)", "100": "var(--lp-color-white-100)", "200": "var(--lp-color-white-200)", "300": "var(--lp-color-white-300)", "400": "var(--lp-color-white-400)", "500": "var(--lp-color-white-500)", "600": "var(--lp-color-white-600)", "700": "var(--lp-color-white-700)", "800": "var(--lp-color-white-800)", "900": "var(--lp-color-white-900)", "950": "var(--lp-color-white-950)" }, black: { "0": "var(--lp-color-black-0)", "50": "var(--lp-color-black-50)", "100": "var(--lp-color-black-100)", "200": "var(--lp-color-black-200)", "300": "var(--lp-color-black-300)", "400": "var(--lp-color-black-400)", "500": "var(--lp-color-black-500)", "600": "var(--lp-color-black-600)", "700": "var(--lp-color-black-700)", "800": "var(--lp-color-black-800)", "900": "var(--lp-color-black-900)", "950": "var(--lp-color-black-950)" }, system: { green: { "0": "var(--lp-color-system-green-0)", "50": "var(--lp-color-system-green-50)", "100": "var(--lp-color-system-green-100)", "200": "var(--lp-color-system-green-200)", "300": "var(--lp-color-system-green-300)", "400": "var(--lp-color-system-green-400)", "500": "var(--lp-color-system-green-500)", "600": "var(--lp-color-system-green-600)", "700": "var(--lp-color-system-green-700)", "800": "var(--lp-color-system-green-800)", "900": "var(--lp-color-system-green-900)", "950": "var(--lp-color-system-green-950)" }, red: { "0": "var(--lp-color-system-red-0)", "50": "var(--lp-color-system-red-50)", "100": "var(--lp-color-system-red-100)", "200": "var(--lp-color-system-red-200)", "300": "var(--lp-color-system-red-300)", "400": "var(--lp-color-system-red-400)", "500": "var(--lp-color-system-red-500)", "600": "var(--lp-color-system-red-600)", "700": "var(--lp-color-system-red-700)", "800": "var(--lp-color-system-red-800)", "900": "var(--lp-color-system-red-900)", "950": "var(--lp-color-system-red-950)" }, yellow: { "0": "var(--lp-color-system-yellow-0)", "50": "var(--lp-color-system-yellow-50)", "100": "var(--lp-color-system-yellow-100)", "200": "var(--lp-color-system-yellow-200)", "300": "var(--lp-color-system-yellow-300)", "400": "var(--lp-color-system-yellow-400)", "500": "var(--lp-color-system-yellow-500)", "600": "var(--lp-color-system-yellow-600)", "700": "var(--lp-color-system-yellow-700)", "800": "var(--lp-color-system-yellow-800)", "900": "var(--lp-color-system-yellow-900)", "950": "var(--lp-color-system-yellow-950)" } }, gradient: { "yellow-cyan": "var(--lp-color-gradient-yellow-cyan)", "cyan-blue": "var(--lp-color-gradient-cyan-blue)", "cyan-purple": "var(--lp-color-gradient-cyan-purple)", "purple-blue": "var(--lp-color-gradient-purple-blue)", "pink-purple": "var(--lp-color-gradient-pink-purple)" } }, duration: { "0": "var(--lp-duration-0)", "100": "var(--lp-duration-100)", "150": "var(--lp-duration-150)", "200": "var(--lp-duration-200)", "250": "var(--lp-duration-250)", "300": "var(--lp-duration-300)", "350": "var(--lp-duration-350)", "400": "var(--lp-duration-400)", "500": "var(--lp-duration-500)" }, fontFamily: { base: "var(--lp-font-family-base)", monospace: "var(--lp-font-family-monospace)", display: "var(--lp-font-family-display)" }, fontSize: { "100": "var(--lp-font-size-100)", "200": "var(--lp-font-size-200)", "300": "var(--lp-font-size-300)", "400": "var(--lp-font-size-400)", "500": "var(--lp-font-size-500)", "600": "var(--lp-font-size-600)", "700": "var(--lp-font-size-700)", "800": "var(--lp-font-size-800)" }, fontWeight: { light: "var(--lp-font-weight-light)", regular: "var(--lp-font-weight-regular)", medium: "var(--lp-font-weight-medium)", semibold: "var(--lp-font-weight-semibold)", bold: "var(--lp-font-weight-bold)", extrabold: "var(--lp-font-weight-extrabold)" }, lineHeight: { "100": "var(--lp-line-height-100)", "200": "var(--lp-line-height-200)", "300": "var(--lp-line-height-300)", "400": "var(--lp-line-height-400)", "500": "var(--lp-line-height-500)" }, size: { "0": "var(--lp-size-0)", "1": "var(--lp-size-1)", "2": "var(--lp-size-2)", "3": "var(--lp-size-3)", "4": "var(--lp-size-4)", "6": "var(--lp-size-6)", "8": "var(--lp-size-8)", "10": "var(--lp-size-10)", "11": "var(--lp-size-11)", "12": "var(--lp-size-12)", "13": "var(--lp-size-13)", "14": "var(--lp-size-14)", "15": "var(--lp-size-15)", "16": "var(--lp-size-16)", "18": "var(--lp-size-18)", "20": "var(--lp-size-20)", "24": "var(--lp-size-24)", "28": "var(--lp-size-28)", "32": "var(--lp-size-32)", "36": "var(--lp-size-36)", "40": "var(--lp-size-40)", "44": "var(--lp-size-44)", "48": "var(--lp-size-48)", "56": "var(--lp-size-56)", "64": "var(--lp-size-64)", "72": "var(--lp-size-72)", "80": "var(--lp-size-80)", "96": "var(--lp-size-96)", "112": "var(--lp-size-112)", "128": "var(--lp-size-128)", "144": "var(--lp-size-144)", "160": "var(--lp-size-160)", "176": "var(--lp-size-176)", "192": "var(--lp-size-192)", "208": "var(--lp-size-208)", "224": "var(--lp-size-224)", "240": "var(--lp-size-240)", "256": "var(--lp-size-256)", "320": "var(--lp-size-320)", "400": "var(--lp-size-400)", "480": "var(--lp-size-480)", "560": "var(--lp-size-560)", "640": "var(--lp-size-640)", "720": "var(--lp-size-720)", "800": "var(--lp-size-800)", "960": "var(--lp-size-960)", "1120": "var(--lp-size-1120)", "1200": "var(--lp-size-1200)", "1280": "var(--lp-size-1280)", "1440": "var(--lp-size-1440)" }, spacing: { "100": "var(--lp-spacing-100)", "200": "var(--lp-spacing-200)", "300": "var(--lp-spacing-300)", "400": "var(--lp-spacing-400)", "500": "var(--lp-spacing-500)", "600": "var(--lp-spacing-600)", "700": "var(--lp-spacing-700)", "800": "var(--lp-spacing-800)", "900": "var(--lp-spacing-900)" }, text: { heading: { "1": { medium: "var(--lp-text-heading-1-medium)", semibold: "var(--lp-text-heading-1-semibold)", extrabold: "var(--lp-text-heading-1-extrabold)" }, "2": { medium: "var(--lp-text-heading-2-medium)", semibold: "var(--lp-text-heading-2-semibold)", extrabold: "var(--lp-text-heading-2-extrabold)" }, "3": { medium: "var(--lp-text-heading-3-medium)", semibold: "var(--lp-text-heading-3-semibold)", extrabold: "var(--lp-text-heading-3-extrabold)" } }, body: { "1": { regular: "var(--lp-text-body-1-regular)", semibold: "var(--lp-text-body-1-semibold)", extrabold: "var(--lp-text-body-1-extrabold)" }, "2": { regular: "var(--lp-text-body-2-regular)", semibold: "var(--lp-text-body-2-semibold)", extrabold: "var(--lp-text-body-2-extrabold)" } }, small: { "1": { regular: "var(--lp-text-small-1-regular)", medium: "var(--lp-text-small-1-medium)", semibold: "var(--lp-text-small-1-semibold)" } }, label: { "1": { regular: "var(--lp-text-label-1-regular)", medium: "var(--lp-text-label-1-medium)" }, "2": { regular: "var(--lp-text-label-2-regular)", medium: "var(--lp-text-label-2-medium)" } }, code: { "1": { regular: "var(--lp-text-code-1-regular)" }, "2": { regular: "var(--lp-text-code-2-regular)" } }, display: { "1": "var(--lp-text-display-1)" } }, viewport: { mobile: "var(--lp-viewport-mobile)", tablet: "var(--lp-viewport-tablet)", desktop: "var(--lp-viewport-desktop)", wide: "var(--lp-viewport-wide)" }, zIndex: { "100": "var(--lp-z-index-100)", "200": "var(--lp-z-index-200)", "300": "var(--lp-z-index-300)", "400": "var(--lp-z-index-400)", "500": "var(--lp-z-index-500)", "600": "var(--lp-z-index-600)", "700": "var(--lp-z-index-700)", "800": "var(--lp-z-index-800)", "900": "var(--lp-z-index-900)" } };
export {

@@ -3,0 +3,0 @@ vars

2

dist/index.js
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
var vars = { borderRadius: { regular: "var(--lp-border-radius-regular)", medium: "var(--lp-border-radius-medium)", large: "var(--lp-border-radius-large)" }, borderWidth: { "100": "var(--lp-border-width-100)", "200": "var(--lp-border-width-200)", "300": "var(--lp-border-width-300)" }, color: { bg: { feedback: { primary: "var(--lp-color-bg-feedback-primary)", error: "var(--lp-color-bg-feedback-error)", info: "var(--lp-color-bg-feedback-info)", success: "var(--lp-color-bg-feedback-success)", warning: "var(--lp-color-bg-feedback-warning)" }, interactive: { primary: { base: "var(--lp-color-bg-interactive-primary-base)", active: "var(--lp-color-bg-interactive-primary-active)", focus: "var(--lp-color-bg-interactive-primary-focus)", hover: "var(--lp-color-bg-interactive-primary-hover)" }, secondary: { base: "var(--lp-color-bg-interactive-secondary-base)", active: "var(--lp-color-bg-interactive-secondary-active)", focus: "var(--lp-color-bg-interactive-secondary-focus)", hover: "var(--lp-color-bg-interactive-secondary-hover)" }, "secondary-flair": { base: "var(--lp-color-bg-interactive-secondary-flair-base)", active: "var(--lp-color-bg-interactive-secondary-flair-active)", focus: "var(--lp-color-bg-interactive-secondary-flair-focus)", hover: "var(--lp-color-bg-interactive-secondary-flair-hover)" }, tertiary: { base: "var(--lp-color-bg-interactive-tertiary-base)", active: "var(--lp-color-bg-interactive-tertiary-active)", focus: "var(--lp-color-bg-interactive-tertiary-focus)", hover: "var(--lp-color-bg-interactive-tertiary-hover)" }, "tertiary-flair": { base: "var(--lp-color-bg-interactive-tertiary-flair-base)", active: "var(--lp-color-bg-interactive-tertiary-flair-active)", focus: "var(--lp-color-bg-interactive-tertiary-flair-focus)", hover: "var(--lp-color-bg-interactive-tertiary-flair-hover)" }, success: { base: "var(--lp-color-bg-interactive-success-base)", hover: "var(--lp-color-bg-interactive-success-hover)", focus: "var(--lp-color-bg-interactive-success-focus)", active: "var(--lp-color-bg-interactive-success-active)" }, destructive: { base: "var(--lp-color-bg-interactive-destructive-base)", active: "var(--lp-color-bg-interactive-destructive-active)", focus: "var(--lp-color-bg-interactive-destructive-focus)", hover: "var(--lp-color-bg-interactive-destructive-hover)" }, disabled: "var(--lp-color-bg-interactive-disabled)", link: "var(--lp-color-bg-interactive-link)", selected: "var(--lp-color-bg-interactive-selected)" }, ui: { primary: "var(--lp-color-bg-ui-primary)", "primary-flair": "var(--lp-color-bg-ui-primary-flair)", secondary: "var(--lp-color-bg-ui-secondary)", tertiary: "var(--lp-color-bg-ui-tertiary)", quaternary: "var(--lp-color-bg-ui-quaternary)" }, overlay: { primary: "var(--lp-color-bg-overlay-primary)", secondary: "var(--lp-color-bg-overlay-secondary)" }, field: { base: "var(--lp-color-bg-field-base)", disabled: "var(--lp-color-bg-field-disabled)", error: "var(--lp-color-bg-field-error)", aside: "var(--lp-color-bg-field-aside)" }, product: { beta: "var(--lp-color-bg-product-beta)", federal: "var(--lp-color-bg-product-federal)", "toggle-chip-on": "var(--lp-color-bg-product-toggle-chip-on)", "toggle-chip-off": "var(--lp-color-bg-product-toggle-chip-off)" } }, border: { feedback: { error: "var(--lp-color-border-feedback-error)", info: "var(--lp-color-border-feedback-info)", success: "var(--lp-color-border-feedback-success)", warning: "var(--lp-color-border-feedback-warning)" }, field: { base: "var(--lp-color-border-field-base)", active: "var(--lp-color-border-field-active)", focus: "var(--lp-color-border-field-focus)", error: "var(--lp-color-border-field-error)", disabled: "var(--lp-color-border-field-disabled)" }, interactive: { focus: "var(--lp-color-border-interactive-focus)", primary: { base: "var(--lp-color-border-interactive-primary-base)", active: "var(--lp-color-border-interactive-primary-active)", focus: "var(--lp-color-border-interactive-primary-focus)", hover: "var(--lp-color-border-interactive-primary-hover)" }, "primary-flair": { base: "var(--lp-color-border-interactive-primary-flair-base)", active: "var(--lp-color-border-interactive-primary-flair-active)", focus: "var(--lp-color-border-interactive-primary-flair-focus)", hover: "var(--lp-color-border-interactive-primary-flair-hover)" }, secondary: { base: "var(--lp-color-border-interactive-secondary-base)", active: "var(--lp-color-border-interactive-secondary-active)", focus: "var(--lp-color-border-interactive-secondary-focus)", hover: "var(--lp-color-border-interactive-secondary-hover)" }, "secondary-flair": { base: "var(--lp-color-border-interactive-secondary-flair-base)", active: "var(--lp-color-border-interactive-secondary-flair-active)", focus: "var(--lp-color-border-interactive-secondary-flair-focus)", hover: "var(--lp-color-border-interactive-secondary-flair-hover)" }, success: { base: "var(--lp-color-border-interactive-success-base)", hover: "var(--lp-color-border-interactive-success-hover)", focus: "var(--lp-color-border-interactive-success-focus)", active: "var(--lp-color-border-interactive-success-active)" }, destructive: "var(--lp-color-border-interactive-destructive)", disabled: "var(--lp-color-border-interactive-disabled)", selected: "var(--lp-color-border-interactive-selected)" }, ui: { primary: "var(--lp-color-border-ui-primary)", "primary-flair": "var(--lp-color-border-ui-primary-flair)", secondary: "var(--lp-color-border-ui-secondary)" }, overlay: { secondary: "var(--lp-color-border-overlay-secondary)" } }, fill: { feedback: { error: "var(--lp-color-fill-feedback-error)", info: "var(--lp-color-fill-feedback-info)", success: "var(--lp-color-fill-feedback-success)", warning: "var(--lp-color-fill-feedback-warning)" }, interactive: { primary: "var(--lp-color-fill-interactive-primary)", success: { base: "var(--lp-color-fill-interactive-success-base)", hover: "var(--lp-color-fill-interactive-success-hover)", focus: "var(--lp-color-fill-interactive-success-focus)", active: "var(--lp-color-fill-interactive-success-active)" }, destructive: "var(--lp-color-fill-interactive-destructive)", disabled: "var(--lp-color-fill-interactive-disabled)" }, ui: { primary: "var(--lp-color-fill-ui-primary)", secondary: "var(--lp-color-fill-ui-secondary)", "primary-flair": "var(--lp-color-fill-ui-primary-flair)" }, field: { base: "var(--lp-color-fill-field-base)" } }, shadow: { interactive: { focus: "var(--lp-color-shadow-interactive-focus)", primary: "var(--lp-color-shadow-interactive-primary)" }, ui: { primary: "var(--lp-color-shadow-ui-primary)" } }, text: { feedback: { base: "var(--lp-color-text-feedback-base)", error: "var(--lp-color-text-feedback-error)", success: "var(--lp-color-text-feedback-success)", warning: "var(--lp-color-text-feedback-warning)", info: "var(--lp-color-text-feedback-info)" }, interactive: { base: "var(--lp-color-text-interactive-base)", active: "var(--lp-color-text-interactive-active)", primary: { base: "var(--lp-color-text-interactive-primary-base)", active: "var(--lp-color-text-interactive-primary-active)", focus: "var(--lp-color-text-interactive-primary-focus)", hover: "var(--lp-color-text-interactive-primary-hover)" }, secondary: "var(--lp-color-text-interactive-secondary)", success: { base: "var(--lp-color-text-interactive-success-base)", hover: "var(--lp-color-text-interactive-success-hover)", focus: "var(--lp-color-text-interactive-success-focus)", active: "var(--lp-color-text-interactive-success-active)" }, destructive: "var(--lp-color-text-interactive-destructive)", disabled: "var(--lp-color-text-interactive-disabled)", flair: { focus: "var(--lp-color-text-interactive-flair-focus)", hover: "var(--lp-color-text-interactive-flair-hover)", base: "var(--lp-color-text-interactive-flair-base)", active: "var(--lp-color-text-interactive-flair-active)" } }, ui: { primary: { base: "var(--lp-color-text-ui-primary-base)", inverted: "var(--lp-color-text-ui-primary-inverted)" }, secondary: "var(--lp-color-text-ui-secondary)", tertiary: "var(--lp-color-text-ui-tertiary)" }, overlay: { primary: "var(--lp-color-text-overlay-primary)", secondary: "var(--lp-color-text-overlay-secondary)" }, field: { base: "var(--lp-color-text-field-base)", disabled: "var(--lp-color-text-field-disabled)", placeholder: "var(--lp-color-text-field-placeholder)" }, product: { beta: "var(--lp-color-text-product-beta)", code: "var(--lp-color-text-product-code)", federal: "var(--lp-color-text-product-federal)", flair: "var(--lp-color-text-product-flair)", "toggle-chip-on": "var(--lp-color-text-product-toggle-chip-on)", "toggle-chip-off": "var(--lp-color-text-product-toggle-chip-off)" }, code: { "function": "var(--lp-color-text-code-function)", tag: "var(--lp-color-text-code-tag)", string: "var(--lp-color-text-code-string)", comment: "var(--lp-color-text-code-comment)", base: "var(--lp-color-text-code-base)" } }, blue: { "0": "var(--lp-color-blue-0)", "50": "var(--lp-color-blue-50)", "100": "var(--lp-color-blue-100)", "200": "var(--lp-color-blue-200)", "300": "var(--lp-color-blue-300)", "400": "var(--lp-color-blue-400)", "500": "var(--lp-color-blue-500)", "600": "var(--lp-color-blue-600)", "700": "var(--lp-color-blue-700)", "800": "var(--lp-color-blue-800)", "900": "var(--lp-color-blue-900)", "950": "var(--lp-color-blue-950)" }, cyan: { "0": "var(--lp-color-cyan-0)", "50": "var(--lp-color-cyan-50)", "100": "var(--lp-color-cyan-100)", "200": "var(--lp-color-cyan-200)", "300": "var(--lp-color-cyan-300)", "400": "var(--lp-color-cyan-400)", "500": "var(--lp-color-cyan-500)", "600": "var(--lp-color-cyan-600)", "700": "var(--lp-color-cyan-700)", "800": "var(--lp-color-cyan-800)", "900": "var(--lp-color-cyan-900)", "950": "var(--lp-color-cyan-950)" }, pink: { "0": "var(--lp-color-pink-0)", "50": "var(--lp-color-pink-50)", "100": "var(--lp-color-pink-100)", "200": "var(--lp-color-pink-200)", "300": "var(--lp-color-pink-300)", "400": "var(--lp-color-pink-400)", "500": "var(--lp-color-pink-500)", "600": "var(--lp-color-pink-600)", "700": "var(--lp-color-pink-700)", "800": "var(--lp-color-pink-800)", "900": "var(--lp-color-pink-900)", "950": "var(--lp-color-pink-950)" }, purple: { "0": "var(--lp-color-purple-0)", "50": "var(--lp-color-purple-50)", "100": "var(--lp-color-purple-100)", "200": "var(--lp-color-purple-200)", "300": "var(--lp-color-purple-300)", "400": "var(--lp-color-purple-400)", "500": "var(--lp-color-purple-500)", "600": "var(--lp-color-purple-600)", "700": "var(--lp-color-purple-700)", "800": "var(--lp-color-purple-800)", "900": "var(--lp-color-purple-900)", "950": "var(--lp-color-purple-950)" }, yellow: { "0": "var(--lp-color-yellow-0)", "50": "var(--lp-color-yellow-50)", "100": "var(--lp-color-yellow-100)", "200": "var(--lp-color-yellow-200)", "300": "var(--lp-color-yellow-300)", "400": "var(--lp-color-yellow-400)", "500": "var(--lp-color-yellow-500)", "600": "var(--lp-color-yellow-600)", "700": "var(--lp-color-yellow-700)", "800": "var(--lp-color-yellow-800)", "900": "var(--lp-color-yellow-900)", "950": "var(--lp-color-yellow-950)" }, gray: { "0": "var(--lp-color-gray-0)", "50": "var(--lp-color-gray-50)", "100": "var(--lp-color-gray-100)", "200": "var(--lp-color-gray-200)", "300": "var(--lp-color-gray-300)", "400": "var(--lp-color-gray-400)", "500": "var(--lp-color-gray-500)", "600": "var(--lp-color-gray-600)", "700": "var(--lp-color-gray-700)", "800": "var(--lp-color-gray-800)", "900": "var(--lp-color-gray-900)", "950": "var(--lp-color-gray-950)" }, white: { "0": "var(--lp-color-white-0)", "50": "var(--lp-color-white-50)", "100": "var(--lp-color-white-100)", "200": "var(--lp-color-white-200)", "300": "var(--lp-color-white-300)", "400": "var(--lp-color-white-400)", "500": "var(--lp-color-white-500)", "600": "var(--lp-color-white-600)", "700": "var(--lp-color-white-700)", "800": "var(--lp-color-white-800)", "900": "var(--lp-color-white-900)", "950": "var(--lp-color-white-950)" }, black: { "0": "var(--lp-color-black-0)", "50": "var(--lp-color-black-50)", "100": "var(--lp-color-black-100)", "200": "var(--lp-color-black-200)", "300": "var(--lp-color-black-300)", "400": "var(--lp-color-black-400)", "500": "var(--lp-color-black-500)", "600": "var(--lp-color-black-600)", "700": "var(--lp-color-black-700)", "800": "var(--lp-color-black-800)", "900": "var(--lp-color-black-900)", "950": "var(--lp-color-black-950)" }, system: { green: { "0": "var(--lp-color-system-green-0)", "50": "var(--lp-color-system-green-50)", "100": "var(--lp-color-system-green-100)", "200": "var(--lp-color-system-green-200)", "300": "var(--lp-color-system-green-300)", "400": "var(--lp-color-system-green-400)", "500": "var(--lp-color-system-green-500)", "600": "var(--lp-color-system-green-600)", "700": "var(--lp-color-system-green-700)", "800": "var(--lp-color-system-green-800)", "900": "var(--lp-color-system-green-900)", "950": "var(--lp-color-system-green-950)" }, red: { "0": "var(--lp-color-system-red-0)", "50": "var(--lp-color-system-red-50)", "100": "var(--lp-color-system-red-100)", "200": "var(--lp-color-system-red-200)", "300": "var(--lp-color-system-red-300)", "400": "var(--lp-color-system-red-400)", "500": "var(--lp-color-system-red-500)", "600": "var(--lp-color-system-red-600)", "700": "var(--lp-color-system-red-700)", "800": "var(--lp-color-system-red-800)", "900": "var(--lp-color-system-red-900)", "950": "var(--lp-color-system-red-950)" }, yellow: { "0": "var(--lp-color-system-yellow-0)", "50": "var(--lp-color-system-yellow-50)", "100": "var(--lp-color-system-yellow-100)", "200": "var(--lp-color-system-yellow-200)", "300": "var(--lp-color-system-yellow-300)", "400": "var(--lp-color-system-yellow-400)", "500": "var(--lp-color-system-yellow-500)", "600": "var(--lp-color-system-yellow-600)", "700": "var(--lp-color-system-yellow-700)", "800": "var(--lp-color-system-yellow-800)", "900": "var(--lp-color-system-yellow-900)", "950": "var(--lp-color-system-yellow-950)" } }, gradient: { "yellow-cyan": "var(--lp-color-gradient-yellow-cyan)", "cyan-blue": "var(--lp-color-gradient-cyan-blue)", "cyan-purple": "var(--lp-color-gradient-cyan-purple)", "purple-blue": "var(--lp-color-gradient-purple-blue)", "pink-purple": "var(--lp-color-gradient-pink-purple)" } }, duration: { "0": "var(--lp-duration-0)", "100": "var(--lp-duration-100)", "150": "var(--lp-duration-150)", "200": "var(--lp-duration-200)", "250": "var(--lp-duration-250)", "300": "var(--lp-duration-300)", "350": "var(--lp-duration-350)", "400": "var(--lp-duration-400)", "500": "var(--lp-duration-500)" }, fontFamily: { base: "var(--lp-font-family-base)", monospace: "var(--lp-font-family-monospace)", display: "var(--lp-font-family-display)" }, fontSize: { "100": "var(--lp-font-size-100)", "200": "var(--lp-font-size-200)", "300": "var(--lp-font-size-300)", "400": "var(--lp-font-size-400)", "500": "var(--lp-font-size-500)", "600": "var(--lp-font-size-600)", "700": "var(--lp-font-size-700)", "800": "var(--lp-font-size-800)" }, fontWeight: { light: "var(--lp-font-weight-light)", regular: "var(--lp-font-weight-regular)", medium: "var(--lp-font-weight-medium)", semibold: "var(--lp-font-weight-semibold)", bold: "var(--lp-font-weight-bold)", extrabold: "var(--lp-font-weight-extrabold)" }, lineHeight: { "100": "var(--lp-line-height-100)", "200": "var(--lp-line-height-200)", "300": "var(--lp-line-height-300)", "400": "var(--lp-line-height-400)", "500": "var(--lp-line-height-500)" }, size: { "0": "var(--lp-size-0)", "1": "var(--lp-size-1)", "2": "var(--lp-size-2)", "3": "var(--lp-size-3)", "4": "var(--lp-size-4)", "6": "var(--lp-size-6)", "8": "var(--lp-size-8)", "10": "var(--lp-size-10)", "11": "var(--lp-size-11)", "12": "var(--lp-size-12)", "13": "var(--lp-size-13)", "14": "var(--lp-size-14)", "15": "var(--lp-size-15)", "16": "var(--lp-size-16)", "18": "var(--lp-size-18)", "20": "var(--lp-size-20)", "24": "var(--lp-size-24)", "28": "var(--lp-size-28)", "32": "var(--lp-size-32)", "36": "var(--lp-size-36)", "40": "var(--lp-size-40)", "44": "var(--lp-size-44)", "48": "var(--lp-size-48)", "56": "var(--lp-size-56)", "64": "var(--lp-size-64)", "72": "var(--lp-size-72)", "80": "var(--lp-size-80)", "96": "var(--lp-size-96)", "112": "var(--lp-size-112)", "128": "var(--lp-size-128)", "144": "var(--lp-size-144)", "160": "var(--lp-size-160)", "176": "var(--lp-size-176)", "192": "var(--lp-size-192)", "208": "var(--lp-size-208)", "224": "var(--lp-size-224)", "240": "var(--lp-size-240)", "256": "var(--lp-size-256)", "320": "var(--lp-size-320)", "400": "var(--lp-size-400)", "480": "var(--lp-size-480)", "560": "var(--lp-size-560)", "640": "var(--lp-size-640)", "720": "var(--lp-size-720)", "800": "var(--lp-size-800)", "960": "var(--lp-size-960)", "1120": "var(--lp-size-1120)", "1200": "var(--lp-size-1200)", "1280": "var(--lp-size-1280)", "1440": "var(--lp-size-1440)" }, spacing: { "100": "var(--lp-spacing-100)", "200": "var(--lp-spacing-200)", "300": "var(--lp-spacing-300)", "400": "var(--lp-spacing-400)", "500": "var(--lp-spacing-500)", "600": "var(--lp-spacing-600)", "700": "var(--lp-spacing-700)", "800": "var(--lp-spacing-800)", "900": "var(--lp-spacing-900)" }, heading: { "1": { medium: "var(--lp-heading-1-medium)", semibold: "var(--lp-heading-1-semibold)", extrabold: "var(--lp-heading-1-extrabold)" }, "2": { medium: "var(--lp-heading-2-medium)", semibold: "var(--lp-heading-2-semibold)", extrabold: "var(--lp-heading-2-extrabold)" }, "3": { medium: "var(--lp-heading-3-medium)", semibold: "var(--lp-heading-3-semibold)", extrabold: "var(--lp-heading-3-extrabold)" } }, body: { "1": { regular: "var(--lp-body-1-regular)", semibold: "var(--lp-body-1-semibold)", extrabold: "var(--lp-body-1-extrabold)" }, "2": { regular: "var(--lp-body-2-regular)", semibold: "var(--lp-body-2-semibold)", extrabold: "var(--lp-body-2-extrabold)" } }, small: { "1": { regular: "var(--lp-small-1-regular)", medium: "var(--lp-small-1-medium)", semibold: "var(--lp-small-1-semibold)" } }, label: { "1": { regular: "var(--lp-label-1-regular)", medium: "var(--lp-label-1-medium)" }, "2": { regular: "var(--lp-label-2-regular)", medium: "var(--lp-label-2-medium)" } }, code: { "1": { regular: "var(--lp-code-1-regular)" }, "2": { regular: "var(--lp-code-2-regular)" } }, display: { "1": "var(--lp-display-1)" }, viewport: { mobile: "var(--lp-viewport-mobile)", tablet: "var(--lp-viewport-tablet)", desktop: "var(--lp-viewport-desktop)", wide: "var(--lp-viewport-wide)" }, zIndex: { "100": "var(--lp-z-index-100)", "200": "var(--lp-z-index-200)", "300": "var(--lp-z-index-300)", "400": "var(--lp-z-index-400)", "500": "var(--lp-z-index-500)", "600": "var(--lp-z-index-600)", "700": "var(--lp-z-index-700)", "800": "var(--lp-z-index-800)", "900": "var(--lp-z-index-900)" } };
var vars = { borderRadius: { regular: "var(--lp-border-radius-regular)", medium: "var(--lp-border-radius-medium)", large: "var(--lp-border-radius-large)" }, borderWidth: { "100": "var(--lp-border-width-100)", "200": "var(--lp-border-width-200)", "300": "var(--lp-border-width-300)" }, color: { bg: { feedback: { primary: "var(--lp-color-bg-feedback-primary)", error: "var(--lp-color-bg-feedback-error)", info: "var(--lp-color-bg-feedback-info)", success: "var(--lp-color-bg-feedback-success)", warning: "var(--lp-color-bg-feedback-warning)" }, interactive: { primary: { base: "var(--lp-color-bg-interactive-primary-base)", active: "var(--lp-color-bg-interactive-primary-active)", focus: "var(--lp-color-bg-interactive-primary-focus)", hover: "var(--lp-color-bg-interactive-primary-hover)" }, secondary: { base: "var(--lp-color-bg-interactive-secondary-base)", active: "var(--lp-color-bg-interactive-secondary-active)", focus: "var(--lp-color-bg-interactive-secondary-focus)", hover: "var(--lp-color-bg-interactive-secondary-hover)" }, "secondary-flair": { base: "var(--lp-color-bg-interactive-secondary-flair-base)", active: "var(--lp-color-bg-interactive-secondary-flair-active)", focus: "var(--lp-color-bg-interactive-secondary-flair-focus)", hover: "var(--lp-color-bg-interactive-secondary-flair-hover)" }, tertiary: { base: "var(--lp-color-bg-interactive-tertiary-base)", active: "var(--lp-color-bg-interactive-tertiary-active)", focus: "var(--lp-color-bg-interactive-tertiary-focus)", hover: "var(--lp-color-bg-interactive-tertiary-hover)" }, "tertiary-flair": { base: "var(--lp-color-bg-interactive-tertiary-flair-base)", active: "var(--lp-color-bg-interactive-tertiary-flair-active)", focus: "var(--lp-color-bg-interactive-tertiary-flair-focus)", hover: "var(--lp-color-bg-interactive-tertiary-flair-hover)" }, success: { base: "var(--lp-color-bg-interactive-success-base)", hover: "var(--lp-color-bg-interactive-success-hover)", focus: "var(--lp-color-bg-interactive-success-focus)", active: "var(--lp-color-bg-interactive-success-active)" }, destructive: { base: "var(--lp-color-bg-interactive-destructive-base)", active: "var(--lp-color-bg-interactive-destructive-active)", focus: "var(--lp-color-bg-interactive-destructive-focus)", hover: "var(--lp-color-bg-interactive-destructive-hover)" }, disabled: "var(--lp-color-bg-interactive-disabled)", link: "var(--lp-color-bg-interactive-link)", selected: "var(--lp-color-bg-interactive-selected)" }, ui: { primary: "var(--lp-color-bg-ui-primary)", "primary-flair": "var(--lp-color-bg-ui-primary-flair)", secondary: "var(--lp-color-bg-ui-secondary)", tertiary: "var(--lp-color-bg-ui-tertiary)", quaternary: "var(--lp-color-bg-ui-quaternary)" }, overlay: { primary: "var(--lp-color-bg-overlay-primary)", secondary: "var(--lp-color-bg-overlay-secondary)" }, field: { base: "var(--lp-color-bg-field-base)", disabled: "var(--lp-color-bg-field-disabled)", error: "var(--lp-color-bg-field-error)", aside: "var(--lp-color-bg-field-aside)" }, product: { beta: "var(--lp-color-bg-product-beta)", federal: "var(--lp-color-bg-product-federal)", "toggle-chip-on": "var(--lp-color-bg-product-toggle-chip-on)", "toggle-chip-off": "var(--lp-color-bg-product-toggle-chip-off)" } }, border: { feedback: { error: "var(--lp-color-border-feedback-error)", info: "var(--lp-color-border-feedback-info)", success: "var(--lp-color-border-feedback-success)", warning: "var(--lp-color-border-feedback-warning)" }, field: { base: "var(--lp-color-border-field-base)", active: "var(--lp-color-border-field-active)", focus: "var(--lp-color-border-field-focus)", error: "var(--lp-color-border-field-error)", disabled: "var(--lp-color-border-field-disabled)" }, interactive: { focus: "var(--lp-color-border-interactive-focus)", primary: { base: "var(--lp-color-border-interactive-primary-base)", active: "var(--lp-color-border-interactive-primary-active)", focus: "var(--lp-color-border-interactive-primary-focus)", hover: "var(--lp-color-border-interactive-primary-hover)" }, "primary-flair": { base: "var(--lp-color-border-interactive-primary-flair-base)", active: "var(--lp-color-border-interactive-primary-flair-active)", focus: "var(--lp-color-border-interactive-primary-flair-focus)", hover: "var(--lp-color-border-interactive-primary-flair-hover)" }, secondary: { base: "var(--lp-color-border-interactive-secondary-base)", active: "var(--lp-color-border-interactive-secondary-active)", focus: "var(--lp-color-border-interactive-secondary-focus)", hover: "var(--lp-color-border-interactive-secondary-hover)" }, "secondary-flair": { base: "var(--lp-color-border-interactive-secondary-flair-base)", active: "var(--lp-color-border-interactive-secondary-flair-active)", focus: "var(--lp-color-border-interactive-secondary-flair-focus)", hover: "var(--lp-color-border-interactive-secondary-flair-hover)" }, success: { base: "var(--lp-color-border-interactive-success-base)", hover: "var(--lp-color-border-interactive-success-hover)", focus: "var(--lp-color-border-interactive-success-focus)", active: "var(--lp-color-border-interactive-success-active)" }, destructive: "var(--lp-color-border-interactive-destructive)", disabled: "var(--lp-color-border-interactive-disabled)", selected: "var(--lp-color-border-interactive-selected)" }, ui: { primary: "var(--lp-color-border-ui-primary)", "primary-flair": "var(--lp-color-border-ui-primary-flair)", secondary: "var(--lp-color-border-ui-secondary)" }, overlay: { secondary: "var(--lp-color-border-overlay-secondary)" } }, fill: { feedback: { error: "var(--lp-color-fill-feedback-error)", info: "var(--lp-color-fill-feedback-info)", success: "var(--lp-color-fill-feedback-success)", warning: "var(--lp-color-fill-feedback-warning)" }, interactive: { primary: "var(--lp-color-fill-interactive-primary)", success: { base: "var(--lp-color-fill-interactive-success-base)", hover: "var(--lp-color-fill-interactive-success-hover)", focus: "var(--lp-color-fill-interactive-success-focus)", active: "var(--lp-color-fill-interactive-success-active)" }, destructive: "var(--lp-color-fill-interactive-destructive)", disabled: "var(--lp-color-fill-interactive-disabled)" }, ui: { primary: "var(--lp-color-fill-ui-primary)", secondary: "var(--lp-color-fill-ui-secondary)", "primary-flair": "var(--lp-color-fill-ui-primary-flair)" }, field: { base: "var(--lp-color-fill-field-base)" } }, shadow: { interactive: { focus: "var(--lp-color-shadow-interactive-focus)", primary: "var(--lp-color-shadow-interactive-primary)" }, ui: { primary: "var(--lp-color-shadow-ui-primary)" } }, text: { feedback: { base: "var(--lp-color-text-feedback-base)", error: "var(--lp-color-text-feedback-error)", success: "var(--lp-color-text-feedback-success)", warning: "var(--lp-color-text-feedback-warning)", info: "var(--lp-color-text-feedback-info)" }, interactive: { base: "var(--lp-color-text-interactive-base)", active: "var(--lp-color-text-interactive-active)", primary: { base: "var(--lp-color-text-interactive-primary-base)", active: "var(--lp-color-text-interactive-primary-active)", focus: "var(--lp-color-text-interactive-primary-focus)", hover: "var(--lp-color-text-interactive-primary-hover)" }, secondary: "var(--lp-color-text-interactive-secondary)", success: { base: "var(--lp-color-text-interactive-success-base)", hover: "var(--lp-color-text-interactive-success-hover)", focus: "var(--lp-color-text-interactive-success-focus)", active: "var(--lp-color-text-interactive-success-active)" }, destructive: "var(--lp-color-text-interactive-destructive)", disabled: "var(--lp-color-text-interactive-disabled)", flair: { focus: "var(--lp-color-text-interactive-flair-focus)", hover: "var(--lp-color-text-interactive-flair-hover)", base: "var(--lp-color-text-interactive-flair-base)", active: "var(--lp-color-text-interactive-flair-active)" } }, ui: { primary: { base: "var(--lp-color-text-ui-primary-base)", inverted: "var(--lp-color-text-ui-primary-inverted)" }, secondary: "var(--lp-color-text-ui-secondary)", tertiary: "var(--lp-color-text-ui-tertiary)" }, overlay: { primary: "var(--lp-color-text-overlay-primary)", secondary: "var(--lp-color-text-overlay-secondary)" }, field: { base: "var(--lp-color-text-field-base)", disabled: "var(--lp-color-text-field-disabled)", placeholder: "var(--lp-color-text-field-placeholder)" }, product: { beta: "var(--lp-color-text-product-beta)", code: "var(--lp-color-text-product-code)", federal: "var(--lp-color-text-product-federal)", flair: "var(--lp-color-text-product-flair)", "toggle-chip-on": "var(--lp-color-text-product-toggle-chip-on)", "toggle-chip-off": "var(--lp-color-text-product-toggle-chip-off)" }, code: { "function": "var(--lp-color-text-code-function)", tag: "var(--lp-color-text-code-tag)", string: "var(--lp-color-text-code-string)", comment: "var(--lp-color-text-code-comment)", base: "var(--lp-color-text-code-base)" } }, blue: { "0": "var(--lp-color-blue-0)", "50": "var(--lp-color-blue-50)", "100": "var(--lp-color-blue-100)", "200": "var(--lp-color-blue-200)", "300": "var(--lp-color-blue-300)", "400": "var(--lp-color-blue-400)", "500": "var(--lp-color-blue-500)", "600": "var(--lp-color-blue-600)", "700": "var(--lp-color-blue-700)", "800": "var(--lp-color-blue-800)", "900": "var(--lp-color-blue-900)", "950": "var(--lp-color-blue-950)" }, cyan: { "0": "var(--lp-color-cyan-0)", "50": "var(--lp-color-cyan-50)", "100": "var(--lp-color-cyan-100)", "200": "var(--lp-color-cyan-200)", "300": "var(--lp-color-cyan-300)", "400": "var(--lp-color-cyan-400)", "500": "var(--lp-color-cyan-500)", "600": "var(--lp-color-cyan-600)", "700": "var(--lp-color-cyan-700)", "800": "var(--lp-color-cyan-800)", "900": "var(--lp-color-cyan-900)", "950": "var(--lp-color-cyan-950)" }, pink: { "0": "var(--lp-color-pink-0)", "50": "var(--lp-color-pink-50)", "100": "var(--lp-color-pink-100)", "200": "var(--lp-color-pink-200)", "300": "var(--lp-color-pink-300)", "400": "var(--lp-color-pink-400)", "500": "var(--lp-color-pink-500)", "600": "var(--lp-color-pink-600)", "700": "var(--lp-color-pink-700)", "800": "var(--lp-color-pink-800)", "900": "var(--lp-color-pink-900)", "950": "var(--lp-color-pink-950)" }, purple: { "0": "var(--lp-color-purple-0)", "50": "var(--lp-color-purple-50)", "100": "var(--lp-color-purple-100)", "200": "var(--lp-color-purple-200)", "300": "var(--lp-color-purple-300)", "400": "var(--lp-color-purple-400)", "500": "var(--lp-color-purple-500)", "600": "var(--lp-color-purple-600)", "700": "var(--lp-color-purple-700)", "800": "var(--lp-color-purple-800)", "900": "var(--lp-color-purple-900)", "950": "var(--lp-color-purple-950)" }, yellow: { "0": "var(--lp-color-yellow-0)", "50": "var(--lp-color-yellow-50)", "100": "var(--lp-color-yellow-100)", "200": "var(--lp-color-yellow-200)", "300": "var(--lp-color-yellow-300)", "400": "var(--lp-color-yellow-400)", "500": "var(--lp-color-yellow-500)", "600": "var(--lp-color-yellow-600)", "700": "var(--lp-color-yellow-700)", "800": "var(--lp-color-yellow-800)", "900": "var(--lp-color-yellow-900)", "950": "var(--lp-color-yellow-950)" }, gray: { "0": "var(--lp-color-gray-0)", "50": "var(--lp-color-gray-50)", "100": "var(--lp-color-gray-100)", "200": "var(--lp-color-gray-200)", "300": "var(--lp-color-gray-300)", "400": "var(--lp-color-gray-400)", "500": "var(--lp-color-gray-500)", "600": "var(--lp-color-gray-600)", "700": "var(--lp-color-gray-700)", "800": "var(--lp-color-gray-800)", "900": "var(--lp-color-gray-900)", "950": "var(--lp-color-gray-950)" }, white: { "0": "var(--lp-color-white-0)", "50": "var(--lp-color-white-50)", "100": "var(--lp-color-white-100)", "200": "var(--lp-color-white-200)", "300": "var(--lp-color-white-300)", "400": "var(--lp-color-white-400)", "500": "var(--lp-color-white-500)", "600": "var(--lp-color-white-600)", "700": "var(--lp-color-white-700)", "800": "var(--lp-color-white-800)", "900": "var(--lp-color-white-900)", "950": "var(--lp-color-white-950)" }, black: { "0": "var(--lp-color-black-0)", "50": "var(--lp-color-black-50)", "100": "var(--lp-color-black-100)", "200": "var(--lp-color-black-200)", "300": "var(--lp-color-black-300)", "400": "var(--lp-color-black-400)", "500": "var(--lp-color-black-500)", "600": "var(--lp-color-black-600)", "700": "var(--lp-color-black-700)", "800": "var(--lp-color-black-800)", "900": "var(--lp-color-black-900)", "950": "var(--lp-color-black-950)" }, system: { green: { "0": "var(--lp-color-system-green-0)", "50": "var(--lp-color-system-green-50)", "100": "var(--lp-color-system-green-100)", "200": "var(--lp-color-system-green-200)", "300": "var(--lp-color-system-green-300)", "400": "var(--lp-color-system-green-400)", "500": "var(--lp-color-system-green-500)", "600": "var(--lp-color-system-green-600)", "700": "var(--lp-color-system-green-700)", "800": "var(--lp-color-system-green-800)", "900": "var(--lp-color-system-green-900)", "950": "var(--lp-color-system-green-950)" }, red: { "0": "var(--lp-color-system-red-0)", "50": "var(--lp-color-system-red-50)", "100": "var(--lp-color-system-red-100)", "200": "var(--lp-color-system-red-200)", "300": "var(--lp-color-system-red-300)", "400": "var(--lp-color-system-red-400)", "500": "var(--lp-color-system-red-500)", "600": "var(--lp-color-system-red-600)", "700": "var(--lp-color-system-red-700)", "800": "var(--lp-color-system-red-800)", "900": "var(--lp-color-system-red-900)", "950": "var(--lp-color-system-red-950)" }, yellow: { "0": "var(--lp-color-system-yellow-0)", "50": "var(--lp-color-system-yellow-50)", "100": "var(--lp-color-system-yellow-100)", "200": "var(--lp-color-system-yellow-200)", "300": "var(--lp-color-system-yellow-300)", "400": "var(--lp-color-system-yellow-400)", "500": "var(--lp-color-system-yellow-500)", "600": "var(--lp-color-system-yellow-600)", "700": "var(--lp-color-system-yellow-700)", "800": "var(--lp-color-system-yellow-800)", "900": "var(--lp-color-system-yellow-900)", "950": "var(--lp-color-system-yellow-950)" } }, gradient: { "yellow-cyan": "var(--lp-color-gradient-yellow-cyan)", "cyan-blue": "var(--lp-color-gradient-cyan-blue)", "cyan-purple": "var(--lp-color-gradient-cyan-purple)", "purple-blue": "var(--lp-color-gradient-purple-blue)", "pink-purple": "var(--lp-color-gradient-pink-purple)" } }, duration: { "0": "var(--lp-duration-0)", "100": "var(--lp-duration-100)", "150": "var(--lp-duration-150)", "200": "var(--lp-duration-200)", "250": "var(--lp-duration-250)", "300": "var(--lp-duration-300)", "350": "var(--lp-duration-350)", "400": "var(--lp-duration-400)", "500": "var(--lp-duration-500)" }, fontFamily: { base: "var(--lp-font-family-base)", monospace: "var(--lp-font-family-monospace)", display: "var(--lp-font-family-display)" }, fontSize: { "100": "var(--lp-font-size-100)", "200": "var(--lp-font-size-200)", "300": "var(--lp-font-size-300)", "400": "var(--lp-font-size-400)", "500": "var(--lp-font-size-500)", "600": "var(--lp-font-size-600)", "700": "var(--lp-font-size-700)", "800": "var(--lp-font-size-800)" }, fontWeight: { light: "var(--lp-font-weight-light)", regular: "var(--lp-font-weight-regular)", medium: "var(--lp-font-weight-medium)", semibold: "var(--lp-font-weight-semibold)", bold: "var(--lp-font-weight-bold)", extrabold: "var(--lp-font-weight-extrabold)" }, lineHeight: { "100": "var(--lp-line-height-100)", "200": "var(--lp-line-height-200)", "300": "var(--lp-line-height-300)", "400": "var(--lp-line-height-400)", "500": "var(--lp-line-height-500)" }, size: { "0": "var(--lp-size-0)", "1": "var(--lp-size-1)", "2": "var(--lp-size-2)", "3": "var(--lp-size-3)", "4": "var(--lp-size-4)", "6": "var(--lp-size-6)", "8": "var(--lp-size-8)", "10": "var(--lp-size-10)", "11": "var(--lp-size-11)", "12": "var(--lp-size-12)", "13": "var(--lp-size-13)", "14": "var(--lp-size-14)", "15": "var(--lp-size-15)", "16": "var(--lp-size-16)", "18": "var(--lp-size-18)", "20": "var(--lp-size-20)", "24": "var(--lp-size-24)", "28": "var(--lp-size-28)", "32": "var(--lp-size-32)", "36": "var(--lp-size-36)", "40": "var(--lp-size-40)", "44": "var(--lp-size-44)", "48": "var(--lp-size-48)", "56": "var(--lp-size-56)", "64": "var(--lp-size-64)", "72": "var(--lp-size-72)", "80": "var(--lp-size-80)", "96": "var(--lp-size-96)", "112": "var(--lp-size-112)", "128": "var(--lp-size-128)", "144": "var(--lp-size-144)", "160": "var(--lp-size-160)", "176": "var(--lp-size-176)", "192": "var(--lp-size-192)", "208": "var(--lp-size-208)", "224": "var(--lp-size-224)", "240": "var(--lp-size-240)", "256": "var(--lp-size-256)", "320": "var(--lp-size-320)", "400": "var(--lp-size-400)", "480": "var(--lp-size-480)", "560": "var(--lp-size-560)", "640": "var(--lp-size-640)", "720": "var(--lp-size-720)", "800": "var(--lp-size-800)", "960": "var(--lp-size-960)", "1120": "var(--lp-size-1120)", "1200": "var(--lp-size-1200)", "1280": "var(--lp-size-1280)", "1440": "var(--lp-size-1440)" }, spacing: { "100": "var(--lp-spacing-100)", "200": "var(--lp-spacing-200)", "300": "var(--lp-spacing-300)", "400": "var(--lp-spacing-400)", "500": "var(--lp-spacing-500)", "600": "var(--lp-spacing-600)", "700": "var(--lp-spacing-700)", "800": "var(--lp-spacing-800)", "900": "var(--lp-spacing-900)" }, text: { heading: { "1": { medium: "var(--lp-text-heading-1-medium)", semibold: "var(--lp-text-heading-1-semibold)", extrabold: "var(--lp-text-heading-1-extrabold)" }, "2": { medium: "var(--lp-text-heading-2-medium)", semibold: "var(--lp-text-heading-2-semibold)", extrabold: "var(--lp-text-heading-2-extrabold)" }, "3": { medium: "var(--lp-text-heading-3-medium)", semibold: "var(--lp-text-heading-3-semibold)", extrabold: "var(--lp-text-heading-3-extrabold)" } }, body: { "1": { regular: "var(--lp-text-body-1-regular)", semibold: "var(--lp-text-body-1-semibold)", extrabold: "var(--lp-text-body-1-extrabold)" }, "2": { regular: "var(--lp-text-body-2-regular)", semibold: "var(--lp-text-body-2-semibold)", extrabold: "var(--lp-text-body-2-extrabold)" } }, small: { "1": { regular: "var(--lp-text-small-1-regular)", medium: "var(--lp-text-small-1-medium)", semibold: "var(--lp-text-small-1-semibold)" } }, label: { "1": { regular: "var(--lp-text-label-1-regular)", medium: "var(--lp-text-label-1-medium)" }, "2": { regular: "var(--lp-text-label-2-regular)", medium: "var(--lp-text-label-2-medium)" } }, code: { "1": { regular: "var(--lp-text-code-1-regular)" }, "2": { regular: "var(--lp-text-code-2-regular)" } }, display: { "1": "var(--lp-text-display-1)" } }, viewport: { mobile: "var(--lp-viewport-mobile)", tablet: "var(--lp-viewport-tablet)", desktop: "var(--lp-viewport-desktop)", wide: "var(--lp-viewport-wide)" }, zIndex: { "100": "var(--lp-z-index-100)", "200": "var(--lp-z-index-200)", "300": "var(--lp-z-index-300)", "400": "var(--lp-z-index-400)", "500": "var(--lp-z-index-500)", "600": "var(--lp-z-index-600)", "700": "var(--lp-z-index-700)", "800": "var(--lp-z-index-800)", "900": "var(--lp-z-index-900)" } };
exports.vars = vars;
//# sourceMappingURL=index.js.map

102

dist/vars.css.d.ts

@@ -521,59 +521,61 @@ declare const vars: {

};
heading: {
"1": {
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
text: {
heading: {
"1": {
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
"2": {
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
"3": {
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
"2": {
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
body: {
"1": {
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
"2": {
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
"3": {
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
small: {
"1": {
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
};
body: {
"1": {
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
label: {
"1": {
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
"2": {
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
"2": {
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
code: {
"1": {
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
"2": {
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
};
small: {
"1": {
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
display: {
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
label: {
"1": {
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
"2": {
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
code: {
"1": {
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
"2": {
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
};
display: {
"1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
viewport: {

@@ -580,0 +582,0 @@ mobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

4

package.json
{
"name": "@launchpad-ui/vars",
"version": "0.2.20",
"version": "0.2.21",
"status": "alpha",

@@ -31,3 +31,3 @@ "publishConfig": {

"dependencies": {
"@launchpad-ui/tokens": "~0.10.0"
"@launchpad-ui/tokens": "~0.11.0"
},

@@ -34,0 +34,0 @@ "peerDependencies": {

dist/vars.css.d.ts.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc