@kvdbil/components 14.3.4 → 14.3.6
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/ColorCard.js +9 -9
- package/cjs/ElevationCard.js +2 -2
- package/cjs/components/Accordion/index.js +9 -9
- package/cjs/components/Badge/index.js +7 -7
- package/cjs/components/Breadcrumbs/BreadcrumbsItem.js +5 -5
- package/cjs/components/Breadcrumbs/index.js +2 -2
- package/cjs/components/Button/index.js +17 -17
- package/cjs/components/Button/styles.js +1 -52
- package/cjs/components/Card/index.js +8 -10
- package/cjs/components/CheckBox/index.js +31 -31
- package/cjs/components/Chip/index.js +15 -23
- package/cjs/components/Chip/styles.js +1 -1
- package/cjs/components/DayPicker/DayPickerNavBar.js +9 -9
- package/cjs/components/DayPicker/index.js +3 -3
- package/cjs/components/DayPicker/localeUtils.js +1 -1
- package/cjs/components/DayPicker/style.js +2 -2
- package/cjs/components/Dialog/index.js +4 -4
- package/cjs/components/EditRow/index.js +14 -14
- package/cjs/components/ErrorMessage/index.js +2 -2
- package/cjs/components/FieldLabel.js +20 -20
- package/cjs/components/Flex/index.js +11 -11
- package/cjs/components/Hero/index.js +18 -43
- package/cjs/components/Icon/index.js +8 -8
- package/cjs/components/IconButton.js +9 -9
- package/cjs/components/Icons/Arrow.js +1 -1
- package/cjs/components/Icons/InfoCircle.js +1 -1
- package/cjs/components/ListItem/Bacon.js +1 -1
- package/cjs/components/ListItem/index.js +6 -6
- package/cjs/components/Logo/LogoEn.js +1 -1
- package/cjs/components/Logo/LogoSv.js +1 -1
- package/cjs/components/Logo/index.js +2 -2
- package/cjs/components/MenuItem/index.js +13 -13
- package/cjs/components/Message/index.js +11 -19
- package/cjs/components/Modal/index.js +9 -11
- package/cjs/components/NotificationButton/index.js +3 -3
- package/cjs/components/OffCanvas/Overlay.js +2 -2
- package/cjs/components/OffCanvas/index.js +4 -51
- package/cjs/components/OffCanvas/useClickOutside.js +1 -1
- package/cjs/components/RadioButton/index.js +32 -32
- package/cjs/components/RegistrationPlate/index.js +5 -5
- package/cjs/components/Select/components/test-icon.js +1 -1
- package/cjs/components/Select/index.js +11 -11
- package/cjs/components/Snackbar/index.js +21 -21
- package/cjs/components/Spacer/index.js +4 -4
- package/cjs/components/Spinner/index.js +10 -10
- package/cjs/components/SpinnerThin/index.js +8 -20
- package/cjs/components/Stack/index.js +1 -1
- package/cjs/components/Stamp/index.js +1 -1
- package/cjs/components/Stepper/index.js +11 -21
- package/cjs/components/StepperAccordion/index.js +18 -21
- package/cjs/components/Table/index.js +11 -11
- package/cjs/components/Tabs/Tab.js +5 -6
- package/cjs/components/Tabs/Tabs.js +10 -12
- package/cjs/components/Tabs/index.js +1 -1
- package/cjs/components/TextArea/index.js +27 -27
- package/cjs/components/Textfield/index.js +16 -16
- package/cjs/components/TimePicker/index.js +2 -2
- package/cjs/components/TimePicker/testHelper.js +1 -1
- package/cjs/components/Toggle/index.js +7 -9
- package/cjs/components/ToggleArrow/index.js +2 -2
- package/cjs/components/ValuationRange/index.js +15 -15
- package/cjs/hooks/useDynamicScript.js +1 -1
- package/cjs/icons/components/AtvIcon.js +1 -1
- package/cjs/icons/components/BankidIcon.js +1 -1
- package/cjs/icons/components/BreaksIcon.js +1 -1
- package/cjs/icons/components/CabIcon.js +1 -1
- package/cjs/icons/components/CamperIcon.js +1 -1
- package/cjs/icons/components/CancelCircleIcon.js +1 -1
- package/cjs/icons/components/CarIcon.js +1 -1
- package/cjs/icons/components/CarServiceIcon.js +1 -1
- package/cjs/icons/components/CaravanIcon.js +1 -1
- package/cjs/icons/components/CheckFilledIcon.js +1 -1
- package/cjs/icons/components/CommentFilledIcon.js +1 -1
- package/cjs/icons/components/ConditioningIcon.js +1 -1
- package/cjs/icons/components/ControlNumberIcon.js +1 -1
- package/cjs/icons/components/CountdownIcon.js +1 -1
- package/cjs/icons/components/CoupeIcon.js +1 -1
- package/cjs/icons/components/DisplayIcon.js +1 -1
- package/cjs/icons/components/DownloadIcon.js +1 -1
- package/cjs/icons/components/EcoIcon.js +1 -1
- package/cjs/icons/components/EditIcon.js +1 -1
- package/cjs/icons/components/ErrorFilledIcon.js +1 -1
- package/cjs/icons/components/EstoniaFlagIcon.js +1 -1
- package/cjs/icons/components/FacilityIcon.js +1 -1
- package/cjs/icons/components/FavouriteFilledIcon.js +1 -1
- package/cjs/icons/components/FinanceIcon.js +1 -1
- package/cjs/icons/components/FinlandFlagIcon.js +1 -1
- package/cjs/icons/components/FixedPriceIcon.js +1 -1
- package/cjs/icons/components/GearboxIcon.js +1 -1
- package/cjs/icons/components/GetPaidIcon.js +1 -1
- package/cjs/icons/components/GridViewIcon.js +1 -1
- package/cjs/icons/components/HistoryIcon.js +1 -1
- package/cjs/icons/components/IdIcon.js +1 -1
- package/cjs/icons/components/KvdIcon.js +1 -1
- package/cjs/icons/components/KvdproIcon.js +1 -1
- package/cjs/icons/components/LeaderIcon.js +1 -1
- package/cjs/icons/components/LinkedinIcon.js +1 -1
- package/cjs/icons/components/ListViewIcon.js +1 -1
- package/cjs/icons/components/MileageIcon.js +1 -1
- package/cjs/icons/components/MinivanIcon.js +1 -1
- package/cjs/icons/components/MotorbikeIcon.js +1 -1
- package/cjs/icons/components/NavigationIcon.js +1 -1
- package/cjs/icons/components/NextFilledIcon.js +1 -1
- package/cjs/icons/components/NotificationIcon.js +1 -1
- package/cjs/icons/components/PickUpIcon.js +1 -1
- package/cjs/icons/components/Pickup.js +1 -1
- package/cjs/icons/components/PolandFlagIcon.js +1 -1
- package/cjs/icons/components/PreviousFilledIcon.js +1 -1
- package/cjs/icons/components/QuoteIcon.js +1 -1
- package/cjs/icons/components/RatingIcon.js +1 -1
- package/cjs/icons/components/ReleasingIcon.js +1 -1
- package/cjs/icons/components/ScheduleIcon.js +1 -1
- package/cjs/icons/components/SedanIcon.js +1 -1
- package/cjs/icons/components/SellFilledIcon.js +1 -1
- package/cjs/icons/components/SellIcon.js +1 -1
- package/cjs/icons/components/SettingsIcon.js +1 -1
- package/cjs/icons/components/SignInIcon.js +1 -1
- package/cjs/icons/components/SignOutIcon.js +1 -1
- package/cjs/icons/components/SlackIcon.js +1 -1
- package/cjs/icons/components/SnowmobileIcon.js +1 -1
- package/cjs/icons/components/SuvIcon.js +1 -1
- package/cjs/icons/components/SwedishFlagIcon.js +1 -1
- package/cjs/icons/components/TractorIcon.js +1 -1
- package/cjs/icons/components/TrailerIcon.js +1 -1
- package/cjs/icons/components/TruckIcon.js +1 -1
- package/cjs/icons/components/UploadIcon.js +1 -1
- package/cjs/icons/components/ValuationIcon.js +1 -1
- package/cjs/icons/components/VanIcon.js +1 -1
- package/cjs/icons/components/WagonIcon.js +1 -1
- package/cjs/icons/components/index.js +1 -1
- package/cjs/index.js +1 -1
- package/cjs/shared/constants.js +1 -1
- package/cjs/shared/helpers.js +1 -1
- package/cjs/shared/media-queries.js +1 -1
- package/cjs/theme.js +1 -1
- package/cjs/typography/BodyText/index.js +30 -30
- package/cjs/typography/ButtonText/index.js +18 -18
- package/cjs/typography/Heading/index.js +39 -39
- package/cjs/utils/utils.js +2 -2
- package/package.json +4 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";const e={sv:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],en:["January","February","March","April","May","June","July","August","September","October","November","December"]};exports.FIRST_DAY_OF_THE_WEEK={sv:1,en:1},exports.MONTHS=e,exports.WEEKDAYS_LONG={sv:["Söndag","Måndag","Tisdag","Onsdag","Torsdag","Fredag","Lördag"],en:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},exports.WEEKDAYS_SHORT={sv:["Sö","Må","Ti","On","To","Fr","Lö"],en:["Su","Mo","Tu","We","Th","Fr","Sa"]},exports.formatMonthTitle=(r,a="sv")=>`${e[a][r.getMonth()]} ${r.getFullYear()}`;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components").css`
|
|
2
2
|
/* DayPicker styles */
|
|
3
3
|
|
|
4
4
|
abbr {
|
|
@@ -249,4 +249,4 @@
|
|
|
249
249
|
background: ${({theme:e})=>e.colors.background.light};
|
|
250
250
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
|
|
251
251
|
}
|
|
252
|
-
`;exports.default=
|
|
252
|
+
`;exports.default=e;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
2
|
-
font-weight: ${
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),i=require("../Modal/index.js"),t=require("../../theme.js"),o=require("../../typography/Heading/index.js");require("react"),require("react-dom"),require("react-transition-group"),require("../Icons/Close.js"),require("../../shared/media-queries.js");var s,l=(s=r)&&s.__esModule?s:{default:s};const n=l.default(o.TinyTitleBold)`
|
|
2
|
+
font-weight: ${t.default.typography.fontAlternativeRegularWeight};
|
|
3
3
|
margin: 0;
|
|
4
|
-
`,
|
|
4
|
+
`,a=l.default.div`
|
|
5
5
|
display: flex;
|
|
6
6
|
justify-content: flex-end;
|
|
7
7
|
gap: 1rem;
|
|
8
8
|
overflow-x: hidden;
|
|
9
|
-
`,
|
|
9
|
+
`,d=({isOpen:r,title:t,children:o,actions:s,onClose:l,withPortal:d,withCloseIcon:u=!0,...c})=>e.jsxs(i.Modal,{onClose:l,withPortal:d,isOpen:r,withCloseIcon:u,...c,children:["string"==typeof t?e.jsx(n,{children:t}):t,e.jsx("div",{children:o}),s&&e.jsx(a,{children:s})]});exports.Dialog=d,exports.default=d;
|
|
@@ -1,34 +1,34 @@
|
|
|
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"),t=require("react"),r=require("styled-components"),i=require("../../theme.js"),l=require("../../typography/BodyText/index.js"),n=require("../Button/index.js"),s=require("../Chip/index.js"),o=require("../Textfield/index.js");require("../../shared/media-queries.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("../../icons/components/CloseIcon.js"),require("../Chip/styles.js"),require("../FieldLabel.js"),require("../../shared/helpers.js");var a,d=(a=r)&&a.__esModule?a:{default:a};const u=d.default.div`
|
|
2
2
|
display: flex;
|
|
3
|
-
border-bottom: 1px solid ${
|
|
4
|
-
`,
|
|
3
|
+
border-bottom: 1px solid ${i.default.colors.gray.light5};
|
|
4
|
+
`,c=d.default.form`
|
|
5
5
|
flex: 1;
|
|
6
6
|
flex-direction: column;
|
|
7
7
|
margin-bottom: 1rem;
|
|
8
|
-
`,
|
|
8
|
+
`,x=d.default(o.TextField)`
|
|
9
9
|
max-width: 20rem;
|
|
10
|
-
`,
|
|
10
|
+
`,f=d.default.div`
|
|
11
11
|
flex: 1;
|
|
12
12
|
display: flex;
|
|
13
13
|
align-items: flex-end;
|
|
14
14
|
justify-content: flex-end;
|
|
15
15
|
margin-top: 1rem;
|
|
16
|
-
`,
|
|
16
|
+
`,h=d.default(n.Button)`
|
|
17
17
|
min-width: 5rem;
|
|
18
|
-
`,
|
|
18
|
+
`,j=d.default(n.Button)`
|
|
19
19
|
min-width: 5rem;
|
|
20
20
|
margin-right: 1rem;
|
|
21
|
-
`,
|
|
21
|
+
`,m=d.default(l.BodyLink)`
|
|
22
22
|
flex: 1;
|
|
23
23
|
margin-right: 1rem;
|
|
24
|
-
`,
|
|
24
|
+
`,p=d.default(l.BodyText)`
|
|
25
25
|
flex: 1rem;
|
|
26
26
|
flex: 4;
|
|
27
|
-
`,
|
|
28
|
-
color: ${
|
|
29
|
-
`,
|
|
27
|
+
`,y=d.default(p)`
|
|
28
|
+
color: ${i.default.colors.text.disabled};
|
|
29
|
+
`,g=d.default.div`
|
|
30
30
|
display: flex;
|
|
31
31
|
flex-wrap: wrap;
|
|
32
|
-
`,
|
|
32
|
+
`,q=d.default(s.Chip)`
|
|
33
33
|
margin: 0.5rem;
|
|
34
|
-
`;exports.default=({value:
|
|
34
|
+
`;exports.default=({value:r,label:i,onChange:l,onEdit:s,options:o=[],inputProps:a={},isClearable:d=!1,isEditionDisabled:v=!1,editText:b,saveText:C,cancelText:B,noValueText:T,formatterFunc:w,isSingleSelect:S,color:F="secondary"})=>{const[k,D]=t.useState(r),[E,_]=t.useState(r),[L,M]=t.useState(!1),P="string"==typeof k,$=w&&P?w?.(k):k,I=P?$:k.join(", "),O=k.length>0;t.useEffect((()=>s?.(L)),[s,L]);const V=()=>{L?D(E):_(k),M((e=>!e))};return e.jsxs(u,{children:[!L&&e.jsxs(e.Fragment,{children:[e.jsx(m,{children:i}),O&&e.jsx(p,{children:I}),!O&&e.jsx(y,{children:T}),e.jsx(n.Button,{variant:"flat",color:F,onClick:V,isDisabled:v,children:b})]}),L&&e.jsxs(c,{onSubmit:e=>{e.preventDefault(),l?.(k),M(!1)},children:[e.jsx(m,{children:i}),P&&e.jsx(x,{...a,autoFocus:!0,value:k,label:i,onChange:e=>D(e.target.value)}),!P&&e.jsx(g,{children:o.map((t=>e.jsx(q,{color:F,onClick:e=>{e.preventDefault(),(e=>{if("object"!=typeof k)throw new Error("Cannot toggle chip on other than array");if(S)return k.includes(e)&&d?void D([]):void D([e]);if(k.includes(e)){const t=k.filter((t=>t!==e));D(t)}else D((t=>[...t,e]))})(t)},variant:k.includes(t)?"solid":"outline",children:t},t)))}),e.jsxs(f,{children:[e.jsx(j,{type:"button",variant:"flat",color:"neutral",onClick:V,children:B}),e.jsx(h,{type:"submit",color:F,children:C})]})]})]})};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),r=require("styled-components");const o=((e=r)&&e.__esModule?e:{default:e}).default.div`
|
|
2
2
|
font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
|
|
3
3
|
font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
|
|
4
4
|
background: ${({theme:e})=>e.colors.error.main};
|
|
@@ -7,4 +7,4 @@
|
|
|
7
7
|
font-size: 13px;
|
|
8
8
|
padding: 10px;
|
|
9
9
|
${({centered:e})=>e&&"text-align: center;"}
|
|
10
|
-
`,
|
|
10
|
+
`,n=({children:e,centered:r,...n})=>t.jsx(o,{centered:r,...n,children:e});exports.ErrorMessage=n,exports.default=n;
|
|
@@ -1,25 +1,16 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
line-height: 0.875rem;
|
|
5
|
-
font-size: 0.75rem;
|
|
6
|
-
transform-origin: 0 0;
|
|
7
|
-
padding: 0 ${a};
|
|
8
|
-
left: ${a};
|
|
9
|
-
color: ${({theme:r})=>o?r.colors.error.dark:r.colors.text.dark};
|
|
10
|
-
`,d=t.css`
|
|
11
|
-
color: ${({theme:e,hasError:o})=>o?e.colors.error.dark:e.colors.text.dark};
|
|
12
|
-
`,h=t.css`
|
|
1
|
+
"use strict";var e=require("styled-components"),r=require("../typography/BodyText/index.js");require("react/jsx-runtime"),require("../shared/media-queries.js");var o,t=(o=e)&&o.__esModule?o:{default:o};const s="0.5rem",a=e.css`
|
|
2
|
+
color: ${({theme:e,hasError:r})=>r?e.colors.error.dark:e.colors.text.dark};
|
|
3
|
+
`,l=e.css`
|
|
13
4
|
color: ${({theme:e})=>e.colors.gray.light1};
|
|
14
5
|
background-color: ${({theme:e})=>e.colors.background.light};
|
|
15
|
-
`,
|
|
6
|
+
`,i=e.css`
|
|
16
7
|
width: max-content;
|
|
17
8
|
left: 0;
|
|
18
9
|
right: 0;
|
|
19
10
|
margin-right: auto;
|
|
20
11
|
margin-left: auto;
|
|
21
|
-
`,
|
|
22
|
-
${
|
|
12
|
+
`,c=t.default.label`
|
|
13
|
+
${r.BodyTextStyle}
|
|
23
14
|
pointer-events: none;
|
|
24
15
|
position: absolute;
|
|
25
16
|
max-width: calc(100% - 2rem);
|
|
@@ -32,8 +23,17 @@
|
|
|
32
23
|
white-space: nowrap;
|
|
33
24
|
text-overflow: ellipsis;
|
|
34
25
|
|
|
35
|
-
${({hasValue:
|
|
36
|
-
${({
|
|
37
|
-
${
|
|
38
|
-
|
|
39
|
-
|
|
26
|
+
${({hasValue:r,isFocused:o,height:t=.7,hasError:a})=>(r||o)&&((r,o)=>e.css`
|
|
27
|
+
background-color: ${({theme:e})=>e.colors.background.light};
|
|
28
|
+
transform: translateY(${r});
|
|
29
|
+
line-height: 0.875rem;
|
|
30
|
+
font-size: 0.75rem;
|
|
31
|
+
transform-origin: 0 0;
|
|
32
|
+
padding: 0 ${s};
|
|
33
|
+
left: ${s};
|
|
34
|
+
color: ${({theme:e})=>o?e.colors.error.dark:e.colors.text.dark};
|
|
35
|
+
`)(`-${t+.4}rem`,a)}
|
|
36
|
+
${({centered:e,hasValue:r,isFocused:o})=>(r||o)&&e&&i}
|
|
37
|
+
${({isFocused:e})=>e&&a}
|
|
38
|
+
${({disabled:e})=>e&&l}
|
|
39
|
+
`;exports.Label=c;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),s=require("../../shared/media-queries.js");var i,t=(i=r)&&i.__esModule?i:{default:i};const a="center",n=(e,r)=>"gap"!==r&&"row-gap"!==r||"number"!=typeof e?e:`${e}rem`,o=t.default.div((({$direction:e,$justify:i,$align:t,$gap:a,$rowGap:o,$wrap:$,$basis:p,$grow:u,$shrink:c})=>r.css`
|
|
2
2
|
display: flex;
|
|
3
3
|
|
|
4
|
-
${
|
|
4
|
+
${e&&["column","column-reverse"].includes(String(e))&&r.css`
|
|
5
5
|
& > * {
|
|
6
6
|
width: 100%;
|
|
7
7
|
}
|
|
8
8
|
`}
|
|
9
9
|
|
|
10
|
-
${[[
|
|
11
|
-
${
|
|
12
|
-
`;if(typeof e
|
|
13
|
-
${
|
|
14
|
-
`),Object.entries(
|
|
15
|
-
${
|
|
16
|
-
${
|
|
10
|
+
${[[e,"flex-direction"],[i,"justify-content"],[t,"align-items"],[a,"gap"],[o,"row-gap"],[o,"row-gap"],[$,"flex-wrap"],[p,"flex-basis"],[u,"flex-grow"],[c,"flex-shrink"]].map((([e,i])=>{if("string"==typeof e||"number"==typeof e)return r.css`
|
|
11
|
+
${i}: ${n(e,i)};
|
|
12
|
+
`;if("object"==typeof e){const t=[],{initial:a,...o}=e;return a&&t.push(r.css`
|
|
13
|
+
${i}: ${n(a,i)};
|
|
14
|
+
`),Object.entries(o).forEach((([e,a])=>{t.push(r.css`
|
|
15
|
+
${s.mq(e)} {
|
|
16
|
+
${i}: ${n(a,i)};
|
|
17
17
|
}
|
|
18
|
-
`)}),
|
|
19
|
-
`);exports.default=({direction:r,justify:
|
|
18
|
+
`)})),t}return""}))}
|
|
19
|
+
`));exports.default=({direction:r,justify:s,align:i,gap:t,rowGap:n,wrap:$,basis:p,grow:u,shrink:c,...l})=>e.jsx(o,{$direction:r??"row",$justify:s??a,$align:i??a,$gap:t??"1rem",$rowGap:n,$wrap:$,$basis:p,$grow:u,$shrink:c,...l});
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../../typography/Heading/index.js"),n=require("../../shared/media-queries.js");var r,o=(r=t)&&r.__esModule?r:{default:r};const a=o.default.div`
|
|
2
2
|
position: relative;
|
|
3
3
|
min-height: 440px;
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: column;
|
|
6
|
-
`,
|
|
6
|
+
`,d=t.keyframes`
|
|
7
7
|
0% {
|
|
8
8
|
background-color:#f5f5f5;
|
|
9
9
|
}
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
|
|
15
15
|
100% {
|
|
16
16
|
background-color:#f5f5f5;
|
|
17
|
-
}`,
|
|
17
|
+
}`,l=o.default.div`
|
|
18
18
|
width: 100%;
|
|
19
19
|
height: 440px;
|
|
20
|
-
animation: ${
|
|
21
|
-
`,
|
|
20
|
+
animation: ${d} 2s linear infinite;
|
|
21
|
+
`,s=o.default.div`
|
|
22
22
|
pointer-events: ${({$pointerEvents:e})=>e};
|
|
23
23
|
display: flex;
|
|
24
24
|
flex-direction: ${({$direction:e})=>e};
|
|
@@ -27,73 +27,48 @@
|
|
|
27
27
|
padding: 3rem 1.5rem;
|
|
28
28
|
z-index: 1;
|
|
29
29
|
flex: 1;
|
|
30
|
-
`,
|
|
30
|
+
`,c=o.default.iframe`
|
|
31
31
|
position: absolute;
|
|
32
32
|
width: 100%;
|
|
33
33
|
height: 100%;
|
|
34
34
|
top: 0;
|
|
35
35
|
left: 0;
|
|
36
|
-
|
|
36
|
+
`,$=e=>"number"==typeof e,u=e=>"string"==typeof e,p=o.default.div`
|
|
37
37
|
width: 100%;
|
|
38
38
|
min-height: 440px;
|
|
39
39
|
display: flex;
|
|
40
40
|
flex-direction: column;
|
|
41
41
|
justify-content: center;
|
|
42
42
|
|
|
43
|
-
${({$url:e,...t})=>e
|
|
44
|
-
|
|
45
|
-
background-repeat: no-repeat;
|
|
46
|
-
background-size: cover;
|
|
47
|
-
background-position: ${(({$positionX:i,$positionY:n})=>a(i)&&a(n)?`${i}% ${n}%`:g(i)&&g(n)?`${i} ${n}`:i||n?`${(a(i)?`${i}%`:i)||"50%"} ${(a(n)?`${n}%`:n)||"50%"}`:"50% 50%")(t)};
|
|
48
|
-
`}
|
|
49
|
-
`,A=r.default.div`
|
|
43
|
+
${({$url:e,...t})=>e&&`\n background: url('${e}');\n background-repeat: no-repeat;\n background-size: cover;\n background-position: ${(({$positionX:e,$positionY:t})=>{if($(e)&&$(t))return`${e}% ${t}%`;if(u(e)&&u(t))return`${e} ${t}`;if(e||t)return`${($(e)?`${e}%`:e)||"50%"} ${($(t)?`${t}%`:t)||"50%"}`;return"50% 50%"})(t)};\n `}
|
|
44
|
+
`,m=o.default.div`
|
|
50
45
|
padding-left: 1rem;
|
|
51
46
|
padding-right: 1rem;
|
|
52
47
|
z-index: 2;
|
|
53
48
|
|
|
54
|
-
${
|
|
49
|
+
${n.mq("tablet")} {
|
|
55
50
|
padding-left: 1.5rem;
|
|
56
51
|
padding-right: 1.5rem;
|
|
57
52
|
}
|
|
58
|
-
`,
|
|
59
|
-
${({$centered:e})=>e
|
|
60
|
-
display: flex;
|
|
61
|
-
flex-direction: column;
|
|
62
|
-
align-items: center;
|
|
63
|
-
text-align: center;
|
|
64
|
-
`}
|
|
53
|
+
`,h=o.default.div`
|
|
54
|
+
${({$centered:e})=>e&&"\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n "}
|
|
65
55
|
|
|
66
|
-
${({$maxWidth:e,$dynamicGutter:t})=>!t
|
|
67
|
-
width: 100%;
|
|
68
|
-
margin-left: auto;
|
|
69
|
-
margin-right: auto;
|
|
70
|
-
max-width: ${e}rem;
|
|
71
|
-
`}
|
|
56
|
+
${({$maxWidth:e,$dynamicGutter:t})=>!t&&`\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n max-width: ${e}rem;\n `}
|
|
72
57
|
|
|
73
|
-
${({$dynamicGutter:e})=>e
|
|
74
|
-
|
|
75
|
-
margin-left: ${e.tabletVw}vw;
|
|
76
|
-
margin-right: ${e.tabletVw}vw;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
${$.mq("laptop")} {
|
|
80
|
-
margin-left: ${e.laptopVw}vw;
|
|
81
|
-
margin-right: ${e.laptopVw}vw;
|
|
82
|
-
}
|
|
83
|
-
`}
|
|
84
|
-
`,D=r.default(m.Display3)`
|
|
58
|
+
${({$dynamicGutter:e})=>e&&`\n ${n.mq("tablet")} {\n margin-left: ${e.tabletVw}vw;\n margin-right: ${e.tabletVw}vw;\n }\n\n ${n.mq("laptop")} {\n margin-left: ${e.laptopVw}vw;\n margin-right: ${e.laptopVw}vw;\n }\n `}
|
|
59
|
+
`,f=o.default(i.Display3)`
|
|
85
60
|
margin: 0;
|
|
86
61
|
color: ${({$color:e,theme:t})=>t.colors.text[e]};
|
|
87
62
|
|
|
88
63
|
${({$shadow:e})=>e&&"text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);"}
|
|
89
|
-
`,
|
|
64
|
+
`,g=o.default(i.Title)`
|
|
90
65
|
margin: 0.25rem 0;
|
|
91
66
|
color: ${({$color:e,theme:t})=>t.colors.text[e]};
|
|
92
67
|
|
|
93
68
|
${({$shadow:e})=>e&&"text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);"}
|
|
94
|
-
`,
|
|
69
|
+
`,x=o.default.div`
|
|
95
70
|
display: inline-block;
|
|
96
71
|
margin-top: 3rem;
|
|
97
72
|
|
|
98
73
|
${({$shadow:e,theme:t})=>e&&`box-shadow: ${t.elevations.elevation8};`}
|
|
99
|
-
`;exports.colorAnimation=
|
|
74
|
+
`;exports.colorAnimation=d,exports.default=({imageProps:t,imageElement:i,videoProps:n,children:r,align:o,direction:d,justify:$,contentMaxWidth:u=64,heading:y,headingColor:w="dark",subheading:b,button:v,dynamicGutter:j,isLoading:k=!1,contentCentered:q=!1,containerStyle:G,elementShadow:V=!1})=>{const{autoplay:_=0,controls:z=0,disablekb:C=0,end:E,loop:M=0,modestbranding:P=1,start:S=0,showInfo:W=0}=n?.ytConfig||{};return k?e.jsx(l,{"data-testid":"loader"}):e.jsx(a,{style:G,children:n?e.jsx(c,{"data-testid":"hero-video",title:"video-frame",src:`${n.src}?disabledkb=${C}&autoplay=${_}&controls=${z}&loop=${M}&modestbranding=${P}&start=${S}&showInfo=${W}${E?`&end=${E}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):e.jsxs(p,{"data-testid":"hero-image",$positionX:i?void 0:t?.x,$positionY:i?void 0:t?.y,$url:i?void 0:t?.src,children:[i,e.jsxs(m,{children:[(y||b||v)&&e.jsxs(h,{$maxWidth:u,$dynamicGutter:j,$centered:q,children:[y&&e.jsx(f,{as:"h1",$color:w,$shadow:V,children:y}),b&&e.jsx(g,{$color:w,$shadow:V,children:b}),v&&e.jsx(x,{$shadow:V,children:v})]}),r&&e.jsx(s,{$pointerEvents:n?"none":"auto",$align:o||"flex-start",$direction:d||"column",$justify:$||"flex-start",children:r})]})]})})};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),s=require("../../typography/BodyText/index.js"),i=require("../../typography/Heading/index.js"),a=require("../../theme.js"),t=require("../Snackbar/index.js");require("../../shared/media-queries.js"),require("../Icons/CheckCircle.js"),require("../Icons/Close.js"),require("../Icons/ErrorCircle.js"),require("../Icons/InfoCircle.js"),require("react-transition-group");var n,c=(n=o)&&n.__esModule?n:{default:n};const l=c.default.div`
|
|
2
2
|
margin: 0 auto;
|
|
3
3
|
max-width: 700px;
|
|
4
|
-
`,
|
|
4
|
+
`,d=c.default(i.Title)`
|
|
5
5
|
margin: 0.5rem;
|
|
6
|
-
`,
|
|
6
|
+
`,u=c.default.ul`
|
|
7
7
|
display: flex;
|
|
8
8
|
list-style: none;
|
|
9
9
|
flex-wrap: wrap;
|
|
10
10
|
padding: 0;
|
|
11
|
-
`,
|
|
11
|
+
`,p=c.default.li`
|
|
12
12
|
background: ${({background:e})=>e};
|
|
13
13
|
display: flex;
|
|
14
14
|
justify-content: center;
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
align-items: center;
|
|
17
17
|
width: calc(25% - 2px - 1.5rem);
|
|
18
18
|
padding: 0 0.25rem;
|
|
19
|
-
border: 1px solid ${
|
|
19
|
+
border: 1px solid ${a.default.colors.gray.dark5};
|
|
20
20
|
border-radius: 3px;
|
|
21
21
|
margin: 0.5rem;
|
|
22
22
|
cursor: pointer;
|
|
23
|
-
|
|
23
|
+
`,x=c.default(s.Caption)`
|
|
24
24
|
overflow-wrap: break-word;
|
|
25
25
|
word-wrap: break-word;
|
|
26
26
|
word-break: break-word;
|
|
27
27
|
hyphens: auto;
|
|
28
28
|
text-align: center;
|
|
29
|
-
`,
|
|
29
|
+
`,m=c.default.span`
|
|
30
30
|
font-size: ${({size:e})=>e};
|
|
31
31
|
color: ${({color:e})=>e};
|
|
32
|
-
`;exports.default=({background:
|
|
32
|
+
`;exports.default=({background:o=a.default.colors.background.light,color:s=a.default.colors.text.dark,icons:i,size:n="2rem"})=>{const[c,g]=r.useState({isOpen:!1,message:"",type:"info",color:"neutral"});return e.jsxs(e.Fragment,{children:[e.jsxs(l,{children:[e.jsx(d,{as:"h2",children:"Click to copy import declaration for icon"}),e.jsx(u,{children:i.map((([r,i],a)=>e.jsxs(p,{background:o,onClick:()=>{(async e=>{const r=`import { ${e} } from 'kvdbil-components';`;if(navigator.clipboard)try{await navigator.clipboard.writeText(r),g((r=>({...r,isOpen:!0,message:`copied import for ${e}`,type:"success",color:"success"})))}catch(e){g((r=>({...r,isOpen:!0,message:`Could not copy text: ${e}`,type:"error",color:"error"})))}})(r)},children:[e.jsx(x,{children:r}),e.jsx(m,{size:n,color:s,children:e.jsx(i,{})})]},a)))})]}),e.jsx(t.Snackbar,{message:c.message,isOpen:c.isOpen,type:c.type,color:c.color,onClose:()=>g((e=>({...e,isOpen:!1})))})]})};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("styled-components");var t,i=(t=o)&&t.__esModule?t:{default:t};const r=o.css`
|
|
2
2
|
background-color: transparent;
|
|
3
|
-
`,
|
|
4
|
-
background-color: ${({theme:e,color:
|
|
3
|
+
`,c="400ms",n=o.css`
|
|
4
|
+
background-color: ${({theme:e,color:o})=>e.colors[o].main};
|
|
5
5
|
opacity: 0.1;
|
|
6
|
-
${e=>e.isDisabled&&
|
|
7
|
-
`,
|
|
6
|
+
${e=>e.isDisabled&&r};
|
|
7
|
+
`,a=i.default.div`
|
|
8
8
|
cursor: ${e=>e.isDisabled?"default":"pointer"};
|
|
9
9
|
outline: none;
|
|
10
10
|
|
|
@@ -19,14 +19,14 @@
|
|
|
19
19
|
|
|
20
20
|
:hover {
|
|
21
21
|
.button-background {
|
|
22
|
-
transition: background-color ${
|
|
22
|
+
transition: background-color ${c};
|
|
23
23
|
${n}
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
:focus {
|
|
28
28
|
.button-background {
|
|
29
|
-
transition: background-color ${
|
|
29
|
+
transition: background-color ${c};
|
|
30
30
|
animation: FocusRipple ${"1500ms"} 0ms infinite alternate-reverse;
|
|
31
31
|
${n}
|
|
32
32
|
}
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
clip-path: circle(50%);
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
|
-
`,
|
|
65
|
+
`,s=i.default.div`
|
|
66
66
|
top: 0;
|
|
67
67
|
left: 0;
|
|
68
68
|
|
|
@@ -72,4 +72,4 @@
|
|
|
72
72
|
|
|
73
73
|
position: absolute;
|
|
74
74
|
border-radius: 10rem;
|
|
75
|
-
`;exports.BackgroundStyles=n,exports.default=({children:
|
|
75
|
+
`;exports.BackgroundStyles=n,exports.default=({children:o,isActive:t,isDisabled:i,onClick:r,noTabIndex:c=!1,color:n})=>e.jsxs(a,{color:n,isActive:t,isDisabled:i,onClick:e=>{e.stopPropagation(),e.preventDefault(),e.persist(),!i&&"function"==typeof r&&r(e)},onKeyDown:e=>{"Enter"===e.key&&!i&&"function"==typeof r&&(e.persist(),r(e))},tabIndex:i||c?void 0:0,children:[e.jsx(s,{className:"button-background"}),o]});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=({title:
|
|
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 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=({title:i,...
|
|
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 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=({color:c="black"})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0",y:"0",viewBox:"0 0 1000 1000",fill:c,children:[e.jsx("title",{children:"Bacon"}),e.jsx("path",{d:"M7204.2 5021.9c-224.4-46.1-422.8-204.4-537-430.8-32.1-66.1-98.2-226.4-144.3-358.7-128.3-368.7-210.4-521-362.7-677.3-210.4-214.4-458.9-312.6-903.8-354.7-364.7-36.1-527-90.2-659.3-222.4-104.2-104.2-150.3-246.5-188.4-585.1-16-162.3-44.1-332.6-62.1-378.7-100.2-284.5-320.6-410.8-799.5-456.9-342.7-32.1-515-98.2-637.2-242.5-100.2-116.2-132.3-224.4-164.3-569.1-38.1-424.8-88.2-545.1-268.5-667.3C2354.8-3.8 2220.6-39.9 1899.9-76c-148.3-18-328.6-50.1-402.8-72.1C1040.3-288.4 647.5-633 401-1108c-158.3-306.6-252.5-605.2-292.6-921.8-24-196.4 4-396.8 72.1-511 26-44.1 529-559.1 1116.2-1144.2 1004-1001.9 1074.1-1068 1176.3-1100.1 232.5-76.1 537 0 719.4 176.3 138.3 134.3 214.4 282.6 342.7 663.3 64.1 194.4 148.3 404.8 186.4 466.9 166.3 278.5 484.9 438.8 967.9 486.9 474.9 48.1 629.2 96.2 773.5 240.5 122.2 122.2 152.3 218.4 188.3 617.2 22.1 246.5 38.1 328.6 78.2 410.8 120.2 248.5 274.5 328.7 753.4 384.7 290.6 34.1 454.9 82.2 561.1 166.3 158.3 130.3 208.4 264.5 238.5 655.3 12 144.3 34.1 306.6 50.1 360.7 78.1 256.5 276.5 386.8 657.3 430.9 312.6 36.1 515 78.1 675.3 140.3 450.9 174.3 843.6 593.1 1066 1132.2 132.3 320.6 168.3 486.9 168.3 781.5-2 436.8 82.1 322.6-1140.2 1549-821.6 823.6-1066 1058.1-1144.2 1096.1-116.3 56.1-282.6 76.2-410.8 48.1zm356.7-527l130.3-126.3-70.1-118.2c-40.1-64.1-132.2-250.5-204.4-412.8-220.4-495-340.7-685.3-567.1-897.7-248.5-236.4-551.1-358.7-997.9-400.8-400.8-38.1-585.1-130.3-691.3-346.7-50.1-104.2-66.1-172.3-90.2-404.8-56.1-497-130.2-651.3-376.7-769.5-122.2-60.1-186.4-74.2-611.2-130.3-362.7-48.1-563.1-188.4-633.2-438.8-16-58.1-40.1-222.4-52.1-368.7-34.1-426.8-100.2-569.1-314.6-681.3-144.3-74.1-236.5-98.2-511-126.2-513-52.1-843.6-204.4-1160.2-535-172.3-180.4-288.6-348.7-400.8-583.1-90.2-188.4-188.4-472.9-208.4-611.2-8-52.1-22-98.2-30.1-104.2-8-4-72.1 50.1-140.3 122.3l-126.2 130.2 12 174.3c20 326.7 154.3 721.4 340.7 999.9 266.5 400.8 643.2 617.2 1142.2 655.3 615.2 48.1 983.9 316.6 1106.1 803.6 16 66.1 38.1 234.5 50.1 372.7 10 140.3 28.1 276.5 38.1 304.6 28.1 74.2 118.2 114.2 318.6 138.3 478.9 56.1 633.2 100.2 841.6 236.5 204.4 132.3 352.7 354.7 414.8 629.2 14 66.1 38.1 222.4 50.1 346.7 28.1 288.6 46.1 342.7 134.3 380.7 40.1 16 194.4 42.1 346.7 58.1 887.7 92.2 1300.5 422.8 1599.1 1270.4 108.2 308.6 134.3 364.7 198.4 440.9 66.1 78.1 150.3 118.2 254.5 120.2 67.9-.1 91.9-14.1 208.2-128.3zm1466.8-1563c-22-34.1-64.1-162.3-98.2-284.6-82.1-304.6-132.2-428.8-224.4-567.1-248.5-372.7-697.4-597.2-1498.9-753.5-288.5-56.1-382.7-94.2-480.9-192.4-128.3-126.2-182.4-290.5-232.5-703.3-70.1-577.1-188.4-721.4-611.2-747.5-623.2-40.1-923.8-214.4-1090.1-633.2-28.1-70.1-84.2-254.5-122.2-408.8-82.2-332.6-160.3-503-274.5-599.1-106.2-92.2-218.4-128.3-472.9-152.3-226.4-22-452.9-88.2-625.2-184.4-398.8-222.4-791.5-685.3-1076.1-1268.5-68.1-142.3-126.2-272.5-126.2-284.6 0-46.1-30.1-28-146.3 90.2L1831.9-3639l64.1 98.2c36.1 52.1 136.3 258.5 222.4 456.9 246.5 567.1 380.7 779.5 601.2 949.8 248.5 190.4 503 274.5 977.9 324.6 328.6 32.1 466.9 82.2 607.2 216.4 110.2 106.2 152.3 240.5 184.4 593.2 38.1 400.8 64.1 484.9 194.4 605.2 134.3 128.2 264.5 172.3 637.2 216.4 306.6 36.1 432.9 74.2 545.1 158.3 174.3 132.3 224.4 264.5 256.5 665.3 26 344.7 62.1 452.9 190.4 583.1 130.3 132.3 256.5 180.3 589.2 218.4 140.3 16 308.6 44.1 374.7 60.1 621.2 162.3 1120.2 755.5 1370.7 1633.2 24.1 82.2 48.1 162.3 52.1 178.3 6 20 68.1-28.1 186.4-146.3l178.3-176.3-36.4-63.9zm404.8-314.6c22-28.1 48.1-110.2 60.1-182.4 58.1-336.6-176.3-951.8-489-1288.5-242.5-260.5-505-392.8-853.6-432.8-460.9-52.1-639.2-104.2-845.6-242.5-68.1-44.1-158.3-128.2-200.4-184.4C6961.7 98.3 6913.6-58 6875.6-468.8c-16-162.3-38.1-314.6-52.1-338.7-36.1-68.1-134.3-96.2-430.8-130.3-539-60.1-835.6-218.4-1005.9-543-84.2-156.3-122.2-322.6-146.3-637.2-34.1-420.8 0-394.8-671.3-472.9-565.1-66.1-979.9-302.6-1208.3-691.3-48.1-82.1-132.3-288.6-202.4-499-68.1-196.4-138.3-384.7-160.3-420.8-88.2-142.3-244.5-230.4-358.7-202.4-54.1 14-144.3 84.2-144.3 114.2 0 8 28.1 62.1 64.1 118.2 34.1 58.1 138.3 274.5 228.4 484.9 218.4 497 318.6 663.3 529 875.7 296.6 298.6 631.2 432.8 1172.3 472.9 226.4 16 290.6 40.1 346.7 132.2 56.1 90.2 78.2 186.4 126.3 527 22 162.3 62.1 364.7 88.2 448.9C5192.3-779.3 5488.9-607 6116.1-607c228.4 0 268.5 6 346.7 46.1 96.2 48.1 168.3 138.3 200.4 252.5 12 40.1 38.1 194.4 60.1 342.7 22 148.3 58.1 330.7 82.1 402.8 82.2 264.5 270.5 428.8 557.1 488.9 561.1 116.2 761.5 184.4 1028 342.7 302.6 182.4 609.2 517 775.5 845.6 72.1 144.3 182.3 460.9 182.3 525 0 54.1 34.1 44.1 84.2-22z",transform:"matrix(.1 0 0 -.1 0 511)"})]});
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("styled-components"),t=require("../../typography/BodyText/index.js"),d=require("../../typography/Heading/index.js");require("../../shared/media-queries.js");var r,l=(r=i)&&r.__esModule?r:{default:r};const s=l.default.li`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
padding-bottom: 20px;
|
|
5
5
|
&:last-child {
|
|
6
6
|
padding-bottom: 0;
|
|
7
7
|
}
|
|
8
|
-
`,
|
|
8
|
+
`,n=l.default.div`
|
|
9
9
|
display: flex;
|
|
10
10
|
align-items: center;
|
|
11
11
|
margin: 0;
|
|
12
|
-
`,
|
|
12
|
+
`,a=l.default(d.TinyTitleBold)`
|
|
13
13
|
margin: 0;
|
|
14
|
-
`,
|
|
14
|
+
`,o=l.default.div`
|
|
15
15
|
display: flex;
|
|
16
16
|
align-items: center;
|
|
17
17
|
margin-right: 24px;
|
|
@@ -19,6 +19,6 @@
|
|
|
19
19
|
width: 30px;
|
|
20
20
|
height: 100%;
|
|
21
21
|
}
|
|
22
|
-
`,
|
|
22
|
+
`,x=l.default.div`
|
|
23
23
|
padding-left: ${({hasIcon:e})=>e?"54px":0};
|
|
24
|
-
`;exports.default=({title:
|
|
24
|
+
`;exports.default=({title:i,text:d,icon:r,component:l="li",children:c,...p})=>e.jsxs(s,{as:l,...p,children:[e.jsxs(n,{children:[r&&e.jsx(o,{children:r}),e.jsx(a,{children:i})]}),e.jsx(x,{hasIcon:!!r,children:e.jsxs(t.BodyText,{children:[d,c]})})]});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var C=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var C=require("react/jsx-runtime"),l=require("../../theme.js");exports.default=({color:e=l.default.colors.neutral.main})=>C.jsxs("svg",{viewBox:"0 0 622 223",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"kvdlogo-en",children:[C.jsx("title",{id:"kvdlogo-en",children:"kvdcars.com"}),C.jsx("path",{d:"M563.63 130.23C561.82 127.17 559.53 124.57 556.81 122.52C554.18 120.54 551.29 118.87 548.23 117.57C545.36 116.35 542.64 115.15 540.14 113.99C537.8 112.9 535.83 111.71 534.29 110.44C533.08 109.44 532.52 108.24 532.52 106.67C532.52 105.1 533 103.96 534.02 103.11C535.07 102.24 536.56 101.77 538.46 101.73L561.94 109.52V87.83L560.57 87.35C556.81 86.02 553.15 84.93 549.69 84.12C546.16 83.29 542.26 82.86 538.12 82.86C533.98 82.86 530.19 83.43 526.85 84.55C523.47 85.69 520.55 87.34 518.16 89.44C515.76 91.56 513.88 94.13 512.56 97.09C511.24 100.04 510.58 103.34 510.58 106.9C510.58 111.77 511.52 115.84 513.38 118.99C515.2 122.07 517.48 124.61 520.18 126.56C522.79 128.44 525.66 130 528.73 131.18C531.61 132.3 534.3 133.42 536.71 134.52C539.01 135.57 540.96 136.75 542.49 138.01C543.7 139.01 544.26 140.31 544.26 142.11C544.26 144.1 543.67 145.47 542.4 146.43C541.05 147.45 539.09 147.99 536.59 148.04L511.34 139.22V161.63L512.59 162.16C515.97 163.59 519.84 164.8 524.09 165.77C528.38 166.75 532.95 167.24 537.67 167.24C541.8 167.24 545.64 166.67 549.08 165.55C552.56 164.42 555.62 162.77 558.18 160.64C560.78 158.48 562.82 155.81 564.26 152.7C565.69 149.6 566.42 146.03 566.42 142.1C566.44 137.37 565.49 133.38 563.63 130.23Z",fill:e}),C.jsx("path",{d:"M124.01 84.33H99.02L77.58 114.92V56.04H55.16V166.56H77.58V132.24L101.06 166.56H127.94L96.57 123.5L124.01 84.33Z",fill:e}),C.jsx("path",{d:"M235.3 144.12C224.78 144.12 216.25 135.59 216.25 125.07C216.25 114.55 224.78 106.02 235.3 106.02C245.83 106.02 254.35 114.55 254.35 125.07C254.35 135.59 245.82 144.12 235.3 144.12ZM255.53 88.9C249.48 85.46 242.49 83.5 235.04 83.5C212.11 83.5 193.52 102.09 193.52 125.02C193.52 147.95 212.11 166.54 235.04 166.54C242.49 166.54 249.49 164.58 255.53 161.14V166.56H277.95V56.04H255.53V88.9Z",fill:e}),C.jsx("path",{d:"M175.62 84.33L161.08 131.23L146.54 84.33H124.32L149.81 166.56H150.13H172.04H172.35L197.84 84.33H175.62Z",fill:e}),C.jsx("path",{d:"M411.58 144.12C401.06 144.12 392.53 135.59 392.53 125.07C392.53 114.55 401.06 106.02 411.58 106.02C422.1 106.02 430.63 114.55 430.63 125.07C430.63 135.59 422.11 144.12 411.58 144.12ZM411.31 83.5C388.38 83.5 369.79 102.08 369.79 125.01C369.79 147.94 388.38 166.53 411.31 166.53C418.86 166.53 425.94 164.52 432.04 161V166.55H454.46V84.33H432.04V89.03C425.94 85.52 418.86 83.5 411.31 83.5Z",fill:e}),C.jsx("path",{d:"M342.97 130.89C340.51 138.56 333.32 144.12 324.83 144.12C314.3 144.12 305.78 135.59 305.78 125.07C305.78 114.55 314.31 106.02 324.83 106.02C333.59 106.02 340.95 111.94 343.18 120H366.04C363.56 99.44 346.06 83.5 324.84 83.5C301.91 83.5 283.33 102.09 283.33 125.01C283.33 147.94 301.9 166.52 324.84 166.52C345.77 166.52 363.08 151.02 365.93 130.88H342.97V130.89Z",fill:e}),C.jsx("path",{d:"M505.29 83.5C498.52 83.5 492.15 85.14 486.5 88.01V84.33H464.08V166.55H486.5V161.92V125.07H486.51C486.51 114.55 495.04 106.02 505.56 106.02C505.95 106.02 506.34 106.06 506.72 106.08V83.55C506.25 83.53 505.77 83.5 505.29 83.5Z",fill:e})]});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("react/jsx-runtime"),e=require("../../theme.js");exports.default=({color:C=e.default.colors.neutral.main})=>l.jsxs("svg",{viewBox:"0 0 492 223",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"kvdlogo-sv",children:[l.jsx("title",{id:"kvdlogo-sv",children:"kvd.se"}),l.jsx("path",{d:"M124.94 84.11H99.78L78.2 114.91V55.63H55.63V166.89H78.2V132.34L101.83 166.89H128.89L97.32 123.54L124.94 84.11Z",fill:C}),l.jsx("path",{d:"M393.79 87.26C389.7 87.26 385.88 86.1 382.64 84.1H382.51V166.88H405.08V84.1H404.95C401.69 86.1 397.87 87.26 393.79 87.26Z",fill:C}),l.jsx("path",{d:"M436.21 55.59H413.64V166.89H436.21V55.59Z",fill:C}),l.jsx("path",{d:"M393.79 49.9C384.96 49.9 377.77 57.09 377.77 65.92C377.77 74.75 384.95 81.94 393.79 81.94C402.63 81.94 409.81 74.76 409.81 65.92C409.8 57.09 402.62 49.9 393.79 49.9ZM393.79 72.85C389.97 72.85 386.86 69.74 386.86 65.92C386.86 62.1 389.97 58.99 393.79 58.99C397.61 58.99 400.72 62.1 400.72 65.92C400.72 69.74 397.61 72.85 393.79 72.85Z",fill:C}),l.jsx("path",{d:"M336.08 83.27C328.48 83.27 321.36 85.3 315.22 88.84V55.63H292.65V166.89H315.22V161.3C321.36 164.84 328.49 166.87 336.08 166.87C359.16 166.87 377.88 148.16 377.88 125.07C377.87 101.98 359.16 83.27 336.08 83.27ZM335.81 144.3C325.22 144.3 316.63 135.71 316.63 125.12C316.63 114.53 325.22 105.94 335.81 105.94C346.4 105.94 354.99 114.53 354.99 125.12C354.99 135.71 346.4 144.3 335.81 144.3Z",fill:C}),l.jsx("path",{d:"M257.34 88.71C251.25 85.25 244.21 83.27 236.71 83.27C213.62 83.27 194.91 101.98 194.91 125.07C194.91 148.15 213.62 166.87 236.71 166.87C244.21 166.87 251.25 164.89 257.34 161.43V166.89H279.91V55.63H257.34V88.71ZM236.98 144.3C226.39 144.3 217.8 135.71 217.8 125.12C217.8 114.53 226.39 105.94 236.98 105.94C247.57 105.94 256.16 114.53 256.16 125.12C256.16 135.71 247.57 144.3 236.98 144.3Z",fill:C}),l.jsx("path",{d:"M176.9 84.11L162.26 131.32L147.62 84.11H125.25L150.92 166.89H151.23H173.29H173.6L199.27 84.11H176.9Z",fill:C})]});
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("./LogoSv.js"),o=require("./LogoEn.js");require("../../theme.js");var s,d=(s=t)&&s.__esModule?s:{default:s};const u=d.default.div`
|
|
2
2
|
width: ${({width:e})=>e}px;
|
|
3
|
-
`,
|
|
3
|
+
`,i=({locale:t,width:s,color:d})=>{const i="en"===t?o.default:r.default,l=((e,t)=>t||("en"===e?175:132))(t,s);return e.jsx(u,{width:l,"data-testid":`logo-${t}`,children:e.jsx(i,{color:d})})};exports.Logo=i,exports.default=i;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),l=require("../../theme.js");var r,o=(r=t)&&r.__esModule?r:{default:r};const i={1:{size:"2rem",lineHeight:"3rem",bottom:"2rem",fontFamily:l.default.typography.fontAlternativeFamily},2:{size:"1.5rem",lineHeight:"2.5rem",bottom:"1rem",fontFamily:l.default.typography.fontAlternativeFamily},3:{size:"1rem",lineHeight:"1.5rem",bottom:"1rem",fontFamily:l.default.typography.fontBaseFamily}},a=o.default.li`
|
|
2
2
|
list-style-type: none;
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
@@ -7,32 +7,32 @@
|
|
|
7
7
|
:hover {
|
|
8
8
|
cursor: pointer;
|
|
9
9
|
}
|
|
10
|
-
`,n=
|
|
10
|
+
`,n=o.default.span`
|
|
11
11
|
font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
|
|
12
12
|
font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
|
|
13
|
-
`,
|
|
13
|
+
`,m=o.default.div`
|
|
14
14
|
display: flex;
|
|
15
15
|
flex-direction: column;
|
|
16
|
-
padding-bottom: ${({level:e})=>
|
|
17
|
-
`,
|
|
16
|
+
padding-bottom: ${({level:e})=>i[e].bottom};
|
|
17
|
+
`,h=o.default(n)`
|
|
18
18
|
color: ${({theme:e})=>e.colors.text.dark};
|
|
19
|
-
font-size: ${({level:e})=>
|
|
20
|
-
line-height: ${({level:e})=>
|
|
21
|
-
font-family: ${({level:e})=>
|
|
19
|
+
font-size: ${({level:e})=>i[e].size};
|
|
20
|
+
line-height: ${({level:e})=>i[e].lineHeight};
|
|
21
|
+
font-family: ${({level:e})=>i[e].fontFamily};
|
|
22
22
|
|
|
23
|
-
${({level:e,theme:
|
|
24
|
-
`,
|
|
23
|
+
${({level:e,theme:t})=>3===e&&`font-weight: ${t.typography.fontAlternativeRegularWeight}`};
|
|
24
|
+
`,s=o.default(n)`
|
|
25
25
|
font-size: 0.75rem;
|
|
26
26
|
font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
|
|
27
27
|
line-height: 1.25rem;
|
|
28
28
|
color: ${({theme:e})=>e.colors.text.dark};
|
|
29
29
|
text-transform: uppercase;
|
|
30
30
|
margin-bottom: 1.5rem;
|
|
31
|
-
|
|
31
|
+
`,f=o.default(n)`
|
|
32
32
|
font-size: 0.8125rem;
|
|
33
33
|
font-weight: ${({theme:e})=>e.typography.fontBaseRegularWeight};
|
|
34
34
|
line-height: 1.5rem;
|
|
35
35
|
font-family: ${({theme:e})=>e.typography.fontBaseFamily};
|
|
36
36
|
color: ${({theme:e})=>e.colors.text.dark};
|
|
37
|
-
margin-top: ${({level:e})=>e
|
|
38
|
-
`,
|
|
37
|
+
margin-top: ${({level:e})=>3===e?"0.25rem":0};
|
|
38
|
+
`,y=({preamble:t,title:l,level:r,component:o="li",children:i,...n})=>{const y=!!t;return e.jsxs(a,{as:o,...n,hasPreamble:y,children:[l&&e.jsx(s,{children:l}),e.jsxs(m,{level:r,children:[e.jsx(h,{level:r,hasPreamble:y,children:i}),t&&e.jsx(f,{level:r,children:t})]})]})};exports.MenuItem=y,exports.default=y;
|