@artaio/arta-browser 2.13.0 → 2.13.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.
- package/dist/bundle.js +1 -1
- package/dist/components/Destination/index.js +2 -2
- package/dist/components/DrawerInsurance/index.js +1 -1
- package/dist/components/Modal/index.css +191 -115
- package/dist/components/PackageEvents/index.js +1 -1
- package/dist/components/Quotes/index.js +1 -1
- package/dist/components/ShipmentException/index.js +1 -1
- package/dist/components/TrackingDrawer/index.css +1 -2
- package/package.json +1 -1
|
@@ -52,8 +52,8 @@ var Destination = function (_a) {
|
|
|
52
52
|
};
|
|
53
53
|
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "artajs__modal__form" }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__form__row__context" }, { children: textConfig.descriptionLabel })), (0, jsx_runtime_1.jsx)("p", __assign({ class: "artajs__modal__form__row__location" }, { children: parsedOrigin ? ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ class: "artajs__modal__capitalize" }, { children: parsedOrigin })), ' ', (0, jsx_runtime_1.jsx)("span", __assign({ class: "artajs__modal__form__light" }, { children: textConfig.detailOriginLabel }))] })) : ((0, jsx_runtime_1.jsx)("span", { children: "..." })) })), (0, jsx_runtime_1.jsxs)("form", __assign({ onSubmit: onFormSubmit }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "artajs__modal__form__row" }, { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ className: "artajs__modal__form__label" }, { children: textConfig.countryLabel })), (0, jsx_runtime_1.jsx)("label", __assign({ class: "artajs__modal__textfield__outlined ".concat(isDestinationError
|
|
54
54
|
? 'artajs__modal__textfield__outlined__error'
|
|
55
|
-
: ''), for: "country" }, { children: (0, jsx_runtime_1.jsx)("select", __assign({ id: "country", onChange: onCountryChange,
|
|
55
|
+
: ''), for: "country" }, { children: (0, jsx_runtime_1.jsx)("select", __assign({ id: "country", onChange: onCountryChange, value: country }, { children: countries_1.countries.map(function (c) { return ((0, jsx_runtime_1.jsx)("option", __assign({ value: c.code }, { children: c.name }), c.code)); }) })) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "artajs__modal__form__row" }, { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ className: "artajs__modal__form__label" }, { children: isWithoutPostal ? textConfig.cityLabel : textConfig.zipLabel })), (0, jsx_runtime_1.jsx)("label", __assign({ class: "artajs__modal__textfield__outlined ".concat(isDestinationError
|
|
56
56
|
? 'artajs__modal__textfield__outlined__error'
|
|
57
|
-
: ''), for: "postal_code" }, { children: (0, jsx_runtime_1.jsx)("input", { id: "postal_code", onInput: onPostalCodeInput, placeholder: "
|
|
57
|
+
: ''), for: "postal_code" }, { children: (0, jsx_runtime_1.jsx)("input", { id: "postal_code", onInput: onPostalCodeInput, placeholder: "", type: "text", value: postalCode }) }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "artajs__modal__form__row" }, { children: (0, jsx_runtime_1.jsx)("button", __assign({ disabled: !enabled || postalCode === '' ? true : false, type: "submit" }, { children: textConfig.buttonText })) }))] }))] })));
|
|
58
58
|
};
|
|
59
59
|
exports.Destination = Destination;
|
|
@@ -14,6 +14,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
exports.DrawerInsurance = void 0;
|
|
15
15
|
var jsx_runtime_1 = require("preact/jsx-runtime");
|
|
16
16
|
var DrawerInsurance = function () {
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__insurance__wrapper" }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__insurance__content" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__insurance__title" }, { children: "
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__insurance__wrapper" }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__insurance__content" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__insurance__title" }, { children: "Covered by" })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__insurance__body" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__insurance__body__icon" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "18", height: "20", viewBox: "0 0 18 20", fill: "none" }, { children: [(0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.4585 3.17259L12.4584 3.17258C12.0502 2.95409 11.5803 2.70261 11.0381 2.44955C10.1881 2.05287 9.45319 1.80278 9.00011 1.80278L9.00011 0.00291653C9.89693 0.00291653 10.9619 0.427777 11.7992 0.818545C12.3701 1.08495 12.9716 1.40556 13.4117 1.64019C13.6166 1.7494 13.7865 1.83998 13.9022 1.89779C14.003 1.9482 14.1124 2.00373 14.2286 2.06266L14.2288 2.06278C14.6645 2.28384 15.1945 2.55273 15.717 2.77861C16.0461 2.92087 16.3449 3.03378 16.5901 3.10205C16.7893 3.15752 16.8906 3.16514 16.9202 3.16737C16.932 3.16826 16.9324 3.16829 16.923 3.17016C17.1861 3.11754 17.459 3.18506 17.6672 3.35431C17.8754 3.52356 17.9972 3.77688 17.9994 4.04518C18.0188 6.39014 17.5547 9.79083 16.2436 12.6406C14.9324 15.4907 12.6555 18.0016 9.00007 18.0016L9.00007 16.2017C11.6443 16.2017 13.4356 14.4379 14.6085 11.8884C15.6437 9.63826 16.1048 6.94108 16.1866 4.85739C16.1595 4.8503 16.1331 4.84313 16.1073 4.83596C15.7495 4.73633 15.3661 4.58777 15.0028 4.43072C14.4231 4.18013 13.8253 3.8766 13.3886 3.6549L13.3885 3.65486C13.2807 3.60012 13.1827 3.55037 13.0973 3.50764C12.9029 3.41049 12.6907 3.29688 12.4585 3.17259ZM4.90275 3.5057C5.09706 3.40855 5.30934 3.29493 5.54157 3.17064C5.94979 2.95215 6.41965 2.70067 6.96192 2.44761C7.81192 2.05093 8.54681 1.80084 8.99989 1.80084L8.99989 0.000976169C8.10307 0.000976169 7.03812 0.425837 6.20077 0.816605C5.62991 1.08301 5.02844 1.40362 4.58827 1.63825C4.38339 1.74746 4.21346 1.83804 4.09782 1.89585C3.99694 1.94629 3.88742 2.00186 3.77119 2.06083C3.33549 2.2819 2.80554 2.55079 2.28302 2.77667C1.95394 2.91893 1.65506 3.03184 1.40987 3.10011C1.21066 3.15558 1.1094 3.1632 1.0798 3.16543C1.06797 3.16632 1.06759 3.16634 1.07697 3.16822C0.813873 3.1156 0.541015 3.18312 0.332817 3.35237C0.124618 3.52162 0.00279792 3.77494 0.000579657 4.04324C-0.0188067 6.3882 0.445274 9.78889 1.75635 12.6387C3.06757 15.4888 5.34455 17.9997 8.99993 17.9997L8.99993 16.1998C6.35574 16.1998 4.5644 14.436 3.39148 11.8865C2.35629 9.63632 1.8952 6.93914 1.81336 4.85545C1.84046 4.84836 1.86692 4.84119 1.89268 4.83402C2.25046 4.73439 2.63391 4.58583 2.99721 4.42878C3.57689 4.17819 4.17474 3.87466 4.61142 3.65296C4.71926 3.5982 4.81727 3.54844 4.90275 3.5057Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.649 5.55151C13.0625 5.8272 13.1743 6.38595 12.8986 6.79949L9.29884 12.1991C9.03238 12.5988 8.49896 12.7187 8.08704 12.4716L5.8372 11.1217C5.41101 10.866 5.27281 10.3132 5.52853 9.88699C5.78424 9.4608 6.33704 9.3226 6.76323 9.57831L8.27725 10.4867L11.401 5.8011C11.6767 5.38756 12.2354 5.27581 12.649 5.55151Z", fill: "currentColor" })] })) })), (0, jsx_runtime_1.jsx)("a", __assign({ href: "https://www.arta.io/insurance", target: "_blank", class: "artajs__tracking__insurance__body__icon__text" }, { children: "Arta Shipping Protection" }))] }))] })) })));
|
|
18
18
|
};
|
|
19
19
|
exports.DrawerInsurance = DrawerInsurance;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
/* reset */
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--background: #
|
|
5
|
-
--text-primary: #
|
|
6
|
-
--text-secondary: #
|
|
7
|
-
--border: #
|
|
8
|
-
--border-hover: #
|
|
9
|
-
--border-focused: #
|
|
10
|
-
--button-background: #
|
|
11
|
-
--button-background-hover: #
|
|
12
|
-
--button-background-disabled: #
|
|
13
|
-
--button-text: #
|
|
14
|
-
--button-text-hover: #
|
|
15
|
-
--button-text-disabled: #
|
|
16
|
-
--quote-background: #
|
|
4
|
+
--background: #ffffff;
|
|
5
|
+
--text-primary: #110f10;
|
|
6
|
+
--text-secondary: #6f6c65;
|
|
7
|
+
--border: #d7d6d0;
|
|
8
|
+
--border-hover: #6f6c65;
|
|
9
|
+
--border-focused: #110f10;
|
|
10
|
+
--button-background: #110f10;
|
|
11
|
+
--button-background-hover: #6f6c65;
|
|
12
|
+
--button-background-disabled: #f2f2f2;
|
|
13
|
+
--button-text: #ffffff;
|
|
14
|
+
--button-text-hover: #ffffff;
|
|
15
|
+
--button-text-disabled: #9d9d9d;
|
|
16
|
+
--quote-background: #f2f2f2;
|
|
17
17
|
--error-text: #822828;
|
|
18
|
-
--error-background: #
|
|
19
|
-
--font-family:
|
|
18
|
+
--error-background: #fbecec;
|
|
19
|
+
--font-family: 'Neue Haas Grotesk Text Pro, Arial, Helvetica, sans-serif';
|
|
20
20
|
--font-size: 14px;
|
|
21
21
|
--width: 300px;
|
|
22
22
|
--height: 467px;
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
.artajs__modal button,
|
|
70
70
|
.artajs__modal select {
|
|
71
71
|
font: inherit;
|
|
72
|
-
margin: 0
|
|
72
|
+
margin: 0;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
/* modal styles */
|
|
@@ -168,7 +168,12 @@
|
|
|
168
168
|
stroke: var(--text-secondary);
|
|
169
169
|
}
|
|
170
170
|
|
|
171
|
-
.artajs__modal
|
|
171
|
+
.artajs__modal
|
|
172
|
+
.artajs__modal__header
|
|
173
|
+
.artajs__modal__header__close
|
|
174
|
+
a:hover
|
|
175
|
+
svg
|
|
176
|
+
line {
|
|
172
177
|
stroke: var(--text-primary);
|
|
173
178
|
}
|
|
174
179
|
|
|
@@ -192,7 +197,6 @@
|
|
|
192
197
|
|
|
193
198
|
.artajs__modal__form__label {
|
|
194
199
|
font-size: calc(var(--font-size) - 2px);
|
|
195
|
-
|
|
196
200
|
}
|
|
197
201
|
|
|
198
202
|
.artajs__modal p.artajs__modal__form__row__location {
|
|
@@ -384,7 +388,6 @@
|
|
|
384
388
|
fill: var(--text-secondary);
|
|
385
389
|
}
|
|
386
390
|
|
|
387
|
-
|
|
388
391
|
/* footer styles */
|
|
389
392
|
.artajs__modal .artajs__modal__footer {
|
|
390
393
|
background-color: var(--background);
|
|
@@ -400,7 +403,7 @@
|
|
|
400
403
|
display: inline-flex;
|
|
401
404
|
text-decoration: none;
|
|
402
405
|
padding: 6px 10px;
|
|
403
|
-
background: #
|
|
406
|
+
background: #ffffff;
|
|
404
407
|
border-radius: 12px;
|
|
405
408
|
align-items: center;
|
|
406
409
|
justify-content: center;
|
|
@@ -410,7 +413,7 @@
|
|
|
410
413
|
.artajs__modal .artajs__modal__footer__link p {
|
|
411
414
|
font-size: 12px;
|
|
412
415
|
font-family: 'helvetica';
|
|
413
|
-
color: #
|
|
416
|
+
color: #6f6c65;
|
|
414
417
|
padding-top: 2px;
|
|
415
418
|
}
|
|
416
419
|
|
|
@@ -476,8 +479,8 @@
|
|
|
476
479
|
}
|
|
477
480
|
|
|
478
481
|
/* Input, Select */
|
|
479
|
-
.artajs__modal .artajs__modal__textfield__outlined>input,
|
|
480
|
-
.artajs__modal .artajs__modal__textfield__outlined>select {
|
|
482
|
+
.artajs__modal .artajs__modal__textfield__outlined > input,
|
|
483
|
+
.artajs__modal .artajs__modal__textfield__outlined > select {
|
|
481
484
|
background-color: transparent;
|
|
482
485
|
border: solid 1px;
|
|
483
486
|
/* Safari */
|
|
@@ -500,28 +503,25 @@
|
|
|
500
503
|
background: var(--background);
|
|
501
504
|
}
|
|
502
505
|
|
|
503
|
-
.artajs__modal .artajs__modal__textfield__outlined>select {
|
|
506
|
+
.artajs__modal .artajs__modal__textfield__outlined > select {
|
|
504
507
|
-webkit-appearance: none;
|
|
505
508
|
-moz-appearance: none;
|
|
506
|
-
background-image:
|
|
507
|
-
|
|
509
|
+
background-image: linear-gradient(
|
|
510
|
+
45deg,
|
|
511
|
+
transparent 50%,
|
|
512
|
+
var(--text-primary) 50%
|
|
513
|
+
),
|
|
508
514
|
linear-gradient(135deg, var(--text-primary) 50%, transparent 50%),
|
|
509
515
|
linear-gradient(to right, transparent, transparent);
|
|
510
|
-
background-position:
|
|
511
|
-
calc(100% -
|
|
512
|
-
|
|
513
|
-
calc(100% - 2.5em) 0.5em;
|
|
514
|
-
background-size:
|
|
515
|
-
5px 5px,
|
|
516
|
-
5px 5px,
|
|
517
|
-
1px 1.5em;
|
|
516
|
+
background-position: calc(100% - 20px) calc(1em + 7px),
|
|
517
|
+
calc(100% - 15px) calc(1em + 7px), calc(100% - 2.5em) 0.5em;
|
|
518
|
+
background-size: 5px 5px, 5px 5px, 1px 1.5em;
|
|
518
519
|
background-repeat: no-repeat;
|
|
519
|
-
|
|
520
520
|
}
|
|
521
521
|
|
|
522
522
|
/* Span */
|
|
523
|
-
.artajs__modal .artajs__modal__textfield__outlined>input+span,
|
|
524
|
-
.artajs__modal .artajs__modal__textfield__outlined>select+span {
|
|
523
|
+
.artajs__modal .artajs__modal__textfield__outlined > input + span,
|
|
524
|
+
.artajs__modal .artajs__modal__textfield__outlined > select + span {
|
|
525
525
|
position: absolute;
|
|
526
526
|
top: 0;
|
|
527
527
|
left: 0;
|
|
@@ -537,11 +537,11 @@
|
|
|
537
537
|
}
|
|
538
538
|
|
|
539
539
|
/* Corners */
|
|
540
|
-
.artajs__modal .artajs__modal__textfield__outlined>input+span::before,
|
|
541
|
-
.artajs__modal .artajs__modal__textfield__outlined>input+span::after,
|
|
542
|
-
.artajs__modal .artajs__modal__textfield__outlined>select+span::before,
|
|
543
|
-
.artajs__modal .artajs__modal__textfield__outlined>select+span::after {
|
|
544
|
-
content:
|
|
540
|
+
.artajs__modal .artajs__modal__textfield__outlined > input + span::before,
|
|
541
|
+
.artajs__modal .artajs__modal__textfield__outlined > input + span::after,
|
|
542
|
+
.artajs__modal .artajs__modal__textfield__outlined > select + span::before,
|
|
543
|
+
.artajs__modal .artajs__modal__textfield__outlined > select + span::after {
|
|
544
|
+
content: '';
|
|
545
545
|
display: block;
|
|
546
546
|
box-sizing: border-box;
|
|
547
547
|
margin-top: 6px;
|
|
@@ -554,15 +554,15 @@
|
|
|
554
554
|
transition: border-color 0.2s, box-shadow 0.2s;
|
|
555
555
|
}
|
|
556
556
|
|
|
557
|
-
.artajs__modal .artajs__modal__textfield__outlined>input+span::before,
|
|
558
|
-
.artajs__modal .artajs__modal__textfield__outlined>select+span::before {
|
|
557
|
+
.artajs__modal .artajs__modal__textfield__outlined > input + span::before,
|
|
558
|
+
.artajs__modal .artajs__modal__textfield__outlined > select + span::before {
|
|
559
559
|
margin-right: 4px;
|
|
560
560
|
border-left: solid 1px transparent;
|
|
561
561
|
border-radius: 4px 0;
|
|
562
562
|
}
|
|
563
563
|
|
|
564
|
-
.artajs__modal .artajs__modal__textfield__outlined>input+span::after,
|
|
565
|
-
.artajs__modal .artajs__modal__textfield__outlined>select+span::after {
|
|
564
|
+
.artajs__modal .artajs__modal__textfield__outlined > input + span::after,
|
|
565
|
+
.artajs__modal .artajs__modal__textfield__outlined > select + span::after {
|
|
566
566
|
flex-grow: 1;
|
|
567
567
|
margin-left: 4px;
|
|
568
568
|
border-right: solid 1px transparent;
|
|
@@ -570,142 +570,217 @@
|
|
|
570
570
|
}
|
|
571
571
|
|
|
572
572
|
/* Hover */
|
|
573
|
-
.artajs__modal .artajs__modal__textfield__outlined:hover>input,
|
|
574
|
-
.artajs__modal .artajs__modal__textfield__outlined:hover>select {
|
|
573
|
+
.artajs__modal .artajs__modal__textfield__outlined:hover > input,
|
|
574
|
+
.artajs__modal .artajs__modal__textfield__outlined:hover > select {
|
|
575
575
|
cursor: pointer;
|
|
576
576
|
border-color: var(--border-hover);
|
|
577
577
|
}
|
|
578
578
|
|
|
579
|
-
.artajs__modal
|
|
580
|
-
.
|
|
579
|
+
.artajs__modal
|
|
580
|
+
.artajs__modal__textfield__outlined:hover
|
|
581
|
+
> input:not(:focus):placeholder-shown {
|
|
581
582
|
cursor: pointer;
|
|
582
583
|
border-color: var(--border-hover);
|
|
583
584
|
}
|
|
584
585
|
|
|
585
586
|
/* Placeholder-shown */
|
|
586
|
-
.artajs__modal
|
|
587
|
-
.
|
|
587
|
+
.artajs__modal
|
|
588
|
+
.artajs__modal__textfield__outlined
|
|
589
|
+
> input:not(:focus):placeholder-shown
|
|
590
|
+
+ span {
|
|
588
591
|
font-size: inherit;
|
|
589
592
|
line-height: 68px;
|
|
590
593
|
}
|
|
591
594
|
|
|
592
595
|
/* Focus */
|
|
593
|
-
.artajs__modal .artajs__modal__textfield__outlined>input:focus,
|
|
594
|
-
.artajs__modal .artajs__modal__textfield__outlined>select:focus {
|
|
596
|
+
.artajs__modal .artajs__modal__textfield__outlined > input:focus,
|
|
597
|
+
.artajs__modal .artajs__modal__textfield__outlined > select:focus {
|
|
595
598
|
border-color: var(--border-focused);
|
|
596
599
|
/* border-top-color: transparent; */
|
|
597
600
|
/* box-shadow: inset 1px 0 var(--border-focused), inset -1px 0 var(--border-focused), inset 0 -1px var(--border-focused), inset 0 1px var(--border-focused); */
|
|
598
601
|
outline: var(--border-focused);
|
|
599
602
|
}
|
|
600
603
|
|
|
601
|
-
.artajs__modal .artajs__modal__textfield__outlined>input:focus+span,
|
|
602
|
-
.artajs__modal .artajs__modal__textfield__outlined>select:focus+span {
|
|
604
|
+
.artajs__modal .artajs__modal__textfield__outlined > input:focus + span,
|
|
605
|
+
.artajs__modal .artajs__modal__textfield__outlined > select:focus + span {
|
|
603
606
|
color: var(--text-secondary);
|
|
604
607
|
}
|
|
605
608
|
|
|
606
|
-
.artajs__modal .artajs__modal__textfield__outlined>input:focus+span::before,
|
|
607
|
-
.artajs__modal .artajs__modal__textfield__outlined>input:focus+span::after,
|
|
608
|
-
.artajs__modal
|
|
609
|
-
.
|
|
609
|
+
.artajs__modal .artajs__modal__textfield__outlined > input:focus + span::before,
|
|
610
|
+
.artajs__modal .artajs__modal__textfield__outlined > input:focus + span::after,
|
|
611
|
+
.artajs__modal
|
|
612
|
+
.artajs__modal__textfield__outlined
|
|
613
|
+
> select:focus
|
|
614
|
+
+ span::before,
|
|
615
|
+
.artajs__modal
|
|
616
|
+
.artajs__modal__textfield__outlined
|
|
617
|
+
> select:focus
|
|
618
|
+
+ span::after {
|
|
610
619
|
box-shadow: inset 0 1px var(--text-primary);
|
|
611
620
|
}
|
|
612
621
|
|
|
613
622
|
/* Disabled */
|
|
614
|
-
.artajs__modal .artajs__modal__textfield__outlined>input:disabled,
|
|
615
|
-
.artajs__modal .artajs__modal__textfield__outlined>input:disabled+span,
|
|
616
|
-
.artajs__modal .artajs__modal__textfield__outlined>select:disabled,
|
|
617
|
-
.artajs__modal .artajs__modal__textfield__outlined>select:disabled+span {
|
|
623
|
+
.artajs__modal .artajs__modal__textfield__outlined > input:disabled,
|
|
624
|
+
.artajs__modal .artajs__modal__textfield__outlined > input:disabled + span,
|
|
625
|
+
.artajs__modal .artajs__modal__textfield__outlined > select:disabled,
|
|
626
|
+
.artajs__modal .artajs__modal__textfield__outlined > select:disabled + span {
|
|
618
627
|
border-color: var(--text-secondary) !important;
|
|
619
628
|
color: rgba(0, 0, 0, 0.38);
|
|
620
629
|
pointer-events: none;
|
|
621
630
|
}
|
|
622
631
|
|
|
623
632
|
/* Error */
|
|
624
|
-
.artajs__modal
|
|
625
|
-
.
|
|
633
|
+
.artajs__modal
|
|
634
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
635
|
+
> input,
|
|
636
|
+
.artajs__modal
|
|
637
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
638
|
+
> select {
|
|
626
639
|
border-color: var(--error-text) !important;
|
|
627
640
|
border-top-color: transparent !important;
|
|
628
641
|
}
|
|
629
642
|
|
|
630
|
-
.artajs__modal
|
|
631
|
-
.
|
|
643
|
+
.artajs__modal
|
|
644
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
645
|
+
> input
|
|
646
|
+
+ span,
|
|
647
|
+
.artajs__modal
|
|
648
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
649
|
+
> select
|
|
650
|
+
+ span {
|
|
632
651
|
border-color: var(--error-text) !important;
|
|
633
652
|
border-top-color: transparent !important;
|
|
634
653
|
color: var(--error-text) !important;
|
|
635
654
|
}
|
|
636
655
|
|
|
637
|
-
.artajs__modal
|
|
638
|
-
.
|
|
639
|
-
|
|
640
|
-
|
|
656
|
+
.artajs__modal
|
|
657
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
658
|
+
> input
|
|
659
|
+
+ span::before,
|
|
660
|
+
.artajs__modal
|
|
661
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
662
|
+
> select
|
|
663
|
+
+ span::before,
|
|
664
|
+
.artajs__modal
|
|
665
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
666
|
+
> input
|
|
667
|
+
+ span::after,
|
|
668
|
+
.artajs__modal
|
|
669
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
670
|
+
> select
|
|
671
|
+
+ span::after {
|
|
641
672
|
border-top-color: var(--error-text) !important;
|
|
642
673
|
}
|
|
643
674
|
|
|
644
675
|
/* Error - Hover */
|
|
645
|
-
.artajs__modal
|
|
646
|
-
.
|
|
676
|
+
.artajs__modal
|
|
677
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover
|
|
678
|
+
> input,
|
|
679
|
+
.artajs__modal
|
|
680
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover
|
|
681
|
+
> select {
|
|
647
682
|
border-color: var(--error-text) !important;
|
|
648
683
|
border-top-color: transparent !important;
|
|
649
684
|
}
|
|
650
685
|
|
|
651
|
-
.artajs__modal
|
|
652
|
-
.
|
|
653
|
-
|
|
654
|
-
|
|
686
|
+
.artajs__modal
|
|
687
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover
|
|
688
|
+
> input
|
|
689
|
+
+ span::before,
|
|
690
|
+
.artajs__modal
|
|
691
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover
|
|
692
|
+
> select
|
|
693
|
+
+ span::before,
|
|
694
|
+
.artajs__modal
|
|
695
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover
|
|
696
|
+
> input
|
|
697
|
+
+ span::after,
|
|
698
|
+
.artajs__modal
|
|
699
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover
|
|
700
|
+
> select
|
|
701
|
+
+ span::after {
|
|
655
702
|
border-top-color: var(--error-text) !important;
|
|
656
703
|
}
|
|
657
704
|
|
|
658
|
-
.artajs__modal
|
|
659
|
-
.
|
|
705
|
+
.artajs__modal
|
|
706
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover
|
|
707
|
+
> input:not(:focus):placeholder-shown {
|
|
660
708
|
border-color: var(--error-text) !important;
|
|
661
709
|
}
|
|
662
710
|
|
|
663
711
|
/* Error - Placeholder-shown */
|
|
664
|
-
.artajs__modal
|
|
665
|
-
.
|
|
712
|
+
.artajs__modal
|
|
713
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
714
|
+
> input:not(:focus):placeholder-shown {
|
|
666
715
|
border-top-color: var(--error-text) !important;
|
|
667
716
|
}
|
|
668
717
|
|
|
669
|
-
.artajs__modal
|
|
670
|
-
.
|
|
671
|
-
|
|
672
|
-
|
|
718
|
+
.artajs__modal
|
|
719
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
720
|
+
> input:not(:focus):placeholder-shown
|
|
721
|
+
+ span::before,
|
|
722
|
+
.artajs__modal
|
|
723
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
724
|
+
> input:not(:focus):placeholder-shown
|
|
725
|
+
+ span::after {
|
|
673
726
|
border-top-color: transparent !important;
|
|
674
727
|
}
|
|
675
728
|
|
|
676
729
|
/* Error - Focus */
|
|
677
|
-
.artajs__modal
|
|
678
|
-
.
|
|
730
|
+
.artajs__modal
|
|
731
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
732
|
+
> input:focus,
|
|
733
|
+
.artajs__modal
|
|
734
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
735
|
+
> select:focus {
|
|
679
736
|
border-color: var(--error-text) !important;
|
|
680
737
|
border-top-color: transparent !important;
|
|
681
|
-
box-shadow: inset 1px 0 var(--error-text), inset -1px 0 var(--error-text),
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
.artajs__modal
|
|
738
|
+
box-shadow: inset 1px 0 var(--error-text), inset -1px 0 var(--error-text),
|
|
739
|
+
inset 0 -1px var(--error-text) !important;
|
|
740
|
+
}
|
|
741
|
+
|
|
742
|
+
.artajs__modal
|
|
743
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
744
|
+
> input:focus
|
|
745
|
+
+ span,
|
|
746
|
+
.artajs__modal
|
|
747
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
748
|
+
> select:focus
|
|
749
|
+
+ span {
|
|
686
750
|
color: var(--error-text) !important;
|
|
687
751
|
}
|
|
688
752
|
|
|
689
|
-
.artajs__modal
|
|
690
|
-
.
|
|
691
|
-
|
|
692
|
-
|
|
753
|
+
.artajs__modal
|
|
754
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
755
|
+
> input:focus
|
|
756
|
+
+ span::before,
|
|
757
|
+
.artajs__modal
|
|
758
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
759
|
+
> input:focus
|
|
760
|
+
+ span::after,
|
|
761
|
+
.artajs__modal
|
|
762
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
763
|
+
> select:focus
|
|
764
|
+
+ span::before,
|
|
765
|
+
.artajs__modal
|
|
766
|
+
.artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error
|
|
767
|
+
> select:focus
|
|
768
|
+
+ span::after {
|
|
693
769
|
border-top-color: var(--error-text) !important;
|
|
694
770
|
box-shadow: inset 0 1px var(--error-text) !important;
|
|
695
771
|
}
|
|
696
772
|
|
|
697
773
|
/* Faster transition in Safari for less noticable fractional font-size issue */
|
|
698
|
-
@media not all and (min-resolution
|
|
699
|
-
@supports (-webkit-appearance:none) {
|
|
700
|
-
|
|
701
|
-
.artajs__modal .artajs__modal__textfield__outlined>input,
|
|
702
|
-
.artajs__modal .artajs__modal__textfield__outlined>
|
|
703
|
-
.artajs__modal .artajs__modal__textfield__outlined>select,
|
|
704
|
-
.artajs__modal .artajs__modal__textfield__outlined>
|
|
705
|
-
.artajs__modal .artajs__modal__textfield__outlined>input+span::
|
|
706
|
-
.artajs__modal .artajs__modal__textfield__outlined>
|
|
707
|
-
.artajs__modal .artajs__modal__textfield__outlined>select+span::
|
|
708
|
-
.artajs__modal .artajs__modal__textfield__outlined>select+span::after {
|
|
774
|
+
@media not all and (min-resolution: 0.001dpcm) {
|
|
775
|
+
@supports (-webkit-appearance: none) {
|
|
776
|
+
.artajs__modal .artajs__modal__textfield__outlined > input,
|
|
777
|
+
.artajs__modal .artajs__modal__textfield__outlined > input + span,
|
|
778
|
+
.artajs__modal .artajs__modal__textfield__outlined > select,
|
|
779
|
+
.artajs__modal .artajs__modal__textfield__outlined > select + span,
|
|
780
|
+
.artajs__modal .artajs__modal__textfield__outlined > input + span::before,
|
|
781
|
+
.artajs__modal .artajs__modal__textfield__outlined > input + span::after,
|
|
782
|
+
.artajs__modal .artajs__modal__textfield__outlined > select + span::before,
|
|
783
|
+
.artajs__modal .artajs__modal__textfield__outlined > select + span::after {
|
|
709
784
|
transition-duration: 0.1s;
|
|
710
785
|
}
|
|
711
786
|
}
|
|
@@ -721,18 +796,19 @@
|
|
|
721
796
|
height: 56px;
|
|
722
797
|
width: 56px;
|
|
723
798
|
box-sizing: border-box;
|
|
724
|
-
background: conic-gradient(
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
360deg
|
|
799
|
+
background: conic-gradient(
|
|
800
|
+
from 90deg at 50% 50%,
|
|
801
|
+
rgba(39, 174, 96, 0) 0deg,
|
|
802
|
+
rgba(31, 144, 255, 0) 0.04deg,
|
|
803
|
+
var(--text-secondary) 360deg
|
|
804
|
+
);
|
|
729
805
|
border-radius: 56px;
|
|
730
806
|
/* previous code */
|
|
731
807
|
animation: 1s rotate infinite linear;
|
|
732
808
|
}
|
|
733
809
|
|
|
734
810
|
.artajs__modal .artajs__modal__loading::before {
|
|
735
|
-
content:
|
|
811
|
+
content: '';
|
|
736
812
|
position: absolute;
|
|
737
813
|
left: 50%;
|
|
738
814
|
top: 50%;
|
|
@@ -744,7 +820,7 @@
|
|
|
744
820
|
}
|
|
745
821
|
|
|
746
822
|
.artajs__modal .artajs__modal__loading::after {
|
|
747
|
-
content:
|
|
823
|
+
content: '';
|
|
748
824
|
position: absolute;
|
|
749
825
|
right: 0;
|
|
750
826
|
top: 50%;
|
|
@@ -119,7 +119,7 @@ var PackageEvents = function (_a) {
|
|
|
119
119
|
var _a;
|
|
120
120
|
return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__events__group__content" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: idx === 0 && idx2 === 0
|
|
121
121
|
? 'artajs__tracking__events__group__number__primary'
|
|
122
|
-
: 'artajs__tracking__events__group__number__secondary' }, { children: counter-- })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__events__group__divider" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__events__round" }, { children: idx === 0 && idx2 === 0 ? ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "15", cy: "15", r: "7.5", fill: config.style.color.iconPrimary }) }))) : ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "15", cy: "15", r: "7", fill: "none", stroke: config.style.color.iconTertiary, "stroke-width": "2" }) }))) })), (0, jsx_runtime_1.jsx)("hr", { class: "artajs__tracking__events__vertical",
|
|
122
|
+
: 'artajs__tracking__events__group__number__secondary' }, { children: counter-- })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__events__group__divider" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__events__round" }, { children: idx === 0 && idx2 === 0 ? ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "15", cy: "15", r: "7.5", fill: config.style.color.iconPrimary }) }))) : ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", viewBox: "0 0 30 30", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "15", cy: "15", r: "7", fill: "none", stroke: config.style.color.iconTertiary, "stroke-width": "2" }) }))) })), (0, jsx_runtime_1.jsx)("hr", { class: "artajs__tracking__events__vertical", style: "0 auto" })] })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__events__group__summary" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: idx === 0 && idx2 === 0
|
|
123
123
|
? 'artajs__tracking__events__group__location'
|
|
124
124
|
: 'artajs__tracking__events__group__location__secondary' }, { children: (_a = cleanLocationString(event.location)) !== null && _a !== void 0 ? _a : config.text.unknownLocation })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__events__group__time" }, { children: new Date(event.datetime).toLocaleTimeString([], {
|
|
125
125
|
hour: 'numeric',
|
|
@@ -25,7 +25,7 @@ exports.defaultQuoteConfig = {
|
|
|
25
25
|
disclaimerLabel: 'Actual shipping costs will be provided at checkout.',
|
|
26
26
|
rangeLabel: 'Shipping estimated between',
|
|
27
27
|
startsAtLabel: 'Shipping Starts at',
|
|
28
|
-
artaInsuranceLabel: 'This estimate includes Arta
|
|
28
|
+
artaInsuranceLabel: 'This estimate includes Arta Shipping Protection.',
|
|
29
29
|
};
|
|
30
30
|
var Quotes = function (_a) {
|
|
31
31
|
var quoteRequest = _a.quoteRequest, showCostRange = _a.showCostRange, textConfig = _a.textConfig, setStatus = _a.setStatus;
|
|
@@ -92,6 +92,6 @@ var ShipmentException = function (_a) {
|
|
|
92
92
|
if (!expcetionMessage) {
|
|
93
93
|
return (0, jsx_runtime_1.jsx)("div", {});
|
|
94
94
|
}
|
|
95
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__exception__wrapper" }, { children: [(0, jsx_runtime_1.jsx)("div",
|
|
95
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__exception__wrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ExceptionIcon_1.ExceptionIcon, { config: config, currentException: currentException }) }), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__exception__content" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__exception__title" }, { children: expcetionMessage })), (0, jsx_runtime_1.jsx)("a", __assign({ href: "mailto:".concat(config.navigation.shipmentExceptionMailTo), class: "artajs__tracking__exception__cta" }, { children: config.text.shipmentExceptionCTA }))] }))] })));
|
|
96
96
|
};
|
|
97
97
|
exports.ShipmentException = ShipmentException;
|
|
@@ -928,7 +928,6 @@
|
|
|
928
928
|
var(--text-secondary) 360deg
|
|
929
929
|
);
|
|
930
930
|
border-radius: 56px;
|
|
931
|
-
/* previous code */
|
|
932
931
|
animation: 1s rotate infinite linear;
|
|
933
932
|
}
|
|
934
933
|
|
|
@@ -1078,7 +1077,7 @@
|
|
|
1078
1077
|
}
|
|
1079
1078
|
|
|
1080
1079
|
.artajs__drawer .artajs__tracking__events__vertical {
|
|
1081
|
-
|
|
1080
|
+
border-width: 1px;
|
|
1082
1081
|
height: 100%;
|
|
1083
1082
|
margin-top: 0;
|
|
1084
1083
|
margin-bottom: 0;
|