@snabcentr/client-ui 2.6.1 → 3.1.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.
Potentially problematic release.
This version of @snabcentr/client-ui might be problematic. Click here for more details.
- package/cart/cart-item-mobile/sc-cart-item-mobile.component.d.ts +0 -2
- package/catalog/category-card/sc-category-card.component.d.ts +20 -26
- package/catalog/hover-image-carousel/hover-image-carousel.component.d.ts +24 -0
- package/catalog/price-card/sc-price-card.component.d.ts +1 -5
- package/catalog/sc-catalog.module.d.ts +2 -1
- package/directives/abstract-price-card/abstract-sc-price-card.directive.d.ts +6 -0
- package/esm2022/cart/cart-item-mobile/sc-cart-item-mobile.component.mjs +1 -3
- package/esm2022/catalog/category-card/sc-category-card.component.mjs +32 -51
- package/esm2022/catalog/hover-image-carousel/hover-image-carousel.component.mjs +45 -0
- package/esm2022/catalog/price-card/sc-price-card.component.mjs +7 -18
- package/esm2022/catalog/sc-catalog.module.mjs +19 -5
- package/esm2022/directives/abstract-price-card/abstract-sc-price-card.directive.mjs +10 -1
- package/fesm2022/snabcentr-client-ui.mjs +94 -65
- package/fesm2022/snabcentr-client-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/release_notes.tmp +10 -2
- package/styles/tailwind/tailwind.scss +35 -68
package/package.json
CHANGED
package/release_notes.tmp
CHANGED
@@ -1,6 +1,14 @@
|
|
1
|
-
##
|
1
|
+
## 3.1.0 (2024-11-08)
|
2
2
|
|
3
|
-
### fixed (
|
3
|
+
### fixed (2 changes)
|
4
4
|
|
5
5
|
- [#10603: Доработаны значки.](web_soft/libs/angular/snabcentr-client-ui-lib@375b473d04bca86d1c4c404579834271d68101aa) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!179))
|
6
|
+
- [#10521: Убран лишний вызов при изменении данных в корзине](web_soft/libs/angular/snabcentr-client-ui-lib@1a7fd224fb8731ff001e810ae14fff9eb938ef57) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!176))
|
7
|
+
|
8
|
+
### changed (4 changes)
|
9
|
+
|
10
|
+
- [#10512: Доработаны шрифты](web_soft/libs/angular/snabcentr-client-ui-lib@7dde8fdff4356bc20a8dac668d7a1f3f2a006cc1) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!177))
|
11
|
+
- [#10515: Доработана кнопка избранного товара на плитке товаров](web_soft/libs/angular/snabcentr-client-ui-lib@03c4b42c842b55f12d11fd00bff9c33ac3c7feff) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!175))
|
12
|
+
- [#10531: Доработано представление карточки товара в корзине](web_soft/libs/angular/snabcentr-client-ui-lib@7d85caef5743bfafbc17cd1ef04ac828c37c3967) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!174))
|
13
|
+
- [#10522: Доработана вёрстка страницы регистрации. Добавлен обработчик нажатия...](web_soft/libs/angular/snabcentr-client-ui-lib@c0ef830f41910041884acb8a0ec5edce1e65c017) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!173))
|
6
14
|
|
@@ -692,10 +692,6 @@ video {
|
|
692
692
|
top: 50%;
|
693
693
|
}
|
694
694
|
|
695
|
-
.top-2 {
|
696
|
-
top: 0.5rem;
|
697
|
-
}
|
698
|
-
|
699
695
|
.isolate {
|
700
696
|
isolation: isolate;
|
701
697
|
}
|
@@ -716,10 +712,6 @@ video {
|
|
716
712
|
margin: -0.5rem !important;
|
717
713
|
}
|
718
714
|
|
719
|
-
.m-1 {
|
720
|
-
margin: 0.25rem;
|
721
|
-
}
|
722
|
-
|
723
715
|
.my-2 {
|
724
716
|
margin-top: 0.5rem;
|
725
717
|
margin-bottom: 0.5rem;
|
@@ -766,8 +758,8 @@ video {
|
|
766
758
|
margin-right: auto;
|
767
759
|
}
|
768
760
|
|
769
|
-
.mt-
|
770
|
-
margin-top: 0.
|
761
|
+
.mt-1 {
|
762
|
+
margin-top: 0.25rem;
|
771
763
|
}
|
772
764
|
|
773
765
|
.line-clamp-3 {
|
@@ -817,11 +809,6 @@ video {
|
|
817
809
|
display: none;
|
818
810
|
}
|
819
811
|
|
820
|
-
.\!size-6 {
|
821
|
-
width: 1.5rem !important;
|
822
|
-
height: 1.5rem !important;
|
823
|
-
}
|
824
|
-
|
825
812
|
.size-20 {
|
826
813
|
width: 5rem;
|
827
814
|
height: 5rem;
|
@@ -859,6 +846,10 @@ video {
|
|
859
846
|
height: 2rem !important;
|
860
847
|
}
|
861
848
|
|
849
|
+
.\!h-auto {
|
850
|
+
height: auto !important;
|
851
|
+
}
|
852
|
+
|
862
853
|
.h-10 {
|
863
854
|
height: 2.5rem;
|
864
855
|
}
|
@@ -875,10 +866,6 @@ video {
|
|
875
866
|
height: 0.75rem;
|
876
867
|
}
|
877
868
|
|
878
|
-
.h-3\/5 {
|
879
|
-
height: 60%;
|
880
|
-
}
|
881
|
-
|
882
869
|
.h-4 {
|
883
870
|
height: 1rem;
|
884
871
|
}
|
@@ -964,10 +951,6 @@ video {
|
|
964
951
|
width: 100%;
|
965
952
|
}
|
966
953
|
|
967
|
-
.min-w-40 {
|
968
|
-
min-width: 10rem;
|
969
|
-
}
|
970
|
-
|
971
954
|
.min-w-72 {
|
972
955
|
min-width: 18rem;
|
973
956
|
}
|
@@ -1178,10 +1161,6 @@ video {
|
|
1178
1161
|
border-radius: 0.25rem;
|
1179
1162
|
}
|
1180
1163
|
|
1181
|
-
.rounded-lg {
|
1182
|
-
border-radius: 0.5rem;
|
1183
|
-
}
|
1184
|
-
|
1185
1164
|
.rounded-tui-radius-m {
|
1186
1165
|
border-radius: var(--tui-radius-m);
|
1187
1166
|
}
|
@@ -1194,16 +1173,6 @@ video {
|
|
1194
1173
|
border-radius: 0.75rem;
|
1195
1174
|
}
|
1196
1175
|
|
1197
|
-
.rounded-b {
|
1198
|
-
border-bottom-right-radius: 0.25rem;
|
1199
|
-
border-bottom-left-radius: 0.25rem;
|
1200
|
-
}
|
1201
|
-
|
1202
|
-
.rounded-t {
|
1203
|
-
border-top-left-radius: 0.25rem;
|
1204
|
-
border-top-right-radius: 0.25rem;
|
1205
|
-
}
|
1206
|
-
|
1207
1176
|
.border {
|
1208
1177
|
border-width: 1px;
|
1209
1178
|
}
|
@@ -1285,8 +1254,9 @@ video {
|
|
1285
1254
|
background-repeat: no-repeat;
|
1286
1255
|
}
|
1287
1256
|
|
1288
|
-
|
1289
|
-
|
1257
|
+
.object-contain {
|
1258
|
+
-o-object-fit: contain;
|
1259
|
+
object-fit: contain;
|
1290
1260
|
}
|
1291
1261
|
|
1292
1262
|
.object-cover {
|
@@ -1414,6 +1384,24 @@ video {
|
|
1414
1384
|
font-weight: 500;
|
1415
1385
|
}
|
1416
1386
|
|
1387
|
+
.text-body-xl {
|
1388
|
+
font-size: 1.1875rem;
|
1389
|
+
line-height: 1.75rem;
|
1390
|
+
font-weight: 500;
|
1391
|
+
}
|
1392
|
+
|
1393
|
+
.text-body-xs {
|
1394
|
+
font-size: 0.6875rem;
|
1395
|
+
line-height: 1rem;
|
1396
|
+
font-weight: 500;
|
1397
|
+
}
|
1398
|
+
|
1399
|
+
.text-body-xs-bold {
|
1400
|
+
font-size: 0.6875rem;
|
1401
|
+
line-height: 1rem;
|
1402
|
+
font-weight: 800;
|
1403
|
+
}
|
1404
|
+
|
1417
1405
|
.text-lg {
|
1418
1406
|
font-size: 1.125rem;
|
1419
1407
|
line-height: 1.75rem;
|
@@ -1438,6 +1426,10 @@ video {
|
|
1438
1426
|
font-weight: 700 !important;
|
1439
1427
|
}
|
1440
1428
|
|
1429
|
+
.\!font-extrabold {
|
1430
|
+
font-weight: 800 !important;
|
1431
|
+
}
|
1432
|
+
|
1441
1433
|
.\!font-medium {
|
1442
1434
|
font-weight: 500 !important;
|
1443
1435
|
}
|
@@ -1511,10 +1503,6 @@ video {
|
|
1511
1503
|
color: var(--tui-text-action);
|
1512
1504
|
}
|
1513
1505
|
|
1514
|
-
.text-tui-negative {
|
1515
|
-
color: var(--tui-text-negative);
|
1516
|
-
}
|
1517
|
-
|
1518
1506
|
.text-tui-primary {
|
1519
1507
|
color: var(--tui-background-accent-1);
|
1520
1508
|
}
|
@@ -1535,11 +1523,6 @@ video {
|
|
1535
1523
|
color: var(--tui-text-tertiary);
|
1536
1524
|
}
|
1537
1525
|
|
1538
|
-
.text-white {
|
1539
|
-
--tw-text-opacity: 1;
|
1540
|
-
color: rgb(255 255 255 / var(--tw-text-opacity));
|
1541
|
-
}
|
1542
|
-
|
1543
1526
|
.underline {
|
1544
1527
|
text-decoration-line: underline;
|
1545
1528
|
}
|
@@ -1556,24 +1539,16 @@ video {
|
|
1556
1539
|
opacity: 0.5;
|
1557
1540
|
}
|
1558
1541
|
|
1542
|
+
.opacity-90 {
|
1543
|
+
opacity: 0.9;
|
1544
|
+
}
|
1545
|
+
|
1559
1546
|
.shadow {
|
1560
1547
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
1561
1548
|
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
1562
1549
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
1563
1550
|
}
|
1564
1551
|
|
1565
|
-
.shadow-md {
|
1566
|
-
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
1567
|
-
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
1568
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
1569
|
-
}
|
1570
|
-
|
1571
|
-
.shadow-sc-1 {
|
1572
|
-
--tw-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.10);
|
1573
|
-
--tw-shadow-colored: 0px 5px 20px 0px var(--tw-shadow-color);
|
1574
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
1575
|
-
}
|
1576
|
-
|
1577
1552
|
.shadow-sc-2 {
|
1578
1553
|
--tw-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.10);
|
1579
1554
|
--tw-shadow-colored: 0px 2px 3px 0px var(--tw-shadow-color);
|
@@ -1655,10 +1630,6 @@ video {
|
|
1655
1630
|
transition-duration: 150ms;
|
1656
1631
|
}
|
1657
1632
|
|
1658
|
-
.duration-300 {
|
1659
|
-
transition-duration: 300ms;
|
1660
|
-
}
|
1661
|
-
|
1662
1633
|
.duration-500 {
|
1663
1634
|
transition-duration: 500ms;
|
1664
1635
|
}
|
@@ -1679,10 +1650,6 @@ video {
|
|
1679
1650
|
k: string;
|
1680
1651
|
}
|
1681
1652
|
|
1682
|
-
.group:hover .group-hover\:block {
|
1683
|
-
display: block;
|
1684
|
-
}
|
1685
|
-
|
1686
1653
|
@media (min-width: 640px) {
|
1687
1654
|
.sm\:mr-9 {
|
1688
1655
|
margin-right: 2.25rem;
|