@kvdbil/components 14.2.0 → 14.2.2

package/cjs/components/Table/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),l=require("../../shared/media-queries.js"),a=require("../../theme.js");function r(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}var d=r(e),o=r(t);const n=o.default.div`
-  ${l.mq("mobileS","tablet")} {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),a=require("../../shared/media-queries.js"),l=require("../../theme.js");function r(p){return p&&typeof p=="object"&&"default"in p?p:{default:p}}var d=r(e),o=r(t);const u=o.default.div`
+  ${a.mq("mobileS","tablet")} {
     display: block;
     max-width: -moz-fit-content;
     max-width: fit-content;
@@ -7,17 +7,18 @@
     overflow-x: auto;
     white-space: nowrap;
   }
-`,u=o.default.table`
+`,n=o.default.table`
   border-collapse: collapse;
-  border: 1px solid ${a.default.colors.gray.light3};
-  font-family: ${a.default.typography.fontBaseFamily};
+  border: 1px solid ${l.default.colors.gray.light3};
+  font-family: ${l.default.typography.fontBaseFamily};
   text-align: left;
 `,i=o.default.thead``,f=o.default.th`
-  border: 1px solid ${a.default.colors.gray.light3};
-  padding: ${.5}rem ${.3}rem;
+  border: 1px solid ${l.default.colors.gray.light3};
+  padding: 0.75rem;
   vertical-align: top;
-`,m=o.default.tbody``,c=o.default.tr``,p=o.default.td`
-  border: 1px solid ${a.default.colors.gray.light3};
-  padding: ${.5}rem ${.3}rem;
+  background-color: ${l.default.colors.background.gray};
+`,c=o.default.tbody``,m=o.default.tr``,s=o.default.td`
+  border: 1px solid ${l.default.colors.gray.light3};
+  padding: 0.5rem 0.75rem;
   vertical-align: top;
-`;exports.default=({columns:s,data:v})=>{return d.default.createElement(n,null,d.default.createElement(u,null,s&&d.default.createElement(i,null,(h=>d.default.createElement(c,{key:"RowHead"},e.Children.toArray(h.map((y,g)=>d.default.createElement(f,{key:g},y)))))(s)),v&&d.default.createElement(m,null,(x=((h,y)=>y.length?h.map(g=>y==null?void 0:y.map(b=>d.default.createElement(p,{key:b},g[b]))):h.map(g=>Object.entries(g).map(([b,E])=>d.default.createElement(p,{key:b},E))))(v,s!=null?s:[]),e.Children.toArray(x.map((h,y)=>d.default.createElement(c,{key:y},e.Children.toArray(h))))))));var x};
+`;exports.default=({columns:p,data:v})=>{return d.default.createElement(u,null,d.default.createElement(n,null,p&&d.default.createElement(i,null,(g=>d.default.createElement(m,{key:"RowHead"},e.Children.toArray(g.map((y,h)=>d.default.createElement(f,{key:h},y)))))(p)),v&&d.default.createElement(c,null,(x=((g,y)=>y.length?g.map(h=>y==null?void 0:y.map(b=>d.default.createElement(s,{key:b},h[b]))):g.map(h=>Object.entries(h).map(([b,E])=>d.default.createElement(s,{key:b},E))))(v,p!=null?p:[]),e.Children.toArray(x.map((g,y)=>d.default.createElement(m,{key:y},e.Children.toArray(g))))))));var x};

package/esm/components/Table/index.js

@@ -1,5 +1,5 @@
-import l,{Children as c}from"react";import a from"styled-components";import{mq as y}from"../../shared/media-queries.js";import o from"../../theme.js";const d=.5,m=.3,g=a.div`
-  ${y("mobileS","tablet")} {
+import l,{Children as c}from"react";import r from"styled-components";import{mq as p}from"../../shared/media-queries.js";import o from"../../theme.js";const b=r.div`
+  ${p("mobileS","tablet")} {
     display: block;
     max-width: -moz-fit-content;
     max-width: fit-content;
@@ -7,17 +7,18 @@ import l,{Children as c}from"react";import a from"styled-components";import{mq a
     overflow-x: auto;
     white-space: nowrap;
   }
-`,f=a.table`
+`,y=r.table`
   border-collapse: collapse;
   border: 1px solid ${o.colors.gray.light3};
   font-family: ${o.typography.fontBaseFamily};
   text-align: left;
-`,h=a.thead``,T=a.th`
+`,g=r.thead``,f=r.th`
   border: 1px solid ${o.colors.gray.light3};
-  padding: ${d}rem ${m}rem;
+  padding: 0.75rem;
   vertical-align: top;
-`,w=a.tbody``,p=a.tr``,b=a.td`
+  background-color: ${o.colors.background.gray};
+`,h=r.tbody``,m=r.tr``,d=r.td`
   border: 1px solid ${o.colors.gray.light3};
-  padding: ${d}rem ${m}rem;
+  padding: 0.5rem 0.75rem;
   vertical-align: top;
-`,u=e=>l.createElement(p,{key:"RowHead"},c.toArray(e.map((t,r)=>l.createElement(T,{key:r},t)))),E=(e,t)=>t.length?e.map(n=>t==null?void 0:t.map(s=>l.createElement(b,{key:s},n[s]))):e.map(r=>Object.entries(r).map(([n,i])=>l.createElement(b,{key:n},i))),$=e=>c.toArray(e.map((t,r)=>l.createElement(p,{key:r},c.toArray(t)))),x=({columns:e,data:t})=>l.createElement(g,null,l.createElement(f,null,e&&l.createElement(h,null,u(e)),t&&l.createElement(w,null,$(E(t,e!=null?e:[])))));export{x as default};
+`,u=e=>l.createElement(m,{key:"RowHead"},c.toArray(e.map((t,a)=>l.createElement(f,{key:a},t)))),T=(e,t)=>t.length?e.map(n=>t==null?void 0:t.map(s=>l.createElement(d,{key:s},n[s]))):e.map(a=>Object.entries(a).map(([n,i])=>l.createElement(d,{key:n},i))),w=e=>c.toArray(e.map((t,a)=>l.createElement(m,{key:a},c.toArray(t)))),E=({columns:e,data:t})=>l.createElement(b,null,l.createElement(y,null,e&&l.createElement(g,null,u(e)),t&&l.createElement(h,null,w(T(t,e!=null?e:[])))));export{E as default};

package/package.json

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