@umbraco-ui/uui 1.17.0 → 2.0.0-alpha.0

package/dist/internal/utils/color.js

@@ -0,0 +1,91 @@
+import { parse, formatHex, formatHex8, converter } from "culori";
+import { clamp } from "./math.js";
+const toHsl = converter("hsl");
+const toRgb = converter("rgb");
+const toHsv = converter("hsv");
+function parseColor(input) {
+  if (typeof input !== "string") return input;
+  const value = input.trim();
+  if (!value) return null;
+  if (/^hsva?/i.test(value)) return parseHsv(value);
+  const parsed = parse(value);
+  if (!parsed) return null;
+  const hsl = toHsl(parsed);
+  if (!hsl) return null;
+  return {
+    h: Math.round(hsl.h ?? 0) % 360,
+    s: Math.round((hsl.s ?? 0) * 100),
+    l: Math.round((hsl.l ?? 0) * 100),
+    a: hsl.alpha ?? 1
+  };
+}
+function parseHsv(value) {
+  const m = /^hsva?\(\s*([\d.]+),\s*([\d.]+)%,\s*([\d.]+)%(?:,\s*([\d.]+))?\s*\)$/i.exec(
+    value
+  );
+  if (!m) return null;
+  const hsvColor = {
+    mode: "hsv",
+    h: Number.parseFloat(m[1]),
+    s: Number.parseFloat(m[2]) / 100,
+    v: Number.parseFloat(m[3]) / 100,
+    alpha: m[4] === void 0 ? 1 : Number.parseFloat(m[4])
+  };
+  const hsl = toHsl(hsvColor);
+  if (!hsl) return null;
+  return {
+    h: Math.round(hsl.h ?? 0) % 360,
+    s: Math.round((hsl.s ?? 0) * 100),
+    l: Math.round((hsl.l ?? 0) * 100),
+    a: hsl.alpha ?? 1
+  };
+}
+function hslaToRgb(h, s, l) {
+  const rgb = toRgb({ mode: "hsl", h, s: s / 100, l: l / 100 });
+  return {
+    r: Math.round((rgb?.r ?? 0) * 255),
+    g: Math.round((rgb?.g ?? 0) * 255),
+    b: Math.round((rgb?.b ?? 0) * 255)
+  };
+}
+function hslaToHsv(h, s, l) {
+  const hsv = toHsv({ mode: "hsl", h, s: s / 100, l: l / 100 });
+  return {
+    h,
+    s: Math.round((hsv?.s ?? 0) * 100),
+    v: Math.round((hsv?.v ?? 0) * 100)
+  };
+}
+function hslaToHex(hue, saturation, lightness, alpha = 100) {
+  if (Number.isNaN(hue) || Number.isNaN(saturation) || Number.isNaN(lightness) || Number.isNaN(alpha))
+    return "";
+  const color = {
+    mode: "hsl",
+    h: hue,
+    s: saturation / 100,
+    l: lightness / 100,
+    alpha: alpha / 100
+  };
+  if (alpha >= 100) return formatHex(color) ?? "";
+  return formatHex8(color) ?? "";
+}
+function hslaToRgbString(h, s, l, a) {
+  const { r, g, b } = hslaToRgb(h, s, l);
+  return `rgb(${r} ${g} ${b} / ${a})`;
+}
+function brightnessFromLightness(saturation, lightness) {
+  return clamp(-1 * (200 * lightness / (saturation - 200)), 0, 100);
+}
+function lightnessFromBrightness(saturation, brightness) {
+  return clamp((200 - saturation) * brightness / 100 * 5 / 10, 0, 100);
+}
+export {
+  brightnessFromLightness,
+  hslaToHex,
+  hslaToHsv,
+  hslaToRgb,
+  hslaToRgbString,
+  lightnessFromBrightness,
+  parseColor
+};
+//# sourceMappingURL=color.js.map

package/dist/internal/utils/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sources":["../../../src/internal/utils/color.ts"],"sourcesContent":["import { parse, converter, formatHex, formatHex8 } from 'culori';\nimport { clamp } from './math.js';\n\n// ─── Culori converters (created once, reused) ─────────────────────────────────\n\nconst toHsl = converter('hsl');\nconst toRgb = converter('rgb');\nconst toHsv = converter('hsv');\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\n/**\n * Color expressed as hue (0–360), saturation (0–100), lightness (0–100),\n * alpha (0–1). Matches the convention used throughout the UUI color components.\n */\nexport type HslaColor = { h: number; s: number; l: number; a: number };\n\n// ─── Parsing ──────────────────────────────────────────────────────────────────\n\n/**\n * Parse any supported color value into an HslaColor.\n *\n * Accepts: hex (#rgb, #rgba, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), hsla(),\n * hsv(h, s%, v%) / hsva(h, s%, v%, a) (comma-separated), all CSS named colors\n * (including 'transparent'), and HslaColor objects (passed through unchanged).\n *\n * Returns null for unrecognised input.\n */\nexport function parseColor(input: string | HslaColor): HslaColor | null {\n  if (typeof input !== 'string') return input;\n\n  const value = input.trim();\n  if (!value) return null;\n\n  // culori understands hex, rgb, hsl, and all CSS named colors natively.\n  // It does not understand hsv/hsva — handle those separately.\n  if (/^hsva?/i.test(value)) return parseHsv(value);\n\n  const parsed = parse(value);\n  if (!parsed) return null;\n\n  const hsl = toHsl(parsed);\n  if (!hsl) return null;\n\n  return {\n    h: Math.round(hsl.h ?? 0) % 360,\n    s: Math.round((hsl.s ?? 0) * 100),\n    l: Math.round((hsl.l ?? 0) * 100),\n    a: hsl.alpha ?? 1,\n  };\n}\n\n/** Parse comma-separated hsv(h, s%, v%) and hsva(h, s%, v%, a) strings. */\nfunction parseHsv(value: string): HslaColor | null {\n  const m =\n    /^hsva?\\(\\s*([\\d.]+),\\s*([\\d.]+)%,\\s*([\\d.]+)%(?:,\\s*([\\d.]+))?\\s*\\)$/i.exec(\n      value,\n    );\n  if (!m) return null;\n\n  // Convert HSV → HSL via culori\n  const hsvColor = {\n    mode: 'hsv' as const,\n    h: Number.parseFloat(m[1]),\n    s: Number.parseFloat(m[2]) / 100,\n    v: Number.parseFloat(m[3]) / 100,\n    alpha: m[4] === undefined ? 1 : Number.parseFloat(m[4]),\n  };\n\n  const hsl = toHsl(hsvColor);\n  if (!hsl) return null;\n\n  return {\n    h: Math.round(hsl.h ?? 0) % 360,\n    s: Math.round((hsl.s ?? 0) * 100),\n    l: Math.round((hsl.l ?? 0) * 100),\n    a: hsl.alpha ?? 1,\n  };\n}\n\n// ─── Conversions ──────────────────────────────────────────────────────────────\n\n/**\n * Convert HSL (h: 0–360, s: 0–100, l: 0–100) to RGB (r, g, b: 0–255).\n */\nexport function hslaToRgb(\n  h: number,\n  s: number,\n  l: number,\n): { r: number; g: number; b: number } {\n  const rgb = toRgb({ mode: 'hsl', h, s: s / 100, l: l / 100 });\n  return {\n    r: Math.round((rgb?.r ?? 0) * 255),\n    g: Math.round((rgb?.g ?? 0) * 255),\n    b: Math.round((rgb?.b ?? 0) * 255),\n  };\n}\n\n/**\n * Convert HSL (h: 0–360, s: 0–100, l: 0–100) to HSV.\n * Returns h (0–360), s (0–100), v (0–100).\n */\nexport function hslaToHsv(\n  h: number,\n  s: number,\n  l: number,\n): { h: number; s: number; v: number } {\n  const hsv = toHsv({ mode: 'hsl', h, s: s / 100, l: l / 100 });\n  return {\n    h,\n    s: Math.round((hsv?.s ?? 0) * 100),\n    v: Math.round((hsv?.v ?? 0) * 100),\n  };\n}\n\n// ─── Formatting ───────────────────────────────────────────────────────────────\n\n/**\n * Generate a hex string from HSLA values.\n * Hue: 0–360, saturation/lightness: 0–100, alpha: 0–100 (default 100).\n * Note: alpha uses 0–100 scale (matching the component's `alpha` property)\n * unlike `hslaToRgbString` which uses 0–1.\n * Returns 6-digit hex when fully opaque, 8-digit when alpha < 100.\n * Returns empty string on invalid input.\n */\nexport function hslaToHex(\n  hue: number,\n  saturation: number,\n  lightness: number,\n  alpha = 100,\n): string {\n  if (\n    Number.isNaN(hue) ||\n    Number.isNaN(saturation) ||\n    Number.isNaN(lightness) ||\n    Number.isNaN(alpha)\n  )\n    return '';\n  const color = {\n    mode: 'hsl' as const,\n    h: hue,\n    s: saturation / 100,\n    l: lightness / 100,\n    alpha: alpha / 100,\n  };\n  if (alpha >= 100) return formatHex(color) ?? '';\n  return formatHex8(color) ?? '';\n}\n\n/**\n * Format HSLA as a CSS rgb() string (modern space-separated syntax).\n */\nexport function hslaToRgbString(\n  h: number,\n  s: number,\n  l: number,\n  a: number,\n): string {\n  const { r, g, b } = hslaToRgb(h, s, l);\n  return `rgb(${r} ${g} ${b} / ${a})`;\n}\n\n// ─── HSL/HSV math helpers ─────────────────────────────────────────────────────\n\n/** Converts HSL lightness to HSB brightness given a saturation value. */\nexport function brightnessFromLightness(\n  saturation: number,\n  lightness: number,\n): number {\n  return clamp(-1 * ((200 * lightness) / (saturation - 200)), 0, 100);\n}\n\n/** Converts HSB brightness to HSL lightness given a saturation value. */\nexport function lightnessFromBrightness(\n  saturation: number,\n  brightness: number,\n): number {\n  return clamp(((((200 - saturation) * brightness) / 100) * 5) / 10, 0, 100);\n}\n"],"names":[],"mappings":"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"}

