@kvdbil/components 12.3.3 → 12.3.4

package/cjs/components/Message/index.js

@@ -1,38 +1,39 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../typography/Heading/index.js"),n=require("../../icons/components/AlertIcon.js"),l=require("../../icons/components/CheckCircleIcon.js"),a=require("../../icons/components/CloseIcon.js"),o=require("../../icons/components/InfoIcon.js"),s=require("../../icons/components/WarningIcon.js");function c(h){return h&&typeof h=="object"&&"default"in h?h:{default:h}}require("../../shared/media-queries.js");var i=c(e),u=c(t);const d=u.default.div`
-  ${({isDeleted:h})=>h&&`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../typography/Heading/index.js"),n=require("../../icons/components/AlertIcon.js"),l=require("../../icons/components/CheckCircleIcon.js"),a=require("../../icons/components/CloseIcon.js"),o=require("../../icons/components/InfoIcon.js"),s=require("../../icons/components/WarningIcon.js");function c(y){return y&&typeof y=="object"&&"default"in y?y:{default:y}}require("../../shared/media-queries.js");var i=c(e),u=c(t);const d=u.default.div`
+  ${({isDeleted:y})=>y&&`
       opacity: 0;
       transition: opacity 0.3s;
     `}
 `,f=u.default.div`
-  display: ${({fullWidth:h})=>h?"flex":"inline-flex"};
-  ${({fullWidth:h})=>h&&"justify-content: space-between;"}
+  display: ${({fullWidth:y})=>y?"flex":"inline-flex"};
+  ${({fullWidth:y})=>y&&"justify-content: space-between;"}
   align-items: center;
   padding: 0 1.5rem;
-  box-shadow: ${({theme:h})=>h.elevations.elevation2};
+  box-shadow: ${({theme:y})=>y.elevations.elevation2};
 
-  ${({textCenter:h})=>h&&`
+  ${({textCenter:y})=>y&&`
       justify-content: center;
     `}
 
-  ${({theme:h,messageType:j,inverted:E})=>{const{text:q,background:w}=((C,y,k)=>{const b=k.colors.text.dark,v=k.colors.background.light;switch(C){case"info":return{text:y?k.colors.info.dark:b,background:y?v:k.colors.info.lighter};case"success":return{text:y?k.colors.success.dark:b,background:y?v:k.colors.success.lighter};case"warning":return{text:y?k.colors.warning.dark:b,background:y?v:k.colors.warning.lighter};case"error":return{text:y?k.colors.error.dark:b,background:y?v:k.colors.error.lighter};case"text":default:return{text:y?k.colors.text.light:b,background:y?k.colors.background.dark:v}}})(j,E,h);return`
-      color: ${q};
-      background-color: ${w};
+  ${({theme:y,messageType:j,inverted:q})=>{const{text:w,background:C}=(($,b,k)=>{const v=k.colors.text.dark,E=k.colors.background.light;switch($){case"info":return{text:b?k.colors.info.dark:v,background:b?E:k.colors.info.lighter};case"success":return{text:b?k.colors.success.dark:v,background:b?E:k.colors.success.lighter};case"warning":return{text:b?k.colors.warning.dark:v,background:b?E:k.colors.warning.lighter};case"error":return{text:b?k.colors.error.dark:v,background:b?E:k.colors.error.lighter};case"text":default:return{text:b?k.colors.text.light:v,background:b?k.colors.background.dark:E}}})(j,q,y);return`
+      color: ${w};
+      background-color: ${C};
     `}}
-`,m=u.default.div`
+`,g=u.default.div`
   display: flex;
-`,g=u.default(r.TinyTitleRegular)`
+`,m=u.default.div`
   padding: 0.75rem 0;
+`,p=u.default(r.TinyTitleRegular)`
   margin: 0;
-`,p=u.default.span`
+`,x=u.default.span`
   display: flex;
   align-items: center;
-  margin-right: 0.5rem;
+  margin-right: 1rem;
   font-size: 1.5rem;
-`,x=u.default.span`
+`,h=u.default.span`
   display: flex;
   align-items: center;
   margin-left: 1rem;
   font-size: 2.5rem;
   cursor: pointer;
   }
-`;exports.default=({children:h,type:j,withIcon:E=!1,isDeletable:q=!1,fullWidth:w=!1,inverted:C=!1,textCenter:y=!1,...k})=>{const b=e.useRef(null),[v,I]=e.useState(!1);return i.default.createElement(d,{isDeleted:v},i.default.createElement(f,{messageType:j,fullWidth:w,inverted:C,textCenter:y,role:"alert",ref:b,...k},i.default.createElement(m,null,E&&i.default.createElement(p,null,($=>{switch($){case"success":return i.default.createElement(l.default,null);case"warning":return i.default.createElement(s.default,null);case"error":return i.default.createElement(n.default,null);case"info":case"text":default:return i.default.createElement(o.default,null)}})(j)),i.default.createElement(g,null,h)),q&&i.default.createElement(x,{onClick:$=>{$.stopPropagation(),I(!0),setTimeout(()=>{b.current&&b.current.remove()},300)},"aria-label":"Close"},i.default.createElement(a.default,null))))};
+`;exports.default=({children:y,type:j,withIcon:q=!1,isDeletable:w=!1,fullWidth:C=!1,inverted:$=!1,textCenter:b=!1,...k})=>{const v=e.useRef(null),[E,T]=e.useState(!1);return i.default.createElement(d,{isDeleted:E},i.default.createElement(f,{messageType:j,fullWidth:C,inverted:$,textCenter:b,role:"alert",ref:v,...k},i.default.createElement(g,null,q&&i.default.createElement(x,null,(I=>{switch(I){case"success":return i.default.createElement(l.default,null);case"warning":return i.default.createElement(s.default,null);case"error":return i.default.createElement(n.default,null);case"info":case"text":default:return i.default.createElement(o.default,null)}})(j)),i.default.createElement(m,null,typeof y=="string"&&i.default.createElement(p,null,y),typeof y!="string"&&y)),w&&i.default.createElement(h,{onClick:I=>{I.stopPropagation(),T(!0),setTimeout(()=>{v.current&&v.current.remove()},300)},"aria-label":"Close"},i.default.createElement(a.default,null))))};

package/esm/components/Message/index.js

@@ -1,9 +1,9 @@
-import n,{useRef as d,useState as k}from"react";import s from"styled-components";import{TinyTitleRegular as x}from"../../typography/Heading/index.js";import I from"../../icons/components/AlertIcon.js";import C from"../../icons/components/CheckCircleIcon.js";import y from"../../icons/components/CloseIcon.js";import b from"../../icons/components/InfoIcon.js";import E from"../../icons/components/WarningIcon.js";import"../../shared/media-queries.js";const j=(e,o,r)=>{const t=r.colors.text.dark,c=r.colors.background.light;switch(e){case"info":return{text:o?r.colors.info.dark:t,background:o?c:r.colors.info.lighter};case"success":return{text:o?r.colors.success.dark:t,background:o?c:r.colors.success.lighter};case"warning":return{text:o?r.colors.warning.dark:t,background:o?c:r.colors.warning.lighter};case"error":return{text:o?r.colors.error.dark:t,background:o?c:r.colors.error.lighter};case"text":default:return{text:o?r.colors.text.light:t,background:o?r.colors.background.dark:c}}},w=e=>{switch(e){case"success":return n.createElement(C,null);case"warning":return n.createElement(E,null);case"error":return n.createElement(I,null);case"info":case"text":default:return n.createElement(b,null)}},$=s.div`
+import n,{useRef as d,useState as k}from"react";import c from"styled-components";import{TinyTitleRegular as x}from"../../typography/Heading/index.js";import y from"../../icons/components/AlertIcon.js";import I from"../../icons/components/CheckCircleIcon.js";import C from"../../icons/components/CloseIcon.js";import b from"../../icons/components/InfoIcon.js";import E from"../../icons/components/WarningIcon.js";import"../../shared/media-queries.js";const j=(e,r,o)=>{const t=o.colors.text.dark,s=o.colors.background.light;switch(e){case"info":return{text:r?o.colors.info.dark:t,background:r?s:o.colors.info.lighter};case"success":return{text:r?o.colors.success.dark:t,background:r?s:o.colors.success.lighter};case"warning":return{text:r?o.colors.warning.dark:t,background:r?s:o.colors.warning.lighter};case"error":return{text:r?o.colors.error.dark:t,background:r?s:o.colors.error.lighter};case"text":default:return{text:r?o.colors.text.light:t,background:r?o.colors.background.dark:s}}},w=e=>{switch(e){case"success":return n.createElement(I,null);case"warning":return n.createElement(E,null);case"error":return n.createElement(y,null);case"info":case"text":default:return n.createElement(b,null)}},$=c.div`
   ${({isDeleted:e})=>e&&`
       opacity: 0;
       transition: opacity 0.3s;
     `}
-`,W=s.div`
+`,T=c.div`
   display: ${({fullWidth:e})=>e?"flex":"inline-flex"};
   ${({fullWidth:e})=>e&&"justify-content: space-between;"}
   align-items: center;
@@ -14,25 +14,26 @@ import n,{useRef as d,useState as k}from"react";import s from"styled-components"
       justify-content: center;
     `}
 
-  ${({theme:e,messageType:o,inverted:r})=>{const{text:t,background:c}=j(o,r,e);return`
+  ${({theme:e,messageType:r,inverted:o})=>{const{text:t,background:s}=j(r,o,e);return`
       color: ${t};
-      background-color: ${c};
+      background-color: ${s};
     `}}
-`,h=s.div`
+`,W=c.div`
   display: flex;
-`,T=s(x)`
+`,R=c.div`
   padding: 0.75rem 0;
+`,D=c(x)`
   margin: 0;
-`,D=s.span`
+`,A=c.span`
   display: flex;
   align-items: center;
-  margin-right: 0.5rem;
+  margin-right: 1rem;
   font-size: 1.5rem;
-`,R=s.span`
+`,h=c.span`
   display: flex;
   align-items: center;
   margin-left: 1rem;
   font-size: 2.5rem;
   cursor: pointer;
   }
