@kvdbil/components 14.2.4 → 14.2.6

package/cjs/components/Chip/styles.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getActiveBackgroundColor=({color:t,variant:o,isDisabled:r,theme:l})=>r?"transparent":t==="neutralLight"?l.colors.background.light:o==="solid"?l.colors[t].light:"transparent",exports.getActiveBorderColor=({variant:t,color:o,theme:r})=>o==="neutralLight"?{solid:r.colors.background.light,flat:"transparent",outline:r.colors.background.light}[t]:{solid:r.colors[o].light,flat:"transparent",outline:r.colors[o].light}[t],exports.getActiveColor=({variant:t,color:o,theme:r})=>o==="neutralLight"?r.colors.text.dark:t==="solid"?r.colors.text.light:r.colors[o].light,exports.getBackgroundColor=({isDisabled:t,variant:o,color:r,theme:l})=>t?l.colors.gray.light5:r==="neutralLight"?{solid:l.colors.background.gray,flat:l.colors.background.light,outline:"transparent"}[o]:{solid:l.colors[r].main,flat:l.colors.background.light,outline:"transparent"}[o],exports.getBorderColor=({color:t,isDisabled:o,variant:r,theme:l})=>o?l.colors.gray.light5:t==="neutralLight"?{solid:"transparent",flat:"transparent",outline:l.colors.text.disabled}[r]:{solid:l.colors[t].main,flat:"transparent",outline:l.colors[t].main}[r],exports.getColor=({isDisabled:t,variant:o,color:r,theme:l})=>t?l.colors.text.disabled:r==="neutralLight"?o==="outline"?l.colors.text.disabled:l.colors.text.dark:{solid:l.colors.text.light,flat:l.colors[r].main,outline:l.colors[r].main}[o],exports.getCursorType=({isDisabled:t,isClickable:o,isDeletable:r})=>t?"not-allowed":o||r?"pointer":"auto",exports.getFontSize=(t="smaller")=>({smaller:"0.625rem",small:"0.75rem",regular:"1rem",large:"1rem"})[t],exports.getHoverBackgroundColor=({variant:t,color:o,theme:r})=>o==="neutralLight"?{solid:r.colors.gray.light4,flat:r.colors.background.light,outline:"transparent"}[t]:{solid:r.colors[o].dark,flat:r.colors.background.light,outline:"transparent"}[t],exports.getHoverBorderColor=({variant:t,color:o,theme:r})=>o==="neutralLight"?{solid:r.colors.gray.light4,flat:"transparent",outline:r.colors.text.dark}[t]:{solid:r.colors[o].dark,flat:"transparent",outline:r.colors[o].dark}[t],exports.getHoverColor=({variant:t,color:o,theme:r})=>o==="neutralLight"?r.colors.text.dark:{solid:r.colors.text.light,flat:r.colors[o].dark,outline:r.colors[o].dark}[t],exports.getSufixHoverBackgroundColor=({variant:t,color:o,isClickable:r,isDisabled:l,theme:e})=>l?e.colors.gray.light5:o==="neutralLight"?{solid:e.colors.gray.light2,flat:e.colors.gray.light4,outline:e.colors.gray.light4}[t]:t==="solid"?r?e.colors[o].darker:e.colors[o].dark:e.colors.background.gray;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getActiveBackgroundColor=({color:l,variant:r,isDisabled:o,theme:t})=>o?"transparent":l==="neutralLight"?t.colors.background.light:r==="solid"?t.colors[l].light:"transparent",exports.getActiveBorderColor=({variant:l,color:r,theme:o})=>r==="neutralLight"?{solid:o.colors.background.light,flat:"transparent",outline:o.colors.background.light}[l]:{solid:o.colors[r].light,flat:"transparent",outline:o.colors[r].light}[l],exports.getActiveColor=({variant:l,color:r,theme:o})=>r==="neutralLight"?o.colors.text.dark:l==="solid"?o.colors.text.light:o.colors[r].light,exports.getBackgroundColor=({isDisabled:l,variant:r,color:o,theme:t})=>l?t.colors.gray.light5:o==="neutralLight"?{solid:t.colors.background.gray,flat:t.colors.background.light,outline:"transparent"}[r]:{solid:t.colors[o].main,flat:t.colors.background.light,outline:"transparent"}[r],exports.getBorderColor=({color:l,isDisabled:r,variant:o,theme:t})=>r?t.colors.gray.light5:l==="neutralLight"?{solid:"transparent",flat:"transparent",outline:t.colors.text.disabled}[o]:{solid:t.colors[l].main,flat:"transparent",outline:t.colors[l].main}[o],exports.getColor=({isDisabled:l,variant:r,color:o,theme:t})=>l?t.colors.text.disabled:o==="neutralLight"?r==="outline"?t.colors.text.disabled:t.colors.text.dark:{solid:t.colors.text.light,flat:t.colors[o].main,outline:t.colors[o].main}[r],exports.getCursorType=({isDisabled:l,isClickable:r,isDeletable:o})=>l?"not-allowed":r||o?"pointer":"auto",exports.getFontSize=(l="smaller")=>({smaller:"0.625rem",small:"0.75rem",regular:"1rem",large:"1rem"})[l],exports.getHoverBackgroundColor=({variant:l,color:r,theme:o})=>r==="neutralLight"?{solid:o.colors.gray.light4,flat:o.colors.background.light,outline:"transparent"}[l]:{solid:o.colors[r].dark,flat:o.colors.background.light,outline:"transparent"}[l],exports.getHoverBorderColor=({variant:l,color:r,theme:o})=>r==="neutralLight"?{solid:o.colors.gray.light4,flat:"transparent",outline:o.colors.text.dark}[l]:{solid:o.colors[r].dark,flat:"transparent",outline:o.colors[r].dark}[l],exports.getHoverColor=({variant:l,color:r,theme:o})=>r==="neutralLight"?o.colors.text.dark:{solid:o.colors.text.light,flat:o.colors[r].dark,outline:o.colors[r].dark}[l],exports.getSufixHoverBackgroundColor=({variant:l,color:r,isClickable:o,isDisabled:t,theme:a})=>t?a.colors.gray.light5:r==="neutralLight"?{solid:a.colors.gray.light2,flat:a.colors.gray.light4,outline:a.colors.gray.light4}[l]:l==="solid"?o?a.colors[r].darker:a.colors[r].dark:a.colors.background.gray;

