@kvdbil/components 16.0.0 → 16.0.2

package/cjs/components/Button/index.js

@@ -1,23 +1,23 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),r=require("styled-components"),s=require("../../theme.js"),t=require("../Spinner/index.js"),l=require("../../typography/ButtonText/index.js"),o=require("./styles.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../utils/utils.js");var n=a(i),d=a(r);const u=d.default.button`
-  ${l.BasicButtonFontStyle}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),r=require("styled-components"),s=require("../../theme.js"),t=require("../Spinner/index.js"),o=require("../../typography/ButtonText/index.js"),l=require("./styles.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../utils/utils.js");var n=a(i),d=a(r);const u=d.default.button`
+  ${o.BasicButtonFontStyle}
   box-sizing: border-box;
   outline: none;
   cursor: pointer;
   user-select: none;
   position: relative;
   border: none;
-  border-radius: 0.5rem;
+  ${({$noRadius:e})=>!e&&"border-radius: 0.5rem;"}
   min-width: ${({minWidth:e})=>e||"auto"};
   width: ${({fullWidth:e})=>e&&"100%"};
   display: flex;
   align-items: center;
   justify-content: ${({sufixIcon:e,prefixIcon:i,isLoading:r})=>r||!e&&!i?"center":"space-between"};
 
-  ${({$size:e="small"})=>o.fontSizes[e]||l.ButtonRegularTextStyle}
+  ${({$size:e})=>l.fontSizes[e]||o.ButtonRegularTextStyle}
   ${({$size:e})=>r.css`
-    ${"small"===e&&o.smallSizeStyles()}
-    ${"regular"===e&&o.regularSizeStyles()}
-    ${"large"===e&&o.largeSizeStyles()}
+    ${"small"===e&&l.smallSizeStyles()}
+    ${"regular"===e&&l.regularSizeStyles()}
+    ${"large"===e&&l.largeSizeStyles()}
   `}
   background-color: transparent;
   transition:
@@ -25,8 +25,8 @@
     background-color 0.3s ease,
     border 0.3s ease,
     filter 0.3s;
