@kvdbil/components 13.5.0 → 13.5.1

package/cjs/components/Flex/index.js

@@ -1,21 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../shared/media-queries.js");function i(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}var s=i(e);const n=(l,o)=>o!=="gap"&&o!=="row-gap"||typeof l!="number"?l:`${l}rem`,a=i(r).default.div(({$direction:l,$justify:o,$align:p,$gap:$,$rowGap:c,$wrap:d,$basis:g,$grow:w,$shrink:m})=>r.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../shared/media-queries.js");function i(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}var s=i(e);const a=(o,l)=>l!=="gap"&&l!=="row-gap"||typeof o!="number"?o:`${o}rem`,n=i(r).default.div(({$direction:o,$justify:l,$align:u,$gap:$,$rowGap:c,$wrap:d,$basis:g,$grow:w,$shrink:m})=>r.css`
   display: flex;
 
-  ${l&&["column","column-reverse"].includes(String(l))&&r.css`
+  ${o&&["column","column-reverse"].includes(String(o))&&r.css`
       & > * {
         width: 100%;
       }
     `}
 
-  ${t.mq(null,"tablet")} {
-    flex-direction: column;
-  }
-
-  ${[[l,"flex-direction"],[o,"justify-content"],[p,"align-items"],[$,"gap"],[c,"row-gap"],[c,"row-gap"],[d,"flex-wrap"],[g,"flex-basis"],[w,"flex-grow"],[m,"flex-shrink"]].map(([u,f])=>typeof u=="string"||typeof u=="number"?r.css`
-        ${f}: ${n(u,f)};
-      `:typeof u=="object"?Object.entries(u).map(([y,b])=>r.css`
+  ${[[o,"flex-direction"],[l,"justify-content"],[u,"align-items"],[$,"gap"],[c,"row-gap"],[c,"row-gap"],[d,"flex-wrap"],[g,"flex-basis"],[w,"flex-grow"],[m,"flex-shrink"]].map(([p,f])=>typeof p=="string"||typeof p=="number"?r.css`
+        ${f}: ${a(p,f)};
+      `:typeof p=="object"?Object.entries(p).map(([y,b])=>r.css`
           ${t.mq(y)} {
-            ${f}: ${n(b,f)};
+            ${f}: ${a(b,f)};
           }
         `):"")}
-`);exports.default=({direction:l,justify:o,align:p,gap:$,rowGap:c,wrap:d,basis:g,grow:w,shrink:m,...u})=>s.default.createElement(a,{$direction:l!=null?l:"row",$justify:o!=null?o:"center",$align:p!=null?p:"center",$gap:$!=null?$:"1rem",$rowGap:c,$wrap:d,$basis:g,$grow:w,$shrink:m,...u});
+`);exports.default=({direction:o,justify:l,align:u,gap:$,rowGap:c,wrap:d,basis:g,grow:w,shrink:m,...p})=>s.default.createElement(n,{$direction:o!=null?o:"row",$justify:l!=null?l:"center",$align:u!=null?u:"center",$gap:$!=null?$:"1rem",$rowGap:c,$wrap:d,$basis:g,$grow:w,$shrink:m,...p});

package/esm/components/Flex/index.js

@@ -1,4 +1,4 @@
-import w from"react";import p,{css as o}from"styled-components";import{mq as c}from"../../shared/media-queries.js";const b="row",h="1rem",$="center",d=(e,t)=>(t==="gap"||t==="row-gap")&&typeof e=="number"?`${e}rem`:e,y=({$direction:e,$justify:t,$align:l,$gap:r,$rowGap:a,$wrap:s,$basis:u,$grow:f,$shrink:m})=>o`
+import w from"react";import x,{css as o}from"styled-components";import{mq as p}from"../../shared/media-queries.js";const b="row",h="1rem",c="center",$=(e,t)=>(t==="gap"||t==="row-gap")&&typeof e=="number"?`${e}rem`:e,y=({$direction:e,$justify:t,$align:r,$gap:l,$rowGap:a,$wrap:s,$basis:f,$grow:u,$shrink:m})=>o`
   display: flex;
 
   ${e&&["column","column-reverse"].includes(String(e))&&o`
@@ -7,15 +7,11 @@ import w from"react";import p,{css as o}from"styled-components";import{mq as c}f
       }
     `}
 
-  ${c(null,"tablet")} {
-    flex-direction: column;
-  }
-
-  ${[[e,"flex-direction"],[t,"justify-content"],[l,"align-items"],[r,"gap"],[a,"row-gap"],[a,"row-gap"],[s,"flex-wrap"],[u,"flex-basis"],[f,"flex-grow"],[m,"flex-shrink"]].map(([n,i])=>typeof n=="string"||typeof n=="number"?o`
-        ${i}: ${d(n,i)};
-      `:typeof n=="object"?Object.entries(n).map(([g,x])=>o`
-          ${c(g)} {
-            ${i}: ${d(x,i)};
+  ${[[e,"flex-direction"],[t,"justify-content"],[r,"align-items"],[l,"gap"],[a,"row-gap"],[a,"row-gap"],[s,"flex-wrap"],[f,"flex-basis"],[u,"flex-grow"],[m,"flex-shrink"]].map(([n,i])=>typeof n=="string"||typeof n=="number"?o`
+        ${i}: ${$(n,i)};
+      `:typeof n=="object"?Object.entries(n).map(([d,g])=>o`
+          ${p(d)} {
+            ${i}: ${$(g,i)};
           }
         `):"")}
-`,j=p.div(y),k=({direction:e,justify:t,align:l,gap:r,rowGap:a,wrap:s,basis:u,grow:f,shrink:m,...n})=>w.createElement(j,{$direction:e!=null?e:b,$justify:t!=null?t:$,$align:l!=null?l:$,$gap:r!=null?r:h,$rowGap:a,$wrap:s,$basis:u,$grow:f,$shrink:m,...n});export{k as default};
+`,j=x.div(y),k=({direction:e,justify:t,align:r,gap:l,rowGap:a,wrap:s,basis:f,grow:u,shrink:m,...n})=>w.createElement(j,{$direction:e!=null?e:b,$justify:t!=null?t:c,$align:r!=null?r:c,$gap:l!=null?l:h,$rowGap:a,$wrap:s,$basis:f,$grow:u,$shrink:m,...n});export{k as default};

package/package.json

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