From 1fa583bffac39c69c7909f44bd1c4007bb8e2d5a Mon Sep 17 00:00:00 2001 From: Laura Griffee Date: Wed, 13 Sep 2023 11:42:00 -0600 Subject: [PATCH 1/2] Add public primitive `space` token scales --- .changeset/hot-houses-pretend.md | 5 ++ polaris-tokens/src/token-groups/space.ts | 65 +++++++++++++++++++++++- 2 files changed, 68 insertions(+), 2 deletions(-) create mode 100644 .changeset/hot-houses-pretend.md diff --git a/.changeset/hot-houses-pretend.md b/.changeset/hot-houses-pretend.md new file mode 100644 index 00000000000..12e33a39a85 --- /dev/null +++ b/.changeset/hot-houses-pretend.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris-tokens': minor +--- + +Added public primitive `space` token scales 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', From 328457faa782db2d757e2c0db58da32428e29b10 Mon Sep 17 00:00:00 2001 From: Laura Griffee Date: Wed, 13 Sep 2023 12:00:23 -0600 Subject: [PATCH 2/2] Update .changeset/hot-houses-pretend.md --- .changeset/hot-houses-pretend.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/hot-houses-pretend.md b/.changeset/hot-houses-pretend.md index 12e33a39a85..35936031d67 100644 --- a/.changeset/hot-houses-pretend.md +++ b/.changeset/hot-houses-pretend.md @@ -2,4 +2,4 @@ '@shopify/polaris-tokens': minor --- -Added public primitive `space` token scales +Added public primitive `space` token scale