@fabric-msft/copilot-web 7.0.0

package/esm/util/component-utilities/append-text-to-target.js

@@ -0,0 +1,75 @@
+/**
+ * Shared utility to append text to an input-like target.
+ * Supports native inputs/textareas, custom elements exposing a `value` prop
+ * (e.g., Fabric Textarea with optional handleInput()), and contenteditable containers.
+ *
+ * Behavior:
+ * - Native inputs/textarea: uses selection APIs when available; returns success and type.
+ * - Custom element with `value`: sets value; calls `handleInput()` when present; returns success and type.
+ * - Contenteditable: appends to innerText; returns success and type.
+ */
+/**
+ * Appends text to a target control.
+ * - Does not dispatch DOM events; callers decide what to emit.
+ * - Calls handleInput() on custom elements when present to sync internal state.
+ */
+function appendTextToTarget(target, text) {
+  var _a, _b, _c, _d;
+  if (!target || !text) return {
+    ok: false
+  };
+  // Native <input>/<textarea>
+  if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) {
+    const el = target;
+    const current = (_a = el.value) !== null && _a !== void 0 ? _a : "";
+    const insertion = current ? `\n${text}` : text;
+    const end = current.length;
+    try {
+      (_b = el.setSelectionRange) === null || _b === void 0 ? void 0 : _b.call(el, end, end);
+      if (typeof el.setRangeText === "function") {
+        el.setRangeText(insertion, end, end, "end");
+      } else {
+        el.value = current + insertion;
+      }
+    } catch {
+      el.value = current + insertion;
+    }
+    return {
+      ok: true,
+      kind: "native"
+    };
+  }
+  // Custom element with `value` prop (e.g., Fabric Textarea)
+  if (hasValueProp(target)) {
+    const current = String((_c = target.value) !== null && _c !== void 0 ? _c : "");
+    const newValue = current ? `${current}\n${text}` : text;
+    target.value = newValue;
+    if (typeof target.handleInput === "function") {
+      target.handleInput();
+    }
+    return {
+      ok: true,
+      kind: "custom-value"
+    };
+  }
+  // Contenteditable fallback
+  if (target instanceof HTMLElement && target.isContentEditable) {
+    const current = (_d = target.innerText) !== null && _d !== void 0 ? _d : "";
+    const newValue = current ? `${current}\n${text}` : text;
+    target.innerText = newValue;
+    return {
+      ok: true,
+      kind: "contenteditable"
+    };
+  }
+  return {
+    ok: false
+  };
+}
+function hasValueProp(el) {
+  if (!el || typeof el !== "object") return false;
+  const rec = el;
+  return "value" in rec && (typeof rec.value === "string" || typeof rec.value === "undefined");
+}
+
+export { appendTextToTarget, hasValueProp };

package/esm/util/component-utilities/append-text-to-target.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"append-text-to-target.js","sourceRoot":"","sources":["../../../../src/util/component-utilities/append-text-to-target.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAWH;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAChC,MAAwB,EACxB,IAAY;;IAEZ,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;IAE3C,4BAA4B;IAC5B,IACE,MAAM,YAAY,gBAAgB;QAClC,MAAM,YAAY,mBAAmB,EACrC,CAAC;QACD,MAAM,EAAE,GAAG,MAAM,CAAC;QAClB,MAAM,OAAO,GAAG,MAAA,EAAE,CAAC,KAAK,mCAAI,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/C,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC;YACH,MAAA,EAAE,CAAC,iBAAiB,mDAAG,GAAG,EAAE,GAAG,CAAC,CAAC;YACjC,IAAI,OAAO,EAAE,CAAC,YAAY,KAAK,UAAU,EAAE,CAAC;gBAC1C,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;YAC9C,CAAC;iBAAM,CAAC;gBACN,EAAE,CAAC,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;YACjC,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,EAAE,CAAC,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;QACjC,CAAC;QACD,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;IACtC,CAAC;IAED,2DAA2D;IAC3D,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;QACzB,MAAM,OAAO,GAAW,MAAM,CAAC,MAAA,MAAM,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAC;QACnD,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QACxD,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC;QACxB,IAAI,OAAO,MAAM,CAAC,WAAW,KAAK,UAAU,EAAE,CAAC;YAC7C,MAAM,CAAC,WAAW,EAAE,CAAC;QACvB,CAAC;QACD,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC;IAC5C,CAAC;IAED,2BAA2B;IAC3B,IAAI,MAAM,YAAY,WAAW,IAAI,MAAM,CAAC,iBAAiB,EAAE,CAAC;QAC9D,MAAM,OAAO,GAAG,MAAA,MAAM,CAAC,SAAS,mCAAI,EAAE,CAAC;QACvC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QACxD,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC5B,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC/C,CAAC;IAED,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;AACvB,CAAC;AAOD,MAAM,UAAU,YAAY,CAC1B,EAAW;IAEX,IAAI,CAAC,EAAE,IAAI,OAAO,EAAE,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAChD,MAAM,GAAG,GAAG,EAA6B,CAAC;IAC1C,OAAO,CACL,OAAO,IAAI,GAAG;QACd,CAAC,OAAO,GAAG,CAAC,KAAK,KAAK,QAAQ,IAAI,OAAO,GAAG,CAAC,KAAK,KAAK,WAAW,CAAC,CACpE,CAAC;AACJ,CAAC"}

