@mond-design-system/react 4.9.0 → 4.10.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/index.css CHANGED
@@ -990,6 +990,7 @@ button.mds-Link__link {
990
990
 
991
991
  /* mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/VisuallyHidden/VisuallyHidden.module.css?mds-scoped */
992
992
  .mds-VisuallyHidden__hidden {
993
+ display: block;
993
994
  position: absolute;
994
995
  width: var(--mds-hidden-size);
995
996
  height: var(--mds-hidden-size);
@@ -1561,6 +1562,48 @@ button.mds-Link__link {
1561
1562
  height: var(--mds-icon-sm);
1562
1563
  }
1563
1564
 
1565
+ /* mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Scroller/Scroller.module.css?mds-scoped */
1566
+ .mds-Scroller__scroller {
1567
+ display: flex;
1568
+ flex-direction: column;
1569
+ gap: var(--mds-gap-tight);
1570
+ }
1571
+ .mds-Scroller__header {
1572
+ display: flex;
1573
+ align-items: center;
1574
+ justify-content: space-between;
1575
+ gap: var(--mds-gap-tight);
1576
+ }
1577
+ .mds-Scroller__trailing {
1578
+ display: flex;
1579
+ align-items: center;
1580
+ gap: var(--mds-gap-hairline);
1581
+ }
1582
+ .mds-Scroller__track {
1583
+ display: flex;
1584
+ flex-wrap: nowrap;
1585
+ gap: var(--mds-gap-tight);
1586
+ overflow-x: auto;
1587
+ overscroll-behavior-x: contain;
1588
+ scroll-snap-type: x proximity;
1589
+ scroll-behavior: smooth;
1590
+ scrollbar-width: none;
1591
+ padding: var(--mds-focus-offset);
1592
+ margin: calc(var(--mds-focus-offset) * -1);
1593
+ }
1594
+ .mds-Scroller__track::-webkit-scrollbar {
1595
+ display: none;
1596
+ }
1597
+ .mds-Scroller__track > * {
1598
+ flex: none;
1599
+ scroll-snap-align: start;
1600
+ }
1601
+ .mds-Scroller__arrows {
1602
+ display: flex;
1603
+ align-items: center;
1604
+ gap: var(--mds-gap-hairline);
1605
+ }
1606
+
1564
1607
  /* mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/List/List.module.css?mds-scoped */
1565
1608
  .mds-List__group {
1566
1609
  list-style: none;