@mond-design-system/react 4.10.2 → 4.11.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 +20 -22
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +15 -12
- package/dist/index.d.ts +15 -12
- package/dist/index.js +20 -22
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1788,13 +1788,14 @@ function ToastProvider({
|
|
|
1788
1788
|
var Stack_module_default = { "stack": "mds-Stack__stack", "gap-hairline": "mds-Stack__gap-hairline", "gap-tight": "mds-Stack__gap-tight", "gap-base": "mds-Stack__gap-base", "gap-loose": "mds-Stack__gap-loose", "gap-group": "mds-Stack__gap-group", "gap-section": "mds-Stack__gap-section", "align-start": "mds-Stack__align-start", "align-center": "mds-Stack__align-center", "align-end": "mds-Stack__align-end", "align-stretch": "mds-Stack__align-stretch" };
|
|
1789
1789
|
|
|
1790
1790
|
// src/components/Stack/Stack.tsx
|
|
1791
|
-
function Stack({
|
|
1792
|
-
|
|
1793
|
-
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
|
|
1791
|
+
function Stack(props) {
|
|
1792
|
+
const {
|
|
1793
|
+
gap = "base",
|
|
1794
|
+
align = "stretch",
|
|
1795
|
+
as = "div",
|
|
1796
|
+
className,
|
|
1797
|
+
...rest
|
|
1798
|
+
} = props;
|
|
1798
1799
|
return react.createElement(as, {
|
|
1799
1800
|
className: cx(Stack_module_default.stack, Stack_module_default[`gap-${gap}`], Stack_module_default[`align-${align}`], className),
|
|
1800
1801
|
...rest
|
|
@@ -1805,15 +1806,16 @@ function Stack({
|
|
|
1805
1806
|
var Inline_module_default = { "inline": "mds-Inline__inline", "gap-hairline": "mds-Inline__gap-hairline", "gap-tight": "mds-Inline__gap-tight", "gap-base": "mds-Inline__gap-base", "gap-loose": "mds-Inline__gap-loose", "align-start": "mds-Inline__align-start", "align-center": "mds-Inline__align-center", "align-end": "mds-Inline__align-end", "align-baseline": "mds-Inline__align-baseline", "justify-start": "mds-Inline__justify-start", "justify-center": "mds-Inline__justify-center", "justify-end": "mds-Inline__justify-end", "justify-between": "mds-Inline__justify-between", "wrap": "mds-Inline__wrap" };
|
|
1806
1807
|
|
|
1807
1808
|
// src/components/Inline/Inline.tsx
|
|
1808
|
-
function Inline({
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1809
|
+
function Inline(props) {
|
|
1810
|
+
const {
|
|
1811
|
+
gap = "base",
|
|
1812
|
+
align = "center",
|
|
1813
|
+
justify = "start",
|
|
1814
|
+
wrap = false,
|
|
1815
|
+
as = "div",
|
|
1816
|
+
className,
|
|
1817
|
+
...rest
|
|
1818
|
+
} = props;
|
|
1817
1819
|
return react.createElement(as, {
|
|
1818
1820
|
className: cx(
|
|
1819
1821
|
Inline_module_default.inline,
|
|
@@ -1831,12 +1833,8 @@ function Inline({
|
|
|
1831
1833
|
var Container_module_default = { "container": "mds-Container__container", "width-content": "mds-Container__width-content", "width-wide": "mds-Container__width-wide" };
|
|
1832
1834
|
|
|
1833
1835
|
// src/components/Container/Container.tsx
|
|
1834
|
-
function Container({
|
|
1835
|
-
width = "content",
|
|
1836
|
-
as = "div",
|
|
1837
|
-
className,
|
|
1838
|
-
...rest
|
|
1839
|
-
}) {
|
|
1836
|
+
function Container(props) {
|
|
1837
|
+
const { width = "content", as = "div", className, ...rest } = props;
|
|
1840
1838
|
return react.createElement(as, {
|
|
1841
1839
|
className: cx(Container_module_default.container, Container_module_default[`width-${width}`], className),
|
|
1842
1840
|
...rest
|