package/dist/internal/utils/drag.d.ts

@@ -0,0 +1,14 @@
+interface DragOptions {
+    /** Callback that runs as dragging occurs. */
+    onMove: (x: number, y: number) => void;
+    /** Callback that runs when dragging stops. */
+    onStop: () => void;
+    /**
+     * When an initial event is passed, the first drag will be triggered immediately using the coordinates therein. This
+     * is useful when the drag is initiated by a mousedown/touchstart event but you want the initial "click" to activate
+     * a drag (e.g. positioning a handle initially at the click target).
+     */
+    initialEvent: PointerEvent;
+}
+export declare const drag: (container: HTMLElement, options?: Partial<DragOptions>) => void;
+export {};

package/dist/internal/utils/drag.js

@@ -0,0 +1,37 @@
+const drag = (container, options) => {
+  function move(event) {
+    const dims = container.getBoundingClientRect();
+    const defaultView = container.ownerDocument.defaultView;
+    const offsetX = dims.left + defaultView.scrollX;
+    const offsetY = dims.top + defaultView.scrollY;
+    let pointerEvent;
+    if ("TouchEvent" in window && event instanceof TouchEvent) {
+      pointerEvent = event.touches[0];
+    } else if (event instanceof MouseEvent) {
+      pointerEvent = event;
+    } else {
+      return;
+    }
+    const x = pointerEvent.pageX - offsetX;
+    const y = pointerEvent.pageY - offsetY;
+    if (options?.onMove) {
+      options.onMove(x, y);
+    }
+  }
+  function stop() {
+    document.removeEventListener("pointermove", move);
+    document.removeEventListener("pointerup", stop);
+    if (options?.onStop) {
+      options.onStop();
+    }
+  }
+  document.addEventListener("pointermove", move, { passive: true });
+  document.addEventListener("pointerup", stop);
+  if (options?.initialEvent) {
+    move(options.initialEvent);
+  }
+};
+export {
+  drag
+};
+//# sourceMappingURL=drag.js.map

