rk-designsystem 1.0.0

package/dist/componentlibrary.umd.js

@@ -0,0 +1,22 @@
+(function(a,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react"),require("@digdir/designsystemet-react"),require("date-fns")):typeof define=="function"&&define.amd?define(["exports","react","@digdir/designsystemet-react","date-fns"],f):(a=typeof globalThis<"u"?globalThis:a||self,f(a.ComponentLibrary={},a.React,a.designsystemetReact,a.dateFns))})(this,function(a,f,o,m){"use strict";var ee={exports:{}},G={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var ce;function Ne(){if(ce)return G;ce=1;var e=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function r(l,s,b){var h=null;if(b!==void 0&&(h=""+b),s.key!==void 0&&(h=""+s.key),"key"in s){b={};for(var v in s)v!=="key"&&(b[v]=s[v])}else b=s;return s=b.ref,{$$typeof:e,type:l,key:h,ref:s!==void 0?s:null,props:b}}return G.Fragment=n,G.jsx=r,G.jsxs=r,G}var K={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var ue;function Se(){return ue||(ue=1,process.env.NODE_ENV!=="production"&&function(){function e(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===H?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case B:return"Fragment";case O:return"Profiler";case c:return"StrictMode";case F:return"Suspense";case te:return"SuspenseList";case se:return"Activity"}if(typeof t=="object")switch(typeof t.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),t.$$typeof){case U:return"Portal";case I:return(t.displayName||"Context")+".Provider";case S:return(t._context.displayName||"Context")+".Consumer";case Q:var i=t.render;return t=t.displayName,t||(t=i.displayName||i.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case Z:return i=t.displayName||null,i!==null?i:e(t.type)||"Memo";case W:i=t._payload,t=t._init;try{return e(t(i))}catch{}}return null}function n(t){return""+t}function r(t){try{n(t);var i=!1}catch{i=!0}if(i){i=console;var d=i.error,p=typeof Symbol=="function"&&Symbol.toStringTag&&t[Symbol.toStringTag]||t.constructor.name||"Object";return d.call(i,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",p),n(t)}}function l(t){if(t===B)return"<>";if(typeof t=="object"&&t!==null&&t.$$typeof===W)return"<...>";try{var i=e(t);return i?"<"+i+">":"<...>"}catch{return"<...>"}}function s(){var t=P.A;return t===null?null:t.getOwner()}function b(){return Error("react-stack-top-frame")}function h(t){if(L.call(t,"key")){var i=Object.getOwnPropertyDescriptor(t,"key").get;if(i&&i.isReactWarning)return!1}return t.key!==void 0}function v(t,i){function d(){re||(re=!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))}d.isReactWarning=!0,Object.defineProperty(t,"key",{get:d,configurable:!0})}function E(){var t=e(this.type);return ne[t]||(ne[t]=!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.")),t=this.props.ref,t!==void 0?t:null}function j(t,i,d,p,k,g,Y,q){return d=g.ref,t={$$typeof:y,type:t,key:i,props:g,_owner:k},(d!==void 0?d:null)!==null?Object.defineProperty(t,"ref",{enumerable:!1,get:E}):Object.defineProperty(t,"ref",{enumerable:!1,value:null}),t._store={},Object.defineProperty(t._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(t,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(t,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.defineProperty(t,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(t.props),Object.freeze(t)),t}function T(t,i,d,p,k,g,Y,q){var C=i.children;if(C!==void 0)if(p)if(R(C)){for(p=0;p<C.length;p++)w(C[p]);Object.freeze&&Object.freeze(C)}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 w(C);if(L.call(i,"key")){C=e(t);var M=Object.keys(i).filter(function(D){return D!=="key"});p=0<M.length?"{key: someKey, "+M.join(": ..., ")+": ...}":"{key: someKey}",ie[C+p]||(M=0<M.length?"{"+M.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,p,C,M,C),ie[C+p]=!0)}if(C=null,d!==void 0&&(r(d),C=""+d),h(i)&&(r(i.key),C=""+i.key),"key"in i){d={};for(var N in i)N!=="key"&&(d[N]=i[N])}else d=i;return C&&v(d,typeof t=="function"?t.displayName||t.name||"Unknown":t),j(t,C,g,k,s(),d,Y,q)}function w(t){typeof t=="object"&&t!==null&&t.$$typeof===y&&t._store&&(t._store.validated=1)}var x=f,y=Symbol.for("react.transitional.element"),U=Symbol.for("react.portal"),B=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),O=Symbol.for("react.profiler"),S=Symbol.for("react.consumer"),I=Symbol.for("react.context"),Q=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),te=Symbol.for("react.suspense_list"),Z=Symbol.for("react.memo"),W=Symbol.for("react.lazy"),se=Symbol.for("react.activity"),H=Symbol.for("react.client.reference"),P=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,L=Object.prototype.hasOwnProperty,R=Array.isArray,z=console.createTask?console.createTask:function(){return null};x={"react-stack-bottom-frame":function(t){return t()}};var re,ne={},ae=x["react-stack-bottom-frame"].bind(x,b)(),oe=z(l(b)),ie={};K.Fragment=B,K.jsx=function(t,i,d,p,k){var g=1e4>P.recentlyCreatedOwnerStacks++;return T(t,i,d,!1,p,k,g?Error("react-stack-top-frame"):ae,g?z(l(t)):oe)},K.jsxs=function(t,i,d,p,k){var g=1e4>P.recentlyCreatedOwnerStacks++;return T(t,i,d,!0,p,k,g?Error("react-stack-top-frame"):ae,g?z(l(t)):oe)}}()),K}var de;function Me(){return de||(de=1,process.env.NODE_ENV==="production"?ee.exports=Ne():ee.exports=Se()),ee.exports}var u=Me();const fe=f.forwardRef((e,n)=>u.jsx(o.Alert,{ref:n,...e}));fe.displayName="Alert";const me=f.forwardRef((e,n)=>u.jsx(o.Avatar,{ref:n,...e}));me.displayName="Avatar";const he=f.forwardRef((e,n)=>u.jsx(o.Badge,{ref:n,...e}));he.displayName="Badge";const De=o.BadgePosition,xe=o.Breadcrumbs,Oe=o.BreadcrumbsList,We=o.BreadcrumbsItem,Ae=o.BreadcrumbsLink,be=o.Button;be.displayName="Buttons";const ve=o.Card,Be=o.CardBlock;ve.displayName="Card";const pe=o.Checkbox,Ie=o.Fieldset,Le=o.useCheckboxGroup;pe.displayName="Checkbox",Ie.displayName="Fieldset";const Re=o.Chip;function le(e){return(n={})=>{const r=n.width?String(n.width):e.defaultWidth;return e.formats[r]||e.formats[e.defaultWidth]}}function X(e){return(n,r)=>{const l=r!=null&&r.context?String(r.context):"standalone";let s;if(l==="formatting"&&e.formattingValues){const h=e.defaultFormattingWidth||e.defaultWidth,v=r!=null&&r.width?String(r.width):h;s=e.formattingValues[v]||e.formattingValues[h]}else{const h=e.defaultWidth,v=r!=null&&r.width?String(r.width):e.defaultWidth;s=e.values[v]||e.values[h]}const b=e.argumentCallback?e.argumentCallback(n):n;return s[b]}}function J(e){return(n,r={})=>{const l=r.width,s=l&&e.matchPatterns[l]||e.matchPatterns[e.defaultMatchWidth],b=n.match(s);if(!b)return null;const h=b[0],v=l&&e.parsePatterns[l]||e.parsePatterns[e.defaultParseWidth],E=Array.isArray(v)?Ve(v,w=>w.test(h)):Ye(v,w=>w.test(h));let j;j=e.valueCallback?e.valueCallback(E):E,j=r.valueCallback?r.valueCallback(j):j;const T=n.slice(h.length);return{value:j,rest:T}}}function Ye(e,n){for(const r in e)if(Object.prototype.hasOwnProperty.call(e,r)&&n(e[r]))return r}function Ve(e,n){for(let r=0;r<e.length;r++)if(n(e[r]))return r}function Fe(e){return(n,r={})=>{const l=n.match(e.matchPattern);if(!l)return null;const s=l[0],b=n.match(e.parsePattern);if(!b)return null;let h=e.valueCallback?e.valueCallback(b[0]):b[0];h=r.valueCallback?r.valueCallback(h):h;const v=n.slice(s.length);return{value:h,rest:v}}}const He={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=(e,n,r)=>{let l;const s=He[e];return typeof s=="string"?l=s:n===1?l=s.one:l=s.other.replace("{{count}}",String(n)),r!=null&&r.addSuffix?r.comparison&&r.comparison>0?"om "+l:l+" siden":l},Ge={full:"EEEE d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"dd.MM.y"},Ke={full:"'kl'. HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},Xe={full:"{{date}} 'kl.' {{time}}",long:"{{date}} 'kl.' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},Je={date:le({formats:Ge,defaultWidth:"full"}),time:le({formats:Ke,defaultWidth:"full"}),dateTime:le({formats:Xe,defaultWidth:"full"})},Ue={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"},Qe=(e,n,r,l)=>Ue[e],Ze={narrow:["f.Kr.","e.Kr."],abbreviated:["f.Kr.","e.Kr."],wide:["før Kristus","etter Kristus"]},qe={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. kvartal","2. kvartal","3. kvartal","4. kvartal"]},$e={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"]},et={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"]},tt={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"}},rt={ordinalNumber:(e,n)=>Number(e)+".",era:X({values:Ze,defaultWidth:"wide"}),quarter:X({values:qe,defaultWidth:"wide",argumentCallback:e=>e-1}),month:X({values:$e,defaultWidth:"wide"}),day:X({values:et,defaultWidth:"wide"}),dayPeriod:X({values:tt,defaultWidth:"wide"})},nt=/^(\d+)\.?/i,at=/\d+/i,ot={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},it={any:[/^f/i,/^e/i]},lt={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](\.)? kvartal/i},st={any:[/1/i,/2/i,/3/i,/4/i]},ct={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},ut={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]},dt={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},ft={any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},mt={narrow:/^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,any:/^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i},ht={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}},bt={ordinalNumber:Fe({matchPattern:nt,parsePattern:at,valueCallback:e=>parseInt(e,10)}),era:J({matchPatterns:ot,defaultMatchWidth:"wide",parsePatterns:it,defaultParseWidth:"any"}),quarter:J({matchPatterns:lt,defaultMatchWidth:"wide",parsePatterns:st,defaultParseWidth:"any",valueCallback:e=>e+1}),month:J({matchPatterns:ct,defaultMatchWidth:"wide",parsePatterns:ut,defaultParseWidth:"any"}),day:J({matchPatterns:dt,defaultMatchWidth:"wide",parsePatterns:ft,defaultParseWidth:"any"}),dayPeriod:J({matchPatterns:mt,defaultMatchWidth:"any",parsePatterns:ht,defaultParseWidth:"any"})},V={code:"nb",formatDistance:ze,formatLong:Je,formatRelative:Qe,localize:rt,match:bt,options:{weekStartsOn:1,firstWeekContainsDate:4}},ke=({title:e,...n})=>u.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":e?void 0:!0,focusable:"false",...n,children:[e&&u.jsx("title",{children:e}),u.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 Ce=({title:e,...n})=>u.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":e?void 0:!0,focusable:"false",...n,children:[e&&u.jsx("title",{children:e}),u.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"})]});Ce.displayName="ChevronRightIcon";const _={calendarContainer:"_calendarContainer_mtooc_5",calendarHeader:"_calendarHeader_mtooc_33",monthYear:"_monthYear_mtooc_47",navigationButtons:"_navigationButtons_mtooc_71",grid:"_grid_mtooc_89",dayNameCell:"_dayNameCell_mtooc_105",dateCell:"_dateCell_mtooc_143",dateNumberContainer:"_dateNumberContainer_mtooc_213",otherMonth:"_otherMonth_mtooc_249",selectedDate:"_selectedDate_mtooc_313"},vt=e=>{const n=m.startOfMonth(e),r=m.startOfWeek(n,{locale:V}),l=m.addDays(r,41);return m.eachDayOfInterval({start:r,end:l})},ge=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),_e=({initialDate:e=new Date,selectedDate:n=null,onDateSelect:r})=>{const[l,s]=f.useState(m.startOfMonth(n&&m.isValid(n)?n:e));f.useEffect(()=>{if(n&&m.isValid(n)){const c=m.startOfMonth(n);m.isSameMonth(c,l)||s(c)}},[n]);const b=f.useMemo(()=>m.startOfMonth(new Date),[]),h=f.useMemo(()=>!1,[l,b]),v=f.useMemo(()=>vt(l),[l]),E=f.useMemo(()=>{const c=m.startOfWeek(new Date,{locale:V});return Array.from({length:7}).map((O,S)=>{const I=m.format(m.addDays(c,S),"EEEEEE",{locale:V});return ge(I)})},[]),j=f.useCallback(()=>{h||s(c=>m.startOfMonth(m.subMonths(c,1)))},[h]),T=f.useCallback(()=>{s(c=>m.startOfMonth(m.addMonths(c,1)))},[]),w=f.useCallback(c=>{r&&r(c)},[r]),x=f.useCallback((c,O)=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),w(O))},[w]),y=m.format(l,"MMMM",{locale:V}),U=m.format(l,"yyyy",{locale:V}),B=`${ge(y)} ${U}`;return u.jsxs("div",{className:_.calendarContainer,children:[u.jsxs("div",{className:_.calendarHeader,children:[u.jsx("span",{className:_.monthYear,children:B}),u.jsxs("div",{className:_.navigationButtons,children:[u.jsx(o.Button,{variant:"tertiary",icon:!0,onClick:j,"aria-label":"Forrige måned",disabled:h,children:u.jsx(ke,{})}),u.jsx(o.Button,{variant:"tertiary",icon:!0,onClick:T,"aria-label":"Neste måned",children:u.jsx(Ce,{})})]})]}),u.jsx("div",{className:_.grid,children:E.map(c=>u.jsx("div",{className:_.dayNameCell,children:c},c))}),u.jsx("div",{className:_.grid,children:v.map(c=>{const O=m.isSameMonth(c,l),S=n&&m.isValid(n)&&m.isSameDay(c,n),I=m.isToday(c),Q=[_.dateCell,O?"":_.otherMonth,S?_.selectedDate:"",I&&!S?_.todayDate:""].filter(Boolean).join(" ");return u.jsx("div",{className:Q,onClick:()=>w(c),onKeyDown:F=>x(F,c),role:"button",tabIndex:0,"aria-pressed":S??!1,"aria-label":m.format(c,"PPP",{locale:V}),children:u.jsx("span",{className:_.dateNumberContainer,children:m.format(c,"d")})},c.toISOString())})})]})};_e.displayName="DatePicker";const A={fieldset:"_fieldset_s5r8s_7",description:"_description_s5r8s_29",error:"_error_s5r8s_43",inputWrapper:"_inputWrapper_s5r8s_59",inputWrapperError:"_inputWrapperError_s5r8s_83",suffixButton:"_suffixButton_s5r8s_199",suffixButtonInteractive:"_suffixButtonInteractive_s5r8s_239"},we=e=>{const n=e.slice(0,2),r=e.slice(2,4),l=e.slice(4,8);return e.length>4?`${n}.${r}.${l}`:e.length>2?`${n}.${r}`:e.length>0?n:""},Pe=e=>(e||"").replace(/\D/g,""),Ee=e=>{let n=e;if(n.length>=2){const r=parseInt(n.substring(0,2),10);!isNaN(r)&&r>31&&(n="31"+n.substring(2))}if(n.length>=4){const r=parseInt(n.substring(2,4),10);!isNaN(r)&&r>12&&(n=n.substring(0,2)+"12"+n.substring(4))}return n.slice(0,8)},je=f.forwardRef((e,n)=>{const{label:r,suffixIcon:l,onSuffixClick:s,className:b,inputWrapperClassName:h,inputClassName:v,value:E,defaultValue:j,onChange:T,readOnly:w,placeholder:x="dd.mm.åååå",id:y,name:U,required:B,disabled:c,onClick:O,onFocus:S,onBlur:I,autoComplete:Q="off","aria-label":F,"aria-labelledby":te,description:Z,error:W,...se}=e,H=E!==void 0,P=f.useRef(null);f.useImperativeHandle(n,()=>P.current);const L=f.useCallback(k=>{const g=Pe(k),Y=Ee(g);return we(Y)},[]),[R,z]=f.useState(()=>L(E??j));f.useEffect(()=>{if(H){const k=L(E);k!==R&&(z(k),P.current&&P.current.value!==k&&(P.current.value=k))}},[E,H,R,L]);const re=f.useCallback(k=>{const g=k.target,Y=g.value,q=R,C=Pe(Y).slice(0,8),M=Ee(C),N=we(M);let D=0;const $=M.length;$<=2?D=$:$<=4?D=$+1:D=$+2,D=Math.min(D,N.length),requestAnimationFrame(()=>{if(P.current&&(z(N),P.current.value=N,P.current.setSelectionRange(D,D),(N!==q||H)&&T)){const Gt={...k,target:{...g,value:N}};T(Gt,N)}})},[R,H,T,L]),ne=[A.fieldset,b].filter(Boolean).join(" "),ae=[A.inputWrapper,h,W?A.inputWrapperError:""].filter(Boolean).join(" "),oe=[v].filter(Boolean).join(" "),ie=[A.suffixButton,s?A.suffixButtonInteractive:""].filter(Boolean).join(" ");!r&&!F&&!te&&console.warn("Warning: DateInput component should have a label, aria-label, or aria-labelledby for accessibility.");const t=r&&typeof r=="string"?te||`${y}-label`:void 0,i=Z?`${y}-desc`:void 0,d=W?`${y}-err`:void 0,p=[i,d].filter(Boolean).join(" ")||void 0;return u.jsxs("div",{className:ne,children:[r&&typeof r=="string"?u.jsx("label",{id:t,htmlFor:y,children:r}):r,Z&&u.jsxs("p",{id:i,className:A.description,children:[" ",Z]}),u.jsxs("div",{className:ae,children:[u.jsx("input",{ref:P,type:"text",inputMode:"numeric",pattern:"\\d{2}\\.\\d{2}\\.\\d{4}",maxLength:10,value:R,readOnly:w,placeholder:x,id:y,name:U,required:B,disabled:c,onClick:O,onChange:re,onFocus:S,onBlur:I,autoComplete:Q,"aria-label":F,"aria-labelledby":t,"aria-describedby":p,"aria-invalid":!!W,className:oe,...se}),l&&u.jsx("button",{type:"button",className:ie,onClick:c?void 0:s,tabIndex:s&&!c?0:-1,"aria-hidden":!s,disabled:c,"aria-label":s?"Åpne datovelger":void 0,children:l})]}),W&&u.jsx("p",{id:d,className:A.error,role:"alert",children:W})]})});je.displayName="DateInput";const pt=o.Details,kt=o.Dialog,Ct=o.Divider,gt=o.Dropdown,_t=o.ErrorSummary,wt=o.Field,Te=o.FieldDescription,ye=o.FieldCounter;Te.displayName="Field.Description",ye.displayName="Field.Counter";const Pt=o.Fieldset,Et=o.Input,jt=o.Link,Tt=o.List,yt=o.Pagination,Nt=o.usePagination,St=o.Popover,Mt=o.Radio,Dt=o.useRadioGroup,xt=o.Search,Ot=o.Select,Wt=o.Skeleton,At=o.SkipLink,Bt=o.Spinner,It=o.Switch,Lt=o.Table,Rt=o.Tabs,Yt=o.Tag,Vt=o.Textarea,Ft=o.Textfield,Ht=o.ToggleGroup,zt=o.Tooltip;a.Alert=fe,a.Avatar=me,a.Badge=he,a.BadgePosition=De,a.Breadcrumbs=xe,a.BreadcrumbsItem=We,a.BreadcrumbsLink=Ae,a.BreadcrumbsList=Oe,a.Buttons=be,a.Card=ve,a.CardBlock=Be,a.Checkbox=pe,a.Chip=Re,a.DateInput=je,a.DatePicker=_e,a.Details=pt,a.Dialog=kt,a.Divider=Ct,a.Dropdown=gt,a.ErrorSummary=_t,a.Field=wt,a.FieldCounter=ye,a.FieldDescription=Te,a.Fieldset=Pt,a.Input=Et,a.Link=jt,a.List=Tt,a.Pagination=yt,a.Popover=St,a.Radio=Mt,a.Search=xt,a.Select=Ot,a.SkeletonLoader=Wt,a.SkipLink=At,a.Spinner=Bt,a.Switch=It,a.Table=Lt,a.Tabs=Rt,a.Tag=Yt,a.Textarea=Vt,a.Textfield=Ft,a.ToggleGroup=Ht,a.Tooltip=zt,a.useCheckboxGroup=Le,a.usePagination=Nt,a.useRadioGroup=Dt,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -0,0 +1,280 @@
+import { AlertProps as AlertProps_2 } from './components';
+import { AvatarProps as AvatarProps_2 } from './components';
+import { Badge } from './components/Badge';
+import { BadgePosition } from './components/Badge';
+import { BadgePositionProps } from './components/Badge';
+import { BadgeProps } from './components/Badge';
+import { Breadcrumbs } from './components/Breadcrumbs';
+import { BreadcrumbsItem } from './components/Breadcrumbs';
+import { BreadcrumbsLink } from './components/Breadcrumbs';
+import { BreadcrumbsList } from './components/Breadcrumbs';
+import { BreadcrumbsProps } from './components/Breadcrumbs';
+import { Buttons } from './components/Buttons';
+import { ButtonsProps } from './components/Buttons';
+import { Card } from './components/Card';
+import { CardBlock } from './components/Card';
+import { CardProps } from './components/Card';
+import { Checkbox } from './components/Checkbox';
+import { CheckboxProps } from './components/Checkbox';
+import { Chip } from './components/Chip';
+import { ChipButtonProps } from './components/Chip';
+import { ChipCheckboxProps } from './components/Chip';
+import { ChipRadioProps } from './components/Chip';
+import { ChipRemovableProps } from './components/Chip';
+import { default as default_2 } from 'react';
+import { DetailsContentProps } from '@digdir/designsystemet-react';
+import { DetailsProps as DetailsProps_2 } from './components';
+import { Dialog } from './components/Dialog';
+import { DialogProps } from './components/Dialog';
+import { DividerProps as DividerProps_2 } from './components';
+import { Dropdown } from './components/Dropdown';
+import { DropdownProps } from './components/Dropdown';
+import { ErrorSummary } from './components/ErrorSummary';
+import { ErrorSummaryProps } from './components/ErrorSummary';
+import { Field } from './components/Field';
+import { FieldCounter } from './components/Field';
+import { FieldCounterProps } from './components/Field';
+import { FieldDescription } from './components/Field';
+import { FieldDescriptionProps } from './components/Field';
+import { FieldProps } from './components/Field';
+import { Fieldset } from './components/Fieldset';
+import { FieldsetProps } from './components/Fieldset';
+import { Input } from './components/Input';
+import { InputHTMLAttributes } from 'react';
+import { InputProps } from './components/Input';
+import { Link } from './components/Link';
+import { LinkProps } from './components/Link';
+import { List } from './components/List';
+import { Pagination } from './components/Pagination';
+import { PaginationProps } from './components/Pagination';
+import { Popover } from './components/Popover';
+import { PopoverProps } from './components/Popover';
+import { Radio } from './components/Radio';
+import { RadioProps } from './components/Radio';
+import { Search } from './components/Search';
+import { SearchProps } from './components/Search';
+import { Select } from './components/Select';
+import { SelectProps } from './components/Select';
+import { SkeletonProps as SkeletonProps_2 } from './components';
+import { SkipLink } from './components/SkipLink';
+import { SkipLinkProps } from './components/SkipLink';
+import { SpinnerProps as SpinnerProps_2 } from './components';
+import { Switch } from './components/Switch';
+import { SwitchProps } from './components/Switch';
+import { Table } from './components/Table';
+import { TableProps } from './components/Table';
+import { Tabs } from './components/Tabs';
+import { TabsProps } from './components/Tabs';
+import { Tag } from './components/Tag';
+import { TagProps } from './components/Tag';
+import { Textarea } from './components/Textarea';
+import { TextareaProps } from './components/Textarea';
+import { TextfieldProps as TextfieldProps_2 } from './components';
+import { ToggleGroup } from './components/ToggleGroup';
+import { ToggleGroupProps } from './components/ToggleGroup';
+import { Tooltip } from './components/Tooltip';
+import { TooltipProps } from './components/Tooltip';
+import { useCheckboxGroup } from './components/Checkbox';
+import { usePagination } from './components/Pagination';
+import { useRadioGroup } from './components/Radio';
+
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+
+export declare interface AlertProps extends AlertProps_2 {
+}
+
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+
+export declare interface AvatarProps extends AvatarProps_2 {
+}
+
+export { Badge }
+
+export { BadgePosition }
+
+export { BadgePositionProps }
+
+export { BadgeProps }
+
+export { Breadcrumbs }
+
+export { BreadcrumbsItem }
+
+export { BreadcrumbsLink }
+
+export { BreadcrumbsList }
+
+export { BreadcrumbsProps }
+
+export { Buttons }
+
+export { ButtonsProps }
+
+export { Card }
+
+export { CardBlock }
+
+export { CardProps }
+
+export { Checkbox }
+
+export { CheckboxProps }
+
+export { Chip }
+
+export { ChipButtonProps }
+
+export { ChipCheckboxProps }
+
+export { ChipRadioProps }
+
+export { ChipRemovableProps }
+
+export declare const DateInput: default_2.ForwardRefExoticComponent<DateInputProps & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface DateInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "suffix" | "label" | "aria-label" | "aria-labelledby" | "type" | "inputMode" | "pattern" | "maxLength" | "value" | "defaultValue" | "onChange"> {
+    label?: default_2.ReactNode;
+    suffixIcon?: default_2.ReactNode;
+    onSuffixClick?: default_2.MouseEventHandler<HTMLButtonElement>;
+    className?: string;
+    inputWrapperClassName?: string;
+    inputClassName?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    description?: default_2.ReactNode;
+    error?: default_2.ReactNode;
+    value?: string | null;
+    defaultValue?: string | null;
+    onChange?: (event: default_2.ChangeEvent<HTMLInputElement>, formattedValue: string) => void;
+}
+
+export declare const DatePicker: default_2.FC<DatePickerProps>;
+
+export declare interface DatePickerProps {
+    initialDate?: Date;
+    selectedDate?: Date | null;
+    onDateSelect?: (date: Date) => void;
+}
+
+export declare const Details: React.ForwardRefExoticComponent<DetailsProps_2 & React.RefAttributes<HTMLDetailsElement>> & {
+    Summary: React.ForwardRefExoticComponent<{
+        children: React.ReactNode;
+    } & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+    Content: React.ForwardRefExoticComponent<DetailsContentProps & React.RefAttributes<HTMLDivElement>>;
+};
+
+export declare type DetailsProps = DetailsProps_2;
+
+export { Dialog }
+
+export { DialogProps }
+
+export declare const Divider: React.ForwardRefExoticComponent<DividerProps_2 & React.RefAttributes<HTMLHRElement>>;
+
+export declare type DividerProps = DividerProps_2;
+
+export { Dropdown }
+
+export { DropdownProps }
+
+export { ErrorSummary }
+
+export { ErrorSummaryProps }
+
+export { Field }
+
+export { FieldCounter }
+
+export { FieldCounterProps }
+
+export { FieldDescription }
+
+export { FieldDescriptionProps }
+
+export { FieldProps }
+
+export { Fieldset }
+
+export { FieldsetProps }
+
+export { Input }
+
+export { InputProps }
+
+export { Link }
+
+export { LinkProps }
+
+export { List }
+
+export { Pagination }
+
+export { PaginationProps }
+
+export { Popover }
+
+export { PopoverProps }
+
+export { Radio }
+
+export { RadioProps }
+
+export { Search }
+
+export { SearchProps }
+
+export { Select }
+
+export { SelectProps }
+
+export declare const SkeletonLoader: React.ForwardRefExoticComponent<SkeletonProps_2 & React.RefAttributes<HTMLSpanElement>>;
+
+export declare type SkeletonProps = SkeletonProps_2;
+
+export { SkipLink }
+
+export { SkipLinkProps }
+
+export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps_2 & React.RefAttributes<SVGSVGElement>>;
+
+export declare type SpinnerProps = SpinnerProps_2;
+
+export { Switch }
+
+export { SwitchProps }
+
+export { Table }
+
+export { TableProps }
+
+export { Tabs }
+
+export { TabsProps }
+
+export { Tag }
+
+export { TagProps }
+
+export { Textarea }
+
+export { TextareaProps }
+
+export declare const Textfield: React.ForwardRefExoticComponent<TextfieldProps_2 & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+
+export declare type TextfieldProps = TextfieldProps_2;
+
+export { ToggleGroup }
+
+export { ToggleGroupProps }
+
+export { Tooltip }
+
+export { TooltipProps }
+
+export { useCheckboxGroup }
+
+export { usePagination }
+
+export { useRadioGroup }
+
+export { }

