@lemoncat7/dsh-theme-xiaohei 0.3.0-alpha.22 → 0.3.0-alpha.23

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.
Files changed (7) hide show
  1. package/lib/chrome/frames.d.ts +1 -1
  2. package/lib/chrome/frames.d.ts.map +1 -1
  3. package/lib/chrome/frames.js +14 -0
  4. package/lib/chrome/frames.js.map +1 -1
  5. package/lib/client.js +14 -0
  6. package/lib/client.js.map +2 -2
  7. package/package.json +1 -1
package/lib/chrome/frames.d.ts CHANGED
@@ -2,5 +2,5 @@
2
2
  * Public frame contract for first-party chrome and future Xiaohei-aware tools.
3
3
  * Feature plugins opt in with data attributes; this layer never guesses their DOM.
4
4
  */
5
- export declare const XIAOHEI_FRAME_SYSTEM_CSS = "\n:where([data-xiaohei-surface='plugin-workspace']) {\n isolation: isolate;\n background-color: var(--xiaohei-plugin-workspace-fill) !important;\n -webkit-backdrop-filter:\n blur(var(--xiaohei-plugin-surface-blur))\n saturate(var(--xiaohei-plugin-surface-saturation));\n backdrop-filter:\n blur(var(--xiaohei-plugin-surface-blur))\n saturate(var(--xiaohei-plugin-surface-saturation));\n}\n\n:where([data-xiaohei-workspace-close]) {\n display: grid;\n place-items: center;\n flex: none;\n width: 30px;\n height: 30px;\n padding: 0;\n border: 1px solid transparent;\n border-radius: var(--xiaohei-radius-small);\n color: var(--dsw-alias-label-secondary);\n background: transparent;\n cursor: pointer;\n transition:\n color var(--xiaohei-motion-fast) ease,\n background var(--xiaohei-motion-fast) ease,\n border-color var(--xiaohei-motion-fast) ease,\n transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);\n}\n\n:where([data-xiaohei-workspace-close]):hover {\n border-color: var(--xiaohei-workspace-control-edge);\n color: var(--dsw-alias-label-primary);\n background: var(--xiaohei-plugin-control-fill);\n}\n\n:where([data-xiaohei-workspace-close]):active {\n transform: scale(.96);\n}\n\n:where([data-xiaohei-workspace-close]):focus-visible {\n outline: 2px solid var(--xiaohei-spirit);\n outline-offset: 2px;\n}\n\n:where([data-xiaohei-frame='module'], [data-xiaohei-frame='compact']) {\n position: relative;\n box-sizing: border-box;\n border: 1px solid var(--xiaohei-frame-line);\n color: var(--dsw-alias-label-primary);\n background:\n linear-gradient(var(--xiaohei-frame-line-strong), var(--xiaohei-frame-line-strong)) 12px 0 / 28px 1px no-repeat,\n linear-gradient(var(--xiaohei-frame-line), var(--xiaohei-frame-line)) 0 12px / 1px 22px no-repeat,\n linear-gradient(var(--xiaohei-frame-line), var(--xiaohei-frame-line)) 100% calc(100% - 12px) / 1px 22px no-repeat,\n var(--xiaohei-frame-fill);\n box-shadow:\n inset 0 0 0 1px var(--xiaohei-frame-inner),\n 0 12px 30px var(--xiaohei-shadow);\n}\n\n:where([data-xiaohei-frame='module']) {\n border-radius: var(--xiaohei-radius-panel);\n}\n\n:where([data-xiaohei-frame='compact']) {\n border-radius: var(--xiaohei-radius-control);\n}\n\n:where([data-xiaohei-frame-header]) {\n min-height: 38px;\n border-bottom: 1px solid var(--xiaohei-frame-line);\n}\n\n:where([data-xiaohei-frame-actions]) {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n:where([data-xiaohei-module-kind]) {\n --xiaohei-module-accent: var(--xiaohei-spirit);\n}\n\n@media (forced-colors: active) {\n :where([data-xiaohei-frame], [data-xiaohei-surface='plugin-workspace']) {\n border-color: currentColor;\n background: Canvas;\n -webkit-backdrop-filter: none;\n backdrop-filter: none;\n box-shadow: none;\n }\n\n}\n\n@media (max-width: 700px) {\n :where([data-xiaohei-surface='plugin-workspace']) {\n --xiaohei-plugin-surface-blur: 22px;\n }\n}\n\n@media (prefers-reduced-transparency: reduce) {\n :where([data-xiaohei-surface='plugin-workspace']) {\n background-color: var(--xiaohei-surface-raised) !important;\n -webkit-backdrop-filter: none;\n backdrop-filter: none;\n }\n}\n\n@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n :where([data-xiaohei-surface='plugin-workspace']) {\n background-color: var(--xiaohei-surface-raised) !important;\n }\n}\n";
5
+ export declare const XIAOHEI_FRAME_SYSTEM_CSS = "\n:where([data-xiaohei-surface='plugin-workspace']) {\n isolation: isolate;\n background-color: var(--xiaohei-plugin-workspace-fill) !important;\n -webkit-backdrop-filter:\n blur(var(--xiaohei-plugin-surface-blur))\n saturate(var(--xiaohei-plugin-surface-saturation));\n backdrop-filter:\n blur(var(--xiaohei-plugin-surface-blur))\n saturate(var(--xiaohei-plugin-surface-saturation));\n}\n\n:where([data-xiaohei-workspace-close]) {\n -webkit-appearance: none;\n appearance: none;\n display: grid;\n place-items: center;\n box-sizing: border-box;\n flex: none;\n width: 30px;\n height: 30px;\n margin: 0;\n padding: 0;\n border: 1px solid transparent;\n border-radius: var(--xiaohei-radius-small);\n color: var(--dsw-alias-label-secondary);\n background: transparent;\n font: inherit;\n line-height: 1;\n text-align: center;\n -webkit-tap-highlight-color: transparent;\n cursor: pointer;\n transition:\n color var(--xiaohei-motion-fast) ease,\n background var(--xiaohei-motion-fast) ease,\n border-color var(--xiaohei-motion-fast) ease,\n transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);\n}\n\n:where([data-xiaohei-workspace-close]) > svg {\n display: block;\n flex: none;\n pointer-events: none;\n}\n\n:where([data-xiaohei-workspace-close]):hover {\n border-color: var(--xiaohei-workspace-control-edge);\n color: var(--dsw-alias-label-primary);\n background: var(--xiaohei-plugin-control-fill);\n}\n\n:where([data-xiaohei-workspace-close]):active {\n transform: scale(.96);\n}\n\n:where([data-xiaohei-workspace-close]):focus-visible {\n outline: 2px solid var(--xiaohei-spirit);\n outline-offset: 2px;\n}\n\n:where([data-xiaohei-frame='module'], [data-xiaohei-frame='compact']) {\n position: relative;\n box-sizing: border-box;\n border: 1px solid var(--xiaohei-frame-line);\n color: var(--dsw-alias-label-primary);\n background:\n linear-gradient(var(--xiaohei-frame-line-strong), var(--xiaohei-frame-line-strong)) 12px 0 / 28px 1px no-repeat,\n linear-gradient(var(--xiaohei-frame-line), var(--xiaohei-frame-line)) 0 12px / 1px 22px no-repeat,\n linear-gradient(var(--xiaohei-frame-line), var(--xiaohei-frame-line)) 100% calc(100% - 12px) / 1px 22px no-repeat,\n var(--xiaohei-frame-fill);\n box-shadow:\n inset 0 0 0 1px var(--xiaohei-frame-inner),\n 0 12px 30px var(--xiaohei-shadow);\n}\n\n:where([data-xiaohei-frame='module']) {\n border-radius: var(--xiaohei-radius-panel);\n}\n\n:where([data-xiaohei-frame='compact']) {\n border-radius: var(--xiaohei-radius-control);\n}\n\n:where([data-xiaohei-frame-header]) {\n min-height: 38px;\n border-bottom: 1px solid var(--xiaohei-frame-line);\n}\n\n:where([data-xiaohei-frame-actions]) {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n:where([data-xiaohei-module-kind]) {\n --xiaohei-module-accent: var(--xiaohei-spirit);\n}\n\n@media (forced-colors: active) {\n :where([data-xiaohei-frame], [data-xiaohei-surface='plugin-workspace']) {\n border-color: currentColor;\n background: Canvas;\n -webkit-backdrop-filter: none;\n backdrop-filter: none;\n box-shadow: none;\n }\n\n}\n\n@media (max-width: 700px) {\n :where([data-xiaohei-surface='plugin-workspace']) {\n --xiaohei-plugin-surface-blur: 22px;\n }\n}\n\n@media (prefers-reduced-transparency: reduce) {\n :where([data-xiaohei-surface='plugin-workspace']) {\n background-color: var(--xiaohei-surface-raised) !important;\n -webkit-backdrop-filter: none;\n backdrop-filter: none;\n }\n}\n\n@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n :where([data-xiaohei-surface='plugin-workspace']) {\n background-color: var(--xiaohei-surface-raised) !important;\n }\n}\n";
6
6
  //# sourceMappingURL=frames.d.ts.map
