okchroma 0.1.1 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist-lib/index.cjs
CHANGED
|
@@ -30,7 +30,9 @@ __export(index_exports, {
|
|
|
30
30
|
PAPER_100: () => PAPER_100,
|
|
31
31
|
RESOLVER_ID: () => RESOLVER_ID,
|
|
32
32
|
SCALE_STOP_COUNT: () => SCALE_STOP_COUNT,
|
|
33
|
+
SCRIM_ALPHA: () => SCRIM_ALPHA,
|
|
33
34
|
SECONDARY_DISTINCT_DELTA_E: () => SECONDARY_DISTINCT_DELTA_E,
|
|
35
|
+
SHADOW_ALPHAS: () => SHADOW_ALPHAS,
|
|
34
36
|
SIGNALS: () => SIGNALS2,
|
|
35
37
|
SIGNAL_EMIT_NAME: () => SIGNAL_EMIT_NAME,
|
|
36
38
|
SIGNAL_SCALES: () => SIGNAL_SCALES,
|
|
@@ -42,6 +44,8 @@ __export(index_exports, {
|
|
|
42
44
|
STAMP_STATE_LEAVES: () => STAMP_STATE_LEAVES,
|
|
43
45
|
SUBTLE_PASTEL_K: () => SUBTLE_PASTEL_K,
|
|
44
46
|
SUBTLE_TINT_MULT: () => SUBTLE_TINT_MULT,
|
|
47
|
+
SURFACE_PLANE_LAW: () => SURFACE_PLANE_LAW,
|
|
48
|
+
SYSTEM_LEAF: () => SYSTEM_LEAF,
|
|
45
49
|
brandCss: () => brandCss,
|
|
46
50
|
checkAllCollisions: () => checkAllCollisions,
|
|
47
51
|
checkCollision: () => checkCollision,
|
|
@@ -2740,6 +2744,7 @@ var SCALE = {
|
|
|
2740
2744
|
};
|
|
2741
2745
|
var ABS = { req: "extreme poles for CTAs, aliased global endpoints" };
|
|
2742
2746
|
var OFFSET = { req: "min APCA visibility", theming: "offsets CTAs in themes where they sit close to the page" };
|
|
2747
|
+
var OFFSET_INVERSE = { req: "state layers over inverted backgrounds", theming: "the offset ladder with its pole flipped, so inverted grounds keep the same rungs" };
|
|
2743
2748
|
var SHADOW = { req: "drop shadows" };
|
|
2744
2749
|
var PLANE = (req) => ({ req, theming: "aliased to the gray ramp" });
|
|
2745
2750
|
var LINK = (state, contrast) => ({
|
|
@@ -2770,6 +2775,12 @@ var SYSTEM = {
|
|
|
2770
2775
|
"system/alpha/006": OFFSET,
|
|
2771
2776
|
"system/alpha/008": OFFSET,
|
|
2772
2777
|
"system/alpha/016": OFFSET,
|
|
2778
|
+
// the inverse ladder: the offset rungs with the pole flipped per mode, for
|
|
2779
|
+
// washes and edges over inverted backgrounds ("interaction" avoided in the
|
|
2780
|
+
// bodies: acti-ON would feed the "on" flood)
|
|
2781
|
+
"system/alpha/inverse-006": OFFSET_INVERSE,
|
|
2782
|
+
"system/alpha/inverse-008": OFFSET_INVERSE,
|
|
2783
|
+
"system/alpha/inverse-016": OFFSET_INVERSE,
|
|
2773
2784
|
"system/alpha/shadow-04": SHADOW,
|
|
2774
2785
|
"system/alpha/shadow-08": SHADOW,
|
|
2775
2786
|
"system/alpha/shadow-12": SHADOW,
|
|
@@ -3406,6 +3417,43 @@ var STAMP_LEAF = {
|
|
|
3406
3417
|
EDGE: STAMP_STATE_LEAVES[STAMP_EDGE],
|
|
3407
3418
|
ON: STAMP_STATE_LEAVES[STAMP_ON]
|
|
3408
3419
|
};
|
|
3420
|
+
var SYSTEM_LEAF = {
|
|
3421
|
+
ABS_BLACK: "system/abs-black",
|
|
3422
|
+
ABS_WHITE: "system/abs-white",
|
|
3423
|
+
SURFACE: {
|
|
3424
|
+
DIM: "system/surface/dim",
|
|
3425
|
+
LOW: "system/surface/low",
|
|
3426
|
+
MID: "system/surface/mid",
|
|
3427
|
+
HIGH: "system/surface/high"
|
|
3428
|
+
},
|
|
3429
|
+
ALPHA: {
|
|
3430
|
+
TRANSPARENT: "system/alpha/transparent",
|
|
3431
|
+
SCRIM: "system/alpha/abs-black-060",
|
|
3432
|
+
INK: "system/alpha/ink",
|
|
3433
|
+
OFFSET_006: "system/alpha/006",
|
|
3434
|
+
OFFSET_008: "system/alpha/008",
|
|
3435
|
+
OFFSET_016: "system/alpha/016",
|
|
3436
|
+
// the INVERSE offset ladder (owner 2026-08-29, the interaction round): the
|
|
3437
|
+
// same rungs with the pole flipped per mode — white in light, black in dark
|
|
3438
|
+
// — STATE LAYERS for INVERTED grounds, whose polarity is opposite the
|
|
3439
|
+
// page's. (Never call these a "wash": that word belongs to the tinted band
|
|
3440
|
+
// stops.) The reversal lives in the engine (the system/surface posture): a
|
|
3441
|
+
// consumer on an inverted ground names one token and never picks a pole.
|
|
3442
|
+
// Colored fills never ride these; their states stay engine-solved stops.
|
|
3443
|
+
INVERSE_006: "system/alpha/inverse-006",
|
|
3444
|
+
INVERSE_008: "system/alpha/inverse-008",
|
|
3445
|
+
INVERSE_016: "system/alpha/inverse-016",
|
|
3446
|
+
SHADOW_04: "system/alpha/shadow-04",
|
|
3447
|
+
SHADOW_08: "system/alpha/shadow-08",
|
|
3448
|
+
SHADOW_12: "system/alpha/shadow-12"
|
|
3449
|
+
}
|
|
3450
|
+
};
|
|
3451
|
+
var SURFACE_PLANE_LAW = {
|
|
3452
|
+
[SYSTEM_LEAF.SURFACE.DIM]: { light: SHARED_NAMES[3], dark: PAPER_100 },
|
|
3453
|
+
[SYSTEM_LEAF.SURFACE.LOW]: { light: SHARED_NAMES[2], dark: SHARED_NAMES[1] },
|
|
3454
|
+
[SYSTEM_LEAF.SURFACE.MID]: { light: SHARED_NAMES[1], dark: SHARED_NAMES[2] },
|
|
3455
|
+
[SYSTEM_LEAF.SURFACE.HIGH]: { light: PAPER_100, dark: SHARED_NAMES[3] }
|
|
3456
|
+
};
|
|
3409
3457
|
var TOKEN_ORDER = [
|
|
3410
3458
|
...Object.values(SHARED_NAMES),
|
|
3411
3459
|
STAMP_FILL,
|
|
@@ -3451,11 +3499,22 @@ var OFFSET_ALPHAS = { 6: 0.06, 8: 0.08, 16: 0.16 };
|
|
|
3451
3499
|
var ctaBorderRung = (prefix) => prefix === CSS_NEUTRAL ? 8 : prefix === CSS_SECONDARY ? 6 : 16;
|
|
3452
3500
|
var offsetLeafName = (rung) => String(rung).padStart(3, "0");
|
|
3453
3501
|
var offsetVarName = (rung) => `--alpha-${offsetLeafName(rung)}`;
|
|
3502
|
+
var SHADOW_ALPHAS = {
|
|
3503
|
+
4: { light: 0.04, dark: 0.32 },
|
|
3504
|
+
8: { light: 0.08, dark: 0.48 },
|
|
3505
|
+
12: { light: 0.12, dark: 0.64 }
|
|
3506
|
+
};
|
|
3507
|
+
var SCRIM_ALPHA = 0.6;
|
|
3454
3508
|
var TRANSPARENT_VAR = "--alpha-transparent";
|
|
3455
3509
|
var offsetRgba = (rung, mode) => mode === "light" ? `rgba(0, 0, 0, ${OFFSET_ALPHAS[rung]})` : `rgba(255, 255, 255, ${OFFSET_ALPHAS[rung]})`;
|
|
3456
3510
|
var alphaRootVars = (mode) => [
|
|
3457
3511
|
` ${TRANSPARENT_VAR}: transparent;`,
|
|
3458
|
-
...Object.keys(OFFSET_ALPHAS).map(Number).sort((a, b) => a - b).map((r) => ` ${offsetVarName(r)}: ${offsetRgba(r, mode)};`)
|
|
3512
|
+
...Object.keys(OFFSET_ALPHAS).map(Number).sort((a, b) => a - b).map((r) => ` ${offsetVarName(r)}: ${offsetRgba(r, mode)};`),
|
|
3513
|
+
// the INVERSE ladder: the same rungs, pole flipped per mode — state layers
|
|
3514
|
+
// for INVERTED grounds (owner 2026-08-29; never called a "wash" — that word
|
|
3515
|
+
// is the tinted band's). One spelling with the Figma row:
|
|
3516
|
+
// --alpha-inverse-006 ↔ system/alpha/inverse-006.
|
|
3517
|
+
...Object.keys(OFFSET_ALPHAS).map(Number).sort((a, b) => a - b).map((r) => ` --alpha-inverse-${offsetLeafName(r)}: ${offsetRgba(r, mode === "light" ? "dark" : "light")};`)
|
|
3459
3518
|
];
|
|
3460
3519
|
function ctaPageLc(s, mode, page) {
|
|
3461
3520
|
const cta = mode === "light" ? s.cta : s.ctaDark;
|
|
@@ -3868,6 +3927,32 @@ function themeToFigma(r, input) {
|
|
|
3868
3927
|
ctaFamily(sig.scale, mode, sig.name)
|
|
3869
3928
|
);
|
|
3870
3929
|
}
|
|
3930
|
+
const pole = (white, alpha) => {
|
|
3931
|
+
const c = white ? 1 : 0;
|
|
3932
|
+
return {
|
|
3933
|
+
$type: "color",
|
|
3934
|
+
$value: { colorSpace: "srgb", components: [c, c, c], alpha, hex: white ? "#ffffff" : "#000000" }
|
|
3935
|
+
};
|
|
3936
|
+
};
|
|
3937
|
+
putLeaf(g2, SYSTEM_LEAF.ABS_BLACK, colorFromHex(false));
|
|
3938
|
+
putLeaf(g2, SYSTEM_LEAF.ABS_WHITE, colorFromHex(true));
|
|
3939
|
+
for (const [path, law] of Object.entries(SURFACE_PLANE_LAW)) {
|
|
3940
|
+
const tok = neutralGroup[law[mode]];
|
|
3941
|
+
if (tok && "$type" in tok) putLeaf(g2, path, tok);
|
|
3942
|
+
}
|
|
3943
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.TRANSPARENT, pole(true, 0));
|
|
3944
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.SCRIM, pole(false, SCRIM_ALPHA));
|
|
3945
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.INK, pole(mode === "dark", SOFT_ON_CTA_ALPHA[mode]));
|
|
3946
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.OFFSET_006, OFFSET_TOKEN(6, mode));
|
|
3947
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.OFFSET_008, OFFSET_TOKEN(8, mode));
|
|
3948
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.OFFSET_016, OFFSET_TOKEN(16, mode));
|
|
3949
|
+
const inv = mode === "light" ? "dark" : "light";
|
|
3950
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.INVERSE_006, OFFSET_TOKEN(6, inv));
|
|
3951
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.INVERSE_008, OFFSET_TOKEN(8, inv));
|
|
3952
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.INVERSE_016, OFFSET_TOKEN(16, inv));
|
|
3953
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.SHADOW_04, pole(false, SHADOW_ALPHAS[4][mode]));
|
|
3954
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.SHADOW_08, pole(false, SHADOW_ALPHAS[8][mode]));
|
|
3955
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.SHADOW_12, pole(false, SHADOW_ALPHAS[12][mode]));
|
|
3871
3956
|
return g2;
|
|
3872
3957
|
};
|
|
3873
3958
|
return { light: build("light"), dark: build("dark") };
|
package/dist-lib/index.mjs
CHANGED
|
@@ -2666,6 +2666,7 @@ var SCALE = {
|
|
|
2666
2666
|
};
|
|
2667
2667
|
var ABS = { req: "extreme poles for CTAs, aliased global endpoints" };
|
|
2668
2668
|
var OFFSET = { req: "min APCA visibility", theming: "offsets CTAs in themes where they sit close to the page" };
|
|
2669
|
+
var OFFSET_INVERSE = { req: "state layers over inverted backgrounds", theming: "the offset ladder with its pole flipped, so inverted grounds keep the same rungs" };
|
|
2669
2670
|
var SHADOW = { req: "drop shadows" };
|
|
2670
2671
|
var PLANE = (req) => ({ req, theming: "aliased to the gray ramp" });
|
|
2671
2672
|
var LINK = (state, contrast) => ({
|
|
@@ -2696,6 +2697,12 @@ var SYSTEM = {
|
|
|
2696
2697
|
"system/alpha/006": OFFSET,
|
|
2697
2698
|
"system/alpha/008": OFFSET,
|
|
2698
2699
|
"system/alpha/016": OFFSET,
|
|
2700
|
+
// the inverse ladder: the offset rungs with the pole flipped per mode, for
|
|
2701
|
+
// washes and edges over inverted backgrounds ("interaction" avoided in the
|
|
2702
|
+
// bodies: acti-ON would feed the "on" flood)
|
|
2703
|
+
"system/alpha/inverse-006": OFFSET_INVERSE,
|
|
2704
|
+
"system/alpha/inverse-008": OFFSET_INVERSE,
|
|
2705
|
+
"system/alpha/inverse-016": OFFSET_INVERSE,
|
|
2699
2706
|
"system/alpha/shadow-04": SHADOW,
|
|
2700
2707
|
"system/alpha/shadow-08": SHADOW,
|
|
2701
2708
|
"system/alpha/shadow-12": SHADOW,
|
|
@@ -3332,6 +3339,43 @@ var STAMP_LEAF = {
|
|
|
3332
3339
|
EDGE: STAMP_STATE_LEAVES[STAMP_EDGE],
|
|
3333
3340
|
ON: STAMP_STATE_LEAVES[STAMP_ON]
|
|
3334
3341
|
};
|
|
3342
|
+
var SYSTEM_LEAF = {
|
|
3343
|
+
ABS_BLACK: "system/abs-black",
|
|
3344
|
+
ABS_WHITE: "system/abs-white",
|
|
3345
|
+
SURFACE: {
|
|
3346
|
+
DIM: "system/surface/dim",
|
|
3347
|
+
LOW: "system/surface/low",
|
|
3348
|
+
MID: "system/surface/mid",
|
|
3349
|
+
HIGH: "system/surface/high"
|
|
3350
|
+
},
|
|
3351
|
+
ALPHA: {
|
|
3352
|
+
TRANSPARENT: "system/alpha/transparent",
|
|
3353
|
+
SCRIM: "system/alpha/abs-black-060",
|
|
3354
|
+
INK: "system/alpha/ink",
|
|
3355
|
+
OFFSET_006: "system/alpha/006",
|
|
3356
|
+
OFFSET_008: "system/alpha/008",
|
|
3357
|
+
OFFSET_016: "system/alpha/016",
|
|
3358
|
+
// the INVERSE offset ladder (owner 2026-08-29, the interaction round): the
|
|
3359
|
+
// same rungs with the pole flipped per mode — white in light, black in dark
|
|
3360
|
+
// — STATE LAYERS for INVERTED grounds, whose polarity is opposite the
|
|
3361
|
+
// page's. (Never call these a "wash": that word belongs to the tinted band
|
|
3362
|
+
// stops.) The reversal lives in the engine (the system/surface posture): a
|
|
3363
|
+
// consumer on an inverted ground names one token and never picks a pole.
|
|
3364
|
+
// Colored fills never ride these; their states stay engine-solved stops.
|
|
3365
|
+
INVERSE_006: "system/alpha/inverse-006",
|
|
3366
|
+
INVERSE_008: "system/alpha/inverse-008",
|
|
3367
|
+
INVERSE_016: "system/alpha/inverse-016",
|
|
3368
|
+
SHADOW_04: "system/alpha/shadow-04",
|
|
3369
|
+
SHADOW_08: "system/alpha/shadow-08",
|
|
3370
|
+
SHADOW_12: "system/alpha/shadow-12"
|
|
3371
|
+
}
|
|
3372
|
+
};
|
|
3373
|
+
var SURFACE_PLANE_LAW = {
|
|
3374
|
+
[SYSTEM_LEAF.SURFACE.DIM]: { light: SHARED_NAMES[3], dark: PAPER_100 },
|
|
3375
|
+
[SYSTEM_LEAF.SURFACE.LOW]: { light: SHARED_NAMES[2], dark: SHARED_NAMES[1] },
|
|
3376
|
+
[SYSTEM_LEAF.SURFACE.MID]: { light: SHARED_NAMES[1], dark: SHARED_NAMES[2] },
|
|
3377
|
+
[SYSTEM_LEAF.SURFACE.HIGH]: { light: PAPER_100, dark: SHARED_NAMES[3] }
|
|
3378
|
+
};
|
|
3335
3379
|
var TOKEN_ORDER = [
|
|
3336
3380
|
...Object.values(SHARED_NAMES),
|
|
3337
3381
|
STAMP_FILL,
|
|
@@ -3377,11 +3421,22 @@ var OFFSET_ALPHAS = { 6: 0.06, 8: 0.08, 16: 0.16 };
|
|
|
3377
3421
|
var ctaBorderRung = (prefix) => prefix === CSS_NEUTRAL ? 8 : prefix === CSS_SECONDARY ? 6 : 16;
|
|
3378
3422
|
var offsetLeafName = (rung) => String(rung).padStart(3, "0");
|
|
3379
3423
|
var offsetVarName = (rung) => `--alpha-${offsetLeafName(rung)}`;
|
|
3424
|
+
var SHADOW_ALPHAS = {
|
|
3425
|
+
4: { light: 0.04, dark: 0.32 },
|
|
3426
|
+
8: { light: 0.08, dark: 0.48 },
|
|
3427
|
+
12: { light: 0.12, dark: 0.64 }
|
|
3428
|
+
};
|
|
3429
|
+
var SCRIM_ALPHA = 0.6;
|
|
3380
3430
|
var TRANSPARENT_VAR = "--alpha-transparent";
|
|
3381
3431
|
var offsetRgba = (rung, mode) => mode === "light" ? `rgba(0, 0, 0, ${OFFSET_ALPHAS[rung]})` : `rgba(255, 255, 255, ${OFFSET_ALPHAS[rung]})`;
|
|
3382
3432
|
var alphaRootVars = (mode) => [
|
|
3383
3433
|
` ${TRANSPARENT_VAR}: transparent;`,
|
|
3384
|
-
...Object.keys(OFFSET_ALPHAS).map(Number).sort((a, b) => a - b).map((r) => ` ${offsetVarName(r)}: ${offsetRgba(r, mode)};`)
|
|
3434
|
+
...Object.keys(OFFSET_ALPHAS).map(Number).sort((a, b) => a - b).map((r) => ` ${offsetVarName(r)}: ${offsetRgba(r, mode)};`),
|
|
3435
|
+
// the INVERSE ladder: the same rungs, pole flipped per mode — state layers
|
|
3436
|
+
// for INVERTED grounds (owner 2026-08-29; never called a "wash" — that word
|
|
3437
|
+
// is the tinted band's). One spelling with the Figma row:
|
|
3438
|
+
// --alpha-inverse-006 ↔ system/alpha/inverse-006.
|
|
3439
|
+
...Object.keys(OFFSET_ALPHAS).map(Number).sort((a, b) => a - b).map((r) => ` --alpha-inverse-${offsetLeafName(r)}: ${offsetRgba(r, mode === "light" ? "dark" : "light")};`)
|
|
3385
3440
|
];
|
|
3386
3441
|
function ctaPageLc(s, mode, page) {
|
|
3387
3442
|
const cta = mode === "light" ? s.cta : s.ctaDark;
|
|
@@ -3794,6 +3849,32 @@ function themeToFigma(r, input) {
|
|
|
3794
3849
|
ctaFamily(sig.scale, mode, sig.name)
|
|
3795
3850
|
);
|
|
3796
3851
|
}
|
|
3852
|
+
const pole = (white, alpha) => {
|
|
3853
|
+
const c = white ? 1 : 0;
|
|
3854
|
+
return {
|
|
3855
|
+
$type: "color",
|
|
3856
|
+
$value: { colorSpace: "srgb", components: [c, c, c], alpha, hex: white ? "#ffffff" : "#000000" }
|
|
3857
|
+
};
|
|
3858
|
+
};
|
|
3859
|
+
putLeaf(g2, SYSTEM_LEAF.ABS_BLACK, colorFromHex(false));
|
|
3860
|
+
putLeaf(g2, SYSTEM_LEAF.ABS_WHITE, colorFromHex(true));
|
|
3861
|
+
for (const [path, law] of Object.entries(SURFACE_PLANE_LAW)) {
|
|
3862
|
+
const tok = neutralGroup[law[mode]];
|
|
3863
|
+
if (tok && "$type" in tok) putLeaf(g2, path, tok);
|
|
3864
|
+
}
|
|
3865
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.TRANSPARENT, pole(true, 0));
|
|
3866
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.SCRIM, pole(false, SCRIM_ALPHA));
|
|
3867
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.INK, pole(mode === "dark", SOFT_ON_CTA_ALPHA[mode]));
|
|
3868
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.OFFSET_006, OFFSET_TOKEN(6, mode));
|
|
3869
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.OFFSET_008, OFFSET_TOKEN(8, mode));
|
|
3870
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.OFFSET_016, OFFSET_TOKEN(16, mode));
|
|
3871
|
+
const inv = mode === "light" ? "dark" : "light";
|
|
3872
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.INVERSE_006, OFFSET_TOKEN(6, inv));
|
|
3873
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.INVERSE_008, OFFSET_TOKEN(8, inv));
|
|
3874
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.INVERSE_016, OFFSET_TOKEN(16, inv));
|
|
3875
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.SHADOW_04, pole(false, SHADOW_ALPHAS[4][mode]));
|
|
3876
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.SHADOW_08, pole(false, SHADOW_ALPHAS[8][mode]));
|
|
3877
|
+
putLeaf(g2, SYSTEM_LEAF.ALPHA.SHADOW_12, pole(false, SHADOW_ALPHAS[12][mode]));
|
|
3797
3878
|
return g2;
|
|
3798
3879
|
};
|
|
3799
3880
|
return { light: build("light"), dark: build("dark") };
|
|
@@ -3872,7 +3953,9 @@ export {
|
|
|
3872
3953
|
PAPER_100,
|
|
3873
3954
|
RESOLVER_ID,
|
|
3874
3955
|
SCALE_STOP_COUNT,
|
|
3956
|
+
SCRIM_ALPHA,
|
|
3875
3957
|
SECONDARY_DISTINCT_DELTA_E,
|
|
3958
|
+
SHADOW_ALPHAS,
|
|
3876
3959
|
SIGNALS2 as SIGNALS,
|
|
3877
3960
|
SIGNAL_EMIT_NAME,
|
|
3878
3961
|
SIGNAL_SCALES,
|
|
@@ -3884,6 +3967,8 @@ export {
|
|
|
3884
3967
|
STAMP_STATE_LEAVES,
|
|
3885
3968
|
SUBTLE_PASTEL_K,
|
|
3886
3969
|
SUBTLE_TINT_MULT,
|
|
3970
|
+
SURFACE_PLANE_LAW,
|
|
3971
|
+
SYSTEM_LEAF,
|
|
3887
3972
|
brandCss,
|
|
3888
3973
|
checkAllCollisions,
|
|
3889
3974
|
checkCollision,
|
|
@@ -17,6 +17,22 @@ export declare const ctaBorderRung: (prefix: string) => OffsetRung;
|
|
|
17
17
|
export declare const offsetLeafName: (rung: OffsetRung) => string;
|
|
18
18
|
export declare const offsetVarName: (rung: OffsetRung) => string;
|
|
19
19
|
export declare const offsetTokenPath: (rung: OffsetRung) => string;
|
|
20
|
+
export declare const SHADOW_ALPHAS: {
|
|
21
|
+
readonly 4: {
|
|
22
|
+
readonly light: 0.04;
|
|
23
|
+
readonly dark: 0.32;
|
|
24
|
+
};
|
|
25
|
+
readonly 8: {
|
|
26
|
+
readonly light: 0.08;
|
|
27
|
+
readonly dark: 0.48;
|
|
28
|
+
};
|
|
29
|
+
readonly 12: {
|
|
30
|
+
readonly light: 0.12;
|
|
31
|
+
readonly dark: 0.64;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export type ShadowRung = keyof typeof SHADOW_ALPHAS;
|
|
35
|
+
export declare const SCRIM_ALPHA = 0.6;
|
|
20
36
|
export declare const TRANSPARENT_VAR = "--alpha-transparent";
|
|
21
37
|
export declare const offsetRgba: (rung: OffsetRung, mode: "light" | "dark") => string;
|
|
22
38
|
export declare const alphaRootVars: (mode: "light" | "dark") => string[];
|
|
@@ -15,6 +15,34 @@ export declare const STAMP_LEAF: {
|
|
|
15
15
|
readonly EDGE: string;
|
|
16
16
|
readonly ON: string;
|
|
17
17
|
};
|
|
18
|
+
export declare const SYSTEM_LEAF: {
|
|
19
|
+
readonly ABS_BLACK: "system/abs-black";
|
|
20
|
+
readonly ABS_WHITE: "system/abs-white";
|
|
21
|
+
readonly SURFACE: {
|
|
22
|
+
readonly DIM: "system/surface/dim";
|
|
23
|
+
readonly LOW: "system/surface/low";
|
|
24
|
+
readonly MID: "system/surface/mid";
|
|
25
|
+
readonly HIGH: "system/surface/high";
|
|
26
|
+
};
|
|
27
|
+
readonly ALPHA: {
|
|
28
|
+
readonly TRANSPARENT: "system/alpha/transparent";
|
|
29
|
+
readonly SCRIM: "system/alpha/abs-black-060";
|
|
30
|
+
readonly INK: "system/alpha/ink";
|
|
31
|
+
readonly OFFSET_006: "system/alpha/006";
|
|
32
|
+
readonly OFFSET_008: "system/alpha/008";
|
|
33
|
+
readonly OFFSET_016: "system/alpha/016";
|
|
34
|
+
readonly INVERSE_006: "system/alpha/inverse-006";
|
|
35
|
+
readonly INVERSE_008: "system/alpha/inverse-008";
|
|
36
|
+
readonly INVERSE_016: "system/alpha/inverse-016";
|
|
37
|
+
readonly SHADOW_04: "system/alpha/shadow-04";
|
|
38
|
+
readonly SHADOW_08: "system/alpha/shadow-08";
|
|
39
|
+
readonly SHADOW_12: "system/alpha/shadow-12";
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
export declare const SURFACE_PLANE_LAW: Record<string, {
|
|
43
|
+
light: string;
|
|
44
|
+
dark: string;
|
|
45
|
+
}>;
|
|
18
46
|
export declare const CONTRACT_INVARIANT_ROWS: ReadonlySet<string>;
|
|
19
47
|
export declare const EXT_NON_OVERRIDABLE: (p: string) => boolean;
|
|
20
48
|
export declare const EXT_OVERRIDABLE_SYSTEM: (p: string) => boolean;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
export { generateScale, generateNeutralScale, generateSubtleSecondary, type GeneratedScale, type ColorStop, type GenerateOptions, type NeutralLevel, type ContrastProfile, } from './engine/colorEngine';
|
|
2
2
|
export { resolveBrand, resolveTheme, resolveLinkTrio, resolveLinkInverseTrio, DEFAULT_LINK_HEX, SIGNAL_SCALES, signalScalesFor, SECONDARY_DISTINCT_DELTA_E, SUBTLE_TINT_MULT, SUBTLE_PASTEL_K, OUTLINE_HOVER_ALPHA, type ResolvedBrand, type ResolvedTheme, type ResolvedSecondary, type SecondaryLevel, type SecondaryStyle, type SignalOverride, } from './engine/resolve';
|
|
3
|
-
export { brandCss, neutralCss, signalsCss, stopsToVars, toHex, stopHex, OFFSET_ALPHAS, ctaNeedsBorder, ctaBorderRung, pageStopFor, } from './engine/cssRender';
|
|
3
|
+
export { brandCss, neutralCss, signalsCss, stopsToVars, toHex, stopHex, OFFSET_ALPHAS, SHADOW_ALPHAS, SCRIM_ALPHA, type ShadowRung, ctaNeedsBorder, ctaBorderRung, pageStopFor, } from './engine/cssRender';
|
|
4
4
|
export { CSS_FAMILY } from './engine/tokenDescriptions';
|
|
5
5
|
export { themeToFigma, type FigmaGroup, type FigmaColorToken, type ThemeInput, } from './engine/figmaRender';
|
|
6
6
|
export { emitDtcgRamp, resolveDtcgRamp, parseToken, EXT_KEY, RESOLVER_ID, type DtcgRampGroup, type DtcgRequirementToken, type DtcgSeedToken, type DtcgColorValue, } from './engine/requirements/dtcg';
|
|
7
7
|
export { MODE_SPECS, type ModeSpec } from './engine/requirements/spec';
|
|
8
|
-
export { stopTokenName, tokenOrder, SCALE_STOP_COUNT, PAPER_100, INK_0, STAMP_FILL, STAMP_FILL_HOVER, STAMP_FILL_PRESSED, STAMP_EDGE, STAMP_ON, STAMP_STATE_LEAVES, } from './engine/tokenNames';
|
|
8
|
+
export { stopTokenName, tokenOrder, SCALE_STOP_COUNT, PAPER_100, INK_0, STAMP_FILL, STAMP_FILL_HOVER, STAMP_FILL_PRESSED, STAMP_EDGE, STAMP_ON, STAMP_STATE_LEAVES, SYSTEM_LEAF, SURFACE_PLANE_LAW, } from './engine/tokenNames';
|
|
9
9
|
export { SIGNAL_EMIT_NAME } from './engine/signals';
|
|
10
10
|
export { classifyArchetype, type Archetype } from './engine/archetypes';
|
|
11
11
|
export { SIGNALS, type SignalDef } from './engine/signals';
|
package/package.json
CHANGED