package/esm/util/component-utilities/index.js

@@ -0,0 +1,4 @@
+import { appendTextToTarget } from "./append-text-to-target.js";
+import { isInteractiveElement, hasInteractiveElementInPath } from "./is-interactive-element.js";
+export { appendTextToTarget, isInteractiveElement, hasInteractiveElementInPath };
+//# sourceMappingURL=index.js.map

package/esm/util/component-utilities/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/util/component-utilities/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EACL,oBAAoB,EACpB,2BAA2B,EAC5B,MAAM,6BAA6B,CAAC;AAQrC,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,2BAA2B,EAC5B,CAAC"}

package/esm/util/component-utilities/is-interactive-element.js

@@ -0,0 +1,73 @@
+/**
+ * Set of tag names considered interactive for event handling purposes.
+ * Used to determine whether to suppress parent event handlers (e.g., accordion toggle)
+ * when a click originates from an interactive child element.
+ *
+ * @remarks
+ * This set includes:
+ * - Native interactive elements (button, a, input, select, textarea)
+ * - Fabric/Fluent custom elements that are inherently interactive
+ *
+ * Add to this set as new interactive custom elements are introduced.
+ */
+const interactiveTagNames = new Set([
+// Native interactive elements
+"a", "button", "input", "select", "textarea",
+// Fabric interactive custom elements
+"fabric-action-context-button", "fabric-button", "fabric-menu-button", "fabric-split-button", "fabric-toggle-button", "fabric-link", "fabric-checkbox", "fabric-radio", "fabric-switch", "fabric-slider", "fabric-dropdown", "fabric-combobox"]);
+/**
+ * Determines whether an element should be treated as interactive.
+ * Useful for suppressing parent event handlers when clicks originate from
+ * interactive children (e.g., preventing accordion toggle when clicking a button inside the header).
+ *
+ * @param node - The element to check
+ * @returns true if the element is considered interactive
+ *
+ * @example
+ * ```ts
+ * // In an accordion header click handler:
+ * const path = event.composedPath();
+ * const hasInteractiveAncestor = path.some(
+ *   (node) => node instanceof HTMLElement && isInteractiveElement(node)
+ * );
+ * if (hasInteractiveAncestor) return; // Don't toggle
+ * ```
+ */
+function isInteractiveElement(node) {
+  const tag = node.tagName.toLowerCase();
+  return interactiveTagNames.has(tag);
+}
+/**
+ * Checks if any element in an event's composed path is interactive,
+ * stopping at the specified boundary element.
+ *
+ * @param event - The event to check
+ * @param boundary - Stop checking at this element (typically event.currentTarget)
+ * @returns true if an interactive element is found in the path before the boundary
+ *
+ * @example
+ * ```ts
+ * public handleHeaderClick(event: MouseEvent): void {
+ *   if (hasInteractiveElementInPath(event, event.currentTarget as HTMLElement)) {
+ *     return; // Click originated from interactive child, don't toggle
+ *   }
+ *   this.toggle();
+ * }
+ * ```
+ */
+function hasInteractiveElementInPath(event, boundary) {
+  var _a;
+  const path = ((_a = event.composedPath) === null || _a === void 0 ? void 0 : _a.call(event)) || [];
+  return path.some(node => {
+    if (!(node instanceof HTMLElement)) {
+      return false;
+    }
+    // Stop at the boundary (typically the click handler's target)
+    if (boundary && node === boundary) {
+      return false;
+    }
+    return isInteractiveElement(node);
+  });
+}
+
+export { hasInteractiveElementInPath, isInteractiveElement };

