@mond-design-system/react 4.8.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/README.md +2 -1
- package/dist/index.cjs +168 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +87 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +70 -3
- package/dist/index.d.ts +70 -3
- package/dist/index.js +167 -6
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
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;
|
|
@@ -2621,6 +2664,50 @@ button.mds-Link__link {
|
|
|
2621
2664
|
color: var(--mds-status-danger);
|
|
2622
2665
|
}
|
|
2623
2666
|
|
|
2667
|
+
/* mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/FileDrop/FileDrop.module.css?mds-scoped */
|
|
2668
|
+
.mds-FileDrop__drop {
|
|
2669
|
+
display: block;
|
|
2670
|
+
}
|
|
2671
|
+
.mds-FileDrop__target {
|
|
2672
|
+
display: flex;
|
|
2673
|
+
flex-direction: column;
|
|
2674
|
+
align-items: center;
|
|
2675
|
+
gap: var(--mds-gap-hairline);
|
|
2676
|
+
width: 100%;
|
|
2677
|
+
padding: var(--mds-pad-drop-y) var(--mds-pad-card);
|
|
2678
|
+
border: var(--mds-border-width) dashed var(--mds-border-strong);
|
|
2679
|
+
border-radius: var(--mds-radius-media);
|
|
2680
|
+
background: var(--mds-surface-sunken);
|
|
2681
|
+
color: var(--mds-text-primary);
|
|
2682
|
+
cursor: pointer;
|
|
2683
|
+
transition: var(--mds-transition-surface);
|
|
2684
|
+
}
|
|
2685
|
+
.mds-FileDrop__target:focus-visible {
|
|
2686
|
+
outline: var(--mds-focus-width) solid var(--mds-focus-ring-color);
|
|
2687
|
+
outline-offset: var(--mds-focus-offset);
|
|
2688
|
+
}
|
|
2689
|
+
.mds-FileDrop__target:disabled {
|
|
2690
|
+
border-color: var(--mds-border-subtle);
|
|
2691
|
+
color: var(--mds-action-disabled-fg);
|
|
2692
|
+
cursor: not-allowed;
|
|
2693
|
+
}
|
|
2694
|
+
.mds-FileDrop__over .mds-FileDrop__target {
|
|
2695
|
+
border-color: var(--mds-action-bg);
|
|
2696
|
+
background: var(--mds-surface-selected);
|
|
2697
|
+
}
|
|
2698
|
+
.mds-FileDrop__icon {
|
|
2699
|
+
display: inline-flex;
|
|
2700
|
+
align-items: center;
|
|
2701
|
+
justify-content: center;
|
|
2702
|
+
width: var(--mds-icon-lg);
|
|
2703
|
+
height: var(--mds-icon-lg);
|
|
2704
|
+
font-size: var(--mds-icon-lg);
|
|
2705
|
+
color: var(--mds-text-muted);
|
|
2706
|
+
}
|
|
2707
|
+
.mds-FileDrop__picker {
|
|
2708
|
+
display: none;
|
|
2709
|
+
}
|
|
2710
|
+
|
|
2624
2711
|
/* mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Lightbox/Lightbox.module.css?mds-scoped */
|
|
2625
2712
|
.mds-Lightbox__panel {
|
|
2626
2713
|
flex: 1;
|