@tedi-design-system/react 19.0.0-rc.12 → 19.0.0-rc.14

package/src/tedi/components/layout/vertical-spacing/vertical-spacing-item.es.js

@@ -1,27 +1,28 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import o from "../../../../../external/classnames/index.es.js";
-import l from "./vertical-spacing.module.scss.es.js";
-import { useBreakpointProps as p } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-const v = (e) => {
-  const { getCurrentBreakpointProps: r } = p(e.defaultServerBreakpoint), {
+import p from "./vertical-spacing.module.scss.es.js";
+import { useBreakpointProps as d } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+const B = (e) => {
+  const { getCurrentBreakpointProps: r } = d(e.defaultServerBreakpoint), {
     children: a,
     className: i,
     element: s = "div",
     size: t = 1,
-    ...n
-  } = r(e), m = o(l["tedi-vertical-spacing__item"], i);
-  return /* @__PURE__ */ c(
+    style: n,
+    ...m
+  } = r(e), c = o(p["tedi-vertical-spacing__item"], i);
+  return /* @__PURE__ */ l(
     s,
     {
       "data-name": "vertical-spacing-item",
-      ...n,
-      style: { "--vertical-spacing-internal": `${t}${t !== 0 ? "em" : ""}` },
-      className: m,
+      ...m,
+      style: { "--vertical-spacing-internal": `${t}${t !== 0 ? "em" : ""}`, ...n },
+      className: c,
       children: a
     }
   );
 };
 export {
-  v as VerticalSpacingItem,
-  v as default
+  B as VerticalSpacingItem,
+  B as default
 };

package/src/tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("../../../../../external/classnames/index.cjs.js"),p=require("./vertical-spacing.module.scss.cjs.js"),g=require("./vertical-spacing-item.cjs.js"),m=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),r=e=>{const{getCurrentBreakpointProps:i}=m.useBreakpointProps(e.defaultServerBreakpoint),{children:a,className:n,element:c="div",size:t=1,...s}=i(e),l=u.default(p.default["tedi-vertical-spacing"],n);return o.jsx(c,{"data-name":"vertical-spacing",role:"presentation",...s,className:l,style:{"--vertical-spacing-internal":t!==0?`${t}em`:"0"},children:a})};r.Item=g.VerticalSpacingItem;exports.VerticalSpacing=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),p=require("../../../../../external/classnames/index.cjs.js"),g=require("./vertical-spacing.module.scss.cjs.js"),m=require("./vertical-spacing-item.cjs.js"),d=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),r=e=>{const{getCurrentBreakpointProps:i}=d.useBreakpointProps(e.defaultServerBreakpoint),{children:a,className:n,element:c="div",size:t=1,style:s,...l}=i(e),o=p.default(g.default["tedi-vertical-spacing"],n);return u.jsx(c,{"data-name":"vertical-spacing",role:"presentation",...l,className:o,style:{"--vertical-spacing-internal":t!==0?`${t}em`:"0",...s},children:a})};r.Item=m.VerticalSpacingItem;exports.VerticalSpacing=r;

package/src/tedi/components/layout/vertical-spacing/vertical-spacing.d.ts

@@ -22,6 +22,11 @@ export interface VerticalSpacingProps extends BreakpointSupport<VerticalSpacingB
      * Additional class name(s) to apply to the element
      */
     className?: string;
+    /**
+     * Additional inline styles, merged with the internal spacing custom property
+     * (rather than replacing it).
+     */
+    style?: React.CSSProperties;
 }
 export declare const VerticalSpacing: {
     (props: VerticalSpacingProps): JSX.Element;

package/src/tedi/components/layout/vertical-spacing/vertical-spacing.es.js

@@ -1,29 +1,30 @@
-import { jsx as c } from "react/jsx-runtime";
-import m from "../../../../../external/classnames/index.es.js";
-import l from "./vertical-spacing.module.scss.es.js";
-import { VerticalSpacingItem as p } from "./vertical-spacing-item.es.js";
-import { useBreakpointProps as g } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-const f = (e) => {
-  const { getCurrentBreakpointProps: r } = g(e.defaultServerBreakpoint), {
+import { jsx as m } from "react/jsx-runtime";
+import l from "../../../../../external/classnames/index.es.js";
+import p from "./vertical-spacing.module.scss.es.js";
+import { VerticalSpacingItem as g } from "./vertical-spacing-item.es.js";
+import { useBreakpointProps as f } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+const d = (e) => {
+  const { getCurrentBreakpointProps: r } = f(e.defaultServerBreakpoint), {
     children: a,
     className: i,
-    element: n = "div",
+    element: s = "div",
     size: t = 1,
-    ...s
-  } = r(e), o = m(l["tedi-vertical-spacing"], i);
-  return /* @__PURE__ */ c(
-    n,
+    style: n,
+    ...o
+  } = r(e), c = l(p["tedi-vertical-spacing"], i);
+  return /* @__PURE__ */ m(
+    s,
     {
       "data-name": "vertical-spacing",
       role: "presentation",
-      ...s,
-      className: o,
-      style: { "--vertical-spacing-internal": t !== 0 ? `${t}em` : "0" },
+      ...o,
+      className: c,
+      style: { "--vertical-spacing-internal": t !== 0 ? `${t}em` : "0", ...n },
       children: a
     }
   );
 };
-f.Item = p;
+d.Item = g;
 export {
-  f as VerticalSpacing
+  d as VerticalSpacing
 };