trimble-terra 1.0.0 → 1.0.2

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.
Files changed (6) hide show
  1. package/README.md +14 -0
  2. package/dist/src/component/FlyoutCart/FlyoutCart.js +1 -1
  3. package/dist/src/component/ProductDetail/InlineMedia/InlineMedia.d.ts.map +1 -1
  4. package/dist/src/component/ProductDetail/InlineMedia/InlineMedia.js +23 -23
  5. package/dist/src/navigation/SiteNavigation/SiteNavigation.css +1 -1
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -7,12 +7,26 @@ A React component library for Trimble MXP2 web experiences. Built with React 19,
7
7
 
8
8
  > **Branch strategy:** The `react19` branch is the active development branch (v1.x) targeting Next.js projects. The `main` branch contains the legacy Gatsby-compatible code (v0.x) and is deprecated — do not publish from `main`.
9
9
 
10
+
11
+
10
12
  ## Storybook
11
13
 
12
14
  Browse all components, props, and usage examples in the live Storybook:
13
15
 
14
16
  **[https://trimble-mxp-terra.netlify.app/](https://trimble-mxp-terra.netlify.app/)**
15
17
 
18
+ ### Associated Storybooks
19
+
20
+ #### Layouts:
21
+ [![Storybook](https://img.shields.io/badge/Storybook-Live-ff4785?logo=storybook&logoColor=white)](https://trimble-mxp-layouts.netlify.app/)
22
+
23
+ #### Icons:
24
+ [![Storybook](https://img.shields.io/badge/Storybook-Live-ff4785?logo=storybook&logoColor=white)](https://trimble-mxp-icons.netlify.app/)
25
+
26
+ #### Flyout:
27
+ [![Storybook](https://img.shields.io/badge/Storybook-Live-ff4785?logo=storybook&logoColor=white)](https://trimble-mxp-flyout.netlify.app/)
28
+
29
+
16
30
  ## Installation
17
31
 
18
32
  ```bash
package/dist/src/component/FlyoutCart/FlyoutCart.js CHANGED
@@ -170,7 +170,7 @@ const E = ({ message: a, timeStamp: e }) => {
170
170
  isSwitchAccountActive: A = !0,
171
171
  switchAccountLabel: F = "Switch Account",
172
172
  onAccountClick: I
173
- } = c, [S, p] = v(null);
173
+ } = c || {}, [S, p] = v(null);
174
174
  x(() => {
175
175
  e?.itemAdded && p({
176
176
  message: _.replace(
package/dist/src/component/ProductDetail/InlineMedia/InlineMedia.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"InlineMedia.d.ts","sourceRoot":"","sources":["../../../../../src/component/ProductDetail/InlineMedia/InlineMedia.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAGvE,OAAO,iCAAiC,CAAC;AAEzC,OAAO,oBAAoB,CAAC;AAI5B,MAAM,WAAW,gBAAgB;IAC/B,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,WAAW,GAAI,+DAKzB,gBAAgB,4CA+JlB,CAAC"}
1
+ {"version":3,"file":"InlineMedia.d.ts","sourceRoot":"","sources":["../../../../../src/component/ProductDetail/InlineMedia/InlineMedia.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAGvE,OAAO,iCAAiC,CAAC;AAEzC,OAAO,oBAAoB,CAAC;AAI5B,MAAM,WAAW,gBAAgB;IAC/B,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,WAAW,GAAI,+DAKzB,gBAAgB,4CAyJlB,CAAC"}
package/dist/src/component/ProductDetail/InlineMedia/InlineMedia.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as t, jsxs as I } from "react/jsx-runtime";
2
- import { useState as n, useRef as k, useEffect as p } from "react";
3
- import { InlineMediaPanel as v } from "./InlineMediaPanel/InlineMediaPanel.js";
2
+ import { useState as n, useRef as k, useEffect as _ } from "react";
3
+ import { InlineMediaPanel as p } from "./InlineMediaPanel/InlineMediaPanel.js";
4
4
  import { Tabs as A, TabList as C, Tab as V, TabPanel as W } from "react-tabs";
5
5
  import './InlineMedia.css';import '../../../../node_modules/react-tabs/style/react-tabs.css';/* empty css */
6
6
  /* empty css */
@@ -8,39 +8,39 @@ import { useScreenSize as R } from "../../../utils/hooks/useScreenSize.js";
8
8
  const Z = ({
9
9
  inlineMediaPanels: i,
10
10
  variant: a,
11
- activeTab: L,
11
+ activeTab: v,
12
12
  onActiveTabChange: d
13
13
  }) => {
14
- const y = R(), [w, S] = n(0), r = k(null), [g, m] = n(!1), [E, u] = n(!1), [s, T] = n(null), N = (l) => {
14
+ const L = R(), [y, w] = n(0), r = k(null), [S, m] = n(!1), [g, u] = n(!1), [s, E] = n(null), T = (l) => {
15
15
  if (d) {
16
16
  d(l);
17
17
  return;
18
18
  }
19
- S(l);
20
- }, x = L ?? w, h = a || "carousel", f = 100, b = (l) => {
19
+ w(l);
20
+ }, N = v ?? y, x = a || "carousel", h = 100, f = (l) => {
21
21
  if (r?.current) {
22
22
  const e = r?.current?.querySelectorAll(
23
23
  ".react-tabs__tab-list"
24
24
  )[0];
25
- let o = f;
26
- l === "left" && (o = -f), e?.scrollBy({ left: o, behavior: "smooth" });
25
+ let o = h;
26
+ l === "left" && (o = -h), e?.scrollBy({ left: o, behavior: "smooth" });
27
27
  }
28
28
  }, c = () => {
29
29
  const l = r?.current?.clientWidth, e = s?.scrollLeft, o = s?.scrollWidth || 0;
30
30
  l === void 0 || e === void 0 || (o > l && m(!0), e > 0 ? u(!0) : u(!1), e + l >= o - 5 && m(!1));
31
31
  };
32
- p(() => {
32
+ _(() => {
33
33
  const l = r?.current?.querySelectorAll(
34
34
  ".react-tabs__tab-list"
35
35
  )[0];
36
- l !== void 0 && T(l);
37
- }, [r]), p(() => {
36
+ l !== void 0 && E(l);
37
+ }, [r]), _(() => {
38
38
  if (s)
39
39
  return c(), s?.addEventListener("scroll", c), () => {
40
40
  s?.removeEventListener("scroll", c);
41
41
  };
42
- }, [y?.width, s, c]);
43
- const _ = () => /* @__PURE__ */ t("div", { className: "t2-layout-inline-media__scroll-indicator--wrapper", children: /* @__PURE__ */ t(
42
+ }, [L?.width, s, c]);
43
+ const b = () => /* @__PURE__ */ t("div", { className: "t2-layout-inline-media__scroll-indicator--wrapper", children: /* @__PURE__ */ t(
44
44
  "svg",
45
45
  {
46
46
  width: "10",
@@ -57,34 +57,34 @@ const Z = ({
57
57
  )
58
58
  }
59
59
  ) });
60
- return /* @__PURE__ */ t("div", { className: "t2-layout-inline-media__inner-wrap", children: /* @__PURE__ */ t("div", { className: "t2-layout-inline-media__items-wrap", children: /* @__PURE__ */ t("div", { className: "t2-layout-inline-media__items", ref: r, children: i && i.length === 1 ? /* @__PURE__ */ t("div", { className: "t2-layout-inline-media__list-carousel-panel-wrap", children: /* @__PURE__ */ t(v, { ...i[0] }) }) : i && i.length > 1 && h === "tabs" ? /* @__PURE__ */ I(
60
+ return /* @__PURE__ */ t("div", { className: "t2-layout-inline-media__inner-wrap", children: /* @__PURE__ */ t("div", { className: "t2-layout-inline-media__items-wrap", children: /* @__PURE__ */ t("div", { className: "t2-layout-inline-media__items", ref: r, children: i && i.length === 1 ? /* @__PURE__ */ t("div", { className: "t2-layout-inline-media__list-carousel-panel-wrap", children: /* @__PURE__ */ t(p, { ...i[0] }) }) : i && i.length > 1 && x === "tabs" ? /* @__PURE__ */ I(
61
61
  A,
62
62
  {
63
- selectedIndex: x,
64
- onSelect: (l) => N(l),
63
+ selectedIndex: N,
64
+ onSelect: (l) => T(l),
65
65
  children: [
66
- E && /* @__PURE__ */ t(
66
+ g && /* @__PURE__ */ t(
67
67
  "div",
68
68
  {
69
69
  onClick: () => {
70
- b("left"), c();
70
+ f("left"), c();
71
71
  },
72
72
  className: "t2-layout-inline-media__scroll-indicator t2-layout-inline-media__scroll-indicator--left",
73
- children: /* @__PURE__ */ t(_, {})
73
+ children: /* @__PURE__ */ t(b, {})
74
74
  }
75
75
  ),
76
76
  /* @__PURE__ */ t(C, { children: i.map((l, e) => /* @__PURE__ */ t(V, { tabIndex: "0", children: /* @__PURE__ */ t("h3", { className: "t2-lo-inline-media-tab-title", children: l.publicTitle }) }, e)) }),
77
- g && /* @__PURE__ */ t(
77
+ S && /* @__PURE__ */ t(
78
78
  "div",
79
79
  {
80
80
  onClick: () => {
81
- b("right"), c();
81
+ f("right"), c();
82
82
  },
83
83
  className: "t2-layout-inline-media__scroll-indicator t2-layout-inline-media__scroll-indicator--right",
84
- children: /* @__PURE__ */ t(_, {})
84
+ children: /* @__PURE__ */ t(b, {})
85
85
  }
86
86
  ),
87
- i.map((l, e) => /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(v, { ...l, displayMode: a }) }, e))
87
+ i.map((l, e) => /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(p, { ...l, displayMode: a }) }, e))
88
88
  ]
89
89
  }
90
90
  ) : null }) }) });
package/dist/src/navigation/SiteNavigation/SiteNavigation.css CHANGED
@@ -1 +1 @@
1
- .tf-toggle-wrap{display:none}[data-nav-lg] .tf-toggle-wrap{display:block}.t2-site-navigation{border-bottom:1px solid #e0e1e9}.t2-site-navigation a:visited,.t2-site-navigation a:active{color:inherit}.t2-site-navigation a:hover,.t2-site-navigation a:active{text-decoration:none}.t2-site-navigation *{box-sizing:border-box}.t2-site-navigation .t2-terra-text-link{color:#353a40}:not([data-nav-sm]) .t2-site-navigation__wrapper,:not([data-nav-sm]) .t2-site-navigation__wrapper.t2-wrapper{padding-left:0}:not([data-nav-md]) .t2-site-navigation__wrapper,:not([data-nav-md]) .t2-site-navigation__wrapper.t2-wrapper{padding-right:10px}.t2-site-navigation-top--alternative-logo{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}[data-nav-sm] .t2-site-navigation-top--alternative-logo{height:106px;padding:26px 0;justify-content:space-between}.t2-site-navigation-top{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}[data-nav-sm] .t2-site-navigation-top{height:106px;padding:26px 0;justify-content:flex-end}.t2-site-navigation-top__logo{padding:7px 11px 7px 27px;background-color:#0063a3;display:flex;align-items:center;text-align:right;line-height:1;height:37px}[data-nav-sm] .t2-site-navigation-top__logo{padding:0 15px 0 60px;height:45px}[data-nav-md] .t2-site-navigation-top__logo{padding:0 20px 0 80px;height:55px}.t2-site-navigation-top__logo-holder{display:flex;align-items:center;text-decoration:none}[data-nav-sm] .t2-site-navigation-top__logo-holder{position:absolute;left:0}[data-nav-md] .t2-site-navigation-top__logo-holder{top:26px}.t2-site-navigation-top__logo-holder--alternative{display:flex;align-items:center;text-decoration:none}[data-nav-sm] .t2-site-navigation-top__logo-holder--alternative{position:static}.t2-site-navigation-top__logo--alternative{padding:0 11px 0 20px;display:flex;align-items:center;text-align:right;line-height:1;height:37px}[data-nav-sm] .t2-site-navigation-top__logo--alternative{padding:0 15px 0 20px;height:45px}[data-nav-md] .t2-site-navigation-top__logo--alternative{padding-right:15px;margin-left:-20px;height:55px}.t2-site-navigation-top__logo--alternative img{height:100%!important}.t2-site-navigation-top__site-name{color:#0063a3;margin-left:10px;font-weight:300;font-size:1rem;line-height:1.125rem;text-decoration:none}.t2-site-navigation-top__site-name--hidden{display:none}[data-nav-md] .t2-site-navigation-top__site-name{font-size:1.5rem;margin-left:16px}[data-nav-lg] .t2-site-navigation-top__site-name{font-size:2rem}.t2-site-navigation-top__utility-nav{display:none;list-style:none}[data-nav-lg] .t2-site-navigation-top__utility-nav{display:flex;justify-content:space-between;align-items:center;margin:0;height:55px}.t2-site-navigation-top__utility-nav-button{border:none;background-color:#fff;cursor:pointer}.t2-site-navigation-top__utility-nav-search{display:flex;align-items:center;position:relative;color:#353a40}.t2-site-navigation-top__utility-nav-search svg{cursor:pointer;margin:0}.t2-site-navigation-top__utility-nav-search .t2-site-navigation-top__utility-nav-search--underline{border-bottom:3px solid transparent;width:100%;height:0;position:absolute;bottom:-12px}.t2-site-navigation-top__utility-nav-search .t2-site-navigation-top__utility-nav-search--underline-deployed,.t2-site-navigation-top__utility-nav-search:hover .t2-site-navigation-top__utility-nav-search--underline{border-bottom:3px solid #fbad26}.t2-site-navigation-top__utility-nav-profile{padding-top:4px;color:#353a40}.t2-site-navigation-top__utility-nav-profile svg,.t2-site-navigation-top__utility-nav-profile svg fill,.t2-site-navigation-top__utility-nav-profile svg path{color:#353a40}[data-nav-lg] .t2-site-navigation-top__utility-nav li{margin-right:20px}.t2-site-navigation-top__mobile-cta,.t2-site-navigation-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}[data-nav-xs] .t2-site-navigation-top__mobile-cta,[data-nav-xs] .t2-site-navigation-top__mobile-cta.t2-button--medium{max-width:200px}[data-nav-sm] .t2-site-navigation-top__mobile-cta,[data-nav-sm] .t2-site-navigation-top__mobile-cta.t2-button--medium{margin-right:22px;height:45px;font-size:.75rem;max-width:250px}[data-nav-md] .t2-site-navigation-top__mobile-cta,[data-nav-md] .t2-site-navigation-top__mobile-cta.t2-button--medium{max-width:300px}.t2-site-navigation-top__mobile-cta--hidden.t2-button,.t2-site-navigation-top__mobile-cta.t2-button--medium--hidden.t2-button{visibility:hidden;pointer-events:none;display:none}.t2-site-navigation-top__mobile-cta:focus,.t2-site-navigation-top__mobile-cta:active,.t2-site-navigation-top__mobile-cta.t2-button--medium:focus,.t2-site-navigation-top__mobile-cta.t2-button--medium:active{font-weight:700!important}.t2-site-navigation-top__mobile-menu{display:flex}[data-nav-lg] .t2-site-navigation-top__mobile-menu{display:none}.t2-site-navigation-top__mobile-menu-button{background:transparent;color:#353a40;border:0;cursor:pointer;padding:0;margin:0 5px;line-height:0}[data-nav-xs] .t2-site-navigation-top__mobile-menu-button{margin:0 10px}[data-nav-lg] .t2-site-navigation-top__mobile-menu-button{margin:0 20px}.t2-site-navigation__logo-image{height:100%}[data-nav-sm] .t2-site-navigation__logo-image{min-width:131px;height:auto}.t2-site-navigation-main{font-size:.9375rem;width:100%;padding:0px calc((100% - 1280px)/2);position:relative;display:none;color:#353a40;justify-content:space-between}[data-nav-lg] .t2-site-navigation-main{display:flex}.t2-site-navigation-main-mobile{display:block;width:100%}[data-nav-lg] .t2-site-navigation-main-mobile{display:none}.t2-site-navigation-main a:visited,.t2-site-navigation-main a:active{color:inherit;font-weight:inherit}.t2-site-navigation-main__nav{display:flex;padding:0;margin:0}.t2-site-navigation-main__nav-item{list-style:none}.t2-site-navigation-main__nav-item>span,.t2-site-navigation-main__nav-item>a{display:inline-block;position:relative;cursor:pointer;padding:10px 25px 25px;border-bottom:4px solid transparent}.t2-site-navigation-main__nav-item>span:hover,.t2-site-navigation-main__nav-item>a:hover{color:#7d808d}.t2-site-navigation-main__nav-item--active span{color:#7d808d}.t2-site-navigation-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-navigation-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-navigation-main__nav-item--link a{text-decoration:none;color:#353a40;font-weight:inherit}.t2-site-navigation-main__nav-item--link a:visited,.t2-site-navigation-main__nav-item--link a:hover{text-decoration:none;font-weight:inherit}.t2-site-navigation-main__nav-item--link a:hover{color:#7d808d}.t2-site-navigation-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-navigation-main__display-line{background-color:#e0e1e9;height:100%;width:1px;display:inline-block;position:absolute;top:0;bottom:0;transition:left .5s ease;left:310px;z-index:1}.t2-site-navigation-main__inner-shadow{box-shadow:0 2px 2px #00000014;position:absolute;top:-4px;left:0;right:0;height:4px;overflow:visible}.t2-site-navigation-main__megamenu{pointer-events:none;position:absolute;background-color:#fff;visibility:hidden;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:max-width .5s ease;overflow:hidden;padding:50px 40px;top:59px}.t2-site-navigation-main__megamenu-container{position:relative}.t2-site-navigation-main__megamenu--no-promo{max-width:355px}.t2-site-navigation-main__megamenu--no-promo .t2-site-navigation-main__subcategory .t2-site-navigation-main__display-line{display:none}.t2-site-navigation-main__megamenu--no-promo .t2-site-navigation-main__subcategory-wrapper{border:0}.t2-site-navigation-main__megamenu--no-promo .t2-site-navigation-main__subcategory-wrapper--open{padding-right:7px}.t2-site-navigation-main__megamenu.t2-site-navigation-main__megamenu--subcategory-open{visibility:hidden}.t2-site-navigation-main__megamenu--open{visibility:visible;pointer-events:auto}.t2-site-navigation-main__megamenu--open .t2-site-navigation-main__subcategory-wrapper{visibility:hidden;transition:width .5s ease}.t2-site-navigation-main__megamenu--open.t2-site-navigation-main__megamenu--no-promo:not(.t2-site-navigation-main__megamenu--subcategory-open) .t2-site-navigation-main__display-line{display:none}.t2-site-navigation-main__megamenu--open.t2-site-navigation-main__megamenu--subcategory-open{visibility:visible}.t2-site-navigation-main__megamenu--open.t2-site-navigation-main__megamenu--subcategory-open .t2-site-navigation-main__subcategory-wrapper{visibility:visible;transition:width .5s ease}.t2-site-navigation-main__megamenu--open.t2-site-navigation-main__megamenu--subcategory-open.t2-site-navigation-main__megamenu--no-promo{max-width:880px}.t2-site-navigation-main__megamenu--open.t2-site-navigation-main__megamenu--subcategory-open.t2-site-navigation-main__megamenu--wide.t2-site-navigation-main__megamenu--no-promo{max-width:1130px}.t2-site-navigation-main__megamenu--open.t2-site-navigation-main__megamenu--no-promo{max-width:355px}.t2-site-navigation-main__megamenu--subcategory-open{visibility:visible;width:100%;max-width:1280px;transition:max-width .5s ease}.t2-site-navigation-main__megamenu--subcategory-open .t2-site-navigation-main__display-line{display:block;left:310px;transition:left .5s ease}[data-nav-xl] .t2-site-navigation-main__megamenu--wide.t2-site-navigation-main__megamenu--subcategory-open{max-width:1440px}[data-nav-xl] .t2-site-navigation-main__megamenu--wide.t2-site-navigation-main__megamenu--subcategory-open.t2-site-navigation-main__megamenu--no-promo{max-width:1040px}[data-nav-xl] .t2-site-navigation-main__megamenu--wide .t2-site-navigation-main__subcategory-wrapper--open{width:705px}.t2-site-navigation-main__subcategory{width:100%;max-width:275px;transition:width .5s ease-in-out}.t2-site-navigation-main__subcategory-title{color:#353a40;font-size:1rem;font-style:normal;font-weight:600;line-height:1.375rem;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-navigation-main__subcategory-title svg{height:10px}.t2-site-navigation-main__subcategory-title:hover,.t2-site-navigation-main__subcategory-title--active{font-weight:700}.t2-site-navigation-main__subcategory-title--active{background-color:#ffce74}.t2-site-navigation-main__subcategory-title>span{pointer-events:none}.t2-site-navigation-main__subcategory-title--no-children{padding:0;display:block}.t2-site-navigation-main__subcategory-title--no-children>a{padding:7px 10px}.t2-site-navigation-main__subcategory-wrapper{height:0;overflow:hidden;left:305px;padding:0 47px;top:0;position:absolute;background:#fff}.t2-site-navigation-main__subcategory-wrapper--open{width:545px;height:100%}.t2-site-navigation-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}[data-nav-xl] .t2-site-navigation-main__subcategory-items--6-plus{grid-template-columns:1fr 1fr 1fr}.t2-site-navigation-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-navigation-main__subcategory-item--overview{font-size:1.125rem;width:100%;color:#353a40;text-decoration:none;margin-bottom:40px;line-height:1.25rem}.t2-site-navigation-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-navigation-main__subcategory-item--overview-title .t2-icon{margin-left:10px}.t2-site-navigation-main__subcategory-item--overview-title svg{height:16px;fill:#0063a3}.t2-site-navigation-main__subcategory-item--overview-description{font-size:.9375rem;font-weight:400;pointer-events:none}.t2-site-navigation-main__subcategory-link{color:#353a40;text-decoration:none;display:block;cursor:pointer}.t2-site-navigation-main__subcategory-link .t2-icon{opacity:0;margin-top:4px}.t2-site-navigation-main__subcategory-link:hover .t2-site-navigation-main__subcategory-item-title{color:#0063a3}.t2-site-navigation-main__subcategory-link:hover .t2-icon{opacity:1}.t2-site-navigation-main__subcategory-category-link{color:#353a40;text-decoration:none;display:block;cursor:pointer;font-weight:400;line-height:1.25}.t2-site-navigation-main__subcategory-category-link:hover{text-decoration:underline;font-weight:700}.t2-site-navigation-main__subcategory-category-link:hover .t2-site-navigation-main__subcategory-item--overview-title,.t2-site-navigation-main__subcategory-category-link:hover .t2-site-navigation-main__subcategory-item--overview-title svg{color:#7d808d;fill:#7d808d}.t2-site-navigation-main__subcategory .t2-site-navigation-main__display-line{left:initial;right:350px;opacity:0}.t2-site-navigation-main__subcategory .t2-site-navigation-main__display-line--visible{opacity:1}.t2-site-navigation-main__category-link{padding:5px 10px;font-weight:700;font-size:1rem;width:275px;margin-top:50px;text-decoration:underline}.t2-site-navigation-main__category-link a{color:#353a40;font-weight:700}.t2-site-navigation-main__category-link a:visited{color:#353a40}.t2-site-navigation-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 #0000001f}.t2-site-navigation-main__nav-promo-wrapper{padding:40px 20px}.t2-site-navigation-main__nav-promo-title{font-weight:700;text-transform:uppercase;font-size:.875rem}.t2-site-navigation-main__nav-promo-image{display:block;width:100%;height:auto;border-radius:4px 4px 0 0}.t2-site-navigation-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-navigation-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-navigation-main__nav-cta{text-transform:uppercase;font-weight:700;margin-right:21px}.t2-site-navigation-main__nav-cta .t2-button,.t2-site-navigation-main__nav-cta .t2-button:active,.t2-site-navigation-main__nav-cta .t2-button:focus,.t2-site-navigation-main__nav-cta .t2-button:visited{line-height:20px;padding-top:10px;padding-bottom:10px}.t2-site-navigation a.t2-site-navigation-main__nav-promo-link:hover{text-decoration:underline}a.t2-site-navigation-top__logo-holder:active,a.t2-site-navigation-top__logo-holder:visited,a.t2-site-navigation-top__logo-holder:hover,a.t2-site-navigation-top__logo-holder:focus{text-decoration:none!important}:not([data-nav-lg]) .tt-flyout-toggle-wrapper,:not([data-nav-lg]) .tf-toggle-wrap{display:none}
1
+ .tf-toggle-wrap{display:none}[data-nav-lg] .tf-toggle-wrap{display:block}.t2-site-navigation{border-bottom:1px solid #e0e1e9}.t2-site-navigation a:visited,.t2-site-navigation a:active{color:inherit}.t2-site-navigation a:hover,.t2-site-navigation a:active{text-decoration:none}.t2-site-navigation *{box-sizing:border-box}.t2-site-navigation .t2-terra-text-link{color:#353a40}:not([data-nav-sm]) .t2-site-navigation__wrapper,:not([data-nav-sm]) .t2-site-navigation__wrapper.t2-wrapper{padding-left:0}:not([data-nav-md]) .t2-site-navigation__wrapper,:not([data-nav-md]) .t2-site-navigation__wrapper.t2-wrapper{padding-right:10px}.t2-site-navigation-top--alternative-logo{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}[data-nav-sm] .t2-site-navigation-top--alternative-logo{height:106px;padding:26px 0;justify-content:space-between}.t2-site-navigation-top{padding:16px 0;display:flex;align-items:center;height:70px;justify-content:space-between}[data-nav-sm] .t2-site-navigation-top{height:106px;padding:26px 0;justify-content:flex-end}.t2-site-navigation-top__logo{padding:7px 11px 7px 27px;background-color:#0063a3;display:flex;align-items:center;text-align:right;line-height:1;height:37px}[data-nav-sm] .t2-site-navigation-top__logo{padding:0 15px 0 60px;height:45px}[data-nav-md] .t2-site-navigation-top__logo{padding:0 20px 0 80px;height:55px}.t2-site-navigation-top__logo-holder{display:flex;align-items:center;text-decoration:none}[data-nav-sm] .t2-site-navigation-top__logo-holder{position:absolute;left:0}[data-nav-md] .t2-site-navigation-top__logo-holder{top:26px}.t2-site-navigation-top__logo-holder--alternative{display:flex;align-items:center;text-decoration:none}[data-nav-sm] .t2-site-navigation-top__logo-holder--alternative{position:static}.t2-site-navigation-top__logo--alternative{padding:0 11px 0 20px;display:flex;align-items:center;text-align:right;line-height:1;height:37px}[data-nav-sm] .t2-site-navigation-top__logo--alternative{padding:0 15px 0 20px;height:45px}[data-nav-md] .t2-site-navigation-top__logo--alternative{padding-right:15px;margin-left:-20px;height:55px}.t2-site-navigation-top__logo--alternative img{height:100%!important}.t2-site-navigation-top__site-name{color:#0063a3;margin-left:10px;font-weight:300;font-size:1rem;line-height:1.125rem;text-decoration:none}.t2-site-navigation-top__site-name--hidden{display:none}[data-nav-md] .t2-site-navigation-top__site-name{font-size:1.5rem;margin-left:16px}[data-nav-lg] .t2-site-navigation-top__site-name{font-size:2rem}.t2-site-navigation-top__utility-nav{display:none;list-style:none}[data-nav-lg] .t2-site-navigation-top__utility-nav{display:flex;justify-content:space-between;align-items:center;margin:0;height:55px}.t2-site-navigation-top__utility-nav-button{border:none;background-color:#fff;cursor:pointer}.t2-site-navigation-top__utility-nav-search{display:flex;align-items:center;position:relative;color:#353a40}.t2-site-navigation-top__utility-nav-search svg{cursor:pointer;margin:0}.t2-site-navigation-top__utility-nav-search .t2-site-navigation-top__utility-nav-search--underline{border-bottom:3px solid transparent;width:100%;height:0;position:absolute;bottom:-12px}.t2-site-navigation-top__utility-nav-search .t2-site-navigation-top__utility-nav-search--underline-deployed,.t2-site-navigation-top__utility-nav-search:hover .t2-site-navigation-top__utility-nav-search--underline{border-bottom:3px solid #fbad26}.t2-site-navigation-top__utility-nav-profile{padding-top:4px;color:#353a40}.t2-site-navigation-top__utility-nav-profile svg,.t2-site-navigation-top__utility-nav-profile svg fill,.t2-site-navigation-top__utility-nav-profile svg path{color:#353a40}[data-nav-lg] .t2-site-navigation-top__utility-nav li{margin-right:20px}.t2-site-navigation-top__mobile-cta,.t2-site-navigation-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}[data-nav-xs] .t2-site-navigation-top__mobile-cta,[data-nav-xs] .t2-site-navigation-top__mobile-cta.t2-button--medium{max-width:200px}[data-nav-sm] .t2-site-navigation-top__mobile-cta,[data-nav-sm] .t2-site-navigation-top__mobile-cta.t2-button--medium{margin-right:22px;height:45px;font-size:.75rem;max-width:250px}[data-nav-md] .t2-site-navigation-top__mobile-cta,[data-nav-md] .t2-site-navigation-top__mobile-cta.t2-button--medium{max-width:300px}.t2-site-navigation-top__mobile-cta--hidden.t2-button,.t2-site-navigation-top__mobile-cta.t2-button--medium--hidden.t2-button{visibility:hidden;pointer-events:none;display:none}.t2-site-navigation-top__mobile-cta:focus,.t2-site-navigation-top__mobile-cta:active,.t2-site-navigation-top__mobile-cta.t2-button--medium:focus,.t2-site-navigation-top__mobile-cta.t2-button--medium:active{font-weight:700!important}.t2-site-navigation-top__mobile-menu{display:flex}[data-nav-lg] .t2-site-navigation-top__mobile-menu{display:none}.t2-site-navigation-top__mobile-menu-button{background:transparent;color:#353a40;border:0;cursor:pointer;padding:0;margin:0 5px;line-height:0}[data-nav-xs] .t2-site-navigation-top__mobile-menu-button{margin:0 10px}[data-nav-lg] .t2-site-navigation-top__mobile-menu-button{margin:0 20px}.t2-site-navigation__logo-image{height:100%}[data-nav-sm] .t2-site-navigation__logo-image{min-width:131px;height:auto}.t2-site-navigation-main{font-size:.9375rem;width:100%;padding:0px calc((100% - 1280px)/2);position:relative;display:none;color:#353a40;justify-content:space-between}[data-nav-lg] .t2-site-navigation-main{display:flex}.t2-site-navigation-main-mobile{display:block;width:100%}[data-nav-lg] .t2-site-navigation-main-mobile{display:none}.t2-site-navigation-main a:visited,.t2-site-navigation-main a:active{color:inherit;font-weight:inherit}.t2-site-navigation-main__nav{display:flex;padding:0;margin:0;width:1%;flex-grow:1;min-width:0}.t2-site-navigation-main__nav-item{list-style:none}.t2-site-navigation-main__nav-item>span,.t2-site-navigation-main__nav-item>a{display:inline-block;position:relative;cursor:pointer;padding:10px 25px 25px;border-bottom:4px solid transparent}.t2-site-navigation-main__nav-item>span:hover,.t2-site-navigation-main__nav-item>a:hover{color:#7d808d}.t2-site-navigation-main__nav-item--active span{color:#7d808d}.t2-site-navigation-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-navigation-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-navigation-main__nav-item--link a{text-decoration:none;color:#353a40;font-weight:inherit}.t2-site-navigation-main__nav-item--link a:visited,.t2-site-navigation-main__nav-item--link a:hover{text-decoration:none;font-weight:inherit}.t2-site-navigation-main__nav-item--link a:hover{color:#7d808d}.t2-site-navigation-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-navigation-main__display-line{background-color:#e0e1e9;height:100%;width:1px;display:inline-block;position:absolute;top:0;bottom:0;transition:left .5s ease;left:310px;z-index:1}.t2-site-navigation-main__inner-shadow{box-shadow:0 2px 2px #00000014;position:absolute;top:-4px;left:0;right:0;height:4px;overflow:visible}.t2-site-navigation-main__megamenu{pointer-events:none;position:absolute;background-color:#fff;visibility:hidden;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:max-width .5s ease;overflow:hidden;padding:50px 40px;top:59px}.t2-site-navigation-main__megamenu-container{position:relative}.t2-site-navigation-main__megamenu--no-promo{max-width:355px}.t2-site-navigation-main__megamenu--no-promo .t2-site-navigation-main__subcategory .t2-site-navigation-main__display-line{display:none}.t2-site-navigation-main__megamenu--no-promo .t2-site-navigation-main__subcategory-wrapper{border:0}.t2-site-navigation-main__megamenu--no-promo .t2-site-navigation-main__subcategory-wrapper--open{padding-right:7px}.t2-site-navigation-main__megamenu.t2-site-navigation-main__megamenu--subcategory-open{visibility:hidden}.t2-site-navigation-main__megamenu--open{visibility:visible;pointer-events:auto}.t2-site-navigation-main__megamenu--open .t2-site-navigation-main__subcategory-wrapper{visibility:hidden;transition:width .5s ease}.t2-site-navigation-main__megamenu--open.t2-site-navigation-main__megamenu--no-promo:not(.t2-site-navigation-main__megamenu--subcategory-open) .t2-site-navigation-main__display-line{display:none}.t2-site-navigation-main__megamenu--open.t2-site-navigation-main__megamenu--subcategory-open{visibility:visible}.t2-site-navigation-main__megamenu--open.t2-site-navigation-main__megamenu--subcategory-open .t2-site-navigation-main__subcategory-wrapper{visibility:visible;transition:width .5s ease}.t2-site-navigation-main__megamenu--open.t2-site-navigation-main__megamenu--subcategory-open.t2-site-navigation-main__megamenu--no-promo{max-width:880px}.t2-site-navigation-main__megamenu--open.t2-site-navigation-main__megamenu--subcategory-open.t2-site-navigation-main__megamenu--wide.t2-site-navigation-main__megamenu--no-promo{max-width:1130px}.t2-site-navigation-main__megamenu--open.t2-site-navigation-main__megamenu--no-promo{max-width:355px}.t2-site-navigation-main__megamenu--subcategory-open{visibility:visible;width:100%;max-width:1280px;transition:max-width .5s ease}.t2-site-navigation-main__megamenu--subcategory-open .t2-site-navigation-main__display-line{display:block;left:310px;transition:left .5s ease}[data-nav-xl] .t2-site-navigation-main__megamenu--wide.t2-site-navigation-main__megamenu--subcategory-open{max-width:1440px}[data-nav-xl] .t2-site-navigation-main__megamenu--wide.t2-site-navigation-main__megamenu--subcategory-open.t2-site-navigation-main__megamenu--no-promo{max-width:1040px}[data-nav-xl] .t2-site-navigation-main__megamenu--wide .t2-site-navigation-main__subcategory-wrapper--open{width:705px}.t2-site-navigation-main__subcategory{width:100%;max-width:275px;transition:width .5s ease-in-out}.t2-site-navigation-main__subcategory-title{color:#353a40;font-size:1rem;font-style:normal;font-weight:600;line-height:1.375rem;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-navigation-main__subcategory-title svg{height:10px}.t2-site-navigation-main__subcategory-title:hover,.t2-site-navigation-main__subcategory-title--active{font-weight:700}.t2-site-navigation-main__subcategory-title--active{background-color:#ffce74}.t2-site-navigation-main__subcategory-title>span{pointer-events:none}.t2-site-navigation-main__subcategory-title--no-children{padding:0;display:block}.t2-site-navigation-main__subcategory-title--no-children>a{padding:7px 10px}.t2-site-navigation-main__subcategory-wrapper{height:0;overflow:hidden;left:305px;padding:0 47px;top:0;position:absolute;background:#fff}.t2-site-navigation-main__subcategory-wrapper--open{width:545px;height:100%}.t2-site-navigation-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}[data-nav-xl] .t2-site-navigation-main__subcategory-items--6-plus{grid-template-columns:1fr 1fr 1fr}.t2-site-navigation-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-navigation-main__subcategory-item--overview{font-size:1.125rem;width:100%;color:#353a40;text-decoration:none;margin-bottom:40px;line-height:1.25rem}.t2-site-navigation-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-navigation-main__subcategory-item--overview-title .t2-icon{margin-left:10px}.t2-site-navigation-main__subcategory-item--overview-title svg{height:16px;fill:#0063a3}.t2-site-navigation-main__subcategory-item--overview-description{font-size:.9375rem;font-weight:400;pointer-events:none}.t2-site-navigation-main__subcategory-link{color:#353a40;text-decoration:none;display:block;cursor:pointer}.t2-site-navigation-main__subcategory-link .t2-icon{opacity:0;margin-top:4px}.t2-site-navigation-main__subcategory-link:hover .t2-site-navigation-main__subcategory-item-title{color:#0063a3}.t2-site-navigation-main__subcategory-link:hover .t2-icon{opacity:1}.t2-site-navigation-main__subcategory-category-link{color:#353a40;text-decoration:none;display:block;cursor:pointer;font-weight:400;line-height:1.25}.t2-site-navigation-main__subcategory-category-link:hover{text-decoration:underline;font-weight:700}.t2-site-navigation-main__subcategory-category-link:hover .t2-site-navigation-main__subcategory-item--overview-title,.t2-site-navigation-main__subcategory-category-link:hover .t2-site-navigation-main__subcategory-item--overview-title svg{color:#7d808d;fill:#7d808d}.t2-site-navigation-main__subcategory .t2-site-navigation-main__display-line{left:initial;right:350px;opacity:0}.t2-site-navigation-main__subcategory .t2-site-navigation-main__display-line--visible{opacity:1}.t2-site-navigation-main__category-link{padding:5px 10px;font-weight:700;font-size:1rem;width:275px;margin-top:50px;text-decoration:underline}.t2-site-navigation-main__category-link a{color:#353a40;font-weight:700}.t2-site-navigation-main__category-link a:visited{color:#353a40}.t2-site-navigation-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 #0000001f}.t2-site-navigation-main__nav-promo-wrapper{padding:40px 20px}.t2-site-navigation-main__nav-promo-title{font-weight:700;text-transform:uppercase;font-size:.875rem}.t2-site-navigation-main__nav-promo-image{display:block;width:100%;height:auto;border-radius:4px 4px 0 0}.t2-site-navigation-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-navigation-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-navigation-main__nav-cta{text-transform:uppercase;font-weight:700;margin-right:21px;flex-shrink:0}.t2-site-navigation-main__nav-cta .t2-button,.t2-site-navigation-main__nav-cta .t2-button:active,.t2-site-navigation-main__nav-cta .t2-button:focus,.t2-site-navigation-main__nav-cta .t2-button:visited{line-height:20px;padding-top:10px;padding-bottom:10px}.t2-site-navigation a.t2-site-navigation-main__nav-promo-link:hover{text-decoration:underline}a.t2-site-navigation-top__logo-holder:active,a.t2-site-navigation-top__logo-holder:visited,a.t2-site-navigation-top__logo-holder:hover,a.t2-site-navigation-top__logo-holder:focus{text-decoration:none!important}:not([data-nav-lg]) .tt-flyout-toggle-wrapper,:not([data-nav-lg]) .tf-toggle-wrap{display:none}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "trimble-terra",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "description": "Trimble Terra — React component library for Trimble MXP2 web experiences",
5
5
  "publishConfig": {
6
6
  "access": "public"