@bysages/core 0.0.0 → 0.1.0
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/index.d.mts +10 -7
- package/dist/index.mjs +2689 -398
- package/package.json +6 -2
package/dist/index.d.mts
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
export type ThemeMode = "light" | "dark" | "system";
|
|
11
11
|
export type ThemeContrast = "auto" | "normal" | "high";
|
|
12
12
|
export type ThemeDensity = "compact" | "default" | "comfortable" | "spacious";
|
|
13
|
-
export type ThemeScene = "auto" | "civic" | "enterprise" | "studio" | "tech";
|
|
13
|
+
export type ThemeScene = "auto" | "civic" | "enterprise" | "studio" | "tech" | "cupertino" | "expressive" | "fluent" | "material" | "sketch";
|
|
14
14
|
export type ThemeAccent = "auto" | "ink" | "qinghua" | "celadon" | "zhusha";
|
|
15
15
|
export interface Theme {
|
|
16
16
|
mode: ThemeMode;
|
|
@@ -92,14 +92,17 @@ export declare function detachDynamicLight(): void;
|
|
|
92
92
|
//#endregion
|
|
93
93
|
//#region src/ink-ripple.d.ts
|
|
94
94
|
/**
|
|
95
|
-
* Ink ripple — the press feedback of the paper-and-ink register
|
|
96
|
-
*
|
|
97
|
-
*
|
|
98
|
-
*
|
|
95
|
+
* Ink ripple — the press feedback of the paper-and-ink register: a wash of
|
|
96
|
+
* the element's own pigment bleeding outward from the press point. The
|
|
97
|
+
* bleed is two-phase, answering the hand rather than the click — it spreads
|
|
98
|
+
* while the pointer holds (`data-ripple="press"`) and dissolves when it
|
|
99
|
+
* lifts (`data-ripple="release"`). A scene retunes the wash through the
|
|
100
|
+
* `--bs-ripple-*` tokens; a register that presses without a wash silences
|
|
101
|
+
* it with a zero opacity.
|
|
99
102
|
*
|
|
100
103
|
* The bleed's CSS lives in the base stylesheet, keyed on
|
|
101
|
-
* `data-motion~="ink-ripple"`; this module watches
|
|
102
|
-
*
|
|
104
|
+
* `data-motion~="ink-ripple"`; this module watches pointers and marks the
|
|
105
|
+
* phase. Reduced motion collapses the bleed to a state change, as
|
|
103
106
|
* everywhere else in the system.
|
|
104
107
|
*
|
|
105
108
|
* @module
|