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

package/lib/bloub-heixiu/styles.js

@@ -0,0 +1,98 @@
+export const HEIXIU_BLOUB_CSS = `
+#root [data-composer-card] > button.xiaohei-bloub {
+  all: unset;
+  --heixiu-ink: #111214;
+  --heixiu-outline: rgba(245,243,215,.16);
+  position: absolute;
+  box-sizing: border-box;
+  display: block;
+  width: 96px;
+  height: 96px;
+  min-width: 44px;
+  min-height: 44px;
+  right: calc(100% + 18px);
+  top: calc(50% - 48px);
+  margin: 0 !important;
+  padding: 0 !important;
+  border: 0 !important;
+  border-radius: 50%;
+  background: none !important;
+  box-shadow: none !important;
+  color: inherit;
+  cursor: pointer;
+  touch-action: manipulation;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  /* Flight owns this transform. A CSS transition would replay cancelled
+     WAAPI transforms and corrupt the next target measurement. */
+  transition: none;
+  z-index: 3;
+}
+#root [data-composer-card] > button.xiaohei-bloub:focus-visible {
+  outline: 2px solid var(--dsw-alias-label-secondary);
+  outline-offset: -7px;
+}
+#root [data-composer-card] > button.xiaohei-bloub > .xiaohei-bloub-drift {
+  display: block;
+  width: 100%; height: 100%;
+  pointer-events: none;
+  --heixiu-drift-x: 7px;
+  --heixiu-drift-y: 10px;
+  animation: xiaohei-bloub-float 14s cubic-bezier(.45,0,.55,1) infinite;
+  animation-play-state: paused;
+}
+#root [data-composer-card] > button.xiaohei-bloub[data-floating='true'] > .xiaohei-bloub-drift {
+  animation-play-state: running;
+}
+@keyframes xiaohei-bloub-float {
+  0%, 100% { transform: translate(calc(-1 * var(--heixiu-drift-x)), var(--heixiu-drift-y)); }
+  50% { transform: translate(var(--heixiu-drift-x), calc(-1 * var(--heixiu-drift-y))); }
+}
+#root [data-composer-card] > button.xiaohei-bloub > .xiaohei-bloub-drift > svg {
+  display: block;
+  width: 100%; height: 100%;
+  overflow: hidden;
+  pointer-events: none;
+  transform: translate(var(--heixiu-follow-x, 0px), var(--heixiu-follow-y, 0px));
+  transition: transform 480ms cubic-bezier(.2,.75,.25,1);
+}
+#root [data-composer-card] > button.xiaohei-bloub:active > .xiaohei-bloub-drift > svg {
+  transform: translate(var(--heixiu-follow-x, 0px), var(--heixiu-follow-y, 0px)) scale(.98);
+}
+#root [data-composer-card][data-heixiu-dock='compact'] {
+  padding-inline-start: 64px !important;
+}
+#root [data-composer-card][data-heixiu-dock='compact'] > button.xiaohei-bloub {
+  width: 52px; height: 52px;
+  right: auto; left: 4px; top: 6px;
+}
+#root [data-composer-card][data-heixiu-dock='compact'] .xiaohei-bloub-drift {
+  --heixiu-drift-x: 2px;
+  --heixiu-drift-y: 3px;
+}
+#root [data-composer-card][data-heixiu-dock='welcome'] > button.xiaohei-bloub {
+  right: auto;
+  left: var(--heixiu-welcome-left);
+  top: var(--heixiu-welcome-top);
+  width: var(--heixiu-welcome-size);
+  height: var(--heixiu-welcome-size);
+}
+@media (max-width: 760px) {
+  #root [data-heixiu-hero-row] { box-sizing: border-box; padding-inline-start: 64px; max-width: 100%; }
+  #root [data-composer-card][data-heixiu-dock='welcome'] .xiaohei-bloub-drift {
+    --heixiu-drift-x: 2px;
+    --heixiu-drift-y: 4px;
+  }
+}
+#root [data-composer-card] > button.xiaohei-bloub[hidden] { display: none; }
+@media (prefers-reduced-motion: reduce) {
+  #root [data-composer-card] > button.xiaohei-bloub { transition: none; transform: none; }
+  #root [data-composer-card] > button.xiaohei-bloub > .xiaohei-bloub-drift { animation: none; transform: none; }
+  #root [data-composer-card] > button.xiaohei-bloub > .xiaohei-bloub-drift > svg { transition: none; transform: none; }
+}
+@media print {
+  #root [data-composer-card] > button.xiaohei-bloub { display: none; }
+  #root [data-composer-card][data-heixiu-dock='compact'] { padding-inline-start: 12px !important; }
+}
+`;
+//# sourceMappingURL=styles.js.map

