From ffaeeab999b6eb4603355f09ad1c9a9e65ce8b08 Mon Sep 17 00:00:00 2001 From: Anthony LC Date: Mon, 28 Sep 2026 17:26:11 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A8(dependency)=20update=20ui-kit=20to?= =?UTF-8?q?kens?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit We bumped the UI-kit dependency, we need to update the UI-kit tokens accordingly. --- .../src/cunningham/cunningham-tokens.css | 43 +++++++++++++++++++ .../src/cunningham/cunningham-tokens.ts | 27 +++++++++--- 2 files changed, 64 insertions(+), 6 deletions(-) diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css index 3ff95ae7f..ebcbe90c3 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css +++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css @@ -427,6 +427,12 @@ --c--contextuals--background--semantic--overlay--primary-hover: var( --c--globals--colors--black-100 ); + --c--contextuals--background--semantic--overlay--on-surface: var( + --c--globals--colors--white-650 + ); + --c--contextuals--background--semantic--overlay--transparent: var( + --c--globals--colors--white-000 + ); --c--contextuals--background--semantic--contextual--primary: var( --c--globals--colors--black-050 ); @@ -654,6 +660,9 @@ --c--contextuals--content--semantic--overlay--primary: var( --c--globals--colors--white-950 ); + --c--contextuals--content--semantic--overlay--secondary: var( + --c--globals--colors--white-800 + ); --c--contextuals--content--semantic--brand--primary: var( --c--globals--colors--brand-700 ); @@ -1781,6 +1790,12 @@ --c--contextuals--background--semantic--overlay--primary-hover: var( --c--globals--colors--white-100 ); + --c--contextuals--background--semantic--overlay--on-surface: var( + --c--globals--colors--black-650 + ); + --c--contextuals--background--semantic--overlay--transparent: var( + --c--globals--colors--black-000 + ); --c--contextuals--background--semantic--brand--primary: var( --c--globals--colors--brand-550 ); @@ -2002,6 +2017,9 @@ --c--contextuals--content--semantic--overlay--primary: var( --c--globals--colors--black-850 ); + --c--contextuals--content--semantic--overlay--secondary: var( + --c--globals--colors--black-700 + ); --c--contextuals--content--semantic--brand--primary: var( --c--globals--colors--brand-050 ); @@ -2588,6 +2606,12 @@ --c--contextuals--background--semantic--overlay--primary-hover: var( --c--globals--colors--black-100 ); + --c--contextuals--background--semantic--overlay--on-surface: var( + --c--globals--colors--white-650 + ); + --c--contextuals--background--semantic--overlay--transparent: var( + --c--globals--colors--white-000 + ); --c--contextuals--background--semantic--contextual--primary: var( --c--globals--colors--black-050 ); @@ -2815,6 +2839,9 @@ --c--contextuals--content--semantic--overlay--primary: var( --c--globals--colors--white-950 ); + --c--contextuals--content--semantic--overlay--secondary: var( + --c--globals--colors--white-800 + ); --c--contextuals--content--semantic--brand--primary: var( --c--globals--colors--brand-700 ); @@ -6212,6 +6239,18 @@ ); } +.bg-semantic-overlay-on-surface { + background-color: var( + --c--contextuals--background--semantic--overlay--on-surface + ); +} + +.bg-semantic-overlay-transparent { + background-color: var( + --c--contextuals--background--semantic--overlay--transparent + ); +} + .bg-semantic-contextual-primary { background-color: var( --c--contextuals--background--semantic--contextual--primary @@ -8125,6 +8164,10 @@ color: var(--c--contextuals--content--semantic--overlay--primary); } +.clr-content-semantic-overlay-secondary { + color: var(--c--contextuals--content--semantic--overlay--secondary); +} + .clr-content-semantic-brand-primary { color: var(--c--contextuals--content--semantic--brand--primary); } diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts index d51e2f87b..c5292f4a0 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts +++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts @@ -440,7 +440,12 @@ export const tokens = { tertiary: '#F8F8F9', }, semantic: { - overlay: { primary: '#1B1B230D', 'primary-hover': '#1B1B231A' }, + overlay: { + primary: '#1B1B230D', + 'primary-hover': '#1B1B231A', + 'on-surface': '#F8F8F9A6', + transparent: '#F8F8F900', + }, contextual: { primary: '#1B1B230D', 'primary-hover': '#1B1B231A' }, brand: { primary: '#5E5CD0', @@ -555,7 +560,7 @@ export const tokens = { logo2: '#4844AD', semantic: { contextual: { primary: '#F8F8F9F2' }, - overlay: { primary: '#F8F8F9F2' }, + overlay: { primary: '#F8F8F9F2', secondary: '#F8F8F9CC' }, brand: { primary: '#3E3B98', secondary: '#534FC2', @@ -1341,7 +1346,12 @@ export const tokens = { }, semantic: { contextual: { primary: '#F8F8F90D', 'primary-hover': '#F8F8F91A' }, - overlay: { primary: '#F8F8F90D', 'primary-hover': '#F8F8F91A' }, + overlay: { + primary: '#F8F8F90D', + 'primary-hover': '#F8F8F91A', + 'on-surface': '#1B1B23A6', + transparent: '#1B1B2300', + }, brand: { primary: '#5E5CD0', 'primary-hover': '#4844AD', @@ -1455,7 +1465,7 @@ export const tokens = { logo2: '#BEC5F0', semantic: { contextual: { primary: '#1B1B23D9' }, - overlay: { primary: '#1B1B23D9' }, + overlay: { primary: '#1B1B23D9', secondary: '#1B1B23B2' }, brand: { primary: '#EEF1FA', secondary: '#DDE2F5', @@ -1963,7 +1973,12 @@ export const tokens = { tertiary: '#F8F8F9', }, semantic: { - overlay: { primary: '#1B1B230D', 'primary-hover': '#1B1B231A' }, + overlay: { + primary: '#1B1B230D', + 'primary-hover': '#1B1B231A', + 'on-surface': '#F8F8F9A6', + transparent: '#F8F8F900', + }, contextual: { primary: '#1B1B230D', 'primary-hover': '#1B1B231A' }, brand: { primary: '#5E5CD0', @@ -2078,7 +2093,7 @@ export const tokens = { logo2: '#4844AD', semantic: { contextual: { primary: '#F8F8F9F2' }, - overlay: { primary: '#F8F8F9F2' }, + overlay: { primary: '#F8F8F9F2', secondary: '#F8F8F9CC' }, brand: { primary: '#3E3B98', secondary: '#534FC2',