rk-designsystem 1.1.32 → 1.1.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/componentlibrary.es.js +495 -487
- package/dist/componentlibrary.umd.js +4 -4
- package/dist/index.d.ts +48 -11
- package/dist/rk-designsystem.css +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(n,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react"),require("@digdir/designsystemet-react"),require("date-fns")):typeof define=="function"&&define.amd?define(["exports","react","@digdir/designsystemet-react","date-fns"],d):(n=typeof globalThis<"u"?globalThis:n||self,d(n.ComponentLibrary={},n.React,n.designsystemetReact,n.dateFns))})(this,(function(n,d,o,m){"use strict";var te={exports:{}},
|
|
1
|
+
(function(n,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react"),require("@digdir/designsystemet-react"),require("date-fns")):typeof define=="function"&&define.amd?define(["exports","react","@digdir/designsystemet-react","date-fns"],d):(n=typeof globalThis<"u"?globalThis:n||self,d(n.ComponentLibrary={},n.React,n.designsystemetReact,n.dateFns))})(this,(function(n,d,o,m){"use strict";var te={exports:{}},G={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var ce;function Ae(){if(ce)return G;ce=1;var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function a(s,u,f){var h=null;if(f!==void 0&&(h=""+f),u.key!==void 0&&(h=""+u.key),"key"in u){f={};for(var k in u)k!=="key"&&(f[k]=u[k])}else f=u;return u=f.ref,{$$typeof:t,type:s,key:h,ref:u!==void 0?u:null,props:f}}return G.Fragment=r,G.jsx=a,G.jsxs=a,G}var X={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
17
|
+
*/var de;function Be(){return de||(de=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===se?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case j:return"Fragment";case c:return"Profiler";case Q:return"StrictMode";case Y:return"Suspense";case A:return"SuspenseList";case le:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case U:return"Portal";case S:return e.displayName||"Context";case x:return(e._context.displayName||"Context")+".Consumer";case D:var i=e.render;return e=e.displayName,e||(e=i.displayName||i.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case B:return i=e.displayName||null,i!==null?i:t(e.type)||"Memo";case Z:i=e._payload,e=e._init;try{return t(e(i))}catch{}}return null}function r(e){return""+e}function a(e){try{r(e);var i=!1}catch{i=!0}if(i){i=console;var p=i.error,v=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return p.call(i,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",v),r(e)}}function s(e){if(e===j)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===Z)return"<...>";try{var i=t(e);return i?"<"+i+">":"<...>"}catch{return"<...>"}}function u(){var e=O.A;return e===null?null:e.getOwner()}function f(){return Error("react-stack-top-frame")}function h(e){if(E.call(e,"key")){var i=Object.getOwnPropertyDescriptor(e,"key").get;if(i&&i.isReactWarning)return!1}return e.key!==void 0}function k(e,i){function p(){q||(q=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",i))}p.isReactWarning=!0,Object.defineProperty(e,"key",{get:p,configurable:!0})}function _(){var e=t(this.type);return re[e]||(re[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function P(e,i,p,v,H,C){var b=p.ref;return e={$$typeof:V,type:e,key:i,props:p,_owner:v},(b!==void 0?b:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:_}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:H}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:C}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function y(e,i,p,v,H,C){var b=i.children;if(b!==void 0)if(v)if(F(b)){for(v=0;v<b.length;v++)N(b[v]);Object.freeze&&Object.freeze(b)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else N(b);if(E.call(i,"key")){b=t(e);var T=Object.keys(i).filter(function(ue){return ue!=="key"});v=0<T.length?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}",oe[b+v]||(T=0<T.length?"{"+T.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
18
|
let props = %s;
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,f,v,D,v),$[v+f]=!0)}if(v=null,b!==void 0&&(a(b),v=""+b),h(i)&&(a(i.key),v=""+i.key),"key"in i){b={};for(var H in i)H!=="key"&&(b[H]=i[H])}else b=i;return v&&k(b,typeof e=="function"?e.displayName||e.name||"Unknown":e),P(e,v,b,u(),j,B)}function _(e){R(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===Z&&(e._payload.status==="fulfilled"?R(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function R(e){return typeof e=="object"&&e!==null&&e.$$typeof===V}var w=d,V=Symbol.for("react.transitional.element"),J=Symbol.for("react.portal"),s=Symbol.for("react.fragment"),T=Symbol.for("react.strict_mode"),N=Symbol.for("react.profiler"),W=Symbol.for("react.consumer"),U=Symbol.for("react.context"),Y=Symbol.for("react.forward_ref"),re=Symbol.for("react.suspense"),Q=Symbol.for("react.suspense_list"),A=Symbol.for("react.memo"),Z=Symbol.for("react.lazy"),F=Symbol.for("react.activity"),y=Symbol.for("react.client.reference"),S=w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,ae=Array.isArray,q=console.createTask?console.createTask:function(){return null};w={react_stack_bottom_frame:function(e){return e()}};var ne,oe={},ie=w.react_stack_bottom_frame.bind(w,p)(),le=q(l(p)),$={};G.Fragment=s,G.jsx=function(e,i,b){var f=1e4>S.recentlyCreatedOwnerStacks++;return E(e,i,b,!1,f?Error("react-stack-top-frame"):ie,f?q(l(e)):le)},G.jsxs=function(e,i,b){var f=1e4>S.recentlyCreatedOwnerStacks++;return E(e,i,b,!0,f?Error("react-stack-top-frame"):ie,f?q(l(e)):le)}})()),G}var de;function Ae(){return de||(de=1,process.env.NODE_ENV==="production"?te.exports=Oe():te.exports=We()),te.exports}var c=Ae();const fe=d.forwardRef((t,r)=>c.jsx(o.Alert,{ref:r,...t}));fe.displayName="Alert";const me=d.forwardRef((t,r)=>c.jsx(o.Avatar,{ref:r,...t}));me.displayName="Avatar";const he=d.forwardRef((t,r)=>c.jsx(o.Badge,{ref:r,...t}));he.displayName="Badge";const Be=o.BadgePosition,Le=o.Breadcrumbs,Ie=o.BreadcrumbsList,Re=o.BreadcrumbsItem,Ve=o.BreadcrumbsLink,be=o.Button;be.displayName="Button";const pe=o.Card,Ye=o.CardBlock;pe.displayName="Card";const ve=o.Checkbox,Fe=o.Fieldset,He=o.useCheckboxGroup;ve.displayName="Checkbox",Fe.displayName="Fieldset";const ze=o.Chip;function se(t){return(r={})=>{const a=r.width?String(r.width):t.defaultWidth;return t.formats[a]||t.formats[t.defaultWidth]}}function X(t){return(r,a)=>{const l=a!=null&&a.context?String(a.context):"standalone";let u;if(l==="formatting"&&t.formattingValues){const h=t.defaultFormattingWidth||t.defaultWidth,k=a!=null&&a.width?String(a.width):h;u=t.formattingValues[k]||t.formattingValues[h]}else{const h=t.defaultWidth,k=a!=null&&a.width?String(a.width):t.defaultWidth;u=t.values[k]||t.values[h]}const p=t.argumentCallback?t.argumentCallback(r):r;return u[p]}}function K(t){return(r,a={})=>{const l=a.width,u=l&&t.matchPatterns[l]||t.matchPatterns[t.defaultMatchWidth],p=r.match(u);if(!p)return null;const h=p[0],k=l&&t.parsePatterns[l]||t.parsePatterns[t.defaultParseWidth],C=Array.isArray(k)?Xe(k,_=>_.test(h)):Ge(k,_=>_.test(h));let P;P=t.valueCallback?t.valueCallback(C):C,P=a.valueCallback?a.valueCallback(P):P;const E=r.slice(h.length);return{value:P,rest:E}}}function Ge(t,r){for(const a in t)if(Object.prototype.hasOwnProperty.call(t,a)&&r(t[a]))return a}function Xe(t,r){for(let a=0;a<t.length;a++)if(r(t[a]))return a}function Ke(t){return(r,a={})=>{const l=r.match(t.matchPattern);if(!l)return null;const u=l[0],p=r.match(t.parsePattern);if(!p)return null;let h=t.valueCallback?t.valueCallback(p[0]):p[0];h=a.valueCallback?a.valueCallback(h):h;const k=r.slice(u.length);return{value:h,rest:k}}}const Je={lessThanXSeconds:{one:"mindre enn ett sekund",other:"mindre enn {{count}} sekunder"},xSeconds:{one:"ett sekund",other:"{{count}} sekunder"},halfAMinute:"et halvt minutt",lessThanXMinutes:{one:"mindre enn ett minutt",other:"mindre enn {{count}} minutter"},xMinutes:{one:"ett minutt",other:"{{count}} minutter"},aboutXHours:{one:"omtrent en time",other:"omtrent {{count}} timer"},xHours:{one:"en time",other:"{{count}} timer"},xDays:{one:"en dag",other:"{{count}} dager"},aboutXWeeks:{one:"omtrent en uke",other:"omtrent {{count}} uker"},xWeeks:{one:"en uke",other:"{{count}} uker"},aboutXMonths:{one:"omtrent en måned",other:"omtrent {{count}} måneder"},xMonths:{one:"en måned",other:"{{count}} måneder"},aboutXYears:{one:"omtrent ett år",other:"omtrent {{count}} år"},xYears:{one:"ett år",other:"{{count}} år"},overXYears:{one:"over ett år",other:"over {{count}} år"},almostXYears:{one:"nesten ett år",other:"nesten {{count}} år"}},Ue=(t,r,a)=>{let l;const u=Je[t];return typeof u=="string"?l=u:r===1?l=u.one:l=u.other.replace("{{count}}",String(r)),a!=null&&a.addSuffix?a.comparison&&a.comparison>0?"om "+l:l+" siden":l},Qe={full:"EEEE d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"dd.MM.y"},Ze={full:"'kl'. HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},qe={full:"{{date}} 'kl.' {{time}}",long:"{{date}} 'kl.' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},$e={date:se({formats:Qe,defaultWidth:"full"}),time:se({formats:Ze,defaultWidth:"full"}),dateTime:se({formats:qe,defaultWidth:"full"})},et={lastWeek:"'forrige' eeee 'kl.' p",yesterday:"'i går kl.' p",today:"'i dag kl.' p",tomorrow:"'i morgen kl.' p",nextWeek:"EEEE 'kl.' p",other:"P"},tt=(t,r,a,l)=>et[t],rt={narrow:["f.Kr.","e.Kr."],abbreviated:["f.Kr.","e.Kr."],wide:["før Kristus","etter Kristus"]},at={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. kvartal","2. kvartal","3. kvartal","4. kvartal"]},nt={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mars","apr.","mai","juni","juli","aug.","sep.","okt.","nov.","des."],wide:["januar","februar","mars","april","mai","juni","juli","august","september","oktober","november","desember"]},ot={narrow:["S","M","T","O","T","F","L"],short:["sø","ma","ti","on","to","fr","lø"],abbreviated:["søn","man","tir","ons","tor","fre","lør"],wide:["søndag","mandag","tirsdag","onsdag","torsdag","fredag","lørdag"]},it={narrow:{am:"a",pm:"p",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},abbreviated:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morgenen",afternoon:"på ettermiddagen",evening:"på kvelden",night:"på natten"}},lt={ordinalNumber:(t,r)=>Number(t)+".",era:X({values:rt,defaultWidth:"wide"}),quarter:X({values:at,defaultWidth:"wide",argumentCallback:t=>t-1}),month:X({values:nt,defaultWidth:"wide"}),day:X({values:ot,defaultWidth:"wide"}),dayPeriod:X({values:it,defaultWidth:"wide"})},st=/^(\d+)\.?/i,ut=/\d+/i,ct={narrow:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,abbreviated:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,wide:/^(før Kristus|før vår tid|etter Kristus|vår tid)/i},dt={any:[/^f/i,/^e/i]},ft={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](\.)? kvartal/i},mt={any:[/1/i,/2/i,/3/i,/4/i]},ht={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,wide:/^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i},bt={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^mai/i,/^jun/i,/^jul/i,/^aug/i,/^s/i,/^o/i,/^n/i,/^d/i]},pt={narrow:/^[smtofl]/i,short:/^(sø|ma|ti|on|to|fr|lø)/i,abbreviated:/^(søn|man|tir|ons|tor|fre|lør)/i,wide:/^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i},vt={any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},kt={narrow:/^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,any:/^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i},gt={any:{am:/^a(\.?\s?m\.?)?$/i,pm:/^p(\.?\s?m\.?)?$/i,midnight:/^midn/i,noon:/^midd/i,morning:/morgen/i,afternoon:/ettermiddag/i,evening:/kveld/i,night:/natt/i}},_t={ordinalNumber:Ke({matchPattern:st,parsePattern:ut,valueCallback:t=>parseInt(t,10)}),era:K({matchPatterns:ct,defaultMatchWidth:"wide",parsePatterns:dt,defaultParseWidth:"any"}),quarter:K({matchPatterns:ft,defaultMatchWidth:"wide",parsePatterns:mt,defaultParseWidth:"any",valueCallback:t=>t+1}),month:K({matchPatterns:ht,defaultMatchWidth:"wide",parsePatterns:bt,defaultParseWidth:"any"}),day:K({matchPatterns:pt,defaultMatchWidth:"wide",parsePatterns:vt,defaultParseWidth:"any"}),dayPeriod:K({matchPatterns:kt,defaultMatchWidth:"any",parsePatterns:gt,defaultParseWidth:"any"})},I={code:"nb",formatDistance:Ue,formatLong:$e,formatRelative:tt,localize:lt,match:_t,options:{weekStartsOn:1,firstWeekContainsDate:4}},ke=({title:t,...r})=>c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":t?void 0:!0,focusable:"false",...r,children:[t&&c.jsx("title",{children:t}),c.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.952 6.96459C16.6103 6.62289 16.0563 6.62289 15.7146 6.96459L9.2979 13.3813C8.95621 13.723 8.95621 14.277 9.2979 14.6187L15.7146 21.0354C16.0563 21.3771 16.6103 21.3771 16.952 21.0354C17.2937 20.6937 17.2937 20.1396 16.952 19.7979L11.1541 14L16.952 8.20203C17.2937 7.86032 17.2937 7.3063 16.952 6.96459Z",fill:"currentColor"})]});ke.displayName="ChevronLeftIcon";const ge=({title:t,...r})=>c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":t?void 0:!0,focusable:"false",...r,children:[t&&c.jsx("title",{children:t}),c.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.048 6.96459C11.3897 6.62289 11.9437 6.62289 12.2854 6.96459L18.7021 13.3813C19.0438 13.723 19.0438 14.277 18.7021 14.6187L12.2854 21.0354C11.9437 21.3771 11.3897 21.3771 11.048 21.0354C10.7063 20.6937 10.7063 20.1396 11.048 19.7979L16.8459 14L11.048 8.20203C10.7063 7.86032 10.7063 7.3063 11.048 6.96459Z",fill:"currentColor"})]});ge.displayName="ChevronRightIcon";const g={calendarContainer:"_calendarContainer_160wn_3",calendarHeader:"_calendarHeader_160wn_17",monthYear:"_monthYear_160wn_24",navigationButtons:"_navigationButtons_160wn_36",grid:"_grid_160wn_45",dayNameCell:"_dayNameCell_160wn_53",dateCell:"_dateCell_160wn_72",dateNumberContainer:"_dateNumberContainer_160wn_107",otherMonth:"_otherMonth_160wn_125",selectedDate:"_selectedDate_160wn_157"},wt=t=>{const r=m.startOfMonth(t),a=m.startOfWeek(r,{locale:I}),l=m.addDays(a,41);return m.eachDayOfInterval({start:a,end:l})},_e=t=>t&&t.charAt(0).toUpperCase()+t.slice(1),we=({initialDate:t=new Date,selectedDate:r=null,onDateSelect:a})=>{const[l,u]=d.useState(m.startOfMonth(r&&m.isValid(r)?r:t));d.useEffect(()=>{if(r&&m.isValid(r)){const s=m.startOfMonth(r);m.isSameMonth(s,l)||u(s)}},[r]);const p=d.useMemo(()=>m.startOfMonth(new Date),[]),h=d.useMemo(()=>!1,[l,p]),k=d.useMemo(()=>wt(l),[l]),C=d.useMemo(()=>{const s=m.startOfWeek(new Date,{locale:I});return Array.from({length:7}).map((T,N)=>{const W=m.format(m.addDays(s,N),"EEEEEE",{locale:I});return _e(W)})},[]),P=d.useCallback(()=>{h||u(s=>m.startOfMonth(m.subMonths(s,1)))},[h]),E=d.useCallback(()=>{u(s=>m.startOfMonth(m.addMonths(s,1)))},[]),_=d.useCallback(s=>{a&&a(s)},[a]),R=d.useCallback((s,T)=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),_(T))},[_]),w=m.format(l,"MMMM",{locale:I}),V=m.format(l,"yyyy",{locale:I}),J=`${_e(w)} ${V}`;return c.jsxs("div",{className:g.calendarContainer,children:[c.jsxs("div",{className:g.calendarHeader,children:[c.jsx("span",{className:g.monthYear,children:J}),c.jsxs("div",{className:g.navigationButtons,children:[c.jsx(o.Button,{variant:"tertiary",icon:!0,onClick:P,"aria-label":"Forrige måned",disabled:h,children:c.jsx(ke,{})}),c.jsx(o.Button,{variant:"tertiary",icon:!0,onClick:E,"aria-label":"Neste måned",children:c.jsx(ge,{})})]})]}),c.jsx("div",{className:g.grid,children:C.map(s=>c.jsx("div",{className:g.dayNameCell,children:s},s))}),c.jsx("div",{className:g.grid,children:k.map(s=>{const T=m.isSameMonth(s,l),N=r&&m.isValid(r)&&m.isSameDay(s,r),W=m.isToday(s),U=[g.dateCell,T?"":g.otherMonth,N?g.selectedDate:"",W&&!N?g.todayDate:""].filter(Boolean).join(" ");return c.jsx("div",{className:U,onClick:()=>_(s),onKeyDown:Y=>R(Y,s),role:"button",tabIndex:0,"aria-pressed":N??!1,"aria-label":m.format(s,"PPP",{locale:I}),children:c.jsx("span",{className:g.dateNumberContainer,children:m.format(s,"d")})},s.toISOString())})})]})};we.displayName="DatePicker";const O={fieldset:"_fieldset_17wt1_4",description:"_description_17wt1_15",error:"_error_17wt1_22",inputWrapper:"_inputWrapper_17wt1_30",inputWrapperError:"_inputWrapperError_17wt1_42",suffixButton:"_suffixButton_17wt1_100",suffixButtonInteractive:"_suffixButtonInteractive_17wt1_120"},Ce=t=>{const r=t.slice(0,2),a=t.slice(2,4),l=t.slice(4,8);return t.length>4?`${r}.${a}.${l}`:t.length>2?`${r}.${a}`:t.length>0?r:""},Pe=t=>(t||"").replace(/\D/g,""),Ee=t=>{let r=t;if(r.length>=2){const a=parseInt(r.substring(0,2),10);!isNaN(a)&&a>31&&(r="31"+r.substring(2))}if(r.length>=4){const a=parseInt(r.substring(2,4),10);!isNaN(a)&&a>12&&(r=r.substring(0,2)+"12"+r.substring(4))}return r.slice(0,8)},ye=d.forwardRef((t,r)=>{const{label:a,suffixIcon:l,onSuffixClick:u,className:p,inputWrapperClassName:h,inputClassName:k,value:C,defaultValue:P,onChange:E,readOnly:_,placeholder:R="dd.mm.åååå",id:w,name:V,required:J,disabled:s,onClick:T,onFocus:N,onBlur:W,autoComplete:U="off","aria-label":Y,"aria-labelledby":re,description:Q,error:A,...Z}=t,F=C!==void 0,y=d.useRef(null);d.useImperativeHandle(r,()=>y.current);const S=d.useCallback(f=>{const j=Pe(f),B=Ee(j);return Ce(B)},[]),[M,ae]=d.useState(()=>S(C??P));d.useEffect(()=>{if(F){const f=S(C);f!==M&&(ae(f),y.current&&y.current.value!==f&&(y.current.value=f))}},[C,F,M,S]);const q=d.useCallback(f=>{const j=f.target,B=j.value,v=M,D=Pe(B).slice(0,8),H=Ee(D),x=Ce(H);let L=0;const ee=H.length;ee<=2?L=ee:ee<=4?L=ee+1:L=ee+2,L=Math.min(L,x.length),requestAnimationFrame(()=>{if(y.current&&(ae(x),y.current.value=x,y.current.setSelectionRange(L,L),(x!==v||F)&&E)){const Qt={...f,target:{...j,value:x}};E(Qt,x)}})},[M,F,E,S]),ne=[O.fieldset,p].filter(Boolean).join(" "),oe=[O.inputWrapper,h,A?O.inputWrapperError:""].filter(Boolean).join(" "),ie=[k].filter(Boolean).join(" "),le=[O.suffixButton,u?O.suffixButtonInteractive:""].filter(Boolean).join(" ");!a&&!Y&&!re&&console.warn("Warning: DateInput component should have a label, aria-label, or aria-labelledby for accessibility.");const $=a&&typeof a=="string"?re||`${w}-label`:void 0,e=Q?`${w}-desc`:void 0,i=A?`${w}-err`:void 0,b=[e,i].filter(Boolean).join(" ")||void 0;return c.jsxs("div",{className:ne,children:[a&&typeof a=="string"?c.jsx("label",{id:$,htmlFor:w,children:a}):a,Q&&c.jsxs("p",{id:e,className:O.description,children:[" ",Q]}),c.jsxs("div",{className:oe,children:[c.jsx("input",{ref:y,type:"text",inputMode:"numeric",pattern:"\\d{2}\\.\\d{2}\\.\\d{4}",maxLength:10,value:M,readOnly:_,placeholder:R,id:w,name:V,required:J,disabled:s,onClick:T,onChange:q,onFocus:N,onBlur:W,autoComplete:U,"aria-label":Y,"aria-labelledby":$,"aria-describedby":b,"aria-invalid":!!A,className:ie,...Z}),l&&c.jsx("button",{type:"button",className:le,onClick:s?void 0:u,tabIndex:u&&!s?0:-1,"aria-hidden":!u,disabled:s,"aria-label":u?"Åpne datovelger":void 0,children:l})]}),A&&c.jsx("p",{id:i,className:O.error,role:"alert",children:A})]})});ye.displayName="DateInput";const Ct=o.Details,Pt=o.Dialog,Et=o.Divider,yt=o.Dropdown,Nt=o.ErrorSummary,jt=o.Field,Ne=o.FieldDescription,je=o.FieldCounter;Ne.displayName="Field.Description",je.displayName="Field.Counter";const Tt=o.Fieldset,Te=d.forwardRef((t,r)=>c.jsx(o.Heading,{ref:r,...t}));Te.displayName="Heading";const St=o.Input,Se=d.forwardRef((t,r)=>c.jsx(o.Label,{ref:r,...t}));Se.displayName="Label";const Mt=o.Link,Dt=o.List,xt=o.Pagination,Ot=o.usePagination,Me=d.forwardRef((t,r)=>c.jsx(o.Paragraph,{ref:r,...t}));Me.displayName="Paragraph";const Wt=o.Popover,At=o.Radio,Bt=o.useRadioGroup,Lt=o.Search,It=o.Select,Rt=o.Skeleton,Vt=o.SkipLink,Yt=o.Spinner,De=o.EXPERIMENTAL_Suggestion;De.displayName="Suggestion";const Ft=o.Switch,Ht=o.Table,zt=o.Tabs,Gt=o.Tag,Xt=o.Textarea,Kt=o.Textfield,Jt=o.ToggleGroup,Ut=o.Tooltip,xe=d.forwardRef((t,r)=>c.jsx(o.ValidationMessage,{ref:r,...t}));xe.displayName="ValidationMessage",n.Alert=fe,n.Avatar=me,n.Badge=he,n.BadgePosition=Be,n.Breadcrumbs=Le,n.BreadcrumbsItem=Re,n.BreadcrumbsLink=Ve,n.BreadcrumbsList=Ie,n.Button=be,n.Card=pe,n.CardBlock=Ye,n.Checkbox=ve,n.Chip=ze,n.DateInput=ye,n.DatePicker=we,n.Details=Ct,n.Dialog=Pt,n.Divider=Et,n.Dropdown=yt,n.ErrorSummary=Nt,n.Field=jt,n.FieldCounter=je,n.FieldDescription=Ne,n.Fieldset=Tt,n.Heading=Te,n.Input=St,n.Label=Se,n.Link=Mt,n.List=Dt,n.Pagination=xt,n.Paragraph=Me,n.Popover=Wt,n.Radio=At,n.Search=Lt,n.Select=It,n.SkeletonLoader=Rt,n.SkipLink=Vt,n.Spinner=Yt,n.Suggestion=De,n.Switch=Ft,n.Table=Ht,n.Tabs=zt,n.Tag=Gt,n.Textarea=Xt,n.Textfield=Kt,n.ToggleGroup=Jt,n.Tooltip=Ut,n.ValidationMessage=xe,n.useCheckboxGroup=He,n.usePagination=Ot,n.useRadioGroup=Bt,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
|
|
22
|
+
<%s key={someKey} {...props} />`,v,b,T,b),oe[b+v]=!0)}if(b=null,p!==void 0&&(a(p),b=""+p),h(i)&&(a(i.key),b=""+i.key),"key"in i){p={};for(var $ in i)$!=="key"&&(p[$]=i[$])}else p=i;return b&&k(p,typeof e=="function"?e.displayName||e.name||"Unknown":e),P(e,b,p,u(),H,C)}function N(e){R(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===Z&&(e._payload.status==="fulfilled"?R(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function R(e){return typeof e=="object"&&e!==null&&e.$$typeof===V}var g=d,V=Symbol.for("react.transitional.element"),U=Symbol.for("react.portal"),j=Symbol.for("react.fragment"),Q=Symbol.for("react.strict_mode"),c=Symbol.for("react.profiler"),x=Symbol.for("react.consumer"),S=Symbol.for("react.context"),D=Symbol.for("react.forward_ref"),Y=Symbol.for("react.suspense"),A=Symbol.for("react.suspense_list"),B=Symbol.for("react.memo"),Z=Symbol.for("react.lazy"),le=Symbol.for("react.activity"),se=Symbol.for("react.client.reference"),O=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,E=Object.prototype.hasOwnProperty,F=Array.isArray,M=console.createTask?console.createTask:function(){return null};g={react_stack_bottom_frame:function(e){return e()}};var q,re={},ae=g.react_stack_bottom_frame.bind(g,f)(),ne=M(s(f)),oe={};X.Fragment=j,X.jsx=function(e,i,p){var v=1e4>O.recentlyCreatedOwnerStacks++;return y(e,i,p,!1,v?Error("react-stack-top-frame"):ae,v?M(s(e)):ne)},X.jsxs=function(e,i,p){var v=1e4>O.recentlyCreatedOwnerStacks++;return y(e,i,p,!0,v?Error("react-stack-top-frame"):ae,v?M(s(e)):ne)}})()),X}var fe;function Le(){return fe||(fe=1,process.env.NODE_ENV==="production"?te.exports=Ae():te.exports=Be()),te.exports}var l=Le();const me=d.forwardRef((t,r)=>l.jsx(o.Alert,{ref:r,...t}));me.displayName="Alert";const he=d.forwardRef((t,r)=>l.jsx(o.Avatar,{ref:r,...t}));he.displayName="Avatar";const pe=d.forwardRef((t,r)=>l.jsx(o.Badge,{ref:r,...t}));pe.displayName="Badge";const Ie=o.BadgePosition,Re=o.Breadcrumbs,Ve=o.BreadcrumbsList,Ye=o.BreadcrumbsItem,Fe=o.BreadcrumbsLink,be=o.Button;be.displayName="Button";const ve=o.Card,He=o.CardBlock;ve.displayName="Card";const ke=o.Checkbox,ze=o.Fieldset,Ge=o.useCheckboxGroup;ke.displayName="Checkbox",ze.displayName="Fieldset";const Xe=o.Chip;function ie(t){return(r={})=>{const a=r.width?String(r.width):t.defaultWidth;return t.formats[a]||t.formats[t.defaultWidth]}}function K(t){return(r,a)=>{const s=a!=null&&a.context?String(a.context):"standalone";let u;if(s==="formatting"&&t.formattingValues){const h=t.defaultFormattingWidth||t.defaultWidth,k=a!=null&&a.width?String(a.width):h;u=t.formattingValues[k]||t.formattingValues[h]}else{const h=t.defaultWidth,k=a!=null&&a.width?String(a.width):t.defaultWidth;u=t.values[k]||t.values[h]}const f=t.argumentCallback?t.argumentCallback(r):r;return u[f]}}function J(t){return(r,a={})=>{const s=a.width,u=s&&t.matchPatterns[s]||t.matchPatterns[t.defaultMatchWidth],f=r.match(u);if(!f)return null;const h=f[0],k=s&&t.parsePatterns[s]||t.parsePatterns[t.defaultParseWidth],_=Array.isArray(k)?Je(k,N=>N.test(h)):Ke(k,N=>N.test(h));let P;P=t.valueCallback?t.valueCallback(_):_,P=a.valueCallback?a.valueCallback(P):P;const y=r.slice(h.length);return{value:P,rest:y}}}function Ke(t,r){for(const a in t)if(Object.prototype.hasOwnProperty.call(t,a)&&r(t[a]))return a}function Je(t,r){for(let a=0;a<t.length;a++)if(r(t[a]))return a}function Ue(t){return(r,a={})=>{const s=r.match(t.matchPattern);if(!s)return null;const u=s[0],f=r.match(t.parsePattern);if(!f)return null;let h=t.valueCallback?t.valueCallback(f[0]):f[0];h=a.valueCallback?a.valueCallback(h):h;const k=r.slice(u.length);return{value:h,rest:k}}}const Qe={lessThanXSeconds:{one:"mindre enn ett sekund",other:"mindre enn {{count}} sekunder"},xSeconds:{one:"ett sekund",other:"{{count}} sekunder"},halfAMinute:"et halvt minutt",lessThanXMinutes:{one:"mindre enn ett minutt",other:"mindre enn {{count}} minutter"},xMinutes:{one:"ett minutt",other:"{{count}} minutter"},aboutXHours:{one:"omtrent en time",other:"omtrent {{count}} timer"},xHours:{one:"en time",other:"{{count}} timer"},xDays:{one:"en dag",other:"{{count}} dager"},aboutXWeeks:{one:"omtrent en uke",other:"omtrent {{count}} uker"},xWeeks:{one:"en uke",other:"{{count}} uker"},aboutXMonths:{one:"omtrent en måned",other:"omtrent {{count}} måneder"},xMonths:{one:"en måned",other:"{{count}} måneder"},aboutXYears:{one:"omtrent ett år",other:"omtrent {{count}} år"},xYears:{one:"ett år",other:"{{count}} år"},overXYears:{one:"over ett år",other:"over {{count}} år"},almostXYears:{one:"nesten ett år",other:"nesten {{count}} år"}},Ze=(t,r,a)=>{let s;const u=Qe[t];return typeof u=="string"?s=u:r===1?s=u.one:s=u.other.replace("{{count}}",String(r)),a!=null&&a.addSuffix?a.comparison&&a.comparison>0?"om "+s:s+" siden":s},qe={full:"EEEE d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"dd.MM.y"},$e={full:"'kl'. HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},et={full:"{{date}} 'kl.' {{time}}",long:"{{date}} 'kl.' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},tt={date:ie({formats:qe,defaultWidth:"full"}),time:ie({formats:$e,defaultWidth:"full"}),dateTime:ie({formats:et,defaultWidth:"full"})},rt={lastWeek:"'forrige' eeee 'kl.' p",yesterday:"'i går kl.' p",today:"'i dag kl.' p",tomorrow:"'i morgen kl.' p",nextWeek:"EEEE 'kl.' p",other:"P"},at=(t,r,a,s)=>rt[t],nt={narrow:["f.Kr.","e.Kr."],abbreviated:["f.Kr.","e.Kr."],wide:["før Kristus","etter Kristus"]},ot={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. kvartal","2. kvartal","3. kvartal","4. kvartal"]},it={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mars","apr.","mai","juni","juli","aug.","sep.","okt.","nov.","des."],wide:["januar","februar","mars","april","mai","juni","juli","august","september","oktober","november","desember"]},lt={narrow:["S","M","T","O","T","F","L"],short:["sø","ma","ti","on","to","fr","lø"],abbreviated:["søn","man","tir","ons","tor","fre","lør"],wide:["søndag","mandag","tirsdag","onsdag","torsdag","fredag","lørdag"]},st={narrow:{am:"a",pm:"p",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},abbreviated:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morgenen",afternoon:"på ettermiddagen",evening:"på kvelden",night:"på natten"}},ut={ordinalNumber:(t,r)=>Number(t)+".",era:K({values:nt,defaultWidth:"wide"}),quarter:K({values:ot,defaultWidth:"wide",argumentCallback:t=>t-1}),month:K({values:it,defaultWidth:"wide"}),day:K({values:lt,defaultWidth:"wide"}),dayPeriod:K({values:st,defaultWidth:"wide"})},ct=/^(\d+)\.?/i,dt=/\d+/i,ft={narrow:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,abbreviated:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,wide:/^(før Kristus|før vår tid|etter Kristus|vår tid)/i},mt={any:[/^f/i,/^e/i]},ht={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](\.)? kvartal/i},pt={any:[/1/i,/2/i,/3/i,/4/i]},bt={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,wide:/^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i},vt={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^mai/i,/^jun/i,/^jul/i,/^aug/i,/^s/i,/^o/i,/^n/i,/^d/i]},kt={narrow:/^[smtofl]/i,short:/^(sø|ma|ti|on|to|fr|lø)/i,abbreviated:/^(søn|man|tir|ons|tor|fre|lør)/i,wide:/^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i},gt={any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},_t={narrow:/^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,any:/^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i},Ct={any:{am:/^a(\.?\s?m\.?)?$/i,pm:/^p(\.?\s?m\.?)?$/i,midnight:/^midn/i,noon:/^midd/i,morning:/morgen/i,afternoon:/ettermiddag/i,evening:/kveld/i,night:/natt/i}},wt={ordinalNumber:Ue({matchPattern:ct,parsePattern:dt,valueCallback:t=>parseInt(t,10)}),era:J({matchPatterns:ft,defaultMatchWidth:"wide",parsePatterns:mt,defaultParseWidth:"any"}),quarter:J({matchPatterns:ht,defaultMatchWidth:"wide",parsePatterns:pt,defaultParseWidth:"any",valueCallback:t=>t+1}),month:J({matchPatterns:bt,defaultMatchWidth:"wide",parsePatterns:vt,defaultParseWidth:"any"}),day:J({matchPatterns:kt,defaultMatchWidth:"wide",parsePatterns:gt,defaultParseWidth:"any"}),dayPeriod:J({matchPatterns:_t,defaultMatchWidth:"any",parsePatterns:Ct,defaultParseWidth:"any"})},I={code:"nb",formatDistance:Ze,formatLong:tt,formatRelative:at,localize:ut,match:wt,options:{weekStartsOn:1,firstWeekContainsDate:4}},ge=({title:t,...r})=>l.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":t?void 0:!0,focusable:"false",...r,children:[t&&l.jsx("title",{children:t}),l.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.952 6.96459C16.6103 6.62289 16.0563 6.62289 15.7146 6.96459L9.2979 13.3813C8.95621 13.723 8.95621 14.277 9.2979 14.6187L15.7146 21.0354C16.0563 21.3771 16.6103 21.3771 16.952 21.0354C17.2937 20.6937 17.2937 20.1396 16.952 19.7979L11.1541 14L16.952 8.20203C17.2937 7.86032 17.2937 7.3063 16.952 6.96459Z",fill:"currentColor"})]});ge.displayName="ChevronLeftIcon";const _e=({title:t,...r})=>l.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":t?void 0:!0,focusable:"false",...r,children:[t&&l.jsx("title",{children:t}),l.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.048 6.96459C11.3897 6.62289 11.9437 6.62289 12.2854 6.96459L18.7021 13.3813C19.0438 13.723 19.0438 14.277 18.7021 14.6187L12.2854 21.0354C11.9437 21.3771 11.3897 21.3771 11.048 21.0354C10.7063 20.6937 10.7063 20.1396 11.048 19.7979L16.8459 14L11.048 8.20203C10.7063 7.86032 10.7063 7.3063 11.048 6.96459Z",fill:"currentColor"})]});_e.displayName="ChevronRightIcon";const w={calendarContainer:"_calendarContainer_10l5p_1",calendarHeader:"_calendarHeader_10l5p_14",monthYear:"_monthYear_10l5p_21",navigationButtons:"_navigationButtons_10l5p_32",grid:"_grid_10l5p_41",dayNameCell:"_dayNameCell_10l5p_48",dateCell:"_dateCell_10l5p_65",dateNumberContainer:"_dateNumberContainer_10l5p_90",otherMonth:"_otherMonth_10l5p_103",selectedDate:"_selectedDate_10l5p_129"},Pt=t=>{const r=m.startOfMonth(t),a=m.startOfWeek(r,{locale:I}),s=m.addDays(a,41);return m.eachDayOfInterval({start:a,end:s})},Ce=t=>t&&t.charAt(0).toUpperCase()+t.slice(1),we=({initialDate:t=new Date,selectedDate:r=null,onDateSelect:a,"data-color":s,"data-size":u})=>{const[f,h]=d.useState(m.startOfMonth(r&&m.isValid(r)?r:t));d.useEffect(()=>{if(r&&m.isValid(r)){const c=m.startOfMonth(r);m.isSameMonth(c,f)||h(c)}},[r]);const k=d.useMemo(()=>m.startOfMonth(new Date),[]),_=d.useMemo(()=>!1,[f,k]),P=d.useMemo(()=>Pt(f),[f]),y=d.useMemo(()=>{const c=m.startOfWeek(new Date,{locale:I});return Array.from({length:7}).map((x,S)=>{const D=m.format(m.addDays(c,S),"EEEEEE",{locale:I});return Ce(D)})},[]),N=d.useCallback(()=>{_||h(c=>m.startOfMonth(m.subMonths(c,1)))},[_]),R=d.useCallback(()=>{h(c=>m.startOfMonth(m.addMonths(c,1)))},[]),g=d.useCallback(c=>{a&&a(c)},[a]),V=d.useCallback((c,x)=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),g(x))},[g]),U=m.format(f,"MMMM",{locale:I}),j=m.format(f,"yyyy",{locale:I}),Q=`${Ce(U)} ${j}`;return l.jsxs("div",{className:w.calendarContainer,"data-color":s,"data-size":u,children:[l.jsxs("div",{className:w.calendarHeader,children:[l.jsx("span",{className:w.monthYear,children:Q}),l.jsxs("div",{className:w.navigationButtons,children:[l.jsx(o.Button,{variant:"tertiary",icon:!0,onClick:N,"aria-label":"Forrige måned",disabled:_,children:l.jsx(ge,{})}),l.jsx(o.Button,{variant:"tertiary",icon:!0,onClick:R,"aria-label":"Neste måned",children:l.jsx(_e,{})})]})]}),l.jsx("div",{className:w.grid,children:y.map(c=>l.jsx("div",{className:w.dayNameCell,children:c},c))}),l.jsx("div",{className:w.grid,children:P.map(c=>{const x=m.isSameMonth(c,f),S=r&&m.isValid(r)&&m.isSameDay(c,r),D=m.isToday(c),Y=[w.dateCell,x?"":w.otherMonth,S?w.selectedDate:"",D&&!S?w.todayDate:""].filter(Boolean).join(" ");return l.jsx("div",{className:Y,onClick:()=>g(c),onKeyDown:A=>V(A,c),role:"button",tabIndex:0,"aria-pressed":S??!1,"aria-label":m.format(c,"PPP",{locale:I}),children:l.jsx("span",{className:w.dateNumberContainer,children:m.format(c,"d")})},c.toISOString())})})]})};we.displayName="DatePicker";const W={fieldset:"_fieldset_16fx7_2",description:"_description_16fx7_14",error:"_error_16fx7_21",inputWrapper:"_inputWrapper_16fx7_30",inputWrapperError:"_inputWrapperError_16fx7_42",suffixButton:"_suffixButton_16fx7_80",suffixButtonInteractive:"_suffixButtonInteractive_16fx7_100"},Pe=t=>{const r=t.slice(0,2),a=t.slice(2,4),s=t.slice(4,8);return t.length>4?`${r}.${a}.${s}`:t.length>2?`${r}.${a}`:t.length>0?r:""},Ee=t=>(t||"").replace(/\D/g,""),ye=t=>{let r=t;if(r.length>=2){const a=parseInt(r.substring(0,2),10);!isNaN(a)&&a>31&&(r="31"+r.substring(2))}if(r.length>=4){const a=parseInt(r.substring(2,4),10);!isNaN(a)&&a>12&&(r=r.substring(0,2)+"12"+r.substring(4))}return r.slice(0,8)},Ne=d.forwardRef((t,r)=>{const{label:a,suffixIcon:s,onSuffixClick:u,className:f,inputWrapperClassName:h,inputClassName:k,value:_,defaultValue:P,onChange:y,readOnly:N,placeholder:R="dd.mm.åååå",id:g,name:V,required:U,disabled:j,onClick:Q,onFocus:c,onBlur:x,autoComplete:S="off","aria-label":D,"aria-labelledby":Y,description:A,error:B,"data-color":Z,"data-size":le,...se}=t,O=_!==void 0,E=d.useRef(null);d.useImperativeHandle(r,()=>E.current);const F=d.useCallback(C=>{const b=Ee(C),T=ye(b);return Pe(T)},[]),[M,q]=d.useState(()=>F(_??P));d.useEffect(()=>{if(O){const C=F(_);C!==M&&(q(C),E.current&&E.current.value!==C&&(E.current.value=C))}},[_,O,M,F]);const re=d.useCallback(C=>{const b=C.target,T=b.value,$=M,ue=Ee(T).slice(0,8),We=ye(ue),z=Pe(We);let L=0;const ee=We.length;ee<=2?L=ee:ee<=4?L=ee+1:L=ee+2,L=Math.min(L,z.length),requestAnimationFrame(()=>{if(E.current&&(q(z),E.current.value=z,E.current.setSelectionRange(L,L),(z!==$||O)&&y)){const qt={...C,target:{...b,value:z}};y(qt,z)}})},[M,O,y,F]),ae=[W.fieldset,f].filter(Boolean).join(" "),ne=[W.inputWrapper,h,B?W.inputWrapperError:""].filter(Boolean).join(" "),oe=[k].filter(Boolean).join(" "),e=[W.suffixButton,u?W.suffixButtonInteractive:""].filter(Boolean).join(" ");!a&&!D&&!Y&&console.warn("Warning: DateInput component should have a label, aria-label, or aria-labelledby for accessibility.");const i=a&&typeof a=="string"?Y||`${g}-label`:void 0,p=A?`${g}-desc`:void 0,v=B?`${g}-err`:void 0,H=[p,v].filter(Boolean).join(" ")||void 0;return l.jsxs("div",{className:ae,"data-color":Z,"data-size":le,children:[a&&typeof a=="string"?l.jsx("label",{id:i,htmlFor:g,children:a}):a,A&&l.jsx("p",{id:p,className:W.description,children:A}),l.jsxs("div",{className:ne,children:[l.jsx("input",{ref:E,type:"text",inputMode:"numeric",pattern:"\\d{2}\\.\\d{2}\\.\\d{4}",maxLength:10,value:M,readOnly:N,placeholder:R,id:g,name:V,required:U,disabled:j,onClick:Q,onChange:re,onFocus:c,onBlur:x,autoComplete:S,"aria-label":D,"aria-labelledby":i,"aria-describedby":H,"aria-invalid":!!B,className:oe,...se}),s&&l.jsx("button",{type:"button",className:e,onClick:j?void 0:u,tabIndex:u&&!j?0:-1,"aria-hidden":!u,disabled:j,"aria-label":u?"Åpne datovelger":void 0,children:s})]}),B&&l.jsx("p",{id:v,className:W.error,role:"alert",children:B})]})});Ne.displayName="DateInput";const Et=o.Details,yt=o.Dialog,Nt=o.Divider,jt=o.Dropdown,Tt=o.ErrorSummary,St=o.Field,je=o.FieldDescription,Te=o.FieldCounter;je.displayName="Field.Description",Te.displayName="Field.Counter";const Mt=o.Fieldset,Se=d.forwardRef((t,r)=>l.jsx(o.Heading,{ref:r,...t}));Se.displayName="Heading";const xt=o.Input,Me=d.forwardRef((t,r)=>l.jsx(o.Label,{ref:r,...t}));Me.displayName="Label";const Dt=o.Link,Ot=o.List,Wt=o.Pagination,At=o.usePagination,xe=d.forwardRef((t,r)=>l.jsx(o.Paragraph,{ref:r,...t}));xe.displayName="Paragraph";const Bt=o.Popover,Lt=o.Radio,It=o.useRadioGroup,Rt=o.Search,Vt=o.Select,Yt=o.Skeleton,Ft=o.SkipLink,Ht=o.Spinner,De=o.EXPERIMENTAL_Suggestion;De.displayName="Suggestion";const zt=o.Switch,Gt=o.Table,Xt=o.Tabs,Kt=o.Tag,Jt=o.Textarea,Ut=o.Textfield,Qt=o.ToggleGroup,Zt=o.Tooltip,Oe=d.forwardRef((t,r)=>l.jsx(o.ValidationMessage,{ref:r,...t}));Oe.displayName="ValidationMessage",n.Alert=me,n.Avatar=he,n.Badge=pe,n.BadgePosition=Ie,n.Breadcrumbs=Re,n.BreadcrumbsItem=Ye,n.BreadcrumbsLink=Fe,n.BreadcrumbsList=Ve,n.Button=be,n.Card=ve,n.CardBlock=He,n.Checkbox=ke,n.Chip=Xe,n.DateInput=Ne,n.DatePicker=we,n.Details=Et,n.Dialog=yt,n.Divider=Nt,n.Dropdown=jt,n.ErrorSummary=Tt,n.Field=St,n.FieldCounter=Te,n.FieldDescription=je,n.Fieldset=Mt,n.Heading=Se,n.Input=xt,n.Label=Me,n.Link=Dt,n.List=Ot,n.Pagination=Wt,n.Paragraph=xe,n.Popover=Bt,n.Radio=Lt,n.Search=Rt,n.Select=Vt,n.SkeletonLoader=Yt,n.SkipLink=Ft,n.Spinner=Ht,n.Suggestion=De,n.Switch=zt,n.Table=Gt,n.Tabs=Xt,n.Tag=Kt,n.Textarea=Jt,n.Textfield=Ut,n.ToggleGroup=Qt,n.Tooltip=Zt,n.ValidationMessage=Oe,n.useCheckboxGroup=Ge,n.usePagination=At,n.useRadioGroup=It,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/index.d.ts
CHANGED
|
@@ -24,6 +24,7 @@ import { ChipRadio } from './chip';
|
|
|
24
24
|
import { ChipRadioProps as ChipRadioProps_2 } from './components';
|
|
25
25
|
import { ChipRemovable } from './chip';
|
|
26
26
|
import { ChipRemovableProps as ChipRemovableProps_2 } from './components';
|
|
27
|
+
import { Color } from '@digdir/designsystemet/types';
|
|
27
28
|
import { ComponentProps } from 'react';
|
|
28
29
|
import { default as default_2 } from 'react';
|
|
29
30
|
import { DetailsContent } from './details';
|
|
@@ -75,6 +76,7 @@ import { Search } from './components/Search';
|
|
|
75
76
|
import { SearchProps } from './components/Search';
|
|
76
77
|
import { Select } from './components/Select';
|
|
77
78
|
import { SelectProps } from './components/Select';
|
|
79
|
+
import { Size } from '@digdir/designsystemet/types';
|
|
78
80
|
import { SkeletonProps as SkeletonProps_2 } from './components';
|
|
79
81
|
import { SkipLink } from './components/SkipLink';
|
|
80
82
|
import { SkipLinkProps } from './components/SkipLink';
|
|
@@ -108,13 +110,9 @@ export declare interface AlertProps extends AlertProps_2 {
|
|
|
108
110
|
title?: string;
|
|
109
111
|
}
|
|
110
112
|
|
|
111
|
-
export declare const Avatar: ForwardRefExoticComponent<
|
|
113
|
+
export declare const Avatar: ForwardRefExoticComponent<AvatarProps_2 & RefAttributes<HTMLSpanElement>>;
|
|
112
114
|
|
|
113
|
-
export declare
|
|
114
|
-
children?: ReactNode;
|
|
115
|
-
initials?: string;
|
|
116
|
-
variant?: 'circle' | 'square';
|
|
117
|
-
}
|
|
115
|
+
export declare type AvatarProps = AvatarProps_2;
|
|
118
116
|
|
|
119
117
|
export { Badge }
|
|
120
118
|
|
|
@@ -163,9 +161,25 @@ export declare type ChipRadioProps = ChipRadioProps_2;
|
|
|
163
161
|
|
|
164
162
|
export declare type ChipRemovableProps = ChipRemovableProps_2;
|
|
165
163
|
|
|
166
|
-
export declare const DateInput: default_2.ForwardRefExoticComponent<
|
|
164
|
+
export declare const DateInput: default_2.ForwardRefExoticComponent<Omit<DefaultProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "is" | "exportparts" | "part" | "popovertarget" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "height" | "list" | "max" | "min" | "minLength" | "multiple" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "width" | "label" | "description" | "error" | "suffixIcon" | "onSuffixClick" | "inputWrapperClassName" | "inputClassName"> & Omit<default_2.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "prefix" | "inputMode" | "aria-label" | "aria-labelledby" | "onChange" | "type" | "value" | "maxLength" | "pattern" | "label" | "suffix"> & {
|
|
165
|
+
label?: default_2.ReactNode;
|
|
166
|
+
suffixIcon?: default_2.ReactNode;
|
|
167
|
+
onSuffixClick?: default_2.MouseEventHandler<HTMLButtonElement>;
|
|
168
|
+
className?: string;
|
|
169
|
+
inputWrapperClassName?: string;
|
|
170
|
+
inputClassName?: string;
|
|
171
|
+
"aria-label"?: string;
|
|
172
|
+
"aria-labelledby"?: string;
|
|
173
|
+
description?: default_2.ReactNode;
|
|
174
|
+
error?: default_2.ReactNode;
|
|
175
|
+
value?: string | null;
|
|
176
|
+
defaultValue?: string | null;
|
|
177
|
+
onChange?: (event: default_2.ChangeEvent<HTMLInputElement>, formattedValue: string) => void;
|
|
178
|
+
} & default_2.RefAttributes<HTMLInputElement>>;
|
|
167
179
|
|
|
168
|
-
export declare
|
|
180
|
+
export declare type DateInputProps = MergeRight<DefaultProps, // <-- Add this
|
|
181
|
+
// <-- Add this
|
|
182
|
+
Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "suffix" | "label" | "aria-label" | "aria-labelledby" | "type" | "inputMode" | "pattern" | "maxLength" | "value" | "defaultValue" | "onChange"> & {
|
|
169
183
|
label?: default_2.ReactNode;
|
|
170
184
|
suffixIcon?: default_2.ReactNode;
|
|
171
185
|
onSuffixClick?: default_2.MouseEventHandler<HTMLButtonElement>;
|
|
@@ -179,15 +193,32 @@ export declare interface DateInputProps extends Omit<InputHTMLAttributes<HTMLInp
|
|
|
179
193
|
value?: string | null;
|
|
180
194
|
defaultValue?: string | null;
|
|
181
195
|
onChange?: (event: default_2.ChangeEvent<HTMLInputElement>, formattedValue: string) => void;
|
|
182
|
-
}
|
|
196
|
+
}>;
|
|
183
197
|
|
|
184
198
|
export declare const DatePicker: default_2.FC<DatePickerProps>;
|
|
185
199
|
|
|
186
|
-
export declare
|
|
200
|
+
export declare type DatePickerProps = MergeRight<DefaultProps, // <-- Added
|
|
201
|
+
{
|
|
187
202
|
initialDate?: Date;
|
|
188
203
|
selectedDate?: Date | null;
|
|
189
204
|
onDateSelect?: (date: Date) => void;
|
|
190
|
-
}
|
|
205
|
+
}>;
|
|
206
|
+
|
|
207
|
+
/**
|
|
208
|
+
* Defines the shared data-color and data-size props that custom
|
|
209
|
+
* components can accept for styling.
|
|
210
|
+
*/
|
|
211
|
+
declare type DefaultProps = {
|
|
212
|
+
/**
|
|
213
|
+
* Changes size for descendant Designsystemet components. Select from predefined sizes.
|
|
214
|
+
*/
|
|
215
|
+
'data-size'?: Size;
|
|
216
|
+
/**
|
|
217
|
+
* Changes color for descendant Designsystemet components.
|
|
218
|
+
* Select from predefined colors and colors defined using theme.designsystemet.no.
|
|
219
|
+
*/
|
|
220
|
+
'data-color'?: Color;
|
|
221
|
+
};
|
|
191
222
|
|
|
192
223
|
export declare const Details: ForwardRefExoticComponent<DetailsProps_2 & RefAttributes<HTMLDetailsElement>> & {
|
|
193
224
|
Summary: DetailsSummary;
|
|
@@ -254,6 +285,12 @@ export declare const List: {
|
|
|
254
285
|
Unordered: ListUnordered;
|
|
255
286
|
};
|
|
256
287
|
|
|
288
|
+
/**
|
|
289
|
+
* Merges two types, with properties from T2 (right) overwriting properties from T1 (left).
|
|
290
|
+
* This is used to combine base props with component-specific props.
|
|
291
|
+
*/
|
|
292
|
+
declare type MergeRight<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
293
|
+
|
|
257
294
|
export { Pagination }
|
|
258
295
|
|
|
259
296
|
export { PaginationProps }
|
package/dist/rk-designsystem.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._calendarContainer_10l5p_1{display:inline-flex;padding:var(--ds-size-8, 32px);flex-direction:column;align-items:flex-start;gap:var(--ds-size-3, 12px);border:1px solid var(--ds-color-border-subtle, #ccc);border-radius:var(--ds-border-radius-md, 4px);background-color:var(--ds-color-background-default, #fff);font-family:var(--ds-font-family, sans-serif);color:var(--ds-color-text-default, #2b2b2b)}._calendarHeader_10l5p_14{display:flex;justify-content:space-between;align-items:center;align-self:stretch}._monthYear_10l5p_21{color:var(--ds-color-text-default, #2b2b2b);font-family:var(--ds-font-family, "Myriad VF", sans-serif);font-size:var(--ds-heading-sm-font-size, 1.5rem);font-style:normal;font-weight:var(--ds-heading-sm-font-weight, 500);line-height:var(--ds-heading-sm-line-height, 1.3);letter-spacing:var(--ds-heading-sm-letter-spacing, 0%);margin:0}._navigationButtons_10l5p_32{display:flex;gap:var(--ds-size-1, 4px)}._navigationButtons_10l5p_32>button:disabled svg{opacity:var(--ds-opacity-disabled, .3)}._grid_10l5p_41{display:grid;grid-template-columns:repeat(7,1fr);width:100%;text-align:center}._dayNameCell_10l5p_48{display:flex;padding:var(--ds-size-2, 8px);flex-direction:column;justify-content:center;align-items:center;color:var(--ds-color-text-default, #2b2b2b);text-align:center;font-family:var(--ds-font-family, "Myriad VF", sans-serif);font-size:var(--ds-body-xs-font-size, 14px);font-style:normal;font-weight:var(--ds-font-weight-semibold, 600);line-height:var(--ds-body-short-xs-line-height, 1.3);letter-spacing:var(--ds-body-xs-letter-spacing, .021px);box-sizing:border-box}._dateCell_10l5p_65{display:flex;padding:var(--ds-size-5, 22px);flex-direction:column;justify-content:center;align-items:center;border:var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #bcbcbc);box-sizing:border-box;margin:-.5px;font-family:var(--ds-font-family, "Myriad VF", sans-serif);color:var(--ds-color-text-default, #2b2b2b);text-align:center;font-size:var(--ds-body-xs-font-size, 14px);font-style:normal;font-weight:var(--ds-body-xs-font-weight, 400);line-height:var(--ds-body-short-xs-line-height, 1.3);letter-spacing:var(--ds-body-xs-letter-spacing, .021px);font-feature-settings:"tnum" 1;-webkit-font-feature-settings:"tnum" 1;-moz-font-feature-settings:"tnum" 1;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;-webkit-user-select:none;user-select:none}._dateNumberContainer_10l5p_90{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;transition:color .15s ease-in-out,font-weight .15s ease-in-out;line-height:1;box-sizing:border-box;background-color:transparent}._dateCell_10l5p_65:hover:not(._otherMonth_10l5p_103):not(._disabled_10l5p_103){background-color:var(--ds-color-surface-hover, #eee);position:relative;z-index:1}._dateCell_10l5p_65:hover:not(._otherMonth_10l5p_103):not(._disabled_10l5p_103) ._dateNumberContainer_10l5p_90{background-color:transparent}._otherMonth_10l5p_103{color:var(--ds-color-text-subtle, #aaa);cursor:default;pointer-events:none;background-color:var(--ds-color-surface-tinted, #e8e8e8);border:var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #bcbcbc);margin:-.5px}._otherMonth_10l5p_103 ._dateNumberContainer_10l5p_90{color:var(--ds-color-text-subtle, #aaa);background-color:transparent;box-shadow:none}._selectedDate_10l5p_129{background-color:var(--ds-color-base-default, #C30000);border-color:var(--ds-color-base-default, #C30000);color:var(--ds-color-base-contrast-default, #fff);position:relative;z-index:1}._selectedDate_10l5p_129 ._dateNumberContainer_10l5p_90{color:var(--ds-color-base-contrast-default, #fff);font-weight:var(--ds-font-weight-semibold, 600);background-color:transparent;box-shadow:none}._fieldset_16fx7_2{margin-bottom:var(--ds-spacing-4, 16px)}._fieldset_16fx7_2 label{display:block;margin-bottom:var(--ds-spacing-1, 4px);font-weight:var(--ds-font-weight-medium, 500);color:var(--ds-color-text-default, #2b2b2b)}._description_16fx7_14{font-size:var(--ds-font-size-sm, 14px);color:var(--ds-color-text-subtle, #5d5d5d);margin-top:var(--ds-spacing-1, 4px);margin-bottom:var(--ds-spacing-2, 8px)}._error_16fx7_21{font-size:var(--ds-font-size-sm, 14px);color:var(--ds-color-danger-text-default, #c30000);margin-top:var(--ds-spacing-1, 4px)}._inputWrapper_16fx7_30{display:flex;align-items:stretch;width:100%;position:relative;border:var(--ds-border-width-default, 1px) solid var(--ds-color-border-default, #797979);border-radius:var(--ds-border-radius-md, 4px);overflow:hidden;transition:border-color .1s ease-out,outline .1s ease-out}._inputWrapperError_16fx7_42{border-color:var(--ds-color-danger-border-default, #c30000)}._inputWrapper_16fx7_30:focus-within{outline:var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #2B2B2B);outline-offset:var(--ds-focus-outline-offset, 2px)}._inputWrapper_16fx7_30 input{box-sizing:border-box;flex-grow:1;width:auto;min-width:0;background-color:var(--ds-color-background-default, #fff);color:var(--ds-color-text-default, #2b2b2b);border:none;border-radius:0;outline:none;padding:var(--ds-size-2, 8px) var(--ds-size-3, 12px);font-family:inherit;font-size:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}._inputWrapper_16fx7_30 input:disabled{opacity:var(--ds-opacity-disabled, .5);cursor:not-allowed;background-color:var(--ds-color-neutral-surface-subtle, #f0f0f0);color:var(--ds-color-neutral-text-subtle, #5d5d5d)}._suffixButton_16fx7_80{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 var(--ds-size-3, 12px);margin:0;border:none;border-radius:0;border-left:var(--ds-border-width-default, 1px) solid var(--ds-color-border-default, #797979);background-color:var(--ds-color-surface-tinted, #e8e8e8);color:var(--ds-color-text-subtle, #5d5d5d);font-size:1.25rem;box-sizing:border-box;cursor:default;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out;position:relative;z-index:0}._suffixButtonInteractive_16fx7_100{cursor:pointer}._suffixButtonInteractive_16fx7_100:hover:not(:disabled){color:var(--ds-color-text-default, #2b2b2b);background-color:var(--ds-color-surface-hover, #dadada)}._suffixButton_16fx7_80:disabled{opacity:var(--ds-opacity-disabled, .3);cursor:not-allowed;background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);border-left-color:var(--ds-color-neutral-border-default, #797979)}
|