package/cjs/components/DayPicker/DayPickerNavBar.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../Icons/Arrow.js"),a=require("../../theme.js"),l=require("../../typography/BodyText/index.js"),o=require("./localeUtils.js");function n(h){return h&&typeof h=="object"&&"default"in h?h:{default:h}}require("../../shared/media-queries.js");var i=n(e),d=n(t);const u=d.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var f=require("react"),c=require("styled-components"),s=require("../Icons/Arrow.js"),a=require("../../theme.js"),m=require("../../typography/BodyText/index.js"),p=require("./localeUtils.js");function l(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("../../shared/media-queries.js");var t=l(f),r=l(c);const h=r.default.div`
   display: flex;
   justify-content: space-between;
   padding: 0 2em;
-`,f=d.default(l.BodyText)`
+`,y=r.default(m.BodyText)`
   font-size: 1.5em;
   color: ${a.default.colors.text.dark};
-`,s=d.default.button`
+`,n=r.default.button`
   appearance: none;
   background-color: transparent;
   border: 0;
@@ -14,12 +14,12 @@
   outline: none;
   display: flex;
   align-items: center;
-`,c=d.default(r.default)`
+`,o=r.default(s.default)`
   width: 16px;
   height: 16px;
   fill: ${a.default.colors.gray.dark3};
-`,m=d.default(c)`
+`,x=r.default(o)`
   transform: rotate(90deg);
-`,p=d.default(c)`
+`,g=r.default(o)`
   transform: rotate(-90deg);
-`;exports.default=({month:h,onPreviousClick:x,onNextClick:y,locale:g})=>i.default.createElement(u,null,i.default.createElement(s,{onClick:()=>x()},i.default.createElement(m,{title:"prev-month"})),i.default.createElement(f,{as:"h3"},o.formatMonthTitle(h,g)),i.default.createElement(s,{onClick:()=>y()},i.default.createElement(p,{title:"next-month"})));
+`;exports.default=({month:e,onPreviousClick:i,onNextClick:d,locale:u})=>t.default.createElement(h,null,t.default.createElement(n,{onClick:()=>i()},t.default.createElement(x,{title:"prev-month"})),t.default.createElement(y,{as:"h3"},p.formatMonthTitle(e,u)),t.default.createElement(n,{onClick:()=>d()},t.default.createElement(g,{title:"next-month"})));

package/cjs/components/DayPicker/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-day-picker"),t=require("styled-components"),a=require("../../theme.js"),l=require("./DayPickerNavBar.js"),o=require("./localeUtils.js"),i=require("./style.js");function s(y){return y&&typeof y=="object"&&"default"in y?y:{default:y}}require("../Icons/Arrow.js"),require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js");var u=s(e),c=s(r);const d=s(t).default.div`
-  ${i.default}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var d=require("react"),s=require("react-day-picker"),n=require("styled-components"),a=require("../../theme.js"),f=require("./DayPickerNavBar.js"),t=require("./localeUtils.js"),y=require("./style.js");function l(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("../Icons/Arrow.js"),require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js");var r=l(d),m=l(s);const E=l(n).default.div`
+  ${y.default}
 
