@npm_leadtech/legal-lib-components 2.10.2 → 2.11.1
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/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/legal-lib-components.css +89 -76
- package/dist/cjs/src/components/atoms/RichTextStrapi/RichTextMedia.d.ts +11 -0
- package/dist/cjs/src/components/atoms/RichTextStrapi/RichTextStrapi.d.ts +3 -0
- package/dist/cjs/src/components/atoms/RichTextStrapi/RichTextStrapiProps.d.ts +6 -0
- package/dist/cjs/src/components/atoms/RichTextStrapi/__stories__/RichTextStrapi.stories.d.ts +7 -0
- package/dist/cjs/src/components/atoms/RichTextStrapi/index.d.ts +3 -0
- package/dist/cjs/src/components/atoms/RichTextStrapi/useFormattedText.d.ts +4 -0
- package/dist/cjs/src/components/atoms/Tooltip/TooltipProps.types.d.ts +1 -1
- package/dist/cjs/src/components/atoms/index.d.ts +2 -1
- package/dist/cjs/src/utils/getDateFormatMMMMYYYY.d.ts +1 -0
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/legal-lib-components.css +89 -76
- package/dist/esm/src/components/atoms/RichTextStrapi/RichTextMedia.d.ts +11 -0
- package/dist/esm/src/components/atoms/RichTextStrapi/RichTextStrapi.d.ts +3 -0
- package/dist/esm/src/components/atoms/RichTextStrapi/RichTextStrapiProps.d.ts +6 -0
- package/dist/esm/src/components/atoms/RichTextStrapi/__stories__/RichTextStrapi.stories.d.ts +7 -0
- package/dist/esm/src/components/atoms/RichTextStrapi/index.d.ts +3 -0
- package/dist/esm/src/components/atoms/RichTextStrapi/useFormattedText.d.ts +4 -0
- package/dist/esm/src/components/atoms/Tooltip/TooltipProps.types.d.ts +1 -1
- package/dist/esm/src/components/atoms/index.d.ts +2 -1
- package/dist/esm/src/utils/getDateFormatMMMMYYYY.d.ts +1 -0
- package/dist/index.d.ts +27 -8
- package/package.json +16 -11
|
@@ -535,6 +535,27 @@ html[data-theme='uslawdistricts'] {
|
|
|
535
535
|
transform: translate(-50%, 1rem);
|
|
536
536
|
transition: all .3s ease; }
|
|
537
537
|
|
|
538
|
+
.bottom-overlay-menu {
|
|
539
|
+
display: flex;
|
|
540
|
+
justify-content: space-between;
|
|
541
|
+
align-items: center;
|
|
542
|
+
width: 100%;
|
|
543
|
+
padding: 1.5rem;
|
|
544
|
+
background-color: var(--others-white);
|
|
545
|
+
box-shadow: 0 2px 6px 0 var(--primary-main-dark-1);
|
|
546
|
+
color: black; }
|
|
547
|
+
.bottom-overlay-menu .e-button {
|
|
548
|
+
width: 100%; }
|
|
549
|
+
.bottom-overlay-menu .e-searchselect {
|
|
550
|
+
width: 100%;
|
|
551
|
+
margin-bottom: 1rem; }
|
|
552
|
+
.bottom-overlay-menu .e-text {
|
|
553
|
+
width: 100%; }
|
|
554
|
+
.bottom-overlay-menu .desktop-radio-icons {
|
|
555
|
+
display: none; }
|
|
556
|
+
.bottom-overlay-menu ul li {
|
|
557
|
+
margin-bottom: 0; }
|
|
558
|
+
|
|
538
559
|
.marker {
|
|
539
560
|
display: inline-block;
|
|
540
561
|
margin-left: -10px; }
|
|
@@ -762,16 +783,15 @@ html[data-theme='uslawdistricts'] {
|
|
|
762
783
|
display: inline-block;
|
|
763
784
|
padding: 0;
|
|
764
785
|
border: 0;
|
|
765
|
-
width: 100%;
|
|
766
786
|
}
|
|
767
787
|
|
|
768
788
|
.react-datepicker {
|
|
769
789
|
font-family: "Helvetica Neue", helvetica, arial, sans-serif;
|
|
770
|
-
font-size: 0.
|
|
790
|
+
font-size: 0.8rem;
|
|
771
791
|
background-color: #fff;
|
|
772
792
|
color: #000;
|
|
773
793
|
border: 1px solid #aeaeae;
|
|
774
|
-
border-radius: 0.
|
|
794
|
+
border-radius: 0.3rem;
|
|
775
795
|
display: inline-block;
|
|
776
796
|
position: relative;
|
|
777
797
|
}
|
|
@@ -784,8 +804,8 @@ html[data-theme='uslawdistricts'] {
|
|
|
784
804
|
}
|
|
785
805
|
.react-datepicker--time-only .react-datepicker__time,
|
|
786
806
|
.react-datepicker--time-only .react-datepicker__time-box {
|
|
787
|
-
border-bottom-left-radius: 0.
|
|
788
|
-
border-bottom-right-radius: 0.
|
|
807
|
+
border-bottom-left-radius: 0.3rem;
|
|
808
|
+
border-bottom-right-radius: 0.3rem;
|
|
789
809
|
}
|
|
790
810
|
|
|
791
811
|
.react-datepicker__triangle {
|
|
@@ -825,7 +845,7 @@ html[data-theme='uslawdistricts'] {
|
|
|
825
845
|
text-align: center;
|
|
826
846
|
background-color: #f0f0f0;
|
|
827
847
|
border-bottom: 1px solid #aeaeae;
|
|
828
|
-
border-top-left-radius: 0.
|
|
848
|
+
border-top-left-radius: 0.3rem;
|
|
829
849
|
padding: 8px 0;
|
|
830
850
|
position: relative;
|
|
831
851
|
}
|
|
@@ -838,7 +858,7 @@ html[data-theme='uslawdistricts'] {
|
|
|
838
858
|
border-top-left-radius: 0;
|
|
839
859
|
}
|
|
840
860
|
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
|
|
841
|
-
border-top-right-radius: 0.
|
|
861
|
+
border-top-right-radius: 0.3rem;
|
|
842
862
|
}
|
|
843
863
|
|
|
844
864
|
.react-datepicker__year-dropdown-container--select,
|
|
@@ -857,7 +877,7 @@ html[data-theme='uslawdistricts'] {
|
|
|
857
877
|
margin-top: 0;
|
|
858
878
|
color: #000;
|
|
859
879
|
font-weight: bold;
|
|
860
|
-
font-size: 0.
|
|
880
|
+
font-size: 0.944rem;
|
|
861
881
|
}
|
|
862
882
|
|
|
863
883
|
.react-datepicker-time__header {
|
|
@@ -935,7 +955,7 @@ html[data-theme='uslawdistricts'] {
|
|
|
935
955
|
}
|
|
936
956
|
|
|
937
957
|
.react-datepicker__year {
|
|
938
|
-
margin: 0.
|
|
958
|
+
margin: 0.4rem;
|
|
939
959
|
text-align: center;
|
|
940
960
|
}
|
|
941
961
|
.react-datepicker__year-wrapper {
|
|
@@ -945,18 +965,18 @@ html[data-theme='uslawdistricts'] {
|
|
|
945
965
|
}
|
|
946
966
|
.react-datepicker__year .react-datepicker__year-text {
|
|
947
967
|
display: inline-block;
|
|
948
|
-
width:
|
|
968
|
+
width: 4rem;
|
|
949
969
|
margin: 2px;
|
|
950
970
|
}
|
|
951
971
|
|
|
952
972
|
.react-datepicker__month {
|
|
953
|
-
margin: 0.
|
|
973
|
+
margin: 0.4rem;
|
|
954
974
|
text-align: center;
|
|
955
975
|
}
|
|
956
976
|
.react-datepicker__month .react-datepicker__month-text,
|
|
957
977
|
.react-datepicker__month .react-datepicker__quarter-text {
|
|
958
978
|
display: inline-block;
|
|
959
|
-
width:
|
|
979
|
+
width: 4rem;
|
|
960
980
|
margin: 2px;
|
|
961
981
|
}
|
|
962
982
|
|
|
@@ -1001,7 +1021,7 @@ html[data-theme='uslawdistricts'] {
|
|
|
1001
1021
|
.react-datepicker__time-container--with-today-button {
|
|
1002
1022
|
display: inline;
|
|
1003
1023
|
border: 1px solid #aeaeae;
|
|
1004
|
-
border-radius: 0.
|
|
1024
|
+
border-radius: 0.3rem;
|
|
1005
1025
|
position: absolute;
|
|
1006
1026
|
right: -87px;
|
|
1007
1027
|
top: 0;
|
|
@@ -1009,19 +1029,19 @@ html[data-theme='uslawdistricts'] {
|
|
|
1009
1029
|
.react-datepicker__time-container .react-datepicker__time {
|
|
1010
1030
|
position: relative;
|
|
1011
1031
|
background: white;
|
|
1012
|
-
border-bottom-right-radius: 0.
|
|
1032
|
+
border-bottom-right-radius: 0.3rem;
|
|
1013
1033
|
}
|
|
1014
1034
|
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
|
|
1015
1035
|
width: 85px;
|
|
1016
1036
|
overflow-x: hidden;
|
|
1017
1037
|
margin: 0 auto;
|
|
1018
1038
|
text-align: center;
|
|
1019
|
-
border-bottom-right-radius: 0.
|
|
1039
|
+
border-bottom-right-radius: 0.3rem;
|
|
1020
1040
|
}
|
|
1021
1041
|
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
|
|
1022
1042
|
list-style: none;
|
|
1023
1043
|
margin: 0;
|
|
1024
|
-
height: calc(195px + (1.
|
|
1044
|
+
height: calc(195px + (1.7rem / 2));
|
|
1025
1045
|
overflow-y: scroll;
|
|
1026
1046
|
padding-right: 0;
|
|
1027
1047
|
padding-left: 0;
|
|
@@ -1056,16 +1076,16 @@ html[data-theme='uslawdistricts'] {
|
|
|
1056
1076
|
.react-datepicker__week-number {
|
|
1057
1077
|
color: #ccc;
|
|
1058
1078
|
display: inline-block;
|
|
1059
|
-
width: 1.
|
|
1060
|
-
line-height: 1.
|
|
1079
|
+
width: 1.7rem;
|
|
1080
|
+
line-height: 1.7rem;
|
|
1061
1081
|
text-align: center;
|
|
1062
|
-
margin: 0.
|
|
1082
|
+
margin: 0.166rem;
|
|
1063
1083
|
}
|
|
1064
1084
|
.react-datepicker__week-number.react-datepicker__week-number--clickable {
|
|
1065
1085
|
cursor: pointer;
|
|
1066
1086
|
}
|
|
1067
1087
|
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
|
|
1068
|
-
border-radius: 0.
|
|
1088
|
+
border-radius: 0.3rem;
|
|
1069
1089
|
background-color: #f0f0f0;
|
|
1070
1090
|
}
|
|
1071
1091
|
|
|
@@ -1083,10 +1103,10 @@ html[data-theme='uslawdistricts'] {
|
|
|
1083
1103
|
.react-datepicker__time-name {
|
|
1084
1104
|
color: #000;
|
|
1085
1105
|
display: inline-block;
|
|
1086
|
-
width: 1.
|
|
1087
|
-
line-height: 1.
|
|
1106
|
+
width: 1.7rem;
|
|
1107
|
+
line-height: 1.7rem;
|
|
1088
1108
|
text-align: center;
|
|
1089
|
-
margin: 0.
|
|
1109
|
+
margin: 0.166rem;
|
|
1090
1110
|
}
|
|
1091
1111
|
|
|
1092
1112
|
.react-datepicker__day,
|
|
@@ -1099,7 +1119,7 @@ html[data-theme='uslawdistricts'] {
|
|
|
1099
1119
|
.react-datepicker__month-text:hover,
|
|
1100
1120
|
.react-datepicker__quarter-text:hover,
|
|
1101
1121
|
.react-datepicker__year-text:hover {
|
|
1102
|
-
border-radius: 0.
|
|
1122
|
+
border-radius: 0.3rem;
|
|
1103
1123
|
background-color: #f0f0f0;
|
|
1104
1124
|
}
|
|
1105
1125
|
.react-datepicker__day--today,
|
|
@@ -1112,7 +1132,7 @@ html[data-theme='uslawdistricts'] {
|
|
|
1112
1132
|
.react-datepicker__month-text--highlighted,
|
|
1113
1133
|
.react-datepicker__quarter-text--highlighted,
|
|
1114
1134
|
.react-datepicker__year-text--highlighted {
|
|
1115
|
-
border-radius: 0.
|
|
1135
|
+
border-radius: 0.3rem;
|
|
1116
1136
|
background-color: #3dcc4a;
|
|
1117
1137
|
color: #fff;
|
|
1118
1138
|
}
|
|
@@ -1144,7 +1164,7 @@ html[data-theme='uslawdistricts'] {
|
|
|
1144
1164
|
.react-datepicker__year-text--selected,
|
|
1145
1165
|
.react-datepicker__year-text--in-selecting-range,
|
|
1146
1166
|
.react-datepicker__year-text--in-range {
|
|
1147
|
-
border-radius: 0.
|
|
1167
|
+
border-radius: 0.3rem;
|
|
1148
1168
|
background-color: #216ba5;
|
|
1149
1169
|
color: #fff;
|
|
1150
1170
|
}
|
|
@@ -1164,7 +1184,7 @@ html[data-theme='uslawdistricts'] {
|
|
|
1164
1184
|
.react-datepicker__month-text--keyboard-selected,
|
|
1165
1185
|
.react-datepicker__quarter-text--keyboard-selected,
|
|
1166
1186
|
.react-datepicker__year-text--keyboard-selected {
|
|
1167
|
-
border-radius: 0.
|
|
1187
|
+
border-radius: 0.3rem;
|
|
1168
1188
|
background-color: #bad9f1;
|
|
1169
1189
|
color: rgb(0, 0, 0);
|
|
1170
1190
|
}
|
|
@@ -1195,18 +1215,33 @@ html[data-theme='uslawdistricts'] {
|
|
|
1195
1215
|
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
|
|
1196
1216
|
.react-datepicker__month-text--in-selecting-range,
|
|
1197
1217
|
.react-datepicker__quarter-text--in-selecting-range,
|
|
1218
|
+
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
|
|
1219
|
+
.react-datepicker__month-text--in-selecting-range,
|
|
1220
|
+
.react-datepicker__quarter-text--in-selecting-range,
|
|
1198
1221
|
.react-datepicker__year-text--in-selecting-range),
|
|
1199
1222
|
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
|
|
1200
1223
|
.react-datepicker__month-text--in-selecting-range,
|
|
1201
1224
|
.react-datepicker__quarter-text--in-selecting-range,
|
|
1202
1225
|
.react-datepicker__year-text--in-selecting-range),
|
|
1226
|
+
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
|
|
1227
|
+
.react-datepicker__month-text--in-selecting-range,
|
|
1228
|
+
.react-datepicker__quarter-text--in-selecting-range,
|
|
1229
|
+
.react-datepicker__year-text--in-selecting-range),
|
|
1203
1230
|
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
|
|
1204
1231
|
.react-datepicker__month-text--in-selecting-range,
|
|
1205
1232
|
.react-datepicker__quarter-text--in-selecting-range,
|
|
1206
1233
|
.react-datepicker__year-text--in-selecting-range),
|
|
1234
|
+
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
|
|
1235
|
+
.react-datepicker__month-text--in-selecting-range,
|
|
1236
|
+
.react-datepicker__quarter-text--in-selecting-range,
|
|
1237
|
+
.react-datepicker__year-text--in-selecting-range),
|
|
1207
1238
|
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
|
|
1208
1239
|
.react-datepicker__month-text--in-selecting-range,
|
|
1209
1240
|
.react-datepicker__quarter-text--in-selecting-range,
|
|
1241
|
+
.react-datepicker__year-text--in-selecting-range),
|
|
1242
|
+
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
|
|
1243
|
+
.react-datepicker__month-text--in-selecting-range,
|
|
1244
|
+
.react-datepicker__quarter-text--in-selecting-range,
|
|
1210
1245
|
.react-datepicker__year-text--in-selecting-range) {
|
|
1211
1246
|
background-color: #f0f0f0;
|
|
1212
1247
|
color: #000;
|
|
@@ -1232,7 +1267,7 @@ html[data-theme='uslawdistricts'] {
|
|
|
1232
1267
|
}
|
|
1233
1268
|
.react-datepicker__input-container .react-datepicker__calendar-icon {
|
|
1234
1269
|
position: absolute;
|
|
1235
|
-
padding: 0.
|
|
1270
|
+
padding: 0.5rem;
|
|
1236
1271
|
}
|
|
1237
1272
|
|
|
1238
1273
|
.react-datepicker__view-calendar-icon input {
|
|
@@ -1243,7 +1278,7 @@ html[data-theme='uslawdistricts'] {
|
|
|
1243
1278
|
.react-datepicker__month-read-view,
|
|
1244
1279
|
.react-datepicker__month-year-read-view {
|
|
1245
1280
|
border: 1px solid transparent;
|
|
1246
|
-
border-radius: 0.
|
|
1281
|
+
border-radius: 0.3rem;
|
|
1247
1282
|
position: relative;
|
|
1248
1283
|
}
|
|
1249
1284
|
.react-datepicker__year-read-view:hover,
|
|
@@ -1277,7 +1312,7 @@ html[data-theme='uslawdistricts'] {
|
|
|
1277
1312
|
top: 30px;
|
|
1278
1313
|
z-index: 1;
|
|
1279
1314
|
text-align: center;
|
|
1280
|
-
border-radius: 0.
|
|
1315
|
+
border-radius: 0.3rem;
|
|
1281
1316
|
border: 1px solid #aeaeae;
|
|
1282
1317
|
}
|
|
1283
1318
|
.react-datepicker__year-dropdown:hover,
|
|
@@ -1304,8 +1339,8 @@ html[data-theme='uslawdistricts'] {
|
|
|
1304
1339
|
.react-datepicker__year-option:first-of-type,
|
|
1305
1340
|
.react-datepicker__month-option:first-of-type,
|
|
1306
1341
|
.react-datepicker__month-year-option:first-of-type {
|
|
1307
|
-
border-top-left-radius: 0.
|
|
1308
|
-
border-top-right-radius: 0.
|
|
1342
|
+
border-top-left-radius: 0.3rem;
|
|
1343
|
+
border-top-right-radius: 0.3rem;
|
|
1309
1344
|
}
|
|
1310
1345
|
.react-datepicker__year-option:last-of-type,
|
|
1311
1346
|
.react-datepicker__month-option:last-of-type,
|
|
@@ -1314,8 +1349,8 @@ html[data-theme='uslawdistricts'] {
|
|
|
1314
1349
|
-moz-user-select: none;
|
|
1315
1350
|
-ms-user-select: none;
|
|
1316
1351
|
user-select: none;
|
|
1317
|
-
border-bottom-left-radius: 0.
|
|
1318
|
-
border-bottom-right-radius: 0.
|
|
1352
|
+
border-bottom-left-radius: 0.3rem;
|
|
1353
|
+
border-bottom-right-radius: 0.3rem;
|
|
1319
1354
|
}
|
|
1320
1355
|
.react-datepicker__year-option:hover,
|
|
1321
1356
|
.react-datepicker__month-option:hover,
|
|
@@ -1393,27 +1428,27 @@ html[data-theme='uslawdistricts'] {
|
|
|
1393
1428
|
.react-datepicker__portal .react-datepicker__day-name,
|
|
1394
1429
|
.react-datepicker__portal .react-datepicker__day,
|
|
1395
1430
|
.react-datepicker__portal .react-datepicker__time-name {
|
|
1396
|
-
width:
|
|
1397
|
-
line-height:
|
|
1431
|
+
width: 3rem;
|
|
1432
|
+
line-height: 3rem;
|
|
1398
1433
|
}
|
|
1399
1434
|
@media (max-width: 400px), (max-height: 550px) {
|
|
1400
1435
|
.react-datepicker__portal .react-datepicker__day-name,
|
|
1401
1436
|
.react-datepicker__portal .react-datepicker__day,
|
|
1402
1437
|
.react-datepicker__portal .react-datepicker__time-name {
|
|
1403
|
-
width:
|
|
1404
|
-
line-height:
|
|
1438
|
+
width: 2rem;
|
|
1439
|
+
line-height: 2rem;
|
|
1405
1440
|
}
|
|
1406
1441
|
}
|
|
1407
1442
|
.react-datepicker__portal .react-datepicker__current-month,
|
|
1408
1443
|
.react-datepicker__portal .react-datepicker-time__header {
|
|
1409
|
-
font-size: 1.
|
|
1444
|
+
font-size: 1.44rem;
|
|
1410
1445
|
}
|
|
1411
1446
|
|
|
1412
1447
|
.react-datepicker__children-container {
|
|
1413
|
-
width: 13.
|
|
1414
|
-
margin: 0.
|
|
1415
|
-
padding-right: 0.
|
|
1416
|
-
padding-left: 0.
|
|
1448
|
+
width: 13.8rem;
|
|
1449
|
+
margin: 0.4rem;
|
|
1450
|
+
padding-right: 0.2rem;
|
|
1451
|
+
padding-left: 0.2rem;
|
|
1417
1452
|
height: auto;
|
|
1418
1453
|
}
|
|
1419
1454
|
|
|
@@ -1780,7 +1815,16 @@ html[data-theme='uslawdistricts'] {
|
|
|
1780
1815
|
border-radius: 4px;
|
|
1781
1816
|
padding: 0.25rem 0.5rem; }
|
|
1782
1817
|
.menu-items__item svg {
|
|
1783
|
-
vertical-align: bottom;
|
|
1818
|
+
vertical-align: bottom;
|
|
1819
|
+
width: 1.5rem;
|
|
1820
|
+
margin-right: 0.5rem; }
|
|
1821
|
+
@media (min-width: 575px) {
|
|
1822
|
+
.menu-items__item svg {
|
|
1823
|
+
width: 1rem; } }
|
|
1824
|
+
.menu-items__item svg > g > g {
|
|
1825
|
+
fill: var(--neutral-neutral-1); }
|
|
1826
|
+
.menu-items__item svg #color-bin {
|
|
1827
|
+
fill: var(--neutral-neutral-1); }
|
|
1784
1828
|
.menu-items__item.active {
|
|
1785
1829
|
color: var(--primary-main-light-1);
|
|
1786
1830
|
font-weight: 700;
|
|
@@ -1800,16 +1844,6 @@ html[data-theme='uslawdistricts'] {
|
|
|
1800
1844
|
fill: var(--primary-main); }
|
|
1801
1845
|
.menu-items__item a {
|
|
1802
1846
|
display: flex; }
|
|
1803
|
-
.menu-items__item svg {
|
|
1804
|
-
width: 1.5rem;
|
|
1805
|
-
margin-right: 0.5rem; }
|
|
1806
|
-
@media (min-width: 575px) {
|
|
1807
|
-
.menu-items__item svg {
|
|
1808
|
-
width: 1rem; } }
|
|
1809
|
-
.menu-items__item svg > g > g {
|
|
1810
|
-
fill: var(--neutral-neutral-1); }
|
|
1811
|
-
.menu-items__item svg #color-bin {
|
|
1812
|
-
fill: var(--neutral-neutral-1); }
|
|
1813
1847
|
|
|
1814
1848
|
.e-message-error {
|
|
1815
1849
|
box-shadow: 0 0 0 1px #d63837;
|
|
@@ -2641,27 +2675,6 @@ html[data-theme='uslawdistricts'] {
|
|
|
2641
2675
|
margin-right: 8px;
|
|
2642
2676
|
display: inherit; }
|
|
2643
2677
|
|
|
2644
|
-
.bottom-overlay-menu {
|
|
2645
|
-
display: flex;
|
|
2646
|
-
justify-content: space-between;
|
|
2647
|
-
align-items: center;
|
|
2648
|
-
width: 100%;
|
|
2649
|
-
padding: 1.5rem;
|
|
2650
|
-
background-color: var(--others-white);
|
|
2651
|
-
box-shadow: 0 2px 6px 0 var(--primary-main-dark-1);
|
|
2652
|
-
color: black; }
|
|
2653
|
-
.bottom-overlay-menu .e-button {
|
|
2654
|
-
width: 100%; }
|
|
2655
|
-
.bottom-overlay-menu .e-searchselect {
|
|
2656
|
-
width: 100%;
|
|
2657
|
-
margin-bottom: 1rem; }
|
|
2658
|
-
.bottom-overlay-menu .e-text {
|
|
2659
|
-
width: 100%; }
|
|
2660
|
-
.bottom-overlay-menu .desktop-radio-icons {
|
|
2661
|
-
display: none; }
|
|
2662
|
-
.bottom-overlay-menu ul li {
|
|
2663
|
-
margin-bottom: 0; }
|
|
2664
|
-
|
|
2665
2678
|
.top-bar-mobile {
|
|
2666
2679
|
background-color: var(--neutral-neutral-5);
|
|
2667
2680
|
display: flex;
|
|
@@ -3923,7 +3936,7 @@ html[data-theme='uslawdistricts'] {
|
|
|
3923
3936
|
color: var(--neutral-neutral-2);
|
|
3924
3937
|
text-align: center;
|
|
3925
3938
|
font-size: 32px;
|
|
3926
|
-
font-family: Lora;
|
|
3939
|
+
font-family: "Lora", serif;
|
|
3927
3940
|
font-style: normal;
|
|
3928
3941
|
font-weight: 400;
|
|
3929
3942
|
line-height: 42px;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type IGatsbyImageData } from 'gatsby-plugin-image';
|
|
2
|
+
export interface RichTextMedia {
|
|
3
|
+
readonly alternativeText: string;
|
|
4
|
+
readonly src: string;
|
|
5
|
+
readonly localFile: {
|
|
6
|
+
readonly publicURL: string;
|
|
7
|
+
readonly childImageSharp: {
|
|
8
|
+
readonly gatsbyImageData: IGatsbyImageData;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
+
import { RichTextStrapi } from '../RichTextStrapi';
|
|
3
|
+
declare const meta: Meta<typeof RichTextStrapi>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof RichTextStrapi>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const DateFormatedMMMMYYYY: Story;
|
|
@@ -9,7 +9,7 @@ export interface TooltipProps {
|
|
|
9
9
|
hideOnClick?: boolean | 'toggle';
|
|
10
10
|
position?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'auto' | 'auto-start' | 'auto-end';
|
|
11
11
|
trigger?: 'click' | 'focus' | 'focusin' | 'mouseenter' | 'mouseenter focus' | 'mouseenter click' | 'manual' | 'hover';
|
|
12
|
-
content?:
|
|
12
|
+
content?: any;
|
|
13
13
|
children?: React.ReactElement<any>;
|
|
14
14
|
onClick?: () => void;
|
|
15
15
|
onClickOutside?: () => void;
|
|
@@ -4,6 +4,7 @@ export * from './BillCard';
|
|
|
4
4
|
export * from './BreadcrumItem';
|
|
5
5
|
export * from './Button';
|
|
6
6
|
export * from './ButtonIcon';
|
|
7
|
+
export * from './BottomOverlayMenu';
|
|
7
8
|
export * from './CardPane';
|
|
8
9
|
export * from './Checkbox';
|
|
9
10
|
export * from './DatePickerCustom';
|
|
@@ -23,6 +24,7 @@ export * from './ProgressBar';
|
|
|
23
24
|
export * from './Radio';
|
|
24
25
|
export * from './RemoveButton';
|
|
25
26
|
export * from './RichTextInner';
|
|
27
|
+
export * from './RichTextStrapi';
|
|
26
28
|
export * from './SearchSelect';
|
|
27
29
|
export * from './SidemenuTab';
|
|
28
30
|
export * from './Spinner';
|
|
@@ -30,6 +32,5 @@ export * from './TextArea';
|
|
|
30
32
|
export * from './Toggle';
|
|
31
33
|
export * from './Tooltip';
|
|
32
34
|
export * from './TopBar';
|
|
33
|
-
export * from './BottomOverlayMenu';
|
|
34
35
|
export * from './TopBarMobile';
|
|
35
36
|
export * from './WideInfoBar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function getDateFormatMMMMYYYY(date?: Date | undefined): string;
|
package/dist/index.d.ts
CHANGED
|
@@ -86,6 +86,12 @@ interface ButtonIconProps {
|
|
|
86
86
|
|
|
87
87
|
declare const ButtonIcon: FC<ButtonIconProps>;
|
|
88
88
|
|
|
89
|
+
interface BottomOverlayMenuProps {
|
|
90
|
+
children: React.ReactNode;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
declare const BottomOverlayMenu: FC<BottomOverlayMenuProps>;
|
|
94
|
+
|
|
89
95
|
interface CardPaneProps {
|
|
90
96
|
data: CardPaneInfoProps[];
|
|
91
97
|
}
|
|
@@ -287,6 +293,25 @@ interface RichTextInnerProps {
|
|
|
287
293
|
|
|
288
294
|
declare const RichTextInner: FC<RichTextInnerProps>;
|
|
289
295
|
|
|
296
|
+
interface RichTextMedia {
|
|
297
|
+
readonly alternativeText: string;
|
|
298
|
+
readonly src: string;
|
|
299
|
+
readonly localFile: {
|
|
300
|
+
readonly publicURL: string;
|
|
301
|
+
readonly childImageSharp: {
|
|
302
|
+
readonly gatsbyImageData: IGatsbyImageData;
|
|
303
|
+
};
|
|
304
|
+
};
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
interface RichTextStrapiProps {
|
|
308
|
+
html?: string;
|
|
309
|
+
className?: string;
|
|
310
|
+
medias?: RichTextMedia[];
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
declare const RichTextStrapi: FC<RichTextStrapiProps>;
|
|
314
|
+
|
|
290
315
|
interface SearchSelectProps {
|
|
291
316
|
id?: string;
|
|
292
317
|
name: string;
|
|
@@ -361,7 +386,7 @@ interface TooltipProps {
|
|
|
361
386
|
hideOnClick?: boolean | 'toggle';
|
|
362
387
|
position?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'auto' | 'auto-start' | 'auto-end';
|
|
363
388
|
trigger?: 'click' | 'focus' | 'focusin' | 'mouseenter' | 'mouseenter focus' | 'mouseenter click' | 'manual' | 'hover';
|
|
364
|
-
content?:
|
|
389
|
+
content?: any;
|
|
365
390
|
children?: React.ReactElement<any>;
|
|
366
391
|
onClick?: () => void;
|
|
367
392
|
onClickOutside?: () => void;
|
|
@@ -376,12 +401,6 @@ interface TopBarProps {
|
|
|
376
401
|
|
|
377
402
|
declare const TopBar: FC<TopBarProps>;
|
|
378
403
|
|
|
379
|
-
interface BottomOverlayMenuProps {
|
|
380
|
-
children: React.ReactNode;
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
declare const BottomOverlayMenu: FC<BottomOverlayMenuProps>;
|
|
384
|
-
|
|
385
404
|
interface TopBarMobileProps {
|
|
386
405
|
children: React$1.ReactNode;
|
|
387
406
|
isVisible: boolean;
|
|
@@ -719,4 +738,4 @@ declare function useIntersectionObserver({ options, defaultIntersecting }: {
|
|
|
719
738
|
defaultIntersecting?: boolean | undefined;
|
|
720
739
|
}): [RefObject<HTMLDivElement | HTMLHeadElement>, boolean];
|
|
721
740
|
|
|
722
|
-
export { AboutUsContent, AboutUsContentProps, AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, AsSeeInContent, AsSeeInContentProps, AsSeeInSection, AsSeeInSectionProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, GuidelinesContent, GuidelinesContentProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, ImageStructure, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarMobile, TopBarProps, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps, WideInfoBar, useIntersectionObserver };
|
|
741
|
+
export { AboutUsContent, AboutUsContentProps, AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, AsSeeInContent, AsSeeInContentProps, AsSeeInSection, AsSeeInSectionProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, GuidelinesContent, GuidelinesContentProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, ImageStructure, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, RichTextMedia, RichTextStrapi, RichTextStrapiProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarMobile, TopBarProps, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps, WideInfoBar, useIntersectionObserver };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@npm_leadtech/legal-lib-components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.11.1",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"@testing-library/jest-dom": "^5.16.5",
|
|
6
6
|
"@tippyjs/react": "4.2.6",
|
|
@@ -41,14 +41,14 @@
|
|
|
41
41
|
"@rollup/plugin-image": "^3.0.2",
|
|
42
42
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
43
43
|
"@rollup/plugin-typescript": "^11.1.1",
|
|
44
|
-
"@storybook/addon-a11y": "^7.
|
|
45
|
-
"@storybook/addon-actions": "^7.
|
|
46
|
-
"@storybook/addon-controls": "^7.
|
|
47
|
-
"@storybook/addon-essentials": "^7.
|
|
48
|
-
"@storybook/addon-links": "^7.
|
|
49
|
-
"@storybook/addon-mdx-gfm": "^7.
|
|
50
|
-
"@storybook/react": "^7.
|
|
51
|
-
"@storybook/react-webpack5": "^7.
|
|
44
|
+
"@storybook/addon-a11y": "^7.2.1",
|
|
45
|
+
"@storybook/addon-actions": "^7.2.1",
|
|
46
|
+
"@storybook/addon-controls": "^7.2.1",
|
|
47
|
+
"@storybook/addon-essentials": "^7.2.1",
|
|
48
|
+
"@storybook/addon-links": "^7.2.1",
|
|
49
|
+
"@storybook/addon-mdx-gfm": "^7.2.1",
|
|
50
|
+
"@storybook/react": "^7.2.1",
|
|
51
|
+
"@storybook/react-webpack5": "^7.2.1",
|
|
52
52
|
"@testing-library/jest-dom": "^5.16.5",
|
|
53
53
|
"@testing-library/react": "^14.0.0",
|
|
54
54
|
"@types/jest": "^29.5.2",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"eslint-plugin-promise": "^6.1.1",
|
|
79
79
|
"eslint-plugin-react": "^7.32.2",
|
|
80
80
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
81
|
-
"eslint-plugin-storybook": "^0.6.
|
|
81
|
+
"eslint-plugin-storybook": "^0.6.13",
|
|
82
82
|
"gatsby-link": "^5.10.0",
|
|
83
83
|
"gatsby-plugin-image": "^3.10.0",
|
|
84
84
|
"husky": "^8.0.3",
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
"rollup-plugin-uglify": "^6.0.4",
|
|
106
106
|
"rollup-plugin-visualizer": "^5.9.0",
|
|
107
107
|
"sass-loader": "13.3.1",
|
|
108
|
-
"storybook": "^7.
|
|
108
|
+
"storybook": "^7.2.1",
|
|
109
109
|
"style-loader": "^3.3.3",
|
|
110
110
|
"ts-jest": "^29.1.0",
|
|
111
111
|
"ts-node": "^10.9.1",
|
|
@@ -142,5 +142,10 @@
|
|
|
142
142
|
"reportPath": "coverage",
|
|
143
143
|
"reportFile": "test-reporter.xml",
|
|
144
144
|
"indent": 4
|
|
145
|
+
},
|
|
146
|
+
"resolutions": {
|
|
147
|
+
"strip-ansi": "^6.0.1",
|
|
148
|
+
"string-width": "^4.2.2",
|
|
149
|
+
"wrap-ansi": "^7.0.0"
|
|
145
150
|
}
|
|
146
151
|
}
|