@morlay/dsh-client-ui-primitives 0.0.2-alpha.5 → 0.0.2-alpha.6
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/README.md +8 -7
- package/dist/client.cjs +396 -394
- package/dist/client.d.cts +21 -5
- package/dist/client.d.mts +21 -5
- package/package.json +3 -3
- package/src/client/theme.generated.ts +716 -711
package/dist/client.d.cts
CHANGED
|
@@ -9414,7 +9414,7 @@ declare function styleOf(component: StyledComponent<ElementType>): CSSProps;
|
|
|
9414
9414
|
//#endregion
|
|
9415
9415
|
//#region src/client/theme.generated.d.ts
|
|
9416
9416
|
/**
|
|
9417
|
-
* 官方主题的 `--dsw-*` token 全集(
|
|
9417
|
+
* 官方主题的 `--dsw-*` token 全集(361 个),由 packages/client/ui-primitives/scripts/gen-design-tokens.mts 生成,勿手改。
|
|
9418
9418
|
*
|
|
9419
9419
|
* 叶子是该变量的**默认值**(官方 light 主题里首次出现的定义):既是类型推导的来源,也可作 fallback。
|
|
9420
9420
|
* `"$"` 键出现在「自身也是 token 的分支」上(命名体系里有 40 个短名同时是长名前缀的 token)。
|
|
@@ -9577,6 +9577,9 @@ declare const designTokens: {
|
|
|
9577
9577
|
readonly primary: "var(--dsw-static-red-600)";
|
|
9578
9578
|
readonly secondary: "var(--dsw-static-red-400)";
|
|
9579
9579
|
};
|
|
9580
|
+
readonly idle: {
|
|
9581
|
+
readonly primary: "var(--dsw-static-neutral-300)";
|
|
9582
|
+
};
|
|
9580
9583
|
readonly success: {
|
|
9581
9584
|
readonly primary: "var(--dsw-static-green-500)";
|
|
9582
9585
|
readonly secondary: "var(--dsw-static-green-400)";
|
|
@@ -10010,6 +10013,11 @@ declare const designTokens: {
|
|
|
10010
10013
|
readonly mask: {
|
|
10011
10014
|
readonly blur: "blur(2px)";
|
|
10012
10015
|
};
|
|
10016
|
+
readonly menu: {
|
|
10017
|
+
readonly backdrop: {
|
|
10018
|
+
readonly filter: "blur(40px) saturate(150%)";
|
|
10019
|
+
};
|
|
10020
|
+
};
|
|
10013
10021
|
readonly shadow: {
|
|
10014
10022
|
readonly lv1: {
|
|
10015
10023
|
readonly $: "0 2px 4px 0 rgba(0, 0, 0, 0.05)";
|
|
@@ -10029,7 +10037,7 @@ declare const designTokens: {
|
|
|
10029
10037
|
readonly login: {
|
|
10030
10038
|
readonly input: "var(--dsw-static-neutral-bluish-50)";
|
|
10031
10039
|
};
|
|
10032
|
-
readonly menu: "
|
|
10040
|
+
readonly menu: "rgba(248, 249, 250, 0.58)";
|
|
10033
10041
|
readonly selector: "var(--dsw-static-neutral-bluish-60)";
|
|
10034
10042
|
readonly sidebar: {
|
|
10035
10043
|
readonly fill: "var(--dsw-static-neutral-bluish-50)";
|
|
@@ -10072,7 +10080,7 @@ declare const designTokens: {
|
|
|
10072
10080
|
readonly "100": "rgb(228, 237, 253)";
|
|
10073
10081
|
readonly "200": "rgb(211, 226, 255)";
|
|
10074
10082
|
readonly "300": "rgb(183, 200, 254)";
|
|
10075
|
-
readonly "400": "rgb(
|
|
10083
|
+
readonly "400": "rgb(122, 170, 255)";
|
|
10076
10084
|
readonly "450": "rgb(86, 134, 254)";
|
|
10077
10085
|
readonly "500": "rgb(65, 118, 230)";
|
|
10078
10086
|
readonly "600": "rgb(72, 104, 178)";
|
|
@@ -10296,6 +10304,9 @@ declare const dsw: TokenVars<{
|
|
|
10296
10304
|
readonly primary: "var(--dsw-static-red-600)";
|
|
10297
10305
|
readonly secondary: "var(--dsw-static-red-400)";
|
|
10298
10306
|
};
|
|
10307
|
+
readonly idle: {
|
|
10308
|
+
readonly primary: "var(--dsw-static-neutral-300)";
|
|
10309
|
+
};
|
|
10299
10310
|
readonly success: {
|
|
10300
10311
|
readonly primary: "var(--dsw-static-green-500)";
|
|
10301
10312
|
readonly secondary: "var(--dsw-static-green-400)";
|
|
@@ -10729,6 +10740,11 @@ declare const dsw: TokenVars<{
|
|
|
10729
10740
|
readonly mask: {
|
|
10730
10741
|
readonly blur: "blur(2px)";
|
|
10731
10742
|
};
|
|
10743
|
+
readonly menu: {
|
|
10744
|
+
readonly backdrop: {
|
|
10745
|
+
readonly filter: "blur(40px) saturate(150%)";
|
|
10746
|
+
};
|
|
10747
|
+
};
|
|
10732
10748
|
readonly shadow: {
|
|
10733
10749
|
readonly lv1: {
|
|
10734
10750
|
readonly $: "0 2px 4px 0 rgba(0, 0, 0, 0.05)";
|
|
@@ -10748,7 +10764,7 @@ declare const dsw: TokenVars<{
|
|
|
10748
10764
|
readonly login: {
|
|
10749
10765
|
readonly input: "var(--dsw-static-neutral-bluish-50)";
|
|
10750
10766
|
};
|
|
10751
|
-
readonly menu: "
|
|
10767
|
+
readonly menu: "rgba(248, 249, 250, 0.58)";
|
|
10752
10768
|
readonly selector: "var(--dsw-static-neutral-bluish-60)";
|
|
10753
10769
|
readonly sidebar: {
|
|
10754
10770
|
readonly fill: "var(--dsw-static-neutral-bluish-50)";
|
|
@@ -10791,7 +10807,7 @@ declare const dsw: TokenVars<{
|
|
|
10791
10807
|
readonly "100": "rgb(228, 237, 253)";
|
|
10792
10808
|
readonly "200": "rgb(211, 226, 255)";
|
|
10793
10809
|
readonly "300": "rgb(183, 200, 254)";
|
|
10794
|
-
readonly "400": "rgb(
|
|
10810
|
+
readonly "400": "rgb(122, 170, 255)";
|
|
10795
10811
|
readonly "450": "rgb(86, 134, 254)";
|
|
10796
10812
|
readonly "500": "rgb(65, 118, 230)";
|
|
10797
10813
|
readonly "600": "rgb(72, 104, 178)";
|
package/dist/client.d.mts
CHANGED
|
@@ -9414,7 +9414,7 @@ declare function styleOf(component: StyledComponent<ElementType>): CSSProps;
|
|
|
9414
9414
|
//#endregion
|
|
9415
9415
|
//#region src/client/theme.generated.d.ts
|
|
9416
9416
|
/**
|
|
9417
|
-
* 官方主题的 `--dsw-*` token 全集(
|
|
9417
|
+
* 官方主题的 `--dsw-*` token 全集(361 个),由 packages/client/ui-primitives/scripts/gen-design-tokens.mts 生成,勿手改。
|
|
9418
9418
|
*
|
|
9419
9419
|
* 叶子是该变量的**默认值**(官方 light 主题里首次出现的定义):既是类型推导的来源,也可作 fallback。
|
|
9420
9420
|
* `"$"` 键出现在「自身也是 token 的分支」上(命名体系里有 40 个短名同时是长名前缀的 token)。
|
|
@@ -9577,6 +9577,9 @@ declare const designTokens: {
|
|
|
9577
9577
|
readonly primary: "var(--dsw-static-red-600)";
|
|
9578
9578
|
readonly secondary: "var(--dsw-static-red-400)";
|
|
9579
9579
|
};
|
|
9580
|
+
readonly idle: {
|
|
9581
|
+
readonly primary: "var(--dsw-static-neutral-300)";
|
|
9582
|
+
};
|
|
9580
9583
|
readonly success: {
|
|
9581
9584
|
readonly primary: "var(--dsw-static-green-500)";
|
|
9582
9585
|
readonly secondary: "var(--dsw-static-green-400)";
|
|
@@ -10010,6 +10013,11 @@ declare const designTokens: {
|
|
|
10010
10013
|
readonly mask: {
|
|
10011
10014
|
readonly blur: "blur(2px)";
|
|
10012
10015
|
};
|
|
10016
|
+
readonly menu: {
|
|
10017
|
+
readonly backdrop: {
|
|
10018
|
+
readonly filter: "blur(40px) saturate(150%)";
|
|
10019
|
+
};
|
|
10020
|
+
};
|
|
10013
10021
|
readonly shadow: {
|
|
10014
10022
|
readonly lv1: {
|
|
10015
10023
|
readonly $: "0 2px 4px 0 rgba(0, 0, 0, 0.05)";
|
|
@@ -10029,7 +10037,7 @@ declare const designTokens: {
|
|
|
10029
10037
|
readonly login: {
|
|
10030
10038
|
readonly input: "var(--dsw-static-neutral-bluish-50)";
|
|
10031
10039
|
};
|
|
10032
|
-
readonly menu: "
|
|
10040
|
+
readonly menu: "rgba(248, 249, 250, 0.58)";
|
|
10033
10041
|
readonly selector: "var(--dsw-static-neutral-bluish-60)";
|
|
10034
10042
|
readonly sidebar: {
|
|
10035
10043
|
readonly fill: "var(--dsw-static-neutral-bluish-50)";
|
|
@@ -10072,7 +10080,7 @@ declare const designTokens: {
|
|
|
10072
10080
|
readonly "100": "rgb(228, 237, 253)";
|
|
10073
10081
|
readonly "200": "rgb(211, 226, 255)";
|
|
10074
10082
|
readonly "300": "rgb(183, 200, 254)";
|
|
10075
|
-
readonly "400": "rgb(
|
|
10083
|
+
readonly "400": "rgb(122, 170, 255)";
|
|
10076
10084
|
readonly "450": "rgb(86, 134, 254)";
|
|
10077
10085
|
readonly "500": "rgb(65, 118, 230)";
|
|
10078
10086
|
readonly "600": "rgb(72, 104, 178)";
|
|
@@ -10296,6 +10304,9 @@ declare const dsw: TokenVars<{
|
|
|
10296
10304
|
readonly primary: "var(--dsw-static-red-600)";
|
|
10297
10305
|
readonly secondary: "var(--dsw-static-red-400)";
|
|
10298
10306
|
};
|
|
10307
|
+
readonly idle: {
|
|
10308
|
+
readonly primary: "var(--dsw-static-neutral-300)";
|
|
10309
|
+
};
|
|
10299
10310
|
readonly success: {
|
|
10300
10311
|
readonly primary: "var(--dsw-static-green-500)";
|
|
10301
10312
|
readonly secondary: "var(--dsw-static-green-400)";
|
|
@@ -10729,6 +10740,11 @@ declare const dsw: TokenVars<{
|
|
|
10729
10740
|
readonly mask: {
|
|
10730
10741
|
readonly blur: "blur(2px)";
|
|
10731
10742
|
};
|
|
10743
|
+
readonly menu: {
|
|
10744
|
+
readonly backdrop: {
|
|
10745
|
+
readonly filter: "blur(40px) saturate(150%)";
|
|
10746
|
+
};
|
|
10747
|
+
};
|
|
10732
10748
|
readonly shadow: {
|
|
10733
10749
|
readonly lv1: {
|
|
10734
10750
|
readonly $: "0 2px 4px 0 rgba(0, 0, 0, 0.05)";
|
|
@@ -10748,7 +10764,7 @@ declare const dsw: TokenVars<{
|
|
|
10748
10764
|
readonly login: {
|
|
10749
10765
|
readonly input: "var(--dsw-static-neutral-bluish-50)";
|
|
10750
10766
|
};
|
|
10751
|
-
readonly menu: "
|
|
10767
|
+
readonly menu: "rgba(248, 249, 250, 0.58)";
|
|
10752
10768
|
readonly selector: "var(--dsw-static-neutral-bluish-60)";
|
|
10753
10769
|
readonly sidebar: {
|
|
10754
10770
|
readonly fill: "var(--dsw-static-neutral-bluish-50)";
|
|
@@ -10791,7 +10807,7 @@ declare const dsw: TokenVars<{
|
|
|
10791
10807
|
readonly "100": "rgb(228, 237, 253)";
|
|
10792
10808
|
readonly "200": "rgb(211, 226, 255)";
|
|
10793
10809
|
readonly "300": "rgb(183, 200, 254)";
|
|
10794
|
-
readonly "400": "rgb(
|
|
10810
|
+
readonly "400": "rgb(122, 170, 255)";
|
|
10795
10811
|
readonly "450": "rgb(86, 134, 254)";
|
|
10796
10812
|
readonly "500": "rgb(65, 118, 230)";
|
|
10797
10813
|
readonly "600": "rgb(72, 104, 178)";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@morlay/dsh-client-ui-primitives",
|
|
3
|
-
"version": "0.0.2-alpha.
|
|
3
|
+
"version": "0.0.2-alpha.6",
|
|
4
4
|
"description": "css-in-js styling kit (styled / Token / Styling) for the forked conversation UI: consumes the official --dsw-* design tokens, so no CSS Modules precompile step is needed.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"client",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"micromark-util-types": "^2.0.2"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@deepseek-ai/dsh-client-ui-primitives": "0.1.
|
|
43
|
+
"@deepseek-ai/dsh-client-ui-primitives": "0.1.7-alpha.1",
|
|
44
44
|
"@types/mdast": "^4.0.4",
|
|
45
45
|
"@types/react": "~18.3.1",
|
|
46
46
|
"csstype": "^3.1.3",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"react-dom": "^18.2.0"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
|
-
"@deepseek-ai/cordis": "4.0.
|
|
51
|
+
"@deepseek-ai/cordis": "4.0.3"
|
|
52
52
|
},
|
|
53
53
|
"dsh": {
|
|
54
54
|
"client": {
|