boreal-ui 0.0.9003 → 0.0.9004

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +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;display:flex;flex-direction:column;position:relative;width:fit-content;height:fit-content;max-width:600px;padding-left:var(--spacing-md);background:transparent;font-family:var(--font-family-body)}@media(max-width:479.98px){.timeline{width:100%;max-width:100%;padding-left:var(--spacing-sm)}}.timeline:focus-within{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:3px;border-radius:var(--border-radius-sm)}.timeline_horizontal{flex-direction:row;align-items:center;padding-left:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.timeline_horizontal::-webkit-scrollbar-track{background-color:transparent!important}.timeline_item{display:inline-flex;align-items:center;padding-bottom:var(--spacing-sm);gap:var(--spacing-sm);position:relative;text-align:center;scroll-snap-align:start}.timeline_item.timeline_horizontal{overflow:visible;gap:0;margin-bottom:2px}.timeline_item:not(:last-child):after{content:"";position:absolute;left:13.5px;top:62%;width:2px;height:5em;background-color:currentColor}@media(max-width:319.98px){.timeline_item:not(:last-child):after{left:12px;height:4em}}@media(min-width:1024px){.timeline_item:not(:last-child):after{left:14px;height:5.5em}}.timeline_item.timeline_horizontal:not(:last-child):after{top:47%;left:100%;width:20px;height:2px}@media(max-width:319.98px){.timeline_item.timeline_horizontal:not(:last-child):after{width:14px}}@media(min-width:1024px){.timeline_item.timeline_horizontal:not(:last-child):after{width:24px}}.timeline_marker{display:flex;align-items:center;justify-content:center;width:25px;height:25px;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:10px;overflow-x:visible}@media(max-width:319.98px){.timeline_marker{width:22px;height:22px;min-width:24px;min-height:24px;font-size:var(--font-size-caption)}}@media(min-width:1024px){.timeline_marker{width:28px;height:28px;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{background:var(--background-color-lighter);padding:var(--spacing-sm);flex:1;min-width:15rem}.timeline_content.timeline_horizontal{overflow-x:visible}@media(max-width:319.98px){.timeline_content{min-width:12rem;padding:var(--spacing-xs)}}@media(min-width:1024px){.timeline_content{min-width:18rem;padding:var(--spacing-md)}}.timeline_title{text-align:center;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);margin-bottom:var(--spacing-xs);color:inherit}@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{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);color:inherit;opacity:.8}@media(min-width:1024px){.timeline_date{font-size:var(--font-size-label)}}.timeline_description{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);margin-top:var(--spacing-xs);color:inherit}@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 *{transition:none!important;animation:none!important}.timeline_marker:hover{transform:none!important}}@media(hover:none){.timeline_marker:hover{transform:none}}@media(forced-colors:active){.timeline_content{background:Canvas;color:CanvasText;border:1px solid ButtonText}.timeline_item:not(:last-child):after{background:ButtonText!important}.timeline_marker{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important}.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}}}
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}}}
@@ -0,0 +1,193 @@
1
+ import { jsx as i, jsxs as v } from "react/jsx-runtime";
2
+ import { e as x } from "./propAliases-O-1wR3I5.js";
3
+ import { useMemo as _ } from "react";
4
+ import { c as l } from "./classNames-Dz0_huu_.js";
5
+ import { c as q } from "./capitalize-D_pj4b3P.js";
6
+ import { g as A, f as G, b as R, a as W } from "./styleConfig-DFTawpWu.js";
7
+ import './Timeline.css';const E = "_timeline_1qcoi_110", H = "_horizontal_1qcoi_137", J = "_item_1qcoi_153", K = "_marker_1qcoi_222", P = "_dot_1qcoi_270", Q = "_content_1qcoi_288", U = "_title_1qcoi_315", V = "_date_1qcoi_339", X = "_description_1qcoi_356", Y = "_primary_1qcoi_379", Z = "_secondary_1qcoi_392", M = "_tertiary_1qcoi_405", ee = "_quaternary_1qcoi_418", te = "_clear_1qcoi_431", oe = "_success_1qcoi_444", ie = "_error_1qcoi_457", ne = "_warning_1qcoi_470", re = "_info_1qcoi_483", de = "_glass_1qcoi_496", ae = "_roundNone_1qcoi_504", ce = "_roundSmall_1qcoi_507", se = "_roundMedium_1qcoi_510", _e = "_roundLarge_1qcoi_513", le = "_roundFull_1qcoi_516", me = "_shadowNone_1qcoi_519", ue = "_shadowLight_1qcoi_522", qe = "_shadowMedium_1qcoi_525", he = "_shadowStrong_1qcoi_528", Ne = "_shadowIntense_1qcoi_531", ye = {
8
+ timeline: E,
9
+ horizontal: H,
10
+ item: J,
11
+ marker: K,
12
+ dot: P,
13
+ content: Q,
14
+ title: U,
15
+ date: V,
16
+ description: X,
17
+ primary: Y,
18
+ secondary: Z,
19
+ tertiary: M,
20
+ quaternary: ee,
21
+ clear: te,
22
+ success: oe,
23
+ error: ie,
24
+ warning: ne,
25
+ info: re,
26
+ glass: de,
27
+ roundNone: ae,
28
+ roundSmall: ce,
29
+ roundMedium: se,
30
+ roundLarge: _e,
31
+ roundFull: le,
32
+ shadowNone: me,
33
+ shadowLight: ue,
34
+ shadowMedium: qe,
35
+ shadowStrong: he,
36
+ shadowIntense: Ne
37
+ }, S = ({
38
+ items: c,
39
+ orientation: n = "vertical",
40
+ "aria-label": I = "Timeline",
41
+ "aria-labelledby": h,
42
+ "aria-describedby": k,
43
+ role: p = "list",
44
+ theme: r = A(),
45
+ glass: d = G(),
46
+ rounding: m = R(),
47
+ shadow: a = W(),
48
+ classMap: e,
49
+ className: N,
50
+ "data-testid": z,
51
+ testId: y = z ?? "timeline",
52
+ ...C
53
+ }) => {
54
+ const D = _(
55
+ () => l(
56
+ e.timeline,
57
+ e[n],
58
+ e[r],
59
+ d && e.glass,
60
+ N
61
+ ),
62
+ [e, n, r, d, N]
63
+ ), L = _(
64
+ () => l(
65
+ e.item,
66
+ e[n],
67
+ e[r],
68
+ d && e.glass
69
+ ),
70
+ [e, n, r, d]
71
+ ), j = _(
72
+ () => l(
73
+ e.marker,
74
+ e[r],
75
+ e[n],
76
+ d && e.glass,
77
+ a && e[`shadow${q(a)}`]
78
+ ),
79
+ [e, r, n, d, a]
80
+ ), B = _(
81
+ () => l(
82
+ e.content,
83
+ e[n],
84
+ e[r],
85
+ d && e.glass,
86
+ a && e[`shadow${q(a)}`],
87
+ m && e[`round${q(m)}`]
88
+ ),
89
+ [e, n, r, d, a, m]
90
+ ), F = c.length;
91
+ return /* @__PURE__ */ i(
92
+ "ul",
93
+ {
94
+ className: D,
95
+ "data-testid": y,
96
+ role: p,
97
+ "aria-label": h ? void 0 : I,
98
+ "aria-labelledby": h,
99
+ "aria-describedby": k,
100
+ ...C,
101
+ children: c.map((t, s) => {
102
+ const b = t.icon, o = `${y}-item-${s}`, g = `${o}-title`, f = t.description ? `${o}-description` : void 0, w = t.date ? `${o}-date` : void 0, u = !!t.title;
103
+ let $;
104
+ if (t.date) {
105
+ const T = new Date(t.date);
106
+ isNaN(T.getTime()) || ($ = T.toISOString());
107
+ }
108
+ const O = [w, f].filter(Boolean).join(" ") || void 0;
109
+ return /* @__PURE__ */ v(
110
+ "li",
111
+ {
112
+ className: L,
113
+ "data-testid": o,
114
+ "aria-labelledby": u ? g : void 0,
115
+ "aria-label": u ? void 0 : `Timeline item ${s + 1}`,
116
+ "aria-describedby": O,
117
+ "aria-posinset": s + 1,
118
+ "aria-setsize": F,
119
+ children: [
120
+ /* @__PURE__ */ i(
121
+ "div",
122
+ {
123
+ className: j,
124
+ "data-testid": `${o}-marker`,
125
+ "aria-hidden": !0,
126
+ children: b ? /* @__PURE__ */ i(
127
+ "div",
128
+ {
129
+ className: e.icon,
130
+ "data-testid": `${o}-icon`,
131
+ "aria-hidden": !0,
132
+ children: /* @__PURE__ */ i(b, { "aria-hidden": !0 })
133
+ }
134
+ ) : /* @__PURE__ */ i(
135
+ "div",
136
+ {
137
+ className: e.dot,
138
+ "data-testid": `${o}-dot`,
139
+ "aria-hidden": !0
140
+ }
141
+ )
142
+ }
143
+ ),
144
+ /* @__PURE__ */ v(
145
+ "div",
146
+ {
147
+ className: B,
148
+ "data-testid": `${o}-content`,
149
+ children: [
150
+ u && /* @__PURE__ */ i(
151
+ "h3",
152
+ {
153
+ id: g,
154
+ className: e.title,
155
+ "data-testid": `${o}-title`,
156
+ children: t.title
157
+ }
158
+ ),
159
+ t.date && /* @__PURE__ */ i(
160
+ "p",
161
+ {
162
+ id: w,
163
+ className: e.date,
164
+ "data-testid": `${o}-date`,
165
+ children: /* @__PURE__ */ i("time", { dateTime: $, children: t.date })
166
+ }
167
+ ),
168
+ t.description && /* @__PURE__ */ i(
169
+ "p",
170
+ {
171
+ id: f,
172
+ className: e.description,
173
+ "data-testid": `${o}-description`,
174
+ children: t.description
175
+ }
176
+ )
177
+ ]
178
+ }
179
+ )
180
+ ]
181
+ },
182
+ s
183
+ );
184
+ })
185
+ }
186
+ );
187
+ };
188
+ S.displayName = "TimelineBase";
189
+ const be = (c) => /* @__PURE__ */ i(S, { ...c, classMap: x(ye) });
190
+ be.displayName = "Timeline";
191
+ export {
192
+ be as T
193
+ };
@@ -1 +1 @@
1
- @charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{._timeline_z4mx1_110{display:flex;flex-direction:column;position:relative;width:fit-content;height:fit-content;max-width:600px;padding-left:var(--spacing-md);background:transparent;font-family:var(--font-family-body)}@media(max-width:479.98px){._timeline_z4mx1_110{width:100%;max-width:100%;padding-left:var(--spacing-sm)}}._timeline_z4mx1_110:focus-within{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:3px;border-radius:var(--border-radius-sm)}._horizontal_z4mx1_133{flex-direction:row;align-items:center;padding-left:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}._horizontal_z4mx1_133::-webkit-scrollbar-track{background-color:transparent!important}._item_z4mx1_146{display:inline-flex;align-items:center;padding-bottom:var(--spacing-sm);gap:var(--spacing-sm);position:relative;text-align:center;scroll-snap-align:start}._item_z4mx1_146._horizontal_z4mx1_133{overflow:visible;gap:0;margin-bottom:2px}._item_z4mx1_146:not(:last-child):after{content:"";position:absolute;left:13.5px;top:62%;width:2px;height:5em;background-color:var(--primary-color)}@media(max-width:319.98px){._item_z4mx1_146:not(:last-child):after{left:12px;height:4em}}@media(min-width:1024px){._item_z4mx1_146:not(:last-child):after{left:14px;height:5.5em}}._item_z4mx1_146._horizontal_z4mx1_133:not(:last-child):after{top:47%;left:100%;width:20px;height:2px}@media(max-width:319.98px){._item_z4mx1_146._horizontal_z4mx1_133:not(:last-child):after{width:14px}}@media(min-width:1024px){._item_z4mx1_146._horizontal_z4mx1_133:not(:last-child):after{width:24px}}._marker_z4mx1_197{display:flex;align-items:center;justify-content:center;width:25px;height:25px;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}._marker_z4mx1_197:hover{transform:scale(1.05)}._marker_z4mx1_197:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}._marker_z4mx1_197._horizontal_z4mx1_133{margin:10px;overflow-x:visible}@media(max-width:319.98px){._marker_z4mx1_197{width:22px;height:22px;min-width:24px;min-height:24px;font-size:var(--font-size-caption)}}@media(min-width:1024px){._marker_z4mx1_197{width:28px;height:28px;min-width:32px;min-height:32px}}._dot_z4mx1_242{width:8px;height:8px;background-color:currentColor;border-radius:50%}@media(max-width:319.98px){._dot_z4mx1_242{width:7px;height:7px}}@media(min-width:1024px){._dot_z4mx1_242{width:9px;height:9px}}._content_z4mx1_260{background:var(--background-color-lighter);padding:var(--spacing-sm);flex:1;min-width:15rem}._content_z4mx1_260._horizontal_z4mx1_133{overflow-x:visible}@media(max-width:319.98px){._content_z4mx1_260{min-width:12rem;padding:var(--spacing-xs)}}@media(min-width:1024px){._content_z4mx1_260{min-width:18rem;padding:var(--spacing-md)}}._title_z4mx1_281{text-align:center;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);margin-bottom:var(--spacing-xs);color:inherit}@media(max-width:319.98px){._title_z4mx1_281{font-size:var(--font-size-body)}}@media(min-width:1024px){._title_z4mx1_281{font-size:var(--font-size-h5)}}._date_z4mx1_301{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);color:inherit;opacity:.8}@media(min-width:1024px){._date_z4mx1_301{font-size:var(--font-size-label)}}._description_z4mx1_315{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);margin-top:var(--spacing-xs);color:inherit}@media(max-width:319.98px){._description_z4mx1_315{font-size:var(--font-size-caption)}}@media(min-width:1024px){._description_z4mx1_315{font-size:var(--font-size-body)}}._primary_z4mx1_334{--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)}._primary_z4mx1_334 ._item_z4mx1_146:not(:last-child):after{background-color:var(--primary-color)}._primary_z4mx1_334 ._marker_z4mx1_197{background-color:var(--primary-color);color:var(--text-color-primary)}._secondary_z4mx1_347{--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)}._secondary_z4mx1_347 ._item_z4mx1_146:not(:last-child):after{background-color:var(--secondary-color)}._secondary_z4mx1_347 ._marker_z4mx1_197{background-color:var(--secondary-color);color:var(--text-color-secondary)}._tertiary_z4mx1_360{--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)}._tertiary_z4mx1_360 ._item_z4mx1_146:not(:last-child):after{background-color:var(--tertiary-color)}._tertiary_z4mx1_360 ._marker_z4mx1_197{background-color:var(--tertiary-color);color:var(--text-color-tertiary)}._quaternary_z4mx1_373{--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)}._quaternary_z4mx1_373 ._item_z4mx1_146:not(:last-child):after{background-color:var(--quaternary-color)}._quaternary_z4mx1_373 ._marker_z4mx1_197{background-color:var(--quaternary-color);color:var(--text-color-quaternary)}._clear_z4mx1_386{--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)}._clear_z4mx1_386 ._item_z4mx1_146:not(:last-child):after{background-color:var(--border-color)}._clear_z4mx1_386 ._marker_z4mx1_197{background-color:transparent;color:var(--text-color)}._success_z4mx1_399{--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)}._success_z4mx1_399 ._item_z4mx1_146:not(:last-child):after{background-color:var(--success-color)}._success_z4mx1_399 ._marker_z4mx1_197{background-color:var(--success-color);color:var(--success-text-color)}._error_z4mx1_412{--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)}._error_z4mx1_412 ._item_z4mx1_146:not(:last-child):after{background-color:var(--error-color)}._error_z4mx1_412 ._marker_z4mx1_197{background-color:var(--error-color);color:var(--error-text-color)}._warning_z4mx1_425{--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)}._warning_z4mx1_425 ._item_z4mx1_146:not(:last-child):after{background-color:var(--warning-color)}._warning_z4mx1_425 ._marker_z4mx1_197{background-color:var(--warning-color);color:var(--warning-text-color)}._info_z4mx1_438{--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)}._info_z4mx1_438 ._item_z4mx1_146:not(:last-child):after{background-color:var(--info-color)}._info_z4mx1_438 ._marker_z4mx1_197{background-color:var(--info-color);color:var(--info-text-color)}._glass_z4mx1_451._content_z4mx1_260,._glass_z4mx1_451._marker_z4mx1_197{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}._clear_z4mx1_386 ._marker_z4mx1_197{box-shadow:none}._roundNone_z4mx1_462{border-radius:var(--border-radius-none)}._roundSmall_z4mx1_465{border-radius:var(--border-radius-sm)}._roundMedium_z4mx1_468{border-radius:var(--border-radius-md)}._roundLarge_z4mx1_471{border-radius:var(--border-radius-lg)}._roundFull_z4mx1_474{border-radius:var(--border-radius-full)}._shadowNone_z4mx1_477{box-shadow:var(--box-shadow-none)}._shadowLight_z4mx1_480{box-shadow:var(--box-shadow-light)}._shadowMedium_z4mx1_483{box-shadow:var(--box-shadow-medium)}._shadowStrong_z4mx1_486{box-shadow:var(--box-shadow-heavy)}._shadowIntense_z4mx1_489{box-shadow:var(--box-shadow-intense)}@media(prefers-reduced-motion:reduce){._timeline_z4mx1_110,._timeline_z4mx1_110 *{transition:none!important;animation:none!important}._marker_z4mx1_197:hover{transform:none!important}}@media(hover:none){._marker_z4mx1_197:hover{transform:none}}@media(forced-colors:active){._content_z4mx1_260{background:Canvas;color:CanvasText;border:1px solid ButtonText}._item_z4mx1_146:not(:last-child):after{background:ButtonText!important}._marker_z4mx1_197{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important}._glass_z4mx1_451._content_z4mx1_260,._glass_z4mx1_451._marker_z4mx1_197{background:Canvas!important;border:1px solid ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}}
1
+ @charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{._timeline_1qcoi_110{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_1qcoi_110{max-width:100%;padding-left:var(--spacing-sm)}}._timeline_1qcoi_110:focus-within{border-radius:var(--border-radius-sm);outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:3px}._horizontal_1qcoi_137{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}._horizontal_1qcoi_137::-webkit-scrollbar-track{background-color:transparent!important}._item_1qcoi_153{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}._item_1qcoi_153._horizontal_1qcoi_137{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-xs);padding-bottom:var(--spacing-xs);margin-bottom:2px;overflow:visible;text-align:center}._item_1qcoi_153: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){._item_1qcoi_153:not(:last-child):after{left:11px;top:24px}}@media(min-width:1024px){._item_1qcoi_153:not(:last-child):after{left:15px;top:32px}}._item_1qcoi_153._horizontal_1qcoi_137:not(:last-child):after{top:15px;left:calc(50% + 16px);width:calc(100% - 32px);height:2px}@media(max-width:319.98px){._item_1qcoi_153._horizontal_1qcoi_137:not(:last-child):after{left:calc(50% + 13px);width:calc(100% - 26px)}}@media(min-width:1024px){._item_1qcoi_153._horizontal_1qcoi_137:not(:last-child):after{left:calc(50% + 17px);width:calc(100% - 34px)}}._marker_1qcoi_222{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}._marker_1qcoi_222:hover{transform:scale(1.05)}._marker_1qcoi_222:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}._marker_1qcoi_222._horizontal_1qcoi_137{margin:0;overflow:visible}@media(max-width:319.98px){._marker_1qcoi_222{width:24px;height:24px;min-width:24px;min-height:24px;font-size:var(--font-size-caption)}}@media(min-width:1024px){._marker_1qcoi_222{width:32px;height:32px;min-width:32px;min-height:32px}}._dot_1qcoi_270{width:8px;height:8px;background-color:currentcolor;border-radius:50%}@media(max-width:319.98px){._dot_1qcoi_270{width:7px;height:7px}}@media(min-width:1024px){._dot_1qcoi_270{width:9px;height:9px}}._content_1qcoi_288{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)}._content_1qcoi_288._horizontal_1qcoi_137{width:95%;max-width:95%;height:100%;min-width:0;overflow:visible}@media(max-width:319.98px){._content_1qcoi_288{padding:var(--spacing-sm)}}@media(min-width:1024px){._content_1qcoi_288{padding:var(--spacing-md)}}._title_1qcoi_315{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){._title_1qcoi_315{font-size:var(--font-size-body)}}@media(min-width:1024px){._title_1qcoi_315{font-size:var(--font-size-h5)}}._date_1qcoi_339{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){._date_1qcoi_339{font-size:var(--font-size-label)}}._description_1qcoi_356{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){._description_1qcoi_356{font-size:var(--font-size-caption)}}@media(min-width:1024px){._description_1qcoi_356{font-size:var(--font-size-body)}}._primary_1qcoi_379{--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)}._primary_1qcoi_379 ._item_1qcoi_153:not(:last-child):after{background-color:var(--primary-color)}._primary_1qcoi_379 ._marker_1qcoi_222{background-color:var(--primary-color);color:var(--text-color-primary)}._secondary_1qcoi_392{--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)}._secondary_1qcoi_392 ._item_1qcoi_153:not(:last-child):after{background-color:var(--secondary-color)}._secondary_1qcoi_392 ._marker_1qcoi_222{background-color:var(--secondary-color);color:var(--text-color-secondary)}._tertiary_1qcoi_405{--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)}._tertiary_1qcoi_405 ._item_1qcoi_153:not(:last-child):after{background-color:var(--tertiary-color)}._tertiary_1qcoi_405 ._marker_1qcoi_222{background-color:var(--tertiary-color);color:var(--text-color-tertiary)}._quaternary_1qcoi_418{--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)}._quaternary_1qcoi_418 ._item_1qcoi_153:not(:last-child):after{background-color:var(--quaternary-color)}._quaternary_1qcoi_418 ._marker_1qcoi_222{background-color:var(--quaternary-color);color:var(--text-color-quaternary)}._clear_1qcoi_431{--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)}._clear_1qcoi_431 ._item_1qcoi_153:not(:last-child):after{background-color:var(--border-color)}._clear_1qcoi_431 ._marker_1qcoi_222{background-color:transparent;color:var(--text-color)}._success_1qcoi_444{--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)}._success_1qcoi_444 ._item_1qcoi_153:not(:last-child):after{background-color:var(--success-color)}._success_1qcoi_444 ._marker_1qcoi_222{background-color:var(--success-color);color:var(--success-text-color)}._error_1qcoi_457{--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)}._error_1qcoi_457 ._item_1qcoi_153:not(:last-child):after{background-color:var(--error-color)}._error_1qcoi_457 ._marker_1qcoi_222{background-color:var(--error-color);color:var(--error-text-color)}._warning_1qcoi_470{--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)}._warning_1qcoi_470 ._item_1qcoi_153:not(:last-child):after{background-color:var(--warning-color)}._warning_1qcoi_470 ._marker_1qcoi_222{background-color:var(--warning-color);color:var(--warning-text-color)}._info_1qcoi_483{--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)}._info_1qcoi_483 ._item_1qcoi_153:not(:last-child):after{background-color:var(--info-color)}._info_1qcoi_483 ._marker_1qcoi_222{background-color:var(--info-color);color:var(--info-text-color)}._glass_1qcoi_496._content_1qcoi_288,._glass_1qcoi_496._marker_1qcoi_222{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}._roundNone_1qcoi_504{border-radius:var(--border-radius-none)}._roundSmall_1qcoi_507{border-radius:var(--border-radius-sm)}._roundMedium_1qcoi_510{border-radius:var(--border-radius-md)}._roundLarge_1qcoi_513{border-radius:var(--border-radius-lg)}._roundFull_1qcoi_516{border-radius:var(--border-radius-full)}._shadowNone_1qcoi_519{box-shadow:var(--box-shadow-none)}._shadowLight_1qcoi_522{box-shadow:var(--box-shadow-light)}._shadowMedium_1qcoi_525{box-shadow:var(--box-shadow-medium)}._shadowStrong_1qcoi_528{box-shadow:var(--box-shadow-heavy)}._shadowIntense_1qcoi_531{box-shadow:var(--box-shadow-intense)}@media(prefers-reduced-motion:reduce){._timeline_1qcoi_110,._timeline_1qcoi_110 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}._marker_1qcoi_222:hover{transform:none!important}}@media(hover:none){._marker_1qcoi_222{transition:none}._marker_1qcoi_222:hover{transform:none}}@media(forced-colors:active){._timeline_1qcoi_110{color:CanvasText}._content_1qcoi_288{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}._item_1qcoi_153:not(:last-child):after{background:ButtonText!important}._marker_1qcoi_222{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none}._dot_1qcoi_270{background:ButtonText}._glass_1qcoi_496._content_1qcoi_288,._glass_1qcoi_496._marker_1qcoi_222{background:Canvas!important;border:1px solid ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}}
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { T as f } from "./Timeline-D8IAMAgb.js";
2
+ import { T as f } from "./Timeline-ItXw7e6h.js";
3
3
  export {
4
4
  f as default
5
5
  };