package/lib/chrome/accessibility.d.ts

@@ -1,3 +1,3 @@
 /** Reduced-motion, reduced-transparency, unsupported-browser, and forced-color fallbacks. */
-export declare const XIAOHEI_CHROME_ACCESSIBILITY_CSS = "\n@media (prefers-reduced-motion: reduce) {\n  #root [data-composer-card='true'],\n  #root [data-composer-card='true']::before,\n  #root [data-composer-card='true']::after,\n  #root button[aria-label='\u53D1\u9001\u6D88\u606F'],\n  #root button[aria-label='Send message'],\n  #root button[aria-label='\u53D1\u9001\u6D88\u606F']::after,\n  #root button[aria-label='Send message']::after,\n  #root [data-slot='conversation.composer'] button,\n  #root [data-slot='sidebar'] button,\n  #root [role='dialog']::before,\n  #root [role='dialog']::after,\n  #root [role='dialog'] button,\n  #root [role='menu'] button,\n  #root [role='listbox'] button {\n    transition-duration: 0.01ms !important;\n    animation: none !important;\n  }\n}\n\n@media (prefers-reduced-transparency: reduce) {\n  #root [data-composer-card='true'],\n  #root [role='dialog'],\n  #root [role='menu'],\n  #root [role='listbox'] {\n    background: var(--xiaohei-surface-raised) !important;\n    -webkit-backdrop-filter: none !important;\n    backdrop-filter: none !important;\n  }\n\n  #root [data-composer-card='true']::before,\n  #root [role='dialog']::before {\n    -webkit-backdrop-filter: none !important;\n    backdrop-filter: none !important;\n    background: transparent !important;\n    border: 1px solid var(--xiaohei-edge-strong);\n  }\n}\n\n@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n  #root [role='dialog'],\n  #root [role='menu'],\n  #root [role='listbox'] {\n    background: var(--xiaohei-surface-raised) !important;\n  }\n  #root [data-composer-card='true']::before,\n  #root [role='dialog']::before {\n    background: transparent;\n    border: 1px solid var(--xiaohei-edge-strong);\n  }\n}\n\n@media (forced-colors: active) {\n  #root [data-composer-card='true'],\n  #root [role='dialog'],\n  #root [role='menu'],\n  #root [role='listbox'],\n  #root button[aria-label='\u53D1\u9001\u6D88\u606F'],\n  #root button[aria-label='Send message'] {\n    border: 1px solid CanvasText !important;\n    background: Canvas !important;\n    box-shadow: none !important;\n  }\n\n  #root [data-composer-card='true']::before,\n  #root [data-composer-card='true']::after,\n  #root [role='dialog']::before,\n  #root [role='dialog']::after,\n  #root button[aria-label='\u53D1\u9001\u6D88\u606F']::after,\n  #root button[aria-label='Send message']::after {\n    display: none;\n  }\n}\n";
+export declare const XIAOHEI_CHROME_ACCESSIBILITY_CSS = "\n@media (prefers-reduced-motion: reduce) {\n  #root [data-composer-card='true'],\n  #root [data-composer-card='true']::after,\n  #root [data-composer-card='true'] button::before,\n  #root [data-composer-card='true'] button::after,\n  #root [data-slot='conversation.composer'] button,\n  #root [data-slot='sidebar'] button,\n  #root [role='dialog']::before,\n  #root [role='dialog']::after,\n  #root [role='dialog'] button,\n  #root [role='menu'] button,\n  #root [role='listbox'] button {\n    transition-duration: 0.01ms !important;\n    animation: none !important;\n  }\n}\n\n@media (prefers-reduced-transparency: reduce) {\n  #root [data-composer-card='true'],\n  #root [role='dialog'],\n  #root [role='menu'],\n  #root [role='listbox'] {\n    background: var(--xiaohei-surface-raised) !important;\n    -webkit-backdrop-filter: none !important;\n    backdrop-filter: none !important;\n  }\n\n  #root [role='dialog']::before {\n    -webkit-backdrop-filter: none !important;\n    backdrop-filter: none !important;\n    background: transparent !important;\n    border: 1px solid var(--xiaohei-edge-strong);\n  }\n}\n\n@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n  #root [role='dialog'],\n  #root [role='menu'],\n  #root [role='listbox'] {\n    background: var(--xiaohei-surface-raised) !important;\n  }\n  #root [role='dialog']::before {\n    background: transparent;\n    border: 1px solid var(--xiaohei-edge-strong);\n  }\n}\n\n@media (forced-colors: active) {\n  #root [data-composer-card='true'],\n  #root [role='dialog'],\n  #root [role='menu'],\n  #root [role='listbox'] {\n    border: 1px solid CanvasText !important;\n    background: Canvas !important;\n    box-shadow: none !important;\n  }\n\n  #root [data-composer-card='true']::after,\n  #root [role='dialog']::before,\n  #root [role='dialog']::after,\n  #root [data-composer-card='true'] button::before,\n  #root [data-composer-card='true'] button::after {\n    display: none;\n  }\n}\n";
 //# sourceMappingURL=accessibility.d.ts.map

