trimble-terra 1.4.4 → 1.6.0
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/src/component/FlyoutCartComponent/FlyoutCartComponent.css +1 -1
- package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.d.ts.map +1 -1
- package/dist/src/component/FlyoutCartComponent/FlyoutCartComponent.js +17 -17
- package/dist/src/navigation/SiteNav/SiteNav.css +1 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/WaffleMenu/WaffleMenu.css +1 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/WaffleMenu/WaffleMenu.d.ts.map +1 -1
- package/dist/src/navigation/SiteNav/UtilityNavComponents/WaffleMenu/WaffleMenu.js +1 -2
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/WaffleMenu/WaffleMenu.css +1 -1
- package/package.json +8 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.ter-cart-item+.ter-cart-item{border-top:1px solid #e0e1e9}.ter-cart-item{display:flex;justify-content:flex-start;gap:16px;padding:32px 0}.ter-cart-item .t2-quantity-tracker__wrapper{flex:0 1 140px;min-width:72px}.ter-cart-item .t2-quantity-tracker__input-wrapper{width:100%}.ter-cart-item__figure{all:unset;outline:1px solid #f1f1f6;min-width:115px;width:115px;height:115px}.ter-cart-item__figure__img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ter-cart-item__details{flex-grow:1}.ter-cart-item__product-name{font-size:1.25rem;line-height:1.75rem;font-weight:700;margin-bottom:4px;margin-top:0}.ter-cart-item__sku{font-size:.875rem;line-height:1.125rem;margin-bottom:4px;line-height:24px}.ter-cart-item__price-wrapper{margin:4px 0}.ter-cart-item__price{font-size:1rem;line-height:1.75rem;font-weight:800}.ter-cart-item__price--strike{display:block;font-size:16px;font-weight:600;color:#90939f;text-decoration:line-through;line-height:28px}.ter-cart-item__duration{font-size:.875rem;line-height:1.125rem}.ter-cart-item__discount{margin:4px 0}.ter-cart-item__qty{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;margin-top:16px}.ter-cart-item__qty__label{font-weight:600;font-size:.875rem;line-height:1.25rem;font-weight:700}.ter-cart-item__credit-notice{margin-top:16px;display:flex;flex-direction:column;gap:16px}.ter-cart-item__credit-notice__line{font-size:.875rem;line-height:1.125rem;margin:0;color:#353a40}.ter-cart-item__credit-notice__line strong{font-weight:700!important}.ter-cart-item__remove{all:unset;font-weight:600;font-size:.875rem;line-height:1.25rem;color:#252a2e;font-weight:700;-webkit-text-decoration:underline solid 2px #fbad26;text-decoration:underline solid 2px #fbad26;text-underline-offset:4px;cursor:pointer;display:flex;align-items:center;flex-shrink:0;margin-top:16px}.ter-cart-item__remove:focus,.ter-cart-item__remove:active{font-weight:700}.ter-cart-item__remove svg{color:#252a2e;flex-shrink:0}.ter-cart-item__link{font-weight:600;font-size:.875rem;line-height:1.25rem;font-weight:700}.ter-cart-item .t2-credits-tracker__error{margin-bottom:0}.ter-cart-item__credits-tracker.t2-credits-tracker{width:
|
|
1
|
+
.ter-cart-item+.ter-cart-item{border-top:1px solid #e0e1e9}.ter-cart-item{display:flex;justify-content:flex-start;gap:16px;padding:32px 0}.ter-cart-item .t2-quantity-tracker__wrapper{flex:0 1 140px;min-width:72px}.ter-cart-item .t2-quantity-tracker__input-wrapper{width:100%}.ter-cart-item__figure{all:unset;outline:1px solid #f1f1f6;min-width:115px;width:115px;height:115px}.ter-cart-item__figure__img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ter-cart-item__details{flex-grow:1}.ter-cart-item__product-name{font-size:1.25rem;line-height:1.75rem;font-weight:700;margin-bottom:4px;margin-top:0}.ter-cart-item__sku{font-size:.875rem;line-height:1.125rem;margin-bottom:4px;line-height:24px}.ter-cart-item__price-wrapper{margin:4px 0}.ter-cart-item__price{font-size:1rem;line-height:1.75rem;font-weight:800}.ter-cart-item__price--strike{display:block;font-size:16px;font-weight:600;color:#90939f;text-decoration:line-through;line-height:28px}.ter-cart-item__duration{font-size:.875rem;line-height:1.125rem}.ter-cart-item__discount{margin:4px 0}.ter-cart-item__qty{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;margin-top:16px}.ter-cart-item__qty__label{font-weight:600;font-size:.875rem;line-height:1.25rem;font-weight:700}.ter-cart-item__qty--credits{flex-direction:column;align-items:stretch;gap:8px}.ter-cart-item__qty--credits .ter-cart-item__qty__label{white-space:nowrap}.ter-cart-item__credit-notice{margin-top:16px;display:flex;flex-direction:column;gap:16px}.ter-cart-item__credit-notice__line{font-size:.875rem;line-height:1.125rem;margin:0;color:#353a40}.ter-cart-item__credit-notice__line strong{font-weight:700!important}.ter-cart-item__remove{all:unset;font-weight:600;font-size:.875rem;line-height:1.25rem;color:#252a2e;font-weight:700;-webkit-text-decoration:underline solid 2px #fbad26;text-decoration:underline solid 2px #fbad26;text-underline-offset:4px;cursor:pointer;display:flex;align-items:center;flex-shrink:0;margin-top:16px}.ter-cart-item__remove:focus,.ter-cart-item__remove:active{font-weight:700}.ter-cart-item__remove svg{color:#252a2e;flex-shrink:0}.ter-cart-item__link{font-weight:600;font-size:.875rem;line-height:1.25rem;font-weight:700}.ter-cart-item .t2-credits-tracker__error{margin-bottom:0}.ter-cart-item__credits-tracker.t2-credits-tracker{width:100%!important;max-width:none!important;height:32px!important}.ter-cart-item__credits-tracker.t2-credits-tracker .t2-credits-tracker__input{padding:0 34px!important;font-size:14px!important}.ter-cart-item__credits-tracker.t2-credits-tracker .t2-credits-tracker__button{width:24px!important}.ter-cart-item__credits-tracker.t2-credits-tracker .t2-credits-tracker__button.t2-credits-tracker__button--decrease{left:10px!important}.ter-cart-item__credits-tracker.t2-credits-tracker .t2-credits-tracker__button.t2-credits-tracker__button--increase{right:10px!important}.ter-cart-item__credits-tracker.t2-credits-tracker .t2-credits-tracker__button svg{transform:scale(.7)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlyoutCartComponent.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCartComponent/FlyoutCartComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,4BAA4B,CAAC;AAEpC,UAAU,SAAS;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,UAAU;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CACjB,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,KACb,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;CAC1C;AASD,iBAAS,aAAa,CAAC,EACrB,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,QAAY,EACZ,GAAG,EACH,KAAK,EACL,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,mBAA2B,EAC3B,mBAA2B,EAC3B,IAAI,EACJ,MAAM,EACN,QAAiC,EACjC,SAAiB,EACjB,aAAqB,EACrB,GAAG,EACH,GAAG,EACH,SAAS,EACT,MAAM,EACN,gBAA2B,EAC3B,QAAmB,EACnB,aAAa,GACd,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"FlyoutCartComponent.d.ts","sourceRoot":"","sources":["../../../../src/component/FlyoutCartComponent/FlyoutCartComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,4BAA4B,CAAC;AAEpC,UAAU,SAAS;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,UAAU;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CACjB,EAAE,EAAE,MAAM,EACV,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,KACb,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;CAC1C;AASD,iBAAS,aAAa,CAAC,EACrB,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,QAAY,EACZ,GAAG,EACH,KAAK,EACL,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,mBAA2B,EAC3B,mBAA2B,EAC3B,IAAI,EACJ,MAAM,EACN,QAAiC,EACjC,SAAiB,EACjB,aAAqB,EACrB,GAAG,EACH,GAAG,EACH,SAAS,EACT,MAAM,EACN,gBAA2B,EAC3B,QAAmB,EACnB,aAAa,GACd,EAAE,kBAAkB,qBA0SpB;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
|
2
|
-
import T, { useRef as ae, useState as
|
|
2
|
+
import T, { useRef as ae, useState as q, useEffect as ie } from "react";
|
|
3
3
|
import { QuantityTracker as ne } from "../QuantityTracker/QuantityTracker.js";
|
|
4
4
|
import { ErrorMessage as L } from "../QuantityTracker/ErrorMessage.js";
|
|
5
5
|
import ce from "../CreditsTracker/CreditsTracker.js";
|
|
@@ -20,15 +20,15 @@ function ye({
|
|
|
20
20
|
price: b,
|
|
21
21
|
strikePrice: Q,
|
|
22
22
|
discount: $,
|
|
23
|
-
discountCode:
|
|
23
|
+
discountCode: V,
|
|
24
24
|
duration: F,
|
|
25
25
|
isMinThresholdError: B = !1,
|
|
26
26
|
isMaxThresholdError: Z = !1,
|
|
27
|
-
link:
|
|
27
|
+
link: g,
|
|
28
28
|
labels: D,
|
|
29
29
|
settings: _ = { ...oe },
|
|
30
30
|
isLoading: E = !1,
|
|
31
|
-
creditProduct:
|
|
31
|
+
creditProduct: y = !1,
|
|
32
32
|
min: M,
|
|
33
33
|
max: j,
|
|
34
34
|
increment: I,
|
|
@@ -39,7 +39,7 @@ function ye({
|
|
|
39
39
|
},
|
|
40
40
|
LinkComponent: K
|
|
41
41
|
}) {
|
|
42
|
-
const v = ae(null), [r, l] =
|
|
42
|
+
const v = ae(null), [r, l] = q(p), [m, u] = q(null);
|
|
43
43
|
ie(() => {
|
|
44
44
|
typeof p == "number" && l(p);
|
|
45
45
|
}, [p]);
|
|
@@ -97,16 +97,16 @@ function ye({
|
|
|
97
97
|
if (!f || f.length === 0) return "";
|
|
98
98
|
const t = [(I ?? 0).toLocaleString(C)];
|
|
99
99
|
let i = 0;
|
|
100
|
-
const S = (
|
|
100
|
+
const S = (N, s) => N.split(/(\{[^}]+\})/g).map((d, R) => {
|
|
101
101
|
if (/^\{[^}]+\}$/.test(d)) {
|
|
102
102
|
const re = t[i++] ?? d;
|
|
103
103
|
return /* @__PURE__ */ e(T.Fragment, { children: re }, `${s}-${R}`);
|
|
104
104
|
}
|
|
105
105
|
return /* @__PURE__ */ e(T.Fragment, { children: d }, `${s}-${R}`);
|
|
106
106
|
});
|
|
107
|
-
return f.split(/(\*\*[^*]+\*\*)/g).map((
|
|
108
|
-
const d = /^\*\*([^*]+)\*\*$/.exec(
|
|
109
|
-
return d ? /* @__PURE__ */ e("strong", { children: S(d[1], `b-${s}`) }, `b-${s}`) : /* @__PURE__ */ e(T.Fragment, { children: S(
|
|
107
|
+
return f.split(/(\*\*[^*]+\*\*)/g).map((N, s) => {
|
|
108
|
+
const d = /^\*\*([^*]+)\*\*$/.exec(N);
|
|
109
|
+
return d ? /* @__PURE__ */ e("strong", { children: S(d[1], `b-${s}`) }, `b-${s}`) : /* @__PURE__ */ e(T.Fragment, { children: S(N, `p-${s}`) }, `p-${s}`);
|
|
110
110
|
});
|
|
111
111
|
})(), te = new Intl.NumberFormat(void 0, {
|
|
112
112
|
style: "currency",
|
|
@@ -126,7 +126,7 @@ function ye({
|
|
|
126
126
|
) }),
|
|
127
127
|
/* @__PURE__ */ n("div", { className: "ter-cart-item__details", children: [
|
|
128
128
|
a && /* @__PURE__ */ e("h3", { className: "ter-cart-item__product-name", children: a }),
|
|
129
|
-
c && /* @__PURE__ */ n("div", { className: "ter-cart-item__sku", children: [
|
|
129
|
+
c && !y && /* @__PURE__ */ n("div", { className: "ter-cart-item__sku", children: [
|
|
130
130
|
"SKU: ",
|
|
131
131
|
c
|
|
132
132
|
] }),
|
|
@@ -144,11 +144,11 @@ function ye({
|
|
|
144
144
|
se,
|
|
145
145
|
{
|
|
146
146
|
discount: $,
|
|
147
|
-
discountCode:
|
|
147
|
+
discountCode: V,
|
|
148
148
|
className: "ter-cart-item__discount"
|
|
149
149
|
}
|
|
150
150
|
),
|
|
151
|
-
|
|
151
|
+
y && /* @__PURE__ */ n("div", { className: "ter-cart-item__qty ter-cart-item__qty--credits", children: [
|
|
152
152
|
/* @__PURE__ */ e("span", { className: "ter-cart-item__qty__label", children: D?.creditsLabel ?? "Number of Credits" }),
|
|
153
153
|
/* @__PURE__ */ e(
|
|
154
154
|
ce,
|
|
@@ -167,11 +167,11 @@ function ye({
|
|
|
167
167
|
}
|
|
168
168
|
)
|
|
169
169
|
] }),
|
|
170
|
-
|
|
170
|
+
y && (f || w) && /* @__PURE__ */ n("div", { className: "ter-cart-item__credit-notice", children: [
|
|
171
171
|
f && /* @__PURE__ */ e("p", { className: "ter-cart-item__credit-notice__line", children: ee }),
|
|
172
172
|
w && /* @__PURE__ */ e("p", { className: "ter-cart-item__credit-notice__line", children: w })
|
|
173
173
|
] }),
|
|
174
|
-
!
|
|
174
|
+
!y && /* @__PURE__ */ n("div", { className: "ter-cart-item__qty", children: [
|
|
175
175
|
/* @__PURE__ */ e("span", { className: "ter-cart-item__qty__label", children: _?.quantityLabel ?? D?.quantityLabel ?? "Quantity" }),
|
|
176
176
|
/* @__PURE__ */ e(
|
|
177
177
|
ne,
|
|
@@ -213,11 +213,11 @@ function ye({
|
|
|
213
213
|
Number(r) < 0 && /* @__PURE__ */ e(L, { errorMessage: _?.errorMessageForMinQuantity }),
|
|
214
214
|
B && /* @__PURE__ */ e(L, { errorMessage: P }),
|
|
215
215
|
Z && /* @__PURE__ */ e(L, { errorMessage: _?.errorMessageForMaxQuantity }),
|
|
216
|
-
|
|
216
|
+
g && /* @__PURE__ */ e("div", { className: "ter-cart-item__link-wrapper", children: /* @__PURE__ */ e(
|
|
217
217
|
le,
|
|
218
218
|
{
|
|
219
|
-
label:
|
|
220
|
-
destination:
|
|
219
|
+
label: g.text,
|
|
220
|
+
destination: g.url,
|
|
221
221
|
linkType: "text",
|
|
222
222
|
className: "ter-cart-item__link",
|
|
223
223
|
LinkComponent: K
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes nav-promo-slide-in{0%{opacity:0;transform:translate(-280px)}to{opacity:1;transform:translate(0)}}.t2-site-nav__desktop{display:none}@media(min-width:1280px){.t2-site-nav__desktop{display:block}}.t2-site-nav__mobile{display:block}@media(min-width:1280px){.t2-site-nav__mobile{display:none}}.tf-toggle-wrap{display:none}@media(min-width:1280px){.tf-toggle-wrap{display:block}}.t2-site-nav{border-bottom:1px solid #e0e1e9}.t2-site-nav a:visited,.t2-site-nav a:active{color:inherit}.t2-site-nav a:hover,.t2-site-nav a:active{text-decoration:none}.t2-site-nav *{box-sizing:border-box}.t2-site-nav .t2-terra-text-link{color:#353a40}@media(max-width:767.98px){.t2-site-nav__wrapper,.t2-site-nav__wrapper.t2-wrapper{padding-left:0}}@media(max-width:1023.98px){.t2-site-nav__wrapper,.t2-site-nav__wrapper.t2-wrapper{padding-right:10px}}.t2-site-nav-top--alternative-logo{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}@media(min-width:768px){.t2-site-nav-top--alternative-logo{height:106px;padding:26px 0;justify-content:space-between}}.t2-site-nav-top{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}@media(min-width:768px){.t2-site-nav-top{height:106px;padding:26px 0;justify-content:flex-end}}.t2-site-nav-top__logo{padding:7px 11px 7px 27px;background-color:#0063a3;display:flex;align-items:center;text-align:right;line-height:1;height:37px}@media(min-width:768px){.t2-site-nav-top__logo{padding:0 15px 0 60px;height:45px}}@media(min-width:1024px){.t2-site-nav-top__logo{padding:0 20px 0 80px;height:55px}}.t2-site-nav-top__logo-holder{display:flex;align-items:center;text-decoration:none}@media screen and (min-width:768px){.t2-site-nav-top__logo-holder{position:absolute;left:0}}@media(min-width:1024px){.t2-site-nav-top__logo-holder{top:26px}}.t2-site-nav-top__logo-holder--alternative{display:flex;align-items:center;text-decoration:none}@media(min-width:768px){.t2-site-nav-top__logo-holder--alternative{position:static}}.t2-site-nav-top__logo--alternative{padding:0 11px 0 20px;display:flex;align-items:center;text-align:right;line-height:1;height:37px}@media(min-width:768px){.t2-site-nav-top__logo--alternative{padding:0 15px 0 20px;height:45px}}@media(min-width:1024px){.t2-site-nav-top__logo--alternative{padding-right:15px;margin-left:-20px;height:55px}}.t2-site-nav-top__logo--alternative img{height:100%!important}.t2-site-nav-top__site-name{color:#0063a3;margin-left:10px;font-weight:300;font-size:1rem;line-height:1.125rem;text-decoration:none}.t2-site-nav-top__site-name--hidden{display:none}@media(min-width:1024px){.t2-site-nav-top__site-name{font-size:1.5rem;margin-left:16px}}@media(min-width:1280px){.t2-site-nav-top__site-name{font-size:2rem}}.t2-site-nav-top__utility-nav{display:none;list-style:none}@media(min-width:1280px){.t2-site-nav-top__utility-nav{display:flex;justify-content:space-between;align-items:center;margin:0;height:55px}}.t2-site-nav-top__utility-nav-button{border:none;background-color:#fff;cursor:pointer}.t2-site-nav-top__utility-nav-search{display:flex;align-items:center;position:relative;color:#353a40}.t2-site-nav-top__utility-nav-search svg{cursor:pointer;margin:0}.t2-site-nav-top__utility-nav-search .t2-site-nav-top__utility-nav-search--underline{border-bottom:3px solid transparent;width:100%;height:0;position:absolute;bottom:-12px}.t2-site-nav-top__utility-nav-search .t2-site-nav-top__utility-nav-search--underline-deployed,.t2-site-nav-top__utility-nav-search:hover .t2-site-nav-top__utility-nav-search--underline{border-bottom:3px solid #fbad26}.t2-site-nav-top__utility-nav-profile{padding-top:4px;color:#353a40}.t2-site-nav-top__utility-nav-profile svg,.t2-site-nav-top__utility-nav-profile svg fill,.t2-site-nav-top__utility-nav-profile svg path{color:#353a40}@media(min-width:1280px){.t2-site-nav-top__utility-nav li{margin-right:20px}}.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{text-transform:uppercase;font-weight:700;padding:4px 10px 2px;font-size:.6875rem;letter-spacing:1px;line-height:.875rem;height:37px;display:flex;align-items:center;max-width:170px;overflow:hidden;margin:0 10px}@media(min-width:640px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{max-width:200px}}@media(min-width:768px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{margin-right:22px;height:45px;font-size:.75rem;max-width:250px}}@media(min-width:1024px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{max-width:300px}}.t2-site-nav-top__mobile-cta--hidden.t2-button,.t2-site-nav-top__mobile-cta.t2-button--medium--hidden.t2-button{visibility:hidden;pointer-events:none;display:none}.t2-site-nav-top__mobile-cta:focus,.t2-site-nav-top__mobile-cta:active,.t2-site-nav-top__mobile-cta.t2-button--medium:focus,.t2-site-nav-top__mobile-cta.t2-button--medium:active{font-weight:700!important}.t2-site-nav-top__mobile-menu{display:flex}@media(min-width:1280px){.t2-site-nav-top__mobile-menu{display:none}}.t2-site-nav-top__mobile-menu-button{background:transparent;color:#353a40;border:0;cursor:pointer;padding:0;margin:0 5px;line-height:0}@media(min-width:640px){.t2-site-nav-top__mobile-menu-button{margin:0 10px}}@media(min-width:1280px){.t2-site-nav-top__mobile-menu-button{margin:0 20px}}.t2-site-nav__logo-image{height:100%}@media(min-width:768px){.t2-site-nav__logo-image{min-width:131px;height:auto}}.t2-site-nav-main{font-size:.9375rem;width:100%;padding:0px calc((100% - 1280px)/2);position:relative;z-index:6;background-color:#fff;display:none;color:#353a40;justify-content:space-between}@media(min-width:1280px){.t2-site-nav-main{display:flex}}.t2-site-nav-main:before{content:"";position:absolute;inset:0;background-color:#fff;z-index:6;pointer-events:none}.t2-site-nav-main-mobile{display:block;width:100%}@media(min-width:1280px){.t2-site-nav-main-mobile{display:none}}.t2-site-nav-main a:visited,.t2-site-nav-main a:active{color:inherit;font-weight:inherit}.t2-site-nav-main__nav{display:flex;padding:0;margin:0}.t2-site-nav-main__nav-item{list-style:none}.t2-site-nav-main__nav-item>span,.t2-site-nav-main__nav-item>a{display:inline-block;position:relative;z-index:7;cursor:pointer;padding:10px 25px 25px;border-bottom:4px solid transparent}.t2-site-nav-main__nav-item>span:hover,.t2-site-nav-main__nav-item>a:hover{color:#7d808d}.t2-site-nav-main__nav-item--active span{color:#7d808d}.t2-site-nav-main__nav-item--active span:after{display:block;width:calc(100% - 50px);margin:0 25px;position:absolute;bottom:-4px;content:"";border-bottom:6px solid var(--Yellow10, rgb(251, 173, 38));left:0}.t2-site-nav-main__nav-item--link{color:#353a40;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.875rem;text-decoration:none;text-transform:uppercase;line-height:20px;font-weight:700;position:relative}.t2-site-nav-main__nav-item--link a{text-decoration:none;color:#353a40;font-weight:inherit}.t2-site-nav-main__nav-item--link a:visited,.t2-site-nav-main__nav-item--link a:hover{text-decoration:none;font-weight:inherit}.t2-site-nav-main__nav-item--link a:hover{color:#7d808d}.t2-site-nav-main__category-title{color:#353a40;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.875rem;text-decoration:none;line-height:20px;text-transform:uppercase;font-weight:700;position:relative}.t2-site-nav-main__display-line{background-color:#d5d6de;width:1px;display:inline-block;position:absolute;transition:left .3s ease;left:310px;z-index:3}.t2-site-nav-main__inner-shadow{box-shadow:0 2px 2px #0000000f;position:absolute;top:-4px;left:0;right:0;height:4px;overflow:visible}.t2-site-nav-main__megamenu{pointer-events:none;position:absolute;background-color:#fff;visibility:hidden;opacity:0;transform:translateY(-15px);box-shadow:0 4px 6px #0000001f;z-index:5;width:100%;height:auto;min-height:513px;max-width:735px;border-radius:0 0 10px 10px;transition:opacity .3s ease,transform .3s ease,max-width .3s ease,visibility 0s .3s;overflow:hidden;padding:50px 40px;top:59px}.t2-site-nav-main__megamenu-container{position:relative}.t2-site-nav-main__megamenu-container:before{content:"";position:absolute;top:0;left:0;width:310px;height:2000px;background-color:#fff;z-index:2;pointer-events:none}.t2-site-nav-main__megamenu--no-promo{max-width:355px}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory .t2-site-nav-main__display-line{display:none}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory-wrapper{border:0}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory-wrapper--open{padding-right:7px}.t2-site-nav-main__megamenu.t2-site-nav-main__megamenu--subcategory-open{visibility:hidden}.t2-site-nav-main__megamenu--open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .3s ease,transform .3s ease,max-width .3s ease,visibility 0s 0s}.t2-site-nav-main__megamenu--open .t2-site-nav-main__subcategory-wrapper{visibility:hidden;transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--no-promo:not(.t2-site-nav-main__megamenu--subcategory-open) .t2-site-nav-main__display-line{display:none}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open{visibility:visible}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__subcategory-wrapper{visibility:visible;transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__nav-promo{animation:nav-promo-slide-in .35s ease both}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--no-promo{max-width:880px}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--no-promo{max-width:1130px}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--no-promo{max-width:355px}.t2-site-nav-main__megamenu--subcategory-open{visibility:visible;opacity:1;transform:translateY(0);width:100%;max-width:1280px;transition:opacity .3s ease,transform .3s ease,visibility 0s 0s}.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__display-line{display:block;left:310px;transition:left .3s ease}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--subcategory-open{max-width:1440px}}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--no-promo{max-width:1040px}}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide .t2-site-nav-main__subcategory-wrapper--open{width:705px}}.t2-site-nav-main__subcategory{width:100%;max-width:275px;transition:width .3s ease-in-out}.t2-site-nav-main__subcategory-title{color:#353a40;font-size:1rem;font-style:normal;font-weight:600;line-height:1.375rem;position:relative;z-index:3;background-color:#fff;width:280px;cursor:pointer;font-weight:400;padding:7px 10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;line-height:1.25}.t2-site-nav-main__subcategory-title svg{height:10px}.t2-site-nav-main__subcategory-title:hover,.t2-site-nav-main__subcategory-title--active{font-weight:700}.t2-site-nav-main__subcategory-title--active{background-color:#ffce74}.t2-site-nav-main__subcategory-title>span{pointer-events:none}.t2-site-nav-main__subcategory-title--no-children{padding:0;display:block}.t2-site-nav-main__subcategory-title--no-children>a{padding:7px 10px}.t2-site-nav-main__subcategory-wrapper{height:0;overflow:hidden;left:305px;padding:0 47px;top:0;position:absolute;z-index:1;background:#fff;opacity:0;transform:translate(-280px);transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__subcategory-wrapper--open{width:545px;height:100%;opacity:1;transform:translate(0)}.t2-site-nav-main__subcategory-wrapper--scrollable{max-height:100vh;overflow-y:scroll;padding-bottom:60px}.t2-site-nav-main__subcategory-items{font-size:.9375rem;line-height:1.4rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:30px 35px;flex-wrap:wrap;padding:0;list-style:none}@media(min-width:1536px){.t2-site-nav-main__subcategory-items--6-plus{grid-template-columns:1fr 1fr 1fr}}.t2-site-nav-main__subcategory-item-title{font-weight:600;line-height:1.25;margin-bottom:10px;display:flex;-moz-column-gap:5px;column-gap:5px;align-items:flex-start;justify-content:space-between;pointer-events:none}.t2-site-nav-main__subcategory-item--overview{font-size:1.125rem;width:100%;color:#353a40;text-decoration:none;margin-bottom:40px;line-height:1.25rem}.t2-site-nav-main__subcategory-item--overview-title{color:#0063a3;text-transform:uppercase;letter-spacing:1px;font-weight:700;display:flex;align-items:center;pointer-events:none}.t2-site-nav-main__subcategory-item--overview-title .t2-icon{margin-left:10px}.t2-site-nav-main__subcategory-item--overview-title svg{height:16px;fill:#0063a3}.t2-site-nav-main__subcategory-item--overview-description{font-size:.9375rem;font-weight:400;pointer-events:none}.t2-site-nav-main__subcategory-link{color:#353a40;text-decoration:none;display:block;cursor:pointer}.t2-site-nav-main__subcategory-link .t2-icon{opacity:0;margin-top:4px}.t2-site-nav-main__subcategory-link:hover .t2-site-nav-main__subcategory-item-title{color:#0063a3}.t2-site-nav-main__subcategory-link:hover .t2-icon{opacity:1}.t2-site-nav-main__subcategory-category-link{color:#353a40;text-decoration:none;display:block;cursor:pointer;font-weight:400;line-height:1.25}.t2-site-nav-main__subcategory-category-link:hover{text-decoration:underline;font-weight:700}.t2-site-nav-main__subcategory-category-link:hover .t2-site-nav-main__subcategory-item--overview-title,.t2-site-nav-main__subcategory-category-link:hover .t2-site-nav-main__subcategory-item--overview-title svg{color:#7d808d;fill:#7d808d}.t2-site-nav-main__subcategory .t2-site-nav-main__display-line{left:initial;right:350px;opacity:0;transform:translate(-280px);transition:opacity .25s ease,transform .35s ease}.t2-site-nav-main__subcategory .t2-site-nav-main__display-line--visible{opacity:1;top:0;transform:translate(0)}.t2-site-nav-main__category-link{position:relative;z-index:3;background-color:#fff;padding:5px 10px;font-weight:700;font-size:1rem;width:275px;margin-top:50px;text-decoration:underline}.t2-site-nav-main__category-link a{color:#353a40;font-weight:700}.t2-site-nav-main__category-link a:visited{color:#353a40}.t2-site-nav-main__nav-promo{color:#353a40;right:0;top:0;position:absolute;width:100%;max-width:305px;background-color:#f1f1f6;font-size:.9375rem;border-radius:4px;box-shadow:0 4px 6px #00000014}.t2-site-nav-main__nav-promo-wrapper{padding:40px 20px}.t2-site-nav-main__nav-promo-title{font-weight:700;text-transform:uppercase;font-size:.875rem}.t2-site-nav-main__nav-promo-image{display:block;width:100%;height:auto;border-radius:4px 4px 0 0}.t2-site-nav-main__nav-promo-link{display:inline-block;position:relative;padding-right:60px;padding-top:12px;padding-bottom:12px;text-decoration:none;font-weight:500;color:inherit}.t2-site-nav-main__nav-promo-icon{display:flex;justify-content:center;align-items:center;position:absolute;pointer-events:none;right:0;top:0;content:"";background-color:#fbad26;height:44px;width:44px;border-radius:50%}.t2-site-nav-main__nav-cta{position:relative;z-index:7;text-transform:uppercase;font-weight:700;margin-right:21px}.t2-site-nav-main__nav-cta .t2-button,.t2-site-nav-main__nav-cta .t2-button:active,.t2-site-nav-main__nav-cta .t2-button:focus,.t2-site-nav-main__nav-cta .t2-button:visited{line-height:20px;padding-top:10px;padding-bottom:10px}.t2-site-nav a.t2-site-nav-main__nav-promo-link:hover{text-decoration:underline}a.t2-site-nav-top__logo-holder:active,a.t2-site-nav-top__logo-holder:visited,a.t2-site-nav-top__logo-holder:hover,a.t2-site-nav-top__logo-holder:focus{text-decoration:none!important}@media(max-width:1279.98px){.tt-flyout-toggle-wrapper,.tf-toggle-wrap{display:none}}.t2-site-nav-main__megamenu--no-promo:not(.t2-site-nav-main__megamenu--subcategory-open) .t2-site-nav-main__display-line{display:none!important}
|
|
1
|
+
@keyframes nav-promo-slide-in{0%{opacity:0;transform:translate(-280px)}to{opacity:1;transform:translate(0)}}.t2-site-nav__desktop{display:none}@media(min-width:1280px){.t2-site-nav__desktop{display:block}}.t2-site-nav__mobile{display:block}@media(min-width:1280px){.t2-site-nav__mobile{display:none}}.tf-toggle-wrap{display:none}@media(min-width:1280px){.tf-toggle-wrap{display:block}}.t2-site-nav{border-bottom:1px solid #e0e1e9}.t2-site-nav a:visited,.t2-site-nav a:active{color:inherit}.t2-site-nav a:hover,.t2-site-nav a:active{text-decoration:none}.t2-site-nav *{box-sizing:border-box}.t2-site-nav .t2-terra-text-link{color:#353a40}@media(max-width:767.98px){.t2-site-nav__wrapper,.t2-site-nav__wrapper.t2-wrapper{padding-left:0}}@media(max-width:1023.98px){.t2-site-nav__wrapper,.t2-site-nav__wrapper.t2-wrapper{padding-right:10px}}.t2-site-nav-top--alternative-logo{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}@media(min-width:768px){.t2-site-nav-top--alternative-logo{height:106px;padding:26px 0;justify-content:space-between}}.t2-site-nav-top{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}@media(min-width:768px){.t2-site-nav-top{height:106px;padding:26px 0;justify-content:flex-end}}.t2-site-nav-top__logo{padding:7px 11px 7px 27px;background-color:#0063a3;display:flex;align-items:center;text-align:right;line-height:1;height:37px}@media(min-width:768px){.t2-site-nav-top__logo{padding:0 15px 0 60px;height:45px}}@media(min-width:1024px){.t2-site-nav-top__logo{padding:0 20px 0 80px;height:55px}}.t2-site-nav-top__logo-holder{display:flex;align-items:center;text-decoration:none}@media screen and (min-width:768px){.t2-site-nav-top__logo-holder{position:absolute;left:0}}@media(min-width:1024px){.t2-site-nav-top__logo-holder{top:26px}}.t2-site-nav-top__logo-holder--alternative{display:flex;align-items:center;text-decoration:none}@media(min-width:768px){.t2-site-nav-top__logo-holder--alternative{position:static}}.t2-site-nav-top__logo--alternative{padding:0 11px 0 20px;display:flex;align-items:center;text-align:right;line-height:1;height:37px}@media(min-width:768px){.t2-site-nav-top__logo--alternative{padding:0 15px 0 20px;height:45px}}@media(min-width:1024px){.t2-site-nav-top__logo--alternative{padding-right:15px;margin-left:-20px;height:55px}}.t2-site-nav-top__logo--alternative img{height:100%!important}.t2-site-nav-top__site-name{color:#0063a3;margin-left:10px;font-weight:300;font-size:1rem;line-height:1.125rem;text-decoration:none}.t2-site-nav-top__site-name--hidden{display:none}@media(min-width:1024px){.t2-site-nav-top__site-name{font-size:1.5rem;margin-left:16px}}@media(min-width:1280px){.t2-site-nav-top__site-name{font-size:2rem}}.t2-site-nav-top__utility-nav{display:none;list-style:none}@media(min-width:1280px){.t2-site-nav-top__utility-nav{display:flex;justify-content:space-between;align-items:center;margin:0;height:55px}}.t2-site-nav-top__utility-nav-button{border:none;background-color:#fff;cursor:pointer}.t2-site-nav-top__utility-nav-search{display:flex;align-items:center;position:relative;color:#353a40}.t2-site-nav-top__utility-nav-search svg{cursor:pointer;margin:0}.t2-site-nav-top__utility-nav-search .t2-site-nav-top__utility-nav-search--underline{border-bottom:3px solid transparent;width:100%;height:0;position:absolute;bottom:-12px}.t2-site-nav-top__utility-nav-search .t2-site-nav-top__utility-nav-search--underline-deployed,.t2-site-nav-top__utility-nav-search:hover .t2-site-nav-top__utility-nav-search--underline{border-bottom:3px solid #fbad26}.t2-site-nav-top__utility-nav-profile{padding-top:4px;color:#353a40}.t2-site-nav-top__utility-nav-profile svg,.t2-site-nav-top__utility-nav-profile svg fill,.t2-site-nav-top__utility-nav-profile svg path{color:#353a40}@media(min-width:1280px){.t2-site-nav-top__utility-nav li{margin-right:20px}}.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{text-transform:uppercase;font-weight:700;padding:4px 10px 2px;font-size:.6875rem;letter-spacing:1px;line-height:.875rem;height:37px;display:flex;align-items:center;max-width:170px;overflow:hidden;margin:0 10px}@media(min-width:640px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{max-width:200px}}@media(min-width:768px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{margin-right:22px;height:45px;font-size:.75rem;max-width:250px}}@media(min-width:1024px){.t2-site-nav-top__mobile-cta,.t2-site-nav-top__mobile-cta.t2-button--medium{max-width:300px}}.t2-site-nav-top__mobile-cta--hidden.t2-button,.t2-site-nav-top__mobile-cta.t2-button--medium--hidden.t2-button{visibility:hidden;pointer-events:none;display:none}.t2-site-nav-top__mobile-cta:focus,.t2-site-nav-top__mobile-cta:active,.t2-site-nav-top__mobile-cta.t2-button--medium:focus,.t2-site-nav-top__mobile-cta.t2-button--medium:active{font-weight:700!important}.t2-site-nav-top__mobile-menu{display:flex}@media(min-width:1280px){.t2-site-nav-top__mobile-menu{display:none}}.t2-site-nav-top__mobile-menu-button{background:transparent;color:#353a40;border:0;cursor:pointer;padding:0;margin:0 5px;line-height:0}@media(min-width:640px){.t2-site-nav-top__mobile-menu-button{margin:0 10px}}@media(min-width:1280px){.t2-site-nav-top__mobile-menu-button{margin:0 20px}}.t2-site-nav__logo-image{height:100%}@media(min-width:768px){.t2-site-nav__logo-image{min-width:131px;height:auto}}.t2-site-nav-main{font-size:.9375rem;width:100%;padding:0px calc((100% - 1280px)/2);position:relative;z-index:4;background-color:#fff;display:none;color:#353a40;justify-content:space-between}@media(min-width:1280px){.t2-site-nav-main{display:flex}}.t2-site-nav-main:before{content:"";position:absolute;inset:0;background-color:#fff;z-index:6;pointer-events:none}.t2-site-nav-main-mobile{display:block;width:100%}@media(min-width:1280px){.t2-site-nav-main-mobile{display:none}}.t2-site-nav-main a:visited,.t2-site-nav-main a:active{color:inherit;font-weight:inherit}.t2-site-nav-main__nav{display:flex;padding:0;margin:0}.t2-site-nav-main__nav-item{list-style:none}.t2-site-nav-main__nav-item>span,.t2-site-nav-main__nav-item>a{display:inline-block;position:relative;z-index:7;cursor:pointer;padding:10px 25px 25px;border-bottom:4px solid transparent}.t2-site-nav-main__nav-item>span:hover,.t2-site-nav-main__nav-item>a:hover{color:#7d808d}.t2-site-nav-main__nav-item--active span{color:#7d808d}.t2-site-nav-main__nav-item--active span:after{display:block;width:calc(100% - 50px);margin:0 25px;position:absolute;bottom:-4px;content:"";border-bottom:6px solid var(--Yellow10, rgb(251, 173, 38));left:0}.t2-site-nav-main__nav-item--link{color:#353a40;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.875rem;text-decoration:none;text-transform:uppercase;line-height:20px;font-weight:700;position:relative}.t2-site-nav-main__nav-item--link a{text-decoration:none;color:#353a40;font-weight:inherit}.t2-site-nav-main__nav-item--link a:visited,.t2-site-nav-main__nav-item--link a:hover{text-decoration:none;font-weight:inherit}.t2-site-nav-main__nav-item--link a:hover{color:#7d808d}.t2-site-nav-main__category-title{color:#353a40;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.875rem;text-decoration:none;line-height:20px;text-transform:uppercase;font-weight:700;position:relative}.t2-site-nav-main__display-line{background-color:#d5d6de;width:1px;display:inline-block;position:absolute;transition:left .3s ease;left:310px;z-index:3}.t2-site-nav-main__inner-shadow{box-shadow:0 2px 2px #0000000f;position:absolute;top:-4px;left:0;right:0;height:4px;overflow:visible}.t2-site-nav-main__megamenu{pointer-events:none;position:absolute;background-color:#fff;visibility:hidden;opacity:0;transform:translateY(-15px);box-shadow:0 4px 6px #0000001f;z-index:5;width:100%;height:auto;min-height:513px;max-width:735px;border-radius:0 0 10px 10px;transition:opacity .3s ease,transform .3s ease,max-width .3s ease,visibility 0s .3s;overflow:hidden;padding:50px 40px;top:59px}.t2-site-nav-main__megamenu-container{position:relative}.t2-site-nav-main__megamenu-container:before{content:"";position:absolute;top:0;left:0;width:310px;height:2000px;background-color:#fff;z-index:2;pointer-events:none}.t2-site-nav-main__megamenu--no-promo{max-width:355px}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory .t2-site-nav-main__display-line{display:none}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory-wrapper{border:0}.t2-site-nav-main__megamenu--no-promo .t2-site-nav-main__subcategory-wrapper--open{padding-right:7px}.t2-site-nav-main__megamenu.t2-site-nav-main__megamenu--subcategory-open{visibility:hidden}.t2-site-nav-main__megamenu--open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .3s ease,transform .3s ease,max-width .3s ease,visibility 0s 0s}.t2-site-nav-main__megamenu--open .t2-site-nav-main__subcategory-wrapper{visibility:hidden;transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--no-promo:not(.t2-site-nav-main__megamenu--subcategory-open) .t2-site-nav-main__display-line{display:none}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open{visibility:visible}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__subcategory-wrapper{visibility:visible;transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__nav-promo{animation:nav-promo-slide-in .35s ease both}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--no-promo{max-width:880px}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--no-promo{max-width:1130px}.t2-site-nav-main__megamenu--open.t2-site-nav-main__megamenu--no-promo{max-width:355px}.t2-site-nav-main__megamenu--subcategory-open{visibility:visible;opacity:1;transform:translateY(0);width:100%;max-width:1280px;transition:opacity .3s ease,transform .3s ease,visibility 0s 0s}.t2-site-nav-main__megamenu--subcategory-open .t2-site-nav-main__display-line{display:block;left:310px;transition:left .3s ease}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--subcategory-open{max-width:1440px}}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide.t2-site-nav-main__megamenu--subcategory-open.t2-site-nav-main__megamenu--no-promo{max-width:1040px}}@media(min-width:1536px){.t2-site-nav-main__megamenu--wide .t2-site-nav-main__subcategory-wrapper--open{width:705px}}.t2-site-nav-main__subcategory{width:100%;max-width:275px;transition:width .3s ease-in-out}.t2-site-nav-main__subcategory-title{color:#353a40;font-size:1rem;font-style:normal;font-weight:600;line-height:1.375rem;position:relative;z-index:3;background-color:#fff;width:280px;cursor:pointer;font-weight:400;padding:7px 10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;line-height:1.25}.t2-site-nav-main__subcategory-title svg{height:10px}.t2-site-nav-main__subcategory-title:hover,.t2-site-nav-main__subcategory-title--active{font-weight:700}.t2-site-nav-main__subcategory-title--active{background-color:#ffce74}.t2-site-nav-main__subcategory-title>span{pointer-events:none}.t2-site-nav-main__subcategory-title--no-children{padding:0;display:block}.t2-site-nav-main__subcategory-title--no-children>a{padding:7px 10px}.t2-site-nav-main__subcategory-wrapper{height:0;overflow:hidden;left:305px;padding:0 47px;top:0;position:absolute;z-index:1;background:#fff;opacity:0;transform:translate(-280px);transition:opacity .25s ease,transform .35s ease,width .3s ease}.t2-site-nav-main__subcategory-wrapper--open{width:545px;height:100%;opacity:1;transform:translate(0)}.t2-site-nav-main__subcategory-wrapper--scrollable{max-height:100vh;overflow-y:scroll;padding-bottom:60px}.t2-site-nav-main__subcategory-items{font-size:.9375rem;line-height:1.4rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:30px 35px;flex-wrap:wrap;padding:0;list-style:none}@media(min-width:1536px){.t2-site-nav-main__subcategory-items--6-plus{grid-template-columns:1fr 1fr 1fr}}.t2-site-nav-main__subcategory-item-title{font-weight:600;line-height:1.25;margin-bottom:10px;display:flex;-moz-column-gap:5px;column-gap:5px;align-items:flex-start;justify-content:space-between;pointer-events:none}.t2-site-nav-main__subcategory-item--overview{font-size:1.125rem;width:100%;color:#353a40;text-decoration:none;margin-bottom:40px;line-height:1.25rem}.t2-site-nav-main__subcategory-item--overview-title{color:#0063a3;text-transform:uppercase;letter-spacing:1px;font-weight:700;display:flex;align-items:center;pointer-events:none}.t2-site-nav-main__subcategory-item--overview-title .t2-icon{margin-left:10px}.t2-site-nav-main__subcategory-item--overview-title svg{height:16px;fill:#0063a3}.t2-site-nav-main__subcategory-item--overview-description{font-size:.9375rem;font-weight:400;pointer-events:none}.t2-site-nav-main__subcategory-link{color:#353a40;text-decoration:none;display:block;cursor:pointer}.t2-site-nav-main__subcategory-link .t2-icon{opacity:0;margin-top:4px}.t2-site-nav-main__subcategory-link:hover .t2-site-nav-main__subcategory-item-title{color:#0063a3}.t2-site-nav-main__subcategory-link:hover .t2-icon{opacity:1}.t2-site-nav-main__subcategory-category-link{color:#353a40;text-decoration:none;display:block;cursor:pointer;font-weight:400;line-height:1.25}.t2-site-nav-main__subcategory-category-link:hover{text-decoration:underline;font-weight:700}.t2-site-nav-main__subcategory-category-link:hover .t2-site-nav-main__subcategory-item--overview-title,.t2-site-nav-main__subcategory-category-link:hover .t2-site-nav-main__subcategory-item--overview-title svg{color:#7d808d;fill:#7d808d}.t2-site-nav-main__subcategory .t2-site-nav-main__display-line{left:initial;right:350px;opacity:0;transform:translate(-280px);transition:opacity .25s ease,transform .35s ease}.t2-site-nav-main__subcategory .t2-site-nav-main__display-line--visible{opacity:1;top:0;transform:translate(0)}.t2-site-nav-main__category-link{position:relative;z-index:3;background-color:#fff;padding:5px 10px;font-weight:700;font-size:1rem;width:275px;margin-top:50px;text-decoration:underline}.t2-site-nav-main__category-link a{color:#353a40;font-weight:700}.t2-site-nav-main__category-link a:visited{color:#353a40}.t2-site-nav-main__nav-promo{color:#353a40;right:0;top:0;position:absolute;width:100%;max-width:305px;background-color:#f1f1f6;font-size:.9375rem;border-radius:4px;box-shadow:0 4px 6px #00000014}.t2-site-nav-main__nav-promo-wrapper{padding:40px 20px}.t2-site-nav-main__nav-promo-title{font-weight:700;text-transform:uppercase;font-size:.875rem}.t2-site-nav-main__nav-promo-image{display:block;width:100%;height:auto;border-radius:4px 4px 0 0}.t2-site-nav-main__nav-promo-link{display:inline-block;position:relative;padding-right:60px;padding-top:12px;padding-bottom:12px;text-decoration:none;font-weight:500;color:inherit}.t2-site-nav-main__nav-promo-icon{display:flex;justify-content:center;align-items:center;position:absolute;pointer-events:none;right:0;top:0;content:"";background-color:#fbad26;height:44px;width:44px;border-radius:50%}.t2-site-nav-main__nav-cta{position:relative;z-index:2;text-transform:uppercase;font-weight:700;margin-right:21px}.t2-site-nav-main__nav-cta .t2-button,.t2-site-nav-main__nav-cta .t2-button:active,.t2-site-nav-main__nav-cta .t2-button:focus,.t2-site-nav-main__nav-cta .t2-button:visited{line-height:20px;padding-top:10px;padding-bottom:10px}.t2-site-nav a.t2-site-nav-main__nav-promo-link:hover{text-decoration:underline}a.t2-site-nav-top__logo-holder:active,a.t2-site-nav-top__logo-holder:visited,a.t2-site-nav-top__logo-holder:hover,a.t2-site-nav-top__logo-holder:focus{text-decoration:none!important}@media(max-width:1279.98px){.tt-flyout-toggle-wrapper,.tf-toggle-wrap{display:none}}.t2-site-nav-main__megamenu--no-promo:not(.t2-site-nav-main__megamenu--subcategory-open) .t2-site-nav-main__display-line{display:none!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.t2-navbar-top__pipe+.t2-waffle-menu{margin-left:28px}.t2-waffle-menu{position:relative;height:48px;padding-left:
|
|
1
|
+
.t2-navbar-top__pipe+.t2-waffle-menu{margin-left:28px}.t2-waffle-menu{position:relative;height:48px;padding-left:0;padding-right:0}@media(max-width:1279.98px){.t2-waffle-menu{display:none}}.t2-waffle-menu--active{box-shadow:0 4px 8px #0000001f}.t2-waffle-menu--active>.t2-waffle-menu__selector{background-color:#fff}.t2-waffle-menu--active .t2-waffle-menu__color-bar--gold,.t2-waffle-menu:hover .t2-waffle-menu__color-bar--gold{opacity:1}.t2-waffle-menu__color-bar{background-color:#fff;width:calc(100% - 24px);height:5px;bottom:-3px;z-index:4;position:absolute;display:block}.t2-waffle-menu__color-bar--gold{position:absolute;border-bottom:3px solid #fbad26;z-index:5;bottom:0;width:100%;height:3px;left:0;right:0;opacity:0}.t2-waffle-menu__selector{height:100%;display:flex;align-items:center;position:relative;padding-left:12px;padding-right:12px}.t2-waffle-menu__selector__button{cursor:pointer;height:21px;width:21px;padding:0;line-height:0;color:#353a40;background:none;border:none;border-bottom:3px solid transparent}.t2-waffle-menu__selector__button__icon{display:block}.t2-waffle-menu__selector__button--active,.t2-waffle-menu__selector__button:hover{z-index:5;position:relative}.t2-waffle-menu__drop-down{display:none;position:absolute;background:#fff;box-shadow:0 4px 8px #3635451a,0 4px 8px #3635451a;border-radius:0 0 3px 3px;width:360px;left:calc(50% - 180px);z-index:1}.t2-waffle-menu__drop-down--active{display:block}.t2-waffle-menu__drop-down__options{list-style:none;padding:0;margin:0}.t2-waffle-menu__drop-down__menu-item{padding:20px;color:#353a40;margin:0;border-bottom:1px solid #f1f2f7}.t2-waffle-menu__drop-down__menu-item__title{font-size:.9375rem;line-height:1.625rem;font-weight:700;letter-spacing:.1px;margin:0;text-transform:uppercase}.t2-waffle-menu__drop-down__menu-item__description{font-size:.75rem;line-height:18px;text-transform:none;font-weight:400}.t2-waffle-menu__drop-down__menu-item__cta__link{font-size:.875rem!important;line-height:1.5rem!important;font-weight:500!important;color:#353a40!important;margin:0!important;text-decoration:none;text-transform:none;border-bottom:3px solid #fbad26}.t2-waffle-menu__drop-down__menu-item__cta__link:focus,.t2-waffle-menu__drop-down__menu-item__cta__link:active,.t2-waffle-menu__drop-down__menu-item__cta__link:hover,.t2-waffle-menu__drop-down__menu-item__cta__link:visited:hover,.t2-waffle-menu__drop-down__menu-item__cta__link:active:hover,.t2-waffle-menu__drop-down__menu-item__cta__link:focus:hover{text-decoration:none}.t2-waffle-menu__drop-down__footer{background-color:#f8f8fb;padding:20px;font-size:.875rem;line-height:.875rem}.t2-waffle-menu__drop-down__footer__link{margin:0!important;text-decoration:none;color:#0063a3}.t2-waffle-menu-mobile{position:absolute;transition:right .3s ease;overflow:hidden;right:-100%;opacity:0}.t2-waffle-menu-mobile--open{transition:right .3s ease;position:fixed;inset:70px 0 0;background:#fff;z-index:8;opacity:1;height:auto;overflow-y:scroll}.t2-waffle-menu-mobile__back-button{background-color:#0063a3;width:100%;height:60px;padding:0 20px;color:#fff;display:flex;align-items:center}.t2-waffle-menu-mobile__back-button div{margin-right:5px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WaffleMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/navigation/SiteNav/UtilityNavComponents/WaffleMenu/WaffleMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAG3B,UAAU,eAAe;IACvB,aAAa,EAAE,GAAG,CAAC;IACnB,cAAc,EAAE;QACd,KAAK,EAAE,GAAG,EAAE,CAAC;QACb,GAAG,EAAE,GAAG,CAAC;QACT,kBAAkB,EAAE,OAAO,CAAC;QAC5B,qBAAqB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;QACnD,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC/B,CAAC;CACH;AAED,QAAA,MAAM,UAAU,GAAI,mCAAmC,eAAe,
|
|
1
|
+
{"version":3,"file":"WaffleMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/navigation/SiteNav/UtilityNavComponents/WaffleMenu/WaffleMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAG3B,UAAU,eAAe;IACvB,aAAa,EAAE,GAAG,CAAC;IACnB,cAAc,EAAE;QACd,KAAK,EAAE,GAAG,EAAE,CAAC;QACb,GAAG,EAAE,GAAG,CAAC;QACT,kBAAkB,EAAE,OAAO,CAAC;QAC5B,qBAAqB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;QACnD,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC/B,CAAC;CACH;AAED,QAAA,MAAM,UAAU,GAAI,mCAAmC,eAAe,gCAiGrE,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -25,13 +25,12 @@ const p = ({ waffleMenuData: e, LinkComponent: n }) => {
|
|
|
25
25
|
className: `t2-waffle-menu ${e?.waffleMenuDeployed ? "t2-waffle-menu--active" : ""}`,
|
|
26
26
|
children: [
|
|
27
27
|
/* @__PURE__ */ l("span", { className: "t2-waffle-menu__color-bar" }),
|
|
28
|
-
/* @__PURE__ */ r("div", { className: "t2-waffle-menu__selector", children: [
|
|
28
|
+
/* @__PURE__ */ r("div", { className: "t2-waffle-menu__selector", onClick: _, children: [
|
|
29
29
|
/* @__PURE__ */ l(
|
|
30
30
|
"button",
|
|
31
31
|
{
|
|
32
32
|
type: "button",
|
|
33
33
|
className: `t2-waffle-menu__selector__button ${e?.waffleMenuDeployed ? "t2-waffle-menu__selector__button--active" : ""}`,
|
|
34
|
-
onClick: _,
|
|
35
34
|
children: /* @__PURE__ */ l(m, {})
|
|
36
35
|
}
|
|
37
36
|
),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.t2-navbar-top__pipe+.t2-waffle-menu{margin-left:28px}.t2-waffle-menu{position:relative;height:48px;padding-left:
|
|
1
|
+
.t2-navbar-top__pipe+.t2-waffle-menu{margin-left:28px}.t2-waffle-menu{position:relative;height:48px;padding-left:0;padding-right:0}.t2-site-navigation:not([data-nav-lg]) .t2-waffle-menu{display:none}.t2-waffle-menu--active{box-shadow:0 4px 8px #0000001f}.t2-waffle-menu--active>.t2-waffle-menu__selector{background-color:#fff}.t2-waffle-menu--active .t2-waffle-menu__color-bar--gold,.t2-waffle-menu:hover .t2-waffle-menu__color-bar--gold{opacity:1}.t2-waffle-menu__color-bar{background-color:#fff;width:calc(100% - 24px);height:5px;bottom:-3px;z-index:4;position:absolute;display:block}.t2-waffle-menu__color-bar--gold{position:absolute;border-bottom:3px solid #fbad26;z-index:5;bottom:0;width:100%;height:3px;opacity:0;left:0;right:0}.t2-waffle-menu__selector{height:100%;display:flex;align-items:center;position:relative;padding-left:12px;padding-right:12px;cursor:pointer}.t2-waffle-menu__selector__button{cursor:pointer;height:21px;width:21px;padding:0;line-height:0;color:#353a40;background:none;border:none;border-bottom:3px solid transparent}.t2-waffle-menu__selector__button__icon{display:block}.t2-waffle-menu__selector__button--active,.t2-waffle-menu__selector__button:hover{z-index:5;position:relative}.t2-waffle-menu__drop-down{display:none;position:absolute;background:#fff;box-shadow:0 4px 8px #3635451a,0 4px 8px #3635451a;border-radius:0 0 3px 3px;width:360px;left:calc(50% - 180px);z-index:7}.t2-waffle-menu__drop-down--active{display:block}.t2-waffle-menu__drop-down__options{list-style:none;padding:0;margin:0}.t2-waffle-menu__drop-down__menu-item{padding:20px;color:#353a40;margin:0;border-bottom:1px solid #f1f2f7}.t2-waffle-menu__drop-down__menu-item__title{font-size:.9375rem;line-height:1.625rem;font-weight:700;letter-spacing:.1px;margin:0;text-transform:uppercase}.t2-waffle-menu__drop-down__menu-item__description{font-size:.75rem;line-height:18px;text-transform:none;font-weight:400}.t2-waffle-menu__drop-down__menu-item__cta__link{font-size:.875rem!important;line-height:1.5rem!important;font-weight:500!important;color:#353a40!important;margin:0!important;text-decoration:none;text-transform:none;border-bottom:3px solid #fbad26}.t2-waffle-menu__drop-down__menu-item__cta__link:focus,.t2-waffle-menu__drop-down__menu-item__cta__link:active,.t2-waffle-menu__drop-down__menu-item__cta__link:hover,.t2-waffle-menu__drop-down__menu-item__cta__link:visited:hover,.t2-waffle-menu__drop-down__menu-item__cta__link:active:hover,.t2-waffle-menu__drop-down__menu-item__cta__link:focus:hover{text-decoration:none}.t2-waffle-menu__drop-down__footer{background-color:#f8f8fb;padding:20px;font-size:.875rem;line-height:.875rem}.t2-waffle-menu__drop-down__footer__link{margin:0!important;text-decoration:none;color:#0063a3}.t2-waffle-menu-mobile{position:absolute;transition:right .3s ease;overflow:hidden;right:-100%;opacity:0}.t2-waffle-menu-mobile--open{transition:right .3s ease;position:fixed;inset:70px 0 0;background:#fff;z-index:8;opacity:1;height:auto;overflow-y:scroll}.t2-waffle-menu-mobile__back-button{background-color:#0063a3;width:100%;height:60px;padding:0 20px;color:#fff;display:flex;align-items:center}.t2-waffle-menu-mobile__back-button div{margin-right:5px}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "trimble-terra",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.6.0",
|
|
4
4
|
"description": "Trimble Terra — React component library for Trimble MXP2 web experiences",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -84,7 +84,11 @@
|
|
|
84
84
|
"release:patch": "git checkout main && git pull && npm version patch && git push --follow-tags",
|
|
85
85
|
"release:minor": "git checkout main && git pull && npm version minor && git push --follow-tags",
|
|
86
86
|
"release:major": "git checkout main && git pull && npm version major && git push --follow-tags",
|
|
87
|
-
"release:prerelease": "git pull && npm version prerelease --preid=%npm_config_preid% && git push --follow-tags"
|
|
87
|
+
"release:prerelease": "git pull && npm version prerelease --preid=%npm_config_preid% && git push --follow-tags",
|
|
88
|
+
"prepare": "husky"
|
|
89
|
+
},
|
|
90
|
+
"lint-staged": {
|
|
91
|
+
"src/**/*.{ts,tsx,js,jsx}": "prettier --write"
|
|
88
92
|
},
|
|
89
93
|
"peerDependencies": {
|
|
90
94
|
"@trimble-creative-strategy/trimble-mxp-icons": "^1.2.0",
|
|
@@ -121,6 +125,8 @@
|
|
|
121
125
|
"eslint-plugin-react-hooks": "^7.0.1",
|
|
122
126
|
"eslint-plugin-react-refresh": "^0.5.0",
|
|
123
127
|
"eslint-plugin-storybook": "^10.2.9",
|
|
128
|
+
"husky": "^9.1.7",
|
|
129
|
+
"lint-staged": "^17.6.0",
|
|
124
130
|
"postcss": "^8.5.6",
|
|
125
131
|
"prettier": "3.8.1",
|
|
126
132
|
"rollup-plugin-visualizer": "^7.0.0",
|