@kvdbil/components 6.3.1 → 6.4.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/Breadcrumbs/BreadcrumbsItem.js +36 -0
- package/cjs/components/Breadcrumbs/index.js +7 -0
- package/cjs/components/Button/index.js +18 -18
- package/cjs/components/Button/styles.js +4 -4
- package/cjs/components/Chip/index.js +1 -1
- package/cjs/components/Select/index.js +3 -3
- package/cjs/components/TimePicker/index.js +1 -1
- package/cjs/{index-0e0ed361.js → index-f325fd6a.js} +1 -1
- package/cjs/index.js +1 -1
- package/esm/components/Breadcrumbs/BreadcrumbsItem.js +36 -0
- package/esm/components/Breadcrumbs/index.js +7 -0
- package/esm/components/Button/index.js +7 -7
- package/esm/components/Button/styles.js +7 -7
- package/esm/components/Chip/index.js +1 -1
- package/esm/components/Select/index.js +4 -4
- package/esm/components/TimePicker/index.js +1 -1
- package/esm/{index-dd03ef04.js → index-a3ed3af2.js} +6 -6
- package/esm/index.js +1 -1
- package/package.json +1 -1
- package/types/components/Breadcrumbs/BreadcrumbsItem.d.ts +9 -0
- package/types/components/Breadcrumbs/index.d.ts +13 -0
- package/types/components/Button/index.d.ts +3 -2
- package/types/components/Button/styles.d.ts +4 -4
- package/types/index.d.ts +1 -0
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),l=require("../../typography/BodyText/index.js");function n(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}var r=n(e),a=n(t);const o=a.default.li`
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
margin: 0;
|
|
5
|
+
text-indent: 0;
|
|
6
|
+
list-style-type: none;
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
|
|
9
|
+
a {
|
|
10
|
+
${l.BodyTextStyle}
|
|
11
|
+
font-weight: ${({theme:s})=>s.typography.fontBaseBoldWeight};
|
|
12
|
+
color: ${({theme:s})=>s.colors.info.main};
|
|
13
|
+
text-decoration: none;
|
|
14
|
+
overflow: hidden;
|
|
15
|
+
text-overflow: ellipsis;
|
|
16
|
+
}
|
|
17
|
+
`,i=a.default(l.BodyText)`
|
|
18
|
+
color: ${({theme:s})=>s.colors.text.dark};
|
|
19
|
+
overflow: hidden;
|
|
20
|
+
text-overflow: ellipsis;
|
|
21
|
+
`,d=a.default.span`
|
|
22
|
+
display: inline-flex;
|
|
23
|
+
padding-right: 0.5rem;
|
|
24
|
+
svg {
|
|
25
|
+
width: 1rem;
|
|
26
|
+
height: 1rem;
|
|
27
|
+
}
|
|
28
|
+
`,f=a.default.span`
|
|
29
|
+
display: inline-flex;
|
|
30
|
+
padding: 0 0.5rem;
|
|
31
|
+
color: ${({theme:s})=>s.colors.gray.light1};
|
|
32
|
+
svg {
|
|
33
|
+
width: 0.75rem;
|
|
34
|
+
height: 0.75rem;
|
|
35
|
+
}
|
|
36
|
+
`;exports.default=({link:s,separator:u,isLast:c})=>r.default.createElement(r.default.Fragment,null,r.default.createElement(o,null,s.prefixIcon&&r.default.createElement(d,null,s.prefixIcon),c?r.default.createElement(i,{as:"span"},s.label):r.default.createElement(r.default.Fragment,null,s.component?s.component:r.default.createElement("a",{href:s.to},s.label),r.default.createElement(f,null,u))));
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("./BreadcrumbsItem.js"),a=require("../../icons/components/ArrowRightIcon.js");function l(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}require("../../typography/BodyText/index.js");var n=l(e);const u=l(t).default.ul`
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
padding: 0;
|
|
5
|
+
white-space: nowrap;
|
|
6
|
+
overflow: hidden;
|
|
7
|
+
`;exports.default=({links:o,separator:i=n.default.createElement(a.default,null)})=>n.default.createElement(u,null,o.map((d,s)=>n.default.createElement(r.default,{key:s,link:d,separator:i,isLast:s===o.length-1})));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),
|
|
2
|
-
${
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../theme.js"),l=require("../Spinner/index.js"),s=require("../../typography/ButtonText/index.js"),i=require("./styles.js");function a(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}var o=a(e),n=a(r);const u=n.default.button`
|
|
2
|
+
${s.BasicButtonTextStyle}
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
outline: none;
|
|
5
5
|
cursor: pointer;
|
|
@@ -7,29 +7,29 @@
|
|
|
7
7
|
position: relative;
|
|
8
8
|
white-space: nowrap;
|
|
9
9
|
border: none;
|
|
10
|
-
width: ${({fullWidth:
|
|
10
|
+
width: ${({fullWidth:x})=>x&&"100%"};
|
|
11
11
|
display: flex;
|
|
12
12
|
align-items: center;
|
|
13
|
-
justify-content: ${({
|
|
13
|
+
justify-content: ${({sufixIcon:x,prefixIcon:y})=>x||y?"space-between":"center"};
|
|
14
14
|
|
|
15
|
-
${({size:
|
|
16
|
-
${({size:
|
|
17
|
-
${
|
|
18
|
-
${
|
|
19
|
-
${
|
|
20
|
-
${
|
|
15
|
+
${({size:x="small"})=>i.fontSizes[x]||s.ButtonRegularTextStyle}
|
|
16
|
+
${({size:x,isLoading:y,minWidth:b})=>r.css`
|
|
17
|
+
${x==="smaller"&&i.smallerSizeStyles(y,b)}
|
|
18
|
+
${x==="small"&&i.smallSizeStyles(y,b)}
|
|
19
|
+
${x==="regular"&&i.regularSizeStyles(y,b)}
|
|
20
|
+
${x==="large"&&i.largeSizeStyles(y,b)}
|
|
21
21
|
`}
|
|
22
22
|
background-color: transparent;
|
|
23
23
|
transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
|
|
24
|
-
${({variant:
|
|
25
|
-
${
|
|
24
|
+
${({variant:x="solid",color:y="primary",disabled:b,theme:h})=>r.css`
|
|
25
|
+
${b?i.disabledColorStyles(h,x):i.colorStyles[x](h,y)}
|
|
26
26
|
`}
|
|
27
27
|
&:focus-visible {
|
|
28
|
-
box-shadow: 0px 0px 0px 1px ${({theme:
|
|
28
|
+
box-shadow: 0px 0px 0px 1px ${({theme:x})=>x.colors.gray.light5};
|
|
29
29
|
}
|
|
30
|
-
`,d={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},
|
|
30
|
+
`,d={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},c={smaller:"0.5rem",small:"0.5rem",regular:"1rem",large:"1rem"},f=n.default.span`
|
|
31
31
|
display: flex;
|
|
32
|
-
margin-right: ${({type:
|
|
33
|
-
margin-left: ${({type:
|
|
34
|
-
font-size: ${({size:
|
|
35
|
-
`,
|
|
32
|
+
margin-right: ${({type:x,size:y})=>x==="prefix"?c[y]:0};
|
|
33
|
+
margin-left: ${({type:x,size:y})=>x==="sufix"?c[y]:0};
|
|
34
|
+
font-size: ${({size:x})=>d[x]};
|
|
35
|
+
`,m=n.default(l.default)``,p={smaller:1,small:1,regular:1.5,large:1.5},g=e.forwardRef(({size:x="small",color:y="primary",variant:b="solid",fullWidth:h=!1,isDisabled:v=!1,isLoading:z=!1,children:j,sufixIcon:$,prefixIcon:S,minWidth:q,as:w="button",...B},I)=>o.default.createElement(u,{...B,as:w,minWidth:q,color:y,disabled:v||z,fullWidth:h,theme:t.default,variant:b,size:x,isLoading:z,ref:I,prefixIcon:S,sufixIcon:$},z?o.default.createElement(m,{color:t.default.colors.gray.light1,size:p[x]}):o.default.createElement(o.default.Fragment,null,S&&o.default.createElement(f,{size:x,type:"prefix"},S),j,$&&o.default.createElement(f,{size:x,type:"sufix"},$))));g.displayName="Button",exports.Button=g,exports.default=g;
|
|
@@ -45,14 +45,14 @@
|
|
|
45
45
|
${e(s)};
|
|
46
46
|
border: 2px solid ${s.colors.gray.light1};`:e(s),exports.flatColorStyles=l,exports.fontSizes=r,exports.largeSizeStyles=(s,a="auto")=>`
|
|
47
47
|
min-width: ${s?"8.5rem":a};
|
|
48
|
-
padding: ${s?"
|
|
48
|
+
padding: ${s?"8px 24px":"16px 24px"};
|
|
49
49
|
`,exports.outlineColorStyles=n,exports.regularSizeStyles=(s,a="auto")=>`
|
|
50
50
|
min-width: ${s?"6rem":a};
|
|
51
|
-
padding: ${s?"
|
|
51
|
+
padding: ${s?"9.5px 24px":"16px 24px"};
|
|
52
52
|
`,exports.smallSizeStyles=(s,a="auto")=>`
|
|
53
53
|
min-width: ${s?"4.5rem":a};
|
|
54
|
-
padding: ${s?"
|
|
54
|
+
padding: ${s?"10px 10px":"12px"};
|
|
55
55
|
`,exports.smallerSizeStyles=(s,a="auto")=>`
|
|
56
56
|
min-width: ${s?"4rem":a};
|
|
57
|
-
padding: ${s?"
|
|
57
|
+
padding: ${s?"11px 10px":"12px"};
|
|
58
58
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("styled-components"),require("../Accordion/index.js"),require("../Button/index.js"),require("../IconButton.js"),require("../Textfield/index.js"),require("../TextArea/index.js"),require("../Tabs/Tabs.js"),require("../Tabs/Tab.js"),require("../ErrorMessage/index.js"),require("../Spinner/index.js"),require("../Modal/index.js"),require("../Dialog/index.js"),require("../OffCanvas/index.js"),require("../CheckBox/index.js"),require("../Snackbar/index.js"),require("../Select/index.js"),require("../ListItem/index.js");var e=require("../../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("styled-components"),require("../Accordion/index.js"),require("../Button/index.js"),require("../IconButton.js"),require("../Textfield/index.js"),require("../TextArea/index.js"),require("../Tabs/Tabs.js"),require("../Tabs/Tab.js"),require("../ErrorMessage/index.js"),require("../Spinner/index.js"),require("../Modal/index.js"),require("../Dialog/index.js"),require("../OffCanvas/index.js"),require("../CheckBox/index.js"),require("../Snackbar/index.js"),require("../Select/index.js"),require("../ListItem/index.js");var e=require("../../index-f325fd6a.js");require("../Hero/index.js"),require("../DayPicker/index.js"),require("../Logo/index.js"),require("../Badge/index.js"),require("../Toggle/index.js"),require("../Stepper/index.js"),require("../InlineStepper/Step.js"),require("../InlineStepper/index.js"),require("../StepperAccordion/index.js"),require("../Card/index.js"),require("../NotificationButton/index.js"),require("../Range/index.js"),require("../Breadcrumbs/index.js"),require("../Header/index.js"),require("../MenuItem/index.js"),require("../../icons/components/CloseIcon.js"),require("../../typography/Heading/index.js"),require("../../typography/BodyText/index.js"),require("../../typography/ButtonText/index.js"),require("../RadioButton/index.js"),require("../../utils/utils.js"),require("./styles.js"),require("react-collapse"),require("../../shared/media-queries.js"),require("../../icons/components/ArrowDownIcon.js"),require("../../theme.js"),require("../Button/styles.js"),require("../FieldLabel.js"),require("../../shared/helpers.js"),require("react-dom"),require("react-transition-group"),require("../Icons/Close.js"),require("../OffCanvas/Overlay.js"),require("../OffCanvas/useClickOutside.js"),require("../../icons/components/CheckIcon.js"),require("../Icons/CheckCircle.js"),require("../Icons/ErrorCircle.js"),require("../Icons/InfoCircle.js"),require("react-select"),require("../../shared/constants.js"),require("react-day-picker"),require("../DayPicker/DayPickerNavBar.js"),require("../Icons/Arrow.js"),require("../DayPicker/localeUtils.js"),require("../DayPicker/style.js"),require("../Logo/LogoSv.js"),require("../Logo/LogoEn.js"),require("../InlineStepper/StepCircle.js"),require("../Icons/CheckIcon.js"),require("../Breadcrumbs/BreadcrumbsItem.js"),require("../../icons/components/ArrowRightIcon.js"),require("../Header/Hamburger.js"),require("../Header/Link.js"),exports.Chip=e.Chip,exports.default=e.Chip;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-select"),o=require("styled-components"),t=require("../../shared/constants.js"),a=require("../../theme.js"),l=require("../FieldLabel.js");function i(y){return y&&typeof y=="object"&&"default"in y?y:{default:y}}require("../../typography/BodyText/index.js");var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-select"),o=require("styled-components"),t=require("../../shared/constants.js"),a=require("../../theme.js"),l=require("../FieldLabel.js");function i(y){return y&&typeof y=="object"&&"default"in y?y:{default:y}}require("../../typography/BodyText/index.js");var d=i(e),s=i(r),n=i(o);const u=n.default.div`
|
|
2
2
|
font-family: ${({theme:y})=>y.typography.fontBaseFamily};
|
|
3
3
|
position: relative;
|
|
4
4
|
`,c=y=>y&&{paddingLeft:"2.5rem"},f=y=>y&&{border:`1px solid ${a.default.colors.gray.light1}`,color:a.default.colors.gray.dark1,fill:a.default.colors.gray.light1},m=n.default.div`
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
margin-top: 0.25rem;
|
|
25
25
|
margin-left: 0.85rem;
|
|
26
26
|
color: ${({hasError:y})=>y?a.default.colors.error.main:a.default.colors.text.disabled};
|
|
27
|
-
`,
|
|
27
|
+
`,g=n.default(y=>d.default.createElement("svg",{...y},d.default.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 19 19"},d.default.createElement("path",{d:"M2.03039 7.95496L9.80856 15.7331C9.90619 15.8308 10.0645 15.8308 10.1621 15.7331L17.9403 7.95496L19.0009 9.01562L11.2228 16.7938C10.5394 17.4772 9.43132 17.4772 8.7479 16.7938L0.969727 9.01562L2.03039 7.95496Z"})),d.default.createElement("use",{xlinkHref:"#icon-arrow"})))`
|
|
28
28
|
width: 0.8rem;
|
|
29
29
|
height: 0.8rem;
|
|
30
30
|
margin: 0 0.5rem;
|
|
@@ -41,4 +41,4 @@
|
|
|
41
41
|
|
|
42
42
|
transform: ${y=>y.$isMenuOpen?"rotate(-180deg)":"rotate(0deg)"};
|
|
43
43
|
transform-origin: 50% 60%;
|
|
44
|
-
`,
|
|
44
|
+
`,h=({selectProps:{menuIsOpen:y=!1},isFocused:D=!1,isDisabled:I})=>d.default.createElement(g,{$isDisabled:I,$isFocused:D,$isMenuOpen:y,$theme:a.default}),b=({className:y,color:D="primary",forwardRef:I,hasError:L=!1,height:v,helperText:C,isDisabled:S=!1,onBlur:M=()=>null,onFocus:N=()=>null,onInputChange:O=()=>null,placeholder:_="",name:B,...$})=>{var T;const[k,E]=e.useState(!1),[R,z]=e.useState(""),q=({isSelected:x,isFocused:F,isDisabled:w})=>x?a.default.colors[D].main:w?a.default.colors.background.light:F?a.default.colors.background.gray:a.default.colors.background.light,A=((x,F)=>F?a.default.colors.error.main:x?a.default.colors.text.dark:a.default.colors.gray.light1)(k,L);return d.default.createElement(u,{className:y},$.label&&d.default.createElement(l.Label,{htmlFor:B,height:v,isFocused:k,hasValue:Boolean($.value||R),disabled:S,theme:a.default,hasError:L},$.label),$.prefix&&d.default.createElement(m,{isDisabled:S,isFocused:k},$.prefix),d.default.createElement(s.default,{...$,inputId:B,name:B,ref:I,isDisabled:S,onInputChange:(x,F)=>{O(x,F),z(x)},placeholder:_,onFocus:x=>{E(!0),N(x)},onBlur:x=>{E(!1),M(x)},styles:{control:x=>({...x,borderRadius:0,color:a.default.colors.text.dark,fontFamily:a.default.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.75rem",backgroundColor:a.default.colors.background.light,borderColor:A,boxShadow:"none","&:hover":{borderColor:"none"},...f(S),...c(Boolean($.prefix))}),placeholder:x=>({...x,display:k?"static":"none"}),singleValue:x=>({...x,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:x=>({...x,padding:"8px 0"}),menu:x=>({...x,borderRadius:0,boxShadow:a.default.elevations.elevation2,zIndex:2,padding:"0"}),option:(x,{isSelected:F,isFocused:w,isDisabled:j})=>({...x,padding:"1rem",cursor:j?"not-allowed":"pointer","&:hover":{background:q({isSelected:F,isFocused:!0,isDisabled:j})},background:q({isSelected:F,isFocused:w}),...c(Boolean($.prefix))}),valueContainer:x=>({...x,position:"static",padding:v?v-1+"rem 0 ":0,height:v?"auto":"21px"}),clearIndicator:x=>({...x,paddingTop:0,paddingBottom:0})},components:{IndicatorSeparator:()=>null,DropdownIndicator:h,...(T=$.components)!=null?T:{}}}),C&&d.default.createElement(p,{hasError:L},C))};exports.Select=b,exports.default=b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("styled-components");var e=require("../../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("styled-components");var e=require("../../index-f325fd6a.js");require("../Accordion/index.js"),require("react-collapse"),require("../../shared/media-queries.js"),require("../../icons/components/ArrowDownIcon.js"),require("../Button/index.js"),require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("../IconButton.js"),require("../Textfield/index.js"),require("../FieldLabel.js"),require("../../typography/BodyText/index.js"),require("../../shared/helpers.js"),require("../TextArea/index.js"),require("../Tabs/Tabs.js"),require("../Tabs/Tab.js"),require("../../utils/utils.js"),require("../ErrorMessage/index.js"),require("../Modal/index.js"),require("react-dom"),require("react-transition-group"),require("../Icons/Close.js"),require("../Dialog/index.js"),require("../../typography/Heading/index.js"),require("../OffCanvas/index.js"),require("../OffCanvas/Overlay.js"),require("../OffCanvas/useClickOutside.js"),require("../CheckBox/index.js"),require("../../icons/components/CheckIcon.js"),require("../Snackbar/index.js"),require("../Icons/CheckCircle.js"),require("../Icons/ErrorCircle.js"),require("../Icons/InfoCircle.js"),require("../Select/index.js"),require("react-select"),require("../../shared/constants.js"),require("../ListItem/index.js"),require("../Hero/index.js"),require("../DayPicker/index.js"),require("react-day-picker"),require("../DayPicker/DayPickerNavBar.js"),require("../Icons/Arrow.js"),require("../DayPicker/localeUtils.js"),require("../DayPicker/style.js"),require("../Logo/index.js"),require("../Logo/LogoSv.js"),require("../Logo/LogoEn.js"),require("../Badge/index.js"),require("../Toggle/index.js"),require("../Stepper/index.js"),require("../InlineStepper/Step.js"),require("../InlineStepper/StepCircle.js"),require("../Icons/CheckIcon.js"),require("../InlineStepper/index.js"),require("../StepperAccordion/index.js"),require("../Card/index.js"),require("../NotificationButton/index.js"),require("../Range/index.js"),require("../Breadcrumbs/index.js"),require("../Breadcrumbs/BreadcrumbsItem.js"),require("../../icons/components/ArrowRightIcon.js"),require("../Header/index.js"),require("../Header/Hamburger.js"),require("../Header/Link.js"),require("../MenuItem/index.js"),require("../../icons/components/CloseIcon.js"),require("../RadioButton/index.js"),require("../Chip/styles.js"),exports.TimePicker=e.TimePicker,exports.default=e.TimePicker;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react"),o=require("styled-components");require("./components/Accordion/index.js"),require("./components/Button/index.js"),require("./components/IconButton.js"),require("./components/Textfield/index.js"),require("./components/TextArea/index.js"),require("./components/Tabs/Tabs.js"),require("./components/Tabs/Tab.js"),require("./components/ErrorMessage/index.js"),require("./components/Spinner/index.js"),require("./components/Modal/index.js"),require("./components/Dialog/index.js"),require("./components/OffCanvas/index.js"),require("./components/CheckBox/index.js"),require("./components/Snackbar/index.js"),require("./components/Select/index.js"),require("./components/ListItem/index.js"),require("./components/Hero/index.js"),require("./components/DayPicker/index.js"),require("./components/Logo/index.js"),require("./components/Badge/index.js"),require("./components/Toggle/index.js"),require("./components/Stepper/index.js"),require("./components/InlineStepper/Step.js"),require("./components/InlineStepper/index.js"),require("./components/StepperAccordion/index.js"),require("./components/Card/index.js"),require("./components/NotificationButton/index.js"),require("./components/Range/index.js"),require("./components/Header/index.js"),require("./components/MenuItem/index.js");var r=require("./icons/components/CloseIcon.js");require("./typography/Heading/index.js"),require("./typography/BodyText/index.js"),require("./typography/ButtonText/index.js"),require("./components/RadioButton/index.js"),require("./utils/utils.js");var n=require("./components/Chip/styles.js");function t(g){return g&&typeof g=="object"&&"default"in g?g:{default:g}}var i=t(e),s=t(o);const a=s.default.div`
|
|
1
|
+
"use strict";var e=require("react"),o=require("styled-components");require("./components/Accordion/index.js"),require("./components/Button/index.js"),require("./components/IconButton.js"),require("./components/Textfield/index.js"),require("./components/TextArea/index.js"),require("./components/Tabs/Tabs.js"),require("./components/Tabs/Tab.js"),require("./components/ErrorMessage/index.js"),require("./components/Spinner/index.js"),require("./components/Modal/index.js"),require("./components/Dialog/index.js"),require("./components/OffCanvas/index.js"),require("./components/CheckBox/index.js"),require("./components/Snackbar/index.js"),require("./components/Select/index.js"),require("./components/ListItem/index.js"),require("./components/Hero/index.js"),require("./components/DayPicker/index.js"),require("./components/Logo/index.js"),require("./components/Badge/index.js"),require("./components/Toggle/index.js"),require("./components/Stepper/index.js"),require("./components/InlineStepper/Step.js"),require("./components/InlineStepper/index.js"),require("./components/StepperAccordion/index.js"),require("./components/Card/index.js"),require("./components/NotificationButton/index.js"),require("./components/Range/index.js"),require("./components/Breadcrumbs/index.js"),require("./components/Header/index.js"),require("./components/MenuItem/index.js");var r=require("./icons/components/CloseIcon.js");require("./typography/Heading/index.js"),require("./typography/BodyText/index.js"),require("./typography/ButtonText/index.js"),require("./components/RadioButton/index.js"),require("./utils/utils.js");var n=require("./components/Chip/styles.js");function t(g){return g&&typeof g=="object"&&"default"in g?g:{default:g}}var i=t(e),s=t(o);const a=s.default.div`
|
|
2
2
|
font-family: ${({theme:g})=>g.typography.fontBaseFamily};
|
|
3
3
|
font-size: ${({size:g})=>n.getFontSize(g)};
|
|
4
4
|
font-weight: ${({theme:g})=>g.typography.fontBaseBoldWeight};
|
package/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./theme.js"),o=require("./shared/media-queries.js"),n=require("./components/Accordion/index.js"),r=require("./components/Button/index.js"),s=require("./components/IconButton.js"),t=require("./components/Textfield/index.js"),c=require("./components/TextArea/index.js"),i=require("./components/Tabs/Tabs.js"),a=require("./components/Tabs/Tab.js"),p=require("./components/ErrorMessage/index.js"),u=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),I=require("./components/Dialog/index.js"),d=require("./components/OffCanvas/index.js"),m=require("./components/CheckBox/index.js"),x=require("./components/Snackbar/index.js"),q=require("./components/Select/index.js"),j=require("./components/ListItem/index.js"),f=require("./index-0e0ed361.js"),C=require("./components/Hero/index.js"),S=require("./components/DayPicker/index.js"),g=require("./components/Logo/index.js"),k=require("./components/Badge/index.js"),h=require("./components/Toggle/index.js"),y=require("./components/Stepper/index.js"),T=require("./components/InlineStepper/Step.js"),F=require("./components/InlineStepper/index.js"),B=require("./components/StepperAccordion/index.js"),b=require("./components/Card/index.js"),L=require("./components/NotificationButton/index.js"),v=require("./components/Range/index.js"),A=require("./components/Header/index.js"),P=require("./components/MenuItem/index.js"),w=require("./icons/components/IdIcon.js"),M=require("./icons/components/AccountCreateIcon.js"),D=require("./icons/components/AccountIcon.js"),R=require("./icons/components/AccountLoginIcon.js"),E=require("./icons/components/ArrowDownIcon.js"),H=require("./icons/components/ArrowLeftIcon.js"),G=require("./icons/components/ArrowLeftSharpIcon.js"),O=require("./icons/components/ArrowLeftSmallIcon.js"),V=require("./icons/components/ArrowLong.js"),K=require("./icons/components/ArrowRestartIcon.js"),U=require("./icons/components/ArrowRightIcon.js"),N=require("./icons/components/ArrowRightSharpIcon.js"),Q=require("./icons/components/ArrowUpIcon.js"),z=require("./icons/components/AuctionIcon.js"),W=require("./icons/components/BackArrowIcon.js"),Y=require("./icons/components/Baseline360Icon.js"),_=require("./icons/components/BellIcon.js"),J=require("./icons/components/BidIcon.js"),X=require("./icons/components/BidKrIcon.js"),Z=require("./icons/components/BreaksIcon.js"),$=require("./icons/components/BuyCarIcon.js"),ee=require("./icons/components/CabIcon.js"),oe=require("./icons/components/CalendarIcon.js"),ne=require("./icons/components/CameraIcon.js"),re=require("./icons/components/CarFrontIcon.js"),se=require("./icons/components/CarSearchIcon.js"),te=require("./icons/components/CarSideIcon.js"),ce=require("./icons/components/CarTiresIcon.js"),ie=require("./icons/components/Car360Icon.js"),ae=require("./icons/components/CaravanIcon.js"),pe=require("./icons/components/CardViewIcon.js"),ue=require("./icons/components/CarloanIcon.js"),le=require("./icons/components/CertifiedIcon.js"),Ie=require("./icons/components/ChatIcon.js"),de=require("./icons/components/CheckIcon.js"),me=require("./icons/components/CheckThinIcon.js"),xe=require("./icons/components/CheckmarkFilledIcon.js"),qe=require("./icons/components/CheckmarkIcon.js"),je=require("./icons/components/ClipboardFilledIcon.js"),fe=require("./icons/components/ClipboardIcon.js"),Ce=require("./icons/components/ClockFilledIcon.js"),Se=require("./icons/components/ClockIcon.js"),ge=require("./icons/components/CloseIcon.js"),ke=require("./icons/components/CloseThinIcon.js"),he=require("./icons/components/CoffeeIcon.js"),ye=require("./icons/components/CombiIcon.js"),Te=require("./icons/components/CommentCircleFilledIcon.js"),Fe=require("./icons/components/CommentCircleIconIcon.js"),Be=require("./icons/components/CommentIcon.js"),be=require("./icons/components/ContactIcon.js"),Le=require("./icons/components/CoupeIcon.js"),ve=require("./icons/components/CreditCardIcon.js"),Ae=require("./icons/components/CrossCircleIcon.js"),Pe=require("./icons/components/CrownIcon.js"),we=require("./icons/components/DealmakerIcon.js"),Me=require("./icons/components/DeliveryIcon.js"),De=require("./icons/components/DetailedSearchIcon.js"),Re=require("./icons/components/EcoFriendlyIcon.js"),Ee=require("./icons/components/EditIcon.js"),He=require("./icons/components/EngineIcon.js"),Ge=require("./icons/components/EnglandFlagIcon.js"),Oe=require("./icons/components/EvaluationIcon.js"),Ve=require("./icons/components/ExaminationMarkFilledIcon.js"),Ke=require("./icons/components/ExaminationMarkIcon.js"),Ue=require("./icons/components/ExteriorIcon.js"),Ne=require("./icons/components/EyeIcon.js"),Qe=require("./icons/components/FacebookBtnIcon.js"),ze=require("./icons/components/FacebookIcon.js"),We=require("./icons/components/FatalIcon.js"),Ye=require("./icons/components/FavouriteIcon.js"),_e=require("./icons/components/FavouriteSolidIcon.js"),Je=require("./icons/components/FilterIcon.js"),Xe=require("./icons/components/FinanceIcon.js"),Ze=require("./icons/components/FindCarIcon.js"),$e=require("./icons/components/FixedMonthlyCostIcon.js"),eo=require("./icons/components/FlagIcon.js"),oo=require("./icons/components/FlexibilityIcon.js"),no=require("./icons/components/ForumLargeIcon.js"),ro=require("./icons/components/ForumSmallIcon.js"),so=require("./icons/components/GavelIcon.js"),to=require("./icons/components/GearboxIcon.js"),co=require("./icons/components/GiftIcon.js"),io=require("./icons/components/GridViewIcon.js"),ao=require("./icons/components/GroupIcon.js"),po=require("./icons/components/GuaranteeIcon.js"),uo=require("./icons/components/GuaranteeLargeIcon.js"),lo=require("./icons/components/GuaranteeSmallIcon.js"),Io=require("./icons/components/HalfCombiIcon.js"),mo=require("./icons/components/HamburgerIcon.js"),xo=require("./icons/components/HandshakeIcon.js"),qo=require("./icons/components/HelpingHandIcon.js"),jo=require("./icons/components/InformationIcon.js"),fo=require("./icons/components/InstagramIcon.js"),Co=require("./icons/components/InsuranceIcon.js"),So=require("./icons/components/InteriorIcon.js"),go=require("./icons/components/InteriorThinIcon.js"),ko=require("./icons/components/InternationalIcon.js"),ho=require("./icons/components/KvdTestIcon.js"),yo=require("./icons/components/KvdVenueIcon.js"),To=require("./icons/components/LifebuoyIcon.js"),Fo=require("./icons/components/LiftTruckIcon.js"),Bo=require("./icons/components/LinkedInIcon.js"),bo=require("./icons/components/ListViewIcon.js"),Lo=require("./icons/components/MailIcon.js"),vo=require("./icons/components/MinibusIcon.js"),Ao=require("./icons/components/MinivanIcon.js"),Po=require("./icons/components/MobileIcon.js"),wo=require("./icons/components/MotorcycleIcon.js"),Mo=require("./icons/components/MrfLogoIcon.js"),Do=require("./icons/components/NotFoundIcon.js"),Ro=require("./icons/components/OverbidIcon.js"),Eo=require("./icons/components/PdfIconIcon.js"),Ho=require("./icons/components/PhoneIcon.js"),Go=require("./icons/components/PickUpIcon.js"),Oo=require("./icons/components/PinIcon.js"),Vo=require("./icons/components/PlayIcon.js"),Ko=require("./icons/components/PricetagFilledKronaIcon.js"),Uo=require("./icons/components/Pricetag.js"),No=require("./icons/components/PrivateCarIcon.js"),Qo=require("./icons/components/ProfileCircleIcon.js"),zo=require("./icons/components/ProfileIcon.js"),Wo=require("./icons/components/RadioIcon.js"),Yo=require("./icons/components/ReclamationIcon.js"),_o=require("./icons/components/ReleasingIcon.js"),Jo=require("./icons/components/RemoveFilterIcon.js"),Xo=require("./icons/components/ReservedPriceIcon.js"),Zo=require("./icons/components/ResultIcon.js"),$o=require("./icons/components/SafePaymentIcon.js"),en=require("./icons/components/SaleTagIcon.js"),on=require("./icons/components/SearchCheckIcon.js"),nn=require("./icons/components/SearchIcon.js"),rn=require("./icons/components/SedanIcon.js"),sn=require("./icons/components/SellCarIcon.js"),tn=require("./icons/components/SellCarsIcon.js"),cn=require("./icons/components/ServiceIcon.js"),an=require("./icons/components/ShareIcon.js"),pn=require("./icons/components/ShieldIcon.js"),un=require("./icons/components/SignInIcon.js"),ln=require("./icons/components/SignOutIcon.js"),In=require("./icons/components/SpeedMeterIcon.js"),dn=require("./icons/components/StarCircleIcon.js"),mn=require("./icons/components/StarFilledIcon.js"),xn=require("./icons/components/StarIcon.js"),qn=require("./icons/components/StoreIcon.js"),jn=require("./icons/components/SuvIcon.js"),fn=require("./icons/components/SwedenFlag.js"),Cn=require("./icons/components/TankIcon.js"),Sn=require("./icons/components/TireIcon.js"),gn=require("./icons/components/TransportIcon.js"),kn=require("./icons/components/TrashcanIcon.js"),hn=require("./icons/components/TrophyIcon.js"),yn=require("./icons/components/TruckIcon.js"),Tn=require("./icons/components/UmbrellaIcon.js"),Fn=require("./icons/components/ValuationIcon.js"),Bn=require("./icons/components/ValueIcon.js"),bn=require("./icons/components/WarningIcon.js"),Ln=require("./icons/components/YoutubeIcon.js"),vn=require("./hooks/useDynamicScript.js"),An=require("./typography/Heading/index.js"),Pn=require("./typography/BodyText/index.js"),wn=require("./typography/ButtonText/index.js"),Mn=require("./components/RadioButton/index.js"),Dn=require("./utils/utils.js");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("./components/Chip/styles.js"),require("react-day-picker"),require("./components/DayPicker/DayPickerNavBar.js"),require("./components/Icons/Arrow.js"),require("./components/DayPicker/localeUtils.js"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/InlineStepper/StepCircle.js"),require("./components/Icons/CheckIcon.js"),require("./components/Header/Hamburger.js"),require("./components/Header/Link.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=r.Button,exports.IconButton=s.default,exports.TextField=t.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=a.default,exports.ErrorMessage=p.ErrorMessage,exports.Spinner=u.default,exports.Modal=l.Modal,exports.Dialog=I.Dialog,exports.OffCanvas=d.OffCanvas,exports.CheckBox=m.CheckBox,exports.Snackbar=x.Snackbar,exports.Select=q.Select,exports.ListItem=j.default,exports.Chip=f.Chip,exports.TimePicker=f.TimePicker,exports.Hero=C.Hero,exports.DayPicker=S.DayPicker,exports.Logo=g.Logo,exports.Badge=k.Badge,exports.Toggle=h.Toggle,exports.Stepper=y.Stepper,exports.Step=T.default,exports.InlineStepper=F.InlineStepper,exports.StepperAccordion=B.StepperAccordion,exports.Card=b.Card,exports.NotificationButton=L.NotificationButton,exports.Range=v.Range,exports.Header=A.Header,exports.MenuItem=P.MenuItem,exports.IdIcon=w.default,exports.AccountCreateIcon=M.default,exports.AccountIcon=D.default,exports.AccountLoginIcon=R.default,exports.ArrowDownIcon=E.default,exports.ArrowLeftIcon=H.default,exports.ArrowLeftSharpIcon=G.default,exports.ArrowLeftSmallIcon=O.default,exports.ArrowLong=V.default,exports.ArrowRestartIcon=K.default,exports.ArrowRightIcon=U.default,exports.ArrowRightSharpIcon=N.default,exports.ArrowUpIcon=Q.default,exports.AuctionIcon=z.default,exports.BackArrowIcon=W.default,exports.Baseline360Icon=Y.default,exports.BellIcon=_.default,exports.BidIcon=J.default,exports.BidKrIcon=X.default,exports.BreaksIcon=Z.default,exports.BuyCarIcon=$.default,exports.CabIcon=ee.default,exports.CalendarIcon=oe.default,exports.CameraIcon=ne.default,exports.CarFrontIcon=re.default,exports.CarSearchIcon=se.default,exports.CarSideIcon=te.default,exports.CarTiresIcon=ce.default,exports.Car360Icon=ie.default,exports.CaravanIcon=ae.default,exports.CardViewIcon=pe.default,exports.CarloanIcon=ue.default,exports.CertifiedIcon=le.default,exports.ChatIcon=Ie.default,exports.CheckIcon=de.default,exports.CheckThinIcon=me.default,exports.CheckmarkFilledIcon=xe.default,exports.CheckmarkIcon=qe.default,exports.ClipboardFilledIcon=je.default,exports.ClipboardIcon=fe.default,exports.ClockFilledIcon=Ce.default,exports.ClockIcon=Se.default,exports.CloseIcon=ge.default,exports.CloseThinIcon=ke.default,exports.CoffeeIcon=he.default,exports.CombiIcon=ye.default,exports.CommentCircleFilledIcon=Te.default,exports.CommentCircleIconIcon=Fe.default,exports.CommentIcon=Be.default,exports.ContactIcon=be.default,exports.CoupeIcon=Le.default,exports.CreditCardIcon=ve.default,exports.CrossCircleIcon=Ae.default,exports.CrownIcon=Pe.default,exports.DealmakerIcon=we.default,exports.DeliveryIcon=Me.default,exports.DetailedSearchIcon=De.default,exports.EcoFriendlyIcon=Re.default,exports.EditIcon=Ee.default,exports.EngineIcon=He.default,exports.EnglandFlagIcon=Ge.default,exports.EvaluationIcon=Oe.default,exports.ExaminationMarkFilledIcon=Ve.default,exports.ExaminationMarkIcon=Ke.default,exports.ExteriorIcon=Ue.default,exports.EyeIcon=Ne.default,exports.FacebookBtnIcon=Qe.default,exports.FacebookIcon=ze.default,exports.FatalIcon=We.default,exports.FavouriteIcon=Ye.default,exports.FavouriteSolidIcon=_e.default,exports.FilterIcon=Je.default,exports.FinanceIcon=Xe.default,exports.FindCarIcon=Ze.default,exports.FixedMonthlyCostIcon=$e.default,exports.FlagIcon=eo.default,exports.FlexibilityIcon=oo.default,exports.ForumLargeIcon=no.default,exports.ForumSmallIcon=ro.default,exports.GavelIcon=so.default,exports.GearboxIcon=to.default,exports.GiftIcon=co.default,exports.GridViewIcon=io.default,exports.GroupIcon=ao.default,exports.GuaranteeIcon=po.default,exports.GuaranteeLargeIcon=uo.default,exports.GuaranteeSmallIcon=lo.default,exports.HalfCombiIcon=Io.default,exports.HamburgerIcon=mo.default,exports.HandshakeIcon=xo.default,exports.HelpingHandIcon=qo.default,exports.InformationIcon=jo.default,exports.InstagramIcon=fo.default,exports.InsuranceIcon=Co.default,exports.InteriorIcon=So.default,exports.InteriorThinIcon=go.default,exports.InternationalIcon=ko.default,exports.KvdTestIcon=ho.default,exports.KvdVenueIcon=yo.default,exports.LifebuoyIcon=To.default,exports.LiftTruckIcon=Fo.default,exports.LinkedInIcon=Bo.default,exports.ListViewIcon=bo.default,exports.MailIcon=Lo.default,exports.MinibusIcon=vo.default,exports.MinivanIcon=Ao.default,exports.MobileIcon=Po.default,exports.MotorcycleIcon=wo.default,exports.MrfLogoIcon=Mo.default,exports.NotFoundIcon=Do.default,exports.OverbidIcon=Ro.default,exports.PdfIconIcon=Eo.default,exports.PhoneIcon=Ho.default,exports.PickUpIcon=Go.default,exports.PinIcon=Oo.default,exports.PlayIcon=Vo.default,exports.PricetagFilledKronaIcon=Ko.default,exports.Pricetag=Uo.default,exports.PrivateCarIcon=No.default,exports.ProfileCircleIcon=Qo.default,exports.ProfileIcon=zo.default,exports.RadioIcon=Wo.default,exports.ReclamationIcon=Yo.default,exports.ReleasingIcon=_o.default,exports.RemoveFilterIcon=Jo.default,exports.ReservedPriceIcon=Xo.default,exports.ResultIcon=Zo.default,exports.SafePaymentIcon=$o.default,exports.SaleTagIcon=en.default,exports.SearchCheckIcon=on.default,exports.SearchIcon=nn.default,exports.SedanIcon=rn.default,exports.SellCarIcon=sn.default,exports.SellCarsIcon=tn.default,exports.ServiceIcon=cn.default,exports.ShareIcon=an.default,exports.ShieldIcon=pn.default,exports.SignInIcon=un.default,exports.SignOutIcon=ln.default,exports.SpeedMeterIcon=In.default,exports.StarCircleIcon=dn.default,exports.StarFilledIcon=mn.default,exports.StarIcon=xn.default,exports.StoreIcon=qn.default,exports.SuvIcon=jn.default,exports.SwedenFlag=fn.default,exports.TankIcon=Cn.default,exports.TireIcon=Sn.default,exports.TransportIcon=gn.default,exports.TrashcanIcon=kn.default,exports.TrophyIcon=hn.default,exports.TruckIcon=yn.default,exports.UmbrellaIcon=Tn.default,exports.ValuationIcon=Fn.default,exports.ValueIcon=Bn.default,exports.WarningIcon=bn.default,exports.YoutubeIcon=Ln.default,exports.useDynamicScript=vn.useDynamicScript,exports.Display1=An.Display1,exports.Display2=An.Display2,exports.Display3=An.Display3,exports.Headline=An.Headline,exports.Subtitle=An.Subtitle,exports.TinyTitleBold=An.TinyTitleBold,exports.TinyTitleRegular=An.TinyTitleRegular,exports.Title=An.Title,exports.BodyLink=Pn.BodyLink,exports.BodyText=Pn.BodyText,exports.Caption=Pn.Caption,exports.CaptionLink=Pn.CaptionLink,exports.Quote=Pn.Quote,exports.Status=Pn.Status,exports.ButtonLargeText=wn.ButtonLarge,exports.ButtonRegularText=wn.Button,exports.ButtonSmallText=wn.ButtonSmall,exports.RadioButton=Mn.RadioButton,exports.resetButtonStyle=Dn.resetButtonStyle;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./theme.js"),o=require("./shared/media-queries.js"),n=require("./components/Accordion/index.js"),r=require("./components/Button/index.js"),s=require("./components/IconButton.js"),t=require("./components/Textfield/index.js"),c=require("./components/TextArea/index.js"),i=require("./components/Tabs/Tabs.js"),a=require("./components/Tabs/Tab.js"),p=require("./components/ErrorMessage/index.js"),u=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),I=require("./components/Dialog/index.js"),d=require("./components/OffCanvas/index.js"),m=require("./components/CheckBox/index.js"),x=require("./components/Snackbar/index.js"),q=require("./components/Select/index.js"),j=require("./components/ListItem/index.js"),f=require("./index-f325fd6a.js"),C=require("./components/Hero/index.js"),S=require("./components/DayPicker/index.js"),g=require("./components/Logo/index.js"),k=require("./components/Badge/index.js"),h=require("./components/Toggle/index.js"),y=require("./components/Stepper/index.js"),T=require("./components/InlineStepper/Step.js"),B=require("./components/InlineStepper/index.js"),F=require("./components/StepperAccordion/index.js"),b=require("./components/Card/index.js"),L=require("./components/NotificationButton/index.js"),v=require("./components/Range/index.js"),A=require("./components/Breadcrumbs/index.js"),P=require("./components/Header/index.js"),w=require("./components/MenuItem/index.js"),M=require("./icons/components/IdIcon.js"),D=require("./icons/components/AccountCreateIcon.js"),R=require("./icons/components/AccountIcon.js"),E=require("./icons/components/AccountLoginIcon.js"),H=require("./icons/components/ArrowDownIcon.js"),G=require("./icons/components/ArrowLeftIcon.js"),O=require("./icons/components/ArrowLeftSharpIcon.js"),V=require("./icons/components/ArrowLeftSmallIcon.js"),K=require("./icons/components/ArrowLong.js"),U=require("./icons/components/ArrowRestartIcon.js"),N=require("./icons/components/ArrowRightIcon.js"),Q=require("./icons/components/ArrowRightSharpIcon.js"),z=require("./icons/components/ArrowUpIcon.js"),W=require("./icons/components/AuctionIcon.js"),Y=require("./icons/components/BackArrowIcon.js"),_=require("./icons/components/Baseline360Icon.js"),J=require("./icons/components/BellIcon.js"),X=require("./icons/components/BidIcon.js"),Z=require("./icons/components/BidKrIcon.js"),$=require("./icons/components/BreaksIcon.js"),ee=require("./icons/components/BuyCarIcon.js"),oe=require("./icons/components/CabIcon.js"),ne=require("./icons/components/CalendarIcon.js"),re=require("./icons/components/CameraIcon.js"),se=require("./icons/components/CarFrontIcon.js"),te=require("./icons/components/CarSearchIcon.js"),ce=require("./icons/components/CarSideIcon.js"),ie=require("./icons/components/CarTiresIcon.js"),ae=require("./icons/components/Car360Icon.js"),pe=require("./icons/components/CaravanIcon.js"),ue=require("./icons/components/CardViewIcon.js"),le=require("./icons/components/CarloanIcon.js"),Ie=require("./icons/components/CertifiedIcon.js"),de=require("./icons/components/ChatIcon.js"),me=require("./icons/components/CheckIcon.js"),xe=require("./icons/components/CheckThinIcon.js"),qe=require("./icons/components/CheckmarkFilledIcon.js"),je=require("./icons/components/CheckmarkIcon.js"),fe=require("./icons/components/ClipboardFilledIcon.js"),Ce=require("./icons/components/ClipboardIcon.js"),Se=require("./icons/components/ClockFilledIcon.js"),ge=require("./icons/components/ClockIcon.js"),ke=require("./icons/components/CloseIcon.js"),he=require("./icons/components/CloseThinIcon.js"),ye=require("./icons/components/CoffeeIcon.js"),Te=require("./icons/components/CombiIcon.js"),Be=require("./icons/components/CommentCircleFilledIcon.js"),Fe=require("./icons/components/CommentCircleIconIcon.js"),be=require("./icons/components/CommentIcon.js"),Le=require("./icons/components/ContactIcon.js"),ve=require("./icons/components/CoupeIcon.js"),Ae=require("./icons/components/CreditCardIcon.js"),Pe=require("./icons/components/CrossCircleIcon.js"),we=require("./icons/components/CrownIcon.js"),Me=require("./icons/components/DealmakerIcon.js"),De=require("./icons/components/DeliveryIcon.js"),Re=require("./icons/components/DetailedSearchIcon.js"),Ee=require("./icons/components/EcoFriendlyIcon.js"),He=require("./icons/components/EditIcon.js"),Ge=require("./icons/components/EngineIcon.js"),Oe=require("./icons/components/EnglandFlagIcon.js"),Ve=require("./icons/components/EvaluationIcon.js"),Ke=require("./icons/components/ExaminationMarkFilledIcon.js"),Ue=require("./icons/components/ExaminationMarkIcon.js"),Ne=require("./icons/components/ExteriorIcon.js"),Qe=require("./icons/components/EyeIcon.js"),ze=require("./icons/components/FacebookBtnIcon.js"),We=require("./icons/components/FacebookIcon.js"),Ye=require("./icons/components/FatalIcon.js"),_e=require("./icons/components/FavouriteIcon.js"),Je=require("./icons/components/FavouriteSolidIcon.js"),Xe=require("./icons/components/FilterIcon.js"),Ze=require("./icons/components/FinanceIcon.js"),$e=require("./icons/components/FindCarIcon.js"),eo=require("./icons/components/FixedMonthlyCostIcon.js"),oo=require("./icons/components/FlagIcon.js"),no=require("./icons/components/FlexibilityIcon.js"),ro=require("./icons/components/ForumLargeIcon.js"),so=require("./icons/components/ForumSmallIcon.js"),to=require("./icons/components/GavelIcon.js"),co=require("./icons/components/GearboxIcon.js"),io=require("./icons/components/GiftIcon.js"),ao=require("./icons/components/GridViewIcon.js"),po=require("./icons/components/GroupIcon.js"),uo=require("./icons/components/GuaranteeIcon.js"),lo=require("./icons/components/GuaranteeLargeIcon.js"),Io=require("./icons/components/GuaranteeSmallIcon.js"),mo=require("./icons/components/HalfCombiIcon.js"),xo=require("./icons/components/HamburgerIcon.js"),qo=require("./icons/components/HandshakeIcon.js"),jo=require("./icons/components/HelpingHandIcon.js"),fo=require("./icons/components/InformationIcon.js"),Co=require("./icons/components/InstagramIcon.js"),So=require("./icons/components/InsuranceIcon.js"),go=require("./icons/components/InteriorIcon.js"),ko=require("./icons/components/InteriorThinIcon.js"),ho=require("./icons/components/InternationalIcon.js"),yo=require("./icons/components/KvdTestIcon.js"),To=require("./icons/components/KvdVenueIcon.js"),Bo=require("./icons/components/LifebuoyIcon.js"),Fo=require("./icons/components/LiftTruckIcon.js"),bo=require("./icons/components/LinkedInIcon.js"),Lo=require("./icons/components/ListViewIcon.js"),vo=require("./icons/components/MailIcon.js"),Ao=require("./icons/components/MinibusIcon.js"),Po=require("./icons/components/MinivanIcon.js"),wo=require("./icons/components/MobileIcon.js"),Mo=require("./icons/components/MotorcycleIcon.js"),Do=require("./icons/components/MrfLogoIcon.js"),Ro=require("./icons/components/NotFoundIcon.js"),Eo=require("./icons/components/OverbidIcon.js"),Ho=require("./icons/components/PdfIconIcon.js"),Go=require("./icons/components/PhoneIcon.js"),Oo=require("./icons/components/PickUpIcon.js"),Vo=require("./icons/components/PinIcon.js"),Ko=require("./icons/components/PlayIcon.js"),Uo=require("./icons/components/PricetagFilledKronaIcon.js"),No=require("./icons/components/Pricetag.js"),Qo=require("./icons/components/PrivateCarIcon.js"),zo=require("./icons/components/ProfileCircleIcon.js"),Wo=require("./icons/components/ProfileIcon.js"),Yo=require("./icons/components/RadioIcon.js"),_o=require("./icons/components/ReclamationIcon.js"),Jo=require("./icons/components/ReleasingIcon.js"),Xo=require("./icons/components/RemoveFilterIcon.js"),Zo=require("./icons/components/ReservedPriceIcon.js"),$o=require("./icons/components/ResultIcon.js"),en=require("./icons/components/SafePaymentIcon.js"),on=require("./icons/components/SaleTagIcon.js"),nn=require("./icons/components/SearchCheckIcon.js"),rn=require("./icons/components/SearchIcon.js"),sn=require("./icons/components/SedanIcon.js"),tn=require("./icons/components/SellCarIcon.js"),cn=require("./icons/components/SellCarsIcon.js"),an=require("./icons/components/ServiceIcon.js"),pn=require("./icons/components/ShareIcon.js"),un=require("./icons/components/ShieldIcon.js"),ln=require("./icons/components/SignInIcon.js"),In=require("./icons/components/SignOutIcon.js"),dn=require("./icons/components/SpeedMeterIcon.js"),mn=require("./icons/components/StarCircleIcon.js"),xn=require("./icons/components/StarFilledIcon.js"),qn=require("./icons/components/StarIcon.js"),jn=require("./icons/components/StoreIcon.js"),fn=require("./icons/components/SuvIcon.js"),Cn=require("./icons/components/SwedenFlag.js"),Sn=require("./icons/components/TankIcon.js"),gn=require("./icons/components/TireIcon.js"),kn=require("./icons/components/TransportIcon.js"),hn=require("./icons/components/TrashcanIcon.js"),yn=require("./icons/components/TrophyIcon.js"),Tn=require("./icons/components/TruckIcon.js"),Bn=require("./icons/components/UmbrellaIcon.js"),Fn=require("./icons/components/ValuationIcon.js"),bn=require("./icons/components/ValueIcon.js"),Ln=require("./icons/components/WarningIcon.js"),vn=require("./icons/components/YoutubeIcon.js"),An=require("./hooks/useDynamicScript.js"),Pn=require("./typography/Heading/index.js"),wn=require("./typography/BodyText/index.js"),Mn=require("./typography/ButtonText/index.js"),Dn=require("./components/RadioButton/index.js"),Rn=require("./utils/utils.js");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("./components/Chip/styles.js"),require("react-day-picker"),require("./components/DayPicker/DayPickerNavBar.js"),require("./components/Icons/Arrow.js"),require("./components/DayPicker/localeUtils.js"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/InlineStepper/StepCircle.js"),require("./components/Icons/CheckIcon.js"),require("./components/Breadcrumbs/BreadcrumbsItem.js"),require("./components/Header/Hamburger.js"),require("./components/Header/Link.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=r.Button,exports.IconButton=s.default,exports.TextField=t.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=a.default,exports.ErrorMessage=p.ErrorMessage,exports.Spinner=u.default,exports.Modal=l.Modal,exports.Dialog=I.Dialog,exports.OffCanvas=d.OffCanvas,exports.CheckBox=m.CheckBox,exports.Snackbar=x.Snackbar,exports.Select=q.Select,exports.ListItem=j.default,exports.Chip=f.Chip,exports.TimePicker=f.TimePicker,exports.Hero=C.Hero,exports.DayPicker=S.DayPicker,exports.Logo=g.Logo,exports.Badge=k.Badge,exports.Toggle=h.Toggle,exports.Stepper=y.Stepper,exports.Step=T.default,exports.InlineStepper=B.InlineStepper,exports.StepperAccordion=F.StepperAccordion,exports.Card=b.Card,exports.NotificationButton=L.NotificationButton,exports.Range=v.Range,exports.Breadcrumbs=A.default,exports.Header=P.Header,exports.MenuItem=w.MenuItem,exports.IdIcon=M.default,exports.AccountCreateIcon=D.default,exports.AccountIcon=R.default,exports.AccountLoginIcon=E.default,exports.ArrowDownIcon=H.default,exports.ArrowLeftIcon=G.default,exports.ArrowLeftSharpIcon=O.default,exports.ArrowLeftSmallIcon=V.default,exports.ArrowLong=K.default,exports.ArrowRestartIcon=U.default,exports.ArrowRightIcon=N.default,exports.ArrowRightSharpIcon=Q.default,exports.ArrowUpIcon=z.default,exports.AuctionIcon=W.default,exports.BackArrowIcon=Y.default,exports.Baseline360Icon=_.default,exports.BellIcon=J.default,exports.BidIcon=X.default,exports.BidKrIcon=Z.default,exports.BreaksIcon=$.default,exports.BuyCarIcon=ee.default,exports.CabIcon=oe.default,exports.CalendarIcon=ne.default,exports.CameraIcon=re.default,exports.CarFrontIcon=se.default,exports.CarSearchIcon=te.default,exports.CarSideIcon=ce.default,exports.CarTiresIcon=ie.default,exports.Car360Icon=ae.default,exports.CaravanIcon=pe.default,exports.CardViewIcon=ue.default,exports.CarloanIcon=le.default,exports.CertifiedIcon=Ie.default,exports.ChatIcon=de.default,exports.CheckIcon=me.default,exports.CheckThinIcon=xe.default,exports.CheckmarkFilledIcon=qe.default,exports.CheckmarkIcon=je.default,exports.ClipboardFilledIcon=fe.default,exports.ClipboardIcon=Ce.default,exports.ClockFilledIcon=Se.default,exports.ClockIcon=ge.default,exports.CloseIcon=ke.default,exports.CloseThinIcon=he.default,exports.CoffeeIcon=ye.default,exports.CombiIcon=Te.default,exports.CommentCircleFilledIcon=Be.default,exports.CommentCircleIconIcon=Fe.default,exports.CommentIcon=be.default,exports.ContactIcon=Le.default,exports.CoupeIcon=ve.default,exports.CreditCardIcon=Ae.default,exports.CrossCircleIcon=Pe.default,exports.CrownIcon=we.default,exports.DealmakerIcon=Me.default,exports.DeliveryIcon=De.default,exports.DetailedSearchIcon=Re.default,exports.EcoFriendlyIcon=Ee.default,exports.EditIcon=He.default,exports.EngineIcon=Ge.default,exports.EnglandFlagIcon=Oe.default,exports.EvaluationIcon=Ve.default,exports.ExaminationMarkFilledIcon=Ke.default,exports.ExaminationMarkIcon=Ue.default,exports.ExteriorIcon=Ne.default,exports.EyeIcon=Qe.default,exports.FacebookBtnIcon=ze.default,exports.FacebookIcon=We.default,exports.FatalIcon=Ye.default,exports.FavouriteIcon=_e.default,exports.FavouriteSolidIcon=Je.default,exports.FilterIcon=Xe.default,exports.FinanceIcon=Ze.default,exports.FindCarIcon=$e.default,exports.FixedMonthlyCostIcon=eo.default,exports.FlagIcon=oo.default,exports.FlexibilityIcon=no.default,exports.ForumLargeIcon=ro.default,exports.ForumSmallIcon=so.default,exports.GavelIcon=to.default,exports.GearboxIcon=co.default,exports.GiftIcon=io.default,exports.GridViewIcon=ao.default,exports.GroupIcon=po.default,exports.GuaranteeIcon=uo.default,exports.GuaranteeLargeIcon=lo.default,exports.GuaranteeSmallIcon=Io.default,exports.HalfCombiIcon=mo.default,exports.HamburgerIcon=xo.default,exports.HandshakeIcon=qo.default,exports.HelpingHandIcon=jo.default,exports.InformationIcon=fo.default,exports.InstagramIcon=Co.default,exports.InsuranceIcon=So.default,exports.InteriorIcon=go.default,exports.InteriorThinIcon=ko.default,exports.InternationalIcon=ho.default,exports.KvdTestIcon=yo.default,exports.KvdVenueIcon=To.default,exports.LifebuoyIcon=Bo.default,exports.LiftTruckIcon=Fo.default,exports.LinkedInIcon=bo.default,exports.ListViewIcon=Lo.default,exports.MailIcon=vo.default,exports.MinibusIcon=Ao.default,exports.MinivanIcon=Po.default,exports.MobileIcon=wo.default,exports.MotorcycleIcon=Mo.default,exports.MrfLogoIcon=Do.default,exports.NotFoundIcon=Ro.default,exports.OverbidIcon=Eo.default,exports.PdfIconIcon=Ho.default,exports.PhoneIcon=Go.default,exports.PickUpIcon=Oo.default,exports.PinIcon=Vo.default,exports.PlayIcon=Ko.default,exports.PricetagFilledKronaIcon=Uo.default,exports.Pricetag=No.default,exports.PrivateCarIcon=Qo.default,exports.ProfileCircleIcon=zo.default,exports.ProfileIcon=Wo.default,exports.RadioIcon=Yo.default,exports.ReclamationIcon=_o.default,exports.ReleasingIcon=Jo.default,exports.RemoveFilterIcon=Xo.default,exports.ReservedPriceIcon=Zo.default,exports.ResultIcon=$o.default,exports.SafePaymentIcon=en.default,exports.SaleTagIcon=on.default,exports.SearchCheckIcon=nn.default,exports.SearchIcon=rn.default,exports.SedanIcon=sn.default,exports.SellCarIcon=tn.default,exports.SellCarsIcon=cn.default,exports.ServiceIcon=an.default,exports.ShareIcon=pn.default,exports.ShieldIcon=un.default,exports.SignInIcon=ln.default,exports.SignOutIcon=In.default,exports.SpeedMeterIcon=dn.default,exports.StarCircleIcon=mn.default,exports.StarFilledIcon=xn.default,exports.StarIcon=qn.default,exports.StoreIcon=jn.default,exports.SuvIcon=fn.default,exports.SwedenFlag=Cn.default,exports.TankIcon=Sn.default,exports.TireIcon=gn.default,exports.TransportIcon=kn.default,exports.TrashcanIcon=hn.default,exports.TrophyIcon=yn.default,exports.TruckIcon=Tn.default,exports.UmbrellaIcon=Bn.default,exports.ValuationIcon=Fn.default,exports.ValueIcon=bn.default,exports.WarningIcon=Ln.default,exports.YoutubeIcon=vn.default,exports.useDynamicScript=An.useDynamicScript,exports.Display1=Pn.Display1,exports.Display2=Pn.Display2,exports.Display3=Pn.Display3,exports.Headline=Pn.Headline,exports.Subtitle=Pn.Subtitle,exports.TinyTitleBold=Pn.TinyTitleBold,exports.TinyTitleRegular=Pn.TinyTitleRegular,exports.Title=Pn.Title,exports.BodyLink=wn.BodyLink,exports.BodyText=wn.BodyText,exports.Caption=wn.Caption,exports.CaptionLink=wn.CaptionLink,exports.Quote=wn.Quote,exports.Status=wn.Status,exports.ButtonLargeText=Mn.ButtonLarge,exports.ButtonRegularText=Mn.Button,exports.ButtonSmallText=Mn.ButtonSmall,exports.RadioButton=Dn.RadioButton,exports.resetButtonStyle=Rn.resetButtonStyle;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import t from"react";import o from"styled-components";import{BodyTextStyle as l,BodyText as a}from"../../typography/BodyText/index.js";const i=o.li`
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
margin: 0;
|
|
5
|
+
text-indent: 0;
|
|
6
|
+
list-style-type: none;
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
|
|
9
|
+
a {
|
|
10
|
+
${l}
|
|
11
|
+
font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
|
|
12
|
+
color: ${({theme:e})=>e.colors.info.main};
|
|
13
|
+
text-decoration: none;
|
|
14
|
+
overflow: hidden;
|
|
15
|
+
text-overflow: ellipsis;
|
|
16
|
+
}
|
|
17
|
+
`,s=o(a)`
|
|
18
|
+
color: ${({theme:e})=>e.colors.text.dark};
|
|
19
|
+
overflow: hidden;
|
|
20
|
+
text-overflow: ellipsis;
|
|
21
|
+
`,m=o.span`
|
|
22
|
+
display: inline-flex;
|
|
23
|
+
padding-right: 0.5rem;
|
|
24
|
+
svg {
|
|
25
|
+
width: 1rem;
|
|
26
|
+
height: 1rem;
|
|
27
|
+
}
|
|
28
|
+
`,p=o.span`
|
|
29
|
+
display: inline-flex;
|
|
30
|
+
padding: 0 0.5rem;
|
|
31
|
+
color: ${({theme:e})=>e.colors.gray.light1};
|
|
32
|
+
svg {
|
|
33
|
+
width: 0.75rem;
|
|
34
|
+
height: 0.75rem;
|
|
35
|
+
}
|
|
36
|
+
`,c=({link:e,separator:r,isLast:n})=>t.createElement(t.Fragment,null,t.createElement(i,null,e.prefixIcon&&t.createElement(m,null,e.prefixIcon),n?t.createElement(s,{as:"span"},e.label):t.createElement(t.Fragment,null,e.component?e.component:t.createElement("a",{href:e.to},e.label),t.createElement(p,null,r))));export{c as default};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import e from"react";import m from"styled-components";import a from"./BreadcrumbsItem.js";import s from"../../icons/components/ArrowRightIcon.js";import"../../typography/BodyText/index.js";const c=m.ul`
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
padding: 0;
|
|
5
|
+
white-space: nowrap;
|
|
6
|
+
overflow: hidden;
|
|
7
|
+
`,l=({links:t,separator:o=e.createElement(s,null)})=>e.createElement(c,null,t.map((n,r)=>e.createElement(a,{key:r,link:n,separator:o,isLast:r===t.length-1})));export{l as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import l,{forwardRef as b}from"react";import
|
|
1
|
+
import l,{forwardRef as b}from"react";import m,{css as c}from"styled-components";import p from"../../theme.js";import h from"../Spinner/index.js";import{BasicButtonTextStyle as w,ButtonRegularTextStyle as B}from"../../typography/ButtonText/index.js";import{fontSizes as j,smallerSizeStyles as E,smallSizeStyles as z,regularSizeStyles as R,largeSizeStyles as T,disabledColorStyles as k,colorStyles as C}from"./styles.js";const _=m.button`
|
|
2
2
|
${w}
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
outline: none;
|
|
@@ -10,10 +10,10 @@ import l,{forwardRef as b}from"react";import a,{css as i}from"styled-components"
|
|
|
10
10
|
width: ${({fullWidth:e})=>e&&"100%"};
|
|
11
11
|
display: flex;
|
|
12
12
|
align-items: center;
|
|
13
|
-
justify-content: ${({
|
|
13
|
+
justify-content: ${({sufixIcon:e,prefixIcon:r})=>e||r?"space-between":"center"};
|
|
14
14
|
|
|
15
|
-
${({size:e})=>j[e]||B}
|
|
16
|
-
${({size:e,isLoading:r,minWidth:t})=>
|
|
15
|
+
${({size:e="small"})=>j[e]||B}
|
|
16
|
+
${({size:e,isLoading:r,minWidth:t})=>c`
|
|
17
17
|
${e==="smaller"&&E(r,t)}
|
|
18
18
|
${e==="small"&&z(r,t)}
|
|
19
19
|
${e==="regular"&&R(r,t)}
|
|
@@ -21,15 +21,15 @@ import l,{forwardRef as b}from"react";import a,{css as i}from"styled-components"
|
|
|
21
21
|
`}
|
|
22
22
|
background-color: transparent;
|
|
23
23
|
transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
|
|
24
|
-
${({variant:e,color:r,disabled:t,theme:o})=>
|
|
24
|
+
${({variant:e="solid",color:r="primary",disabled:t,theme:o})=>c`
|
|
25
25
|
${t?k(o,e):C[e](o,r)}
|
|
26
26
|
`}
|
|
27
27
|
&:focus-visible {
|
|
28
28
|
box-shadow: 0px 0px 0px 1px ${({theme:e})=>e.colors.gray.light5};
|
|
29
29
|
}
|
|
30
|
-
`,v={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},u={smaller:"0.5rem",small:"0.5rem",regular:"1rem",large:"1rem"},
|
|
30
|
+
`,v={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},u={smaller:"0.5rem",small:"0.5rem",regular:"1rem",large:"1rem"},y=m.span`
|
|
31
31
|
display: flex;
|
|
32
32
|
margin-right: ${({type:e,size:r})=>e==="prefix"?u[r]:0};
|
|
33
33
|
margin-left: ${({type:e,size:r})=>e==="sufix"?u[r]:0};
|
|
34
34
|
font-size: ${({size:e})=>v[e]};
|
|
35
|
-
`,F=
|
|
35
|
+
`,F=m(h)``,M={smaller:1,small:1,regular:1.5,large:1.5},i=b(({size:e="small",color:r="primary",variant:t="solid",fullWidth:o=!1,isDisabled:g=!1,isLoading:s=!1,children:f,sufixIcon:a,prefixIcon:n,minWidth:S,as:d="button",...x},$)=>l.createElement(_,{...x,as:d,minWidth:S,color:r,disabled:g||s,fullWidth:o,theme:p,variant:t,size:e,isLoading:s,ref:$,prefixIcon:n,sufixIcon:a},s?l.createElement(F,{color:p.colors.gray.light1,size:M[e]}):l.createElement(l.Fragment,null,n&&l.createElement(y,{size:e,type:"prefix"},n),f,a&&l.createElement(y,{size:e,type:"sufix"},a))));i.displayName="Button";export{i as Button,i as default};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import{ButtonSmallTextStyle as a,ButtonRegularTextStyle as t,ButtonLargeTextStyle as n}from"../../typography/ButtonText/index.js";import"react";import"styled-components";const i={smaller:a,small:t,regular:t,large:n},d=(o,r="auto")=>`
|
|
2
2
|
min-width: ${o?"4rem":r};
|
|
3
|
-
padding: ${o?"
|
|
4
|
-
`,p=(o,r="auto")=>`
|
|
5
|
-
min-width: ${o?"4.5rem":r};
|
|
6
|
-
padding: ${o?"8px 10px":"12px"};
|
|
3
|
+
padding: ${o?"11px 10px":"12px"};
|
|
7
4
|
`,e=(o,r="auto")=>`
|
|
5
|
+
min-width: ${o?"4.5rem":r};
|
|
6
|
+
padding: ${o?"10px 10px":"12px"};
|
|
7
|
+
`,p=(o,r="auto")=>`
|
|
8
8
|
min-width: ${o?"6rem":r};
|
|
9
|
-
padding: ${o?"
|
|
9
|
+
padding: ${o?"9.5px 24px":"16px 24px"};
|
|
10
10
|
`,$=(o,r="auto")=>`
|
|
11
11
|
min-width: ${o?"8.5rem":r};
|
|
12
|
-
padding: ${o?"
|
|
12
|
+
padding: ${o?"8px 24px":"16px 24px"};
|
|
13
13
|
`,x=(o,r)=>`
|
|
14
14
|
color: ${o.colors.text.light};
|
|
15
15
|
background-color: ${o.colors[r].main};
|
|
@@ -55,4 +55,4 @@ import{ButtonSmallTextStyle as a,ButtonRegularTextStyle as t,ButtonLargeTextStyl
|
|
|
55
55
|
${l(o)};
|
|
56
56
|
background-color: ${o.colors.gray.light4};`:r==="outline"?`
|
|
57
57
|
${l(o)};
|
|
58
|
-
border: 2px solid ${o.colors.gray.light1};`:l(o),u={solid:x,outline:s,flat:c};export{u as colorStyles,g as disabledColorStyles,c as flatColorStyles,i as fontSizes,$ as largeSizeStyles,s as outlineColorStyles,
|
|
58
|
+
border: 2px solid ${o.colors.gray.light1};`:l(o),u={solid:x,outline:s,flat:c};export{u as colorStyles,g as disabledColorStyles,c as flatColorStyles,i as fontSizes,$ as largeSizeStyles,s as outlineColorStyles,p as regularSizeStyles,e as smallSizeStyles,d as smallerSizeStyles};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react";import"styled-components";import"../Accordion/index.js";import"../Button/index.js";import"../IconButton.js";import"../Textfield/index.js";import"../TextArea/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ErrorMessage/index.js";import"../Spinner/index.js";import"../Modal/index.js";import"../Dialog/index.js";import"../OffCanvas/index.js";import"../CheckBox/index.js";import"../Snackbar/index.js";import"../Select/index.js";import"../ListItem/index.js";export{C as Chip,C as default}from"../../index-
|
|
1
|
+
import"react";import"styled-components";import"../Accordion/index.js";import"../Button/index.js";import"../IconButton.js";import"../Textfield/index.js";import"../TextArea/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ErrorMessage/index.js";import"../Spinner/index.js";import"../Modal/index.js";import"../Dialog/index.js";import"../OffCanvas/index.js";import"../CheckBox/index.js";import"../Snackbar/index.js";import"../Select/index.js";import"../ListItem/index.js";export{C as Chip,C as default}from"../../index-a3ed3af2.js";import"../Hero/index.js";import"../DayPicker/index.js";import"../Logo/index.js";import"../Badge/index.js";import"../Toggle/index.js";import"../Stepper/index.js";import"../InlineStepper/Step.js";import"../InlineStepper/index.js";import"../StepperAccordion/index.js";import"../Card/index.js";import"../NotificationButton/index.js";import"../Range/index.js";import"../Breadcrumbs/index.js";import"../Header/index.js";import"../MenuItem/index.js";import"../../icons/components/CloseIcon.js";import"../../typography/Heading/index.js";import"../../typography/BodyText/index.js";import"../../typography/ButtonText/index.js";import"../RadioButton/index.js";import"../../utils/utils.js";import"./styles.js";import"react-collapse";import"../../shared/media-queries.js";import"../../icons/components/ArrowDownIcon.js";import"../../theme.js";import"../Button/styles.js";import"../FieldLabel.js";import"../../shared/helpers.js";import"react-dom";import"react-transition-group";import"../Icons/Close.js";import"../OffCanvas/Overlay.js";import"../OffCanvas/useClickOutside.js";import"../../icons/components/CheckIcon.js";import"../Icons/CheckCircle.js";import"../Icons/ErrorCircle.js";import"../Icons/InfoCircle.js";import"react-select";import"../../shared/constants.js";import"react-day-picker";import"../DayPicker/DayPickerNavBar.js";import"../Icons/Arrow.js";import"../DayPicker/localeUtils.js";import"../DayPicker/style.js";import"../Logo/LogoSv.js";import"../Logo/LogoEn.js";import"../InlineStepper/StepCircle.js";import"../Icons/CheckIcon.js";import"../Breadcrumbs/BreadcrumbsItem.js";import"../../icons/components/ArrowRightIcon.js";import"../Header/Hamburger.js";import"../Header/Link.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import t,{useState as x}from"react";import
|
|
1
|
+
import t,{useState as x}from"react";import _ from"react-select";import d from"styled-components";import{DEFAULT_TRANSITION_MS as F}from"../../shared/constants.js";import r from"../../theme.js";import{Label as j}from"../FieldLabel.js";import"../../typography/BodyText/index.js";const z=d.div`
|
|
2
2
|
font-family: ${({theme:e})=>e.typography.fontBaseFamily};
|
|
3
3
|
position: relative;
|
|
4
|
-
`,k=e=>e&&{paddingLeft:"2.5rem"},
|
|
4
|
+
`,k=e=>e&&{paddingLeft:"2.5rem"},A=e=>e&&{border:`1px solid ${r.colors.gray.light1}`,color:r.colors.gray.dark1,fill:r.colors.gray.light1},M=d.div`
|
|
5
5
|
position: absolute;
|
|
6
6
|
z-index: 1;
|
|
7
7
|
top: 0.5rem;
|
|
@@ -17,7 +17,7 @@ import t,{useState as x}from"react";import j from"react-select";import d from"st
|
|
|
17
17
|
${e=>e.isFocused&&`
|
|
18
18
|
fill: ${e.theme.colors.text.dark};
|
|
19
19
|
`}
|
|
20
|
-
`,
|
|
20
|
+
`,O=d.span`
|
|
21
21
|
display: block;
|
|
22
22
|
font-family: ${({theme:e})=>e.typography.fontBaseFamily};
|
|
23
23
|
font-size: 0.81rem;
|
|
@@ -41,4 +41,4 @@ import t,{useState as x}from"react";import j from"react-select";import d from"st
|
|
|
41
41
|
|
|
42
42
|
transform: ${e=>e.$isMenuOpen?"rotate(-180deg)":"rotate(0deg)"};
|
|
43
43
|
transform-origin: 50% 60%;
|
|
44
|
-
`,N=(e,
|
|
44
|
+
`,N=(e,l)=>l?r.colors.error.main:e?r.colors.text.dark:r.colors.gray.light1,P=({selectProps:{menuIsOpen:e=!1},isFocused:l=!1,isDisabled:m})=>t.createElement(H,{$isDisabled:m,$isFocused:l,$isMenuOpen:e,$theme:r}),C=({className:e,color:l="primary",forwardRef:m,hasError:u=!1,height:i,helperText:p,isDisabled:s=!1,onBlur:v=()=>null,onFocus:B=()=>null,onInputChange:w=()=>null,placeholder:I="",name:f,...n})=>{var h;const[c,y]=x(!1),[L,S]=x(""),E=(o,a)=>{w(o,a),S(o)},b=({isSelected:o,isFocused:a,isDisabled:g})=>o?r.colors[l].main:g?r.colors.background.light:a?r.colors.background.gray:r.colors.background.light,D=o=>{y(!0),B(o)},R=o=>{y(!1),v(o)},T=N(c,u);return t.createElement(z,{className:e},n.label&&t.createElement(j,{htmlFor:f,height:i,isFocused:c,hasValue:Boolean(n.value||L),disabled:s,theme:r,hasError:u},n.label),n.prefix&&t.createElement(M,{isDisabled:s,isFocused:c},n.prefix),t.createElement(_,{...n,inputId:f,name:f,ref:m,isDisabled:s,onInputChange:E,placeholder:I,onFocus:D,onBlur:R,styles:{control:o=>({...o,borderRadius:0,color:r.colors.text.dark,fontFamily:r.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.75rem",backgroundColor:r.colors.background.light,borderColor:T,boxShadow:"none","&:hover":{borderColor:"none"},...A(s),...k(Boolean(n.prefix))}),placeholder:o=>({...o,display:c?"static":"none"}),singleValue:o=>({...o,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:o=>({...o,padding:"8px 0"}),menu:o=>({...o,borderRadius:0,boxShadow:r.elevations.elevation2,zIndex:2,padding:"0"}),option:(o,{isSelected:a,isFocused:g,isDisabled:$})=>({...o,padding:"1rem",cursor:$?"not-allowed":"pointer","&:hover":{background:b({isSelected:a,isFocused:!0,isDisabled:$})},background:b({isSelected:a,isFocused:g}),...k(Boolean(n.prefix))}),valueContainer:o=>({...o,position:"static",padding:i?`${i-1}rem 0 `:0,height:i?"auto":"21px"}),clearIndicator:o=>({...o,paddingTop:0,paddingBottom:0})},components:{IndicatorSeparator:()=>null,DropdownIndicator:P,...(h=n.components)!=null?h:{}}}),p&&t.createElement(O,{hasError:u},p))};export{C as Select,C as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react";import"styled-components";export{T as TimePicker,T as default}from"../../index-
|
|
1
|
+
import"react";import"styled-components";export{T as TimePicker,T as default}from"../../index-a3ed3af2.js";import"../Accordion/index.js";import"react-collapse";import"../../shared/media-queries.js";import"../../icons/components/ArrowDownIcon.js";import"../Button/index.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";import"../IconButton.js";import"../Textfield/index.js";import"../FieldLabel.js";import"../../typography/BodyText/index.js";import"../../shared/helpers.js";import"../TextArea/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../../utils/utils.js";import"../ErrorMessage/index.js";import"../Modal/index.js";import"react-dom";import"react-transition-group";import"../Icons/Close.js";import"../Dialog/index.js";import"../../typography/Heading/index.js";import"../OffCanvas/index.js";import"../OffCanvas/Overlay.js";import"../OffCanvas/useClickOutside.js";import"../CheckBox/index.js";import"../../icons/components/CheckIcon.js";import"../Snackbar/index.js";import"../Icons/CheckCircle.js";import"../Icons/ErrorCircle.js";import"../Icons/InfoCircle.js";import"../Select/index.js";import"react-select";import"../../shared/constants.js";import"../ListItem/index.js";import"../Hero/index.js";import"../DayPicker/index.js";import"react-day-picker";import"../DayPicker/DayPickerNavBar.js";import"../Icons/Arrow.js";import"../DayPicker/localeUtils.js";import"../DayPicker/style.js";import"../Logo/index.js";import"../Logo/LogoSv.js";import"../Logo/LogoEn.js";import"../Badge/index.js";import"../Toggle/index.js";import"../Stepper/index.js";import"../InlineStepper/Step.js";import"../InlineStepper/StepCircle.js";import"../Icons/CheckIcon.js";import"../InlineStepper/index.js";import"../StepperAccordion/index.js";import"../Card/index.js";import"../NotificationButton/index.js";import"../Range/index.js";import"../Breadcrumbs/index.js";import"../Breadcrumbs/BreadcrumbsItem.js";import"../../icons/components/ArrowRightIcon.js";import"../Header/index.js";import"../Header/Hamburger.js";import"../Header/Link.js";import"../MenuItem/index.js";import"../../icons/components/CloseIcon.js";import"../RadioButton/index.js";import"../Chip/styles.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import r from"react";import
|
|
1
|
+
import r from"react";import a from"styled-components";import"./components/Accordion/index.js";import"./components/Button/index.js";import"./components/IconButton.js";import"./components/Textfield/index.js";import"./components/TextArea/index.js";import"./components/Tabs/Tabs.js";import"./components/Tabs/Tab.js";import"./components/ErrorMessage/index.js";import"./components/Spinner/index.js";import"./components/Modal/index.js";import"./components/Dialog/index.js";import"./components/OffCanvas/index.js";import"./components/CheckBox/index.js";import"./components/Snackbar/index.js";import"./components/Select/index.js";import"./components/ListItem/index.js";import"./components/Hero/index.js";import"./components/DayPicker/index.js";import"./components/Logo/index.js";import"./components/Badge/index.js";import"./components/Toggle/index.js";import"./components/Stepper/index.js";import"./components/InlineStepper/Step.js";import"./components/InlineStepper/index.js";import"./components/StepperAccordion/index.js";import"./components/Card/index.js";import"./components/NotificationButton/index.js";import"./components/Range/index.js";import"./components/Breadcrumbs/index.js";import"./components/Header/index.js";import"./components/MenuItem/index.js";import C from"./icons/components/CloseIcon.js";import"./typography/Heading/index.js";import"./typography/BodyText/index.js";import"./typography/ButtonText/index.js";import"./components/RadioButton/index.js";import"./utils/utils.js";import{getFontSize as B,getCursorType as x,getBackgroundColor as v,getColor as k,getBorderColor as $,getHoverBorderColor as T,getHoverBackgroundColor as S,getHoverColor as A,getActiveBackgroundColor as u,getActiveBorderColor as E,getActiveColor as I,getSufixHoverBackgroundColor as H}from"./components/Chip/styles.js";const w=a.div`
|
|
2
2
|
font-family: ${({theme:o})=>o.typography.fontBaseFamily};
|
|
3
3
|
font-size: ${({size:o})=>B(o)};
|
|
4
4
|
font-weight: ${({theme:o})=>o.typography.fontBaseBoldWeight};
|
|
@@ -26,17 +26,17 @@ import r from"react";import m from"styled-components";import"./components/Accord
|
|
|
26
26
|
border-color: ${E(o)};
|
|
27
27
|
color: ${I(o)};
|
|
28
28
|
}`}
|
|
29
|
-
`,P=
|
|
29
|
+
`,P=a.span`
|
|
30
30
|
display: flex;
|
|
31
31
|
align-items: center;
|
|
32
32
|
justify-content: center;
|
|
33
33
|
text-align: center;
|
|
34
34
|
line-height: 1.5;
|
|
35
|
-
`,z=
|
|
35
|
+
`,z=a.span`
|
|
36
36
|
margin-right: 0.625rem;
|
|
37
37
|
display: flex;
|
|
38
38
|
align-items: center;
|
|
39
|
-
`,M=
|
|
39
|
+
`,M=a.span`
|
|
40
40
|
display: flex;
|
|
41
41
|
align-items: center;
|
|
42
42
|
cursor: ${x};
|
|
@@ -65,7 +65,7 @@ import r from"react";import m from"styled-components";import"./components/Accord
|
|
|
65
65
|
&:hover:before {
|
|
66
66
|
opacity: 1;
|
|
67
67
|
}
|
|
68
|
-
`,j=({color:o="primary",children:t,component:
|
|
68
|
+
`,j=({color:o="primary",children:t,component:m="div",isDisabled:i,onClick:p,size:l="regular",prefix:n,onDelete:e,variant:s="solid",...b})=>{const c=Boolean(p&&!i),d=Boolean(e&&!i),f=Boolean(n),h=g=>{g.stopPropagation(),e==null||e(g)};return r.createElement(w,{...b,role:c?"button":void 0,onClick:c?p:void 0,tabIndex:c?0:void 0,as:c?"button":m,color:o,isDisabled:i,size:l,isClickable:c,isDeletable:d,variant:s,hasPrefix:f},r.createElement(P,null,n&&r.createElement(z,{className:"prefix"},n),t,e&&r.createElement(M,{role:"button",onClick:d?h:void 0,color:o,variant:s,isClickable:c,isDisabled:i,isDeletable:!0},r.createElement(C,null))))},R=a.ul`
|
|
69
69
|
max-width: 20rem;
|
|
70
70
|
display: grid;
|
|
71
71
|
grid-template-columns: repeat(4, 1fr);
|
|
@@ -73,4 +73,4 @@ import r from"react";import m from"styled-components";import"./components/Accord
|
|
|
73
73
|
flex-wrap: wrap;
|
|
74
74
|
margin: 0;
|
|
75
75
|
padding: 0;
|
|
76
|
-
`,y=(o,t)=>Array.isArray(t)?Boolean(t.find(
|
|
76
|
+
`,y=(o,t)=>Array.isArray(t)?Boolean(t.find(m=>m.getTime()===o.getTime())):(t==null?void 0:t.getTime())===o.getTime(),F=({timeSlots:o,onTimeSlotClick:t,selectedTimes:m,disabledTimes:i,...p})=>r.createElement(R,{...p},o.map(({text:l,date:n})=>{const e=y(n,m),s=y(n,i);return r.createElement(j,{component:"li","data-selected":e,"data-disabled":s,variant:e?"solid":"outline",isDisabled:s,color:e?"primary":"neutral",key:n.getTime(),onClick:()=>!e&&!s&&t(n)},l)}));export{j as C,F as T};
|
package/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{default as theme}from"./theme.js";export{mediaQueries,mq,mqSizes}from"./shared/media-queries.js";export{Accordion}from"./components/Accordion/index.js";export{Button}from"./components/Button/index.js";export{default as IconButton}from"./components/IconButton.js";export{TextField}from"./components/Textfield/index.js";export{TextArea}from"./components/TextArea/index.js";export{Tabs}from"./components/Tabs/Tabs.js";export{default as Tab}from"./components/Tabs/Tab.js";export{ErrorMessage}from"./components/ErrorMessage/index.js";export{default as Spinner}from"./components/Spinner/index.js";export{Modal}from"./components/Modal/index.js";export{Dialog}from"./components/Dialog/index.js";export{OffCanvas}from"./components/OffCanvas/index.js";export{CheckBox}from"./components/CheckBox/index.js";export{Snackbar}from"./components/Snackbar/index.js";export{Select}from"./components/Select/index.js";export{default as ListItem}from"./components/ListItem/index.js";export{C as Chip,T as TimePicker}from"./index-dd03ef04.js";export{Hero}from"./components/Hero/index.js";export{DayPicker}from"./components/DayPicker/index.js";export{Logo}from"./components/Logo/index.js";export{Badge}from"./components/Badge/index.js";export{Toggle}from"./components/Toggle/index.js";export{Stepper}from"./components/Stepper/index.js";export{default as Step}from"./components/InlineStepper/Step.js";export{InlineStepper}from"./components/InlineStepper/index.js";export{StepperAccordion}from"./components/StepperAccordion/index.js";export{Card}from"./components/Card/index.js";export{NotificationButton}from"./components/NotificationButton/index.js";export{Range}from"./components/Range/index.js";export{Header}from"./components/Header/index.js";export{MenuItem}from"./components/MenuItem/index.js";export{default as IdIcon}from"./icons/components/IdIcon.js";export{default as AccountCreateIcon}from"./icons/components/AccountCreateIcon.js";export{default as AccountIcon}from"./icons/components/AccountIcon.js";export{default as AccountLoginIcon}from"./icons/components/AccountLoginIcon.js";export{default as ArrowDownIcon}from"./icons/components/ArrowDownIcon.js";export{default as ArrowLeftIcon}from"./icons/components/ArrowLeftIcon.js";export{default as ArrowLeftSharpIcon}from"./icons/components/ArrowLeftSharpIcon.js";export{default as ArrowLeftSmallIcon}from"./icons/components/ArrowLeftSmallIcon.js";export{default as ArrowLong}from"./icons/components/ArrowLong.js";export{default as ArrowRestartIcon}from"./icons/components/ArrowRestartIcon.js";export{default as ArrowRightIcon}from"./icons/components/ArrowRightIcon.js";export{default as ArrowRightSharpIcon}from"./icons/components/ArrowRightSharpIcon.js";export{default as ArrowUpIcon}from"./icons/components/ArrowUpIcon.js";export{default as AuctionIcon}from"./icons/components/AuctionIcon.js";export{default as BackArrowIcon}from"./icons/components/BackArrowIcon.js";export{default as Baseline360Icon}from"./icons/components/Baseline360Icon.js";export{default as BellIcon}from"./icons/components/BellIcon.js";export{default as BidIcon}from"./icons/components/BidIcon.js";export{default as BidKrIcon}from"./icons/components/BidKrIcon.js";export{default as BreaksIcon}from"./icons/components/BreaksIcon.js";export{default as BuyCarIcon}from"./icons/components/BuyCarIcon.js";export{default as CabIcon}from"./icons/components/CabIcon.js";export{default as CalendarIcon}from"./icons/components/CalendarIcon.js";export{default as CameraIcon}from"./icons/components/CameraIcon.js";export{default as CarFrontIcon}from"./icons/components/CarFrontIcon.js";export{default as CarSearchIcon}from"./icons/components/CarSearchIcon.js";export{default as CarSideIcon}from"./icons/components/CarSideIcon.js";export{default as CarTiresIcon}from"./icons/components/CarTiresIcon.js";export{default as Car360Icon}from"./icons/components/Car360Icon.js";export{default as CaravanIcon}from"./icons/components/CaravanIcon.js";export{default as CardViewIcon}from"./icons/components/CardViewIcon.js";export{default as CarloanIcon}from"./icons/components/CarloanIcon.js";export{default as CertifiedIcon}from"./icons/components/CertifiedIcon.js";export{default as ChatIcon}from"./icons/components/ChatIcon.js";export{default as CheckIcon}from"./icons/components/CheckIcon.js";export{default as CheckThinIcon}from"./icons/components/CheckThinIcon.js";export{default as CheckmarkFilledIcon}from"./icons/components/CheckmarkFilledIcon.js";export{default as CheckmarkIcon}from"./icons/components/CheckmarkIcon.js";export{default as ClipboardFilledIcon}from"./icons/components/ClipboardFilledIcon.js";export{default as ClipboardIcon}from"./icons/components/ClipboardIcon.js";export{default as ClockFilledIcon}from"./icons/components/ClockFilledIcon.js";export{default as ClockIcon}from"./icons/components/ClockIcon.js";export{default as CloseIcon}from"./icons/components/CloseIcon.js";export{default as CloseThinIcon}from"./icons/components/CloseThinIcon.js";export{default as CoffeeIcon}from"./icons/components/CoffeeIcon.js";export{default as CombiIcon}from"./icons/components/CombiIcon.js";export{default as CommentCircleFilledIcon}from"./icons/components/CommentCircleFilledIcon.js";export{default as CommentCircleIconIcon}from"./icons/components/CommentCircleIconIcon.js";export{default as CommentIcon}from"./icons/components/CommentIcon.js";export{default as ContactIcon}from"./icons/components/ContactIcon.js";export{default as CoupeIcon}from"./icons/components/CoupeIcon.js";export{default as CreditCardIcon}from"./icons/components/CreditCardIcon.js";export{default as CrossCircleIcon}from"./icons/components/CrossCircleIcon.js";export{default as CrownIcon}from"./icons/components/CrownIcon.js";export{default as DealmakerIcon}from"./icons/components/DealmakerIcon.js";export{default as DeliveryIcon}from"./icons/components/DeliveryIcon.js";export{default as DetailedSearchIcon}from"./icons/components/DetailedSearchIcon.js";export{default as EcoFriendlyIcon}from"./icons/components/EcoFriendlyIcon.js";export{default as EditIcon}from"./icons/components/EditIcon.js";export{default as EngineIcon}from"./icons/components/EngineIcon.js";export{default as EnglandFlagIcon}from"./icons/components/EnglandFlagIcon.js";export{default as EvaluationIcon}from"./icons/components/EvaluationIcon.js";export{default as ExaminationMarkFilledIcon}from"./icons/components/ExaminationMarkFilledIcon.js";export{default as ExaminationMarkIcon}from"./icons/components/ExaminationMarkIcon.js";export{default as ExteriorIcon}from"./icons/components/ExteriorIcon.js";export{default as EyeIcon}from"./icons/components/EyeIcon.js";export{default as FacebookBtnIcon}from"./icons/components/FacebookBtnIcon.js";export{default as FacebookIcon}from"./icons/components/FacebookIcon.js";export{default as FatalIcon}from"./icons/components/FatalIcon.js";export{default as FavouriteIcon}from"./icons/components/FavouriteIcon.js";export{default as FavouriteSolidIcon}from"./icons/components/FavouriteSolidIcon.js";export{default as FilterIcon}from"./icons/components/FilterIcon.js";export{default as FinanceIcon}from"./icons/components/FinanceIcon.js";export{default as FindCarIcon}from"./icons/components/FindCarIcon.js";export{default as FixedMonthlyCostIcon}from"./icons/components/FixedMonthlyCostIcon.js";export{default as FlagIcon}from"./icons/components/FlagIcon.js";export{default as FlexibilityIcon}from"./icons/components/FlexibilityIcon.js";export{default as ForumLargeIcon}from"./icons/components/ForumLargeIcon.js";export{default as ForumSmallIcon}from"./icons/components/ForumSmallIcon.js";export{default as GavelIcon}from"./icons/components/GavelIcon.js";export{default as GearboxIcon}from"./icons/components/GearboxIcon.js";export{default as GiftIcon}from"./icons/components/GiftIcon.js";export{default as GridViewIcon}from"./icons/components/GridViewIcon.js";export{default as GroupIcon}from"./icons/components/GroupIcon.js";export{default as GuaranteeIcon}from"./icons/components/GuaranteeIcon.js";export{default as GuaranteeLargeIcon}from"./icons/components/GuaranteeLargeIcon.js";export{default as GuaranteeSmallIcon}from"./icons/components/GuaranteeSmallIcon.js";export{default as HalfCombiIcon}from"./icons/components/HalfCombiIcon.js";export{default as HamburgerIcon}from"./icons/components/HamburgerIcon.js";export{default as HandshakeIcon}from"./icons/components/HandshakeIcon.js";export{default as HelpingHandIcon}from"./icons/components/HelpingHandIcon.js";export{default as InformationIcon}from"./icons/components/InformationIcon.js";export{default as InstagramIcon}from"./icons/components/InstagramIcon.js";export{default as InsuranceIcon}from"./icons/components/InsuranceIcon.js";export{default as InteriorIcon}from"./icons/components/InteriorIcon.js";export{default as InteriorThinIcon}from"./icons/components/InteriorThinIcon.js";export{default as InternationalIcon}from"./icons/components/InternationalIcon.js";export{default as KvdTestIcon}from"./icons/components/KvdTestIcon.js";export{default as KvdVenueIcon}from"./icons/components/KvdVenueIcon.js";export{default as LifebuoyIcon}from"./icons/components/LifebuoyIcon.js";export{default as LiftTruckIcon}from"./icons/components/LiftTruckIcon.js";export{default as LinkedInIcon}from"./icons/components/LinkedInIcon.js";export{default as ListViewIcon}from"./icons/components/ListViewIcon.js";export{default as MailIcon}from"./icons/components/MailIcon.js";export{default as MinibusIcon}from"./icons/components/MinibusIcon.js";export{default as MinivanIcon}from"./icons/components/MinivanIcon.js";export{default as MobileIcon}from"./icons/components/MobileIcon.js";export{default as MotorcycleIcon}from"./icons/components/MotorcycleIcon.js";export{default as MrfLogoIcon}from"./icons/components/MrfLogoIcon.js";export{default as NotFoundIcon}from"./icons/components/NotFoundIcon.js";export{default as OverbidIcon}from"./icons/components/OverbidIcon.js";export{default as PdfIconIcon}from"./icons/components/PdfIconIcon.js";export{default as PhoneIcon}from"./icons/components/PhoneIcon.js";export{default as PickUpIcon}from"./icons/components/PickUpIcon.js";export{default as PinIcon}from"./icons/components/PinIcon.js";export{default as PlayIcon}from"./icons/components/PlayIcon.js";export{default as PricetagFilledKronaIcon}from"./icons/components/PricetagFilledKronaIcon.js";export{default as Pricetag}from"./icons/components/Pricetag.js";export{default as PrivateCarIcon}from"./icons/components/PrivateCarIcon.js";export{default as ProfileCircleIcon}from"./icons/components/ProfileCircleIcon.js";export{default as ProfileIcon}from"./icons/components/ProfileIcon.js";export{default as RadioIcon}from"./icons/components/RadioIcon.js";export{default as ReclamationIcon}from"./icons/components/ReclamationIcon.js";export{default as ReleasingIcon}from"./icons/components/ReleasingIcon.js";export{default as RemoveFilterIcon}from"./icons/components/RemoveFilterIcon.js";export{default as ReservedPriceIcon}from"./icons/components/ReservedPriceIcon.js";export{default as ResultIcon}from"./icons/components/ResultIcon.js";export{default as SafePaymentIcon}from"./icons/components/SafePaymentIcon.js";export{default as SaleTagIcon}from"./icons/components/SaleTagIcon.js";export{default as SearchCheckIcon}from"./icons/components/SearchCheckIcon.js";export{default as SearchIcon}from"./icons/components/SearchIcon.js";export{default as SedanIcon}from"./icons/components/SedanIcon.js";export{default as SellCarIcon}from"./icons/components/SellCarIcon.js";export{default as SellCarsIcon}from"./icons/components/SellCarsIcon.js";export{default as ServiceIcon}from"./icons/components/ServiceIcon.js";export{default as ShareIcon}from"./icons/components/ShareIcon.js";export{default as ShieldIcon}from"./icons/components/ShieldIcon.js";export{default as SignInIcon}from"./icons/components/SignInIcon.js";export{default as SignOutIcon}from"./icons/components/SignOutIcon.js";export{default as SpeedMeterIcon}from"./icons/components/SpeedMeterIcon.js";export{default as StarCircleIcon}from"./icons/components/StarCircleIcon.js";export{default as StarFilledIcon}from"./icons/components/StarFilledIcon.js";export{default as StarIcon}from"./icons/components/StarIcon.js";export{default as StoreIcon}from"./icons/components/StoreIcon.js";export{default as SuvIcon}from"./icons/components/SuvIcon.js";export{default as SwedenFlag}from"./icons/components/SwedenFlag.js";export{default as TankIcon}from"./icons/components/TankIcon.js";export{default as TireIcon}from"./icons/components/TireIcon.js";export{default as TransportIcon}from"./icons/components/TransportIcon.js";export{default as TrashcanIcon}from"./icons/components/TrashcanIcon.js";export{default as TrophyIcon}from"./icons/components/TrophyIcon.js";export{default as TruckIcon}from"./icons/components/TruckIcon.js";export{default as UmbrellaIcon}from"./icons/components/UmbrellaIcon.js";export{default as ValuationIcon}from"./icons/components/ValuationIcon.js";export{default as ValueIcon}from"./icons/components/ValueIcon.js";export{default as WarningIcon}from"./icons/components/WarningIcon.js";export{default as YoutubeIcon}from"./icons/components/YoutubeIcon.js";export{useDynamicScript}from"./hooks/useDynamicScript.js";export{Display1,Display2,Display3,Headline,Subtitle,TinyTitleBold,TinyTitleRegular,Title}from"./typography/Heading/index.js";export{BodyLink,BodyText,Caption,CaptionLink,Quote,Status}from"./typography/BodyText/index.js";export{ButtonLarge as ButtonLargeText,Button as ButtonRegularText,ButtonSmall as ButtonSmallText}from"./typography/ButtonText/index.js";export{RadioButton}from"./components/RadioButton/index.js";export{resetButtonStyle}from"./utils/utils.js";import"react";import"styled-components";import"react-collapse";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"./shared/helpers.js";import"react-dom";import"react-transition-group";import"./components/Icons/Close.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"./components/Icons/CheckCircle.js";import"./components/Icons/ErrorCircle.js";import"./components/Icons/InfoCircle.js";import"react-select";import"./shared/constants.js";import"./components/Chip/styles.js";import"react-day-picker";import"./components/DayPicker/DayPickerNavBar.js";import"./components/Icons/Arrow.js";import"./components/DayPicker/localeUtils.js";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/InlineStepper/StepCircle.js";import"./components/Icons/CheckIcon.js";import"./components/Header/Hamburger.js";import"./components/Header/Link.js";
|
|
1
|
+
export{default as theme}from"./theme.js";export{mediaQueries,mq,mqSizes}from"./shared/media-queries.js";export{Accordion}from"./components/Accordion/index.js";export{Button}from"./components/Button/index.js";export{default as IconButton}from"./components/IconButton.js";export{TextField}from"./components/Textfield/index.js";export{TextArea}from"./components/TextArea/index.js";export{Tabs}from"./components/Tabs/Tabs.js";export{default as Tab}from"./components/Tabs/Tab.js";export{ErrorMessage}from"./components/ErrorMessage/index.js";export{default as Spinner}from"./components/Spinner/index.js";export{Modal}from"./components/Modal/index.js";export{Dialog}from"./components/Dialog/index.js";export{OffCanvas}from"./components/OffCanvas/index.js";export{CheckBox}from"./components/CheckBox/index.js";export{Snackbar}from"./components/Snackbar/index.js";export{Select}from"./components/Select/index.js";export{default as ListItem}from"./components/ListItem/index.js";export{C as Chip,T as TimePicker}from"./index-a3ed3af2.js";export{Hero}from"./components/Hero/index.js";export{DayPicker}from"./components/DayPicker/index.js";export{Logo}from"./components/Logo/index.js";export{Badge}from"./components/Badge/index.js";export{Toggle}from"./components/Toggle/index.js";export{Stepper}from"./components/Stepper/index.js";export{default as Step}from"./components/InlineStepper/Step.js";export{InlineStepper}from"./components/InlineStepper/index.js";export{StepperAccordion}from"./components/StepperAccordion/index.js";export{Card}from"./components/Card/index.js";export{NotificationButton}from"./components/NotificationButton/index.js";export{Range}from"./components/Range/index.js";export{default as Breadcrumbs}from"./components/Breadcrumbs/index.js";export{Header}from"./components/Header/index.js";export{MenuItem}from"./components/MenuItem/index.js";export{default as IdIcon}from"./icons/components/IdIcon.js";export{default as AccountCreateIcon}from"./icons/components/AccountCreateIcon.js";export{default as AccountIcon}from"./icons/components/AccountIcon.js";export{default as AccountLoginIcon}from"./icons/components/AccountLoginIcon.js";export{default as ArrowDownIcon}from"./icons/components/ArrowDownIcon.js";export{default as ArrowLeftIcon}from"./icons/components/ArrowLeftIcon.js";export{default as ArrowLeftSharpIcon}from"./icons/components/ArrowLeftSharpIcon.js";export{default as ArrowLeftSmallIcon}from"./icons/components/ArrowLeftSmallIcon.js";export{default as ArrowLong}from"./icons/components/ArrowLong.js";export{default as ArrowRestartIcon}from"./icons/components/ArrowRestartIcon.js";export{default as ArrowRightIcon}from"./icons/components/ArrowRightIcon.js";export{default as ArrowRightSharpIcon}from"./icons/components/ArrowRightSharpIcon.js";export{default as ArrowUpIcon}from"./icons/components/ArrowUpIcon.js";export{default as AuctionIcon}from"./icons/components/AuctionIcon.js";export{default as BackArrowIcon}from"./icons/components/BackArrowIcon.js";export{default as Baseline360Icon}from"./icons/components/Baseline360Icon.js";export{default as BellIcon}from"./icons/components/BellIcon.js";export{default as BidIcon}from"./icons/components/BidIcon.js";export{default as BidKrIcon}from"./icons/components/BidKrIcon.js";export{default as BreaksIcon}from"./icons/components/BreaksIcon.js";export{default as BuyCarIcon}from"./icons/components/BuyCarIcon.js";export{default as CabIcon}from"./icons/components/CabIcon.js";export{default as CalendarIcon}from"./icons/components/CalendarIcon.js";export{default as CameraIcon}from"./icons/components/CameraIcon.js";export{default as CarFrontIcon}from"./icons/components/CarFrontIcon.js";export{default as CarSearchIcon}from"./icons/components/CarSearchIcon.js";export{default as CarSideIcon}from"./icons/components/CarSideIcon.js";export{default as CarTiresIcon}from"./icons/components/CarTiresIcon.js";export{default as Car360Icon}from"./icons/components/Car360Icon.js";export{default as CaravanIcon}from"./icons/components/CaravanIcon.js";export{default as CardViewIcon}from"./icons/components/CardViewIcon.js";export{default as CarloanIcon}from"./icons/components/CarloanIcon.js";export{default as CertifiedIcon}from"./icons/components/CertifiedIcon.js";export{default as ChatIcon}from"./icons/components/ChatIcon.js";export{default as CheckIcon}from"./icons/components/CheckIcon.js";export{default as CheckThinIcon}from"./icons/components/CheckThinIcon.js";export{default as CheckmarkFilledIcon}from"./icons/components/CheckmarkFilledIcon.js";export{default as CheckmarkIcon}from"./icons/components/CheckmarkIcon.js";export{default as ClipboardFilledIcon}from"./icons/components/ClipboardFilledIcon.js";export{default as ClipboardIcon}from"./icons/components/ClipboardIcon.js";export{default as ClockFilledIcon}from"./icons/components/ClockFilledIcon.js";export{default as ClockIcon}from"./icons/components/ClockIcon.js";export{default as CloseIcon}from"./icons/components/CloseIcon.js";export{default as CloseThinIcon}from"./icons/components/CloseThinIcon.js";export{default as CoffeeIcon}from"./icons/components/CoffeeIcon.js";export{default as CombiIcon}from"./icons/components/CombiIcon.js";export{default as CommentCircleFilledIcon}from"./icons/components/CommentCircleFilledIcon.js";export{default as CommentCircleIconIcon}from"./icons/components/CommentCircleIconIcon.js";export{default as CommentIcon}from"./icons/components/CommentIcon.js";export{default as ContactIcon}from"./icons/components/ContactIcon.js";export{default as CoupeIcon}from"./icons/components/CoupeIcon.js";export{default as CreditCardIcon}from"./icons/components/CreditCardIcon.js";export{default as CrossCircleIcon}from"./icons/components/CrossCircleIcon.js";export{default as CrownIcon}from"./icons/components/CrownIcon.js";export{default as DealmakerIcon}from"./icons/components/DealmakerIcon.js";export{default as DeliveryIcon}from"./icons/components/DeliveryIcon.js";export{default as DetailedSearchIcon}from"./icons/components/DetailedSearchIcon.js";export{default as EcoFriendlyIcon}from"./icons/components/EcoFriendlyIcon.js";export{default as EditIcon}from"./icons/components/EditIcon.js";export{default as EngineIcon}from"./icons/components/EngineIcon.js";export{default as EnglandFlagIcon}from"./icons/components/EnglandFlagIcon.js";export{default as EvaluationIcon}from"./icons/components/EvaluationIcon.js";export{default as ExaminationMarkFilledIcon}from"./icons/components/ExaminationMarkFilledIcon.js";export{default as ExaminationMarkIcon}from"./icons/components/ExaminationMarkIcon.js";export{default as ExteriorIcon}from"./icons/components/ExteriorIcon.js";export{default as EyeIcon}from"./icons/components/EyeIcon.js";export{default as FacebookBtnIcon}from"./icons/components/FacebookBtnIcon.js";export{default as FacebookIcon}from"./icons/components/FacebookIcon.js";export{default as FatalIcon}from"./icons/components/FatalIcon.js";export{default as FavouriteIcon}from"./icons/components/FavouriteIcon.js";export{default as FavouriteSolidIcon}from"./icons/components/FavouriteSolidIcon.js";export{default as FilterIcon}from"./icons/components/FilterIcon.js";export{default as FinanceIcon}from"./icons/components/FinanceIcon.js";export{default as FindCarIcon}from"./icons/components/FindCarIcon.js";export{default as FixedMonthlyCostIcon}from"./icons/components/FixedMonthlyCostIcon.js";export{default as FlagIcon}from"./icons/components/FlagIcon.js";export{default as FlexibilityIcon}from"./icons/components/FlexibilityIcon.js";export{default as ForumLargeIcon}from"./icons/components/ForumLargeIcon.js";export{default as ForumSmallIcon}from"./icons/components/ForumSmallIcon.js";export{default as GavelIcon}from"./icons/components/GavelIcon.js";export{default as GearboxIcon}from"./icons/components/GearboxIcon.js";export{default as GiftIcon}from"./icons/components/GiftIcon.js";export{default as GridViewIcon}from"./icons/components/GridViewIcon.js";export{default as GroupIcon}from"./icons/components/GroupIcon.js";export{default as GuaranteeIcon}from"./icons/components/GuaranteeIcon.js";export{default as GuaranteeLargeIcon}from"./icons/components/GuaranteeLargeIcon.js";export{default as GuaranteeSmallIcon}from"./icons/components/GuaranteeSmallIcon.js";export{default as HalfCombiIcon}from"./icons/components/HalfCombiIcon.js";export{default as HamburgerIcon}from"./icons/components/HamburgerIcon.js";export{default as HandshakeIcon}from"./icons/components/HandshakeIcon.js";export{default as HelpingHandIcon}from"./icons/components/HelpingHandIcon.js";export{default as InformationIcon}from"./icons/components/InformationIcon.js";export{default as InstagramIcon}from"./icons/components/InstagramIcon.js";export{default as InsuranceIcon}from"./icons/components/InsuranceIcon.js";export{default as InteriorIcon}from"./icons/components/InteriorIcon.js";export{default as InteriorThinIcon}from"./icons/components/InteriorThinIcon.js";export{default as InternationalIcon}from"./icons/components/InternationalIcon.js";export{default as KvdTestIcon}from"./icons/components/KvdTestIcon.js";export{default as KvdVenueIcon}from"./icons/components/KvdVenueIcon.js";export{default as LifebuoyIcon}from"./icons/components/LifebuoyIcon.js";export{default as LiftTruckIcon}from"./icons/components/LiftTruckIcon.js";export{default as LinkedInIcon}from"./icons/components/LinkedInIcon.js";export{default as ListViewIcon}from"./icons/components/ListViewIcon.js";export{default as MailIcon}from"./icons/components/MailIcon.js";export{default as MinibusIcon}from"./icons/components/MinibusIcon.js";export{default as MinivanIcon}from"./icons/components/MinivanIcon.js";export{default as MobileIcon}from"./icons/components/MobileIcon.js";export{default as MotorcycleIcon}from"./icons/components/MotorcycleIcon.js";export{default as MrfLogoIcon}from"./icons/components/MrfLogoIcon.js";export{default as NotFoundIcon}from"./icons/components/NotFoundIcon.js";export{default as OverbidIcon}from"./icons/components/OverbidIcon.js";export{default as PdfIconIcon}from"./icons/components/PdfIconIcon.js";export{default as PhoneIcon}from"./icons/components/PhoneIcon.js";export{default as PickUpIcon}from"./icons/components/PickUpIcon.js";export{default as PinIcon}from"./icons/components/PinIcon.js";export{default as PlayIcon}from"./icons/components/PlayIcon.js";export{default as PricetagFilledKronaIcon}from"./icons/components/PricetagFilledKronaIcon.js";export{default as Pricetag}from"./icons/components/Pricetag.js";export{default as PrivateCarIcon}from"./icons/components/PrivateCarIcon.js";export{default as ProfileCircleIcon}from"./icons/components/ProfileCircleIcon.js";export{default as ProfileIcon}from"./icons/components/ProfileIcon.js";export{default as RadioIcon}from"./icons/components/RadioIcon.js";export{default as ReclamationIcon}from"./icons/components/ReclamationIcon.js";export{default as ReleasingIcon}from"./icons/components/ReleasingIcon.js";export{default as RemoveFilterIcon}from"./icons/components/RemoveFilterIcon.js";export{default as ReservedPriceIcon}from"./icons/components/ReservedPriceIcon.js";export{default as ResultIcon}from"./icons/components/ResultIcon.js";export{default as SafePaymentIcon}from"./icons/components/SafePaymentIcon.js";export{default as SaleTagIcon}from"./icons/components/SaleTagIcon.js";export{default as SearchCheckIcon}from"./icons/components/SearchCheckIcon.js";export{default as SearchIcon}from"./icons/components/SearchIcon.js";export{default as SedanIcon}from"./icons/components/SedanIcon.js";export{default as SellCarIcon}from"./icons/components/SellCarIcon.js";export{default as SellCarsIcon}from"./icons/components/SellCarsIcon.js";export{default as ServiceIcon}from"./icons/components/ServiceIcon.js";export{default as ShareIcon}from"./icons/components/ShareIcon.js";export{default as ShieldIcon}from"./icons/components/ShieldIcon.js";export{default as SignInIcon}from"./icons/components/SignInIcon.js";export{default as SignOutIcon}from"./icons/components/SignOutIcon.js";export{default as SpeedMeterIcon}from"./icons/components/SpeedMeterIcon.js";export{default as StarCircleIcon}from"./icons/components/StarCircleIcon.js";export{default as StarFilledIcon}from"./icons/components/StarFilledIcon.js";export{default as StarIcon}from"./icons/components/StarIcon.js";export{default as StoreIcon}from"./icons/components/StoreIcon.js";export{default as SuvIcon}from"./icons/components/SuvIcon.js";export{default as SwedenFlag}from"./icons/components/SwedenFlag.js";export{default as TankIcon}from"./icons/components/TankIcon.js";export{default as TireIcon}from"./icons/components/TireIcon.js";export{default as TransportIcon}from"./icons/components/TransportIcon.js";export{default as TrashcanIcon}from"./icons/components/TrashcanIcon.js";export{default as TrophyIcon}from"./icons/components/TrophyIcon.js";export{default as TruckIcon}from"./icons/components/TruckIcon.js";export{default as UmbrellaIcon}from"./icons/components/UmbrellaIcon.js";export{default as ValuationIcon}from"./icons/components/ValuationIcon.js";export{default as ValueIcon}from"./icons/components/ValueIcon.js";export{default as WarningIcon}from"./icons/components/WarningIcon.js";export{default as YoutubeIcon}from"./icons/components/YoutubeIcon.js";export{useDynamicScript}from"./hooks/useDynamicScript.js";export{Display1,Display2,Display3,Headline,Subtitle,TinyTitleBold,TinyTitleRegular,Title}from"./typography/Heading/index.js";export{BodyLink,BodyText,Caption,CaptionLink,Quote,Status}from"./typography/BodyText/index.js";export{ButtonLarge as ButtonLargeText,Button as ButtonRegularText,ButtonSmall as ButtonSmallText}from"./typography/ButtonText/index.js";export{RadioButton}from"./components/RadioButton/index.js";export{resetButtonStyle}from"./utils/utils.js";import"react";import"styled-components";import"react-collapse";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"./shared/helpers.js";import"react-dom";import"react-transition-group";import"./components/Icons/Close.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"./components/Icons/CheckCircle.js";import"./components/Icons/ErrorCircle.js";import"./components/Icons/InfoCircle.js";import"react-select";import"./shared/constants.js";import"./components/Chip/styles.js";import"react-day-picker";import"./components/DayPicker/DayPickerNavBar.js";import"./components/Icons/Arrow.js";import"./components/DayPicker/localeUtils.js";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/InlineStepper/StepCircle.js";import"./components/Icons/CheckIcon.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/Header/Hamburger.js";import"./components/Header/Link.js";
|
package/package.json
CHANGED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { BreadcrumbLink } from '.';
|
|
3
|
+
interface Props {
|
|
4
|
+
link: BreadcrumbLink;
|
|
5
|
+
separator?: ReactNode;
|
|
6
|
+
isLast: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const BreadcrumbsItem: ({ link, separator, isLast }: Props) => JSX.Element;
|
|
9
|
+
export default BreadcrumbsItem;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface BreadcrumbLink {
|
|
3
|
+
label?: string;
|
|
4
|
+
to?: string;
|
|
5
|
+
component?: ReactNode;
|
|
6
|
+
prefixIcon?: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export interface Props {
|
|
9
|
+
links: BreadcrumbLink[];
|
|
10
|
+
separator?: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
declare const Breadcrumbs: ({ links, separator }: Props) => JSX.Element;
|
|
13
|
+
export default Breadcrumbs;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ComponentProps, CSSProperties, ReactNode } from 'react';
|
|
2
2
|
import { Color, Variant, Size } from '../../Types';
|
|
3
|
-
|
|
3
|
+
interface Props {
|
|
4
4
|
size?: Size;
|
|
5
5
|
color?: Color;
|
|
6
6
|
variant?: Variant;
|
|
@@ -14,5 +14,6 @@ export interface ButtonProps extends ComponentProps<'button'> {
|
|
|
14
14
|
minWidth?: string;
|
|
15
15
|
as?: keyof JSX.IntrinsicElements;
|
|
16
16
|
}
|
|
17
|
-
export declare
|
|
17
|
+
export declare type ButtonProps = ComponentProps<'button'> & Props;
|
|
18
|
+
export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "form" | "slot" | "style" | "title" | "type" | "name" | "key" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "disabled" | "as" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "fullWidth" | "sufixIcon" | "prefixIcon" | "isLoading" | "minWidth" | "variant" | "isDisabled"> & React.RefAttributes<HTMLElement>>;
|
|
18
19
|
export default Button;
|
|
@@ -6,10 +6,10 @@ export declare const fontSizes: {
|
|
|
6
6
|
regular: import("styled-components").FlattenSimpleInterpolation;
|
|
7
7
|
large: import("styled-components").FlattenSimpleInterpolation;
|
|
8
8
|
};
|
|
9
|
-
export declare const smallerSizeStyles: (isLoading
|
|
10
|
-
export declare const smallSizeStyles: (isLoading
|
|
11
|
-
export declare const regularSizeStyles: (isLoading
|
|
12
|
-
export declare const largeSizeStyles: (isLoading
|
|
9
|
+
export declare const smallerSizeStyles: (isLoading?: boolean | undefined, minWidth?: string) => string;
|
|
10
|
+
export declare const smallSizeStyles: (isLoading?: boolean | undefined, minWidth?: string) => string;
|
|
11
|
+
export declare const regularSizeStyles: (isLoading?: boolean | undefined, minWidth?: string) => string;
|
|
12
|
+
export declare const largeSizeStyles: (isLoading?: boolean | undefined, minWidth?: string) => string;
|
|
13
13
|
export declare const outlineColorStyles: (theme: Theme, color: Color) => string;
|
|
14
14
|
export declare const flatColorStyles: (theme: Theme, color: Color) => string;
|
|
15
15
|
export declare const disabledColorStyles: (theme: Theme, variant: Variant) => string;
|
package/types/index.d.ts
CHANGED
|
@@ -29,6 +29,7 @@ export { Card } from './components/Card';
|
|
|
29
29
|
export { NotificationButton } from './components/NotificationButton';
|
|
30
30
|
export { Range } from './components/Range';
|
|
31
31
|
export { Chip } from './components/Chip';
|
|
32
|
+
export { default as Breadcrumbs } from './components/Breadcrumbs';
|
|
32
33
|
export { default as Header } from './components/Header';
|
|
33
34
|
export { default as MenuItem } from './components/MenuItem';
|
|
34
35
|
export * from './icons/components';
|