@mond-design-system/react 4.0.0 → 4.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.
- package/dist/index.cjs +67 -23
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +33 -2
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +33 -5
- package/dist/index.d.ts +33 -5
- package/dist/index.js +67 -23
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1400,6 +1400,24 @@ button.mds-Link__link {
|
|
|
1400
1400
|
background: var(--mds-surface-sunken);
|
|
1401
1401
|
border-radius: var(--mds-radius-control);
|
|
1402
1402
|
}
|
|
1403
|
+
.mds-SegmentedControl__size-md .mds-SegmentedControl__face {
|
|
1404
|
+
height: calc(var(--mds-control-h-md) - 2 * var(--mds-pad-segment));
|
|
1405
|
+
padding: 0 var(--mds-pad-pill-x);
|
|
1406
|
+
}
|
|
1407
|
+
.mds-SegmentedControl__size-sm .mds-SegmentedControl__face {
|
|
1408
|
+
height: calc(var(--mds-control-h-sm) - 2 * var(--mds-pad-segment));
|
|
1409
|
+
padding: 0 var(--mds-pad-tag-x);
|
|
1410
|
+
}
|
|
1411
|
+
.mds-SegmentedControl__bare {
|
|
1412
|
+
padding: 0;
|
|
1413
|
+
background: transparent;
|
|
1414
|
+
}
|
|
1415
|
+
.mds-SegmentedControl__bare.mds-SegmentedControl__size-md .mds-SegmentedControl__face {
|
|
1416
|
+
height: var(--mds-control-h-md);
|
|
1417
|
+
}
|
|
1418
|
+
.mds-SegmentedControl__bare.mds-SegmentedControl__size-sm .mds-SegmentedControl__face {
|
|
1419
|
+
height: var(--mds-control-h-sm);
|
|
1420
|
+
}
|
|
1403
1421
|
.mds-SegmentedControl__segment {
|
|
1404
1422
|
display: inline-flex;
|
|
1405
1423
|
position: relative;
|
|
@@ -1428,8 +1446,6 @@ button.mds-Link__link {
|
|
|
1428
1446
|
display: inline-flex;
|
|
1429
1447
|
align-items: center;
|
|
1430
1448
|
justify-content: center;
|
|
1431
|
-
height: calc(var(--mds-control-h-md) - 2 * var(--mds-pad-segment));
|
|
1432
|
-
padding: 0 var(--mds-pad-pill-x);
|
|
1433
1449
|
border-radius: var(--mds-radius-segment);
|
|
1434
1450
|
font: var(--mds-type-pill);
|
|
1435
1451
|
color: var(--mds-text-secondary);
|
|
@@ -1733,6 +1749,21 @@ button.mds-Link__link {
|
|
|
1733
1749
|
width: var(--mds-icon-sm);
|
|
1734
1750
|
height: var(--mds-icon-sm);
|
|
1735
1751
|
}
|
|
1752
|
+
.mds-Toast__action {
|
|
1753
|
+
flex: none;
|
|
1754
|
+
align-self: center;
|
|
1755
|
+
padding: var(--mds-pad-pill-y) var(--mds-pad-pill-x);
|
|
1756
|
+
border: none;
|
|
1757
|
+
border-radius: var(--mds-radius-pill);
|
|
1758
|
+
background: transparent;
|
|
1759
|
+
font: var(--mds-type-label);
|
|
1760
|
+
color: var(--mds-text-accent);
|
|
1761
|
+
cursor: pointer;
|
|
1762
|
+
position: relative;
|
|
1763
|
+
}
|
|
1764
|
+
.mds-Toast__action:hover {
|
|
1765
|
+
background: var(--mds-surface-sunken);
|
|
1766
|
+
}
|
|
1736
1767
|
|
|
1737
1768
|
/* mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Stack/Stack.module.css?mds-scoped */
|
|
1738
1769
|
.mds-Stack__stack {
|