quirk-ui 0.0.244 → 0.0.246
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/NavLink-WbjfcVij.js +133 -0
- package/dist/assets/NavLink.css +1 -1
- package/dist/assets/index13.css +1 -1
- package/dist/assets/index32.css +1 -1
- package/dist/components/CallToAction/index.js +38 -38
- package/dist/components/NavBar/NavLink.js +1 -1
- package/dist/components/NavBar/index.js +102 -95
- package/dist/components/Tabs/index.js +48 -48
- package/dist/styles.css +3 -3
- package/package.json +1 -1
- package/dist/NavLink-BmF1hefn.js +0 -132
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import { jsxs as i, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as h } from "react";
|
|
3
|
+
import { E as g } from "./external-link-BOPobeQJ.js";
|
|
4
|
+
import { C as k } from "./chevron-down-DSUzBz9F.js";
|
|
5
|
+
import './assets/NavLink.css';const v = "_navbar_1y39l_5", f = "_left_1y39l_19", C = "_container_1y39l_20", I = "_logo_1y39l_24", w = "_nav_1y39l_5", M = "_center_1y39l_39", N = "_hidden_1y39l_45", T = "_visible_1y39l_52", S = "_right_1y39l_67", x = "_title_1y39l_73", D = "_linkWrapper_1y39l_82", E = "_parent_1y39l_82", W = "_link_1y39l_82", $ = "_search_1y39l_90", F = "_sublinkToggle_1y39l_91", L = "_linkItem_1y39l_110", R = "_standard_1y39l_129", j = "_triangle_1y39l_137", z = "_transparent_1y39l_142", q = "_menuToggle_1y39l_171", A = "_sticky_1y39l_194", B = "_twoColumn_1y39l_223", G = "_searchWrapper_1y39l_252", H = "_utilityMobile_1y39l_277", J = "_utility_1y39l_277", K = "_navInner_1y39l_305", Q = "_grid_1y39l_316", U = "_searchModal_1y39l_335", V = "_separator_1y39l_350", X = "_newTabIcon_1y39l_378", Y = "_sublinksDescription_1y39l_385", Z = "_linkContent_1y39l_388", O = "_open_1y39l_401", P = "_back_1y39l_425", nn = "_sublinks_1y39l_385", en = "_show_1y39l_472", ln = "_primaryColumn_1y39l_513", on = "_secondaryColumn_1y39l_522", tn = "_spotlightColumn_1y39l_526", sn = "_sublinksInner_1y39l_530", _n = "_sublinksColumn_1y39l_548", rn = "_chevron_1y39l_558", an = "_advanced_1y39l_711", cn = "_subtitle_1y39l_720", un = "_withSpotlight_1y39l_761", yn = "_withoutSpotlight_1y39l_765", mn = "_groupDivider_1y39l_803", dn = "_mobileMenu_1y39l_811", bn = "_mobileMenuSlide_1y39l_812", pn = "_mobileMenuItem_1y39l_822", hn = "_fadeInFromLeft_1y39l_826", gn = "_fadeInFromRight_1y39l_830", e = {
|
|
6
|
+
navbar: v,
|
|
7
|
+
left: f,
|
|
8
|
+
container: C,
|
|
9
|
+
logo: I,
|
|
10
|
+
nav: w,
|
|
11
|
+
center: M,
|
|
12
|
+
hidden: N,
|
|
13
|
+
visible: T,
|
|
14
|
+
right: S,
|
|
15
|
+
title: x,
|
|
16
|
+
linkWrapper: D,
|
|
17
|
+
parent: E,
|
|
18
|
+
link: W,
|
|
19
|
+
search: $,
|
|
20
|
+
sublinkToggle: F,
|
|
21
|
+
linkItem: L,
|
|
22
|
+
standard: R,
|
|
23
|
+
triangle: j,
|
|
24
|
+
transparent: z,
|
|
25
|
+
menuToggle: q,
|
|
26
|
+
sticky: A,
|
|
27
|
+
twoColumn: B,
|
|
28
|
+
searchWrapper: G,
|
|
29
|
+
utilityMobile: H,
|
|
30
|
+
utility: J,
|
|
31
|
+
navInner: K,
|
|
32
|
+
grid: Q,
|
|
33
|
+
searchModal: U,
|
|
34
|
+
separator: V,
|
|
35
|
+
newTabIcon: X,
|
|
36
|
+
sublinksDescription: Y,
|
|
37
|
+
linkContent: Z,
|
|
38
|
+
open: O,
|
|
39
|
+
back: P,
|
|
40
|
+
sublinks: nn,
|
|
41
|
+
show: en,
|
|
42
|
+
primaryColumn: ln,
|
|
43
|
+
secondaryColumn: on,
|
|
44
|
+
spotlightColumn: tn,
|
|
45
|
+
sublinksInner: sn,
|
|
46
|
+
sublinksColumn: _n,
|
|
47
|
+
chevron: rn,
|
|
48
|
+
default: "_default_1y39l_675",
|
|
49
|
+
advanced: an,
|
|
50
|
+
subtitle: cn,
|
|
51
|
+
withSpotlight: un,
|
|
52
|
+
withoutSpotlight: yn,
|
|
53
|
+
groupDivider: mn,
|
|
54
|
+
mobileMenu: dn,
|
|
55
|
+
mobileMenuSlide: bn,
|
|
56
|
+
mobileMenuItem: pn,
|
|
57
|
+
fadeInFromLeft: hn,
|
|
58
|
+
fadeInFromRight: gn
|
|
59
|
+
};
|
|
60
|
+
function In({
|
|
61
|
+
link: n,
|
|
62
|
+
path: l,
|
|
63
|
+
parentPath: r,
|
|
64
|
+
openPath: m,
|
|
65
|
+
togglePath: a,
|
|
66
|
+
updateTriangleIndicator: d,
|
|
67
|
+
setOpenPath: t,
|
|
68
|
+
renderLinks: b,
|
|
69
|
+
buttonRefs: p
|
|
70
|
+
}) {
|
|
71
|
+
var u;
|
|
72
|
+
const s = m === l, _ = !!((u = n.sublinks) != null && u.length), c = h(null);
|
|
73
|
+
return p.current.set(l, c.current), /* @__PURE__ */ i(
|
|
74
|
+
"div",
|
|
75
|
+
{
|
|
76
|
+
className: `${e.linkWrapper} ${r ? "" : e.parent}`,
|
|
77
|
+
children: [
|
|
78
|
+
/* @__PURE__ */ o("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ i(
|
|
79
|
+
"a",
|
|
80
|
+
{
|
|
81
|
+
href: n.href,
|
|
82
|
+
className: e.link,
|
|
83
|
+
target: n.isExternal ? "_blank" : "_self",
|
|
84
|
+
rel: n.isExternal ? "noopener noreferrer" : void 0,
|
|
85
|
+
onClick: () => {
|
|
86
|
+
var y;
|
|
87
|
+
t(null), (y = n.onClick) == null || y.call(n);
|
|
88
|
+
},
|
|
89
|
+
onMouseEnter: () => {
|
|
90
|
+
r || t(null);
|
|
91
|
+
},
|
|
92
|
+
role: "menuitem",
|
|
93
|
+
children: [
|
|
94
|
+
n.label,
|
|
95
|
+
n.isExternal && /* @__PURE__ */ o(g, { className: e.newTabIcon, size: 16 })
|
|
96
|
+
]
|
|
97
|
+
}
|
|
98
|
+
) : /* @__PURE__ */ i(
|
|
99
|
+
"button",
|
|
100
|
+
{
|
|
101
|
+
ref: c,
|
|
102
|
+
"aria-haspopup": _ ? "true" : void 0,
|
|
103
|
+
"aria-expanded": s,
|
|
104
|
+
className: `${e.sublinkToggle} ${s ? e.open : ""}`,
|
|
105
|
+
onClick: () => a(l),
|
|
106
|
+
onMouseEnter: () => {
|
|
107
|
+
d(l), t(l);
|
|
108
|
+
},
|
|
109
|
+
children: [
|
|
110
|
+
n.label,
|
|
111
|
+
_ && /* @__PURE__ */ o(k, { size: 18, className: e.chevron })
|
|
112
|
+
]
|
|
113
|
+
}
|
|
114
|
+
) }),
|
|
115
|
+
_ && /* @__PURE__ */ o(
|
|
116
|
+
"div",
|
|
117
|
+
{
|
|
118
|
+
className: `${e.sublinks} ${s ? e.show : ""}`,
|
|
119
|
+
onMouseLeave: () => a(l),
|
|
120
|
+
role: "menu",
|
|
121
|
+
"aria-label": `${n.label} submenu`,
|
|
122
|
+
children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: e.sublinksInner, children: /* @__PURE__ */ o("div", { className: e.sublinksColumn, children: b(n.sublinks, l) }) }) })
|
|
123
|
+
}
|
|
124
|
+
)
|
|
125
|
+
]
|
|
126
|
+
},
|
|
127
|
+
l
|
|
128
|
+
);
|
|
129
|
+
}
|
|
130
|
+
export {
|
|
131
|
+
In as N,
|
|
132
|
+
e as s
|
|
133
|
+
};
|
package/dist/assets/NavLink.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--nav-height: 65px}._navbar_2fcoy_5{position:relative;height:var(--nav-height);z-index:1000}._left_2fcoy_19 ._container_2fcoy_20{justify-content:flex-start}._left_2fcoy_19 ._logo_2fcoy_24{flex:unset}._left_2fcoy_19 ._nav_2fcoy_5{flex:1}@media (max-width: 767px){._left_2fcoy_19 ._logo_2fcoy_24{flex:1}}._center_2fcoy_39 ._nav_2fcoy_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_2fcoy_39 ._nav_2fcoy_5._hidden_2fcoy_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_2fcoy_39 ._nav_2fcoy_5._visible_2fcoy_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_2fcoy_39 ._logo_2fcoy_24{flex:1}}._right_2fcoy_67 ._container_2fcoy_20{justify-content:flex-end}._right_2fcoy_67 ._logo_2fcoy_24,._right_2fcoy_67 ._title_2fcoy_73{flex:1}._right_2fcoy_67 ._nav_2fcoy_5{flex:unset}._linkWrapper_2fcoy_82._parent_2fcoy_82{overflow:hidden}._linkWrapper_2fcoy_82._parent_2fcoy_82:first-of-type{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}._linkWrapper_2fcoy_82._parent_2fcoy_82:first-of-type ._link_2fcoy_82,._linkWrapper_2fcoy_82._parent_2fcoy_82:first-of-type ._search_2fcoy_89,._linkWrapper_2fcoy_82._parent_2fcoy_82:first-of-type ._sublinkToggle_2fcoy_90{padding-left:var(--spacing-md)}._linkWrapper_2fcoy_82._parent_2fcoy_82:last-of-type{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}._linkWrapper_2fcoy_82._parent_2fcoy_82:last-of-type ._link_2fcoy_82,._linkWrapper_2fcoy_82._parent_2fcoy_82:last-of-type ._search_2fcoy_89,._linkWrapper_2fcoy_82._parent_2fcoy_82:last-of-type ._sublinkToggle_2fcoy_90{padding-right:var(--spacing-md)}._linkWrapper_2fcoy_82._parent_2fcoy_82>._linkItem_2fcoy_106 ._link_2fcoy_82,._linkWrapper_2fcoy_82._parent_2fcoy_82>._linkItem_2fcoy_106 ._search_2fcoy_89,._linkWrapper_2fcoy_82._parent_2fcoy_82>._linkItem_2fcoy_106 ._sublinkToggle_2fcoy_90{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_2fcoy_82._parent_2fcoy_82>._linkItem_2fcoy_106 ._link_2fcoy_82:hover,._linkWrapper_2fcoy_82._parent_2fcoy_82>._linkItem_2fcoy_106 ._search_2fcoy_89:hover,._linkWrapper_2fcoy_82._parent_2fcoy_82>._linkItem_2fcoy_106 ._sublinkToggle_2fcoy_90:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}._standard_2fcoy_123{left:0;background-color:#fff}._standard_2fcoy_123 ._linkWrapper_2fcoy_82{position:relative}._standard_2fcoy_123 ._triangle_2fcoy_131{display:none}._transparent_2fcoy_136{background-color:transparent}._transparent_2fcoy_136 ._nav_2fcoy_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:rgba(var(--color-primary-rgb),.1);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_2fcoy_136 ._nav_2fcoy_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_2fcoy_136 ._nav_2fcoy_5:before{border-radius:0}}._transparent_2fcoy_136 ._menuToggle_2fcoy_163:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);border-radius:var(--radius-md)}._sticky_2fcoy_181{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_2fcoy_20{display:grid;align-items:center;grid-template-areas:"first second third";grid-template-columns:minmax(auto,1fr) auto minmax(auto,1fr);grid-gap:var(--spacing-md);width:100%;max-width:var(--layout-width);height:100%;margin:0 auto;padding:0 var(--spacing-lg);position:relative}@media (max-width: 767px){._container_2fcoy_20{grid-template-areas:"first second third fourth"}}._container_2fcoy_20._twoColumn_2fcoy_210{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_2fcoy_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_2fcoy_24{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_2fcoy_24 img{height:auto;width:auto}._menuToggle_2fcoy_163{grid-area:fourth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_2fcoy_163 svg{position:relative;z-index:5}._utilityMobile_2fcoy_257{display:none;grid-area:third;justify-content:flex-end}._utility_2fcoy_257{grid-area:third;display:flex;justify-content:flex-end}._utility_2fcoy_257 a{font-size:var(--font-size-sm)}._nav_2fcoy_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_2fcoy_5{height:100vh}}._navInner_2fcoy_285{position:relative}@media (max-width: 767px){._navInner_2fcoy_285{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_2fcoy_296{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_2fcoy_296{display:flex;flex-direction:column}}._linkItem_2fcoy_106{display:flex;align-items:center;box-sizing:border-box}._searchModal_2fcoy_315{top:7rem;padding:0!important}._searchModal_2fcoy_315 .modalClose{display:none}._searchModal_2fcoy_315 .modalContent{margin-top:0}._separator_2fcoy_328{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_2fcoy_336,._sublinkToggle_2fcoy_90,._search_2fcoy_89,._link_2fcoy_82{text-decoration:none;color:var(--color-secondary-100);background-color:transparent;border:none;padding:var(--spacing-sm);transition:color .3s ease-in-out;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_2fcoy_336 ._newTabIcon_2fcoy_356,._sublinkToggle_2fcoy_90 ._newTabIcon_2fcoy_356,._search_2fcoy_89 ._newTabIcon_2fcoy_356,._link_2fcoy_82 ._newTabIcon_2fcoy_356{color:var(--color-secondary-75);transition:color .3s ease-in-out}@media (min-width: 768px){._navTitle_2fcoy_336,._sublinksDescription_2fcoy_363,._link_2fcoy_82,._sublinkToggle_2fcoy_90,._link_2fcoy_82 ._linkContent_2fcoy_366,._sublinkToggle_2fcoy_90 ._linkContent_2fcoy_366{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_2fcoy_82:hover,._link_2fcoy_82._open_2fcoy_377,._search_2fcoy_89:hover,._sublinkToggle_2fcoy_90:hover,._sublinkToggle_2fcoy_90._open_2fcoy_377,._link_2fcoy_82:hover ._newTabIcon_2fcoy_356,._link_2fcoy_82._open_2fcoy_377 ._newTabIcon_2fcoy_356,._search_2fcoy_89:hover ._newTabIcon_2fcoy_356,._sublinkToggle_2fcoy_90:hover ._newTabIcon_2fcoy_356,._sublinkToggle_2fcoy_90._open_2fcoy_377 ._newTabIcon_2fcoy_356{color:var(--color-primary-100)}@media (max-width: 767px){._link_2fcoy_82:hover,._link_2fcoy_82._open_2fcoy_377,._search_2fcoy_89:hover,._sublinkToggle_2fcoy_90:hover,._sublinkToggle_2fcoy_90._open_2fcoy_377{color:var(--color-secondary-100)}._link_2fcoy_82:hover ._newTabIcon_2fcoy_356,._link_2fcoy_82._open_2fcoy_377 ._newTabIcon_2fcoy_356,._search_2fcoy_89:hover ._newTabIcon_2fcoy_356,._sublinkToggle_2fcoy_90:hover ._newTabIcon_2fcoy_356,._sublinkToggle_2fcoy_90._open_2fcoy_377 ._newTabIcon_2fcoy_356{color:var(--color-secondary-100)}}._navItem_2fcoy_396:hover{color:var(--color-primary-100)}._sublinkToggle_2fcoy_90,._back_2fcoy_401{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_2fcoy_90:hover,._sublinkToggle_2fcoy_90._open_2fcoy_377,._back_2fcoy_401:hover,._back_2fcoy_401._open_2fcoy_377{color:var(--color-primary-100)}._sublinks_2fcoy_363{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_2fcoy_363._show_2fcoy_448{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_2fcoy_363._show_2fcoy_448 ._navTitle_2fcoy_336,._sublinks_2fcoy_363._show_2fcoy_448 ._sublinksDescription_2fcoy_363,._sublinks_2fcoy_363._show_2fcoy_448 ._link_2fcoy_82,._sublinks_2fcoy_363._show_2fcoy_448 ._sublinkToggle_2fcoy_90,._sublinks_2fcoy_363._show_2fcoy_448 ._link_2fcoy_82 ._linkContent_2fcoy_366,._sublinks_2fcoy_363._show_2fcoy_448 ._sublinkToggle_2fcoy_90 ._linkContent_2fcoy_366{opacity:1;visibility:visible}._triangle_2fcoy_131{visibility:hidden;opacity:0;position:absolute;top:calc(100% + .5rem);transform:translate(-50%);z-index:10;pointer-events:none;transition:top .3s ease-in-out,left .3s ease-in-out,visbility .3s ease-in-out,opacity .3s ease-in-out}._triangle_2fcoy_131._show_2fcoy_448{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_2fcoy_489{border-right:1px solid var(--color-border)}._primaryColumn_2fcoy_489 ._sublinkToggle_2fcoy_90:hover,._primaryColumn_2fcoy_489 ._sublinkToggle_2fcoy_90._open_2fcoy_377{color:var(--color-primary-100)}._secondaryColumn_2fcoy_498{background-color:var(--color-secondary-10)}._spotlightColumn_2fcoy_502{background-color:var(--color-secondary-75)}._sublinksInner_2fcoy_506{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_2fcoy_506{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_2fcoy_524{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_2fcoy_524{padding:0}}._chevron_2fcoy_534{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_2fcoy_90._open_2fcoy_377 ._chevron_2fcoy_534{transform:rotate(180deg)}@media (max-width: 767px){._logo_2fcoy_24{flex:1}._menuToggle_2fcoy_163{display:flex;align-items:center;justify-content:center}._utility_2fcoy_257 a:not(._utility_2fcoy_257 a:first-of-type){display:none}._utilityMobile_2fcoy_257{display:block;transform:translateY(100px);position:fixed;bottom:1rem;left:0;right:0;margin:0 auto;width:calc(100% - 2rem);z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_2fcoy_257._open_2fcoy_377{transform:translateY(0)}._nav_2fcoy_5{display:none;position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_2fcoy_5._open_2fcoy_377{transform:translate(0)}._linkWrapper_2fcoy_82{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_2fcoy_82._parent_2fcoy_82{border-bottom:1px solid var(--color-border)}._linkWrapper_2fcoy_82._parent_2fcoy_82:last-of-type{border:none}._linkItem_2fcoy_106{width:100%}._chevron_2fcoy_534{display:none}._sublinks_2fcoy_363{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;justify-content:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_2fcoy_90{cursor:pointer;pointer-events:none;color:var(--color-primary-25)}}._default_2fcoy_650 ._sublinks_2fcoy_363{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_2fcoy_650 ._sublinks_2fcoy_363{position:relative;justify-content:center;align-items:center}}._default_2fcoy_650 ._linkItem_2fcoy_106{justify-content:flex-end}@media (max-width: 767px){._default_2fcoy_650 ._linkItem_2fcoy_106{justify-content:center;align-items:center}}._default_2fcoy_650 ._sublinksInner_2fcoy_506{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_2fcoy_650 ._sublinksInner_2fcoy_506{justify-content:center;align-items:center}}._advanced_2fcoy_686 ._linkContent_2fcoy_366{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}._advanced_2fcoy_686 ._subtitle_2fcoy_695{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_2fcoy_686 ._sublinksDescription_2fcoy_363{color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}._advanced_2fcoy_686 ._sublinks_2fcoy_363{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_2fcoy_686 ._sublinks_2fcoy_363{position:relative;justify-content:center;align-items:center}}._advanced_2fcoy_686 ._linkItem_2fcoy_106{justify-content:flex-start}._advanced_2fcoy_686 ._sublinksInner_2fcoy_506{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_2fcoy_686 ._sublinksInner_2fcoy_506._withSpotlight_2fcoy_736{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_2fcoy_686 ._sublinksInner_2fcoy_506._withoutSpotlight_2fcoy_740{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_2fcoy_686 ._sublinksInner_2fcoy_506{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_2fcoy_686 ._sublinkToggle_2fcoy_90{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_2fcoy_686 ._sublinkToggle_2fcoy_90:hover,._advanced_2fcoy_686 ._sublinkToggle_2fcoy_90._open_2fcoy_377{color:var(--color-primary-100)}._advanced_2fcoy_686 ._back_2fcoy_401{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_2fcoy_686 ._back_2fcoy_401:hover{color:var(--color-primary-100)}._groupDivider_2fcoy_778{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_2fcoy_786,._mobileMenuSlide_2fcoy_787{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_2fcoy_797{opacity:0}._fadeInFromLeft_2fcoy_801{animation:_fadeInFromLeft_2fcoy_801 .3s ease-in-out forwards}._fadeInFromRight_2fcoy_805{animation:_fadeInFromRight_2fcoy_805 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_2fcoy_801{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_2fcoy_805{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
|
|
1
|
+
:root{--nav-height: 65px}._navbar_1y39l_5{position:relative;height:var(--nav-height);z-index:1000}._left_1y39l_19 ._container_1y39l_20{justify-content:flex-start}._left_1y39l_19 ._logo_1y39l_24{flex:unset}._left_1y39l_19 ._nav_1y39l_5{flex:1}@media (max-width: 767px){._left_1y39l_19 ._logo_1y39l_24{flex:1}}._center_1y39l_39 ._nav_1y39l_5{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1y39l_39 ._nav_1y39l_5._hidden_1y39l_45{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1y39l_39 ._nav_1y39l_5._visible_1y39l_52{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1y39l_39 ._logo_1y39l_24{flex:1}}._right_1y39l_67 ._container_1y39l_20{justify-content:flex-end}._right_1y39l_67 ._logo_1y39l_24,._right_1y39l_67 ._title_1y39l_73{flex:1}._right_1y39l_67 ._nav_1y39l_5{flex:unset}._linkWrapper_1y39l_82._parent_1y39l_82{overflow:hidden}@media (min-width: 768px){._linkWrapper_1y39l_82._parent_1y39l_82:first-of-type{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}._linkWrapper_1y39l_82._parent_1y39l_82:first-of-type ._link_1y39l_82,._linkWrapper_1y39l_82._parent_1y39l_82:first-of-type ._search_1y39l_90,._linkWrapper_1y39l_82._parent_1y39l_82:first-of-type ._sublinkToggle_1y39l_91{padding-left:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_1y39l_82._parent_1y39l_82:last-of-type{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}._linkWrapper_1y39l_82._parent_1y39l_82:last-of-type ._link_1y39l_82,._linkWrapper_1y39l_82._parent_1y39l_82:last-of-type ._search_1y39l_90,._linkWrapper_1y39l_82._parent_1y39l_82:last-of-type ._sublinkToggle_1y39l_91{padding-right:var(--spacing-md)}}@media (min-width: 768px){._linkWrapper_1y39l_82._parent_1y39l_82>._linkItem_1y39l_110 ._link_1y39l_82,._linkWrapper_1y39l_82._parent_1y39l_82>._linkItem_1y39l_110 ._search_1y39l_90,._linkWrapper_1y39l_82._parent_1y39l_82>._linkItem_1y39l_110 ._sublinkToggle_1y39l_91{opacity:1;visibility:visible;transition:background-color .3s ease-in-out;color:var(--color-secondary-100)}._linkWrapper_1y39l_82._parent_1y39l_82>._linkItem_1y39l_110 ._link_1y39l_82:hover,._linkWrapper_1y39l_82._parent_1y39l_82>._linkItem_1y39l_110 ._search_1y39l_90:hover,._linkWrapper_1y39l_82._parent_1y39l_82>._linkItem_1y39l_110 ._sublinkToggle_1y39l_91:hover{color:var(--color-secondary-100);background-color:rgba(var(--color-primary-rgb),.25)}}._standard_1y39l_129{left:0;background-color:#fff}._standard_1y39l_129 ._linkWrapper_1y39l_82{position:relative}._standard_1y39l_129 ._triangle_1y39l_137{display:none}._transparent_1y39l_142{background-color:transparent}._transparent_1y39l_142 ._nav_1y39l_5{height:auto;border-radius:var(--radius-full);padding:0;z-index:1001;background:#ffffff4d;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem)}@media (max-width: 767px){._transparent_1y39l_142 ._nav_1y39l_5{padding:var(--nav-height) 0 0;background:#fffffff2;border-radius:0;top:0!important;left:0!important;height:100vh}._transparent_1y39l_142 ._nav_1y39l_5:before{border-radius:0}}@media (max-width: 767px){._transparent_1y39l_142 ._menuToggle_1y39l_171,._transparent_1y39l_142 ._search_1y39l_90{border-radius:var(--radius-md)}._transparent_1y39l_142 ._menuToggle_1y39l_171:before,._transparent_1y39l_142 ._search_1y39l_90:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#ffffff80;backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);border-radius:var(--radius-md)}}._sticky_1y39l_194{position:fixed;top:var(--spacing-md);left:0;right:0;z-index:1000;width:100%}._container_1y39l_20{display:grid;align-items:center;grid-template-areas:"first second third";grid-template-columns:minmax(auto,1fr) auto minmax(auto,1fr);grid-gap:var(--spacing-md);width:100%;max-width:var(--layout-width);height:100%;margin:0 auto;padding:0 var(--spacing-lg);position:relative}@media (max-width: 767px){._container_1y39l_20{grid-template-areas:"first second third fourth fifth"}}._container_1y39l_20._twoColumn_1y39l_223{grid-template-columns:minmax(auto,1fr) auto;grid-template-areas:"first second"}._title_1y39l_73{grid-area:first;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._logo_1y39l_24{grid-area:first;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100);display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1005}._logo_1y39l_24 img{height:auto;width:auto}@media (max-width: 767px){._searchWrapper_1y39l_252{grid-area:fourth}}._menuToggle_1y39l_171,._search_1y39l_90{grid-area:fifth;background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative;width:40px;height:40px}._menuToggle_1y39l_171 svg,._search_1y39l_90 svg{position:relative;z-index:5}._utilityMobile_1y39l_277{display:none;grid-area:third;justify-content:flex-end}._utility_1y39l_277{grid-area:third;display:flex;justify-content:flex-end}._utility_1y39l_277 a{font-size:var(--font-size-sm)}._nav_1y39l_5{grid-area:second;display:grid;grid-template-columns:minmax(auto,1fr) auto;transition:transform .3s ease}@media (max-width: 767px){._nav_1y39l_5{height:100vh}}._navInner_1y39l_305{position:relative}@media (max-width: 767px){._navInner_1y39l_305{padding:0 var(--spacing-md);margin:var(--spacing-xl) auto 0;max-width:400px;width:100%}}._grid_1y39l_316{display:grid;align-items:center;grid-auto-flow:column}@media (max-width: 767px){._grid_1y39l_316{display:flex;flex-direction:column}}._linkItem_1y39l_110{display:flex;align-items:center;box-sizing:border-box}._searchModal_1y39l_335{top:7rem;padding:0!important;max-height:80vh;overflow:hidden}._searchModal_1y39l_335 .modalClose{display:none}._searchModal_1y39l_335 .modalContent{margin-top:0}._separator_1y39l_350{display:flex;align-items:center;justify-content:center;height:45%;border-left:1px solid var(--color-secondary-75)}._navTitle_1y39l_358,._sublinkToggle_1y39l_91,._search_1y39l_90,._link_1y39l_82{text-decoration:none;color:var(--color-secondary-100);background-color:transparent;border:none;padding:var(--spacing-sm);transition:color .3s ease-in-out;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs)}._navTitle_1y39l_358 ._newTabIcon_1y39l_378,._sublinkToggle_1y39l_91 ._newTabIcon_1y39l_378,._search_1y39l_90 ._newTabIcon_1y39l_378,._link_1y39l_82 ._newTabIcon_1y39l_378{color:var(--color-secondary-75);transition:color .3s ease-in-out}._navTitle_1y39l_358,._sublinksDescription_1y39l_385,._link_1y39l_82,._sublinkToggle_1y39l_91,._link_1y39l_82 ._linkContent_1y39l_388,._sublinkToggle_1y39l_91 ._linkContent_1y39l_388{height:40px}@media (min-width: 768px){._navTitle_1y39l_358,._sublinksDescription_1y39l_385,._link_1y39l_82,._sublinkToggle_1y39l_91,._link_1y39l_82 ._linkContent_1y39l_388,._sublinkToggle_1y39l_91 ._linkContent_1y39l_388{opacity:0;visibility:hidden;transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}}._link_1y39l_82:hover,._link_1y39l_82._open_1y39l_401,._search_1y39l_90:hover,._sublinkToggle_1y39l_91:hover,._sublinkToggle_1y39l_91._open_1y39l_401,._link_1y39l_82:hover ._newTabIcon_1y39l_378,._link_1y39l_82._open_1y39l_401 ._newTabIcon_1y39l_378,._search_1y39l_90:hover ._newTabIcon_1y39l_378,._sublinkToggle_1y39l_91:hover ._newTabIcon_1y39l_378,._sublinkToggle_1y39l_91._open_1y39l_401 ._newTabIcon_1y39l_378{color:var(--color-primary-100)}@media (max-width: 767px){._link_1y39l_82:hover,._link_1y39l_82._open_1y39l_401,._search_1y39l_90:hover,._sublinkToggle_1y39l_91:hover,._sublinkToggle_1y39l_91._open_1y39l_401{color:var(--color-secondary-100)}._link_1y39l_82:hover ._newTabIcon_1y39l_378,._link_1y39l_82._open_1y39l_401 ._newTabIcon_1y39l_378,._search_1y39l_90:hover ._newTabIcon_1y39l_378,._sublinkToggle_1y39l_91:hover ._newTabIcon_1y39l_378,._sublinkToggle_1y39l_91._open_1y39l_401 ._newTabIcon_1y39l_378{color:var(--color-secondary-100)}}._navItem_1y39l_420:hover{color:var(--color-primary-100)}._sublinkToggle_1y39l_91,._back_1y39l_425{background:none;border:none;display:flex;align-items:center;cursor:pointer;color:var(--color-secondary-100)}._sublinkToggle_1y39l_91:hover,._sublinkToggle_1y39l_91._open_1y39l_401,._back_1y39l_425:hover,._back_1y39l_425._open_1y39l_401{color:var(--color-primary-100)}._sublinks_1y39l_385{display:flex;justify-content:center;opacity:0;visibility:hidden;z-index:1000;transition:transform .3s ease-in-out,max-height .3s ease}._sublinks_1y39l_385._show_1y39l_472{max-height:500px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}._sublinks_1y39l_385._show_1y39l_472 ._navTitle_1y39l_358,._sublinks_1y39l_385._show_1y39l_472 ._sublinksDescription_1y39l_385,._sublinks_1y39l_385._show_1y39l_472 ._link_1y39l_82,._sublinks_1y39l_385._show_1y39l_472 ._sublinkToggle_1y39l_91,._sublinks_1y39l_385._show_1y39l_472 ._link_1y39l_82 ._linkContent_1y39l_388,._sublinks_1y39l_385._show_1y39l_472 ._sublinkToggle_1y39l_91 ._linkContent_1y39l_388{opacity:1;visibility:visible}._triangle_1y39l_137{visibility:hidden;opacity:0;position:absolute;top:calc(100% + .5rem);transform:translate(-50%);z-index:10;pointer-events:none;transition:top .3s ease-in-out,left .3s ease-in-out,visbility .3s ease-in-out,opacity .3s ease-in-out}._triangle_1y39l_137._show_1y39l_472{top:calc(100% + .3rem);opacity:1;visibility:visible}._primaryColumn_1y39l_513{border-right:1px solid var(--color-border)}._primaryColumn_1y39l_513 ._sublinkToggle_1y39l_91:hover,._primaryColumn_1y39l_513 ._sublinkToggle_1y39l_91._open_1y39l_401{color:var(--color-primary-100)}._secondaryColumn_1y39l_522{background-color:var(--color-secondary-10)}._spotlightColumn_1y39l_526{background-color:var(--color-secondary-75)}._sublinksInner_1y39l_530{background-color:var(--color-background);box-shadow:0 6px 8px #0000001a;border-radius:var(--radius-md);overflow:hidden}@media (max-width: 767px){._sublinksInner_1y39l_530{display:flex;flex-direction:column;width:unset;max-width:unset;min-height:unset;background-color:unset;box-shadow:unset;border-radius:unset}}._sublinksColumn_1y39l_548{display:flex;flex-direction:column;padding:var(--spacing-md)}@media (max-width: 767px){._sublinksColumn_1y39l_548{padding:0}}._chevron_1y39l_558{transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}._sublinkToggle_1y39l_91._open_1y39l_401 ._chevron_1y39l_558{transform:rotate(180deg)}@media (max-width: 767px){._logo_1y39l_24{flex:1}._menuToggle_1y39l_171,._search_1y39l_90{display:flex;align-items:center;justify-content:center}._utility_1y39l_277 a:not(._utility_1y39l_277 a:first-of-type){display:none}._utilityMobile_1y39l_277{display:block;transform:translateY(100px);position:fixed;bottom:1rem;left:0;right:0;margin:0 auto;width:calc(100% - 2rem);z-index:1001;transition:transform .3s ease-in-out}._utilityMobile_1y39l_277._open_1y39l_401{transform:translateY(0)}._nav_1y39l_5{display:none;position:fixed;top:calc(var(--nav-height) - 1px);left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--color-border);z-index:1000;overflow-y:auto;transform:translate(100%)}._nav_1y39l_5._open_1y39l_401{transform:translate(0)}._linkWrapper_1y39l_82{flex-direction:column;width:100%;max-width:300px;margin:0 auto;padding:var(--spacing-sm) 0}._linkWrapper_1y39l_82._parent_1y39l_82{border-bottom:1px solid var(--color-border)}._linkWrapper_1y39l_82._parent_1y39l_82:last-of-type{border:none}._linkItem_1y39l_110{width:100%}._chevron_1y39l_558{display:none}._sublinks_1y39l_385{position:relative;top:0;box-shadow:none;max-height:fit-content;opacity:1;visibility:visible;align-items:flex-start;justify-content:flex-start;padding:var(--spacing-sm);gap:0;pointer-events:auto}._sublinkToggle_1y39l_91{cursor:pointer;pointer-events:none;color:var(--color-primary-25)}}._default_1y39l_675 ._sublinks_1y39l_385{position:absolute;right:0;width:auto}@media (max-width: 767px){._default_1y39l_675 ._sublinks_1y39l_385{position:relative;justify-content:center;align-items:center}}._default_1y39l_675 ._linkItem_1y39l_110{justify-content:flex-end}@media (max-width: 767px){._default_1y39l_675 ._linkItem_1y39l_110{justify-content:center;align-items:center}}._default_1y39l_675 ._sublinksInner_1y39l_530{display:flex;flex-direction:column;min-width:125px;justify-content:flex-end;align-items:flex-end}@media (max-width: 767px){._default_1y39l_675 ._sublinksInner_1y39l_530{justify-content:center;align-items:center}}._advanced_1y39l_711 ._linkContent_1y39l_388{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}._advanced_1y39l_711 ._subtitle_1y39l_720{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-align:left}._advanced_1y39l_711 ._sublinksDescription_1y39l_385{color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}._advanced_1y39l_711 ._sublinks_1y39l_385{position:fixed;padding-top:var(--spacing-md);right:0;left:0;width:100%}@media (max-width: 767px){._advanced_1y39l_711 ._sublinks_1y39l_385{position:relative;justify-content:center;align-items:center}}._advanced_1y39l_711 ._linkItem_1y39l_110{justify-content:flex-start}._advanced_1y39l_711 ._sublinksInner_1y39l_530{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100vw - 4rem);width:78rem;min-height:24rem}._advanced_1y39l_711 ._sublinksInner_1y39l_530._withSpotlight_1y39l_761{grid-template-columns:repeat(4,minmax(0,1fr))}._advanced_1y39l_711 ._sublinksInner_1y39l_530._withoutSpotlight_1y39l_765{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 767px){._advanced_1y39l_711 ._sublinksInner_1y39l_530{grid-template-columns:1fr;width:auto;min-height:unset}}._advanced_1y39l_711 ._sublinkToggle_1y39l_91{pointer-events:all;color:var(--color-secondary-100);width:fit-content;transition:color .3s ease-in-out}._advanced_1y39l_711 ._sublinkToggle_1y39l_91:hover,._advanced_1y39l_711 ._sublinkToggle_1y39l_91._open_1y39l_401{color:var(--color-primary-100)}._advanced_1y39l_711 ._back_1y39l_425{margin-bottom:var(--spacing-lg);transition:color .3s ease-in-out}._advanced_1y39l_711 ._back_1y39l_425:hover{color:var(--color-primary-100)}._groupDivider_1y39l_803{border:0;height:0;border-top:none;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}._mobileMenu_1y39l_811,._mobileMenuSlide_1y39l_812{display:flex;flex-direction:column;gap:var(--spacing-md)}._mobileMenuItem_1y39l_822{opacity:0}._fadeInFromLeft_1y39l_826{animation:_fadeInFromLeft_1y39l_826 .3s ease-in-out forwards}._fadeInFromRight_1y39l_830{animation:_fadeInFromRight_1y39l_830 .3s ease-in-out forwards}@keyframes _fadeInFromLeft_1y39l_826{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _fadeInFromRight_1y39l_830{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}
|
package/dist/assets/index13.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._callToAction_1q5ab_1{display:inline-flex;justify-content:center;text-decoration:none;border-radius:var(--radius-md);border:none;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary-100);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}@media (max-width: 480px){._callToAction_1q5ab_1{width:100%}}._callToAction_1q5ab_1:focus,._callToAction_1q5ab_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._blurred_1q5ab_26:disabled,._primary_1q5ab_27:disabled,._secondary_1q5ab_28:disabled,._primaryInverted_1q5ab_29:disabled,._secondaryInverted_1q5ab_30:disabled,._blurredInverted_1q5ab_32:disabled{border-color:var(--color-primary-25);background-color:var(--color-primary-25);color:var(--color-primary-50);cursor:not-allowed}._link_1q5ab_39:disabled,._linkInverted_1q5ab_40:disabled,._underline_1q5ab_41:disabled,._underlineInverted_1q5ab_42:disabled{background-color:transparent;color:var(--color-primary-25);cursor:not-allowed}._blurred_1q5ab_26{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurred_1q5ab_26 ._content_1q5ab_52{background-color:rgba(var(--color-primary-rgb),1);color:#fff;width:100%}._blurred_1q5ab_26:hover ._content_1q5ab_52{background-color:rgba(var(--color-primary-rgb),.8)}._blurredInverted_1q5ab_32{-webkit-backdrop-filter:saturate(1.1) blur(1rem);backdrop-filter:saturate(1.1) blur(1rem);background-color:transparent}._blurredInverted_1q5ab_32 ._content_1q5ab_52{background-color:#ffffff80;color:var(--color-primary-100)}._blurredInverted_1q5ab_32:hover ._content_1q5ab_52{background-color:rgba(var(--color-primary-rgb),1);color:#fff}._primary_1q5ab_27{background-color:var(--color-primary-100);color:#fff}._primary_1q5ab_27:hover{background-color:var(--color-secondary-100);color:#fff}._primaryInverted_1q5ab_29{border-color:#fff;background-color:#fff;color:var(--color-primary-100)}._primaryInverted_1q5ab_29:hover{border-color:var(--color-primary-25);background-color:var(--color-primary-25);color:var(--color-secondary-100)}._secondary_1q5ab_28{background-color:transparent;border-color:var(--color-primary-100);border-width:2px;border-style:solid;color:var(--color-primary-100)}._secondary_1q5ab_28:hover{border-color:var(--color-primary-100);background-color:var(--color-primary-100);color:#fff}._secondaryInverted_1q5ab_30{background-color:transparent;border:2px solid;border-color:#fff;border-width:2px;color:#fff}._secondaryInverted_1q5ab_30:hover{border-color:#fff;background-color:#fff;color:var(--color-secondary-100)}._link_1q5ab_39 ._content_1q5ab_52,._linkInverted_1q5ab_40 ._content_1q5ab_52,._underline_1q5ab_41 ._content_1q5ab_52,._underlineInverted_1q5ab_42 ._content_1q5ab_52{padding:0}._link_1q5ab_39{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._linkInverted_1q5ab_40{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_1q5ab_41{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._underlineInverted_1q5ab_42{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._muted_1q5ab_177{color:var(--color-primary-25);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._icon_1q5ab_186{display:inline-flex}._content_1q5ab_52{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-sm);text-wrap:nowrap;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s ease-in-out,color .3s ease-in-out}._iconLeft_1q5ab_202{flex-direction:row-reverse}._iconRight_1q5ab_206{flex-direction:row}
|
package/dist/assets/index32.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tabs_1mxdm_1{display:flex;flex-direction:column;width:100%}._tabsList_1mxdm_7{display:flex;width:100%;background-color:var(--color-secondary-25);border-radius:calc(var(--radius-md) + 5px);position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}._tabsList_1mxdm_7::-webkit-scrollbar{display:none}._horizontal_1mxdm_24{flex-direction:column}._horizontal_1mxdm_24 ._tabsPanel_1mxdm_26{padding:var(--spacing-lg) var(--spacing-md)}._vertical_1mxdm_31{flex-direction:row;align-items:flex-start;gap:3rem}._vertical_1mxdm_31 ._tabsList_1mxdm_7{flex-direction:column;overflow-x:visible;flex:.25 0 150px}._vertical_1mxdm_31 ._tabsTrigger_1mxdm_42{white-space:normal;text-align:left}._vertical_1mxdm_31 ._tabsPanelWrapper_1mxdm_47{flex:1;width:100%}@media (max-width: 767px){._vertical_1mxdm_31{flex-direction:column}}._left_1mxdm_58{justify-content:flex-start}._center_1mxdm_62{justify-content:center}._right_1mxdm_66{justify-content:flex-end}._indicator_1mxdm_70{position:absolute;left:0;top:0;border-radius:var(--radius-md);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:0;border:5px solid var(--color-tab-background)}._indicator_1mxdm_70:after{content:"";border-radius:var(--radius-md);background-color:var(--color-primary-100);display:block;position:absolute;width:100%;height:100%}._tabsTrigger_1mxdm_42{padding:var(--spacing-md);border:none;background:none;cursor:pointer;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease;position:relative;z-index:1;white-space:nowrap;text-align:center;width:100%}._tabsTrigger_1mxdm_42._active_1mxdm_117{color:#fff}@media (max-width: 767px){._tabsList_1mxdm_7{flex-direction:column;overflow-x:visible}._tabsTrigger_1mxdm_42{white-space:normal;text-align:left}}._tabsPanelWrapper_1mxdm_47{position:relative;overflow:hidden;height:auto;transition:height .3s ease-in-out}._tabsPanel_1mxdm_26{animation:_fadeSlide_1mxdm_1 .3s ease both;position:relative;width:100%;color:var(--color-text-primary)}@keyframes _fadeSlide_1mxdm_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._default_1mxdm_161{background-color:transparent}._dark_1mxdm_165{background-color:var(--color-tab-background)}._dark_1mxdm_165 ._indicator_1mxdm_70{border:5px solid transparent}._dark_1mxdm_165 ._tabsTrigger_1mxdm_42{color:var(--color-primary-25)}._light_1mxdm_177{background-color:#fff}._light_1mxdm_177 ._indicator_1mxdm_70{border:5px solid transparent}._light_1mxdm_177 ._tabsList_1mxdm_7{background-color:#fff}._light_1mxdm_177 ._tabsTrigger_1mxdm_42{color:var(--color-text-primary)}._light_1mxdm_177 ._tabsTrigger_1mxdm_42:hover{color:var(--color-primary-100)}._light_1mxdm_177 ._tabsTrigger_1mxdm_42._active_1mxdm_117{color:#fff}._transparent_1mxdm_201{background-color:transparent}._transparent_1mxdm_201 ._indicator_1mxdm_70{border:5px solid transparent}._transparent_1mxdm_201 ._tabsList_1mxdm_7{background-color:transparent}._transparent_1mxdm_201 ._tabsTrigger_1mxdm_42{color:var(--color-text-primary)}._transparent_1mxdm_201 ._tabsTrigger_1mxdm_42:hover{color:var(--color-primary-100)}._transparent_1mxdm_201 ._tabsTrigger_1mxdm_42._active_1mxdm_117{color:#fff}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import '../../assets/index13.css';const
|
|
3
|
-
callToAction:
|
|
4
|
-
blurred:
|
|
5
|
-
primary:
|
|
6
|
-
secondary:
|
|
7
|
-
primaryInverted:
|
|
8
|
-
secondaryInverted:
|
|
9
|
-
blurredInverted:
|
|
10
|
-
link:
|
|
11
|
-
linkInverted:
|
|
12
|
-
underline:
|
|
13
|
-
underlineInverted:
|
|
14
|
-
content:
|
|
15
|
-
icon:
|
|
16
|
-
iconLeft:
|
|
17
|
-
iconRight:
|
|
18
|
-
},
|
|
1
|
+
import { jsx as e, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/index13.css';const p = "_callToAction_1q5ab_1", q = "_blurred_1q5ab_26", f = "_primary_1q5ab_27", h = "_secondary_1q5ab_28", k = "_primaryInverted_1q5ab_29", g = "_secondaryInverted_1q5ab_30", $ = "_blurredInverted_1q5ab_32", A = "_link_1q5ab_39", x = "_linkInverted_1q5ab_40", T = "_underline_1q5ab_41", R = "_underlineInverted_1q5ab_42", L = "_content_1q5ab_52", N = "_icon_1q5ab_186", C = "_iconLeft_1q5ab_202", j = "_iconRight_1q5ab_206", n = {
|
|
3
|
+
callToAction: p,
|
|
4
|
+
blurred: q,
|
|
5
|
+
primary: f,
|
|
6
|
+
secondary: h,
|
|
7
|
+
primaryInverted: k,
|
|
8
|
+
secondaryInverted: g,
|
|
9
|
+
blurredInverted: $,
|
|
10
|
+
link: A,
|
|
11
|
+
linkInverted: x,
|
|
12
|
+
underline: T,
|
|
13
|
+
underlineInverted: R,
|
|
14
|
+
content: L,
|
|
15
|
+
icon: N,
|
|
16
|
+
iconLeft: C,
|
|
17
|
+
iconRight: j
|
|
18
|
+
}, d = {
|
|
19
19
|
primary: n.primary,
|
|
20
20
|
primaryInverted: n.primaryInverted,
|
|
21
21
|
secondary: n.secondary,
|
|
@@ -32,42 +32,42 @@ import '../../assets/index13.css';const j = "_callToAction_13cjw_1", w = "_blurr
|
|
|
32
32
|
};
|
|
33
33
|
function B({
|
|
34
34
|
variant: t = "primary",
|
|
35
|
-
displayType:
|
|
36
|
-
imageSrc:
|
|
35
|
+
displayType: s = "text",
|
|
36
|
+
imageSrc: o,
|
|
37
37
|
imageAlt: _ = "",
|
|
38
|
-
icon:
|
|
39
|
-
iconAlignemnt:
|
|
38
|
+
icon: a,
|
|
39
|
+
iconAlignemnt: b = "right",
|
|
40
40
|
useRouter: M = !1,
|
|
41
|
-
className:
|
|
42
|
-
children:
|
|
43
|
-
disabled:
|
|
41
|
+
className: c,
|
|
42
|
+
children: u,
|
|
43
|
+
disabled: v = !1,
|
|
44
44
|
...r
|
|
45
45
|
}) {
|
|
46
|
-
const
|
|
47
|
-
/* @__PURE__ */ e("span", { children:
|
|
48
|
-
|
|
46
|
+
const i = s === "image" && o ? /* @__PURE__ */ e("img", { src: o, alt: _, className: n.image }) : /* @__PURE__ */ m("span", { className: `${n.content} ${E[b]}`, children: [
|
|
47
|
+
/* @__PURE__ */ e("span", { children: u }),
|
|
48
|
+
a && /* @__PURE__ */ e("span", { className: n.icon, children: a })
|
|
49
49
|
] });
|
|
50
50
|
if (r.as == "a") {
|
|
51
|
-
const { href:
|
|
51
|
+
const { href: I, target: l, ...y } = r;
|
|
52
52
|
return /* @__PURE__ */ e(
|
|
53
53
|
"a",
|
|
54
54
|
{
|
|
55
|
-
href:
|
|
56
|
-
target:
|
|
57
|
-
rel:
|
|
58
|
-
className: `${
|
|
59
|
-
...
|
|
60
|
-
children:
|
|
55
|
+
href: I,
|
|
56
|
+
target: l,
|
|
57
|
+
rel: l === "_blank" ? "noopener noreferrer" : void 0,
|
|
58
|
+
className: `${c ?? ""} ${n.callToAction} ${d[t]}`,
|
|
59
|
+
...y,
|
|
60
|
+
children: i
|
|
61
61
|
}
|
|
62
62
|
);
|
|
63
63
|
}
|
|
64
64
|
return /* @__PURE__ */ e(
|
|
65
65
|
"button",
|
|
66
66
|
{
|
|
67
|
-
className: `${
|
|
68
|
-
disabled:
|
|
67
|
+
className: `${c ?? ""} ${n.callToAction} ${d[t]}`,
|
|
68
|
+
disabled: v,
|
|
69
69
|
...r,
|
|
70
|
-
children:
|
|
70
|
+
children: i
|
|
71
71
|
}
|
|
72
72
|
);
|
|
73
73
|
}
|