Spacing

The token can be found in spacing.json.

Core Token

Spacing	Token
	--ks-spacing-xxs
	--ks-spacing-xs
	--ks-spacing-s
	--ks-spacing-m
	--ks-spacing-l
	--ks-spacing-xl
	--ks-spacing-xxl

Semantic Token

Spacing

Content

Inset

--ks-spacing-inset-m

Even padding.

Inset Squish

--ks-spacing-inset-squish-m

Reduced top and bottom padding, resulting in a vertically condensed visual display.

Inset Stretch

--ks-spacing-inset-stretch-m

Increased top and bottom padding, resulting in a vertically expanded visual display.

Stack

--ks-spacing-stack-m

Vertical gap between two elements.

Inline

--ks-spacing-inline-m

Horizontal gap between two elements.

Figma

See the following Page in our Figma tokens file for a visual representation: