boreal-ui 0.0.9009 → 0.0.9010

package/dist/core/Timeline-Clmz_jZy.js

@@ -0,0 +1,232 @@
+import { jsx as t, jsxs as C, Fragment as R } from "react/jsx-runtime";
+import { e as W } from "./propAliases-O-1wR3I5.js";
+import './Timeline.css';/* empty css                  */
+import { useMemo as u } from "react";
+import { c as h } from "./classNames-Dz0_huu_.js";
+import { c as y } from "./capitalize-D_pj4b3P.js";
+import { g as x, e as E, b as H, a as J } from "./styleConfig-BoNVl5_r.js";
+import { S as K } from "./Skeleton-BvV4DbqW.js";
+const P = ({
+  width: l,
+  height: a,
+  className: i,
+  "data-testid": _,
+  "aria-hidden": c
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: i,
+    style: { width: l, height: a },
+    "data-testid": _,
+    "aria-hidden": c
+  }
+), I = ({
+  items: l,
+  orientation: a = "vertical",
+  loading: i = !1,
+  "aria-label": _ = "Timeline",
+  "aria-labelledby": c,
+  "aria-describedby": L,
+  role: z = "list",
+  theme: r = x(),
+  glass: o = E(),
+  rounding: b = H(),
+  shadow: m = J(),
+  classMap: e,
+  SkeletonComponent: D = P,
+  className: $,
+  "data-testid": j,
+  testId: v = j ?? "timeline",
+  ...B
+}) => {
+  const p = u(
+    () => h(
+      e.timeline,
+      e[a],
+      e[r],
+      o && e.glass,
+      i && e.loading,
+      $
+    ),
+    [e, a, r, o, i, $]
+  ), q = u(
+    () => h(
+      e.item,
+      e[a],
+      e[r],
+      o && e.glass,
+      i && e.loadingItem
+    ),
+    [e, a, r, o, i]
+  ), F = u(
+    () => h(
+      e.marker,
+      e[r],
+      e[a],
+      o && e.glass,
+      m && e[`shadow${y(m)}`]
+    ),
+    [e, r, a, o, m]
+  ), O = u(
+    () => h(
+      e.content,
+      e[a],
+      e[r],
+      o && e.glass,
+      i && e.loadingContent,
+      m && e[`shadow${y(m)}`],
+      b && e[`round${y(b)}`]
+    ),
+    [e, a, r, o, i, m, b]
+  ), A = l.length;
+  return /* @__PURE__ */ t(
+    "ul",
+    {
+      className: p,
+      "data-testid": v,
+      role: z,
+      "aria-label": c ? void 0 : _,
+      "aria-labelledby": c,
+      "aria-describedby": L,
+      "aria-busy": i || void 0,
+      ...B,
+      children: l.map((d, s) => {
+        const f = d.icon, n = `${v}-item-${s}`, g = `${n}-title`, T = d.description ? `${n}-description` : void 0, k = d.date ? `${n}-date` : void 0, N = !!d.title;
+        let S;
+        if (d.date) {
+          const w = new Date(d.date);
+          isNaN(w.getTime()) || (S = w.toISOString());
+        }
+        const G = i ? void 0 : [k, T].filter(Boolean).join(" ") || void 0;
+        return /* @__PURE__ */ C(
+          "li",
+          {
+            className: q,
+            "data-testid": n,
+            "aria-labelledby": !i && N ? g : void 0,
+            "aria-label": i ? `Timeline item ${s + 1} loading` : N ? void 0 : `Timeline item ${s + 1}`,
+            "aria-describedby": G,
+            "aria-posinset": s + 1,
+            "aria-setsize": A,
+            children: [
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  className: F,
+                  "data-testid": `${n}-marker`,
+                  "aria-hidden": !0,
+                  children: f ? /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: e.icon,
+                      "data-testid": `${n}-icon`,
+                      "aria-hidden": !0,
+                      children: /* @__PURE__ */ t(f, { "aria-hidden": !0 })
+                    }
+                  ) : /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: e.dot,
+                      "data-testid": `${n}-dot`,
+                      "aria-hidden": !0
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  className: O,
+                  "data-testid": `${n}-content`,
+                  children: i ? /* @__PURE__ */ t(
+                    D,
+                    {
+                      width: "100%",
+                      height: "100%",
+                      className: e.skeleton,
+                      "aria-hidden": !0,
+                      "data-testid": `${n}-skeleton`
+                    }
+                  ) : /* @__PURE__ */ C(R, { children: [
+                    N && /* @__PURE__ */ t(
+                      "h3",
+                      {
+                        id: g,
+                        className: e.title,
+                        "data-testid": `${n}-title`,
+                        children: d.title
+                      }
+                    ),
+                    d.date && /* @__PURE__ */ t(
+                      "p",
+                      {
+                        id: k,
+                        className: e.date,
+                        "data-testid": `${n}-date`,
+                        children: /* @__PURE__ */ t("time", { dateTime: S, children: d.date })
+                      }
+                    ),
+                    d.description && /* @__PURE__ */ t(
+                      "p",
+                      {
+                        id: T,
+                        className: e.description,
+                        "data-testid": `${n}-description`,
+                        children: d.description
+                      }
+                    )
+                  ] })
+                }
+              )
+            ]
+          },
+          s
+        );
+      })
+    }
+  );
+};
+I.displayName = "TimelineBase";
+const Q = {
+  timeline: "timeline",
+  item: "timeline_item",
+  marker: "timeline_marker",
+  icon: "timeline_icon",
+  dot: "timeline_dot",
+  content: "timeline_content",
+  loading: "timeline_loading",
+  loadingItem: "timeline_itemLoading",
+  loadingContent: "timeline_contentLoading",
+  skeleton: "timeline_skeleton",
+  title: "timeline_title",
+  date: "timeline_date",
+  description: "timeline_description",
+  vertical: "timeline_vertical",
+  horizontal: "timeline_horizontal",
+  primary: "timeline_primary",
+  secondary: "timeline_secondary",
+  tertiary: "timeline_tertiary",
+  quaternary: "timeline_quaternary",
+  clear: "timeline_clear",
+  glass: "timeline_glass",
+  shadowNone: "timeline_shadow-None",
+  shadowLight: "timeline_shadow-Light",
+  shadowMedium: "timeline_shadow-Medium",
+  shadowStrong: "timeline_shadow-Strong",
+  shadowIntense: "timeline_shadow-Intense",
+  roundNone: "timeline_round-None",
+  roundSmall: "timeline_round-Small",
+  roundMedium: "timeline_round-Medium",
+  roundLarge: "timeline_round-Large"
+}, U = (l) => /* @__PURE__ */ t(
+  I,
+  {
+    ...l,
+    classMap: W(Q),
+    SkeletonComponent: K
+  }
+);
+U.displayName = "Timeline";
+export {
+  U as T
+};

package/dist/core/Timeline-hihQCyEU.cjs

@@ -0,0 +1 @@
+"use strict";require('./Timeline.css');const i=require("react/jsx-runtime"),W=require("./propAliases-CXU3EEm-.cjs");;/* empty css                    */const u=require("react"),h=require("./classNames-C7V3kfBj.cjs"),j=require("./capitalize-CnTiekgk.cjs"),_=require("./styleConfig-BeavGUyI.cjs"),E=require("./Skeleton-D6nKNXfL.cjs"),H=({width:o,height:a,className:t,"data-testid":N,"aria-hidden":c})=>i.jsx("div",{className:t,style:{width:o,height:a},"data-testid":N,"aria-hidden":c}),q=({items:o,orientation:a="vertical",loading:t=!1,"aria-label":N="Timeline","aria-labelledby":c,"aria-describedby":f,role:I="list",theme:r=_.getDefaultTheme(),glass:l=_.getDefaultGlass(),rounding:b=_.getDefaultRounding(),shadow:s=_.getDefaultShadow(),classMap:e,SkeletonComponent:z=H,className:$,"data-testid":L,testId:v=L??"timeline",...D})=>{const B=u.useMemo(()=>h.combineClassNames(e.timeline,e[a],e[r],l&&e.glass,t&&e.loading,$),[e,a,r,l,t,$]),R=u.useMemo(()=>h.combineClassNames(e.item,e[a],e[r],l&&e.glass,t&&e.loadingItem),[e,a,r,l,t]),A=u.useMemo(()=>h.combineClassNames(e.marker,e[r],e[a],l&&e.glass,s&&e[`shadow${j.capitalize(s)}`]),[e,r,a,l,s]),F=u.useMemo(()=>h.combineClassNames(e.content,e[a],e[r],l&&e.glass,t&&e.loadingContent,s&&e[`shadow${j.capitalize(s)}`],b&&e[`round${j.capitalize(b)}`]),[e,a,r,l,t,s,b]),O=o.length;return i.jsx("ul",{className:B,"data-testid":v,role:I,"aria-label":c?void 0:N,"aria-labelledby":c,"aria-describedby":f,"aria-busy":t||void 0,...D,children:o.map((d,m)=>{const g=d.icon,n=`${v}-item-${m}`,k=`${n}-title`,T=d.description?`${n}-description`:void 0,x=d.date?`${n}-date`:void 0,y=!!d.title;let C;if(d.date){const S=new Date(d.date);isNaN(S.getTime())||(C=S.toISOString())}const G=t?void 0:[x,T].filter(Boolean).join(" ")||void 0;return i.jsxs("li",{className:R,"data-testid":n,"aria-labelledby":!t&&y?k:void 0,"aria-label":t?`Timeline item ${m+1} loading`:y?void 0:`Timeline item ${m+1}`,"aria-describedby":G,"aria-posinset":m+1,"aria-setsize":O,children:[i.jsx("div",{className:A,"data-testid":`${n}-marker`,"aria-hidden":!0,children:g?i.jsx("div",{className:e.icon,"data-testid":`${n}-icon`,"aria-hidden":!0,children:i.jsx(g,{"aria-hidden":!0})}):i.jsx("div",{className:e.dot,"data-testid":`${n}-dot`,"aria-hidden":!0})}),i.jsx("div",{className:F,"data-testid":`${n}-content`,children:t?i.jsx(z,{width:"100%",height:"100%",className:e.skeleton,"aria-hidden":!0,"data-testid":`${n}-skeleton`}):i.jsxs(i.Fragment,{children:[y&&i.jsx("h3",{id:k,className:e.title,"data-testid":`${n}-title`,children:d.title}),d.date&&i.jsx("p",{id:x,className:e.date,"data-testid":`${n}-date`,children:i.jsx("time",{dateTime:C,children:d.date})}),d.description&&i.jsx("p",{id:T,className:e.description,"data-testid":`${n}-description`,children:d.description})]})})]},m)})})};q.displayName="TimelineBase";const J={timeline:"timeline",item:"timeline_item",marker:"timeline_marker",icon:"timeline_icon",dot:"timeline_dot",content:"timeline_content",loading:"timeline_loading",loadingItem:"timeline_itemLoading",loadingContent:"timeline_contentLoading",skeleton:"timeline_skeleton",title:"timeline_title",date:"timeline_date",description:"timeline_description",vertical:"timeline_vertical",horizontal:"timeline_horizontal",primary:"timeline_primary",secondary:"timeline_secondary",tertiary:"timeline_tertiary",quaternary:"timeline_quaternary",clear:"timeline_clear",glass:"timeline_glass",shadowNone:"timeline_shadow-None",shadowLight:"timeline_shadow-Light",shadowMedium:"timeline_shadow-Medium",shadowStrong:"timeline_shadow-Strong",shadowIntense:"timeline_shadow-Intense",roundNone:"timeline_round-None",roundSmall:"timeline_round-Small",roundMedium:"timeline_round-Medium",roundLarge:"timeline_round-Large"},w=o=>i.jsx(q,{...o,classMap:W.expandClassMap(J),SkeletonComponent:E.SkeletonLoader});w.displayName="Timeline";exports.Timeline=w;