@@ -68,7 +68,7 @@ import { T as Za } from "./TagInput-B9O03vko.js";
68
68
  import { T as tr } from "./TextArea-amyB16ox.js";
69
69
  import { T as rr } from "./TextInput-Dx32E3wM.js";
70
70
  import { U as sr } from "./ThemeSelect-ChHPwaE_.js";
71
- import { T as or } from "./Timeline-D8IAMAgb.js";
71
+ import { T as or } from "./Timeline-ItXw7e6h.js";
72
72
  import { T as dr } from "./TimePicker-DqK4sPFw.js";
73
73
  import { T as cr, u as fr } from "./ToastProvider-DN-OkS1g.js";
74
74
  import { T as gr } from "./Toggle-Dxu-NPYO.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "boreal-ui",
3
- "version": "0.0.9003",
3
+ "version": "0.0.9004",
4
4
  "readme": "README.npm.md",
5
5
  "description": "A modern, customizable React/Next.js component library",
6
6
  "author": "Davin Chiupka",
@@ -1,193 +0,0 @@
1
- import { jsx as o, jsxs as T } from "react/jsx-runtime";
2
- import { e as O } from "./propAliases-O-1wR3I5.js";
3
- import { useMemo as m } from "react";
4
- import { c } from "./classNames-Dz0_huu_.js";
5
- import { c as z } from "./capitalize-D_pj4b3P.js";
6
- import { g as A, f as G, b as R, a as W } from "./styleConfig-DFTawpWu.js";
7
- import './Timeline.css';const E = "_timeline_z4mx1_110", H = "_horizontal_z4mx1_133", J = "_item_z4mx1_146", K = "_marker_z4mx1_197", P = "_dot_z4mx1_242", Q = "_content_z4mx1_260", U = "_title_z4mx1_281", V = "_date_z4mx1_301", X = "_description_z4mx1_315", Y = "_primary_z4mx1_334", Z = "_secondary_z4mx1_347", M = "_tertiary_z4mx1_360", ee = "_quaternary_z4mx1_373", te = "_clear_z4mx1_386", ne = "_success_z4mx1_399", oe = "_error_z4mx1_412", ie = "_warning_z4mx1_425", re = "_info_z4mx1_438", de = "_glass_z4mx1_451", ae = "_roundNone_z4mx1_462", se = "_roundSmall_z4mx1_465", _e = "_roundMedium_z4mx1_468", me = "_roundLarge_z4mx1_471", ce = "_roundFull_z4mx1_474", le = "_shadowNone_z4mx1_477", ue = "_shadowLight_z4mx1_480", ze = "_shadowMedium_z4mx1_483", xe = "_shadowStrong_z4mx1_486", he = "_shadowIntense_z4mx1_489", Ne = {
8
- timeline: E,
9
- horizontal: H,
10
- item: J,
11
- marker: K,
12
- dot: P,
13
- content: Q,
14
- title: U,
15
- date: V,
16
- description: X,
17
- primary: Y,
18
- secondary: Z,
19
- tertiary: M,
20
- quaternary: ee,
21
- clear: te,
22
- success: ne,
23
- error: oe,
24
- warning: ie,
25
- info: re,
26
- glass: de,
27
- roundNone: ae,
28
- roundSmall: se,
29
- roundMedium: _e,
30
- roundLarge: me,
31
- roundFull: ce,
32
- shadowNone: le,
33
- shadowLight: ue,
34
- shadowMedium: ze,
35
- shadowStrong: xe,
36
- shadowIntense: he
37
- }, v = ({
38
- items: s,
39
- orientation: i = "vertical",
40
- "aria-label": S = "Timeline",
41
- "aria-labelledby": x,
42
- "aria-describedby": I,
43
- role: k = "list",
44
- theme: r = A(),
45
- glass: d = G(),
46
- rounding: l = R(),
47
- shadow: a = W(),
48
- classMap: e,
49
- className: h,
50
- "data-testid": p,
51
- testId: N = p ?? "timeline",
52
- ...C
53
- }) => {
54
- const D = m(
55
- () => c(
56
- e.timeline,
57
- e[i],
58
- e[r],
59
- d && e.glass,
60
- h
61
- ),
62
- [e, i, r, d, h]
63
- ), L = m(
64
- () => c(
65
- e.item,
66
- e[i],
67
- e[r],
68
- d && e.glass
69
- ),
70
- [e, i, r, d]
71
- ), j = m(
72
- () => c(
73
- e.marker,
74
- e[r],
75
- e[i],
76
- d && e.glass,
77
- a && e[`shadow${z(a)}`]
78
- ),
79
- [e, r, i, d, a]
80
- ), B = m(
81
- () => c(
82
- e.content,
83
- e[i],
84
- e[r],
85
- d && e.glass,
86
- a && e[`shadow${z(a)}`],
87
- l && e[`round${z(l)}`]
88
- ),
89
- [e, i, r, d, a, l]
90
- ), q = s.length;
91
- return /* @__PURE__ */ o(
92
- "ul",
93
- {
94
- className: D,
95
- "data-testid": N,
96
- role: k,
97
- "aria-label": x ? void 0 : S,
98
- "aria-labelledby": x,
99
- "aria-describedby": I,
100
- ...C,
101
- children: s.map((t, _) => {
102
- const y = t.icon, n = `${N}-item-${_}`, b = `${n}-title`, g = t.description ? `${n}-description` : void 0, f = t.date ? `${n}-date` : void 0, u = !!t.title;
103
- let w;
104
- if (t.date) {
105
- const $ = new Date(t.date);
106
- isNaN($.getTime()) || (w = $.toISOString());
107
- }
108
- const F = [f, g].filter(Boolean).join(" ") || void 0;
109
- return /* @__PURE__ */ T(
110
- "li",
111
- {
112
- className: L,
113
- "data-testid": n,
114
- "aria-labelledby": u ? b : void 0,
115
- "aria-label": u ? void 0 : `Timeline item ${_ + 1}`,
116
- "aria-describedby": F,
117
- "aria-posinset": _ + 1,
118
- "aria-setsize": q,
119
- children: [
120
- /* @__PURE__ */ o(
121
- "div",
122
- {
123
- className: j,
124
- "data-testid": `${n}-marker`,
125
- "aria-hidden": !0,
126
- children: y ? /* @__PURE__ */ o(
127
- "div",
128
- {
129
- className: e.icon,
130
- "data-testid": `${n}-icon`,
131
- "aria-hidden": !0,
132
- children: /* @__PURE__ */ o(y, { "aria-hidden": !0 })
133
- }
134
- ) : /* @__PURE__ */ o(
135
- "div",
136
- {
137
- className: e.dot,
138
- "data-testid": `${n}-dot`,
139
- "aria-hidden": !0
140
- }
141
- )
142
- }
143
- ),
144
- /* @__PURE__ */ T(
145
- "div",
146
- {
147
- className: B,
148
- "data-testid": `${n}-content`,
149
- children: [
150
- u && /* @__PURE__ */ o(
151
- "h3",
152
- {
153
- id: b,
154
- className: e.title,
155
- "data-testid": `${n}-title`,
156
- children: t.title
157
- }
158
- ),
159
- t.date && /* @__PURE__ */ o(
160
- "p",
161
- {
162
- id: f,
163
- className: e.date,
164
- "data-testid": `${n}-date`,
165
- children: /* @__PURE__ */ o("time", { dateTime: w, children: t.date })
166
- }
167
- ),
168
- t.description && /* @__PURE__ */ o(
169
- "p",
170
- {
171
- id: g,
172
- className: e.description,
173
- "data-testid": `${n}-description`,
174
- children: t.description
175
- }
176
- )
177
- ]
178
- }
179
- )
180
- ]
181
- },
182
- _
183
- );
184
- })
185
- }
186
- );
187
- };
188
- v.displayName = "TimelineBase";
189
- const ye = (s) => /* @__PURE__ */ o(v, { ...s, classMap: O(Ne) });
190
- ye.displayName = "Timeline";
191
- export {
192
- ye as T
193
- };