luna-one 3.1.558 → 3.1.560

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 (15) hide show
  1. package/dist/luna/components/MobileNav/MobileNav.scss +4 -0
  2. package/dist/luna/components/TrialForm/TrialComponents/TrialMethods.js +23 -0
  3. package/dist/luna/components/TrialForm/TrialComponents/TrialSpecifics.js +40 -0
  4. package/dist/luna/components/TrialForm/TrialComponents/TrialSpecifics.scss +44 -0
  5. package/dist/luna/components/TrialForm/TrialComponents/TrialSummary.js +55 -0
  6. package/dist/luna/components/TrialForm/TrialComponents/TrialSummary.scss +57 -0
  7. package/dist/luna/components/TrialForm/TrialFormStart/TrialFormStart.js +36 -0
  8. package/dist/luna/components/TrialForm/TrialFormStart/TrialFormStart.scss +28 -0
  9. package/dist/luna/components/TrialForm/images/check.svg +3 -0
  10. package/dist/luna/components/TrialForm/images/form-border-bottom-dark.svg +4 -0
  11. package/dist/luna/components/TrialForm/images/form-border-bottom-light.svg +4 -0
  12. package/dist/luna/components/TrialForm/images/form-border-top-dark.svg +4 -0
  13. package/dist/luna/components/TrialForm/images/form-border-top-light.svg +4 -0
  14. package/dist/luna/heroes/FullBackgroundHero/FullBackgroundHero.scss +4 -0
  15. package/package.json +1 -1
package/dist/luna/components/MobileNav/MobileNav.scss CHANGED
@@ -17,6 +17,10 @@
17
17
  visibility: visible;
18
18
  height: 100vh;
19
19
  background: $white;
20
+
21
+ @media screen and (min-width: $breakpoint-sm) {
22
+ display: none;
23
+ }
20
24
  }
21
25
 