-  font-family: ${({theme:y})=>y.typography.fontAlternativeFamily};
-`,n=y=>({selected:{color:a.default.colors.text.light,background:a.default.colors[y].main},today:{color:a.default.colors[y].main}}),f=({locale:y="sv",color:m="primary",...p})=>u.default.createElement(d,{color:m},u.default.createElement(c.default,{...p,locale:y,months:o.MONTHS[y],weekdaysLong:o.WEEKDAYS_LONG[y],weekdaysShort:o.WEEKDAYS_SHORT[y],firstDayOfWeek:o.FIRST_DAY_OF_THE_WEEK[y],navbarElement:E=>u.default.createElement(l.default,{...E,locale:y}),captionElement:u.default.createElement("div",null),modifiersStyles:n(m)}));exports.DayPicker=f,exports.default=f;
+  font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
+`,q=e=>({selected:{color:a.default.colors.text.light,background:a.default.colors[e].main},today:{color:a.default.colors[e].main}}),i=({locale:e="sv",color:o="primary",...u})=>r.default.createElement(E,{color:o},r.default.createElement(m.default,{...u,locale:e,months:t.MONTHS[e],weekdaysLong:t.WEEKDAYS_LONG[e],weekdaysShort:t.WEEKDAYS_SHORT[e],firstDayOfWeek:t.FIRST_DAY_OF_THE_WEEK[e],navbarElement:c=>r.default.createElement(f.default,{...c,locale:e}),captionElement:r.default.createElement("div",null),modifiersStyles:q(o)}));exports.DayPicker=i,exports.default=i;

package/cjs/components/DayPicker/localeUtils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e={sv:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],en:["January","February","March","April","May","June","July","August","September","October","November","December"]};exports.FIRST_DAY_OF_THE_WEEK={sv:1,en:1},exports.MONTHS=e,exports.WEEKDAYS_LONG={sv:["S\xF6ndag","M\xE5ndag","Tisdag","Onsdag","Torsdag","Fredag","L\xF6rdag"],en:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},exports.WEEKDAYS_SHORT={sv:["S\xF6","M\xE5","Ti","On","To","Fr","L\xF6"],en:["Su","Mo","Tu","We","Th","Fr","Sa"]},exports.formatMonthTitle=(r,a="sv")=>`${e[a][r.getMonth()]} ${r.getFullYear()}`;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const r={sv:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],en:["January","February","March","April","May","June","July","August","September","October","November","December"]};exports.FIRST_DAY_OF_THE_WEEK={sv:1,en:1},exports.MONTHS=r,exports.WEEKDAYS_LONG={sv:["S\xF6ndag","M\xE5ndag","Tisdag","Onsdag","Torsdag","Fredag","L\xF6rdag"],en:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},exports.WEEKDAYS_SHORT={sv:["S\xF6","M\xE5","Ti","On","To","Fr","L\xF6"],en:["Su","Mo","Tu","We","Th","Fr","Sa"]},exports.formatMonthTitle=(e,a="sv")=>`${r[a][e.getMonth()]} ${e.getFullYear()}`;

