From 379118a01fd834bdb2783cddfc7a95446d12ba3c Mon Sep 17 00:00:00 2001 From: Laura Griffee Date: Tue, 12 Sep 2023 15:53:50 -0600 Subject: [PATCH 1/3] Add private primitive size token scale Co-Authored-By: Aaron Casanova <32409546+aaronccasanova@users.noreply.github.com> --- polaris-tokens/src/size.ts | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 polaris-tokens/src/size.ts diff --git a/polaris-tokens/src/size.ts b/polaris-tokens/src/size.ts new file mode 100644 index 00000000000..b5ea1e192cc --- /dev/null +++ b/polaris-tokens/src/size.ts @@ -0,0 +1,27 @@ +export const size = { + '0': '0px', + '025': '1px', + '050': '2px', + '100': '4px', + '150': '6px', + '200': '8px', + '275': '11px', + '300': '12px', + '325': '13px', + '350': '14px', + '400': '16px', + '500': '20px', + '600': '24px', + '700': '28px', + '750': '30px', + '800': '32px', + '900': '36px', + '1000': '40px', + '1200': '48px', + '1600': '64px', + '2000': '80px', + '2400': '96px', + '3200': '128px', +} as const; + +export type Size = keyof typeof size; From 39615284e445336203ef00418305f3ef2c9f9576 Mon Sep 17 00:00:00 2001 From: Laura Griffee Date: Tue, 12 Sep 2023 16:06:23 -0600 Subject: [PATCH 2/3] Add changeset --- .changeset/modern-lobsters-cheer.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/modern-lobsters-cheer.md diff --git a/.changeset/modern-lobsters-cheer.md b/.changeset/modern-lobsters-cheer.md new file mode 100644 index 00000000000..b6e90b1c584 --- /dev/null +++ b/.changeset/modern-lobsters-cheer.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris-tokens': minor +--- + +Add private primitive `size` token scale From ef3cdf2484fd26227b52490d209dead18bdc2472 Mon Sep 17 00:00:00 2001 From: Laura Griffee Date: Tue, 12 Sep 2023 16:19:58 -0600 Subject: [PATCH 3/3] Update exports Co-Authored-By: Aaron Casanova <32409546+aaronccasanova@users.noreply.github.com> --- polaris-tokens/src/size.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/polaris-tokens/src/size.ts b/polaris-tokens/src/size.ts index b5ea1e192cc..4b53c1c6690 100644 --- a/polaris-tokens/src/size.ts +++ b/polaris-tokens/src/size.ts @@ -24,4 +24,6 @@ export const size = { '3200': '128px', } as const; -export type Size = keyof typeof size; +export type Size = typeof size; + +export type SizeScale = keyof Size;