@mond-design-system/react 1.0.0-alpha.4 → 1.0.0-alpha.5
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 +5 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +19 -7
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +4 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.js +5 -4
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -1103,17 +1103,18 @@ function Switch({
|
|
|
1103
1103
|
}
|
|
1104
1104
|
|
|
1105
1105
|
// mds-cssmod:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/SegmentedControl/SegmentedControl.module.css?mds-scoped
|
|
1106
|
-
var SegmentedControl_module_default = { "group": "mds-SegmentedControl__group", "segment": "mds-SegmentedControl__segment", "
|
|
1106
|
+
var SegmentedControl_module_default = { "group": "mds-SegmentedControl__group", "segment": "mds-SegmentedControl__segment", "fullWidth": "mds-SegmentedControl__fullWidth", "face": "mds-SegmentedControl__face", "input": "mds-SegmentedControl__input" };
|
|
1107
1107
|
function SegmentedControl({
|
|
1108
1108
|
label,
|
|
1109
1109
|
options,
|
|
1110
1110
|
value,
|
|
1111
1111
|
onChange,
|
|
1112
1112
|
disabled = false,
|
|
1113
|
+
fullWidth = false,
|
|
1113
1114
|
className
|
|
1114
1115
|
}) {
|
|
1115
1116
|
const name = react.useId();
|
|
1116
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "radiogroup", "aria-label": label, className: cx(SegmentedControl_module_default.group, className), children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: SegmentedControl_module_default.segment, children: [
|
|
1117
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "radiogroup", "aria-label": label, className: cx(SegmentedControl_module_default.group, fullWidth && SegmentedControl_module_default.fullWidth, className), children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: SegmentedControl_module_default.segment, children: [
|
|
1117
1118
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1118
1119
|
"input",
|
|
1119
1120
|
{
|
|
@@ -1570,7 +1571,7 @@ function ScreenContent({ children, flush = false, className, ref, ...rest }) {
|
|
|
1570
1571
|
}
|
|
1571
1572
|
|
|
1572
1573
|
// mds-cssmod:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/AppBar/AppBar.module.css?mds-scoped
|
|
1573
|
-
var AppBar_module_default = { "bar": "mds-AppBar__bar", "title": "mds-AppBar__title", "text": "mds-AppBar__text", "subtitle": "mds-AppBar__subtitle", "slot": "mds-AppBar__slot" };
|
|
1574
|
+
var AppBar_module_default = { "bar": "mds-AppBar__bar", "title": "mds-AppBar__title", "text": "mds-AppBar__text", "subtitle": "mds-AppBar__subtitle", "slot": "mds-AppBar__slot", "trailing": "mds-AppBar__trailing" };
|
|
1574
1575
|
function AppBar({ title, subtitle, leading, trailing }) {
|
|
1575
1576
|
const heading = title ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: AppBar_module_default.title, children: title }) : null;
|
|
1576
1577
|
return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: AppBar_module_default.bar, children: [
|
|
@@ -1579,7 +1580,7 @@ function AppBar({ title, subtitle, leading, trailing }) {
|
|
|
1579
1580
|
heading,
|
|
1580
1581
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: AppBar_module_default.subtitle, children: subtitle })
|
|
1581
1582
|
] }) : heading,
|
|
1582
|
-
trailing ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: AppBar_module_default.slot
|
|
1583
|
+
trailing ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${AppBar_module_default.slot} ${AppBar_module_default.trailing}`, children: trailing }) : null
|
|
1583
1584
|
] });
|
|
1584
1585
|
}
|
|
1585
1586
|
|