package/lib/chrome/frames.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"frames.d.ts","sourceRoot":"","sources":["../../src/chrome/frames.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,wBAAwB,g4GAkHpC,CAAA"}
1
+ {"version":3,"file":"frames.d.ts","sourceRoot":"","sources":["../../src/chrome/frames.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,wBAAwB,orHAgIpC,CAAA"}
package/lib/chrome/frames.js CHANGED
@@ -15,16 +15,24 @@ export const XIAOHEI_FRAME_SYSTEM_CSS = `
15
15
  }
16
16
 
17
17
  :where([data-xiaohei-workspace-close]) {
18
+ -webkit-appearance: none;
19
+ appearance: none;
18
20
  display: grid;
19
21
  place-items: center;
22
+ box-sizing: border-box;
20
23
  flex: none;
21
24
  width: 30px;
22
25
  height: 30px;
26
+ margin: 0;
23
27
  padding: 0;
24
28
  border: 1px solid transparent;
25
29
  border-radius: var(--xiaohei-radius-small);
26
30
  color: var(--dsw-alias-label-secondary);
27
31
  background: transparent;
32
+ font: inherit;
33
+ line-height: 1;
34
+ text-align: center;
35
+ -webkit-tap-highlight-color: transparent;
28
36
  cursor: pointer;
29
37
  transition:
30
38
  color var(--xiaohei-motion-fast) ease,
@@ -33,6 +41,12 @@ export const XIAOHEI_FRAME_SYSTEM_CSS = `
33
41
  transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);