package/dist/internal/utils/drag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag.js","sources":["../../../src/internal/utils/drag.ts"],"sourcesContent":["interface DragOptions {\n  /** Callback that runs as dragging occurs. */\n  onMove: (x: number, y: number) => void;\n  /** Callback that runs when dragging stops. */\n  onStop: () => void;\n  /**\n   * When an initial event is passed, the first drag will be triggered immediately using the coordinates therein. This\n   * is useful when the drag is initiated by a mousedown/touchstart event but you want the initial \"click\" to activate\n   * a drag (e.g. positioning a handle initially at the click target).\n   */\n  initialEvent: PointerEvent;\n}\n\nexport const drag = (\n  container: HTMLElement,\n  options?: Partial<DragOptions>,\n) => {\n  function move(event: PointerEvent | TouchEvent) {\n    const dims = container.getBoundingClientRect();\n    const defaultView = container.ownerDocument.defaultView!;\n    const offsetX = dims.left + defaultView.scrollX;\n    const offsetY = dims.top + defaultView.scrollY;\n\n    let pointerEvent: PointerEvent | Touch;\n    // TouchEvent is not available in Firefox\n    if ('TouchEvent' in window && event instanceof TouchEvent) {\n      pointerEvent = event.touches[0];\n    } else if (event instanceof MouseEvent) {\n      // Some browsers seem to return PointerEvent instead of MouseEvent for click event.\n      // We can use MouseEvent as PointerEvent inherits from MouseEvent.\n      // Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1675847\n      // Safari: https://bugs.webkit.org/show_bug.cgi?id=218665\n      pointerEvent = event;\n    } else {\n      return;\n    }\n\n    const x = pointerEvent.pageX - offsetX;\n    const y = pointerEvent.pageY - offsetY;\n\n    if (options?.onMove) {\n      options.onMove(x, y);\n    }\n  }\n\n  function stop() {\n    document.removeEventListener('pointermove', move);\n    document.removeEventListener('pointerup', stop);\n\n    if (options?.onStop) {\n      options.onStop();\n    }\n  }\n\n  document.addEventListener('pointermove', move, { passive: true });\n  document.addEventListener('pointerup', stop);\n\n  // If an initial event is set, trigger the first drag immediately\n  if (options?.initialEvent) {\n    move(options.initialEvent);\n  }\n};\n"],"names":[],"mappings":"AAaO,MAAM,OAAO,CAClB,WACA,YACG;AACH,WAAS,KAAK,OAAkC;AAC9C,UAAM,OAAO,UAAU,sBAAA;AACvB,UAAM,cAAc,UAAU,cAAc;AAC5C,UAAM,UAAU,KAAK,OAAO,YAAY;AACxC,UAAM,UAAU,KAAK,MAAM,YAAY;AAEvC,QAAI;AAEJ,QAAI,gBAAgB,UAAU,iBAAiB,YAAY;AACzD,qBAAe,MAAM,QAAQ,CAAC;AAAA,IAChC,WAAW,iBAAiB,YAAY;AAKtC,qBAAe;AAAA,IACjB,OAAO;AACL;AAAA,IACF;AAEA,UAAM,IAAI,aAAa,QAAQ;AAC/B,UAAM,IAAI,aAAa,QAAQ;AAE/B,QAAI,SAAS,QAAQ;AACnB,cAAQ,OAAO,GAAG,CAAC;AAAA,IACrB;AAAA,EACF;AAEA,WAAS,OAAO;AACd,aAAS,oBAAoB,eAAe,IAAI;AAChD,aAAS,oBAAoB,aAAa,IAAI;AAE9C,QAAI,SAAS,QAAQ;AACnB,cAAQ,OAAA;AAAA,IACV;AAAA,EACF;AAEA,WAAS,iBAAiB,eAAe,MAAM,EAAE,SAAS,MAAM;AAChE,WAAS,iBAAiB,aAAa,IAAI;AAG3C,MAAI,SAAS,cAAc;AACzB,SAAK,QAAQ,YAAY;AAAA,EAC3B;AACF;"}

package/dist/internal/utils/findAncestorByAttributeValue.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Recursively find an ancestor element by attribute name and value. This also checks children of the ancestor.
+ * @func findAncestorByAttributeValue
+ * @param {HTMLElement} startNode - Origin node of the search.
+ * @param {string} attributeName - Name of the attribute to search for.
+ * @param {string} attributeValue - Value of the attribute to search for.
+ */
+export declare const findAncestorByAttributeValue: (startNode: HTMLElement | ParentNode, attributeName: string, attributeValue: string) => HTMLElement | null;

package/dist/internal/utils/findAncestorByAttributeValue.js

@@ -0,0 +1,20 @@
+const findAncestorByAttributeValue = (startNode, attributeName, attributeValue) => {
+  let currentNode = startNode;
+  while (currentNode !== null) {
+    const elementHasAttribute = currentNode instanceof HTMLElement && currentNode.hasAttribute(attributeName) && currentNode.getAttribute(attributeName) === attributeValue;
+    const elementContainsAttribute = currentNode.querySelector(`[${attributeName}="${attributeValue}"]`) !== null;
+    if (elementHasAttribute) {
+      return currentNode;
+    } else if (elementContainsAttribute) {
+      return currentNode.querySelector(
+        `[${attributeName}="${attributeValue}"]`
+      );
+    }
+    currentNode = currentNode.parentElement || currentNode.parentNode || currentNode.host || null;
+  }
+  return null;
+};
+export {
+  findAncestorByAttributeValue
+};
+//# sourceMappingURL=findAncestorByAttributeValue.js.map

package/dist/internal/utils/findAncestorByAttributeValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findAncestorByAttributeValue.js","sources":["../../../src/internal/utils/findAncestorByAttributeValue.ts"],"sourcesContent":["/**\n * Recursively find an ancestor element by attribute name and value. This also checks children of the ancestor.\n * @func findAncestorByAttributeValue\n * @param {HTMLElement} startNode - Origin node of the search.\n * @param {string} attributeName - Name of the attribute to search for.\n * @param {string} attributeValue - Value of the attribute to search for.\n */\nexport const findAncestorByAttributeValue = (\n  startNode: HTMLElement | ParentNode,\n  attributeName: string,\n  attributeValue: string,\n): HTMLElement | null => {\n  let currentNode: typeof startNode | null = startNode;\n\n  while (currentNode !== null) {\n    // Check if the current element has the specified attribute\n    const elementHasAttribute =\n      currentNode instanceof HTMLElement &&\n      currentNode.hasAttribute(attributeName) &&\n      currentNode.getAttribute(attributeName) === attributeValue;\n\n    // Check if the current element contains an element with the specified attribute\n    const elementContainsAttribute =\n      currentNode.querySelector(`[${attributeName}=\"${attributeValue}\"]`) !==\n      null;\n\n    if (elementHasAttribute) {\n      return currentNode as HTMLElement; // Found a matching ancestor\n    } else if (elementContainsAttribute) {\n      return currentNode.querySelector(\n        `[${attributeName}=\"${attributeValue}\"]`,\n      ) as HTMLElement; // Found a matching ancestor\n    }\n\n    // Move up the DOM tree to the parent or parentNode, whichever is available\n    currentNode =\n      currentNode.parentElement ||\n      currentNode.parentNode ||\n      (currentNode as ShadowRoot).host ||\n      null;\n  }\n\n  return null; // No matching ancestor found\n};\n"],"names":[],"mappings":"AAOO,MAAM,+BAA+B,CAC1C,WACA,eACA,mBACuB;AACvB,MAAI,cAAuC;AAE3C,SAAO,gBAAgB,MAAM;AAE3B,UAAM,sBACJ,uBAAuB,eACvB,YAAY,aAAa,aAAa,KACtC,YAAY,aAAa,aAAa,MAAM;AAG9C,UAAM,2BACJ,YAAY,cAAc,IAAI,aAAa,KAAK,cAAc,IAAI,MAClE;AAEF,QAAI,qBAAqB;AACvB,aAAO;AAAA,IACT,WAAW,0BAA0B;AACnC,aAAO,YAAY;AAAA,QACjB,IAAI,aAAa,KAAK,cAAc;AAAA,MAAA;AAAA,IAExC;AAGA,kBACE,YAAY,iBACZ,YAAY,cACX,YAA2B,QAC5B;AAAA,EACJ;AAEA,SAAO;AACT;"}

package/dist/internal/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from './color.js';
+export * from './Timer.js';
+export * from './drag.js';
+export * from './math.js';
+export * from './findAncestorByAttributeValue.js';
+export * from './slotHasContent.js';

package/dist/internal/utils/math.d.ts

@@ -0,0 +1,14 @@
+export declare const clamp: (value: number, min: number, max: number) => number;
+/**
+ * Reverses a number within a range
+ *
+ * @param {number} num - number to reverse
+ * @param {number} min
+ * @param {number} max
+ * @return {*}  {number}
+ * @example
+ * // returns 8
+ * reverseNumberInRange (2, 0, 10)
+ */
+export declare const reverseNumberInRange: (num: number, min: number, max: number) => number;
+export declare const toHex: (value: number) => string;

package/dist/internal/utils/math.js

@@ -0,0 +1,16 @@
+const clamp = (value, min, max) => {
+  return Math.min(Math.max(value, min), max);
+};
+const reverseNumberInRange = (num, min, max) => {
+  return max + min - num;
+};
+const toHex = (value) => {
+  const hex = Math.round(value).toString(16);
+  return hex.length === 1 ? `0${hex}` : hex;
+};
+export {
+  clamp,
+  reverseNumberInRange,
+  toHex
+};
+//# sourceMappingURL=math.js.map

package/dist/internal/utils/math.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.js","sources":["../../../src/internal/utils/math.ts"],"sourcesContent":["//\n// Ensures a number stays within a minimum and maximum value\n//\nexport const clamp = (value: number, min: number, max: number) => {\n  return Math.min(Math.max(value, min), max);\n};\n\n/**\n * Reverses a number within a range\n *\n * @param {number} num - number to reverse\n * @param {number} min\n * @param {number} max\n * @return {*}  {number}\n * @example\n * // returns 8\n * reverseNumberInRange (2, 0, 10)\n */\nexport const reverseNumberInRange = (\n  num: number,\n  min: number,\n  max: number,\n): number => {\n  return max + min - num;\n};\n\nexport const toHex = (value: number) => {\n  const hex = Math.round(value).toString(16);\n  return hex.length === 1 ? `0${hex}` : hex;\n};\n"],"names":[],"mappings":"AAGO,MAAM,QAAQ,CAAC,OAAe,KAAa,QAAgB;AAChE,SAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAC3C;AAaO,MAAM,uBAAuB,CAClC,KACA,KACA,QACW;AACX,SAAO,MAAM,MAAM;AACrB;AAEO,MAAM,QAAQ,CAAC,UAAkB;AACtC,QAAM,MAAM,KAAK,MAAM,KAAK,EAAE,SAAS,EAAE;AACzC,SAAO,IAAI,WAAW,IAAI,IAAI,GAAG,KAAK;AACxC;"}

package/dist/internal/utils/slotHasContent.d.ts

@@ -0,0 +1 @@
+export declare function slotHasContent(target: EventTarget | null): boolean;

package/dist/internal/utils/slotHasContent.js

@@ -0,0 +1,7 @@
+function slotHasContent(target) {
+  return target ? target.assignedNodes({ flatten: true }).length > 0 : false;
+}
+export {
+  slotHasContent
+};
+//# sourceMappingURL=slotHasContent.js.map

package/dist/internal/utils/slotHasContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotHasContent.js","sources":["../../../src/internal/utils/slotHasContent.ts"],"sourcesContent":["export function slotHasContent(target: EventTarget | null): boolean {\n  return target\n    ? (target as HTMLSlotElement).assignedNodes({ flatten: true }).length > 0\n    : false;\n}\n"],"names":[],"mappings":"AAAO,SAAS,eAAe,QAAqC;AAClE,SAAO,SACF,OAA2B,cAAc,EAAE,SAAS,MAAM,EAAE,SAAS,IACtE;AACN;"}

package/dist/internal/version.d.ts

@@ -0,0 +1,4 @@
+declare global {
+    var __uuiVersions: string[] | undefined;
+}
+export declare const UUI_VERSION: string;

package/dist/internal/version.js

@@ -0,0 +1,21 @@
+import { version } from "../package.json.js";
+const UUI_VERSION = version;
+globalThis.__uuiVersions ??= [];
+globalThis.__uuiVersions.push(UUI_VERSION);
+const versions = globalThis.__uuiVersions;
+if (versions.length > 1) {
+  const unique = [...new Set(versions)];
+  if (unique.length > 1) {
+    console.warn(
+      `Multiple versions of Umbraco UI detected: ${unique.join(", ")}. This is not supported and may cause issues.`
+    );
+  } else {
+    console.warn(
+      `Multiple instances of Umbraco UI v${versions[0]} loaded. This may indicate duplicate bundles.`
+    );
+  }
+}
+export {
+  UUI_VERSION
+};
+//# sourceMappingURL=version.js.map

package/dist/internal/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","sources":["../../src/internal/version.ts"],"sourcesContent":["import { version } from '../../package.json';\n\ndeclare global {\n  var __uuiVersions: string[] | undefined;\n}\n\nexport const UUI_VERSION = version;\n\nglobalThis.__uuiVersions ??= [];\nglobalThis.__uuiVersions.push(UUI_VERSION);\n\nconst versions = globalThis.__uuiVersions;\nif (versions.length > 1) {\n  const unique = [...new Set(versions)];\n  if (unique.length > 1) {\n    console.warn(\n      `Multiple versions of Umbraco UI detected: ${unique.join(', ')}. This is not supported and may cause issues.`,\n    );\n  } else {\n    console.warn(\n      `Multiple instances of Umbraco UI v${versions[0]} loaded. This may indicate duplicate bundles.`,\n    );\n  }\n}\n"],"names":[],"mappings":";AAMO,MAAM,cAAc;AAE3B,WAAW,kBAAkB,CAAA;AAC7B,WAAW,cAAc,KAAK,WAAW;AAEzC,MAAM,WAAW,WAAW;AAC5B,IAAI,SAAS,SAAS,GAAG;AACvB,QAAM,SAAS,CAAC,GAAG,IAAI,IAAI,QAAQ,CAAC;AACpC,MAAI,OAAO,SAAS,GAAG;AACrB,YAAQ;AAAA,MACN,6CAA6C,OAAO,KAAK,IAAI,CAAC;AAAA,IAAA;AAAA,EAElE,OAAO;AACL,YAAQ;AAAA,MACN,qCAAqC,SAAS,CAAC,CAAC;AAAA,IAAA;AAAA,EAEpD;AACF;"}

package/dist/package.json.js

@@ -0,0 +1,5 @@
+const version = "2.0.0-alpha.0";
+export {
+  version
+};
+//# sourceMappingURL=package.json.js.map

package/dist/package.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/styles/index.d.ts

@@ -0,0 +1 @@
+export * from './uui-text.styles.js';

package/dist/styles/uui-font.css

@@ -0,0 +1 @@
+.uui-font{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:calc(var(--uui-size-2) * 4);-webkit-font-smoothing:antialiased}

package/dist/styles/uui-text.css

@@ -0,0 +1 @@
+.uui-h1,.uui-h2,.uui-h3,.uui-h4,.uui-h5,.uui-a,.uui-p,.uui-p-lead,.uui-small,.uui-quoteblock,.uui-ul,.uui-ol,.uui-text{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:21px;-webkit-font-smoothing:antialiased}.uui-text h1,.uui-h1.uui-h1{font-size:var(--uui-type-h1-size);line-height:var(--uui-size-layout-4);font-weight:400;margin-left:-5px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text p+h1,.uui-text p+.uui-h1{margin-top:var(--uui-size-layout-4)}.uui-text h1.--no-top-margin,.uui-text h1:first-child,.uui-h1.--no-top-margin,.uui-h1:first-child{margin-top:0}.uui-text h2,.uui-h2.uui-h2{font-size:var(--uui-type-h2-size);line-height:var(--uui-size-layout-3);font-weight:400;margin-left:-3px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text p+h2,.uui-text p+.uui-h2{margin-top:var(--uui-size-layout-3)}.uui-text h2.--no-top-margin,.uui-text h2:first-child,.uui-h2.--no-top-margin,.uui-h2:first-child{margin-top:0}.uui-text h3,.uui-h3.uui-h3{font-size:var(--uui-type-h3-size);line-height:var(--uui-size-large);font-weight:400;margin-left:-2px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text h3.--no-top-margin,.uui-text h3:first-child,.uui-h3.--no-top-margin,.uui-h3:first-child{margin-top:0}.uui-text h4,.uui-h4.uui-h4{font-size:var(--uui-type-h4-size);line-height:21px;font-weight:400;margin-left:-1px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text h4.--no-top-margin,.uui-text h4:first-child,.uui-h4.--no-top-margin,.uui-h4:first-child{margin-top:0}.uui-text h5,.uui-h5.uui-h5{font-size:var(--uui-type-h5-size);line-height:inherit;font-weight:400;margin-left:0;margin-top:var(--uui-size-layout-1);margin-bottom:0}.uui-text h5.--no-top-margin,.uui-text h5:first-child,.uui-h5.--no-top-margin,.uui-h5:first-child{margin-top:0}.uui-p,.uui-text p{margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-p-lead,.uui-text p.uui-lead{font-size:var(--uui-size-6);line-height:var(--uui-size-8)}.uui-a,.uui-text a,.uui-a:link,.uui-a:active .uui-text a:link,.uui-text a:active{color:var(--uui-color-interactive)}.uui-a:hover,.uui-text a:hover{color:var(--uui-color-interactive-emphasis)}.uui-small,.uui-text small{display:inline-block;font-size:var(--uui-type-small-size);line-height:18px}.uui-quoteblock,.uui-text blockquote{float:right;font-size:14px;line-height:inherit;font-weight:400;font-style:italic;margin-top:0;margin-bottom:var(--uui-size-layout-1);margin-right:-.035em;max-width:16em;quotes:"“" "”" "‘" "’"}.uui-quoteblock:before,.uui-text blockquote:before{content:open-quote;margin-left:-.4em;margin-right:.08em;vertical-align:bottom;font-weight:400;font-size:2em}.uui-quoteblock:after,.uui-text blockquote:after{content:close-quote;margin-left:.04em;margin-right:-.4em;vertical-align:bottom;font-weight:400;font-size:2em;margin-bottom:-2px;display:inline-block}.uui-ul,.uui-text ul{list-style-type:square;padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-ol,.uui-text ol{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}

package/dist/styles/uui-text.css.js

@@ -0,0 +1,5 @@
+const css = '.uui-h1,.uui-h2,.uui-h3,.uui-h4,.uui-h5,.uui-a,.uui-p,.uui-p-lead,.uui-small,.uui-quoteblock,.uui-ul,.uui-ol,.uui-text{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:21px;-webkit-font-smoothing:antialiased}.uui-text h1,.uui-h1.uui-h1{font-size:var(--uui-type-h1-size);line-height:var(--uui-size-layout-4);font-weight:400;margin-left:-5px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text p+h1,.uui-text p+.uui-h1{margin-top:var(--uui-size-layout-4)}.uui-text h1.--no-top-margin,.uui-text h1:first-child,.uui-h1.--no-top-margin,.uui-h1:first-child{margin-top:0}.uui-text h2,.uui-h2.uui-h2{font-size:var(--uui-type-h2-size);line-height:var(--uui-size-layout-3);font-weight:400;margin-left:-3px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text p+h2,.uui-text p+.uui-h2{margin-top:var(--uui-size-layout-3)}.uui-text h2.--no-top-margin,.uui-text h2:first-child,.uui-h2.--no-top-margin,.uui-h2:first-child{margin-top:0}.uui-text h3,.uui-h3.uui-h3{font-size:var(--uui-type-h3-size);line-height:var(--uui-size-large);font-weight:400;margin-left:-2px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text h3.--no-top-margin,.uui-text h3:first-child,.uui-h3.--no-top-margin,.uui-h3:first-child{margin-top:0}.uui-text h4,.uui-h4.uui-h4{font-size:var(--uui-type-h4-size);line-height:21px;font-weight:400;margin-left:-1px;margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-text h4.--no-top-margin,.uui-text h4:first-child,.uui-h4.--no-top-margin,.uui-h4:first-child{margin-top:0}.uui-text h5,.uui-h5.uui-h5{font-size:var(--uui-type-h5-size);line-height:inherit;font-weight:400;margin-left:0;margin-top:var(--uui-size-layout-1);margin-bottom:0}.uui-text h5.--no-top-margin,.uui-text h5:first-child,.uui-h5.--no-top-margin,.uui-h5:first-child{margin-top:0}.uui-p,.uui-text p{margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-p-lead,.uui-text p.uui-lead{font-size:var(--uui-size-6);line-height:var(--uui-size-8)}.uui-a,.uui-text a,.uui-a:link,.uui-a:active .uui-text a:link,.uui-text a:active{color:var(--uui-color-interactive)}.uui-a:hover,.uui-text a:hover{color:var(--uui-color-interactive-emphasis)}.uui-small,.uui-text small{display:inline-block;font-size:var(--uui-type-small-size);line-height:18px}.uui-quoteblock,.uui-text blockquote{float:right;font-size:14px;line-height:inherit;font-weight:400;font-style:italic;margin-top:0;margin-bottom:var(--uui-size-layout-1);margin-right:-.035em;max-width:16em;quotes:"“" "”" "‘" "’"}.uui-quoteblock:before,.uui-text blockquote:before{content:open-quote;margin-left:-.4em;margin-right:.08em;vertical-align:bottom;font-weight:400;font-size:2em}.uui-quoteblock:after,.uui-text blockquote:after{content:close-quote;margin-left:.04em;margin-right:-.4em;vertical-align:bottom;font-weight:400;font-size:2em;margin-bottom:-2px;display:inline-block}.uui-ul,.uui-text ul{list-style-type:square;padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}.uui-ol,.uui-text ol{padding-left:var(--uui-size-layout-1);margin-top:var(--uui-size-layout-1);margin-bottom:var(--uui-size-layout-1)}';
+export {
+  css as default
+};
+//# sourceMappingURL=uui-text.css.js.map

package/dist/styles/uui-text.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uui-text.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/styles/uui-text.styles.d.ts

@@ -0,0 +1 @@
+export declare const UUITextStyles: import("lit").CSSResult;

package/dist/styles/uui-text.styles.js

@@ -0,0 +1,7 @@
+import { unsafeCSS } from "lit";
+import css from "./uui-text.css.js";
+const UUITextStyles = unsafeCSS(css);
+export {
+  UUITextStyles
+};
+//# sourceMappingURL=uui-text.styles.js.map

package/dist/styles/uui-text.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uui-text.styles.js","sources":["../../src/styles/uui-text.styles.ts"],"sourcesContent":["import { unsafeCSS } from 'lit';\nimport css from './uui-text.css?inline';\n\nexport const UUITextStyles = unsafeCSS(css);\n"],"names":[],"mappings":";;AAGO,MAAM,gBAAgB,UAAU,GAAG;"}

package/dist/themes/dark.css

@@ -0,0 +1 @@
+@font-face{font-family:Lato;src:local("LatoLatin Black"),local("LatoLatin-Black"),url(../assets/fonts/LatoLatin-Black.woff2) format("woff2");font-style:normal;font-display:swap;font-weight:900;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin BlackItalic"),local("LatoLatin-BlackItalic"),url(../assets/fonts/LatoLatin-BlackItalic.woff2) format("woff2");font-style:italic;font-weight:900;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Bold"),local("LatoLatin-Bold"),url(../assets/fonts/LatoLatin-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin BoldItalic"),local("LatoLatin-BoldItalic"),url(../assets/fonts/LatoLatin-BoldItalic.woff2) format("woff2");font-style:italic;font-weight:700;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Italic"),local("LatoLatin-Italic"),url(../assets/fonts/LatoLatin-Italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Regular"),local("LatoLatin-Regular"),url(../assets/fonts/LatoLatin-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Light"),local("LatoLatin-Light"),url(../assets/fonts/LatoLatin-Light.woff2) format("woff2");font-style:normal;font-weight:300;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin LightItalic"),local("LatoLatin-LightItalic"),url(../assets/fonts/LatoLatin-LightItalic.woff2) format("woff2");font-style:italic;font-weight:300;font-display:swap;text-rendering:optimizeLegibility}:root{--uui-size-1: 3px;--uui-size-2: 6px;--uui-size-3: 9px;--uui-size-4: 12px;--uui-size-5: 15px;--uui-size-6: 18px;--uui-size-7: 21px;--uui-size-8: 24px;--uui-size-9: 27px;--uui-size-10: 30px;--uui-size-11: 33px;--uui-size-12: 36px;--uui-size-14: 42px;--uui-size-16: 48px;--uui-size-20: 60px;--uui-size-22: 66px;--uui-size-24: 72px;--uui-size-28: 84px;--uui-size-32: 96px;--uui-size-36: 108px;--uui-size-40: 120px;--uui-size-44: 132px;--uui-size-46: 138px;--uui-size-48: 144px;--uui-size-52: 156px;--uui-size-56: 168px;--uui-size-60: 180px;--uui-size-64: 192px;--uui-size-72: 216px;--uui-size-80: 240px;--uui-size-96: 288px;--uui-size-100: 300px;--uui-size-space-1: 3px;--uui-size-space-2: 6px;--uui-size-space-3: 9px;--uui-size-space-4: 12px;--uui-size-space-5: 18px;--uui-size-space-6: 24px;--uui-size-layout-1: 24px;--uui-size-layout-2: 30px;--uui-size-layout-3: 42px;--uui-size-layout-4: 66px;--uui-size-layout-5: 96px;--uui-size-layout-6: 138px;--uui-border-radius: var(--uui-size-3);--uui-border-radius-1: var(--uui-size-2);--uui-border-radius-2: var(--uui-size-3);--uui-border-radius-3: var(--uui-size-5);--uui-type-default-size: 14px;--uui-type-small-size: 12px;--uui-type-h1-size: 60px;--uui-type-h2-size: 42px;--uui-type-h3-size: 30px;--uui-type-h4-size: 21px;--uui-type-h5-size: var(--uui-type-default-size);--uui-type-h6-size: var(--uui-type-small-size)}:root{--uui-shadow-depth-1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--uui-shadow-depth-2: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--uui-shadow-depth-3: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--uui-shadow-depth-4: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);--uui-shadow-depth-5: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22)}:root{--uui-palette-deep-saffron: #f79c37;--uui-palette-deep-saffron-light: rgb(249, 181, 103);--uui-palette-deep-saffron-dark: rgb(222, 145, 56);--uui-palette-deep-saffron-dimmed: rgb(166, 150, 133);--uui-palette-sunglow: #fad634;--uui-palette-sunglow-light: rgb(251, 224, 101);--uui-palette-sunglow-dark: rgb(224, 193, 51);--uui-palette-sunglow-dimmed: rgb(166, 160, 133);--uui-palette-spanish-pink: #f5c1bc;--uui-palette-spanish-pink-light: rgb(248, 214, 211);--uui-palette-spanish-pink-dark: rgb(232, 192, 189);--uui-palette-spanish-pink-dimmed: rgb(219, 212, 212);--uui-palette-gunmetal: #162335;--uui-palette-gunmetal-light: rgb(35, 55, 83);--uui-palette-gunmetal-dark: rgb(23, 27, 33);--uui-palette-gunmetal-dimmed: rgb(54, 54, 54);--uui-palette-space-cadet: #1b264f;--uui-palette-space-cadet-light: rgb(38, 53, 110);--uui-palette-space-cadet-dark: rgb(28, 35, 59);--uui-palette-space-cadet-dimmed: rgb(106, 117, 154);--uui-palette-violet-blue: #283a97;--uui-palette-violet-blue-light: #2d42ab;--uui-palette-violet-blue-dark: #25358b;--uui-palette-violet-blue-dimmed: #2c3669;--uui-palette-malibu: #3879ff;--uui-palette-malibu-light: rgb(97, 150, 255);--uui-palette-malibu-dark: rgb(56, 116, 235);--uui-palette-malibu-dimmed: rgb(115, 120, 130);--uui-palette-maroon-flush: #c31d4c;--uui-palette-maroon-flush-light: rgb(223, 42, 93);--uui-palette-maroon-flush-dark: rgb(174, 30, 71);--uui-palette-maroon-flush-dimmed: rgb(122, 98, 104);--uui-palette-jungle-green: #2bc37c;--uui-palette-jungle-green-light: rgb(58, 212, 140);--uui-palette-jungle-green-dark: rgb(43, 179, 115);--uui-palette-jungle-green-dimmed: rgb(102, 135, 120);--uui-palette-forest-green: #0b8152;--uui-palette-forest-green-light: rgb(13, 155, 98);--uui-palette-forest-green-dark: rgb(10, 115, 73);--uui-palette-forest-green-dimmed: rgb(46, 89, 72);--uui-palette-cocoa-black: #191715;--uui-palette-cocoa-black-light: rgb(39, 36, 32);--uui-palette-cocoa-black-dark: rgb(20, 20, 20);--uui-palette-cocoa-black-dimmed: rgb(48, 48, 48);--uui-palette-dune-black: #2e2b29;--uui-palette-dune-black-light: rgb(57, 53, 50);--uui-palette-dune-black-dark: rgb(38, 38, 38);--uui-palette-dune-black-dimmed: rgb(64, 64, 64);--uui-palette-cocoa-brown: #332a24;--uui-palette-cocoa-brown-light: rgb(66, 54, 47);--uui-palette-cocoa-brown-dark: rgb(38, 37, 36);--uui-palette-cocoa-brown-dimmed: rgb(43, 43, 43);--uui-palette-chamoisee: #9d8057;--uui-palette-chamoisee-light: rgb(175, 148, 110);--uui-palette-chamoisee-dark: rgb(138, 116, 87);--uui-palette-chamoisee-dimmed: rgb(115, 113, 110);--uui-palette-timberwolf: #e2dad4;--uui-palette-timberwolf-light: rgb(243, 239, 237);--uui-palette-timberwolf-dark: rgb(208, 208, 208);--uui-palette-timberwolf-dimmed: rgb(207, 207, 207);--uui-palette-gravel: #d8d7d9;--uui-palette-gravel-light: rgb(237, 237, 238);--uui-palette-gravel-dark: rgb(200, 200, 200);--uui-palette-gravel-dimmed: rgb(204, 204, 204);--uui-palette-sand: #f6f6f7;--uui-palette-sand-light: rgb(255, 255, 255);--uui-palette-sand-dark: rgb(226, 226, 226);--uui-palette-sand-dimmed: rgb(231, 231, 231);--uui-palette-white: #fefefe;--uui-palette-white-light: rgb(255, 255, 255);--uui-palette-white-dark: rgb(250, 250, 250);--uui-palette-white-dimmed: rgb(228, 228, 228);--uui-palette-black: #060606;--uui-palette-black-light: rgb(26, 26, 26);--uui-palette-black-dark: rgb(5, 5, 5);--uui-palette-black-dimmed: rgb(36, 36, 36);--uui-palette-grey: #c4c4c4;--uui-palette-grey-light: rgb(222, 222, 222);--uui-palette-grey-dark: rgb(179, 179, 179);--uui-palette-grey-dimmed: rgb(189, 189, 189);--uui-palette-dusty-grey: #9b9b9b;--uui-palette-dusty-grey-light: rgb(176, 176, 176);--uui-palette-dusty-grey-dark: rgb(141, 141, 141);--uui-palette-dusty-grey-dimmed: rgb(186, 186, 186);--uui-palette-mine-grey: #3e3e3e;--uui-palette-mine-grey-light: rgb(82, 82, 82);--uui-palette-mine-grey-dark: rgb(56, 56, 56);--uui-palette-mine-grey-dimmed: rgb(87, 87, 87)}:root{--uui-font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif}:root{--uui-color-selected: #2a72b6;--uui-color-selected-emphasis: #3385d1;--uui-color-selected-standalone: #215b91;--uui-color-selected-contrast: white;--uui-color-current: #d49e98;--uui-color-current-emphasis: #dbaea9;--uui-color-current-standalone: #c3786f;--uui-color-current-contrast: #1b264f;--uui-color-header-surface: #14171b;--uui-color-header-contrast: rgba(255, 255, 255, .8);--uui-color-header-contrast-emphasis: #fff;--uui-color-focus: #2294ff;--uui-color-disabled: #373e47;--uui-color-disabled-standalone: #444c55;--uui-color-disabled-contrast: #636e7b;--uui-color-surface: #2d333b;--uui-color-surface-alt: #373e47;--uui-color-surface-emphasis: #373e47;--uui-color-background: #22272e;--uui-color-text: #cdd9e5;--uui-color-text-alt: #636e7b;--uui-color-interactive: #51abff;--uui-color-interactive-emphasis: #7dc0ff;--uui-color-border: #4d5661;--uui-color-border-standalone: #59636e;--uui-color-border-emphasis: #697380;--uui-color-divider: #383d44;--uui-color-divider-standalone: #444c56;--uui-color-divider-emphasis: #4f5864;--uui-color-default: #2c70d6;--uui-color-default-emphasis: #3886fc;--uui-color-default-standalone: #88bdff;--uui-color-default-contrast: white;--uui-color-warning: #977b00;--uui-color-warning-emphasis: #bda22b;--uui-color-warning-standalone: #ffd82c;--uui-color-warning-contrast: white;--uui-color-danger: #8a2944;--uui-color-danger-emphasis: #a03452;--uui-color-danger-standalone: #ff7a9f;--uui-color-danger-contrast: white;--uui-color-invalid: #8a2944;--uui-color-invalid-emphasis: #a03452;--uui-color-invalid-standalone: #ff7a9f;--uui-color-invalid-contrast: white;--uui-color-positive: #26793e;--uui-color-positive-emphasis: #358f4e;--uui-color-positive-standalone: #52d176;--uui-color-positive-contrast: white}

package/dist/themes/light.css

@@ -0,0 +1 @@
+@font-face{font-family:Lato;src:local("LatoLatin Black"),local("LatoLatin-Black"),url(../assets/fonts/LatoLatin-Black.woff2) format("woff2");font-style:normal;font-display:swap;font-weight:900;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin BlackItalic"),local("LatoLatin-BlackItalic"),url(../assets/fonts/LatoLatin-BlackItalic.woff2) format("woff2");font-style:italic;font-weight:900;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Bold"),local("LatoLatin-Bold"),url(../assets/fonts/LatoLatin-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin BoldItalic"),local("LatoLatin-BoldItalic"),url(../assets/fonts/LatoLatin-BoldItalic.woff2) format("woff2");font-style:italic;font-weight:700;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Italic"),local("LatoLatin-Italic"),url(../assets/fonts/LatoLatin-Italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Regular"),local("LatoLatin-Regular"),url(../assets/fonts/LatoLatin-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin Light"),local("LatoLatin-Light"),url(../assets/fonts/LatoLatin-Light.woff2) format("woff2");font-style:normal;font-weight:300;font-display:swap;text-rendering:optimizeLegibility}@font-face{font-family:Lato;src:local("LatoLatin LightItalic"),local("LatoLatin-LightItalic"),url(../assets/fonts/LatoLatin-LightItalic.woff2) format("woff2");font-style:italic;font-weight:300;font-display:swap;text-rendering:optimizeLegibility}:root{--uui-size-1: 3px;--uui-size-2: 6px;--uui-size-3: 9px;--uui-size-4: 12px;--uui-size-5: 15px;--uui-size-6: 18px;--uui-size-7: 21px;--uui-size-8: 24px;--uui-size-9: 27px;--uui-size-10: 30px;--uui-size-11: 33px;--uui-size-12: 36px;--uui-size-14: 42px;--uui-size-16: 48px;--uui-size-20: 60px;--uui-size-22: 66px;--uui-size-24: 72px;--uui-size-28: 84px;--uui-size-32: 96px;--uui-size-36: 108px;--uui-size-40: 120px;--uui-size-44: 132px;--uui-size-46: 138px;--uui-size-48: 144px;--uui-size-52: 156px;--uui-size-56: 168px;--uui-size-60: 180px;--uui-size-64: 192px;--uui-size-72: 216px;--uui-size-80: 240px;--uui-size-96: 288px;--uui-size-100: 300px;--uui-size-space-1: 3px;--uui-size-space-2: 6px;--uui-size-space-3: 9px;--uui-size-space-4: 12px;--uui-size-space-5: 18px;--uui-size-space-6: 24px;--uui-size-layout-1: 24px;--uui-size-layout-2: 30px;--uui-size-layout-3: 42px;--uui-size-layout-4: 66px;--uui-size-layout-5: 96px;--uui-size-layout-6: 138px;--uui-border-radius: var(--uui-size-3);--uui-border-radius-1: var(--uui-size-2);--uui-border-radius-2: var(--uui-size-3);--uui-border-radius-3: var(--uui-size-5);--uui-type-default-size: 14px;--uui-type-small-size: 12px;--uui-type-h1-size: 60px;--uui-type-h2-size: 42px;--uui-type-h3-size: 30px;--uui-type-h4-size: 21px;--uui-type-h5-size: var(--uui-type-default-size);--uui-type-h6-size: var(--uui-type-small-size)}:root{--uui-shadow-depth-1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--uui-shadow-depth-2: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--uui-shadow-depth-3: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--uui-shadow-depth-4: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);--uui-shadow-depth-5: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22)}:root{--uui-palette-deep-saffron: #f79c37;--uui-palette-deep-saffron-light: rgb(249, 181, 103);--uui-palette-deep-saffron-dark: rgb(222, 145, 56);--uui-palette-deep-saffron-dimmed: rgb(166, 150, 133);--uui-palette-sunglow: #fad634;--uui-palette-sunglow-light: rgb(251, 224, 101);--uui-palette-sunglow-dark: rgb(224, 193, 51);--uui-palette-sunglow-dimmed: rgb(166, 160, 133);--uui-palette-spanish-pink: #f5c1bc;--uui-palette-spanish-pink-light: rgb(248, 214, 211);--uui-palette-spanish-pink-dark: rgb(232, 192, 189);--uui-palette-spanish-pink-dimmed: rgb(219, 212, 212);--uui-palette-gunmetal: #162335;--uui-palette-gunmetal-light: rgb(35, 55, 83);--uui-palette-gunmetal-dark: rgb(23, 27, 33);--uui-palette-gunmetal-dimmed: rgb(54, 54, 54);--uui-palette-space-cadet: #1b264f;--uui-palette-space-cadet-light: rgb(38, 53, 110);--uui-palette-space-cadet-dark: rgb(28, 35, 59);--uui-palette-space-cadet-dimmed: rgb(106, 117, 154);--uui-palette-violet-blue: #283a97;--uui-palette-violet-blue-light: #2d42ab;--uui-palette-violet-blue-dark: #25358b;--uui-palette-violet-blue-dimmed: #2c3669;--uui-palette-malibu: #3879ff;--uui-palette-malibu-light: rgb(97, 150, 255);--uui-palette-malibu-dark: rgb(56, 116, 235);--uui-palette-malibu-dimmed: rgb(115, 120, 130);--uui-palette-maroon-flush: #c31d4c;--uui-palette-maroon-flush-light: rgb(223, 42, 93);--uui-palette-maroon-flush-dark: rgb(174, 30, 71);--uui-palette-maroon-flush-dimmed: rgb(122, 98, 104);--uui-palette-jungle-green: #2bc37c;--uui-palette-jungle-green-light: rgb(58, 212, 140);--uui-palette-jungle-green-dark: rgb(43, 179, 115);--uui-palette-jungle-green-dimmed: rgb(102, 135, 120);--uui-palette-forest-green: #0b8152;--uui-palette-forest-green-light: rgb(13, 155, 98);--uui-palette-forest-green-dark: rgb(10, 115, 73);--uui-palette-forest-green-dimmed: rgb(46, 89, 72);--uui-palette-cocoa-black: #191715;--uui-palette-cocoa-black-light: rgb(39, 36, 32);--uui-palette-cocoa-black-dark: rgb(20, 20, 20);--uui-palette-cocoa-black-dimmed: rgb(48, 48, 48);--uui-palette-dune-black: #2e2b29;--uui-palette-dune-black-light: rgb(57, 53, 50);--uui-palette-dune-black-dark: rgb(38, 38, 38);--uui-palette-dune-black-dimmed: rgb(64, 64, 64);--uui-palette-cocoa-brown: #332a24;--uui-palette-cocoa-brown-light: rgb(66, 54, 47);--uui-palette-cocoa-brown-dark: rgb(38, 37, 36);--uui-palette-cocoa-brown-dimmed: rgb(43, 43, 43);--uui-palette-chamoisee: #9d8057;--uui-palette-chamoisee-light: rgb(175, 148, 110);--uui-palette-chamoisee-dark: rgb(138, 116, 87);--uui-palette-chamoisee-dimmed: rgb(115, 113, 110);--uui-palette-timberwolf: #e2dad4;--uui-palette-timberwolf-light: rgb(243, 239, 237);--uui-palette-timberwolf-dark: rgb(208, 208, 208);--uui-palette-timberwolf-dimmed: rgb(207, 207, 207);--uui-palette-gravel: #d8d7d9;--uui-palette-gravel-light: rgb(237, 237, 238);--uui-palette-gravel-dark: rgb(200, 200, 200);--uui-palette-gravel-dimmed: rgb(204, 204, 204);--uui-palette-sand: #f6f6f7;--uui-palette-sand-light: rgb(255, 255, 255);--uui-palette-sand-dark: rgb(226, 226, 226);--uui-palette-sand-dimmed: rgb(231, 231, 231);--uui-palette-white: #fefefe;--uui-palette-white-light: rgb(255, 255, 255);--uui-palette-white-dark: rgb(250, 250, 250);--uui-palette-white-dimmed: rgb(228, 228, 228);--uui-palette-black: #060606;--uui-palette-black-light: rgb(26, 26, 26);--uui-palette-black-dark: rgb(5, 5, 5);--uui-palette-black-dimmed: rgb(36, 36, 36);--uui-palette-grey: #c4c4c4;--uui-palette-grey-light: rgb(222, 222, 222);--uui-palette-grey-dark: rgb(179, 179, 179);--uui-palette-grey-dimmed: rgb(189, 189, 189);--uui-palette-dusty-grey: #9b9b9b;--uui-palette-dusty-grey-light: rgb(176, 176, 176);--uui-palette-dusty-grey-dark: rgb(141, 141, 141);--uui-palette-dusty-grey-dimmed: rgb(186, 186, 186);--uui-palette-mine-grey: #3e3e3e;--uui-palette-mine-grey-light: rgb(82, 82, 82);--uui-palette-mine-grey-dark: rgb(56, 56, 56);--uui-palette-mine-grey-dimmed: rgb(87, 87, 87)}:root{--uui-font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif}:root{--uui-color-selected: var(--uui-palette-violet-blue);--uui-color-selected-emphasis: var(--uui-palette-violet-blue-light);--uui-color-selected-standalone: var(--uui-palette-violet-blue-dark);--uui-color-selected-contrast: #fff;--uui-color-current: var(--uui-palette-spanish-pink);--uui-color-current-emphasis: var(--uui-palette-spanish-pink-light);--uui-color-current-standalone: var(--uui-palette-spanish-pink-dark);--uui-color-current-contrast: var(--uui-palette-space-cadet);--uui-color-disabled: var(--uui-palette-sand);--uui-color-disabled-standalone: var(--uui-palette-sand-dark);--uui-color-disabled-contrast: var(--uui-palette-grey);--uui-color-header-surface: var(--uui-palette-space-cadet);--uui-color-header-contrast: rgba(255, 255, 255, .8);--uui-color-header-contrast-emphasis: #fff;--uui-color-focus: var(--uui-palette-malibu);--uui-color-surface: #fff;--uui-color-surface-alt: var(--uui-palette-sand);--uui-color-surface-emphasis: var(--uui-palette-white-dark);--uui-color-background: var(--uui-palette-sand);--uui-color-text: var(--uui-palette-black);--uui-color-text-alt: var(--uui-palette-dune-black);--uui-color-interactive: var(--uui-palette-violet-blue);--uui-color-interactive-emphasis: var(--uui-palette-violet-blue-light);--uui-color-border: #d8d7d9;--uui-color-border-standalone: #c2c2c2;--uui-color-border-emphasis: #a1a1a1;--uui-color-divider: #f6f6f7;--uui-color-divider-standalone: #e9e9eb;--uui-color-divider-emphasis: #bdbdbd;--uui-color-default: var(--uui-palette-violet-blue);--uui-color-default-emphasis: var(--uui-palette-violet-blue-light);--uui-color-default-standalone: var(--uui-palette-violet-blue-dark);--uui-color-default-contrast: #fff;--uui-color-warning: #fbd142;--uui-color-warning-emphasis: var(--uui-palette-sunglow-light);--uui-color-warning-standalone: #a17700;--uui-color-warning-contrast: #000;--uui-color-danger: var(--uui-palette-maroon-flush);--uui-color-danger-emphasis: var(--uui-palette-maroon-flush-light);--uui-color-danger-standalone: var(--uui-palette-maroon-flush-dark);--uui-color-danger-contrast: white;--uui-color-invalid: var(--uui-palette-maroon-flush);--uui-color-invalid-emphasis: var(--uui-palette-maroon-flush-light);--uui-color-invalid-standalone: var(--uui-palette-maroon-flush-dark);--uui-color-invalid-contrast: white;--uui-color-positive: var(--uui-palette-forest-green);--uui-color-positive-emphasis: var(--uui-palette-forest-green-light);--uui-color-positive-standalone: var(--uui-palette-forest-green-dark);--uui-color-positive-contrast: #fff}