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