34
42
  }
35
43
 
44
+ :where([data-xiaohei-workspace-close]) > svg {
45
+ display: block;
46
+ flex: none;
47
+ pointer-events: none;
48
+ }
49
+
36
50
  :where([data-xiaohei-workspace-close]):hover {
37
51
  border-color: var(--xiaohei-workspace-control-edge);
38
52
  color: var(--dsw-alias-label-primary);
package/lib/chrome/frames.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"frames.js","sourceRoot":"","sources":["../../src/chrome/frames.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHvC,CAAA"}
1
+ {"version":3,"file":"frames.js","sourceRoot":"","sources":["../../src/chrome/frames.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgIvC,CAAA"}
package/lib/client.js CHANGED
@@ -750,16 +750,24 @@ var XIAOHEI_FRAME_SYSTEM_CSS = `
750
750
  }
751
751
 
752
752
  :where([data-xiaohei-workspace-close]) {
753
+ -webkit-appearance: none;
754
+ appearance: none;
753
755
  display: grid;
754
756
  place-items: center;
757
+ box-sizing: border-box;
755
758
  flex: none;
756
759
  width: 30px;
757
760
  height: 30px;
761
+ margin: 0;
758
762
  padding: 0;
759
763
  border: 1px solid transparent;
760
764
  border-radius: var(--xiaohei-radius-small);
761
765
  color: var(--dsw-alias-label-secondary);
762
766
  background: transparent;
767
+ font: inherit;
768
+ line-height: 1;
769
+ text-align: center;
770
+ -webkit-tap-highlight-color: transparent;
763
771
  cursor: pointer;
764
772
  transition:
765
773
  color var(--xiaohei-motion-fast) ease,
@@ -768,6 +776,12 @@ var XIAOHEI_FRAME_SYSTEM_CSS = `
768
776
  transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);
769
777
  }
770
778
 
779
+ :where([data-xiaohei-workspace-close]) > svg {
780
+ display: block;
781
+ flex: none;
782
+ pointer-events: none;
783
+ }
784
+
771
785
  :where([data-xiaohei-workspace-close]):hover {
772
786
  border-color: var(--xiaohei-workspace-control-edge);
773
787
  color: var(--dsw-alias-label-primary);