@kvdbil/components 16.0.7 → 17.0.0

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.
Files changed (106) hide show
  1. package/cjs/components/Accordion/index.js +8 -8
  2. package/cjs/components/Badge/index.js +5 -5
  3. package/cjs/components/Breadcrumbs/BreadcrumbsItem.js +5 -5
  4. package/cjs/components/Breadcrumbs/index.js +2 -2
  5. package/cjs/components/Button/index.js +14 -13
  6. package/cjs/components/Card/index.js +5 -5
  7. package/cjs/components/CheckBox/index.js +7 -7
  8. package/cjs/components/Chip/index.js +6 -6
  9. package/cjs/components/Dialog/index.js +1 -1
  10. package/cjs/components/ErrorMessage/index.js +2 -2
  11. package/cjs/components/Icon/index.js +4 -4
  12. package/cjs/components/Link/index.js +4 -6
  13. package/cjs/components/ListItem/index.js +3 -3
  14. package/cjs/components/MenuItem/index.js +1 -1
  15. package/cjs/components/Message/index.js +21 -10
  16. package/cjs/components/Modal/FocudTrap.js +3 -0
  17. package/cjs/components/Modal/index.js +23 -16
  18. package/cjs/components/OffCanvas/index.js +4 -4
  19. package/cjs/components/RadioButton/index.js +17 -17
  20. package/cjs/components/RegistrationPlate/index.js +3 -3
  21. package/cjs/components/Snackbar/index.js +23 -19
  22. package/cjs/components/Spinner/index.js +9 -9
  23. package/cjs/components/SpinnerThin/index.js +6 -7
  24. package/cjs/components/Stepper/index.js +10 -10
  25. package/cjs/components/StepperAccordion/index.js +18 -24
  26. package/cjs/components/Switcher/index.js +6 -6
  27. package/cjs/components/Table/index.js +9 -9
  28. package/cjs/components/Tabs/Tab.js +1 -2
  29. package/cjs/components/Tabs/Tabs.js +1 -1
  30. package/cjs/components/TextArea/index.js +12 -12
  31. package/cjs/components/Textfield/index.js +3 -3
  32. package/cjs/components/TimePicker/index.js +2 -2
  33. package/cjs/components/Toggle/index.js +6 -6
  34. package/cjs/components/ToggleArrow/index.js +2 -2
  35. package/cjs/components/ValuationRange/index.js +15 -15
  36. package/cjs/index.js +1 -1
  37. package/esm/components/Accordion/index.js +9 -9
  38. package/esm/components/Badge/index.js +7 -7
  39. package/esm/components/Breadcrumbs/BreadcrumbsItem.js +6 -6
  40. package/esm/components/Breadcrumbs/index.js +2 -2
  41. package/esm/components/Button/index.js +16 -15
  42. package/esm/components/Card/index.js +1 -1
  43. package/esm/components/CheckBox/index.js +7 -7
  44. package/esm/components/Chip/index.js +20 -20
  45. package/esm/components/Dialog/index.js +1 -1
  46. package/esm/components/ErrorMessage/index.js +2 -2
  47. package/esm/components/Icon/index.js +1 -1
  48. package/esm/components/Link/index.js +6 -8
  49. package/esm/components/ListItem/index.js +4 -4
  50. package/esm/components/MenuItem/index.js +2 -2
  51. package/esm/components/Message/index.js +21 -10
  52. package/esm/components/Modal/FocudTrap.js +3 -0
  53. package/esm/components/Modal/index.js +23 -16
  54. package/esm/components/OffCanvas/index.js +15 -11
  55. package/esm/components/RadioButton/index.js +12 -12
  56. package/esm/components/RegistrationPlate/index.js +4 -4
  57. package/esm/components/Snackbar/index.js +26 -22
  58. package/esm/components/Spinner/index.js +5 -5
  59. package/esm/components/SpinnerThin/index.js +9 -10
  60. package/esm/components/Stepper/index.js +30 -30
  61. package/esm/components/StepperAccordion/index.js +26 -32
  62. package/esm/components/Switcher/index.js +6 -6
  63. package/esm/components/Table/index.js +5 -5
  64. package/esm/components/Tabs/Tab.js +3 -4
  65. package/esm/components/Tabs/Tabs.js +1 -1
  66. package/esm/components/TextArea/index.js +16 -16
  67. package/esm/components/Textfield/index.js +16 -16
  68. package/esm/components/TimePicker/index.js +2 -2
  69. package/esm/components/Toggle/index.js +12 -12
  70. package/esm/components/ToggleArrow/index.js +3 -3
  71. package/esm/components/ValuationRange/index.js +15 -15
  72. package/esm/index.js +1 -1
  73. package/package.json +2 -2
  74. package/package.json.tmp +2 -2
  75. package/types/components/Badge/index.d.ts +2 -1
  76. package/types/components/Chip/index.d.ts +4 -4
  77. package/types/components/Modal/FocudTrap.d.ts +4 -0
  78. package/types/components/Spinner/index.d.ts +5 -2
  79. package/types/components/SpinnerThin/index.d.ts +6 -1
  80. package/types/components/Stepper/index.d.ts +8 -1
  81. package/types/components/StepperAccordion/index.d.ts +1 -1
  82. package/types/components/Switcher/index.d.ts +2 -1
  83. package/types/components/Table/index.d.ts +2 -1
  84. package/types/components/Toggle/index.d.ts +2 -1
  85. package/types/components/ValuationRange/index.d.ts +6 -1
  86. package/cjs/components/DayPicker/DayPickerNavBar.js +0 -25
  87. package/cjs/components/Icons/Arrow.js +0 -1
  88. package/cjs/components/Icons/CheckCircle.js +0 -1
  89. package/cjs/components/Icons/CheckIcon.js +0 -1
  90. package/cjs/components/Icons/Close.js +0 -1
  91. package/cjs/components/Icons/ErrorCircle.js +0 -1
  92. package/cjs/components/Icons/InfoCircle.js +0 -1
  93. package/esm/components/DayPicker/DayPickerNavBar.js +0 -25
  94. package/esm/components/Icons/Arrow.js +0 -1
  95. package/esm/components/Icons/CheckCircle.js +0 -1
  96. package/esm/components/Icons/CheckIcon.js +0 -1
  97. package/esm/components/Icons/Close.js +0 -1
  98. package/esm/components/Icons/ErrorCircle.js +0 -1
  99. package/esm/components/Icons/InfoCircle.js +0 -1
  100. package/types/components/DayPicker/DayPickerNavBar.d.ts +0 -9
  101. package/types/components/Icons/Arrow.d.ts +0 -5
  102. package/types/components/Icons/CheckCircle.d.ts +0 -5
  103. package/types/components/Icons/CheckIcon.d.ts +0 -5
  104. package/types/components/Icons/Close.d.ts +0 -5
  105. package/types/components/Icons/ErrorCircle.d.ts +0 -5
  106. package/types/components/Icons/InfoCircle.d.ts +0 -5
@@ -1,4 +1,4 @@
1
- import{jsx as d}from"react/jsx-runtime";import g from"styled-components";import{Chip as T}from"../Chip/index.js";import"../../icons/components/CloseIcon.js";import"../Chip/styles.js";import"../../utils/utils.js";const f=g.ul`
1
+ import{jsx as d}from"react/jsx-runtime";import u from"styled-components";import{Chip as T}from"../Chip/index.js";import"../../icons/components/CloseIcon.js";import"../Chip/styles.js";import"../../utils/utils.js";const f=u.ul`
2
2
  max-width: 20rem;
3
3
  display: grid;
4
4
  grid-template-columns: repeat(4, 1fr);
@@ -6,4 +6,4 @@ import{jsx as d}from"react/jsx-runtime";import g from"styled-components";import{
6
6
  flex-wrap: wrap;
7
7
  margin: 0;
8
8
  padding: 0;
9
- `,l=(i,e)=>Array.isArray(e)?!!e.find(m=>m.getTime()===i.getTime()):e?.getTime()===i.getTime(),p=({timeSlots:i,onTimeSlotClick:e,selectedTimes:m,disabledTimes:s,...o})=>d(f,{...o,children:i.map(({text:n,date:t})=>{const r=l(t,m),a=l(t,s),c=o.color||"primary";return d(T,{component:"li","data-selected":r,"data-disabled":a,variant:r?"solid":"outline",isDisabled:a,color:r?c:"neutralLight",onClick:()=>!r&&!a&&e(t),children:n},t.getTime())})});export{p as TimePicker,p as default};
9
+ `,s=(a,e)=>Array.isArray(e)?!!e.find(l=>l.getTime()===a.getTime()):e?.getTime()===a.getTime(),n=({timeSlots:a,onTimeSlotClick:e,selectedTimes:l,disabledTimes:p,...m})=>d(f,{role:"listbox","aria-multiselectable":"true",...m,children:a.map(({text:c,date:t})=>{const i=s(t,l),r=s(t,p),g=m.color||"primary";return d(T,{role:"option",component:"li","aria-selected":i,"aria-disabled":r,"data-selected":i,"data-disabled":r,variant:i?"solid":"outline",isDisabled:r,color:i?g:"neutralLight",onClick:()=>!i&&!r&&e(t),onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&!i&&!r&&(o.preventDefault(),e(t))},children:c},t.getTime())})});export{n as TimePicker,n as default};
@@ -1,12 +1,12 @@
1
- import{jsxs as h,jsx as c}from"react/jsx-runtime";import{useState as p,useEffect as m}from"react";import a from"styled-components";const g=a.div`
1
+ import{jsxs as T,jsx as n}from"react/jsx-runtime";import{useState as u,useRef as g,useEffect as y}from"react";import s from"styled-components";const v=s.div`
2
2
  display: flex;
3
3
  position: relative;
4
- border-top: ${({theme:o})=>`1px solid ${o.colors.grayscaleToned.light6}`};
5
- border-bottom: ${({theme:o})=>`1px solid ${o.colors.grayscaleToned.light6}`};
4
+ border-top: ${({theme:e})=>`1px solid ${e.colors.grayscaleToned.light6}`};
5
+ border-bottom: ${({theme:e})=>`1px solid ${e.colors.grayscaleToned.light6}`};
6
6
  padding: 4px;
7
- `,s=a.div`
8
- font-family: ${({theme:o})=>o.typography.fontBaseFamily};
9
- font-weight: ${({theme:o})=>o.typography.fontBaseRegularWeight};
7
+ `,m=s.div`
8
+ font-family: ${({theme:e})=>e.typography.fontBaseFamily};
9
+ font-weight: ${({theme:e})=>e.typography.fontBaseRegularWeight};
10
10
  display: flex;
11
11
  min-height: 4rem;
12
12
  align-items: center;
