ooxml-ui 0.20.0 → 0.22.0

package/dist/{chunk-G3LAGZEW.js → chunk-HSJH6SUW.js}

@@ -227,7 +227,39 @@ var OFFICE_TOKENS = {
   "--office-title-bar-name-max-width": "240px",
   "--office-title-bar-name-max-width-narrow": "140px",
   "--office-title-bar-search-max-width": "448px",
-  "--office-title-bar-results-max-height": "256px"
+  "--office-title-bar-results-max-height": "256px",
+  // Component: team workspace (a Teams-like surface)
+  "--office-teams-brand": "#5b5fc7",
+  "--office-teams-brand-hover": "#4f52b2",
+  "--office-teams-brand-pressed": "#3f4296",
+  "--office-teams-brand-subtle": "#e8ebfa",
+  "--office-teams-brand-foreground": "#ffffff",
+  "--office-teams-rail": "#ebebeb",
+  "--office-teams-panel": "#f5f5f5",
+  "--office-teams-bubble": "#f5f5f5",
+  "--office-teams-bubble-own": "#e8ebfa",
+  "--office-teams-divider": "#e0e0e0",
+  "--office-teams-text-subtle": "#616161",
+  "--office-presence-available": "#6bb700",
+  "--office-presence-busy": "#c50f1f",
+  "--office-presence-away": "#eaa300",
+  "--office-presence-offline": "#8a8886",
+  "--office-file-docx": "#2b579a",
+  "--office-file-xlsx": "#217346",
+  "--office-file-pptx": "#c43e1c",
+  "--office-file-vsdx": "#3955a3",
+  "--office-file-other": "#6b7280",
+  "--office-call-background": "#292929",
+  "--office-call-tile": "#3d3d3d",
+  "--office-call-foreground": "#ffffff",
+  "--office-call-muted-foreground": "#c8c8c8",
+  "--office-call-control": "#3d3d3d",
+  "--office-call-control-hover": "#525252",
+  "--office-call-danger": "#c4314b",
+  "--office-call-danger-hover": "#a72a40",
+  "--office-call-live": "#6bb700",
+  "--office-call-scrim": "rgb(0 0 0 / 60%)",
+  "--office-shadow-teams": "0 2px 4px rgb(0 0 0 / 14%), 0 0 2px rgb(0 0 0 / 12%)"
 };
 function tok(name) {
   return `var(${name}, ${OFFICE_TOKENS[name]})`;

package/dist/{chunk-W5PYFBEZ.js → chunk-HZ422LTR.js}

@@ -1,5 +1,3 @@
-import { definer, attachStyles, controlCss } from './chunk-UEJ4F33J.js';
-
 // src/icons.ts
 var registry = /* @__PURE__ */ new Map();
 var BUILT_IN = {
@@ -105,51 +103,5 @@ function paintIcon(svg, name) {
   svg.append(path);
   return true;
 }
-var ICON_CSS = `
-svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.5;
-	stroke-linecap: round; stroke-linejoin: round; }
-`;
-var defineIcon = definer("office-ui-icon", () => {
-  class OfficeUiIcon extends HTMLElement {
-    static observedAttributes = ["name", "label"];
-    svg;
-    constructor() {
-      super();
-      const root = this.attachShadow({ mode: "open" });
-      attachStyles(
-        root,
-        controlCss(`:host { display: inline-flex; width: 1em; height: 1em; } ${ICON_CSS}`)
-      );
-      this.svg = createIconSvg(this.ownerDocument);
-      root.append(this.svg);
-    }
-    connectedCallback() {
-      this.sync();
-    }
-    attributeChangedCallback() {
-      this.sync();
-    }
-    get name() {
-      return this.getAttribute("name") ?? "";
-    }
-    set name(value) {
-      this.setAttribute("name", value);
-    }
-    sync() {
-      paintIcon(this.svg, this.name);
-      const label = this.getAttribute("label");
-      if (label) {
-        this.setAttribute("role", "img");
-        this.setAttribute("aria-label", label);
-        this.removeAttribute("aria-hidden");
-      } else {
-        this.removeAttribute("role");
-        this.removeAttribute("aria-label");
-        this.setAttribute("aria-hidden", "true");
-      }
-    }
-  }
-  return OfficeUiIcon;
-});
 
-export { ICON_CSS, createIconSvg, defineIcon, getIcon, listIcons, paintIcon, registerIcon };
+export { createIconSvg, getIcon, listIcons, paintIcon, registerIcon };