From 02f9cb057f6dc6dd18a0281c86f80a31186f2e43 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 16 Dec 2024 15:41:56 +0100 Subject: [PATCH] feat: update Figma variables (#2344) This is an auto-generated pull request. All variables have been updated from the [Figma file](https://www.figma.com/design/YfEUBOHk4J4nYrk04geswG). Co-authored-by: larsrickert <67898185+larsrickert@users.noreply.github.com> --- packages/sit-onyx/src/styles/variables/density-compact.css | 2 +- packages/sit-onyx/src/styles/variables/density-cozy.css | 2 +- packages/sit-onyx/src/styles/variables/density-default.css | 2 +- packages/sit-onyx/src/styles/variables/spacing.css | 2 +- .../sit-onyx/src/styles/variables/themes/digits-dark.css | 4 ++-- .../sit-onyx/src/styles/variables/themes/digits-light.css | 4 ++-- .../sit-onyx/src/styles/variables/themes/kaufland-dark.css | 4 ++-- .../sit-onyx/src/styles/variables/themes/kaufland-light.css | 4 ++-- packages/sit-onyx/src/styles/variables/themes/lidl-dark.css | 4 ++-- .../sit-onyx/src/styles/variables/themes/lidl-light.css | 4 ++-- packages/sit-onyx/src/styles/variables/themes/onyx-dark.css | 4 ++-- .../sit-onyx/src/styles/variables/themes/onyx-light.css | 4 ++-- .../sit-onyx/src/styles/variables/themes/schwarz-dark.css | 4 ++-- .../sit-onyx/src/styles/variables/themes/schwarz-light.css | 4 ++-- packages/sit-onyx/src/styles/variables/themes/value.css | 6 +++--- 15 files changed, 27 insertions(+), 27 deletions(-) diff --git a/packages/sit-onyx/src/styles/variables/density-compact.css b/packages/sit-onyx/src/styles/variables/density-compact.css index 6903b4d2f0..6a2ca61f87 100644 --- a/packages/sit-onyx/src/styles/variables/density-compact.css +++ b/packages/sit-onyx/src/styles/variables/density-compact.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "compact" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:30:04 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:39:41 GMT */ :where(.onyx-density-compact) { --onyx-density-2xl: var(--onyx-number-spacing-600); diff --git a/packages/sit-onyx/src/styles/variables/density-cozy.css b/packages/sit-onyx/src/styles/variables/density-cozy.css index adf3099b41..0766908c39 100644 --- a/packages/sit-onyx/src/styles/variables/density-cozy.css +++ b/packages/sit-onyx/src/styles/variables/density-cozy.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "cozy" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:30:04 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:39:41 GMT */ :where(.onyx-density-cozy) { --onyx-density-2xl: var(--onyx-number-spacing-800); diff --git a/packages/sit-onyx/src/styles/variables/density-default.css b/packages/sit-onyx/src/styles/variables/density-default.css index bafe64e4d2..7cc94ad0fe 100644 --- a/packages/sit-onyx/src/styles/variables/density-default.css +++ b/packages/sit-onyx/src/styles/variables/density-default.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "default" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:29:55 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:39:31 GMT */ :where(:root), :where(.onyx-density-default) { diff --git a/packages/sit-onyx/src/styles/variables/spacing.css b/packages/sit-onyx/src/styles/variables/spacing.css index 8127feffaa..8f137d435e 100644 --- a/packages/sit-onyx/src/styles/variables/spacing.css +++ b/packages/sit-onyx/src/styles/variables/spacing.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "spacing" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:29:49 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:39:24 GMT */ :where(:root) { --onyx-spacing-2xl: var(--onyx-number-spacing-700); diff --git a/packages/sit-onyx/src/styles/variables/themes/digits-dark.css b/packages/sit-onyx/src/styles/variables/themes/digits-dark.css index aa42998973..9067b5fb35 100644 --- a/packages/sit-onyx/src/styles/variables/themes/digits-dark.css +++ b/packages/sit-onyx/src/styles/variables/themes/digits-dark.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "digits-dark" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:29:41 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:39:15 GMT */ .dark, .onyx-theme-digits-dark { @@ -119,7 +119,7 @@ --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500); --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-700); --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-900); - --onyx-opacity-backdrop: var(--onyx-number-opacity-medium); + --onyx-opacity-backdrop: var(--onyx-color-opacity-medium); --onyx-radius-full: var(--onyx-number-radius-600); --onyx-radius-lg: var(--onyx-number-radius-400); --onyx-radius-md: var(--onyx-number-radius-300); diff --git a/packages/sit-onyx/src/styles/variables/themes/digits-light.css b/packages/sit-onyx/src/styles/variables/themes/digits-light.css index fd541def85..3826e3d693 100644 --- a/packages/sit-onyx/src/styles/variables/themes/digits-light.css +++ b/packages/sit-onyx/src/styles/variables/themes/digits-light.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "digits-light" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:29:33 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:39:07 GMT */ :where(:root), .onyx-theme-digits-light { @@ -119,7 +119,7 @@ --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500); --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-300); --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-200); - --onyx-opacity-backdrop: var(--onyx-number-opacity-soft); + --onyx-opacity-backdrop: var(--onyx-color-opacity-soft); --onyx-radius-full: var(--onyx-number-radius-600); --onyx-radius-lg: var(--onyx-number-radius-400); --onyx-radius-md: var(--onyx-number-radius-300); diff --git a/packages/sit-onyx/src/styles/variables/themes/kaufland-dark.css b/packages/sit-onyx/src/styles/variables/themes/kaufland-dark.css index 9e579341ae..2ae0deef5a 100644 --- a/packages/sit-onyx/src/styles/variables/themes/kaufland-dark.css +++ b/packages/sit-onyx/src/styles/variables/themes/kaufland-dark.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "kaufland-dark" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:29:41 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:39:15 GMT */ .dark, .onyx-theme-kaufland-dark { @@ -119,7 +119,7 @@ --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500); --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-700); --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-900); - --onyx-opacity-backdrop: var(--onyx-number-opacity-medium); + --onyx-opacity-backdrop: var(--onyx-color-opacity-medium); --onyx-radius-full: var(--onyx-number-radius-600); --onyx-radius-lg: var(--onyx-number-radius-400); --onyx-radius-md: var(--onyx-number-radius-300); diff --git a/packages/sit-onyx/src/styles/variables/themes/kaufland-light.css b/packages/sit-onyx/src/styles/variables/themes/kaufland-light.css index 3d45502d31..7838e01fcb 100644 --- a/packages/sit-onyx/src/styles/variables/themes/kaufland-light.css +++ b/packages/sit-onyx/src/styles/variables/themes/kaufland-light.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "kaufland-light" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:29:33 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:39:07 GMT */ :where(:root), .onyx-theme-kaufland-light { @@ -119,7 +119,7 @@ --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500); --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-300); --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-200); - --onyx-opacity-backdrop: var(--onyx-number-opacity-soft); + --onyx-opacity-backdrop: var(--onyx-color-opacity-soft); --onyx-radius-full: var(--onyx-number-radius-600); --onyx-radius-lg: var(--onyx-number-radius-400); --onyx-radius-md: var(--onyx-number-radius-300); diff --git a/packages/sit-onyx/src/styles/variables/themes/lidl-dark.css b/packages/sit-onyx/src/styles/variables/themes/lidl-dark.css index d5a5050ca8..4612deac78 100644 --- a/packages/sit-onyx/src/styles/variables/themes/lidl-dark.css +++ b/packages/sit-onyx/src/styles/variables/themes/lidl-dark.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "lidl-dark" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:29:41 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:39:15 GMT */ .dark, .onyx-theme-lidl-dark { @@ -119,7 +119,7 @@ --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500); --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-700); --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-900); - --onyx-opacity-backdrop: var(--onyx-number-opacity-medium); + --onyx-opacity-backdrop: var(--onyx-color-opacity-medium); --onyx-radius-full: var(--onyx-number-radius-600); --onyx-radius-lg: var(--onyx-number-radius-400); --onyx-radius-md: var(--onyx-number-radius-300); diff --git a/packages/sit-onyx/src/styles/variables/themes/lidl-light.css b/packages/sit-onyx/src/styles/variables/themes/lidl-light.css index 5d67bbc11c..331ca2a2a0 100644 --- a/packages/sit-onyx/src/styles/variables/themes/lidl-light.css +++ b/packages/sit-onyx/src/styles/variables/themes/lidl-light.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "lidl-light" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:29:33 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:39:07 GMT */ :where(:root), .onyx-theme-lidl-light { @@ -119,7 +119,7 @@ --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500); --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-300); --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-200); - --onyx-opacity-backdrop: var(--onyx-number-opacity-soft); + --onyx-opacity-backdrop: var(--onyx-color-opacity-soft); --onyx-radius-full: var(--onyx-number-radius-600); --onyx-radius-lg: var(--onyx-number-radius-400); --onyx-radius-md: var(--onyx-number-radius-300); diff --git a/packages/sit-onyx/src/styles/variables/themes/onyx-dark.css b/packages/sit-onyx/src/styles/variables/themes/onyx-dark.css index ce9e7f518b..e54f84708e 100644 --- a/packages/sit-onyx/src/styles/variables/themes/onyx-dark.css +++ b/packages/sit-onyx/src/styles/variables/themes/onyx-dark.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "onyx-dark" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:29:26 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:38:59 GMT */ .dark, .onyx-theme-default-dark { @@ -119,7 +119,7 @@ --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500); --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-700); --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-900); - --onyx-opacity-backdrop: var(--onyx-number-opacity-medium); + --onyx-opacity-backdrop: var(--onyx-color-opacity-medium); --onyx-radius-full: var(--onyx-number-radius-600); --onyx-radius-lg: var(--onyx-number-radius-400); --onyx-radius-md: var(--onyx-number-radius-300); diff --git a/packages/sit-onyx/src/styles/variables/themes/onyx-light.css b/packages/sit-onyx/src/styles/variables/themes/onyx-light.css index a8a2553652..a45b58dcaa 100644 --- a/packages/sit-onyx/src/styles/variables/themes/onyx-light.css +++ b/packages/sit-onyx/src/styles/variables/themes/onyx-light.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "onyx-light" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:29:18 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:38:51 GMT */ :where(:root), .onyx-theme-default { @@ -119,7 +119,7 @@ --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500); --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-300); --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-200); - --onyx-opacity-backdrop: var(--onyx-number-opacity-soft); + --onyx-opacity-backdrop: var(--onyx-color-opacity-soft); --onyx-radius-full: var(--onyx-number-radius-600); --onyx-radius-lg: var(--onyx-number-radius-400); --onyx-radius-md: var(--onyx-number-radius-300); diff --git a/packages/sit-onyx/src/styles/variables/themes/schwarz-dark.css b/packages/sit-onyx/src/styles/variables/themes/schwarz-dark.css index 0935221d56..72bc869de0 100644 --- a/packages/sit-onyx/src/styles/variables/themes/schwarz-dark.css +++ b/packages/sit-onyx/src/styles/variables/themes/schwarz-dark.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "schwarz-dark" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:29:41 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:39:15 GMT */ .dark, .onyx-theme-schwarz-dark { @@ -119,7 +119,7 @@ --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500); --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-700); --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-900); - --onyx-opacity-backdrop: var(--onyx-number-opacity-medium); + --onyx-opacity-backdrop: var(--onyx-color-opacity-medium); --onyx-radius-full: var(--onyx-number-radius-600); --onyx-radius-lg: var(--onyx-number-radius-400); --onyx-radius-md: var(--onyx-number-radius-300); diff --git a/packages/sit-onyx/src/styles/variables/themes/schwarz-light.css b/packages/sit-onyx/src/styles/variables/themes/schwarz-light.css index e6f27c0017..0a19ba50ec 100644 --- a/packages/sit-onyx/src/styles/variables/themes/schwarz-light.css +++ b/packages/sit-onyx/src/styles/variables/themes/schwarz-light.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "schwarz-light" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:29:33 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:39:07 GMT */ :where(:root), .onyx-theme-schwarz-light { @@ -119,7 +119,7 @@ --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500); --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-300); --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-200); - --onyx-opacity-backdrop: var(--onyx-number-opacity-soft); + --onyx-opacity-backdrop: var(--onyx-color-opacity-soft); --onyx-radius-full: var(--onyx-number-radius-600); --onyx-radius-lg: var(--onyx-number-radius-400); --onyx-radius-md: var(--onyx-number-radius-300); diff --git a/packages/sit-onyx/src/styles/variables/themes/value.css b/packages/sit-onyx/src/styles/variables/themes/value.css index 287253439d..c5308a2178 100644 --- a/packages/sit-onyx/src/styles/variables/themes/value.css +++ b/packages/sit-onyx/src/styles/variables/themes/value.css @@ -1,7 +1,7 @@ /** * Do not edit directly. * This file contains the specific variables for the "value" theme. - * Imported from Figma API on Thu, 12 Dec 2024 10:29:18 GMT + * Imported from Figma API on Mon, 16 Dec 2024 14:38:51 GMT */ :where(:root), .onyx-theme-default { @@ -91,6 +91,8 @@ --onyx-color-onyx-1000: #005356; --onyx-color-onyx-1100: #003c3e; --onyx-color-onyx-1200: #002626; + --onyx-color-opacity-medium: #00000099; + --onyx-color-opacity-soft: #00000026; --onyx-color-orange-100: #faf6f2; --onyx-color-orange-200: #f8e7d7; --onyx-color-orange-300: #f6d1b1; @@ -199,8 +201,6 @@ --onyx-color-twogo-1000: #023e42; --onyx-color-twogo-1100: #012c2e; --onyx-color-twogo-1200: #00191b; - --onyx-number-opacity-medium: 3.75rem; - --onyx-number-opacity-soft: 0.9375rem; --onyx-number-radius-100: 0.125rem; --onyx-number-radius-200: 0.25rem; --onyx-number-radius-300: 0.5rem;