@mond-design-system/react 4.9.0 → 4.10.2
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/index.cjs +107 -17
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +49 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +36 -3
- package/dist/index.d.ts +36 -3
- package/dist/index.js +107 -18
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -571,6 +571,7 @@ button.mds-Link__link {
|
|
|
571
571
|
display: flex;
|
|
572
572
|
align-items: center;
|
|
573
573
|
overflow-x: auto;
|
|
574
|
+
overscroll-behavior-x: contain;
|
|
574
575
|
scrollbar-width: none;
|
|
575
576
|
min-width: 0;
|
|
576
577
|
}
|
|
@@ -779,6 +780,7 @@ button.mds-Link__link {
|
|
|
779
780
|
.mds-Sheet__body {
|
|
780
781
|
flex: 1;
|
|
781
782
|
overflow-y: auto;
|
|
783
|
+
overscroll-behavior-y: contain;
|
|
782
784
|
padding: var(--mds-pad-card);
|
|
783
785
|
}
|
|
784
786
|
.mds-Sheet__footer {
|
|
@@ -990,6 +992,7 @@ button.mds-Link__link {
|
|
|
990
992
|
|
|
991
993
|
/* mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/VisuallyHidden/VisuallyHidden.module.css?mds-scoped */
|
|
992
994
|
.mds-VisuallyHidden__hidden {
|
|
995
|
+
display: block;
|
|
993
996
|
position: absolute;
|
|
994
997
|
width: var(--mds-hidden-size);
|
|
995
998
|
height: var(--mds-hidden-size);
|
|
@@ -1561,6 +1564,48 @@ button.mds-Link__link {
|
|
|
1561
1564
|
height: var(--mds-icon-sm);
|
|
1562
1565
|
}
|
|
1563
1566
|
|
|
1567
|
+
/* mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Scroller/Scroller.module.css?mds-scoped */
|
|
1568
|
+
.mds-Scroller__scroller {
|
|
1569
|
+
display: flex;
|
|
1570
|
+
flex-direction: column;
|
|
1571
|
+
gap: var(--mds-gap-tight);
|
|
1572
|
+
}
|
|
1573
|
+
.mds-Scroller__header {
|
|
1574
|
+
display: flex;
|
|
1575
|
+
align-items: center;
|
|
1576
|
+
justify-content: space-between;
|
|
1577
|
+
gap: var(--mds-gap-tight);
|
|
1578
|
+
}
|
|
1579
|
+
.mds-Scroller__trailing {
|
|
1580
|
+
display: flex;
|
|
1581
|
+
align-items: center;
|
|
1582
|
+
gap: var(--mds-gap-hairline);
|
|
1583
|
+
}
|
|
1584
|
+
.mds-Scroller__track {
|
|
1585
|
+
display: flex;
|
|
1586
|
+
flex-wrap: nowrap;
|
|
1587
|
+
gap: var(--mds-gap-tight);
|
|
1588
|
+
overflow-x: auto;
|
|
1589
|
+
overscroll-behavior-x: contain;
|
|
1590
|
+
scroll-snap-type: x proximity;
|
|
1591
|
+
scroll-behavior: smooth;
|
|
1592
|
+
scrollbar-width: none;
|
|
1593
|
+
padding: var(--mds-focus-offset);
|
|
1594
|
+
margin: calc(var(--mds-focus-offset) * -1);
|
|
1595
|
+
}
|
|
1596
|
+
.mds-Scroller__track::-webkit-scrollbar {
|
|
1597
|
+
display: none;
|
|
1598
|
+
}
|
|
1599
|
+
.mds-Scroller__track > * {
|
|
1600
|
+
flex: none;
|
|
1601
|
+
scroll-snap-align: start;
|
|
1602
|
+
}
|
|
1603
|
+
.mds-Scroller__arrows {
|
|
1604
|
+
display: flex;
|
|
1605
|
+
align-items: center;
|
|
1606
|
+
gap: var(--mds-gap-hairline);
|
|
1607
|
+
}
|
|
1608
|
+
|
|
1564
1609
|
/* mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/List/List.module.css?mds-scoped */
|
|
1565
1610
|
.mds-List__group {
|
|
1566
1611
|
list-style: none;
|
|
@@ -2166,6 +2211,7 @@ button.mds-Link__link {
|
|
|
2166
2211
|
.mds-Modal__body {
|
|
2167
2212
|
flex: 1;
|
|
2168
2213
|
overflow-y: auto;
|
|
2214
|
+
overscroll-behavior-y: contain;
|
|
2169
2215
|
padding: var(--mds-pad-card);
|
|
2170
2216
|
}
|
|
2171
2217
|
.mds-Modal__footer {
|
|
@@ -2200,6 +2246,7 @@ button.mds-Link__link {
|
|
|
2200
2246
|
flex: 1;
|
|
2201
2247
|
min-height: 0;
|
|
2202
2248
|
overflow-y: auto;
|
|
2249
|
+
overscroll-behavior-y: contain;
|
|
2203
2250
|
padding: var(--mds-pad-page-y) var(--mds-pad-page-x);
|
|
2204
2251
|
}
|
|
2205
2252
|
.mds-Screen__content.mds-Screen__flush {
|
|
@@ -2348,6 +2395,7 @@ button.mds-Link__link {
|
|
|
2348
2395
|
flex: 0 0 var(--mds-sidebar-w);
|
|
2349
2396
|
padding: var(--mds-pad-page-y) var(--mds-pad-tight);
|
|
2350
2397
|
overflow-y: auto;
|
|
2398
|
+
overscroll-behavior-y: contain;
|
|
2351
2399
|
}
|
|
2352
2400
|
.mds-SideNav__group {
|
|
2353
2401
|
display: flex;
|
|
@@ -2816,6 +2864,7 @@ button.mds-Link__link {
|
|
|
2816
2864
|
.mds-VideoPlayer__player:fullscreen .mds-VideoPlayer__chapters {
|
|
2817
2865
|
min-height: 0;
|
|
2818
2866
|
overflow-y: auto;
|
|
2867
|
+
overscroll-behavior-y: contain;
|
|
2819
2868
|
}
|
|
2820
2869
|
|
|
2821
2870
|
/* mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Breadcrumb/Breadcrumb.module.css?mds-scoped */
|