22
26
  &__menus-container {
package/dist/luna/components/TrialForm/TrialComponents/TrialMethods.js ADDED
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.formatBullets = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var formatBullets = function formatBullets(bulletList) {
13
+ if (bulletList && bulletList !== null && bulletList !== void 0 && bulletList.length) {
14
+ return bulletList === null || bulletList === void 0 ? void 0 : bulletList.map(function (bullet, i) {
15
+ return /*#__PURE__*/_react["default"].createElement("li", {
16
+ key: i,
17
+ className: "trial-summary--bullets--point"
18
+ }, bullet);
19
+ });
20
+ } else return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);
21
+ };
22
+
23
+ exports.formatBullets = formatBullets;
package/dist/luna/components/TrialForm/TrialComponents/TrialSpecifics.js ADDED
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ require("./TrialSpecifics.scss");
13
+
14
+ var _terraOne = require("terra-one");
15
+
16
+ var TrialSpecifics = function TrialSpecifics(_ref) {
17
+ var content = _ref.content;
18
+ var header = content.header,
19
+ text = content.text,
20
+ signInText = content.signInText,
21
+ ctas = content.ctas;
22
+ return /*#__PURE__*/_react["default"].createElement("div", {
23
+ className: "trial-specifics"
24
+ }, /*#__PURE__*/_react["default"].createElement("div", {
25
+ className: "trial-specifics--top"
26
+ }, header && /*#__PURE__*/_react["default"].createElement("h2", {
27
+ className: "trial-specifics--top--header"
28
+ }, header), text && /*#__PURE__*/_react["default"].createElement("h4", {
29
+ className: "trial-specifics--top--text"
30
+ }, text)), /*#__PURE__*/_react["default"].createElement("div", {
31
+ className: "trial-specifics--bottom"
32
+ }, signInText && /*#__PURE__*/_react["default"].createElement("p", {
33
+ className: "trial-specifics--bottom--text"
34
+ }, signInText), ctas && /*#__PURE__*/_react["default"].createElement(_terraOne.CTASection, {
35
+ ctas: ctas
36
+ })));
37
+ };
38
+
39
+ var _default = TrialSpecifics;
40
+ exports["default"] = _default;
package/dist/luna/components/TrialForm/TrialComponents/TrialSpecifics.scss ADDED
@@ -0,0 +1,44 @@
1
+ @import "../../../../global-styles/terra.scss";
2
+
3
+ .trial-specifics {
4
+ &--top {
5
+ padding: 40px 40px 14px 40px;
6
+ background-image: url("../images/form-border-top-dark.svg");
7
+ background-repeat: no-repeat;
8
+ background-position: top;
9
+ background-size: 100%;
10
+
11
+ &--header {
12
+ @include header-standard-size;
13
+ line-height: 42px;
14
+ color: $trimble-dark-gray;
15
+ margin-bottom: 16px;
16
+ }
17
+
18
+ &--text {
19
+ @include subheader-standard-size;
20
+ font-weight: 350;
21
+ color: $trimble-dark-gray;
22
+ margin-bottom: 30px;
23
+ }
24
+ }
25
+ &--bottom {
26
+ padding: 0 40px 40px 40px;
27
+ background-image: url("../images/form-border-bottom-dark.svg");
28
+ background-repeat: no-repeat;
29
+ background-position: bottom;
30
+ background-size: 100%;
31
+
32
+ &--text {
33
+ @include subheader-standard-size;
34
+ font-weight: 700;
35
+ line-height: 24px;
36
+ color: $trimble-dark-gray;
37
+ margin-bottom: 24px;
38
+ }
39
+
40
+ .ter-button {
41
+ width: 215px;
42
+ }
43
+ }
44
+ }
package/dist/luna/components/TrialForm/TrialComponents/TrialSummary.js ADDED
@@ -0,0 +1,55 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ require("./TrialSummary.scss");
13
+
14
+ var _TrialMethods = require("./TrialMethods.js");
15
+
16
+ var TrialSummary = function TrialSummary(_ref) {
17
+ var content = _ref.content;
18
+ var eyebrow = content.eyebrow,
19
+ productName = content.productName,
20
+ productNameIcon = content.productNameIcon,
21
+ body = content.body,
22
+ bullets = content.bullets,
23
+ durationLabel = content.durationLabel,
24
+ duration = content.duration,
25
+ operatingSystemLabel = content.operatingSystemLabel,
26
+ operatingSystem = content.operatingSystem;
27
+ return /*#__PURE__*/_react["default"].createElement("div", {
28
+ className: "trial-summary"
29
+ }, eyebrow && /*#__PURE__*/_react["default"].createElement("h1", {
30
+ className: "trial-summary--eyebrow"
31
+ }, eyebrow), /*#__PURE__*/_react["default"].createElement("div", {
32
+ className: "trial-summary--product"
33
+ }, (productNameIcon === null || productNameIcon === void 0 ? void 0 : productNameIcon.src) && /*#__PURE__*/_react["default"].createElement("img", {
34
+ className: "trial-summary--product--img",
35
+ src: productNameIcon === null || productNameIcon === void 0 ? void 0 : productNameIcon.src,
36
+ alt: productNameIcon === null || productNameIcon === void 0 ? void 0 : productNameIcon.alt
37
+ }), productName && /*#__PURE__*/_react["default"].createElement("h3", {
38
+ className: "trial-summary--product--name"
39
+ }, productName)), body && /*#__PURE__*/_react["default"].createElement("p", {
40
+ className: "trial-summary--text"
41
+ }, body), bullets && /*#__PURE__*/_react["default"].createElement("ul", {
42
+ className: "trial-summary--bullets"
43
+ }, (0, _TrialMethods.formatBullets)(bullets)), durationLabel && /*#__PURE__*/_react["default"].createElement("h1", {
44
+ className: "trial-summary--eyebrow"
45
+ }, durationLabel), duration && /*#__PURE__*/_react["default"].createElement("p", {
46
+ className: "trial-summary--spec-text"
47
+ }, duration), operatingSystemLabel && /*#__PURE__*/_react["default"].createElement("h1", {
48
+ className: "trial-summary--eyebrow"
49
+ }, operatingSystemLabel), operatingSystem && /*#__PURE__*/_react["default"].createElement("p", {
50
+ className: "trial-summary--spec-text"
51
+ }, operatingSystem));
52
+ };
53
+
54
+ var _default = TrialSummary;
55
+ exports["default"] = _default;
package/dist/luna/components/TrialForm/TrialComponents/TrialSummary.scss ADDED
@@ -0,0 +1,57 @@
1
+ @import "../../../../global-styles/terra.scss";
2
+
3
+ .trial-summary {
4
+ &--eyebrow {
5
+ color: $trimble-blue;
6
+ @include h1-standard-size;
7
+ text-transform: uppercase;
8
+ font-weight: 700;
9
+ }
10
+
11
+ &--product {
12
+ display: flex;
13
+ flex-direction: row;
14
+ height: 30px;
15
+ margin-bottom: 9px;
16
+
17
+ &--img {
18
+ height: 30px;
19
+ }
20
+
21
+ &--name {
22
+ margin: 2px 0 0 10px;
23
+ @include subheader-standard-size;
24
+ font-weight: 700;
25
+ line-height: 30px;
26
+ color: $trimble-dark-gray;
27
+ }
28
+ }
29
+
30
+ &--text {
31
+ font-size: $body-font-size;
32
+ color: $trimble-dark-gray;
33
+ font-weight: 400;
34
+ line-height: 22px;
35
+ padding: 0 !important;
36
+ margin: 0 !important;
37
+ }
38
+
39
+ &--spec-text {
40
+ font-size: $body-font-size;
41
+ line-height: 24px;
42
+ font-weight: 400;
43
+ }
44
+
45
+ &--bullets {
46
+ list-style-image: url("../images/check.svg");
47
+ padding-left: 20px;
48
+ margin: 17px 0 33px 0;
49
+
50
+ &--point {
51
+ font-size: $body-font-size;
52
+ font-weight: 700;
53
+ line-height: 22px;
54
+ padding: 12px 0 0 16px;
55
+ }
56
+ }
57
+ }
package/dist/luna/components/TrialForm/TrialFormStart/TrialFormStart.js ADDED
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _TrialSpecifics = _interopRequireDefault(require("../TrialComponents/TrialSpecifics.js"));
13
+
14
+ var _TrialSummary = _interopRequireDefault(require("../TrialComponents/TrialSummary.js"));
15
+
16
+ require("./TrialFormStart.scss");
17
+
18
+ var _terraOne = require("terra-one");
19
+
20
+ var TrialFormStart = function TrialFormStart(_ref) {
21
+ var content = _ref.content;
22
+ return /*#__PURE__*/_react["default"].createElement("section", {
23
+ className: "trial-form-start"
24
+ }, /*#__PURE__*/_react["default"].createElement("div", {
25
+ className: "trial-form-start__left"
26
+ }, /*#__PURE__*/_react["default"].createElement(_TrialSpecifics["default"], {
27
+ content: content === null || content === void 0 ? void 0 : content.trialSpecifics
28
+ })), /*#__PURE__*/_react["default"].createElement("div", {
29
+ className: "trial-form-start__right"
30
+ }, /*#__PURE__*/_react["default"].createElement(_TrialSummary["default"], {
31
+ content: content === null || content === void 0 ? void 0 : content.trialSummary
32
+ })));
33
+ };
34
+
35
+ var _default = TrialFormStart;
36
+ exports["default"] = _default;
package/dist/luna/components/TrialForm/TrialFormStart/TrialFormStart.scss ADDED
@@ -0,0 +1,28 @@
1
+ @import "../../../../global-styles/terra.scss";
2
+
3
+ .trial-form-start {
4
+ background-color: $concrete-gray-1;
5
+ display: grid;
6
+ grid-template-columns: repeat(9, 1fr);
7
+ @media screen and (max-width: $breakpoint-xs) {
8
+ grid-template-rows: 1fr 45px 1fr;
9
+ }
10
+
11
+ &__left {
12
+ grid-column: 1 / span 4;
13
+
14
+ @media screen and (max-width: $breakpoint-xs) {
15
+ grid-column: 1 / span 9;
16
+ grid-row: 1 / span 1;
17
+ }
18
+ }
19
+
20
+ &__right {
21
+ grid-column: 6 / span 4;
22
+
23
+ @media screen and (max-width: $breakpoint-xs) {
24
+ grid-column: 1 / span 9;
25
+ grid-row: 3 / span 1;
26
+ }
27
+ }
28
+ }
package/dist/luna/components/TrialForm/images/check.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M5.67442 12.3171C5.33877 12.3171 5.00312 12.182 4.7468 11.9107L0.383772 7.29274C-0.127924 6.75066 -0.127924 5.87168 0.383772 5.3296C0.895937 4.78751 1.72686 4.788 2.23855 5.3296L5.67442 8.96572L13.7616 0.406567C14.2733 -0.135522 15.1032 -0.135522 15.6159 0.406567C16.128 0.948657 16.128 1.82763 15.6159 2.36972L6.60205 11.9107C6.34573 12.182 6.01008 12.3171 5.67442 12.3171" fill="#005F9E"/>
3
+ </svg>
package/dist/luna/components/TrialForm/images/form-border-bottom-dark.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="531" height="26" viewBox="0 0 531 26" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M25 24H1V1" stroke="#FBAD26" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
3
+ <path d="M506 25H530V0.999938" stroke="#FBAD26" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
4
+ </svg>
package/dist/luna/components/TrialForm/images/form-border-bottom-light.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="774" height="26" viewBox="0 0 774 26" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M25 24H1V1" stroke="#0063A3" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
3
+ <path d="M749 25H773V0.999938" stroke="#0063A3" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
4
+ </svg>
package/dist/luna/components/TrialForm/images/form-border-top-dark.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="530" height="26" viewBox="0 0 530 26" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M505 1H529V25" stroke="#FBAD26" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
3
+ <path d="M25 1H1V25.0001" stroke="#0063A3" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
4
+ </svg>
package/dist/luna/components/TrialForm/images/form-border-top-light.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="771" height="26" viewBox="0 0 771 26" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M746 1H770V25" stroke="#0063A3" stroke-width="2" stroke-linecap="square"/>
3
+ <path d="M25 1H1V25.0001" stroke="#FBAD26" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
4
+ </svg>
package/dist/luna/heroes/FullBackgroundHero/FullBackgroundHero.scss CHANGED
@@ -407,6 +407,10 @@
407
407
  padding: 12px;
408
408
  justify-content: space-between;
409
409
 
410
+ @media screen and (max-width: $breakpoint-xs) {
411
+ padding-left: 40px;
412
+ }
413
+
410
414
  .arrow {
411
415
  fill: $white;
412
416
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "luna-one",
3
- "version": "3.1.558",
3
+ "version": "3.1.560",
4
4
  "peerDependencies": {
5
5
  "react": "^17.0.2",
6
6
  "react-dom": "^17.0.2",