@umami/react-zen 0.167.0 → 0.169.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 (5) hide show
  1. package/dist/index.css +7 -5
  2. package/dist/index.js +8 -3
  3. package/dist/index.mjs +8 -3
  4. package/package.json +1 -1
  5. package/styles.css +7 -5
package/dist/index.css CHANGED
@@ -3481,31 +3481,33 @@ body a.Button_button__NGQyO {
3481
3481
  }
3482
3482
 
3483
3483
  /* virtual-css:css:190b71b0b870ea6c0882d0c839c39b19 */
3484
- .Dialog_dialog__YzczM {
3484
+ .Dialog_dialog__OWY2M {
3485
3485
  position: relative;
3486
3486
  outline: none;
3487
+ max-height: 100vh;
3488
+ max-width: 100vw;
3487
3489
  overflow: auto;
3488
3490
  }
3489
- .Dialog_title__YzdhO {
3491
+ .Dialog_title__MzNlY {
3490
3492
  font-size: var(--font-size-5);
3491
3493
  font-weight: 700;
3492
3494
  margin-bottom: var(--spacing-3);
3493
3495
  }
3494
- .Dialog_modal__YzIxN {
3496
+ .Dialog_modal__ZWZjN {
3495
3497
  padding: var(--spacing-6);
3496
3498
  box-shadow: var(--box-shadow-4);
3497
3499
  background: var(--background-color);
3498
3500
  border: var(--border);
3499
3501
  border-radius: var(--border-radius);
3500
3502
  }
3501
- .Dialog_menu__N2QwN {
3503
+ .Dialog_menu__NWYyN {
3502
3504
  padding: var(--spacing-2);
3503
3505
  box-shadow: var(--box-shadow-3);
3504
3506
  background: var(--background-color);
3505
3507
  border: var(--border);
3506
3508
  border-radius: var(--border-radius);
3507
3509
  }
3508
- .Dialog_sheet__ZTdkZ {
3510
+ .Dialog_sheet__MmJjY {
3509
3511
  background: var(--background-color);
3510
3512
  width: 100%;
3511
3513
  height: 100%;
package/dist/index.js CHANGED
@@ -27905,8 +27905,13 @@ function FormField({
27905
27905
  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { ...props, className: (0, import_classnames6.default)(FormField_default.input, className), children: [
27906
27906
  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(FormController, { name, control, rules, children: ({ field }) => {
27907
27907
  return import_react157.Children.map(
27908
- typeof children === "function" ? children({ ...context }) : children,
27909
- (child) => child ? (0, import_react157.cloneElement)(child, { ...field, label: child?.props?.label || label }) : null
27908
+ typeof children === "function" ? children({ ...context, field }) : children,
27909
+ (child) => {
27910
+ if (!child) {
27911
+ return null;
27912
+ }
27913
+ return (0, import_react157.cloneElement)(child, { ...field, label: child?.props?.label || label });
27914
+ }
27910
27915
  );
27911
27916
  } }),
27912
27917
  description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: FormField_default.description, children: description }),
@@ -31978,7 +31983,7 @@ var import_classnames16 = __toESM(require_classnames());
31978
31983
  var import_classnames15 = __toESM(require_classnames());
31979
31984
 
31980
31985
  // css-modules:E:\dev\umami-react-zen\src\components\Dialog.module.css
31981
- var Dialog_default = { "dialog": "Dialog_dialog__YzczM", "title": "Dialog_title__YzdhO", "modal": "Dialog_modal__YzIxN", "menu": "Dialog_menu__N2QwN", "sheet": "Dialog_sheet__ZTdkZ" };
31986
+ var Dialog_default = { "dialog": "Dialog_dialog__OWY2M", "title": "Dialog_title__MzNlY", "modal": "Dialog_modal__ZWZjN", "menu": "Dialog_menu__NWYyN", "sheet": "Dialog_sheet__MmJjY" };
31982
31987
 
31983
31988
  // src/components/Dialog.tsx
31984
31989
  var import_jsx_runtime26 = require("react/jsx-runtime");
package/dist/index.mjs CHANGED
@@ -27788,8 +27788,13 @@ function FormField({
27788
27788
  return /* @__PURE__ */ jsxs6("div", { ...props, className: (0, import_classnames6.default)(FormField_default.input, className), children: [
27789
27789
  /* @__PURE__ */ jsx13(FormController, { name, control, rules, children: ({ field }) => {
27790
27790
  return Children.map(
27791
- typeof children === "function" ? children({ ...context }) : children,
27792
- (child) => child ? cloneElement2(child, { ...field, label: child?.props?.label || label }) : null
27791
+ typeof children === "function" ? children({ ...context, field }) : children,
27792
+ (child) => {
27793
+ if (!child) {
27794
+ return null;
27795
+ }
27796
+ return cloneElement2(child, { ...field, label: child?.props?.label || label });
27797
+ }
27793
27798
  );
27794
27799
  } }),
27795
27800
  description && /* @__PURE__ */ jsx13("div", { className: FormField_default.description, children: description }),
@@ -31861,7 +31866,7 @@ var import_classnames16 = __toESM(require_classnames());
31861
31866
  var import_classnames15 = __toESM(require_classnames());
31862
31867
 
31863
31868
  // css-modules:E:\dev\umami-react-zen\src\components\Dialog.module.css
31864
- var Dialog_default = { "dialog": "Dialog_dialog__YzczM", "title": "Dialog_title__YzdhO", "modal": "Dialog_modal__YzIxN", "menu": "Dialog_menu__N2QwN", "sheet": "Dialog_sheet__ZTdkZ" };
31869
+ var Dialog_default = { "dialog": "Dialog_dialog__OWY2M", "title": "Dialog_title__MzNlY", "modal": "Dialog_modal__ZWZjN", "menu": "Dialog_menu__NWYyN", "sheet": "Dialog_sheet__MmJjY" };
31865
31870
 
31866
31871
  // src/components/Dialog.tsx
31867
31872
  import { Fragment as Fragment2, jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.167.0",
3
+ "version": "0.169.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",
package/styles.css CHANGED
@@ -3799,31 +3799,33 @@ body a.Button_button__NGQyO {
3799
3799
  }
3800
3800
 
3801
3801
  /* virtual-css:css:190b71b0b870ea6c0882d0c839c39b19 */
3802
- .Dialog_dialog__YzczM {
3802
+ .Dialog_dialog__OWY2M {
3803
3803
  position: relative;
3804
3804
  outline: none;
3805
+ max-height: 100vh;
3806
+ max-width: 100vw;
3805
3807
  overflow: auto;
3806
3808
  }
3807
- .Dialog_title__YzdhO {
3809
+ .Dialog_title__MzNlY {
3808
3810
  font-size: var(--font-size-5);
3809
3811
  font-weight: 700;
3810
3812
  margin-bottom: var(--spacing-3);
3811
3813
  }
3812
- .Dialog_modal__YzIxN {
3814
+ .Dialog_modal__ZWZjN {
3813
3815
  padding: var(--spacing-6);
3814
3816
  box-shadow: var(--box-shadow-4);
3815
3817
  background: var(--background-color);
3816
3818
  border: var(--border);
3817
3819
  border-radius: var(--border-radius);
3818
3820
  }
3819
- .Dialog_menu__N2QwN {
3821
+ .Dialog_menu__NWYyN {
3820
3822
  padding: var(--spacing-2);
3821
3823
  box-shadow: var(--box-shadow-3);
3822
3824
  background: var(--background-color);
3823
3825
  border: var(--border);
3824
3826
  border-radius: var(--border-radius);
3825
3827
  }
3826
- .Dialog_sheet__ZTdkZ {
3828
+ .Dialog_sheet__MmJjY {
3827
3829
  background: var(--background-color);
3828
3830
  width: 100%;
3829
3831
  height: 100%;