@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.
- package/cjs/components/Accordion/index.js +8 -8
- package/cjs/components/Badge/index.js +5 -5
- package/cjs/components/Breadcrumbs/BreadcrumbsItem.js +5 -5
- package/cjs/components/Breadcrumbs/index.js +2 -2
- package/cjs/components/Button/index.js +14 -13
- package/cjs/components/Card/index.js +5 -5
- package/cjs/components/CheckBox/index.js +7 -7
- package/cjs/components/Chip/index.js +6 -6
- package/cjs/components/Dialog/index.js +1 -1
- package/cjs/components/ErrorMessage/index.js +2 -2
- package/cjs/components/Icon/index.js +4 -4
- package/cjs/components/Link/index.js +4 -6
- package/cjs/components/ListItem/index.js +3 -3
- package/cjs/components/MenuItem/index.js +1 -1
- package/cjs/components/Message/index.js +21 -10
- package/cjs/components/Modal/FocudTrap.js +3 -0
- package/cjs/components/Modal/index.js +23 -16
- package/cjs/components/OffCanvas/index.js +4 -4
- package/cjs/components/RadioButton/index.js +17 -17
- package/cjs/components/RegistrationPlate/index.js +3 -3
- package/cjs/components/Snackbar/index.js +23 -19
- package/cjs/components/Spinner/index.js +9 -9
- package/cjs/components/SpinnerThin/index.js +6 -7
- package/cjs/components/Stepper/index.js +10 -10
- package/cjs/components/StepperAccordion/index.js +18 -24
- package/cjs/components/Switcher/index.js +6 -6
- package/cjs/components/Table/index.js +9 -9
- package/cjs/components/Tabs/Tab.js +1 -2
- package/cjs/components/Tabs/Tabs.js +1 -1
- package/cjs/components/TextArea/index.js +12 -12
- package/cjs/components/Textfield/index.js +3 -3
- package/cjs/components/TimePicker/index.js +2 -2
- package/cjs/components/Toggle/index.js +6 -6
- package/cjs/components/ToggleArrow/index.js +2 -2
- package/cjs/components/ValuationRange/index.js +15 -15
- package/cjs/index.js +1 -1
- package/esm/components/Accordion/index.js +9 -9
- package/esm/components/Badge/index.js +7 -7
- package/esm/components/Breadcrumbs/BreadcrumbsItem.js +6 -6
- package/esm/components/Breadcrumbs/index.js +2 -2
- package/esm/components/Button/index.js +16 -15
- package/esm/components/Card/index.js +1 -1
- package/esm/components/CheckBox/index.js +7 -7
- package/esm/components/Chip/index.js +20 -20
- package/esm/components/Dialog/index.js +1 -1
- package/esm/components/ErrorMessage/index.js +2 -2
- package/esm/components/Icon/index.js +1 -1
- package/esm/components/Link/index.js +6 -8
- package/esm/components/ListItem/index.js +4 -4
- package/esm/components/MenuItem/index.js +2 -2
- package/esm/components/Message/index.js +21 -10
- package/esm/components/Modal/FocudTrap.js +3 -0
- package/esm/components/Modal/index.js +23 -16
- package/esm/components/OffCanvas/index.js +15 -11
- package/esm/components/RadioButton/index.js +12 -12
- package/esm/components/RegistrationPlate/index.js +4 -4
- package/esm/components/Snackbar/index.js +26 -22
- package/esm/components/Spinner/index.js +5 -5
- package/esm/components/SpinnerThin/index.js +9 -10
- package/esm/components/Stepper/index.js +30 -30
- package/esm/components/StepperAccordion/index.js +26 -32
- package/esm/components/Switcher/index.js +6 -6
- package/esm/components/Table/index.js +5 -5
- package/esm/components/Tabs/Tab.js +3 -4
- package/esm/components/Tabs/Tabs.js +1 -1
- package/esm/components/TextArea/index.js +16 -16
- package/esm/components/Textfield/index.js +16 -16
- package/esm/components/TimePicker/index.js +2 -2
- package/esm/components/Toggle/index.js +12 -12
- package/esm/components/ToggleArrow/index.js +3 -3
- package/esm/components/ValuationRange/index.js +15 -15
- package/esm/index.js +1 -1
- package/package.json +2 -2
- package/package.json.tmp +2 -2
- package/types/components/Badge/index.d.ts +2 -1
- package/types/components/Chip/index.d.ts +4 -4
- package/types/components/Modal/FocudTrap.d.ts +4 -0
- package/types/components/Spinner/index.d.ts +5 -2
- package/types/components/SpinnerThin/index.d.ts +6 -1
- package/types/components/Stepper/index.d.ts +8 -1
- package/types/components/StepperAccordion/index.d.ts +1 -1
- package/types/components/Switcher/index.d.ts +2 -1
- package/types/components/Table/index.d.ts +2 -1
- package/types/components/Toggle/index.d.ts +2 -1
- package/types/components/ValuationRange/index.d.ts +6 -1
- package/cjs/components/DayPicker/DayPickerNavBar.js +0 -25
- package/cjs/components/Icons/Arrow.js +0 -1
- package/cjs/components/Icons/CheckCircle.js +0 -1
- package/cjs/components/Icons/CheckIcon.js +0 -1
- package/cjs/components/Icons/Close.js +0 -1
- package/cjs/components/Icons/ErrorCircle.js +0 -1
- package/cjs/components/Icons/InfoCircle.js +0 -1
- package/esm/components/DayPicker/DayPickerNavBar.js +0 -25
- package/esm/components/Icons/Arrow.js +0 -1
- package/esm/components/Icons/CheckCircle.js +0 -1
- package/esm/components/Icons/CheckIcon.js +0 -1
- package/esm/components/Icons/Close.js +0 -1
- package/esm/components/Icons/ErrorCircle.js +0 -1
- package/esm/components/Icons/InfoCircle.js +0 -1
- package/types/components/DayPicker/DayPickerNavBar.d.ts +0 -9
- package/types/components/Icons/Arrow.d.ts +0 -5
- package/types/components/Icons/CheckCircle.d.ts +0 -5
- package/types/components/Icons/CheckIcon.d.ts +0 -5
- package/types/components/Icons/Close.d.ts +0 -5
- package/types/components/Icons/ErrorCircle.d.ts +0 -5
- package/types/components/Icons/InfoCircle.d.ts +0 -5
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require("react/jsx-runtime"),r=require("styled-components"),t=require("../Chip/index.js");require("../../icons/components/CloseIcon.js"),require("../Chip/styles.js"),require("../../utils/utils.js");const
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require("react/jsx-runtime"),r=require("styled-components"),t=require("../Chip/index.js");require("../../icons/components/CloseIcon.js"),require("../Chip/styles.js"),require("../../utils/utils.js");const l=((e=r)&&e.__esModule?e:{default:e}).default.ul`
|
|
2
2
|
max-width: 20rem;
|
|
3
3
|
display: grid;
|
|
4
4
|
grid-template-columns: repeat(4, 1fr);
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
flex-wrap: wrap;
|
|
7
7
|
margin: 0;
|
|
8
8
|
padding: 0;
|
|
9
|
-
`,
|
|
9
|
+
`,s=(e,i)=>Array.isArray(i)?!!i.find((i=>i.getTime()===e.getTime())):i?.getTime()===e.getTime(),a=({timeSlots:e,onTimeSlotClick:r,selectedTimes:a,disabledTimes:o,...d})=>i.jsx(l,{role:"listbox","aria-multiselectable":"true",...d,children:e.map((({text:e,date:l})=>{const n=s(l,a),m=s(l,o),u=d.color||"primary";return i.jsx(t.Chip,{role:"option",component:"li","aria-selected":n,"aria-disabled":m,"data-selected":n,"data-disabled":m,variant:n?"solid":"outline",isDisabled:m,color:n?u:"neutralLight",onClick:()=>!n&&!m&&r(l),onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&!n&&!m&&(e.preventDefault(),r(l))},children:e},l.getTime())}))});exports.TimePicker=a,exports.default=a;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),o=require("react"),t=require("styled-components");var r,i=(r=t)&&r.__esModule?r:{default:r};const l=i.default.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
position: relative;
|
|
4
4
|
border-top: ${({theme:e})=>`1px solid ${e.colors.grayscaleToned.light6}`};
|
|
5
5
|
border-bottom: ${({theme:e})=>`1px solid ${e.colors.grayscaleToned.light6}`};
|
|
6
6
|
padding: 4px;
|
|
7
|
-
`,a=
|
|
7
|
+
`,a=i.default.div`
|
|
8
8
|
font-family: ${({theme:e})=>e.typography.fontBaseFamily};
|
|
9
9
|
font-weight: ${({theme:e})=>e.typography.fontBaseRegularWeight};
|
|
10
10
|
display: flex;
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
position: relative;
|
|
17
17
|
cursor: pointer;
|
|
18
18
|
|
|
19
|
-
color: ${({theme:e,isActive:
|
|
20
|
-
`,
|
|
19
|
+
color: ${({theme:e,isActive:o})=>o?e.colors.text.light:e.colors.text.dark};
|
|
20
|
+
`,c=i.default.div`
|
|
21
21
|
z-index: 0;
|
|
22
|
-
background-color: ${({theme:e,$color:
|
|
22
|
+
background-color: ${({theme:e,$color:o,$colorShade:t})=>e.colors[o][t]};
|
|
23
23
|
position: absolute;
|
|
24
24
|
|
|
25
25
|
border-radius: 0.25rem;
|
|
@@ -34,4 +34,4 @@
|
|
|
34
34
|
${e=>"RIGHT"===e.active&&"\n left: calc(50%);\n "}
|
|
35
35
|
|
|
36
36
|
${e=>!e.active&&"display: none;"}
|
|
37
|
-
`;exports.Toggle=({onChange:
|
|
37
|
+
`;exports.Toggle=({onChange:t,color:r,colorShade:i="mainAlt",ariaLabel:n,...s})=>{const[d,h]=o.useState(s.active),u=o.useRef(null),f=o.useRef(null);o.useEffect((()=>{h(s.active)}),[s.active]);const p=e=>{h(e),t(e)},g=(e,o)=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),p(o)),"ArrowRight"===e.key&&"LEFT"===o?(p("RIGHT"),f.current?.focus()):"ArrowLeft"===e.key&&"RIGHT"===o&&(p("LEFT"),u.current?.focus())};return e.jsxs(l,{role:"radiogroup","aria-label":n??"Toggle options",children:[e.jsx(c,{$color:r,$colorShade:i,active:d}),e.jsx(a,{ref:u,role:"radio","aria-checked":"LEFT"===d,tabIndex:"LEFT"===d?-1:0,onClick:()=>p("LEFT"),onKeyDown:e=>g(e,"LEFT"),isActive:"LEFT"===d,children:s.left}),e.jsx(a,{ref:f,role:"radio","aria-checked":"RIGHT"===d,tabIndex:"RIGHT"===d?-1:0,onClick:()=>p("RIGHT"),onKeyDown:e=>g(e,"RIGHT"),isActive:"RIGHT"===d,children:s.right})]})};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),r=require("styled-components"),s=require("../../icons/components/ShowMoreIcon.js");const n=((e=r)&&e.__esModule?e:{default:e}).default.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
|
|
@@ -7,4 +7,4 @@
|
|
|
7
7
|
transition: 250ms;
|
|
8
8
|
transform: ${e=>e.isExpanded?"rotate(180deg)":"rotate()"};
|
|
9
9
|
}
|
|
10
|
-
`;exports.default=({isExpanded:e})=>t.jsx(n,{isExpanded:e,children:t.jsx(
|
|
10
|
+
`;exports.default=({isExpanded:e})=>t.jsx(n,{isExpanded:e,"aria-hidden":"true",role:"presentation",children:t.jsx(s.default,{})});
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),a=require("../../typography/BodyText/index.js"),i=require("../../typography/Heading/index.js");require("../../shared/media-queries.js");var t,l=(t=r)&&t.__esModule?t:{default:t};const o=({theme:e,$color:r,$colorShade:a,$isDisabled:i})=>i?e.colors[r].lighter:e.colors[r][a],d=l.default.div`
|
|
2
2
|
margin: 0 1rem;
|
|
3
|
-
`,
|
|
3
|
+
`,s=l.default.div`
|
|
4
4
|
flex: 1;
|
|
5
5
|
display: flex;
|
|
6
6
|
justify-content: center;
|
|
7
7
|
align-items: flex-end;
|
|
8
|
-
`,n=
|
|
8
|
+
`,n=l.default.div`
|
|
9
9
|
white-space: nowrap;
|
|
10
|
-
color: ${e=>
|
|
11
|
-
`,c=
|
|
10
|
+
color: ${e=>o(e)};
|
|
11
|
+
`,c=l.default(i.Subtitle)`
|
|
12
12
|
color: ${({theme:e})=>e.colors.text.disabled};
|
|
13
|
-
`,
|
|
13
|
+
`,u=l.default.div`
|
|
14
14
|
width: 100%;
|
|
15
15
|
align-items: center;
|
|
16
16
|
display: flex;
|
|
17
17
|
padding: 0.25rem 0;
|
|
18
|
-
`,
|
|
18
|
+
`,h=l.default(a.Caption).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
|
-
`,
|
|
23
|
+
`,p=l.default.div`
|
|
24
24
|
width: 80%;
|
|
25
|
-
border-left: 1px solid ${e=>
|
|
26
|
-
border-right: 1px solid ${e=>
|
|
25
|
+
border-left: 1px solid ${e=>o(e)};
|
|
26
|
+
border-right: 1px solid ${e=>o(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
|
-
`,
|
|
33
|
+
`,x=l.default.div`
|
|
34
34
|
height: 0.33rem;
|
|
35
35
|
width: 100%;
|
|
36
|
-
background: ${e=>
|
|
37
|
-
`,m=
|
|
38
|
-
background: ${e=>
|
|
36
|
+
background: ${e=>o(e)};
|
|
37
|
+
`,m=l.default.div`
|
|
38
|
+
background: ${e=>o(e)};
|
|
39
39
|
width: 1px;
|
|
40
40
|
height: 0.7rem;
|
|
41
41
|
top: 0;
|
|
42
42
|
position: absolute;
|
|
43
|
-
`;exports.default=({intervalMin:
|
|
43
|
+
`;exports.default=({intervalMin:r=0,intervalMax:a=0,value:t=0,color:l="primary",colorShade:o="mainAlt",noApproximateSymbol:$=!1,isDisabled:b=!1,manualValuationText:f="",ariaLabels:g={}})=>{const j=new Intl.NumberFormat("sv-SE"),v=r>0&&a>0&&!f,y=t>0&&!f;return e.jsxs(d,{role:"group","aria-label":g?.range??"Valuation range",children:[e.jsxs(u,{role:"group","aria-label":g?.interval??"Interval boundaries",children:[e.jsx(h,{children:v?`- ${j.format(r)}`:""}),e.jsx(s,{role:"group","aria-label":g?.price??"Estimated value",children:e.jsxs(n,{$color:l,$colorShade:o,$isDisabled:b,"aria-describedby":"valuation-currency",children:[y&&e.jsxs(e.Fragment,{children:[e.jsx(i.Title,{as:"span",children:`${$?"":"~ "}${j.format(t)} `}),e.jsx(i.Subtitle,{as:"span",id:"valuation-currency",children:"kr"})]}),f&&e.jsx(c,{as:"span",children:f})]})}),e.jsx(h,{children:v?`+ ${j.format(a)}`:""})]}),e.jsxs(p,{$color:l,$colorShade:o,$isDisabled:b,"aria-hidden":"true",role:"presentation",children:[e.jsx(x,{$color:l,$colorShade:o,$isDisabled:b,"aria-hidden":"true",role:"presentation"}),e.jsx(m,{$color:l,$colorShade:o,$isDisabled:b,"aria-hidden":"true",role:"presentation"})]})]})};
|
package/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./theme.js"),o=require("./shared/media-queries.js"),n=require("./components/Accordion/index.js"),r=require("./components/Button/index.js"),t=require("./components/IconButton.js"),s=require("./components/Textfield/index.js"),c=require("./components/TextArea/index.js"),i=require("./components/Tabs/Tabs.js"),p=require("./components/Tabs/Tab.js"),u=require("./components/ErrorMessage/index.js"),a=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),d=require("./components/Dialog/index.js"),I=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Spacer/index.js"),j=require("./components/Stack/index.js"),f=require("./components/Flex/index.js"),S=require("./components/Select/index.js"),y=require("./components/ToggleArrow/index.js"),g=require("./components/ListItem/index.js"),C=require("./components/Table/index.js"),T=require("./components/Link/index.js"),h=require("./components/EditRow/index.js"),k=require("./components/RadioButton/index.js"),B=require("./components/SpinnerThin/index.js"),F=require("./components/Stamp/index.js"),w=require("./components/TimePicker/index.js"),L=require("./components/Hero/index.js"),v=require("./components/DayPicker/index.js"),b=require("./components/Logo/index.js"),D=require("./components/Badge/index.js"),P=require("./components/Toggle/index.js"),R=require("./components/Stepper/index.js"),A=require("./components/StepperAccordion/index.js"),M=require("./components/Card/index.js"),E=require("./components/Switcher/index.js"),N=require("./components/NotificationButton/index.js"),H=require("./components/ValuationRange/index.js"),V=require("./components/Chip/index.js"),O=require("./components/Breadcrumbs/index.js"),U=require("./components/Message/index.js"),G=require("./components/RegistrationPlate/index.js"),K=require("./components/MenuItem/index.js"),Q=require("./icons/components/AddIcon.js"),W=require("./icons/components/AlertIcon.js"),z=require("./icons/components/ArrowDownIcon.js"),Y=require("./icons/components/ArrowLeftIcon.js"),J=require("./icons/components/ArrowRightIcon.js"),X=require("./icons/components/ArrowUpIcon.js"),Z=require("./icons/components/AtvIcon.js"),$=require("./icons/components/AuctionIcon.js"),_=require("./icons/components/BackIcon.js"),ee=require("./icons/components/BankidIcon.js"),oe=require("./icons/components/BidIcon.js"),ne=require("./icons/components/BodyIcon.js"),re=require("./icons/components/BreaksIcon.js"),te=require("./icons/components/CabIcon.js"),se=require("./icons/components/CalendarIcon.js"),ce=require("./icons/components/CameraIcon.js"),ie=require("./icons/components/CamperIcon.js"),pe=require("./icons/components/CancelCircleIcon.js"),ue=require("./icons/components/CancelIcon.js"),ae=require("./icons/components/CarIcon.js"),le=require("./icons/components/CarServiceIcon.js"),de=require("./icons/components/CaravanIcon.js"),Ie=require("./icons/components/CertifiedIcon.js"),xe=require("./icons/components/ChatIcon.js"),me=require("./icons/components/CheckCircleIcon.js"),qe=require("./icons/components/CheckFilledIcon.js"),je=require("./icons/components/CheckIcon.js"),fe=require("./icons/components/CheckmarkIcon.js"),Se=require("./icons/components/ClockIcon.js"),ye=require("./icons/components/CloseIcon.js"),ge=require("./icons/components/CommentFilledIcon.js"),Ce=require("./icons/components/CommentIcon.js"),Te=require("./icons/components/ConditioningIcon.js"),he=require("./icons/components/ContactIcon.js"),ke=require("./icons/components/ControlNumberIcon.js"),Be=require("./icons/components/CopyIcon.js"),Fe=require("./icons/components/CountdownIcon.js"),we=require("./icons/components/CoupeIcon.js"),Le=require("./icons/components/CraneIcon.js"),ve=require("./icons/components/CupIcon.js"),be=require("./icons/components/DeleteIcon.js"),De=require("./icons/components/DisplayIcon.js"),Pe=require("./icons/components/DocumentIcon.js"),Re=require("./icons/components/DownloadIcon.js"),Ae=require("./icons/components/EcoIcon.js"),Me=require("./icons/components/EditIcon.js"),Ee=require("./icons/components/EngineIcon.js"),Ne=require("./icons/components/ErrorFilledIcon.js"),He=require("./icons/components/ErrorIcon.js"),Ve=require("./icons/components/EstoniaFlagIcon.js"),Oe=require("./icons/components/ExportIcon.js"),Ue=require("./icons/components/FacebookIcon.js"),Ge=require("./icons/components/FacilityIcon.js"),Ke=require("./icons/components/FavouriteFilledIcon.js"),Qe=require("./icons/components/FavouriteIcon.js"),We=require("./icons/components/FigmaIcon.js"),ze=require("./icons/components/FilterIcon.js"),Ye=require("./icons/components/FinanceIcon.js"),Je=require("./icons/components/FinlandFlagIcon.js"),Xe=require("./icons/components/FirstIcon.js"),Ze=require("./icons/components/FixedPriceIcon.js"),$e=require("./icons/components/FuelIcon.js"),_e=require("./icons/components/GearboxIcon.js"),eo=require("./icons/components/GetPaidIcon.js"),oo=require("./icons/components/GridViewIcon.js"),no=require("./icons/components/HatchbackIcon.js"),ro=require("./icons/components/HelpIcon.js"),to=require("./icons/components/HistoryIcon.js"),so=require("./icons/components/HomeDeliveryIcon.js"),co=require("./icons/components/IdIcon.js"),io=require("./icons/components/ImageIcon.js"),po=require("./icons/components/InfoIcon.js"),uo=require("./icons/components/InstagramIcon.js"),ao=require("./icons/components/InsuranceIcon.js"),lo=require("./icons/components/InteriorIcon.js"),Io=require("./icons/components/KvdIcon.js"),xo=require("./icons/components/KvdTestIcon.js"),mo=require("./icons/components/KvdproIcon.js"),qo=require("./icons/components/LastIcon.js"),jo=require("./icons/components/LeaderIcon.js"),fo=require("./icons/components/LinkedinIcon.js"),So=require("./icons/components/ListViewIcon.js"),yo=require("./icons/components/LocationIcon.js"),go=require("./icons/components/MailIcon.js"),Co=require("./icons/components/MenuIcon.js"),To=require("./icons/components/MileageIcon.js"),ho=require("./icons/components/MinivanIcon.js"),ko=require("./icons/components/ModelYearIcon.js"),Bo=require("./icons/components/MoreIcon.js"),Fo=require("./icons/components/MotorbikeIcon.js"),wo=require("./icons/components/NavigationIcon.js"),Lo=require("./icons/components/NewIcon.js"),vo=require("./icons/components/NextFilledIcon.js"),bo=require("./icons/components/NextIcon.js"),Do=require("./icons/components/NotificationIcon.js"),Po=require("./icons/components/OpenInNewIcon.js"),Ro=require("./icons/components/PayementIcon.js"),Ao=require("./icons/components/PercentIcon.js"),Mo=require("./icons/components/PhoneIcon.js"),Eo=require("./icons/components/PickUpIcon.js"),No=require("./icons/components/Pickup.js"),Ho=require("./icons/components/PlayIcon.js"),Vo=require("./icons/components/PlugIcon.js"),Oo=require("./icons/components/PolandFlagIcon.js"),Uo=require("./icons/components/PreviousFilledIcon.js"),Go=require("./icons/components/PreviousIcon.js"),Ko=require("./icons/components/PrintIcon.js"),Qo=require("./icons/components/QuoteIcon.js"),Wo=require("./icons/components/RatingIcon.js"),zo=require("./icons/components/ReleasingIcon.js"),Yo=require("./icons/components/ReorderIcon.js"),Jo=require("./icons/components/RestartIcon.js"),Xo=require("./icons/components/SalesOfferIcon.js"),Zo=require("./icons/components/SavedSearchIcon.js"),$o=require("./icons/components/ScheduleIcon.js"),_o=require("./icons/components/SearchIcon.js"),en=require("./icons/components/SedanIcon.js"),on=require("./icons/components/SellFilledIcon.js"),nn=require("./icons/components/SellIcon.js"),rn=require("./icons/components/SettingsIcon.js"),tn=require("./icons/components/ShareIcon.js"),sn=require("./icons/components/ShowLessIcon.js"),cn=require("./icons/components/ShowMoreIcon.js"),pn=require("./icons/components/SignInIcon.js"),un=require("./icons/components/SignOutIcon.js"),an=require("./icons/components/SlackIcon.js"),ln=require("./icons/components/SmartphoneIcon.js"),dn=require("./icons/components/SmileIcon.js"),In=require("./icons/components/SnowmobileIcon.js"),xn=require("./icons/components/SortColumnIcon.js"),mn=require("./icons/components/SortIcon.js"),qn=require("./icons/components/StorageIcon.js"),jn=require("./icons/components/StoreIcon.js"),fn=require("./icons/components/SuvIcon.js"),Sn=require("./icons/components/SwedishFlagIcon.js"),yn=require("./icons/components/ThreeSixtyIcon.js"),gn=require("./icons/components/TractorIcon.js"),Cn=require("./icons/components/TrailerIcon.js"),Tn=require("./icons/components/TransportIcon.js"),hn=require("./icons/components/TruckIcon.js"),kn=require("./icons/components/TwitterIcon.js"),Bn=require("./icons/components/TyresIcon.js"),Fn=require("./icons/components/UnitedKingdomFlagIcon.js"),wn=require("./icons/components/UploadIcon.js"),Ln=require("./icons/components/UserIcon.js"),vn=require("./icons/components/ValuationIcon.js"),bn=require("./icons/components/VanIcon.js"),Dn=require("./icons/components/VersionIcon.js"),Pn=require("./icons/components/ViewsIcon.js"),Rn=require("./icons/components/WagonIcon.js"),An=require("./icons/components/WarningIcon.js"),Mn=require("./icons/components/WarrantyIcon.js"),En=require("./icons/components/YoutubeIcon.js"),Nn=require("./hooks/useDynamicScript.js"),Hn=require("./typography/Heading/index.js"),Vn=require("./typography/BodyText/index.js"),On=require("./typography/ButtonText/index.js"),Un=require("./utils/utils.js");require("react/jsx-runtime"),require("react"),require("styled-components"),require("react-collapse"),require("./components/Button/styles.js"),require("./components/FieldLabel.js"),require("./shared/helpers.js"),require("react-dom"),require("react-transition-group"),require("./components/Icons/Close.js"),require("./components/OffCanvas/Overlay.js"),require("./components/OffCanvas/useClickOutside.js"),require("./components/Icons/CheckCircle.js"),require("./components/Icons/ErrorCircle.js"),require("./components/Icons/InfoCircle.js"),require("react-select"),require("./shared/constants.js"),require("react-router-dom"),require("react-day-picker"),require("date-fns/locale"),require("date-fns"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/Icons/CheckIcon.js"),require("./components/Icons/Arrow.js"),require("./components/Chip/styles.js"),require("./components/Breadcrumbs/BreadcrumbsItem.js"),require("./components/RegistrationPlate/EuFlagIcon.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqNumberSizes=o.mqNumberSizes,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=r.Button,exports.IconButton=t.default,exports.TextField=s.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=l.Modal,exports.Dialog=d.Dialog,exports.OffCanvas=I.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Spacer=q.default,exports.Stack=j.default,exports.Flex=f.default,exports.Select=S.Select,exports.ToggleArrow=y.default,exports.ListItem=g.default,exports.Table=C.default,exports.Link=T.Link,exports.EditRow=h.default,exports.RadioButton=k.RadioButton,exports.SpinnerThin=B.SpinnerThin,exports.Stamp=F.default,exports.TimePicker=w.TimePicker,exports.Hero=L.default,exports.DayPicker=v.DayPicker,exports.Logo=b.Logo,exports.Badge=D.Badge,exports.Toggle=P.Toggle,exports.Stepper=R.Stepper,exports.StepperAccordion=A.StepperAccordion,exports.Card=M.Card,exports.Switcher=E.Switcher,exports.NotificationButton=N.NotificationButton,exports.ValuationRange=H.default,exports.Chip=V.Chip,exports.Breadcrumbs=O.default,exports.Message=U.default,exports.RegistrationPlate=G.default,exports.MenuItem=K.MenuItem,exports.AddIcon=Q.default,exports.AlertIcon=W.default,exports.ArrowDownIcon=z.default,exports.ArrowLeftIcon=Y.default,exports.ArrowRightIcon=J.default,exports.ArrowUpIcon=X.default,exports.AtvIcon=Z.default,exports.AuctionIcon=$.default,exports.BackIcon=_.default,exports.BankidIcon=ee.default,exports.BidIcon=oe.default,exports.BodyIcon=ne.default,exports.BreaksIcon=re.default,exports.CabIcon=te.default,exports.CalendarIcon=se.default,exports.CameraIcon=ce.default,exports.CamperIcon=ie.default,exports.CancelCircleIcon=pe.default,exports.CancelIcon=ue.default,exports.CarIcon=ae.default,exports.CarServiceIcon=le.default,exports.CaravanIcon=de.default,exports.CertifiedIcon=Ie.default,exports.ChatIcon=xe.default,exports.CheckCircleIcon=me.default,exports.CheckFilledIcon=qe.default,exports.CheckIcon=je.default,exports.CheckmarkIcon=fe.default,exports.ClockIcon=Se.default,exports.CloseIcon=ye.default,exports.CommentFilledIcon=ge.default,exports.CommentIcon=Ce.default,exports.ConditioningIcon=Te.default,exports.ContactIcon=he.default,exports.ControlNumberIcon=ke.default,exports.CopyIcon=Be.default,exports.CountdownIcon=Fe.default,exports.CoupeIcon=we.default,exports.CraneIcon=Le.default,exports.CupIcon=ve.default,exports.DeleteIcon=be.default,exports.DisplayIcon=De.default,exports.DocumentIcon=Pe.default,exports.DownloadIcon=Re.default,exports.EcoIcon=Ae.default,exports.EditIcon=Me.default,exports.EngineIcon=Ee.default,exports.ErrorFilledIcon=Ne.default,exports.ErrorIcon=He.default,exports.EstoniaFlagIcon=Ve.default,exports.ExportIcon=Oe.default,exports.FacebookIcon=Ue.default,exports.FacilityIcon=Ge.default,exports.FavouriteFilledIcon=Ke.default,exports.FavouriteIcon=Qe.default,exports.FigmaIcon=We.default,exports.FilterIcon=ze.default,exports.FinanceIcon=Ye.default,exports.FinlandFlagIcon=Je.default,exports.FirstIcon=Xe.default,exports.FixedPriceIcon=Ze.default,exports.FuelIcon=$e.default,exports.GearboxIcon=_e.default,exports.GetPaidIcon=eo.default,exports.GridViewIcon=oo.default,exports.HatchbackIcon=no.default,exports.HelpIcon=ro.default,exports.HistoryIcon=to.default,exports.HomeDeliveryIcon=so.default,exports.IdIcon=co.default,exports.ImageIcon=io.default,exports.InfoIcon=po.default,exports.InstagramIcon=uo.default,exports.InsuranceIcon=ao.default,exports.InteriorIcon=lo.default,exports.KvdIcon=Io.default,exports.KvdTestIcon=xo.default,exports.KvdproIcon=mo.default,exports.LastIcon=qo.default,exports.LeaderIcon=jo.default,exports.LinkedinIcon=fo.default,exports.ListViewIcon=So.default,exports.LocationIcon=yo.default,exports.MailIcon=go.default,exports.MenuIcon=Co.default,exports.MileageIcon=To.default,exports.MinivanIcon=ho.default,exports.ModelYearIcon=ko.default,exports.MoreIcon=Bo.default,exports.MotorbikeIcon=Fo.default,exports.NavigationIcon=wo.default,exports.NewIcon=Lo.default,exports.NextFilledIcon=vo.default,exports.NextIcon=bo.default,exports.NotificationIcon=Do.default,exports.OpenInNewIcon=Po.default,exports.PayementIcon=Ro.default,exports.PercentIcon=Ao.default,exports.PhoneIcon=Mo.default,exports.PickUpIcon=Eo.default,exports.Pickup=No.default,exports.PlayIcon=Ho.default,exports.PlugIcon=Vo.default,exports.PolandFlagIcon=Oo.default,exports.PreviousFilledIcon=Uo.default,exports.PreviousIcon=Go.default,exports.PrintIcon=Ko.default,exports.QuoteIcon=Qo.default,exports.RatingIcon=Wo.default,exports.ReleasingIcon=zo.default,exports.ReorderIcon=Yo.default,exports.RestartIcon=Jo.default,exports.SalesOfferIcon=Xo.default,exports.SavedSearchIcon=Zo.default,exports.ScheduleIcon=$o.default,exports.SearchIcon=_o.default,exports.SedanIcon=en.default,exports.SellFilledIcon=on.default,exports.SellIcon=nn.default,exports.SettingsIcon=rn.default,exports.ShareIcon=tn.default,exports.ShowLessIcon=sn.default,exports.ShowMoreIcon=cn.default,exports.SignInIcon=pn.default,exports.SignOutIcon=un.default,exports.SlackIcon=an.default,exports.SmartphoneIcon=ln.default,exports.SmileIcon=dn.default,exports.SnowmobileIcon=In.default,exports.SortColumnIcon=xn.default,exports.SortIcon=mn.default,exports.StorageIcon=qn.default,exports.StoreIcon=jn.default,exports.SuvIcon=fn.default,exports.SwedishFlagIcon=Sn.default,exports.ThreeSixtyIcon=yn.default,exports.TractorIcon=gn.default,exports.TrailerIcon=Cn.default,exports.TransportIcon=Tn.default,exports.TruckIcon=hn.default,exports.TwitterIcon=kn.default,exports.TyresIcon=Bn.default,exports.UnitedKingdomFlagIcon=Fn.default,exports.UploadIcon=wn.default,exports.UserIcon=Ln.default,exports.ValuationIcon=vn.default,exports.VanIcon=bn.default,exports.VersionIcon=Dn.default,exports.ViewsIcon=Pn.default,exports.WagonIcon=Rn.default,exports.WarningIcon=An.default,exports.WarrantyIcon=Mn.default,exports.YoutubeIcon=En.default,exports.useDynamicScript=Nn.useDynamicScript,exports.Display1=Hn.Display1,exports.Display1Style=Hn.Display1Style,exports.Display2=Hn.Display2,exports.Display2Style=Hn.Display2Style,exports.Display3=Hn.Display3,exports.Display3Style=Hn.Display3Style,exports.Headline=Hn.Headline,exports.HeadlineStyle=Hn.HeadlineStyle,exports.Subtitle=Hn.Subtitle,exports.SubtitleStyle=Hn.SubtitleStyle,exports.TinyTitleBold=Hn.TinyTitleBold,exports.TinyTitleBoldStyle=Hn.TinyTitleBoldStyle,exports.TinyTitleRegular=Hn.TinyTitleRegular,exports.TinyTitleRegularStyle=Hn.TinyTitleRegularStyle,exports.Title=Hn.Title,exports.TitleStyle=Hn.TitleStyle,exports.BodyLink=Vn.BodyLink,exports.BodyLinkStyle=Vn.BodyLinkStyle,exports.BodyText=Vn.BodyText,exports.BodyTextStyle=Vn.BodyTextStyle,exports.Caption=Vn.Caption,exports.CaptionLink=Vn.CaptionLink,exports.CaptionLinkStyle=Vn.CaptionLinkStyle,exports.CaptionStyle=Vn.CaptionStyle,exports.Quote=Vn.Quote,exports.QuoteStyle=Vn.QuoteStyle,exports.Status=Vn.Status,exports.StatusStyle=Vn.StatusStyle,exports.ButtonLargeText=On.ButtonLarge,exports.ButtonLargeTextStyle=On.ButtonLargeTextStyle,exports.ButtonRegularText=On.Button,exports.ButtonRegularTextStyle=On.ButtonRegularTextStyle,exports.ButtonSmallText=On.ButtonSmall,exports.ButtonSmallTextStyle=On.ButtonSmallTextStyle,exports.getDarkerShade=Un.getDarkerShade,exports.getLighterShade=Un.getLighterShade,exports.hexToRGB=Un.hexToRGB,exports.resetButtonStyle=Un.resetButtonStyle,exports.resolveColorWithNeutral=Un.resolveColorWithNeutral;
|
|
1
|
+
"use strict";var e=require("./theme.js"),o=require("./shared/media-queries.js"),n=require("./components/Accordion/index.js"),t=require("./components/Button/index.js"),r=require("./components/IconButton.js"),s=require("./components/Textfield/index.js"),c=require("./components/TextArea/index.js"),i=require("./components/Tabs/Tabs.js"),p=require("./components/Tabs/Tab.js"),u=require("./components/ErrorMessage/index.js"),a=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),d=require("./components/Dialog/index.js"),I=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Spacer/index.js"),j=require("./components/Stack/index.js"),f=require("./components/Flex/index.js"),S=require("./components/Select/index.js"),y=require("./components/ToggleArrow/index.js"),g=require("./components/ListItem/index.js"),C=require("./components/Table/index.js"),T=require("./components/Link/index.js"),h=require("./components/EditRow/index.js"),k=require("./components/RadioButton/index.js"),B=require("./components/SpinnerThin/index.js"),F=require("./components/Stamp/index.js"),w=require("./components/TimePicker/index.js"),L=require("./components/Hero/index.js"),v=require("./components/DayPicker/index.js"),b=require("./components/Logo/index.js"),D=require("./components/Badge/index.js"),P=require("./components/Toggle/index.js"),R=require("./components/Stepper/index.js"),M=require("./components/StepperAccordion/index.js"),A=require("./components/Card/index.js"),E=require("./components/Switcher/index.js"),N=require("./components/NotificationButton/index.js"),H=require("./components/ValuationRange/index.js"),V=require("./components/Chip/index.js"),O=require("./components/Breadcrumbs/index.js"),U=require("./components/Message/index.js"),G=require("./components/RegistrationPlate/index.js"),K=require("./components/MenuItem/index.js"),Q=require("./icons/components/AddIcon.js"),W=require("./icons/components/AlertIcon.js"),z=require("./icons/components/ArrowDownIcon.js"),Y=require("./icons/components/ArrowLeftIcon.js"),J=require("./icons/components/ArrowRightIcon.js"),X=require("./icons/components/ArrowUpIcon.js"),Z=require("./icons/components/AtvIcon.js"),$=require("./icons/components/AuctionIcon.js"),_=require("./icons/components/BackIcon.js"),ee=require("./icons/components/BankidIcon.js"),oe=require("./icons/components/BidIcon.js"),ne=require("./icons/components/BodyIcon.js"),te=require("./icons/components/BreaksIcon.js"),re=require("./icons/components/CabIcon.js"),se=require("./icons/components/CalendarIcon.js"),ce=require("./icons/components/CameraIcon.js"),ie=require("./icons/components/CamperIcon.js"),pe=require("./icons/components/CancelCircleIcon.js"),ue=require("./icons/components/CancelIcon.js"),ae=require("./icons/components/CarIcon.js"),le=require("./icons/components/CarServiceIcon.js"),de=require("./icons/components/CaravanIcon.js"),Ie=require("./icons/components/CertifiedIcon.js"),xe=require("./icons/components/ChatIcon.js"),me=require("./icons/components/CheckCircleIcon.js"),qe=require("./icons/components/CheckFilledIcon.js"),je=require("./icons/components/CheckIcon.js"),fe=require("./icons/components/CheckmarkIcon.js"),Se=require("./icons/components/ClockIcon.js"),ye=require("./icons/components/CloseIcon.js"),ge=require("./icons/components/CommentFilledIcon.js"),Ce=require("./icons/components/CommentIcon.js"),Te=require("./icons/components/ConditioningIcon.js"),he=require("./icons/components/ContactIcon.js"),ke=require("./icons/components/ControlNumberIcon.js"),Be=require("./icons/components/CopyIcon.js"),Fe=require("./icons/components/CountdownIcon.js"),we=require("./icons/components/CoupeIcon.js"),Le=require("./icons/components/CraneIcon.js"),ve=require("./icons/components/CupIcon.js"),be=require("./icons/components/DeleteIcon.js"),De=require("./icons/components/DisplayIcon.js"),Pe=require("./icons/components/DocumentIcon.js"),Re=require("./icons/components/DownloadIcon.js"),Me=require("./icons/components/EcoIcon.js"),Ae=require("./icons/components/EditIcon.js"),Ee=require("./icons/components/EngineIcon.js"),Ne=require("./icons/components/ErrorFilledIcon.js"),He=require("./icons/components/ErrorIcon.js"),Ve=require("./icons/components/EstoniaFlagIcon.js"),Oe=require("./icons/components/ExportIcon.js"),Ue=require("./icons/components/FacebookIcon.js"),Ge=require("./icons/components/FacilityIcon.js"),Ke=require("./icons/components/FavouriteFilledIcon.js"),Qe=require("./icons/components/FavouriteIcon.js"),We=require("./icons/components/FigmaIcon.js"),ze=require("./icons/components/FilterIcon.js"),Ye=require("./icons/components/FinanceIcon.js"),Je=require("./icons/components/FinlandFlagIcon.js"),Xe=require("./icons/components/FirstIcon.js"),Ze=require("./icons/components/FixedPriceIcon.js"),$e=require("./icons/components/FuelIcon.js"),_e=require("./icons/components/GearboxIcon.js"),eo=require("./icons/components/GetPaidIcon.js"),oo=require("./icons/components/GridViewIcon.js"),no=require("./icons/components/HatchbackIcon.js"),to=require("./icons/components/HelpIcon.js"),ro=require("./icons/components/HistoryIcon.js"),so=require("./icons/components/HomeDeliveryIcon.js"),co=require("./icons/components/IdIcon.js"),io=require("./icons/components/ImageIcon.js"),po=require("./icons/components/InfoIcon.js"),uo=require("./icons/components/InstagramIcon.js"),ao=require("./icons/components/InsuranceIcon.js"),lo=require("./icons/components/InteriorIcon.js"),Io=require("./icons/components/KvdIcon.js"),xo=require("./icons/components/KvdTestIcon.js"),mo=require("./icons/components/KvdproIcon.js"),qo=require("./icons/components/LastIcon.js"),jo=require("./icons/components/LeaderIcon.js"),fo=require("./icons/components/LinkedinIcon.js"),So=require("./icons/components/ListViewIcon.js"),yo=require("./icons/components/LocationIcon.js"),go=require("./icons/components/MailIcon.js"),Co=require("./icons/components/MenuIcon.js"),To=require("./icons/components/MileageIcon.js"),ho=require("./icons/components/MinivanIcon.js"),ko=require("./icons/components/ModelYearIcon.js"),Bo=require("./icons/components/MoreIcon.js"),Fo=require("./icons/components/MotorbikeIcon.js"),wo=require("./icons/components/NavigationIcon.js"),Lo=require("./icons/components/NewIcon.js"),vo=require("./icons/components/NextFilledIcon.js"),bo=require("./icons/components/NextIcon.js"),Do=require("./icons/components/NotificationIcon.js"),Po=require("./icons/components/OpenInNewIcon.js"),Ro=require("./icons/components/PayementIcon.js"),Mo=require("./icons/components/PercentIcon.js"),Ao=require("./icons/components/PhoneIcon.js"),Eo=require("./icons/components/PickUpIcon.js"),No=require("./icons/components/Pickup.js"),Ho=require("./icons/components/PlayIcon.js"),Vo=require("./icons/components/PlugIcon.js"),Oo=require("./icons/components/PolandFlagIcon.js"),Uo=require("./icons/components/PreviousFilledIcon.js"),Go=require("./icons/components/PreviousIcon.js"),Ko=require("./icons/components/PrintIcon.js"),Qo=require("./icons/components/QuoteIcon.js"),Wo=require("./icons/components/RatingIcon.js"),zo=require("./icons/components/ReleasingIcon.js"),Yo=require("./icons/components/ReorderIcon.js"),Jo=require("./icons/components/RestartIcon.js"),Xo=require("./icons/components/SalesOfferIcon.js"),Zo=require("./icons/components/SavedSearchIcon.js"),$o=require("./icons/components/ScheduleIcon.js"),_o=require("./icons/components/SearchIcon.js"),en=require("./icons/components/SedanIcon.js"),on=require("./icons/components/SellFilledIcon.js"),nn=require("./icons/components/SellIcon.js"),tn=require("./icons/components/SettingsIcon.js"),rn=require("./icons/components/ShareIcon.js"),sn=require("./icons/components/ShowLessIcon.js"),cn=require("./icons/components/ShowMoreIcon.js"),pn=require("./icons/components/SignInIcon.js"),un=require("./icons/components/SignOutIcon.js"),an=require("./icons/components/SlackIcon.js"),ln=require("./icons/components/SmartphoneIcon.js"),dn=require("./icons/components/SmileIcon.js"),In=require("./icons/components/SnowmobileIcon.js"),xn=require("./icons/components/SortColumnIcon.js"),mn=require("./icons/components/SortIcon.js"),qn=require("./icons/components/StorageIcon.js"),jn=require("./icons/components/StoreIcon.js"),fn=require("./icons/components/SuvIcon.js"),Sn=require("./icons/components/SwedishFlagIcon.js"),yn=require("./icons/components/ThreeSixtyIcon.js"),gn=require("./icons/components/TractorIcon.js"),Cn=require("./icons/components/TrailerIcon.js"),Tn=require("./icons/components/TransportIcon.js"),hn=require("./icons/components/TruckIcon.js"),kn=require("./icons/components/TwitterIcon.js"),Bn=require("./icons/components/TyresIcon.js"),Fn=require("./icons/components/UnitedKingdomFlagIcon.js"),wn=require("./icons/components/UploadIcon.js"),Ln=require("./icons/components/UserIcon.js"),vn=require("./icons/components/ValuationIcon.js"),bn=require("./icons/components/VanIcon.js"),Dn=require("./icons/components/VersionIcon.js"),Pn=require("./icons/components/ViewsIcon.js"),Rn=require("./icons/components/WagonIcon.js"),Mn=require("./icons/components/WarningIcon.js"),An=require("./icons/components/WarrantyIcon.js"),En=require("./icons/components/YoutubeIcon.js"),Nn=require("./hooks/useDynamicScript.js"),Hn=require("./typography/Heading/index.js"),Vn=require("./typography/BodyText/index.js"),On=require("./typography/ButtonText/index.js"),Un=require("./utils/utils.js");require("react/jsx-runtime"),require("react"),require("styled-components"),require("react-collapse"),require("./shared/helpers.js"),require("./components/Button/styles.js"),require("./components/FieldLabel.js"),require("react-dom"),require("react-transition-group"),require("./components/Modal/FocudTrap.js"),require("./components/OffCanvas/Overlay.js"),require("./components/OffCanvas/useClickOutside.js"),require("react-select"),require("./shared/constants.js"),require("react-router-dom"),require("react-day-picker"),require("date-fns/locale"),require("date-fns"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/Chip/styles.js"),require("./components/Breadcrumbs/BreadcrumbsItem.js"),require("./components/RegistrationPlate/EuFlagIcon.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqNumberSizes=o.mqNumberSizes,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=t.Button,exports.IconButton=r.default,exports.TextField=s.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=l.Modal,exports.Dialog=d.Dialog,exports.OffCanvas=I.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Spacer=q.default,exports.Stack=j.default,exports.Flex=f.default,exports.Select=S.Select,exports.ToggleArrow=y.default,exports.ListItem=g.default,exports.Table=C.default,exports.Link=T.Link,exports.EditRow=h.default,exports.RadioButton=k.RadioButton,exports.SpinnerThin=B.SpinnerThin,exports.Stamp=F.default,exports.TimePicker=w.TimePicker,exports.Hero=L.default,exports.DayPicker=v.DayPicker,exports.Logo=b.Logo,exports.Badge=D.Badge,exports.Toggle=P.Toggle,exports.Stepper=R.Stepper,exports.StepperAccordion=M.StepperAccordion,exports.Card=A.Card,exports.Switcher=E.Switcher,exports.NotificationButton=N.NotificationButton,exports.ValuationRange=H.default,exports.Chip=V.Chip,exports.Breadcrumbs=O.default,exports.Message=U.default,exports.RegistrationPlate=G.default,exports.MenuItem=K.MenuItem,exports.AddIcon=Q.default,exports.AlertIcon=W.default,exports.ArrowDownIcon=z.default,exports.ArrowLeftIcon=Y.default,exports.ArrowRightIcon=J.default,exports.ArrowUpIcon=X.default,exports.AtvIcon=Z.default,exports.AuctionIcon=$.default,exports.BackIcon=_.default,exports.BankidIcon=ee.default,exports.BidIcon=oe.default,exports.BodyIcon=ne.default,exports.BreaksIcon=te.default,exports.CabIcon=re.default,exports.CalendarIcon=se.default,exports.CameraIcon=ce.default,exports.CamperIcon=ie.default,exports.CancelCircleIcon=pe.default,exports.CancelIcon=ue.default,exports.CarIcon=ae.default,exports.CarServiceIcon=le.default,exports.CaravanIcon=de.default,exports.CertifiedIcon=Ie.default,exports.ChatIcon=xe.default,exports.CheckCircleIcon=me.default,exports.CheckFilledIcon=qe.default,exports.CheckIcon=je.default,exports.CheckmarkIcon=fe.default,exports.ClockIcon=Se.default,exports.CloseIcon=ye.default,exports.CommentFilledIcon=ge.default,exports.CommentIcon=Ce.default,exports.ConditioningIcon=Te.default,exports.ContactIcon=he.default,exports.ControlNumberIcon=ke.default,exports.CopyIcon=Be.default,exports.CountdownIcon=Fe.default,exports.CoupeIcon=we.default,exports.CraneIcon=Le.default,exports.CupIcon=ve.default,exports.DeleteIcon=be.default,exports.DisplayIcon=De.default,exports.DocumentIcon=Pe.default,exports.DownloadIcon=Re.default,exports.EcoIcon=Me.default,exports.EditIcon=Ae.default,exports.EngineIcon=Ee.default,exports.ErrorFilledIcon=Ne.default,exports.ErrorIcon=He.default,exports.EstoniaFlagIcon=Ve.default,exports.ExportIcon=Oe.default,exports.FacebookIcon=Ue.default,exports.FacilityIcon=Ge.default,exports.FavouriteFilledIcon=Ke.default,exports.FavouriteIcon=Qe.default,exports.FigmaIcon=We.default,exports.FilterIcon=ze.default,exports.FinanceIcon=Ye.default,exports.FinlandFlagIcon=Je.default,exports.FirstIcon=Xe.default,exports.FixedPriceIcon=Ze.default,exports.FuelIcon=$e.default,exports.GearboxIcon=_e.default,exports.GetPaidIcon=eo.default,exports.GridViewIcon=oo.default,exports.HatchbackIcon=no.default,exports.HelpIcon=to.default,exports.HistoryIcon=ro.default,exports.HomeDeliveryIcon=so.default,exports.IdIcon=co.default,exports.ImageIcon=io.default,exports.InfoIcon=po.default,exports.InstagramIcon=uo.default,exports.InsuranceIcon=ao.default,exports.InteriorIcon=lo.default,exports.KvdIcon=Io.default,exports.KvdTestIcon=xo.default,exports.KvdproIcon=mo.default,exports.LastIcon=qo.default,exports.LeaderIcon=jo.default,exports.LinkedinIcon=fo.default,exports.ListViewIcon=So.default,exports.LocationIcon=yo.default,exports.MailIcon=go.default,exports.MenuIcon=Co.default,exports.MileageIcon=To.default,exports.MinivanIcon=ho.default,exports.ModelYearIcon=ko.default,exports.MoreIcon=Bo.default,exports.MotorbikeIcon=Fo.default,exports.NavigationIcon=wo.default,exports.NewIcon=Lo.default,exports.NextFilledIcon=vo.default,exports.NextIcon=bo.default,exports.NotificationIcon=Do.default,exports.OpenInNewIcon=Po.default,exports.PayementIcon=Ro.default,exports.PercentIcon=Mo.default,exports.PhoneIcon=Ao.default,exports.PickUpIcon=Eo.default,exports.Pickup=No.default,exports.PlayIcon=Ho.default,exports.PlugIcon=Vo.default,exports.PolandFlagIcon=Oo.default,exports.PreviousFilledIcon=Uo.default,exports.PreviousIcon=Go.default,exports.PrintIcon=Ko.default,exports.QuoteIcon=Qo.default,exports.RatingIcon=Wo.default,exports.ReleasingIcon=zo.default,exports.ReorderIcon=Yo.default,exports.RestartIcon=Jo.default,exports.SalesOfferIcon=Xo.default,exports.SavedSearchIcon=Zo.default,exports.ScheduleIcon=$o.default,exports.SearchIcon=_o.default,exports.SedanIcon=en.default,exports.SellFilledIcon=on.default,exports.SellIcon=nn.default,exports.SettingsIcon=tn.default,exports.ShareIcon=rn.default,exports.ShowLessIcon=sn.default,exports.ShowMoreIcon=cn.default,exports.SignInIcon=pn.default,exports.SignOutIcon=un.default,exports.SlackIcon=an.default,exports.SmartphoneIcon=ln.default,exports.SmileIcon=dn.default,exports.SnowmobileIcon=In.default,exports.SortColumnIcon=xn.default,exports.SortIcon=mn.default,exports.StorageIcon=qn.default,exports.StoreIcon=jn.default,exports.SuvIcon=fn.default,exports.SwedishFlagIcon=Sn.default,exports.ThreeSixtyIcon=yn.default,exports.TractorIcon=gn.default,exports.TrailerIcon=Cn.default,exports.TransportIcon=Tn.default,exports.TruckIcon=hn.default,exports.TwitterIcon=kn.default,exports.TyresIcon=Bn.default,exports.UnitedKingdomFlagIcon=Fn.default,exports.UploadIcon=wn.default,exports.UserIcon=Ln.default,exports.ValuationIcon=vn.default,exports.VanIcon=bn.default,exports.VersionIcon=Dn.default,exports.ViewsIcon=Pn.default,exports.WagonIcon=Rn.default,exports.WarningIcon=Mn.default,exports.WarrantyIcon=An.default,exports.YoutubeIcon=En.default,exports.useDynamicScript=Nn.useDynamicScript,exports.Display1=Hn.Display1,exports.Display1Style=Hn.Display1Style,exports.Display2=Hn.Display2,exports.Display2Style=Hn.Display2Style,exports.Display3=Hn.Display3,exports.Display3Style=Hn.Display3Style,exports.Headline=Hn.Headline,exports.HeadlineStyle=Hn.HeadlineStyle,exports.Subtitle=Hn.Subtitle,exports.SubtitleStyle=Hn.SubtitleStyle,exports.TinyTitleBold=Hn.TinyTitleBold,exports.TinyTitleBoldStyle=Hn.TinyTitleBoldStyle,exports.TinyTitleRegular=Hn.TinyTitleRegular,exports.TinyTitleRegularStyle=Hn.TinyTitleRegularStyle,exports.Title=Hn.Title,exports.TitleStyle=Hn.TitleStyle,exports.BodyLink=Vn.BodyLink,exports.BodyLinkStyle=Vn.BodyLinkStyle,exports.BodyText=Vn.BodyText,exports.BodyTextStyle=Vn.BodyTextStyle,exports.Caption=Vn.Caption,exports.CaptionLink=Vn.CaptionLink,exports.CaptionLinkStyle=Vn.CaptionLinkStyle,exports.CaptionStyle=Vn.CaptionStyle,exports.Quote=Vn.Quote,exports.QuoteStyle=Vn.QuoteStyle,exports.Status=Vn.Status,exports.StatusStyle=Vn.StatusStyle,exports.ButtonLargeText=On.ButtonLarge,exports.ButtonLargeTextStyle=On.ButtonLargeTextStyle,exports.ButtonRegularText=On.Button,exports.ButtonRegularTextStyle=On.ButtonRegularTextStyle,exports.ButtonSmallText=On.ButtonSmall,exports.ButtonSmallTextStyle=On.ButtonSmallTextStyle,exports.getDarkerShade=Un.getDarkerShade,exports.getLighterShade=Un.getLighterShade,exports.hexToRGB=Un.hexToRGB,exports.resetButtonStyle=Un.resetButtonStyle,exports.resolveColorWithNeutral=Un.resolveColorWithNeutral;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as r,jsxs as c}from"react/jsx-runtime";import{useState as u,useRef as $}from"react";import i from"styled-components";import{UnmountClosed as x}from"react-collapse";import{mq as b}from"../../shared/media-queries.js";import w from"../../icons/components/ArrowDownIcon.js";import{generateNameHash as k}from"../../shared/helpers.js";const v=i.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
.ReactCollapse--collapse {
|
|
5
5
|
transition: height 300ms;
|
|
6
6
|
}
|
|
7
|
-
`,
|
|
7
|
+
`,O=i.ul`
|
|
8
8
|
margin: 0;
|
|
9
9
|
padding: 0;
|
|
10
10
|
list-style: none;
|
|
11
|
-
`,
|
|
11
|
+
`,B=i.div`
|
|
12
12
|
display: flex;
|
|
13
13
|
flex-direction: row;
|
|
14
14
|
justify-content: space-between;
|
|
15
15
|
cursor: pointer;
|
|
16
16
|
margin: 0.5rem 0;
|
|
17
|
-
`,
|
|
17
|
+
`,N=i.div`
|
|
18
18
|
display: flex;
|
|
19
19
|
justify-content: center;
|
|
20
20
|
align-items: center;
|
|
@@ -22,30 +22,30 @@ import{jsx as n,jsxs as s}from"react/jsx-runtime";import{useState as f}from"reac
|
|
|
22
22
|
color: ${({theme:e})=>e.colors.text.dark};
|
|
23
23
|
transition: 200ms ease-in-out;
|
|
24
24
|
transform: ${({isOpen:e})=>`rotate(${e?"180deg":"0deg"})`};
|
|
25
|
-
`,
|
|
25
|
+
`,T=i.li`
|
|
26
26
|
border-top: ${({theme:e})=>`1px solid ${e.colors.grayscaleToned.light2}`};
|
|
27
27
|
padding: ${({isOpen:e})=>e?"0.5rem 0 1rem 0":"0.5rem 0"};
|
|
28
28
|
|
|
29
29
|
&:last-child {
|
|
30
30
|
border-bottom: ${({theme:e})=>`1px solid ${e.colors.grayscaleToned.light2}`};
|
|
31
31
|
}
|
|
32
|
-
`,
|
|
32
|
+
`,j=i.span`
|
|
33
33
|
color: ${({theme:e})=>e.colors.text.dark};
|
|
34
34
|
font-family: ${({theme:e})=>e.typography.fontBaseFamily};
|
|
35
35
|
font-size: 0.9375rem;
|
|
36
36
|
font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
|
|
37
|
-
`,
|
|
37
|
+
`,C=i.div`
|
|
38
38
|
font-family: ${({theme:e})=>e.typography.fontBaseFamily};
|
|
39
39
|
color: ${({theme:e})=>e.colors.text.dark};
|
|
40
40
|
font-size: 0.9375rem;
|
|
41
41
|
font-weight: ${({theme:e})=>e.typography.fontBaseRegularWeight};
|
|
42
42
|
line-height: 1.3;
|
|
43
43
|
transition: 200ms ease-in-out;
|
|
44
|
-
${
|
|
44
|
+
${b("tablet")} {
|
|
45
45
|
padding: 0;
|
|
46
46
|
}
|
|
47
47
|
& > * {
|
|
48
48
|
margin-top: 0;
|
|
49
49
|
margin-bottom: 0;
|
|
50
50
|
}
|
|
51
|
-
`,
|
|
51
|
+
`,d=({items:e,...p})=>{const[h,f]=u({}),a=$(k("accordion")),s=o=>{f(t=>({...t,[o]:!t[o]}))},g=o=>()=>{s(o)},y=o=>t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),s(o))};return r(v,{...p,children:r(O,{className:"accordionList",children:e.map((o,t)=>{const n=!!h[t],l=`${a.current}-${t}-header`,m=`${a.current}-${t}-content`;return c(T,{isOpen:n,className:"accordionItem",children:[c(B,{id:l,onClick:g(t),onKeyDown:y(t),className:"accordionItemTitle",role:"button",tabIndex:0,"aria-expanded":n,"aria-controls":m,children:[r(j,{as:"span",children:o.title}),r(N,{isOpen:n,children:r(w,{})})]}),r(x,{isOpened:n,children:r(C,{id:m,"aria-labelledby":l,role:"region",className:"wysiwyg",dangerouslySetInnerHTML:{__html:o.text}})},t)]},o.title)})})})};export{d as Accordion,d as default};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import r from"styled-components";import
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import r from"styled-components";import d from"../../theme.js";const l=r.div`
|
|
2
2
|
border-radius: 0.75rem;
|
|
3
|
-
background: ${
|
|
3
|
+
background: ${d.colors.secondary.mainAlt};
|
|
4
4
|
display: inline-flex;
|
|
5
5
|
align-items: center;
|
|
6
6
|
justify-content: center;
|
|
@@ -9,27 +9,27 @@ import{jsx as e}from"react/jsx-runtime";import r from"styled-components";import
|
|
|
9
9
|
height: 1.5rem;
|
|
10
10
|
box-sizing: border-box;
|
|
11
11
|
cursor: default;
|
|
12
|
-
`,
|
|
12
|
+
`,s=r(l)`
|
|
13
13
|
width: 1rem;
|
|
14
14
|
height: 1rem;
|
|
15
15
|
border-radius: 50%;
|
|
16
16
|
min-width: 1rem;
|
|
17
17
|
position: relative;
|
|
18
|
-
`,
|
|
18
|
+
`,h=r.div`
|
|
19
19
|
display: block;
|
|
20
20
|
width: 100%;
|
|
21
21
|
height: 100%;
|
|
22
22
|
border-radius: 50%;
|
|
23
23
|
opacity: 0.1;
|
|
24
24
|
transform: scale(0.5);
|
|
25
|
-
background: ${
|
|
25
|
+
background: ${d.colors.text.dark};
|
|
26
26
|
position: absolute;
|
|
27
27
|
top: 0;
|
|
28
28
|
left: 0;
|
|
29
|
-
`,
|
|
29
|
+
`,c=r.span`
|
|
30
30
|
font-size: 0.75rem;
|
|
31
31
|
line-height: 0.75rem;
|
|
32
32
|
color: white;
|
|
33
33
|
font-weight: ${({theme:t})=>t.typography.fontAlternativeBoldWeight};
|
|
34
34
|
font-family: ${({theme:t})=>t.typography.fontAlternativeFamily};
|
|
35
|
-
`,
|
|
35
|
+
`,f=t=>t>=100?"99+":`${t}`,m=({notificationAmount:t=0,withNumber:o=!0,ariaLabel:i,...a})=>{if((t<=0||!t)&&o)return null;if(!o)return e(s,{...a,children:e(h,{"data-test":"middle-dot"})});const n=f(t);return e(l,{role:i?"status":void 0,"aria-label":i?`${n} ${i}`:void 0,...a,children:e(c,{children:n})})};export{m as Badge,m as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t,Fragment as r,jsxs as n}from"react/jsx-runtime";import o from"styled-components";import{BodyTextStyle as d,BodyText as s}from"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const h=o.li`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
margin: 0;
|
|
@@ -9,7 +9,7 @@ import{jsx as o,Fragment as n,jsxs as r}from"react/jsx-runtime";import t from"st
|
|
|
9
9
|
`}
|
|
10
10
|
|
|
11
11
|
a {
|
|
12
|
-
${
|
|
12
|
+
${d}
|
|
13
13
|
font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
|
|
14
14
|
color: ${({theme:e})=>e.colors.info.dark};
|
|
15
15
|
text-decoration: none;
|
|
@@ -24,18 +24,18 @@ import{jsx as o,Fragment as n,jsxs as r}from"react/jsx-runtime";import t from"st
|
|
|
24
24
|
overflow: hidden;
|
|
25
25
|
}
|
|
26
26
|
`}
|
|
27
|
-
`,
|
|
27
|
+
`,c=o(s)`
|
|
28
28
|
color: ${({theme:e})=>e.colors.text.dark};
|
|
29
29
|
overflow: hidden;
|
|
30
30
|
text-overflow: ellipsis;
|
|
31
|
-
`,
|
|
31
|
+
`,p=o.span`
|
|
32
32
|
display: inline-flex;
|
|
33
33
|
padding-right: 0.5rem;
|
|
34
34
|
svg {
|
|
35
35
|
width: 1rem;
|
|
36
36
|
height: 1rem;
|
|
37
37
|
}
|
|
38
|
-
`,
|
|
38
|
+
`,m=o.span`
|
|
39
39
|
display: inline-flex;
|
|
40
40
|
padding: 0 0.5rem;
|
|
41
41
|
color: ${({theme:e})=>e.colors.grayscaleToned.light1};
|
|
@@ -43,4 +43,4 @@ import{jsx as o,Fragment as n,jsxs as r}from"react/jsx-runtime";import t from"st
|
|
|
43
43
|
width: 1rem;
|
|
44
44
|
height: 1rem;
|
|
45
45
|
}
|
|
46
|
-
`,f=({link:e,separator:i,isLast:l,onlyLastTruncated:
|
|
46
|
+
`,f=({link:e,separator:i,isLast:l,onlyLastTruncated:a})=>t(r,{children:n(h,{$onlyLastTruncated:a,children:[e.prefixIcon&&t(p,{"aria-hidden":"true",children:e.prefixIcon}),l?t(c,{as:"span","aria-current":"page",children:e.component}):n(r,{children:[e.component,t(m,{"aria-hidden":"true",children:i})]})]})});export{f as default};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{useRef as m}from"react";import l from"styled-components";import s from"./BreadcrumbsItem.js";import p from"../../icons/components/NextIcon.js";import{generateNameHash as d}from"../../shared/helpers.js";import"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const c=l.ol`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
padding: 0;
|
|
5
5
|
white-space: nowrap;
|
|
6
6
|
overflow: hidden;
|
|
7
|
-
`,
|
|
7
|
+
`,f=({links:e,separator:o=r(p,{}),onlyLastTruncated:n=!1})=>{const t=m(d("breadcrumb"));return r("nav",{"aria-label":"Breadcrumb",id:t.current,children:r(c,{children:e.map((i,a)=>r(s,{link:i,separator:o,isLast:a===e.length-1,onlyLastTruncated:n},`${t.current}-${a}`))})})};export{f as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as s,jsxs as w,Fragment as B}from"react/jsx-runtime";import f,{forwardRef as R}from"react";import a,{css as h}from"styled-components";import y from"../../theme.js";import I from"../Spinner/index.js";import{BasicButtonFontStyle as j,ButtonRegularTextStyle as k}from"../../typography/ButtonText/index.js";import{fontSizes as T,smallSizeStyles as A,regularSizeStyles as C,largeSizeStyles as E,disabledColorStyles as F,colorStyles as V}from"./styles.js";import"../../utils/utils.js";const c=0,D=a.button`
|
|
2
2
|
${j}
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
outline: none;
|
|
@@ -7,14 +7,14 @@ import{jsx as l,jsxs as W,Fragment as w}from"react/jsx-runtime";import p,{forwar
|
|
|
7
7
|
position: relative;
|
|
8
8
|
border: none;
|
|
9
9
|
${({$noRadius:e})=>!e&&"border-radius: 0.5rem;"}
|
|
10
|
-
min-width: ${({minWidth:e})=>e||"auto"};
|
|
11
|
-
width: ${({fullWidth:e})=>e&&"100%"};
|
|
10
|
+
min-width: ${({$minWidth:e})=>e||"auto"};
|
|
11
|
+
width: ${({$fullWidth:e})=>e&&"100%"};
|
|
12
12
|
display: flex;
|
|
13
13
|
align-items: center;
|
|
14
|
-
justify-content: ${({
|
|
14
|
+
justify-content: ${({$isIcon:e,$isLoading:i})=>!i&&e?"space-between":"center"};
|
|
15
15
|
|
|
16
16
|
${({$size:e})=>T[e]||k}
|
|
17
|
-
${({$size:e})=>
|
|
17
|
+
${({$size:e})=>h`
|
|
18
18
|
${e==="small"&&A()}
|
|
19
19
|
${e==="regular"&&C()}
|
|
20
20
|
${e==="large"&&E()}
|
|
@@ -25,21 +25,22 @@ import{jsx as l,jsxs as W,Fragment as w}from"react/jsx-runtime";import p,{forwar
|
|
|
25
25
|
background-color 0.3s ease,
|
|
26
26
|
border 0.3s ease,
|
|
27
27
|
filter 0.3s;
|
|
28
|
-
${({$variant:e="solid",$color:i,$colorShade:
|
|
29
|
-
${n?F(
|
|
28
|
+
${({$variant:e="solid",$color:i,$colorShade:t,disabled:n,theme:l})=>h`
|
|
29
|
+
${n?F(l,e):V[e]({theme:l,$color:i,$colorShade:t,$variant:e})}
|
|
30
30
|
`}
|
|
31
31
|
&:focus-visible {
|
|
32
32
|
box-shadow: 0px 0px 0px 1px
|
|
33
33
|
${({theme:e})=>e.colors.grayscaleToned.light5};
|
|
34
|
+
outline: revert;
|
|
34
35
|
}
|
|
35
|
-
`,M={small:"1rem",regular:"1.25rem",large:"1.5rem"},
|
|
36
|
+
`,M={small:"1rem",regular:"1.25rem",large:"1.5rem"},b={small:"0.5rem",regular:"1rem",large:"1rem"},x=a.span`
|
|
36
37
|
display: flex;
|
|
37
|
-
margin-right: ${({type:e,size:i})=>e==="prefix"?
|
|
38
|
-
margin-left: ${({type:e,size:i})=>e==="sufix"?
|
|
38
|
+
margin-right: ${({type:e,size:i})=>e==="prefix"?b[i]:0};
|
|
39
|
+
margin-left: ${({type:e,size:i})=>e==="sufix"?b[i]:0};
|
|
39
40
|
font-size: ${({size:e})=>M[e]};
|
|
40
|
-
opacity: ${({isLoading:e})=>e?
|
|
41
|
-
`,N=
|
|
41
|
+
opacity: ${({isLoading:e})=>e?c:1};
|
|
42
|
+
`,N=a(I)`
|
|
42
43
|
position: absolute;
|
|
43
|
-
`,O=
|
|
44
|
-
opacity: ${({isLoading:e})=>e?
|
|
45
|
-
`,q={small:1,regular:1.25,large:1.5},
|
|
44
|
+
`,O=a.span`
|
|
45
|
+
opacity: ${({$isLoading:e})=>e?c:1};
|
|
46
|
+
`,q={small:1,regular:1.25,large:1.5},u=R(({size:e="regular",color:i,colorShade:t="mainAlt",variant:n="solid",fullWidth:l=!1,isDisabled:p=!1,isLoading:o=!1,children:z,sufixIcon:d,prefixIcon:m,minWidth:S,as:$="button",noRadius:v=!1,...L},W)=>s(D,{...L,as:$,$minWidth:S,$color:i,$colorShade:t,disabled:p||o,$fullWidth:l,theme:y,$variant:n,$size:e,$isLoading:o,ref:W,$isIcon:!!(m||d),$noRadius:v,"aria-disabled":$==="button"?p||o:void 0,"aria-busy":$==="button"?o:void 0,children:w(B,{children:[m&&s(x,{size:e,type:"prefix",isLoading:o,children:m}),((r,g)=>typeof r=="string"||typeof r=="number"?s(O,{$isLoading:g,children:r}):f.isValidElement(r)?f.cloneElement(r,{style:{...r.props.style,opacity:g?c:1}}):r)(z,o),d&&s(x,{size:e,type:"sufix",isLoading:o,children:d}),o&&s(N,{customColor:y.colors.grayscaleToned.light1,size:q[e]})]})}));u.displayName="Button";export{u as Button,u as default};
|
|
@@ -11,4 +11,4 @@ import{jsxs as n,jsx as t}from"react/jsx-runtime";import d from"styled-component
|
|
|
11
11
|
|
|
12
12
|
${({noFrame:e,lineBorder:o,theme:r})=>!e&&!o&&`border-right: 1px solid ${r.colors.grayscaleToned.light5};
|
|
13
13
|
border-left: 1px solid ${r.colors.grayscaleToned.light5};`}
|
|
14
|
-
`,a=({children:e,topBorder:o,topBorderColor:r,topBorderColorShade:l="mainAlt",noFrame:i=!1,lineBorder:s=!1,as:c="div"})=>n(h,{as:c,children:[(o||r)&&t(g,{$customColor:o,$color:r,$colorShade:l}),t(p,{topBorder:o,noFrame:i,lineBorder:s,children:e})]});export{a as Card,a as default};
|
|
14
|
+
`,a=({children:e,topBorder:o,topBorderColor:r,topBorderColorShade:l="mainAlt",noFrame:i=!1,lineBorder:s=!1,as:c="div"})=>n(h,{as:c,role:"region",children:[(o||r)&&t(g,{$customColor:o,$color:r,$colorShade:l}),t(p,{topBorder:o,noFrame:i,lineBorder:s,children:e})]});export{a as Card,a as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as m,jsx as s}from"react/jsx-runtime";import a,{css as r}from"styled-components";import g from"../../icons/components/CheckmarkIcon.js";import{generateNameHash as $}from"../../shared/helpers.js";import i from"../../theme.js";import{BodyText as f}from"../../typography/BodyText/index.js";import{BackgroundStyles as u}from"../IconButton.js";import"../../shared/media-queries.js";import"../../utils/utils.js";const k=r`
|
|
2
2
|
width: 24px;
|
|
3
3
|
height: 24px;
|
|
4
4
|
|
|
@@ -6,7 +6,7 @@ import{jsxs as b,jsx as s}from"react/jsx-runtime";import a,{css as r}from"styled
|
|
|
6
6
|
width: 15px;
|
|
7
7
|
height: 15px;
|
|
8
8
|
}
|
|
9
|
-
`,
|
|
9
|
+
`,v=r`
|
|
10
10
|
width: 32px;
|
|
11
11
|
height: 32px;
|
|
12
12
|
|
|
@@ -14,7 +14,7 @@ import{jsxs as b,jsx as s}from"react/jsx-runtime";import a,{css as r}from"styled
|
|
|
14
14
|
width: 22px;
|
|
15
15
|
height: 22px;
|
|
16
16
|
}
|
|
17
|
-
`,
|
|
17
|
+
`,p={regular:k,large:v},y=r`
|
|
18
18
|
cursor: default;
|
|
19
19
|
border: 2px solid ${i.colors.grayscaleToned.light2};
|
|
20
20
|
`,z=(e,o)=>r`
|
|
@@ -47,7 +47,7 @@ import{jsxs as b,jsx as s}from"react/jsx-runtime";import a,{css as r}from"styled
|
|
|
47
47
|
outline: none;
|
|
48
48
|
cursor: pointer;
|
|
49
49
|
z-index: 1;
|
|
50
|
-
${e=>
|
|
50
|
+
${e=>p[e.boxSize]};
|
|
51
51
|
|
|
52
52
|
&:hover,
|
|
53
53
|
&:focus {
|
|
@@ -65,7 +65,7 @@ import{jsxs as b,jsx as s}from"react/jsx-runtime";import a,{css as r}from"styled
|
|
|
65
65
|
|
|
66
66
|
border: 2px solid ${i.colors.grayscaleToned.dark5};
|
|
67
67
|
|
|
68
|
-
${e=>
|
|
68
|
+
${e=>p[e.size]};
|
|
69
69
|
|
|
70
70
|
svg {
|
|
71
71
|
opacity: 0;
|
|
@@ -73,7 +73,7 @@ import{jsxs as b,jsx as s}from"react/jsx-runtime";import a,{css as r}from"styled
|
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
${e=>e.isChecked&&z(e.$color,e.$colorShade)};
|
|
76
|
-
${e=>e.isDisabled&&
|
|
76
|
+
${e=>e.isDisabled&&y};
|
|
77
77
|
${e=>e.hasError&&S};
|
|
78
78
|
${e=>e.isChecked&&e.isDisabled&&D};
|
|
79
79
|
`,j=a(f)`
|
|
@@ -82,4 +82,4 @@ import{jsxs as b,jsx as s}from"react/jsx-runtime";import a,{css as r}from"styled
|
|
|
82
82
|
user-select: none;
|
|
83
83
|
color: ${({theme:e,isDisabled:o})=>o?e.colors.text.disabled:e.colors.text.dark};
|
|
84
84
|
margin-left: 0.5rem;
|
|
85
|
-
`,
|
|
85
|
+
`,x=({name:e=$("check-box"),isDisabled:o=!1,size:d="regular",checked:l=!1,color:c="secondary",colorShade:n="mainAlt",hasError:h=!1,label:t,...b})=>m(w,{children:[s(C,{...b,type:"checkbox",checked:l,"data-validate":"checked",name:e,id:e,$color:c,$colorShade:n,disabled:o,isDisabled:o,boxSize:d,"aria-label":t?void 0:e,"aria-checked":l,"aria-invalid":h||void 0}),s(T,{size:d,$color:c,$colorShade:n,isChecked:l,isDisabled:o,hasError:h,children:s(g,{})}),t&&s(j,{as:"label",htmlFor:e,isDisabled:o,children:t})]});export{x as CheckBox,x as default};
|