@kvdbil/components 11.8.1 → 11.9.0

package/cjs/components/Stack/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../shared/media-queries.js");function o(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}var i=o(e);const n=l=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[l],s=(l,f)=>t.mqSizesOrder[l]<t.mqSizesOrder[f]?-1:t.mqSizesOrder[l]>t.mqSizesOrder[f]?1:0,c=o(r).default("div")(({ownerState:{direction:l,spacing:f}})=>typeof l=="string"&&typeof f=="number"?{display:"flex",flexDirection:l,"> *:not(:first-child)":{margin:0,[`margin${n(l)}`]:`${f}rem`}}:typeof l=="object"||typeof f=="object"?{...((u,a)=>{var p,y;const j=typeof u=="object"?Object.keys(u).sort(s):Object.keys(a).sort(s);let d={};for(const m of j){const b=typeof u=="object"?(p=u[m])!=null?p:"row":u,g=n(b),q=typeof a=="object"?(y=a[m])!=null?y:1:a,v={[t.mq(m)]:{display:"flex",flexDirection:b,"> *:not(:first-child)":{margin:0,[`margin${g}`]:`${q}rem`}}};d={...d,...v}}return{...d}})(l,f!=null?f:1)}:{display:"flex"});exports.default=({children:l,direction:f="column",spacing:u=1})=>{const a={direction:f,spacing:u};return i.default.createElement(c,{ownerState:a},l)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../shared/media-queries.js");function o(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}var i=o(e);const n=l=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[l],s=(l,f)=>t.mqSizesOrder[l]<t.mqSizesOrder[f]?-1:t.mqSizesOrder[l]>t.mqSizesOrder[f]?1:0,c=o(r).default("div")(({ownerState:{direction:l,spacing:f}})=>typeof l=="string"&&typeof f=="number"?{display:"flex",flexDirection:l,"> *:not(:first-child)":{margin:0,[`margin${n(l)}`]:`${f}rem`}}:typeof l=="object"||typeof f=="object"?{...((u,a)=>{var d,y;const j=typeof u=="object"?Object.keys(u).sort(s):Object.keys(a).sort(s);let m={};for(const p of j){const b=typeof u=="object"?(d=u[p])!=null?d:"row":u,g=n(b),q=typeof a=="object"?(y=a[p])!=null?y:1:a,v={[t.mq(p)]:{display:"flex",flexDirection:b,"> *:not(:first-child)":{margin:0,[`margin${g}`]:`${q}rem`}}};m={...m,...v}}return{...m}})(l,f!=null?f:1)}:{display:"flex"});exports.default=({direction:l="column",spacing:f=1,children:u,...a})=>{const d={direction:l,spacing:f};return i.default.createElement(c,{...a,ownerState:d},u)};

package/esm/components/Stack/index.js

@@ -1 +1 @@
-import p from"react";import b from"styled-components";import{mq as k,mqSizesOrder as n}from"../../shared/media-queries.js";const f=t=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[t],a=(t,e)=>n[t]<n[e]?-1:n[t]>n[e]?1:0,j=(t,e)=>{var o,r;const m=typeof t=="object"?Object.keys(t).sort(a):Object.keys(e).sort(a);let s={};for(const l of m){const c=typeof t=="object"?(o=t[l])!=null?o:"row":t,u=f(c),y=typeof e=="object"?(r=e[l])!=null?r:1:e,i={[k(l)]:{display:"flex",flexDirection:c,"> *:not(:first-child)":{margin:0,[`margin${u}`]:`${y}rem`}}};s={...s,...i}}return{...s}},d=({ownerState:{direction:t,spacing:e}})=>typeof t=="string"&&typeof e=="number"?{display:"flex",flexDirection:t,"> *:not(:first-child)":{margin:0,[`margin${f(t)}`]:`${e}rem`}}:typeof t=="object"||typeof e=="object"?{...j(t,e!=null?e:1)}:{display:"flex"},S=b("div")(d),w=({children:t,direction:e="column",spacing:o=1})=>{const r={direction:e,spacing:o};return p.createElement(S,{ownerState:r},t)};export{w as default};
+import p from"react";import b from"styled-components";import{mq as k,mqSizesOrder as n}from"../../shared/media-queries.js";const a=t=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[t],m=(t,e)=>n[t]<n[e]?-1:n[t]>n[e]?1:0,j=(t,e)=>{var o,r;const s=typeof t=="object"?Object.keys(t).sort(m):Object.keys(e).sort(m);let l={};for(const c of s){const f=typeof t=="object"?(o=t[c])!=null?o:"row":t,u=a(f),y=typeof e=="object"?(r=e[c])!=null?r:1:e,i={[k(c)]:{display:"flex",flexDirection:f,"> *:not(:first-child)":{margin:0,[`margin${u}`]:`${y}rem`}}};l={...l,...i}}return{...l}},d=({ownerState:{direction:t,spacing:e}})=>typeof t=="string"&&typeof e=="number"?{display:"flex",flexDirection:t,"> *:not(:first-child)":{margin:0,[`margin${a(t)}`]:`${e}rem`}}:typeof t=="object"||typeof e=="object"?{...j(t,e!=null?e:1)}:{display:"flex"},S=b("div")(d),w=({direction:t="column",spacing:e=1,children:o,...r})=>{const s={direction:t,spacing:e};return p.createElement(S,{...r,ownerState:s},o)};export{w as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "11.8.1",
+  "version": "11.9.0",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/types/components/Stack/index.d.ts

@@ -27,5 +27,5 @@ interface OwnerState {
 export interface StackProps extends Partial<OwnerState> {
     children: React.ReactNode;
 }
-declare const Stack: ({ children, direction, spacing }: StackProps) => JSX.Element;
+declare const Stack: ({ direction, spacing, children, ...props }: StackProps) => JSX.Element;
 export default Stack;