npm - @hhgtech/hhg-components - Versions diffs - 1.18.46 → 1.18.48 - Mend

@hhgtech/hhg-components 1.18.46 → 1.18.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2623) hide show

package/build/components/atoms/uploader/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/uploader/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Button } from '../button'\nimport {\n StyledDefaultButtonContent,\n StyledElementContainer,\n StyledIconWrapper,\n StyledUploader,\n} from './index.styled'\n\nexport type Props = {\n type: 'badge' | 'button'\n onFileSelected: (f: FileList) => void\n inputId: string\n withIcon?: JSX.Element\n multiple?: boolean\n fileAcceptType?: string\n withElement?: JSX.Element\n value?: string\n className?: string\n}\n\nconst Uploader = ({\n type,\n withIcon,\n onFileSelected,\n inputId,\n withElement,\n fileAcceptType,\n multiple,\n value,\n className,\n}: Props) => {\n const onClick = () => {\n ;(document.querySelector(\n '#uploader-input-' + inputId,\n ) as HTMLElement)?.click()\n }\n\n const getBadge = () => (\n <StyledElementContainer\n onClick={onClick}\n data-is-attached-to-element={!!withElement}\n >\n {withElement}\n <StyledIconWrapper data-is-attached-to-element={!!withElement}>\n {withIcon}\n </StyledIconWrapper>\n </StyledElementContainer>\n )\n\n const getButton = () =>\n withElement ? (\n <div onClick={onClick}>{withElement}</div>\n ) : (\n <Button\n size=\"md\"\n color=\"secondary\"\n className=\"default-button\"\n icon={withIcon}\n onClick={onClick}\n >\n <StyledDefaultButtonContent>\n <svg\n id=\"prefix__Layer_1\"\n data-name=\"Layer 1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 13.5 13.5\"\n >\n <defs>\n <style>\n {\n '.prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}'\n }\n </style>\n </defs>\n <title>{'upload'}</title>\n <path\n className=\"prefix__cls-1\"\n d=\"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8\"\n transform=\"translate(-1.25 -1.25)\"\n />\n </svg>\n {'Upload Image'}\n </StyledDefaultButtonContent>\n </Button>\n )\n\n return (\n <StyledUploader className={className}>\n {type === 'badge' ? getBadge() : getButton()}\n <input\n id={'uploader-input-' + inputId}\n accept={fileAcceptType}\n multiple={multiple}\n type=\"file\"\n style={{ display: 'none' }}\n onChange={(e) => {\n onFileSelected(e.target.files)\n }}\n value={value}\n />\n </StyledUploader>\n )\n}\n\nexport { Uploader }\n"],"names":["_a","type","withIcon","onFileSelected","inputId","withElement","fileAcceptType","multiple","value","className","onClick","document","querySelector","click","React","createElement","StyledUploader","StyledElementContainer","StyledIconWrapper","Button","size","color","icon","StyledDefaultButtonContent","id","xmlns","viewBox","d","transform","accept","style","display","onChange","e","target","files"],"mappings":"8PAsBiB,SAACA,OAChBC,EAAID,EAAAC,KACJC,EAAQF,EAAAE,SACRC,EAAcH,EAAAG,eACdC,EAAOJ,EAAAI,QACPC,gBACAC,EAAcN,EAAAM,eACdC,EAAQP,EAAAO,SACRC,EAAKR,EAAAQ,MACLC,EAAST,EAAAS,UAEHC,EAAU,iBAGG,QAFfV,EAAAW,SAASC,cACT,mBAAqBR,UACN,IAAAJ,GAAAA,EAAEa,SAoDrB,OACEC,EAAC,QAAAC,cAAAC,EAAcA,eAAC,CAAAP,UAAWA,GACf,UAATR,EAlDHa,EAAAA,QAACC,cAAAE,EAAAA,uBACC,CAAAP,QAASA,EACoB,gCAAEL,GAE9BA,EACDS,UAAAC,cAACG,EAAiBA,kBAAA,CAAA,gCAAgCb,GAC/CH,IAMLG,EACES,EAAAA,6BAAKJ,QAASA,GAAUL,GAExBS,EAAAA,QAACC,cAAAI,SACC,CAAAC,KAAK,KACLC,MAAM,YACNZ,UAAU,iBACVa,KAAMpB,EACNQ,QAASA,GAETI,UAAAC,cAACQ,EAAAA,2BAA0B,KACzBT,EAAAA,QAAAC,cAAA,MAAA,CACES,GAAG,kBAAiB,YACV,UACVC,MAAM,6BACNC,QAAQ,iBAERZ,UAAAC,cAAA,OAAA,KACED,EAAAA,QAEIC,cAAA,QAAA,KAAA,wGAIND,EAAAA,QAAAC,cAAA,QAAA,KAAQ,UACRD,EAAAA,QAAAC,cAAA,OAAA,CACEN,UAAU,gBACVkB,EAAE,kGACFC,UAAU,4BAGb,iBAQLd,UAAAC,cAAA,QAAA,CACES,GAAI,kBAAoBpB,EACxByB,OAAQvB,EACRC,SAAUA,EACVN,KAAK,OACL6B,MAAO,CAAEC,QAAS,QAClBC,SAAU,SAACC,GACT9B,EAAe8B,EAAEC,OAAOC,QAE1B3B,MAAOA"}

package/build/components/atoms/uploader/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,t,o,a,i=e(require("styled-components")),c=i.default.div(r\|\|(r=n.__makeTemplateObject(["\n .default-button[data-color='secondary'] {\n border: solid 2px ",";\n color: ",";\n\n &:hover {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n & > svg {\n fill: ",";\n }\n }\n }\n"],["\n .default-button[data-color='secondary'] {\n border: solid 2px ",";\n color: ",";\n\n &:hover {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n & > svg {\n fill: ",";\n }\n }\n }\n"])),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),l=i.default.div(t\|\|(t=n.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){return n["data-is-attached-to-element"]&&"display: inline-block;\n position: relative;"})),s=i.default.div(o\|\|(o=n.__makeTemplateObject(["\n --icon-wrapper-size: 32px;\n display: flex;\n width: var(--icon-wrapper-size);\n height: var(--icon-wrapper-size);\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n\n ","\n\n & > svg {\n width: calc(var(--icon-wrapper-size) / 2);\n height: calc(var(--icon-wrapper-size) / 2);\n }\n"],["\n --icon-wrapper-size: 32px;\n display: flex;\n width: var(--icon-wrapper-size);\n height: var(--icon-wrapper-size);\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n\n ","\n\n & > svg {\n width: calc(var(--icon-wrapper-size) / 2);\n height: calc(var(--icon-wrapper-size) / 2);\n }\n"])),(function(n){return n.theme.colors.gray100}),(function(n){return n["data-is-attached-to-element"]&&"\n position: absolute;\n bottom: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n right: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n "})),d=i.default.div(a\|\|(a=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])));exports.StyledDefaultButtonContent=d,exports.StyledElementContainer=l,exports.StyledIconWrapper=s,exports.StyledUploader=c;
2	+ //# sourceMappingURL=index.styled.js.map

package/build/components/atoms/uploader/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../src/components/atoms/uploader/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledUploader = styled.div`\n .default-button[data-color='secondary'] {\n border: solid 2px ${(props: ThemeProps) => props.theme.colors.gray300};\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n\n &:hover {\n border: solid 2px ${(props: ThemeProps) => props.theme.colors.gray300};\n background-color: ${(props: ThemeProps) => props.theme.colors.gray300};\n color: ${(props: ThemeProps) => props.theme.colors.white};\n\n & > svg {\n fill: ${(props: ThemeProps) => props.theme.colors.white};\n }\n }\n }\n`\nexport const StyledElementContainer = styled.div`\n ${(props) =>\n props['data-is-attached-to-element'] &&\n `display: inline-block;\n position: relative;`}\n`\nexport const StyledIconWrapper = styled.div`\n --icon-wrapper-size: 32px;\n display: flex;\n width: var(--icon-wrapper-size);\n height: var(--icon-wrapper-size);\n align-items: center;\n justify-content: center;\n background-color: ${(props: ThemeProps) => props.theme.colors.gray100};\n border-radius: 50%;\n\n ${(props) =>\n props['data-is-attached-to-element'] &&\n `\n position: absolute;\n bottom: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n right: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n `}\n\n & > svg {\n width: calc(var(--icon-wrapper-size) / 2);\n height: calc(var(--icon-wrapper-size) / 2);\n }\n`\n\nexport const StyledDefaultButtonContent = styled.div`\n display: flex;\n align-items: center;\n`\n"],"names":["StyledUploader","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","gray300","gray800","white","StyledElementContainer","templateObject_2","StyledIconWrapper","templateObject_3","gray100","StyledDefaultButtonContent","templateObject_4"],"mappings":"oPAGaA,EAAiBC,EAAM,QAACC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,wEAAA,iBAAA,+CAAA,8BAAA,mBAAA,uCAAA,4BAAA,CAAA,wEAEiC,iBACX,+CAGa,8BACA,mBACb,uCAGC,+BATvC,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WACrD,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,WAG7B,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WAC1C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WACrD,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,SAGzC,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,SAK7CC,EAAyBV,EAAM,QAACC,IAAGU,IAAAA,EAAAR,EAAAA,qBAAA,CAAA,OAAA,MAAA,CAAA,OAIxB,SAHpB,SAACC,GACD,OAAAA,EAAM,gCACN,qDAGSQ,EAAoBZ,EAAM,QAACC,IAAGY,IAAAA,EAAAV,uBAAA,CAAA,sMAAA,iCAAA,2HAAA,CAAA,sMAO4B,iCASpE,8HATmB,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOQ,WAG5D,SAACV,GACD,OAAAA,EAAM,gCACN,0JAYSW,EAA6Bf,EAAM,QAACC,IAAGe,IAAAA,EAAAb,uBAAA,CAAA,gDAAA,CAAA"}

package/build/components/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './atoms';
+export * from './molecules';
+export * from './organisms';

package/build/components/molecules/ampNextPage/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(require("react"));exports.AmpNextPage=function(t){var l=t.ampNextArticles,a=(null==l?void 0:l.filter(Boolean))\|\|[];if(!(null==a?void 0:a.length))return null;return r.default.createElement("amp-next-page",null,r.default.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(a.map((function(e){return{image:e.image\|\|"",title:e.title?JSON.stringify(e.title):"",url:e.link\|\|""}})))}}),r.default.createElement("div",e.__assign({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))};
2	+ //# sourceMappingURL=index.js.map

package/build/components/molecules/ampNextPage/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/molecules/ampNextPage/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport type AmpNextArticleItem = {\n title: string\n image: string\n link: string\n}\n\nexport type Props = {\n ampNextArticles?: AmpNextArticleItem[]\n}\n\nconst AmpNextPage = ({ ampNextArticles }: Props) => {\n const filteredAmpArticles = ampNextArticles?.filter(Boolean) || []\n if (!filteredAmpArticles?.length) return null\n const customAttribute = { separator: '' }\n return (\n <amp-next-page>\n <script\n type=\"application/json\"\n dangerouslySetInnerHTML={{\n __html: JSON.stringify(\n filteredAmpArticles.map((ampArticle) => ({\n image: ampArticle.image || '',\n title: ampArticle.title ? JSON.stringify(ampArticle.title) : '',\n url: ampArticle.link || '',\n })),\n ),\n }}\n ></script>\n <div\n {...customAttribute}\n className=\"amp-page-seperator\"\n style={{\n color: '#8C8C8C',\n textTransform: 'uppercase',\n fontSize: 11,\n fontWeight: 700,\n marginLeft: 16,\n }}\n >\n Next article:\n </div>\n </amp-next-page>\n )\n}\n\nexport { AmpNextPage }\n"],"names":["_a","ampNextArticles","filteredAmpArticles","filter","Boolean","length","React","createElement","type","dangerouslySetInnerHTML","__html","JSON","stringify","map","ampArticle","image","title","url","link","__assign","separator","className","style","color","textTransform","fontSize","fontWeight","marginLeft"],"mappings":"oPAYoB,SAACA,GAAE,IAAAC,EAAeD,EAAAC,gBAC9BC,GAAsBD,aAAe,EAAfA,EAAiBE,OAAOC,WAAY,GAChE,KAAKF,aAAA,EAAAA,EAAqBG,QAAQ,OAAO,KAEzC,OACEC,EAAA,QAAAC,cAAA,gBAAA,KACED,EAAA,QAAAC,cAAA,SAAA,CACEC,KAAK,mBACLC,wBAAyB,CACvBC,OAAQC,KAAKC,UACXV,EAAoBW,KAAI,SAACC,GAAe,MAAC,CACvCC,MAAOD,EAAWC,OAAS,GAC3BC,MAAOF,EAAWE,MAAQL,KAAKC,UAAUE,EAAWE,OAAS,GAC7DC,IAAKH,EAAWI,MAAQ,WAKhCZ,UAAAC,cAAA,MAAAY,WAAA,GAfoB,CAAEC,UAAW,IAiB/B,CAAAC,UAAU,qBACVC,MAAO,CACLC,MAAO,UACPC,cAAe,YACfC,SAAU,GACVC,WAAY,IACZC,WAAY,MAIV"}