package/esm/util/component-utilities/is-interactive-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-interactive-element.js","sourceRoot":"","sources":["../../../../src/util/component-utilities/is-interactive-element.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,mBAAmB,GAAG,IAAI,GAAG,CAAC;IAClC,8BAA8B;IAC9B,GAAG;IACH,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,UAAU;IACV,qCAAqC;IACrC,8BAA8B;IAC9B,eAAe;IACf,oBAAoB;IACpB,qBAAqB;IACrB,sBAAsB;IACtB,aAAa;IACb,iBAAiB;IACjB,cAAc;IACd,eAAe;IACf,eAAe;IACf,iBAAiB;IACjB,iBAAiB;CAClB,CAAC,CAAC;AAEH;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAiB;IACpD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IACvC,OAAO,mBAAmB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACtC,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,2BAA2B,CACzC,KAAY,EACZ,QAA6B;;IAE7B,MAAM,IAAI,GAAG,CAAC,CAAA,MAAA,KAAK,CAAC,YAAY,qDAAI,KAAI,EAAE,CAAkB,CAAC;IAE7D,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;QACxB,IAAI,CAAC,CAAC,IAAI,YAAY,WAAW,CAAC,EAAE,CAAC;YACnC,OAAO,KAAK,CAAC;QACf,CAAC;QAED,8DAA8D;QAC9D,IAAI,QAAQ,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC"}

package/esm/util/element-definition.js

@@ -0,0 +1,2 @@
+export { composeDefinitions, fromFAST } from "@fabric-msft/fabric-web";
+//# sourceMappingURL=element-definition.js.map

package/esm/util/element-definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-definition.js","sourceRoot":"","sources":["../../../src/util/element-definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC"}

package/esm/util/flair/createFlair.js