@@ -16,10 +16,10 @@ import{jsxs as h,jsx as c}from"react/jsx-runtime";import{useState as p,useEffect
16
16
  position: relative;
17
17
  cursor: pointer;
18
18
 
19
- color: ${({theme:o,isActive:e})=>e?o.colors.text.light:o.colors.text.dark};
20
- `,f=a.div`
19
+ color: ${({theme:e,isActive:i})=>i?e.colors.text.light:e.colors.text.dark};
20
+ `,$=s.div`
21
21
  z-index: 0;
22
- background-color: ${({theme:o,$color:e,$colorShade:i})=>o.colors[e][i]};
22
+ background-color: ${({theme:e,$color:i,$colorShade:a})=>e.colors[i][a]};
23
23
  position: absolute;
24
24
 
25
25
  border-radius: 0.25rem;
@@ -31,9 +31,9 @@ import{jsxs as h,jsx as c}from"react/jsx-runtime";import{useState as p,useEffect
31
31
 
32
32
  transition: left 250ms ease-in-out;
33
33
 
34
- ${o=>o.active==="RIGHT"&&`
34
+ ${e=>e.active==="RIGHT"&&`
35
35
  left: calc(50%);
36
36
  `}
37
37
 
38
- ${o=>!o.active&&"display: none;"}
39
- `,x=({onChange:o,color:e,colorShade:i="mainAlt",...t})=>{const[r,l]=p(t.active);m(()=>{l(t.active)},[t.active]);const n=()=>{l("LEFT"),o("LEFT")},d=()=>{l("RIGHT"),o("RIGHT")};return h(g,{children:[c(f,{$color:e,$colorShade:i,active:r}),c(s,{onClick:n,isActive:r==="LEFT",children:t.left}),c(s,{onClick:d,isActive:r==="RIGHT",children:t.right})]})};export{x as Toggle};
38
+ ${e=>!e.active&&"display: none;"}
39
+ `,R=({onChange:e,color:i,colorShade:a="mainAlt",ariaLabel:x,...r})=>{const[t,d]=u(r.active),h=g(null),p=g(null);y(()=>{d(r.active)},[r.active]);const l=o=>{d(o),e(o)},f=(o,c)=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),l(c)),o.key==="ArrowRight"&&c==="LEFT"?(l("RIGHT"),p.current?.focus()):o.key==="ArrowLeft"&&c==="RIGHT"&&(l("LEFT"),h.current?.focus())};return T(v,{role:"radiogroup","aria-label":x??"Toggle options",children:[n($,{$color:i,$colorShade:a,active:t}),n(m,{ref:h,role:"radio","aria-checked":t==="LEFT",tabIndex:t==="LEFT"?-1:0,onClick:()=>l("LEFT"),onKeyDown:o=>f(o,"LEFT"),isActive:t==="LEFT",children:r.left}),n(m,{ref:p,role:"radio","aria-checked":t==="RIGHT",tabIndex:t==="RIGHT"?-1:0,onClick:()=>l("RIGHT"),onKeyDown:o=>f(o,"RIGHT"),isActive:t==="RIGHT",children:r.right})]})};export{R as Toggle};
@@ -1,10 +1,10 @@
1
- import{jsx as e}from"react/jsx-runtime";import r from"styled-components";import i from"../../icons/components/ShowMoreIcon.js";const o=r.div`
1
+ import{jsx as r}from"react/jsx-runtime";import t from"styled-components";import i from"../../icons/components/ShowMoreIcon.js";const n=t.div`
2
2
  display: flex;
3
3
  align-items: center;
4
4
 
5
5
  svg {
6
6
  font-size: 1.15rem;
7
7
  transition: 250ms;
8
- transform: ${t=>t.isExpanded?"rotate(180deg)":"rotate()"};
8
+ transform: ${e=>e.isExpanded?"rotate(180deg)":"rotate()"};
9
9
  }
10
- `,n=({isExpanded:t})=>e(o,{isExpanded:t,children:e(i,{})});export{n as default};
10
+ `,o=({isExpanded:e})=>r(n,{isExpanded:e,"aria-hidden":"true",role:"presentation",children:r(i,{})});export{o as default};
@@ -1,43 +1,43 @@
1
- import{jsxs as t,jsx as r,Fragment as b}from"react/jsx-runtime";import i from"styled-components";import{Caption as g}from"../../typography/BodyText/index.js";import{Subtitle as p,Title as u}from"../../typography/Heading/index.js";import"../../shared/media-queries.js";const a=({theme:e,$color:l,$colorShade:d,$isDisabled:o})=>o?e.colors[l].lighter:e.colors[l][d],v=i.div`
1
+ import{jsxs as l,jsx as i,Fragment as f}from"react/jsx-runtime";import r from"styled-components";import{Caption as x}from"../../typography/BodyText/index.js";import{Subtitle as $,Title as v}from"../../typography/Heading/index.js";import"../../shared/media-queries.js";const t=({theme:e,$color:o,$colorShade:n,$isDisabled:a})=>a?e.colors[o].lighter:e.colors[o][n],w=r.div`
2
2
  margin: 0 1rem;
3
- `,w=i.div`
3
+ `,y=r.div`
4
4
  flex: 1;
5
5
  display: flex;
6
6
  justify-content: center;
7
7
  align-items: flex-end;
8
- `,S=i.div`
8
+ `,S=r.div`
9
9
  white-space: nowrap;
10
- color: ${e=>a(e)};
11
- `,y=i(p)`
10
+ color: ${e=>t(e)};
11
+ `,D=r($)`
12
12
  color: ${({theme:e})=>e.colors.text.disabled};
13
- `,D=i.div`
13
+ `,j=r.div`
14
14
  width: 100%;
15
15
  align-items: center;
16
16
  display: flex;
17
17
  padding: 0.25rem 0;
18
- `,$=i(g).attrs({as:"span"})`
18
+ `,u=r(x).attrs({as:"span"})`
19
19
  white-space: nowrap;
20
20
  width: 20%;
21
21
  text-align: center;
22
22
  color: ${({theme:e})=>e.colors.text.disabled};
23
- `,j=i.div`
23
+ `,k=r.div`
24
24
  width: 80%;
25
- border-left: 1px solid ${e=>a(e)};
26
- border-right: 1px solid ${e=>a(e)};
25
+ border-left: 1px solid ${e=>t(e)};
26
+ border-right: 1px solid ${e=>t(e)};
27
27
  height: 0.7rem;
28
28
  display: flex;
29
29
  position: relative;
30
30
  align-items: flex-end;
31
31
  justify-content: center;
32
32
  margin: auto;
33
- `,k=i.div`
33
+ `,A=r.div`
34
34
  height: 0.33rem;
35
35
  width: 100%;
36
- background: ${e=>a(e)};
37
- `,A=i.div`
38
- background: ${e=>a(e)};
36
+ background: ${e=>t(e)};
37
+ `,E=r.div`
38
+ background: ${e=>t(e)};
39
39
  width: 1px;
40
40
  height: 0.7rem;
41
41
  top: 0;
42
42
  position: absolute;
43
- `,F=({intervalMin:e=0,intervalMax:l=0,value:d=0,color:o="primary",colorShade:n="mainAlt",noApproximateSymbol:f=!1,isDisabled:s=!1,manualValuationText:c=""})=>{const h=new Intl.NumberFormat("sv-SE"),m=e>0&&l>0&&!c,x=d>0&&!c;return t(v,{children:[t(D,{children:[r($,{children:m?`- ${h.format(e)}`:""}),r(w,{children:t(S,{$color:o,$colorShade:n,$isDisabled:s,children:[x&&t(b,{children:[r(u,{as:"span",children:`${f?"":"~ "}${h.format(d)} `}),r(p,{as:"span",children:"kr"})]}),c&&r(y,{as:"span",children:c})]})}),r($,{children:m?`+ ${h.format(l)}`:""})]}),t(j,{$color:o,$colorShade:n,$isDisabled:s,children:[r(k,{$color:o,$colorShade:n,$isDisabled:s}),r(A,{$color:o,$colorShade:n,$isDisabled:s})]})]})};export{F as default};
43
+ `,F=({intervalMin:e=0,intervalMax:o=0,value:n=0,color:a="primary",colorShade:d="mainAlt",noApproximateSymbol:b=!1,isDisabled:s=!1,manualValuationText:c="",ariaLabels:h={}})=>{const m=new Intl.NumberFormat("sv-SE"),p=e>0&&o>0&&!c,g=n>0&&!c;return l(w,{role:"group","aria-label":h?.range??"Valuation range",children:[l(j,{role:"group","aria-label":h?.interval??"Interval boundaries",children:[i(u,{children:p?`- ${m.format(e)}`:""}),i(y,{role:"group","aria-label":h?.price??"Estimated value",children:l(S,{$color:a,$colorShade:d,$isDisabled:s,"aria-describedby":"valuation-currency",children:[g&&l(f,{children:[i(v,{as:"span",children:`${b?"":"~ "}${m.format(n)} `}),i($,{as:"span",id:"valuation-currency",children:"kr"})]}),c&&i(D,{as:"span",children:c})]})}),i(u,{children:p?`+ ${m.format(o)}`:""})]}),l(k,{$color:a,$colorShade:d,$isDisabled:s,"aria-hidden":"true",role:"presentation",children:[i(A,{$color:a,$colorShade:d,$isDisabled:s,"aria-hidden":"true",role:"presentation"}),i(E,{$color:a,$colorShade:d,$isDisabled:s,"aria-hidden":"true",role:"presentation"})]})]})};export{F as default};
package/esm/index.js CHANGED
@@ -1 +1 @@
1
- import{default as P}from"./theme.js";import{mediaQueries as A,mq as M,mqNumberSizes as N,mqSizes as E}from"./shared/media-queries.js";import{Accordion as V}from"./components/Accordion/index.js";import{Button as G}from"./components/Button/index.js";import{default as O}from"./components/IconButton.js";import{TextField as W}from"./components/Textfield/index.js";import{TextArea as z}from"./components/TextArea/index.js";import{Tabs as j}from"./components/Tabs/Tabs.js";import{default as X}from"./components/Tabs/Tab.js";import{ErrorMessage as _}from"./components/ErrorMessage/index.js";import{default as oo}from"./components/Spinner/index.js";import{Modal as to}from"./components/Modal/index.js";import{Dialog as ao}from"./components/Dialog/index.js";import{OffCanvas as lo}from"./components/OffCanvas/index.js";import{CheckBox as mo}from"./components/CheckBox/index.js";import{Snackbar as uo}from"./components/Snackbar/index.js";import{default as so}from"./components/Spacer/index.js";import{default as io}from"./components/Stack/index.js";import{default as So}from"./components/Flex/index.js";import{Select as go}from"./components/Select/index.js";import{default as To}from"./components/ToggleArrow/index.js";import{default as ko}from"./components/ListItem/index.js";import{default as Fo}from"./components/Table/index.js";import{Link as Lo}from"./components/Link/index.js";import{default as bo}from"./components/EditRow/index.js";import{RadioButton as Po}from"./components/RadioButton/index.js";import{SpinnerThin as Ao}from"./components/SpinnerThin/index.js";import{default as No}from"./components/Stamp/index.js";import{TimePicker as Ho}from"./components/TimePicker/index.js";import{default as Uo}from"./components/Hero/index.js";import{DayPicker as Ko}from"./components/DayPicker/index.js";import{Logo as Qo}from"./components/Logo/index.js";import{Badge as qo}from"./components/Badge/index.js";import{Toggle as Yo}from"./components/Toggle/index.js";import{Stepper as Jo}from"./components/Stepper/index.js";import{StepperAccordion as Zo}from"./components/StepperAccordion/index.js";import{Card as $o}from"./components/Card/index.js";import{Switcher as ee}from"./components/Switcher/index.js";import{NotificationButton as re}from"./components/NotificationButton/index.js";import{default as fe}from"./components/ValuationRange/index.js";import{Chip as pe}from"./components/Chip/index.js";import{default as ne}from"./components/Breadcrumbs/index.js";import{default as ue}from"./components/Message/index.js";import{default as se}from"./components/RegistrationPlate/index.js";import{MenuItem as ie}from"./components/MenuItem/index.js";import{default as Se}from"./icons/components/AddIcon.js";import{default as ge}from"./icons/components/AlertIcon.js";import{default as Te}from"./icons/components/ArrowDownIcon.js";import{default as ke}from"./icons/components/ArrowLeftIcon.js";import{default as Fe}from"./icons/components/ArrowRightIcon.js";import{default as Le}from"./icons/components/ArrowUpIcon.js";import{default as be}from"./icons/components/AtvIcon.js";import{default as Pe}from"./icons/components/AuctionIcon.js";import{default as Ae}from"./icons/components/BackIcon.js";import{default as Ne}from"./icons/components/BankidIcon.js";import{default as He}from"./icons/components/BidIcon.js";import{default as Ue}from"./icons/components/BodyIcon.js";import{default as Ke}from"./icons/components/BreaksIcon.js";import{default as Qe}from"./icons/components/CabIcon.js";import{default as qe}from"./icons/components/CalendarIcon.js";import{default as Ye}from"./icons/components/CameraIcon.js";import{default as Je}from"./icons/components/CamperIcon.js";import{default as Ze}from"./icons/components/CancelCircleIcon.js";import{default as $e}from"./icons/components/CancelIcon.js";import{default as et}from"./icons/components/CarIcon.js";import{default as rt}from"./icons/components/CarServiceIcon.js";import{default as ft}from"./icons/components/CaravanIcon.js";import{default as pt}from"./icons/components/CertifiedIcon.js";import{default as nt}from"./icons/components/ChatIcon.js";import{default as ut}from"./icons/components/CheckCircleIcon.js";import{default as st}from"./icons/components/CheckFilledIcon.js";import{default as it}from"./icons/components/CheckIcon.js";import{default as St}from"./icons/components/CheckmarkIcon.js";import{default as gt}from"./icons/components/ClockIcon.js";import{default as Tt}from"./icons/components/CloseIcon.js";import{default as kt}from"./icons/components/CommentFilledIcon.js";import{default as Ft}from"./icons/components/CommentIcon.js";import{default as Lt}from"./icons/components/ConditioningIcon.js";import{default as bt}from"./icons/components/ContactIcon.js";import{default as Pt}from"./icons/components/ControlNumberIcon.js";import{default as At}from"./icons/components/CopyIcon.js";import{default as Nt}from"./icons/components/CountdownIcon.js";import{default as Ht}from"./icons/components/CoupeIcon.js";import{default as Ut}from"./icons/components/CraneIcon.js";import{default as Kt}from"./icons/components/CupIcon.js";import{default as Qt}from"./icons/components/DeleteIcon.js";import{default as qt}from"./icons/components/DisplayIcon.js";import{default as Yt}from"./icons/components/DocumentIcon.js";import{default as Jt}from"./icons/components/DownloadIcon.js";import{default as Zt}from"./icons/components/EcoIcon.js";import{default as $t}from"./icons/components/EditIcon.js";import{default as er}from"./icons/components/EngineIcon.js";import{default as rr}from"./icons/components/ErrorFilledIcon.js";import{default as fr}from"./icons/components/ErrorIcon.js";import{default as pr}from"./icons/components/EstoniaFlagIcon.js";import{default as nr}from"./icons/components/ExportIcon.js";import{default as ur}from"./icons/components/FacebookIcon.js";import{default as sr}from"./icons/components/FacilityIcon.js";import{default as ir}from"./icons/components/FavouriteFilledIcon.js";import{default as Sr}from"./icons/components/FavouriteIcon.js";import{default as gr}from"./icons/components/FigmaIcon.js";import{default as Tr}from"./icons/components/FilterIcon.js";import{default as kr}from"./icons/components/FinanceIcon.js";import{default as Fr}from"./icons/components/FinlandFlagIcon.js";import{default as Lr}from"./icons/components/FirstIcon.js";import{default as br}from"./icons/components/FixedPriceIcon.js";import{default as Pr}from"./icons/components/FuelIcon.js";import{default as Ar}from"./icons/components/GearboxIcon.js";import{default as Nr}from"./icons/components/GetPaidIcon.js";import{default as Hr}from"./icons/components/GridViewIcon.js";import{default as Ur}from"./icons/components/HatchbackIcon.js";import{default as Kr}from"./icons/components/HelpIcon.js";import{default as Qr}from"./icons/components/HistoryIcon.js";import{default as qr}from"./icons/components/HomeDeliveryIcon.js";import{default as Yr}from"./icons/components/IdIcon.js";import{default as Jr}from"./icons/components/ImageIcon.js";import{default as Zr}from"./icons/components/InfoIcon.js";import{default as $r}from"./icons/components/InstagramIcon.js";import{default as ea}from"./icons/components/InsuranceIcon.js";import{default as ra}from"./icons/components/InteriorIcon.js";import{default as fa}from"./icons/components/KvdIcon.js";import{default as pa}from"./icons/components/KvdTestIcon.js";import{default as na}from"./icons/components/KvdproIcon.js";import{default as ua}from"./icons/components/LastIcon.js";import{default as sa}from"./icons/components/LeaderIcon.js";import{default as ia}from"./icons/components/LinkedinIcon.js";import{default as Sa}from"./icons/components/ListViewIcon.js";import{default as ga}from"./icons/components/LocationIcon.js";import{default as Ta}from"./icons/components/MailIcon.js";import{default as ka}from"./icons/components/MenuIcon.js";import{default as Fa}from"./icons/components/MileageIcon.js";import{default as La}from"./icons/components/MinivanIcon.js";import{default as ba}from"./icons/components/ModelYearIcon.js";import{default as Pa}from"./icons/components/MoreIcon.js";import{default as Aa}from"./icons/components/MotorbikeIcon.js";import{default as Na}from"./icons/components/NavigationIcon.js";import{default as Ha}from"./icons/components/NewIcon.js";import{default as Ua}from"./icons/components/NextFilledIcon.js";import{default as Ka}from"./icons/components/NextIcon.js";import{default as Qa}from"./icons/components/NotificationIcon.js";import{default as qa}from"./icons/components/OpenInNewIcon.js";import{default as Ya}from"./icons/components/PayementIcon.js";import{default as Ja}from"./icons/components/PercentIcon.js";import{default as Za}from"./icons/components/PhoneIcon.js";import{default as $a}from"./icons/components/PickUpIcon.js";import{default as ef}from"./icons/components/Pickup.js";import{default as rf}from"./icons/components/PlayIcon.js";import{default as ff}from"./icons/components/PlugIcon.js";import{default as pf}from"./icons/components/PolandFlagIcon.js";import{default as nf}from"./icons/components/PreviousFilledIcon.js";import{default as uf}from"./icons/components/PreviousIcon.js";import{default as sf}from"./icons/components/PrintIcon.js";import{default as If}from"./icons/components/QuoteIcon.js";import{default as yf}from"./icons/components/RatingIcon.js";import{default as Cf}from"./icons/components/ReleasingIcon.js";import{default as Bf}from"./icons/components/ReorderIcon.js";import{default as hf}from"./icons/components/RestartIcon.js";import{default as wf}from"./icons/components/SalesOfferIcon.js";import{default as vf}from"./icons/components/SavedSearchIcon.js";import{default as Df}from"./icons/components/ScheduleIcon.js";import{default as Rf}from"./icons/components/SearchIcon.js";import{default as Mf}from"./icons/components/SedanIcon.js";import{default as Ef}from"./icons/components/SellFilledIcon.js";import{default as Vf}from"./icons/components/SellIcon.js";import{default as Gf}from"./icons/components/SettingsIcon.js";import{default as Of}from"./icons/components/ShareIcon.js";import{default as Wf}from"./icons/components/ShowLessIcon.js";import{default as zf}from"./icons/components/ShowMoreIcon.js";import{default as jf}from"./icons/components/SignInIcon.js";import{default as Xf}from"./icons/components/SignOutIcon.js";import{default as _f}from"./icons/components/SlackIcon.js";import{default as ol}from"./icons/components/SmartphoneIcon.js";import{default as tl}from"./icons/components/SmileIcon.js";import{default as al}from"./icons/components/SnowmobileIcon.js";import{default as ll}from"./icons/components/SortColumnIcon.js";import{default as ml}from"./icons/components/SortIcon.js";import{default as dl}from"./icons/components/StorageIcon.js";import{default as xl}from"./icons/components/StoreIcon.js";import{default as cl}from"./icons/components/SuvIcon.js";import{default as Il}from"./icons/components/SwedishFlagIcon.js";import{default as yl}from"./icons/components/ThreeSixtyIcon.js";import{default as Cl}from"./icons/components/TractorIcon.js";import{default as Bl}from"./icons/components/TrailerIcon.js";import{default as hl}from"./icons/components/TransportIcon.js";import{default as wl}from"./icons/components/TruckIcon.js";import{default as vl}from"./icons/components/TwitterIcon.js";import{default as Dl}from"./icons/components/TyresIcon.js";import{default as Rl}from"./icons/components/UnitedKingdomFlagIcon.js";import{default as Ml}from"./icons/components/UploadIcon.js";import{default as El}from"./icons/components/UserIcon.js";import{default as Vl}from"./icons/components/ValuationIcon.js";import{default as Gl}from"./icons/components/VanIcon.js";import{default as Ol}from"./icons/components/VersionIcon.js";import{default as Wl}from"./icons/components/ViewsIcon.js";import{default as zl}from"./icons/components/WagonIcon.js";import{default as jl}from"./icons/components/WarningIcon.js";import{default as Xl}from"./icons/components/WarrantyIcon.js";import{default as _l}from"./icons/components/YoutubeIcon.js";import{useDynamicScript as op}from"./hooks/useDynamicScript.js";import{Display1 as tp,Display1Style as rp,Display2 as ap,Display2Style as fp,Display3 as lp,Display3Style as pp,Headline as mp,HeadlineStyle as np,Subtitle as dp,SubtitleStyle as up,TinyTitleBold as xp,TinyTitleBoldStyle as sp,TinyTitleRegular as cp,TinyTitleRegularStyle as ip,Title as Ip,TitleStyle as Sp}from"./typography/Heading/index.js";import{BodyLink as gp,BodyLinkStyle as Cp,BodyText as Tp,BodyTextStyle as Bp,Caption as kp,CaptionLink as hp,CaptionLinkStyle as Fp,CaptionStyle as wp,Quote as Lp,QuoteStyle as vp,Status as bp,StatusStyle as Dp}from"./typography/BodyText/index.js";import{ButtonLarge as Rp,ButtonLargeTextStyle as Ap,Button as Mp,ButtonRegularTextStyle as Np,ButtonSmall as Ep,ButtonSmallTextStyle as Hp}from"./typography/ButtonText/index.js";import{getDarkerShade as Up,getLighterShade as Gp,hexToRGB as Kp,resetButtonStyle as Op,resolveColorWithNeutral as Qp}from"./utils/utils.js";import"react/jsx-runtime";import"react";import"styled-components";import"react-collapse";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"./shared/helpers.js";import"react-dom";import"react-transition-group";import"./components/Icons/Close.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"./components/Icons/CheckCircle.js";import"./components/Icons/ErrorCircle.js";import"./components/Icons/InfoCircle.js";import"react-select";import"./shared/constants.js";import"react-router-dom";import"react-day-picker";import"date-fns/locale";import"date-fns";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/Icons/CheckIcon.js";import"./components/Icons/Arrow.js";import"./components/Chip/styles.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/RegistrationPlate/EuFlagIcon.js";export{V as Accordion,Se as AddIcon,ge as AlertIcon,Te as ArrowDownIcon,ke as ArrowLeftIcon,Fe as ArrowRightIcon,Le as ArrowUpIcon,be as AtvIcon,Pe as AuctionIcon,Ae as BackIcon,qo as Badge,Ne as BankidIcon,He as BidIcon,Ue as BodyIcon,gp as BodyLink,Cp as BodyLinkStyle,Tp as BodyText,Bp as BodyTextStyle,ne as Breadcrumbs,Ke as BreaksIcon,G as Button,Rp as ButtonLargeText,Ap as ButtonLargeTextStyle,Mp as ButtonRegularText,Np as ButtonRegularTextStyle,Ep as ButtonSmallText,Hp as ButtonSmallTextStyle,Qe as CabIcon,qe as CalendarIcon,Ye as CameraIcon,Je as CamperIcon,Ze as CancelCircleIcon,$e as CancelIcon,kp as Caption,hp as CaptionLink,Fp as CaptionLinkStyle,wp as CaptionStyle,et as CarIcon,rt as CarServiceIcon,ft as CaravanIcon,$o as Card,pt as CertifiedIcon,nt as ChatIcon,mo as CheckBox,ut as CheckCircleIcon,st as CheckFilledIcon,it as CheckIcon,St as CheckmarkIcon,pe as Chip,gt as ClockIcon,Tt as CloseIcon,kt as CommentFilledIcon,Ft as CommentIcon,Lt as ConditioningIcon,bt as ContactIcon,Pt as ControlNumberIcon,At as CopyIcon,Nt as CountdownIcon,Ht as CoupeIcon,Ut as CraneIcon,Kt as CupIcon,Ko as DayPicker,Qt as DeleteIcon,ao as Dialog,tp as Display1,rp as Display1Style,ap as Display2,fp as Display2Style,lp as Display3,pp as Display3Style,qt as DisplayIcon,Yt as DocumentIcon,Jt as DownloadIcon,Zt as EcoIcon,$t as EditIcon,bo as EditRow,er as EngineIcon,rr as ErrorFilledIcon,fr as ErrorIcon,_ as ErrorMessage,pr as EstoniaFlagIcon,nr as ExportIcon,ur as FacebookIcon,sr as FacilityIcon,ir as FavouriteFilledIcon,Sr as FavouriteIcon,gr as FigmaIcon,Tr as FilterIcon,kr as FinanceIcon,Fr as FinlandFlagIcon,Lr as FirstIcon,br as FixedPriceIcon,So as Flex,Pr as FuelIcon,Ar as GearboxIcon,Nr as GetPaidIcon,Hr as GridViewIcon,Ur as HatchbackIcon,mp as Headline,np as HeadlineStyle,Kr as HelpIcon,Uo as Hero,Qr as HistoryIcon,qr as HomeDeliveryIcon,O as IconButton,Yr as IdIcon,Jr as ImageIcon,Zr as InfoIcon,$r as InstagramIcon,ea as InsuranceIcon,ra as InteriorIcon,fa as KvdIcon,pa as KvdTestIcon,na as KvdproIcon,ua as LastIcon,sa as LeaderIcon,Lo as Link,ia as LinkedinIcon,ko as ListItem,Sa as ListViewIcon,ga as LocationIcon,Qo as Logo,Ta as MailIcon,ka as MenuIcon,ie as MenuItem,ue as Message,Fa as MileageIcon,La as MinivanIcon,to as Modal,ba as ModelYearIcon,Pa as MoreIcon,Aa as MotorbikeIcon,Na as NavigationIcon,Ha as NewIcon,Ua as NextFilledIcon,Ka as NextIcon,re as NotificationButton,Qa as NotificationIcon,lo as OffCanvas,qa as OpenInNewIcon,Ya as PayementIcon,Ja as PercentIcon,Za as PhoneIcon,$a as PickUpIcon,ef as Pickup,rf as PlayIcon,ff as PlugIcon,pf as PolandFlagIcon,nf as PreviousFilledIcon,uf as PreviousIcon,sf as PrintIcon,Lp as Quote,If as QuoteIcon,vp as QuoteStyle,Po as RadioButton,yf as RatingIcon,se as RegistrationPlate,Cf as ReleasingIcon,Bf as ReorderIcon,hf as RestartIcon,wf as SalesOfferIcon,vf as SavedSearchIcon,Df as ScheduleIcon,Rf as SearchIcon,Mf as SedanIcon,go as Select,Ef as SellFilledIcon,Vf as SellIcon,Gf as SettingsIcon,Of as ShareIcon,Wf as ShowLessIcon,zf as ShowMoreIcon,jf as SignInIcon,Xf as SignOutIcon,_f as SlackIcon,ol as SmartphoneIcon,tl as SmileIcon,uo as Snackbar,al as SnowmobileIcon,ll as SortColumnIcon,ml as SortIcon,so as Spacer,oo as Spinner,Ao as SpinnerThin,io as Stack,No as Stamp,bp as Status,Dp as StatusStyle,Jo as Stepper,Zo as StepperAccordion,dl as StorageIcon,xl as StoreIcon,dp as Subtitle,up as SubtitleStyle,cl as SuvIcon,Il as SwedishFlagIcon,ee as Switcher,X as Tab,Fo as Table,j as Tabs,z as TextArea,W as TextField,yl as ThreeSixtyIcon,Ho as TimePicker,xp as TinyTitleBold,sp as TinyTitleBoldStyle,cp as TinyTitleRegular,ip as TinyTitleRegularStyle,Ip as Title,Sp as TitleStyle,Yo as Toggle,To as ToggleArrow,Cl as TractorIcon,Bl as TrailerIcon,hl as TransportIcon,wl as TruckIcon,vl as TwitterIcon,Dl as TyresIcon,Rl as UnitedKingdomFlagIcon,Ml as UploadIcon,El as UserIcon,Vl as ValuationIcon,fe as ValuationRange,Gl as VanIcon,Ol as VersionIcon,Wl as ViewsIcon,zl as WagonIcon,jl as WarningIcon,Xl as WarrantyIcon,_l as YoutubeIcon,Up as getDarkerShade,Gp as getLighterShade,Kp as hexToRGB,A as mediaQueries,M as mq,N as mqNumberSizes,E as mqSizes,Op as resetButtonStyle,Qp as resolveColorWithNeutral,P as theme,op as useDynamicScript};
1
+ import{default as w}from"./theme.js";import{mediaQueries as v,mq as b,mqNumberSizes as D,mqSizes as P}from"./shared/media-queries.js";import{Accordion as A}from"./components/Accordion/index.js";import{Button as N}from"./components/Button/index.js";import{default as H}from"./components/IconButton.js";import{TextField as U}from"./components/Textfield/index.js";import{TextArea as K}from"./components/TextArea/index.js";import{Tabs as Q}from"./components/Tabs/Tabs.js";import{default as q}from"./components/Tabs/Tab.js";import{ErrorMessage as Y}from"./components/ErrorMessage/index.js";import{default as J}from"./components/Spinner/index.js";import{Modal as Z}from"./components/Modal/index.js";import{Dialog as $}from"./components/Dialog/index.js";import{OffCanvas as eo}from"./components/OffCanvas/index.js";import{CheckBox as ro}from"./components/CheckBox/index.js";import{Snackbar as fo}from"./components/Snackbar/index.js";import{default as no}from"./components/Spacer/index.js";import{default as mo}from"./components/Stack/index.js";import{default as xo}from"./components/Flex/index.js";import{Select as co}from"./components/Select/index.js";import{default as io}from"./components/ToggleArrow/index.js";import{default as yo}from"./components/ListItem/index.js";import{default as Co}from"./components/Table/index.js";import{Link as Bo}from"./components/Link/index.js";import{default as ho}from"./components/EditRow/index.js";import{RadioButton as wo}from"./components/RadioButton/index.js";import{SpinnerThin as vo}from"./components/SpinnerThin/index.js";import{default as Do}from"./components/Stamp/index.js";import{TimePicker as Ro}from"./components/TimePicker/index.js";import{default as Mo}from"./components/Hero/index.js";import{DayPicker as Eo}from"./components/DayPicker/index.js";import{Logo as Vo}from"./components/Logo/index.js";import{Badge as Go}from"./components/Badge/index.js";import{Toggle as Oo}from"./components/Toggle/index.js";import{Stepper as Wo}from"./components/Stepper/index.js";import{StepperAccordion as zo}from"./components/StepperAccordion/index.js";import{Card as jo}from"./components/Card/index.js";import{Switcher as Xo}from"./components/Switcher/index.js";import{NotificationButton as _o}from"./components/NotificationButton/index.js";import{default as oe}from"./components/ValuationRange/index.js";import{Chip as te}from"./components/Chip/index.js";import{default as ae}from"./components/Breadcrumbs/index.js";import{default as le}from"./components/Message/index.js";import{default as pe}from"./components/RegistrationPlate/index.js";import{MenuItem as de}from"./components/MenuItem/index.js";import{default as xe}from"./icons/components/AddIcon.js";import{default as ce}from"./icons/components/AlertIcon.js";import{default as ie}from"./icons/components/ArrowDownIcon.js";import{default as ye}from"./icons/components/ArrowLeftIcon.js";import{default as Ce}from"./icons/components/ArrowRightIcon.js";import{default as Be}from"./icons/components/ArrowUpIcon.js";import{default as he}from"./icons/components/AtvIcon.js";import{default as we}from"./icons/components/AuctionIcon.js";import{default as ve}from"./icons/components/BackIcon.js";import{default as De}from"./icons/components/BankidIcon.js";import{default as Re}from"./icons/components/BidIcon.js";import{default as Me}from"./icons/components/BodyIcon.js";import{default as Ee}from"./icons/components/BreaksIcon.js";import{default as Ve}from"./icons/components/CabIcon.js";import{default as Ge}from"./icons/components/CalendarIcon.js";import{default as Oe}from"./icons/components/CameraIcon.js";import{default as We}from"./icons/components/CamperIcon.js";import{default as ze}from"./icons/components/CancelCircleIcon.js";import{default as je}from"./icons/components/CancelIcon.js";import{default as Xe}from"./icons/components/CarIcon.js";import{default as _e}from"./icons/components/CarServiceIcon.js";import{default as ot}from"./icons/components/CaravanIcon.js";import{default as tt}from"./icons/components/CertifiedIcon.js";import{default as at}from"./icons/components/ChatIcon.js";import{default as lt}from"./icons/components/CheckCircleIcon.js";import{default as pt}from"./icons/components/CheckFilledIcon.js";import{default as dt}from"./icons/components/CheckIcon.js";import{default as xt}from"./icons/components/CheckmarkIcon.js";import{default as ct}from"./icons/components/ClockIcon.js";import{default as it}from"./icons/components/CloseIcon.js";import{default as yt}from"./icons/components/CommentFilledIcon.js";import{default as Ct}from"./icons/components/CommentIcon.js";import{default as Bt}from"./icons/components/ConditioningIcon.js";import{default as ht}from"./icons/components/ContactIcon.js";import{default as wt}from"./icons/components/ControlNumberIcon.js";import{default as vt}from"./icons/components/CopyIcon.js";import{default as Dt}from"./icons/components/CountdownIcon.js";import{default as Rt}from"./icons/components/CoupeIcon.js";import{default as Mt}from"./icons/components/CraneIcon.js";import{default as Et}from"./icons/components/CupIcon.js";import{default as Vt}from"./icons/components/DeleteIcon.js";import{default as Gt}from"./icons/components/DisplayIcon.js";import{default as Ot}from"./icons/components/DocumentIcon.js";import{default as Wt}from"./icons/components/DownloadIcon.js";import{default as zt}from"./icons/components/EcoIcon.js";import{default as jt}from"./icons/components/EditIcon.js";import{default as Xt}from"./icons/components/EngineIcon.js";import{default as _t}from"./icons/components/ErrorFilledIcon.js";import{default as or}from"./icons/components/ErrorIcon.js";import{default as tr}from"./icons/components/EstoniaFlagIcon.js";import{default as ar}from"./icons/components/ExportIcon.js";import{default as lr}from"./icons/components/FacebookIcon.js";import{default as pr}from"./icons/components/FacilityIcon.js";import{default as dr}from"./icons/components/FavouriteFilledIcon.js";import{default as xr}from"./icons/components/FavouriteIcon.js";import{default as cr}from"./icons/components/FigmaIcon.js";import{default as ir}from"./icons/components/FilterIcon.js";import{default as yr}from"./icons/components/FinanceIcon.js";import{default as Cr}from"./icons/components/FinlandFlagIcon.js";import{default as Br}from"./icons/components/FirstIcon.js";import{default as hr}from"./icons/components/FixedPriceIcon.js";import{default as wr}from"./icons/components/FuelIcon.js";import{default as vr}from"./icons/components/GearboxIcon.js";import{default as Dr}from"./icons/components/GetPaidIcon.js";import{default as Rr}from"./icons/components/GridViewIcon.js";import{default as Mr}from"./icons/components/HatchbackIcon.js";import{default as Er}from"./icons/components/HelpIcon.js";import{default as Vr}from"./icons/components/HistoryIcon.js";import{default as Gr}from"./icons/components/HomeDeliveryIcon.js";import{default as Or}from"./icons/components/IdIcon.js";import{default as Wr}from"./icons/components/ImageIcon.js";import{default as zr}from"./icons/components/InfoIcon.js";import{default as jr}from"./icons/components/InstagramIcon.js";import{default as Xr}from"./icons/components/InsuranceIcon.js";import{default as _r}from"./icons/components/InteriorIcon.js";import{default as oa}from"./icons/components/KvdIcon.js";import{default as ta}from"./icons/components/KvdTestIcon.js";import{default as aa}from"./icons/components/KvdproIcon.js";import{default as la}from"./icons/components/LastIcon.js";import{default as pa}from"./icons/components/LeaderIcon.js";import{default as da}from"./icons/components/LinkedinIcon.js";import{default as xa}from"./icons/components/ListViewIcon.js";import{default as ca}from"./icons/components/LocationIcon.js";import{default as ia}from"./icons/components/MailIcon.js";import{default as ya}from"./icons/components/MenuIcon.js";import{default as Ca}from"./icons/components/MileageIcon.js";import{default as Ba}from"./icons/components/MinivanIcon.js";import{default as ha}from"./icons/components/ModelYearIcon.js";import{default as wa}from"./icons/components/MoreIcon.js";import{default as va}from"./icons/components/MotorbikeIcon.js";import{default as Da}from"./icons/components/NavigationIcon.js";import{default as Ra}from"./icons/components/NewIcon.js";import{default as Ma}from"./icons/components/NextFilledIcon.js";import{default as Ea}from"./icons/components/NextIcon.js";import{default as Va}from"./icons/components/NotificationIcon.js";import{default as Ga}from"./icons/components/OpenInNewIcon.js";import{default as Oa}from"./icons/components/PayementIcon.js";import{default as Wa}from"./icons/components/PercentIcon.js";import{default as za}from"./icons/components/PhoneIcon.js";import{default as ja}from"./icons/components/PickUpIcon.js";import{default as Xa}from"./icons/components/Pickup.js";import{default as _a}from"./icons/components/PlayIcon.js";import{default as of}from"./icons/components/PlugIcon.js";import{default as tf}from"./icons/components/PolandFlagIcon.js";import{default as af}from"./icons/components/PreviousFilledIcon.js";import{default as lf}from"./icons/components/PreviousIcon.js";import{default as pf}from"./icons/components/PrintIcon.js";import{default as df}from"./icons/components/QuoteIcon.js";import{default as xf}from"./icons/components/RatingIcon.js";import{default as cf}from"./icons/components/ReleasingIcon.js";import{default as Sf}from"./icons/components/ReorderIcon.js";import{default as gf}from"./icons/components/RestartIcon.js";import{default as Tf}from"./icons/components/SalesOfferIcon.js";import{default as kf}from"./icons/components/SavedSearchIcon.js";import{default as Ff}from"./icons/components/ScheduleIcon.js";import{default as Lf}from"./icons/components/SearchIcon.js";import{default as bf}from"./icons/components/SedanIcon.js";import{default as Pf}from"./icons/components/SellFilledIcon.js";import{default as Af}from"./icons/components/SellIcon.js";import{default as Nf}from"./icons/components/SettingsIcon.js";import{default as Hf}from"./icons/components/ShareIcon.js";import{default as Uf}from"./icons/components/ShowLessIcon.js";import{default as Kf}from"./icons/components/ShowMoreIcon.js";import{default as Qf}from"./icons/components/SignInIcon.js";import{default as qf}from"./icons/components/SignOutIcon.js";import{default as Yf}from"./icons/components/SlackIcon.js";import{default as Jf}from"./icons/components/SmartphoneIcon.js";import{default as Zf}from"./icons/components/SmileIcon.js";import{default as $f}from"./icons/components/SnowmobileIcon.js";import{default as el}from"./icons/components/SortColumnIcon.js";import{default as rl}from"./icons/components/SortIcon.js";import{default as fl}from"./icons/components/StorageIcon.js";import{default as nl}from"./icons/components/StoreIcon.js";import{default as ml}from"./icons/components/SuvIcon.js";import{default as ul}from"./icons/components/SwedishFlagIcon.js";import{default as sl}from"./icons/components/ThreeSixtyIcon.js";import{default as Il}from"./icons/components/TractorIcon.js";import{default as Sl}from"./icons/components/TrailerIcon.js";import{default as gl}from"./icons/components/TransportIcon.js";import{default as Tl}from"./icons/components/TruckIcon.js";import{default as kl}from"./icons/components/TwitterIcon.js";import{default as Fl}from"./icons/components/TyresIcon.js";import{default as Ll}from"./icons/components/UnitedKingdomFlagIcon.js";import{default as bl}from"./icons/components/UploadIcon.js";import{default as Pl}from"./icons/components/UserIcon.js";import{default as Al}from"./icons/components/ValuationIcon.js";import{default as Nl}from"./icons/components/VanIcon.js";import{default as Hl}from"./icons/components/VersionIcon.js";import{default as Ul}from"./icons/components/ViewsIcon.js";import{default as Kl}from"./icons/components/WagonIcon.js";import{default as Ql}from"./icons/components/WarningIcon.js";import{default as ql}from"./icons/components/WarrantyIcon.js";import{default as Yl}from"./icons/components/YoutubeIcon.js";import{useDynamicScript as Jl}from"./hooks/useDynamicScript.js";import{Display1 as Zl,Display1Style as _l,Display2 as $l,Display2Style as on,Display3 as en,Display3Style as tn,Headline as rn,HeadlineStyle as an,Subtitle as fn,SubtitleStyle as ln,TinyTitleBold as nn,TinyTitleBoldStyle as pn,TinyTitleRegular as mn,TinyTitleRegularStyle as dn,Title as un,TitleStyle as xn}from"./typography/Heading/index.js";import{BodyLink as cn,BodyLinkStyle as In,BodyText as Sn,BodyTextStyle as yn,Caption as gn,CaptionLink as Cn,CaptionLinkStyle as Tn,CaptionStyle as Bn,Quote as kn,QuoteStyle as hn,Status as Fn,StatusStyle as wn}from"./typography/BodyText/index.js";import{ButtonLarge as vn,ButtonLargeTextStyle as bn,Button as Dn,ButtonRegularTextStyle as Pn,ButtonSmall as Rn,ButtonSmallTextStyle as An}from"./typography/ButtonText/index.js";import{getDarkerShade as Nn,getLighterShade as En,hexToRGB as Hn,resetButtonStyle as Vn,resolveColorWithNeutral as Un}from"./utils/utils.js";import"react/jsx-runtime";import"react";import"styled-components";import"react-collapse";import"./shared/helpers.js";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"react-dom";import"react-transition-group";import"./components/Modal/FocudTrap.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"react-select";import"./shared/constants.js";import"react-router-dom";import"react-day-picker";import"date-fns/locale";import"date-fns";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/Chip/styles.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/RegistrationPlate/EuFlagIcon.js";export{A as Accordion,xe as AddIcon,ce as AlertIcon,ie as ArrowDownIcon,ye as ArrowLeftIcon,Ce as ArrowRightIcon,Be as ArrowUpIcon,he as AtvIcon,we as AuctionIcon,ve as BackIcon,Go as Badge,De as BankidIcon,Re as BidIcon,Me as BodyIcon,cn as BodyLink,In as BodyLinkStyle,Sn as BodyText,yn as BodyTextStyle,ae as Breadcrumbs,Ee as BreaksIcon,N as Button,vn as ButtonLargeText,bn as ButtonLargeTextStyle,Dn as ButtonRegularText,Pn as ButtonRegularTextStyle,Rn as ButtonSmallText,An as ButtonSmallTextStyle,Ve as CabIcon,Ge as CalendarIcon,Oe as CameraIcon,We as CamperIcon,ze as CancelCircleIcon,je as CancelIcon,gn as Caption,Cn as CaptionLink,Tn as CaptionLinkStyle,Bn as CaptionStyle,Xe as CarIcon,_e as CarServiceIcon,ot as CaravanIcon,jo as Card,tt as CertifiedIcon,at as ChatIcon,ro as CheckBox,lt as CheckCircleIcon,pt as CheckFilledIcon,dt as CheckIcon,xt as CheckmarkIcon,te as Chip,ct as ClockIcon,it as CloseIcon,yt as CommentFilledIcon,Ct as CommentIcon,Bt as ConditioningIcon,ht as ContactIcon,wt as ControlNumberIcon,vt as CopyIcon,Dt as CountdownIcon,Rt as CoupeIcon,Mt as CraneIcon,Et as CupIcon,Eo as DayPicker,Vt as DeleteIcon,$ as Dialog,Zl as Display1,_l as Display1Style,$l as Display2,on as Display2Style,en as Display3,tn as Display3Style,Gt as DisplayIcon,Ot as DocumentIcon,Wt as DownloadIcon,zt as EcoIcon,jt as EditIcon,ho as EditRow,Xt as EngineIcon,_t as ErrorFilledIcon,or as ErrorIcon,Y as ErrorMessage,tr as EstoniaFlagIcon,ar as ExportIcon,lr as FacebookIcon,pr as FacilityIcon,dr as FavouriteFilledIcon,xr as FavouriteIcon,cr as FigmaIcon,ir as FilterIcon,yr as FinanceIcon,Cr as FinlandFlagIcon,Br as FirstIcon,hr as FixedPriceIcon,xo as Flex,wr as FuelIcon,vr as GearboxIcon,Dr as GetPaidIcon,Rr as GridViewIcon,Mr as HatchbackIcon,rn as Headline,an as HeadlineStyle,Er as HelpIcon,Mo as Hero,Vr as HistoryIcon,Gr as HomeDeliveryIcon,H as IconButton,Or as IdIcon,Wr as ImageIcon,zr as InfoIcon,jr as InstagramIcon,Xr as InsuranceIcon,_r as InteriorIcon,oa as KvdIcon,ta as KvdTestIcon,aa as KvdproIcon,la as LastIcon,pa as LeaderIcon,Bo as Link,da as LinkedinIcon,yo as ListItem,xa as ListViewIcon,ca as LocationIcon,Vo as Logo,ia as MailIcon,ya as MenuIcon,de as MenuItem,le as Message,Ca as MileageIcon,Ba as MinivanIcon,Z as Modal,ha as ModelYearIcon,wa as MoreIcon,va as MotorbikeIcon,Da as NavigationIcon,Ra as NewIcon,Ma as NextFilledIcon,Ea as NextIcon,_o as NotificationButton,Va as NotificationIcon,eo as OffCanvas,Ga as OpenInNewIcon,Oa as PayementIcon,Wa as PercentIcon,za as PhoneIcon,ja as PickUpIcon,Xa as Pickup,_a as PlayIcon,of as PlugIcon,tf as PolandFlagIcon,af as PreviousFilledIcon,lf as PreviousIcon,pf as PrintIcon,kn as Quote,df as QuoteIcon,hn as QuoteStyle,wo as RadioButton,xf as RatingIcon,pe as RegistrationPlate,cf as ReleasingIcon,Sf as ReorderIcon,gf as RestartIcon,Tf as SalesOfferIcon,kf as SavedSearchIcon,Ff as ScheduleIcon,Lf as SearchIcon,bf as SedanIcon,co as Select,Pf as SellFilledIcon,Af as SellIcon,Nf as SettingsIcon,Hf as ShareIcon,Uf as ShowLessIcon,Kf as ShowMoreIcon,Qf as SignInIcon,qf as SignOutIcon,Yf as SlackIcon,Jf as SmartphoneIcon,Zf as SmileIcon,fo as Snackbar,$f as SnowmobileIcon,el as SortColumnIcon,rl as SortIcon,no as Spacer,J as Spinner,vo as SpinnerThin,mo as Stack,Do as Stamp,Fn as Status,wn as StatusStyle,Wo as Stepper,zo as StepperAccordion,fl as StorageIcon,nl as StoreIcon,fn as Subtitle,ln as SubtitleStyle,ml as SuvIcon,ul as SwedishFlagIcon,Xo as Switcher,q as Tab,Co as Table,Q as Tabs,K as TextArea,U as TextField,sl as ThreeSixtyIcon,Ro as TimePicker,nn as TinyTitleBold,pn as TinyTitleBoldStyle,mn as TinyTitleRegular,dn as TinyTitleRegularStyle,un as Title,xn as TitleStyle,Oo as Toggle,io as ToggleArrow,Il as TractorIcon,Sl as TrailerIcon,gl as TransportIcon,Tl as TruckIcon,kl as TwitterIcon,Fl as TyresIcon,Ll as UnitedKingdomFlagIcon,bl as UploadIcon,Pl as UserIcon,Al as ValuationIcon,oe as ValuationRange,Nl as VanIcon,Hl as VersionIcon,Ul as ViewsIcon,Kl as WagonIcon,Ql as WarningIcon,ql as WarrantyIcon,Yl as YoutubeIcon,Nn as getDarkerShade,En as getLighterShade,Hn as hexToRGB,v as mediaQueries,b as mq,D as mqNumberSizes,P as mqSizes,Vn as resetButtonStyle,Un as resolveColorWithNeutral,w as theme,Jl as useDynamicScript};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kvdbil/components",
3
- "version": "16.0.7",
3
+ "version": "17.0.0",
4
4
  "sideEffects": false,
5
5
  "main": "cjs/index.js",
6
6
  "module": "esm/index.js",
@@ -73,7 +73,7 @@
73
73
  "@testing-library/react-hooks": "^8.0.1",
74
74
  "@testing-library/user-event": "^14.5.2",
75
75
  "@types/jest": "^29.5.12",
76
- "@types/node": "22.15.24",
76
+ "@types/node": "22.16.0",
77
77
  "@types/react": "^18.3.8",
78
78
  "@types/react-collapse": "^5.0.4",
79
79
  "@types/react-dom": "^18.3.0",
package/package.json.tmp CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kvdbil/components",
3
- "version": "16.0.7",
3
+ "version": "17.0.0",
4
4
  "sideEffects": false,
5
5
  "main": "cjs/index.js",
6
6
  "module": "esm/index.js",
@@ -72,7 +72,7 @@
72
72
  "@testing-library/react-hooks": "^8.0.1",
73
73
  "@testing-library/user-event": "^14.5.2",
74
74
  "@types/jest": "^29.5.12",
75
- "@types/node": "22.15.24",
75
+ "@types/node": "22.16.0",
76
76
  "@types/react": "^18.3.8",
77
77
  "@types/react-collapse": "^5.0.4",
78
78
  "@types/react-dom": "^18.3.0",
@@ -1,6 +1,7 @@
1
1
  export interface BadgeProps {
2
2
  notificationAmount?: number;
3
3
  withNumber?: boolean;
4
+ ariaLabel?: string;
4
5
  }
5
- export declare const Badge: ({ notificationAmount, withNumber, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element | null;
6
+ export declare const Badge: ({ notificationAmount, withNumber, ariaLabel, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element | null;
6
7
  export default Badge;
@@ -1,15 +1,15 @@
1
- import React from 'react';
1
+ import React, { ComponentPropsWithoutRef, KeyboardEvent } from 'react';
2
2
  import { ComponentType, MouseEvent, ReactNode } from 'react';
3
3
  import { DefaultTheme } from 'styled-components';
4
4
  import { ColorWithNeutral, Size, Variant } from '../../Types';
5
5
  export type ChipColor = ColorWithNeutral | 'neutralLight';
6
- export interface ChipProps {
6
+ export interface ChipProps extends Omit<ComponentPropsWithoutRef<'div'>, 'prefix'> {
7
7
  color?: ChipColor;
8
8
  children: ReactNode;
9
9
  component?: ComponentType | keyof JSX.IntrinsicElements;
10
10
  isDisabled?: boolean;
11
11
  onClick?: (e: MouseEvent) => void;
12
- onDelete?: (e: MouseEvent) => void;
12
+ onDelete?: (e: MouseEvent | KeyboardEvent<HTMLSpanElement>) => void;
13
13
  size?: Size;
14
14
  prefix?: ReactNode;
15
15
  variant?: Variant;
@@ -27,5 +27,5 @@ export interface ItemProps {
27
27
  tabIndex?: number;
28
28
  onClick?: (e: MouseEvent) => void;
29
29
  }
30
- export declare const Chip: ({ color, children, component, isDisabled, onClick, size, prefix, onDelete, variant, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
30
+ export declare const Chip: ({ color, children, component, isDisabled, onClick, size, prefix, onDelete, variant, role, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
31
31
  export default Chip;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ export declare const FocusTrap: ({ children }: {
3
+ children: React.ReactNode;
4
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -6,6 +6,9 @@ interface SpinnerBaseProps {
6
6
  size: SpinnerSize | number;
7
7
  speed: Speed;
8
8
  }
9
- export type SpinnerProps = Partial<SpinnerBaseProps> & ComponentPropsWithoutRef<'div'>;
10
- declare const Spinner: ({ size, color, speed, customColor, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
9
+ export type SpinnerProps = Partial<SpinnerBaseProps> & ComponentPropsWithoutRef<'div'> & {
10
+ ariaLabel?: string;
11
+ useAria?: boolean;
12
+ };
13
+ declare const Spinner: ({ size, color, speed, customColor, ariaLabel, useAria, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
11
14
  export default Spinner;
@@ -4,6 +4,11 @@ export interface SpinnerThinProps {
4
4
  isError?: boolean;
5
5
  isLoading?: boolean;
6
6
  isClose?: boolean;
7
+ ariaLabels?: {
8
+ isDone?: string;
9
+ isError?: string;
10
+ isLoading?: string;
11
+ };
7
12
  }
8
- export declare const SpinnerThin: ({ isLoading, isDone, isError, size, ...rest }: SpinnerThinProps) => import("react/jsx-runtime").JSX.Element;
13
+ export declare const SpinnerThin: ({ isLoading, isDone, isError, size, ariaLabels, ...rest }: SpinnerThinProps) => import("react/jsx-runtime").JSX.Element;
9
14
  export default SpinnerThin;
@@ -8,5 +8,12 @@ export interface StepperProps extends ComponentPropsWithoutRef<'div'> {
8
8
  colorShade?: ColorShade;
9
9
  size?: number;
10
10
  activeStep?: number;
11
+ ariaLabels?: {
12
+ list?: string;
13
+ step?: string;
14
+ stepCurrent?: string;
15
+ stepUpcoming?: string;
16
+ stepDone?: string;
17
+ };
11
18
  }
12
- export declare const Stepper: ({ children, orientation, variant, color, colorShade, size, activeStep, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
19
+ export declare const Stepper: ({ children, orientation, variant, color, colorShade, size, activeStep, ariaLabels, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
@@ -11,5 +11,5 @@ export interface StepperAccordionProps extends ComponentProps<'div'> {
11
11
  closedChildren?: ReactNode;
12
12
  ref?: RefObject<HTMLDivElement>;
13
13
  }
14
- export declare const StepperAccordion: (props: StepperAccordionProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const StepperAccordion: ({ step, isExpanded: isExpandedInitially, isDisabled, isComplete, onClick: onClickProp, color, colorShade, title, children, closedChildren, ...restProps }: StepperAccordionProps) => import("react/jsx-runtime").JSX.Element;
15
15
  export default StepperAccordion;
@@ -5,6 +5,7 @@ export interface Props {
5
5
  onToggle(selected: boolean): void;
6
6
  color?: Color;
7
7
  colorShade?: ColorShade;
8
+ ariaLabel?: string;
8
9
  }
9
- export declare const Switcher: ({ selected, disabled, onToggle, color, colorShade, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const Switcher: ({ selected, disabled, onToggle, color, colorShade, ariaLabel, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
10
11
  export default Switcher;
@@ -2,6 +2,7 @@ type Column = string;
2
2
  export interface TableProps {
3
3
  columns?: Column[];
4
4
  data?: Record<Column, string>[];
5
+ ariaLabel?: string;
5
6
  }
6
- declare const Table: ({ columns, data }: TableProps) => import("react/jsx-runtime").JSX.Element;
7
+ declare const Table: ({ columns, data, ariaLabel }: TableProps) => import("react/jsx-runtime").JSX.Element;
7
8
  export default Table;
@@ -8,6 +8,7 @@ export interface ToggleProps {
8
8
  left: ReactNode;
9
9
  right: ReactNode;
10
10
  onChange(value: LeftOrRight): void;
11
+ ariaLabel?: string;
11
12
  }
12
- export declare const Toggle: ({ onChange, color, colorShade, ...props }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
13
+ export declare const Toggle: ({ onChange, color, colorShade, ariaLabel, ...props }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
13
14
  export {};
@@ -8,6 +8,11 @@ export interface Props {
8
8
  noApproximateSymbol?: boolean;
9
9
  isDisabled?: boolean;
10
10
  manualValuationText?: string;
11
+ ariaLabels?: {
12
+ range?: string;
13
+ interval?: string;
14
+ price?: string;
15
+ };
11
16
  }
12
- declare const ValuationRange: ({ intervalMin, intervalMax, value, color, colorShade, noApproximateSymbol, isDisabled, manualValuationText, }: Props) => import("react/jsx-runtime").JSX.Element;
17
+ declare const ValuationRange: ({ intervalMin, intervalMax, value, color, colorShade, noApproximateSymbol, isDisabled, manualValuationText, ariaLabels, }: Props) => import("react/jsx-runtime").JSX.Element;
13
18
  export default ValuationRange;
@@ -1,25 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../Icons/Arrow.js"),o=require("../../theme.js"),l=require("../../typography/BodyText/index.js"),n=require("./localeUtils.js");require("../../shared/media-queries.js");var a,i=(a=t)&&a.__esModule?a:{default:a};const s=i.default.div`
2
- display: flex;
3
- justify-content: space-between;
4
- padding: 0 2em;
5
- `,d=i.default(l.BodyText)`
6
- font-size: 1.5em;
7
- color: ${o.default.colors.text.dark};
8
- `,u=i.default.button`
9
- appearance: none;
10
- background-color: transparent;
11
- border: 0;
12
- cursor: pointer;
13
- font-family: inherit;
14
- outline: none;
15
- display: flex;
16
- align-items: center;
17
- `,c=i.default(r.default)`
18
- width: 16px;
19
- height: 16px;
20
- fill: ${o.default.colors.grayscaleToned.dark3};
21
- `,f=i.default(c)`
22
- transform: rotate(90deg);
23
- `,x=i.default(c)`
24
- transform: rotate(-90deg);
25
- `;exports.default=({month:t,onPreviousClick:r,onNextClick:o,locale:l})=>e.jsxs(s,{children:[e.jsx(u,{onClick:()=>r(),children:e.jsx(f,{title:"prev-month"})}),e.jsx(d,{as:"h3",children:n.formatMonthTitle(t,l)}),e.jsx(u,{onClick:()=>o(),children:e.jsx(x,{title:"next-month"})})]});
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=({title:r,...s})=>e.jsxs("svg",{...s,children:[r&&e.jsx("title",{children:r}),e.jsx("symbol",{id:"icon-arrow",viewBox:"0 0 22 22",children:e.jsx("path",{d:"M1.29412 9.70588L10.7843 19.1961C10.9034 19.3152 11.0966 19.3152 11.2157 19.1961L20.7059 9.70588L22 11L12.5098 20.4902C11.676 21.324 10.324 21.324 9.4902 20.4902L0 11L1.29412 9.70588Z"})}),e.jsx("use",{xlinkHref:"#icon-arrow"})]});
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var C=require("react/jsx-runtime");exports.default=({title:e="CheckCircle",...i})=>C.jsxs("svg",{...i,children:[e&&C.jsx("title",{children:e}),C.jsx("symbol",{id:"icon-checkCircle",viewBox:"0 0 24 24",children:C.jsx("path",{d:"M12.5 23.0012C6.42487 23.0012 1.5 18.0764 1.5 12.0012C1.5 5.92609 6.42487 1.00122 12.5 1.00122C18.5751 1.00122 23.5 5.92609 23.5 12.0012C23.5 18.0764 18.5751 23.0012 12.5 23.0012ZM12.5 21.1679C17.5626 21.1679 21.6667 17.0638 21.6667 12.0012C21.6667 6.93861 17.5626 2.83455 12.5 2.83455C7.43739 2.83455 3.33333 6.93861 3.33333 12.0012C3.33333 17.0638 7.43739 21.1679 12.5 21.1679ZM9.10748 13.2429C9.33504 13.5121 9.55429 13.7564 9.76125 13.9695C10.1479 14.3676 10.4817 14.6294 10.6107 14.7179C10.6392 14.7003 10.6714 14.6794 10.7067 14.6551C10.9006 14.522 11.1553 14.3144 11.4591 14.0413C12.0292 13.5287 12.7476 12.8084 13.5766 11.9265C13.7427 11.7497 13.9125 11.5673 14.0856 11.3797C14.819 10.5847 15.5796 9.73162 16.3227 8.87836C16.5829 8.5796 16.8222 8.30225 17.0352 8.0535C17.1626 7.90465 17.2527 7.79871 17.2999 7.74287L18.7001 8.92624C18.6505 8.98498 18.5579 9.09389 18.4278 9.24582C18.2116 9.49837 17.9689 9.77961 17.7052 10.0824C16.9514 10.9479 16.1796 11.8136 15.4331 12.6228C15.2562 12.8145 15.0826 13.0011 14.9124 13.1821C12.7154 15.5196 11.5309 16.5846 10.6667 16.5846C9.95327 16.5846 9.28235 16.1078 8.44613 15.2468C8.20742 15.0011 7.96047 14.7259 7.70721 14.4262C7.35453 14.0089 7.00646 13.5644 6.67696 13.1203C6.47905 12.8535 6.33026 12.6446 6.24558 12.5219L7.75443 11.4805C7.82792 11.587 7.96481 11.7792 8.14939 12.028C8.4574 12.4432 8.78234 12.8581 9.10748 13.2429Z"})}),C.jsx("use",{xlinkHref:"#icon-checkCircle"})]});
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=({className:C="icon__svg"})=>e.jsxs("svg",{className:C,children:[e.jsx("title",{children:"Check"}),e.jsx("symbol",{id:"icon-check",viewBox:"0 0 20 16",children:e.jsx("path",{d:"M5.64559 11.2678C5.31325 10.8822 4.96116 10.4401 4.59575 9.95286C4.07361 9.25661 3.55182 8.50577 3.0572 7.75441C2.76079 7.30414 2.54098 6.95638 2.42297 6.7637L0 8.6482C0.135982 8.87023 0.3749 9.2482 0.692726 9.73101C1.22184 10.5348 1.78078 11.3391 2.34713 12.0943C2.75382 12.6366 3.15039 13.1345 3.53372 13.5793C4.87655 15.1373 5.95393 16 7.09955 16C8.48728 16 10.3894 14.0728 13.9175 9.84286C14.1908 9.51527 14.4697 9.17762 14.7536 8.83074C15.9524 7.36638 17.1918 5.79987 18.4023 4.23366C18.8257 3.6857 19.2155 3.17676 19.5627 2.71975C19.7716 2.44481 19.9203 2.24773 20 2.14142L17.7514 0C17.6756 0.101045 17.531 0.292744 17.3263 0.562104C16.9843 1.01226 16.6 1.51416 16.1821 2.05479C14.9888 3.59885 13.7675 5.1426 12.5898 6.58116C12.3118 6.92065 12.0392 7.25078 11.7723 7.57068C10.4411 9.16669 9.28751 10.4701 8.37209 11.3976C7.8842 11.892 7.47522 12.2676 7.16387 12.5084C7.10708 12.5523 7.05542 12.5903 7.00971 12.6221C6.8025 12.4619 6.2665 11.9882 5.64559 11.2678Z"})}),e.jsx("use",{xlinkHref:"#icon-check"})]});
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=({title:s="Close",...i})=>e.jsxs("svg",{...i,children:[s&&e.jsx("title",{children:s}),e.jsx("symbol",{id:"icon-close",viewBox:"0 0 24 24",children:e.jsx("path",{d:"M12.0001 10.5859L21.7629 0.823223L23.1771 2.23744L13.4144 12.0002L23.1771 21.7629L21.7629 23.1771L12.0001 13.4144L2.23744 23.1771L0.823223 21.7629L10.5859 12.0002L0.823223 2.23745L2.23744 0.823234L12.0001 10.5859Z"})}),e.jsx("use",{xlinkHref:"#icon-close"})]});
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=({title:r,...i})=>e.jsxs("svg",{...i,children:[r&&e.jsx("title",{children:r}),e.jsx("symbol",{id:"icon-errorCircle",viewBox:"0 0 24 24",children:e.jsx("path",{d:"M1.5 12.0012C1.5 18.0764 6.42487 23.0012 12.5 23.0012C18.5751 23.0012 23.5 18.0764 23.5 12.0012C23.5 5.92609 18.5751 1.00122 12.5 1.00122C6.42487 1.00122 1.5 5.92609 1.5 12.0012ZM21.6667 12.0012C21.6667 17.0638 17.5626 21.1679 12.5 21.1679C7.43739 21.1679 3.33333 17.0638 3.33333 12.0012C3.33333 6.93861 7.43739 2.83455 12.5 2.83455C17.5626 2.83455 21.6667 6.93861 21.6667 12.0012ZM13.4167 13.8346V6.50122H11.5833V13.8346H13.4167ZM13.4167 15.6679V17.5012H11.5833V15.6679H13.4167Z"})}),e.jsx("use",{xlinkHref:"#icon-errorCircle"})]});
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=({title:i,...r})=>e.jsxs("svg",{...r,children:[i&&e.jsx("title",{children:i}),e.jsx("symbol",{id:"icon-infoCircle",viewBox:"0 0 24 24",children:e.jsx("path",{d:"M1.5 12.0012C1.5 18.0764 6.42487 23.0012 12.5 23.0012C18.5751 23.0012 23.5 18.0764 23.5 12.0012C23.5 5.92609 18.5751 1.00122 12.5 1.00122C6.42487 1.00122 1.5 5.92609 1.5 12.0012ZM21.6667 12.0012C21.6667 17.0638 17.5626 21.1679 12.5 21.1679C7.43739 21.1679 3.33333 17.0638 3.33333 12.0012C3.33333 6.93861 7.43739 2.83455 12.5 2.83455C17.5626 2.83455 21.6667 6.93861 21.6667 12.0012ZM13.4167 10.1679V17.5012H11.5833V10.1679H13.4167ZM13.4167 8.33455V6.50122H11.5833V8.33455H13.4167Z"})}),e.jsx("use",{xlinkHref:"#icon-infoCircle"})]});
@@ -1,25 +0,0 @@
1
- import{jsxs as c,jsx as t}from"react/jsx-runtime";import o from"styled-components";import d from"../Icons/Arrow.js";import e from"../../theme.js";import{BodyText as s}from"../../typography/BodyText/index.js";import{formatMonthTitle as p}from"./localeUtils.js";import"../../shared/media-queries.js";const f=o.div`
2
- display: flex;
3
- justify-content: space-between;
4
- padding: 0 2em;
5
- `,h=o(s)`
6
- font-size: 1.5em;
7
- color: ${e.colors.text.dark};
8
- `,r=o.button`
9
- appearance: none;
10
- background-color: transparent;
11
- border: 0;
12
- cursor: pointer;
13
- font-family: inherit;
14
- outline: none;
15
- display: flex;
16
- align-items: center;
17
- `,n=o(d)`
18
- width: 16px;
19
- height: 16px;
20
- fill: ${e.colors.grayscaleToned.dark3};
21
- `,x=o(n)`
22
- transform: rotate(90deg);
23
- `,k=o(n)`
24
- transform: rotate(-90deg);
25
- `,g=({month:i,onPreviousClick:l,onNextClick:a,locale:m})=>c(f,{children:[t(r,{onClick:()=>l(),children:t(x,{title:"prev-month"})}),t(h,{as:"h3",children:p(i,m)}),t(r,{onClick:()=>a(),children:t(k,{title:"next-month"})})]});export{g as default};
@@ -1 +0,0 @@
1
- import{jsxs as r,jsx as i}from"react/jsx-runtime";const t=({title:e,...o})=>r("svg",{...o,children:[e&&i("title",{children:e}),i("symbol",{id:"icon-arrow",viewBox:"0 0 22 22",children:i("path",{d:"M1.29412 9.70588L10.7843 19.1961C10.9034 19.3152 11.0966 19.3152 11.2157 19.1961L20.7059 9.70588L22 11L12.5098 20.4902C11.676 21.324 10.324 21.324 9.4902 20.4902L0 11L1.29412 9.70588Z"})}),i("use",{xlinkHref:"#icon-arrow"})]});export{t as default};
@@ -1 +0,0 @@
1
- import{jsxs as c,jsx as C}from"react/jsx-runtime";const l=({title:e="CheckCircle",...i})=>c("svg",{...i,children:[e&&C("title",{children:e}),C("symbol",{id:"icon-checkCircle",viewBox:"0 0 24 24",children:C("path",{d:"M12.5 23.0012C6.42487 23.0012 1.5 18.0764 1.5 12.0012C1.5 5.92609 6.42487 1.00122 12.5 1.00122C18.5751 1.00122 23.5 5.92609 23.5 12.0012C23.5 18.0764 18.5751 23.0012 12.5 23.0012ZM12.5 21.1679C17.5626 21.1679 21.6667 17.0638 21.6667 12.0012C21.6667 6.93861 17.5626 2.83455 12.5 2.83455C7.43739 2.83455 3.33333 6.93861 3.33333 12.0012C3.33333 17.0638 7.43739 21.1679 12.5 21.1679ZM9.10748 13.2429C9.33504 13.5121 9.55429 13.7564 9.76125 13.9695C10.1479 14.3676 10.4817 14.6294 10.6107 14.7179C10.6392 14.7003 10.6714 14.6794 10.7067 14.6551C10.9006 14.522 11.1553 14.3144 11.4591 14.0413C12.0292 13.5287 12.7476 12.8084 13.5766 11.9265C13.7427 11.7497 13.9125 11.5673 14.0856 11.3797C14.819 10.5847 15.5796 9.73162 16.3227 8.87836C16.5829 8.5796 16.8222 8.30225 17.0352 8.0535C17.1626 7.90465 17.2527 7.79871 17.2999 7.74287L18.7001 8.92624C18.6505 8.98498 18.5579 9.09389 18.4278 9.24582C18.2116 9.49837 17.9689 9.77961 17.7052 10.0824C16.9514 10.9479 16.1796 11.8136 15.4331 12.6228C15.2562 12.8145 15.0826 13.0011 14.9124 13.1821C12.7154 15.5196 11.5309 16.5846 10.6667 16.5846C9.95327 16.5846 9.28235 16.1078 8.44613 15.2468C8.20742 15.0011 7.96047 14.7259 7.70721 14.4262C7.35453 14.0089 7.00646 13.5644 6.67696 13.1203C6.47905 12.8535 6.33026 12.6446 6.24558 12.5219L7.75443 11.4805C7.82792 11.587 7.96481 11.7792 8.14939 12.028C8.4574 12.4432 8.78234 12.8581 9.10748 13.2429Z"})}),C("use",{xlinkHref:"#icon-checkCircle"})]});export{l as default};
@@ -1 +0,0 @@
1
- import{jsxs as c,jsx as C}from"react/jsx-runtime";const s=({className:e="icon__svg"})=>c("svg",{className:e,children:[C("title",{children:"Check"}),C("symbol",{id:"icon-check",viewBox:"0 0 20 16",children:C("path",{d:"M5.64559 11.2678C5.31325 10.8822 4.96116 10.4401 4.59575 9.95286C4.07361 9.25661 3.55182 8.50577 3.0572 7.75441C2.76079 7.30414 2.54098 6.95638 2.42297 6.7637L0 8.6482C0.135982 8.87023 0.3749 9.2482 0.692726 9.73101C1.22184 10.5348 1.78078 11.3391 2.34713 12.0943C2.75382 12.6366 3.15039 13.1345 3.53372 13.5793C4.87655 15.1373 5.95393 16 7.09955 16C8.48728 16 10.3894 14.0728 13.9175 9.84286C14.1908 9.51527 14.4697 9.17762 14.7536 8.83074C15.9524 7.36638 17.1918 5.79987 18.4023 4.23366C18.8257 3.6857 19.2155 3.17676 19.5627 2.71975C19.7716 2.44481 19.9203 2.24773 20 2.14142L17.7514 0C17.6756 0.101045 17.531 0.292744 17.3263 0.562104C16.9843 1.01226 16.6 1.51416 16.1821 2.05479C14.9888 3.59885 13.7675 5.1426 12.5898 6.58116C12.3118 6.92065 12.0392 7.25078 11.7723 7.57068C10.4411 9.16669 9.28751 10.4701 8.37209 11.3976C7.8842 11.892 7.47522 12.2676 7.16387 12.5084C7.10708 12.5523 7.05542 12.5903 7.00971 12.6221C6.8025 12.4619 6.2665 11.9882 5.64559 11.2678Z"})}),C("use",{xlinkHref:"#icon-check"})]});export{s as default};
@@ -1 +0,0 @@
1
- import{jsxs as l,jsx as L}from"react/jsx-runtime";const o=({title:e="Close",...i})=>l("svg",{...i,children:[e&&L("title",{children:e}),L("symbol",{id:"icon-close",viewBox:"0 0 24 24",children:L("path",{d:"M12.0001 10.5859L21.7629 0.823223L23.1771 2.23744L13.4144 12.0002L23.1771 21.7629L21.7629 23.1771L12.0001 13.4144L2.23744 23.1771L0.823223 21.7629L10.5859 12.0002L0.823223 2.23745L2.23744 0.823234L12.0001 10.5859Z"})}),L("use",{xlinkHref:"#icon-close"})]});export{o as default};
@@ -1 +0,0 @@
1
- import{jsxs as l,jsx as r}from"react/jsx-runtime";const C=({title:e,...i})=>l("svg",{...i,children:[e&&r("title",{children:e}),r("symbol",{id:"icon-errorCircle",viewBox:"0 0 24 24",children:r("path",{d:"M1.5 12.0012C1.5 18.0764 6.42487 23.0012 12.5 23.0012C18.5751 23.0012 23.5 18.0764 23.5 12.0012C23.5 5.92609 18.5751 1.00122 12.5 1.00122C6.42487 1.00122 1.5 5.92609 1.5 12.0012ZM21.6667 12.0012C21.6667 17.0638 17.5626 21.1679 12.5 21.1679C7.43739 21.1679 3.33333 17.0638 3.33333 12.0012C3.33333 6.93861 7.43739 2.83455 12.5 2.83455C17.5626 2.83455 21.6667 6.93861 21.6667 12.0012ZM13.4167 13.8346V6.50122H11.5833V13.8346H13.4167ZM13.4167 15.6679V17.5012H11.5833V15.6679H13.4167Z"})}),r("use",{xlinkHref:"#icon-errorCircle"})]});export{C as default};
@@ -1 +0,0 @@
1
- import{jsxs as l,jsx as i}from"react/jsx-runtime";const n=({title:e,...C})=>l("svg",{...C,children:[e&&i("title",{children:e}),i("symbol",{id:"icon-infoCircle",viewBox:"0 0 24 24",children:i("path",{d:"M1.5 12.0012C1.5 18.0764 6.42487 23.0012 12.5 23.0012C18.5751 23.0012 23.5 18.0764 23.5 12.0012C23.5 5.92609 18.5751 1.00122 12.5 1.00122C6.42487 1.00122 1.5 5.92609 1.5 12.0012ZM21.6667 12.0012C21.6667 17.0638 17.5626 21.1679 12.5 21.1679C7.43739 21.1679 3.33333 17.0638 3.33333 12.0012C3.33333 6.93861 7.43739 2.83455 12.5 2.83455C17.5626 2.83455 21.6667 6.93861 21.6667 12.0012ZM13.4167 10.1679V17.5012H11.5833V10.1679H13.4167ZM13.4167 8.33455V6.50122H11.5833V8.33455H13.4167Z"})}),i("use",{xlinkHref:"#icon-infoCircle"})]});export{n as default};
@@ -1,9 +0,0 @@
1
- import { Locale } from '../../Types';
2
- export interface NavBarProps {
3
- month: Date;
4
- onPreviousClick(callback?: () => void): void;
5
- onNextClick(callback?: () => void): void;
6
- locale: Locale;
7
- }
8
- declare const DayPickerNavBar: ({ month, onPreviousClick, onNextClick, locale, }: NavBarProps) => import("react/jsx-runtime").JSX.Element;
9
- export default DayPickerNavBar;
@@ -1,5 +0,0 @@
1
- interface Props {
2
- title?: string;
3
- }
4
- declare const Arrow: ({ title, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
5
- export default Arrow;
@@ -1,5 +0,0 @@
1
- interface Props {
2
- title?: string;
3
- }
4
- declare const CheckCircle: ({ title, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
5
- export default CheckCircle;
@@ -1,5 +0,0 @@
1
- interface Props {
2
- className?: string;
3
- }
4
- declare const CheckIcon: ({ className }: Props) => import("react/jsx-runtime").JSX.Element;
5
- export default CheckIcon;
@@ -1,5 +0,0 @@
1
- interface Props {
2
- title?: string;
3
- }
4
- declare const Close: ({ title, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
5
- export default Close;
@@ -1,5 +0,0 @@
1
- interface Props {
2
- title?: string;
3
- }
4
- declare const ErrorCircle: ({ title, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
5
- export default ErrorCircle;
@@ -1,5 +0,0 @@
1
- interface Props {
2
- title?: string;
3
- }
4
- declare const InfoCircle: ({ title, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
5
- export default InfoCircle;