package/build/components/molecules/articleCard/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=require("../../../misc/theme.js"),t=require("../../atoms/heading/index.js"),l=require("../../atoms/text/index.js"),r=require("./index.styled.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e),d=function(e){var a=e.avatarImg,t=e.authorName,o=e.authorLink,d=e.uploadTime,i=e.size;return n.default.createElement(r.StyledAuthor,null,n.default.createElement("div",{className:"author"},n.default.createElement("div",{className:"avatar","data-size":i},a),n.default.createElement("div",{className:"poster","data-is-disabled-url":!o},n.default.createElement(l.Text,{size:"lg"===i?"p3":"p4"},n.default.createElement("a",{href:o},n.default.createElement("span",{className:"name"},t),"•"," "),n.default.createElement("span",null,d)))))},i=function(e){var o=e.isMobile,d=e.avatarImg,i=e.name,c=e.link,m=e.size,s=void 0===m?"lg":m,u=e.specialty;return e.handleClick,e.isBookmarked,e.dataEventCategoryForBookmark,e.dataEventActionForBookmark,e.dataEventLabelForBookmark,n.default.createElement(r.StyledAuthor,null,n.default.createElement("div",{className:"author"},n.default.createElement("div",{className:"expert-avatar","data-size":s},d),n.default.createElement("div",{className:"expert","data-is-disabled-url":!c},o?n.default.createElement("a",{href:c},"lg"===s?n.default.createElement(n.default.Fragment,null,n.default.createElement(t.Heading,{tag:"h6",className:"expert__name",color:a.theme.colors.gray600},i),n.default.createElement(l.Text,{color:a.theme.colors.gray500,size:"p3",className:"specialty"},u)):n.default.createElement(n.default.Fragment,null,n.default.createElement(t.Heading,{tag:"h6",className:"expert__name",color:a.theme.colors.gray600},i))):n.default.createElement("a",{href:c},"lg"===s?n.default.createElement(n.default.Fragment,null,n.default.createElement(t.Heading,{tag:"h6",className:"expert__name",color:a.theme.colors.gray600},i),n.default.createElement(l.Text,{color:a.theme.colors.gray500,size:"p3",className:"specialty"},u)):n.default.createElement(n.default.Fragment,null,n.default.createElement(r.StyledExpertName,{color:a.theme.colors.gray600,className:"expert__name"},i),n.default.createElement(l.Text,{color:a.theme.colors.gray500,size:"p4",className:"specialty"},u))))))};exports.ArticleCard=function(e){var a=e.articleLink,o=e.authorLink,c=e.authorName,m=e.avatarImg,s=e.banner,u=e.categoryLink,f=e.categoryName,v=e.className,E=e.dataEventActionForBanner,h=e.dataEventActionForBookmark,g=e.dataEventActionForCategory,k=e.dataEventActionForTitle,y=e.dataEventCategoryForBanner,p=e.dataEventCategoryForBookmark,C=e.dataEventCategoryForCategory,x=e.dataEventCategoryForTitle,N=e.dataEventLabelForBanner,B=e.dataEventLabelForBookmark,b=e.dataEventLabelForCategory,F=e.dataEventLabelForTitle,w=e.direction,L=void 0===w?"horizontal":w,z=e.hasAffiliate,A=e.isBookmark,T=void 0!==A&&A,H=e.isBookmarkDisplayed,_=void 0===H\|\|H,M=e.isMobile,j=void 0===M\|\|M,S=e.onBookmark,D=e.onClickCategoryName,V=e.section,q=void 0===V?"normal":V,I=e.size,Z=void 0===I?"md":I,P=e.specialty,O=e.style,W=e.styleBanner,G=e.styleLabel,J=e.styleTitle,K=e.text,Q=e.title,R=e.type,U=void 0===R?"author":R,X=e.uploadTime,Y=function(e){e.stopPropagation(),S&&S()},$="lg"===Z&&"expert"===U?"h4":"lg"===Z&&"home"===q?j?"h4":"h3":"lg"===Z?"h4":"h5",ee="lg"===Z?"p3":"p4",ae=j\|\|"home"!==q\|\|"lg"!==Z\|\|"author"!==U?"c2":"c1";return n.default.createElement(r.StyledCard,{className:v,"data-size":Z,style:O,"data-direction":L,"data-is-expert":"expert"===U\|\|void 0},n.default.createElement("div",{className:"banner",style:W},n.default.createElement(r.StyledAnchor,{"data-event-category":y,"data-event-action":E,"data-event-label":N,href:a\|\|"#"},s),z&&n.default.createElement("div",{className:"shoppable"},n.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),n.default.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"})))),n.default.createElement("div",{className:"content"},n.default.createElement("div",{className:"inner-content"},n.default.createElement(l.Text,{style:G,className:"label",size:ae,type:"caption"},n.default.createElement(r.StyledAnchor,{"data-event-category":C,"data-event-action":g,"data-event-label":b,href:u\|\|"#",onClick:D},f),_&&n.default.createElement("a",{className:"bookmark",onClick:Y},T?n.default.createElement("svg",{"data-event-category":p,"data-event-action":h,"data-event-label":B,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.default.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):n.default.createElement("svg",{"data-event-category":p,"data-event-action":h,"data-event-label":B,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.default.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),n.default.createElement(t.Heading,{tag:$,style:J,className:"title",as:"lg"===Z?"h2":"h3"},n.default.createElement(r.StyledAnchor,{"data-event-category":x,"data-event-action":k,"data-event-label":F,href:a\|\|"#"},Q)),K&&n.default.createElement("a",{href:a\|\|"#"},n.default.createElement(l.Text,{size:ee,className:"text"},K))),n.default.createElement("div",{className:"footer"},"author"===U?n.default.createElement(d,{size:Z,avatarImg:m,authorName:c,authorLink:o,uploadTime:X,handleClick:Y,isBookmarked:T,dataEventCategoryForBookmark:p,dataEventActionForBookmark:h,dataEventLabelForBookmark:B}):n.default.createElement(i,{size:Z,isMobile:j,avatarImg:m,specialty:P,name:c,link:o,handleClick:Y,isBookmarked:T,dataEventCategoryForBookmark:p,dataEventActionForBookmark:h,dataEventLabelForBookmark:B}))))};
2	+ //# sourceMappingURL=index.js.map

package/build/components/molecules/articleCard/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/molecules/articleCard/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { theme } from 'misc/theme'\nimport { CSSProperties } from 'styled-components'\n\nimport { Heading } from '../../atoms/heading'\nimport { Text } from '../../atoms/text'\nimport {\n StyledCard,\n StyledAuthor,\n StyledExpertName,\n StyledAnchor,\n} from './index.styled'\n\ntype CardAuthorProps = {\n avatarImg: JSX.Element\n authorName: React.ReactNode\n authorLink?: string\n editorName?: string\n editorLink?: string\n size: string\n uploadTime: string\n handleClick: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void\n isBookmarked: boolean\n dataEventCategoryForBookmark?: string\n dataEventActionForBookmark?: string\n dataEventLabelForBookmark?: string\n}\n\nconst CardAuthor = ({\n avatarImg,\n authorName,\n authorLink,\n uploadTime,\n size,\n}: CardAuthorProps) => {\n return (\n <StyledAuthor>\n <div className=\"author\">\n <div className=\"avatar\" data-size={size}>\n {avatarImg}\n </div>\n <div className=\"poster\" data-is-disabled-url={!!!authorLink}>\n <Text size={size === 'lg' ? 'p3' : 'p4'}>\n <a href={authorLink}>\n <span className=\"name\">{authorName}</span>•{' '}\n </a>\n <span>{uploadTime}</span>\n </Text>\n </div>\n </div>\n </StyledAuthor>\n )\n}\n\ntype ArticleExpertProps = {\n isMobile: boolean\n avatarImg: JSX.Element\n name: React.ReactNode\n link?: string\n size: 'lg' | 'md' | 'sm'\n specialty: string\n handleClick: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void\n isBookmarked: boolean\n dataEventCategoryForBookmark?: string\n dataEventActionForBookmark?: string\n dataEventLabelForBookmark?: string\n}\n\nconst CardExpert = ({\n isMobile,\n avatarImg,\n name,\n link,\n size = 'lg',\n specialty,\n handleClick,\n isBookmarked,\n dataEventCategoryForBookmark,\n dataEventActionForBookmark,\n dataEventLabelForBookmark,\n}: ArticleExpertProps) => {\n return (\n <StyledAuthor>\n <div className=\"author\">\n <div className=\"expert-avatar\" data-size={size}>\n {avatarImg}\n </div>\n <div className=\"expert\" data-is-disabled-url={!!!link}>\n {isMobile ? (\n <a href={link}>\n {size === 'lg' ? (\n <>\n <Heading\n tag=\"h6\"\n className=\"expert__name\"\n color={theme.colors.gray600}\n >\n {name}\n </Heading>\n <Text\n color={theme.colors.gray500}\n size=\"p3\"\n className=\"specialty\"\n >\n {specialty}\n </Text>\n </>\n ) : (\n <>\n <Heading\n tag=\"h6\"\n className=\"expert__name\"\n color={theme.colors.gray600}\n >\n {name}\n </Heading>\n </>\n )}\n </a>\n ) : (\n <a href={link}>\n {size === 'lg' ? (\n <>\n <Heading\n tag=\"h6\"\n className=\"expert__name\"\n color={theme.colors.gray600}\n >\n {name}\n </Heading>\n <Text\n color={theme.colors.gray500}\n size=\"p3\"\n className=\"specialty\"\n >\n {specialty}\n </Text>\n </>\n ) : (\n <>\n <StyledExpertName\n color={theme.colors.gray600}\n className=\"expert__name\"\n >\n {name}\n </StyledExpertName>\n <Text\n color={theme.colors.gray500}\n size=\"p4\"\n className=\"specialty\"\n >\n {specialty}\n </Text>\n </>\n )}\n </a>\n )}\n </div>\n </div>\n </StyledAuthor>\n )\n}\n\nexport type Props = {\n banner: JSX.Element\n title: string\n text: string\n avatarImg: JSX.Element\n direction?: 'vertical' | 'horizontal'\n size?: 'sm' | 'lg' | 'md'\n type?: 'author' | 'expert'\n section?: 'home' | 'normal'\n authorName: React.ReactNode\n authorLink?: string\n specialty?: string\n uploadTime: string\n categoryName?: string\n categoryLink?: string\n articleLink?: string\n isBookmarkDisplayed?: boolean\n onBookmark?: () => void\n isBookmark?: boolean\n hasAffiliate?: boolean\n hasButton?: boolean\n textButton?: string\n isMobile?: boolean\n styleBanner?: CSSProperties\n styleLabel?: CSSProperties\n styleTitle?: CSSProperties\n style?: CSSProperties\n className?: string\n dataEventCategoryForCategory?: string\n dataEventActionForCategory?: string\n dataEventLabelForCategory?: string\n dataEventCategoryForTitle?: string\n dataEventActionForTitle?: string\n dataEventLabelForTitle?: string\n dataEventCategoryForBanner?: string\n dataEventActionForBanner?: string\n dataEventLabelForBanner?: string\n dataEventCategoryForBookmark?: string\n dataEventActionForBookmark?: string\n dataEventLabelForBookmark?: string\n onClickCategoryName?: (e: React.MouseEvent) => void\n}\n\nconst ArticleCard = ({\n articleLink,\n authorLink,\n authorName,\n avatarImg,\n banner,\n categoryLink,\n categoryName,\n className,\n dataEventActionForBanner,\n dataEventActionForBookmark,\n dataEventActionForCategory,\n dataEventActionForTitle,\n dataEventCategoryForBanner,\n dataEventCategoryForBookmark,\n dataEventCategoryForCategory,\n dataEventCategoryForTitle,\n dataEventLabelForBanner,\n dataEventLabelForBookmark,\n dataEventLabelForCategory,\n dataEventLabelForTitle,\n direction = 'horizontal',\n hasAffiliate,\n isBookmark = false,\n isBookmarkDisplayed = true,\n isMobile = true,\n onBookmark,\n onClickCategoryName,\n section = 'normal',\n size = 'md',\n specialty,\n style,\n styleBanner,\n styleLabel,\n styleTitle,\n text,\n title,\n type = 'author',\n uploadTime,\n}: Props) => {\n const handleClick = (\n e: React.MouseEvent<HTMLDivElement | HTMLAnchorElement, MouseEvent>,\n ) => {\n e.stopPropagation()\n onBookmark && onBookmark()\n }\n\n const headingTag =\n size === 'lg' && type === 'expert'\n ? 'h4'\n : size === 'lg' && section === 'home'\n ? isMobile\n ? 'h4'\n : 'h3'\n : size === 'lg'\n ? 'h4'\n : 'h5'\n const descriptionTag = size === 'lg' ? 'p3' : 'p4'\n const categoryLabelTag =\n !isMobile && section === 'home' && size === 'lg' && type === 'author'\n ? 'c1'\n : 'c2'\n\n return (\n <StyledCard\n className={className}\n data-size={size}\n style={style}\n data-direction={direction}\n data-is-expert={type === 'expert' || undefined}\n >\n <div className=\"banner\" style={styleBanner}>\n <StyledAnchor\n data-event-category={dataEventCategoryForBanner}\n data-event-action={dataEventActionForBanner}\n data-event-label={dataEventLabelForBanner}\n href={articleLink || '#'}\n >\n {banner}\n </StyledAnchor>\n {hasAffiliate && (\n <div className=\"shoppable\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#1B3250\" />\n <path\n d=\"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n )}\n </div>\n <div className=\"content\">\n <div className=\"inner-content\">\n <Text\n style={styleLabel}\n className=\"label\"\n size={categoryLabelTag}\n type=\"caption\"\n >\n <StyledAnchor\n data-event-category={dataEventCategoryForCategory}\n data-event-action={dataEventActionForCategory}\n data-event-label={dataEventLabelForCategory}\n href={categoryLink || '#'}\n onClick={onClickCategoryName}\n >\n {categoryName}\n </StyledAnchor>\n {isBookmarkDisplayed && (\n <a className=\"bookmark\" onClick={handleClick}>\n {!isBookmark ? (\n <svg\n data-event-category={dataEventCategoryForBookmark}\n data-event-action={dataEventActionForBookmark}\n data-event-label={dataEventLabelForBookmark}\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z\"\n fill=\"#D2D6DC\"\n />\n </svg>\n ) : (\n <svg\n data-event-category={dataEventCategoryForBookmark}\n data-event-action={dataEventActionForBookmark}\n data-event-label={dataEventLabelForBookmark}\n width=\"14\"\n height=\"16\"\n viewBox=\"0 0 14 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z\"\n fill=\"#2ED69E\"\n stroke=\"#2ED69E\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )}\n </a>\n )}\n </Text>\n\n <Heading\n tag={headingTag}\n style={styleTitle}\n className=\"title\"\n as={size === 'lg' ? 'h2' : 'h3'}\n >\n <StyledAnchor\n data-event-category={dataEventCategoryForTitle}\n data-event-action={dataEventActionForTitle}\n data-event-label={dataEventLabelForTitle}\n href={articleLink || '#'}\n >\n {title}\n </StyledAnchor>\n </Heading>\n\n {text && (\n <a href={articleLink || '#'}>\n <Text size={descriptionTag} className=\"text\">\n {text}\n </Text>\n </a>\n )}\n </div>\n\n <div className=\"footer\">\n {type === 'author' ? (\n <CardAuthor\n size={size}\n avatarImg={avatarImg}\n authorName={authorName}\n authorLink={authorLink}\n uploadTime={uploadTime}\n handleClick={handleClick}\n isBookmarked={isBookmark}\n dataEventCategoryForBookmark={dataEventCategoryForBookmark}\n dataEventActionForBookmark={dataEventActionForBookmark}\n dataEventLabelForBookmark={dataEventLabelForBookmark}\n />\n ) : (\n <CardExpert\n size={size}\n isMobile={isMobile}\n avatarImg={avatarImg}\n specialty={specialty}\n name={authorName}\n link={authorLink}\n handleClick={handleClick}\n isBookmarked={isBookmark}\n dataEventCategoryForBookmark={dataEventCategoryForBookmark}\n dataEventActionForBookmark={dataEventActionForBookmark}\n dataEventLabelForBookmark={dataEventLabelForBookmark}\n />\n )}\n </div>\n </div>\n </StyledCard>\n )\n}\n\nexport { ArticleCard }\n"],"names":["CardAuthor","_a","avatarImg","authorName","authorLink","uploadTime","size","React","StyledAuthor","createElement","className","Text","href","CardExpert","isMobile","name","link","_b","specialty","handleClick","isBookmarked","dataEventActionForBookmark","dataEventLabelForBookmark","Fragment","Heading","tag","color","theme","colors","gray600","gray500","StyledExpertName","articleLink","banner","categoryLink","categoryName","dataEventActionForBanner","dataEventActionForCategory","dataEventActionForTitle","dataEventCategoryForBanner","dataEventCategoryForBookmark","dataEventCategoryForCategory","dataEventCategoryForTitle","dataEventLabelForBanner","dataEventLabelForCategory","dataEventLabelForTitle","direction","hasAffiliate","_c","isBookmark","_d","isBookmarkDisplayed","_e","onBookmark","onClickCategoryName","_f","section","_g","style","styleBanner","styleLabel","styleTitle","text","title","_h","type","e","stopPropagation","headingTag","descriptionTag","categoryLabelTag","StyledCard","undefined","StyledAnchor","width","height","viewBox","fill","xmlns","rx","d","onClick","stroke","strokeWidth","strokeLinecap","strokeLinejoin","as"],"mappings":"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"}

package/build/components/molecules/articleCard/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),t=require("../../../misc/utils.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,a,o,r,p=e(require("styled-components")),d=p.default.h6(i\|\|(i=n.__makeTemplateObject(["\n color: ",";\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n"],["\n color: ",";\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold})),x=p.default.a(a\|\|(a=n.__makeTemplateObject(["\n display: inline-block;\n width: 100%;\n height: 100%;\n color: inherit;\n text-decoration: none;\n\n * {\n pointer-events: none;\n }\n"],["\n display: inline-block;\n width: 100%;\n height: 100%;\n color: inherit;\n text-decoration: none;\n\n * {\n pointer-events: none;\n }\n"]))),l=p.default.article(o\|\|(o=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: 16px 16px 16px 0;\n background-color: ",";\n cursor: pointer;\n\n [data-event-category] > * {\n pointer-events: none;\n }\n\n .content {\n display: flex;\n width: 100%;\n flex-direction: column;\n\n .inner-content {\n display: flex;\n flex-direction: column;\n p {\n display: flex;\n align-items: center;\n }\n\n a {\n text-decoration: none;\n }\n\n .bookmark {\n width: 18px;\n height: 18px;\n }\n //.title,\n .title a {\n display: -webkit-box;\n overflow: hidden;\n margin-top: 2px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n\n .text {\n display: -webkit-box;\n overflow: hidden;\n max-width: 100%;\n margin-top: 4px;\n //margin-bottom: 26px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n }\n }\n\n .footer {\n display: flex;\n\n .author {\n width: calc(100% - 20px);\n }\n\n .bookmark {\n display: flex;\n width: 12px;\n height: 16px;\n margin-left: 8px;\n cursor: pointer;\n\n svg {\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .banner {\n position: relative;\n min-width: 100px;\n max-width: 100px;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n border-radius: 6px;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 6px;\n object-fit: cover;\n object-position: center;\n pointer-events: none;\n }\n }\n .shoppable {\n position: absolute;\n bottom: 4px;\n left: 6px;\n }\n\n &[data-size='sm'][data-direction='horizontal'] {\n padding: 20px 0;\n\n .label {\n margin-bottom: 0;\n }\n .banner {\n width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n\n "," {\n min-width: 100px;\n max-width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n }\n }\n\n .text {\n display: none;\n }\n }\n\n &[data-direction='horizontal'] {\n .footer {\n margin-top: auto;\n }\n }\n\n &[data-size='md'][data-direction='horizontal'] {\n padding: 16px 0;\n\n .banner {\n min-width: 200px;\n max-width: 200px;\n height: 150px;\n margin: 0 24px 0 0;\n }\n\n "," {\n .text {\n display: none;\n }\n\n .banner {\n min-width: 100px;\n max-width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n }\n\n .specialty {\n display: none;\n }\n }\n }\n\n &[data-direction='vertical'] {\n flex-direction: column;\n padding: 0 0 0 0;\n\n .label {\n margin-top: 16px;\n display: flex;\n }\n\n &[data-size='sm'] {\n .banner {\n height: 150px;\n }\n\n .text {\n display: none;\n }\n\n .title {\n margin-top: 0;\n margin-bottom: 12px;\n }\n }\n\n &[data-size='lg'] {\n .banner {\n max-height: 312px;\n\n "," {\n max-height: 192px;\n }\n }\n\n .text {\n display: -webkit-box;\n margin-top: 8px;\n margin-bottom: 16px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n word-break: break-word;\n }\n }\n\n .banner {\n min-width: 100%;\n height: 468px;\n margin: 0;\n }\n }\n\n &[data-is-expert] {\n .inner-content label.text {\n display: none;\n }\n\n .specialty > [data-tag='h6'] {\n font-size: 13px;\n font-weight: 400;\n line-height: 19px;\n }\n\n &[data-size='md'] .footer .author .avatar {\n margin-right: 8px;\n }\n\n "," {\n &[data-size='md'] .footer .author .avatar {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n }\n\n .title {\n margin-bottom: 16px;\n "," {\n margin-bottom: 8px;\n }\n }\n\n &[data-direction='horizontal'] {\n .footer {\n margin-top: auto;\n }\n }\n }\n"],["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: 16px 16px 16px 0;\n background-color: ",";\n cursor: pointer;\n\n [data-event-category] > * {\n pointer-events: none;\n }\n\n .content {\n display: flex;\n width: 100%;\n flex-direction: column;\n\n .inner-content {\n display: flex;\n flex-direction: column;\n p {\n display: flex;\n align-items: center;\n }\n\n a {\n text-decoration: none;\n }\n\n .bookmark {\n width: 18px;\n height: 18px;\n }\n //.title,\n .title a {\n display: -webkit-box;\n overflow: hidden;\n margin-top: 2px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n\n .text {\n display: -webkit-box;\n overflow: hidden;\n max-width: 100%;\n margin-top: 4px;\n //margin-bottom: 26px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n }\n }\n\n .footer {\n display: flex;\n\n .author {\n width: calc(100% - 20px);\n }\n\n .bookmark {\n display: flex;\n width: 12px;\n height: 16px;\n margin-left: 8px;\n cursor: pointer;\n\n svg {\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .banner {\n position: relative;\n min-width: 100px;\n max-width: 100px;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n border-radius: 6px;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 6px;\n object-fit: cover;\n object-position: center;\n pointer-events: none;\n }\n }\n .shoppable {\n position: absolute;\n bottom: 4px;\n left: 6px;\n }\n\n &[data-size='sm'][data-direction='horizontal'] {\n padding: 20px 0;\n\n .label {\n margin-bottom: 0;\n }\n .banner {\n width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n\n "," {\n min-width: 100px;\n max-width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n }\n }\n\n .text {\n display: none;\n }\n }\n\n &[data-direction='horizontal'] {\n .footer {\n margin-top: auto;\n }\n }\n\n &[data-size='md'][data-direction='horizontal'] {\n padding: 16px 0;\n\n .banner {\n min-width: 200px;\n max-width: 200px;\n height: 150px;\n margin: 0 24px 0 0;\n }\n\n "," {\n .text {\n display: none;\n }\n\n .banner {\n min-width: 100px;\n max-width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n }\n\n .specialty {\n display: none;\n }\n }\n }\n\n &[data-direction='vertical'] {\n flex-direction: column;\n padding: 0 0 0 0;\n\n .label {\n margin-top: 16px;\n display: flex;\n }\n\n &[data-size='sm'] {\n .banner {\n height: 150px;\n }\n\n .text {\n display: none;\n }\n\n .title {\n margin-top: 0;\n margin-bottom: 12px;\n }\n }\n\n &[data-size='lg'] {\n .banner {\n max-height: 312px;\n\n "," {\n max-height: 192px;\n }\n }\n\n .text {\n display: -webkit-box;\n margin-top: 8px;\n margin-bottom: 16px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n word-break: break-word;\n }\n }\n\n .banner {\n min-width: 100%;\n height: 468px;\n margin: 0;\n }\n }\n\n &[data-is-expert] {\n .inner-content label.text {\n display: none;\n }\n\n .specialty > [data-tag='h6'] {\n font-size: 13px;\n font-weight: 400;\n line-height: 19px;\n }\n\n &[data-size='md'] .footer .author .avatar {\n margin-right: 8px;\n }\n\n "," {\n &[data-size='md'] .footer .author .avatar {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n }\n\n .title {\n margin-bottom: 16px;\n "," {\n margin-bottom: 8px;\n }\n }\n\n &[data-direction='horizontal'] {\n .footer {\n margin-top: auto;\n }\n }\n }\n"])),(function(n){return n.theme.colors.white}),t.MediaQueries.mbDown,t.MediaQueries.mbDown,t.MediaQueries.mbDown,t.MediaQueries.tdUp,t.MediaQueries.mbDown),h=p.default.div(r\|\|(r=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-top: 8px;\n\n .author {\n display: flex;\n align-items: center;\n\n .avatar,\n .expert-avatar {\n flex-shrink: 0;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n\n .name {\n font-weight: 600;\n }\n\n .poster {\n display: flex;\n align-items: center;\n white-space: pre-wrap;\n &[data-is-disabled-url='true'] {\n cursor: default;\n a {\n pointer-events: none;\n }\n }\n\n p {\n display: -webkit-box;\n overflow: hidden;\n //font-size: 11px;\n -webkit-box-orient: vertical;\n font-weight: 400;\n -webkit-line-clamp: 3;\n\n a {\n color: ",";\n text-decoration: none;\n }\n\n span:not(.name) {\n color: ",";\n }\n }\n }\n\n .expert {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n\n a {\n text-decoration: none;\n }\n\n &[data-is-disabled-url='true'] {\n cursor: default;\n a {\n pointer-events: none;\n }\n }\n }\n\n .avatar {\n width: 24px;\n height: 24px;\n margin-right: 8px;\n\n "," {\n margin-right: 4px;\n }\n\n &[data-size='lg'] {\n "," {\n width: 32px;\n height: 32px;\n margin-right: 12px;\n }\n }\n }\n\n .expert-avatar {\n "," {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n\n "," {\n width: 32px;\n height: 32px;\n margin-right: 8px;\n }\n\n &[data-size='lg'] {\n "," {\n width: 64px;\n height: 64px;\n margin-right: 16px;\n }\n\n "," {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n }\n }\n }\n"],["\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-top: 8px;\n\n .author {\n display: flex;\n align-items: center;\n\n .avatar,\n .expert-avatar {\n flex-shrink: 0;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n\n .name {\n font-weight: 600;\n }\n\n .poster {\n display: flex;\n align-items: center;\n white-space: pre-wrap;\n &[data-is-disabled-url='true'] {\n cursor: default;\n a {\n pointer-events: none;\n }\n }\n\n p {\n display: -webkit-box;\n overflow: hidden;\n //font-size: 11px;\n -webkit-box-orient: vertical;\n font-weight: 400;\n -webkit-line-clamp: 3;\n\n a {\n color: ",";\n text-decoration: none;\n }\n\n span:not(.name) {\n color: ",";\n }\n }\n }\n\n .expert {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n\n a {\n text-decoration: none;\n }\n\n &[data-is-disabled-url='true'] {\n cursor: default;\n a {\n pointer-events: none;\n }\n }\n }\n\n .avatar {\n width: 24px;\n height: 24px;\n margin-right: 8px;\n\n "," {\n margin-right: 4px;\n }\n\n &[data-size='lg'] {\n "," {\n width: 32px;\n height: 32px;\n margin-right: 12px;\n }\n }\n }\n\n .expert-avatar {\n "," {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n\n "," {\n width: 32px;\n height: 32px;\n margin-right: 8px;\n }\n\n &[data-size='lg'] {\n "," {\n width: 64px;\n height: 64px;\n margin-right: 16px;\n }\n\n "," {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n }\n }\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray400}),t.MediaQueries.mbDown,t.MediaQueries.tdUp,t.MediaQueries.mbUp,t.MediaQueries.mbDown,t.MediaQueries.mbUp,t.MediaQueries.mbDown);exports.StyledAnchor=x,exports.StyledAuthor=h,exports.StyledCard=l,exports.StyledExpertName=d;
2	+ //# sourceMappingURL=index.styled.js.map

package/build/components/molecules/articleCard/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../src/components/molecules/articleCard/index.styled.tsx"],"sourcesContent":["import { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nimport { ThemeProps } from '../../../misc/theme'\n\nexport const StyledExpertName = styled.h6`\n color: ${(props: ThemeProps) => props.theme.colors.gray600};\n font-size: 14px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n line-height: 22px;\n`\n\nexport const StyledAnchor = styled.a`\n display: inline-block;\n width: 100%;\n height: 100%;\n color: inherit;\n text-decoration: none;\n\n * {\n pointer-events: none;\n }\n`\n\nexport const StyledCard = styled.article`\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: 16px 16px 16px 0;\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n cursor: pointer;\n\n [data-event-category] > * {\n pointer-events: none;\n }\n\n .content {\n display: flex;\n width: 100%;\n flex-direction: column;\n\n .inner-content {\n display: flex;\n flex-direction: column;\n p {\n display: flex;\n align-items: center;\n }\n\n a {\n text-decoration: none;\n }\n\n .bookmark {\n width: 18px;\n height: 18px;\n }\n //.title,\n .title a {\n display: -webkit-box;\n overflow: hidden;\n margin-top: 2px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n\n .text {\n display: -webkit-box;\n overflow: hidden;\n max-width: 100%;\n margin-top: 4px;\n //margin-bottom: 26px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n }\n }\n\n .footer {\n display: flex;\n\n .author {\n width: calc(100% - 20px);\n }\n\n .bookmark {\n display: flex;\n width: 12px;\n height: 16px;\n margin-left: 8px;\n cursor: pointer;\n\n svg {\n width: 100%;\n height: 100%;\n }\n }\n }\n\n .banner {\n position: relative;\n min-width: 100px;\n max-width: 100px;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n border-radius: 6px;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 6px;\n object-fit: cover;\n object-position: center;\n pointer-events: none;\n }\n }\n .shoppable {\n position: absolute;\n bottom: 4px;\n left: 6px;\n }\n\n &[data-size='sm'][data-direction='horizontal'] {\n padding: 20px 0;\n\n .label {\n margin-bottom: 0;\n }\n .banner {\n width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n\n ${MediaQueries.mbDown} {\n min-width: 100px;\n max-width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n }\n }\n\n .text {\n display: none;\n }\n }\n\n &[data-direction='horizontal'] {\n .footer {\n margin-top: auto;\n }\n }\n\n &[data-size='md'][data-direction='horizontal'] {\n padding: 16px 0;\n\n .banner {\n min-width: 200px;\n max-width: 200px;\n height: 150px;\n margin: 0 24px 0 0;\n }\n\n ${MediaQueries.mbDown} {\n .text {\n display: none;\n }\n\n .banner {\n min-width: 100px;\n max-width: 100px;\n height: 100px;\n margin: 0 16px 0 0;\n }\n\n .specialty {\n display: none;\n }\n }\n }\n\n &[data-direction='vertical'] {\n flex-direction: column;\n padding: 0 0 0 0;\n\n .label {\n margin-top: 16px;\n display: flex;\n }\n\n &[data-size='sm'] {\n .banner {\n height: 150px;\n }\n\n .text {\n display: none;\n }\n\n .title {\n margin-top: 0;\n margin-bottom: 12px;\n }\n }\n\n &[data-size='lg'] {\n .banner {\n max-height: 312px;\n\n ${MediaQueries.mbDown} {\n max-height: 192px;\n }\n }\n\n .text {\n display: -webkit-box;\n margin-top: 8px;\n margin-bottom: 16px;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n word-break: break-word;\n }\n }\n\n .banner {\n min-width: 100%;\n height: 468px;\n margin: 0;\n }\n }\n\n &[data-is-expert] {\n .inner-content label.text {\n display: none;\n }\n\n .specialty > [data-tag='h6'] {\n font-size: 13px;\n font-weight: 400;\n line-height: 19px;\n }\n\n &[data-size='md'] .footer .author .avatar {\n margin-right: 8px;\n }\n\n ${MediaQueries.tdUp} {\n &[data-size='md'] .footer .author .avatar {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n }\n\n .title {\n margin-bottom: 16px;\n ${MediaQueries.mbDown} {\n margin-bottom: 8px;\n }\n }\n\n &[data-direction='horizontal'] {\n .footer {\n margin-top: auto;\n }\n }\n }\n`\n\nexport const StyledAuthor = styled.div`\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-top: 8px;\n\n .author {\n display: flex;\n align-items: center;\n\n .avatar,\n .expert-avatar {\n flex-shrink: 0;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n\n .name {\n font-weight: 600;\n }\n\n .poster {\n display: flex;\n align-items: center;\n white-space: pre-wrap;\n &[data-is-disabled-url='true'] {\n cursor: default;\n a {\n pointer-events: none;\n }\n }\n\n p {\n display: -webkit-box;\n overflow: hidden;\n //font-size: 11px;\n -webkit-box-orient: vertical;\n font-weight: 400;\n -webkit-line-clamp: 3;\n\n a {\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n text-decoration: none;\n }\n\n span:not(.name) {\n color: ${(props: ThemeProps) => props.theme.colors.gray400};\n }\n }\n }\n\n .expert {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n\n a {\n text-decoration: none;\n }\n\n &[data-is-disabled-url='true'] {\n cursor: default;\n a {\n pointer-events: none;\n }\n }\n }\n\n .avatar {\n width: 24px;\n height: 24px;\n margin-right: 8px;\n\n ${MediaQueries.mbDown} {\n margin-right: 4px;\n }\n\n &[data-size='lg'] {\n ${MediaQueries.tdUp} {\n width: 32px;\n height: 32px;\n margin-right: 12px;\n }\n }\n }\n\n .expert-avatar {\n ${MediaQueries.mbUp} {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n\n ${MediaQueries.mbDown} {\n width: 32px;\n height: 32px;\n margin-right: 8px;\n }\n\n &[data-size='lg'] {\n ${MediaQueries.mbUp} {\n width: 64px;\n height: 64px;\n margin-right: 16px;\n }\n\n ${MediaQueries.mbDown} {\n width: 40px;\n height: 40px;\n margin-right: 16px;\n }\n }\n }\n }\n`\n"],"names":["StyledExpertName","styled","h6","templateObject_1","__makeTemplateObject","props","theme","colors","gray600","sizes","fwBold","StyledAnchor","a","templateObject_2","StyledCard","article","templateObject_3","white","MediaQueries","mbDown","tdUp","StyledAuthor","div","templateObject_4","gray800","gray400","mbUp"],"mappings":"wRAKaA,EAAmBC,EAAAA,QAAOC,GAAEC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,cAAA,yCAAA,6BAAA,CAAA,cACmB,yCAEI,gCAFrD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WAEpC,SAACH,GAAsB,OAAAA,EAAMC,MAAMG,MAAMC,UAI7CC,EAAeV,EAAM,QAACW,EAACC,IAAAA,EAAAT,uBAAA,CAAA,uJAAA,CAAA,0JAYvBU,EAAab,EAAAA,QAAOc,QAAOC,IAAAA,EAAAZ,uBAAA,CAAA,oHAAA,o0DAAA,0dAAA,wsBAAA,+pBAAA,sMAAA,8JAAA,CAAA,oHAK6B,o0DAyG1C,0dA6BF,wsBA8CI,+pBAqCN,sMAUI,iKAnOL,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOU,QAyGxDC,EAAYA,aAACC,OA6BfD,EAAAA,aAAaC,OA8CTD,EAAYA,aAACC,OAqCjBD,eAAaE,KAUXF,EAAYA,aAACC,QAaRE,EAAepB,EAAM,QAACqB,IAAGC,IAAAA,EAAAnB,EAAAA,qBAAA,CAAA,02BAAA,iGAAA,scAAA,iFAAA,gJAAA,kGAAA,8HAAA,4GAAA,wHAAA,CAAA,02BA+C8B,iGAKA,scA4BzC,iFAKA,gJASF,kGAME,8HAOA,4GAME,2HAlEV,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOiB,WAK1C,SAACnB,GAAsB,OAAAA,EAAMC,MAAMC,OAAOkB,UA4BrDP,EAAYA,aAACC,OAKXD,eAAaE,KASfF,EAAAA,aAAaQ,KAMbR,EAAYA,aAACC,OAOXD,EAAYA,aAACQ,KAMbR,EAAAA,aAAaC"}

package/build/components/molecules/breadcrumbs/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react"),a=require("react-id-generator"),n=require("../dropdown/index.js"),r=require("./index.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t),d=function(e){var t=e.LinkComponent,a=e.page,l=e.isLast,d=e.onChangePage,s=a.label,i=a.value,u=a.isDropdown,c=a.dropdownItems,p=a.dataEventCategory,m=a.dataEventAction,g=a.dataEventLabel;return u?o.default.createElement(n.Dropdown,{options:c,placeholder:"...",id:"",placeholderIcon:null,onChange:d,className:"collapsed-breadcrumb"}):o.default.createElement(r.StyledTextLink,{title:"string"!=typeof s?i:s,"data-last":l},t&&o.default.createElement(t,{"data-event-category":p,"data-event-action":m,"data-event-label":g,href:i\|\|"#"},s))};exports.Breadcrumbs=function(n){var l=n.className,s=n.pages,i=n.size,u=n.LinkComponent,c=void 0===u?"a":u,p=n.onChangePage,m=n.separator,g=t.useMemo((function(){return s.map((function(t,a){return s.length>4?a>1&&a<s.length-2?null:1===a?e.__assign(e.__assign({},t),{isDropdown:1===a,dropdownItems:s.slice(1,s.length-2)}):t:t})).filter(Boolean)}),[s]),f=a.useId(g.length);return o.default.createElement(r.StyledBreadcrumb,{"data-size":i,className:l},g.map((function(e,a){var n=a+1===g.length;return o.default.createElement(t.Fragment,{key:f[a]},o.default.createElement(d,{LinkComponent:c,page:e,isLast:n,onChangePage:p}),!n&&(m\|\|o.default.createElement(r.StyledSeparator,{"data-size":i})))})))};
2	+ //# sourceMappingURL=index.js.map

package/build/components/molecules/breadcrumbs/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/molecules/breadcrumbs/index.tsx"],"sourcesContent":["import React, { Fragment, useMemo } from 'react'\n\nimport { useId } from 'react-id-generator'\n\nimport { Dropdown, Option } from '../../molecules/dropdown'\nimport {\n StyledBreadcrumb,\n StyledTextLink,\n // StyledLink,\n StyledSeparator,\n} from './index.styled'\n\ntype Page = {\n label: string | JSX.Element\n value: string\n active?: boolean\n dataEventCategory?: string\n dataEventAction?: string\n dataEventLabel?: string\n}\n\nexport type Props = {\n size: 'lg' | 'md' | 'sm'\n pages: Array<Page>\n className?: string\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n LinkComponent?: React.ComponentType<any> | string\n onChangePage?: () => void\n separator?: string | JSX.Element\n}\n\ninterface MappedPage extends Page {\n isDropdown?: boolean\n dropdownItems?: Array<Option>\n}\nexport type BreadcrumbItemProps = {\n page: MappedPage\n isLast?: boolean\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n LinkComponent: React.ComponentType<any> | string\n onChangePage?: () => void\n}\n\nconst BreadcrumbItem = ({\n LinkComponent,\n page,\n isLast,\n onChangePage,\n}: BreadcrumbItemProps) => {\n const {\n label,\n value,\n isDropdown,\n dropdownItems,\n dataEventCategory,\n dataEventAction,\n dataEventLabel,\n } = page\n\n if (isDropdown) {\n return (\n <Dropdown\n options={dropdownItems}\n placeholder=\"...\"\n id=\"\"\n placeholderIcon={null}\n onChange={onChangePage}\n className=\"collapsed-breadcrumb\"\n />\n )\n }\n return (\n <StyledTextLink\n title={typeof label !== 'string' ? value : label}\n data-last={isLast}\n >\n {LinkComponent && (\n <LinkComponent\n data-event-category={dataEventCategory}\n data-event-action={dataEventAction}\n data-event-label={dataEventLabel}\n href={value || '#'}\n >\n {label}\n </LinkComponent>\n )}\n </StyledTextLink>\n )\n}\n\nconst Breadcrumbs = ({\n className,\n pages,\n size,\n LinkComponent = 'a',\n onChangePage,\n separator,\n}: Props) => {\n const mappedList: Array<MappedPage> = useMemo(\n () =>\n pages\n .map((item, index) => {\n if (pages.length > 4) {\n if (index > 1 && index < pages.length - 2) return null\n if (index === 1) {\n return {\n ...item,\n isDropdown: index === 1,\n dropdownItems: pages.slice(1, pages.length - 2),\n }\n }\n return item\n }\n return item\n })\n .filter(Boolean),\n [pages],\n )\n\n const idList = useId(mappedList.length)\n return (\n <StyledBreadcrumb data-size={size} className={className}>\n {mappedList.map((page, index) => {\n const isLast = index + 1 === mappedList.length\n return (\n <Fragment key={idList[index]}>\n <BreadcrumbItem\n LinkComponent={LinkComponent}\n page={page}\n isLast={isLast}\n onChangePage={onChangePage}\n />\n {!isLast && (separator || <StyledSeparator data-size={size} />)}\n </Fragment>\n )\n })}\n </StyledBreadcrumb>\n )\n}\n\nexport { Breadcrumbs }\n"],"names":["BreadcrumbItem","_a","LinkComponent","page","isLast","onChangePage","label","value","isDropdown","dropdownItems","dataEventCategory","dataEventAction","dataEventLabel","React","createElement","Dropdown","options","placeholder","id","placeholderIcon","onChange","className","StyledTextLink","title","href","pages","size","_b","separator","mappedList","useMemo","map","item","index","length","__assign","slice","filter","Boolean","idList","useId","StyledBreadcrumb","Fragment","key","StyledSeparator"],"mappings":"qUA2CMA,EAAiB,SAACC,OACtBC,EAAaD,EAAAC,cACbC,EAAIF,EAAAE,KACJC,EAAMH,EAAAG,OACNC,EAAYJ,EAAAI,aAGVC,EAOEH,EAAIG,MANNC,EAMEJ,EAAII,MALNC,EAKEL,EAAIK,WAJNC,EAIEN,EAAIM,cAHNC,EAGEP,oBAFFQ,EAEER,kBADFS,EACET,iBAEJ,OAAIK,EAEAK,EAAAA,QAAAC,cAACC,EAAQA,SAAA,CACPC,QAASP,EACTQ,YAAY,MACZC,GAAG,GACHC,gBAAiB,KACjBC,SAAUf,EACVgB,UAAU,yBAKdR,wBAACS,EAAcA,eAAA,CACbC,MAAwB,iBAAVjB,EAAqBC,EAAQD,EAAK,YACrCF,GAEVF,GACCW,EAAA,QAAAC,cAACZ,EACsB,CAAA,sBAAAQ,sBACFC,EAAe,mBAChBC,EAClBY,KAAMjB,GAAS,KAEdD,yBAOS,SAACL,GACnB,IAAAoB,cACAI,UACAC,SACAC,EAAA1B,EAAAC,cAAAA,OAAa,IAAAyB,EAAG,IAAGA,EACnBtB,EAAYJ,EAAAI,aACZuB,EAAS3B,EAAA2B,UAEHC,EAAgCC,EAAAA,SACpC,WACE,OAAAL,EACGM,KAAI,SAACC,EAAMC,GACV,OAAIR,EAAMS,OAAS,EACbD,EAAQ,GAAKA,EAAQR,EAAMS,OAAS,EAAU,KACpC,IAAVD,EAEGE,EAAAA,SAAAA,EAAAA,SAAA,GAAAH,IACHxB,WAAsB,IAAVyB,EACZxB,cAAegB,EAAMW,MAAM,EAAGX,EAAMS,OAAS,KAG1CF,EAEFA,KAERK,OAAOC,WACZ,CAACb,IAGGc,EAASC,EAAAA,MAAMX,EAAWK,QAChC,OACErB,EAAC,QAAAC,cAAA2B,mBAA4B,CAAA,YAAAf,EAAML,UAAWA,GAC3CQ,EAAWE,KAAI,SAAC5B,EAAM8B,GACrB,IAAM7B,EAAS6B,EAAQ,IAAMJ,EAAWK,OACxC,OACErB,EAAAA,sBAAC6B,EAAQA,SAAA,CAACC,IAAKJ,EAAON,IACpBpB,EAAAA,QAAAC,cAACd,EACC,CAAAE,cAAeA,EACfC,KAAMA,EACNC,OAAQA,EACRC,aAAcA,KAEdD,IAAWwB,GAAaf,EAAAA,QAAAC,cAAC8B,kBAAe,CAAA,YAAYlB"}

package/build/components/molecules/breadcrumbs/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,i,r,o=e(require("styled-components")),a=o.default.div(t\|\|(t=n.__makeTemplateObject(["\n position: relative;\n display: flex;\n\n & > .collapsed-breadcrumb {\n border: none;\n & > div {\n padding: 0;\n }\n & > ul {\n min-width: max-content;\n }\n }\n\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n font-weight: ",";\n }\n &[data-size='md'] {\n font-size: 14px;\n line-height: 22px;\n font-weight: ",";\n }\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n font-weight: ",";\n }\n"],["\n position: relative;\n display: flex;\n\n & > .collapsed-breadcrumb {\n border: none;\n & > div {\n padding: 0;\n }\n & > ul {\n min-width: max-content;\n }\n }\n\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n font-weight: ",";\n }\n &[data-size='md'] {\n font-size: 14px;\n line-height: 22px;\n font-weight: ",";\n }\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n font-weight: ",";\n }\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular})),l=o.default.div(i\|\|(i=n.__makeTemplateObject(["\n margin-right: 8px;\n margin-left: 8px;\n width: 6px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n &[data-size='lg'] {\n width: 6px;\n margin-right: 8px;\n margin-left: 8px;\n }\n &[data-size='md'] {\n width: 5px;\n margin-right: 7px;\n margin-left: 7px;\n }\n &[data-size='sm'] {\n width: 4px;\n margin-right: 6px;\n margin-left: 6px;\n }\n"],["\n margin-right: 8px;\n margin-left: 8px;\n width: 6px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n &[data-size='lg'] {\n width: 6px;\n margin-right: 8px;\n margin-left: 8px;\n }\n &[data-size='md'] {\n width: 5px;\n margin-right: 7px;\n margin-left: 7px;\n }\n &[data-size='sm'] {\n width: 4px;\n margin-right: 6px;\n margin-left: 6px;\n }\n"]))),d=o.default.div(r\|\|(r=n.__makeTemplateObject(["\n max-width: 12em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n > a {\n color: ",";\n cursor: pointer;\n text-decoration: none;\n }\n\n &[data-last='true'] {\n > a {\n color: ",";\n }\n }\n\n > a {\n &:hover,\n &:focus {\n color: ",";\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ",";\n }\n }\n\n &:active {\n color: ",";\n }\n }\n\n &[data-disabled] {\n > a {\n cursor: not-allowed;\n color: ",";\n }\n }\n"],["\n max-width: 12em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n > a {\n color: ",";\n cursor: pointer;\n text-decoration: none;\n }\n\n &[data-last='true'] {\n > a {\n color: ",";\n }\n }\n\n > a {\n &:hover,\n &:focus {\n color: ",";\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ",";\n }\n }\n\n &:active {\n color: ",";\n }\n }\n\n &[data-disabled] {\n > a {\n cursor: not-allowed;\n color: ",";\n }\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.gray300}));exports.StyledBreadcrumb=a,exports.StyledSeparator=l,exports.StyledTextLink=d;
2	+ //# sourceMappingURL=index.styled.js.map

package/build/components/molecules/breadcrumbs/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../src/components/molecules/breadcrumbs/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledBreadcrumb = styled.div`\n position: relative;\n display: flex;\n\n & > .collapsed-breadcrumb {\n border: none;\n & > div {\n padding: 0;\n }\n & > ul {\n min-width: max-content;\n }\n }\n\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n }\n &[data-size='md'] {\n font-size: 14px;\n line-height: 22px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n }\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n }\n`\n\nexport const StyledSeparator = styled.div`\n margin-right: 8px;\n margin-left: 8px;\n width: 6px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n &[data-size='lg'] {\n width: 6px;\n margin-right: 8px;\n margin-left: 8px;\n }\n &[data-size='md'] {\n width: 5px;\n margin-right: 7px;\n margin-left: 7px;\n }\n &[data-size='sm'] {\n width: 4px;\n margin-right: 6px;\n margin-left: 6px;\n }\n`\n\nexport const StyledTextLink = styled.div`\n max-width: 12em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n > a {\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n cursor: pointer;\n text-decoration: none;\n }\n\n &[data-last='true'] {\n > a {\n color: ${(props: ThemeProps) => props.theme.colors.gray500};\n }\n }\n\n > a {\n &:hover,\n &:focus {\n color: ${(props: ThemeProps) => props.theme.colors.primaryHover};\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ${(props: ThemeProps) => props.theme.colors.primaryActive};\n }\n }\n\n &:active {\n color: ${(props: ThemeProps) => props.theme.colors.primaryActive};\n }\n }\n\n &[data-disabled] {\n > a {\n cursor: not-allowed;\n color: ${(props: ThemeProps) => props.theme.colors.gray300};\n }\n }\n`\n"],"names":["StyledBreadcrumb","styled","div","templateObject_1","__makeTemplateObject","props","theme","sizes","fwBold","fwRegular","StyledSeparator","templateObject_2","StyledTextLink","templateObject_3","colors","gray800","gray500","primaryHover","primaryActive","gray300"],"mappings":"kPAGaA,EAAmBC,EAAAA,QAAOC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,4RAAA,iGAAA,iGAAA,YAAA,CAAA,4RAiBwB,iGAKG,iGAKA,eAVlD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,MAAMC,UAKzC,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,MAAME,aAKzC,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,MAAME,aAI/CC,EAAkBT,EAAM,QAACC,IAAGS,IAAAA,EAAAP,uBAAA,CAAA,osBAAA,CAAA,usBAyB5BQ,EAAiBX,EAAM,QAACC,IAAGW,IAAAA,EAAAT,EAAAA,qBAAA,CAAA,sHAAA,gHAAA,uEAAA,oFAAA,qDAAA,8FAAA,mBAAA,CAAA,sHAMsB,gHAOE,uEAOK,oFAII,qDAKH,8FAON,sBA9BnD,SAACC,GAAsB,OAAAA,EAAMC,MAAMQ,OAAOC,WAOxC,SAACV,GAAsB,OAAAA,EAAMC,MAAMQ,OAAOE,WAO1C,SAACX,GAAsB,OAAAA,EAAMC,MAAMQ,OAAOG,gBAIvC,SAACZ,GAAsB,OAAAA,EAAMC,MAAMQ,OAAOI,iBAK7C,SAACb,GAAsB,OAAAA,EAAMC,MAAMQ,OAAOI,iBAO1C,SAACb,GAAsB,OAAAA,EAAMC,MAAMQ,OAAOK"}

package/build/components/molecules/carousel/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react"),a=require("../../../node_modules/keen-slider/react.js"),l=require("./index.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(t),i=function(e){var t=e.isDisabled,a=e.isLeft,r=e.onClick,i=e.className,s=e.scheme,d=void 0===s?"hellosites":s;return n.default.createElement(l.StyledArrow,{onClick:r,"data-is-disabled":t,"data-is-left":a,className:i},n.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a?n.default.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===d?"#595959":"#E55C8A"}):n.default.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===d?"#595959":"#E55C8A"})))};exports.Carousel=function(r){for(var s=r.row,d=r.column,o=r.children,c=r.scheme,u=void 0===c?"hellosites":c,f=r.classNameLeftArrow,m=void 0===f?"":f,v=r.classNameRightArrow,h=void 0===v?"":v,p=r.mode,g=void 0===p?"snap":p,C=r.isDotsShown,E=void 0===C\|\|C,w=r.isArrowShown,k=void 0!==w&&w,y=r.dataEventCategory,L=r.dataEventAction,b=r.dataEventLabel,A=r.onChangePage,N=n.default.useState(0),S=N[0],_=N[1],x=t.useState(!1),j=x[0],D=x[1],q=a.useKeenSlider({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){_(e.track.details.rel),A&&A(e.track.details.rel)},created:function(){D(!0)},drag:!0,mode:g,slides:{spacing:12}}),P=q[0],M=q[1],Z=[],B=s*d,F=0;F<o.length;F+=B){var I=o.slice(F,F+B);Z.push(I)}return n.default.createElement(l.StyledCarousel,{row:s,column:d},n.default.createElement("div",{className:"navigation-wrapper"},n.default.createElement("div",{ref:P,className:"keen-slider slides-wrapper"},Z.map((function(e,t){return n.default.createElement("div",{key:t,className:"keen-slider__slide page-items"},e.map((function(e,t){return n.default.createElement("div",{key:t},e)})))}))),j&&M.current&&k&&n.default.createElement(n.default.Fragment,null,n.default.createElement(i,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()\|\|(null===(t=M.current)\|\|void 0===t?void 0:t.prev())},isDisabled:0===S,scheme:u,className:"left-arrow ".concat(m),"data-event-category":y,"data-event-action":L,"data-event-label":b}),n.default.createElement(i,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()\|\|(null===(t=M.current)\|\|void 0===t?void 0:t.next())},isDisabled:S===M.current.track.details.slides.length-1,scheme:u,className:"right-arrow ".concat(h),"data-event-category":y,"data-event-action":L,"data-event-label":b}))),j&&M.current&&E&&n.default.createElement("div",{className:"dots"},e.__spreadArray([],Array(M.current.track.details.slides.length),!0).map((function(e,t){return n.default.createElement(l.StyledDot,{key:t,onClick:function(){var e;null===(e=M.current)\|\|void 0===e\|\|e.moveToIdx(t)},"data-is-active":S===t,"data-is-hellosites":"hellosites"===u})}))))};
2	+ //# sourceMappingURL=index.js.map

