All files / packages/design-tokens/src/style-dictionary/utils constants.ts

100% Statements 3/3
100% Branches 0/0
100% Functions 0/0
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46                                        13x                                   13x           13x  
/**
 * Shared constants for Style Dictionary configuration
 * Reusable constants used across transforms, formats, and validators
 */
 
/**
 * Color-scheme (mode) extension key
 *
 * Holds a token's `light` / `dark` values. Light and dark are peers selected by
 * the environment (`prefers-color-scheme` / the `light-dark()` CSS function),
 * so neither is marked as a "default" — the token's own `$value` is simply the
 * light value. Only the non-default (`dark`) variant is authored in source.
 * @example
 * {
 *   "$value": "#FFFFFF",
 *   "$extensions": {
 *     "com.salesforce-ux.mode": { "dark": { "$value": "#000000" } }
 *   }
 * }
 */
export const MODE_EXTENSION_KEY = 'com.salesforce-ux.mode';
 
/**
 * Density extension key
 *
 * Holds a token's `comfy` / `compact` values. Unlike color scheme, density has
 * a genuine product default: `comfy` is the default (the token's own `$value`)
 * and `compact` is an explicit opt-in — so the emitted `comfy` entry carries
 * `default: true`. Only the non-default (`compact`) variant is authored in
 * source.
 * @example
 * {
 *   "$value": "{slds.g.spacing.6}",
 *   "$extensions": {
 *     "com.salesforce-ux.density": { "compact": { "$value": "1rem" } }
 *   }
 * }
 */
export const DENSITY_EXTENSION_KEY = 'com.salesforce-ux.density';
 
/**
 * CSS properties extension key used for token metadata
 * Compatible with DTCG-style namespaced extension storage.
 */
export const CSS_PROPERTIES_EXTENSION_KEY = 'com.salesforce-ux.cssProperties';