package/dist/core/Timeline.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Timeline.css');;/* empty css                    */const e=require("./Timeline-B7u6cy-8.cjs");exports.default=e.Timeline;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Timeline.css');;/* empty css                    */const e=require("./Timeline-hihQCyEU.cjs");exports.default=e.Timeline;

package/dist/core/Timeline.css

@@ -1 +1 @@
-@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.timeline{box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:0;width:100%;max-width:min(100%,600px);min-width:0;height:auto;padding-left:var(--spacing-md);background:transparent;color:inherit;font-family:var(--font-family-body);overflow:visible}@media(max-width:479.98px){.timeline{max-width:100%;padding-left:var(--spacing-sm)}}.timeline:focus-within{border-radius:var(--border-radius-sm);outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:3px}.timeline_horizontal{flex-direction:row;align-items:stretch;width:100%;max-width:100%;min-width:0;padding-left:0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.timeline_horizontal::-webkit-scrollbar-track{background-color:transparent!important}.timeline_item{box-sizing:border-box;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--spacing-sm);width:100%;max-width:100%;min-width:0;padding-bottom:var(--spacing-sm);text-align:start;scroll-snap-align:start}.timeline_item.timeline_horizontal{display:inline-grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);justify-items:center;align-items:start;flex:0 0 clamp(12rem,48cqi,18rem);width:clamp(12rem,48cqi,18rem);max-width:min(18rem,85vw);min-width:0;gap:var(--spacing-sm);padding-bottom:var(--spacing-xs);margin-bottom:2px;overflow:visible;text-align:center}.timeline_item:not(:last-child):after{content:"";position:absolute;left:14px;top:30px;width:2px;height:calc(100% - 22px);background-color:currentcolor}@media(max-width:319.98px){.timeline_item:not(:last-child):after{left:11px;top:24px}}@media(min-width:1024px){.timeline_item:not(:last-child):after{left:15px;top:32px}}.timeline_item.timeline_horizontal:not(:last-child):after{top:15px;left:calc(50% + 16px);width:calc(100% - 32px);height:2px}@media(max-width:319.98px){.timeline_item.timeline_horizontal:not(:last-child):after{left:calc(50% + 13px);width:calc(100% - 26px)}}@media(min-width:1024px){.timeline_item.timeline_horizontal:not(:last-child):after{left:calc(50% + 17px);width:calc(100% - 34px)}}.timeline_marker{box-sizing:border-box;z-index:1;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;min-height:30px;border-radius:var(--border-radius-round);background-color:var(--primary-color);color:inherit;font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:1;transition:transform .3s ease-in-out}.timeline_marker:hover{transform:scale(1.05)}.timeline_marker:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.timeline_marker.timeline_horizontal{margin:0;overflow:visible}@media(max-width:319.98px){.timeline_marker{width:24px;height:24px;min-width:24px;min-height:24px;font-size:var(--font-size-caption)}}@media(min-width:1024px){.timeline_marker{width:32px;height:32px;min-width:32px;min-height:32px}}.timeline_dot{width:8px;height:8px;background-color:currentcolor;border-radius:50%}@media(max-width:319.98px){.timeline_dot{width:7px;height:7px}}@media(min-width:1024px){.timeline_dot{width:9px;height:9px}}.timeline_content{box-sizing:border-box;flex:1 1 auto;width:100%;max-width:100%;min-width:0;padding:var(--spacing-sm);overflow-wrap:anywhere;background:var(--background-color-lighter)}.timeline_content.timeline_horizontal{width:95%;max-width:95%;height:100%;min-width:0;overflow:visible}@media(max-width:319.98px){.timeline_content{padding:var(--spacing-sm)}}@media(min-width:1024px){.timeline_content{padding:var(--spacing-md)}}.timeline_title{max-width:100%;margin:0 0 var(--spacing-xs);color:inherit;font-family:var(--font-family-heading);font-size:var(--font-size-h6);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);text-align:inherit;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}@media(max-width:319.98px){.timeline_title{font-size:var(--font-size-body)}}@media(min-width:1024px){.timeline_title{font-size:var(--font-size-h5)}}.timeline_date{max-width:100%;color:inherit;font-family:var(--font-family-ui);font-size:var(--font-size-caption);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);opacity:.8;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}@media(min-width:1024px){.timeline_date{font-size:var(--font-size-label)}}.timeline_description{max-width:100%;margin:var(--spacing-xs) 0 0;color:inherit;font-family:var(--font-family-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}@media(max-width:319.98px){.timeline_description{font-size:var(--font-size-caption)}}@media(min-width:1024px){.timeline_description{font-size:var(--font-size-body)}}.timeline_primary{--timeline-glass-bg: var(--primary-glass-background);--timeline-glass-hover-bg: var(--primary-glass-background-hover);--timeline-glass-border: var(--primary-glass-border);--timeline-glass-text: var(--text-color-primary)}.timeline_primary .timeline_item:not(:last-child):after{background-color:var(--primary-color)}.timeline_primary .timeline_marker{background-color:var(--primary-color);color:var(--text-color-primary)}.timeline_secondary{--timeline-glass-bg: var(--secondary-glass-background);--timeline-glass-hover-bg: var(--secondary-glass-background-hover);--timeline-glass-border: var(--secondary-glass-border);--timeline-glass-text: var(--text-color-secondary)}.timeline_secondary .timeline_item:not(:last-child):after{background-color:var(--secondary-color)}.timeline_secondary .timeline_marker{background-color:var(--secondary-color);color:var(--text-color-secondary)}.timeline_tertiary{--timeline-glass-bg: var(--tertiary-glass-background);--timeline-glass-hover-bg: var(--tertiary-glass-background-hover);--timeline-glass-border: var(--tertiary-glass-border);--timeline-glass-text: var(--text-color-tertiary)}.timeline_tertiary .timeline_item:not(:last-child):after{background-color:var(--tertiary-color)}.timeline_tertiary .timeline_marker{background-color:var(--tertiary-color);color:var(--text-color-tertiary)}.timeline_quaternary{--timeline-glass-bg: var(--quaternary-glass-background);--timeline-glass-hover-bg: var(--quaternary-glass-background-hover);--timeline-glass-border: var(--quaternary-glass-border);--timeline-glass-text: var(--text-color-quaternary)}.timeline_quaternary .timeline_item:not(:last-child):after{background-color:var(--quaternary-color)}.timeline_quaternary .timeline_marker{background-color:var(--quaternary-color);color:var(--text-color-quaternary)}.timeline_clear{--timeline-glass-bg: var(--clear-glass-background);--timeline-glass-hover-bg: var(--clear-glass-background-hover);--timeline-glass-border: var(--clear-glass-border);--timeline-glass-text: var(--text-color)}.timeline_clear .timeline_item:not(:last-child):after{background-color:var(--border-color)}.timeline_clear .timeline_marker{background-color:transparent;color:var(--text-color)}.timeline_success{--timeline-glass-bg: var(--success-glass-background);--timeline-glass-hover-bg: var(--success-glass-background-hover);--timeline-glass-border: var(--success-glass-border);--timeline-glass-text: var(--success-text-color)}.timeline_success .timeline_item:not(:last-child):after{background-color:var(--success-color)}.timeline_success .timeline_marker{background-color:var(--success-color);color:var(--success-text-color)}.timeline_error{--timeline-glass-bg: var(--error-glass-background);--timeline-glass-hover-bg: var(--error-glass-background-hover);--timeline-glass-border: var(--error-glass-border);--timeline-glass-text: var(--error-text-color)}.timeline_error .timeline_item:not(:last-child):after{background-color:var(--error-color)}.timeline_error .timeline_marker{background-color:var(--error-color);color:var(--error-text-color)}.timeline_warning{--timeline-glass-bg: var(--warning-glass-background);--timeline-glass-hover-bg: var(--warning-glass-background-hover);--timeline-glass-border: var(--warning-glass-border);--timeline-glass-text: var(--warning-text-color)}.timeline_warning .timeline_item:not(:last-child):after{background-color:var(--warning-color)}.timeline_warning .timeline_marker{background-color:var(--warning-color);color:var(--warning-text-color)}.timeline_info{--timeline-glass-bg: var(--info-glass-background);--timeline-glass-hover-bg: var(--info-glass-background-hover);--timeline-glass-border: var(--info-glass-border);--timeline-glass-text: var(--info-text-color)}.timeline_info .timeline_item:not(:last-child):after{background-color:var(--info-color)}.timeline_info .timeline_marker{background-color:var(--info-color);color:var(--info-text-color)}.timeline_glass.timeline_content,.timeline_glass.timeline_marker{background:var(--timeline-glass-bg, var(--glass-background));border:1px solid var(--timeline-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.timeline_round-None{border-radius:var(--border-radius-none)}.timeline_round-Small{border-radius:var(--border-radius-sm)}.timeline_round-Medium{border-radius:var(--border-radius-md)}.timeline_round-Large{border-radius:var(--border-radius-lg)}.timeline_round-Full{border-radius:var(--border-radius-full)}.timeline_shadow-None{box-shadow:var(--box-shadow-none)}.timeline_shadow-Light{box-shadow:var(--box-shadow-light)}.timeline_shadow-Medium{box-shadow:var(--box-shadow-medium)}.timeline_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.timeline_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(prefers-reduced-motion:reduce){.timeline,.timeline *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.timeline_marker:hover{transform:none!important}}@media(hover:none){.timeline_marker{transition:none}.timeline_marker:hover{transform:none}}@media(forced-colors:active){.timeline{color:CanvasText}.timeline_content{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.timeline_item:not(:last-child):after{background:ButtonText!important}.timeline_marker{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none}.timeline_dot{background:ButtonText}.timeline_glass.timeline_content,.timeline_glass.timeline_marker{background:Canvas!important;border:1px solid ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}}
+@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(150%)}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.timeline{box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:0;width:100%;max-width:min(100%,600px);min-width:0;height:auto;padding-left:var(--spacing-md);background:transparent;color:inherit;font-family:var(--font-family-body);overflow:visible}@media(max-width:479.98px){.timeline{max-width:100%;padding-left:var(--spacing-sm)}}.timeline:focus-within{border-radius:var(--border-radius-sm);outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:3px}.timeline_horizontal{flex-direction:row;align-items:stretch;width:100%;max-width:100%;min-width:0;padding-left:0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.timeline_horizontal::-webkit-scrollbar-track{background-color:transparent!important}.timeline_item{box-sizing:border-box;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--spacing-sm);width:100%;max-width:100%;min-width:0;padding-bottom:var(--spacing-sm);text-align:start;scroll-snap-align:start}.timeline_item.timeline_horizontal{display:inline-grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);justify-items:center;align-items:start;flex:0 0 clamp(12rem,48cqi,18rem);width:clamp(12rem,48cqi,18rem);max-width:min(18rem,85vw);min-width:0;gap:var(--spacing-sm);padding-bottom:var(--spacing-xs);margin-bottom:2px;overflow:visible;text-align:center}.timeline_item:not(:last-child):after{content:"";position:absolute;left:14px;top:30px;width:2px;height:calc(100% - 22px);background-color:currentcolor}@media(max-width:319.98px){.timeline_item:not(:last-child):after{left:11px;top:24px}}@media(min-width:1024px){.timeline_item:not(:last-child):after{left:15px;top:32px}}.timeline_item.timeline_horizontal:not(:last-child):after{top:15px;left:calc(50% + 16px);width:calc(100% - 32px);height:2px}@media(max-width:319.98px){.timeline_item.timeline_horizontal:not(:last-child):after{left:calc(50% + 13px);width:calc(100% - 26px)}}@media(min-width:1024px){.timeline_item.timeline_horizontal:not(:last-child):after{left:calc(50% + 17px);width:calc(100% - 34px)}}.timeline_marker{box-sizing:border-box;z-index:1;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;min-height:30px;border-radius:var(--border-radius-round);background-color:var(--primary-color);color:inherit;font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:1;transition:transform .3s ease-in-out}.timeline_marker:hover{transform:scale(1.05)}.timeline_marker:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.timeline_marker.timeline_horizontal{margin:0;overflow:visible}@media(max-width:319.98px){.timeline_marker{width:24px;height:24px;min-width:24px;min-height:24px;font-size:var(--font-size-caption)}}@media(min-width:1024px){.timeline_marker{width:32px;height:32px;min-width:32px;min-height:32px}}.timeline_dot{width:8px;height:8px;background-color:currentcolor;border-radius:50%}@media(max-width:319.98px){.timeline_dot{width:7px;height:7px}}@media(min-width:1024px){.timeline_dot{width:9px;height:9px}}.timeline_content{box-sizing:border-box;flex:1 1 auto;width:100%;max-width:100%;min-width:0;padding:var(--spacing-sm);overflow-wrap:anywhere;background:var(--background-color-lighter)}.timeline_content.timeline_horizontal{width:95%;max-width:95%;height:100%;min-width:0;overflow:visible}@media(max-width:319.98px){.timeline_content{padding:var(--spacing-sm)}}@media(min-width:1024px){.timeline_content{padding:var(--spacing-md)}}.timeline_title{max-width:100%;margin:0 0 var(--spacing-xs);color:inherit;font-family:var(--font-family-heading);font-size:var(--font-size-h6);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);text-align:inherit;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}@media(max-width:319.98px){.timeline_title{font-size:var(--font-size-body)}}@media(min-width:1024px){.timeline_title{font-size:var(--font-size-h5)}}.timeline_date{max-width:100%;color:inherit;font-family:var(--font-family-ui);font-size:var(--font-size-caption);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);opacity:.8;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}@media(min-width:1024px){.timeline_date{font-size:var(--font-size-label)}}.timeline_description{max-width:100%;margin:var(--spacing-xs) 0 0;color:inherit;font-family:var(--font-family-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}@media(max-width:319.98px){.timeline_description{font-size:var(--font-size-caption)}}@media(min-width:1024px){.timeline_description{font-size:var(--font-size-body)}}.timeline_primary{--timeline-glass-bg: var(--primary-glass-background);--timeline-glass-hover-bg: var(--primary-glass-background-hover);--timeline-glass-border: var(--primary-glass-border);--timeline-glass-text: var(--text-color-primary)}.timeline_primary .timeline_item:not(:last-child):after{background-color:var(--primary-color)}.timeline_primary .timeline_marker{background-color:var(--primary-color);color:var(--text-color-primary)}.timeline_secondary{--timeline-glass-bg: var(--secondary-glass-background);--timeline-glass-hover-bg: var(--secondary-glass-background-hover);--timeline-glass-border: var(--secondary-glass-border);--timeline-glass-text: var(--text-color-secondary)}.timeline_secondary .timeline_item:not(:last-child):after{background-color:var(--secondary-color)}.timeline_secondary .timeline_marker{background-color:var(--secondary-color);color:var(--text-color-secondary)}.timeline_tertiary{--timeline-glass-bg: var(--tertiary-glass-background);--timeline-glass-hover-bg: var(--tertiary-glass-background-hover);--timeline-glass-border: var(--tertiary-glass-border);--timeline-glass-text: var(--text-color-tertiary)}.timeline_tertiary .timeline_item:not(:last-child):after{background-color:var(--tertiary-color)}.timeline_tertiary .timeline_marker{background-color:var(--tertiary-color);color:var(--text-color-tertiary)}.timeline_quaternary{--timeline-glass-bg: var(--quaternary-glass-background);--timeline-glass-hover-bg: var(--quaternary-glass-background-hover);--timeline-glass-border: var(--quaternary-glass-border);--timeline-glass-text: var(--text-color-quaternary)}.timeline_quaternary .timeline_item:not(:last-child):after{background-color:var(--quaternary-color)}.timeline_quaternary .timeline_marker{background-color:var(--quaternary-color);color:var(--text-color-quaternary)}.timeline_clear{--timeline-glass-bg: var(--clear-glass-background);--timeline-glass-hover-bg: var(--clear-glass-background-hover);--timeline-glass-border: var(--clear-glass-border);--timeline-glass-text: var(--text-color)}.timeline_clear .timeline_item:not(:last-child):after{background-color:var(--border-color)}.timeline_clear .timeline_marker{background-color:transparent;color:var(--text-color)}.timeline_success{--timeline-glass-bg: var(--success-glass-background);--timeline-glass-hover-bg: var(--success-glass-background-hover);--timeline-glass-border: var(--success-glass-border);--timeline-glass-text: var(--success-text-color)}.timeline_success .timeline_item:not(:last-child):after{background-color:var(--success-color)}.timeline_success .timeline_marker{background-color:var(--success-color);color:var(--success-text-color)}.timeline_error{--timeline-glass-bg: var(--error-glass-background);--timeline-glass-hover-bg: var(--error-glass-background-hover);--timeline-glass-border: var(--error-glass-border);--timeline-glass-text: var(--error-text-color)}.timeline_error .timeline_item:not(:last-child):after{background-color:var(--error-color)}.timeline_error .timeline_marker{background-color:var(--error-color);color:var(--error-text-color)}.timeline_warning{--timeline-glass-bg: var(--warning-glass-background);--timeline-glass-hover-bg: var(--warning-glass-background-hover);--timeline-glass-border: var(--warning-glass-border);--timeline-glass-text: var(--warning-text-color)}.timeline_warning .timeline_item:not(:last-child):after{background-color:var(--warning-color)}.timeline_warning .timeline_marker{background-color:var(--warning-color);color:var(--warning-text-color)}.timeline_info{--timeline-glass-bg: var(--info-glass-background);--timeline-glass-hover-bg: var(--info-glass-background-hover);--timeline-glass-border: var(--info-glass-border);--timeline-glass-text: var(--info-text-color)}.timeline_info .timeline_item:not(:last-child):after{background-color:var(--info-color)}.timeline_info .timeline_marker{background-color:var(--info-color);color:var(--info-text-color)}.timeline_glass.timeline_content,.timeline_glass.timeline_marker{background:var(--timeline-glass-bg, var(--glass-background));border:1px solid var(--timeline-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.timeline_round-None{border-radius:var(--border-radius-none)}.timeline_round-Small{border-radius:var(--border-radius-sm)}.timeline_round-Medium{border-radius:var(--border-radius-md)}.timeline_round-Large{border-radius:var(--border-radius-lg)}.timeline_round-Full{border-radius:var(--border-radius-full)}.timeline_shadow-None{box-shadow:var(--box-shadow-none)}.timeline_shadow-Light{box-shadow:var(--box-shadow-light)}.timeline_shadow-Medium{box-shadow:var(--box-shadow-medium)}.timeline_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.timeline_shadow-Intense{box-shadow:var(--box-shadow-intense)}.timeline_loading{cursor:progress}.timeline_contentLoading{min-height:5.5rem;background:transparent;box-shadow:none}.timeline_horizontal.timeline_contentLoading{min-height:6rem}.timeline_skeleton{min-height:5.5rem;margin-top:-1rem}@media(prefers-reduced-motion:reduce){.timeline,.timeline *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.timeline_marker:hover{transform:none!important}}@media(hover:none){.timeline_marker{transition:none}.timeline_marker:hover{transform:none}}@media(forced-colors:active){.timeline{color:CanvasText}.timeline_content{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.timeline_item:not(:last-child):after{background:ButtonText!important}.timeline_marker{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none}.timeline_dot{background:ButtonText}.timeline_glass.timeline_content,.timeline_glass.timeline_marker{background:Canvas!important;border:1px solid ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}}

package/dist/core/Timeline.js

@@ -1,5 +1,5 @@
 import './Timeline.css';/* empty css                  */
-import { T as a } from "./Timeline-oCH1Y5jA.js";
+import { T as a } from "./Timeline-Clmz_jZy.js";
 export {
   a as default
 };