package/build/components/molecules/carousel/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/molecules/carousel/index.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react'\n\nimport { useKeenSlider } from 'keen-slider/react'\n\n// import 'keen-slider/keen-slider.min.css'\nimport { StyledArrow, StyledCarousel, StyledDot } from './index.styled'\n\ntype ArrowProps = {\n onClick: (e: any) => void\n isDisabled: boolean\n className: string\n scheme?: 'hellosites' | 'marrybaby'\n isLeft?: boolean\n}\n\nexport type Props = {\n row: number\n column: number\n children: ReactNode[]\n scheme?: 'hellosites' | 'marrybaby'\n mode?: 'snap' | 'free' | 'free-snap'\n isDotsShown?: boolean\n isArrowShown?: boolean\n classNameLeftArrow?: string\n classNameRightArrow?: string\n dataEventCategory?: string\n dataEventAction?: string\n dataEventLabel?: string\n onChangePage?: (page: number) => void\n}\n\nconst Arrow = ({\n isDisabled,\n isLeft,\n onClick,\n className,\n scheme = 'hellosites',\n}: ArrowProps) => {\n return (\n <StyledArrow\n onClick={onClick}\n data-is-disabled={isDisabled}\n data-is-left={isLeft}\n className={className}\n >\n <svg\n width=\"8\"\n height=\"12\"\n viewBox=\"0 0 8 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {isLeft ? (\n <path\n d=\"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z\"\n fill={scheme === 'hellosites' ? '#595959' : '#E55C8A'}\n />\n ) : (\n <path\n d=\"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z\"\n fill={scheme === 'hellosites' ? '#595959' : '#E55C8A'}\n />\n )}\n </svg>\n </StyledArrow>\n )\n}\n\nexport const Carousel = ({\n row,\n column,\n children,\n scheme = 'hellosites',\n classNameLeftArrow = '',\n classNameRightArrow = '',\n mode = 'snap',\n isDotsShown = true,\n isArrowShown = false,\n dataEventCategory,\n dataEventAction,\n dataEventLabel,\n onChangePage,\n}: Props) => {\n const [currentSlide, setCurrentSlide] = React.useState(0)\n const [loaded, setLoaded] = useState(false)\n const [sliderRef, instanceRef] = useKeenSlider<HTMLDivElement>({\n defaultAnimation: {\n duration: 1000,\n },\n initial: 0,\n slideChanged(slider) {\n setCurrentSlide(slider.track.details.rel)\n onChangePage && onChangePage(slider.track.details.rel)\n },\n created() {\n setLoaded(true)\n },\n drag: true,\n mode: mode,\n slides: {\n spacing: 12,\n },\n })\n\n // Separate the children by row and column\n const newChildren: ReactNode[][] = []\n const itemsPerPage = row * column\n for (let i = 0; i < children.length; i += itemsPerPage) {\n const chunk = children.slice(i, i + itemsPerPage)\n newChildren.push(chunk)\n }\n\n return (\n <StyledCarousel row={row} column={column}>\n <div className=\"navigation-wrapper\">\n <div ref={sliderRef} className=\"keen-slider slides-wrapper\">\n {newChildren.map((itemsInRow, index) => (\n <div key={index} className=\"keen-slider__slide page-items\">\n {itemsInRow.map((item, index) => (\n <div key={index}>{item}</div>\n ))}\n </div>\n ))}\n </div>\n {loaded && instanceRef.current && isArrowShown && (\n <>\n <Arrow\n isLeft\n onClick={(e) =>\n e.stopPropagation() || instanceRef.current?.prev()\n }\n isDisabled={currentSlide === 0}\n scheme={scheme}\n className={`left-arrow ${classNameLeftArrow}`}\n data-event-category={dataEventCategory}\n data-event-action={dataEventAction}\n data-event-label={dataEventLabel}\n />\n\n <Arrow\n isLeft={false}\n onClick={(e) =>\n e.stopPropagation() || instanceRef.current?.next()\n }\n isDisabled={\n currentSlide ===\n instanceRef.current.track.details.slides.length - 1\n }\n scheme={scheme}\n className={`right-arrow ${classNameRightArrow}`}\n data-event-category={dataEventCategory}\n data-event-action={dataEventAction}\n data-event-label={dataEventLabel}\n />\n </>\n )}\n </div>\n {loaded && instanceRef.current && isDotsShown && (\n <div className=\"dots\">\n {[...Array(instanceRef.current.track.details.slides.length)].map(\n (_, idx) => {\n return (\n <StyledDot\n key={idx}\n onClick={() => {\n instanceRef.current?.moveToIdx(idx)\n }}\n data-is-active={currentSlide === idx}\n data-is-hellosites={scheme === 'hellosites'}\n ></StyledDot>\n )\n },\n )}\n </div>\n )}\n </StyledCarousel>\n )\n}\n"],"names":["Arrow","_a","isDisabled","isLeft","onClick","className","_b","scheme","React","createElement","StyledArrow","width","height","viewBox","fill","xmlns","d","row","column","children","_c","classNameLeftArrow","_d","classNameRightArrow","_e","mode","_f","isDotsShown","_g","isArrowShown","dataEventCategory","dataEventAction","dataEventLabel","onChangePage","_h","useState","currentSlide","setCurrentSlide","_j","loaded","setLoaded","_k","useKeenSlider","defaultAnimation","duration","initial","slideChanged","slider","track","details","rel","created","drag","slides","spacing","sliderRef","instanceRef","newChildren","itemsPerPage","i","length","chunk","slice","push","StyledCarousel","ref","map","itemsInRow","index","key","item","current","Fragment","e","stopPropagation","prev","concat","next","__spreadArray","Array","_","idx","StyledDot","moveToIdx"],"mappings":"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"}

