@umami/react-zen 0.71.0 → 0.72.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.
Files changed (4) hide show
  1. package/dist/index.d.ts +1 -1
  2. package/dist/index.js +21 -14
  3. package/dist/index.mjs +21 -14
  4. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -632,7 +632,7 @@ declare module '@umami/react-zen/List' {
632
632
  separatorProperty?: string;
633
633
  }
634
634
  export function List({ items, idProperty, labelProperty, separatorProperty, className, children, ...props }: ListProps): import("react").JSX.Element;
635
- export function ListItem({ children, className, ...props }: ListBoxItemProps<any>): import("react").JSX.Element;
635
+ export function ListItem({ id, children, className, ...props }: ListBoxItemProps<any>): import("react").JSX.Element;
636
636
  export function ListSeparator({ className, ...props }: SeparatorProps): import("react").JSX.Element;
637
637
  export function ListSection({ title, className, children, ...props }: ListBoxSectionProps<any> & {
638
638
  title?: string;
package/dist/index.js CHANGED
@@ -27092,9 +27092,6 @@ function useDesignProps(props) {
27092
27092
  const value = props[key];
27093
27093
  if (value) {
27094
27094
  if (typeof value === "boolean") {
27095
- if (name.startsWith("border")) {
27096
- console.log({ name, value });
27097
- }
27098
27095
  classes.push(vars_default[name]);
27099
27096
  }
27100
27097
  if (typeof value === "string" || typeof value === "number") {
@@ -31601,22 +31598,31 @@ function List({
31601
31598
  children,
31602
31599
  ...props
31603
31600
  }) {
31604
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($eed445e0843c11d0$export$41f133550aa26f48, { ...props, items, className: (0, import_classnames19.default)(List_default.list, className), children: children || items?.map((item) => {
31605
- const id = item[idProperty] || item.toString();
31606
- const label = item[labelProperty] || item.toString();
31607
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react180.Fragment, { children: [
31608
- item[separatorProperty] && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
31609
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ListItem, { id, className: List_default.item, children: label })
31610
- ] }, id);
31611
- }) });
31612
- }
31613
- function ListItem({ children, className, ...props }) {
31601
+ return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
31602
+ $eed445e0843c11d0$export$41f133550aa26f48,
31603
+ {
31604
+ "aria-label": "list",
31605
+ ...props,
31606
+ items,
31607
+ className: (0, import_classnames19.default)(List_default.list, className),
31608
+ children: children || items?.map((item) => {
31609
+ const id = item[idProperty] || item.toString();
31610
+ const label = item[labelProperty] || item.toString();
31611
+ return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react180.Fragment, { children: [
31612
+ item[separatorProperty] && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
31613
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ListItem, { id, className: List_default.item, children: label })
31614
+ ] }, id);
31615
+ })
31616
+ }
31617
+ );
31618
+ }
31619
+ function ListItem({ id, children, className, ...props }) {
31614
31620
  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
31615
31621
  $eed445e0843c11d0$export$a11e76429ed99b4,
31616
31622
  {
31617
31623
  ...props,
31618
31624
  className: (0, import_classnames19.default)(List_default.item, className),
31619
- "aria-label": props.id?.toString(),
31625
+ textValue: typeof children === "string" ? children : id?.toString(),
31620
31626
  children: [
31621
31627
  children,
31622
31628
  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { "aria-hidden": "true", className: List_default.check, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icons.Check, {}) }) })
@@ -32526,6 +32532,7 @@ var Select2 = (0, import_react193.forwardRef)(
32526
32532
  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
32527
32533
  $82d7e5349645de74$export$ef9b1a59e592288f,
32528
32534
  {
32535
+ "aria-label": "select",
32529
32536
  ...props,
32530
32537
  ref,
32531
32538
  className: (0, import_classnames45.default)(input_default.field, className),
package/dist/index.mjs CHANGED
@@ -26979,9 +26979,6 @@ function useDesignProps(props) {
26979
26979
  const value = props[key];
26980
26980
  if (value) {
26981
26981
  if (typeof value === "boolean") {
26982
- if (name.startsWith("border")) {
26983
- console.log({ name, value });
26984
- }
26985
26982
  classes.push(vars_default[name]);
26986
26983
  }
26987
26984
  if (typeof value === "string" || typeof value === "number") {
@@ -31488,22 +31485,31 @@ function List({
31488
31485
  children,
31489
31486
  ...props
31490
31487
  }) {
31491
- return /* @__PURE__ */ jsx28($eed445e0843c11d0$export$41f133550aa26f48, { ...props, items, className: (0, import_classnames19.default)(List_default.list, className), children: children || items?.map((item) => {
31492
- const id = item[idProperty] || item.toString();
31493
- const label = item[labelProperty] || item.toString();
31494
- return /* @__PURE__ */ jsxs14(Fragment4, { children: [
31495
- item[separatorProperty] && /* @__PURE__ */ jsx28($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
31496
- /* @__PURE__ */ jsx28(ListItem, { id, className: List_default.item, children: label })
31497
- ] }, id);
31498
- }) });
31499
- }
31500
- function ListItem({ children, className, ...props }) {
31488
+ return /* @__PURE__ */ jsx28(
31489
+ $eed445e0843c11d0$export$41f133550aa26f48,
31490
+ {
31491
+ "aria-label": "list",
31492
+ ...props,
31493
+ items,
31494
+ className: (0, import_classnames19.default)(List_default.list, className),
31495
+ children: children || items?.map((item) => {
31496
+ const id = item[idProperty] || item.toString();
31497
+ const label = item[labelProperty] || item.toString();
31498
+ return /* @__PURE__ */ jsxs14(Fragment4, { children: [
31499
+ item[separatorProperty] && /* @__PURE__ */ jsx28($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
31500
+ /* @__PURE__ */ jsx28(ListItem, { id, className: List_default.item, children: label })
31501
+ ] }, id);
31502
+ })
31503
+ }
31504
+ );
31505
+ }
31506
+ function ListItem({ id, children, className, ...props }) {
31501
31507
  return /* @__PURE__ */ jsxs14(
31502
31508
  $eed445e0843c11d0$export$a11e76429ed99b4,
31503
31509
  {
31504
31510
  ...props,
31505
31511
  className: (0, import_classnames19.default)(List_default.item, className),
31506
- "aria-label": props.id?.toString(),
31512
+ textValue: typeof children === "string" ? children : id?.toString(),
31507
31513
  children: [
31508
31514
  children,
31509
31515
  /* @__PURE__ */ jsx28("div", { "aria-hidden": "true", className: List_default.check, children: /* @__PURE__ */ jsx28(Icon, { children: /* @__PURE__ */ jsx28(Icons.Check, {}) }) })
@@ -32417,6 +32423,7 @@ var Select2 = forwardRef9(
32417
32423
  return /* @__PURE__ */ jsxs31(
32418
32424
  $82d7e5349645de74$export$ef9b1a59e592288f,
32419
32425
  {
32426
+ "aria-label": "select",
32420
32427
  ...props,
32421
32428
  ref,
32422
32429
  className: (0, import_classnames45.default)(input_default.field, className),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.71.0",
3
+ "version": "0.72.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",