npm - @hhgtech/hhg-components - Versions diffs - 1.18.47 → 1.18.49 - Mend

@hhgtech/hhg-components 1.18.47 → 1.18.49

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/esm/components/atoms/marryBabyText/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__rest as t,__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import o from"react";import{StyledText as r}from"./index.styled.js";var l=function(l){var s=l.type,m=l.color,i=l.style,p=t(l,["type","color","style"]);return o.createElement(r,e({"data-type":s,style:e(e({},i),m&&{"--text-color":m})},p))};export{l as MarryBabyText};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/atoms/marryBabyText/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/marryBabyText/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CSSProperties } from 'styled-components'\n\nimport { StyledHeading, StyledText } from './index.styled'\n\ntype HeadingProps = {\n type: 'h1' | 'h2' | 'h3' | 'h4'\n color?: string\n style?: CSSProperties\n [x: string]: string | JSX.Element | JSX.Element[] | React.ReactNode\n}\n\nconst MarryBabyHeading = ({ type, color, style, ...props }: HeadingProps) => {\n const DATATYPE = {\n h1: 'headline-1',\n h2: 'headline-2',\n h3: 'headline-3',\n h4: 'headline-4',\n }\n\n return (\n <StyledHeading\n type={type}\n data-type={DATATYPE[type]}\n style={{ ...(color && { '--text-color': color }), ...style }}\n {...props}\n />\n )\n}\n\ntype TextProps = {\n type:\n | 'subtitle-1'\n | 'subtitle-2'\n | 'subtitle-3'\n | 'bodytext-1'\n | 'bodytext-2'\n | 'bodytext-3'\n | 'caption-1'\n | 'caption-2'\n color?: string\n style?: CSSProperties\n [x: string]: string | JSX.Element | JSX.Element[] | React.ReactNode\n}\n\nconst MarryBabyText = ({ type, color, style, ...props }: TextProps) => {\n return (\n <StyledText\n data-type={type}\n style={{ ...style, ...(color && { '--text-color': color }) }}\n {...props}\n />\n )\n}\n\nexport { MarryBabyHeading, MarryBabyText }\n"],"names":["MarryBabyText","_a","type","color","style","props","__rest","React","StyledText","__assign"],"mappings":"oJA8CM,IAAAA,EAAgB,SAACC,GAAE,IAAAC,EAAID,EAAAC,KAAEC,EAAKF,EAAAE,MAAEC,EAAKH,EAAAG,MAAKC,EAAzBC,EAAAL,EAAA,CAAA,OAAA,QAAA,UACrB,OACEM,gBAACC,EAAUC,EAAA,CAAA,YACEP,EACXE,MAAYK,EAAAA,EAAA,GAAAL,GAAWD,GAAS,CAAE,eAAgBA,KAC9CE"}

package/build/esm/components/atoms/marryBabyText/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n,__rest as t}from"../../../node_modules/tslib/tslib.es6.js";import e from"react";import i from"styled-components";i((function(n){var i=n.type,p=t(n,["type"]);return e.createElement(i,p)}))(p\|\|(p=n(["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"],["\n color: var(--text-color, ",");\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n"])),(function(n){return n.theme.mbColors.dark}));var p,o,a=i.p(o\|\|(o=n(["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"],["\n color: var(--text-color, ",");\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n"])),(function(n){return n.theme.mbColors.dark}));export{a as StyledText};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/atoms/marryBabyText/index.styled.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nconst Heading = ({\n type,\n ...elementProps\n}: {\n type: string\n [elementProps: string]: string | JSX.Element | JSX.Element[] | React.ReactNode\n}) => {\n return React.createElement(type, elementProps)\n}\n\nexport const StyledHeading = styled(Heading)`\n color: var(--text-color, ${(props: ThemeProps) => props.theme.mbColors.dark});\n font-family: Krub;\n font-weight: 600;\n letter-spacing: -0.2px;\n\n &[data-type='headline-1'] {\n font-size: 40px;\n line-height: 60px;\n }\n &[data-type='headline-2'] {\n font-size: 32px;\n line-height: 48px;\n }\n &[data-type='headline-3'] {\n font-size: 24px;\n line-height: 40px;\n }\n &[data-type='headline-4'] {\n font-size: 18px;\n line-height: 32px;\n }\n`\n\nexport const StyledText = styled.p`\n color: var(--text-color, ${(props: ThemeProps) => props.theme.mbColors.dark});\n letter-spacing: -0.2px;\n\n &[data-type='subtitle-1'] {\n font-size: 16px;\n font-weight: 600;\n line-height: 26px;\n }\n &[data-type='subtitle-2'] {\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n }\n &[data-type='subtitle-3'] {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n }\n &[data-type='bodytext-1'] {\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n }\n &[data-type='bodytext-2'] {\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n }\n &[data-type='bodytext-3'] {\n font-size: 12px;\n font-weight: 400;\n line-height: 20px;\n }\n &[data-type='caption-1'] {\n font-size: 10px;\n font-weight: 500;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n &[data-type='caption-2'] {\n font-size: 10px;\n font-weight: 400;\n letter-spacing: -0.1px;\n line-height: 14px;\n }\n`\n"],"names":["styled","_a","type","elementProps","__rest","React","createElement","templateObject_1","__makeTemplateObject","props","theme","mbColors","dark","StyledText","p","templateObject_2"],"mappings":"kJAe6BA,GAVb,SAACC,GACf,IAAAC,EAAID,EAAAC,KACDC,EAAYC,EAAAH,EAFA,UAOf,OAAOI,EAAMC,cAAcJ,EAAMC,KAGNH,CAAeO,IAAAA,EAAAC,EAAA,CAAA,gCAAA,wZAAA,CAAA,gCACiC,2ZAAhD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,SAASC,QAuB5D,QAAAC,EAAab,EAAOc,EAACC,IAAAA,EAAAP,EAAA,CAAA,gCAAA,q6BAAA,CAAA,gCAC2C,w6BAAhD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,SAASC"}