-  ${({$variant:e="solid",$color:i,$colorShade:s="main",disabled:t,theme:l})=>r.css`
-    ${t?o.disabledColorStyles(l,e):o.colorStyles[e]({theme:l,$color:i,$colorShade:s,$variant:e})}
+  ${({$variant:e="solid",$color:i,$colorShade:s="main",disabled:t,theme:o})=>r.css`
+    ${t?l.disabledColorStyles(o,e):l.colorStyles[e]({theme:o,$color:i,$colorShade:s,$variant:e})}
   `}
   &:focus-visible {
     box-shadow: 0px 0px 0px 1px
@@ -38,8 +38,8 @@
   margin-left: ${({type:e,size:i})=>"sufix"===e?f[i]:0};
   font-size: ${({size:e})=>c[e]};
   opacity: ${({isLoading:e})=>e?0:1};
-`,m=d.default(t.default)`
+`,g=d.default(t.default)`
   position: absolute;
-`,g=d.default.span`
+`,m=d.default.span`
   opacity: ${({isLoading:e})=>e?0:1};
-`,x={small:1,regular:1.25,large:1.5},y=i.forwardRef((({size:i="small",color:r,colorShade:t="mainAlt",variant:l="solid",fullWidth:o=!1,isDisabled:a=!1,isLoading:d=!1,children:c,sufixIcon:f,prefixIcon:y,minWidth:$,as:h="button",...b},z)=>{return e.jsx(u,{...b,as:h,minWidth:$,$color:r,$colorShade:t,disabled:a||d,fullWidth:o,theme:s.default,$variant:l,$size:i,isLoading:d,ref:z,prefixIcon:y,sufixIcon:f,children:e.jsxs(e.Fragment,{children:[y&&e.jsx(p,{size:i,type:"prefix",isLoading:d,children:y}),(S=c,j=d,"string"==typeof S||"number"==typeof S?e.jsx(g,{isLoading:j,children:S}):n.default.isValidElement(S)?n.default.cloneElement(S,{style:{...S.props.style,opacity:j?0:1}}):S),f&&e.jsx(p,{size:i,type:"sufix",isLoading:d,children:f}),d&&e.jsx(m,{customColor:s.default.colors.grayscaleToned.light1,size:x[i]})]})});var S,j}));y.displayName="Button",exports.Button=y,exports.default=y;
+`,x={small:1,regular:1.25,large:1.5},$=i.forwardRef((({size:i="regular",color:r,colorShade:t="mainAlt",variant:o="solid",fullWidth:l=!1,isDisabled:a=!1,isLoading:d=!1,children:c,sufixIcon:f,prefixIcon:$,minWidth:y,as:h="button",noRadius:b=!1,...z},S)=>{return e.jsx(u,{...z,as:h,minWidth:y,$color:r,$colorShade:t,disabled:a||d,fullWidth:l,theme:s.default,$variant:o,$size:i,isLoading:d,ref:S,prefixIcon:$,sufixIcon:f,$noRadius:b,children:e.jsxs(e.Fragment,{children:[$&&e.jsx(p,{size:i,type:"prefix",isLoading:d,children:$}),(j=c,v=d,"string"==typeof j||"number"==typeof j?e.jsx(m,{isLoading:v,children:j}):n.default.isValidElement(j)?n.default.cloneElement(j,{style:{...j.props.style,opacity:v?0:1}}):j),f&&e.jsx(p,{size:i,type:"sufix",isLoading:d,children:f}),d&&e.jsx(g,{customColor:s.default.colors.grayscaleToned.light1,size:x[i]})]})});var j,v}));$.displayName="Button",exports.Button=$,exports.default=$;

package/cjs/components/DayPicker/index.js

@@ -1,5 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-day-picker"),t=require("styled-components"),o=require("../../theme.js"),a=require("./DayPickerNavBar.js"),l=require("./localeUtils.js"),s=require("./style.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../Icons/Arrow.js"),require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js");var u=i(r);const d=i(t).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("../../theme.js"),l=require("react-day-picker"),a=require("date-fns/locale"),c=require("date-fns"),s=require("./style.js");var i,n=(i=t)&&i.__esModule?i:{default:i},u=function(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}(a);const d=n.default.div`
   ${s.default}
 
+  .rdp-chevron {
+    fill: ${({theme:e})=>e.colors.text.dark};
+  }
+
   font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
-`,c=e=>({selected:{color:o.default.colors.text.light,background:o.default.colors[e].main},today:{color:o.default.colors[e].main}}),n=({locale:r="sv",color:t="primary",...o})=>e.jsx(d,{color:t,children:e.jsx(u.default,{...o,locale:r,months:l.MONTHS[r],weekdaysLong:l.WEEKDAYS_LONG[r],weekdaysShort:l.WEEKDAYS_SHORT[r],firstDayOfWeek:l.FIRST_DAY_OF_THE_WEEK[r],navbarElement:t=>e.jsx(a.default,{...t,locale:r}),captionElement:e.jsx("div",{}),modifiersStyles:c(t)})});exports.DayPicker=n,exports.default=n;
+`,f=(e,r)=>{const t=r&&c.isToday(r)?o.default.colors.background.light:o.default.colors[e].main;return{selected:{color:o.default.colors.text.light,background:o.default.colors[e].main},today:{color:t}}},y=({locale:t="sv",color:o="primary",selectedDay:a,disabledDays:c,...s})=>{const[i,n]=r.useState(a);return e.jsx(d,{children:e.jsx(l.DayPicker,{...s,mode:"single",selected:i,onSelect:function(e){e&&n(e)},locale:u[t]||u.enGB,modifiersStyles:f(o,i),disabled:c})})};exports.DayPicker=y,exports.default=y;