package/build/components/molecules/carousel/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,r,a,o=e(require("styled-components")),i=o.default.button(t\|\|(t=n.__makeTemplateObject(["\n background: #ffffff;\n border: 1px solid ",";\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n -2px 2px 5px rgba(67, 86, 100, 0.123689);\n border-radius: 24px;\n cursor: pointer;\n width: 32px;\n height: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &[data-is-disabled='true'] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n\n &[data-is-left='true'] {\n left: -16px;\n }\n &[data-is-left='false'] {\n right: -16px;\n left: auto;\n }\n"],["\n background: #ffffff;\n border: 1px solid ",";\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n -2px 2px 5px rgba(67, 86, 100, 0.123689);\n border-radius: 24px;\n cursor: pointer;\n width: 32px;\n height: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &[data-is-disabled='true'] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n\n &[data-is-left='true'] {\n left: -16px;\n }\n &[data-is-left='false'] {\n right: -16px;\n left: auto;\n }\n"])),(function(n){return n.theme.colors.neutral200})),s=o.default.button(r\|\|(r=n.__makeTemplateObject(["\n background: ",";\n border-radius: 50%;\n cursor: pointer;\n width: 8px;\n height: 8px;\n\n &[data-is-active='true'] {\n background: ",";\n\n &[data-is-hellosites='false'] {\n background: ",";\n }\n }\n"],["\n background: ",";\n border-radius: 50%;\n cursor: pointer;\n width: 8px;\n height: 8px;\n\n &[data-is-active='true'] {\n background: ",";\n\n &[data-is-hellosites='false'] {\n background: ",";\n }\n }\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink})),l=o.default.div(a\|\|(a=n.__makeTemplateObject(["\n ","\n\n .navigation-wrapper {\n position: relative;\n\n .page-items {\n display: grid;\n grid-template-columns: repeat(\n ",",\n 1fr\n );\n grid-template-rows: repeat(",", 1fr);\n gap: 12px;\n }\n }\n\n .dots {\n margin-top: 24px;\n display: flex;\n justify-content: center;\n gap: 8px;\n }\n"],["\n ","\n\n .navigation-wrapper {\n position: relative;\n\n .page-items {\n display: grid;\n grid-template-columns: repeat(\n ",",\n 1fr\n );\n grid-template-rows: repeat(",", 1fr);\n gap: 12px;\n }\n }\n\n .dots {\n margin-top: 24px;\n display: flex;\n justify-content: center;\n gap: 8px;\n }\n"])),"\n .keen-slider:not([data-keen-slider-disabled]) {\n align-content: flex-start;\n display: flex;\n overflow: hidden;\n position: relative;\n user-select: none;\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-tap-highlight-color: transparent;\n width: 100%;\n\n .keen-slider__slide {\n position: relative;\n overflow: hidden;\n width: 100%;\n min-height: 100%;\n }\n\n &[data-keen-slider-reverse] {\n flex-direction: row-reverse;\n }\n\n &[data-keen-slider-v] {\n flex-wrap: wrap;\n }\n }\n\n [data-keen-slider-moves] * {\n pointer-events: none;\n }\n}\n",(function(n){return n.column}),(function(n){return n.row}));exports.StyledArrow=i,exports.StyledCarousel=l,exports.StyledDot=s;
2	+ //# sourceMappingURL=index.styled.js.map

package/build/components/molecules/carousel/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../src/components/molecules/carousel/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'src/misc/theme'\nimport styled from 'styled-components'\n\ntype CarouselProps = {\n row: number\n column: number\n}\n\nexport const StyledArrow = styled.button`\n background: #ffffff;\n border: 1px solid ${(props: ThemeProps) => props.theme.colors.neutral200};\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n -2px 2px 5px rgba(67, 86, 100, 0.123689);\n border-radius: 24px;\n cursor: pointer;\n width: 32px;\n height: 32px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &[data-is-disabled='true'] {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n\n &[data-is-left='true'] {\n left: -16px;\n }\n &[data-is-left='false'] {\n right: -16px;\n left: auto;\n }\n`\n\nexport const StyledDot = styled.button`\n background: ${(props: ThemeProps) => props.theme.colors.neutral200};\n border-radius: 50%;\n cursor: pointer;\n width: 8px;\n height: 8px;\n\n &[data-is-active='true'] {\n background: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n\n &[data-is-hellosites='false'] {\n background: ${(props: ThemeProps) => props.theme.mbColors.pink};\n }\n }\n`\n\nconst KeenSliderStyles = `\n .keen-slider:not([data-keen-slider-disabled]) {\n align-content: flex-start;\n display: flex;\n overflow: hidden;\n position: relative;\n user-select: none;\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-tap-highlight-color: transparent;\n width: 100%;\n\n .keen-slider__slide {\n position: relative;\n overflow: hidden;\n width: 100%;\n min-height: 100%;\n }\n\n &[data-keen-slider-reverse] {\n flex-direction: row-reverse;\n }\n\n &[data-keen-slider-v] {\n flex-wrap: wrap;\n }\n }\n\n [data-keen-slider-moves] * {\n pointer-events: none;\n }\n}\n`\nexport const StyledCarousel = styled.div<CarouselProps>`\n ${KeenSliderStyles}\n\n .navigation-wrapper {\n position: relative;\n\n .page-items {\n display: grid;\n grid-template-columns: repeat(\n ${(props: CarouselProps) => props.column},\n 1fr\n );\n grid-template-rows: repeat(${(props: CarouselProps) => props.row}, 1fr);\n gap: 12px;\n }\n }\n\n .dots {\n margin-top: 24px;\n display: flex;\n justify-content: center;\n gap: 8px;\n }\n`\n"],"names":["StyledArrow","styled","button","templateObject_1","__makeTemplateObject","props","theme","colors","neutral200","StyledDot","templateObject_2","primaryBase","mbColors","pink","StyledCarousel","div","templateObject_3","column","row"],"mappings":"kPAQaA,EAAcC,EAAAA,QAAOC,OAAMC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,iDAAA,4jBAAA,CAAA,iDAEkC,+jBAApD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cA8BnDC,EAAYR,EAAAA,QAAOC,OAAMQ,IAAAA,EAAAN,uBAAA,CAAA,mBAAA,gIAAA,+DAAA,mBAAA,CAAA,mBAC8B,gIAOG,+DAGH,sBAVpD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,cAOxC,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,eAGxC,SAACN,GAAsB,OAAAA,EAAMC,MAAMM,SAASC,QAwCnDC,EAAiBb,EAAAA,QAAOc,IAAGC,IAAAA,EAAAZ,EAAAA,qBAAA,CAAA,OAAA,kJAAA,8DAAA,qJAAA,CAAe,OACnC,kJAQ4B,8DAGsB,uJA/C7C,6sBA4Cf,SAACC,GAAyB,OAAAA,EAAMY,UAGP,SAACZ,GAAyB,OAAAA,EAAMa"}

package/build/components/molecules/categoryCard/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../atoms/text/index.js"),a=require("./index.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);exports.CategoryCard=function(e){var r=e.imgBanner,l=e.label,d=e.className,s=e.style,c=e.href,o=void 0===c?"":c,i=e.dataEventCategory,u=e.dataEventAction,f=e.dataEventLabel;return n.default.createElement(a.StyledCategoryCard,{"data-event-category":i,"data-event-action":u,"data-event-label":f,className:d,style:s,href:o,onClick:function(e){""===o&&e.preventDefault()}},n.default.createElement("div",{className:"banner"},r),n.default.createElement("div",{className:"content"},n.default.createElement(t.Text,{className:"category_name",size:"sm",type:"bold"},l)))};
2	+ //# sourceMappingURL=index.js.map

package/build/components/molecules/categoryCard/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/molecules/categoryCard/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react'\n\nimport { CSSProperties } from 'styled-components'\n\nimport { Text } from '../../atoms/text'\nimport { StyledCategoryCard } from './index.styled'\n\nexport type Props = {\n imgBanner: ReactElement\n label: string\n href?: string\n className?: string\n style?: CSSProperties\n dataEventCategory?: string\n dataEventAction?: string\n dataEventLabel?: string\n}\n\nexport const CategoryCard = ({\n imgBanner,\n label,\n className,\n style,\n href = '',\n dataEventCategory,\n dataEventAction,\n dataEventLabel,\n}: Props) => {\n return (\n <StyledCategoryCard\n data-event-category={dataEventCategory}\n data-event-action={dataEventAction}\n data-event-label={dataEventLabel}\n className={className}\n style={style}\n href={href}\n onClick={(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n if (href === '') {\n e.preventDefault()\n }\n }}\n >\n <div className=\"banner\">{imgBanner}</div>\n <div className=\"content\">\n <Text className=\"category_name\" size=\"sm\" type=\"bold\">\n {label}\n </Text>\n </div>\n </StyledCategoryCard>\n )\n}\n"],"names":["_a","imgBanner","label","className","style","_b","href","dataEventCategory","dataEventAction","dataEventLabel","React","createElement","StyledCategoryCard","onClick","e","preventDefault","Text","size","type"],"mappings":"yQAkB4B,SAACA,OAC3BC,EAASD,EAAAC,UACTC,EAAKF,EAAAE,MACLC,EAASH,EAAAG,UACTC,EAAKJ,EAAAI,MACLC,EAAAL,EAAAM,KAAAA,OAAI,IAAAD,EAAG,GAAEA,EACTE,EAAiBP,EAAAO,kBACjBC,EAAeR,EAAAQ,gBACfC,EAAcT,EAAAS,eAEd,OACEC,EAAC,QAAAC,cAAAC,qBACsB,CAAA,sBAAAL,sBACFC,EAAe,mBAChBC,EAClBN,UAAWA,EACXC,MAAOA,EACPE,KAAMA,EACNO,QAAS,SAACC,GACK,KAATR,GACFQ,EAAEC,mBAINL,EAAA,QAAAC,cAAA,MAAA,CAAKR,UAAU,UAAUF,GACzBS,EAAAA,QAAKC,cAAA,MAAA,CAAAR,UAAU,WACbO,EAAAA,QAAAC,cAACK,EAAAA,KAAK,CAAAb,UAAU,gBAAgBc,KAAK,KAAKC,KAAK,QAC5ChB"}

package/build/components/molecules/categoryCard/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,r=e(require("styled-components")).default.a(t\|\|(t=n.__makeTemplateObject(["\n display: flex;\n height: 125px;\n\n box-sizing: border-box;\n flex-direction: column;\n align-items: center;\n padding: 8px;\n\n border: 1px solid ",";\n background-color: white;\n border-radius: 6px;\n box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n cursor: pointer;\n text-decoration: none;\n\n & > .banner {\n width: 100%;\n height: 63px;\n text-align: center;\n }\n\n & > .content {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n text-align: center;\n word-break: break-word;\n }\n\n * {\n pointer-events: none;\n }\n"],["\n display: flex;\n height: 125px;\n\n box-sizing: border-box;\n flex-direction: column;\n align-items: center;\n padding: 8px;\n\n border: 1px solid ",";\n background-color: white;\n border-radius: 6px;\n box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n cursor: pointer;\n text-decoration: none;\n\n & > .banner {\n width: 100%;\n height: 63px;\n text-align: center;\n }\n\n & > .content {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n text-align: center;\n word-break: break-word;\n }\n\n * {\n pointer-events: none;\n }\n"])),(function(n){return n.theme.colors.neutral100}));exports.StyledCategoryCard=r;
2	+ //# sourceMappingURL=index.styled.js.map

package/build/components/molecules/categoryCard/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../src/components/molecules/categoryCard/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledCategoryCard = styled.a`\n display: flex;\n height: 125px;\n\n box-sizing: border-box;\n flex-direction: column;\n align-items: center;\n padding: 8px;\n\n border: 1px solid ${(props: ThemeProps) => props.theme.colors.neutral100};\n background-color: white;\n border-radius: 6px;\n box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n cursor: pointer;\n text-decoration: none;\n\n & > .banner {\n width: 100%;\n height: 63px;\n text-align: center;\n }\n\n & > .content {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n text-align: center;\n word-break: break-word;\n }\n\n * {\n pointer-events: none;\n }\n`\n"],"names":["StyledCategoryCard","styled","a","templateObject_1","__makeTemplateObject","props","theme","colors","neutral100"],"mappings":"4MAGaA,kCAAqBC,QAAOC,EAACC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,gKAAA,4dAAA,CAAA,gKASgC,+dAApD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC"}

package/build/components/molecules/checkboxGroup/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=require("../../atoms/checkbox/index.js"),t=require("./index.styled.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e);exports.CheckboxGroup=function(e){var n=e.name,l=e.values,c=void 0===l?[]:l,r=e.onChanges,s=e.options,o=void 0===s?[]:s,u=e.className,d=e.type,v=void 0===d?"vertical":d,f=e.isDisabled,p=e.isRectangle,b=function(e,a){var t=c.slice();if(a)t.push(e);else{var n=t.findIndex((function(a){return a===e}));t.splice(n,1)}r&&r(t)};return i.default.createElement(t.StyledCheckboxGroup,{className:u,"data-type":v,"data-is-rectangle":p\|\|void 0},o.map((function(e,t){return i.default.createElement(a.Checkbox,{label:e.label,name:n,key:"".concat(t,"-").concat(e.value),checked:c.includes(e.value),value:e.value,isDisabled:f\|\|e.disabled,onChange:!f&&b,isRectangle:p})})))};
2	+ //# sourceMappingURL=index.js.map

package/build/components/molecules/checkboxGroup/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/molecules/checkboxGroup/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Checkbox } from '../../atoms/checkbox'\nimport { StyledCheckboxGroup } from './index.styled'\n\nexport type Props = {\n type: 'vertical' | 'horizontal'\n options: Array<{\n label: string\n value: string\n disabled?: boolean\n }>\n values?: Array<string>\n onChanges?: (v: Array<string>) => void\n name: string\n className?: string\n isDisabled?: boolean\n isRectangle?: boolean\n}\n\nconst CheckboxGroup = ({\n name,\n values = [],\n onChanges,\n options = [],\n className,\n type = 'vertical',\n isDisabled,\n isRectangle,\n}: Props) => {\n const onChange = (value: string, checked: boolean) => {\n const newValues = values.slice()\n if (checked) {\n newValues.push(value)\n } else {\n const removeIndex = newValues.findIndex((item) => item === value)\n newValues.splice(removeIndex, 1)\n }\n if (onChanges) {\n onChanges(newValues)\n }\n }\n\n return (\n <StyledCheckboxGroup\n className={className}\n data-type={type}\n data-is-rectangle={isRectangle || undefined}\n >\n {options.map((option, index) => (\n <Checkbox\n label={option.label}\n name={name}\n key={`${index}-${option.value}`}\n checked={values.includes(option.value)}\n value={option.value}\n isDisabled={isDisabled || option.disabled}\n onChange={!isDisabled && onChange}\n isRectangle={isRectangle}\n />\n ))}\n </StyledCheckboxGroup>\n )\n}\n\nexport { CheckboxGroup }\n"],"names":["_a","name","_b","values","onChanges","_c","options","className","_d","type","isDisabled","isRectangle","onChange","value","checked","newValues","slice","push","removeIndex","findIndex","item","splice","React","createElement","StyledCheckboxGroup","undefined","map","option","index","Checkbox","label","key","concat","includes","disabled"],"mappings":"8QAoBsB,SAACA,GACrB,IAAAC,EAAID,EAAAC,KACJC,EAAWF,EAAAG,OAAXA,OAAS,IAAAD,EAAA,GAAEA,EACXE,EAASJ,EAAAI,UACTC,EAAAL,EAAAM,QAAAA,OAAO,IAAAD,EAAG,GAAEA,EACZE,EAASP,EAAAO,UACTC,SAAAC,OAAO,IAAAD,EAAA,aACPE,EAAUV,EAAAU,WACVC,EAAWX,EAAAW,YAELC,EAAW,SAACC,EAAeC,GAC/B,IAAMC,EAAYZ,EAAOa,QACzB,GAAIF,EACFC,EAAUE,KAAKJ,OACV,CACL,IAAMK,EAAcH,EAAUI,WAAU,SAACC,GAAS,OAAAA,IAASP,KAC3DE,EAAUM,OAAOH,EAAa,GAE5Bd,GACFA,EAAUW,IAId,OACEO,EAAC,QAAAC,cAAAC,uBACCjB,UAAWA,EACA,YAAAE,sBACQE,QAAec,GAEjCnB,EAAQoB,KAAI,SAACC,EAAQC,GAAU,OAC9BN,EAAC,QAAAC,cAAAM,EAAQA,UACPC,MAAOH,EAAOG,MACd7B,KAAMA,EACN8B,IAAK,GAAGC,OAAAJ,cAASD,EAAOd,OACxBC,QAASX,EAAO8B,SAASN,EAAOd,OAChCA,MAAOc,EAAOd,MACdH,WAAYA,GAAciB,EAAOO,SACjCtB,UAAWF,GAAcE,EACzBD,YAAaA"}

package/build/components/molecules/checkboxGroup/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,a=e(require("styled-components")).default.div(t\|\|(t=n.__makeTemplateObject(["\n display: flex;\n\n &[data-type='vertical'] {\n flex-direction: column;\n\n div {\n margin-bottom: 20px;\n }\n }\n\n &[data-type='horizontal'] {\n flex-wrap: wrap;\n\n div {\n margin-right: 25px;\n }\n\n &[data-is-rectangle] {\n div {\n margin-right: 14px;\n }\n }\n }\n"],["\n display: flex;\n\n &[data-type='vertical'] {\n flex-direction: column;\n\n div {\n margin-bottom: 20px;\n }\n }\n\n &[data-type='horizontal'] {\n flex-wrap: wrap;\n\n div {\n margin-right: 25px;\n }\n\n &[data-is-rectangle] {\n div {\n margin-right: 14px;\n }\n }\n }\n"])));exports.StyledCheckboxGroup=a;
2	+ //# sourceMappingURL=index.styled.js.map

package/build/components/molecules/checkboxGroup/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../src/components/molecules/checkboxGroup/index.styled.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledCheckboxGroup = styled.div`\n display: flex;\n\n &[data-type='vertical'] {\n flex-direction: column;\n\n div {\n margin-bottom: 20px;\n }\n }\n\n &[data-type='horizontal'] {\n flex-wrap: wrap;\n\n div {\n margin-right: 25px;\n }\n\n &[data-is-rectangle] {\n div {\n margin-right: 14px;\n }\n }\n }\n`\n"],"names":["StyledCheckboxGroup","div","templateObject_1","__makeTemplateObject"],"mappings":"4MAEaA,kCAA4B,QAACC,IAAGC,IAAAA,EAAAC,uBAAA,CAAA,4UAAA,CAAA"}

package/build/components/molecules/cookieAcceptConfirm/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e);exports.CookieAcceptConfirm=function(e){var a=e.className,o=e.policiesUrl,l=e.onAcceptClick,i=e.translations,c=void 0===i?{acceptButton:"Accept",policiesButton:"Our Policies"}:i,d=e.title,r=void 0===d?"":d,u=e.description,s=void 0===u?"":u,p=e.theme,v=void 0===p?"helloSites":p,f=e.isOpen,m=void 0===f\|\|f,y=e.useDefaultPosition,E=void 0===y\|\|y,S=e.trackingAttributes;return n.default.createElement(t.StyledAcceptCardContainer,{className:a,"data-theme":v,"data-is-open":m,"data-default-position":E},n.default.createElement(t.StyledTitleSection,{"data-has-content":!!r},r),n.default.createElement(t.StyledDescription,{dangerouslySetInnerHTML:{__html:s}}),n.default.createElement(t.StyledButtonGroup,null,n.default.createElement(t.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:l,"data-event-category":null==S?void 0:S.dataEventCategory,"data-event-action":null==S?void 0:S.dataEventAction,"data-event-label":null==S?void 0:S.dataEventLabel},c.acceptButton),n.default.createElement(t.StyledPoliciesButton,{href:o},c.policiesButton)))};
2	+ //# sourceMappingURL=index.js.map

