@kvdbil/components 16.0.3 → 16.0.5

package/cjs/components/DayPicker/index.js

@@ -1,9 +1,9 @@
-"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,u=(i=t)&&i.__esModule?i:{default:i},d=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 n=u.default.div`
-  ${s.default}
+"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"),c=require("date-fns/locale"),a=require("date-fns"),u=require("./style.js");var n,s=(n=t)&&n.__esModule?n:{default:n},i=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)}(c);const d=s.default.div`
+  ${u.default}
 
   .rdp-chevron {
     fill: ${({theme:e})=>e.colors.text.dark};
   }
 
   font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
-`,f=(e,r,t)=>{const l=t&&c.isToday(t)?o.default.colors.background.light:o.default.colors[e][r];return{selected:{color:o.default.colors.text.light,background:o.default.colors[e][r]},today:{color:l}}},y=({locale:t="sv",color:o="primary",colorShade:a="mainAlt",selectedDay:c,disabledDays:s,...i})=>{const[u,y]=r.useState(c);return e.jsx(n,{children:e.jsx(l.DayPicker,{...i,mode:"single",selected:u,onSelect:function(e){e&&y(e)},locale:d[t]||d.enGB,modifiersStyles:f(o,a,u),disabled:s})})};exports.DayPicker=y,exports.default=y;
+`,f=(e,r,t)=>{const l=t&&a.isToday(t)?o.default.colors.background.light:o.default.colors[e][r];return{selected:{color:o.default.colors.text.light,background:o.default.colors[e][r]},today:{color:l}}},y=({locale:t="sv",color:o="primary",colorShade:c="mainAlt",selectedDay:a,...u})=>{const[n,s]=r.useState(a);return e.jsx(d,{children:e.jsx(l.DayPicker,{...u,mode:"single",selected:n,onSelect:function(e){e&&s(e)},locale:i[t]||i.enGB,modifiersStyles:f(o,c,n)})})};exports.DayPicker=y,exports.default=y;

package/cjs/components/Spinner/index.js

@@ -8,7 +8,7 @@
 `,u=l.default.div`
   display: inline-block;
   border-radius: 50%;
-  border-top: ${({theme:e,color:r,customColor:t,size:s})=>`${a(s)/10}em solid ${t??"neutral"===r?o.neutralColorSwap(e).mainAlt:e.colors?.[r]?.mainAlt}`};
+  border-top: ${({theme:e,color:r,customColor:t,size:s})=>`${a(s)/10}em solid ${t??("neutral"===r?o.neutralColorSwap(e).mainAlt:e.colors?.[r]?.mainAlt)}`};
   border-bottom: ${({size:e})=>a(e)/10+"em solid rgba(0, 0, 0, 0.1);"};
   border-right: ${({size:e})=>a(e)/10+"em solid rgba(0, 0, 0, 0.1);"};
   border-left: ${({size:e})=>a(e)/10+"em solid rgba(0, 0, 0, 0.1);"};

package/esm/components/DayPicker/index.js

@@ -1,9 +1,9 @@
-import{jsx as i}from"react/jsx-runtime";import{useState as y}from"react";import h from"styled-components";import t from"../../theme.js";import{DayPicker as u}from"react-day-picker";import*as m from"date-fns/locale";import{isToday as g}from"date-fns";import k from"./style.js";const D=h.div`
-  ${k}
+import{jsx as a}from"react/jsx-runtime";import{useState as p}from"react";import y from"styled-components";import e from"../../theme.js";import{DayPicker as h}from"react-day-picker";import*as m from"date-fns/locale";import{isToday as k}from"date-fns";import u from"./style.js";const g=y.div`
+  ${u}
 
   .rdp-chevron {
     fill: ${({theme:o})=>o.colors.text.dark};
   }
 
   font-family: ${({theme:o})=>o.typography.fontAlternativeFamily};
-`,$=(o,r,e)=>{const l=e&&g(e)?t.colors.background.light:t.colors[o][r];return{selected:{color:t.colors.text.light,background:t.colors[o][r]},today:{color:l}}},s=({locale:o="sv",color:r="primary",colorShade:e="mainAlt",selectedDay:l,disabledDays:d,...n})=>{const[a,f]=y(l);function p(c){c&&f(c)}return i(D,{children:i(u,{...n,mode:"single",selected:a,onSelect:p,locale:m[o]||m.enGB,modifiersStyles:$(r,e,a),disabled:d})})};export{s as DayPicker,s as default};
+`,v=(o,r,t)=>{const l=t&&k(t)?e.colors.background.light:e.colors[o][r];return{selected:{color:e.colors.text.light,background:e.colors[o][r]},today:{color:l}}},s=({locale:o="sv",color:r="primary",colorShade:t="mainAlt",selectedDay:l,...n})=>{const[i,d]=p(l);function f(c){c&&d(c)}return a(g,{children:a(h,{...n,mode:"single",selected:i,onSelect:f,locale:m[o]||m.enGB,modifiersStyles:v(r,t,i)})})};export{s as DayPicker,s as default};

package/esm/components/Spinner/index.js

@@ -8,7 +8,7 @@ import{jsx as i}from"react/jsx-runtime";import s,{keyframes as m}from"styled-com
 `,p=s.div`
   display: inline-block;
   border-radius: 50%;
-  border-top: ${({theme:e,color:r,customColor:t,size:a})=>`${o(a)/10}em solid ${t??r==="neutral"?n(e).mainAlt:e.colors?.[r]?.mainAlt}`};
+  border-top: ${({theme:e,color:r,customColor:t,size:a})=>`${o(a)/10}em solid ${t??(r==="neutral"?n(e).mainAlt:e.colors?.[r]?.mainAlt)}`};
   border-bottom: ${({size:e})=>`${o(e)/10}em solid rgba(0, 0, 0, 0.1);`};
   border-right: ${({size:e})=>`${o(e)/10}em solid rgba(0, 0, 0, 0.1);`};
   border-left: ${({size:e})=>`${o(e)/10}em solid rgba(0, 0, 0, 0.1);`};

package/package.json

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

package/package.json.tmp

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

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

@@ -5,8 +5,7 @@ export interface DayPickerProps extends Omit<PropsBase, 'locale'> {
     locale?: Locale;
     color?: Color;
     selectedDay?: Date;
-    disabledDays?: Date[];
     colorShade?: ColorShade;
 }
-export declare const DayPicker: ({ locale, color, colorShade, selectedDay, disabledDays, ...props }: DayPickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DayPicker: ({ locale, color, colorShade, selectedDay, ...props }: DayPickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DayPicker;