package/cjs/components/DayPicker/style.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components").css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components").css`
   /* DayPicker styles */
 
   abbr {
     font-weight: 500;
-    color: ${({theme:o})=>o.colors.text.dark};
+    color: ${({theme:e})=>e.colors.text.dark};
   }
 
   .DayPicker {
@@ -55,7 +55,7 @@
     background-position: center;
     background-size: 50%;
     background-repeat: no-repeat;
-    color: ${({theme:o})=>o.colors.gray.light1};
+    color: ${({theme:e})=>e.colors.gray.light1};
     cursor: pointer;
   }
 
@@ -100,11 +100,11 @@
   }
 
   .DayPicker-Weekday {
-    color: ${({theme:o})=>o.colors.gray.light1};
+    color: ${({theme:e})=>e.colors.gray.light1};
     width: 35px;
     display: table-cell;
     padding: 0.5em;
-    color: ${({theme:o})=>o.colors.gray.light1};
+    color: ${({theme:e})=>e.colors.gray.light1};
     text-align: center;
     font-size: 0.875em;
   }
@@ -132,11 +132,11 @@
     padding: 0;
     border: 0px solid transparent;
     font-size: 12px;
-    font-weight: ${({theme:o})=>o.typography.fontAlternativeBoldWeight};
-    color: ${({theme:o})=>o.colors.text.dark};
+    font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
+    color: ${({theme:e})=>e.colors.text.dark};
 
     :hover {
-      background-color: ${({theme:o})=>o.colors.info.lighter2};
+      background-color: ${({theme:e})=>e.colors.info.lighter2};
     }
 
     :focus {
@@ -150,8 +150,8 @@
     display: table-cell;
     padding: 0.5em;
     min-width: 1em;
-    border-right: 1px solid ${({theme:o})=>o.colors.gray.light5};
-    color: ${({theme:o})=>o.colors.gray.light5};
+    border-right: 1px solid ${({theme:e})=>e.colors.gray.light5};
+    color: ${({theme:e})=>e.colors.gray.light5};
     vertical-align: middle;
     text-align: right;
     font-size: 0.75em;
@@ -171,7 +171,7 @@
     background-color: transparent;
     background-image: none;
     box-shadow: none;
-    color: ${({theme:o})=>o.colors.info.main};
+    color: ${({theme:e})=>e.colors.info.main};
     font-size: 0.875em;
     cursor: pointer;
   }
@@ -179,12 +179,12 @@
   /* Default modifiers */
 
   .DayPicker-Day--outside {
-    color: ${({theme:o})=>o.colors.gray.light2} !important;
+    color: ${({theme:e})=>e.colors.gray.light2} !important;
     cursor: default;
   }
 
   .DayPicker-Day--disabled {
-    color: ${({theme:o})=>o.colors.text.disabled} !important;
+    color: ${({theme:e})=>e.colors.text.disabled} !important;
     cursor: default;
 
     :hover {
@@ -193,37 +193,37 @@
   }
 
   .DayPicker-Day--selected {
-    color: ${({theme:o})=>o.colors.text.light};
+    color: ${({theme:e})=>e.colors.text.light};
   }
 
   /* Example modifiers */
 
   .DayPicker-Day--sunday {
-    background-color: ${({theme:o})=>o.colors.gray.light6};
+    background-color: ${({theme:e})=>e.colors.gray.light6};
   }
 
   .DayPicker-Day--selected.DayPicker-Day--today {
-    color: ${({theme:o})=>o.colors.text.light} !important;
+    color: ${({theme:e})=>e.colors.text.light} !important;
   }
 
   .DayPicker-Day--sunday:not(.DayPicker-Day--today) {
-    color: ${({theme:o})=>o.colors.gray.light5};
+    color: ${({theme:e})=>e.colors.gray.light5};
   }
 
   .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
     position: relative;
 
-    background-color: ${({theme:o})=>o.colors.info.main};
-    color: ${({theme:o})=>o.colors.gray.light6};
+    background-color: ${({theme:e})=>e.colors.info.main};
+    color: ${({theme:e})=>e.colors.gray.light6};
   }
 
   .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
-    background-color: ${({theme:o})=>o.colors.info.main};
+    background-color: ${({theme:e})=>e.colors.info.main};
   }
 
   .DayPicker:not(.DayPicker--interactionDisabled)
     .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
-    background-color: ${({theme:o})=>o.colors.info.lighter2};
+    background-color: ${({theme:e})=>e.colors.info.lighter2};
   }
 
   /* DayPickerInput */
@@ -240,7 +240,7 @@
     position: absolute;
     left: 0;
     z-index: 1;
-    background: ${({theme:o})=>o.colors.background.light};
+    background: ${({theme:e})=>e.colors.background.light};
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
   }
-`;exports.default=e;
+`;exports.default=o;

package/cjs/components/Dialog/index.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../Modal/index.js"),l=require("../../theme.js"),i=require("../../typography/Heading/index.js");function n(f){return f&&typeof f=="object"&&"default"in f?f:{default:f}}require("react-dom"),require("react-transition-group"),require("../Icons/Close.js"),require("../../shared/media-queries.js");var o=n(e),a=n(t);const u=a.default(i.TinyTitleBold)`
-  font-weight: ${l.default.typography.fontAlternativeRegularWeight};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("react"),p=require("styled-components"),h=require("../Modal/index.js"),g=require("../../theme.js"),y=require("../../typography/Heading/index.js");function i(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("react-dom"),require("react-transition-group"),require("../Icons/Close.js"),require("../../shared/media-queries.js");var t=i(c),n=i(p);const m=n.default(y.TinyTitleBold)`
+  font-weight: ${g.default.typography.fontAlternativeRegularWeight};
   margin: 0;
-`,d=a.default.div`
+`,q=n.default.div`
   display: flex;
   justify-content: flex-end;
   gap: 1rem;
   overflow-x: hidden;
-`,s=({isOpen:f,title:c,children:h,actions:p,onClose:g,withPortal:y,withCloseIcon:m=!0,...q})=>o.default.createElement(r.Modal,{onClose:g,withPortal:y,isOpen:f,withCloseIcon:m,...q},typeof c=="string"?o.default.createElement(u,null,c):c,o.default.createElement("div",null,h),p&&o.default.createElement(d,null,p));exports.Dialog=s,exports.default=s;
+`,a=({isOpen:e,title:r,children:o,actions:l,onClose:u,withPortal:d,withCloseIcon:s=!0,...f})=>t.default.createElement(h.Modal,{onClose:u,withPortal:d,isOpen:e,withCloseIcon:s,...f},typeof r=="string"?t.default.createElement(m,null,r):r,t.default.createElement("div",null,o),l&&t.default.createElement(q,null,l));exports.Dialog=a,exports.default=a;

package/cjs/components/EditRow/index.js

@@ -1,34 +1,34 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),l=require("../../theme.js"),r=require("../../typography/BodyText/index.js"),n=require("../Button/index.js"),a=require("../Chip/index.js"),i=require("../Textfield/index.js");function u(q){return q&&typeof q=="object"&&"default"in q?q:{default:q}}require("../../shared/media-queries.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("../../icons/components/CloseIcon.js"),require("../Chip/styles.js"),require("../FieldLabel.js"),require("../../shared/helpers.js");var o=u(e),d=u(t);const s=d.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("react"),z=require("styled-components"),j=require("../../theme.js"),E=require("../../typography/BodyText/index.js"),x=require("../Button/index.js"),A=require("../Chip/index.js"),G=require("../Textfield/index.js");function b(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}require("../../shared/media-queries.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("../../icons/components/CloseIcon.js"),require("../Chip/styles.js"),require("../FieldLabel.js"),require("../../shared/helpers.js");var e=b(o),l=b(z);const H=l.default.div`
   display: flex;
-  border-bottom: 1px solid ${l.default.colors.gray.light5};
-`,f=d.default.form`
+  border-bottom: 1px solid ${j.default.colors.gray.light5};
+`,J=l.default.form`
   flex: 1;
   flex-direction: column;
   margin-bottom: 1rem;
-`,c=d.default(i.TextField)`
+`,K=l.default(G.TextField)`
   max-width: 20rem;
-`,m=d.default.div`
+`,N=l.default.div`
   flex: 1;
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   margin-top: 1rem;
-`,p=d.default(n.Button)`
+`,Q=l.default(x.Button)`
   min-width: 5rem;
-`,x=d.default(n.Button)`
+`,R=l.default(x.Button)`
   min-width: 5rem;
   margin-right: 1rem;
-`,y=d.default(r.BodyLink)`
+`,q=l.default(E.BodyLink)`
   flex: 1;
   margin-right: 1rem;
-`,h=d.default(r.BodyText)`
+`,C=l.default(E.BodyText)`
   flex: 1rem;
   flex: 4;
-`,g=d.default(h)`
-  color: ${l.default.colors.text.disabled};
-`,v=d.default.div`
+`,U=l.default(C)`
+  color: ${j.default.colors.text.disabled};
+`,W=l.default.div`
   display: flex;
   flex-wrap: wrap;
-`,j=d.default(a.Chip)`
+`,X=l.default(A.Chip)`
   margin: 0.5rem;
-`;exports.default=({value:q,label:k,onChange:P,onEdit:F,options:M=[],inputProps:O={},isClearable:V=!1,isEditionDisabled:z=!1,editText:A,saveText:G,cancelText:H,noValueText:J,formatterFunc:D,isSingleSelect:K,color:S="secondary"})=>{const[E,C]=e.useState(q),[N,Q]=e.useState(q),[B,_]=e.useState(!1),T=typeof E=="string",R=D&&T?D==null?void 0:D(E):E,U=T?R:E.join(", "),$=E.length>0;e.useEffect(()=>F==null?void 0:F(B),[F,B]);const I=()=>{B?C(N):Q(E),_(b=>!b)};return o.default.createElement(s,null,!B&&o.default.createElement(o.default.Fragment,null,o.default.createElement(y,null,k),$&&o.default.createElement(h,null,U),!$&&o.default.createElement(g,null,J),o.default.createElement(n.Button,{variant:"flat",color:S,onClick:I,isDisabled:z},A)),B&&o.default.createElement(f,{onSubmit:b=>{b.preventDefault(),P==null||P(E),_(!1)}},o.default.createElement(y,null,k),T&&o.default.createElement(c,{...O,autoFocus:!0,value:E,label:k,onChange:b=>C(b.target.value)}),!T&&o.default.createElement(v,null,M.map(b=>o.default.createElement(j,{color:S,onClick:W=>{W.preventDefault(),(w=>{if(typeof E!="object")throw new Error("Cannot toggle chip on other than array");if(K)return E.includes(w)&&V?void C([]):void C([w]);if(E.includes(w)){const L=E.filter(X=>X!==w);C(L)}else C(L=>[...L,w])})(b)},key:b,variant:E.includes(b)?"solid":"outline"},b))),o.default.createElement(m,null,o.default.createElement(x,{type:"button",variant:"flat",color:"neutral",onClick:I},H),o.default.createElement(p,{type:"submit",color:S},G))))};
+`;exports.default=({value:n,label:s,onChange:y,onEdit:f,options:B=[],inputProps:w={},isClearable:T=!1,isEditionDisabled:k=!1,editText:F,saveText:D,cancelText:S,noValueText:L,formatterFunc:c,isSingleSelect:P,color:m="secondary"})=>{const[t,a]=o.useState(n),[_,$]=o.useState(n),[i,h]=o.useState(!1),d=typeof t=="string",I=c&&d?c==null?void 0:c(t):t,M=d?I:t.join(", "),g=t.length>0;o.useEffect(()=>f==null?void 0:f(i),[f,i]);const v=()=>{i?a(_):$(t),h(r=>!r)};return e.default.createElement(H,null,!i&&e.default.createElement(e.default.Fragment,null,e.default.createElement(q,null,s),g&&e.default.createElement(C,null,M),!g&&e.default.createElement(U,null,L),e.default.createElement(x.Button,{variant:"flat",color:m,onClick:v,isDisabled:k},F)),i&&e.default.createElement(J,{onSubmit:r=>{r.preventDefault(),y==null||y(t),h(!1)}},e.default.createElement(q,null,s),d&&e.default.createElement(K,{...w,autoFocus:!0,value:t,label:s,onChange:r=>a(r.target.value)}),!d&&e.default.createElement(W,null,B.map(r=>e.default.createElement(X,{color:m,onClick:O=>{O.preventDefault(),(u=>{if(typeof t!="object")throw new Error("Cannot toggle chip on other than array");if(P)return t.includes(u)&&T?void a([]):void a([u]);if(t.includes(u)){const p=t.filter(V=>V!==u);a(p)}else a(p=>[...p,u])})(r)},key:r,variant:t.includes(r)?"solid":"outline"},r))),e.default.createElement(N,null,e.default.createElement(R,{type:"button",variant:"flat",color:"neutral",onClick:v},S),e.default.createElement(Q,{type:"submit",color:m},D))))};

package/cjs/components/ErrorMessage/index.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components");function r(i){return i&&typeof i=="object"&&"default"in i?i:{default:i}}var o=r(e);const n=r(t).default.div`
-  font-family: ${({theme:i})=>i.typography.fontAlternativeFamily};
-  font-weight: ${({theme:i})=>i.typography.fontAlternativeRegularWeight};
-  background: ${({theme:i})=>i.colors.error.main};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("react"),i=require("styled-components");function t(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var d=t(o);const l=t(i).default.div`
+  font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
+  font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
+  background: ${({theme:e})=>e.colors.error.main};
   color: white;
   border-radius: 0.25rem;
   font-size: 13px;
   padding: 10px;
-  ${({centered:i})=>i&&"text-align: center;"}
-`,a=({children:i,centered:d,...l})=>o.default.createElement(n,{centered:d,...l},i);exports.ErrorMessage=a,exports.default=a;
+  ${({centered:e})=>e&&"text-align: center;"}
+`,r=({children:e,centered:n,...a})=>d.default.createElement(l,{centered:n,...a},e);exports.ErrorMessage=r,exports.default=r;

package/cjs/components/FieldLabel.js

@@ -1,39 +1,39 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../typography/BodyText/index.js");function o(c){return c&&typeof c=="object"&&"default"in c?c:{default:c}}require("react"),require("../shared/media-queries.js");var t=o(e);const s=e.css`
-  color: ${({theme:c,hasError:n})=>n?c.colors.error.dark:c.colors.text.dark};
-`,a=e.css`
-  color: ${({theme:c})=>c.colors.gray.light1};
-  background-color: ${({theme:c})=>c.colors.background.light};
-`,l=e.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),n=require("../typography/BodyText/index.js");function d(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}require("react"),require("../shared/media-queries.js");var h=d(o);const a="0.5rem",u=o.css`
+  color: ${({theme:e,hasError:r})=>r?e.colors.error.dark:e.colors.text.dark};
+`,m=o.css`
+  color: ${({theme:e})=>e.colors.gray.light1};
+  background-color: ${({theme:e})=>e.colors.background.light};
+`,g=o.css`
   width: max-content;
   left: 0;
   right: 0;
   margin-right: auto;
   margin-left: auto;
-`,i=t.default.label`
-  ${r.BodyTextStyle}
+`,$=h.default.label`
+  ${n.BodyTextStyle}
   pointer-events: none;
   position: absolute;
   max-width: calc(100% - 2rem);
   z-index: 1;
-  top: ${({height:c})=>c?`${c}rem`:"0.75rem"};
+  top: ${({height:e})=>e?`${e}rem`:"0.75rem"};
   left: calc(0.75rem + 2px);
   transition: 150ms;
-  color: ${({theme:c})=>c.colors.gray.dark5};
+  color: ${({theme:e})=>e.colors.gray.dark5};
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 
-  ${({hasValue:c,isFocused:n,height:h=.7,hasError:u})=>(c||n)&&((m,g)=>e.css`
-  background-color: ${({theme:d})=>d.colors.background.light};
-  transform: translateY(${m});
+  ${({hasValue:e,isFocused:r,height:s=.7,hasError:l})=>(e||r)&&((i,c)=>o.css`
+  background-color: ${({theme:t})=>t.colors.background.light};
+  transform: translateY(${i});
   line-height: 0.875rem;
   font-size: 0.75rem;
   transform-origin: 0 0;
-  padding: 0 ${"0.5rem"};
-  left: ${"0.5rem"};
-  color: ${({theme:d})=>g?d.colors.error.dark:d.colors.text.dark};
-`)(`-${h+.4}rem`,u)}
-  ${({centered:c,hasValue:n,isFocused:h})=>(n||h)&&c&&l}
-  ${({isFocused:c})=>c&&s}
-  ${({disabled:c})=>c&&a}
-`;exports.Label=i;
+  padding: 0 ${a};
+  left: ${a};
+  color: ${({theme:t})=>c?t.colors.error.dark:t.colors.text.dark};
+`)(`-${s+.4}rem`,l)}
+  ${({centered:e,hasValue:r,isFocused:s})=>(r||s)&&e&&g}
+  ${({isFocused:e})=>e&&u}
+  ${({disabled:e})=>e&&m}
+`;exports.Label=$;

package/cjs/components/Flex/index.js

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

package/cjs/components/Hero/index.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),n=require("../../typography/Heading/index.js"),i=require("../../shared/media-queries.js");function a(w){return w&&typeof w=="object"&&"default"in w?w:{default:w}}var r=a(e),o=a(t);const l=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var M=require("react"),f=require("styled-components"),p=require("../../typography/Heading/index.js"),s=require("../../shared/media-queries.js");function g(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var a=g(M),r=g(f);const G=r.default.div`
   position: relative;
   min-height: 440px;
   display: flex;
   flex-direction: column;
-`,d=t.keyframes`
+`,h=f.keyframes`
   0% {
     background-color:#f5f5f5;
   }
@@ -14,86 +14,86 @@
 
   100% {
     background-color:#f5f5f5;
-  }`,s=o.default.div`
+  }`,X=r.default.div`
   width: 100%;
   height: 440px;
-  animation: ${d} 2s linear infinite;
-`,u=o.default.div`
-  pointer-events: ${({$pointerEvents:w})=>w};
+  animation: ${h} 2s linear infinite;
+`,Y=r.default.div`
+  pointer-events: ${({$pointerEvents:e})=>e};
   display: flex;
-  flex-direction: ${({$direction:w})=>w};
-  align-items: ${({$align:w})=>w};
-  justify-content: ${({$justify:w})=>w};
+  flex-direction: ${({$direction:e})=>e};
+  align-items: ${({$align:e})=>e};
+  justify-content: ${({$justify:e})=>e};
   padding: 3rem 1.5rem;
   z-index: 1;
   flex: 1;
-`,c=o.default.iframe`
+`,_=r.default.iframe`
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
-`,$=w=>typeof w=="number",f=w=>typeof w=="string",m=o.default.div`
+`,o=e=>typeof e=="number",x=e=>typeof e=="string",A=r.default.div`
   width: 100%;
   min-height: 440px;
   display: flex;
   flex-direction: column;
   justify-content: center;
 
-  ${({$url:w,...b})=>w&&`
-    background: url('${w}');
+  ${({$url:e,...t})=>e&&`
+    background: url('${e}');
     background-repeat: no-repeat;
     background-size: cover;
-    background-position: ${(({$positionX:v,$positionY:E})=>$(v)&&$(E)?`${v}% ${E}%`:f(v)&&f(E)?`${v} ${E}`:v||E?`${($(v)?`${v}%`:v)||"50%"} ${($(E)?`${E}%`:E)||"50%"}`:"50% 50%")(b)};
+    background-position: ${(({$positionX:n,$positionY:i})=>o(n)&&o(i)?`${n}% ${i}%`:x(n)&&x(i)?`${n} ${i}`:n||i?`${(o(n)?`${n}%`:n)||"50%"} ${(o(i)?`${i}%`:i)||"50%"}`:"50% 50%")(t)};
   `}
-`,p=o.default.div`
+`,B=r.default.div`
   padding-left: 1rem;
   padding-right: 1rem;
   z-index: 2;
 
-  ${i.mq("tablet")} {
+  ${s.mq("tablet")} {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
-`,g=o.default.div`
-  ${({$centered:w})=>w&&`
+`,D=r.default.div`
+  ${({$centered:e})=>e&&`
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
   `}
 
-  ${({$maxWidth:w,$dynamicGutter:b})=>!b&&`
+  ${({$maxWidth:e,$dynamicGutter:t})=>!t&&`
     width: 100%;
     margin-left: auto;
     margin-right: auto;
-    max-width: ${w}rem;
+    max-width: ${e}rem;
   `}
 
-  ${({$dynamicGutter:w})=>w&&`
-    ${i.mq("tablet")} {
-      margin-left: ${w.tabletVw}vw;
-      margin-right: ${w.tabletVw}vw;
+  ${({$dynamicGutter:e})=>e&&`
+    ${s.mq("tablet")} {
+      margin-left: ${e.tabletVw}vw;
+      margin-right: ${e.tabletVw}vw;
     }
 
-    ${i.mq("laptop")} {
-      margin-left: ${w.laptopVw}vw;
-      margin-right: ${w.laptopVw}vw;
+    ${s.mq("laptop")} {
+      margin-left: ${e.laptopVw}vw;
+      margin-right: ${e.laptopVw}vw;
     }
   `}
-`,h=o.default(n.Display3)`
+`,F=r.default(p.Display3)`
   margin: 0;
-  color: ${({$color:w,theme:b})=>b.colors.text[w]};
+  color: ${({$color:e,theme:t})=>t.colors.text[e]};
 
-  ${({$shadow:w})=>w&&"text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);"}
-`,x=o.default(n.Title)`
+  ${({$shadow:e})=>e&&"text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);"}
+`,H=r.default(p.Title)`
   margin: 0.25rem 0;
-  color: ${({$color:w,theme:b})=>b.colors.text[w]};
+  color: ${({$color:e,theme:t})=>t.colors.text[e]};
 
-  ${({$shadow:w})=>w&&"text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);"}
-`,y=o.default.div`
+  ${({$shadow:e})=>e&&"text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);"}
+`,L=r.default.div`
   display: inline-block;
   margin-top: 3rem;
 
-  ${({$shadow:w,theme:b})=>w&&`box-shadow: ${b.elevations.elevation8};`}
-`;exports.colorAnimation=d,exports.default=({imageProps:w,imageElement:b,videoProps:v,children:E,align:P,direction:S,justify:W,contentMaxWidth:I=64,heading:k,headingColor:z="dark",subheading:j,button:q,dynamicGutter:M,isLoading:G=!1,contentCentered:X=!1,containerStyle:Y,elementShadow:V=!1})=>{const{autoplay:_=0,controls:A=0,disablekb:B=0,end:C,loop:D=0,modestbranding:F=1,start:H=0,showInfo:L=0}=(v==null?void 0:v.ytConfig)||{};return G?r.default.createElement(s,{"data-testid":"loader"}):r.default.createElement(l,{style:Y},v?r.default.createElement(c,{"data-testid":"hero-video",title:"video-frame",src:`${v.src}?disabledkb=${B}&autoplay=${_}&controls=${A}&loop=${D}&modestbranding=${F}&start=${H}&showInfo=${L}${C?`&end=${C}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):r.default.createElement(m,{"data-testid":"hero-image",$positionX:b||w==null?void 0:w.x,$positionY:b||w==null?void 0:w.y,$url:b||w==null?void 0:w.src},b,r.default.createElement(p,null,(k||j||q)&&r.default.createElement(g,{$maxWidth:I,$dynamicGutter:M,$centered:X},k&&r.default.createElement(h,{as:"h1",$color:z,$shadow:V},k),j&&r.default.createElement(x,{$color:z,$shadow:V},j),q&&r.default.createElement(y,{$shadow:V},q)),E&&r.default.createElement(u,{$pointerEvents:v?"none":"auto",$align:P||"flex-start",$direction:S||"column",$justify:W||"flex-start"},E))))};
+  ${({$shadow:e,theme:t})=>e&&`box-shadow: ${t.elevations.elevation8};`}
+`;exports.colorAnimation=h,exports.default=({imageProps:e,imageElement:t,videoProps:n,children:i,align:y,direction:w,justify:b,contentMaxWidth:v=64,heading:l,headingColor:$="dark",subheading:d,button:u,dynamicGutter:E,isLoading:k=!1,contentCentered:j=!1,containerStyle:q,elementShadow:c=!1})=>{const{autoplay:V=0,controls:z=0,disablekb:C=0,end:m,loop:P=0,modestbranding:S=1,start:W=0,showInfo:I=0}=(n==null?void 0:n.ytConfig)||{};return k?a.default.createElement(X,{"data-testid":"loader"}):a.default.createElement(G,{style:q},n?a.default.createElement(_,{"data-testid":"hero-video",title:"video-frame",src:`${n.src}?disabledkb=${C}&autoplay=${V}&controls=${z}&loop=${P}&modestbranding=${S}&start=${W}&showInfo=${I}${m?`&end=${m}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):a.default.createElement(A,{"data-testid":"hero-image",$positionX:t||e==null?void 0:e.x,$positionY:t||e==null?void 0:e.y,$url:t||e==null?void 0:e.src},t,a.default.createElement(B,null,(l||d||u)&&a.default.createElement(D,{$maxWidth:v,$dynamicGutter:E,$centered:j},l&&a.default.createElement(F,{as:"h1",$color:$,$shadow:c},l),d&&a.default.createElement(H,{$color:$,$shadow:c},d),u&&a.default.createElement(L,{$shadow:c},u)),i&&a.default.createElement(Y,{$pointerEvents:n?"none":"auto",$align:y||"flex-start",$direction:w||"column",$justify:b||"flex-start"},i))))};