From 9019e9b8266c597bec54dbb46c4e3ce4ff0367f7 Mon Sep 17 00:00:00 2001 From: Melanie Boeckmann Date: Tue, 30 Apr 2024 07:28:55 -0700 Subject: [PATCH] refactor: update details margin + padding tokens to match new design (#259) --- build/figma/figma.tokens.json | 4 ++-- build/web/css/.css | 4 ++-- build/web/css/components.css | 4 ++-- build/web/css/components/details.css | 4 ++-- build/web/css/tokens.css | 4 ++-- build/web/scss/.scss | 4 ++-- build/web/scss/components.scss | 4 ++-- build/web/scss/components/details.scss | 4 ++-- build/web/scss/tokens.scss | 4 ++-- tokens/components/details/tokens.json | 4 ++-- 10 files changed, 20 insertions(+), 20 deletions(-) diff --git a/build/figma/figma.tokens.json b/build/figma/figma.tokens.json index 8747d0aa..bfc6d45f 100644 --- a/build/figma/figma.tokens.json +++ b/build/figma/figma.tokens.json @@ -1839,11 +1839,11 @@ } }, "margin": { - "value": "0.75rem 0 0 0", + "value": "0.75rem 0 0 0.75rem", "type": "spacing" }, "padding": { - "value": "0.5625rem 2.25rem", + "value": "0.75rem 0.75rem 0.75rem 1.125rem", "type": "spacing" }, "slotted": { diff --git a/build/web/css/.css b/build/web/css/.css index 99b38c89..867e5b57 100644 --- a/build/web/css/.css +++ b/build/web/css/.css @@ -353,8 +353,8 @@ --gcds-details-hover-decoration-thickness: 0.125rem; --gcds-details-panel-border-color: #7d828b; --gcds-details-panel-border-width: 0.375rem; - --gcds-details-panel-margin: 0.75rem 0 0 0; - --gcds-details-panel-padding: 0.5625rem 2.25rem; + --gcds-details-panel-margin: 0.75rem 0 0 0.75rem; + --gcds-details-panel-padding: 0.75rem 0.75rem 0.75rem 1.125rem; --gcds-details-panel-slotted-margin: 1.5rem; --gcds-details-summary-arrow-border-left: 0.9375rem; --gcds-details-summary-arrow-border-top-bottom: 0.5625rem; diff --git a/build/web/css/components.css b/build/web/css/components.css index 542c0e95..3ea7d358 100644 --- a/build/web/css/components.css +++ b/build/web/css/components.css @@ -211,8 +211,8 @@ --gcds-details-hover-decoration-thickness: 0.125rem; --gcds-details-panel-border-color: #7d828b; --gcds-details-panel-border-width: 0.375rem; - --gcds-details-panel-margin: 0.75rem 0 0 0; - --gcds-details-panel-padding: 0.5625rem 2.25rem; + --gcds-details-panel-margin: 0.75rem 0 0 0.75rem; + --gcds-details-panel-padding: 0.75rem 0.75rem 0.75rem 1.125rem; --gcds-details-panel-slotted-margin: 1.5rem; --gcds-details-summary-arrow-border-left: 0.9375rem; --gcds-details-summary-arrow-border-top-bottom: 0.5625rem; diff --git a/build/web/css/components/details.css b/build/web/css/components/details.css index 1ca62e5f..1d6ad4be 100644 --- a/build/web/css/components/details.css +++ b/build/web/css/components/details.css @@ -17,8 +17,8 @@ --gcds-details-hover-decoration-thickness: 0.125rem; --gcds-details-panel-border-color: #7d828b; --gcds-details-panel-border-width: 0.375rem; - --gcds-details-panel-margin: 0.75rem 0 0 0; - --gcds-details-panel-padding: 0.5625rem 2.25rem; + --gcds-details-panel-margin: 0.75rem 0 0 0.75rem; + --gcds-details-panel-padding: 0.75rem 0.75rem 0.75rem 1.125rem; --gcds-details-panel-slotted-margin: 1.5rem; --gcds-details-summary-arrow-border-left: 0.9375rem; --gcds-details-summary-arrow-border-top-bottom: 0.5625rem; diff --git a/build/web/css/tokens.css b/build/web/css/tokens.css index 99b38c89..867e5b57 100644 --- a/build/web/css/tokens.css +++ b/build/web/css/tokens.css @@ -353,8 +353,8 @@ --gcds-details-hover-decoration-thickness: 0.125rem; --gcds-details-panel-border-color: #7d828b; --gcds-details-panel-border-width: 0.375rem; - --gcds-details-panel-margin: 0.75rem 0 0 0; - --gcds-details-panel-padding: 0.5625rem 2.25rem; + --gcds-details-panel-margin: 0.75rem 0 0 0.75rem; + --gcds-details-panel-padding: 0.75rem 0.75rem 0.75rem 1.125rem; --gcds-details-panel-slotted-margin: 1.5rem; --gcds-details-summary-arrow-border-left: 0.9375rem; --gcds-details-summary-arrow-border-top-bottom: 0.5625rem; diff --git a/build/web/scss/.scss b/build/web/scss/.scss index 4f86093a..96c1c151 100644 --- a/build/web/scss/.scss +++ b/build/web/scss/.scss @@ -351,8 +351,8 @@ $gcds-details-hover-text: #0535d2; $gcds-details-hover-decoration-thickness: 0.125rem; $gcds-details-panel-border-color: #7d828b; $gcds-details-panel-border-width: 0.375rem; -$gcds-details-panel-margin: 0.75rem 0 0 0; -$gcds-details-panel-padding: 0.5625rem 2.25rem; +$gcds-details-panel-margin: 0.75rem 0 0 0.75rem; +$gcds-details-panel-padding: 0.75rem 0.75rem 0.75rem 1.125rem; $gcds-details-panel-slotted-margin: 1.5rem; $gcds-details-summary-arrow-border-left: 0.9375rem; $gcds-details-summary-arrow-border-top-bottom: 0.5625rem; diff --git a/build/web/scss/components.scss b/build/web/scss/components.scss index 413fc296..142c9e93 100644 --- a/build/web/scss/components.scss +++ b/build/web/scss/components.scss @@ -209,8 +209,8 @@ $gcds-details-hover-text: #0535d2; $gcds-details-hover-decoration-thickness: 0.125rem; $gcds-details-panel-border-color: #7d828b; $gcds-details-panel-border-width: 0.375rem; -$gcds-details-panel-margin: 0.75rem 0 0 0; -$gcds-details-panel-padding: 0.5625rem 2.25rem; +$gcds-details-panel-margin: 0.75rem 0 0 0.75rem; +$gcds-details-panel-padding: 0.75rem 0.75rem 0.75rem 1.125rem; $gcds-details-panel-slotted-margin: 1.5rem; $gcds-details-summary-arrow-border-left: 0.9375rem; $gcds-details-summary-arrow-border-top-bottom: 0.5625rem; diff --git a/build/web/scss/components/details.scss b/build/web/scss/components/details.scss index bc6d1e8e..66e3c7b9 100644 --- a/build/web/scss/components/details.scss +++ b/build/web/scss/components/details.scss @@ -15,8 +15,8 @@ $gcds-details-hover-text: #0535d2; $gcds-details-hover-decoration-thickness: 0.125rem; $gcds-details-panel-border-color: #7d828b; $gcds-details-panel-border-width: 0.375rem; -$gcds-details-panel-margin: 0.75rem 0 0 0; -$gcds-details-panel-padding: 0.5625rem 2.25rem; +$gcds-details-panel-margin: 0.75rem 0 0 0.75rem; +$gcds-details-panel-padding: 0.75rem 0.75rem 0.75rem 1.125rem; $gcds-details-panel-slotted-margin: 1.5rem; $gcds-details-summary-arrow-border-left: 0.9375rem; $gcds-details-summary-arrow-border-top-bottom: 0.5625rem; diff --git a/build/web/scss/tokens.scss b/build/web/scss/tokens.scss index 4f86093a..96c1c151 100644 --- a/build/web/scss/tokens.scss +++ b/build/web/scss/tokens.scss @@ -351,8 +351,8 @@ $gcds-details-hover-text: #0535d2; $gcds-details-hover-decoration-thickness: 0.125rem; $gcds-details-panel-border-color: #7d828b; $gcds-details-panel-border-width: 0.375rem; -$gcds-details-panel-margin: 0.75rem 0 0 0; -$gcds-details-panel-padding: 0.5625rem 2.25rem; +$gcds-details-panel-margin: 0.75rem 0 0 0.75rem; +$gcds-details-panel-padding: 0.75rem 0.75rem 0.75rem 1.125rem; $gcds-details-panel-slotted-margin: 1.5rem; $gcds-details-summary-arrow-border-left: 0.9375rem; $gcds-details-summary-arrow-border-top-bottom: 0.5625rem; diff --git a/tokens/components/details/tokens.json b/tokens/components/details/tokens.json index 134fdfe9..7522eeeb 100644 --- a/tokens/components/details/tokens.json +++ b/tokens/components/details/tokens.json @@ -80,11 +80,11 @@ } }, "margin": { - "value": "{spacing.200.value} 0 0 0", + "value": "{spacing.200.value} 0 0 {spacing.200.value}", "type": "spacing" }, "padding": { - "value": "{spacing.150.value} {spacing.450.value}", + "value": "{spacing.200.value} {spacing.200.value} {spacing.200.value} {spacing.300.value}", "type": "spacing" }, "slotted": {