@artaio/arta-browser 2.13.0-shipping-protection8e13b0cce9765f48687a51299d818a1b4d60be93 → 2.13.1-estimates-select-cleanupb3b5eea28e206d18d7991a0d1c6e8bac250ba724

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 (7) hide show
  1. package/dist/bundle.js +1 -1
  2. package/dist/components/Destination/index.js +2 -2
  3. package/dist/components/Modal/index.css +191 -115
  4. package/dist/components/PackageEvents/index.js +1 -1
  5. package/dist/components/ShipmentException/index.js +1 -1
  6. package/dist/components/TrackingDrawer/index.css +1 -2
  7. package/package.json +1 -1
package/dist/components/Destination/index.js CHANGED
@@ -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, placeholder: " ", 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
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: " ", 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 })) }))] }))] })));
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;
package/dist/components/Modal/index.css CHANGED
@@ -1,22 +1,22 @@
1
1
  /* reset */
2
2
 
3
3
  :root {
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;
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: #FBECEC;
19
- --font-family: "Neue Haas Grotesk Text Pro, Arial, Helvetica, sans-serif";
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 .artajs__modal__header .artajs__modal__header__close a:hover svg line {
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: #FFFFFF;
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: #6F6C65;
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
- linear-gradient(45deg, transparent 50%, var(--text-primary) 50%),
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% - 20px) calc(1em + 7px),
512
- calc(100% - 15px) calc(1em + 7px),
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 .artajs__modal__textfield__outlined:hover>input:not(:focus):placeholder-shown,
580
- .artajs__modal .artajs__modal__textfield__outlined:hover>select:not(:focus):placeholder-shown {
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 .artajs__modal__textfield__outlined>input:not(:focus):placeholder-shown+span,
587
- .artajs__modal .artajs__modal__textfield__outlined>select:not(:focus):placeholder-shown+span {
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 .artajs__modal__textfield__outlined>select:focus+span::before,
609
- .artajs__modal .artajs__modal__textfield__outlined>select:focus+span::after {
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 .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>input,
625
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>select {
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 .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>input+span,
631
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>select+span {
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 .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>input+span::before,
638
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>select+span::before,
639
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>input+span::after,
640
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>select+span::after {
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 .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover>input,
646
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover>select {
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 .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover>input+span::before,
652
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover>select+span::before,
653
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover>input+span::after,
654
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover>select+span::after {
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 .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover>input:not(:focus):placeholder-shown,
659
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error:hover>select:not(:focus):placeholder-shown {
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 .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>input:not(:focus):placeholder-shown,
665
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>select:not(:focus):placeholder-shown {
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 .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>input:not(:focus):placeholder-shown+span::before,
670
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>select:not(:focus):placeholder-shown+span::before,
671
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>input:not(:focus):placeholder-shown+span::after,
672
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>select:not(:focus):placeholder-shown+span::after {
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 .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>input:focus,
678
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>select:focus {
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), inset 0 -1px var(--error-text) !important;
682
- }
683
-
684
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>input:focus+span,
685
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>select:focus+span {
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 .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>input:focus+span::before,
690
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>input:focus+span::after,
691
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>select:focus+span::before,
692
- .artajs__modal .artajs__modal__textfield__outlined.artajs__modal__textfield__outlined__error>select:focus+span::after {
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:.001dpcm) {
699
- @supports (-webkit-appearance:none) {
700
-
701
- .artajs__modal .artajs__modal__textfield__outlined>input,
702
- .artajs__modal .artajs__modal__textfield__outlined>input+span,
703
- .artajs__modal .artajs__modal__textfield__outlined>select,
704
- .artajs__modal .artajs__modal__textfield__outlined>select+span,
705
- .artajs__modal .artajs__modal__textfield__outlined>input+span::before,
706
- .artajs__modal .artajs__modal__textfield__outlined>input+span::after,
707
- .artajs__modal .artajs__modal__textfield__outlined>select+span::before,
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(from 90deg at 50% 50%,
725
- rgba(39, 174, 96, 0) 0deg,
726
- rgba(31, 144, 255, 0) 0.04deg,
727
- var(--text-secondary)
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%;
package/dist/components/PackageEvents/index.js CHANGED
@@ -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", width: "1", 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
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',
package/dist/components/ShipmentException/index.js CHANGED
@@ -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", __assign({ width: 24, height: 24 }, { 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 }))] }))] })));
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;
package/dist/components/TrackingDrawer/index.css CHANGED
@@ -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
- /* border: var(--border); */
1080
+ border-width: 1px;
1082
1081
  height: 100%;
1083
1082
  margin-top: 0;
1084
1083
  margin-bottom: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@artaio/arta-browser",
3
- "version": "2.13.0-shipping-protection8e13b0cce9765f48687a51299d818a1b4d60be93",
3
+ "version": "2.13.1-estimates-select-cleanupb3b5eea28e206d18d7991a0d1c6e8bac250ba724",
4
4
  "description": "",
5
5
  "source": "lib/index.ts",
6
6
  "main": "./dist/index.js",