From 846fee25fccff687980217aef058932f611e504c Mon Sep 17 00:00:00 2001 From: Frank Karstens Date: Fri, 21 Jun 2024 17:56:25 +0200 Subject: [PATCH 1/3] fix: icon token for foundation --- .../foundations/spectrum/icon/desktop.json | 8 +-- .../foundations/spectrum/icon/mobile.json | 12 ++-- .../foundations/spectrum/layout/desktop.json | 52 +++++++++------ .../foundations/spectrum/layout/mobile.json | 66 +++++++++++-------- 4 files changed, 79 insertions(+), 59 deletions(-) diff --git a/src/tokens-studio/foundations/spectrum/icon/desktop.json b/src/tokens-studio/foundations/spectrum/icon/desktop.json index 54ff8817..e30bb1cf 100644 --- a/src/tokens-studio/foundations/spectrum/icon/desktop.json +++ b/src/tokens-studio/foundations/spectrum/icon/desktop.json @@ -480,7 +480,7 @@ } }, "workflow-icon-size-100": { - "value": "18px", + "value": "20px", "type": "sizing", "$extensions": { "spectrum-tokens": { @@ -490,7 +490,7 @@ } }, "workflow-icon-size-200": { - "value": "20px", + "value": "22px", "type": "sizing", "$extensions": { "spectrum-tokens": { @@ -500,7 +500,7 @@ } }, "workflow-icon-size-300": { - "value": "22px", + "value": "26px", "type": "sizing", "$extensions": { "spectrum-tokens": { @@ -509,4 +509,4 @@ } } } -} \ No newline at end of file +} diff --git a/src/tokens-studio/foundations/spectrum/icon/mobile.json b/src/tokens-studio/foundations/spectrum/icon/mobile.json index b3120ee0..6d045d31 100644 --- a/src/tokens-studio/foundations/spectrum/icon/mobile.json +++ b/src/tokens-studio/foundations/spectrum/icon/mobile.json @@ -460,7 +460,7 @@ } }, "workflow-icon-size-50": { - "value": "18px", + "value": "16px", "type": "sizing", "$extensions": { "spectrum-tokens": { @@ -470,7 +470,7 @@ } }, "workflow-icon-size-75": { - "value": "20px", + "value": "18px", "type": "sizing", "$extensions": { "spectrum-tokens": { @@ -480,7 +480,7 @@ } }, "workflow-icon-size-100": { - "value": "22px", + "value": "24px", "type": "sizing", "$extensions": { "spectrum-tokens": { @@ -490,7 +490,7 @@ } }, "workflow-icon-size-200": { - "value": "24px", + "value": "28px", "type": "sizing", "$extensions": { "spectrum-tokens": { @@ -500,7 +500,7 @@ } }, "workflow-icon-size-300": { - "value": "28px", + "value": "30px", "type": "sizing", "$extensions": { "spectrum-tokens": { @@ -509,4 +509,4 @@ } } } -} \ No newline at end of file +} diff --git a/src/tokens-studio/foundations/spectrum/layout/desktop.json b/src/tokens-studio/foundations/spectrum/layout/desktop.json index 2949c0cb..75b6fb3a 100644 --- a/src/tokens-studio/foundations/spectrum/layout/desktop.json +++ b/src/tokens-studio/foundations/spectrum/layout/desktop.json @@ -150,7 +150,7 @@ } }, "component-edge-to-text-75": { - "value": "9px", + "value": "10px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -180,7 +180,7 @@ } }, "component-edge-to-text-300": { - "value": "18px", + "value": "17px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -190,7 +190,7 @@ } }, "component-edge-to-visual-50": { - "value": "6px", + "value": "7px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -200,7 +200,7 @@ } }, "component-edge-to-visual-75": { - "value": "7px", + "value": "8px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -230,7 +230,7 @@ } }, "component-edge-to-visual-300": { - "value": "15px", + "value": "14px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -260,7 +260,7 @@ } }, "component-edge-to-visual-only-100": { - "value": "7px", + "value": "6px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -270,7 +270,7 @@ } }, "component-edge-to-visual-only-200": { - "value": "10px", + "value": "9px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -280,7 +280,7 @@ } }, "component-edge-to-visual-only-300": { - "value": "13px", + "value": "11px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -360,7 +360,7 @@ } }, "component-pill-edge-to-text-75": { - "value": "12px", + "value": "13px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -390,7 +390,7 @@ } }, "component-pill-edge-to-text-300": { - "value": "24px", + "value": "23px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -400,7 +400,7 @@ } }, "component-pill-edge-to-visual-75": { - "value": "10px", + "value": "11px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -430,7 +430,7 @@ } }, "component-pill-edge-to-visual-300": { - "value": "21px", + "value": "20px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -590,7 +590,7 @@ } }, "component-top-to-workflow-icon-100": { - "value": "7px", + "value": "6px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -600,7 +600,7 @@ } }, "component-top-to-workflow-icon-200": { - "value": "10px", + "value": "9px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -610,7 +610,7 @@ } }, "component-top-to-workflow-icon-300": { - "value": "13px", + "value": "11px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -1450,7 +1450,7 @@ } }, "text-to-visual-50": { - "value": "6px", + "value": "5px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -1460,7 +1460,7 @@ } }, "text-to-visual-75": { - "value": "7px", + "value": "5px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -1470,7 +1470,7 @@ } }, "text-to-visual-100": { - "value": "8px", + "value": "6px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -1480,7 +1480,7 @@ } }, "text-to-visual-200": { - "value": "9px", + "value": "7px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -1490,7 +1490,7 @@ } }, "text-to-visual-300": { - "value": "10px", + "value": "8px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -1499,6 +1499,16 @@ } } }, + "text-to-visual-400": { + "value": "9px", + "type": "spacing", + "$extensions": { + "spectrum-tokens": { + "uuid": "3d393d59-b358-48a7-82c6-a7802408cd0d", + "name": "text-to-visual-400" + } + } + }, "text-underline-gap": { "value": "1px", "type": "spacing", @@ -1749,4 +1759,4 @@ } } } -} \ No newline at end of file +} diff --git a/src/tokens-studio/foundations/spectrum/layout/mobile.json b/src/tokens-studio/foundations/spectrum/layout/mobile.json index e46d61f0..af065d01 100644 --- a/src/tokens-studio/foundations/spectrum/layout/mobile.json +++ b/src/tokens-studio/foundations/spectrum/layout/mobile.json @@ -140,7 +140,7 @@ } }, "component-edge-to-text-50": { - "value": "10px", + "value": "11px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -150,7 +150,7 @@ } }, "component-edge-to-text-75": { - "value": "11px", + "value": "13px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -170,7 +170,7 @@ } }, "component-edge-to-text-200": { - "value": "19px", + "value": "18px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -190,7 +190,7 @@ } }, "component-edge-to-visual-50": { - "value": "7px", + "value": "9px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -200,7 +200,7 @@ } }, "component-edge-to-visual-75": { - "value": "9px", + "value": "11px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -220,7 +220,7 @@ } }, "component-edge-to-visual-200": { - "value": "16px", + "value": "15px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -230,7 +230,7 @@ } }, "component-edge-to-visual-300": { - "value": "19px", + "value": "20px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -240,7 +240,7 @@ } }, "component-edge-to-visual-only-50": { - "value": "4px", + "value": "5px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -250,7 +250,7 @@ } }, "component-edge-to-visual-only-75": { - "value": "5px", + "value": "6px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -260,7 +260,7 @@ } }, "component-edge-to-visual-only-100": { - "value": "9px", + "value": "8px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -270,7 +270,7 @@ } }, "component-edge-to-visual-only-200": { - "value": "13px", + "value": "11px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -280,7 +280,7 @@ } }, "component-edge-to-visual-only-300": { - "value": "16px", + "value": "15px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -360,7 +360,7 @@ } }, "component-pill-edge-to-text-75": { - "value": "15px", + "value": "17px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -380,7 +380,7 @@ } }, "component-pill-edge-to-text-200": { - "value": "25px", + "value": "24px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -400,7 +400,7 @@ } }, "component-pill-edge-to-visual-75": { - "value": "13px", + "value": "15px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -420,7 +420,7 @@ } }, "component-pill-edge-to-visual-200": { - "value": "22px", + "value": "21px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -430,7 +430,7 @@ } }, "component-pill-edge-to-visual-300": { - "value": "27px", + "value": "28px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -570,7 +570,7 @@ } }, "component-top-to-workflow-icon-50": { - "value": "4px", + "value": "5px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -580,7 +580,7 @@ } }, "component-top-to-workflow-icon-75": { - "value": "5px", + "value": "6px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -590,7 +590,7 @@ } }, "component-top-to-workflow-icon-100": { - "value": "9px", + "value": "8px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -600,7 +600,7 @@ } }, "component-top-to-workflow-icon-200": { - "value": "13px", + "value": "11px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -610,7 +610,7 @@ } }, "component-top-to-workflow-icon-300": { - "value": "16px", + "value": "15px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -1450,7 +1450,7 @@ } }, "text-to-visual-50": { - "value": "8px", + "value": "7px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -1460,7 +1460,7 @@ } }, "text-to-visual-75": { - "value": "9px", + "value": "7px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -1470,7 +1470,7 @@ } }, "text-to-visual-100": { - "value": "10px", + "value": "8px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -1480,7 +1480,7 @@ } }, "text-to-visual-200": { - "value": "11px", + "value": "9px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -1490,7 +1490,7 @@ } }, "text-to-visual-300": { - "value": "13px", + "value": "10px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -1499,6 +1499,16 @@ } } }, + "text-to-visual-400": { + "value": "11px", + "type": "spacing", + "$extensions": { + "spectrum-tokens": { + "uuid": "b496071f-4151-4bc2-86eb-f2e41947e0f6", + "name": "text-to-visual-400" + } + } + }, "text-underline-gap": { "value": "1px", "type": "spacing", @@ -1749,4 +1759,4 @@ } } } -} \ No newline at end of file +} From 2acc255c71d9ce0750c9d8bcb1e0a52fefd60529 Mon Sep 17 00:00:00 2001 From: Frank Karstens Date: Mon, 24 Jun 2024 16:25:20 +0200 Subject: [PATCH 2/3] fix: component-pill-edge-to-visual-only tokens for foundation --- src/tokens-studio/foundations/spectrum/layout/desktop.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/tokens-studio/foundations/spectrum/layout/desktop.json b/src/tokens-studio/foundations/spectrum/layout/desktop.json index 75b6fb3a..4ad1cb58 100644 --- a/src/tokens-studio/foundations/spectrum/layout/desktop.json +++ b/src/tokens-studio/foundations/spectrum/layout/desktop.json @@ -450,7 +450,7 @@ } }, "component-pill-edge-to-visual-only-100": { - "value": "7px", + "value": "6px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -460,7 +460,7 @@ } }, "component-pill-edge-to-visual-only-200": { - "value": "10px", + "value": "9px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -470,7 +470,7 @@ } }, "component-pill-edge-to-visual-only-300": { - "value": "13px", + "value": "11px", "type": "spacing", "$extensions": { "spectrum-tokens": { From c3537795ceeec6c112f0c5056848f7ab34b43309 Mon Sep 17 00:00:00 2001 From: Frank Karstens Date: Tue, 25 Jun 2024 12:29:43 +0200 Subject: [PATCH 3/3] fix: component-pill-edge-to-visual-only tokens for foundation on mobile --- src/tokens-studio/foundations/spectrum/layout/mobile.json | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/tokens-studio/foundations/spectrum/layout/mobile.json b/src/tokens-studio/foundations/spectrum/layout/mobile.json index af065d01..c1fe6129 100644 --- a/src/tokens-studio/foundations/spectrum/layout/mobile.json +++ b/src/tokens-studio/foundations/spectrum/layout/mobile.json @@ -440,7 +440,7 @@ } }, "component-pill-edge-to-visual-only-75": { - "value": "5px", + "value": "6px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -450,7 +450,7 @@ } }, "component-pill-edge-to-visual-only-100": { - "value": "9px", + "value": "8px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -460,7 +460,7 @@ } }, "component-pill-edge-to-visual-only-200": { - "value": "13px", + "value": "11px", "type": "spacing", "$extensions": { "spectrum-tokens": { @@ -470,7 +470,7 @@ } }, "component-pill-edge-to-visual-only-300": { - "value": "16px", + "value": "15px", "type": "spacing", "$extensions": { "spectrum-tokens": {