boreal-ui 0.0.9003 → 0.0.9005
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/AppShell.css +1 -1
- package/dist/core/{PageHeader-Coisaz9G.cjs → PageHeader-BDBD3_YK.cjs} +1 -1
- package/dist/core/{PageHeader-B-My22BU.js → PageHeader-Cn2Yqpj5.js} +26 -25
- package/dist/core/PageHeader.cjs.js +1 -1
- package/dist/core/PageHeader.css +1 -1
- package/dist/core/PageHeader.js +1 -1
- package/dist/core/Sidebar.css +1 -1
- package/dist/core/Timeline.css +1 -1
- package/dist/core/index.cjs.js +1 -1
- package/dist/core/index.js +1 -1
- package/dist/next/AppShell-D-jWDroV.js +191 -0
- package/dist/next/AppShell.css +1 -1
- package/dist/next/AppShell.js +1 -1
- package/dist/next/PageHeader-Cc-1V9Pa.js +220 -0
- package/dist/next/PageHeader.css +1 -1
- package/dist/next/PageHeader.js +1 -1
- package/dist/next/{Sidebar-DXwD-wRr.js → Sidebar-D67B_y6G.js} +93 -93
- package/dist/next/Sidebar.css +1 -1
- package/dist/next/Sidebar.js +1 -1
- package/dist/next/Timeline-ItXw7e6h.js +193 -0
- package/dist/next/Timeline.css +1 -1
- package/dist/next/Timeline.js +1 -1
- package/dist/next/index.js +4 -4
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/PageHeader/core/PageHeader.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/next/AppShell-ZWSdt0bX.js +0 -191
- package/dist/next/PageHeader-BzLtDm8A.js +0 -218
- package/dist/next/Timeline-D8IAMAgb.js +0 -193
package/dist/core/AppShell.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.appShell{--appShell-glass-bg: rgba(255, 255, 255, .18);--appShell-glass-border: rgba(255, 255, 255, .28);--appShell-glass-text: var(--text-color-primary)
|
|
1
|
+
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.appShell{--appShell-glass-bg: rgba(255, 255, 255, .18);--appShell-glass-border: rgba(255, 255, 255, .28);--appShell-glass-text: var(--text-color-primary);--appShell-sidebar-size: var(--app-shell-sidebar-width, 16rem);--appShell-aside-size: var(--app-shell-aside-width, 0rem);--appShell-padding: var(--spacing-md);--appShell-header-padding: var(--spacing-sm);--appShell-footer-padding: var(--spacing-sm);box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;max-width:100%;min-width:0;min-height:100vh;padding:0;overflow:hidden;border:1px solid transparent;border-radius:var(--border-radius-md);background:var(--background-color);color:var(--text-color-primary);box-shadow:var(--box-shadow-sm);font-family:var(--font-family-ui);transition:background-color var(--transition-default),border-color var(--transition-default),box-shadow var(--transition-default),color var(--transition-default)}.appShell *,.appShell *:before,.appShell *:after{box-sizing:border-box}.appShell_header{z-index:2;min-width:0;padding:var(--appShell-header-padding);border-bottom:1px solid var(--border-color);background:inherit;color:inherit}.appShell_stickyHeader .appShell_header{position:sticky;top:0}.appShell_body{display:grid;grid-template-columns:minmax(0,var(--appShell-sidebar-size)) minmax(0,1fr) minmax(0,var(--appShell-aside-size));width:100%;min-width:0;min-height:0;overflow:hidden}.appShell_sidebar,.appShell_aside,.appShell_main{min-width:0;min-height:0;padding:var(--appShell-padding);overflow:auto;color:inherit}.appShell_main{width:100%;max-width:100%}.appShell_sidebar{border-right:1px solid var(--border-color)}.appShell_aside{border-left:1px solid var(--border-color)}.appShell_sidebarCollapsed{--appShell-sidebar-size: 0rem}.appShell_sidebarCollapsed .appShell_sidebar{width:0;min-width:0;padding-inline:0;border-right:0;overflow:hidden}.appShell_footer{min-width:0;padding:var(--appShell-footer-padding);border-top:1px solid var(--border-color);color:inherit}.appShell_loader{display:inline-block;flex:0 0 auto;width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;opacity:.72;animation:spin .7s linear infinite}.appShell_loading{cursor:progress}.appShell_primary{--appShell-glass-bg: var(--primary-glass-background);--appShell-glass-border: var(--primary-glass-border);--appShell-glass-text: var(--text-color-primary);background-color:var(--primary-color);color:var(--text-color-primary);border-color:var(--primary-color)}.appShell_primary.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--primary-color);box-shadow:none}.appShell_secondary{--appShell-glass-bg: var(--secondary-glass-background);--appShell-glass-border: var(--secondary-glass-border);--appShell-glass-text: var(--text-color-secondary);background-color:var(--secondary-color);color:var(--text-color-secondary);border-color:var(--secondary-color)}.appShell_secondary.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--secondary-color);box-shadow:none}.appShell_tertiary{--appShell-glass-bg: var(--tertiary-glass-background);--appShell-glass-border: var(--tertiary-glass-border);--appShell-glass-text: var(--text-color-tertiary);background-color:var(--tertiary-color);color:var(--text-color-tertiary);border-color:var(--tertiary-color)}.appShell_tertiary.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--tertiary-color);box-shadow:none}.appShell_quaternary{--appShell-glass-bg: var(--quaternary-glass-background);--appShell-glass-border: var(--quaternary-glass-border);--appShell-glass-text: var(--text-color-quaternary);background-color:var(--quaternary-color);color:var(--text-color-quaternary);border-color:var(--quaternary-color)}.appShell_quaternary.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--quaternary-color);box-shadow:none}.appShell_clear{--appShell-glass-bg: var(--clear-glass-background);--appShell-glass-border: var(--clear-glass-border);--appShell-glass-text: var(--text-color);background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.appShell_clear.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--border-color);box-shadow:none}.appShell_success{--appShell-glass-bg: var(--success-glass-background);--appShell-glass-border: var(--success-glass-border);--appShell-glass-text: var(--success-text-color);color:var(--success-text-color);border-width:2px;border-color:var(--success-color)}.appShell_success.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--success-color);box-shadow:none}.appShell_error{--appShell-glass-bg: var(--error-glass-background);--appShell-glass-border: var(--error-glass-border);--appShell-glass-text: var(--error-text-color);color:var(--error-text-color);border-width:2px;border-color:var(--error-color)}.appShell_error.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--error-color);box-shadow:none}.appShell_warning{--appShell-glass-bg: var(--warning-glass-background);--appShell-glass-border: var(--warning-glass-border);--appShell-glass-text: var(--warning-text-color);color:var(--warning-text-color);border-width:2px;border-color:var(--warning-color)}.appShell_warning.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--warning-color);box-shadow:none}.appShell_info{--appShell-glass-bg: var(--info-glass-background);--appShell-glass-border: var(--info-glass-border);--appShell-glass-text: var(--info-text-color);color:var(--info-text-color);border-width:2px;border-color:var(--info-color)}.appShell_info.appShell_outline{background-color:transparent;color:inherit;border:2px solid var(--info-color);box-shadow:none}.appShell_clear{background:transparent;border-color:transparent;box-shadow:none}.appShell_glass{background:var(--appShell-glass-bg);border:1px solid var(--appShell-glass-border);-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate));color:inherit}.appShell_glass.appShell_outline{border-color:var(--appShell-glass-border)}.appShell_disabled{cursor:not-allowed;opacity:.6;background-color:var(--disabled-color);border-color:var(--disabled-color)}.appShell_disabled:hover{background-color:var(--disabled-color)}.appShell_round-None{border-radius:var(--border-radius-none)}.appShell_round-Small{border-radius:var(--border-radius-sm)}.appShell_round-Medium{border-radius:var(--border-radius-md)}.appShell_round-Large{border-radius:var(--border-radius-lg)}.appShell_round-Full{border-radius:var(--border-radius-full)}.appShell_shadow-None{box-shadow:var(--box-shadow-none)}.appShell_shadow-Light{box-shadow:var(--box-shadow-light)}.appShell_shadow-Medium{box-shadow:var(--box-shadow-medium)}.appShell_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.appShell_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(max-width:767.98px){.appShell{min-height:100dvh}}@media(max-width:479.98px){.appShell{width:100%;max-width:100%;border-radius:0}}@media(max-width:1150px){.appShell_body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.appShell_sidebar,.appShell_aside{border-inline:0}.appShell_sidebar{border-right:0;border-bottom:1px solid var(--border-color)}.appShell_aside{border-left:0;border-top:1px solid var(--border-color)}}@media(prefers-reduced-motion:reduce){.appShell,.appShell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(hover:none){.appShell_disabled:hover{background-color:var(--disabled-color)}}@media(forced-colors:active){.appShell{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.appShell_header,.appShell_footer,.appShell_sidebar,.appShell_aside{border-color:ButtonText}.appShell_glass{background:Canvas;border-color:ButtonText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.appShell_loader{border-color:CanvasText;border-right-color:Canvas}.appShell_disabled{background:Canvas;color:GrayText;border-color:GrayText;opacity:1}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('./PageHeader.css');const a=require("react/jsx-runtime"),E=require("./propAliases-CXU3EEm-.cjs"),c=require("react"),d=require("./classNames-C7V3kfBj.cjs"),q=require("./capitalize-CnTiekgk.cjs"),n=require("./styleConfig-BeavGUyI.cjs"),R=c.forwardRef(({title:
|
|
1
|
+
"use strict";require('./PageHeader.css');const a=require("react/jsx-runtime"),E=require("./propAliases-CXU3EEm-.cjs"),c=require("react"),d=require("./classNames-C7V3kfBj.cjs"),q=require("./capitalize-CnTiekgk.cjs"),n=require("./styleConfig-BeavGUyI.cjs"),R=c.forwardRef(({title:t,label:o,subtitle:m,eyebrow:H,icon:_,meta:p,actions:h,before:N,footer:f,children:y,as:P="header",compact:b=!1,fullWidth:w=!0,theme:x=n.getDefaultTheme(),state:s,outline:j=n.getDefaultOutline(),glass:$=n.getDefaultGlass(),rounding:l=n.getDefaultRounding(),shadow:g=n.getDefaultShadow(),disabled:u=!1,loading:i=!1,classMap:e,className:C,contentClassName:S,titleClassName:L,subtitleClassName:z,actionsClassName:B,srOnlyText:v,srOnlyClassName:F,"data-testid":O,testId:r=O??"page-header",...W},A)=>{const G=c.useMemo(()=>d.combineClassNames(e.root,e[x],s&&e[s],j&&e.outline,$&&e.glass,u&&e.disabled,i&&e.loading,b&&e.compact,w&&e.fullWidth,g&&e[`shadow${q.capitalize(g)}`],l&&e[`round${q.capitalize(l)}`],C),[e,x,s,j,$,u,i,b,w,g,l,C]),k=P;return a.jsxs(k,{ref:A,className:G,"aria-busy":i||void 0,"aria-disabled":u||void 0,"data-testid":r,...W,children:[i?a.jsx("span",{className:e.loader,"aria-hidden":"true","data-testid":`${r}-loader`}):null,N?a.jsx("div",{className:e.before,"data-testid":`${r}-before`,children:N}):null,a.jsxs("div",{className:e.main,"data-testid":`${r}-main`,children:[_?a.jsx("div",{className:e.icon,"data-testid":`${r}-icon`,children:_}):null,a.jsxs("div",{className:e.content,"data-testid":`${r}-content`,children:[H?a.jsx("div",{className:e.eyebrow,"data-testid":`${r}-eyebrow`,children:H}):null,t||o?a.jsx("h1",{className:d.combineClassNames(e.title,L),"data-testid":`${r}-title`,children:t??o}):null,m?a.jsx("p",{className:d.combineClassNames(e.subtitle,z),"data-testid":`${r}-subtitle`,children:m}):null,p?a.jsx("div",{className:e.meta,"data-testid":`${r}-meta`,children:p}):null,y?a.jsx("div",{className:d.combineClassNames(e.bodyContent,S),children:y}):null,v?a.jsx("span",{className:d.combineClassNames(e.srOnly??"sr_only",F),"data-testid":`${r}-sr-only-text`,children:v}):null]}),h?a.jsx("div",{className:d.combineClassNames(e.actions,B),"data-testid":`${r}-actions`,children:h}):null]}),f?a.jsx("div",{className:e.footer,"data-testid":`${r}-footer`,children:f}):null]})});R.displayName="PageHeaderBase";const J={root:"pageHeader",main:"pageHeader_main",before:"pageHeader_before",icon:"pageHeader_icon",eyebrow:"pageHeader_eyebrow",title:"pageHeader_title",subtitle:"pageHeader_subtitle",meta:"pageHeader_meta",actions:"pageHeader_actions",footer:"pageHeader_footer",content:"pageHeader_content",bodyContent:"pageHeader_bodyContent",compact:"pageHeader_compact",fullWidth:"pageHeader_fullWidth",loader:"pageHeader_loader",srOnly:"sr_only",primary:"pageHeader_primary",secondary:"pageHeader_secondary",tertiary:"pageHeader_tertiary",quaternary:"pageHeader_quaternary",success:"pageHeader_success",info:"pageHeader_info",warning:"pageHeader_warning",error:"pageHeader_error",clear:"pageHeader_clear",outline:"pageHeader_outline",glass:"pageHeader_glass",disabled:"pageHeader_disabled",loading:"pageHeader_loading",shadowNone:"pageHeader_shadow-None",shadowLight:"pageHeader_shadow-Light",shadowMedium:"pageHeader_shadow-Medium",shadowStrong:"pageHeader_shadow-Strong",shadowIntense:"pageHeader_shadow-Intense",roundNone:"pageHeader_round-None",roundSmall:"pageHeader_round-Small",roundMedium:"pageHeader_round-Medium",roundLarge:"pageHeader_round-Large",roundFull:"pageHeader_round-Full"},D=c.forwardRef((t,o)=>a.jsx(R,{...t,ref:o,classMap:E.expandClassMap(J)}));D.displayName="PageHeader";exports.PageHeader=D;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsxs as u, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { e as k } from "./propAliases-O-1wR3I5.js";
|
|
3
|
-
import { forwardRef as
|
|
3
|
+
import { forwardRef as S, useMemo as A } from "react";
|
|
4
4
|
import { c as d } from "./classNames-Dz0_huu_.js";
|
|
5
|
-
import { c as
|
|
5
|
+
import { c as P } from "./capitalize-D_pj4b3P.js";
|
|
6
6
|
import { g as E, d as J, e as K, b as Q, a as T } from "./styleConfig-BoNVl5_r.js";
|
|
7
|
-
import './PageHeader.css';const
|
|
7
|
+
import './PageHeader.css';const x = S(
|
|
8
8
|
({
|
|
9
9
|
title: o,
|
|
10
10
|
label: t,
|
|
@@ -15,11 +15,11 @@ import './PageHeader.css';const C = x(
|
|
|
15
15
|
actions: c,
|
|
16
16
|
before: h,
|
|
17
17
|
footer: f,
|
|
18
|
-
children:
|
|
18
|
+
children: y,
|
|
19
19
|
as: L = "header",
|
|
20
|
-
compact:
|
|
21
|
-
fullWidth:
|
|
22
|
-
theme:
|
|
20
|
+
compact: N = !1,
|
|
21
|
+
fullWidth: b = !0,
|
|
22
|
+
theme: w = E(),
|
|
23
23
|
state: i,
|
|
24
24
|
outline: $ = J(),
|
|
25
25
|
glass: v = K(),
|
|
@@ -28,12 +28,12 @@ import './PageHeader.css';const C = x(
|
|
|
28
28
|
disabled: s = !1,
|
|
29
29
|
loading: n = !1,
|
|
30
30
|
classMap: e,
|
|
31
|
-
className:
|
|
31
|
+
className: C,
|
|
32
32
|
contentClassName: R,
|
|
33
33
|
titleClassName: j,
|
|
34
34
|
subtitleClassName: q,
|
|
35
35
|
actionsClassName: B,
|
|
36
|
-
srOnlyText:
|
|
36
|
+
srOnlyText: D,
|
|
37
37
|
srOnlyClassName: F,
|
|
38
38
|
"data-testid": O,
|
|
39
39
|
testId: a = O ?? "page-header",
|
|
@@ -42,31 +42,31 @@ import './PageHeader.css';const C = x(
|
|
|
42
42
|
const G = A(
|
|
43
43
|
() => d(
|
|
44
44
|
e.root,
|
|
45
|
-
e[
|
|
45
|
+
e[w],
|
|
46
46
|
i && e[i],
|
|
47
47
|
$ && e.outline,
|
|
48
48
|
v && e.glass,
|
|
49
49
|
s && e.disabled,
|
|
50
50
|
n && e.loading,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
g && e[`shadow${
|
|
54
|
-
l && e[`round${
|
|
55
|
-
|
|
51
|
+
N && e.compact,
|
|
52
|
+
b && e.fullWidth,
|
|
53
|
+
g && e[`shadow${P(g)}`],
|
|
54
|
+
l && e[`round${P(l)}`],
|
|
55
|
+
C
|
|
56
56
|
),
|
|
57
57
|
[
|
|
58
58
|
e,
|
|
59
|
-
|
|
59
|
+
w,
|
|
60
60
|
i,
|
|
61
61
|
$,
|
|
62
62
|
v,
|
|
63
63
|
s,
|
|
64
64
|
n,
|
|
65
|
-
|
|
66
|
-
|
|
65
|
+
N,
|
|
66
|
+
b,
|
|
67
67
|
g,
|
|
68
68
|
l,
|
|
69
|
-
|
|
69
|
+
C
|
|
70
70
|
]
|
|
71
71
|
);
|
|
72
72
|
return /* @__PURE__ */ u(
|
|
@@ -119,17 +119,17 @@ import './PageHeader.css';const C = x(
|
|
|
119
119
|
}
|
|
120
120
|
) : null,
|
|
121
121
|
p ? /* @__PURE__ */ r("div", { className: e.meta, "data-testid": `${a}-meta`, children: p }) : null,
|
|
122
|
-
|
|
122
|
+
y ? /* @__PURE__ */ r(
|
|
123
123
|
"div",
|
|
124
124
|
{
|
|
125
125
|
className: d(
|
|
126
126
|
e.bodyContent,
|
|
127
127
|
R
|
|
128
128
|
),
|
|
129
|
-
children:
|
|
129
|
+
children: y
|
|
130
130
|
}
|
|
131
131
|
) : null,
|
|
132
|
-
|
|
132
|
+
D ? /* @__PURE__ */ r(
|
|
133
133
|
"span",
|
|
134
134
|
{
|
|
135
135
|
className: d(
|
|
@@ -137,7 +137,7 @@ import './PageHeader.css';const C = x(
|
|
|
137
137
|
F
|
|
138
138
|
),
|
|
139
139
|
"data-testid": `${a}-sr-only-text`,
|
|
140
|
-
children:
|
|
140
|
+
children: D
|
|
141
141
|
}
|
|
142
142
|
) : null
|
|
143
143
|
] }),
|
|
@@ -156,7 +156,7 @@ import './PageHeader.css';const C = x(
|
|
|
156
156
|
);
|
|
157
157
|
}
|
|
158
158
|
);
|
|
159
|
-
|
|
159
|
+
x.displayName = "PageHeaderBase";
|
|
160
160
|
const U = {
|
|
161
161
|
root: "pageHeader",
|
|
162
162
|
main: "pageHeader_main",
|
|
@@ -169,6 +169,7 @@ const U = {
|
|
|
169
169
|
actions: "pageHeader_actions",
|
|
170
170
|
footer: "pageHeader_footer",
|
|
171
171
|
content: "pageHeader_content",
|
|
172
|
+
bodyContent: "pageHeader_bodyContent",
|
|
172
173
|
compact: "pageHeader_compact",
|
|
173
174
|
fullWidth: "pageHeader_fullWidth",
|
|
174
175
|
loader: "pageHeader_loader",
|
|
@@ -196,7 +197,7 @@ const U = {
|
|
|
196
197
|
roundMedium: "pageHeader_round-Medium",
|
|
197
198
|
roundLarge: "pageHeader_round-Large",
|
|
198
199
|
roundFull: "pageHeader_round-Full"
|
|
199
|
-
}, V =
|
|
200
|
+
}, V = S((o, t) => /* @__PURE__ */ r(x, { ...o, ref: t, classMap: k(U) }));
|
|
200
201
|
V.displayName = "PageHeader";
|
|
201
202
|
export {
|
|
202
203
|
V as P
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PageHeader-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PageHeader-BDBD3_YK.cjs");exports.default=e.PageHeader;
|
package/dist/core/PageHeader.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.pageHeader{--pageHeader-glass-bg: rgba(255, 255, 255, .18);--pageHeader-glass-border: rgba(255, 255, 255, .28);--pageHeader-glass-text: inherit;display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;max-width:100%;border:1px solid transparent;border-radius:var(--border-radius-md);background:var(--background-color);color:inherit;box-shadow:var(--box-shadow-sm);padding:var(--spacing-sm);transition:var(--transition-default)}.pageHeader_eyebrow{font-size:var(--font-size-sm);line-height:var(--line-height-md);font-weight:var(--font-weight-bold);color:inherit;margin-right:var(--spacing-xxs)}.pageHeader_title{font-size:var(--font-size-lg);line-height:var(--line-height-md);font-weight:var(--font-weight-bold);color:inherit}.pageHeader_content{min-width:0;max-width:100%;overflow-wrap:anywhere;color:inherit}.pageHeader_loader{display:inline-block;flex:0 0 auto;width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;opacity:.72;animation:spin .7s linear infinite}.pageHeader_primary{--pageHeader-glass-bg: var(--primary-glass-background);--pageHeader-glass-border: var(--primary-glass-border);--pageHeader-glass-text: var(--text-color-primary);background-color:var(--primary-color);color:var(--text-color-primary);border-color:var(--primary-color)}.pageHeader_primary.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--primary-color)}.pageHeader_secondary{--pageHeader-glass-bg: var(--secondary-glass-background);--pageHeader-glass-border: var(--secondary-glass-border);--pageHeader-glass-text: var(--text-color-secondary);background-color:var(--secondary-color);color:var(--text-color-secondary);border-color:var(--secondary-color)}.pageHeader_secondary.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--secondary-color)}.pageHeader_tertiary{--pageHeader-glass-bg: var(--tertiary-glass-background);--pageHeader-glass-border: var(--tertiary-glass-border);--pageHeader-glass-text: var(--text-color-tertiary);background-color:var(--tertiary-color);color:var(--text-color-tertiary);border-color:var(--tertiary-color)}.pageHeader_tertiary.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--tertiary-color)}.pageHeader_quaternary{--pageHeader-glass-bg: var(--quaternary-glass-background);--pageHeader-glass-border: var(--quaternary-glass-border);--pageHeader-glass-text: var(--text-color-quaternary);background-color:var(--quaternary-color);color:var(--text-color-quaternary);border-color:var(--quaternary-color)}.pageHeader_quaternary.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--quaternary-color)}.pageHeader_clear{--pageHeader-glass-bg: var(--clear-glass-background);--pageHeader-glass-border: var(--clear-glass-border);--pageHeader-glass-text: var(--text-color);background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.pageHeader_clear.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--border-color)}.pageHeader_success{--pageHeader-glass-bg: var(--success-glass-background);--pageHeader-glass-border: var(--success-glass-border);--pageHeader-glass-text: var(--success-text-color);border-width:2px;border-color:var(--success-color)}.pageHeader_success.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--success-color)}.pageHeader_error{--pageHeader-glass-bg: var(--error-glass-background);--pageHeader-glass-border: var(--error-glass-border);--pageHeader-glass-text: var(--error-text-color);border-width:2px;border-color:var(--error-color)}.pageHeader_error.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--error-color)}.pageHeader_warning{--pageHeader-glass-bg: var(--warning-glass-background);--pageHeader-glass-border: var(--warning-glass-border);--pageHeader-glass-text: var(--warning-text-color);border-width:2px;border-color:var(--warning-color)}.pageHeader_warning.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--warning-color)}.pageHeader_info{--pageHeader-glass-bg: var(--info-glass-background);--pageHeader-glass-border: var(--info-glass-border);--pageHeader-glass-text: var(--info-text-color);border-width:2px;border-color:var(--info-color)}.pageHeader_info.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--info-color)}.pageHeader_clear{background:transparent;border-color:transparent;box-shadow:none}.pageHeader_glass{background:var(--pageHeader-glass-bg);border:1px solid var(--pageHeader-glass-border);-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate));color:inherit}.pageHeader_glass.pageHeader_outline{border-color:var(--pageHeader-glass-border)}.pageHeader_disabled{cursor:not-allowed;opacity:.6;background-color:var(--disabled-color);border-color:var(--disabled-color)}.pageHeader_disabled:hover{background-color:var(--disabled-color)}.pageHeader_loading{cursor:progress}.pageHeader_round-None{border-radius:var(--border-radius-none)}.pageHeader_round-Small{border-radius:var(--border-radius-sm)}.pageHeader_round-Medium{border-radius:var(--border-radius-md)}.pageHeader_round-Large{border-radius:var(--border-radius-lg)}.pageHeader_round-Full{border-radius:var(--border-radius-full)}.pageHeader_shadow-None{box-shadow:var(--box-shadow-none)}.pageHeader_shadow-Light{box-shadow:var(--box-shadow-light)}.pageHeader_shadow-Medium{box-shadow:var(--box-shadow-medium)}.pageHeader_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.pageHeader_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(max-width:319.98px){.pageHeader{width:100%}}@media(prefers-reduced-motion:reduce){.pageHeader,.pageHeader *{transition:none!important;animation:none!important}}@media(forced-colors:active){.pageHeader{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.pageHeader_glass{background:Canvas;border-color:ButtonText;-webkit-backdrop-filter:none;backdrop-filter:none}}}@layer boreal-ui.components{.pageHeader{width:fit-content;flex-direction:column;align-items:stretch}.pageHeader_fullWidth{width:100%}.pageHeader_main{display:flex;gap:var(--spacing-md);align-items:flex-start;justify-content:space-between;min-width:0}.pageHeader_content{display:grid;gap:var(--spacing-xs)}.pageHeader_title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-heading-md);line-height:1.15;overflow-wrap:anywhere}.pageHeader_subtitle,.pageHeader_meta,.pageHeader_eyebrow{margin:0;color:inherit;overflow-wrap:anywhere}.pageHeader_actions{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-end}.pageHeader_footer,.pageHeader_before{min-width:0}.pageHeader_compact{padding:var(--spacing-xs)}}
|
|
1
|
+
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bar-chart-grow{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes donut-chart-draw{0%{opacity:0;transform:rotate(-8deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes line-chart-draw{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}to{opacity:1;stroke-dasharray:1;stroke-dashoffset:0}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.pageHeader{--pageHeader-glass-bg: rgba(255, 255, 255, .18);--pageHeader-glass-border: rgba(255, 255, 255, .28);--pageHeader-glass-text: inherit;box-sizing:border-box;display:flex;flex-direction:column;width:fit-content;max-width:100%;min-width:0;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--border-radius-xl, var(--border-radius-md));color:inherit;box-shadow:var(--box-shadow-sm);font-family:var(--font-family-ui);transition:background-color var(--transition-default),border-color var(--transition-default),box-shadow var(--transition-default),color var(--transition-default)}.pageHeader *,.pageHeader *:before,.pageHeader *:after{box-sizing:border-box}.pageHeader_fullWidth{width:100%}.pageHeader_before{min-width:0;padding:var(--spacing-lg) var(--spacing-lg) 0;color:inherit}.pageHeader_main{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon content" "actions actions";align-items:start;gap:var(--spacing-md);width:100%;min-width:0;padding:var(--spacing-lg)}.pageHeader_before+.pageHeader_main{padding-top:var(--spacing-md)}.pageHeader_icon{grid-area:icon;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--border-radius-lg, .75rem);background:transparent;color:inherit;margin-top:1.35rem}.pageHeader_icon svg{width:1.25rem;height:1.25rem}.pageHeader_content{grid-area:content;display:grid;gap:var(--spacing-xs);align-items:start;min-width:0;max-width:100%;color:inherit}.pageHeader_content>.pageHeader_icon{grid-area:icon}.pageHeader_eyebrow{margin:0;max-width:100%;color:inherit;font-family:var(--font-family-ui);font-size:var(--font-size-caption, .75rem);font-weight:var(--font-weight-bold);line-height:1.25;letter-spacing:.14em;text-transform:uppercase;opacity:.72;overflow-wrap:normal;word-break:normal}.pageHeader_title{margin:0;max-width:100%;color:inherit;font-family:var(--font-family-heading);font-size:clamp(1.6rem,7cqw,2.5rem);font-weight:var(--font-weight-bold);line-height:1.08;letter-spacing:-.035em;overflow-wrap:normal;word-break:normal}.pageHeader_subtitle{margin:0;max-width:60ch;color:inherit;font-family:var(--font-family-body);font-size:clamp(.95rem,3cqw,1.125rem);line-height:1.55;overflow-wrap:normal;word-break:normal}.pageHeader_meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);color:inherit;font-family:var(--font-family-body);font-size:var(--font-size-body-sm, .875rem);line-height:1.4}.pageHeader_bodyContent{min-width:0;max-width:100%;overflow-wrap:normal;word-break:normal}.pageHeader_actions{grid-area:actions;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);min-width:0;max-width:100%;padding-top:var(--spacing-sm)}.pageHeader_actions>*{min-width:max-content}.pageHeader_footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);min-width:0;max-width:100%;padding:var(--spacing-xs) var(--spacing-lg);border-top:1px solid var(--border-color);overflow-x:auto}.pageHeader_footer>*{min-width:0}.pageHeader_loader{position:absolute;inset-block-start:var(--spacing-sm);inset-inline-end:var(--spacing-sm);display:inline-block;width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;opacity:.72;animation:spin .7s linear infinite}.pageHeader_clear{background:transparent;border-color:transparent;box-shadow:none}.pageHeader_glass{background:var(--pageHeader-glass-bg);border:1px solid var(--pageHeader-glass-border);-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate));color:inherit}.pageHeader_glass.pageHeader_outline{border-color:var(--pageHeader-glass-border)}.pageHeader_disabled{cursor:not-allowed;opacity:.6;background-color:var(--disabled-color);border-color:var(--disabled-color)}.pageHeader_loading{position:relative;cursor:progress}.pageHeader_compact .pageHeader_before{padding:var(--spacing-md) var(--spacing-md) 0}.pageHeader_compact .pageHeader_main{gap:var(--spacing-md);padding:var(--spacing-md)}.pageHeader_compact .pageHeader_footer{padding-inline:var(--spacing-md)}.pageHeader_compact .pageHeader_title{font-size:clamp(var(--font-size-heading-sm, 1.35rem),3vw,var(--font-size-heading-lg, 2rem))}.pageHeader_primary{--pageHeader-glass-bg: var(--primary-glass-background);--pageHeader-glass-border: var(--primary-glass-border);--pageHeader-glass-text: var(--text-color-primary);--pageHeader-accent: var(--primary-color);background-color:var(--primary-color);color:var(--text-color-primary);border-color:var(--primary-color)}.pageHeader_primary.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--primary-color)}.pageHeader_secondary{--pageHeader-glass-bg: var(--secondary-glass-background);--pageHeader-glass-border: var(--secondary-glass-border);--pageHeader-glass-text: var(--text-color-secondary);--pageHeader-accent: var(--secondary-color);background-color:var(--secondary-color);color:var(--text-color-secondary);border-color:var(--secondary-color)}.pageHeader_secondary.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--secondary-color)}.pageHeader_tertiary{--pageHeader-glass-bg: var(--tertiary-glass-background);--pageHeader-glass-border: var(--tertiary-glass-border);--pageHeader-glass-text: var(--text-color-tertiary);--pageHeader-accent: var(--tertiary-color);background-color:var(--tertiary-color);color:var(--text-color-tertiary);border-color:var(--tertiary-color)}.pageHeader_tertiary.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--tertiary-color)}.pageHeader_quaternary{--pageHeader-glass-bg: var(--quaternary-glass-background);--pageHeader-glass-border: var(--quaternary-glass-border);--pageHeader-glass-text: var(--text-color-quaternary);--pageHeader-accent: var(--quaternary-color);background-color:var(--quaternary-color);color:var(--text-color-quaternary);border-color:var(--quaternary-color)}.pageHeader_quaternary.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--quaternary-color)}.pageHeader_clear{--pageHeader-glass-bg: var(--clear-glass-background);--pageHeader-glass-border: var(--clear-glass-border);--pageHeader-glass-text: var(--text-color);--pageHeader-accent: var(--border-color);background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.pageHeader_clear.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--border-color)}.pageHeader_success{--pageHeader-glass-bg: var(--success-glass-background);--pageHeader-glass-border: var(--success-glass-border);--pageHeader-glass-text: var(--success-text-color);--pageHeader-accent: var(--success-color);border-width:2px;border-color:var(--success-color)}.pageHeader_success.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--success-color)}.pageHeader_error{--pageHeader-glass-bg: var(--error-glass-background);--pageHeader-glass-border: var(--error-glass-border);--pageHeader-glass-text: var(--error-text-color);--pageHeader-accent: var(--error-color);border-width:2px;border-color:var(--error-color)}.pageHeader_error.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--error-color)}.pageHeader_warning{--pageHeader-glass-bg: var(--warning-glass-background);--pageHeader-glass-border: var(--warning-glass-border);--pageHeader-glass-text: var(--warning-text-color);--pageHeader-accent: var(--warning-color);border-width:2px;border-color:var(--warning-color)}.pageHeader_warning.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--warning-color)}.pageHeader_info{--pageHeader-glass-bg: var(--info-glass-background);--pageHeader-glass-border: var(--info-glass-border);--pageHeader-glass-text: var(--info-text-color);--pageHeader-accent: var(--info-color);border-width:2px;border-color:var(--info-color)}.pageHeader_info.pageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--info-color)}.pageHeader_round-None{border-radius:var(--border-radius-none)}.pageHeader_round-Small{border-radius:var(--border-radius-sm)}.pageHeader_round-Medium{border-radius:var(--border-radius-md)}.pageHeader_round-Large{border-radius:var(--border-radius-lg)}.pageHeader_round-Full{border-radius:var(--border-radius-full)}.pageHeader_shadow-None{box-shadow:var(--box-shadow-none)}.pageHeader_shadow-Light{box-shadow:var(--box-shadow-light)}.pageHeader_shadow-Medium{box-shadow:var(--box-shadow-medium)}.pageHeader_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.pageHeader_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(max-width:1023.98px){.pageHeader_main{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon content" "actions actions"}.pageHeader_icon{margin-top:1.4rem}.pageHeader_actions{justify-content:flex-start;padding-top:0}}@media(max-width:767.98px){.pageHeader{width:100%}.pageHeader_before{padding:var(--spacing-md) var(--spacing-md) 0}.pageHeader_main{gap:var(--spacing-md);padding:var(--spacing-md)}.pageHeader_footer{padding-inline:var(--spacing-md)}}@media(max-width:479.98px){.pageHeader_main{grid-template-columns:minmax(0,1fr);grid-template-areas:"icon" "content" "actions"}.pageHeader_icon{width:2.5rem;height:2.5rem;margin-top:0}.pageHeader_actions{display:grid;grid-template-columns:1fr;width:100%}.pageHeader_actions>*{width:100%;min-width:0}.pageHeader_meta{gap:var(--spacing-xs)}.pageHeader_footer{align-items:stretch;justify-content:flex-start;padding-inline:var(--spacing-md)}}@media(max-width:319.98px){.pageHeader_before{padding:var(--spacing-sm) var(--spacing-sm) 0}.pageHeader_main{padding:var(--spacing-sm)}.pageHeader_footer{padding-inline:var(--spacing-sm)}.pageHeader_title{font-size:clamp(1.5rem,10vw,2rem)}}@media(prefers-reduced-motion:reduce){.pageHeader,.pageHeader *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){.pageHeader{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.pageHeader_icon{background:Canvas;color:ButtonText;border-color:ButtonText}.pageHeader_footer{background:Canvas;border-color:ButtonText}.pageHeader_glass{background:Canvas;border-color:ButtonText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.pageHeader_loader{border-color:CanvasText;border-right-color:Canvas}}}
|
package/dist/core/PageHeader.js
CHANGED
package/dist/core/Sidebar.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{.sidebar{width:240px;height:100vh;background-color:var(--background-color-light);border-right:1px solid var(--background-color-lighter);position:sticky;color:inherit;top:0;overflow-y:auto;font-family:var(--font-family-ui);overscroll-behavior:contain}@media(max-width:767.98px){.sidebar{width:200px}}@media(min-width:1024px){.sidebar{width:260px}}@media(max-width:319.98px){.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--background-color-lighter)}}.sidebar_round-None{border-radius:var(--border-radius-none)}.sidebar_round-Small{border-radius:var(--border-radius-sm)}.sidebar_round-Medium{border-radius:var(--border-radius-md)}.sidebar_round-Large{border-radius:var(--border-radius-lg)}.sidebar_round-Full{border-radius:var(--border-radius-full)}.sidebar_shadow-None{box-shadow:var(--box-shadow-none)}.sidebar_shadow-Light{box-shadow:var(--box-shadow-light)}.sidebar_shadow-Medium{box-shadow:var(--box-shadow-medium)}.sidebar_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.sidebar_shadow-Intense{box-shadow:var(--box-shadow-intense)}.sidebar_primary{--sidebar-glass-bg: var(--primary-glass-background);--sidebar-glass-hover-bg: var(--primary-glass-background-hover);--sidebar-glass-border: var(--primary-glass-border);--sidebar-glass-text: var(--text-color-primary)}.sidebar_primary .sidebar_active{background-color:var(--primary-color);color:var(--text-color-primary)}.sidebar_primary.sidebar_outline .sidebar_active{background-color:transparent;border:2px solid var(--primary-color);color:inherit}@media(max-width:479.98px){.sidebar_primary.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_clear.sidebar_primary .sidebar_active{background-color:transparent}.sidebar_secondary{--sidebar-glass-bg: var(--secondary-glass-background);--sidebar-glass-hover-bg: var(--secondary-glass-background-hover);--sidebar-glass-border: var(--secondary-glass-border);--sidebar-glass-text: var(--text-color-secondary)}.sidebar_secondary .sidebar_active{background-color:var(--secondary-color);color:var(--text-color-secondary)}.sidebar_secondary.sidebar_outline .sidebar_active{background-color:transparent;border:2px solid var(--secondary-color);color:inherit}@media(max-width:479.98px){.sidebar_secondary.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_clear.sidebar_secondary .sidebar_active{background-color:transparent}.sidebar_tertiary{--sidebar-glass-bg: var(--tertiary-glass-background);--sidebar-glass-hover-bg: var(--tertiary-glass-background-hover);--sidebar-glass-border: var(--tertiary-glass-border);--sidebar-glass-text: var(--text-color-tertiary)}.sidebar_tertiary .sidebar_active{background-color:var(--tertiary-color);color:var(--text-color-tertiary)}.sidebar_tertiary.sidebar_outline .sidebar_active{background-color:transparent;border:2px solid var(--tertiary-color);color:inherit}@media(max-width:479.98px){.sidebar_tertiary.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_clear.sidebar_tertiary .sidebar_active{background-color:transparent}.sidebar_quaternary{--sidebar-glass-bg: var(--quaternary-glass-background);--sidebar-glass-hover-bg: var(--quaternary-glass-background-hover);--sidebar-glass-border: var(--quaternary-glass-border);--sidebar-glass-text: var(--text-color-quaternary)}.sidebar_quaternary .sidebar_active{background-color:var(--quaternary-color);color:var(--text-color-quaternary)}.sidebar_quaternary.sidebar_outline .sidebar_active{background-color:transparent;border:2px solid var(--quaternary-color);color:inherit}@media(max-width:479.98px){.sidebar_quaternary.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_clear.sidebar_quaternary .sidebar_active{background-color:transparent}.sidebar_clear{--sidebar-glass-bg: var(--clear-glass-background);--sidebar-glass-hover-bg: var(--clear-glass-background-hover);--sidebar-glass-border: var(--clear-glass-border);--sidebar-glass-text: var(--text-color)}.sidebar_clear .sidebar_active{background-color:transparent;color:var(--text-color)}.sidebar_clear.sidebar_outline .sidebar_active{background-color:transparent;border:2px solid var(--border-color);color:inherit}@media(max-width:479.98px){.sidebar_clear.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_clear.sidebar_clear .sidebar_active{background-color:transparent}.sidebar_success{--sidebar-glass-bg: var(--success-glass-background);--sidebar-glass-hover-bg: var(--success-glass-background-hover);--sidebar-glass-border: var(--success-glass-border);--sidebar-glass-text: var(--success-text-color)}.sidebar_success .sidebar_active{background-color:var(--success-color)}.sidebar_success .sidebar_active:hover{background-color:var(--success-color-hover)}.sidebar_success.sidebar_outline .sidebar_active{border:2px solid var(--success-color);background-color:transparent;color:inherit}.sidebar_success.sidebar_outline .sidebar_active:hover{background-color:var(--success-color-hover)}@media(max-width:479.98px){.sidebar_success.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_error{--sidebar-glass-bg: var(--error-glass-background);--sidebar-glass-hover-bg: var(--error-glass-background-hover);--sidebar-glass-border: var(--error-glass-border);--sidebar-glass-text: var(--error-text-color)}.sidebar_error .sidebar_active{background-color:var(--error-color)}.sidebar_error .sidebar_active:hover{background-color:var(--error-color-hover)}.sidebar_error.sidebar_outline .sidebar_active{border:2px solid var(--error-color);background-color:transparent;color:inherit}.sidebar_error.sidebar_outline .sidebar_active:hover{background-color:var(--error-color-hover)}@media(max-width:479.98px){.sidebar_error.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_warning{--sidebar-glass-bg: var(--warning-glass-background);--sidebar-glass-hover-bg: var(--warning-glass-background-hover);--sidebar-glass-border: var(--warning-glass-border);--sidebar-glass-text: var(--warning-text-color)}.sidebar_warning .sidebar_active{background-color:var(--warning-color)}.sidebar_warning .sidebar_active:hover{background-color:var(--warning-color-hover)}.sidebar_warning.sidebar_outline .sidebar_active{border:2px solid var(--warning-color);background-color:transparent;color:inherit}.sidebar_warning.sidebar_outline .sidebar_active:hover{background-color:var(--warning-color-hover)}@media(max-width:479.98px){.sidebar_warning.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_info{--sidebar-glass-bg: var(--info-glass-background);--sidebar-glass-hover-bg: var(--info-glass-background-hover);--sidebar-glass-border: var(--info-glass-border);--sidebar-glass-text: var(--info-text-color)}.sidebar_info .sidebar_active{background-color:var(--info-color)}.sidebar_info .sidebar_active:hover{background-color:var(--info-color-hover)}.sidebar_info.sidebar_outline .sidebar_active{border:2px solid var(--info-color);background-color:transparent;color:inherit}.sidebar_info.sidebar_outline .sidebar_active:hover{background-color:var(--info-color-hover)}@media(max-width:479.98px){.sidebar_info.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_glass{background:var(--sidebar-glass-bg, rgba(255, 255, 255, .16));border:1px solid var(--sidebar-glass-border, rgba(255, 255, 255, .28));-webkit-backdrop-filter:blur(18px) saturate(var(--glass-saturate));backdrop-filter:blur(18px) saturate(var(--glass-saturate));color:inherit}.sidebar_glass .sidebar_link:hover,.sidebar_glass .sidebar_active{background-color:var(--sidebar-glass-hover-bg, rgba(255, 255, 255, .22));color:inherit}.sidebar_nav{display:flex;flex-direction:column}.sidebar_list{list-style:none;padding:0;margin:0}@media(max-width:319.98px){.sidebar_list{display:contents}}.sidebar_link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;color:inherit;text-decoration:none;background:none;border:none;cursor:pointer;transition:var(--transition-default);font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label)}.sidebar_link:hover{text-decoration:none;background-color:var(--background-color-dark);color:inherit;letter-spacing:.05em}.sidebar_link:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px;border-radius:6px}@media(max-width:319.98px){.sidebar_link{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-caption)}}@media(min-width:1024px){.sidebar_link{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-body-sm)}}.sidebar_active{font-weight:var(--font-weight-label);letter-spacing:.1em}.sidebar_child_link{font-family:var(--font-family-ui);font-size:var(--font-size-body-sm)}@media(max-width:319.98px){.sidebar_child_link{font-size:var(--font-size-label)}}.sidebar_chevron{transition:transform .2s ease}.icon{display:inline-flex;align-items:center;margin-right:2px}.icon svg{width:1em;height:1em}@media(max-width:319.98px){.icon{margin-right:var(--spacing-xxs)}.icon svg{width:.95em;height:.95em}}@media(min-width:1024px){.icon svg{width:1.05em;height:1.05em}}.sidebar_chevron_open{transform:rotate(180deg)}.sidebar_submenu{max-height:0;overflow:hidden;transition:max-height .25s ease}.sidebar_submenu_open{max-height:max-content}.sidebar_child_list{border-left:3px solid var(--background-color-darker);margin:.25rem 0}@media(max-width:319.98px){.sidebar_child_list{border-left-width:2px}}.sidebar_footer{position:absolute;bottom:0;margin-top:auto;width:100%;padding:1rem;border-top:1px solid var(--background-color-darker);display:flex;flex-direction:column;gap:.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}@media(max-width:319.98px){.sidebar_footer{position:static;border-top:none;padding:var(--spacing-sm);gap:var(--spacing-xs)}}.sidebar_footer_link{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);text-decoration:none}.sidebar_footer_link:hover{color:inherit}.sidebar_footer_link:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px;border-radius:4px}.sidebar_footer_version{font-family:var(--font-family-body);font-size:var(--font-size-caption);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);opacity:.7;margin-top:.5rem}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar *{transition:none!important;animation:none!important}}@media(hover:none){.sidebar_link:hover{background-color:transparent;letter-spacing:normal}}@media(forced-colors:active){.sidebar{background:Canvas;color:CanvasText;border-color:ButtonFace}.sidebar_glass{background:Canvas;border-color:ButtonText;box-shadow:none}.sidebar_link{color:ButtonText}.sidebar_link:focus-visible{outline:2px solid Highlight;outline-offset:2px}.sidebar_child_list{border-left-color:ButtonText}}}
|
|
1
|
+
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.sidebar{width:100%;height:100%;min-height:0;max-height:100vh;background-color:var(--background-color-light);border-right:1px solid var(--background-color-lighter);position:sticky;color:inherit;top:0;overflow:hidden;font-family:var(--font-family-ui);overscroll-behavior:contain;display:flex;flex-direction:column}@media(max-width:319.98px){.sidebar{height:auto;max-height:none;min-height:0;position:relative;border-right:none;border-bottom:1px solid var(--background-color-lighter);overflow:visible}}.sidebar_round-None{border-radius:var(--border-radius-none)}.sidebar_round-Small{border-radius:var(--border-radius-sm)}.sidebar_round-Medium{border-radius:var(--border-radius-md)}.sidebar_round-Large{border-radius:var(--border-radius-lg)}.sidebar_round-Full{border-radius:var(--border-radius-full)}.sidebar_shadow-None{box-shadow:var(--box-shadow-none)}.sidebar_shadow-Light{box-shadow:var(--box-shadow-light)}.sidebar_shadow-Medium{box-shadow:var(--box-shadow-medium)}.sidebar_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.sidebar_shadow-Intense{box-shadow:var(--box-shadow-intense)}.sidebar_primary{--sidebar-glass-bg: var(--primary-glass-background);--sidebar-glass-hover-bg: var(--primary-glass-background-hover);--sidebar-glass-border: var(--primary-glass-border);--sidebar-glass-text: var(--text-color-primary)}.sidebar_primary .sidebar_active{background-color:var(--primary-color);color:var(--text-color-primary)}.sidebar_primary.sidebar_outline .sidebar_active{background-color:transparent;border:2px solid var(--primary-color);color:inherit}@media(max-width:479.98px){.sidebar_primary.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_clear.sidebar_primary .sidebar_active{background-color:transparent}.sidebar_secondary{--sidebar-glass-bg: var(--secondary-glass-background);--sidebar-glass-hover-bg: var(--secondary-glass-background-hover);--sidebar-glass-border: var(--secondary-glass-border);--sidebar-glass-text: var(--text-color-secondary)}.sidebar_secondary .sidebar_active{background-color:var(--secondary-color);color:var(--text-color-secondary)}.sidebar_secondary.sidebar_outline .sidebar_active{background-color:transparent;border:2px solid var(--secondary-color);color:inherit}@media(max-width:479.98px){.sidebar_secondary.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_clear.sidebar_secondary .sidebar_active{background-color:transparent}.sidebar_tertiary{--sidebar-glass-bg: var(--tertiary-glass-background);--sidebar-glass-hover-bg: var(--tertiary-glass-background-hover);--sidebar-glass-border: var(--tertiary-glass-border);--sidebar-glass-text: var(--text-color-tertiary)}.sidebar_tertiary .sidebar_active{background-color:var(--tertiary-color);color:var(--text-color-tertiary)}.sidebar_tertiary.sidebar_outline .sidebar_active{background-color:transparent;border:2px solid var(--tertiary-color);color:inherit}@media(max-width:479.98px){.sidebar_tertiary.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_clear.sidebar_tertiary .sidebar_active{background-color:transparent}.sidebar_quaternary{--sidebar-glass-bg: var(--quaternary-glass-background);--sidebar-glass-hover-bg: var(--quaternary-glass-background-hover);--sidebar-glass-border: var(--quaternary-glass-border);--sidebar-glass-text: var(--text-color-quaternary)}.sidebar_quaternary .sidebar_active{background-color:var(--quaternary-color);color:var(--text-color-quaternary)}.sidebar_quaternary.sidebar_outline .sidebar_active{background-color:transparent;border:2px solid var(--quaternary-color);color:inherit}@media(max-width:479.98px){.sidebar_quaternary.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_clear.sidebar_quaternary .sidebar_active{background-color:transparent}.sidebar_clear{--sidebar-glass-bg: var(--clear-glass-background);--sidebar-glass-hover-bg: var(--clear-glass-background-hover);--sidebar-glass-border: var(--clear-glass-border);--sidebar-glass-text: var(--text-color)}.sidebar_clear .sidebar_active{background-color:transparent;color:var(--text-color)}.sidebar_clear.sidebar_outline .sidebar_active{background-color:transparent;border:2px solid var(--border-color);color:inherit}@media(max-width:479.98px){.sidebar_clear.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_clear.sidebar_clear .sidebar_active{background-color:transparent}.sidebar_success{--sidebar-glass-bg: var(--success-glass-background);--sidebar-glass-hover-bg: var(--success-glass-background-hover);--sidebar-glass-border: var(--success-glass-border);--sidebar-glass-text: var(--success-text-color)}.sidebar_success .sidebar_active{background-color:var(--success-color)}.sidebar_success .sidebar_active:hover{background-color:var(--success-color-hover)}.sidebar_success.sidebar_outline .sidebar_active{border:2px solid var(--success-color);background-color:transparent;color:inherit}.sidebar_success.sidebar_outline .sidebar_active:hover{background-color:var(--success-color-hover)}@media(max-width:479.98px){.sidebar_success.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_error{--sidebar-glass-bg: var(--error-glass-background);--sidebar-glass-hover-bg: var(--error-glass-background-hover);--sidebar-glass-border: var(--error-glass-border);--sidebar-glass-text: var(--error-text-color)}.sidebar_error .sidebar_active{background-color:var(--error-color)}.sidebar_error .sidebar_active:hover{background-color:var(--error-color-hover)}.sidebar_error.sidebar_outline .sidebar_active{border:2px solid var(--error-color);background-color:transparent;color:inherit}.sidebar_error.sidebar_outline .sidebar_active:hover{background-color:var(--error-color-hover)}@media(max-width:479.98px){.sidebar_error.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_warning{--sidebar-glass-bg: var(--warning-glass-background);--sidebar-glass-hover-bg: var(--warning-glass-background-hover);--sidebar-glass-border: var(--warning-glass-border);--sidebar-glass-text: var(--warning-text-color)}.sidebar_warning .sidebar_active{background-color:var(--warning-color)}.sidebar_warning .sidebar_active:hover{background-color:var(--warning-color-hover)}.sidebar_warning.sidebar_outline .sidebar_active{border:2px solid var(--warning-color);background-color:transparent;color:inherit}.sidebar_warning.sidebar_outline .sidebar_active:hover{background-color:var(--warning-color-hover)}@media(max-width:479.98px){.sidebar_warning.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_info{--sidebar-glass-bg: var(--info-glass-background);--sidebar-glass-hover-bg: var(--info-glass-background-hover);--sidebar-glass-border: var(--info-glass-border);--sidebar-glass-text: var(--info-text-color)}.sidebar_info .sidebar_active{background-color:var(--info-color)}.sidebar_info .sidebar_active:hover{background-color:var(--info-color-hover)}.sidebar_info.sidebar_outline .sidebar_active{border:2px solid var(--info-color);background-color:transparent;color:inherit}.sidebar_info.sidebar_outline .sidebar_active:hover{background-color:var(--info-color-hover)}@media(max-width:479.98px){.sidebar_info.sidebar_outline .sidebar_active{border-width:1.5px}}.sidebar_glass{background:var(--sidebar-glass-bg, rgba(255, 255, 255, .16));border:1px solid var(--sidebar-glass-border, rgba(255, 255, 255, .28));-webkit-backdrop-filter:blur(18px) saturate(var(--glass-saturate));backdrop-filter:blur(18px) saturate(var(--glass-saturate));color:inherit}.sidebar_glass .sidebar_link:hover,.sidebar_glass .sidebar_active{background-color:var(--sidebar-glass-hover-bg, rgba(255, 255, 255, .22));color:inherit}.sidebar_nav{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar_list{list-style:none;padding:0;margin:0;min-width:0}@media(max-width:319.98px){.sidebar_list{display:contents}}.sidebar_link{display:flex;justify-content:space-between;gap:var(--spacing-xs);align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);color:inherit;text-decoration:none;background:none;border:none;cursor:pointer;transition:var(--transition-default);font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label)}.sidebar_link:hover{text-decoration:none;background-color:var(--background-color-dark);color:inherit;letter-spacing:.05em}.sidebar_link:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px;border-radius:6px}@media(max-width:319.98px){.sidebar_link{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-caption)}}@media(min-width:1024px){.sidebar_link{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-body-sm)}}.sidebar_active{font-weight:var(--font-weight-label);letter-spacing:.1em}.sidebar_child_link{font-family:var(--font-family-ui);font-size:var(--font-size-body-sm)}@media(max-width:319.98px){.sidebar_child_link{font-size:var(--font-size-label)}}.sidebar_chevron{transition:transform .2s ease}.icon{display:inline-flex;align-items:center;margin-right:1rem}.icon svg{width:1em;height:1em}@media(max-width:319.98px){.icon{margin-right:var(--spacing-xxs)}.icon svg{width:.95em;height:.95em}}@media(min-width:1024px){.icon svg{width:1.05em;height:1.05em}}.sidebar_chevron_open{transform:rotate(180deg)}.sidebar_submenu{max-height:0;overflow:hidden;transition:max-height .25s ease}.sidebar_submenu_open{max-height:max-content}.sidebar_child_list{border-left:3px solid var(--background-color-darker);margin:.25rem 0}@media(max-width:319.98px){.sidebar_child_list{border-left-width:2px}}.sidebar_footer{flex:0 0 auto;margin-top:auto;width:100%;padding:1rem;border-top:1px solid var(--background-color-darker);display:flex;flex-direction:column;gap:.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}@media(max-width:319.98px){.sidebar_footer{border-top:none;padding:var(--spacing-sm);gap:var(--spacing-xs)}}.sidebar_footer_link{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);text-decoration:none}.sidebar_footer_link:hover{color:inherit}.sidebar_footer_link:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px;border-radius:4px}.sidebar_footer_version{font-family:var(--font-family-body);font-size:var(--font-size-caption);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);opacity:.7;margin-top:.5rem}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar *{transition:none!important;animation:none!important}}@media(hover:none){.sidebar_link:hover{background-color:transparent;letter-spacing:normal}}@media(forced-colors:active){.sidebar{background:Canvas;color:CanvasText;border-color:ButtonFace}.sidebar_glass{background:Canvas;border-color:ButtonText;box-shadow:none}.sidebar_link{color:ButtonText}.sidebar_link:focus-visible{outline:2px solid Highlight;outline-offset:2px}.sidebar_child_list{border-left-color:ButtonText}}}
|
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}}}
|