package/build/esm/components/atoms/pagination/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__spreadArray as e}from"../../../node_modules/tslib/tslib.es6.js";import t,{useState as n,useMemo as r,useEffect as a,Fragment as l}from"react";import{formatUrlWithPageParam as o}from"../../../misc/utils.js";import{StyledPagination as i,StyledPageBlock as c,StyledPaginationBlock as s}from"./index.styled.js";var m=function(r){var i=r.pagesAmount,c=r.activePage,m=r.handlePageChange,g=r.handleClick,h=r.href,u=r.queryPageName,d=void 0===u?"page":u,p=e([],Array(i),!0).map((function(e,t){return t+1})),f=n(c<=4?p.slice(0,5):c>=p.length-3?p.slice(p.length-5,p.length):p.slice(c-2,c+1)),k=f[0],E=f[1];return a((function(){c<=4?E(p.slice(0,5)):c>=p.length-3?E(p.slice(p.length-5,p.length)):E(p.slice(c-2,c+1))}),[c]),t.createElement(l,null,c>4&&t.createElement(l,null,t.createElement(s,{onClick:function(){return m(1)}},h?t.createElement("a",{href:h,onClick:g},1):1),t.createElement(s,null,"...")),k.map((function(e){return t.createElement(s,{key:"".concat("pagination","+").concat(e),"data-page-active":e===c\|\|void 0,onClick:function(){return m(e)}},h?t.createElement("a",{href:o(h,e,d),onClick:g},e):e)})),c<p.length-3&&t.createElement(l,null,t.createElement(s,null,"..."),t.createElement(s,{onClick:function(){return m(p.length)}},h?t.createElement("a",{href:o(h,p.length,d),onClick:g},p.length):p.length)))},g=function(l){var g=l.className,h=l.pagesAmount,u=l.currentPage,d=l.onChange,p=l.onClick,f=l.style,k=l.href,E=l.queryPageName,v=void 0===E?"page":E,w=e([],Array(h),!0).map((function(e,t){return t+1})),C=n(u),L=C[0],x=C[1],y=r((function(){return k&&k.endsWith("&page=")?k.replace("&page=",""):k}),[k]),P=h-1,j=function(e){e<=h&&e>0&&(x(e),d(e))},N=function(e){p&&p(e)};return a((function(){x(u)}),[u]),t.createElement(i,{className:g,style:f},t.createElement(c,{className:"prev-page",onClick:function(){return j(L-1)},"data-last-page":1===L\|\|void 0},y?t.createElement("a",{href:o(y,L,v),onClick:N},t.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):t.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),w.length>8?t.createElement(m,{pagesAmount:h,activePage:L,handlePageChange:j,handleClick:N,href:y,queryPageName:v}):w.map((function(e){return t.createElement(s,{key:"".concat("pagination","+").concat(e),"data-page-active":e===L\|\|void 0,onClick:function(){return j(e)}},y?t.createElement("a",{href:o(y,e,v),onClick:N},e):e)})),t.createElement(c,{className:"next-page",onClick:function(){return j(L+1)},"data-last-page":L===P+1\|\|void 0},y?t.createElement("a",{href:o(y,L,v),onClick:N},t.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):t.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{g as Pagination};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/atoms/pagination/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/pagination/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo, Fragment } from 'react'\n\nimport { formatUrlWithPageParam } from 'misc/utils'\nimport { CSSProperties } from 'styled-components'\n\nimport {\n StyledPageBlock,\n StyledPagination,\n StyledPaginationBlock,\n} from './index.styled'\n\nexport type Props = {\n pagesAmount: number\n currentPage: number\n onChange: (p: number) => void\n onClick?: (e: Event) => void\n className?: string\n style?: CSSProperties\n href?: string\n queryPageName?: string\n}\n\ntype PropsWithDots = {\n pagesAmount: number\n activePage: number\n handlePageChange: (p: number) => void\n handleClick: (e: any) => void\n href?: string\n queryPageName?: string\n}\n\nconst RenderPagiWithDots = ({\n pagesAmount,\n activePage,\n handlePageChange,\n handleClick,\n href,\n queryPageName = 'page',\n}: PropsWithDots) => {\n const pages = [...Array(pagesAmount)].map((__v, i) => i + 1)\n\n const [visiblePages, setVisiblePages] = useState<Array<number>>(\n activePage <= 4\n ? pages.slice(0, 5)\n : activePage >= pages.length - 3\n ? pages.slice(pages.length - 5, pages.length)\n : pages.slice(activePage - 2, activePage + 1),\n )\n\n useEffect(() => {\n if (activePage <= 4) {\n setVisiblePages(pages.slice(0, 5))\n } else if (activePage >= pages.length - 3) {\n setVisiblePages(pages.slice(pages.length - 5, pages.length))\n } else {\n setVisiblePages(pages.slice(activePage - 2, activePage + 1))\n }\n }, [activePage])\n\n return (\n <Fragment>\n {activePage > 4 && (\n <Fragment>\n <StyledPaginationBlock onClick={() => handlePageChange(1)}>\n {href ? (\n <a href={href} onClick={handleClick}>\n {1}\n </a>\n ) : (\n 1\n )}\n </StyledPaginationBlock>\n\n <StyledPaginationBlock>...</StyledPaginationBlock>\n </Fragment>\n )}\n\n {visiblePages.map((i) => (\n <StyledPaginationBlock\n key={`${'pagination'}+${i}`}\n data-page-active={i === activePage || undefined}\n onClick={() => handlePageChange(i)}\n >\n {href ? (\n <a\n href={formatUrlWithPageParam(href, i, queryPageName)}\n onClick={handleClick}\n >\n {i}\n </a>\n ) : (\n i\n )}\n </StyledPaginationBlock>\n ))}\n\n {activePage < pages.length - 3 && (\n <Fragment>\n <StyledPaginationBlock>...</StyledPaginationBlock>\n\n <StyledPaginationBlock onClick={() => handlePageChange(pages.length)}>\n {href ? (\n <a\n href={formatUrlWithPageParam(href, pages.length, queryPageName)}\n onClick={handleClick}\n >\n {pages.length}\n </a>\n ) : (\n pages.length\n )}\n </StyledPaginationBlock>\n </Fragment>\n )}\n </Fragment>\n )\n}\n\nconst Pagination = ({\n className,\n pagesAmount,\n currentPage,\n onChange,\n onClick,\n style,\n href: _href,\n queryPageName = 'page',\n}: Props) => {\n const pages = [...Array(pagesAmount)].map((__v, i) => i + 1)\n\n const [activePage, setActivePage] = useState(currentPage)\n\n const href = useMemo(() => {\n // Props `href` is updated from the version 1.8.4 and later. Please change the way to use this props properly\n // - To avoid crash app, transform href for the old way and remove the part &page=\n // /care/ho-chi-minh/hospital/da-khoa/&page=\n // -> /care/ho-chi-minh/hospital/da-khoa/\n if (_href && _href.endsWith('&page=')) {\n return _href.replace('&page=', '')\n }\n return _href\n }, [_href])\n\n const totalArray = pagesAmount - 1\n\n const handlePageChange = (p: number) => {\n if (p <= pagesAmount && p > 0) {\n setActivePage(p)\n onChange(p)\n }\n }\n\n const handleClick = (e) => {\n onClick && onClick(e)\n }\n\n useEffect(() => {\n setActivePage(currentPage)\n }, [currentPage])\n\n return (\n <StyledPagination className={className} style={style}>\n <StyledPageBlock\n className=\"prev-page\"\n onClick={() => handlePageChange(activePage - 1)}\n data-last-page={activePage === 1 || undefined}\n >\n {href ? (\n <a\n href={formatUrlWithPageParam(href, activePage, queryPageName)}\n onClick={handleClick}\n >\n <svg\n width=\"7\"\n height=\"10\"\n viewBox=\"0 0 7 10\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.5 9L1.5 5L5.5 1\"\n stroke=\"#2D87F3\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </a>\n ) : (\n <svg\n width=\"7\"\n height=\"10\"\n viewBox=\"0 0 7 10\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.5 9L1.5 5L5.5 1\"\n stroke=\"#2D87F3\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )}\n </StyledPageBlock>\n\n {pages.length > 8 ? (\n <RenderPagiWithDots\n pagesAmount={pagesAmount}\n activePage={activePage}\n handlePageChange={handlePageChange}\n handleClick={handleClick}\n href={href}\n queryPageName={queryPageName}\n />\n ) : (\n pages.map((i) => (\n <StyledPaginationBlock\n key={`${'pagination'}+${i}`}\n data-page-active={i === activePage || undefined}\n onClick={() => handlePageChange(i)}\n >\n {href ? (\n <a\n href={formatUrlWithPageParam(href, i, queryPageName)}\n onClick={handleClick}\n >\n {i}\n </a>\n ) : (\n i\n )}\n </StyledPaginationBlock>\n ))\n )}\n\n <StyledPageBlock\n className=\"next-page\"\n onClick={() => handlePageChange(activePage + 1)}\n data-last-page={activePage === totalArray + 1 || undefined}\n >\n {href ? (\n <a\n href={formatUrlWithPageParam(href, activePage, queryPageName)}\n onClick={handleClick}\n >\n <svg\n width=\"7\"\n height=\"10\"\n viewBox=\"0 0 7 10\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1.5 9L5.5 5L1.5 1\"\n stroke=\"#2D87F3\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </a>\n ) : (\n <svg\n width=\"7\"\n height=\"10\"\n viewBox=\"0 0 7 10\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1.5 9L5.5 5L1.5 1\"\n stroke=\"#2D87F3\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )}\n </StyledPageBlock>\n </StyledPagination>\n )\n}\n\nexport { Pagination }\n"],"names":["RenderPagiWithDots","_a","pagesAmount","activePage","handlePageChange","handleClick","href","_b","queryPageName","pages","__spreadArray","Array","map","__v","i","_c","useState","slice","length","visiblePages","setVisiblePages","useEffect","React","Fragment","createElement","StyledPaginationBlock","onClick","key","concat","undefined","formatUrlWithPageParam","Pagination","className","currentPage","onChange","style","_href","setActivePage","useMemo","endsWith","replace","totalArray","p","e","StyledPagination","StyledPageBlock","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"4TA+BA,IAAMA,EAAqB,SAACC,GAC1B,IAAAC,gBACAC,eACAC,qBACAC,gBACAC,SACAC,EAAAN,EAAAO,cAAAA,OAAa,IAAAD,EAAG,OAAMA,EAEhBE,EAAQC,EAAI,GAAAC,MAAMT,IAAc,GAAAU,KAAI,SAACC,EAAKC,GAAM,OAAAA,EAAI,KAEpDC,EAAkCC,EACtCb,GAAc,EACVM,EAAMQ,MAAM,EAAG,GACfd,GAAcM,EAAMS,OAAS,EAC7BT,EAAMQ,MAAMR,EAAMS,OAAS,EAAGT,EAAMS,QACpCT,EAAMQ,MAAMd,EAAa,EAAGA,EAAa,IALxCgB,OAAcC,OAkBrB,OAVAC,GAAU,WACJlB,GAAc,EAChBiB,EAAgBX,EAAMQ,MAAM,EAAG,IACtBd,GAAcM,EAAMS,OAAS,EACtCE,EAAgBX,EAAMQ,MAAMR,EAAMS,OAAS,EAAGT,EAAMS,SAEpDE,EAAgBX,EAAMQ,MAAMd,EAAa,EAAGA,EAAa,MAE1D,CAACA,IAGFmB,gBAACC,EAAQ,KACNpB,EAAa,GACZmB,gBAACC,EAAQ,KACPD,EAAAE,cAACC,EAAsB,CAAAC,QAAS,WAAM,OAAAtB,EAAiB,KACpDE,EACCgB,EAAGE,cAAA,IAAA,CAAAlB,KAAMA,EAAMoB,QAASrB,GACrB,GAGH,GAIJiB,EAACE,cAAAC,EAAiD,KAAA,QAIrDN,EAAaP,KAAI,SAACE,GAAM,OACvBQ,EAAAE,cAACC,EAAqB,CACpBE,IAAK,UAAG,aAAY,KAAAC,OAAId,GACN,mBAAAA,IAAMX,QAAc0B,EACtCH,QAAS,WAAM,OAAAtB,EAAiBU,KAE/BR,EACCgB,qBACEhB,KAAMwB,EAAuBxB,EAAMQ,EAAGN,GACtCkB,QAASrB,GAERS,GAGH,MAKLX,EAAaM,EAAMS,OAAS,GAC3BI,EAAAE,cAACD,EAAQ,KACPD,EAAAE,cAACC,EAAiD,KAAA,OAElDH,EAACE,cAAAC,EAAsB,CAAAC,QAAS,WAAM,OAAAtB,EAAiBK,EAAMS,UAC1DZ,EACCgB,EACEE,cAAA,IAAA,CAAAlB,KAAMwB,EAAuBxB,EAAMG,EAAMS,OAAQV,GACjDkB,QAASrB,GAERI,EAAMS,QAGTT,EAAY,WASpBsB,EAAa,SAAC9B,OAClB+B,EAAS/B,EAAA+B,UACT9B,EAAWD,EAAAC,YACX+B,EAAWhC,EAAAgC,YACXC,EAAQjC,EAAAiC,SACRR,YACAS,EAAKlC,EAAAkC,MACCC,EAAKnC,EAAAK,KACXC,EAAAN,EAAAO,cAAAA,OAAgB,IAAAD,EAAA,OAAMA,EAEhBE,EAAQC,EAAI,GAAAC,MAAMT,IAAc,GAAAU,KAAI,SAACC,EAAKC,GAAM,OAAAA,EAAI,KAEpDC,EAA8BC,EAASiB,GAAtC9B,EAAUY,EAAA,GAAEsB,EAAatB,EAAA,GAE1BT,EAAOgC,GAAQ,WAKnB,OAAIF,GAASA,EAAMG,SAAS,UACnBH,EAAMI,QAAQ,SAAU,IAE1BJ,IACN,CAACA,IAEEK,EAAavC,EAAc,EAE3BE,EAAmB,SAACsC,GACpBA,GAAKxC,GAAewC,EAAI,IAC1BL,EAAcK,GACdR,EAASQ,KAIPrC,EAAc,SAACsC,GACnBjB,GAAWA,EAAQiB,IAOrB,OAJAtB,GAAU,WACRgB,EAAcJ,KACb,CAACA,IAGFX,EAACE,cAAAoB,EAAiB,CAAAZ,UAAWA,EAAWG,MAAOA,GAC7Cb,EAACE,cAAAqB,GACCb,UAAU,YACVN,QAAS,WAAM,OAAAtB,EAAiBD,EAAa,IAAE,iBAChB,IAAfA,QAAoB0B,GAEnCvB,EACCgB,EAAAE,cAAA,IAAA,CACElB,KAAMwB,EAAuBxB,EAAMH,EAAYK,GAC/CkB,QAASrB,GAETiB,EAAAE,cAAA,MAAA,CACEsB,MAAM,IACNC,OAAO,KACPC,QAAQ,WACRC,KAAK,OACLC,MAAM,8BAEN5B,EACEE,cAAA,OAAA,CAAA2B,EAAE,qBACFC,OAAO,UACPC,YAAY,MACZC,cAAc,QACdC,eAAe,YAKrBjC,EACEE,cAAA,MAAA,CAAAsB,MAAM,IACNC,OAAO,KACPC,QAAQ,WACRC,KAAK,OACLC,MAAM,8BAEN5B,EACEE,cAAA,OAAA,CAAA2B,EAAE,qBACFC,OAAO,UACPC,YAAY,MACZC,cAAc,QACdC,eAAe,YAMtB9C,EAAMS,OAAS,EACdI,EAACE,cAAAxB,EACC,CAAAE,YAAaA,EACbC,WAAYA,EACZC,iBAAkBA,EAClBC,YAAaA,EACbC,KAAMA,EACNE,cAAeA,IAGjBC,EAAMG,KAAI,SAACE,GAAM,OACfQ,EAAAE,cAACC,EAAqB,CACpBE,IAAK,GAAGC,OAAA,yBAAgBd,GACN,mBAAAA,IAAMX,QAAc0B,EACtCH,QAAS,WAAM,OAAAtB,EAAiBU,KAE/BR,EACCgB,EAAAE,cAAA,IAAA,CACElB,KAAMwB,EAAuBxB,EAAMQ,EAAGN,GACtCkB,QAASrB,GAERS,GAGH,MAMRQ,EAACE,cAAAqB,GACCb,UAAU,YACVN,QAAS,WAAM,OAAAtB,EAAiBD,EAAa,IAAE,iBAC/BA,IAAesC,EAAa,QAAKZ,GAEhDvB,EACCgB,qBACEhB,KAAMwB,EAAuBxB,EAAMH,EAAYK,GAC/CkB,QAASrB,GAETiB,EAAAE,cAAA,MAAA,CACEsB,MAAM,IACNC,OAAO,KACPC,QAAQ,WACRC,KAAK,OACLC,MAAM,8BAEN5B,EACEE,cAAA,OAAA,CAAA2B,EAAE,qBACFC,OAAO,UACPC,YAAY,MACZC,cAAc,QACdC,eAAe,YAKrBjC,EACEE,cAAA,MAAA,CAAAsB,MAAM,IACNC,OAAO,KACPC,QAAQ,WACRC,KAAK,OACLC,MAAM,8BAEN5B,EACEE,cAAA,OAAA,CAAA2B,EAAE,qBACFC,OAAO,UACPC,YAAY,MACZC,cAAc,QACdC,eAAe"}

package/build/esm/components/atoms/pagination/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var t,o,r,i=e.div(t\|\|(t=n(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n li {\n transition: all 0.3s ease;\n }\n [data-page-active] {\n background: ",";\n color: ",";\n\n > a {\n color: ",";\n }\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n li {\n transition: all 0.3s ease;\n }\n [data-page-active] {\n background: ",";\n color: ",";\n\n > a {\n color: ",";\n }\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),s=e.div(o\|\|(o=n(["\n display: flex;\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: 1px solid ",";\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n &[data-last-page] {\n border: none;\n background-color: ",";\n cursor: not-allowed;\n pointer-events: none;\n\n svg {\n path {\n stroke: ",";\n }\n }\n }\n"],["\n display: flex;\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: 1px solid ",";\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n &[data-last-page] {\n border: none;\n background-color: ",";\n cursor: not-allowed;\n pointer-events: none;\n\n svg {\n path {\n stroke: ",";\n }\n }\n }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray300})),a=e.li(r\|\|(r=n(["\n display: flex;\n width: 32px;\n height: 32px;\n align-items: center;\n justify-content: center;\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n > a {\n color: ",";\n text-decoration: unset;\n display: block;\n width: 100%;\n height: 100%;\n line-height: 32px;\n text-align: center;\n }\n"],["\n display: flex;\n width: 32px;\n height: 32px;\n align-items: center;\n justify-content: center;\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n > a {\n color: ",";\n text-decoration: unset;\n display: block;\n width: 100%;\n height: 100%;\n line-height: 32px;\n text-align: center;\n }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800}));export{s as StyledPageBlock,i as StyledPagination,a as StyledPaginationBlock};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/atoms/pagination/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledPagination = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n li {\n transition: all 0.3s ease;\n }\n [data-page-active] {\n background: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n color: ${(props: ThemeProps) => props.theme.colors.white};\n\n > a {\n color: ${(props: ThemeProps) => props.theme.colors.white};\n }\n }\n`\n\nexport const StyledPageBlock = styled.div`\n display: flex;\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: 1px solid ${(props: ThemeProps) => props.theme.colors.gray200};\n margin: 0 2px;\n border-radius: 4px;\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n cursor: pointer;\n font-size: 14px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n\n &[data-last-page] {\n border: none;\n background-color: ${(props: ThemeProps) => props.theme.colors.gray100};\n cursor: not-allowed;\n pointer-events: none;\n\n svg {\n path {\n stroke: ${(props: ThemeProps) => props.theme.colors.gray300};\n }\n }\n }\n`\n\nexport const StyledPaginationBlock = styled.li`\n display: flex;\n width: 32px;\n height: 32px;\n align-items: center;\n justify-content: center;\n margin: 0 2px;\n border-radius: 4px;\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n cursor: pointer;\n font-size: 14px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n\n > a {\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n text-decoration: unset;\n display: block;\n width: 100%;\n height: 100%;\n line-height: 32px;\n text-align: center;\n }\n`\n"],"names":["StyledPagination","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","primaryBase","white","StyledPageBlock","templateObject_2","gray200","gray800","sizes","fwBold","gray100","gray300","StyledPaginationBlock","li","templateObject_3"],"mappings":"iHAGa,UAAAA,EAAmBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,6LAAA,iBAAA,gCAAA,mBAAA,CAAA,6LAS6B,iBACX,gCAGE,sBAJ5C,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,eAC/C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,SAGxC,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,SAK5CC,EAAkBT,EAAOC,IAAGS,IAAAA,EAAAP,EAAA,CAAA,2JAAA,wDAAA,6DAAA,wEAAA,sGAAA,4BAAA,CAAA,2JAO8B,wDAGX,6DAGI,wEAIS,sGAMN,+BAhB7C,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,WAGrD,SAACP,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,WAGpC,SAACR,GAAsB,OAAAA,EAAMC,MAAMQ,MAAMC,UAIlC,SAACV,GAAsB,OAAAA,EAAMC,MAAMC,OAAOS,WAMhD,SAACX,GAAsB,OAAAA,EAAMC,MAAMC,OAAOU,WAM/CC,EAAwBjB,EAAOkB,GAAEC,IAAAA,EAAAhB,EAAA,CAAA,8JAAA,6DAAA,4BAAA,oJAAA,CAAA,8JAQc,6DAGI,4BAGF,uJANnD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,WAGpC,SAACR,GAAsB,OAAAA,EAAMC,MAAMQ,MAAMC,UAG7C,SAACV,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM"}

package/build/esm/components/atoms/progress/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import r from"react";import{StyledProgress as t}from"./index.styled.js";var o=function(o){var s=o.percent,m=o.style;return r.createElement(t,{style:e({"--progress":s},m)})};export{o as Progress};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/atoms/progress/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/progress/index.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react'\n\nimport { StyledProgress } from './index.styled'\n\nexport type Props = {\n /**\n * percent of progress\n */\n percent: number\n /**\n * extending style\n */\n style?: CSSProperties\n}\n\nconst Progress = ({ percent, style }: Props) => {\n return (\n <StyledProgress\n style={\n {\n '--progress': percent,\n ...style,\n } as CSSProperties\n }\n />\n )\n}\n\nexport { Progress }\n"],"names":["Progress","_a","percent","style","React","createElement","StyledProgress","__assign"],"mappings":"4IAeM,IAAAA,EAAW,SAACC,OAAEC,EAAOD,EAAAC,QAAEC,EAAKF,EAAAE,MAChC,OACEC,EAAAC,cAACC,EAAc,CACbH,MACEI,EAAA,CACE,aAAcL,GACXC"}

package/build/esm/components/atoms/progress/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var t,e=o.div(t\|\|(t=n(["\n height: 4px;\n position: relative;\n\n &:before {\n content: '';\n border-radius: 2px;\n background-color: ",";\n opacity: 0.15;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &:after {\n content: '';\n border-radius: 2px;\n background-color: ",";\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: calc(var(--progress) * 1%);\n }\n"],["\n height: 4px;\n position: relative;\n\n &:before {\n content: '';\n border-radius: 2px;\n background-color: ",";\n opacity: 0.15;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &:after {\n content: '';\n border-radius: 2px;\n background-color: ",";\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: calc(var(--progress) * 1%);\n }\n"])),(function(n){return n.theme.colors.yellow400}),(function(n){return n.theme.colors.yellow400}));export{e as StyledProgress};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/atoms/progress/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'src/misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledProgress = styled.div`\n height: 4px;\n position: relative;\n\n &:before {\n content: '';\n border-radius: 2px;\n background-color: ${(props: ThemeProps) => props.theme.colors.yellow400};\n opacity: 0.15;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &:after {\n content: '';\n border-radius: 2px;\n background-color: ${(props: ThemeProps) => props.theme.colors.yellow400};\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: calc(var(--progress) * 1%);\n }\n`\n"],"names":["StyledProgress","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","yellow400"],"mappings":"iHAGa,MAAAA,EAAiBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,6HAAA,wMAAA,2HAAA,CAAA,6HAOmC,wMAYA,8HAZnD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,aAY1C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC"}

package/build/esm/components/atoms/pureInput/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__rest as e,__assign as a}from"../../../node_modules/tslib/tslib.es6.js";import o,{useState as t}from"react";import{Label as n}from"../label/index.js";import{StyledInput as s,StyledDisplayIcon as l,StyledActionIcon as i,StyledErrorLabel as r}from"./index.styled.js";var c=o.forwardRef((function(c,u){var d=c.name,m=c.errorMessage,p=c.autoComplete,y=void 0===p?"off":p,v=c.defaultValue,b=c.actionIcon,f=c.displayIcon,h=c.isDeleteAction,C=c.onActionClick,N=c.label,I=c.placeholder,g=c.className,K=c.onChange,E=c.onKeyPress,F=c.isDisabled,x=c.CustomInput,z=c.size,A=c.style,D=c.autoFocus,P=void 0===D\|\|D,j=c.type,k=void 0===j?"text":j,H=c.isNumerousKeyboard,M=void 0!==H&&H,L=c.onFocus,V=c.enterKeyHint,w=e(c,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint"]),R=t(v),_=R[0],q=R[1];return o.createElement(s,{"data-size":z,className:g,"data-has-action-icon":!!b\|\|void 0,"data-has-display-icon":!!f\|\|void 0,"data-has-error":m&&m.length>0\|\|void 0,style:A},N&&o.createElement(n,{size:"label2",htmlFor:d,className:"inputLabel"},N),o.createElement("div",{style:{position:"relative"}},x\|\|o.createElement("input",a({id:d,name:d,placeholder:I,onChange:function(e){return a=e.target.value,q(a),void K(a);var a},onKeyPress:E,type:k,"aria-label":k,disabled:F,value:_,autoComplete:y,ref:u,autoFocus:P,inputMode:M\|\|"number"===k?"numeric":k,pattern:M?"[0-9]":".",onFocus:L,enterKeyHint:V},w)),f&&o.createElement(l,{className:"displayIcon"},f),b&&o.createElement(i,{className:"actionIcon",onClick:function(){var e;h&&(q(""),null===(e=u.current)\|\|void 0===e\|\|e.focus()),C&&C()}},b)),m&&m.length>0&&o.createElement(r,{className:"errorLabel"},m))}));c.displayName="PureInput";export{c as PureInput};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/atoms/pureInput/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/pureInput/index.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { InputHTMLAttributes, useState } from 'react'\n\nimport { Label } from '../label'\nimport {\n StyledInput,\n StyledErrorLabel,\n StyledActionIcon,\n StyledDisplayIcon,\n} from './index.styled'\n\nexport type CustomInputProps = {\n size: 'lg' | 'md' | 'sm'\n autoComplete?: 'on' | 'off'\n onChange?: (v: string) => void\n errorMessage?: string\n actionIcon?: JSX.Element\n onActionClick?: () => void\n isDeleteAction?: boolean\n displayIcon?: JSX.Element\n label?: string | JSX.Element\n isDisabled?: boolean\n CustomInput?: JSX.Element\n type?:\n | 'none'\n | 'text'\n | 'tel'\n | 'url'\n | 'email'\n | 'numeric'\n | 'decimal'\n | 'search'\n | 'number'\n isNumerousKeyboard?: boolean\n enterKeyHint?: React.InputHTMLAttributes<HTMLInputElement>['enterKeyHint']\n}\n\nexport type Props = Omit<\n React.DetailedHTMLProps<\n InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n >,\n 'size' | 'autoComplete' | 'type' | 'onChange' | 'enterKeyHint'\n> &\n CustomInputProps\n\nconst PureInput = React.forwardRef<HTMLInputElement, Props>(\n (\n {\n name,\n errorMessage,\n autoComplete = 'off',\n defaultValue,\n actionIcon: ActionIcon,\n displayIcon: DisplayIcon,\n isDeleteAction,\n onActionClick,\n label,\n placeholder,\n className,\n onChange,\n onKeyPress,\n isDisabled,\n CustomInput,\n size,\n style,\n autoFocus = true,\n type = 'text',\n isNumerousKeyboard = false,\n onFocus,\n enterKeyHint,\n ...other\n },\n ref,\n ) => {\n const [localValue, setLocalValue] = useState(defaultValue)\n\n const handleOnChange = (v: string) => {\n setLocalValue(v)\n onChange(v)\n }\n\n const handleOnActionClick = () => {\n if (isDeleteAction) {\n setLocalValue('')\n ;(ref as any).current?.focus()\n }\n\n onActionClick && onActionClick()\n }\n\n return (\n <StyledInput\n data-size={size}\n className={className}\n data-has-action-icon={!!ActionIcon || undefined}\n data-has-display-icon={!!DisplayIcon || undefined}\n data-has-error={(errorMessage && errorMessage.length > 0) || undefined}\n style={style}\n >\n {label && (\n <Label size=\"label2\" htmlFor={name} className=\"inputLabel\">\n {label}\n </Label>\n )}\n <div style={{ position: 'relative' }}>\n {CustomInput ? (\n CustomInput\n ) : (\n <input\n id={name}\n name={name}\n placeholder={placeholder}\n onChange={(e) => handleOnChange(e.target.value)}\n onKeyPress={onKeyPress}\n type={type}\n aria-label={type}\n disabled={isDisabled}\n value={localValue}\n autoComplete={autoComplete}\n ref={ref}\n autoFocus={autoFocus}\n inputMode={\n isNumerousKeyboard || type === 'number' ? 'numeric' : type\n }\n pattern={isNumerousKeyboard ? '[0-9]*' : '.*'}\n onFocus={onFocus}\n enterKeyHint={enterKeyHint}\n {...other}\n />\n )}\n {DisplayIcon && (\n <StyledDisplayIcon className=\"displayIcon\">\n {DisplayIcon}\n </StyledDisplayIcon>\n )}\n {ActionIcon && (\n <StyledActionIcon\n className=\"actionIcon\"\n onClick={handleOnActionClick}\n >\n {ActionIcon}\n </StyledActionIcon>\n )}\n </div>\n {errorMessage && errorMessage.length > 0 && (\n <StyledErrorLabel className=\"errorLabel\">\n {errorMessage}\n </StyledErrorLabel>\n )}\n </StyledInput>\n )\n },\n)\n\nPureInput.displayName = 'PureInput'\n\nexport { PureInput }\n"],"names":["PureInput","React","forwardRef","_a","ref","name","errorMessage","_b","autoComplete","defaultValue","ActionIcon","DisplayIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","_c","autoFocus","_d","type","_e","isNumerousKeyboard","onFocus","enterKeyHint","other","__rest","_f","useState","localValue","setLocalValue","createElement","StyledInput","undefined","length","Label","htmlFor","position","__assign","id","e","v","target","value","disabled","inputMode","pattern","StyledDisplayIcon","StyledActionIcon","onClick","current","focus","StyledErrorLabel","displayName"],"mappings":"iRA8CM,IAAAA,EAAYC,EAAMC,YACtB,SACEC,EAyBAC,GAxBE,IAAAC,EAAIF,EAAAE,KACJC,EAAYH,EAAAG,aACZC,iBAAAC,OAAe,IAAAD,EAAA,QACfE,iBACYC,eACCC,EAAWR,EAAAS,YACxBC,EAAcV,EAAAU,eACdC,EAAaX,EAAAW,cACbC,EAAKZ,EAAAY,MACLC,EAAWb,EAAAa,YACXC,EAASd,EAAAc,UACTC,EAAQf,EAAAe,SACRC,EAAUhB,EAAAgB,WACVC,eACAC,gBACAC,SACAC,EAAKpB,EAAAoB,MACLC,cAAAC,cAAgBD,EAChBE,EAAavB,EAAAwB,KAAbA,OAAI,IAAAD,EAAG,OAAMA,EACbE,uBAAAC,cAA0BD,EAC1BE,EAAO3B,EAAA2B,QACPC,EAAY5B,EAAA4B,aACTC,EAAKC,EAAA9B,EAvBV,wRA2BM+B,EAA8BC,EAAS1B,GAAtC2B,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAgBhC,OACEjC,EAACqC,cAAAC,EACY,CAAA,YAAAjB,EACXL,UAAWA,EAAS,yBACIP,QAAc8B,4BACb7B,QAAe6B,EACxB,iBAAClC,GAAgBA,EAAamC,OAAS,QAAMD,EAC7DjB,MAAOA,GAENR,GACCd,EAAAqC,cAACI,EAAM,CAAApB,KAAK,SAASqB,QAAStC,EAAMY,UAAU,cAC3CF,GAGLd,EAAAqC,cAAA,MAAA,CAAKf,MAAO,CAAEqB,SAAU,aACrBvB,GAGCpB,EACEqC,cAAA,QAAAO,EAAA,CAAAC,GAAIzC,EACJA,KAAMA,EACNW,YAAaA,EACbE,SAAU,SAAC6B,GAAM,OApCHC,EAoCkBD,EAAEE,OAAOC,MAnCjDb,EAAcW,QACd9B,EAAS8B,GAFY,IAACA,GAqCd7B,WAAYA,EACZQ,KAAMA,eACMA,EACZwB,SAAU/B,EACV8B,MAAOd,EACP5B,aAAcA,EACdJ,IAAKA,EACLqB,UAAWA,EACX2B,UACEvB,GAA+B,WAATF,EAAoB,UAAYA,EAExD0B,QAASxB,EAAqB,SAAW,KACzCC,QAASA,EACTC,aAAcA,GACVC,IAGPrB,GACCV,EAAAqC,cAACgB,EAAiB,CAACrC,UAAU,eAC1BN,GAGJD,GACCT,EAAAqC,cAACiB,EAAgB,CACftC,UAAU,aACVuC,QAzDkB,iBACtB3C,IACFwB,EAAc,IACS,QAAtBlC,EAACC,EAAYqD,eAAS,IAAAtD,GAAAA,EAAAuD,SAGzB5C,GAAiBA,MAqDRJ,IAINJ,GAAgBA,EAAamC,OAAS,GACrCxC,EAACqC,cAAAqB,GAAiB1C,UAAU,cACzBX,OAQbN,EAAU4D,YAAc"}

package/build/esm/components/atoms/pureInput/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../misc/utils.js";import i from"styled-components";var o=i.div(e\|\|(e=n(["\n position: relative;\n width: 100%;\n\n &[data-has-error] {\n input {\n border-color: ",";\n }\n }\n\n input {\n width: 100%;\n padding: 12px 16px;\n border: solid 1px ",";\n border-radius: 6px;\n\n &:active,\n &:focus {\n border-color: ",";\n box-shadow: 0px 0px 2px 2px\n ",";\n }\n\n &:disabled {\n background-color: ",";\n cursor: not-allowed;\n }\n }\n\n &[data-has-action-icon] {\n input {\n padding: 12px 48px 12px 16px;\n }\n }\n &[data-has-display-icon] {\n input {\n padding: 12px 16px 12px 48px;\n }\n }\n\n &[data-has-action-icon][data-has-display-icon] {\n input {\n padding: 12px 48px;\n }\n }\n\n &[data-size='lg'] {\n input {\n font-size: 16px;\n font-weight: ",";\n "," {\n font-size: 22px;\n line-height: 1.2;\n }\n\n "," {\n font-size: 26px;\n line-height: 1.2;\n }\n }\n }\n &[data-size='md'] {\n input {\n font-weight: ",";\n "," {\n font-size: 14px;\n line-height: 1.2;\n }\n\n "," {\n font-size: 16px;\n line-height: 1.2;\n }\n }\n }\n &[data-size='sm'] {\n input {\n font-weight: ",";\n "," {\n font-size: 13px;\n line-height: 1.5;\n }\n\n "," {\n font-size: 13px;\n line-height: 1.5;\n }\n }\n }\n"],["\n position: relative;\n width: 100%;\n\n &[data-has-error] {\n input {\n border-color: ",";\n }\n }\n\n input {\n width: 100%;\n padding: 12px 16px;\n border: solid 1px ",";\n border-radius: 6px;\n\n &:active,\n &:focus {\n border-color: ",";\n box-shadow: 0px 0px 2px 2px\n ",";\n }\n\n &:disabled {\n background-color: ",";\n cursor: not-allowed;\n }\n }\n\n &[data-has-action-icon] {\n input {\n padding: 12px 48px 12px 16px;\n }\n }\n &[data-has-display-icon] {\n input {\n padding: 12px 16px 12px 48px;\n }\n }\n\n &[data-has-action-icon][data-has-display-icon] {\n input {\n padding: 12px 48px;\n }\n }\n\n &[data-size='lg'] {\n input {\n font-size: 16px;\n font-weight: ",";\n "," {\n font-size: 22px;\n line-height: 1.2;\n }\n\n "," {\n font-size: 26px;\n line-height: 1.2;\n }\n }\n }\n &[data-size='md'] {\n input {\n font-weight: ",";\n "," {\n font-size: 14px;\n line-height: 1.2;\n }\n\n "," {\n font-size: 16px;\n line-height: 1.2;\n }\n }\n }\n &[data-size='sm'] {\n input {\n font-weight: ",";\n "," {\n font-size: 13px;\n line-height: 1.5;\n }\n\n "," {\n font-size: 13px;\n line-height: 1.5;\n }\n }\n }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),t.mbDown,t.mbUp,(function(n){return n.theme.sizes.fwRegular}),t.mbDown,t.mbUp,(function(n){return n.theme.sizes.fwRegular}),t.mbDown,t.mbUp);i.label(r\|\|(r=n(["\n display: inline-block;\n margin-bottom: 4px;\n color: ",";\n font-weight: ",";\n"],["\n display: inline-block;\n margin-bottom: 4px;\n color: ",";\n font-weight: ",";\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold}));var e,r,a,p,s,l=i.label(a\|\|(a=n(["\n color: ",";\n font-weight: ",";\n"],["\n color: ",";\n font-weight: ",";\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.sizes.fwRegular})),d=i.div(p\|\|(p=n(["\n position: absolute;\n top: 50%;\n right: 16px;\n display: inline-flex;\n cursor: pointer;\n transform: translateY(-50%);\n"],["\n position: absolute;\n top: 50%;\n right: 16px;\n display: inline-flex;\n cursor: pointer;\n transform: translateY(-50%);\n"]))),u=i.div(s\|\|(s=n(["\n position: absolute;\n top: 50%;\n left: 16px;\n display: inline-flex;\n cursor: default;\n transform: translateY(-50%);\n"],["\n position: absolute;\n top: 50%;\n left: 16px;\n display: inline-flex;\n cursor: default;\n transform: translateY(-50%);\n"])));export{d as StyledActionIcon,u as StyledDisplayIcon,l as StyledErrorLabel,o as StyledInput};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/atoms/pureInput/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nexport const StyledInput = styled.div`\n position: relative;\n width: 100%;\n\n &[data-has-error] {\n input {\n border-color: ${(props: ThemeProps) => props.theme.colors.red700};\n }\n }\n\n input {\n width: 100%;\n padding: 12px 16px;\n border: solid 1px ${(props: ThemeProps) => props.theme.colors.gray200};\n border-radius: 6px;\n\n &:active,\n &:focus {\n border-color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n box-shadow: 0px 0px 2px 2px\n ${(props: ThemeProps) => props.theme.colors.blue200};\n }\n\n &:disabled {\n background-color: ${(props: ThemeProps) => props.theme.colors.gray100};\n cursor: not-allowed;\n }\n }\n\n &[data-has-action-icon] {\n input {\n padding: 12px 48px 12px 16px;\n }\n }\n &[data-has-display-icon] {\n input {\n padding: 12px 16px 12px 48px;\n }\n }\n\n &[data-has-action-icon][data-has-display-icon] {\n input {\n padding: 12px 48px;\n }\n }\n\n &[data-size='lg'] {\n input {\n font-size: 16px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n ${MediaQueries.mbDown} {\n font-size: 22px;\n line-height: 1.2;\n }\n\n ${MediaQueries.mbUp} {\n font-size: 26px;\n line-height: 1.2;\n }\n }\n }\n &[data-size='md'] {\n input {\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n ${MediaQueries.mbDown} {\n font-size: 14px;\n line-height: 1.2;\n }\n\n ${MediaQueries.mbUp} {\n font-size: 16px;\n line-height: 1.2;\n }\n }\n }\n &[data-size='sm'] {\n input {\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n ${MediaQueries.mbDown} {\n font-size: 13px;\n line-height: 1.5;\n }\n\n ${MediaQueries.mbUp} {\n font-size: 13px;\n line-height: 1.5;\n }\n }\n }\n`\nexport const StyledInputLabel = styled.label`\n display: inline-block;\n margin-bottom: 4px;\n color: ${(props: ThemeProps) => props.theme.colors.gray600};\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n`\n\nexport const StyledErrorLabel = styled.label`\n color: ${(props: ThemeProps) => props.theme.colors.red700};\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n`\n\nexport const StyledActionIcon = styled.div`\n position: absolute;\n top: 50%;\n right: 16px;\n display: inline-flex;\n cursor: pointer;\n transform: translateY(-50%);\n`\nexport const StyledDisplayIcon = styled.div`\n position: absolute;\n top: 50%;\n left: 16px;\n display: inline-flex;\n cursor: default;\n transform: translateY(-50%);\n`\n"],"names":["StyledInput","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","red700","gray200","primaryBase","blue200","gray100","sizes","fwRegular","MediaQueries","mbDown","mbUp","label","templateObject_2","gray600","fwBold","StyledErrorLabel","templateObject_3","StyledActionIcon","templateObject_4","StyledDisplayIcon","templateObject_5"],"mappings":"uKAIa,IAAAA,EAAcC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,sGAAA,gGAAA,mFAAA,iDAAA,yDAAA,kaAAA,YAAA,6EAAA,wIAAA,YAAA,6EAAA,wIAAA,YAAA,6EAAA,kFAAA,CAAA,sGAMiC,gGAOG,mFAKE,iDAEhB,yDAIgB,kaAyBJ,YAC5C,6EAKF,wIAQ8C,YAC5C,6EAKF,wIAQ8C,YAC5C,6EAKF,qFA7EH,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,UAOxC,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,WAK5C,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,eAEtD,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,WAI1B,SAACN,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,WAyB/C,SAACP,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,YACtDC,EAAaC,OAKbD,EAAaE,MAQA,SAACZ,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,YACtDC,EAAaC,OAKbD,EAAaE,MAQA,SAACZ,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,YACtDC,EAAaC,OAKbD,EAAaE,MAOWhB,EAAOiB,MAAKC,IAAAA,EAAAf,EAAA,CAAA,+DAAA,qBAAA,OAAA,CAAA,+DAGgB,qBACI,UADrD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOa,WACpC,SAACf,GAAsB,OAAAA,EAAMC,MAAMO,MAAMQ,UAG7C,cAAAC,EAAmBrB,EAAOiB,MAAKK,IAAAA,EAAAnB,EAAA,CAAA,cAAA,qBAAA,OAAA,CAAA,cACe,qBACQ,UADxD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,UACpC,SAACH,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,aAG7CU,EAAmBvB,EAAOC,IAAGuB,IAAAA,EAAArB,EAAA,CAAA,uIAAA,CAAA,0IAQ7BsB,EAAoBzB,EAAOC,IAAGyB,IAAAA,EAAAvB,EAAA,CAAA,sIAAA,CAAA"}

package/build/esm/components/atoms/radio/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"react";import{StyledRadio as a}from"./index.styled.js";var t=function(t){var n=t.type,c=t.size,o=void 0===c?"small":c,d=t.label,l=t.name,r=t.checked,i=t.value,m=t.className,s=t.isDisabled,v=void 0!==s&&s,p=t.onChange,u=t.dataEventCategory,b=t.dataEventAction,y=t.dataEventLabel;return e.createElement(a,{"data-disabled":v,className:m,"data-type":n,"data-size":o},e.createElement("input",{type:"radio",checked:r,name:l,id:"".concat(l,"-").concat(i),value:i,onChange:function(){return p(i)},"data-event-category":u,"data-event-action":b,"data-event-label":y}),e.createElement("label",{htmlFor:"".concat(l,"-").concat(i)},d))};export{t as Radio};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/atoms/radio/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/radio/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { StyledRadio } from './index.styled'\n\nexport type Props = {\n type: 'circle' | 'rectangle'\n size?: 'small' | 'large'\n label: string\n name: string\n value: string\n checked?: boolean\n className?: string\n isDisabled?: boolean\n onChange: (v: string) => void\n dataEventCategory?: string\n dataEventAction?: string\n dataEventLabel?: string\n}\n\nconst Radio = ({\n type,\n size = 'small',\n label,\n name,\n checked,\n value,\n className,\n isDisabled = false,\n onChange,\n dataEventCategory,\n dataEventAction,\n dataEventLabel,\n}: Props) => {\n return (\n <StyledRadio\n data-disabled={isDisabled}\n className={className}\n data-type={type}\n data-size={size}\n >\n <input\n type=\"radio\"\n checked={checked}\n name={name}\n id={`${name}-${value}`}\n value={value}\n onChange={() => onChange(value)}\n data-event-category={dataEventCategory}\n data-event-action={dataEventAction}\n data-event-label={dataEventLabel}\n />\n <label htmlFor={`${name}-${value}`}>{label}</label>\n </StyledRadio>\n )\n}\n\nexport { Radio }\n"],"names":["Radio","_a","type","_b","size","label","name","checked","value","className","_c","isDisabled","onChange","dataEventCategory","dataEventAction","dataEventLabel","React","createElement","StyledRadio","id","concat","htmlFor"],"mappings":"qEAmBM,IAAAA,EAAQ,SAACC,GACb,IAAAC,SACAC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,QAAOA,EACdE,EAAKJ,EAAAI,MACLC,EAAIL,EAAAK,KACJC,EAAON,EAAAM,QACPC,EAAKP,EAAAO,MACLC,cACAC,EAAAT,EAAAU,WAAAA,OAAU,IAAAD,GAAQA,EAClBE,EAAQX,EAAAW,SACRC,EAAiBZ,EAAAY,kBACjBC,EAAeb,EAAAa,gBACfC,EAAcd,EAAAc,eAEd,OACEC,EAAAC,cAACC,EAAW,CAAA,gBACKP,EACfF,UAAWA,EAAS,YACTP,EAAI,YACJE,GAEXY,EAAAC,cAAA,QAAA,CACEf,KAAK,QACLK,QAASA,EACTD,KAAMA,EACNa,GAAI,UAAGb,EAAI,KAAAc,OAAIZ,GACfA,MAAOA,EACPI,SAAU,WAAM,OAAAA,EAASJ,IACJ,sBAAAK,sBACFC,EAAe,mBAChBC,IAEpBC,EAAAC,cAAA,QAAA,CAAOI,QAAS,GAAGD,OAAAd,EAAQ,KAAAc,OAAAZ,IAAUH"}

package/build/esm/components/atoms/radio/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var r,e=o.div(r\|\|(r=n(["\n &[data-type='circle'] {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n\n input {\n position: relative;\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n border: solid 1px ",";\n margin-right: 8px;\n border-radius: 100%;\n cursor: inherit;\n transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n &:hover,\n &:active {\n border-color: ",";\n box-shadow: 0 0 2px 2px\n ",";\n }\n\n &:checked {\n display: flex;\n align-items: center;\n justify-content: center;\n border-color: ",";\n &:after {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 14px;\n height: 14px;\n //left: 3px;\n //position: absolute;\n //top: 4px;\n background-color: ",";\n border-radius: 50%;\n content: '';\n transform: translate(-50%, -50%);\n }\n }\n }\n\n label {\n width: calc(100% - 24px);\n cursor: inherit;\n font-weight: ",";\n }\n\n &[data-disabled='true'] {\n color: ",";\n cursor: not-allowed;\n input {\n border-color: ",";\n\n &:hover {\n border-color: ",";\n box-shadow: none;\n }\n }\n }\n }\n\n &[data-type='rectangle'] {\n input {\n display: none;\n\n &:checked ~ label {\n border-color: ",";\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n }\n\n label {\n display: inline-block;\n width: auto;\n box-sizing: border-box;\n flex-shrink: 0;\n border: solid 1px ",";\n border-radius: 6px;\n color: ",";\n cursor: pointer;\n font-weight: ",";\n text-align: center;\n\n &:hover,\n &:active {\n border-color: ",";\n }\n }\n\n &[data-disabled='true'] {\n input {\n cursor: not-allowed;\n }\n\n label {\n color: ",";\n cursor: not-allowed;\n\n &:hover {\n border-color: ",";\n }\n }\n }\n\n &[data-size='small'] {\n label {\n height: 32px;\n padding: 6px 12px;\n font-size: 13px;\n }\n }\n\n &[data-size='large'] {\n label {\n height: 48px;\n padding: 13px 16px;\n font-size: 14px;\n }\n }\n }\n"],["\n &[data-type='circle'] {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n\n input {\n position: relative;\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n border: solid 1px ",";\n margin-right: 8px;\n border-radius: 100%;\n cursor: inherit;\n transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n &:hover,\n &:active {\n border-color: ",";\n box-shadow: 0 0 2px 2px\n ",";\n }\n\n &:checked {\n display: flex;\n align-items: center;\n justify-content: center;\n border-color: ",";\n &:after {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 14px;\n height: 14px;\n //left: 3px;\n //position: absolute;\n //top: 4px;\n background-color: ",";\n border-radius: 50%;\n content: '';\n transform: translate(-50%, -50%);\n }\n }\n }\n\n label {\n width: calc(100% - 24px);\n cursor: inherit;\n font-weight: ",";\n }\n\n &[data-disabled='true'] {\n color: ",";\n cursor: not-allowed;\n input {\n border-color: ",";\n\n &:hover {\n border-color: ",";\n box-shadow: none;\n }\n }\n }\n }\n\n &[data-type='rectangle'] {\n input {\n display: none;\n\n &:checked ~ label {\n border-color: ",";\n background-color: ",";\n color: ",";\n font-weight: ",";\n }\n }\n\n label {\n display: inline-block;\n width: auto;\n box-sizing: border-box;\n flex-shrink: 0;\n border: solid 1px ",";\n border-radius: 6px;\n color: ",";\n cursor: pointer;\n font-weight: ",";\n text-align: center;\n\n &:hover,\n &:active {\n border-color: ",";\n }\n }\n\n &[data-disabled='true'] {\n input {\n cursor: not-allowed;\n }\n\n label {\n color: ",";\n cursor: not-allowed;\n\n &:hover {\n border-color: ",";\n }\n }\n }\n\n &[data-size='small'] {\n label {\n height: 32px;\n padding: 6px 12px;\n font-size: 13px;\n }\n }\n\n &[data-size='large'] {\n label {\n height: 48px;\n padding: 13px 16px;\n font-size: 14px;\n }\n }\n }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}));export{e as StyledRadio};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/atoms/radio/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledRadio = styled.div`\n &[data-type='circle'] {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n\n input {\n position: relative;\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n border: solid 1px ${(props: ThemeProps) => props.theme.colors.gray500};\n margin-right: 8px;\n border-radius: 100%;\n cursor: inherit;\n transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n &:hover,\n &:active {\n border-color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n box-shadow: 0 0 2px 2px\n ${(props: ThemeProps) => props.theme.colors.blue600};\n }\n\n &:checked {\n display: flex;\n align-items: center;\n justify-content: center;\n border-color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n &:after {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 14px;\n height: 14px;\n //left: 3px;\n //position: absolute;\n //top: 4px;\n background-color: ${(props: ThemeProps) =>\n props.theme.colors.primaryBase};\n border-radius: 50%;\n content: '';\n transform: translate(-50%, -50%);\n }\n }\n }\n\n label {\n width: calc(100% - 24px);\n cursor: inherit;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n }\n\n &[data-disabled='true'] {\n color: ${(props: ThemeProps) => props.theme.colors.gray300};\n cursor: not-allowed;\n input {\n border-color: ${(props: ThemeProps) => props.theme.colors.gray300};\n\n &:hover {\n border-color: ${(props: ThemeProps) => props.theme.colors.gray300};\n box-shadow: none;\n }\n }\n }\n }\n\n &[data-type='rectangle'] {\n input {\n display: none;\n\n &:checked ~ label {\n border-color: ${(props: ThemeProps) => props.theme.colors.blue600};\n background-color: ${(props: ThemeProps) => props.theme.colors.blue600};\n color: ${(props: ThemeProps) => props.theme.colors.white};\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n }\n }\n\n label {\n display: inline-block;\n width: auto;\n box-sizing: border-box;\n flex-shrink: 0;\n border: solid 1px ${(props: ThemeProps) => props.theme.colors.gray300};\n border-radius: 6px;\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n cursor: pointer;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n text-align: center;\n\n &:hover,\n &:active {\n border-color: ${(props: ThemeProps) => props.theme.colors.blue600};\n }\n }\n\n &[data-disabled='true'] {\n input {\n cursor: not-allowed;\n }\n\n label {\n color: ${(props: ThemeProps) => props.theme.colors.gray300};\n cursor: not-allowed;\n\n &:hover {\n border-color: ${(props: ThemeProps) => props.theme.colors.gray300};\n }\n }\n }\n\n &[data-size='small'] {\n label {\n height: 32px;\n padding: 6px 12px;\n font-size: 13px;\n }\n }\n\n &[data-size='large'] {\n label {\n height: 48px;\n padding: 13px 16px;\n font-size: 14px;\n }\n }\n }\n`\n"],"names":["StyledRadio","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","gray500","primaryBase","blue600","sizes","fwRegular","gray300","white","fwBold","gray800"],"mappings":"uHAGaA,EAAcC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,+PAAA,sNAAA,iDAAA,kJAAA,gQAAA,gOAAA,2DAAA,uEAAA,mDAAA,yLAAA,gCAAA,qBAAA,2BAAA,qKAAA,8CAAA,iDAAA,2FAAA,6IAAA,iFAAA,4TAAA,CAAA,+PAYsC,sNAQE,iDAEhB,kJAOgB,gQAWnC,gOAW6B,2DAIP,uEAGS,mDAGE,yLAYF,gCACI,qBACb,2BACM,qKASK,8CAEX,iDAEO,2FAKE,6IAUP,iFAIS,+TAhGjD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WAQ5C,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,eAEtD,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,WAO9B,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,eAUpC,SAACJ,GACnB,OAAAA,EAAMC,MAAMC,OAAOE,eAWV,SAACJ,GAAsB,OAAAA,EAAMC,MAAMK,MAAMC,aAI/C,SAACP,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,WAGjC,SAACR,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,WAGxC,SAACR,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,WAY5C,SAACR,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,WACtC,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,WACrD,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOO,SACpC,SAACT,GAAsB,OAAAA,EAAMC,MAAMK,MAAMI,UAStC,SAACV,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,WAErD,SAACR,GAAsB,OAAAA,EAAMC,MAAMC,OAAOS,WAEpC,SAACX,GAAsB,OAAAA,EAAMC,MAAMK,MAAMC,aAKtC,SAACP,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,WAUjD,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM,WAIjC,SAACR,GAAsB,OAAAA,EAAMC,MAAMC,OAAOM"}

package/build/esm/components/atoms/rateStars/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t,{useState as o}from"react";import r from"../../../assets/svg/StarEmptyIcon.js";import n from"../../../assets/svg/StarFullIcon.js";import s from"../../../assets/svg/StarHalfIcon.js";import{StyledRateStars as a}from"./index.styled.js";var l=function(l){var i=l.gap,u=void 0===i?2:i,m=l.size,c=void 0===m?24:m,v=l.star,f=l.totalStars,d=void 0===f?5:f,p=l.onSelect,y=l.hideEmptyStars,M=l.style,g=l.className,k=Math.floor(v),E=v-k>=.5?1:0,S=o(null),j=S[0],b=S[1],h=j\|\|k,C=j?0:E;return t.createElement(a,{"data-selectable":!!p,style:e({"--gap":u,"--star-size":c},M),className:g},Array.from({length:y?k+E:d}).map((function(e,o){var a=function(){return!!p&&b(o+1)},l=function(){return!!p&&b(null)};return o+1<=h?t.createElement(n,{key:o,onClick:function(){return null==p?void 0:p(o+1)},onMouseOver:a,onMouseLeave:l}):o+1===h+C?t.createElement(s,{key:o,onClick:function(){return null==p?void 0:p(o+1)},onMouseOver:a,onMouseLeave:l}):t.createElement(r,{key:o,onClick:function(){return null==p?void 0:p(o+1)},onMouseOver:a,onMouseLeave:l})})))};export{l as RateStars};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/atoms/rateStars/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/rateStars/index.tsx"],"sourcesContent":["import React, { CSSProperties, useState } from 'react'\n\nimport { StarHalfIcon, StarEmptyIcon, StarFullIcon } from 'assets/svg'\n\nimport { StyledRateStars } from './index.styled'\n\nexport type Props = {\n /**\n * percent of progress\n */\n star: number\n /**\n * does not show empty stars\n */\n hideEmptyStars?: boolean\n /**\n * total stars\n */\n totalStars?: number\n /**\n * Select star, value from 1 to maximum\n */\n onSelect?: (value: number) => void\n /**\n * starProps\n */\n gap?: number\n size?: number\n style?: CSSProperties\n className?: string\n}\n\n/**\n *\n * Show 5 (or more) stars and allow user vote (optional)\n *\n */\nconst RateStars = ({\n gap = 2,\n size = 24,\n star,\n totalStars = 5,\n onSelect,\n hideEmptyStars,\n style,\n className,\n}: Props) => {\n const numberOfFullStars = Math.floor(star)\n const numberOfHalfStars = star - numberOfFullStars >= 0.5 ? 1 : 0\n const [tempStar, setTempStar] = useState<number | null>(null)\n\n const tempFullStars = tempStar || numberOfFullStars\n const tempHalfStars = tempStar ? 0 : numberOfHalfStars\n\n return (\n <StyledRateStars\n data-selectable={!!onSelect}\n style={\n {\n '--gap': gap,\n '--star-size': size,\n ...style,\n } as CSSProperties\n }\n className={className}\n >\n {Array.from({\n length: hideEmptyStars\n ? numberOfFullStars + numberOfHalfStars\n : totalStars,\n }).map((_, index) => {\n const onMouseOver = () => !!onSelect && setTempStar(index + 1)\n const onMouseLeave = () => !!onSelect && setTempStar(null)\n return index + 1 <= tempFullStars ? (\n <StarFullIcon\n key={index}\n onClick={() => onSelect?.(index + 1)}\n onMouseOver={onMouseOver}\n onMouseLeave={onMouseLeave}\n />\n ) : index + 1 === tempFullStars + tempHalfStars ? (\n <StarHalfIcon\n key={index}\n onClick={() => onSelect?.(index + 1)}\n onMouseOver={onMouseOver}\n onMouseLeave={onMouseLeave}\n />\n ) : (\n <StarEmptyIcon\n key={index}\n onClick={() => onSelect?.(index + 1)}\n onMouseOver={onMouseOver}\n onMouseLeave={onMouseLeave}\n />\n )\n })}\n </StyledRateStars>\n )\n}\n\nexport { RateStars }\n"],"names":["RateStars","_a","_b","gap","_c","size","star","_d","totalStars","onSelect","hideEmptyStars","style","className","numberOfFullStars","Math","floor","numberOfHalfStars","_e","useState","tempStar","setTempStar","tempFullStars","tempHalfStars","React","createElement","StyledRateStars","__assign","Array","from","length","map","_","index","onMouseOver","onMouseLeave","StarFullIcon","key","onClick","StarHalfIcon","StarEmptyIcon"],"mappings":"sTAqCM,IAAAA,EAAY,SAACC,GACjB,IAAAC,EAAAD,EAAAE,IAAAA,OAAM,IAAAD,EAAA,IACNE,EAAAH,EAAAI,KAAAA,OAAO,IAAAD,EAAA,GAAEA,EACTE,EAAIL,EAAAK,KACJC,EAAcN,EAAAO,WAAdA,OAAU,IAAAD,EAAG,EAACA,EACdE,EAAQR,EAAAQ,SACRC,mBACAC,EAAKV,EAAAU,MACLC,EAASX,EAAAW,UAEHC,EAAoBC,KAAKC,MAAMT,GAC/BU,EAAoBV,EAAOO,GAAqB,GAAM,EAAI,EAC1DI,EAA0BC,EAAwB,MAAjDC,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAEtBI,EAAgBF,GAAYN,EAC5BS,EAAgBH,EAAW,EAAIH,EAErC,OACEO,EAAAC,cAACC,EAAe,CAAA,oBACKhB,EACnBE,MACEe,EACE,CAAA,QAASvB,EACT,cAAeE,GACZM,GAGPC,UAAWA,GAEVe,MAAMC,KAAK,CACVC,OAAQnB,EACJG,EAAoBG,EACpBR,IACHsB,KAAI,SAACC,EAAGC,GACT,IAAMC,EAAc,WAAM,QAAExB,GAAYW,EAAYY,EAAQ,IACtDE,EAAe,WAAM,QAAEzB,GAAYW,EAAY,OACrD,OAAOY,EAAQ,GAAKX,EAClBE,EAAAC,cAACW,EAAY,CACXC,IAAKJ,EACLK,QAAS,WAAM,OAAA5B,aAAQ,EAARA,EAAWuB,EAAQ,IAClCC,YAAaA,EACbC,aAAcA,IAEdF,EAAQ,IAAMX,EAAgBC,EAChCC,EAACC,cAAAc,EACC,CAAAF,IAAKJ,EACLK,QAAS,WAAM,OAAA5B,aAAQ,EAARA,EAAWuB,EAAQ,IAClCC,YAAaA,EACbC,aAAcA,IAGhBX,EAACC,cAAAe,EACC,CAAAH,IAAKJ,EACLK,QAAS,WAAM,OAAA5B,aAAA,EAAAA,EAAWuB,EAAQ,IAClCC,YAAaA,EACbC,aAAcA"}

package/build/esm/components/atoms/rateStars/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import a from"styled-components";var e,s=a.div(e\|\|(e=n(["\n display: inline-flex;\n\n gap: calc(var(--gap) * 1px);\n > svg {\n width: calc(var(--star-size) * 1px);\n height: calc(var(--star-size) * 1px);\n }\n\n &[data-selectable='true'] {\n > svg {\n cursor: pointer;\n }\n }\n"],["\n display: inline-flex;\n\n gap: calc(var(--gap) * 1px);\n > svg {\n width: calc(var(--star-size) * 1px);\n height: calc(var(--star-size) * 1px);\n }\n\n &[data-selectable='true'] {\n > svg {\n cursor: pointer;\n }\n }\n"])));export{s as StyledRateStars};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/atoms/rateStars/index.styled.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledRateStars = styled.div`\n display: inline-flex;\n\n gap: calc(var(--gap) * 1px);\n > svg {\n width: calc(var(--star-size) * 1px);\n height: calc(var(--star-size) * 1px);\n }\n\n &[data-selectable='true'] {\n > svg {\n cursor: pointer;\n }\n }\n`\n"],"names":["StyledRateStars","styled","div","templateObject_1","__makeTemplateObject"],"mappings":"iHAEa,MAAAA,EAAkBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,wPAAA,CAAA"}

package/build/esm/components/atoms/shadow/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"react";import{StyledShadow as r}from"./index.styled.js";var t=function(t){var a=t.size,s=t.children,i=t.style,l=t.className;return e.createElement(r,{style:i,className:l,"data-shadow-size":a},s)};export{t as Shadow};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/atoms/shadow/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/shadow/index.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode } from 'react'\n\nimport { StyledShadow } from './index.styled'\n\ntype Props = {\n size: 'small' | 'normal' | 'medium' | 'large' | 'soft'\n children: ReactNode\n className?: string\n style?: CSSProperties\n}\n\nconst Shadow = ({ size, children, style, className }: Props) => {\n return (\n <StyledShadow style={style} className={className} data-shadow-size={size}>\n {children}\n </StyledShadow>\n )\n}\n\nexport { Shadow }\n"],"names":["Shadow","_a","size","children","style","className","React","createElement","StyledShadow"],"mappings":"sEAWM,IAAAA,EAAS,SAACC,OAAEC,EAAID,EAAAC,KAAEC,EAAQF,EAAAE,SAAEC,EAAKH,EAAAG,MAAEC,EAASJ,EAAAI,UAChD,OACEC,EAACC,cAAAC,EAAa,CAAAJ,MAAOA,EAAOC,UAAWA,EAA6B,mBAAAH,GACjEC"}

package/build/esm/components/atoms/shadow/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as p}from"../../../node_modules/tslib/tslib.es6.js";import a from"styled-components";var x,d=a.div(x\|\|(x=p(["\n &[data-shadow-size='small'] {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='normal'] {\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='medium'] {\n filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06))\n drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='large'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='soft'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n"],["\n &[data-shadow-size='small'] {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='normal'] {\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='medium'] {\n filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06))\n drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='large'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='soft'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n"])));export{d as StyledShadow};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/atoms/shadow/index.styled.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledShadow = styled.div`\n &[data-shadow-size='small'] {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='normal'] {\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='medium'] {\n filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06))\n drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='large'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='soft'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n`\n"],"names":["StyledShadow","styled","div","templateObject_1","__makeTemplateObject"],"mappings":"iHAEa,MAAAA,EAAeC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,wmCAAA,CAAA"}

package/build/esm/components/atoms/slider/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import n,{useState as t,useEffect as r}from"react";import{Range as a,getTrackBackground as o,useThumbOverlap as l}from"react-range";import{Text as m}from"../text/index.js";import{StyledSlider as s,StyledThumb as i,StyledTrackContainer as c,StyledTrack as u,StyledLabel as d,StyledDot as f}from"./index.styled.js";function p(e){var t=e.rangeRef,r=e.values,a=e.index,o=l(t,r,a,1," - ",(function(e){return e})),m=o[0],s=o[1];return n.createElement(n.Fragment,null,n.createElement(d,{"data-label":a,style:s},m),n.createElement(f,{"data-label":a}))}var E=function(l){var d=l.step,f=l.min,E=l.max,v=l.value,g=l.onChange,x=l.className,b=l.heading,h=l.isMobile,D=void 0!==h&&h,y=["#DBDFE5","#2D87F3","#DBDFE5"],F=n.useRef(),M=t(v),T=M[0],j=M[1];r((function(){j(v)}),[v[0],v[1]]);return n.createElement(s,{className:x},n.createElement(a,{ref:F,values:T[0]>=f&&T[1]<=E?T:[f,E],onChange:j,onFinalChange:g,renderThumb:function(t){var r=t.props,a=t.index;return n.createElement(i,e({},r),n.createElement(p,{rangeRef:F.current,values:T,index:a,isMobile:D}))},renderTrack:function(t){var r=t.props,a=t.children,l={background:o({values:T,colors:y,min:f,max:E})};return n.createElement(n.Fragment,null,b&&n.createElement(m,{size:"md",type:"bold"},b),n.createElement(c,{onMouseDown:r.onMouseDown,onTouchStart:r.onTouchStart,style:e({},r.style)},n.createElement(u,{ref:r.ref,style:l},a)))},step:d,min:f,max:E}))};export{E as Slider};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/atoms/slider/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/slider/index.tsx"],"sourcesContent":["import React, { CSSProperties, useState, useEffect } from 'react'\n\nimport { Range, getTrackBackground, useThumbOverlap } from 'react-range'\n\nimport { Text } from '../text'\nimport {\n StyledTrackContainer,\n StyledDot,\n StyledSlider,\n StyledThumb,\n StyledTrack,\n StyledLabel,\n} from './index.styled'\n\nexport type Props = {\n step: number\n // min and max comes from api and don't change during the process\n min: number\n max: number\n value: Array<number>\n onChange: (v: Array<number>) => void\n className?: string\n heading?: string\n isMobile?: boolean\n}\n\nfunction ThumbLabel({\n rangeRef,\n values,\n index,\n}: {\n rangeRef: Range | null\n values: number[]\n index: number\n isMobile?: boolean\n}) {\n const [labelValue, labelStyle] = useThumbOverlap(\n rangeRef,\n values,\n index,\n 1,\n ' - ',\n (value) => value,\n )\n\n return (\n <>\n <StyledLabel data-label={index} style={labelStyle as CSSProperties}>\n {labelValue}\n </StyledLabel>\n <StyledDot data-label={index}></StyledDot>\n </>\n )\n}\n\nconst Slider = ({\n step,\n min,\n max,\n value,\n onChange,\n className,\n heading,\n isMobile = false,\n}: Props) => {\n const COLORS = ['#DBDFE5', '#2D87F3', '#DBDFE5']\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const rangeRef: any = React.useRef()\n const [localValue, setLocalValue] = useState(value)\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const Thumb = ({ props, index }: any) => {\n return (\n <StyledThumb {...props}>\n <ThumbLabel\n rangeRef={rangeRef.current}\n values={localValue}\n index={index}\n isMobile={isMobile}\n />\n </StyledThumb>\n )\n }\n\n useEffect(() => {\n setLocalValue(value)\n }, [value[0], value[1]])\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const Track = ({ props, children }: any) => {\n const trackStyles = {\n background: getTrackBackground({\n values: localValue,\n colors: COLORS,\n min,\n max,\n }),\n }\n\n return (\n <>\n {heading && (\n <Text size=\"md\" type=\"bold\">\n {heading}\n </Text>\n )}\n <StyledTrackContainer\n onMouseDown={props.onMouseDown}\n onTouchStart={props.onTouchStart}\n style={{ ...props.style }}\n >\n <StyledTrack ref={props.ref} style={trackStyles}>\n {children}\n </StyledTrack>\n </StyledTrackContainer>\n </>\n )\n }\n\n return (\n <StyledSlider className={className}>\n <Range\n ref={rangeRef}\n values={\n localValue[0] >= min && localValue[1] <= max ? localValue : [min, max]\n }\n onChange={setLocalValue}\n onFinalChange={onChange}\n renderThumb={Thumb}\n renderTrack={Track}\n step={step}\n min={min}\n max={max}\n />\n </StyledSlider>\n )\n}\n\nexport { Slider }\n"],"names":["ThumbLabel","_a","rangeRef","values","index","_b","useThumbOverlap","value","labelValue","labelStyle","React","createElement","Fragment","StyledLabel","style","StyledDot","Slider","step","min","max","onChange","className","heading","isMobile","COLORS","useRef","_c","useState","localValue","setLocalValue","useEffect","StyledSlider","Range","ref","onFinalChange","renderThumb","props","StyledThumb","__assign","current","renderTrack","children","trackStyles","background","getTrackBackground","colors","Text","size","type","StyledTrackContainer","onMouseDown","onTouchStart","StyledTrack"],"mappings":"6XA0BA,SAASA,EAAWC,GAClB,IAAAC,aACAC,EAAMF,EAAAE,OACNC,EAAKH,EAAAG,MAOCC,EAA2BC,EAC/BJ,EACAC,EACAC,EACA,EACA,OACA,SAACG,GAAU,OAAAA,KANNC,EAAUH,EAAA,GAAEI,EAAUJ,EAAA,GAS7B,OACEK,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAACC,cAAAE,gBAAwBT,EAAOU,MAAOL,GACpCD,GAEHE,EAAAC,cAACI,EAAsB,CAAA,aAAAX,KAKvB,IAAAY,EAAS,SAACf,OACdgB,EAAIhB,EAAAgB,KACJC,EAAGjB,EAAAiB,IACHC,EAAGlB,EAAAkB,IACHZ,EAAKN,EAAAM,MACLa,aACAC,EAASpB,EAAAoB,UACTC,EAAOrB,EAAAqB,QACPjB,EAAAJ,EAAAsB,SAAAA,OAAW,IAAAlB,GAAKA,EAEVmB,EAAS,CAAC,UAAW,UAAW,WAGhCtB,EAAgBQ,EAAMe,SACtBC,EAA8BC,EAASpB,GAAtCqB,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAgBhCI,GAAU,WACRD,EAActB,KACb,CAACA,EAAM,GAAIA,EAAM,KAiCpB,OACEG,EAACC,cAAAoB,EAAa,CAAAV,UAAWA,GACvBX,EAAAC,cAACqB,EAAK,CACJC,IAAK/B,EACLC,OACEyB,EAAW,IAAMV,GAAOU,EAAW,IAAMT,EAAMS,EAAa,CAACV,EAAKC,GAEpEC,SAAUS,EACVK,cAAed,EACfe,YAzDQ,SAAClC,OAAEmC,EAAKnC,EAAAmC,MAAEhC,EAAKH,EAAAG,MAC3B,OACEM,EAAAC,cAAC0B,EAAWC,EAAA,GAAKF,GACf1B,EAACC,cAAAX,GACCE,SAAUA,EAASqC,QACnBpC,OAAQyB,EACRxB,MAAOA,EACPmB,SAAUA,MAmDZiB,YAxCQ,SAACvC,OAAEmC,EAAKnC,EAAAmC,MAAEK,EAAQxC,EAAAwC,SACxBC,EAAc,CAClBC,WAAYC,EAAmB,CAC7BzC,OAAQyB,EACRiB,OAAQrB,EACRN,IAAGA,EACHC,IAAGA,KAIP,OACET,EAAAC,cAAAD,EAAAE,SAAA,KACGU,GACCZ,EAACC,cAAAmC,GAAKC,KAAK,KAAKC,KAAK,QAClB1B,GAGLZ,EAAAC,cAACsC,EACC,CAAAC,YAAad,EAAMc,YACnBC,aAAcf,EAAMe,aACpBrC,MAAYwB,EAAA,GAAAF,EAAMtB,QAElBJ,EAAAC,cAACyC,EAAY,CAAAnB,IAAKG,EAAMH,IAAKnB,MAAO4B,GACjCD,MAkBLxB,KAAMA,EACNC,IAAKA,EACLC,IAAKA"}

package/build/esm/components/atoms/slider/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var o,t,i,r,s,p,a=e.div(o\|\|(o=n(["\n margin: 0 12px;\n\n & div[role='slider'] {\n -webkit-text-size-adjust: none;\n -webkit-user-select: none;\n &:focus {\n outline: none;\n }\n }\n"],["\n margin: 0 12px;\n\n & div[role='slider'] {\n -webkit-text-size-adjust: none;\n -webkit-user-select: none;\n &:focus {\n outline: none;\n }\n }\n"]))),d=e.div(t\|\|(t=n(["\n display: flex;\n width: 24px;\n height: 24px;\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07), 0px 4px 7px rgba(0, 0, 0, 0.15);\n"],["\n display: flex;\n width: 24px;\n height: 24px;\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07), 0px 4px 7px rgba(0, 0, 0, 0.15);\n"])),(function(n){return n.theme.colors.white})),l=e.div(i\|\|(i=n(["\n position: absolute;\n top: 50%;\n left: 50%;\n width: 16px;\n height: 16px;\n background: ",";\n border-radius: 50%;\n transform: translateY(-50%) translateX(-50%);\n"],["\n position: absolute;\n top: 50%;\n left: 50%;\n width: 16px;\n height: 16px;\n background: ",";\n border-radius: 50%;\n transform: translateY(-50%) translateX(-50%);\n"])),(function(n){return n.theme.colors.primaryBase})),x=e.div(r\|\|(r=n(["\n display: flex;\n width: 100%;\n height: 36px;\n margin-top: 32px;\n"],["\n display: flex;\n width: 100%;\n height: 36px;\n margin-top: 32px;\n"]))),u=e.div(s\|\|(s=n(["\n width: 100%;\n height: 5px;\n align-self: center;\n border-radius: 4px;\n"],["\n width: 100%;\n height: 5px;\n align-self: center;\n border-radius: 4px;\n"]))),c=e.div(p\|\|(p=n(["\n position: absolute;\n top: -28px;\n display: block;\n padding: 4px;\n background-color: ",";\n border-radius: 4px;\n color: ",";\n font-size: 14px;\n font-weight: bold;\n outline: none;\n white-space: nowrap;\n\n &:focus {\n outline: none;\n }\n"],["\n position: absolute;\n top: -28px;\n display: block;\n padding: 4px;\n background-color: ",";\n border-radius: 4px;\n color: ",";\n font-size: 14px;\n font-weight: bold;\n outline: none;\n white-space: nowrap;\n\n &:focus {\n outline: none;\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white}));export{l as StyledDot,c as StyledLabel,a as StyledSlider,d as StyledThumb,u as StyledTrack,x as StyledTrackContainer};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/atoms/slider/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledSlider = styled.div`\n margin: 0 12px;\n\n & div[role='slider'] {\n -webkit-text-size-adjust: none;\n -webkit-user-select: none;\n &:focus {\n outline: none;\n }\n }\n`\n\nexport const StyledThumb = styled.div`\n display: flex;\n width: 24px;\n height: 24px;\n align-items: center;\n justify-content: center;\n background-color: ${(props: ThemeProps) => props.theme.colors.white};\n border-radius: 50%;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07), 0px 4px 7px rgba(0, 0, 0, 0.15);\n`\n\nexport const StyledDot = styled.div`\n position: absolute;\n top: 50%;\n left: 50%;\n width: 16px;\n height: 16px;\n background: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n border-radius: 50%;\n transform: translateY(-50%) translateX(-50%);\n`\n\nexport const StyledTrackContainer = styled.div`\n display: flex;\n width: 100%;\n height: 36px;\n margin-top: 32px;\n`\n\nexport const StyledTrack = styled.div`\n width: 100%;\n height: 5px;\n align-self: center;\n border-radius: 4px;\n`\n\nexport const StyledLabel = styled.div`\n position: absolute;\n top: -28px;\n display: block;\n padding: 4px;\n background-color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n border-radius: 4px;\n color: ${(props: ThemeProps) => props.theme.colors.white};\n font-size: 14px;\n font-weight: bold;\n outline: none;\n white-space: nowrap;\n\n &:focus {\n outline: none;\n }\n`\n"],"names":["StyledSlider","styled","div","templateObject_1","__makeTemplateObject","StyledThumb","templateObject_2","props","theme","colors","white","StyledDot","templateObject_3","primaryBase","StyledTrackContainer","templateObject_4","StyledTrack","templateObject_5","StyledLabel","templateObject_6"],"mappings":"iHAGa,gBAAAA,EAAeC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,2KAAA,CAAA,8KAYzBC,EAAcJ,EAAOC,IAAGI,IAAAA,EAAAF,EAAA,CAAA,gIAAA,+GAAA,CAAA,gIAMgC,kHAA/C,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,SAKnDC,EAAYV,EAAOC,IAAGU,IAAAA,EAAAR,EAAA,CAAA,sGAAA,+EAAA,CAAA,sGAMkC,kFAArD,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,eAK7CC,EAAuBb,EAAOC,IAAGa,IAAAA,EAAAX,EAAA,CAAA,8EAAA,CAAA,iFAOjCY,EAAcf,EAAOC,IAAGe,IAAAA,EAAAb,EAAA,CAAA,oFAAA,CAAA,uFAOxBc,EAAcjB,EAAOC,IAAGiB,IAAAA,EAAAf,EAAA,CAAA,mGAAA,sCAAA,mIAAA,CAAA,mGAKsC,sCAEjB,sIAFpC,SAACG,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,eAErD,SAACN,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC"}

package/build/esm/components/atoms/tag/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import i from"react";import{Text as t}from"../text/index.js";import{StyledTag as a}from"./index.styled.js";var s=function(s){var d=s.type,o=s.children,r=s.style,l=s.isInline,n=s.isSquared,m=void 0!==n&&n,c=s.className,g=s.isLight,p=s.hasMorePadding,v=s.isLink,h=s.isSelected,u=s.textProps,x=void 0===u?{size:"sm"}:u,y=x.color?{"--text-props-color":x.color}:{};return i.createElement(a,{"data-is-squared":m\|\|void 0,"data-tag-type":d,"data-is-light":g\|\|void 0,"data-has-more-padding":p\|\|void 0,"data-is-inline":l\|\|void 0,style:e(e({},r),y),className:c,"data-is-selected":h\|\|void 0,"data-is-link":v\|\|void 0,tagType:d,isInline:l,tagHasMorePadding:p,tagIsLight:g,tagIsSquared:m,tagIsALink:v},i.createElement(t,e({},x),o))};export{s as Tag};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/atoms/tag/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/tag/index.tsx"],"sourcesContent":["import React, { ReactNode, CSSProperties } from 'react'\n\nimport { Text, Props as TextProps } from '../text'\nimport { StyledTag } from './index.styled'\n\nexport type Props = {\n children: ReactNode\n type?:\n | 'standard'\n | 'yellow'\n | 'red'\n | 'green'\n | 'teal'\n | 'blue'\n | 'pink'\n | 'violet'\n | 'grey'\n | 'sponsored'\n isSquared?: boolean\n isLight?: boolean\n isInline?: boolean\n isSelected?: boolean\n hasMorePadding?: boolean\n isLink?: boolean\n className?: string\n style?: CSSProperties\n textProps?: TextProps\n}\n\nconst Tag = ({\n type,\n children,\n style,\n isInline,\n isSquared = false,\n className,\n isLight,\n hasMorePadding,\n isLink,\n isSelected,\n textProps = {\n size: 'sm',\n },\n}: Props) => {\n const textColor = textProps.color\n ? { '--text-props-color': textProps.color }\n : {}\n\n return (\n <StyledTag\n data-is-squared={isSquared || undefined}\n data-tag-type={type}\n data-is-light={isLight || undefined}\n data-has-more-padding={hasMorePadding || undefined}\n data-is-inline={isInline || undefined}\n style={{ ...style, ...textColor } as CSSProperties}\n className={className}\n data-is-selected={isSelected || undefined}\n data-is-link={isLink || undefined}\n tagType={type}\n isInline={isInline}\n tagHasMorePadding={hasMorePadding}\n tagIsLight={isLight}\n tagIsSquared={isSquared}\n tagIsALink={isLink}\n >\n <Text {...textProps}>{children}</Text>\n </StyledTag>\n )\n}\n\nexport { Tag }\n"],"names":["Tag","_a","type","children","style","isInline","_b","isSquared","className","isLight","hasMorePadding","isLink","isSelected","_c","textProps","size","textColor","color","React","createElement","StyledTag","undefined","__assign","tagType","tagHasMorePadding","tagIsLight","tagIsSquared","tagIsALink","Text"],"mappings":"+KA6BM,IAAAA,EAAM,SAACC,GACX,IAAAC,SACAC,EAAQF,EAAAE,SACRC,EAAKH,EAAAG,MACLC,EAAQJ,EAAAI,SACRC,EAAiBL,EAAAM,UAAjBA,OAAS,IAAAD,GAAQA,EACjBE,EAASP,EAAAO,UACTC,EAAOR,EAAAQ,QACPC,mBACAC,EAAMV,EAAAU,OACNC,EAAUX,EAAAW,WACVC,EAECZ,EAAAa,UAFDA,OAAY,IAAAD,EAAA,CACVE,KAAM,MACPF,EAEKG,EAAYF,EAAUG,MACxB,CAAE,qBAAsBH,EAAUG,OAClC,GAEJ,OACEC,EAAAC,cAACC,EAAS,CAAA,kBACSb,QAAac,EAAS,gBACxBnB,EAAI,gBACJO,QAAWY,EACH,wBAAAX,QAAkBW,EACzB,iBAAAhB,QAAYgB,EAC5BjB,MAAOkB,EAAAA,EAAA,GAAKlB,GAAUY,GACtBR,UAAWA,EAAS,mBACFI,QAAcS,EAAS,eAC3BV,QAAUU,EACxBE,QAASrB,EACTG,SAAUA,EACVmB,kBAAmBd,EACnBe,WAAYhB,EACZiB,aAAcnB,EACdoB,WAAYhB,GAEZO,EAACC,cAAAS,OAASd,GAAYX"}

package/build/esm/components/atoms/tag/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{theme as o}from"../../../misc/theme.js";import r from"styled-components";var t,e=r.div(t\|\|(t=n(["\n --padding-horizontal: 8px;\n --pading-vertical: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--pading-vertical) var(--padding-horizontal);\n border-radius: 24px;\n\n ","\n\n ","\n\n ","\n\n p {\n ","\n }\n\n ","\n\n ","\n\n "," \n\n &[data-is-selected],\n &:active {\n background: ",";\n }\n"],["\n --padding-horizontal: 8px;\n --pading-vertical: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--pading-vertical) var(--padding-horizontal);\n border-radius: 24px;\n\n ","\n\n ","\n\n ","\n\n p {\n ","\n }\n\n ","\n\n ","\n\n "," \n\n &[data-is-selected],\n &:active {\n background: ",";\n }\n"])),(function(n){return"sponsored"===n.tagType&&"\n --offset-size: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n position: relative;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);\n border-radius: 0 4px 18px 0;\n height: 24px;\n width: 90px;\n border-left: var(--offset-size) solid ".concat(o.colors.accentLight,";\n padding: 0;\n margin-left: calc(var(--offset-size) * -1);\n\n p {\n font-weight: ").concat(o.sizes.fwBold,";\n color: var(\n --text-props-color,\n ").concat(o.colors.secondaryDark,"\n );\n font-size: 11px;\n margin-left: calc(var(--offset-size) * -1);\n }\n\n &::after {\n width: calc(var(--offset-size) * 2);\n height: var(--offset-size);\n background: ").concat(o.colors.accentMain,";\n position: absolute;\n left: calc(var(--offset-size) * -1);\n bottom: calc(var(--offset-size) * -1);\n clip-path: polygon(0 1%, 100% 0%, 100% 100%);\n content: '';\n }\n ")}),(function(n){return n.isInline&&"\n display: inline-block;\n "}),(function(n){return n.tagHasMorePadding&&"\n &[data-has-more-padding] {\n padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal);\n }\n "}),(function(n){return n.tagIsLight?"\n color: var(--text-props-color, #000);\n ":"\n color: var(--text-props-color, ".concat((function(n){return n.theme.colors.white}),");\n ")}),(function(n){return function(n,r){switch(n){case"yellow":var t=r?o.colors.yellow50:o.colors.yellow600;return"\n background: ".concat(t,";\n p {\n color: var(\n --text-props-color,\n ").concat(o.colors.gray800,"\n );\n }\n ");case"standard":return"\n background: ".concat(o.colors.white,";\n border: 1px solid ").concat(o.colors.gray200,";\n \n p {\n color: var(\n --text-props-color,\n ").concat(o.colors.gray800,"\n );\n }\n \n &:hover {\n background: ").concat(o.colors.gray100,";\n }\n ");case"red":return t=r?o.colors.red50:o.colors.red500,"\n background: ".concat(t,";\n ");case"green":return t=r?o.colors.green50:o.colors.green500,"\n background: ".concat(t,";\n ");case"blue":return t=r?o.colors.blue50:o.colors.primaryBase,"\n background: ".concat(t,";\n ");case"teal":return t=r?o.colors.teal100:o.colors.teal600,"\n background: ".concat(t,";\n ");case"pink":return t=r?o.colors.pink200:o.colors.pink800,"\n background: ".concat(t,";\n ");case"violet":return t=r?o.colors.violet100:o.colors.violet500,"\n background: ".concat(t,";\n ");case"grey":return t=r?o.colors.gray100:o.colors.gray600,"\n background: ".concat(t,";\n ")}}(n.tagType,n.tagIsLight)}),(function(n){return n.tagIsSquared&&"sponsored"!==n.tagType&&"\n border-radius: 4px;\n "}),(function(n){return n.tagIsALink&&"\n cursor: pointer;\n "}),(function(n){return n.theme.colors.blue50}));export{e as StyledTag};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/atoms/tag/index.styled.tsx"],"sourcesContent":["import { theme, ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nimport { Props } from '.'\n\ntype CssProps = {\n tagType: Props['type']\n isInline: Props['isInline']\n tagHasMorePadding: Props['hasMorePadding']\n tagIsLight: Props['isLight']\n tagIsSquared: Props['isSquared']\n tagIsALink: Props['isLink']\n}\n\nconst getTag = (tag: CssProps['tagType'], isLight: Props['isLight']) => {\n switch (tag) {\n case 'yellow': {\n const color = isLight ? theme.colors.yellow50 : theme.colors.yellow600\n return `\n background: ${color};\n p {\n color: var(\n --text-props-color,\n ${theme.colors.gray800}\n );\n }\n `\n }\n case 'standard': {\n return `\n background: ${theme.colors.white};\n border: 1px solid ${theme.colors.gray200};\n \n p {\n color: var(\n --text-props-color,\n ${theme.colors.gray800}\n );\n }\n \n &:hover {\n background: ${theme.colors.gray100};\n }\n `\n }\n case 'red': {\n const color = isLight ? theme.colors.red50 : theme.colors.red500\n return `\n background: ${color};\n `\n }\n case 'green': {\n const color = isLight ? theme.colors.green50 : theme.colors.green500\n return `\n background: ${color};\n `\n }\n case 'blue': {\n const color = isLight ? theme.colors.blue50 : theme.colors.primaryBase\n return `\n background: ${color};\n `\n }\n case 'teal': {\n const color = isLight ? theme.colors.teal100 : theme.colors.teal600\n return `\n background: ${color};\n `\n }\n case 'pink': {\n const color = isLight ? theme.colors.pink200 : theme.colors.pink800\n return `\n background: ${color};\n `\n }\n case 'violet': {\n const color = isLight ? theme.colors.violet100 : theme.colors.violet500\n return `\n background: ${color};\n `\n }\n case 'grey': {\n const color = isLight ? theme.colors.gray100 : theme.colors.gray600\n return `\n background: ${color};\n `\n }\n }\n}\n\nexport const StyledTag = styled.div<CssProps>`\n --padding-horizontal: 8px;\n --pading-vertical: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--pading-vertical) var(--padding-horizontal);\n border-radius: 24px;\n\n ${(props) =>\n props.tagType === 'sponsored' &&\n `\n --offset-size: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n position: relative;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);\n border-radius: 0 4px 18px 0;\n height: 24px;\n width: 90px;\n border-left: var(--offset-size) solid ${theme.colors.accentLight};\n padding: 0;\n margin-left: calc(var(--offset-size) * -1);\n\n p {\n font-weight: ${theme.sizes.fwBold};\n color: var(\n --text-props-color,\n ${theme.colors.secondaryDark}\n );\n font-size: 11px;\n margin-left: calc(var(--offset-size) * -1);\n }\n\n &::after {\n width: calc(var(--offset-size) * 2);\n height: var(--offset-size);\n background: ${theme.colors.accentMain};\n position: absolute;\n left: calc(var(--offset-size) * -1);\n bottom: calc(var(--offset-size) * -1);\n clip-path: polygon(0 1%, 100% 0%, 100% 100%);\n content: '';\n }\n `}\n\n ${(props) =>\n props.isInline &&\n `\n display: inline-block;\n `}\n\n ${(props) =>\n props.tagHasMorePadding &&\n `\n &[data-has-more-padding] {\n padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal);\n }\n `}\n\n p {\n ${(props) =>\n props.tagIsLight\n ? `\n color: var(--text-props-color, #000);\n `\n : `\n color: var(--text-props-color, ${(props: ThemeProps) =>\n props.theme.colors.white});\n `}\n }\n\n ${(props) => getTag(props.tagType, props.tagIsLight)}\n\n ${(props) =>\n props.tagIsSquared &&\n props.tagType !== 'sponsored' &&\n `\n border-radius: 4px;\n `}\n\n ${(props) =>\n props.tagIsALink &&\n `\n cursor: pointer;\n `} \n\n &[data-is-selected],\n &:active {\n background: ${(props: ThemeProps) => props.theme.colors.blue50};\n }\n`\n"],"names":["StyledTag","styled","div","templateObject_1","__makeTemplateObject","props","tagType","concat","theme","colors","accentLight","sizes","fwBold","secondaryDark","accentMain","isInline","tagHasMorePadding","tagIsLight","white","tag","isLight","color","yellow50","yellow600","gray800","gray200","gray100","red50","red500","green50","green500","blue50","primaryBase","teal100","teal600","pink200","pink800","violet100","violet500","gray600","getTag","tagIsSquared","tagIsALink"],"mappings":"gKAcA,MA4EaA,EAAYC,EAAOC,IAAaC,IAAAA,EAAAC,EAAA,CAAA,8NAAA,SAAA,SAAA,kBAAA,cAAA,SAAA,SAAA,8DAAA,YAAA,CAAA,8NA8C1C,SAMA,SAQA,kBAWM,cAG6C,SAOnD,SAMA,8DAI+D,eAlF9D,SAACC,GACD,MAAkB,cAAlBA,EAAMC,SACN,oUAWwCC,OAAAC,EAAMC,OAAOC,YAKpC,uGAAAH,OAAAC,EAAMG,MAAMC,6EAGvBJ,EAAMC,OAAOI,cAAa,qNAAAN,OAShBC,EAAMC,OAAOK,WAO9B,iNAEC,SAACT,GACD,OAAAA,EAAMU,UACN,wCAIA,SAACV,GACD,OAAAA,EAAMW,mBACN,+HAOE,SAACX,GACD,OAAAA,EAAMY,WACF,wDAGA,0CAC6BV,QAAA,SAACF,GAChC,OAAAA,EAAMG,MAAMC,OAAOS,QAClB,mBAGL,SAACb,GAAU,OAtJA,SAACc,EAA0BC,GACxC,OAAQD,GACN,IAAK,SACH,IAAME,EAAQD,EAAUZ,EAAMC,OAAOa,SAAWd,EAAMC,OAAOc,UAC7D,MAAO,yBAAAhB,OACSc,EAIR,wFAAAd,OAAAC,EAAMC,OAAOe,QAAO,qCAK9B,IAAK,WACH,MAAO,uBAAAjB,OACOC,EAAMC,OAAOS,MACP,+BAAAX,OAAAC,EAAMC,OAAOgB,mGAK3BjB,EAAMC,OAAOe,QAAO,oEAAAjB,OAKVC,EAAMC,OAAOiB,QAAO,sBAItC,IAAK,MAEH,OADML,EAAQD,EAAUZ,EAAMC,OAAOkB,MAAQnB,EAAMC,OAAOmB,OACnD,0BAAArB,OACUc,EAAK,eAGxB,IAAK,QAEH,OADMA,EAAQD,EAAUZ,EAAMC,OAAOoB,QAAUrB,EAAMC,OAAOqB,SACrD,0BAAAvB,OACUc,EAAK,aAGxB,IAAK,OAEH,OADMA,EAAQD,EAAUZ,EAAMC,OAAOsB,OAASvB,EAAMC,OAAOuB,YACpD,0BAAAzB,OACUc,EAAK,aAGxB,IAAK,OAEH,OADMA,EAAQD,EAAUZ,EAAMC,OAAOwB,QAAUzB,EAAMC,OAAOyB,QACrD,0BAAA3B,OACUc,EAAK,aAGxB,IAAK,OAEH,OADMA,EAAQD,EAAUZ,EAAMC,OAAO0B,QAAU3B,EAAMC,OAAO2B,QACrD,0BAAA7B,OACUc,EAAK,aAGxB,IAAK,SAEH,OADMA,EAAQD,EAAUZ,EAAMC,OAAO4B,UAAY7B,EAAMC,OAAO6B,UACvD,2BAAA/B,OACWc,EAAK,aAGzB,IAAK,OAEH,OADMA,EAAQD,EAAUZ,EAAMC,OAAOiB,QAAUlB,EAAMC,OAAO8B,QACrD,2BAAAhC,OACWc,EAAK,cAgFdmB,CAAOnC,EAAMC,QAASD,EAAMY,eAEvC,SAACZ,GACD,OAAAA,EAAMoC,cACY,cAAlBpC,EAAMC,SACN,mCAIA,SAACD,GACD,OAAAA,EAAMqC,YACN,gCAMc,SAACrC,GAAsB,OAAAA,EAAMG,MAAMC,OAAOsB"}

package/build/esm/components/atoms/text/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t from"react";import{StyledText as a}from"./index.styled.js";var r=function(r){var s=r.size,o=void 0===s?"base":s,d=r.type,i=void 0===d?"regular":d,l=r.title,p=r.className,n=r.style,c=r.children,m=r.color,v=r.dataEventCategory,y=r.dataEventAction,u=r.dataEventLabel,x=r.as,b=r.wordWrap,f=r.isUppercase,E={"--custom-color":m};return t.createElement(a,{title:l,"data-size":o,"data-type":i,style:e(e({},n),E),className:p,"data-event-category":v,"data-event-action":y,"data-event-label":u,"data-word-wrap":b,"data-is-uppercase":f,as:x,textSize:o,textType:i,textWordWrap:b,textIsUpperCase:f},c)};export{r as Text};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/atoms/text/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/text/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\n\nimport { CSSProperties } from 'styled-components'\n\nimport { StyledText } from './index.styled'\n\nexport type TextSize =\n | 'lg'\n | 'md'\n | 'base'\n | 'sm'\n | 'xs'\n | 's1'\n | 's2'\n | 's3'\n | 's4'\n | 's5'\n | 'p1'\n | 'p2'\n | 'p3'\n | 'p4'\n | 'c1'\n | 'c2'\n | 'n1'\n | 'label1'\n | 'label2'\n\nexport type TextType = 'regular' | 'bold' | 'caption' | 'semiBold'\n\nexport type Props = {\n children?: ReactNode\n size: TextSize\n className?: string\n color?: string\n type?: TextType\n title?: string\n style?: CSSProperties\n dataEventCategory?: string\n dataEventAction?: string\n dataEventLabel?: string\n as?: keyof JSX.IntrinsicElements\n /**\n * word wrap options\n * work-break: wrap the sentence by word\n * break-all: break a long word into separate lines\n */\n wordWrap?: 'none' | 'break-word' | 'break-all'\n /**\n * upcase\n */\n isUppercase?: boolean\n}\n\nconst Text = ({\n size = 'base',\n type = 'regular',\n title,\n className,\n style,\n children,\n color,\n dataEventCategory,\n dataEventAction,\n dataEventLabel,\n as,\n wordWrap,\n isUppercase,\n}: Props) => {\n const customColor = { '--custom-color': color } as React.CSSProperties\n\n return (\n <StyledText\n title={title}\n data-size={size}\n data-type={type}\n style={{ ...style, ...customColor }}\n className={className}\n data-event-category={dataEventCategory}\n data-event-action={dataEventAction}\n data-event-label={dataEventLabel}\n data-word-wrap={wordWrap}\n data-is-uppercase={isUppercase}\n as={as}\n textSize={size}\n textType={type}\n textWordWrap={wordWrap}\n textIsUpperCase={isUppercase}\n >\n {children}\n </StyledText>\n )\n}\n\nexport { Text }\n"],"names":["Text","_a","_b","size","_c","type","title","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase","customColor","React","createElement","StyledText","__assign","textSize","textType","textWordWrap","textIsUpperCase"],"mappings":"wIAqDM,IAAAA,EAAO,SAACC,OACZC,EAAaD,EAAAE,KAAbA,OAAO,IAAAD,EAAA,SACPE,EAAAH,EAAAI,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAKL,EAAAK,MACLC,EAASN,EAAAM,UACTC,EAAKP,EAAAO,MACLC,EAAQR,EAAAQ,SACRC,EAAKT,EAAAS,MACLC,EAAiBV,EAAAU,kBACjBC,EAAeX,EAAAW,gBACfC,EAAcZ,EAAAY,eACdC,EAAEb,EAAAa,GACFC,EAAQd,EAAAc,SACRC,EAAWf,EAAAe,YAELC,EAAc,CAAE,iBAAkBP,GAExC,OACEQ,EAACC,cAAAC,EACC,CAAAd,MAAOA,EAAK,YACDH,EAAI,YACJE,EACXG,MAAYa,EAAAA,EAAA,GAAAb,GAAUS,GACtBV,UAAWA,EACU,sBAAAI,EACF,oBAAAC,EACD,mBAAAC,mBACFE,EAAQ,oBACLC,EACnBF,GAAIA,EACJQ,SAAUnB,EACVoB,SAAUlB,EACVmB,aAAcT,EACdU,gBAAiBT,GAEhBP"}

package/build/esm/components/atoms/text/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{theme as e}from"../../../misc/theme.js";import{MediaQueries as t}from"../../../misc/utils.js";import i from"styled-components";var p,r=i.p(p\|\|(p=n(["\n --text-color: var(\n --custom-color,\n ","\n );\n\n color: var(--text-color);\n letter-spacing: 0px;\n font-weight: ",";\n ","\n\n /* Make caption uppercase /\n ","\n\n ","\n\n ","\n\n ","\n"],["\n --text-color: var(\n --custom-color,\n ","\n );\n\n color: var(--text-color);\n letter-spacing: 0px;\n font-weight: ",";\n ","\n\n / Make caption uppercase */\n ","\n\n ","\n\n ","\n\n ","\n"])),(function(n){return n.theme.defaultColor\|\|n.theme.colors.gray800}),(function(n){return function(n){switch(n){case"bold":case"caption":return e.sizes.fwBold;case"semiBold":return e.sizes.fwSemiBold;default:return e.sizes.fwRegular}}(n.textType)}),(function(n){return function(n){switch(n){case"lg":case"md":return"\n font-size: 16px;\n line-height: 28px;\n ".concat(t.tdUp," {\n font-size: 18px;\n line-height: 32px;\n letter-spacing: -0.2px;\n }\n ");case"base":return"\n font-size: 16px;\n line-height: 24px;\n ".concat(t.tdUp," {\n font-size: 16px;\n line-height: 24px;\n }\n ");case"sm":return"\n font-size: 14px;\n line-height: 22px;\n letter-spacing: -0.2px;\n ".concat(t.tdUp," {\n font-size: 16px;\n line-height: 24px;\n }\n ");case"p4":case"xs":case"c2":return"\n font-size: 12px;\n line-height: 18px;\n ".concat(t.tdUp," {\n font-size: 14px;\n line-height: 24px;\n }\n ");case"s1":return"\n font-size: 18px;\n line-height: 28px;\n letter-spacing: -0.6px;\n ".concat(t.tdUp," {\n font-size: 22px;\n line-height: 32px;\n letter-spacing: -0.6px;\n }\n ");case"s2":return"\n font-size: 16px;\n line-height: 24px;\n letter-spacing: -0.2px;\n ".concat(t.tdUp," {\n font-size: 18px;\n line-height: 28px;\n letter-spacing: -0.2px;\n }\n ");case"s3":return"\n font-size: 14px;\n line-height: 22px;\n ".concat(t.tdUp," {\n font-size: 16px;\n line-height: 24px;\n }\n ");case"s4":return"\n font-size: 12px;\n line-height: 18px;\n ".concat(t.tdUp," {\n font-size: 14px;\n line-height: 22px;\n }\n ");case"s5":return"\n font-size: 10px;\n line-height: 16px;\n ".concat(t.tdUp," {\n font-size: 12px;\n line-height: 18px;\n }\n ");case"p1":return"\n font-size: 18px;\n line-height: 28px;\n ".concat(t.tdUp," {\n font-size: 18px;\n line-height: 28px;\n letter-spacing: -0.2px;\n }\n ");case"p2":return"\n font-size: 16px;\n line-height: 24px;\n ".concat(t.tdUp," {\n font-size: 16px;\n line-height: 26px;\n }\n ");case"p3":return"\n font-size: 14px;\n line-height: 18px;\n ".concat(t.tdUp," {\n font-size: 14px;\n line-height: 24px;\n }\n ");case"c1":return"\n font-size: 14px;\n line-height: 24px;\n ".concat(t.tdUp," {\n font-size: 16px;\n line-height: 26px;\n }\n ");case"n1":return"\n font-size: 12px;\n line-height: 18px;\n ".concat(t.tdUp," {\n font-size: 12px;\n line-height: 18px;\n }\n ");case"label1":return"\n font-size: 14px;\n line-height: 22px;\n ".concat(t.tdUp," {\n\n }\n ");case"label2":return"\n font-size: 12px;\n line-height: 18px;\n ".concat(t.tdUp," {\n\n }\n ")}}(n.textSize)}),(function(n){return"caption"===n.textType&&"\n text-transform: uppercase;\n "}),(function(n){return"break-all"===n.textWordWrap&&"\n word-break: break-all;\n "}),(function(n){return"break-word"===n.textWordWrap&&"\n word-break: break-word;\n "}),(function(n){return n.textIsUpperCase&&"\n text-transform: uppercase;\n "}));export{r as StyledText};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/atoms/text/index.styled.tsx"],"sourcesContent":["import { theme, ThemeProps } from 'misc/theme'\nimport { MediaQueries } from 'misc/utils'\nimport styled from 'styled-components'\n\nimport { Props } from '.'\n\ntype CssProps = {\n textSize: Props['size']\n textType: Props['type']\n textWordWrap: Props['wordWrap']\n textIsUpperCase: Props['isUppercase']\n}\n\nconst getSize = (size: Props['size']) => {\n switch (size) {\n case 'lg':\n case 'md':\n return `\n font-size: 16px;\n line-height: 28px;\n ${MediaQueries.tdUp} {\n font-size: 18px;\n line-height: 32px;\n letter-spacing: -0.2px;\n }\n `\n case 'base':\n return `\n font-size: 16px;\n line-height: 24px;\n ${MediaQueries.tdUp} {\n font-size: 16px;\n line-height: 24px;\n }\n `\n case 'sm':\n return `\n font-size: 14px;\n line-height: 22px;\n letter-spacing: -0.2px;\n ${MediaQueries.tdUp} {\n font-size: 16px;\n line-height: 24px;\n }\n `\n case 'p4':\n case 'xs':\n return `\n font-size: 12px;\n line-height: 18px;\n ${MediaQueries.tdUp} {\n font-size: 14px;\n line-height: 24px;\n }\n `\n // https://www.figma.com/file/oC0v0apXhnjTuqI2FrL2ic/E-Shopping?node-id=1243%3A215305\n case 's1':\n return `\n font-size: 18px;\n line-height: 28px;\n letter-spacing: -0.6px;\n ${MediaQueries.tdUp} {\n font-size: 22px;\n line-height: 32px;\n letter-spacing: -0.6px;\n }\n `\n case 's2':\n return `\n font-size: 16px;\n line-height: 24px;\n letter-spacing: -0.2px;\n ${MediaQueries.tdUp} {\n font-size: 18px;\n line-height: 28px;\n letter-spacing: -0.2px;\n }\n `\n case 's3':\n return `\n font-size: 14px;\n line-height: 22px;\n ${MediaQueries.tdUp} {\n font-size: 16px;\n line-height: 24px;\n }\n `\n case 's4':\n return `\n font-size: 12px;\n line-height: 18px;\n ${MediaQueries.tdUp} {\n font-size: 14px;\n line-height: 22px;\n }\n `\n case 's5':\n return `\n font-size: 10px;\n line-height: 16px;\n ${MediaQueries.tdUp} {\n font-size: 12px;\n line-height: 18px;\n }\n `\n // https://www.figma.com/file/oC0v0apXhnjTuqI2FrL2ic/E-Shopping?node-id=1243%3A215323\n case 'p1':\n return `\n font-size: 18px;\n line-height: 28px;\n ${MediaQueries.tdUp} {\n font-size: 18px;\n line-height: 28px;\n letter-spacing: -0.2px;\n }\n `\n case 'p2':\n return `\n font-size: 16px;\n line-height: 24px;\n ${MediaQueries.tdUp} {\n font-size: 16px;\n line-height: 26px;\n }\n `\n case 'p3':\n return `\n font-size: 14px;\n line-height: 18px;\n ${MediaQueries.tdUp} {\n font-size: 14px;\n line-height: 24px;\n }\n `\n // https://www.figma.com/file/oC0v0apXhnjTuqI2FrL2ic/E-Shopping?node-id=1243%3A215337\n case 'c1':\n return `\n font-size: 14px;\n line-height: 24px;\n ${MediaQueries.tdUp} {\n font-size: 16px;\n line-height: 26px;\n }\n `\n case 'c2':\n return `\n font-size: 12px;\n line-height: 18px;\n ${MediaQueries.tdUp} {\n font-size: 14px;\n line-height: 24px;\n }\n `\n /* https://www.figma.com/file/oC0v0apXhnjTuqI2FrL2ic/E-Shopping?node-id=1243%3A215356 */\n case 'n1':\n return `\n font-size: 12px;\n line-height: 18px;\n ${MediaQueries.tdUp} {\n font-size: 12px;\n line-height: 18px;\n }\n `\n case 'label1':\n return `\n font-size: 14px;\n line-height: 22px;\n ${MediaQueries.tdUp} {\n\n }\n `\n case 'label2':\n return `\n font-size: 12px;\n line-height: 18px;\n ${MediaQueries.tdUp} {\n\n }\n `\n }\n}\n\nconst getFontWeight = (type: Props['type']) => {\n switch (type) {\n case 'bold':\n case 'caption':\n return theme.sizes.fwBold\n case 'semiBold':\n return theme.sizes.fwSemiBold\n default:\n return theme.sizes.fwRegular\n }\n}\n\nexport const StyledText = styled.p<CssProps>`\n --text-color: var(\n --custom-color,\n ${(props: ThemeProps) =>\n props.theme.defaultColor || props.theme.colors.gray800}\n );\n\n color: var(--text-color);\n letter-spacing: 0px;\n font-weight: ${(props) => getFontWeight(props.textType)};\n ${(props) => getSize(props.textSize)}\n\n /* Make caption uppercase */\n ${(props) =>\n props.textType === 'caption' &&\n `\n text-transform: uppercase;\n `}\n\n ${(props) =>\n props.textWordWrap === 'break-all' &&\n `\n word-break: break-all;\n `}\n\n ${(props) =>\n props.textWordWrap === 'break-word' &&\n `\n word-break: break-word;\n `}\n\n ${(props) =>\n props.textIsUpperCase &&\n `\n text-transform: uppercase;\n `}\n`\n"],"names":["StyledText","styled","p","templateObject_1","__makeTemplateObject","props","theme","defaultColor","colors","gray800","type","sizes","fwBold","fwSemiBold","fwRegular","getFontWeight","textType","size","concat","MediaQueries","tdUp","getSize","textSize","textWordWrap","textIsUpperCase"],"mappings":"sNAaA,MAqLaA,EAAaC,EAAOC,EAACC,IAAAA,EAAAC,EAAA,CAAA,oDAAA,iFAAA,QAAA,yCAAA,SAAA,SAAA,SAAA,MAAA,CAAU,oDAIgB,iFAKH,QACnB,yCAOnC,SAMA,SAMA,SAMA,SAhCG,SAACC,GACD,OAAAA,EAAMC,MAAMC,cAAgBF,EAAMC,MAAME,OAAOC,WAKpC,SAACJ,GAAU,OArBN,SAACK,GACrB,OAAQA,GACN,IAAK,OACL,IAAK,UACH,OAAOJ,EAAMK,MAAMC,OACrB,IAAK,WACH,OAAON,EAAMK,MAAME,WACrB,QACE,OAAOP,EAAMK,MAAMG,WAaGC,CAAcV,EAAMW,aAC5C,SAACX,GAAU,OA/LC,SAACY,GACf,OAAQA,GACN,IAAK,KACL,IAAK,KACH,MAAO,mEAGHC,OAAAC,EAAaC,iIAMnB,IAAK,OACH,MAAO,mEAGHF,OAAAC,EAAaC,wFAKnB,IAAK,KACH,MAAO,kGAIHF,OAAAC,EAAaC,wFAKnB,IAAK,KACL,IAAK,KAkGL,IAAK,KACH,MAAO,mEAGHF,OAAAC,EAAaC,wFA5FnB,IAAK,KACH,MAAO,4FAILF,OAAAC,EAAaC,qHAMjB,IAAK,KACH,MAAO,oGAIHF,OAAAC,EAAaC,2HAMnB,IAAK,KACH,MAAO,mEAGHF,OAAAC,EAAaC,wFAKnB,IAAK,KACH,MAAO,mEAGHF,OAAAC,EAAaC,wFAKnB,IAAK,KACH,MAAO,mEAGHF,OAAAC,EAAaC,wFAMnB,IAAK,KACH,MAAO,mEAGHF,OAAAC,EAAaC,2HAMnB,IAAK,KACH,MAAO,mEAGHF,OAAAC,EAAaC,wFAKnB,IAAK,KACH,MAAO,mEAGHF,OAAAC,EAAaC,wFAMnB,IAAK,KACH,MAAO,mEAGHF,OAAAC,EAAaC,wFAenB,IAAK,KACH,MAAO,mEAGHF,OAAAC,EAAaC,wFAKnB,IAAK,SACH,MAAO,mEAGHF,OAAAC,EAAaC,gCAInB,IAAK,SACH,MAAO,mEAGHF,OAAAC,EAAaC,iCA6BRC,CAAQhB,EAAMiB,aAGzB,SAACjB,GACD,MAAmB,YAAnBA,EAAMW,UACN,0CAIA,SAACX,GACD,MAAuB,cAAvBA,EAAMkB,cACN,sCAIA,SAAClB,GACD,MAAuB,eAAvBA,EAAMkB,cACN,uCAIA,SAAClB,GACD,OAAAA,EAAMmB,iBACN"}

package/build/esm/components/atoms/textArea/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as e}from"../../../node_modules/tslib/tslib.es6.js";import n from"react";import r from"styled-components";import{Label as o}from"../label/index.js";var t,a=r.div(t\|\|(t=e(["\n textarea {\n width: 100%;\n height: var(--textarea-height, 116px);\n padding: 1rem;\n border: 1px solid ",";\n border-radius: 6px;\n color: ",";\n font-size: 14px;\n resize: none;\n\n &:focus {\n box-shadow: 0px 0px 2px 2px #91caff;\n }\n\n &::placeholder {\n color: ",";\n }\n\n &:disabled {\n background-color: ",";\n cursor: not-allowed;\n }\n }\n"],["\n textarea {\n width: 100%;\n height: var(--textarea-height, 116px);\n padding: 1rem;\n border: 1px solid ",";\n border-radius: 6px;\n color: ",";\n font-size: 14px;\n resize: none;\n\n &:focus {\n box-shadow: 0px 0px 2px 2px #91caff;\n }\n\n &::placeholder {\n color: ",";\n }\n\n &:disabled {\n background-color: ",";\n cursor: not-allowed;\n }\n }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.gray500}),(function(e){return e.theme.colors.neutral50})),l=function(e){var r,t=e.height,l=e.placeholder,i=e.labelText,s=e.labelColor,d=e.id,c=e.onChange,p=e.value,x=e.className,h=e.onKeyPress,u=e.disabled,m=void 0!==u&&u;return n.createElement(a,{className:x,style:(r={},r["--textarea-height"]=t\|\|"116px",r)},i&&n.createElement(o,{size:"label2",style:{color:s\|\|"#595959"},htmlFor:d},i),n.createElement("textarea",{placeholder:l,id:d,onChange:function(e){return c&&c(e.target.value)},onKeyPress:function(e){return h&&h(e)},value:p,disabled:m}))};export{l as TextArea};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/atoms/textArea/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/textArea/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nimport { Label } from './../label'\n\nconst StyledTextArea = styled.div`\n textarea {\n width: 100%;\n height: var(--textarea-height, 116px);\n padding: 1rem;\n border: 1px solid ${(props: ThemeProps) => props.theme.colors.gray200};\n border-radius: 6px;\n color: ${(props: ThemeProps) => props.theme.colors.gray800};\n font-size: 14px;\n resize: none;\n\n &:focus {\n box-shadow: 0px 0px 2px 2px #91caff;\n }\n\n &::placeholder {\n color: ${(props: ThemeProps) => props.theme.colors.gray500};\n }\n\n &:disabled {\n background-color: ${(props: ThemeProps) => props.theme.colors.neutral50};\n cursor: not-allowed;\n }\n }\n`\n\nexport type Props = {\n placeholder: string\n id?: string\n height?: string\n labelText?: string\n labelColor?: string\n value?: string\n className?: string\n onChange?: (v: string) => void\n onKeyPress?: (e: KeyboardEvent) => void\n disabled?: boolean\n}\n\nconst TextArea = ({\n height,\n placeholder,\n labelText,\n labelColor,\n id,\n onChange,\n value,\n className,\n onKeyPress,\n disabled = false,\n}: Props) => {\n return (\n <StyledTextArea\n className={className}\n style={{ ['--textarea-height' as string]: height || '116px' }}\n >\n {labelText && (\n <Label\n size=\"label2\"\n style={{ color: labelColor || '#595959' }}\n htmlFor={id}\n >\n {labelText}\n </Label>\n )}\n <textarea\n placeholder={placeholder}\n id={id}\n onChange={(e) => onChange && onChange(e.target.value)}\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onKeyPress={(e) => onKeyPress && onKeyPress(e as any)}\n value={value}\n disabled={disabled}\n />\n </StyledTextArea>\n )\n}\n\nexport { TextArea }\n"],"names":["StyledTextArea","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","gray200","gray800","gray500","neutral50","TextArea","_a","height","placeholder","labelText","labelColor","id","onChange","value","className","onKeyPress","_c","disabled","React","createElement","style","_b","Label","size","color","htmlFor","e","target"],"mappings":"gLAOA,MAAMA,EAAiBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,2HAAA,0CAAA,wJAAA,yDAAA,+CAAA,CAAA,2HAKwC,0CAEX,wJASE,yDAIa,kDAfrD,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,WAErD,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,WASxC,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,WAI/B,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,aAmB9DC,EAAW,SAACC,SAChBC,EAAMD,EAAAC,OACNC,EAAWF,EAAAE,YACXC,EAASH,EAAAG,UACTC,EAAUJ,EAAAI,WACVC,OACAC,EAAQN,EAAAM,SACRC,EAAKP,EAAAO,MACLC,cACAC,EAAUT,EAAAS,WACVC,EAAgBV,EAAAW,SAAhBA,OAAQ,IAAAD,GAAQA,EAEhB,OACEE,EAAAC,cAAC1B,EAAc,CACbqB,UAAWA,EACXM,YAASC,EAAC,qBAAgCd,GAAU,QAAOc,IAE1DZ,GACCS,EAAAC,cAACG,EAAK,CACJC,KAAK,SACLH,MAAO,CAAEI,MAAOd,GAAc,WAC9Be,QAASd,GAERF,GAGLS,EACEC,cAAA,WAAA,CAAAX,YAAaA,EACbG,GAAIA,EACJC,SAAU,SAACc,GAAM,OAAAd,GAAYA,EAASc,EAAEC,OAAOd,QAE/CE,WAAY,SAACW,GAAM,OAAAX,GAAcA,EAAWW,IAC5Cb,MAAOA,EACPI,SAAUA"}

package/build/esm/components/atoms/textDivider/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"react";import{Container as r}from"../container/index.js";import{Text as t}from"../text/index.js";import a from"styled-components";var i,o=a.div(i\|\|(i=n(["\n background-color: var(--neutral50);\n padding: 12px 0;\n box-shadow: inset 0px 1px 0px #e4e8ec;\n\n > * {\n display: grid;\n grid-template-columns: 32px 1fr;\n align-content: center;\n\n p {\n font-weight: 600;\n }\n }\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n }\n"],["\n background-color: var(--neutral50);\n padding: 12px 0;\n box-shadow: inset 0px 1px 0px #e4e8ec;\n\n > * {\n display: grid;\n grid-template-columns: 32px 1fr;\n align-content: center;\n\n p {\n font-weight: 600;\n }\n }\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n }\n"]))),l=function(n){var a=n.children,i=n.icon,l=n.className,p=n.style;return e.createElement(o,{style:p,className:l},e.createElement(r,null,e.createElement("div",{className:"icon-wrapper"},i),e.createElement(t,{size:"c1",color:"var(--neutral800)"},a)))};export{l as TextDivider};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/atoms/textDivider/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/textDivider/index.tsx"],"sourcesContent":["import React from 'react'\nimport { CSSProperties, ReactNode } from 'react'\n\n\nimport { Container } from 'components/atoms/container'\nimport { Text } from 'components/atoms/text'\nimport styled from 'styled-components'\n\ntype Props = {\n children: ReactNode\n icon: ReactNode\n className?: string\n style?: CSSProperties\n}\n\nconst StyledTextDivider = styled.div`\n background-color: var(--neutral50);\n padding: 12px 0;\n box-shadow: inset 0px 1px 0px #e4e8ec;\n\n > * {\n display: grid;\n grid-template-columns: 32px 1fr;\n align-content: center;\n\n p {\n font-weight: 600;\n }\n }\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n }\n`\n\nconst TextDivider = ({ children, icon, className, style }: Props) => (\n <StyledTextDivider style={style} className={className}>\n <Container>\n <div className=\"icon-wrapper\">{icon}</div>\n <Text size=\"c1\" color=\"var(--neutral800)\">\n {children}\n </Text>\n </Container>\n </StyledTextDivider>\n)\n\nexport { TextDivider }\n"],"names":["StyledTextDivider","styled","div","templateObject_1","__makeTemplateObject","TextDivider","_a","children","icon","className","style","React","createElement","Container","Text","size","color"],"mappings":"gOAeA,MAAMA,EAAoBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,oUAAA,CAAA,uUAqB9BC,EAAc,SAACC,OAAEC,EAAQD,EAAAC,SAAEC,EAAIF,EAAAE,KAAEC,EAASH,EAAAG,UAAEC,EAAKJ,EAAAI,MAAc,OACnEC,EAACC,cAAAZ,EAAkB,CAAAU,MAAOA,EAAOD,UAAWA,GAC1CE,EAAAC,cAACC,EAAS,KACRF,EAAAC,cAAA,MAAA,CAAKH,UAAU,gBAAgBD,GAC/BG,EAAAC,cAACE,EAAI,CAACC,KAAK,KAAKC,MAAM,qBACnBT"}

package/build/esm/components/atoms/toggle/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"react";import{StyledToggle as t,StyledToggleIcon as l,StyledToggleLabel as a}from"./index.styled.js";var n=function(n){var r=n.className,c=n.id,m=n.onChange,o=n.checked,s=n.style,i=n.label;return e.createElement(t,{className:r,style:s},e.createElement("input",{type:"checkbox",id:c,onChange:m,checked:o}),e.createElement("label",{htmlFor:c},e.createElement(l,null),i&&e.createElement(a,null,i)))};export{n as Toggle};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/atoms/toggle/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/toggle/index.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react'\n\nimport {\n StyledToggle,\n StyledToggleIcon,\n StyledToggleLabel,\n} from './index.styled'\n\nexport type Props = {\n id: string\n checked: boolean\n className?: string\n style?: CSSProperties\n label?: string\n onChange?: () => void\n}\n\nconst Toggle = ({ className, id, onChange, checked, style, label }: Props) => (\n <StyledToggle className={className} style={style}>\n <input type=\"checkbox\" id={id} onChange={onChange} checked={checked} />\n <label htmlFor={id}>\n <StyledToggleIcon />\n {label && <StyledToggleLabel>{label}</StyledToggleLabel>}\n </label>\n </StyledToggle>\n)\n\nexport { Toggle }\n"],"names":["Toggle","_a","className","id","onChange","checked","style","label","React","createElement","StyledToggle","type","htmlFor","StyledToggleIcon","StyledToggleLabel"],"mappings":"mHAiBM,IAAAA,EAAS,SAACC,GAAE,IAAAC,EAASD,EAAAC,UAAEC,EAAEF,EAAAE,GAAEC,EAAQH,EAAAG,SAAEC,YAASC,EAAKL,EAAAK,MAAEC,EAAKN,EAAAM,MAAc,OAC5EC,EAACC,cAAAC,EAAa,CAAAR,UAAWA,EAAWI,MAAOA,GACzCE,EAAAC,cAAA,QAAA,CAAOE,KAAK,WAAWR,GAAIA,EAAIC,SAAUA,EAAUC,QAASA,IAC5DG,EAAOC,cAAA,QAAA,CAAAG,QAAST,GACdK,EAAAC,cAACI,EAAmB,MACnBN,GAASC,gBAACM,EAAiB,KAAEP"}

package/build/esm/components/atoms/toggle/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var e,i,r,o=t.span(e\|\|(e=n(["\n position: relative;\n display: block;\n width: 40px;\n height: ",";\n background: #c3cbd4;\n border-radius: 100px;\n cursor: pointer;\n\n &:after {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 90px;\n content: '';\n transition: 0.3s;\n }\n"],["\n position: relative;\n display: block;\n width: 40px;\n height: ",";\n background: #c3cbd4;\n border-radius: 100px;\n cursor: pointer;\n\n &:after {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 90px;\n content: '';\n transition: 0.3s;\n }\n"])),"24px"),p=t.span(i\|\|(i=n(["\n padding-left: 15px;\n"],["\n padding-left: 15px;\n"]))),a=t.div(r\|\|(r=n(["\n height: ",";\n\n input[type='checkbox'] {\n width: 0;\n height: 0;\n visibility: hidden;\n }\n\n label {\n cursor: pointer;\n display: inline-flex;\n color: ",";\n }\n\n input:checked + label "," {\n background: ",";\n }\n\n input:checked + label ",":after {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n }\n"],["\n height: ",";\n\n input[type='checkbox'] {\n width: 0;\n height: 0;\n visibility: hidden;\n }\n\n label {\n cursor: pointer;\n display: inline-flex;\n color: ",";\n }\n\n input:checked + label "," {\n background: ",";\n }\n\n input:checked + label ",":after {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n }\n"])),"24px",(function(n){return n.theme.colors.gray600}),o,(function(n){return n.theme.colors.primaryBase}),o);export{a as StyledToggle,o as StyledToggleIcon,p as StyledToggleLabel};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/atoms/toggle/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nconst heightIcon = '24px'\n\nexport const StyledToggleIcon = styled.span`\n position: relative;\n display: block;\n width: 40px;\n height: ${heightIcon};\n background: #c3cbd4;\n border-radius: 100px;\n cursor: pointer;\n\n &:after {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 90px;\n content: '';\n transition: 0.3s;\n }\n`\n\nexport const StyledToggleLabel = styled.span`\n padding-left: 15px;\n`\n\nexport const StyledToggle = styled.div`\n height: ${heightIcon};\n\n input[type='checkbox'] {\n width: 0;\n height: 0;\n visibility: hidden;\n }\n\n label {\n cursor: pointer;\n display: inline-flex;\n color: ${(props: ThemeProps) => props.theme.colors.gray600};\n }\n\n input:checked + label ${StyledToggleIcon} {\n background: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n }\n\n input:checked + label ${StyledToggleIcon}:after {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n }\n`\n"],"names":["StyledToggleIcon","styled","span","templateObject_1","__makeTemplateObject","StyledToggleLabel","templateObject_2","StyledToggle","div","templateObject_3","props","theme","colors","gray600","primaryBase"],"mappings":"iHAGA,UAEaA,EAAmBC,EAAOC,KAAIC,IAAAA,EAAAC,EAAA,CAAA,yEAAA,uRAAA,CAAA,yEAIrB,yRANH,QAwBNC,EAAoBJ,EAAOC,KAAII,IAAAA,EAAAF,EAAA,CAAA,6BAAA,CAAA,gCAI/BG,EAAeN,EAAOO,IAAGC,IAAAA,EAAAL,EAAA,CAAA,eAAA,0KAAA,qCAAA,uBAAA,qCAAA,mFAAA,CAAA,eAChB,0KAWwC,qCAGpB,uBAC6B,qCAG7B,qFA/CvB,QAwCN,SAACM,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,UAG7Bb,GACR,SAACU,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,cAGlCd"}

package/build/esm/components/atoms/underlinedLink/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"react";import{StyledUnderlinedLink as a}from"./index.styled.js";var s=function(s){var t=s.size,i=s.isDisabled,r=s.className,l=s.link,d=s.style;return e.createElement(a,{className:r,"data-size":t,style:d,"data-disabled":i\|\|void 0},l)};export{s as UnderlinedLink};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/components/atoms/underlinedLink/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/atoms/underlinedLink/index.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react'\n\nimport { StyledUnderlinedLink } from './index.styled'\n\nexport type Props = {\n size: 'lg' | 'md' | 'sm' | 'xm'\n link: JSX.Element\n style?: CSSProperties\n isDisabled?: boolean\n className?: string\n}\n\nconst UnderlinedLink = ({\n size,\n isDisabled,\n className,\n link,\n style,\n}: Props) => (\n <StyledUnderlinedLink\n className={className}\n data-size={size}\n style={style}\n data-disabled={isDisabled || undefined}\n >\n {link}\n </StyledUnderlinedLink>\n)\n\nexport { UnderlinedLink }\n"],"names":["UnderlinedLink","_a","size","isDisabled","className","link","style","React","StyledUnderlinedLink","undefined"],"mappings":"8EAYM,IAAAA,EAAiB,SAACC,GACtB,IAAAC,EAAID,EAAAC,KACJC,EAAUF,EAAAE,WACVC,EAASH,EAAAG,UACTC,EAAIJ,EAAAI,KACJC,EAAKL,EAAAK,MACM,OACXC,gBAACC,EAAoB,CACnBJ,UAAWA,cACAF,EACXI,MAAOA,kBACQH,QAAcM,GAE5BJ"}

package/build/esm/components/atoms/underlinedLink/index.styled.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var t,o=e.div(t\|\|(t=n(["\n a {\n color: ",";\n cursor: pointer;\n text-decoration: underline;\n\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 &:visited {\n color: ",";\n }\n }\n\n &[data-disabled] {\n & > a {\n color: ",";\n cursor: not-allowed;\n }\n }\n\n @include layout-sp {\n &[data-size='lg'] {\n & > a {\n font-size: 16px;\n font-weight: ",";\n line-height: 24px;\n }\n }\n &[data-size='md'] {\n & > a {\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n }\n }\n &[data-size='sm'] {\n & > a {\n font-size: 13px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n &[data-size='xm'] {\n & > a {\n font-size: 11px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n }\n"],["\n a {\n color: ",";\n cursor: pointer;\n text-decoration: underline;\n\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 &:visited {\n color: ",";\n }\n }\n\n &[data-disabled] {\n & > a {\n color: ",";\n cursor: not-allowed;\n }\n }\n\n @include layout-sp {\n &[data-size='lg'] {\n & > a {\n font-size: 16px;\n font-weight: ",";\n line-height: 24px;\n }\n }\n &[data-size='md'] {\n & > a {\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n }\n }\n &[data-size='sm'] {\n & > a {\n font-size: 13px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n &[data-size='xm'] {\n & > a {\n font-size: 11px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryVisited}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular}));export{o as StyledUnderlinedLink};
2	+ //# sourceMappingURL=index.styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"index.styled.js","sources":["../../../../../src/components/atoms/underlinedLink/index.styled.tsx"],"sourcesContent":["import { ThemeProps } from 'misc/theme'\nimport styled from 'styled-components'\n\nexport const StyledUnderlinedLink = styled.div`\n a {\n color: ${(props: ThemeProps) => props.theme.colors.primaryBase};\n cursor: pointer;\n text-decoration: underline;\n\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.primaryHover};\n }\n }\n\n &:active {\n color: ${(props: ThemeProps) => props.theme.colors.primaryActive};\n }\n\n &:visited {\n color: ${(props: ThemeProps) => props.theme.colors.primaryVisited};\n }\n }\n\n &[data-disabled] {\n & > a {\n color: ${(props: ThemeProps) => props.theme.colors.gray300};\n cursor: not-allowed;\n }\n }\n\n @include layout-sp {\n &[data-size='lg'] {\n & > a {\n font-size: 16px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwBold};\n line-height: 24px;\n }\n }\n &[data-size='md'] {\n & > a {\n font-size: 14px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n line-height: 22px;\n }\n }\n &[data-size='sm'] {\n & > a {\n font-size: 13px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n line-height: 20px;\n }\n }\n &[data-size='xm'] {\n & > a {\n font-size: 11px;\n font-weight: ${(props: ThemeProps) => props.theme.sizes.fwRegular};\n line-height: 20px;\n }\n }\n }\n`\n"],"names":["StyledUnderlinedLink","styled","div","templateObject_1","__makeTemplateObject","props","theme","colors","primaryBase","primaryHover","primaryActive","primaryVisited","gray300","sizes","fwBold","fwRegular"],"mappings":"iHAGa,MAAAA,EAAuBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,uBAAA,yGAAA,oFAAA,qDAAA,6CAAA,oEAAA,+JAAA,yIAAA,yIAAA,yIAAA,wDAAA,CAAA,uBAEoB,yGAMG,oFAIG,qDAKF,6CAIC,oEAMP,+JASM,yIAOG,yIAOA,yIAOA,2DAvD5D,SAACC,GAAsB,OAAAA,EAAMC,MAAMC,OAAOC,eAMxC,SAACH,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,gBAIvC,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOE,gBAK7C,SAACJ,GAAsB,OAAAA,EAAMC,MAAMC,OAAOG,iBAI1C,SAACL,GAAsB,OAAAA,EAAMC,MAAMC,OAAOI,kBAM1C,SAACN,GAAsB,OAAAA,EAAMC,MAAMC,OAAOK,WASlC,SAACP,GAAsB,OAAAA,EAAMC,MAAMO,MAAMC,UAOzC,SAACT,GAAsB,OAAAA,EAAMC,MAAMO,MAAME,aAOzC,SAACV,GAAsB,OAAAA,EAAMC,MAAMO,MAAME,aAOzC,SAACV,GAAsB,OAAAA,EAAMC,MAAMO,MAAME"}

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

	@@ -0,0 +1,2 @@
1	+ import e from"react";import{Button as t}from"../button/index.js";import{StyledUploader as l,StyledElementContainer as n,StyledIconWrapper as a,StyledDefaultButtonContent as r}from"./index.styled.js";var i=function(i){var o=i.type,c=i.withIcon,m=i.onFileSelected,s=i.inputId,d=i.withElement,p=i.fileAcceptType,u=i.multiple,f=i.value,E=i.className,v=function(){var e;null===(e=document.querySelector("#uploader-input-"+s))\|\|void 0===e\|\|e.click()};return e.createElement(l,{className:E},"badge"===o?e.createElement(n,{onClick:v,"data-is-attached-to-element":!!d},d,e.createElement(a,{"data-is-attached-to-element":!!d},c)):d?e.createElement("div",{onClick:v},d):e.createElement(t,{size:"md",color:"secondary",className:"default-button",icon:c,onClick:v},e.createElement(r,null,e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",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",transform:"translate(-1.25 -1.25)"})),"Upload Image")),e.createElement("input",{id:"uploader-input-"+s,accept:p,multiple:u,type:"file",style:{display:"none"},onChange:function(e){m(e.target.files)},value:f}))};export{i as Uploader};
2	+ //# sourceMappingURL=index.js.map

package/build/esm/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":["Uploader","_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":"uMAsBM,IAAAA,EAAW,SAACC,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,EAACC,cAAAC,EAAe,CAAAP,UAAWA,GACf,UAATR,EAlDHa,EAACC,cAAAE,EACC,CAAAP,QAASA,EACoB,gCAAEL,GAE9BA,EACDS,EAAAC,cAACG,EAAiB,CAAA,gCAAgCb,GAC/CH,IAMLG,EACES,uBAAKJ,QAASA,GAAUL,GAExBS,EAACC,cAAAI,EACC,CAAAC,KAAK,KACLC,MAAM,YACNZ,UAAU,iBACVa,KAAMpB,EACNQ,QAASA,GAETI,EAAAC,cAACQ,EAA0B,KACzBT,EAAAC,cAAA,MAAA,CACES,GAAG,kBAAiB,YACV,UACVC,MAAM,6BACNC,QAAQ,iBAERZ,EAAAC,cAAA,OAAA,KACED,EAEIC,cAAA,QAAA,KAAA,wGAIND,EAAAC,cAAA,QAAA,KAAQ,UACRD,EAAAC,cAAA,OAAA,CACEN,UAAU,gBACVkB,EAAE,kGACFC,UAAU,4BAGb,iBAQLd,EAAAC,cAAA,QAAA,CACES,GAAI,kBAAoBpB,EACxByB,OAAQvB,EACRC,SAAUA,EACVN,KAAK,OACL6B,MAAO,CAAEC,QAAS,QAClBC,SAAU,SAACC,GACT9B,EAAe8B,EAAEC,OAAOC,QAE1B3B,MAAOA"}