@mittwald/flow-react-components 0.1.0-alpha.292 → 0.1.0-alpha.294

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.294](https://github.com/mittwald/flow/compare/0.1.0-alpha.293...0.1.0-alpha.294) (2024-10-22)
+
+### Bug Fixes
+
+- **NumberField:** fix number field overflow
+  ([#873](https://github.com/mittwald/flow/issues/873))
+  ([075a099](https://github.com/mittwald/flow/commit/075a0996670b8a60056a74e09cb91263dbe22256))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.1.0-alpha.293](https://github.com/mittwald/flow/compare/0.1.0-alpha.292...0.1.0-alpha.293) (2024-10-22)
+
+**Note:** Version bump only for package @mittwald/flow-react-components
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [0.1.0-alpha.292](https://github.com/mittwald/flow/compare/0.1.0-alpha.291...0.1.0-alpha.292) (2024-10-21)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/css/NumberField.css

@@ -1 +1 @@
-.flow--number-field--group{order:2;display:grid;grid-template-columns:1fr max-content;grid-template-areas:"input increment" "input decrement"}.flow--number-field--group .flow--number-field--input{grid-area:input;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--number-field--group .flow--number-field--input:hover{background-color:var(--form-control--background-color--hover)}.flow--number-field--group .flow--number-field--input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--number-field--group .flow--number-field--input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--number-field--group .flow--number-field--input:focus-visible,.flow--number-field--group .flow--number-field--input:focus{outline:none}.flow--number-field--group .flow--number-field--input[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--number-field--group .flow--number-field--input:disabled,.flow--number-field--group .flow--number-field--input[data-disabled],[aria-disabled] .flow--number-field--group .flow--number-field--input{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--number-field--group .flow--number-field--input:disabled::placeholder,.flow--number-field--group .flow--number-field--input[data-disabled]::placeholder,[aria-disabled] .flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--number-field--group .flow--number-field--decrement-button{grid-area:decrement}.flow--number-field--group .flow--number-field--increment-button{grid-area:increment}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{border-width:var(--form-control--border-width);border-color:var(--form-control--border-color--default);border-style:solid}.flow--number-field--group[aria-invalid] .flow--number-field--decrement-button,.flow--number-field--group[aria-invalid] .flow--number-field--increment-button{border-color:var(--form-control--border-color--invalid)}.flow--number-field--group[data-focus-within] .flow--number-field--decrement-button,.flow--number-field--group[data-focus-within] .flow--number-field--increment-button{border-color:var(--form-control--border-color--focused)}.flow--number-field--group[aria-disabled] .flow--number-field--decrement-button,.flow--number-field--group[aria-disabled] .flow--number-field--increment-button{border-color:var(--form-control--border-color--disabled)}@media (pointer: fine){.flow--number-field--group .flow--number-field--input{border-start-end-radius:0;border-end-end-radius:0}.flow--number-field--group .flow--number-field--increment-button,.flow--number-field--group .flow--number-field--decrement-button{border-inline-start:none;border-start-start-radius:0;border-end-start-radius:0;padding-block:0}.flow--number-field--group .flow--number-field--increment-button .flow--number-field--coarse-pointer-icon,.flow--number-field--group .flow--number-field--decrement-button .flow--number-field--coarse-pointer-icon{display:none}.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0}.flow--number-field--group .flow--number-field--increment-button{border-block-end:none;border-end-end-radius:0}}@media (pointer: coarse){.flow--number-field--group{grid-template-columns:auto 1fr auto;grid-template-areas:"decrement input increment"}.flow--number-field--group .flow--number-field--input{border-radius:0}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{padding-inline:var(--button--padding)}.flow--number-field--group .flow--number-field--decrement-button .flow--number-field--coarse-pointer-icon,.flow--number-field--group .flow--number-field--increment-button .flow--number-field--coarse-pointer-icon{width:var(--icon--size--m);height:var(--icon--size--m)}.flow--number-field--group .flow--number-field--decrement-button svg:not(.flow--number-field--coarse-pointer-icon),.flow--number-field--group .flow--number-field--increment-button svg:not(.flow--number-field--coarse-pointer-icon){display:none}.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.flow--number-field--group .flow--number-field--increment-button{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}}
+.flow--number-field--group{order:2;display:grid;grid-template-columns:1fr max-content;grid-template-areas:"input increment" "input decrement"}.flow--number-field--group .flow--number-field--input{grid-area:input;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--number-field--group .flow--number-field--input:hover{background-color:var(--form-control--background-color--hover)}.flow--number-field--group .flow--number-field--input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--number-field--group .flow--number-field--input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--number-field--group .flow--number-field--input:focus-visible,.flow--number-field--group .flow--number-field--input:focus{outline:none}.flow--number-field--group .flow--number-field--input[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--number-field--group .flow--number-field--input:disabled,.flow--number-field--group .flow--number-field--input[data-disabled],[aria-disabled] .flow--number-field--group .flow--number-field--input{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--number-field--group .flow--number-field--input:disabled::placeholder,.flow--number-field--group .flow--number-field--input[data-disabled]::placeholder,[aria-disabled] .flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--number-field--group .flow--number-field--decrement-button{grid-area:decrement}.flow--number-field--group .flow--number-field--increment-button{grid-area:increment}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{border-width:var(--form-control--border-width);border-color:var(--form-control--border-color--default);border-style:solid}.flow--number-field--group[aria-invalid] .flow--number-field--decrement-button,.flow--number-field--group[aria-invalid] .flow--number-field--increment-button{border-color:var(--form-control--border-color--invalid)}.flow--number-field--group[data-focus-within] .flow--number-field--decrement-button,.flow--number-field--group[data-focus-within] .flow--number-field--increment-button{border-color:var(--form-control--border-color--focused)}.flow--number-field--group[aria-disabled] .flow--number-field--decrement-button,.flow--number-field--group[aria-disabled] .flow--number-field--increment-button{border-color:var(--form-control--border-color--disabled)}@media (pointer: fine){.flow--number-field--group .flow--number-field--input{border-start-end-radius:0;border-end-end-radius:0}.flow--number-field--group .flow--number-field--increment-button,.flow--number-field--group .flow--number-field--decrement-button{border-inline-start:none;border-start-start-radius:0;border-end-start-radius:0;padding-block:0}.flow--number-field--group .flow--number-field--increment-button .flow--number-field--coarse-pointer-icon,.flow--number-field--group .flow--number-field--decrement-button .flow--number-field--coarse-pointer-icon{display:none}.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0}.flow--number-field--group .flow--number-field--increment-button{border-block-end:none;border-end-end-radius:0}}@media (pointer: coarse){.flow--number-field--group{grid-template-columns:auto 1fr auto;grid-template-areas:"decrement input increment";max-width:100%}.flow--number-field--group .flow--number-field--input{border-radius:0;min-width:0}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{padding-inline:var(--button--padding)}.flow--number-field--group .flow--number-field--decrement-button .flow--number-field--coarse-pointer-icon,.flow--number-field--group .flow--number-field--increment-button .flow--number-field--coarse-pointer-icon{width:var(--icon--size--m);height:var(--icon--size--m)}.flow--number-field--group .flow--number-field--decrement-button svg:not(.flow--number-field--coarse-pointer-icon),.flow--number-field--group .flow--number-field--increment-button svg:not(.flow--number-field--coarse-pointer-icon){display:none}.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.flow--number-field--group .flow--number-field--increment-button{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}}

package/dist/js/Modal.js

@@ -18,7 +18,7 @@ import { B as N } from "./Button-Da1fC2tj.js";
 import "@tabler/icons-react";
 import "./Icon-COqUQ8Af.js";
 import { I as x } from "./IconClose-DJWkLbQs.js";
-const z = "flow--modal", P = "flow--modal--off-canvas", T = "flow--modal--header", B = "flow--modal--content", A = "flow--modal--action-group", G = "flow--modal--left", I = "flow--modal--close-button", e = {
+const z = "flow--modal", P = "flow--modal--off-canvas", T = "flow--modal--header", B = "flow--modal--content", A = "flow--modal--action-group", G = "flow--modal--left", H = "flow--modal--close-button", e = {
   modal: z,
   offCanvas: P,
   header: T,
@@ -31,11 +31,11 @@ const z = "flow--modal", P = "flow--modal--off-canvas", T = "flow--modal--header
   left: G,
   "modal-slide-in-from-left": "flow--modal--modal-slide-in-from-left",
   "modal-slide-up": "flow--modal--modal-slide-up",
-  closeButton: I
-}, D = "flow--modal-overlay--overlay", F = {
-  overlay: D,
+  closeButton: H
+}, I = "flow--modal-overlay--overlay", D = {
+  overlay: I,
   "overlay-fade": "flow--modal-overlay--overlay-fade"
-}, H = (t) => {
+}, F = (t) => {
   const {
     controller: a,
     children: l,
@@ -43,7 +43,7 @@ const z = "flow--modal", P = "flow--modal--off-canvas", T = "flow--modal--header
     className: m
   } = t, f = w("Modal", {
     reuseControllerFromContext: !0
-  }), r = a ?? f, c = r.useIsOpen(), i = p(F.overlay, m);
+  }), r = a ?? f, c = r.useIsOpen(), i = p(D.overlay, m);
   return /* @__PURE__ */ o.createElement(
     n.ModalOverlay,
     {
@@ -71,7 +71,12 @@ const z = "flow--modal", P = "flow--modal--off-canvas", T = "flow--modal--header
     r
   ), u = {
     Content: {
-      className: e.content
+      className: e.content,
+      Section: {
+        Heading: {
+          level: 3
+        }
+      }
     },
     Heading: {
       level: 2,
@@ -83,7 +88,7 @@ const z = "flow--modal", P = "flow--modal--off-canvas", T = "flow--modal--header
       spacing: "m"
     }
   };
-  return /* @__PURE__ */ o.createElement(H, { className: d, controller: s, ...i }, /* @__PURE__ */ o.createElement(v, { props: u }, /* @__PURE__ */ o.createElement(g, null, /* @__PURE__ */ o.createElement(O, { className: e.header }, /* @__PURE__ */ o.createElement(y, { id: "heading" }), l && /* @__PURE__ */ o.createElement(M, { closeOverlay: "Modal" }, /* @__PURE__ */ o.createElement(
+  return /* @__PURE__ */ o.createElement(F, { className: d, controller: s, ...i }, /* @__PURE__ */ o.createElement(v, { props: u }, /* @__PURE__ */ o.createElement(g, null, /* @__PURE__ */ o.createElement(O, { className: e.header }, /* @__PURE__ */ o.createElement(y, { id: "heading" }), l && /* @__PURE__ */ o.createElement(M, { closeOverlay: "Modal" }, /* @__PURE__ */ o.createElement(
     N,
     {
       variant: "plain",