package/dist/rk-designsystem.css

@@ -0,0 +1 @@
+._calendarContainer_mtooc_5{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-neutral-border-subtle, #ccc);border-radius:var(--ds-border-radius-md, 4px);background-color:var(--ds-color-neutral-background-default, #fff);font-family:var(--ds-font-family, sans-serif);color:var(--ds-color-neutral-text-default)}._calendarHeader_mtooc_33{display:flex;justify-content:space-between;align-items:center;align-self:stretch}._monthYear_mtooc_47{color:var(--ds-color-neutral-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_mtooc_71{display:flex;gap:var(--ds-size-1, 4px)}._navigationButtons_mtooc_71>button:disabled svg{opacity:var(--ds-opacity-disabled, .3)}._grid_mtooc_89{display:grid;grid-template-columns:repeat(7,1fr);width:100%;text-align:center}._dayNameCell_mtooc_105{display:flex;padding:var(--ds-size-2, 8px);flex-direction:column;justify-content:center;align-items:center;color:var(--ds-color-neutral-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_mtooc_143{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-neutral-border-subtle, #bcbcbc);box-sizing:border-box;margin:-.5px;font-family:var(--ds-font-family, "Myriad VF", sans-serif);color:var(--ds-color-neutral-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_mtooc_213{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_mtooc_143:hover:not(._otherMonth_mtooc_249):not(._disabled_mtooc_249){background-color:var(--ds-color-neutral-surface-hover, #eee);position:relative;z-index:1}._dateCell_mtooc_143:hover:not(._otherMonth_mtooc_249):not(._disabled_mtooc_249) ._dateNumberContainer_mtooc_213{background-color:transparent}._otherMonth_mtooc_249{color:var(--ds-color-neutral-text-subtle, #aaa);cursor:default;pointer-events:none;background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);border:var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-subtle, #bcbcbc);margin:-.5px}._otherMonth_mtooc_249 ._dateNumberContainer_mtooc_213{color:var(--ds-color-neutral-text-subtle, #aaa);background-color:transparent;box-shadow:none}._selectedDate_mtooc_313{background-color:var(--ds-color-primary-brand-base-active, #8e1d14);border-color:var(--ds-color-primary-brand-base-active, #8e1d14);color:var(--ds-color-primary-brand-base-contrast-default, #fff);position:relative;z-index:1}._selectedDate_mtooc_313 ._dateNumberContainer_mtooc_213{color:var(--ds-color-primary-brand-base-contrast-default, #fff);font-weight:var(--ds-font-weight-semibold, 600);background-color:transparent;box-shadow:none}._fieldset_s5r8s_7{margin-bottom:var(--ds-spacing-4, 16px)}._fieldset_s5r8s_7 label{display:block;margin-bottom:var(--ds-spacing-1, 4px);font-weight:var(--ds-font-weight-medium, 500);color:var(--ds-color-neutral-text-default, #2b2b2b)}._description_s5r8s_29{font-size:var(--ds-font-size-sm, 14px);color:var(--ds-color-neutral-text-subtle, #5d5d5d);margin-top:var(--ds-spacing-1, 4px);margin-bottom:var(--ds-spacing-2, 8px)}._error_s5r8s_43{font-size:var(--ds-font-size-sm, 14px);color:var(--ds-color-danger-text-default, #c30000);margin-top:var(--ds-spacing-1, 4px)}._inputWrapper_s5r8s_59{display:flex;align-items:stretch;width:100%;position:relative;border:var(--ds-border-width-default, 1px) solid var(--ds-color-neutral-border-default, #797979);border-radius:var(--ds-border-radius-md, 4px);overflow:hidden;transition:border-color .1s ease-out,outline .1s ease-out}._inputWrapperError_s5r8s_83{border-color:var(--ds-color-danger-border-default, #c30000)}._inputWrapper_s5r8s_59: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_s5r8s_59 input{box-sizing:border-box;flex-grow:1;width:auto;min-width:0;background-color:var(--ds-color-neutral-background-default, #fff);color:var(--ds-color-neutral-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_s5r8s_59 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_s5r8s_199{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-neutral-border-default, #797979);background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);color:var(--ds-color-neutral-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_s5r8s_239{cursor:pointer}._suffixButtonInteractive_s5r8s_239:hover:not(:disabled){color:var(--ds-color-neutral-text-default, #2b2b2b);background-color:var(--ds-color-neutral-surface-hover, #dadada)}._suffixButton_s5r8s_199: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)}

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,106 @@
+{
+  "name": "rk-designsystem",
+  "version": "1.0.0",
+  "description": "A React component library built on top of Digdir Design System",
+  "author": "daniel@tunetek.no",
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "components",
+    "ui",
+    "design-system",
+    "typescript",
+    "digdir",
+    "norwegian"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/norwegianredcross/DesignSystem.git"
+  },
+  "homepage": "https://norwegianredcross.github.io/DesignSystem/storybook",
+  "bugs": {
+    "url": "https://github.com/norwegianredcross/DesignSystem/issues"
+  },
+  "private": false,
+  "type": "module",
+  "main": "./dist/componentlibrary.umd.js",
+  "module": "./dist/componentlibrary.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/componentlibrary.es.js",
+      "require": "./dist/componentlibrary.umd.js"
+    },
+    "./dist/componentlibrary.css": "./dist/componentlibrary.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "@digdir/designsystemet": "^1.0.3",
+    "@digdir/designsystemet-css": "^1.0.3",
+    "@digdir/designsystemet-react": "^1.0.3",
+    "@navikt/aksel-icons": "^7.20.0",
+    "date-fns": "^4.1.0"
+  },
+"scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "clean": "if exist dist rmdir /s /q dist",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run clean && npm run build",
+    "release:patch": "npm version patch && npm publish",
+    "release:minor": "npm version minor && npm publish",
+    "release:major": "npm version major && npm publish",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build \"base:'/DesignSystem/Storybook-Demo/'\" -o storybook-static",
+    "predeploy": "npm run build",
+    "deploy": "gh-pages -d dist"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.0.1",
+    "@digdir/designsystemet": "^1.0.3",
+    "@digdir/designsystemet-css": "^1.0.3",
+    "@digdir/designsystemet-react": "^1.0.3",
+    "@eslint/js": "^9.21.0",
+    "@navikt/aksel-icons": "^7.20.0",
+    "@storybook/addon-a11y": "^9.1.0",
+    "@storybook/addon-docs": "^9.1.0",
+    "@storybook/addon-links": "^9.1.0",
+    "@storybook/addon-onboarding": "^9.0.18",
+    "@storybook/react-vite": "^9.0.18",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/browser": "^3.1.2",
+    "@vitest/coverage-v8": "^3.1.2",
+    "date-fns": "^4.1.0",
+    "eslint": "^9.21.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-storybook": "^9.0.18",
+    "gh-pages": "^6.3.0",
+    "globals": "^15.15.0",
+    "playwright": "^1.52.0",
+    "prettier": "^3.6.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "storybook": "^9.0.18",
+    "typescript": "~5.7.2",
+    "typescript-eslint": "^8.24.1",
+    "vite": "^6.2.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.1.2"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  }
+}