package/lib/chrome/accessibility.js

@@ -2,12 +2,9 @@
 export const XIAOHEI_CHROME_ACCESSIBILITY_CSS = `
 @media (prefers-reduced-motion: reduce) {
   #root [data-composer-card='true'],
-  #root [data-composer-card='true']::before,
   #root [data-composer-card='true']::after,
-  #root button[aria-label='发送消息'],
-  #root button[aria-label='Send message'],
-  #root button[aria-label='发送消息']::after,
-  #root button[aria-label='Send message']::after,
+  #root [data-composer-card='true'] button::before,
+  #root [data-composer-card='true'] button::after,
   #root [data-slot='conversation.composer'] button,
   #root [data-slot='sidebar'] button,
   #root [role='dialog']::before,
@@ -30,7 +27,6 @@ export const XIAOHEI_CHROME_ACCESSIBILITY_CSS = `
     backdrop-filter: none !important;
   }
 
-  #root [data-composer-card='true']::before,
   #root [role='dialog']::before {
     -webkit-backdrop-filter: none !important;
     backdrop-filter: none !important;
@@ -45,7 +41,6 @@ export const XIAOHEI_CHROME_ACCESSIBILITY_CSS = `
   #root [role='listbox'] {
     background: var(--xiaohei-surface-raised) !important;
   }
-  #root [data-composer-card='true']::before,
   #root [role='dialog']::before {
     background: transparent;
     border: 1px solid var(--xiaohei-edge-strong);
@@ -56,20 +51,17 @@ export const XIAOHEI_CHROME_ACCESSIBILITY_CSS = `
   #root [data-composer-card='true'],
   #root [role='dialog'],
   #root [role='menu'],
-  #root [role='listbox'],
-  #root button[aria-label='发送消息'],
-  #root button[aria-label='Send message'] {
+  #root [role='listbox'] {
     border: 1px solid CanvasText !important;
     background: Canvas !important;
     box-shadow: none !important;
   }
 
-  #root [data-composer-card='true']::before,
   #root [data-composer-card='true']::after,
   #root [role='dialog']::before,
   #root [role='dialog']::after,
-  #root button[aria-label='发送消息']::after,
-  #root button[aria-label='Send message']::after {
+  #root [data-composer-card='true'] button::before,
+  #root [data-composer-card='true'] button::after {
     display: none;
   }
 }

package/lib/chrome/composer-avatar.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Layered break-frame portrait.
+ *
+ * The character is rendered from authored raster poses. Only the body layer is
+ * clipped by the doorway. Hair, ears and action hands are repeated through
+ * dedicated masks above the front rim. Keeping one renderer and one state
+ * machine avoids the pose jumps caused by handing off between DOM and WebGL.
+ */
+export declare const XIAOHEI_COMPOSER_AVATAR_CSS: string;
+//# sourceMappingURL=composer-avatar.d.ts.map