-`,A=({children:e,type:o,withIcon:r=!1,isDeletable:t=!1,fullWidth:c=!1,inverted:l=!1,textCenter:i=!1,...u})=>{const a=d(null),[p,g]=k(!1),m=f=>{f.stopPropagation(),g(!0),setTimeout(()=>{a.current&&a.current.remove()},300)};return n.createElement($,{isDeleted:p},n.createElement(W,{messageType:o,fullWidth:c,inverted:l,textCenter:i,role:"alert",ref:a,...u},n.createElement(h,null,r&&n.createElement(D,null,w(o)),n.createElement(T,null,e)),t&&n.createElement(R,{onClick:m,"aria-label":"Close"},n.createElement(y,null))))};export{A as default};
+`,z=({children:e,type:r,withIcon:o=!1,isDeletable:t=!1,fullWidth:s=!1,inverted:a=!1,textCenter:i=!1,...u})=>{const l=d(null),[p,g]=k(!1),f=m=>{m.stopPropagation(),g(!0),setTimeout(()=>{l.current&&l.current.remove()},300)};return n.createElement($,{isDeleted:p},n.createElement(T,{messageType:r,fullWidth:s,inverted:a,textCenter:i,role:"alert",ref:l,...u},n.createElement(W,null,o&&n.createElement(A,null,w(r)),n.createElement(R,null,typeof e=="string"&&n.createElement(D,null,e),typeof e!="string"&&e)),t&&n.createElement(h,{onClick:f,"aria-label":"Close"},n.createElement(C,null))))};export{z as default};

package/package.json

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