package/build/components/molecules/cookieAcceptConfirm/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/molecules/cookieAcceptConfirm/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport {\n StyledAcceptCardContainer,\n StyledTitleSection,\n StyledDescription,\n StyledButtonGroup,\n StyledAcceptButton,\n StyledPoliciesButton,\n} from './index.styled'\n\nexport type CookieAcceptConfirmProps = {\n isOpen?: boolean\n theme?: 'helloSites' | 'marryBaby'\n className?: string\n title?: string\n description?: string\n policiesUrl?: string\n translations?: {\n acceptButton?: string\n policiesButton?: string\n }\n onAcceptClick?: () => void\n useDefaultPosition?: boolean\n trackingAttributes?: {\n dataEventCategory: string\n dataEventAction: string\n dataEventLabel: string\n }\n}\n\nexport const CookieAcceptConfirm = ({\n className,\n policiesUrl,\n onAcceptClick,\n translations = {\n acceptButton: 'Accept',\n policiesButton: 'Our Policies',\n },\n title = '',\n description = '',\n theme = 'helloSites',\n isOpen = true,\n useDefaultPosition = true,\n trackingAttributes,\n}: CookieAcceptConfirmProps) => {\n return (\n <StyledAcceptCardContainer\n className={className}\n data-theme={theme}\n data-is-open={isOpen}\n data-default-position={useDefaultPosition}\n >\n <StyledTitleSection data-has-content={!!title}>\n {title}\n </StyledTitleSection>\n <StyledDescription dangerouslySetInnerHTML={{\n __html: description,\n }} />\n <StyledButtonGroup>\n <StyledAcceptButton\n role=\"button\"\n tabIndex={0}\n on=\"tap:consent-element.accept\"\n onClick={onAcceptClick}\n data-event-category={trackingAttributes?.dataEventCategory}\n data-event-action={trackingAttributes?.dataEventAction}\n data-event-label={trackingAttributes?.dataEventLabel}\n >\n {translations.acceptButton}\n </StyledAcceptButton>\n <StyledPoliciesButton href={policiesUrl}>\n {translations.policiesButton}\n </StyledPoliciesButton>\n </StyledButtonGroup>\n </StyledAcceptCardContainer>\n )\n}\n"],"names":["_a","className","policiesUrl","onAcceptClick","_b","translations","acceptButton","policiesButton","_c","title","_d","description","_e","theme","_f","isOpen","_g","useDefaultPosition","trackingAttributes","React","createElement","StyledAcceptCardContainer","StyledTitleSection","StyledDescription","dangerouslySetInnerHTML","__html","StyledButtonGroup","StyledAcceptButton","role","tabIndex","on","onClick","dataEventCategory","dataEventAction","dataEventLabel","StyledPoliciesButton","href"],"mappings":"yOA+BmC,SAACA,OAClCC,EAASD,EAAAC,UACTC,EAAWF,EAAAE,YACXC,EAAaH,EAAAG,cACbC,EAAAJ,EAAAK,aAAAA,OAAe,IAAAD,EAAA,CACbE,aAAc,SACdC,eAAgB,gBACjBH,EACDI,EAAUR,EAAAS,MAAVA,OAAK,IAAAD,EAAG,GAAEA,EACVE,EAAgBV,EAAAW,YAAhBA,OAAc,IAAAD,EAAA,GAAEA,EAChBE,UAAAC,OAAQ,IAAAD,EAAA,eACRE,EAAAd,EAAAe,OAAAA,cAAaD,EACbE,EAAAhB,EAAAiB,mBAAAA,OAAkB,IAAAD,GAAOA,EACzBE,EAAkBlB,EAAAkB,mBAElB,OACEC,UAAAC,cAACC,EAAyBA,0BAAA,CACxBpB,UAAWA,EAAS,aACRY,EAAK,eACHE,EAAM,wBACGE,GAEvBE,EAAA,QAAAC,cAACE,qBAAqC,CAAA,qBAAEb,GACrCA,GAEHU,EAAAA,QAACC,cAAAG,oBAAkB,CAAAC,wBAAyB,CAC1CC,OAAQd,KAEVQ,UAAAC,cAACM,EAAAA,kBAAiB,KAChBP,UAACC,cAAAO,EAAAA,oBACCC,KAAK,SACLC,SAAU,EACVC,GAAG,6BACHC,QAAS5B,EACY,sBAAAe,aAAkB,EAAlBA,EAAoBc,sCACtBd,aAAA,EAAAA,EAAoBe,gBAAe,mBACpCf,eAAAA,EAAoBgB,gBAErC7B,EAAaC,cAEhBa,UAAAC,cAACe,EAAoBA,qBAAA,CAACC,KAAMlC,GACzBG,EAAaE"}

