From 36d064b276f000f797049bd20451d54fa94b3718 Mon Sep 17 00:00:00 2001 From: Roman Culioli Date: Wed, 28 Jan 2026 05:20:49 +0100 Subject: [PATCH] Correction des scripts et Button outline --- 3-styles/ingeli-std/1-behaviors/color.behavior.css | 4 ++-- 3-styles/ingeli-std/1-behaviors/style.behavior.css | 10 ++++++++++ 3-styles/ingeli-std/2-components/button.css | 4 +++- 5-build/deploy-all.js | 2 +- 5-build/deploy-one.js | 2 +- 5-build/live-dev.js | 2 +- package.json | 6 +++--- 7 files changed, 21 insertions(+), 9 deletions(-) diff --git a/3-styles/ingeli-std/1-behaviors/color.behavior.css b/3-styles/ingeli-std/1-behaviors/color.behavior.css index 2b0fd38..fd744ae 100644 --- a/3-styles/ingeli-std/1-behaviors/color.behavior.css +++ b/3-styles/ingeli-std/1-behaviors/color.behavior.css @@ -6,8 +6,8 @@ } /* mapping behavior → tokens */ -[class^="istd-color-"], -[class*=" istd-color-"] { +[class^="istd-color-"]:not(.istd-sty-outline), +[class*=" istd-color-"]:not(.istd-sty-outline) { --button-bg: var(--_color); --button-text: color-contrast(var(--_color) vs black, white); --button-border: color-mix(in srgb, var(--_color) 80%, black); diff --git a/3-styles/ingeli-std/1-behaviors/style.behavior.css b/3-styles/ingeli-std/1-behaviors/style.behavior.css index ec682b1..4e02d84 100644 --- a/3-styles/ingeli-std/1-behaviors/style.behavior.css +++ b/3-styles/ingeli-std/1-behaviors/style.behavior.css @@ -5,3 +5,13 @@ .istd-sty-fill > * { width: 100%; } + +.istd-sty-outline { + --button-bg: transparent; + --button-text: var(--_color); + --button-border: var(--_color); + + --button-bg-hover: var(--_color); + --button-text-hover: color-contrast(var(--_color) vs white, black); + --button-border-hover: var(--_color); +} \ No newline at end of file diff --git a/3-styles/ingeli-std/2-components/button.css b/3-styles/ingeli-std/2-components/button.css index 381af6e..feb2c03 100644 --- a/3-styles/ingeli-std/2-components/button.css +++ b/3-styles/ingeli-std/2-components/button.css @@ -33,7 +33,9 @@ } .istd-co-button:hover:not(:disabled) { - background-color: color-mix(in srgb, var(--button-bg) 85%, black); + background-color: var(--button-bg-hover); + color: var(--button-text-hover); + border-color: var(--button-border-hover); } .istd-co-button:active:not(:disabled) { diff --git a/5-build/deploy-all.js b/5-build/deploy-all.js index 87aa1fc..b030e64 100644 --- a/5-build/deploy-all.js +++ b/5-build/deploy-all.js @@ -89,7 +89,7 @@ for (const app of config.applications) { console.log(` ▶ deploy ${app.name} / ${variant}`); execSync( - `node 5-build/deploy.js ${clientName} ${app.name} ${variant}`, + `node 5-build/deploy-one.js ${clientName} ${app.name} ${variant}`, { stdio: "inherit" } ); } diff --git a/5-build/deploy-one.js b/5-build/deploy-one.js index c8e2519..d157378 100644 --- a/5-build/deploy-one.js +++ b/5-build/deploy-one.js @@ -5,7 +5,7 @@ import { stripBOM } from "./utils/fs-utils.js"; const [ , , clientName, appName, variantName ] = process.argv; if (!clientName || !appName || !variantName) { - console.error("❌ Usage: node deploy.js "); + console.error("❌ Usage: node deploy-one.js "); process.exit(1); } diff --git a/5-build/live-dev.js b/5-build/live-dev.js index 40878c5..53f7e7b 100644 --- a/5-build/live-dev.js +++ b/5-build/live-dev.js @@ -31,7 +31,7 @@ function rebuild() { ); execSync( - `node 5-build/deploy.js ${clientName} ${appName} ${variantName}`, + `node 5-build/deploy-one.js ${clientName} ${appName} ${variantName}`, { stdio: "inherit" } ); diff --git a/package.json b/package.json index eeed56d..2ca60d3 100644 --- a/package.json +++ b/package.json @@ -7,9 +7,9 @@ "node": ">=20.0.0" }, "scripts": { - "build web demo": "node 5-build/build-css.js 1-demo blank", - "deploy web demo": "node 5-build/deploy-one.js 1-demo WebDemo blank", - "watch web demo": "node 5-build/live-dev.js 1-demo WebDemo blank", + "build web demo": "node 5-build/build-css.js 1-demo ingeli", + "deploy web demo": "node 5-build/deploy-one.js 1-demo WebDemo ingeli", + "live-dev web demo": "node 5-build/live-dev.js 1-demo WebDemo ingeli", "deploy all demo": "node 5-build/deploy-all.js 1-demo" }, "devDependencies": {