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.
package/dist/core/Timeline.css
CHANGED
|
@@ -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
|
+
};
|
package/dist/next/Timeline.css
CHANGED
|
@@ -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}}}
|
package/dist/next/Timeline.js
CHANGED
package/dist/next/index.js
CHANGED
|
@@ -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-
|
|
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,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
|
-
};
|