@orioncactuscorp/ui 1.6.0 → 1.7.0

package/dist/components/Accordion/Accordion.js

@@ -1,321 +1,313 @@
 'use client';
-import { jsx as u, jsxs as k } from "react/jsx-runtime";
-import { useRef as $, useState as S, useCallback as z, useId as J, useEffect as L, createContext as H, useContext as q } from "react";
-import Q from "@orioncactuscorp/icons/orioncactus/ChevronDownTight";
-import { MotionExpand as W } from "../../react/motion.js";
-import X from "../Interaction/Interaction.js";
+import { jsx as d, jsxs as E } from "react/jsx-runtime";
+import { useRef as K, useState as $, useCallback as q, useId as O, createContext as z, useContext as B } from "react";
+import { MotionExpand as F } from "../../react/motion.js";
+import M from "../Interaction/Interaction.js";
+import { DisclosureIndicator as G } from "../internal/DisclosureIndicator.js";
 import { normalizeSlotIcon as V } from "../internal/slot.js";
-import p from "./Accordion.module.scss.js";
-const B = H(null), _ = H(
+import f from "./Accordion.module.scss.js";
+const H = z(null), j = z(
   null
-), Y = 180;
-function P(o) {
-  const t = q(B);
-  if (!t)
-    throw new Error(`${o} must be used within Accordion.`);
-  return t;
+);
+function S(t) {
+  const o = B(H);
+  if (!o)
+    throw new Error(`${t} must be used within Accordion.`);
+  return o;
 }
-function j(o) {
-  const t = q(_);
-  if (!t)
-    throw new Error(`${o} must be used within AccordionItem.`);
-  return t;
+function T(t) {
+  const o = B(j);
+  if (!o)
+    throw new Error(`${t} must be used within AccordionItem.`);
+  return o;
 }
-function E(o, t) {
-  const e = Array.from(new Set(o.filter(Boolean)));
-  return t ? e : e.slice(0, 1);
+function R(t, o) {
+  const e = Array.from(new Set(t.filter(Boolean)));
+  return o ? e : e.slice(0, 1);
 }
-function C(...o) {
-  return o.filter(Boolean).join(" ");
+function w(...t) {
+  return t.filter(Boolean).join(" ");
 }
-function O(o, t) {
-  typeof o == "function" ? o(t) : o && (o.current = t);
+function k(t, o) {
+  typeof t == "function" ? t(o) : t && (t.current = o);
 }
-function Z(o) {
-  return o ? Array.from(
-    o.querySelectorAll(
+function J(t) {
+  return t ? Array.from(
+    t.querySelectorAll(
       '[data-oc-component="accordion-summary"]:not(:disabled)'
     )
-  ).filter((t) => t.getAttribute("aria-hidden") !== "true") : [];
+  ).filter((o) => o.getAttribute("aria-hidden") !== "true") : [];
 }
-function oo({
-  root: o,
-  currentTarget: t,
+function L({
+  root: t,
+  currentTarget: o,
   key: e,
-  loopFocus: a
+  loopFocus: r
 }) {
-  const m = Z(o), c = m.indexOf(t);
-  if (c < 0) return;
-  const d = m.length - 1;
-  let l = c;
-  e === "Home" ? l = 0 : e === "End" ? l = d : e === "ArrowDown" ? l = c === d ? a ? 0 : d : c + 1 : e === "ArrowUp" && (l = c === 0 ? a ? d : 0 : c - 1), m[l]?.focus();
+  const u = J(t), a = u.indexOf(o);
+  if (a < 0) return;
+  const c = u.length - 1;
+  let i = a;
+  e === "Home" ? i = 0 : e === "End" ? i = c : e === "ArrowDown" ? i = a === c ? r ? 0 : c : a + 1 : e === "ArrowUp" && (i = a === 0 ? r ? c : 0 : a - 1), u[i]?.focus();
 }
-function to(o) {
-  return o >= 2 && o <= 6;
+function Q(t) {
+  return t >= 2 && t <= 6;
 }
-function lo({
-  children: o,
-  className: t = "",
+function et({
+  children: t,
+  className: o = "",
   collapsible: e = !0,
-  defaultValue: a = [],
-  disabled: m = !1,
-  disableAnimation: c = !1,
-  divider: d = "neutral",
-  loopFocus: l = !0,
-  multiple: r = !0,
+  defaultValue: r = [],
+  disabled: u = !1,
+  disableAnimation: a = !1,
+  divider: c = "neutral",
+  loopFocus: i = !0,
+  multiple: n = !0,
   onValueChange: A,
   ref: y,
-  value: f,
-  ...x
+  value: p,
+  ...h
 }) {
-  const v = $(null), I = f !== void 0, [b, h] = S(
-    () => E(a, r)
-  ), n = E(
-    I ? f : b,
-    r
-  ), D = (i) => {
-    v.current = i, O(y, i);
-  }, w = (i) => {
-    const g = E(i, r);
-    I || h(g), A?.(g);
-  }, R = (i) => {
-    if (m) return;
-    if (n.includes(i)) {
+  const g = K(null), v = p !== void 0, [I, b] = $(
+    () => R(r, n)
+  ), s = R(
+    v ? p : I,
+    n
+  ), x = (m) => {
+    g.current = m, k(y, m);
+  }, D = (m) => {
+    const C = R(m, n);
+    v || b(C), A?.(C);
+  }, P = (m) => {
+    if (u) return;
+    if (s.includes(m)) {
       if (!e) return;
-      w(n.filter((N) => N !== i));
+      D(s.filter((N) => N !== m));
       return;
     }
-    w(r ? [...n, i] : [i]);
+    D(n ? [...s, m] : [m]);
   };
-  return /* @__PURE__ */ u(
-    B.Provider,
+  return /* @__PURE__ */ d(
+    H.Provider,
     {
       value: {
-        value: n,
+        value: s,
         collapsible: e,
-        disabled: m,
-        divider: d,
-        disableAnimation: c,
-        loopFocus: l,
-        rootRef: v,
-        toggleItem: R
+        disabled: u,
+        divider: c,
+        disableAnimation: a,
+        loopFocus: i,
+        rootRef: g,
+        toggleItem: P
       },
-      children: /* @__PURE__ */ u(
+      children: /* @__PURE__ */ d(
         "div",
         {
-          ref: D,
-          className: C(p.accordion, p[d], t),
-          ...x,
+          ref: x,
+          className: w(f.accordion, f[c], o),
+          ...h,
           "data-oc-component": "accordion",
-          "data-oc-disabled": m ? "true" : void 0,
-          "data-oc-divider": d,
-          "data-oc-animation": c ? "disabled" : void 0,
-          children: o
+          "data-oc-disabled": u ? "true" : void 0,
+          "data-oc-divider": c,
+          "data-oc-animation": a ? "disabled" : void 0,
+          children: t
         }
       )
     }
   );
 }
-function uo({
-  children: o,
-  className: t = "",
+function nt({
+  children: t,
+  className: o = "",
   disabled: e = !1,
-  divider: a,
-  ref: m,
-  value: c,
-  ...d
+  divider: r,
+  ref: u,
+  value: a,
+  ...c
 }) {
-  const l = P("AccordionItem"), r = J(), A = l.disabled || e, y = l.value.includes(c), f = a ?? l.divider, [x, v] = S(y), I = z((b) => {
-    v(
-      (h) => h === b ? h : b
+  const i = S("AccordionItem"), n = O(), A = i.disabled || e, y = i.value.includes(a), p = r ?? i.divider, [h, g] = $(y), v = q((I) => {
+    g(
+      (b) => b === I ? b : I
     );
   }, []);
-  return /* @__PURE__ */ u(
-    _.Provider,
+  return /* @__PURE__ */ d(
+    j.Provider,
     {
       value: {
-        value: c,
+        value: a,
         open: y,
         disabled: A,
-        divider: f,
-        summaryId: `${r}-summary`,
-        detailsId: `${r}-details`,
-        detailsPresent: x,
-        setDetailsPresent: I
+        divider: p,
+        summaryId: `${n}-summary`,
+        detailsId: `${n}-details`,
+        detailsPresent: h,
+        setDetailsPresent: v
       },
-      children: /* @__PURE__ */ u(
+      children: /* @__PURE__ */ d(
         "div",
         {
-          ref: m,
-          className: C(p.item, t),
-          ...d,
+          ref: u,
+          className: w(f.item, o),
+          ...c,
           "data-oc-component": "accordion-item",
           "data-oc-disabled": A ? "true" : void 0,
-          "data-oc-divider": f,
+          "data-oc-divider": p,
           "data-oc-state": y ? "open" : "closed",
-          children: o
+          children: t
         }
       )
     }
   );
 }
-function mo({
-  children: o,
-  className: t = "",
+function rt({
+  children: t,
+  className: o = "",
   content: e,
-  description: a,
-  disabled: m = !1,
-  fillWidth: c = !1,
-  headingLevel: d = 3,
-  interactionVariant: l = "light",
-  leading: r,
+  description: r,
+  disabled: u = !1,
+  fillWidth: a = !1,
+  headingLevel: c = 3,
+  interactionVariant: i = "light",
+  leading: n,
   onClick: A,
   onKeyDown: y,
-  ref: f,
-  trailing: x,
-  type: v = "button",
-  verticalAlign: I = "top",
-  ...b
+  ref: p,
+  trailing: h,
+  type: g = "button",
+  verticalAlign: v = "top",
+  ...I
 }) {
-  const h = P("AccordionSummary"), n = j("AccordionSummary"), D = $(n.open), [w, R] = S(
-    () => n.open ? 180 : 0
-  ), i = n.disabled || m, g = n.open && !h.collapsible, N = `h${to(d) ? d : 3}`, U = e ?? (a ? /* @__PURE__ */ k("span", { "data-oc-part": "text", children: [
-    /* @__PURE__ */ u("span", { "data-oc-part": "label", children: o }),
-    /* @__PURE__ */ u("span", { "data-oc-part": "description", children: a })
-  ] }) : o), K = V(r), T = x === void 0 ? /* @__PURE__ */ u(Q, { size: "custom" }) : x, F = V(T), G = x === void 0 ? {
-    "--oc-accordion-chevron-rotation": `${w}deg`
-  } : void 0, M = (s) => {
-    O(f, s);
+  const b = S("AccordionSummary"), s = T("AccordionSummary"), x = s.disabled || u, D = s.open && !b.collapsible, P = `h${Q(c) ? c : 3}`, m = e ?? (r ? /* @__PURE__ */ E("span", { "data-oc-part": "text", children: [
+    /* @__PURE__ */ d("span", { "data-oc-part": "label", children: t }),
+    /* @__PURE__ */ d("span", { "data-oc-part": "description", children: r })
+  ] }) : t), C = V(n), N = V(h), U = (l) => {
+    k(p, l);
   };
-  return L(() => {
-    D.current !== n.open && (D.current = n.open, R(
-      (s) => s + Y
-    ));
-  }, [n.open]), /* @__PURE__ */ u(N, { className: p.header, "data-oc-part": "header", children: /* @__PURE__ */ k(
+  return /* @__PURE__ */ d(P, { className: f.header, "data-oc-part": "header", children: /* @__PURE__ */ E(
     "button",
     {
-      ref: M,
-      className: C(p.summary, t),
-      ...b,
-      type: v,
-      disabled: i,
-      "aria-disabled": i || g ? "true" : b["aria-disabled"],
-      "aria-expanded": n.open,
-      "aria-controls": n.open || n.detailsPresent ? n.detailsId : void 0,
-      id: n.summaryId,
-      onClick: (s) => {
-        A?.(s), !(s.defaultPrevented || i || g) && h.toggleItem(n.value);
+      ref: U,
+      className: w(f.summary, o),
+      ...I,
+      type: g,
+      disabled: x,
+      "aria-disabled": x || D ? "true" : I["aria-disabled"],
+      "aria-expanded": s.open,
+      "aria-controls": s.open || s.detailsPresent ? s.detailsId : void 0,
+      id: s.summaryId,
+      onClick: (l) => {
+        A?.(l), !(l.defaultPrevented || x || D) && b.toggleItem(s.value);
       },
-      onKeyDown: (s) => {
-        y?.(s), !(s.defaultPrevented || i) && (s.key === "ArrowDown" || s.key === "ArrowUp" || s.key === "Home" || s.key === "End") && (s.preventDefault(), oo({
-          root: h.rootRef.current,
-          currentTarget: s.currentTarget,
-          key: s.key,
-          loopFocus: h.loopFocus
+      onKeyDown: (l) => {
+        y?.(l), !(l.defaultPrevented || x) && (l.key === "ArrowDown" || l.key === "ArrowUp" || l.key === "Home" || l.key === "End") && (l.preventDefault(), L({
+          root: b.rootRef.current,
+          currentTarget: l.currentTarget,
+          key: l.key,
+          loopFocus: b.loopFocus
         }));
       },
       "data-oc-component": "accordion-summary",
-      "data-oc-disabled": i ? "true" : void 0,
-      "data-oc-fill-width": c ? "true" : "false",
-      "data-oc-state": n.open ? "open" : "closed",
-      "data-oc-vertical-align": I,
+      "data-oc-disabled": x ? "true" : void 0,
+      "data-oc-fill-width": a ? "true" : "false",
+      "data-oc-state": s.open ? "open" : "closed",
+      "data-oc-vertical-align": v,
       children: [
-        r ? /* @__PURE__ */ u("span", { "data-oc-part": "leading", children: K }) : null,
-        /* @__PURE__ */ u("span", { "data-oc-part": "content", children: U }),
-        T ? /* @__PURE__ */ u(
-          "span",
+        n ? /* @__PURE__ */ d("span", { "data-oc-part": "leading", children: C }) : null,
+        /* @__PURE__ */ d("span", { "data-oc-part": "content", children: m }),
+        h === void 0 ? /* @__PURE__ */ d(
+          G,
           {
-            className: p.trailing,
-            "data-oc-part": "trailing",
-            "data-oc-rotate": x === void 0 ? "true" : void 0,
-            style: G,
-            children: F
+            className: f.trailing,
+            open: s.open,
+            part: "trailing",
+            "data-oc-rotate": "true",
+            rotationVariable: "--oc-accordion-chevron-rotation"
           }
-        ) : null,
-        i ? null : /* @__PURE__ */ u(X, { variant: l, self: !0 })
+        ) : N ? /* @__PURE__ */ d("span", { className: f.trailing, "data-oc-part": "trailing", children: N }) : null,
+        x ? null : /* @__PURE__ */ d(M, { variant: i, self: !0 })
       ]
     }
   ) });
 }
-function fo({
-  children: o,
-  className: t = "",
+function at({
+  children: t,
+  className: o = "",
   forceMount: e = !1,
-  ref: a,
-  region: m = !1,
-  role: c,
-  ...d
+  ref: r,
+  region: u = !1,
+  role: a,
+  ...c
 }) {
-  const l = P("AccordionDetails"), r = j("AccordionDetails"), { setDetailsPresent: A } = r, y = z(
-    (f) => {
-      O(a, f), A(f !== null);
+  const i = S("AccordionDetails"), n = T("AccordionDetails"), { setDetailsPresent: A } = n, y = q(
+    (p) => {
+      k(r, p), A(p !== null);
     },
-    [a, A]
+    [r, A]
   );
-  return /* @__PURE__ */ u(
-    W,
+  return /* @__PURE__ */ d(
+    F,
     {
       ref: y,
-      className: C(p.details, t),
-      open: r.open,
+      className: w(f.details, o),
+      open: n.open,
       forceMount: e,
-      disableAnimation: l.disableAnimation,
+      disableAnimation: i.disableAnimation,
       intent: "expand",
       contentProps: {
-        className: p.panelInner,
+        className: f.panelInner,
         "data-oc-part": "panel-inner"
       },
-      ...d,
-      "aria-hidden": r.open ? void 0 : !0,
-      "aria-labelledby": r.summaryId,
-      id: r.detailsId,
-      inert: r.open ? void 0 : !0,
-      role: m ? "region" : c,
+      ...c,
+      "aria-hidden": n.open ? void 0 : !0,
+      "aria-labelledby": n.summaryId,
+      id: n.detailsId,
+      inert: n.open ? void 0 : !0,
+      role: u ? "region" : a,
       "data-oc-component": "accordion-details",
-      "data-oc-state": r.open ? "open" : "closed",
-      children: o
+      "data-oc-state": n.open ? "open" : "closed",
+      children: t
     }
   );
 }
-function po({
-  children: o,
-  className: t = "",
+function ct({
+  children: t,
+  className: o = "",
   ref: e,
-  ...a
+  ...r
 }) {
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ d(
     "p",
     {
       ref: e,
-      className: C(p.description, t),
-      ...a,
+      className: w(f.description, o),
+      ...r,
       "data-oc-component": "accordion-description",
-      children: o
+      children: t
     }
   );
 }
-function Ao({
-  children: o,
-  className: t = "",
+function it({
+  children: t,
+  className: o = "",
   ref: e,
-  ...a
+  ...r
 }) {
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ d(
     "div",
     {
       ref: e,
-      className: C(p.content, t),
-      ...a,
+      className: w(f.content, o),
+      ...r,
       "data-oc-component": "accordion-content",
-      children: o
+      children: t
     }
   );
 }
 export {
-  Ao as AccordionContent,
-  po as AccordionDescription,
-  fo as AccordionDetails,
-  uo as AccordionItem,
-  mo as AccordionSummary,
-  lo as default
+  it as AccordionContent,
+  ct as AccordionDescription,
+  at as AccordionDetails,
+  nt as AccordionItem,
+  rt as AccordionSummary,
+  et as default
 };

package/dist/components/ActionArea/ActionArea.css

@@ -1 +1 @@
-.oc-ActionArea-module__actionArea__jnxep{position:relative;isolation:isolate;display:flex;flex-direction:column;inline-size:100%;padding:var(--oc-action-area-padding-top) var(--oc-action-area-padding-x) var(--oc-action-area-padding-bottom);--oc-action-area-padding-x: var(--oc-space-section-padding-viewport-x);--oc-action-area-padding-y: var(--oc-space-section-padding-viewport-y);--oc-action-area-padding-top: var(--oc-action-area-padding-y);--oc-action-area-padding-bottom: var(--oc-action-area-padding-y);--oc-action-area-gap: var(--oc-space-item-gap-small);--oc-action-area-actions-gap: var(--oc-space-item-gap-small);--oc-action-area-container-max-width: var(--oc-atomic-width-content);--oc-action-area-background-color: var(--oc-color-theme-background-elevated-normal);--oc-action-area-background-bleed: var(--oc-action-area-padding-y);--oc-action-area-background-gradient-size: calc(var(--oc-action-area-padding-y) * 2)}.oc-ActionArea-module__actionArea__jnxep:before{position:absolute;inset-block:calc(var(--oc-action-area-background-bleed) * -1) 0;inset-inline:0;z-index:0;background-color:var(--oc-action-area-background-color);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-action-area-background-gradient-size));mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-action-area-background-gradient-size));opacity:0;content:"";pointer-events:none}.oc-ActionArea-module__actionArea__jnxep>*{position:relative;z-index:1}.oc-ActionArea-module__actionArea__jnxep[data-oc-background=true]:before{opacity:1}.oc-ActionArea-module__actionArea__jnxep[data-oc-has-extra=true]{border-block-start:1px solid var(--oc-color-theme-line-normal-neutral);background-color:var(--oc-action-area-background-color)}.oc-ActionArea-module__actionArea__jnxep [data-oc-part=extra-slot]{display:flex;flex-direction:column;align-items:center;margin-block-end:calc(var(--oc-action-area-gap) + var(--oc-action-area-padding-y))}.oc-ActionArea-module__actionArea__jnxep [data-oc-part=caption]{font-size:calc(var(--oc-typo-size-label2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label2);font-weight:var(--oc-typo-weight-label2-normal);margin:0 0 var(--oc-space-item-gap-medium);color:var(--oc-color-theme-label-alternative);text-align:center}.oc-ActionArea-module__actionArea__jnxep [data-oc-part=actions]{display:flex;gap:var(--oc-action-area-actions-gap);min-width:0}@media screen and (min-width:769px){.oc-ActionArea-module__actionArea__jnxep [data-oc-part=actions]{max-inline-size:var(--oc-action-area-container-max-width)}.oc-ActionArea-module__actionArea__jnxep:not([data-oc-variant=compact]) [data-oc-part=actions]{inline-size:100%;margin-inline:auto}}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=strong] [data-oc-part=actions],.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=cancel] [data-oc-part=actions]{flex-direction:column}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=neutral] [data-oc-part=actions]{flex-direction:row}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=neutral] [data-oc-part=actions]>[data-oc-action-area-button=true]{flex:1 1 0}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=neutral] [data-oc-part=actions]>[data-oc-action-area-button-priority=sub]{flex:0 0 auto}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=actions]{flex-direction:row;justify-content:flex-end}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=actions]:has(>[data-oc-action-area-button-priority=sub][data-oc-icon-only=true]){justify-content:space-between;inline-size:100%}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=actions]>[data-oc-action-area-button-priority=sub]{flex:0 0 auto}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=compact-row]{display:flex;align-items:center;justify-content:space-between;gap:var(--oc-space-item-gap-medium);min-width:0}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=compact-slot]{display:flex;align-items:center;flex:1 1 auto;min-width:0}.oc-ActionArea-module__actionButton__fKHJQ{min-width:0}.oc-ActionArea-module__actionButton__fKHJQ[data-oc-component=text-button]{flex:0 0 auto;inline-size:fit-content;align-self:center}
+.oc-ActionArea-module__actionArea__jnxep{position:relative;isolation:isolate;display:flex;flex-direction:column;inline-size:100%;padding-block:var(--oc-action-area-padding-block-start) var(--oc-action-area-padding-block-end);padding-inline:var(--oc-action-area-padding-inline);--oc-action-area-padding-inline: var(--oc-space-section-padding-viewport-x);--oc-action-area-padding-block: var(--oc-space-section-padding-viewport-y);--oc-action-area-padding-block-start: var(--oc-action-area-padding-block);--oc-action-area-padding-block-end: var(--oc-action-area-padding-block);--oc-action-area-gap: var(--oc-space-item-gap-small);--oc-action-area-actions-gap: var(--oc-space-item-gap-small);--oc-action-area-container-max-width: var(--oc-atomic-width-content);--oc-action-area-background-color: var(--oc-color-theme-background-elevated-normal);--oc-action-area-background-bleed: var(--oc-action-area-padding-block);--oc-action-area-background-gradient-size: calc(var(--oc-action-area-padding-block) * 2)}.oc-ActionArea-module__actionArea__jnxep:before{position:absolute;inset-block:calc(var(--oc-action-area-background-bleed) * -1) 0;inset-inline:0;z-index:0;background-color:var(--oc-action-area-background-color);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-action-area-background-gradient-size));mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-action-area-background-gradient-size));opacity:0;content:"";pointer-events:none}.oc-ActionArea-module__actionArea__jnxep>*{position:relative;z-index:1}.oc-ActionArea-module__actionArea__jnxep[data-oc-background=true]:before{opacity:1}.oc-ActionArea-module__actionArea__jnxep[data-oc-has-extra=true]{border-block-start:1px solid var(--oc-color-theme-line-normal-neutral);background-color:var(--oc-action-area-background-color)}.oc-ActionArea-module__actionArea__jnxep [data-oc-part=extra-slot]{display:flex;flex-direction:column;align-items:center;margin-block-end:calc(var(--oc-action-area-gap) + var(--oc-action-area-padding-block))}.oc-ActionArea-module__actionArea__jnxep [data-oc-part=caption]{font-size:calc(var(--oc-typo-size-label2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label2);font-weight:var(--oc-typo-weight-label2-normal);margin:0 0 var(--oc-space-item-gap-medium);color:var(--oc-color-theme-label-alternative);text-align:center}.oc-ActionArea-module__actionArea__jnxep [data-oc-part=actions]{display:flex;gap:var(--oc-action-area-actions-gap);min-width:0}@media screen and (min-width:769px){.oc-ActionArea-module__actionArea__jnxep [data-oc-part=actions]{max-inline-size:var(--oc-action-area-container-max-width)}.oc-ActionArea-module__actionArea__jnxep:not([data-oc-variant=compact]) [data-oc-part=actions]{inline-size:100%;margin-inline:auto}}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=strong] [data-oc-part=actions],.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=cancel] [data-oc-part=actions]{flex-direction:column}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=neutral] [data-oc-part=actions]{flex-direction:row}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=neutral] [data-oc-part=actions]>[data-oc-action-area-button=true]{flex:1 1 0}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=neutral] [data-oc-part=actions]>[data-oc-action-area-button-priority=sub]{flex:0 0 auto}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=actions]{flex-direction:row;justify-content:flex-end}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=actions]:has(>[data-oc-action-area-button-priority=sub][data-oc-icon-only=true]){justify-content:space-between;inline-size:100%}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=actions]>[data-oc-action-area-button-priority=sub]{flex:0 0 auto}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=compact-row]{display:flex;align-items:center;justify-content:space-between;gap:var(--oc-space-item-gap-medium);min-width:0}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=compact-slot]{display:flex;align-items:center;flex:1 1 auto;min-width:0}.oc-ActionArea-module__actionButton__fKHJQ{min-width:0}.oc-ActionArea-module__actionButton__fKHJQ[data-oc-component=text-button]{flex:0 0 auto;inline-size:fit-content;align-self:center}

package/dist/components/ActionArea/ActionAreaLayout.css

@@ -1 +1 @@
-.oc-ActionAreaLayout-module__layout__UBL8D{--oc-action-area-layout-block-size: 100dvh;--oc-action-area-layout-action-area-padding-y: var(--oc-action-area-padding-y, var(--oc-space-section-padding-viewport-y));--oc-action-area-layout-body-padding-bottom: var(--oc-action-area-layout-action-area-padding-y);--oc-action-area-layout-gradient-overlap: calc(var(--oc-action-area-layout-action-area-padding-y) * 2);--oc-action-area-layout-gradient-size: var(--oc-action-area-layout-gradient-overlap);display:grid;grid-template-rows:minmax(0,1fr) auto;min-block-size:0;block-size:var(--oc-action-area-layout-block-size)}.oc-ActionAreaLayout-module__body__Q3-3E{min-block-size:0;overflow-y:auto;overscroll-behavior-y:contain}.oc-ActionAreaLayout-module__layout__UBL8D[data-oc-scrollable=true]:has(>.oc-ActionAreaLayout-module__footer__-ewkN>[data-oc-component=action-area])>.oc-ActionAreaLayout-module__body__Q3-3E{padding-block-end:var(--oc-action-area-layout-body-padding-bottom)}.oc-ActionAreaLayout-module__footer__-ewkN{--_-action-area-layout-footer-background-opacity: 0;--_-action-area-layout-footer-background-scale-y: 0;--oc-action-area-layout-background-color: var(--oc-color-theme-background-elevated-normal);position:relative;z-index:1;min-block-size:0}.oc-ActionAreaLayout-module__footer__-ewkN:before{position:absolute;inset-block:calc(var(--oc-action-area-layout-gradient-overlap) * -1) 0;inset-inline:0;z-index:0;background-color:var(--oc-action-area-layout-background-color);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-action-area-layout-gradient-size));mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-action-area-layout-gradient-size));opacity:var(--_-action-area-layout-footer-background-opacity);content:"";pointer-events:none;transform:scaleY(var(--_-action-area-layout-footer-background-scale-y));transform-origin:bottom center;transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback),transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ActionAreaLayout-module__footer__-ewkN:before{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-ActionAreaLayout-module__footer__-ewkN:has(>[data-oc-component=action-area][data-oc-background=true]):before{--_-action-area-layout-footer-background-opacity: 1;--_-action-area-layout-footer-background-scale-y: 1}.oc-ActionAreaLayout-module__footer__-ewkN>*{position:relative;z-index:1}.oc-ActionAreaLayout-module__footer__-ewkN>[data-oc-component=action-area]:before{content:none}.oc-ActionAreaLayout-module__footer__-ewkN>[data-oc-component=action-area]{--oc-action-area-padding-y: var(--oc-action-area-layout-action-area-padding-y)}.oc-ActionAreaLayout-module__layout__UBL8D[data-oc-scrollable=true]>.oc-ActionAreaLayout-module__footer__-ewkN>[data-oc-component=action-area]{--oc-action-area-padding-top: 0}
+.oc-ActionAreaLayout-module__layout__UBL8D{--oc-action-area-layout-block-size: 100dvh;--oc-action-area-layout-action-area-padding-block: var(--oc-action-area-padding-block, var(--oc-space-section-padding-viewport-y));--oc-action-area-layout-body-padding-block-end: var(--oc-action-area-layout-action-area-padding-block);--oc-action-area-layout-gradient-overlap: calc(var(--oc-action-area-layout-action-area-padding-block) * 2);--oc-action-area-layout-gradient-size: var(--oc-action-area-layout-gradient-overlap);display:grid;grid-template-rows:minmax(0,1fr) auto;min-block-size:0;block-size:var(--oc-action-area-layout-block-size)}.oc-ActionAreaLayout-module__body__Q3-3E{min-block-size:0;overflow-y:auto;overscroll-behavior-y:contain}.oc-ActionAreaLayout-module__layout__UBL8D[data-oc-scrollable=true]:has(>.oc-ActionAreaLayout-module__footer__-ewkN>[data-oc-component=action-area])>.oc-ActionAreaLayout-module__body__Q3-3E{padding-block-end:var(--oc-action-area-layout-body-padding-block-end)}.oc-ActionAreaLayout-module__footer__-ewkN{--_-action-area-layout-footer-background-opacity: 0;--_-action-area-layout-footer-background-scale-y: 0;--oc-action-area-layout-background-color: var(--oc-color-theme-background-elevated-normal);position:relative;z-index:1;min-block-size:0}.oc-ActionAreaLayout-module__footer__-ewkN:before{position:absolute;inset-block:calc(var(--oc-action-area-layout-gradient-overlap) * -1) 0;inset-inline:0;z-index:0;background-color:var(--oc-action-area-layout-background-color);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-action-area-layout-gradient-size));mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-action-area-layout-gradient-size));opacity:var(--_-action-area-layout-footer-background-opacity);content:"";pointer-events:none;transform:scaleY(var(--_-action-area-layout-footer-background-scale-y));transform-origin:bottom center;transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback),transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-ActionAreaLayout-module__footer__-ewkN:before{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-ActionAreaLayout-module__footer__-ewkN:has(>[data-oc-component=action-area][data-oc-background=true]):before{--_-action-area-layout-footer-background-opacity: 1;--_-action-area-layout-footer-background-scale-y: 1}.oc-ActionAreaLayout-module__footer__-ewkN>*{position:relative;z-index:1}.oc-ActionAreaLayout-module__footer__-ewkN>[data-oc-component=action-area]:before{content:none}.oc-ActionAreaLayout-module__footer__-ewkN>[data-oc-component=action-area]{--oc-action-area-padding-block: var(--oc-action-area-layout-action-area-padding-block)}.oc-ActionAreaLayout-module__layout__UBL8D[data-oc-scrollable=true]>.oc-ActionAreaLayout-module__footer__-ewkN>[data-oc-component=action-area]{--oc-action-area-padding-block-start: 0}

package/dist/components/BackgroundIconButton/BackgroundIconButton.css

@@ -1 +1 @@
-.oc-BackgroundIconButton-module__backgroundIconButton__up7D1{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:transform;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--oc-interaction-scale: 1;--oc-interaction-time: .15s;--oc-interaction-z-index: 3;--oc-background-icon-button-blend-opacity: var(--oc-color-global-opacity-8);--oc-background-icon-button-size: 1.5rem;--oc-background-icon-button-webkit-blend-opacity: .2;width:var(--oc-background-icon-button-size);height:var(--oc-background-icon-button-size);transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1{transition:none;transform:none}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1>[data-oc-component=interaction]{clip-path:inset(0 round var(--oc-atomic-radius-max))}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:active{transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-feedback)))}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:hover>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:active>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=icon]{color:var(--oc-color-theme-static-black);opacity:var(--oc-color-global-opacity-43)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]{background-color:transparent}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:after{background-color:var(--oc-color-theme-static-white);mix-blend-mode:plus-lighter;opacity:var(--oc-color-global-opacity-35)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:before{background-color:rgb(0,0,0,var(--oc-background-icon-button-blend-opacity));mix-blend-mode:multiply}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__primary__n6x6u) [data-oc-part=icon]{color:var(--oc-color-theme-static-white)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__primary__n6x6u) [data-oc-part=background]{background-color:var(--oc-color-theme-primary-normal)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]{position:absolute;top:-.25rem;left:-.25rem;z-index:0;width:100%;height:100%;padding:.25rem;box-sizing:content-box;-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(150%);backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(150%);border-radius:var(--oc-atomic-radius-max);overflow:hidden}@supports (-webkit-backdrop-filter: none){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]{clip-path:inset(0 round var(--oc-atomic-radius-max));overflow:auto;border-radius:0}}@supports (-moz-appearance: none){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]{clip-path:inset(0 round var(--oc-atomic-radius-max));overflow:auto;border-radius:0}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]:before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]:after{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=icon]{display:inline-flex;align-items:center;justify-content:center;width:var(--oc-background-icon-button-size);height:var(--oc-background-icon-button-size);z-index:1}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=icon]>svg{padding:.125rem}@supports (-webkit-backdrop-filter: none){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=icon]{color:var(--oc-color-global-coolNeutral-50);opacity:var(--oc-color-global-opacity-61);mix-blend-mode:plus-darker}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(200%);backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(200%)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:before{background-color:#000;opacity:calc(var(--oc-background-icon-button-webkit-blend-opacity) + var(--oc-background-icon-button-webkit-blend-opacity-add, 0))}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:after{mix-blend-mode:normal}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=icon]{color:var(--oc-color-theme-static-white);opacity:var(--oc-color-global-opacity-88);mix-blend-mode:normal}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=background]{background-color:color-mix(in srgb,var(--oc-color-global-coolNeutral-30),transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));-webkit-backdrop-filter:none;backdrop-filter:none}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=background]:before,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=background]:after{background-color:transparent;mix-blend-mode:normal;opacity:1}@media(prefers-reduced-motion:reduce){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:active{transform:none}}
+.oc-BackgroundIconButton-module__backgroundIconButton__up7D1{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:transform;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;--oc-interaction-inset-x: -.25rem;--oc-interaction-inset-y: -.25rem;--oc-interaction-scale: 1;--oc-interaction-time: .225s;--oc-interaction-z-index: 3;--oc-background-icon-button-blend-opacity: var(--oc-color-global-opacity-8);--oc-background-icon-button-size: 1.5rem;--oc-background-icon-button-webkit-blend-opacity: .2;width:var(--oc-background-icon-button-size);height:var(--oc-background-icon-button-size);transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1{transition:none;transform:none}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1>[data-oc-component=interaction]{clip-path:inset(0 round var(--oc-atomic-radius-max))}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:active:not(:disabled,[aria-disabled=true]){transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-feedback)))}@media(prefers-reduced-motion:reduce){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:active:not(:disabled,[aria-disabled=true]){transform:none}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:focus-visible:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=icon]{color:var(--oc-color-theme-static-black);opacity:var(--oc-color-global-opacity-43)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]{background-color:transparent}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:after{background-color:var(--oc-color-theme-static-white);mix-blend-mode:plus-lighter;opacity:var(--oc-color-global-opacity-35)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:before{background-color:rgb(0,0,0,var(--oc-background-icon-button-blend-opacity));mix-blend-mode:multiply}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__primary__n6x6u) [data-oc-part=icon]{color:var(--oc-color-theme-static-white)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__primary__n6x6u) [data-oc-part=background]{background-color:var(--oc-color-theme-primary-normal)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]{position:absolute;inset-block-start:-.25rem;inset-inline-start:-.25rem;z-index:0;width:100%;height:100%;padding:.25rem;box-sizing:content-box;-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(150%);backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(150%);border-radius:var(--oc-atomic-radius-max);overflow:hidden;transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]{transition-property:background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}@supports (-webkit-backdrop-filter: none){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]{clip-path:inset(0 round var(--oc-atomic-radius-max));overflow:auto;border-radius:0}}@supports (-moz-appearance: none){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]{clip-path:inset(0 round var(--oc-atomic-radius-max));overflow:auto;border-radius:0}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;z-index:1;width:100%;height:100%;transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]:before{transition-property:background-color,opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]:after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;z-index:0;width:100%;height:100%;transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=background]:after{transition-property:background-color,opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=icon]{display:inline-flex;align-items:center;justify-content:center;width:var(--oc-background-icon-button-size);height:var(--oc-background-icon-button-size);z-index:1;transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=icon]{transition-property:color,opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1 [data-oc-part=icon]>svg{padding:.125rem}@supports (-webkit-backdrop-filter: none){.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=icon]{color:var(--oc-color-global-coolNeutral-50);opacity:var(--oc-color-global-opacity-61);mix-blend-mode:plus-darker}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(200%);backdrop-filter:blur(var(--oc-atomic-blur-normal)) saturate(150%) brightness(200%)}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:before{background-color:#000;opacity:calc(var(--oc-background-icon-button-webkit-blend-opacity) + var(--oc-background-icon-button-webkit-blend-opacity-add, 0))}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__normal__pYVrG) [data-oc-part=background]:after{mix-blend-mode:normal}}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=icon]{color:var(--oc-color-theme-static-white);opacity:var(--oc-color-global-opacity-88);mix-blend-mode:normal}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=background]{background-color:color-mix(in srgb,var(--oc-color-global-coolNeutral-30),transparent calc(100% - (100% * var(--oc-color-global-opacity-61))));-webkit-backdrop-filter:none;backdrop-filter:none}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=background]:before,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:where(.oc-BackgroundIconButton-module__alternative__YA8Jv) [data-oc-part=background]:after{background-color:transparent;mix-blend-mode:normal;opacity:1}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true]{cursor:not-allowed}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled [data-oc-part=icon],.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true] [data-oc-part=icon]{color:var(--oc-color-theme-label-disable);opacity:1;mix-blend-mode:normal}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled [data-oc-part=background],.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true] [data-oc-part=background]{background-color:var(--oc-color-theme-interaction-disable);-webkit-backdrop-filter:none;backdrop-filter:none}.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled [data-oc-part=background]:before,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1:disabled [data-oc-part=background]:after,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true] [data-oc-part=background]:before,.oc-BackgroundIconButton-module__backgroundIconButton__up7D1[aria-disabled=true] [data-oc-part=background]:after{background-color:transparent;mix-blend-mode:normal;opacity:1}

package/dist/components/Badge/Badge.css

@@ -1 +1 @@
-.oc-Badge-module__badge__ZbEBU{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-medium);display:inline-flex;position:relative;isolation:isolate;align-items:center;justify-content:center;gap:var(--oc-space-item-gap-atom);appearance:none;margin:0;border:none;background:transparent;padding:0;color:var(--oc-badge-color);text-align:center;text-decoration:none;white-space:nowrap}.oc-Badge-module__badge__ZbEBU:before{position:absolute;inset-block-start:calc(-1 * var(--oc-badge-padding-y));inset-inline-start:calc(-1 * var(--oc-badge-padding-x));z-index:1;box-sizing:content-box;border-radius:var(--oc-badge-radius);background-color:var(--oc-badge-background-color);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);inline-size:100%;block-size:100%;content:"";opacity:var(--oc-badge-background-opacity)}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D){overflow:hidden;border-radius:var(--oc-badge-radius);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);--oc-interaction-inset-x: 0;--oc-interaction-inset-y: 0}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D):before{inset:0;padding:0}.oc-Badge-module__badge__ZbEBU:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]{-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true] [data-oc-part=content]{pointer-events:none}.oc-Badge-module__badge__ZbEBU [data-oc-part=content]{position:relative;z-index:3}.oc-Badge-module__badge__ZbEBU>[data-oc-component=interaction]{z-index:2;border-radius:var(--oc-badge-radius)}.oc-Badge-module__badge__ZbEBU{--oc-badge-padding-x: .4em;--oc-badge-padding-y: .25em;--oc-badge-radius: max(0px, .4em * var(--oc-atomic-radius-factor));--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: transparent;--oc-badge-background-opacity: var(--oc-color-global-opacity-100);--oc-interaction-color: currentcolor;--oc-interaction-inset-x: calc(-1 * var(--oc-badge-padding-x));--oc-interaction-inset-y: calc(-1 * var(--oc-badge-padding-y));--oc-interaction-radius: var(--oc-badge-radius)}.oc-Badge-module__normal__tNcew{--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: var(--oc-color-theme-fill-normal)}.oc-Badge-module__accent__nIDKx{--oc-badge-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-opacity: var(--oc-color-global-opacity-8)}.oc-Badge-module__overlay__4KVqG{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal));backdrop-filter:blur(var(--oc-atomic-blur-normal));--oc-badge-color: var(--oc-color-theme-label-normal);--oc-badge-background-color: var(--oc-color-theme-background-normal-normal);--oc-badge-background-opacity: var(--oc-color-global-opacity-74)}.oc-Badge-module__tiny__2VWq-{font-size:calc(var(--oc-typo-size-caption1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-caption1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-caption1);font-weight:var(--oc-typo-weight-caption1-bold);--oc-badge-padding-x: .375em;--oc-badge-padding-y: .1em;--oc-badge-radius: max(0px, .3125em * var(--oc-atomic-radius-factor))}
+.oc-Badge-module__badge__ZbEBU{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-medium);display:inline-flex;position:relative;isolation:isolate;align-items:center;justify-content:center;gap:var(--oc-space-item-gap-atom);appearance:none;margin:0;border:none;background:transparent;padding:0;color:var(--oc-badge-color);text-align:center;text-decoration:none;white-space:nowrap;transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Badge-module__badge__ZbEBU{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Badge-module__badge__ZbEBU:before{position:absolute;inset-block-start:calc(-1 * var(--oc-badge-padding-y));inset-inline-start:calc(-1 * var(--oc-badge-padding-x));z-index:1;box-sizing:content-box;border-radius:var(--oc-badge-radius);background-color:var(--oc-badge-background-color);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);inline-size:100%;block-size:100%;content:"";opacity:var(--oc-badge-background-opacity);transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Badge-module__badge__ZbEBU:before{transition-property:background-color,opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D){overflow:hidden;border-radius:var(--oc-badge-radius);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);--oc-interaction-inset-x: 0;--oc-interaction-inset-y: 0}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D):before{inset:0;padding:0}.oc-Badge-module__badge__ZbEBU:focus-visible:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]{-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true] [data-oc-part=content]{pointer-events:none}.oc-Badge-module__badge__ZbEBU:disabled,.oc-Badge-module__badge__ZbEBU[aria-disabled=true]{--oc-badge-color: var(--oc-color-theme-label-disable);--oc-badge-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-Badge-module__badge__ZbEBU [data-oc-part=content]{position:relative;z-index:3}.oc-Badge-module__badge__ZbEBU>[data-oc-component=interaction]{z-index:2;border-radius:var(--oc-badge-radius)}.oc-Badge-module__badge__ZbEBU{--oc-badge-padding-x: .4em;--oc-badge-padding-y: .25em;--oc-badge-radius: max(0px, .4em * var(--oc-atomic-radius-factor));--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: transparent;--oc-badge-background-opacity: var(--oc-color-global-opacity-100);--oc-interaction-color: currentcolor;--oc-interaction-inset-x: calc(-1 * var(--oc-badge-padding-x));--oc-interaction-inset-y: calc(-1 * var(--oc-badge-padding-y));--oc-interaction-radius: var(--oc-badge-radius)}.oc-Badge-module__normal__tNcew{--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: var(--oc-color-theme-fill-normal)}.oc-Badge-module__accent__nIDKx{--oc-badge-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-opacity: var(--oc-color-global-opacity-8)}.oc-Badge-module__overlay__4KVqG{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal));backdrop-filter:blur(var(--oc-atomic-blur-normal));--oc-badge-color: var(--oc-color-theme-label-normal);--oc-badge-background-color: var(--oc-color-theme-background-normal-normal);--oc-badge-background-opacity: var(--oc-color-global-opacity-74)}.oc-Badge-module__tiny__2VWq-{font-size:calc(var(--oc-typo-size-caption1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-caption1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-caption1);font-weight:var(--oc-typo-weight-caption1-bold);--oc-badge-padding-x: .375em;--oc-badge-padding-y: .1em;--oc-badge-radius: max(0px, .3125em * var(--oc-atomic-radius-factor))}