package/build/components/molecules/cookieAcceptConfirm/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("../../../misc/utils.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,i,r,a,d,l,p=t(require("styled-components")),s=p.default.div(o\|\|(o=n.__makeTemplateObject(["\n padding: 16px;\n width: 375px;\n word-wrap: break-word;\n word-break: break-word;\n "," {\n width: 100%;\n }\n &[data-theme='helloSites'] {\n background: ",";\n box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n }\n &[data-theme='marryBaby'] {\n border: none;\n background: ",";\n border-radius: 12px 12px 0 0;\n }\n &[data-is-open='false'] {\n display: none;\n }\n &[data-default-position='true'] {\n position: fixed;\n z-index: 1000;\n bottom: 0;\n right: 0;\n "," {\n left: 0;\n right: unset;\n }\n }\n"],["\n padding: 16px;\n width: 375px;\n word-wrap: break-word;\n word-break: break-word;\n "," {\n width: 100%;\n }\n &[data-theme='helloSites'] {\n background: ",";\n box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n }\n &[data-theme='marryBaby'] {\n border: none;\n background: ",";\n border-radius: 12px 12px 0 0;\n }\n &[data-is-open='false'] {\n display: none;\n }\n &[data-default-position='true'] {\n position: fixed;\n z-index: 1000;\n bottom: 0;\n right: 0;\n "," {\n left: 0;\n right: unset;\n }\n }\n"])),e.MediaQueries.mbDown,(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.pink}),e.MediaQueries.mbDown),x=p.default.p(i\|\|(i=n.__makeTemplateObject(["\n position: relative;\n padding-left: 24px;\n color: ",";\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n &[data-has-content='true'] {\n ::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 16px;\n height: 16px;\n margin: auto 0;\n content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n }\n }\n"],["\n position: relative;\n padding-left: 24px;\n color: ",";\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n &[data-has-content='true'] {\n ::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 16px;\n height: 16px;\n margin: auto 0;\n content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n }\n }\n"])),(function(n){return n.theme.colors.white})),c=p.default.p(r\|\|(r=n.__makeTemplateObject(["\n margin-top: 2px;\n color: ",";\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n a {\n color: ",";\n text-decoration: none;\n text-decoration-line: underline;\n }\n"],["\n margin-top: 2px;\n color: ",";\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n a {\n color: ",";\n text-decoration: none;\n text-decoration-line: underline;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),u=p.default.div(a\|\|(a=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 8px;\n gap: 16px;\n"],["\n display: flex;\n align-items: center;\n margin-top: 8px;\n gap: 16px;\n"]))),h=p.default.div(d\|\|(d=n.__makeTemplateObject(["\n padding: 7px 28px;\n background: ",";\n border-radius: 6px;\n color: ",";\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n line-height: 18px;\n"],["\n padding: 7px 28px;\n background: ",";\n border-radius: 6px;\n color: ",";\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n line-height: 18px;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.secondaryBase})),g=p.default.a(l\|\|(l=n.__makeTemplateObject(["\n color: ",";\n font-size: 12px;\n font-weight: 600;\n line-height: 22px;\n text-decoration: none;\n text-decoration-line: underline;\n"],["\n color: ",";\n font-size: 12px;\n font-weight: 600;\n line-height: 22px;\n text-decoration: none;\n text-decoration-line: underline;\n"])),(function(n){return n.theme.colors.white}));exports.StyledAcceptButton=h,exports.StyledAcceptCardContainer=s,exports.StyledButtonGroup=u,exports.StyledDescription=c,exports.StyledPoliciesButton=g,exports.StyledTitleSection=x;
2	+ //# sourceMappingURL=index.styled.js.map

package/build/components/molecules/cookieAcceptConfirm/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../src/components/molecules/cookieAcceptConfirm/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled, { StyledComponent } from 'styled-components'\n\nexport const StyledAcceptCardContainer = styled.div`\n padding: 16px;\n width: 375px;\n word-wrap: break-word;\n word-break: break-word;\n ${MediaQueries.mbDown} {\n width: 100%;\n }\n &[data-theme='helloSites'] {\n background: ${(props: ThemeProps) => props.theme.colors.secondaryBase};\n box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n }\n &[data-theme='marryBaby'] {\n border: none;\n background: ${(props: ThemeProps) => props.theme.mbColors.pink};\n border-radius: 12px 12px 0 0;\n }\n &[data-is-open='false'] {\n display: none;\n }\n &[data-default-position='true'] {\n position: fixed;\n z-index: 1000;\n bottom: 0;\n right: 0;\n ${MediaQueries.mbDown} {\n left: 0;\n right: unset;\n }\n }\n`\n\nexport const StyledTitleSection = styled.p`\n position: relative;\n padding-left: 24px;\n color: ${(props: ThemeProps) => props.theme.colors.white};\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n &[data-has-content='true'] {\n ::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 16px;\n height: 16px;\n margin: auto 0;\n content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n }\n }\n`\n\nexport const StyledDescription = styled.p`\n margin-top: 2px;\n color: ${(props: ThemeProps) => props.theme.colors.white};\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n a {\n color: ${(props: ThemeProps) => props.theme.colors.white};\n text-decoration: none;\n text-decoration-line: underline;\n }\n`\n\nexport const StyledButtonGroup = styled.div`\n display: flex;\n align-items: center;\n margin-top: 8px;\n gap: 16px;\n`\n\nexport const StyledAcceptButton: StyledComponent<\n 'div',\n any,\n { on?: string },\n never\n> = styled.div`\n padding: 7px 28px;\n background: ${(props: ThemeProps) => props.theme.colors.white};\n border-radius: 6px;\n color: ${(props: ThemeProps) => props.theme.colors.secondaryBase};\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n line-height: 18px;\n`\n\nexport const StyledPoliciesButton = styled.a`\n color: ${(props: ThemeProps) => props.theme.colors.white};\n font-size: 12px;\n font-weight: 600;\n line-height: 22px;\n text-decoration: none;\n text-decoration-line: underline;\n`\n"],"names":["StyledAcceptCardContainer","styled","div","templateObject_1","__makeTemplateObject","MediaQueries","mbDown","props","theme","colors","secondaryBase","mbColors","pink","StyledTitleSection","p","templateObject_2","white","StyledDescription","templateObject_3","StyledButtonGroup","templateObject_4","StyledAcceptButton","templateObject_5","StyledPoliciesButton","a","templateObject_6"],"mappings":"4RAIaA,EAA4BC,EAAM,QAACC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,+FAAA,8EAAA,+HAAA,sNAAA,yDAAA,CAAA,+FAK5B,8EAIkD,+HAKP,sNAWzC,2DApBrBC,EAAAA,aAAaC,QAIC,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,iBAK1C,SAACH,GAAsB,OAAAA,EAAMC,MAAMG,SAASC,OAWxDP,EAAYA,aAACC,QAONO,EAAqBZ,EAAAA,QAAOa,EAACC,IAAAA,EAAAX,EAAAA,qBAAA,CAAA,4DAAA,y8BAAA,CAAA,4DAGgB,48BAA/C,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOO,SAkBxCC,EAAoBhB,EAAAA,QAAOa,EAACI,IAAAA,EAAAd,EAAAA,qBAAA,CAAA,kCAAA,uFAAA,8EAAA,CAAA,kCAEiB,uFAKE,iFALjD,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOO,SAKxC,SAACT,GAAsB,OAAAA,EAAMC,MAAMC,OAAOO,SAM1CG,EAAoBlB,EAAM,QAACC,IAAGkB,IAAAA,EAAAhB,uBAAA,CAAA,kFAAA,CAAA,qFAO9BiB,EAKTpB,EAAAA,QAAOC,IAAGoB,IAAAA,EAAAlB,EAAAA,qBAAA,CAAA,yCAAA,sCAAA,0FAAA,CAAA,yCAEiD,sCAEG,6FAFlD,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOO,SAE/C,SAACT,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,iBAOxCa,EAAuBtB,EAAAA,QAAOuB,EAACC,IAAAA,EAAArB,EAAAA,qBAAA,CAAA,cAAA,oIAAA,CAAA,cACc,uIAA/C,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOO"}

package/build/components/molecules/datePicker/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react"),a=require("date-fns"),r=require("react-day-picker/DayPickerInput"),n=require("./index.styled.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(t),l=i(r),o={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]};exports.DatePicker=function(r){var i=r.alignRight,c=void 0===i\|\|i,s=r.placeholder,d=r.displayDateFormat,m=r.onChange,f=r.customInput,h=r.pickedDate,p=r.className,y=r.isStatic,g=r.disabledDays,v=r.modifiers,D=r.UnHideOnClickOutside,k=r.initialMonth,b=r.locale,M=void 0===b?"en-PH":b,C=t.useRef(!1),E=a.format,P=t.useState(k\|\|new Date),T=P[0],O=P[1],w=t.useRef(null),N=t.useRef(null),F=o[M],J=function(e){D\|\|w.current&&w.current.contains(e.target)\|\|N.current&&N.current.hideDayPicker()},S=(new Date).getFullYear(),A=new Date(S-150,0),H=new Date(S+1,0),q=function(e){for(var t=e.date,a=e.onChange,r=e.monthLabels,i=[],l=H.getFullYear();l>=A.getFullYear();l-=1)i.push(l);var o=function(e){var t=e.target.form,r=t.year,n=t.month;a(new Date(r.value,n.value))};return u.default.createElement("div",{className:"DayPicker-Caption"},u.default.createElement(n.StyledCaptionWrapper,null,u.default.createElement("select",{name:"month",onChange:o,value:t.getMonth()},r.map((function(e,t){return u.default.createElement("option",{key:e,value:t},e)}))),u.default.createElement("select",{name:"year",onChange:o,value:t.getFullYear()},i.map((function(e){return u.default.createElement("option",{key:e,value:e},e)})))))};return t.useEffect((function(){return document.addEventListener("mousedown",J,!1),function(){document.removeEventListener("mousedown",J,!1)}}),[]),u.default.createElement(n.StyledPickerContainer,{className:p,"data-align-right":c,ref:w,"data-is-static":y\|\|void 0},u.default.createElement(l.default,{ref:N,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:f&&u.default.forwardRef((function(t,a){return u.default.createElement(f,e.__assign({},t))})),onDayPickerHide:function(){C.current=!1},onDayPickerShow:function(){C.current=!0},dayPickerProps:{month:T,className:"picker",selectedDays:h,canChangeMonth:!0,enableOutsideDaysClick:!y,firstDayOfWeek:1,captionElement:function(e){var t=e.date,a=e.localeUtils.getMonths();return u.default.createElement(q,{date:t,monthLabels:F\|\|a,onChange:O})},disabledDays:g\|\|void 0,modifiers:v},format:d\|\|"yyyy-MM-dd",formatDate:function(e,t){return E(e,t)},hideOnDayClick:!y,placeholder:s\|\|"",onDayChange:function(e){var t;t=e,N.current&&!y&&N.current.hideDayPicker(),m&&m(t)},showOverlay:y}))};
2	+ //# sourceMappingURL=index.js.map

