hds-web 1.20.5 → 1.20.6
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/.github/workflows/chromatic.yml +9 -10
- package/dist/index.css +2 -2
- package/dist/index.es.css +2 -2
- package/dist/index.es.js +5 -5
- package/dist/index.js +5 -5
- package/package.json +1 -1
- package/src/HDS/helpers/AlgoliaSearch/constants.js +7 -1
- package/src/HDS/helpers/AlgoliaSearch/searchbox.js +9 -7
- package/src/HDS/helpers/AlgoliaSearch/searchfooter.js +2 -2
- package/src/HDS/helpers/AlgoliaSearch/searchoverlay.js +1 -1
- package/src/HDS/helpers/AlgoliaSearch/searchresults.js +65 -29
- package/src/HDS/helpers/AlgoliaSearch/searchwrapper.js +89 -30
- package/src/index.css +30 -4
- package/src/styles/tailwind.css +132 -35
package/src/styles/tailwind.css
CHANGED
@@ -1012,6 +1012,18 @@ select{
|
|
1012
1012
|
top: 112px;
|
1013
1013
|
}
|
1014
1014
|
|
1015
|
+
.top-\[116px\]{
|
1016
|
+
top: 116px;
|
1017
|
+
}
|
1018
|
+
|
1019
|
+
.top-\[124px\]{
|
1020
|
+
top: 124px;
|
1021
|
+
}
|
1022
|
+
|
1023
|
+
.top-\[170px\]{
|
1024
|
+
top: 170px;
|
1025
|
+
}
|
1026
|
+
|
1015
1027
|
.top-\[4px\]{
|
1016
1028
|
top: 4px;
|
1017
1029
|
}
|
@@ -1024,8 +1036,8 @@ select{
|
|
1024
1036
|
top: 72px;
|
1025
1037
|
}
|
1026
1038
|
|
1027
|
-
.top
|
1028
|
-
top:
|
1039
|
+
.top-full{
|
1040
|
+
top: 100%;
|
1029
1041
|
}
|
1030
1042
|
|
1031
1043
|
.isolate{
|
@@ -1056,6 +1068,10 @@ select{
|
|
1056
1068
|
z-index: 50;
|
1057
1069
|
}
|
1058
1070
|
|
1071
|
+
.z-\[-1\]{
|
1072
|
+
z-index: -1;
|
1073
|
+
}
|
1074
|
+
|
1059
1075
|
.z-\[10000\]{
|
1060
1076
|
z-index: 10000;
|
1061
1077
|
}
|
@@ -1076,6 +1092,10 @@ select{
|
|
1076
1092
|
z-index: 1;
|
1077
1093
|
}
|
1078
1094
|
|
1095
|
+
.z-\[20\]{
|
1096
|
+
z-index: 20;
|
1097
|
+
}
|
1098
|
+
|
1079
1099
|
.z-\[2\]{
|
1080
1100
|
z-index: 2;
|
1081
1101
|
}
|
@@ -1227,6 +1247,11 @@ select{
|
|
1227
1247
|
margin-bottom: 1.5rem;
|
1228
1248
|
}
|
1229
1249
|
|
1250
|
+
.my-8{
|
1251
|
+
margin-top: 2rem;
|
1252
|
+
margin-bottom: 2rem;
|
1253
|
+
}
|
1254
|
+
|
1230
1255
|
.-mb-\[112\%\]{
|
1231
1256
|
margin-bottom: -112%;
|
1232
1257
|
}
|
@@ -2614,6 +2639,10 @@ select{
|
|
2614
2639
|
border-radius: 1.5rem;
|
2615
2640
|
}
|
2616
2641
|
|
2642
|
+
.rounded-\[100px\]{
|
2643
|
+
border-radius: 100px;
|
2644
|
+
}
|
2645
|
+
|
2617
2646
|
.rounded-\[32px\]{
|
2618
2647
|
border-radius: 32px;
|
2619
2648
|
}
|
@@ -6332,6 +6361,11 @@ select{
|
|
6332
6361
|
padding-bottom: 1.625rem;
|
6333
6362
|
}
|
6334
6363
|
|
6364
|
+
.py-\[2px\]{
|
6365
|
+
padding-top: 2px;
|
6366
|
+
padding-bottom: 2px;
|
6367
|
+
}
|
6368
|
+
|
6335
6369
|
.pb-1{
|
6336
6370
|
padding-bottom: 0.25rem;
|
6337
6371
|
}
|
@@ -6528,8 +6562,8 @@ select{
|
|
6528
6562
|
text-align: right;
|
6529
6563
|
}
|
6530
6564
|
|
6531
|
-
.indent-
|
6532
|
-
text-indent:
|
6565
|
+
.indent-8{
|
6566
|
+
text-indent: 2rem;
|
6533
6567
|
}
|
6534
6568
|
|
6535
6569
|
.font-petrona{
|
@@ -6827,6 +6861,10 @@ select{
|
|
6827
6861
|
line-height: 1rem;
|
6828
6862
|
}
|
6829
6863
|
|
6864
|
+
.font-bold{
|
6865
|
+
font-weight: 700;
|
6866
|
+
}
|
6867
|
+
|
6830
6868
|
.font-medium{
|
6831
6869
|
font-weight: 500;
|
6832
6870
|
}
|
@@ -7564,6 +7602,10 @@ select{
|
|
7564
7602
|
width: 100%;
|
7565
7603
|
}
|
7566
7604
|
|
7605
|
+
.shodow-none:focus {
|
7606
|
+
box-shadow: none;
|
7607
|
+
}
|
7608
|
+
|
7567
7609
|
.marketoFormWrapper .mktoFormRow {
|
7568
7610
|
width: 100%;
|
7569
7611
|
}
|
@@ -7622,33 +7664,61 @@ select{
|
|
7622
7664
|
width: calc(100% - 150px);
|
7623
7665
|
}
|
7624
7666
|
|
7667
|
+
.word-break {
|
7668
|
+
word-break: break-word;
|
7669
|
+
}
|
7670
|
+
|
7625
7671
|
.search-results .ais-Hits .ais-Hits-list,
|
7626
7672
|
.search-results .Hits .ais-Hits-list {
|
7627
7673
|
display: grid;
|
7628
|
-
grid-template-columns: repeat(
|
7674
|
+
grid-template-columns: repeat(2, 1fr);
|
7629
7675
|
grid-gap: 40px;
|
7630
7676
|
}
|
7631
7677
|
|
7632
7678
|
.search-results .ais-Hits .ais-Hits-list .ais-Hits-item,
|
7633
7679
|
.search-results .Hits .ais-Hits-list .ais-Hits-item {
|
7634
7680
|
border-bottom: 1px solid transparent;
|
7681
|
+
padding: 12px;
|
7682
|
+
border-radius: 16px;
|
7683
|
+
transition: all .3s ease-in-out;
|
7635
7684
|
}
|
7636
7685
|
|
7637
7686
|
.search-results .ais-Hits .ais-Hits-list .ais-Hits-item:hover,
|
7638
7687
|
.search-results .Hits .ais-Hits-list .ais-Hits-item:hover {
|
7639
|
-
|
7688
|
+
background-color: #F0F4FF;
|
7640
7689
|
}
|
7641
7690
|
|
7691
|
+
/* .search-results .ais-Hits .ais-Hits-list .ais-Hits-item:hover,
|
7692
|
+
.search-results .Hits .ais-Hits-list .ais-Hits-item:hover {
|
7693
|
+
border-bottom: 1px solid #e5e7eb;
|
7694
|
+
} */
|
7695
|
+
|
7642
7696
|
.search-results .ais-Hits .ais-Hits-list .ais-Hits-item .hit-slug,
|
7643
7697
|
.search-results .Hits .ais-Hits-list .ais-Hits-item .hit-slug {
|
7644
7698
|
word-break: break-word;
|
7645
7699
|
}
|
7646
7700
|
|
7701
|
+
.search-results .ais-Hits .ais-Hits-list .ais-Hits-item .ais-Snippet-highlighted,
|
7702
|
+
.search-results .Hits .ais-Hits-list .ais-Hits-item .ais-Snippet-highlighted {
|
7703
|
+
color: #1E56E3;
|
7704
|
+
background-color: transparent;
|
7705
|
+
}
|
7706
|
+
|
7707
|
+
.search-results .ais-Hits .ais-Hits-list .ais-Hits-item .ais-Highlight-highlighted,
|
7708
|
+
.search-results .Hits .ais-Hits-list .ais-Hits-item .ais-Highlight-highlighted {
|
7709
|
+
color: #1E56E3;
|
7710
|
+
background-color: transparent;
|
7711
|
+
}
|
7712
|
+
|
7647
7713
|
@media (max-width: 799px) {
|
7648
7714
|
.search-results .ais-Hits .ais-Hits-list,
|
7649
7715
|
.search-results .Hits .ais-Hits-list {
|
7650
7716
|
grid-template-columns: 1fr;
|
7651
7717
|
}
|
7718
|
+
|
7719
|
+
.search-results {
|
7720
|
+
width: 100%;
|
7721
|
+
}
|
7652
7722
|
}
|
7653
7723
|
|
7654
7724
|
@media (min-width: 800px) and (max-width: 905px) {
|
@@ -8675,32 +8745,6 @@ select{
|
|
8675
8745
|
}
|
8676
8746
|
}
|
8677
8747
|
|
8678
|
-
.carousel-wrapper {
|
8679
|
-
display: grid;
|
8680
|
-
place-content: center;
|
8681
|
-
border-radius: 2rem;
|
8682
|
-
}
|
8683
|
-
|
8684
|
-
.carousel-content {
|
8685
|
-
position: relative;
|
8686
|
-
width: 10rem;
|
8687
|
-
height: 10rem;
|
8688
|
-
}
|
8689
|
-
|
8690
|
-
.carousel-item {
|
8691
|
-
position: absolute;
|
8692
|
-
background-position: center;
|
8693
|
-
background-size: cover;
|
8694
|
-
background-repeat: no-repeat;
|
8695
|
-
}
|
8696
|
-
|
8697
|
-
.carousel-btns {
|
8698
|
-
display: flex;
|
8699
|
-
justify-content: center;
|
8700
|
-
gap: 1rem;
|
8701
|
-
z-index: 6;
|
8702
|
-
}
|
8703
|
-
|
8704
8748
|
.placeholder\:text-neutral-500::-webkit-input-placeholder{
|
8705
8749
|
--tw-text-opacity: 1;
|
8706
8750
|
color: rgb(108 115 127 / var(--tw-text-opacity));
|
@@ -8711,6 +8755,16 @@ select{
|
|
8711
8755
|
color: rgb(108 115 127 / var(--tw-text-opacity));
|
8712
8756
|
}
|
8713
8757
|
|
8758
|
+
.placeholder\:text-neutral-800::-webkit-input-placeholder{
|
8759
|
+
--tw-text-opacity: 1;
|
8760
|
+
color: rgb(31 42 55 / var(--tw-text-opacity));
|
8761
|
+
}
|
8762
|
+
|
8763
|
+
.placeholder\:text-neutral-800::placeholder{
|
8764
|
+
--tw-text-opacity: 1;
|
8765
|
+
color: rgb(31 42 55 / var(--tw-text-opacity));
|
8766
|
+
}
|
8767
|
+
|
8714
8768
|
.before\:invisible::before{
|
8715
8769
|
content: var(--tw-content);
|
8716
8770
|
visibility: hidden;
|
@@ -9770,6 +9824,10 @@ select{
|
|
9770
9824
|
border-width: 1px;
|
9771
9825
|
}
|
9772
9826
|
|
9827
|
+
.focus\:border-0:focus{
|
9828
|
+
border-width: 0px;
|
9829
|
+
}
|
9830
|
+
|
9773
9831
|
.focus\:border-2:focus{
|
9774
9832
|
border-width: 2px;
|
9775
9833
|
}
|
@@ -9783,6 +9841,11 @@ select{
|
|
9783
9841
|
border-color: rgb(2 125 89 / var(--tw-border-opacity));
|
9784
9842
|
}
|
9785
9843
|
|
9844
|
+
.focus\:border-neutral-0:focus{
|
9845
|
+
--tw-border-opacity: 1;
|
9846
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
9847
|
+
}
|
9848
|
+
|
9786
9849
|
.focus\:border-neutral-200:focus{
|
9787
9850
|
--tw-border-opacity: 1;
|
9788
9851
|
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
@@ -9873,6 +9936,11 @@ select{
|
|
9873
9936
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
9874
9937
|
}
|
9875
9938
|
|
9939
|
+
.focus\:shadow-\[none\]:focus{
|
9940
|
+
--tw-shadow-color: none;
|
9941
|
+
--tw-shadow: var(--tw-shadow-colored);
|
9942
|
+
}
|
9943
|
+
|
9876
9944
|
.focus\:outline-none:focus{
|
9877
9945
|
outline: 2px solid transparent;
|
9878
9946
|
outline-offset: 2px;
|
@@ -10337,6 +10405,14 @@ select{
|
|
10337
10405
|
right: 0px;
|
10338
10406
|
}
|
10339
10407
|
|
10408
|
+
.tb\:top-\[114px\]{
|
10409
|
+
top: 114px;
|
10410
|
+
}
|
10411
|
+
|
10412
|
+
.tb\:top-\[160px\]{
|
10413
|
+
top: 160px;
|
10414
|
+
}
|
10415
|
+
|
10340
10416
|
.tb\:mb-0{
|
10341
10417
|
margin-bottom: 0px;
|
10342
10418
|
}
|
@@ -10777,6 +10853,11 @@ select{
|
|
10777
10853
|
text-align: center;
|
10778
10854
|
}
|
10779
10855
|
|
10856
|
+
.tb\:text-2xl{
|
10857
|
+
font-size: 1.5rem;
|
10858
|
+
line-height: 2rem;
|
10859
|
+
}
|
10860
|
+
|
10780
10861
|
.tb\:text-hds-t-body1{
|
10781
10862
|
font-size: 1rem;
|
10782
10863
|
line-height: 1.75rem;
|
@@ -11171,6 +11252,14 @@ select{
|
|
11171
11252
|
top: 9rem;
|
11172
11253
|
}
|
11173
11254
|
|
11255
|
+
.tb-m\:top-\[120px\]{
|
11256
|
+
top: 120px;
|
11257
|
+
}
|
11258
|
+
|
11259
|
+
.tb-m\:z-0{
|
11260
|
+
z-index: 0;
|
11261
|
+
}
|
11262
|
+
|
11174
11263
|
.tb-m\:ml-6{
|
11175
11264
|
margin-left: 1.5rem;
|
11176
11265
|
}
|
@@ -11187,12 +11276,16 @@ select{
|
|
11187
11276
|
display: flex;
|
11188
11277
|
}
|
11189
11278
|
|
11279
|
+
.tb-m\:hidden{
|
11280
|
+
display: none;
|
11281
|
+
}
|
11282
|
+
|
11190
11283
|
.tb-m\:w-1\/2{
|
11191
11284
|
width: 50%;
|
11192
11285
|
}
|
11193
11286
|
|
11194
|
-
.tb-m\:min-w-\[
|
11195
|
-
min-width:
|
11287
|
+
.tb-m\:min-w-\[182px\]{
|
11288
|
+
min-width: 182px;
|
11196
11289
|
}
|
11197
11290
|
|
11198
11291
|
.tb-m\:snap-start{
|
@@ -11239,6 +11332,11 @@ select{
|
|
11239
11332
|
.tb-m\:pt-16{
|
11240
11333
|
padding-top: 4rem;
|
11241
11334
|
}
|
11335
|
+
|
11336
|
+
.tb-m\:text-4xl{
|
11337
|
+
font-size: 2.25rem;
|
11338
|
+
line-height: 2.5rem;
|
11339
|
+
}
|
11242
11340
|
}
|
11243
11341
|
|
11244
11342
|
@media (min-width: 905px){
|
@@ -12153,4 +12251,3 @@ select{
|
|
12153
12251
|
-webkit-padding-start: 1rem;
|
12154
12252
|
padding-inline-start: 1rem;
|
12155
12253
|
}
|
12156
|
-
|