@mond-design-system/react 4.5.0 → 4.6.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 CHANGED
@@ -1326,7 +1326,7 @@ function SearchField({
1326
1326
  }
1327
1327
 
1328
1328
  // mds-cssmod:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/List/List.module.css?mds-scoped
1329
- var List_module_default = { "group": "mds-List__group", "labelledGroup": "mds-List__labelledGroup", "label": "mds-List__label", "item": "mds-List__item", "surface-card": "mds-List__surface-card", "surface-sunken": "mds-List__surface-sunken", "surface-accent": "mds-List__surface-accent", "surface-plain": "mds-List__surface-plain", "row": "mds-List__row", "interactive": "mds-List__interactive", "leading": "mds-List__leading", "trailing": "mds-List__trailing", "text": "mds-List__text", "title": "mds-List__title", "description": "mds-List__description" };
1329
+ var List_module_default = { "group": "mds-List__group", "labelledGroup": "mds-List__labelledGroup", "label": "mds-List__label", "item": "mds-List__item", "surface-card": "mds-List__surface-card", "surface-sunken": "mds-List__surface-sunken", "surface-accent": "mds-List__surface-accent", "surface-plain": "mds-List__surface-plain", "row": "mds-List__row", "interactive": "mds-List__interactive", "withActions": "mds-List__withActions", "actions": "mds-List__actions", "leading": "mds-List__leading", "trailing": "mds-List__trailing", "text": "mds-List__text", "title": "mds-List__title", "description": "mds-List__description" };
1330
1330
  var ListGroupContext = react.createContext(false);
1331
1331
  function ListGroup({ label, className, ...rest }) {
1332
1332
  const headingId = react.useId();
@@ -1349,6 +1349,7 @@ function ListItem({
1349
1349
  description,
1350
1350
  leading,
1351
1351
  trailing,
1352
+ actions,
1352
1353
  onClick,
1353
1354
  pressed,
1354
1355
  href,
@@ -1370,22 +1371,30 @@ function ListItem({
1370
1371
  ] }),
1371
1372
  trailing != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: List_module_default.trailing, children: trailing })
1372
1373
  ] });
1373
- return /* @__PURE__ */ jsxRuntime.jsx(
1374
+ return /* @__PURE__ */ jsxRuntime.jsxs(
1374
1375
  Root,
1375
1376
  {
1376
- className: cx(List_module_default.item, resolved && List_module_default[`surface-${resolved}`], className),
1377
+ className: cx(
1378
+ List_module_default.item,
1379
+ actions != null && List_module_default.withActions,
1380
+ resolved && List_module_default[`surface-${resolved}`],
1381
+ className
1382
+ ),
1377
1383
  ref,
1378
1384
  ...rest,
1379
- children: href !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(LinkElement, { className: cx(List_module_default.row, List_module_default.interactive), href, children: content }) : onClick !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
1380
- "button",
1381
- {
1382
- type: "button",
1383
- className: cx(List_module_default.row, List_module_default.interactive),
1384
- onClick,
1385
- "aria-pressed": pressed,
1386
- children: content
1387
- }
1388
- ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: List_module_default.row, children: content })
1385
+ children: [
1386
+ href !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(LinkElement, { className: cx(List_module_default.row, List_module_default.interactive), href, children: content }) : onClick !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
1387
+ "button",
1388
+ {
1389
+ type: "button",
1390
+ className: cx(List_module_default.row, List_module_default.interactive),
1391
+ onClick,
1392
+ "aria-pressed": pressed,
1393
+ children: content
1394
+ }
1395
+ ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: List_module_default.row, children: content }),
1396
+ actions != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: List_module_default.actions, children: actions })
1397
+ ]
1389
1398
  }
1390
1399
  );
1391
1400
  }
@@ -1568,7 +1577,7 @@ function ToastProvider({
1568
1577
  }
1569
1578
 
1570
1579
  // mds-cssmod:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Stack/Stack.module.css?mds-scoped
1571
- 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-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" };
1580
+ 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" };
1572
1581
 
1573
1582
  // src/components/Stack/Stack.tsx
1574
1583
  function Stack({