@salesforce-ux/sds-metadata
Version:
This package simplifies the management, distribution, and usage of Salesforce Design System metadata, ensuring that developers and designers can easily access and integrate design system metadata into their workflows.
246 lines • 11.2 kB
JSON
{
"--slds-g-color-border-base-1": "#c9c9c9",
"--slds-g-color-border-base-2": "#aeaeae",
"--slds-g-color-border-base-3": "#939393",
"--slds-g-color-border-base-4": "#747474",
"--slds-g-color-border-brand-1": "#78b0fd",
"--slds-g-color-border-brand-2": "#1b96ff",
"--slds-g-link-color": "#0b5cab",
"--slds-g-link-color-hover": "#014486",
"--slds-g-link-color-focus": "#014486",
"--slds-g-link-color-active": "#032d60",
"--slds-g-color-neutral-10-opacity-10": "rgba(24, 24, 24, 0.1)",
"--slds-g-color-neutral-10-opacity-25": "rgba(24, 24, 24, 0.25)",
"--slds-g-color-neutral-10-opacity-50": "rgba(24, 24, 24, 0.5)",
"--slds-g-color-neutral-10-opacity-75": "rgba(24, 24, 24, 0.75)",
"--slds-g-color-neutral-100-opacity-10": "rgba(255, 255, 255, 0.1)",
"--slds-g-color-neutral-100-opacity-25": "rgba(255, 255, 255, 0.25)",
"--slds-g-color-neutral-100-opacity-50": "rgba(255, 255, 255, 0.5)",
"--slds-g-color-neutral-100-opacity-75": "rgba(255, 255, 255, 0.75)",
"--slds-g-shadow-outset-focus-1": "0 0 0 2px #ffffff, 0 0 0 4px #0b5cab",
"--slds-g-shadow-inset-focus-1": "0 0 0 2px #ffffff inset, 0 0 0 4px #0b5cab inset",
"--slds-g-shadow-inset-inverse-focus-1": "0 0 0 2px #0b5cab inset, 0 0 0 4px #ffffff inset",
"--slds-g-shadow-outline-focus-1": "0 0 0 2px #0b5cab",
"--slds-g-spacing-1": "0.25rem",
"--slds-g-spacing-2": "0.5rem",
"--slds-g-spacing-3": "0.75rem",
"--slds-g-spacing-4": "1rem",
"--slds-g-spacing-5": "1.5rem",
"--slds-g-spacing-6": "2rem",
"--slds-g-spacing-7": "2.5rem",
"--slds-g-spacing-8": "3rem",
"--slds-g-spacing-9": "3.5rem",
"--slds-g-spacing-10": "4rem",
"--slds-g-spacing-11": "4.5rem",
"--slds-g-spacing-12": "5rem",
"--slds-g-sizing-border-1": "1px",
"--slds-g-sizing-border-2": "2px",
"--slds-g-sizing-border-3": "3px",
"--slds-g-sizing-border-4": "4px",
"--slds-g-sizing-1": "0.125rem",
"--slds-g-sizing-2": "0.25rem",
"--slds-g-sizing-3": "0.5rem",
"--slds-g-sizing-4": "0.75rem",
"--slds-g-sizing-5": "1rem",
"--slds-g-sizing-6": "1.25rem",
"--slds-g-sizing-7": "1.5rem",
"--slds-g-sizing-8": "1.75rem",
"--slds-g-sizing-9": "2rem",
"--slds-g-sizing-10": "3rem",
"--slds-g-sizing-11": "4rem",
"--slds-g-sizing-12": "5rem",
"--slds-g-sizing-13": "10rem",
"--slds-g-sizing-14": "15rem",
"--slds-g-sizing-15": "20rem",
"--slds-g-sizing-16": "30rem",
"--slds-g-sizing-content-1": "20ch",
"--slds-g-sizing-content-2": "45ch",
"--slds-g-sizing-content-3": "60ch",
"--slds-g-sizing-heading-1": "20ch",
"--slds-g-sizing-heading-2": "25ch",
"--slds-g-sizing-heading-3": "35ch",
"--slds-g-shadow-1": "0px 2px 2px 0px #0000001A",
"--slds-g-shadow-2": "0px 2px 3px 0px #00000027",
"--slds-g-shadow-3": "0px 2px 4px 0px #00000027;",
"--slds-g-shadow-4": "0px 2px 5px 0px #00000027",
"--slds-g-shadow-5": "0px 2px 5px 0px #00000027",
"--slds-g-shadow-6": "0px 2px 5px 0px #00000027",
"--slds-g-shadow-inverse-1": "0 0 3px #f3f3f3",
"--slds-g-ratio-square": 1,
"--slds-g-ratio-landscape": "4/3",
"--slds-g-ratio-portrait": "3/4",
"--slds-g-ratio-wide": "16/9",
"--slds-g-ratio-ultrawide": "18/5",
"--slds-g-radius-border-1": "0.125rem",
"--slds-g-radius-border-2": "0.25rem",
"--slds-g-radius-border-3": "0.5rem",
"--slds-g-radius-border-4": "1rem",
"--slds-g-radius-border-pill": "15rem",
"--slds-g-radius-border-circle": "100%",
"--slds-g-font-family": "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
"--slds-g-font-family-monospace": "Consolas, Menlo, Monaco, Courier, monospace",
"--slds-g-font-weight-bold": "bold",
"--slds-g-font-weight-1": 100,
"--slds-g-font-weight-2": 200,
"--slds-g-font-weight-3": 300,
"--slds-g-font-weight-4": 400,
"--slds-g-font-weight-5": 500,
"--slds-g-font-weight-6": 600,
"--slds-g-font-weight-7": 700,
"--slds-g-font-lineheight-base": 1.5,
"--slds-g-font-lineheight-1": 1,
"--slds-g-font-lineheight-2": 1.25,
"--slds-g-font-lineheight-3": 1.375,
"--slds-g-font-lineheight-4": 1.5,
"--slds-g-font-lineheight-5": 1.75,
"--slds-g-font-lineheight-6": 2,
"--slds-g-font-scale-ratio": 1.15,
"--slds-g-font-size-base": "0.8125rem",
"--slds-g-font-scale-neg-4": "0.625rem",
"--slds-g-font-scale-neg-3": "0.625rem",
"--slds-g-font-scale-neg-2": "0.625rem",
"--slds-g-font-scale-neg-1": "0.75rem",
"--slds-g-font-scale-1": "0.875rem",
"--slds-g-font-scale-2": "1rem",
"--slds-g-font-scale-3": "1.125rem",
"--slds-g-font-scale-4": "1.25rem",
"--slds-g-font-scale-5": "1.5rem",
"--slds-g-font-scale-6": "1.75rem",
"--slds-g-font-scale-7": "2rem",
"--slds-g-font-scale-8": "2.625rem",
"--slds-g-font-scale-9": "2.625rem",
"--slds-g-font-scale-10": "2.625rem",
"--slds-g-color-border-1": "#e5e5e5",
"--slds-g-color-border-2": "#747474",
"--slds-g-color-border-accent-1": "#0176d3",
"--slds-g-color-border-accent-2": "#0b5cab",
"--slds-g-color-border-accent-3": "#014486",
"--slds-g-color-surface-1": "#ffffff",
"--slds-g-color-surface-2": "#f3f3f3",
"--slds-g-color-surface-3": "#e5e5e5",
"--slds-g-color-surface-container-1": "#ffffff",
"--slds-g-color-surface-container-2": "#f3f3f3",
"--slds-g-color-surface-container-3": "#e5e5e5",
"--slds-g-color-on-surface-1": "#747474",
"--slds-g-color-on-surface-2": "#2e2e2e",
"--slds-g-color-on-surface-3": "#181818",
"--slds-g-color-accent-1": "#0176d3",
"--slds-g-color-accent-2": "#0b5cab",
"--slds-g-color-accent-3": "#014486",
"--slds-g-color-accent-container-1": "#0b5cab",
"--slds-g-color-accent-container-2": "#014486",
"--slds-g-color-accent-container-3": "#014486",
"--slds-g-color-on-accent-1": "#ffffff",
"--slds-g-color-error-1": "#ba0517",
"--slds-g-color-error-container-1": "#ba0517",
"--slds-g-color-on-error-1": "#ffffff",
"--slds-g-color-border-error-1": "#ba0517",
"--slds-g-color-warning-1": "#fe9339",
"--slds-g-color-warning-container-1": "#dd7a01",
"--slds-g-color-on-warning-1": "#181818",
"--slds-g-color-border-warning-1": "#dd7a01",
"--slds-g-color-success-1": "#2e844a",
"--slds-g-color-success-container-1": "#2e844a",
"--slds-g-color-on-success-1": "#ffffff",
"--slds-g-color-border-success-1": "#2e844a",
"--slds-g-color-info-1": "#444444",
"--slds-g-color-info-container-1": "#5c5c5c",
"--slds-g-color-on-info-1": "#ffffff",
"--slds-g-color-disabled-1": "#c9c9c9",
"--slds-g-color-disabled-container-1": "#ffffff",
"--slds-g-color-on-disabled-1": "#c9c9c9",
"--slds-g-color-border-disabled-1": "#c9c9c9",
"--slds-g-color-error-container-2": "#8e030f",
"--slds-g-color-border-error-2": "#8e030f",
"--slds-g-color-success-container-2": "#194e31",
"--slds-g-color-on-success-2": "#181818",
"--slds-g-color-disabled-2": "#aeaeae",
"--slds-g-color-disabled-container-2": "#c9c9c9",
"--slds-g-color-on-disabled-2": "#939393",
"--slds-g-color-border-disabled-2": "#aeaeae",
"--slds-g-color-surface-inverse-1": "#032d60",
"--slds-g-color-surface-inverse-2": "#001639",
"--slds-g-color-surface-container-inverse-1": "#032d60",
"--slds-g-color-surface-container-inverse-2": "#001639",
"--slds-g-color-on-surface-inverse-1": "#ffffff",
"--slds-g-color-on-surface-inverse-2": "#aeaeae",
"--slds-g-color-border-inverse-1": "#f3f3f3",
"--slds-g-color-border-inverse-2": "#032d60",
"--slds-g-color-accent-light-1": "#f3f3f3",
"--slds-g-color-accent-light-2": "#e5e5e5",
"--slds-g-color-accent-dark-1": "#181818",
"--slds-g-color-accent-dark-2": "#0b0b0b",
"--slds-s-table-color": "#181818",
"--slds-s-table-header-color-background": "#f3f3f3",
"--slds-s-table-header-color-background-hover": "#ffffff",
"--slds-s-table-header-color-background-selected": "#ffffff",
"--slds-s-table-header-color": "#2e2e2e",
"--slds-s-table-header-font-weight": 700,
"--slds-s-table-resize-color": "#939393",
"--slds-s-table-resize-color-active": "#0b5cab",
"--slds-s-table-row-color-background-selected": "#f3f3f3",
"--slds-s-table-row-color-border-selected-hover": "#e5e5e5",
"--slds-s-table-cell-shadow-selected": "#0b5cab 0 0 0 1px inset",
"--slds-s-pill-color-background-hover": "#f3f3f3",
"--slds-s-pageheader-color-background": "#f3f3f3",
"--slds-s-pageheader-row-color-background": "#ffffff",
"--slds-s-pageheader-radius-border": "0.25rem",
"--slds-s-pageheader-title-font-size": "1.125rem",
"--slds-s-pageheader-title-font-weight": 700,
"--slds-s-pageheader-sizing-border": "1px",
"--slds-s-pageheader-shadow": "0px 2px 3px 0px #00000027",
"--slds-s-navigation-color-background": "#f3f3f3",
"--slds-s-navigation-color-background-active": "#ffffff",
"--slds-s-navigation-color-background-hover": "#f3f3f3",
"--slds-s-navigation-radius-border": "0.25rem",
"--slds-s-navigation-color": "#2e2e2e",
"--slds-s-navigation-color-active": "#2e2e2e",
"--slds-s-navigation-color-hover": "#2e2e2e",
"--slds-s-navigation-color-border": "#747474",
"--slds-s-navigation-color-border-hover": "#0b5cab",
"--slds-s-navigation-sizing-border-hover": "2px",
"--slds-s-navigation-sizing-border-active": "3px",
"--slds-s-navigation-font-weight": "normal",
"--slds-s-navigation-font-weight-active": 700,
"--slds-s-menu-item-color-background-active": "#f3f3f3",
"--slds-s-menu-item-color-active": "#0b5cab",
"--slds-s-link-color": "#0b5cab",
"--slds-s-link-color-hover": "#014486",
"--slds-s-link-color-focus": "#014486",
"--slds-s-link-color-active": "#014486",
"--slds-s-link-shadow-focus": "0 0 0 2px #ffffff, 0 0 0 3px #0b5cab",
"--slds-s-label-spacing": "0.25rem",
"--slds-s-label-font-size": "0.75rem",
"--slds-s-label-color": "#2e2e2e",
"--slds-s-label-sizing-gap": "0.25rem",
"--slds-s-input-radius-border": "0.25rem",
"--slds-s-input-color-background": "#ffffff",
"--slds-s-input-color-background-disabled": "#e5e5e5",
"--slds-s-input-color-background-invalid": "#ffffff",
"--slds-s-input-color-border": "#747474",
"--slds-s-input-spacing": "0.5rem",
"--slds-s-input-color": "#2e2e2e",
"--slds-s-input-color-invalid": "#2e2e2e",
"--slds-s-input-color-border-focus": "#0b5cab",
"--slds-s-input-color-border-hover": "#747474",
"--slds-s-icon-color-foreground": "#747474",
"--slds-s-icon-radius-border": "0.25rem",
"--slds-s-helptext-font-size": "0.75rem",
"--slds-s-helptext-spacing": "0.25rem",
"--slds-s-container-color": "#181818",
"--slds-s-container-shadow": "0px 2px 3px 0px #00000027",
"--slds-s-container-color-border": "#e5e5e5",
"--slds-s-container-radius-border": "0.25rem",
"--slds-s-container-heading-font-weight": 400,
"--slds-s-container-footer-color-background": "#f3f3f3",
"--slds-s-button-color-background": "#ffffff",
"--slds-s-button-color-background-hover": "transparent",
"--slds-s-button-color-background-focus": "#f3f3f3",
"--slds-s-button-color-background-active": "#f3f3f3",
"--slds-s-button-color-border": "#747474",
"--slds-s-button-radius-border": "0.25rem",
"--slds-s-button-color-hover": "#014486",
"--slds-s-button-spacing-inline": "1rem",
"--slds-s-backdrop-color-background": "rgba(24, 24, 24, 0.5)",
"--slds-s-alert-font-weight": 400
}