package/build/components/molecules/datePicker/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/molecules/datePicker/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\n\nimport { format } from 'date-fns'\nimport DayPickerInput from 'react-day-picker/DayPickerInput'\nimport { Modifier } from 'react-day-picker/types/Modifiers'\n\nimport { StyledCaptionWrapper, StyledPickerContainer } from './index.styled'\n\n// type DisabledDays = {\n// before?: Date\n// after?: Date\n// }\n\nexport type Props = {\n alignRight?: boolean\n locale?:\n | 'vi-VN'\n | 'id-ID'\n | 'ms-MY'\n | 'km-KH'\n | 'en-PH'\n | 'th-TH'\n | 'my-MM'\n | 'zh-TW'\n | 'hi-IN'\n\n placeholder?: string\n displayDateFormat?: string\n pickedDate?: Date | Array<Date>\n customInput?: React.FunctionComponent<DatePickerCustomInputProps>\n onChange?: (d: Date) => void\n className?: string\n isStatic?: boolean\n disabledDays?: Modifier | Modifier[]\n modifiers?: {\n start?: Date\n end?: Date\n }\n UnHideOnClickOutside?: boolean\n initialMonth?: Date\n}\n\nexport type DatePickerCustomInputProps = {\n onClick: () => void\n}\n\nconst MONTHS_TRANSLATION = {\n 'vi-VN': [\n 'Tháng 1',\n 'Tháng 2',\n 'Tháng 3',\n 'Tháng 4',\n 'Tháng 5',\n 'Tháng 6',\n 'Tháng 7',\n 'Tháng 8',\n 'Tháng 9',\n 'Tháng 10',\n 'Tháng 11',\n 'Tháng 12',\n ],\n 'id-ID': [\n 'Januari',\n 'Februari',\n 'Maret',\n 'April',\n 'Mei',\n 'Juni',\n 'Juli',\n 'Agustus',\n 'September',\n 'Oktober',\n 'November',\n 'Desember',\n ],\n 'ms-MY': [\n 'Januari',\n 'Februari',\n 'Maret',\n 'April',\n 'Mei',\n 'Juni',\n 'Juli',\n 'Agustus',\n 'September',\n 'Oktober',\n 'November',\n 'Desember',\n ],\n 'km-KH': [\n 'មករា',\n 'ខែកុម្ភៈ',\n 'មីនា',\n 'ខែមេសា',\n 'ឧសភា',\n 'មិថុនា',\n 'ខែកក្កដា',\n 'សីហា',\n 'ខែកញ្ញា',\n 'តុលា',\n 'វិច្ឆិកា',\n 'ធ្នូ',\n ],\n 'en-PH': [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n ],\n 'th-TH': [\n 'มกราคม',\n 'กุมภาพันธ์',\n 'มีนาคม',\n 'เมษายน',\n 'อาจ',\n 'มิถุนายน',\n 'กรกฎาคม',\n 'สิงหาคม',\n 'กันยายน',\n 'ตุลาคม',\n 'พฤศจิกายน',\n 'ธันวาคม',\n ],\n 'my-MM': [\n 'ဇန်နဝါရီလ',\n 'ဖေဖော်ဝါရီလ',\n 'မတ်လ',\n 'ပြီလ',\n 'မေလ',\n 'ဇွန',\n 'ဇူလိုင်လ',\n 'သြဂုတ်လ',\n 'စက်တင်ဘာ',\n 'အောက်တိုဘာ',\n 'နိုဝင်ဘာ',\n 'ဒီဇင်ဘာ',\n ],\n 'zh-TW': [\n '一月',\n '二月',\n '三月',\n '四月',\n '五月',\n '六月',\n '七月',\n '八月',\n '九月',\n '十月',\n '十一月',\n '十二月',\n ],\n 'hi-IN': [\n 'जनवरी',\n 'फ़रवरी',\n 'जुलूस',\n 'अप्रैल',\n 'मई',\n 'जून',\n 'जुलाई',\n 'अगस्त',\n 'सितंबर',\n 'अक्टूबर',\n 'नवंबर',\n 'दिसंबर',\n ],\n}\n\nconst DatePicker = ({\n alignRight = true,\n placeholder,\n displayDateFormat,\n onChange,\n customInput: CustomInput,\n pickedDate,\n className,\n isStatic,\n disabledDays,\n modifiers,\n UnHideOnClickOutside,\n initialMonth,\n locale = 'en-PH',\n}: Props) => {\n const isDatePickerShown = useRef(false)\n const dateFormatter = format\n const [month, setMonth] = useState(initialMonth || new Date())\n\n const datePickerContainer = useRef<HTMLDivElement>(null)\n const datePicker = useRef<DayPickerInput>(null)\n const defaultDateFormatString = 'yyyy-MM-dd'\n const monthLabels = MONTHS_TRANSLATION[locale]\n\n const handleDaysSelect = (day: Date) => {\n datePicker.current && !isStatic && datePicker.current.hideDayPicker()\n onChange && onChange(day)\n }\n\n const handleDayChanged = (selectedDay: Date) => {\n handleDaysSelect(selectedDay)\n }\n\n const formatPickerDate = (date: Date, format: string) => {\n return dateFormatter(date, format)\n }\n\n const handleDateClick = (e: MouseEvent) => {\n if (UnHideOnClickOutside) return\n if (\n !datePickerContainer.current ||\n !datePickerContainer.current.contains(e.target as Node)\n ) {\n datePicker.current && datePicker.current.hideDayPicker()\n }\n }\n\n // customise the drop downs for Month and year\n const currentYear = new Date().getFullYear()\n const fromMonth = new Date(currentYear - 150, 0)\n const toMonth = new Date(currentYear + 1, 0)\n\n const YearMonthForm = ({\n date,\n // localeUtils,\n onChange,\n monthLabels,\n }: {\n date: Date\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n // localeUtils: any\n onChange: (d: Date) => void\n monthLabels: string[]\n }) => {\n // const months = localeUtils.getMonths()\n\n const years = []\n for (let i = toMonth.getFullYear(); i >= fromMonth.getFullYear(); i -= 1) {\n years.push(i)\n }\n\n const handleChange = function handleChange(\n e: React.ChangeEvent<HTMLSelectElement>,\n ) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const { year, month } = e.target.form as any\n onChange(new Date(year.value, month.value))\n }\n\n return (\n <div className=\"DayPicker-Caption\">\n <StyledCaptionWrapper>\n <select name=\"month\" onChange={handleChange} value={date.getMonth()}>\n {monthLabels.map((month: string, i: number) => (\n <option key={month} value={i}>\n {month}\n </option>\n ))}\n </select>\n <select\n name=\"year\"\n onChange={handleChange}\n value={date.getFullYear()}\n >\n {years.map((year) => (\n <option key={year} value={year}>\n {year}\n </option>\n ))}\n </select>\n </StyledCaptionWrapper>\n </div>\n )\n }\n\n const CaptionElement = ({\n date,\n localeUtils,\n }: {\n date: Date\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n localeUtils?: any\n }) => {\n const defaultMonthLabels = localeUtils.getMonths()\n\n return (\n <YearMonthForm\n date={date}\n // localeUtils={localeUtils}\n monthLabels={monthLabels || defaultMonthLabels}\n onChange={setMonth}\n />\n )\n }\n\n useEffect(() => {\n document.addEventListener('mousedown', handleDateClick, false)\n return () => {\n document.removeEventListener('mousedown', handleDateClick, false)\n }\n }, [])\n\n return (\n <StyledPickerContainer\n className={className}\n data-align-right={alignRight}\n ref={datePickerContainer}\n data-is-static={isStatic || undefined}\n >\n <DayPickerInput\n ref={datePicker}\n inputProps={{\n readOnly: true,\n }}\n keepFocus={false}\n classNames={{\n container: 'pickerContainer',\n overlayWrapper: 'pickerOverlayWrapper',\n overlay: 'pickerOverlay',\n }}\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n component={\n CustomInput &&\n React.forwardRef((props: DatePickerCustomInputProps, _ref: any) => (\n <CustomInput {...props} />\n ))\n }\n onDayPickerHide={() => {\n isDatePickerShown.current = false\n }}\n onDayPickerShow={() => {\n isDatePickerShown.current = true\n }}\n dayPickerProps={{\n month: month,\n className: 'picker',\n selectedDays: pickedDate,\n canChangeMonth: true,\n enableOutsideDaysClick: isStatic ? false : true,\n firstDayOfWeek: 1,\n captionElement: CaptionElement,\n disabledDays: disabledDays || undefined,\n modifiers: modifiers,\n }}\n format={displayDateFormat || defaultDateFormatString}\n formatDate={formatPickerDate}\n hideOnDayClick={isStatic ? false : true}\n placeholder={placeholder || ''}\n onDayChange={handleDayChanged}\n showOverlay={isStatic}\n />\n </StyledPickerContainer>\n )\n}\n\nexport { DatePicker }\n"],"names":["MONTHS_TRANSLATION","_a","_b","alignRight","placeholder","displayDateFormat","onChange","CustomInput","pickedDate","className","isStatic","disabledDays","modifiers","UnHideOnClickOutside","initialMonth","_c","locale","isDatePickerShown","useRef","dateFormatter","format","_d","useState","Date","month","setMonth","datePickerContainer","datePicker","monthLabels","handleDateClick","e","current","contains","target","hideDayPicker","currentYear","getFullYear","fromMonth","toMonth","YearMonthForm","date","years","i","push","handleChange","form","year","value","React","createElement","StyledCaptionWrapper","name","getMonth","map","key","useEffect","document","addEventListener","removeEventListener","StyledPickerContainer","ref","undefined","DayPickerInput","inputProps","readOnly","keepFocus","classNames","container","overlayWrapper","overlay","component","forwardRef","props","_ref","__assign","onDayPickerHide","onDayPickerShow","dayPickerProps","selectedDays","canChangeMonth","enableOutsideDaysClick","firstDayOfWeek","captionElement","defaultMonthLabels","localeUtils","getMonths","formatDate","hideOnDayClick","onDayChange","selectedDay","day","showOverlay"],"mappings":"6UA8CMA,EAAqB,CACzB,QAAS,CACP,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WACA,WACA,YAEF,QAAS,CACP,UACA,WACA,QACA,QACA,MACA,OACA,OACA,UACA,YACA,UACA,WACA,YAEF,QAAS,CACP,UACA,WACA,QACA,QACA,MACA,OACA,OACA,UACA,YACA,UACA,WACA,YAEF,QAAS,CACP,OACA,WACA,OACA,SACA,OACA,SACA,WACA,OACA,UACA,OACA,WACA,QAEF,QAAS,CACP,UACA,WACA,QACA,QACA,MACA,OACA,OACA,SACA,YACA,UACA,WACA,YAEF,QAAS,CACP,SACA,aACA,SACA,SACA,MACA,WACA,UACA,UACA,UACA,SACA,YACA,WAEF,QAAS,CACP,YACA,cACA,OACA,OACA,MACA,MACA,WACA,UACA,WACA,aACA,WACA,WAEF,QAAS,CACP,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,MACA,OAEF,QAAS,CACP,QACA,SACA,QACA,SACA,KACA,MACA,QACA,QACA,SACA,UACA,QACA,8BAIe,SAACC,OAClBC,EAAiBD,EAAAE,WAAjBA,OAAa,IAAAD,KACbE,gBACAC,sBACAC,aACaC,gBACbC,eACAC,cACAC,aACAC,iBACAC,cACAC,yBACAC,iBACAC,EAAAd,EAAAe,OAAAA,OAAM,IAAAD,EAAG,QAAOA,EAEVE,EAAoBC,UAAO,GAC3BC,EAAgBC,EAAAA,OAChBC,EAAoBC,EAAQA,SAACR,GAAgB,IAAIS,MAAhDC,EAAKH,EAAA,GAAEI,OAERC,EAAsBR,SAAuB,MAC7CS,EAAaT,SAAuB,MAEpCU,EAAc5B,EAAmBgB,GAejCa,EAAkB,SAACC,GACnBjB,GAEDa,EAAoBK,SACpBL,EAAoBK,QAAQC,SAASF,EAAEG,SAExCN,EAAWI,SAAWJ,EAAWI,QAAQG,iBAKvCC,GAAc,IAAIZ,MAAOa,cACzBC,EAAY,IAAId,KAAKY,EAAc,IAAK,GACxCG,EAAU,IAAIf,KAAKY,EAAc,EAAG,GAEpCI,EAAgB,SAACtC,GAerB,IAdA,IAAAuC,EAAIvC,EAAAuC,KAEJlC,EAAQL,EAAAK,SACRsB,EAAW3B,EAAA2B,YAULa,EAAQ,GACLC,EAAIJ,EAAQF,cAAeM,GAAKL,EAAUD,cAAeM,GAAK,EACrED,EAAME,KAAKD,GAGb,IAAME,EAAe,SACnBd,GAGM,IAAA7B,EAAkB6B,EAAEG,OAAOY,KAAzBC,EAAI7C,EAAA6C,KAAEtB,EAAKvB,EAAAuB,MACnBlB,EAAS,IAAIiB,KAAKuB,EAAKC,MAAOvB,EAAMuB,SAGtC,OACEC,EAAA,QAAAC,cAAA,MAAA,CAAKxC,UAAU,qBACbuC,UAAAC,cAACC,EAAAA,qBAAoB,KACnBF,EAAAA,QAAAC,cAAA,SAAA,CAAQE,KAAK,QAAQ7C,SAAUsC,EAAcG,MAAOP,EAAKY,YACtDxB,EAAYyB,KAAI,SAAC7B,EAAekB,GAAc,OAC7CM,EAAQ,QAAAC,cAAA,SAAA,CAAAK,IAAK9B,EAAOuB,MAAOL,GACxBlB,OAIPwB,EAAAA,QAAAC,cAAA,SAAA,CACEE,KAAK,OACL7C,SAAUsC,EACVG,MAAOP,EAAKJ,eAEXK,EAAMY,KAAI,SAACP,GAAS,OACnBE,EAAAA,gCAAQM,IAAKR,EAAMC,MAAOD,GACvBA,UAoCf,OAPAS,EAAAA,WAAU,WAER,OADAC,SAASC,iBAAiB,YAAa5B,GAAiB,GACjD,WACL2B,SAASE,oBAAoB,YAAa7B,GAAiB,MAE5D,IAGDmB,EAAC,QAAAC,cAAAU,wBACC,CAAAlD,UAAWA,EAAS,mBACFN,EAClByD,IAAKlC,EACW,iBAAAhB,QAAYmD,GAE5Bb,EAAA,QAAAC,cAACa,EAAc,QACb,CAAAF,IAAKjC,EACLoC,WAAY,CACVC,UAAU,GAEZC,WAAW,EACXC,WAAY,CACVC,UAAW,kBACXC,eAAgB,uBAChBC,QAAS,iBAGXC,UACE/D,GACAyC,EAAK,QAACuB,YAAW,SAACC,EAAmCC,GAAc,OACjEzB,EAAAA,sBAACzC,EAAWmE,EAAAA,SAAA,GAAKF,OAGrBG,gBAAiB,WACf1D,EAAkBc,SAAU,GAE9B6C,gBAAiB,WACf3D,EAAkBc,SAAU,GAE9B8C,eAAgB,CACdrD,MAAOA,EACPf,UAAW,SACXqE,aAActE,EACduE,gBAAgB,EAChBC,wBAAwBtE,EACxBuE,eAAgB,EAChBC,eAjEe,SAACjF,OACtBuC,EAAIvC,EAAAuC,KAOE2C,EANKlF,EAAAmF,YAM4BC,YAEvC,OACErC,EAAC,QAAAC,cAAAV,EACC,CAAAC,KAAMA,EAENZ,YAAaA,GAAeuD,EAC5B7E,SAAUmB,KAmDRd,aAAcA,QAAgBkD,EAC9BjD,UAAWA,GAEbQ,OAAQf,GAzJkB,aA0J1BiF,WA9ImB,SAAC9C,EAAYpB,GACpC,OAAOD,EAAcqB,EAAMpB,IA8IvBmE,gBAAgB7E,EAChBN,YAAaA,GAAe,GAC5BoF,YArJmB,SAACC,GALD,IAACC,IAMPD,EALjB9D,EAAWI,UAAYrB,GAAYiB,EAAWI,QAAQG,gBACtD5B,GAAYA,EAASoF,IAyJjBC,YAAajF"}

