diff --git a/.changeset/hot-houses-pretend.md b/.changeset/hot-houses-pretend.md new file mode 100644 index 00000000000..35936031d67 --- /dev/null +++ b/.changeset/hot-houses-pretend.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris-tokens': minor +--- + +Added public primitive `space` token scale diff --git a/polaris-tokens/src/token-groups/space.ts b/polaris-tokens/src/token-groups/space.ts index 9bf16bf1574..ac7dc99b206 100644 --- a/polaris-tokens/src/token-groups/space.ts +++ b/polaris-tokens/src/token-groups/space.ts @@ -1,3 +1,4 @@ +import {size} from '../size'; import type {MetadataProperties, Experimental} from '../types'; type SpaceScaleExperimental = Experimental<'1_5'>; @@ -5,6 +6,21 @@ type SpaceScaleExperimental = Experimental<'1_5'>; export type SpaceScale = | '0' | '025' + | '050' + | '100' + | '150' + | '200' + | '300' + | '400' + | '500' + | '600' + | '800' + | '1000' + | '1200' + | '1600' + | '2000' + | '2400' + | '3200' | '05' | '1' | '2' @@ -32,10 +48,55 @@ export const space: { [TokenName in SpaceTokenName]: MetadataProperties; } = { 'space-0': { - value: '0px', + value: size[0], }, 'space-025': { - value: '1px', + value: size['025'], + }, + 'space-050': { + value: size['050'], + }, + 'space-100': { + value: size[100], + }, + 'space-150': { + value: size[150], + }, + 'space-200': { + value: size[200], + }, + 'space-300': { + value: size[300], + }, + 'space-400': { + value: size[400], + }, + 'space-500': { + value: size[500], + }, + 'space-600': { + value: size[600], + }, + 'space-800': { + value: size[800], + }, + 'space-1000': { + value: size[1000], + }, + 'space-1200': { + value: size[1200], + }, + 'space-1600': { + value: size[1600], + }, + 'space-2000': { + value: size[2000], + }, + 'space-2400': { + value: size[2400], + }, + 'space-3200': { + value: size[3200], }, 'space-05': { value: '2px',