@npm_leadtech/legal-lib-components 2.10.2 → 2.11.0
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 +79 -65
- package/dist/cjs/src/components/atoms/DatePickerCustom/DatePickerCustom.d.ts +9 -2
- package/dist/cjs/src/components/atoms/DatePickerCustom/DatePickerCustomProps.types.d.ts +0 -1
- 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/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 +79 -65
- package/dist/esm/src/components/atoms/DatePickerCustom/DatePickerCustom.d.ts +9 -2
- package/dist/esm/src/components/atoms/DatePickerCustom/DatePickerCustomProps.types.d.ts +0 -1
- 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/index.d.ts +2 -1
- package/dist/esm/src/utils/getDateFormatMMMMYYYY.d.ts +1 -0
- package/dist/index.d.ts +35 -10
- package/package.json +11 -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
|
|
|
@@ -2641,27 +2676,6 @@ html[data-theme='uslawdistricts'] {
|
|
|
2641
2676
|
margin-right: 8px;
|
|
2642
2677
|
display: inherit; }
|
|
2643
2678
|
|
|
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
2679
|
.top-bar-mobile {
|
|
2666
2680
|
background-color: var(--neutral-neutral-5);
|
|
2667
2681
|
display: flex;
|
|
@@ -2885,7 +2899,7 @@ html[data-theme='uslawdistricts'] {
|
|
|
2885
2899
|
.box--form {
|
|
2886
2900
|
background: var(--others-white);
|
|
2887
2901
|
border-radius: 4px;
|
|
2888
|
-
box-shadow: 0 2px 6px 0 rgba(
|
|
2902
|
+
box-shadow: 0 2px 6px 0 rgba(var(--primary-main-dark-1), 0.25);
|
|
2889
2903
|
padding-left: 1.5rem;
|
|
2890
2904
|
padding-right: 1.5rem; }
|
|
2891
2905
|
@media (min-width: 1200px) {
|
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
2
|
import { type DatePickerCustomProps } from './DatePickerCustomProps.types';
|
|
3
3
|
import 'react-datepicker/dist/react-datepicker.css';
|
|
4
4
|
import './DatePickerCustom.scss';
|
|
5
|
-
declare
|
|
5
|
+
declare class DatePickerCustom extends Component<DatePickerCustomProps> {
|
|
6
|
+
constructor(props: DatePickerCustomProps);
|
|
7
|
+
componentDidMount(): void;
|
|
8
|
+
returnYears: (currentYear: number) => React.JSX.Element[];
|
|
9
|
+
handleChange: (date: Date) => void;
|
|
10
|
+
addDays: (date: any, days: any) => Date;
|
|
11
|
+
render(): React.JSX.Element;
|
|
12
|
+
}
|
|
6
13
|
export default DatePickerCustom;
|
|
@@ -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;
|
|
@@ -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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import React$1, { FC, ReactNode, MouseEventHandler, RefObject } from 'react';
|
|
2
|
+
import React$1, { FC, Component, ReactNode, MouseEventHandler, RefObject } from 'react';
|
|
3
3
|
import { IGatsbyImageData } from 'gatsby-plugin-image';
|
|
4
4
|
|
|
5
5
|
interface AddButtonProps {
|
|
@@ -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
|
}
|
|
@@ -125,11 +131,17 @@ interface DatePickerCustomProps {
|
|
|
125
131
|
isStartDate?: boolean;
|
|
126
132
|
relatedDate?: Date;
|
|
127
133
|
type?: string;
|
|
128
|
-
dateFormat?: string;
|
|
129
134
|
onChange?: (dateObject: any) => void;
|
|
130
135
|
}
|
|
131
136
|
|
|
132
|
-
declare
|
|
137
|
+
declare class DatePickerCustom extends Component<DatePickerCustomProps> {
|
|
138
|
+
constructor(props: DatePickerCustomProps);
|
|
139
|
+
componentDidMount(): void;
|
|
140
|
+
returnYears: (currentYear: number) => React$1.JSX.Element[];
|
|
141
|
+
handleChange: (date: Date) => void;
|
|
142
|
+
addDays: (date: any, days: any) => Date;
|
|
143
|
+
render(): React$1.JSX.Element;
|
|
144
|
+
}
|
|
133
145
|
|
|
134
146
|
interface DialogMenuIconProps {
|
|
135
147
|
title?: string;
|
|
@@ -287,6 +299,25 @@ interface RichTextInnerProps {
|
|
|
287
299
|
|
|
288
300
|
declare const RichTextInner: FC<RichTextInnerProps>;
|
|
289
301
|
|
|
302
|
+
interface RichTextMedia {
|
|
303
|
+
readonly alternativeText: string;
|
|
304
|
+
readonly src: string;
|
|
305
|
+
readonly localFile: {
|
|
306
|
+
readonly publicURL: string;
|
|
307
|
+
readonly childImageSharp: {
|
|
308
|
+
readonly gatsbyImageData: IGatsbyImageData;
|
|
309
|
+
};
|
|
310
|
+
};
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
interface RichTextStrapiProps {
|
|
314
|
+
html?: string;
|
|
315
|
+
className?: string;
|
|
316
|
+
medias?: RichTextMedia[];
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
declare const RichTextStrapi: FC<RichTextStrapiProps>;
|
|
320
|
+
|
|
290
321
|
interface SearchSelectProps {
|
|
291
322
|
id?: string;
|
|
292
323
|
name: string;
|
|
@@ -376,12 +407,6 @@ interface TopBarProps {
|
|
|
376
407
|
|
|
377
408
|
declare const TopBar: FC<TopBarProps>;
|
|
378
409
|
|
|
379
|
-
interface BottomOverlayMenuProps {
|
|
380
|
-
children: React.ReactNode;
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
declare const BottomOverlayMenu: FC<BottomOverlayMenuProps>;
|
|
384
|
-
|
|
385
410
|
interface TopBarMobileProps {
|
|
386
411
|
children: React$1.ReactNode;
|
|
387
412
|
isVisible: boolean;
|
|
@@ -719,4 +744,4 @@ declare function useIntersectionObserver({ options, defaultIntersecting }: {
|
|
|
719
744
|
defaultIntersecting?: boolean | undefined;
|
|
720
745
|
}): [RefObject<HTMLDivElement | HTMLHeadElement>, boolean];
|
|
721
746
|
|
|
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 };
|
|
747
|
+
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.0",
|
|
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",
|