package/build/components/molecules/datePicker/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,r,a=e(require("styled-components")),i=a.default.div(t\|\|(t=n.__makeTemplateObject(["\n .pickerContainer {\n position: relative;\n padding-top: 0;\n & > div > svg {\n position: absolute;\n top: 36px;\n right: 16px;\n cursor: pointer;\n }\n\n & > :not(:first-child) {\n position: absolute;\n z-index: 1;\n width: 100%;\n }\n }\n\n &[data-is-static] .pickerOverlayWrapper {\n position: static;\n max-width: 250px;\n aspect-ratio: 1 / 1;\n\n > .pickerOverlay {\n padding: 1rem;\n }\n }\n\n .pickerOverlayWrapper {\n min-width: 320px;\n }\n\n &[data-align-right='true'] {\n .pickerOverlayWrapper {\n right: 0;\n }\n }\n\n .pickerOverlay {\n margin-top: 6px;\n background: white;\n border-radius: 6px;\n box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n }\n\n .picker {\n width: 100%;\n }\n\n .react-datepicker-popper {\n .react-datepicker {\n display: flex;\n width: 340px;\n height: 305px;\n align-items: center;\n justify-content: center;\n border: none;\n box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n }\n\n .svg {\n cursor: pointer;\n stroke: ",";\n }\n .react-datepicker__day {\n width: 40px;\n }\n\n .react-datepicker__header {\n border-bottom: 0;\n background-color: white;\n }\n\n .react-datepicker__day--outside-month {\n color: #e9e9e9;\n }\n\n .react-datepicker__day {\n font-weight: ",";\n }\n\n .react-datepicker__day--selected,\n .react-datepicker__day--today,\n .react-datepicker__day--selected:hover,\n .react-datepicker__day--keyboard-selected {\n width: 32px;\n height: 30px;\n margin: 4px;\n margin-bottom: -2px;\n background: ",";\n border-radius: 50%;\n }\n\n .react-datepicker__day-name {\n width: 40px;\n }\n\n .react-datepicker__triangle {\n display: none;\n }\n\n .react-datepicker__header.react-datepicker__header--custom {\n svg {\n stroke: #262626;\n }\n select {\n background: ",";\n text-align: center;\n &:not(:last-child) {\n padding: 8px 10px;\n margin-right: 15px;\n border-radius: 6px;\n }\n }\n }\n }\n\n /* DayPicker styles /\n\n .DayPicker {\n display: inline-block;\n font-size: 1rem;\n }\n\n .DayPicker-wrapper {\n position: relative;\n\n flex-direction: row;\n padding-bottom: 1em;\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n -ms-user-select: none;\n\n user-select: none;\n }\n\n .DayPicker-Months {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .DayPicker-Month {\n display: table;\n margin: 0 16px;\n margin-top: 16px;\n border-collapse: collapse;\n border-spacing: 0;\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n -ms-user-select: none;\n\n user-select: none;\n }\n\n .DayPicker-NavBar {\n position: absolute;\n top: 16px;\n left: 0;\n display: flex;\n width: 100%;\n height: 0;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n }\n\n .DayPicker-NavButton {\n width: 24px;\n height: 24px;\n margin-bottom: -47px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n color: #8b9898;\n cursor: pointer;\n }\n\n .DayPicker-NavButton:hover {\n opacity: 0.8;\n }\n\n .DayPicker-NavButton--prev {\n //left: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n\n .DayPicker-NavButton--next {\n //right: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n\n .DayPicker-NavButton--interactionDisabled {\n display: none;\n }\n\n .DayPicker-Caption {\n display: table-caption;\n width: 100%;\n height: 46px;\n padding: 0 32px;\n }\n\n .DayPicker-Caption select {\n font-size: 16px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n }\n\n .DayPicker-Weekdays {\n display: table-header-group;\n margin-top: 1em;\n }\n\n .DayPicker-WeekdaysRow {\n display: table-row;\n }\n\n .DayPicker-Weekday {\n display: table-cell;\n padding: 0.5em;\n color: #8b9898;\n font-size: 0.875em;\n text-align: center;\n }\n\n .DayPicker-Weekday abbr[title] {\n border-bottom: none;\n text-decoration: none;\n }\n\n .DayPicker-Body {\n display: table-row-group;\n }\n\n .DayPicker-Week {\n display: table-row;\n }\n\n .DayPicker-Day {\n display: table-cell;\n\n width: 40px;\n height: 40px;\n border-radius: 50%;\n cursor: pointer;\n text-align: center;\n vertical-align: middle;\n }\n\n .DayPicker-WeekNumber {\n display: table-cell;\n min-width: 1em;\n padding: 0.5em;\n border-right: 1px solid #eaecec;\n color: #8b9898;\n cursor: pointer;\n font-size: 0.75em;\n text-align: right;\n vertical-align: middle;\n }\n\n .DayPicker--interactionDisabled .DayPicker-Day {\n cursor: default;\n }\n\n .DayPicker-Footer {\n padding-top: 0.5em;\n }\n\n .DayPicker-TodayButton {\n border: none;\n background-color: transparent;\n background-image: none;\n box-shadow: none;\n color: #4a90e2;\n cursor: pointer;\n font-size: 0.875em;\n }\n\n / Default modifiers /\n\n .DayPicker-Day--today {\n color: #d0021b;\n font-weight: 700;\n }\n\n .DayPicker-Day--outside {\n color: #8b9898;\n cursor: default;\n }\n\n .DayPicker-Day--disabled {\n color: #dce0e0;\n cursor: default;\n / background-color: #eff1f1; /\n }\n\n / Example modifiers /\n\n .DayPicker-Day--sunday {\n background-color: #f7f8f8;\n }\n\n .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n color: #dce0e0;\n }\n\n .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n position: relative;\n\n background-color: ",";\n color: #f0f8ff;\n font-weight: ",";\n }\n\n .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n background-color: #51a0fa;\n }\n\n .DayPicker:not(.DayPicker--interactionDisabled)\n .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n background-color: #f0f8ff;\n }\n\n / DayPickerInput /\n\n .DayPickerInput {\n display: inline-block;\n }\n\n .DayPickerInput-OverlayWrapper {\n position: relative;\n }\n\n .DayPickerInput-Overlay {\n position: absolute;\n z-index: 1;\n left: 0;\n\n background: white;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n }\n"],["\n .pickerContainer {\n position: relative;\n padding-top: 0;\n & > div > svg {\n position: absolute;\n top: 36px;\n right: 16px;\n cursor: pointer;\n }\n\n & > :not(:first-child) {\n position: absolute;\n z-index: 1;\n width: 100%;\n }\n }\n\n &[data-is-static] .pickerOverlayWrapper {\n position: static;\n max-width: 250px;\n aspect-ratio: 1 / 1;\n\n > .pickerOverlay {\n padding: 1rem;\n }\n }\n\n .pickerOverlayWrapper {\n min-width: 320px;\n }\n\n &[data-align-right='true'] {\n .pickerOverlayWrapper {\n right: 0;\n }\n }\n\n .pickerOverlay {\n margin-top: 6px;\n background: white;\n border-radius: 6px;\n box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n }\n\n .picker {\n width: 100%;\n }\n\n .react-datepicker-popper {\n .react-datepicker {\n display: flex;\n width: 340px;\n height: 305px;\n align-items: center;\n justify-content: center;\n border: none;\n box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n }\n\n .svg {\n cursor: pointer;\n stroke: ",";\n }\n .react-datepicker__day {\n width: 40px;\n }\n\n .react-datepicker__header {\n border-bottom: 0;\n background-color: white;\n }\n\n .react-datepicker__day--outside-month {\n color: #e9e9e9;\n }\n\n .react-datepicker__day {\n font-weight: ",";\n }\n\n .react-datepicker__day--selected,\n .react-datepicker__day--today,\n .react-datepicker__day--selected:hover,\n .react-datepicker__day--keyboard-selected {\n width: 32px;\n height: 30px;\n margin: 4px;\n margin-bottom: -2px;\n background: ",";\n border-radius: 50%;\n }\n\n .react-datepicker__day-name {\n width: 40px;\n }\n\n .react-datepicker__triangle {\n display: none;\n }\n\n .react-datepicker__header.react-datepicker__header--custom {\n svg {\n stroke: #262626;\n }\n select {\n background: ",";\n text-align: center;\n &:not(:last-child) {\n padding: 8px 10px;\n margin-right: 15px;\n border-radius: 6px;\n }\n }\n }\n }\n\n / DayPicker styles /\n\n .DayPicker {\n display: inline-block;\n font-size: 1rem;\n }\n\n .DayPicker-wrapper {\n position: relative;\n\n flex-direction: row;\n padding-bottom: 1em;\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n -ms-user-select: none;\n\n user-select: none;\n }\n\n .DayPicker-Months {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .DayPicker-Month {\n display: table;\n margin: 0 16px;\n margin-top: 16px;\n border-collapse: collapse;\n border-spacing: 0;\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n -ms-user-select: none;\n\n user-select: none;\n }\n\n .DayPicker-NavBar {\n position: absolute;\n top: 16px;\n left: 0;\n display: flex;\n width: 100%;\n height: 0;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n }\n\n .DayPicker-NavButton {\n width: 24px;\n height: 24px;\n margin-bottom: -47px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n color: #8b9898;\n cursor: pointer;\n }\n\n .DayPicker-NavButton:hover {\n opacity: 0.8;\n }\n\n .DayPicker-NavButton--prev {\n //left: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n\n .DayPicker-NavButton--next {\n //right: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n\n .DayPicker-NavButton--interactionDisabled {\n display: none;\n }\n\n .DayPicker-Caption {\n display: table-caption;\n width: 100%;\n height: 46px;\n padding: 0 32px;\n }\n\n .DayPicker-Caption select {\n font-size: 16px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n }\n\n .DayPicker-Weekdays {\n display: table-header-group;\n margin-top: 1em;\n }\n\n .DayPicker-WeekdaysRow {\n display: table-row;\n }\n\n .DayPicker-Weekday {\n display: table-cell;\n padding: 0.5em;\n color: #8b9898;\n font-size: 0.875em;\n text-align: center;\n }\n\n .DayPicker-Weekday abbr[title] {\n border-bottom: none;\n text-decoration: none;\n }\n\n .DayPicker-Body {\n display: table-row-group;\n }\n\n .DayPicker-Week {\n display: table-row;\n }\n\n .DayPicker-Day {\n display: table-cell;\n\n width: 40px;\n height: 40px;\n border-radius: 50%;\n cursor: pointer;\n text-align: center;\n vertical-align: middle;\n }\n\n .DayPicker-WeekNumber {\n display: table-cell;\n min-width: 1em;\n padding: 0.5em;\n border-right: 1px solid #eaecec;\n color: #8b9898;\n cursor: pointer;\n font-size: 0.75em;\n text-align: right;\n vertical-align: middle;\n }\n\n .DayPicker--interactionDisabled .DayPicker-Day {\n cursor: default;\n }\n\n .DayPicker-Footer {\n padding-top: 0.5em;\n }\n\n .DayPicker-TodayButton {\n border: none;\n background-color: transparent;\n background-image: none;\n box-shadow: none;\n color: #4a90e2;\n cursor: pointer;\n font-size: 0.875em;\n }\n\n / Default modifiers /\n\n .DayPicker-Day--today {\n color: #d0021b;\n font-weight: 700;\n }\n\n .DayPicker-Day--outside {\n color: #8b9898;\n cursor: default;\n }\n\n .DayPicker-Day--disabled {\n color: #dce0e0;\n cursor: default;\n / background-color: #eff1f1; /\n }\n\n / Example modifiers /\n\n .DayPicker-Day--sunday {\n background-color: #f7f8f8;\n }\n\n .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n color: #dce0e0;\n }\n\n .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n position: relative;\n\n background-color: ",";\n color: #f0f8ff;\n font-weight: ",";\n }\n\n .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n background-color: #51a0fa;\n }\n\n .DayPicker:not(.DayPicker--interactionDisabled)\n .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n background-color: #f0f8ff;\n }\n\n / DayPickerInput /\n\n .DayPickerInput {\n display: inline-block;\n }\n\n .DayPickerInput-OverlayWrapper {\n position: relative;\n }\n\n .DayPickerInput-Overlay {\n position: absolute;\n z-index: 1;\n left: 0;\n\n background: white;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold})),o=a.default.form(r\|\|(r=n.__makeTemplateObject(["\n display: flex;\n width: 100%;\n\n height: 46px;\n align-items: center;\n justify-content: space-between;\n & > :first-child {\n margin-right: 10px;\n }\n\n & {\n height: 46px;\n padding: 10px 10px;\n background: ",";\n border-radius: 6px;\n }\n"],["\n display: flex;\n width: 100%;\n\n height: 46px;\n align-items: center;\n justify-content: space-between;\n & > :first-child {\n margin-right: 10px;\n }\n\n & * {\n height: 46px;\n padding: 10px 10px;\n background: ",";\n border-radius: 6px;\n }\n"])),(function(n){return n.theme.colors.neutral100}));exports.StyledCaptionWrapper=o,exports.StyledPickerContainer=i;
2	+ //# sourceMappingURL=index.styled.js.map

package/build/components/molecules/datePicker/index.styled.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../src/components/molecules/datePicker/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledPickerContainer = styled.div`\n .pickerContainer {\n position: relative;\n padding-top: 0;\n & > div > svg {\n position: absolute;\n top: 36px;\n right: 16px;\n cursor: pointer;\n }\n\n & > :not(:first-child) {\n position: absolute;\n z-index: 1;\n width: 100%;\n }\n }\n\n &[data-is-static] .pickerOverlayWrapper {\n position: static;\n max-width: 250px;\n aspect-ratio: 1 / 1;\n\n > .pickerOverlay {\n padding: 1rem;\n }\n }\n\n .pickerOverlayWrapper {\n min-width: 320px;\n }\n\n &[data-align-right='true'] {\n .pickerOverlayWrapper {\n right: 0;\n }\n }\n\n .pickerOverlay {\n margin-top: 6px;\n background: white;\n border-radius: 6px;\n box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n }\n\n .picker {\n width: 100%;\n }\n\n .react-datepicker-popper {\n .react-datepicker {\n display: flex;\n width: 340px;\n height: 305px;\n align-items: center;\n justify-content: center;\n border: none;\n box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n }\n\n .svg {\n cursor: pointer;\n stroke: ${(props: ThemeProps) => props.theme.colors.gray800};\n }\n .react-datepicker__day {\n width: 40px;\n }\n\n .react-datepicker__header {\n border-bottom: 0;\n background-color: white;\n }\n\n .react-datepicker__day--outside-month {\n color: #e9e9e9;\n }\n\n .react-datepicker__day {\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n }\n\n .react-datepicker__day--selected,\n .react-datepicker__day--today,\n .react-datepicker__day--selected:hover,\n .react-datepicker__day--keyboard-selected {\n width: 32px;\n height: 30px;\n margin: 4px;\n margin-bottom: -2px;\n background: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n border-radius: 50%;\n }\n\n .react-datepicker__day-name {\n width: 40px;\n }\n\n .react-datepicker__triangle {\n display: none;\n }\n\n .react-datepicker__header.react-datepicker__header--custom {\n svg {\n stroke: #262626;\n }\n select {\n background: ${(props: ThemeProps) => props.theme.colors.neutral100};\n text-align: center;\n &:not(:last-child) {\n padding: 8px 10px;\n margin-right: 15px;\n border-radius: 6px;\n }\n }\n }\n }\n\n /* DayPicker styles */\n\n .DayPicker {\n display: inline-block;\n font-size: 1rem;\n }\n\n .DayPicker-wrapper {\n position: relative;\n\n flex-direction: row;\n padding-bottom: 1em;\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n -ms-user-select: none;\n\n user-select: none;\n }\n\n .DayPicker-Months {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .DayPicker-Month {\n display: table;\n margin: 0 16px;\n margin-top: 16px;\n border-collapse: collapse;\n border-spacing: 0;\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n -ms-user-select: none;\n\n user-select: none;\n }\n\n .DayPicker-NavBar {\n position: absolute;\n top: 16px;\n left: 0;\n display: flex;\n width: 100%;\n height: 0;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n }\n\n .DayPicker-NavButton {\n width: 24px;\n height: 24px;\n margin-bottom: -47px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n color: #8b9898;\n cursor: pointer;\n }\n\n .DayPicker-NavButton:hover {\n opacity: 0.8;\n }\n\n .DayPicker-NavButton--prev {\n //left: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n\n .DayPicker-NavButton--next {\n //right: 2px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n }\n\n .DayPicker-NavButton--interactionDisabled {\n display: none;\n }\n\n .DayPicker-Caption {\n display: table-caption;\n width: 100%;\n height: 46px;\n padding: 0 32px;\n }\n\n .DayPicker-Caption select {\n font-size: 16px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n }\n\n .DayPicker-Weekdays {\n display: table-header-group;\n margin-top: 1em;\n }\n\n .DayPicker-WeekdaysRow {\n display: table-row;\n }\n\n .DayPicker-Weekday {\n display: table-cell;\n padding: 0.5em;\n color: #8b9898;\n font-size: 0.875em;\n text-align: center;\n }\n\n .DayPicker-Weekday abbr[title] {\n border-bottom: none;\n text-decoration: none;\n }\n\n .DayPicker-Body {\n display: table-row-group;\n }\n\n .DayPicker-Week {\n display: table-row;\n }\n\n .DayPicker-Day {\n display: table-cell;\n\n width: 40px;\n height: 40px;\n border-radius: 50%;\n cursor: pointer;\n text-align: center;\n vertical-align: middle;\n }\n\n .DayPicker-WeekNumber {\n display: table-cell;\n min-width: 1em;\n padding: 0.5em;\n border-right: 1px solid #eaecec;\n color: #8b9898;\n cursor: pointer;\n font-size: 0.75em;\n text-align: right;\n vertical-align: middle;\n }\n\n .DayPicker--interactionDisabled .DayPicker-Day {\n cursor: default;\n }\n\n .DayPicker-Footer {\n padding-top: 0.5em;\n }\n\n .DayPicker-TodayButton {\n border: none;\n background-color: transparent;\n background-image: none;\n box-shadow: none;\n color: #4a90e2;\n cursor: pointer;\n font-size: 0.875em;\n }\n\n /* Default modifiers */\n\n .DayPicker-Day--today {\n color: #d0021b;\n font-weight: 700;\n }\n\n .DayPicker-Day--outside {\n color: #8b9898;\n cursor: default;\n }\n\n .DayPicker-Day--disabled {\n color: #dce0e0;\n cursor: default;\n /* background-color: #eff1f1; */\n }\n\n /* Example modifiers */\n\n .DayPicker-Day--sunday {\n background-color: #f7f8f8;\n }\n\n .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n color: #dce0e0;\n }\n\n .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n position: relative;\n\n background-color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n color: #f0f8ff;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n }\n\n .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n background-color: #51a0fa;\n }\n\n .DayPicker:not(.DayPicker--interactionDisabled)\n .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n background-color: #f0f8ff;\n }\n\n /* DayPickerInput */\n\n .DayPickerInput {\n display: inline-block;\n }\n\n .DayPickerInput-OverlayWrapper {\n position: relative;\n }\n\n .DayPickerInput-Overlay {\n position: absolute;\n z-index: 1;\n left: 0;\n\n background: white;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n }\n`\n\nexport const StyledCaptionWrapper = styled.form`\n display: flex;\n width: 100%;\n\n height: 46px;\n align-items: center;\n justify-content: space-between;\n & > :first-child {\n margin-right: 10px;\n }\n\n & * {\n height: 46px;\n padding: 10px 10px;\n background: ${(props: ThemeProps) => props.theme.colors.neutral100};\n border-radius: 6px;\n }\n`\n"],"names":["StyledPickerContainer","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","gray800","sizes","fwBold","primaryBase","neutral100","StyledCaptionWrapper","form","templateObject_2"],"mappings":"gPAGaA,EAAwBC,EAAM,QAACC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,yqCAAA,ySAAA,mSAAA,kUAAA,gvIAAA,4CAAA,6pBAAA,CAAA,yqCA+DkB,ySAgBG,mSAWK,kUAiBC,gvIAoNG,4CAEX,gqBAlQlD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WAgBrC,SAACH,GAAsB,OAAAA,EAAMC,MAAMG,MAAMC,UAW1C,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,eAiBxC,SAACN,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,cAoNxC,SAACP,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,eAE/C,SAACN,GAAsB,OAAAA,EAAMC,MAAMG,MAAMC,UAgC/CG,EAAuBZ,EAAAA,QAAOa,KAAIC,IAAAA,EAAAX,EAAAA,qBAAA,CAAA,gPAAA,qCAAA,CAAA,gPAcuB,wCAApD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK"}

package/build/components/molecules/doctorInfo/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),r=require("react"),i=require("../../atoms/text/index.js");require("../../atoms/alert/index.styled.js"),require("../../atoms/avatar/index.styled.js"),require("../../atoms/badge/index.styled.js"),require("../../atoms/borderHeading/index.styled.js"),require("../../atoms/button/index.styled.js"),require("../../atoms/divider/index.styled.js"),require("../../atoms/fileDropdown/index.styled.js"),require("../../atoms/flag/index.styled.js"),require("../../atoms/grid/index.styled.js"),require("../../atoms/heading/index.styled.js"),require("../../atoms/label/index.js"),require("../../atoms/input/index.styled.js"),require("../../atoms/logo/index.js"),require("../../../misc/utils.js"),require("../../atoms/pagination/index.styled.js"),require("../../atoms/pureInput/index.js"),require("../../atoms/radio/index.styled.js"),require("../../atoms/shadow/index.styled.js"),require("react-range"),require("../../atoms/slider/index.styled.js"),require("../../atoms/tag/index.styled.js"),require("../../atoms/toggle/index.styled.js"),require("../../atoms/underlinedLink/index.styled.js"),require("../../atoms/uploader/index.styled.js"),require("../../atoms/textArea/index.js"),require("../../atoms/container/index.styled.js"),require("../../atoms/checkbox/index.styled.js"),require("../../atoms/textDivider/index.js"),require("../../atoms/rateStars/index.styled.js"),require("../../atoms/icons/Ask.js"),require("../../atoms/icons/BarChart.js"),require("../../atoms/icons/Booking.js"),require("../../atoms/icons/Bookmark.js"),require("../../atoms/icons/Community.js"),require("../../atoms/icons/EditSpecial.js"),require("../../atoms/icons/Family.js"),require("../../atoms/icons/Font.js"),require("../../atoms/icons/Heart.js"),require("../../atoms/icons/Home.js"),require("../../atoms/icons/Like.js"),require("../../atoms/icons/MyCommunity.js"),require("../../atoms/icons/PlusSpecial.js"),require("../../atoms/icons/Recalculate.js"),require("../../atoms/icons/Scale.js"),require("../../atoms/icons/Share.js"),require("../../atoms/icons/Stethoscope.js"),require("../../atoms/progress/index.styled.js");var s=require("styled-components");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,o=t(r),a=t(s).default.figure(n\|\|(n=e.__makeTemplateObject(["\n display: flex;\n\n > img,\n svg,\n picture {\n width: 40px;\n height: 40px;\n margin-right: 1rem;\n border-radius: 6px;\n object-fit: cover;\n }\n\n > figcaption {\n p + p {\n margin-top: 2px;\n }\n }\n"],["\n display: flex;\n\n > img,\n svg,\n picture {\n width: 40px;\n height: 40px;\n margin-right: 1rem;\n border-radius: 6px;\n object-fit: cover;\n }\n\n > figcaption {\n p + p {\n margin-top: 2px;\n }\n }\n"])));exports.DoctorInfo=function(e){var r=e.name,s=e.description,t=e.image,n=e.isDescriptionHidden;return o.default.createElement(a,null,t,!n&&o.default.createElement("figcaption",null,o.default.createElement(i.Text,{size:"p4",type:"bold"},r),o.default.createElement(i.Text,{size:"p4"},s)))};
2	+ //# sourceMappingURL=index.js.map

package/build/components/molecules/doctorInfo/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../src/components/molecules/doctorInfo/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from 'components/atoms'\nimport styled from 'styled-components'\n\ntype Props = {\n image: JSX.Element\n name: string\n description: string\n isDescriptionHidden?: boolean\n}\n\nconst StyledDoctorInfo = styled.figure`\n display: flex;\n\n > img,\n svg,\n picture {\n width: 40px;\n height: 40px;\n margin-right: 1rem;\n border-radius: 6px;\n object-fit: cover;\n }\n\n > figcaption {\n p + p {\n margin-top: 2px;\n }\n }\n`\n\nconst DoctorInfo = ({\n name,\n description,\n image,\n isDescriptionHidden,\n}: Props) => {\n return (\n <StyledDoctorInfo>\n {image}\n {!isDescriptionHidden && (\n <figcaption>\n <Text size=\"p4\" type=\"bold\">\n {name}\n </Text>\n <Text size=\"p4\">{description}</Text>\n </figcaption>\n )}\n </StyledDoctorInfo>\n )\n}\n\nexport { DoctorInfo }\n"],"names":["StyledDoctorInfo","figure","templateObject_1","__makeTemplateObject","_a","name","description","image","isDescriptionHidden","React","createElement","Text","size","type"],"mappings":"6xEAYMA,OAAyB,QAACC,OAAMC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,kPAAA,CAAA,wQAoBnB,SAACC,OAClBC,EAAID,EAAAC,KACJC,EAAWF,EAAAE,YACXC,EAAKH,EAAAG,MACLC,EAAmBJ,EAAAI,oBAEnB,OACEC,wBAACT,EAAgB,KACdO,GACCC,GACAC,EAAAA,QAAAC,cAAA,aAAA,KACED,UAACC,cAAAC,EAAAA,KAAK,CAAAC,KAAK,KAAKC,KAAK,QAClBR,GAEHI,UAAAC,cAACC,EAAAA,KAAI,CAACC,KAAK,MAAMN"}