Global Values Dataset

Location

Resolved location: shilpConfig.values.globalValues
Theme location: shilpConfig.theme.globalValues

Usage

ALL UTILITIES (except those with propertyConfig.special: true) read values from the theme, which is built from this dataset.

Dataset Structure

The dataset is a simple key–value map of css global keywords tokens to CSS values.

See:

• Global Values Dataset Reference
• CSS Global Keywords

Customizing the Dataset

You can override or modify the dataset structure in your config.

However, new global values cannot be added because the dataset already covers all supported css global values.

Customize global valuescopy to clipboard
const shilpConfig = {
	source: "react",

	extend: {
		values: {
			globalValues: {
				// modify structure if needed
			},
		},
	},
};

export default shilpConfig;

This will update global values tokens available through the theme system.

Global Values Dataset Reference

Global Values Datasetcopy to clipboard
// https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Cascade#keywords

const globalValues = {
	inherit: "inherit",
	initial: "initial",
	revert: {
		DEFAULT: "revert",
		layer: "revert-layer",
	},
	unset: "unset",
};

export default globalValues;