@@ -0,0 +1,252 @@
+import { initializeFlairCustomProperties, DEFAULT_BASE_URL, DEFAULT_FILE_URL, flair } from '@fluentui-copilot/flair';
+import { flairTokenValues, registerProperty, fallbackTokenValues, createFlairStyles } from './createFlairStyles.js';
+import { hasHoudini, addModule } from '@fluentui-contrib/houdini-utils';
+
+/**
+ * ## CreateFlair
+ *
+ * The Flair class.
+ */
+class CreateFlair {
+  constructor(targetSelector) {
+    /**
+     * ## initializedModules
+     *
+     * Whether the modules have been initialized.
+     */
+    this.initializedModules = false;
+    this.state = "rest";
+    this.animCount = 0;
+    this.targetSelector = targetSelector || null;
+    this.targetElement = null;
+    // Bind methods to maintain correct 'this' context
+    this.onAnimationStart = this.onAnimationStart.bind(this);
+    this.onAnimationEnd = this.onAnimationEnd.bind(this);
+    this.onAnimationCancel = this.onAnimationCancel.bind(this);
+    // Check for Houdini support
+    this.supportsHoudini = hasHoudini();
+    // Initialize custom properties
+    initializeFlairCustomProperties();
+  }
+  /**
+   * ## onAnimationStart
+   *
+   * Animation lifecycle methods. Increments the animCount.
+   */
+  onAnimationStart() {
+    this.animCount++;
+  }
+  /**
+   * ## onAnimationEnd
+   *
+   * Animation lifecycle methods. Decrements the animCount. Removes event listeners.
+   */
+  onAnimationEnd() {
+    var _a;
+    this.animCount--;
+    if (this.animCount <= 0) {
+      this.state = "rest";
+      (_a = this.targetElement) === null || _a === void 0 ? void 0 : _a.classList.remove("flair-active");
+      this.removeEventListeners();
+    }
+  }
+  /**
+   * ## onAnimationCancel
+   *
+   * Animation lifecycle methods. Decrements the animCount. Removes event listeners. Sets the state to rest.
+   */
+  onAnimationCancel() {
+    var _a;
+    this.state = "rest";
+    (_a = this.targetElement) === null || _a === void 0 ? void 0 : _a.classList.remove("flair-active");
+    this.removeEventListeners();
+  }
+  /**
+   * ## addEventListeners
+   *
+   * Adds event listeners to the target element.
+   */
+  addEventListeners() {
+    var _a, _b, _c;
+    (_a = this.targetElement) === null || _a === void 0 ? void 0 : _a.addEventListener("animationstart", this.onAnimationStart);
+    (_b = this.targetElement) === null || _b === void 0 ? void 0 : _b.addEventListener("animationend", this.onAnimationEnd);
+    (_c = this.targetElement) === null || _c === void 0 ? void 0 : _c.addEventListener("animationcancel", this.onAnimationCancel);
+  }
+  /**
+   * ## removeEventListeners
+   *
+   * Removes event listeners from the target element.
+   */
+  removeEventListeners() {
+    var _a, _b, _c;
+    (_a = this.targetElement) === null || _a === void 0 ? void 0 : _a.removeEventListener("animationstart", this.onAnimationStart);
+    (_b = this.targetElement) === null || _b === void 0 ? void 0 : _b.removeEventListener("animationend", this.onAnimationEnd);
+    (_c = this.targetElement) === null || _c === void 0 ? void 0 : _c.removeEventListener("animationcancel", this.onAnimationCancel);
+  }
+  /**
+   * ## registerTokenValues
+   *
+   * Registers the token values as custom properties to the browser.
+   */
+  registerTokenValues() {
+    flairTokenValues.forEach(token => {
+      registerProperty({
+        name: token.name,
+        initialValue: token.value,
+        syntax: token.syntax
+      });
+    });
+    if (!this.supportsHoudini) {
+      fallbackTokenValues.forEach(token => {
+        registerProperty({
+          name: token.name,
+          initialValue: token.value,
+          syntax: token.syntax
+        });
+      });
+    }
+  }
+  /**
+   * ## addStyles
+   *
+   * Adds the styles to the document.
+   */
+  addStyles() {
+    const hasStylesheet = document.getElementById("flair-styles");
+    if (!hasStylesheet) {
+      const styleSheet = document.createElement("style");
+      styleSheet.id = "flair-styles";
+      styleSheet.textContent = createFlairStyles(this.supportsHoudini);
+      document.head.appendChild(styleSheet);
+    }
+  }
+  /**
+   * ## initializeFlairModules
+   *
+   * Fetches the flair script from the default base URL and default file URL.
+   */
+  async initializeFlairModules() {
+    try {
+      // Await the worklet load so any failure is properly caught
+      await addModule(DEFAULT_BASE_URL, DEFAULT_FILE_URL);
+    } catch (error) {
+      console.error("Error fetching flair", error);
+    }
+  }
+  /**
+   * ## initialize
+   *
+   * Initializes the flair.
+   */
+  async initialize() {
+    // check if the modules have been initialized to avoid re-initializing them
+    if (!this.initializedModules) {
+      this.registerTokenValues();
+      await this.initializeFlairModules().then(() => {
+        this.initializedModules = true;
+      }).catch(error => {
+        this.initializedModules = false;
+        console.error("Error initializing flair", error);
+      });
+    }
+  }
+  /**
+   * ## attachTo
+   *
+   * Attaches the flair to an element. This is the entry point for the Flair class.
+   */
+  attachTo(element) {
+    var _a;
+    if (!(element instanceof HTMLElement)) {
+      throw new Error("Element must be an HTMLElement");
+    }
+    this.targetElement = this.targetSelector ? document.querySelector(this.targetSelector) : element;
+    if (!this.targetElement) {
+      console.warn(`Flair target "${this.targetSelector}" not found in`, element);
+      this.targetElement = element;
+    }
+    this.targetElement.classList.add("flair-element");
+    if (!this.supportsHoudini) {
+      (_a = this.targetElement) === null || _a === void 0 ? void 0 : _a.classList.add("fallback-flair");
+    }
+    this.addStyles();
+    return this;
+  }
+  /**
+   * ## fallbackFlairPlay
+   *
+   * Plays the flair using the fallback animation. This is used when Houdini is not supported (firefox).
+   */
+  fallbackFlairPlay() {
+    if (this.targetElement) {
+      const {
+        play
+      } = flair(this.targetElement);
+      play(() => {
+        // on completion set the state back to rest
+        this.state = "rest";
+      }, () => {
+        // on stop/cancel do nothing
+      });
+    }
+  }
+  /**
+   * ## fallbackFlairStop
+   *
+   * Stops the fallback animation.
+   */
+  fallbackFlairStop() {
+    if (this.targetElement) {
+      const {
+        play
+      } = flair(this.targetElement);
+      play(() => false, () => {
+        this.state = "rest";
+      });
+    }
+  }
+  /**
+   * ## play
+   *
+   * Plays the flair.
+   */
+  play() {
+    if (!this.targetElement) {
+      console.error("No element attached to Flair instance");
+      return;
+    }
+    if (this.state === "rest") {
+      this.state = "play";
+      // add the active class to the target element. this is used to trigger the animation
+      this.targetElement.classList.add("flair-active");
+      if (this.supportsHoudini) {
+        // add event listeners to the target element to handle the animation lifecycle
+        this.addEventListeners();
+      } else {
+        // play the fallback animation
+        this.fallbackFlairPlay();
+      }
+    }
+  }
+  /**
+   * ## stop
+   *
+   * Stops the flair. This is only called for the Houdini animation.
+   */
+  stop() {
+    if (this.targetElement && this.state === "play") {
+      this.targetElement.classList.remove("flair-active");
+      this.state = "rest";
+      this.animCount = 0;
+      if (this.supportsHoudini) {
+        // remove event listeners from the target element to handle the animation lifecycle
+        this.removeEventListeners();
+      } else {
+        // stop the fallback animation
+        this.fallbackFlairStop();
+      }
+    }
+  }
+}
+
+export { CreateFlair };

