luna-one 3.1.559 → 3.1.561

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 (14) hide show
  1. package/dist/index.js +24 -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/package.json +1 -1
package/dist/index.js CHANGED
@@ -371,6 +371,24 @@ Object.defineProperty(exports, "TrainerCard", {
371
371
  return _TrainerCard["default"];
372
372
  }
373
373
  });
374
+ Object.defineProperty(exports, "TrialFormStart", {
375
+ enumerable: true,
376
+ get: function get() {
377
+ return _TrialFormStart["default"];
378
+ }
379
+ });
380
+ Object.defineProperty(exports, "TrialSpecifics", {
381
+ enumerable: true,
382
+ get: function get() {
383
+ return _TrialSpecifics["default"];
384
+ }
385
+ });
386
+ Object.defineProperty(exports, "TrialSummary", {
387
+ enumerable: true,
388
+ get: function get() {
389
+ return _TrialSummary["default"];
390
+ }
391
+ });
374
392
  Object.defineProperty(exports, "TwoByTwo", {
375
393
  enumerable: true,
376
394
  get: function get() {
@@ -634,6 +652,12 @@ var _ImageGallery = _interopRequireDefault(require("./luna/components/ImageGalle
634
652
 
635
653
  var _ProductSummary = _interopRequireDefault(require("./luna/components/ProductSummary/ProductSummary"));
636
654
 
655
+ var _TrialSummary = _interopRequireDefault(require("./luna/components/TrialForm/TrialComponents/TrialSummary"));
656
+
657
+ var _TrialSpecifics = _interopRequireDefault(require("./luna/components/TrialForm/TrialComponents/TrialSpecifics"));
658
+
659
+ var _TrialFormStart = _interopRequireDefault(require("./luna/components/TrialForm/TrialFormStart/TrialFormStart"));
660
+
637
661
  var _FooterHandler = _interopRequireDefault(require("./application/components/FooterHandler/FooterHandler"));
638
662
 
639
663
  var _HelmetHandler = _interopRequireDefault(require("./application/components/HelmetHandler/HelmetHandler"));
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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "luna-one",
3
- "version": "3.1.559",
3
+ "version": "3.1.561",
4
4
  "peerDependencies": {
5
5
  "react": "^17.0.2",
6
6
  "react-dom": "^17.0.2",