1
Fork 0

Correction des scripts et Button outline

This commit is contained in:
Roman Culioli 2026-01-28 05:20:49 +01:00
parent 6b2eb68f10
commit 36d064b276
7 changed files with 21 additions and 9 deletions

View file

@ -6,8 +6,8 @@
} }
/* mapping behavior → tokens */ /* mapping behavior → tokens */
[class^="istd-color-"], [class^="istd-color-"]:not(.istd-sty-outline),
[class*=" istd-color-"] { [class*=" istd-color-"]:not(.istd-sty-outline) {
--button-bg: var(--_color); --button-bg: var(--_color);
--button-text: color-contrast(var(--_color) vs black, white); --button-text: color-contrast(var(--_color) vs black, white);
--button-border: color-mix(in srgb, var(--_color) 80%, black); --button-border: color-mix(in srgb, var(--_color) 80%, black);

View file

@ -5,3 +5,13 @@
.istd-sty-fill > * { .istd-sty-fill > * {
width: 100%; 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);
}

View file

@ -33,7 +33,9 @@
} }
.istd-co-button:hover:not(:disabled) { .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) { .istd-co-button:active:not(:disabled) {

View file

@ -89,7 +89,7 @@ for (const app of config.applications) {
console.log(` ▶ deploy ${app.name} / ${variant}`); console.log(` ▶ deploy ${app.name} / ${variant}`);
execSync( execSync(
`node 5-build/deploy.js ${clientName} ${app.name} ${variant}`, `node 5-build/deploy-one.js ${clientName} ${app.name} ${variant}`,
{ stdio: "inherit" } { stdio: "inherit" }
); );
} }

View file

@ -5,7 +5,7 @@ import { stripBOM } from "./utils/fs-utils.js";
const [ , , clientName, appName, variantName ] = process.argv; const [ , , clientName, appName, variantName ] = process.argv;
if (!clientName || !appName || !variantName) { if (!clientName || !appName || !variantName) {
console.error("❌ Usage: node deploy.js <client> <application> <variant>"); console.error("❌ Usage: node deploy-one.js <client> <application> <variant>");
process.exit(1); process.exit(1);
} }

View file

@ -31,7 +31,7 @@ function rebuild() {
); );
execSync( execSync(
`node 5-build/deploy.js ${clientName} ${appName} ${variantName}`, `node 5-build/deploy-one.js ${clientName} ${appName} ${variantName}`,
{ stdio: "inherit" } { stdio: "inherit" }
); );

View file

@ -7,9 +7,9 @@
"node": ">=20.0.0" "node": ">=20.0.0"
}, },
"scripts": { "scripts": {
"build web demo": "node 5-build/build-css.js 1-demo 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 blank", "deploy web demo": "node 5-build/deploy-one.js 1-demo WebDemo ingeli",
"watch web demo": "node 5-build/live-dev.js 1-demo WebDemo blank", "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" "deploy all demo": "node 5-build/deploy-all.js 1-demo"
}, },
"devDependencies": { "devDependencies": {