package/esm/util/flair/createFlair.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFlair.js","sourceRoot":"","sources":["../../../../src/util/flair/createFlair.ts"],"names":[],"mappings":"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"}

package/esm/util/flair/createFlairStyles.js

@@ -0,0 +1,218 @@
+import { tokens } from '@fluentui/tokens';
+import { flairTokens, flairAnimationTokens } from '@fluentui-copilot/flair';
+
+/**
+ * ## convertKeyframeObjectToCss
+ *
+ * Converts a keyframe object to a CSS string.
+ */
+function convertKeyframeObjectToCss(keyframeObj) {
+  return Object.entries(keyframeObj).map(([keyframe, properties]) => {
+    const cssProperties = Object.entries(properties).map(([prop, value]) => `${prop}: ${value};`).join(" ");
+    return `${keyframe} { ${cssProperties} }`;
+  }).join("\n");
+}
+/**
+ * ## generateKeyframesCSS
+ *
+ * Generates the CSS for the keyframes.
+ */
+function generateKeyframesCSS(animationTokens) {
+  // Convert each animation token to a keyframe definition
+  const keyframesDefinitions = [{
+    name: "angleAnimation",
+    frames: animationTokens.angleAnimation
+  }, {
+    name: "color1Animation",
+    frames: animationTokens.color1Animation
+  }, {
+    name: "color2Animation",
+    frames: animationTokens.color2Animation
+  }, {
+    name: "color3Animation",
+    frames: animationTokens.color3Animation
+  }, {
+    name: "colorHC1Animation",
+    frames: animationTokens.colorHC1Animation
+  }, {
+    name: "colorHC2Animation",
+    frames: animationTokens.colorHC2Animation
+  }, {
+    name: "colorHC3Animation",
+    frames: animationTokens.colorHC3Animation
+  }];
+  return keyframesDefinitions.map(({
+    name,
+    frames
+  }) => `@keyframes ${name} {${convertKeyframeObjectToCss(frames)}}`).join("\n");
+}
+/**
+ * ## registerProperty
+ *
+ * Registers a custom property with the document head.
+ */
+const registerProperty = args => {
+  try {
+    window.CSS.registerProperty({
+      inherits: false,
+      ...args
+    });
+  } catch {
+    // Already registered (InvalidModificationError) or unsupported — no action needed
+  }
+};
+const flairTokenValues = [{
+  name: "--colorBrandFlair1",
+  value: "#117865",
+  syntax: "<color>"
+}, {
+  name: "--colorBrandFlair2",
+  value: "#DCF41F",
+  syntax: "<color>"
+}, {
+  name: "--colorBrandFlair3",
+  value: "#42B8B2",
+  syntax: "<color>"
+}, {
+  name: "--colorBrandFlair1Transparent",
+  value: "rgba(17, 120, 101, 0)",
+  syntax: "<color>"
+}, {
+  name: "--colorBrandFlair2Transparent",
+  value: "rgba(220, 244, 31, 0)",
+  syntax: "<color>"
+}, {
+  name: "--colorBrandFlair3Transparent",
+  value: "rgba(66, 184, 178, 0)",
+  syntax: "<color>"
+}, {
+  name: "--colorHCFlair1",
+  value: "Highlight",
+  syntax: "<color>"
+}, {
+  name: "--colorHCFlair2",
+  value: "HighlightText",
+  syntax: "<color>"
+}, {
+  name: "--colorHCFlair3",
+  value: "Highlight",
+  syntax: "<color>"
+}, {
+  name: "--fai-flair-angle",
+  value: "0",
+  syntax: "<number>"
+}];
+const fallbackTokenValues = [{
+  name: "--fai-flair-stroke-width",
+  value: tokens.strokeWidthThick,
+  syntax: "<number>"
+}, {
+  name: "--fai-flair-background-image",
+  value: "none",
+  syntax: "<image>"
+}];
+// The names of the animation keyframesthat are used in the css keyframes
+const animationNames = ["angleAnimation", "color1Animation", "color2Animation", "color3Animation"];
+const highContrastAnimationNames = ["angleAnimation", "colorHC1Animation", "colorHC2Animation", "colorHC3Animation"];
+// The base styles that are applied to the target element
+const houdiniBaseStyles = `
+  border-radius: ${tokens.borderRadiusXLarge};
+  background-image: ${flairTokens.backgroundImage};
+`;
+// The animation styles that are applied to the target element
+const houdiniAnimationStyles = `
+  animation-duration: ${flairTokens.flairAnimationDuration};
+  animation-delay: ${flairTokens.flairAnimationDelay};
+  animation-timing-function: ${flairTokens.flairAnimationTimingFunction};
+  animation-fill-mode: forwards, forwards, forwards, forwards;
+  animation-name: ${animationNames.join(", ")};
+`;
+// The forced color styles that are applied to the target element
+const forcedColorStyles = `
+  forced-color-adjust: none;
+  background-color: Canvas;
+  color: CanvasText;
+`;
+const houdiniHighContrastStyles = `
+  animation-duration: ${flairTokens.flairAnimationDuration};
+  animation-duration: 10000ms, 10000ms, 10000ms, 10000ms;
+  animation-delay: ${flairTokens.flairAnimationDelay};
+  animation-timing-function: ${flairTokens.flairAnimationTimingFunction};
+  animation-fill-mode: forwards, forwards, forwards, forwards;
+  animation-name: ${highContrastAnimationNames.join(", ")};
+`;
+const fallbackBaseStyles = `
+  border-radius: ${tokens.borderRadiusXLarge};
+  background-image: var(--fai-flair-background-image);
+`;
+const fallbackAnimationStyles = ``;
+const fallbackHighContrastStyles = ``;
+/**
+ * ## getBaseStyles
+ *
+ * Gets the base styles.
+ */
+function getBaseStyles(supportsHoudini) {
+  if (supportsHoudini) {
+    return houdiniBaseStyles;
+  } else {
+    return fallbackBaseStyles;
+  }
+}
+/**
+ * ## getAnimationStyles
+ *
+ * Gets the animation styles.
+ */
+function getAnimationStyles(supportsHoudini) {
+  if (supportsHoudini) {
+    return houdiniAnimationStyles;
+  } else {
+    return fallbackAnimationStyles;
+  }
+}
+/**
+ * ## getHighContrastStyles
+ *
+ * Gets the high contrast styles.
+ */
+function getHighContrastStyles(supportsHoudini) {
+  if (supportsHoudini) {
+    return houdiniHighContrastStyles;
+  } else {
+    return fallbackHighContrastStyles;
+  }
+}
+/**
+ * ## addKeyframes
+ *
+ * Adds the keyframes to the stylesheet.
+ */
+function getAnimationKeyframes(supportsHoudini) {
+  if (supportsHoudini) {
+    return generateKeyframesCSS(flairAnimationTokens);
+  }
+}
+/**
+ * ## flairStyles
+ *
+ * The styles that are applied to the target element.
+ */
+const createFlairStyles = supportsHoudini => `
+      .flair-element {
+        ${getBaseStyles(supportsHoudini)}
+      }
+
+      .flair-active {
+        ${getAnimationStyles(supportsHoudini)}
+
+        @media (forced-colors: active) {
+          ${forcedColorStyles}
+          ${getHighContrastStyles(supportsHoudini)}
+        }
+      }
+
+      ${getAnimationKeyframes(supportsHoudini)}
+`;
+
+export { animationNames, convertKeyframeObjectToCss, createFlairStyles, fallbackAnimationStyles, fallbackBaseStyles, fallbackHighContrastStyles, fallbackTokenValues, flairTokenValues, forcedColorStyles, generateKeyframesCSS, highContrastAnimationNames, houdiniAnimationStyles, houdiniBaseStyles, houdiniHighContrastStyles, registerProperty };

package/esm/util/flair/createFlairStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFlairStyles.js","sourceRoot":"","sources":["../../../../src/util/flair/createFlairStyles.ts"],"names":[],"mappings":"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"}