kui-basic 1.1.21 → 1.1.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion/index.d.ts +20 -0
- package/dist/Accordion/index.js +2 -0
- package/dist/Accordion/index.js.map +1 -0
- package/dist/Accordion/package.json +10 -0
- package/dist/AccordionDetails/index.d.ts +12 -0
- package/dist/AccordionDetails/index.js +2 -0
- package/dist/AccordionDetails/index.js.map +1 -0
- package/dist/AccordionDetails/package.json +7 -0
- package/dist/AccordionSummary/index.d.ts +23 -0
- package/dist/AccordionSummary/index.js +2 -0
- package/dist/AccordionSummary/index.js.map +1 -0
- package/dist/AccordionSummary/package.json +10 -0
- package/dist/AppBar/index.d.ts +16 -0
- package/dist/AppBar/index.js +2 -0
- package/dist/AppBar/index.js.map +1 -0
- package/dist/AppBar/package.json +10 -0
- package/dist/Box/index.d.ts +25 -0
- package/dist/Box/index.js +2 -0
- package/dist/Box/index.js.map +1 -0
- package/dist/Box/package.json +7 -0
- package/dist/Button/index.d.ts +63 -0
- package/dist/Button/index.js +2 -0
- package/dist/Button/index.js.map +1 -0
- package/dist/Button/package.json +10 -0
- package/dist/Caption/index.d.ts +78 -0
- package/dist/Caption/index.js +2 -0
- package/dist/Caption/index.js.map +1 -0
- package/dist/Caption/package.json +10 -0
- package/dist/Checkbox/index.d.ts +18 -0
- package/dist/Checkbox/index.js +2 -0
- package/dist/Checkbox/index.js.map +1 -0
- package/dist/Checkbox/package.json +10 -0
- package/dist/CircularProgress/index.d.ts +19 -0
- package/dist/CircularProgress/index.js +2 -0
- package/dist/CircularProgress/index.js.map +1 -0
- package/dist/CircularProgress/package.json +10 -0
- package/dist/Container/index.d.ts +12 -0
- package/dist/Container/index.js +2 -0
- package/dist/Container/index.js.map +1 -0
- package/dist/Container/package.json +10 -0
- package/dist/Divider/index.d.ts +14 -0
- package/dist/Divider/index.js +2 -0
- package/dist/Divider/index.js.map +1 -0
- package/dist/Divider/package.json +10 -0
- package/dist/ErrorComponent/index.d.ts +16 -0
- package/dist/ErrorComponent/index.js +2 -0
- package/dist/ErrorComponent/index.js.map +1 -0
- package/dist/ErrorComponent/package.json +10 -0
- package/dist/Grid/index.d.ts +51 -0
- package/dist/Grid/index.js +2 -0
- package/dist/Grid/index.js.map +1 -0
- package/dist/Grid/package.json +10 -0
- package/dist/Heading/index.d.ts +76 -0
- package/dist/Heading/index.js +2 -0
- package/dist/Heading/index.js.map +1 -0
- package/dist/Heading/package.json +10 -0
- package/dist/IconButton/index.d.ts +14 -0
- package/dist/IconButton/index.js +2 -0
- package/dist/IconButton/index.js.map +1 -0
- package/dist/IconButton/package.json +10 -0
- package/dist/Input/index.d.ts +31 -0
- package/dist/Input/index.js +2 -0
- package/dist/Input/index.js.map +1 -0
- package/dist/Input/package.json +10 -0
- package/dist/InputFile/index.d.ts +17 -0
- package/dist/InputFile/index.js +2 -0
- package/dist/InputFile/index.js.map +1 -0
- package/dist/InputFile/package.json +10 -0
- package/dist/InputMessage/index.d.ts +19 -0
- package/dist/InputMessage/index.js +2 -0
- package/dist/InputMessage/index.js.map +1 -0
- package/dist/InputMessage/package.json +10 -0
- package/dist/InputWithAdornments/index.d.ts +37 -0
- package/dist/InputWithAdornments/index.js +2 -0
- package/dist/InputWithAdornments/index.js.map +1 -0
- package/dist/InputWithAdornments/package.json +10 -0
- package/dist/InputWithCountryDropdown/index.d.ts +54 -0
- package/dist/InputWithCountryDropdown/index.js +2 -0
- package/dist/InputWithCountryDropdown/index.js.map +1 -0
- package/dist/InputWithCountryDropdown/package.json +11 -0
- package/dist/InputWithMask/index.d.ts +42 -0
- package/dist/InputWithMask/index.js +2 -0
- package/dist/InputWithMask/index.js.map +1 -0
- package/dist/InputWithMask/package.json +11 -0
- package/dist/LinearProgress/index.d.ts +20 -0
- package/dist/LinearProgress/index.js +2 -0
- package/dist/LinearProgress/index.js.map +1 -0
- package/dist/LinearProgress/package.json +10 -0
- package/dist/MenuPanel/index.d.ts +31 -0
- package/dist/MenuPanel/index.js +2 -0
- package/dist/MenuPanel/index.js.map +1 -0
- package/dist/MenuPanel/package.json +11 -0
- package/dist/Modal/index.d.ts +24 -0
- package/dist/Modal/index.js +2 -0
- package/dist/Modal/index.js.map +1 -0
- package/dist/Modal/package.json +10 -0
- package/dist/Popper/index.d.ts +33 -0
- package/dist/Popper/index.js +2 -0
- package/dist/Popper/index.js.map +1 -0
- package/dist/Popper/package.json +10 -0
- package/dist/PopperBase/index.d.ts +39 -0
- package/dist/PopperBase/index.js +2 -0
- package/dist/PopperBase/index.js.map +1 -0
- package/dist/PopperBase/package.json +10 -0
- package/dist/PopperWithPortal/index.d.ts +23 -0
- package/dist/PopperWithPortal/index.js +2 -0
- package/dist/PopperWithPortal/index.js.map +1 -0
- package/dist/PopperWithPortal/package.json +10 -0
- package/dist/Radio/index.d.ts +17 -0
- package/dist/Radio/index.js +2 -0
- package/dist/Radio/index.js.map +1 -0
- package/dist/Radio/package.json +7 -0
- package/dist/ScrollTab/index.d.ts +3 -0
- package/dist/ScrollTab/index.js +2 -0
- package/dist/ScrollTab/index.js.map +1 -0
- package/dist/ScrollTab/package.json +11 -0
- package/dist/Skeleton/index.d.ts +12 -0
- package/dist/Skeleton/index.js +2 -0
- package/dist/Skeleton/index.js.map +1 -0
- package/dist/Skeleton/package.json +10 -0
- package/dist/StaticPopper/index.d.ts +23 -0
- package/dist/StaticPopper/index.js +2 -0
- package/dist/StaticPopper/index.js.map +1 -0
- package/dist/StaticPopper/package.json +10 -0
- package/dist/Switch/index.d.ts +22 -0
- package/dist/Switch/index.js +2 -0
- package/dist/Switch/index.js.map +1 -0
- package/dist/Switch/package.json +10 -0
- package/dist/Tab/index.d.ts +27 -0
- package/dist/Tab/index.js +2 -0
- package/dist/Tab/index.js.map +1 -0
- package/dist/Tab/package.json +10 -0
- package/dist/Tabs/index.d.ts +28 -0
- package/dist/Tabs/index.js +2 -0
- package/dist/Tabs/index.js.map +1 -0
- package/dist/Tabs/package.json +10 -0
- package/dist/TabsPanel/index.d.ts +31 -0
- package/dist/TabsPanel/index.js +2 -0
- package/dist/TabsPanel/index.js.map +1 -0
- package/dist/TabsPanel/package.json +10 -0
- package/dist/Text/index.d.ts +31 -0
- package/dist/Text/index.js +2 -0
- package/dist/Text/index.js.map +1 -0
- package/dist/Text/package.json +10 -0
- package/dist/ToolBar/index.d.ts +12 -0
- package/dist/ToolBar/index.js +2 -0
- package/dist/ToolBar/index.js.map +1 -0
- package/dist/ToolBar/package.json +10 -0
- package/dist/Tooltip/index.d.ts +33 -0
- package/dist/Tooltip/index.js +2 -0
- package/dist/Tooltip/index.js.map +1 -0
- package/dist/Tooltip/package.json +10 -0
- package/dist/index.es.js +1 -5118
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1 -5164
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import c from"@emotion/styled/base";import{forwardRef as e}from"react";import b from"classnames";import{jsx as l,jsxs as i}from"@emotion/react/jsx-runtime";import t from"prop-types";import{css as g}from"@emotion/react";function I(c,e){var b=Object.keys(c);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(c);e&&(l=l.filter((function(e){return Object.getOwnPropertyDescriptor(c,e).enumerable}))),b.push.apply(b,l)}return b}function a(c){for(var e=1;e<arguments.length;e++){var b=null!=arguments[e]?arguments[e]:{};e%2?I(Object(b),!0).forEach((function(e){n(c,e,b[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):I(Object(b)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(b,e))}))}return c}function n(c,e,b){return e in c?Object.defineProperty(c,e,{value:b,enumerable:!0,configurable:!0,writable:!0}):c[e]=b,c}function u(c,e){if(null==c)return{};var b,l,i=function(c,e){if(null==c)return{};var b,l,i={},t=Object.keys(c);for(l=0;l<t.length;l++)b=t[l],e.indexOf(b)>=0||(i[b]=c[b]);return i}(c,e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(c);for(l=0;l<t.length;l++)b=t[l],e.indexOf(b)>=0||Object.prototype.propertyIsEnumerable.call(c,b)&&(i[b]=c[b])}return i}var G={main:"#ED713C",pressed:"#D24C13",hover:"#EA5A1D",light:"#FCEAE2",light2:"#FEF7F3"},p={main:"#18191F",gray60:"#474A57",gray50:"#7F8285",gray40:"#949494",gray30:"#BFBFBF",gray15:"#EAECEF",white:"#FFFFFF",light:"#C4C4C4",disabled:"#A6AEBC"},d={main:"#FBFBFD",light2:"#F7F8F9",light3:"#F2F3F5"},X={green70:"#259E58",green60:"#23A65A",main:"#27AE60",green10:"#EAFCF7",green5:"#F0FDF9"},m={red70:"#D03C1A",red60:"#DA421F",main:"#EB4620",red10:"#FCE3DE",red5:"#FDF0ED"},o={blue70:"#0098B6",blue60:"#009CBB",main:"#00ABCD",blue10:"#D9F2F8",blue5:"#E5F7FA"},s={purple70:"#914BD2",purple60:"#974EDB",main:"#9B51E0",purple10:"#F0E5FA",purple5:"#F7F1FD"},Z={palette:{brand:a(a({},G),{},{background:G.light2}),grey:{seventy:p.main,sixty:p.gray60,fiftyP:p.gray50,fourty:p.gray40,thirty:p.gray30,fifteenB:p.gray15,zero:p.white},background:a(a({},d),{},{light1:d.main,light4:"#C5C6C7"}),green:{fiftyP:X.main,seventy:X.green70,sixty:X.green60,ten:X.green10,five:X.green5},red:{fiftyP:m.main,seventy:m.red70,sixty:m.red60,ten:m.red10,five:m.red5},blue:{fiftyP:o.main,seventy:o.blue70,sixty:o.blue60,ten:o.blue10,five:o.blue5},purple:{fiftyP:s.main,seventy:s.purple70,sixty:s.purple60,ten:s.purple10,five:s.purple5}},breakpoints:{xxs:375,xs:600,sm:900,md:1200,lg:1440,xl:1536},shadows:{shadow1:"0px 5px 16px rgba(0, 0, 0, 0.1)",shadow2:"0px 12px 16px rgba(0, 0, 0, 0.08)",shadow3:"0px 26px 34px rgba(0, 0, 0, 0.1)",shadow4:"0px 10px 20px rgba(0, 0, 0, 0.1)"},settings:{spacing:8,columns:12}},r=["className"],W=Z.breakpoints,C=e((function(c,e){var i=c.className,t=u(c,r);return l(h,a({ref:e,className:b("KUI-Container",i)},t))}));C.displayName="Container";var h=c("div","production"===process.env.NODE_ENV?{target:"edfvp0h0"}:{target:"edfvp0h0",label:"StyledContainer"})("margin:0 auto;box-sizing:border-box;padding:0 16px;width:100%;@media (min-width: 1280px){max-width:1280px;}@media (min-width: ",W.xs,"px){padding:0 24px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ca0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5jb25zdCBicmVha3BvaW50cyA9IHRoZW1lLmJyZWFrcG9pbnRzXG5cbmNvbnN0IENvbnRhaW5lciA9IGZvcndhcmRSZWYoKHsgY2xhc3NOYW1lLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFN0eWxlZENvbnRhaW5lclxuICAgIHJlZj17cmVmfVxuICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcIktVSS1Db250YWluZXJcIiwgY2xhc3NOYW1lKX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pKVxuXG5Db250YWluZXIuZGlzcGxheU5hbWUgPSBcIkNvbnRhaW5lclwiXG5cbmV4cG9ydCBkZWZhdWx0IENvbnRhaW5lclxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDAgYXV0bztcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgcGFkZGluZzogMCAxNnB4O1xuICB3aWR0aDogMTAwJTtcbiAgQG1lZGlhIChtaW4td2lkdGg6IDEyODBweCkge1xuICAgIG1heC13aWR0aDogMTI4MHB4O1xuICB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLnhzfXB4KSB7XG4gICAgcGFkZGluZzogMCAyNHB4O1xuICB9XG5gXG4iXX0= */")),B={xs:{size:12,height:14},sm:{size:13,height:14,high:20},s:{size:14,height:18,high:22},m:{size:16,height:24},l:{size:18,height:28}},x=["children","size","className"];function y(c){var e=c.children,i=c.size,t=c.className,g=u(c,x);return l(w,a(a({size:B[i],className:b("KUI-Caption",t)},g),{},{children:e}))}y.defaultProps={size:"m",weight:400,color:"seventy",colorGroup:"grey",disableUserSelect:!1,variant:"default"},y.displayName="Caption",y.propTypes={size:t.oneOf(["xs","sm","s","m","l"]),weight:t.oneOf([400,500,600,700]),disableUserSelect:t.bool,variant:t.oneOf(["default","high"])};var V=function(c){var e=c.size,b=c.weight,l=c.align,i=c.color,t=c.colorGroup,I=c.disSelect,a=c.variant;return g("font-size:",e.size,"px;line-height:","high"===a&&e.high||e.height,"px;font-weight:",b,";text-align:",l,";",I&&"user-select: none",";color:",Z.palette[t][i]?Z.palette[t][i]:Z.palette.grey.seventy,";"+("production"===process.env.NODE_ENV?"":";label:captionSettingsCSS;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEUyIsImZpbGUiOiJpbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IFByb3BUeXBlcyBmcm9tIFwicHJvcC10eXBlc1wiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCBjYXB0aW9uU2l6ZXMgZnJvbSBcIi4vdmFyaWFudHNcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5mdW5jdGlvbiBDYXB0aW9uKHByb3BzKSB7XG4gIGNvbnN0IHsgY2hpbGRyZW4sIHNpemUsIGNsYXNzTmFtZSwgLi4ub3RoZXJQcm9wcyB9ID0gcHJvcHNcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXB0aW9uXG4gICAgICBzaXplPXtjYXB0aW9uU2l6ZXNbc2l6ZV19XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktQ2FwdGlvblwiLCBjbGFzc05hbWUpfVxuICAgICAgey4uLm90aGVyUHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ2FwdGlvbj5cbiAgKVxufVxuXG5DYXB0aW9uLmRlZmF1bHRQcm9wcyA9IHtcbiAgc2l6ZTogXCJtXCIsXG4gIHdlaWdodDogNDAwLFxuICBjb2xvcjogXCJzZXZlbnR5XCIsXG4gIGNvbG9yR3JvdXA6IFwiZ3JleVwiLFxuICBkaXNhYmxlVXNlclNlbGVjdDogZmFsc2UsXG4gIHZhcmlhbnQ6IFwiZGVmYXVsdFwiLFxufVxuXG5DYXB0aW9uLmRpc3BsYXlOYW1lID0gXCJDYXB0aW9uXCJcblxuQ2FwdGlvbi5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IFByb3BUeXBlcy5vbmVPZihbXCJ4c1wiLCBcInNtXCIsIFwic1wiLCBcIm1cIiwgXCJsXCJdKSxcbiAgd2VpZ2h0OiBQcm9wVHlwZXMub25lT2YoWzQwMCwgNTAwLCA2MDAsIDcwMF0pLFxuICBkaXNhYmxlVXNlclNlbGVjdDogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbXCJkZWZhdWx0XCIsIFwiaGlnaFwiXSksXG59XG5cbmV4cG9ydCBkZWZhdWx0IENhcHRpb25cblxuY29uc3QgY2FwdGlvblNldHRpbmdzQ1NTID0gKHtcbiAgc2l6ZSxcbiAgd2VpZ2h0LFxuICBhbGlnbixcbiAgY29sb3IsXG4gIGNvbG9yR3JvdXAsXG4gIGRpc1NlbGVjdCxcbiAgdmFyaWFudCxcbn0pID0+IGNzc2BcbiAgZm9udC1zaXplOiAke3NpemUuc2l6ZX1weDtcbiAgbGluZS1oZWlnaHQ6ICR7dmFyaWFudCA9PT0gXCJoaWdoXCIgPyBzaXplLmhpZ2ggfHwgc2l6ZS5oZWlnaHQgOiBzaXplLmhlaWdodH1weDtcbiAgZm9udC13ZWlnaHQ6ICR7d2VpZ2h0fTtcbiAgdGV4dC1hbGlnbjogJHthbGlnbn07XG4gICR7ZGlzU2VsZWN0ICYmIFwidXNlci1zZWxlY3Q6IG5vbmVcIn07XG4gIGNvbG9yOiAke3RoZW1lLnBhbGV0dGVbY29sb3JHcm91cF1bY29sb3JdXG4gICAgPyB0aGVtZS5wYWxldHRlW2NvbG9yR3JvdXBdW2NvbG9yXVxuICAgIDogdGhlbWUucGFsZXR0ZS5ncmV5LnNldmVudHl9O1xuYFxuXG5jb25zdCBTdHlsZWRDYXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiBcIkludGVyXCIsIHNhbnMtc2VyaWY7XG4gIGxldHRlci1zcGFjaW5nOiBub3JtYWw7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBtYXJnaW46IDA7XG4gICR7Y2FwdGlvblNldHRpbmdzQ1NTfTtcbmBcbiJdfQ== */")},w=c("p","production"===process.env.NODE_ENV?{target:"e1ipa12w0"}:{target:"e1ipa12w0",label:"StyledCaption"})('font-family:"Inter",sans-serif;letter-spacing:normal;text-transform:none;margin:0;',V,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEOEIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgY2FwdGlvblNpemVzIGZyb20gXCIuL3ZhcmlhbnRzXCJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCJcblxuZnVuY3Rpb24gQ2FwdGlvbihwcm9wcykge1xuICBjb25zdCB7IGNoaWxkcmVuLCBzaXplLCBjbGFzc05hbWUsIC4uLm90aGVyUHJvcHMgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ2FwdGlvblxuICAgICAgc2l6ZT17Y2FwdGlvblNpemVzW3NpemVdfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwiS1VJLUNhcHRpb25cIiwgY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENhcHRpb24+XG4gIClcbn1cblxuQ2FwdGlvbi5kZWZhdWx0UHJvcHMgPSB7XG4gIHNpemU6IFwibVwiLFxuICB3ZWlnaHQ6IDQwMCxcbiAgY29sb3I6IFwic2V2ZW50eVwiLFxuICBjb2xvckdyb3VwOiBcImdyZXlcIixcbiAgZGlzYWJsZVVzZXJTZWxlY3Q6IGZhbHNlLFxuICB2YXJpYW50OiBcImRlZmF1bHRcIixcbn1cblxuQ2FwdGlvbi5kaXNwbGF5TmFtZSA9IFwiQ2FwdGlvblwiXG5cbkNhcHRpb24ucHJvcFR5cGVzID0ge1xuICBzaXplOiBQcm9wVHlwZXMub25lT2YoW1wieHNcIiwgXCJzbVwiLCBcInNcIiwgXCJtXCIsIFwibFwiXSksXG4gIHdlaWdodDogUHJvcFR5cGVzLm9uZU9mKFs0MDAsIDUwMCwgNjAwLCA3MDBdKSxcbiAgZGlzYWJsZVVzZXJTZWxlY3Q6IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoW1wiZGVmYXVsdFwiLCBcImhpZ2hcIl0pLFxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXB0aW9uXG5cbmNvbnN0IGNhcHRpb25TZXR0aW5nc0NTUyA9ICh7XG4gIHNpemUsXG4gIHdlaWdodCxcbiAgYWxpZ24sXG4gIGNvbG9yLFxuICBjb2xvckdyb3VwLFxuICBkaXNTZWxlY3QsXG4gIHZhcmlhbnQsXG59KSA9PiBjc3NgXG4gIGZvbnQtc2l6ZTogJHtzaXplLnNpemV9cHg7XG4gIGxpbmUtaGVpZ2h0OiAke3ZhcmlhbnQgPT09IFwiaGlnaFwiID8gc2l6ZS5oaWdoIHx8IHNpemUuaGVpZ2h0IDogc2l6ZS5oZWlnaHR9cHg7XG4gIGZvbnQtd2VpZ2h0OiAke3dlaWdodH07XG4gIHRleHQtYWxpZ246ICR7YWxpZ259O1xuICAke2Rpc1NlbGVjdCAmJiBcInVzZXItc2VsZWN0OiBub25lXCJ9O1xuICBjb2xvcjogJHt0aGVtZS5wYWxldHRlW2NvbG9yR3JvdXBdW2NvbG9yXVxuICAgID8gdGhlbWUucGFsZXR0ZVtjb2xvckdyb3VwXVtjb2xvcl1cbiAgICA6IHRoZW1lLnBhbGV0dGUuZ3JleS5zZXZlbnR5fTtcbmBcblxuY29uc3QgU3R5bGVkQ2FwdGlvbiA9IHN0eWxlZC5wYFxuICBmb250LWZhbWlseTogXCJJbnRlclwiLCBzYW5zLXNlcmlmO1xuICBsZXR0ZXItc3BhY2luZzogbm9ybWFsO1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICAke2NhcHRpb25TZXR0aW5nc0NTU307XG5gXG4iXX0= */")),F=["message","icon"];var v=function(c){var e=c.message,b=c.icon,t=u(c,F);return i(C,a(a({},t),{},{children:[l(N,{children:e}),l(A,{children:b})]}))},N=c(y,"production"===process.env.NODE_ENV?{target:"eyrppa11"}:{target:"eyrppa11",label:"StyledTitle"})("font-size:24px;line-height:32px;margin:104px auto 16px;text-align:center;max-width:530px;@media (max-width: ",Z.breakpoints.sm,"px){font-size:16px;line-height:24px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtQyIsImZpbGUiOiJpbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCBDb250YWluZXIgZnJvbSBcIi4uL0NvbnRhaW5lclwiXG5pbXBvcnQgQ2FwdGlvbiBmcm9tIFwiLi4vQ2FwdGlvblwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5cbmNvbnN0IEVycm9yQ29tcG9uZW50ID0gKHsgbWVzc2FnZSwgaWNvbiwgLi4ub3RoZXJQcm9wcyB9KSA9PiAoXG4gIDxDb250YWluZXIgey4uLm90aGVyUHJvcHN9PlxuICAgIDxTdHlsZWRUaXRsZT57bWVzc2FnZX08L1N0eWxlZFRpdGxlPlxuICAgIDxTdHlsZWRJY29uV3JhcHBlcj57aWNvbn08L1N0eWxlZEljb25XcmFwcGVyPlxuICA8L0NvbnRhaW5lcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgRXJyb3JDb21wb25lbnRcblxuY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoQ2FwdGlvbilgXG4gIGZvbnQtc2l6ZTogMjRweDtcbiAgbGluZS1oZWlnaHQ6IDMycHg7XG4gIG1hcmdpbjogMTA0cHggYXV0byAxNnB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIG1heC13aWR0aDogNTMwcHg7XG4gIEBtZWRpYSAobWF4LXdpZHRoOiAke3RoZW1lLmJyZWFrcG9pbnRzLnNtfXB4KSB7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZEljb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgc3ZnIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgbWluLWhlaWdodDogMjAwcHg7XG4gICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDIwMHB4KTtcbiAgfVxuYFxuIl19 */")),A=c("div","production"===process.env.NODE_ENV?{target:"eyrppa10"}:{target:"eyrppa10",label:"StyledIconWrapper"})("production"===process.env.NODE_ENV?{name:"1n8m6kc",styles:"svg{width:100%;height:auto;min-height:200px;max-height:calc(100vh - 200px);}"}:{name:"1n8m6kc",styles:"svg{width:100%;height:auto;min-height:200px;max-height:calc(100vh - 200px);}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgQ29udGFpbmVyIGZyb20gXCIuLi9Db250YWluZXJcIlxuaW1wb3J0IENhcHRpb24gZnJvbSBcIi4uL0NhcHRpb25cIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5jb25zdCBFcnJvckNvbXBvbmVudCA9ICh7IG1lc3NhZ2UsIGljb24sIC4uLm90aGVyUHJvcHMgfSkgPT4gKFxuICA8Q29udGFpbmVyIHsuLi5vdGhlclByb3BzfT5cbiAgICA8U3R5bGVkVGl0bGU+e21lc3NhZ2V9PC9TdHlsZWRUaXRsZT5cbiAgICA8U3R5bGVkSWNvbldyYXBwZXI+e2ljb259PC9TdHlsZWRJY29uV3JhcHBlcj5cbiAgPC9Db250YWluZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IEVycm9yQ29tcG9uZW50XG5cbmNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkKENhcHRpb24pYFxuICBmb250LXNpemU6IDI0cHg7XG4gIGxpbmUtaGVpZ2h0OiAzMnB4O1xuICBtYXJnaW46IDEwNHB4IGF1dG8gMTZweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBtYXgtd2lkdGg6IDUzMHB4O1xuICBAbWVkaWEgKG1heC13aWR0aDogJHt0aGVtZS5icmVha3BvaW50cy5zbX1weCkge1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBsaW5lLWhlaWdodDogMjRweDtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHN2ZyB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIG1pbi1oZWlnaHQ6IDIwMHB4O1xuICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAyMDBweCk7XG4gIH1cbmBcbiJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{v as default};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/theme/colors/index.js","../../src/theme/index.js","../../src/theme/breakpoints/index.js","../../src/theme/shadows/index.js","../../src/theme/settings/index.js","../../src/components/Container/index.js","../../src/components/Caption/variants.js","../../src/components/Caption/index.js","../../src/components/ErrorComponent/index.js"],"sourcesContent":["const colors = {\r\n primary: {\r\n main: \"#ED713C\",\r\n pressed: \"#D24C13\",\r\n hover: \"#EA5A1D\",\r\n light: \"#FCEAE2\",\r\n light2: \"#FEF7F3\",\r\n },\r\n secondary: {\r\n main: \"#18191F\",\r\n gray60: \"#474A57\",\r\n gray50: \"#7F8285\",\r\n gray40: \"#949494\",\r\n gray30: \"#BFBFBF\",\r\n gray15: \"#EAECEF\",\r\n white: \"#FFFFFF\",\r\n light: \"#C4C4C4\",\r\n disabled: \"#A6AEBC\",\r\n },\r\n background: {\r\n main: \"#FBFBFD\",\r\n light2: \"#F7F8F9\",\r\n light3: \"#F2F3F5\",\r\n },\r\n success: {\r\n green70: \"#259E58\",\r\n green60: \"#23A65A\",\r\n main: \"#27AE60\",\r\n green10: \"#EAFCF7\",\r\n green5: \"#F0FDF9\",\r\n },\r\n error: {\r\n red70: \"#D03C1A\",\r\n red60: \"#DA421F\",\r\n main: \"#EB4620\",\r\n red10: \"#FCE3DE\",\r\n red5: \"#FDF0ED\",\r\n },\r\n info: {\r\n blue70: \"#0098B6\",\r\n blue60: \"#009CBB\",\r\n main: \"#00ABCD\",\r\n blue10: \"#D9F2F8\",\r\n blue5: \"#E5F7FA\",\r\n },\r\n purple: {\r\n purple70: \"#914BD2\",\r\n purple60: \"#974EDB\",\r\n main: \"#9B51E0\",\r\n purple10: \"#F0E5FA\",\r\n purple5: \"#F7F1FD\",\r\n },\r\n}\r\n\r\nexport default colors\r\n","import colors from \"./colors\"\nimport shadows from \"./shadows\"\nimport breakpoints from \"./breakpoints\"\nimport settings from \"./settings\"\n\nconst palette = {\n brand: {\n ...colors.primary,\n background: colors.primary.light2,\n },\n grey: {\n seventy: colors.secondary.main,\n sixty: colors.secondary.gray60,\n fiftyP: colors.secondary.gray50,\n fourty: colors.secondary.gray40,\n thirty: colors.secondary.gray30,\n fifteenB: colors.secondary.gray15,\n zero: colors.secondary.white,\n },\n background: {\n ...colors.background,\n light1: colors.background.main,\n light4: \"#C5C6C7\",\n },\n green: {\n fiftyP: colors.success.main,\n seventy: colors.success.green70,\n sixty: colors.success.green60,\n ten: colors.success.green10,\n five: colors.success.green5,\n },\n red: {\n fiftyP: colors.error.main,\n seventy: colors.error.red70,\n sixty: colors.error.red60,\n ten: colors.error.red10,\n five: colors.error.red5,\n },\n blue: {\n fiftyP: colors.info.main,\n seventy: colors.info.blue70,\n sixty: colors.info.blue60,\n ten: colors.info.blue10,\n five: colors.info.blue5,\n },\n purple: {\n fiftyP: colors.purple.main,\n seventy: colors.purple.purple70,\n sixty: colors.purple.purple60,\n ten: colors.purple.purple10,\n five: colors.purple.purple5,\n },\n}\n\nconst themeOld = {\n palette: colors,\n breakpoints,\n shadows,\n settings,\n}\n\nconst theme = {\n palette,\n breakpoints,\n shadows,\n settings,\n}\n\nexport { themeOld, theme }\n","const breakpoints = {\n xxs: 375,\n xs: 600,\n sm: 900,\n md: 1200,\n lg: 1440,\n xl: 1536,\n}\n\nexport default breakpoints\n","const shadows = {\r\n shadow1: \"0px 5px 16px rgba(0, 0, 0, 0.1)\",\r\n shadow2: \"0px 12px 16px rgba(0, 0, 0, 0.08)\",\r\n shadow3: \"0px 26px 34px rgba(0, 0, 0, 0.1)\",\r\n shadow4: \"0px 10px 20px rgba(0, 0, 0, 0.1)\",\r\n}\r\n\r\nexport default shadows\r\n","const settings = {\r\n spacing: 8,\r\n columns: 12,\r\n}\r\n\r\nexport default settings\r\n","import React, { forwardRef } from \"react\"\nimport classNames from \"classnames\"\nimport styled from \"@emotion/styled\"\nimport { theme } from \"../../theme\"\n\nconst breakpoints = theme.breakpoints\n\nconst Container = forwardRef(({ className, ...props }, ref) => (\n <StyledContainer\n ref={ref}\n className={classNames(\"KUI-Container\", className)}\n {...props}\n />\n))\n\nContainer.displayName = \"Container\"\n\nexport default Container\n\nconst StyledContainer = styled.div`\n margin: 0 auto;\n box-sizing: border-box;\n padding: 0 16px;\n width: 100%;\n @media (min-width: 1280px) {\n max-width: 1280px;\n }\n @media (min-width: ${breakpoints.xs}px) {\n padding: 0 24px;\n }\n`\n","const captionSizes = {\n xs: {\n size: 12,\n height: 14,\n },\n sm: {\n size: 13,\n height: 14,\n high: 20,\n },\n s: {\n size: 14,\n height: 18,\n high: 22,\n },\n m: {\n size: 16,\n height: 24,\n },\n l: {\n size: 18,\n height: 28,\n },\n}\n\nexport default captionSizes\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport classNames from \"classnames\"\nimport styled from \"@emotion/styled\"\nimport { css } from \"@emotion/react\"\nimport captionSizes from \"./variants\"\nimport { theme } from \"../../theme\"\n\nfunction Caption(props) {\n const { children, size, className, ...otherProps } = props\n\n return (\n <StyledCaption\n size={captionSizes[size]}\n className={classNames(\"KUI-Caption\", className)}\n {...otherProps}\n >\n {children}\n </StyledCaption>\n )\n}\n\nCaption.defaultProps = {\n size: \"m\",\n weight: 400,\n color: \"seventy\",\n colorGroup: \"grey\",\n disableUserSelect: false,\n variant: \"default\",\n}\n\nCaption.displayName = \"Caption\"\n\nCaption.propTypes = {\n size: PropTypes.oneOf([\"xs\", \"sm\", \"s\", \"m\", \"l\"]),\n weight: PropTypes.oneOf([400, 500, 600, 700]),\n disableUserSelect: PropTypes.bool,\n variant: PropTypes.oneOf([\"default\", \"high\"]),\n}\n\nexport default Caption\n\nconst captionSettingsCSS = ({\n size,\n weight,\n align,\n color,\n colorGroup,\n disSelect,\n variant,\n}) => css`\n font-size: ${size.size}px;\n line-height: ${variant === \"high\" ? size.high || size.height : size.height}px;\n font-weight: ${weight};\n text-align: ${align};\n ${disSelect && \"user-select: none\"};\n color: ${theme.palette[colorGroup][color]\n ? theme.palette[colorGroup][color]\n : theme.palette.grey.seventy};\n`\n\nconst StyledCaption = styled.p`\n font-family: \"Inter\", sans-serif;\n letter-spacing: normal;\n text-transform: none;\n margin: 0;\n ${captionSettingsCSS};\n`\n","import React from \"react\"\nimport styled from \"@emotion/styled\"\nimport Container from \"../Container\"\nimport Caption from \"../Caption\"\nimport { theme } from \"../../theme\"\n\nconst ErrorComponent = ({ message, icon, ...otherProps }) => (\n <Container {...otherProps}>\n <StyledTitle>{message}</StyledTitle>\n <StyledIconWrapper>{icon}</StyledIconWrapper>\n </Container>\n)\n\nexport default ErrorComponent\n\nconst StyledTitle = styled(Caption)`\n font-size: 24px;\n line-height: 32px;\n margin: 104px auto 16px;\n text-align: center;\n max-width: 530px;\n @media (max-width: ${theme.breakpoints.sm}px) {\n font-size: 16px;\n line-height: 24px;\n }\n`\n\nconst StyledIconWrapper = styled.div`\n svg {\n width: 100%;\n height: auto;\n min-height: 200px;\n max-height: calc(100vh - 200px);\n }\n`\n"],"names":["colors","main","pressed","hover","light","light2","gray60","gray50","gray40","gray30","gray15","white","disabled","light3","green70","green60","green10","green5","red70","red60","red10","red5","blue70","blue60","blue10","blue5","purple70","purple60","purple10","purple5","theme","palette","brand","_objectSpread","background","grey","seventy","sixty","fiftyP","fourty","thirty","fifteenB","zero","light1","light4","green","ten","five","red","blue","purple","breakpoints","xxs","xs","sm","md","lg","xl","shadows","shadow1","shadow2","shadow3","shadow4","settings","spacing","columns","Container","forwardRef","ref","className","props","_objectWithoutProperties","_ref","_excluded","_jsx","StyledContainer","classNames","displayName","_styled","process","env","NODE_ENV","target","label","captionSizes","size","height","high","s","m","l","Caption","children","otherProps","StyledCaption","defaultProps","weight","color","colorGroup","disableUserSelect","variant","propTypes","PropTypes","oneOf","bool","captionSettingsCSS","align","disSelect","css","ErrorComponent","message","icon","_jsxs","StyledTitle","StyledIconWrapper","name","styles","map","toString"],"mappings":"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"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
type GridJustify = "center" | "flex-start" | "flex-end" | "space-between"
|
|
4
|
+
|
|
5
|
+
type GridAlignItems = "center" | "flex-start" | "flex-end"
|
|
6
|
+
|
|
7
|
+
type GridDirections = "column" | "row"
|
|
8
|
+
|
|
9
|
+
type GridWrap = "wrap" | "nowrap"
|
|
10
|
+
|
|
11
|
+
type GridSizing =
|
|
12
|
+
| 1
|
|
13
|
+
| 2
|
|
14
|
+
| 3
|
|
15
|
+
| 4
|
|
16
|
+
| 5
|
|
17
|
+
| 6
|
|
18
|
+
| 7
|
|
19
|
+
| 8
|
|
20
|
+
| 9
|
|
21
|
+
| 10
|
|
22
|
+
| 11
|
|
23
|
+
| 12
|
|
24
|
+
| "auto"
|
|
25
|
+
|
|
26
|
+
interface GridProps
|
|
27
|
+
extends React.DetailedHTMLProps<
|
|
28
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
29
|
+
HTMLDivElement
|
|
30
|
+
>,
|
|
31
|
+
React.AriaAttributes {
|
|
32
|
+
spacing?: GridSizing
|
|
33
|
+
item?: boolean
|
|
34
|
+
container?: boolean
|
|
35
|
+
justify?: GridJustify
|
|
36
|
+
alignItems?: GridAlignItems
|
|
37
|
+
alignContent?: GridAlignItems
|
|
38
|
+
direction?: GridDirections
|
|
39
|
+
wrap?: GridWrap
|
|
40
|
+
xs?: GridSizing
|
|
41
|
+
sm?: GridSizing
|
|
42
|
+
md?: GridSizing
|
|
43
|
+
lg?: GridSizing
|
|
44
|
+
xl?: GridSizing
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
type GridType = (props: GridProps) => React.ReactElement
|
|
48
|
+
|
|
49
|
+
declare const Grid: GridType
|
|
50
|
+
|
|
51
|
+
export { GridAlignItems, GridDirections, GridJustify, GridProps, GridSizing, GridType, GridWrap, Grid as default };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import c from"@emotion/styled/base";import{forwardRef as I}from"react";import g from"classnames";import b from"prop-types";import{css as l}from"@emotion/react";import{jsx as C}from"@emotion/react/jsx-runtime";function G(c,I){var g=Object.keys(c);if(Object.getOwnPropertySymbols){var b=Object.getOwnPropertySymbols(c);I&&(b=b.filter((function(I){return Object.getOwnPropertyDescriptor(c,I).enumerable}))),g.push.apply(g,b)}return g}function X(c){for(var I=1;I<arguments.length;I++){var g=null!=arguments[I]?arguments[I]:{};I%2?G(Object(g),!0).forEach((function(I){i(c,I,g[I])})):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(g)):G(Object(g)).forEach((function(I){Object.defineProperty(c,I,Object.getOwnPropertyDescriptor(g,I))}))}return c}function i(c,I,g){return I in c?Object.defineProperty(c,I,{value:g,enumerable:!0,configurable:!0,writable:!0}):c[I]=g,c}function m(c,I){if(null==c)return{};var g,b,l=function(c,I){if(null==c)return{};var g,b,l={},C=Object.keys(c);for(b=0;b<C.length;b++)g=C[b],I.indexOf(g)>=0||(l[g]=c[g]);return l}(c,I);if(Object.getOwnPropertySymbols){var C=Object.getOwnPropertySymbols(c);for(b=0;b<C.length;b++)g=C[b],I.indexOf(g)>=0||Object.prototype.propertyIsEnumerable.call(c,g)&&(l[g]=c[g])}return l}var u={main:"#ED713C",pressed:"#D24C13",hover:"#EA5A1D",light:"#FCEAE2",light2:"#FEF7F3"},t={main:"#18191F",gray60:"#474A57",gray50:"#7F8285",gray40:"#949494",gray30:"#BFBFBF",gray15:"#EAECEF",white:"#FFFFFF",light:"#C4C4C4",disabled:"#A6AEBC"},W={main:"#FBFBFD",light2:"#F7F8F9",light3:"#F2F3F5"},Z={green70:"#259E58",green60:"#23A65A",main:"#27AE60",green10:"#EAFCF7",green5:"#F0FDF9"},B={red70:"#D03C1A",red60:"#DA421F",main:"#EB4620",red10:"#FCE3DE",red5:"#FDF0ED"},e={blue70:"#0098B6",blue60:"#009CBB",main:"#00ABCD",blue10:"#D9F2F8",blue5:"#E5F7FA"},A={purple70:"#914BD2",purple60:"#974EDB",main:"#9B51E0",purple10:"#F0E5FA",purple5:"#F7F1FD"},n=(X(X({},u),{},{background:u.light2}),t.main,t.gray60,t.gray50,t.gray40,t.gray30,t.gray15,t.white,X(X({},W),{},{light1:W.main,light4:"#C5C6C7"}),Z.main,Z.green70,Z.green60,Z.green10,Z.green5,B.main,B.red70,B.red60,B.red10,B.red5,e.main,e.blue70,e.blue60,e.blue10,e.blue5,A.main,A.purple70,A.purple60,A.purple10,A.purple5,{spacing:8,columns:12}),p=["item","container","className"],a=["item"],d=["container"],V={xxs:375,xs:600,sm:900,md:1200,lg:1440,xl:1536},J=I((function(c,I){var b=c.item,l=c.container,G=c.className,i=m(c,p);return C(F,X({ref:I,item:b,container:l,className:g(b&&"KUI-Grid_Item",l&&"KUI-Grid_Container",G)},i))}));J.displayName="Grid",J.propTypes={spacing:b.number,justify:b.oneOf(["center","flex-start","flex-end","space-between"]),alignItems:b.oneOf(["center","flex-start","flex-end"]),alignContent:b.oneOf(["center","flex-start","flex-end"]),direction:b.oneOf(["column","row"])};var R=function(c){return l("display:flex;flex-wrap:",c.wrap||"wrap",";box-sizing:border-box;width:100%;justify-content:",c.justify||"unset",";align-items:",c.alignItems||"unset",";align-content:",c.alignContent||"unset",";flex-direction:",c.direction||"unset",";",c.spacing&&(I=c.spacing,l("width:calc(100% + (",n.spacing," * ",I,"px));margin-top:calc(0px - ((",n.spacing," * ",I,"px)));margin-left:calc(0px - ((",n.spacing," * ",I,"px)));&>.KUI-Grid_Item{padding-left:calc((",n.spacing," * ",I,"px));padding-top:calc((",n.spacing," * ",I,"px));}"+("production"===process.env.NODE_ENV?"":";label:containerSpacingCSS;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDNEMiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5jb25zdCBicmVha3BvaW50cyA9IHRoZW1lLmJyZWFrcG9pbnRzXG5cbmNvbnN0IEdyaWQgPSBmb3J3YXJkUmVmKFxuICAoeyBpdGVtLCBjb250YWluZXIsIGNsYXNzTmFtZSwgLi4ub3RoZXJQcm9wcyB9LCByZWYpID0+IChcbiAgICA8U3R5bGVkR3JpZFxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBpdGVtPXtpdGVtfVxuICAgICAgY29udGFpbmVyPXtjb250YWluZXJ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgIGl0ZW0gJiYgXCJLVUktR3JpZF9JdGVtXCIsXG4gICAgICAgIGNvbnRhaW5lciAmJiBcIktVSS1HcmlkX0NvbnRhaW5lclwiLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4ub3RoZXJQcm9wc31cbiAgICAvPlxuICApXG4pXG5cbkdyaWQuZGlzcGxheU5hbWUgPSBcIkdyaWRcIlxuXG5HcmlkLnByb3BUeXBlcyA9IHtcbiAgc3BhY2luZzogUHJvcFR5cGVzLm51bWJlcixcbiAganVzdGlmeTogUHJvcFR5cGVzLm9uZU9mKFtcbiAgICBcImNlbnRlclwiLFxuICAgIFwiZmxleC1zdGFydFwiLFxuICAgIFwiZmxleC1lbmRcIixcbiAgICBcInNwYWNlLWJldHdlZW5cIixcbiAgXSksXG4gIGFsaWduSXRlbXM6IFByb3BUeXBlcy5vbmVPZihbXCJjZW50ZXJcIiwgXCJmbGV4LXN0YXJ0XCIsIFwiZmxleC1lbmRcIl0pLFxuICBhbGlnbkNvbnRlbnQ6IFByb3BUeXBlcy5vbmVPZihbXCJjZW50ZXJcIiwgXCJmbGV4LXN0YXJ0XCIsIFwiZmxleC1lbmRcIl0pLFxuICBkaXJlY3Rpb246IFByb3BUeXBlcy5vbmVPZihbXCJjb2x1bW5cIiwgXCJyb3dcIl0pLFxufVxuXG5leHBvcnQgZGVmYXVsdCBHcmlkXG5cbmNvbnN0IGNvbnRhaW5lclNwYWNpbmdDU1MgPSAoc3BhY2luZykgPT4gY3NzYFxuICB3aWR0aDogY2FsYygxMDAlICsgKCR7dGhlbWUuc2V0dGluZ3Muc3BhY2luZ30gKiAke3NwYWNpbmd9cHgpKTtcbiAgbWFyZ2luLXRvcDogY2FsYygwcHggLSAoKCR7dGhlbWUuc2V0dGluZ3Muc3BhY2luZ30gKiAke3NwYWNpbmd9cHgpKSk7XG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDBweCAtICgoJHt0aGVtZS5zZXR0aW5ncy5zcGFjaW5nfSAqICR7c3BhY2luZ31weCkpKTtcbiAgJiA+IC5LVUktR3JpZF9JdGVtIHtcbiAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoKCR7dGhlbWUuc2V0dGluZ3Muc3BhY2luZ30gKiAke3NwYWNpbmd9cHgpKTtcbiAgICBwYWRkaW5nLXRvcDogY2FsYygoJHt0aGVtZS5zZXR0aW5ncy5zcGFjaW5nfSAqICR7c3BhY2luZ31weCkpO1xuICB9XG5gXG5cbmNvbnN0IGNvbnRhaW5lckNTUyA9IChwcm9wcykgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6ICR7cHJvcHMud3JhcCB8fCBcIndyYXBcIn07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6ICR7cHJvcHMuanVzdGlmeSB8fCBcInVuc2V0XCJ9O1xuICBhbGlnbi1pdGVtczogJHtwcm9wcy5hbGlnbkl0ZW1zIHx8IFwidW5zZXRcIn07XG4gIGFsaWduLWNvbnRlbnQ6ICR7cHJvcHMuYWxpZ25Db250ZW50IHx8IFwidW5zZXRcIn07XG4gIGZsZXgtZGlyZWN0aW9uOiAke3Byb3BzLmRpcmVjdGlvbiB8fCBcInVuc2V0XCJ9O1xuICAke3Byb3BzLnNwYWNpbmcgJiYgY29udGFpbmVyU3BhY2luZ0NTUyhwcm9wcy5zcGFjaW5nKX1cbmBcblxuY29uc3QgaXRlbVNpemVDU1MgPSAoc2l6ZSkgPT5cbiAgc2l6ZSAmJlxuICBjc3NgXG4gICAgbWF4LXdpZHRoOiAke3NpemUgPT09IFwiYXV0b1wiXG4gICAgICA/IFwiYXV0b1wiXG4gICAgICA6IGBjYWxjKDEwMCUgLyAoJHt0aGVtZS5zZXR0aW5ncy5jb2x1bW5zfSAvICR7c2l6ZX0pKWB9O1xuICAgIGZsZXgtYmFzaXM6ICR7c2l6ZSA9PT0gXCJhdXRvXCJcbiAgICAgID8gXCJhdXRvXCJcbiAgICAgIDogYGNhbGMoMTAwJSAvICgke3RoZW1lLnNldHRpbmdzLmNvbHVtbnN9IC8gJHtzaXplfSkpYH07XG4gIGBcblxuY29uc3QgaXRlbUNTUyA9IChwcm9wcykgPT4gY3NzYFxuICBtYXJnaW46IDA7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZsZXgtZ3JvdzogMDtcbiAgQG1lZGlhIChtaW4td2lkdGg6IDBweCkge1xuICAgICR7aXRlbVNpemVDU1MocHJvcHMueHMpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy54cyArIDF9cHgpIHtcbiAgICAke2l0ZW1TaXplQ1NTKHByb3BzLnNtKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMuc20gKyAxfXB4KSB7XG4gICAgJHtpdGVtU2l6ZUNTUyhwcm9wcy5tZCl9O1xuICB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLm1kICsgMX1weCkge1xuICAgICR7aXRlbVNpemVDU1MocHJvcHMubGcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy54bH1weCkge1xuICAgICR7aXRlbVNpemVDU1MocHJvcHMueGwpfTtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRHcmlkID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBpdGVtLCAuLi5vdGhlciB9KSA9PiBpdGVtICYmIGl0ZW1DU1Mob3RoZXIpfVxuICAkeyh7IGNvbnRhaW5lciwgLi4ub3RoZXIgfSkgPT4gY29udGFpbmVyICYmIGNvbnRhaW5lckNTUyhvdGhlcil9XG5gXG4iXX0= */")),";"+("production"===process.env.NODE_ENV?"":";label:containerCSS;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EbUMiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5jb25zdCBicmVha3BvaW50cyA9IHRoZW1lLmJyZWFrcG9pbnRzXG5cbmNvbnN0IEdyaWQgPSBmb3J3YXJkUmVmKFxuICAoeyBpdGVtLCBjb250YWluZXIsIGNsYXNzTmFtZSwgLi4ub3RoZXJQcm9wcyB9LCByZWYpID0+IChcbiAgICA8U3R5bGVkR3JpZFxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBpdGVtPXtpdGVtfVxuICAgICAgY29udGFpbmVyPXtjb250YWluZXJ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgIGl0ZW0gJiYgXCJLVUktR3JpZF9JdGVtXCIsXG4gICAgICAgIGNvbnRhaW5lciAmJiBcIktVSS1HcmlkX0NvbnRhaW5lclwiLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4ub3RoZXJQcm9wc31cbiAgICAvPlxuICApXG4pXG5cbkdyaWQuZGlzcGxheU5hbWUgPSBcIkdyaWRcIlxuXG5HcmlkLnByb3BUeXBlcyA9IHtcbiAgc3BhY2luZzogUHJvcFR5cGVzLm51bWJlcixcbiAganVzdGlmeTogUHJvcFR5cGVzLm9uZU9mKFtcbiAgICBcImNlbnRlclwiLFxuICAgIFwiZmxleC1zdGFydFwiLFxuICAgIFwiZmxleC1lbmRcIixcbiAgICBcInNwYWNlLWJldHdlZW5cIixcbiAgXSksXG4gIGFsaWduSXRlbXM6IFByb3BUeXBlcy5vbmVPZihbXCJjZW50ZXJcIiwgXCJmbGV4LXN0YXJ0XCIsIFwiZmxleC1lbmRcIl0pLFxuICBhbGlnbkNvbnRlbnQ6IFByb3BUeXBlcy5vbmVPZihbXCJjZW50ZXJcIiwgXCJmbGV4LXN0YXJ0XCIsIFwiZmxleC1lbmRcIl0pLFxuICBkaXJlY3Rpb246IFByb3BUeXBlcy5vbmVPZihbXCJjb2x1bW5cIiwgXCJyb3dcIl0pLFxufVxuXG5leHBvcnQgZGVmYXVsdCBHcmlkXG5cbmNvbnN0IGNvbnRhaW5lclNwYWNpbmdDU1MgPSAoc3BhY2luZykgPT4gY3NzYFxuICB3aWR0aDogY2FsYygxMDAlICsgKCR7dGhlbWUuc2V0dGluZ3Muc3BhY2luZ30gKiAke3NwYWNpbmd9cHgpKTtcbiAgbWFyZ2luLXRvcDogY2FsYygwcHggLSAoKCR7dGhlbWUuc2V0dGluZ3Muc3BhY2luZ30gKiAke3NwYWNpbmd9cHgpKSk7XG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDBweCAtICgoJHt0aGVtZS5zZXR0aW5ncy5zcGFjaW5nfSAqICR7c3BhY2luZ31weCkpKTtcbiAgJiA+IC5LVUktR3JpZF9JdGVtIHtcbiAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoKCR7dGhlbWUuc2V0dGluZ3Muc3BhY2luZ30gKiAke3NwYWNpbmd9cHgpKTtcbiAgICBwYWRkaW5nLXRvcDogY2FsYygoJHt0aGVtZS5zZXR0aW5ncy5zcGFjaW5nfSAqICR7c3BhY2luZ31weCkpO1xuICB9XG5gXG5cbmNvbnN0IGNvbnRhaW5lckNTUyA9IChwcm9wcykgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6ICR7cHJvcHMud3JhcCB8fCBcIndyYXBcIn07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6ICR7cHJvcHMuanVzdGlmeSB8fCBcInVuc2V0XCJ9O1xuICBhbGlnbi1pdGVtczogJHtwcm9wcy5hbGlnbkl0ZW1zIHx8IFwidW5zZXRcIn07XG4gIGFsaWduLWNvbnRlbnQ6ICR7cHJvcHMuYWxpZ25Db250ZW50IHx8IFwidW5zZXRcIn07XG4gIGZsZXgtZGlyZWN0aW9uOiAke3Byb3BzLmRpcmVjdGlvbiB8fCBcInVuc2V0XCJ9O1xuICAke3Byb3BzLnNwYWNpbmcgJiYgY29udGFpbmVyU3BhY2luZ0NTUyhwcm9wcy5zcGFjaW5nKX1cbmBcblxuY29uc3QgaXRlbVNpemVDU1MgPSAoc2l6ZSkgPT5cbiAgc2l6ZSAmJlxuICBjc3NgXG4gICAgbWF4LXdpZHRoOiAke3NpemUgPT09IFwiYXV0b1wiXG4gICAgICA/IFwiYXV0b1wiXG4gICAgICA6IGBjYWxjKDEwMCUgLyAoJHt0aGVtZS5zZXR0aW5ncy5jb2x1bW5zfSAvICR7c2l6ZX0pKWB9O1xuICAgIGZsZXgtYmFzaXM6ICR7c2l6ZSA9PT0gXCJhdXRvXCJcbiAgICAgID8gXCJhdXRvXCJcbiAgICAgIDogYGNhbGMoMTAwJSAvICgke3RoZW1lLnNldHRpbmdzLmNvbHVtbnN9IC8gJHtzaXplfSkpYH07XG4gIGBcblxuY29uc3QgaXRlbUNTUyA9IChwcm9wcykgPT4gY3NzYFxuICBtYXJnaW46IDA7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZsZXgtZ3JvdzogMDtcbiAgQG1lZGlhIChtaW4td2lkdGg6IDBweCkge1xuICAgICR7aXRlbVNpemVDU1MocHJvcHMueHMpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy54cyArIDF9cHgpIHtcbiAgICAke2l0ZW1TaXplQ1NTKHByb3BzLnNtKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMuc20gKyAxfXB4KSB7XG4gICAgJHtpdGVtU2l6ZUNTUyhwcm9wcy5tZCl9O1xuICB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLm1kICsgMX1weCkge1xuICAgICR7aXRlbVNpemVDU1MocHJvcHMubGcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy54bH1weCkge1xuICAgICR7aXRlbVNpemVDU1MocHJvcHMueGwpfTtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRHcmlkID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBpdGVtLCAuLi5vdGhlciB9KSA9PiBpdGVtICYmIGl0ZW1DU1Mob3RoZXIpfVxuICAkeyh7IGNvbnRhaW5lciwgLi4ub3RoZXIgfSkgPT4gY29udGFpbmVyICYmIGNvbnRhaW5lckNTUyhvdGhlcil9XG5gXG4iXX0= */");var I},y=function(c){return c&&l("max-width:","auto"===c?"auto":"calc(100% / (".concat(n.columns," / ").concat(c,"))"),";flex-basis:","auto"===c?"auto":"calc(100% / (".concat(n.columns," / ").concat(c,"))"),";"+("production"===process.env.NODE_ENV?"":";label:itemSizeCSS;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFSyIsImZpbGUiOiJpbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5cbmNvbnN0IGJyZWFrcG9pbnRzID0gdGhlbWUuYnJlYWtwb2ludHNcblxuY29uc3QgR3JpZCA9IGZvcndhcmRSZWYoXG4gICh7IGl0ZW0sIGNvbnRhaW5lciwgY2xhc3NOYW1lLCAuLi5vdGhlclByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxTdHlsZWRHcmlkXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGl0ZW09e2l0ZW19XG4gICAgICBjb250YWluZXI9e2NvbnRhaW5lcn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcbiAgICAgICAgaXRlbSAmJiBcIktVSS1HcmlkX0l0ZW1cIixcbiAgICAgICAgY29udGFpbmVyICYmIFwiS1VJLUdyaWRfQ29udGFpbmVyXCIsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgIC8+XG4gIClcbilcblxuR3JpZC5kaXNwbGF5TmFtZSA9IFwiR3JpZFwiXG5cbkdyaWQucHJvcFR5cGVzID0ge1xuICBzcGFjaW5nOiBQcm9wVHlwZXMubnVtYmVyLFxuICBqdXN0aWZ5OiBQcm9wVHlwZXMub25lT2YoW1xuICAgIFwiY2VudGVyXCIsXG4gICAgXCJmbGV4LXN0YXJ0XCIsXG4gICAgXCJmbGV4LWVuZFwiLFxuICAgIFwic3BhY2UtYmV0d2VlblwiLFxuICBdKSxcbiAgYWxpZ25JdGVtczogUHJvcFR5cGVzLm9uZU9mKFtcImNlbnRlclwiLCBcImZsZXgtc3RhcnRcIiwgXCJmbGV4LWVuZFwiXSksXG4gIGFsaWduQ29udGVudDogUHJvcFR5cGVzLm9uZU9mKFtcImNlbnRlclwiLCBcImZsZXgtc3RhcnRcIiwgXCJmbGV4LWVuZFwiXSksXG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFtcImNvbHVtblwiLCBcInJvd1wiXSksXG59XG5cbmV4cG9ydCBkZWZhdWx0IEdyaWRcblxuY29uc3QgY29udGFpbmVyU3BhY2luZ0NTUyA9IChzcGFjaW5nKSA9PiBjc3NgXG4gIHdpZHRoOiBjYWxjKDEwMCUgKyAoJHt0aGVtZS5zZXR0aW5ncy5zcGFjaW5nfSAqICR7c3BhY2luZ31weCkpO1xuICBtYXJnaW4tdG9wOiBjYWxjKDBweCAtICgoJHt0aGVtZS5zZXR0aW5ncy5zcGFjaW5nfSAqICR7c3BhY2luZ31weCkpKTtcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoMHB4IC0gKCgke3RoZW1lLnNldHRpbmdzLnNwYWNpbmd9ICogJHtzcGFjaW5nfXB4KSkpO1xuICAmID4gLktVSS1HcmlkX0l0ZW0ge1xuICAgIHBhZGRpbmctbGVmdDogY2FsYygoJHt0aGVtZS5zZXR0aW5ncy5zcGFjaW5nfSAqICR7c3BhY2luZ31weCkpO1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKCgke3RoZW1lLnNldHRpbmdzLnNwYWNpbmd9ICogJHtzcGFjaW5nfXB4KSk7XG4gIH1cbmBcblxuY29uc3QgY29udGFpbmVyQ1NTID0gKHByb3BzKSA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogJHtwcm9wcy53cmFwIHx8IFwid3JhcFwifTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogJHtwcm9wcy5qdXN0aWZ5IHx8IFwidW5zZXRcIn07XG4gIGFsaWduLWl0ZW1zOiAke3Byb3BzLmFsaWduSXRlbXMgfHwgXCJ1bnNldFwifTtcbiAgYWxpZ24tY29udGVudDogJHtwcm9wcy5hbGlnbkNvbnRlbnQgfHwgXCJ1bnNldFwifTtcbiAgZmxleC1kaXJlY3Rpb246ICR7cHJvcHMuZGlyZWN0aW9uIHx8IFwidW5zZXRcIn07XG4gICR7cHJvcHMuc3BhY2luZyAmJiBjb250YWluZXJTcGFjaW5nQ1NTKHByb3BzLnNwYWNpbmcpfVxuYFxuXG5jb25zdCBpdGVtU2l6ZUNTUyA9IChzaXplKSA9PlxuICBzaXplICYmXG4gIGNzc2BcbiAgICBtYXgtd2lkdGg6ICR7c2l6ZSA9PT0gXCJhdXRvXCJcbiAgICAgID8gXCJhdXRvXCJcbiAgICAgIDogYGNhbGMoMTAwJSAvICgke3RoZW1lLnNldHRpbmdzLmNvbHVtbnN9IC8gJHtzaXplfSkpYH07XG4gICAgZmxleC1iYXNpczogJHtzaXplID09PSBcImF1dG9cIlxuICAgICAgPyBcImF1dG9cIlxuICAgICAgOiBgY2FsYygxMDAlIC8gKCR7dGhlbWUuc2V0dGluZ3MuY29sdW1uc30gLyAke3NpemV9KSlgfTtcbiAgYFxuXG5jb25zdCBpdGVtQ1NTID0gKHByb3BzKSA9PiBjc3NgXG4gIG1hcmdpbjogMDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZmxleC1ncm93OiAwO1xuICBAbWVkaWEgKG1pbi13aWR0aDogMHB4KSB7XG4gICAgJHtpdGVtU2l6ZUNTUyhwcm9wcy54cyl9O1xuICB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLnhzICsgMX1weCkge1xuICAgICR7aXRlbVNpemVDU1MocHJvcHMuc20pfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5zbSArIDF9cHgpIHtcbiAgICAke2l0ZW1TaXplQ1NTKHByb3BzLm1kKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWQgKyAxfXB4KSB7XG4gICAgJHtpdGVtU2l6ZUNTUyhwcm9wcy5sZyl9O1xuICB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLnhsfXB4KSB7XG4gICAgJHtpdGVtU2l6ZUNTUyhwcm9wcy54bCl9O1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZEdyaWQgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGl0ZW0sIC4uLm90aGVyIH0pID0+IGl0ZW0gJiYgaXRlbUNTUyhvdGhlcil9XG4gICR7KHsgY29udGFpbmVyLCAuLi5vdGhlciB9KSA9PiBjb250YWluZXIgJiYgY29udGFpbmVyQ1NTKG90aGVyKX1cbmBcbiJdfQ== */")},F=c("div","production"===process.env.NODE_ENV?{target:"e16p4jgm0"}:{target:"e16p4jgm0",label:"StyledGrid"})((function(c){var I,g=c.item,b=m(c,a);return g&&l("margin:0;box-sizing:border-box;flex-grow:0;@media (min-width: 0px){",y((I=b).xs),";}@media (min-width: ",V.xs+1,"px){",y(I.sm),";}@media (min-width: ",V.sm+1,"px){",y(I.md),";}@media (min-width: ",V.md+1,"px){",y(I.lg),";}@media (min-width: ",V.xl,"px){",y(I.xl),";}"+("production"===process.env.NODE_ENV?"":";label:itemCSS;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJFOEIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5jb25zdCBicmVha3BvaW50cyA9IHRoZW1lLmJyZWFrcG9pbnRzXG5cbmNvbnN0IEdyaWQgPSBmb3J3YXJkUmVmKFxuICAoeyBpdGVtLCBjb250YWluZXIsIGNsYXNzTmFtZSwgLi4ub3RoZXJQcm9wcyB9LCByZWYpID0+IChcbiAgICA8U3R5bGVkR3JpZFxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBpdGVtPXtpdGVtfVxuICAgICAgY29udGFpbmVyPXtjb250YWluZXJ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgIGl0ZW0gJiYgXCJLVUktR3JpZF9JdGVtXCIsXG4gICAgICAgIGNvbnRhaW5lciAmJiBcIktVSS1HcmlkX0NvbnRhaW5lclwiLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4ub3RoZXJQcm9wc31cbiAgICAvPlxuICApXG4pXG5cbkdyaWQuZGlzcGxheU5hbWUgPSBcIkdyaWRcIlxuXG5HcmlkLnByb3BUeXBlcyA9IHtcbiAgc3BhY2luZzogUHJvcFR5cGVzLm51bWJlcixcbiAganVzdGlmeTogUHJvcFR5cGVzLm9uZU9mKFtcbiAgICBcImNlbnRlclwiLFxuICAgIFwiZmxleC1zdGFydFwiLFxuICAgIFwiZmxleC1lbmRcIixcbiAgICBcInNwYWNlLWJldHdlZW5cIixcbiAgXSksXG4gIGFsaWduSXRlbXM6IFByb3BUeXBlcy5vbmVPZihbXCJjZW50ZXJcIiwgXCJmbGV4LXN0YXJ0XCIsIFwiZmxleC1lbmRcIl0pLFxuICBhbGlnbkNvbnRlbnQ6IFByb3BUeXBlcy5vbmVPZihbXCJjZW50ZXJcIiwgXCJmbGV4LXN0YXJ0XCIsIFwiZmxleC1lbmRcIl0pLFxuICBkaXJlY3Rpb246IFByb3BUeXBlcy5vbmVPZihbXCJjb2x1bW5cIiwgXCJyb3dcIl0pLFxufVxuXG5leHBvcnQgZGVmYXVsdCBHcmlkXG5cbmNvbnN0IGNvbnRhaW5lclNwYWNpbmdDU1MgPSAoc3BhY2luZykgPT4gY3NzYFxuICB3aWR0aDogY2FsYygxMDAlICsgKCR7dGhlbWUuc2V0dGluZ3Muc3BhY2luZ30gKiAke3NwYWNpbmd9cHgpKTtcbiAgbWFyZ2luLXRvcDogY2FsYygwcHggLSAoKCR7dGhlbWUuc2V0dGluZ3Muc3BhY2luZ30gKiAke3NwYWNpbmd9cHgpKSk7XG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDBweCAtICgoJHt0aGVtZS5zZXR0aW5ncy5zcGFjaW5nfSAqICR7c3BhY2luZ31weCkpKTtcbiAgJiA+IC5LVUktR3JpZF9JdGVtIHtcbiAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoKCR7dGhlbWUuc2V0dGluZ3Muc3BhY2luZ30gKiAke3NwYWNpbmd9cHgpKTtcbiAgICBwYWRkaW5nLXRvcDogY2FsYygoJHt0aGVtZS5zZXR0aW5ncy5zcGFjaW5nfSAqICR7c3BhY2luZ31weCkpO1xuICB9XG5gXG5cbmNvbnN0IGNvbnRhaW5lckNTUyA9IChwcm9wcykgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6ICR7cHJvcHMud3JhcCB8fCBcIndyYXBcIn07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6ICR7cHJvcHMuanVzdGlmeSB8fCBcInVuc2V0XCJ9O1xuICBhbGlnbi1pdGVtczogJHtwcm9wcy5hbGlnbkl0ZW1zIHx8IFwidW5zZXRcIn07XG4gIGFsaWduLWNvbnRlbnQ6ICR7cHJvcHMuYWxpZ25Db250ZW50IHx8IFwidW5zZXRcIn07XG4gIGZsZXgtZGlyZWN0aW9uOiAke3Byb3BzLmRpcmVjdGlvbiB8fCBcInVuc2V0XCJ9O1xuICAke3Byb3BzLnNwYWNpbmcgJiYgY29udGFpbmVyU3BhY2luZ0NTUyhwcm9wcy5zcGFjaW5nKX1cbmBcblxuY29uc3QgaXRlbVNpemVDU1MgPSAoc2l6ZSkgPT5cbiAgc2l6ZSAmJlxuICBjc3NgXG4gICAgbWF4LXdpZHRoOiAke3NpemUgPT09IFwiYXV0b1wiXG4gICAgICA/IFwiYXV0b1wiXG4gICAgICA6IGBjYWxjKDEwMCUgLyAoJHt0aGVtZS5zZXR0aW5ncy5jb2x1bW5zfSAvICR7c2l6ZX0pKWB9O1xuICAgIGZsZXgtYmFzaXM6ICR7c2l6ZSA9PT0gXCJhdXRvXCJcbiAgICAgID8gXCJhdXRvXCJcbiAgICAgIDogYGNhbGMoMTAwJSAvICgke3RoZW1lLnNldHRpbmdzLmNvbHVtbnN9IC8gJHtzaXplfSkpYH07XG4gIGBcblxuY29uc3QgaXRlbUNTUyA9IChwcm9wcykgPT4gY3NzYFxuICBtYXJnaW46IDA7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZsZXgtZ3JvdzogMDtcbiAgQG1lZGlhIChtaW4td2lkdGg6IDBweCkge1xuICAgICR7aXRlbVNpemVDU1MocHJvcHMueHMpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy54cyArIDF9cHgpIHtcbiAgICAke2l0ZW1TaXplQ1NTKHByb3BzLnNtKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMuc20gKyAxfXB4KSB7XG4gICAgJHtpdGVtU2l6ZUNTUyhwcm9wcy5tZCl9O1xuICB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLm1kICsgMX1weCkge1xuICAgICR7aXRlbVNpemVDU1MocHJvcHMubGcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy54bH1weCkge1xuICAgICR7aXRlbVNpemVDU1MocHJvcHMueGwpfTtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRHcmlkID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBpdGVtLCAuLi5vdGhlciB9KSA9PiBpdGVtICYmIGl0ZW1DU1Mob3RoZXIpfVxuICAkeyh7IGNvbnRhaW5lciwgLi4ub3RoZXIgfSkgPT4gY29udGFpbmVyICYmIGNvbnRhaW5lckNTUyhvdGhlcil9XG5gXG4iXX0= */")})," ",(function(c){var I=c.container,g=m(c,d);return I&&R(g)}),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdHNkIiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIlxuXG5jb25zdCBicmVha3BvaW50cyA9IHRoZW1lLmJyZWFrcG9pbnRzXG5cbmNvbnN0IEdyaWQgPSBmb3J3YXJkUmVmKFxuICAoeyBpdGVtLCBjb250YWluZXIsIGNsYXNzTmFtZSwgLi4ub3RoZXJQcm9wcyB9LCByZWYpID0+IChcbiAgICA8U3R5bGVkR3JpZFxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBpdGVtPXtpdGVtfVxuICAgICAgY29udGFpbmVyPXtjb250YWluZXJ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgIGl0ZW0gJiYgXCJLVUktR3JpZF9JdGVtXCIsXG4gICAgICAgIGNvbnRhaW5lciAmJiBcIktVSS1HcmlkX0NvbnRhaW5lclwiLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4ub3RoZXJQcm9wc31cbiAgICAvPlxuICApXG4pXG5cbkdyaWQuZGlzcGxheU5hbWUgPSBcIkdyaWRcIlxuXG5HcmlkLnByb3BUeXBlcyA9IHtcbiAgc3BhY2luZzogUHJvcFR5cGVzLm51bWJlcixcbiAganVzdGlmeTogUHJvcFR5cGVzLm9uZU9mKFtcbiAgICBcImNlbnRlclwiLFxuICAgIFwiZmxleC1zdGFydFwiLFxuICAgIFwiZmxleC1lbmRcIixcbiAgICBcInNwYWNlLWJldHdlZW5cIixcbiAgXSksXG4gIGFsaWduSXRlbXM6IFByb3BUeXBlcy5vbmVPZihbXCJjZW50ZXJcIiwgXCJmbGV4LXN0YXJ0XCIsIFwiZmxleC1lbmRcIl0pLFxuICBhbGlnbkNvbnRlbnQ6IFByb3BUeXBlcy5vbmVPZihbXCJjZW50ZXJcIiwgXCJmbGV4LXN0YXJ0XCIsIFwiZmxleC1lbmRcIl0pLFxuICBkaXJlY3Rpb246IFByb3BUeXBlcy5vbmVPZihbXCJjb2x1bW5cIiwgXCJyb3dcIl0pLFxufVxuXG5leHBvcnQgZGVmYXVsdCBHcmlkXG5cbmNvbnN0IGNvbnRhaW5lclNwYWNpbmdDU1MgPSAoc3BhY2luZykgPT4gY3NzYFxuICB3aWR0aDogY2FsYygxMDAlICsgKCR7dGhlbWUuc2V0dGluZ3Muc3BhY2luZ30gKiAke3NwYWNpbmd9cHgpKTtcbiAgbWFyZ2luLXRvcDogY2FsYygwcHggLSAoKCR7dGhlbWUuc2V0dGluZ3Muc3BhY2luZ30gKiAke3NwYWNpbmd9cHgpKSk7XG4gIG1hcmdpbi1sZWZ0OiBjYWxjKDBweCAtICgoJHt0aGVtZS5zZXR0aW5ncy5zcGFjaW5nfSAqICR7c3BhY2luZ31weCkpKTtcbiAgJiA+IC5LVUktR3JpZF9JdGVtIHtcbiAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoKCR7dGhlbWUuc2V0dGluZ3Muc3BhY2luZ30gKiAke3NwYWNpbmd9cHgpKTtcbiAgICBwYWRkaW5nLXRvcDogY2FsYygoJHt0aGVtZS5zZXR0aW5ncy5zcGFjaW5nfSAqICR7c3BhY2luZ31weCkpO1xuICB9XG5gXG5cbmNvbnN0IGNvbnRhaW5lckNTUyA9IChwcm9wcykgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6ICR7cHJvcHMud3JhcCB8fCBcIndyYXBcIn07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6ICR7cHJvcHMuanVzdGlmeSB8fCBcInVuc2V0XCJ9O1xuICBhbGlnbi1pdGVtczogJHtwcm9wcy5hbGlnbkl0ZW1zIHx8IFwidW5zZXRcIn07XG4gIGFsaWduLWNvbnRlbnQ6ICR7cHJvcHMuYWxpZ25Db250ZW50IHx8IFwidW5zZXRcIn07XG4gIGZsZXgtZGlyZWN0aW9uOiAke3Byb3BzLmRpcmVjdGlvbiB8fCBcInVuc2V0XCJ9O1xuICAke3Byb3BzLnNwYWNpbmcgJiYgY29udGFpbmVyU3BhY2luZ0NTUyhwcm9wcy5zcGFjaW5nKX1cbmBcblxuY29uc3QgaXRlbVNpemVDU1MgPSAoc2l6ZSkgPT5cbiAgc2l6ZSAmJlxuICBjc3NgXG4gICAgbWF4LXdpZHRoOiAke3NpemUgPT09IFwiYXV0b1wiXG4gICAgICA/IFwiYXV0b1wiXG4gICAgICA6IGBjYWxjKDEwMCUgLyAoJHt0aGVtZS5zZXR0aW5ncy5jb2x1bW5zfSAvICR7c2l6ZX0pKWB9O1xuICAgIGZsZXgtYmFzaXM6ICR7c2l6ZSA9PT0gXCJhdXRvXCJcbiAgICAgID8gXCJhdXRvXCJcbiAgICAgIDogYGNhbGMoMTAwJSAvICgke3RoZW1lLnNldHRpbmdzLmNvbHVtbnN9IC8gJHtzaXplfSkpYH07XG4gIGBcblxuY29uc3QgaXRlbUNTUyA9IChwcm9wcykgPT4gY3NzYFxuICBtYXJnaW46IDA7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZsZXgtZ3JvdzogMDtcbiAgQG1lZGlhIChtaW4td2lkdGg6IDBweCkge1xuICAgICR7aXRlbVNpemVDU1MocHJvcHMueHMpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy54cyArIDF9cHgpIHtcbiAgICAke2l0ZW1TaXplQ1NTKHByb3BzLnNtKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMuc20gKyAxfXB4KSB7XG4gICAgJHtpdGVtU2l6ZUNTUyhwcm9wcy5tZCl9O1xuICB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzLm1kICsgMX1weCkge1xuICAgICR7aXRlbVNpemVDU1MocHJvcHMubGcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy54bH1weCkge1xuICAgICR7aXRlbVNpemVDU1MocHJvcHMueGwpfTtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRHcmlkID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBpdGVtLCAuLi5vdGhlciB9KSA9PiBpdGVtICYmIGl0ZW1DU1Mob3RoZXIpfVxuICAkeyh7IGNvbnRhaW5lciwgLi4ub3RoZXIgfSkgPT4gY29udGFpbmVyICYmIGNvbnRhaW5lckNTUyhvdGhlcil9XG5gXG4iXX0= */"));export{J as default};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/theme/colors/index.js","../../src/theme/index.js","../../src/theme/settings/index.js","../../src/components/Grid/index.js","../../src/theme/breakpoints/index.js"],"sourcesContent":["const colors = {\r\n primary: {\r\n main: \"#ED713C\",\r\n pressed: \"#D24C13\",\r\n hover: \"#EA5A1D\",\r\n light: \"#FCEAE2\",\r\n light2: \"#FEF7F3\",\r\n },\r\n secondary: {\r\n main: \"#18191F\",\r\n gray60: \"#474A57\",\r\n gray50: \"#7F8285\",\r\n gray40: \"#949494\",\r\n gray30: \"#BFBFBF\",\r\n gray15: \"#EAECEF\",\r\n white: \"#FFFFFF\",\r\n light: \"#C4C4C4\",\r\n disabled: \"#A6AEBC\",\r\n },\r\n background: {\r\n main: \"#FBFBFD\",\r\n light2: \"#F7F8F9\",\r\n light3: \"#F2F3F5\",\r\n },\r\n success: {\r\n green70: \"#259E58\",\r\n green60: \"#23A65A\",\r\n main: \"#27AE60\",\r\n green10: \"#EAFCF7\",\r\n green5: \"#F0FDF9\",\r\n },\r\n error: {\r\n red70: \"#D03C1A\",\r\n red60: \"#DA421F\",\r\n main: \"#EB4620\",\r\n red10: \"#FCE3DE\",\r\n red5: \"#FDF0ED\",\r\n },\r\n info: {\r\n blue70: \"#0098B6\",\r\n blue60: \"#009CBB\",\r\n main: \"#00ABCD\",\r\n blue10: \"#D9F2F8\",\r\n blue5: \"#E5F7FA\",\r\n },\r\n purple: {\r\n purple70: \"#914BD2\",\r\n purple60: \"#974EDB\",\r\n main: \"#9B51E0\",\r\n purple10: \"#F0E5FA\",\r\n purple5: \"#F7F1FD\",\r\n },\r\n}\r\n\r\nexport default colors\r\n","import colors from \"./colors\"\nimport shadows from \"./shadows\"\nimport breakpoints from \"./breakpoints\"\nimport settings from \"./settings\"\n\nconst palette = {\n brand: {\n ...colors.primary,\n background: colors.primary.light2,\n },\n grey: {\n seventy: colors.secondary.main,\n sixty: colors.secondary.gray60,\n fiftyP: colors.secondary.gray50,\n fourty: colors.secondary.gray40,\n thirty: colors.secondary.gray30,\n fifteenB: colors.secondary.gray15,\n zero: colors.secondary.white,\n },\n background: {\n ...colors.background,\n light1: colors.background.main,\n light4: \"#C5C6C7\",\n },\n green: {\n fiftyP: colors.success.main,\n seventy: colors.success.green70,\n sixty: colors.success.green60,\n ten: colors.success.green10,\n five: colors.success.green5,\n },\n red: {\n fiftyP: colors.error.main,\n seventy: colors.error.red70,\n sixty: colors.error.red60,\n ten: colors.error.red10,\n five: colors.error.red5,\n },\n blue: {\n fiftyP: colors.info.main,\n seventy: colors.info.blue70,\n sixty: colors.info.blue60,\n ten: colors.info.blue10,\n five: colors.info.blue5,\n },\n purple: {\n fiftyP: colors.purple.main,\n seventy: colors.purple.purple70,\n sixty: colors.purple.purple60,\n ten: colors.purple.purple10,\n five: colors.purple.purple5,\n },\n}\n\nconst themeOld = {\n palette: colors,\n breakpoints,\n shadows,\n settings,\n}\n\nconst theme = {\n palette,\n breakpoints,\n shadows,\n settings,\n}\n\nexport { themeOld, theme }\n","const settings = {\r\n spacing: 8,\r\n columns: 12,\r\n}\r\n\r\nexport default settings\r\n","import React, { forwardRef } from \"react\"\nimport classNames from \"classnames\"\nimport PropTypes from \"prop-types\"\nimport styled from \"@emotion/styled\"\nimport { css } from \"@emotion/react\"\nimport { theme } from \"../../theme\"\n\nconst breakpoints = theme.breakpoints\n\nconst Grid = forwardRef(\n ({ item, container, className, ...otherProps }, ref) => (\n <StyledGrid\n ref={ref}\n item={item}\n container={container}\n className={classNames(\n item && \"KUI-Grid_Item\",\n container && \"KUI-Grid_Container\",\n className\n )}\n {...otherProps}\n />\n )\n)\n\nGrid.displayName = \"Grid\"\n\nGrid.propTypes = {\n spacing: PropTypes.number,\n justify: PropTypes.oneOf([\n \"center\",\n \"flex-start\",\n \"flex-end\",\n \"space-between\",\n ]),\n alignItems: PropTypes.oneOf([\"center\", \"flex-start\", \"flex-end\"]),\n alignContent: PropTypes.oneOf([\"center\", \"flex-start\", \"flex-end\"]),\n direction: PropTypes.oneOf([\"column\", \"row\"]),\n}\n\nexport default Grid\n\nconst containerSpacingCSS = (spacing) => css`\n width: calc(100% + (${theme.settings.spacing} * ${spacing}px));\n margin-top: calc(0px - ((${theme.settings.spacing} * ${spacing}px)));\n margin-left: calc(0px - ((${theme.settings.spacing} * ${spacing}px)));\n & > .KUI-Grid_Item {\n padding-left: calc((${theme.settings.spacing} * ${spacing}px));\n padding-top: calc((${theme.settings.spacing} * ${spacing}px));\n }\n`\n\nconst containerCSS = (props) => css`\n display: flex;\n flex-wrap: ${props.wrap || \"wrap\"};\n box-sizing: border-box;\n width: 100%;\n justify-content: ${props.justify || \"unset\"};\n align-items: ${props.alignItems || \"unset\"};\n align-content: ${props.alignContent || \"unset\"};\n flex-direction: ${props.direction || \"unset\"};\n ${props.spacing && containerSpacingCSS(props.spacing)}\n`\n\nconst itemSizeCSS = (size) =>\n size &&\n css`\n max-width: ${size === \"auto\"\n ? \"auto\"\n : `calc(100% / (${theme.settings.columns} / ${size}))`};\n flex-basis: ${size === \"auto\"\n ? \"auto\"\n : `calc(100% / (${theme.settings.columns} / ${size}))`};\n `\n\nconst itemCSS = (props) => css`\n margin: 0;\n box-sizing: border-box;\n flex-grow: 0;\n @media (min-width: 0px) {\n ${itemSizeCSS(props.xs)};\n }\n @media (min-width: ${breakpoints.xs + 1}px) {\n ${itemSizeCSS(props.sm)};\n }\n @media (min-width: ${breakpoints.sm + 1}px) {\n ${itemSizeCSS(props.md)};\n }\n @media (min-width: ${breakpoints.md + 1}px) {\n ${itemSizeCSS(props.lg)};\n }\n @media (min-width: ${breakpoints.xl}px) {\n ${itemSizeCSS(props.xl)};\n }\n`\n\nconst StyledGrid = styled.div`\n ${({ item, ...other }) => item && itemCSS(other)}\n ${({ container, ...other }) => container && containerCSS(other)}\n`\n","const breakpoints = {\n xxs: 375,\n xs: 600,\n sm: 900,\n md: 1200,\n lg: 1440,\n xl: 1536,\n}\n\nexport default breakpoints\n"],"names":["colors","main","pressed","hover","light","light2","gray60","gray50","gray40","gray30","gray15","white","disabled","light3","green70","green60","green10","green5","red70","red60","red10","red5","blue70","blue60","blue10","blue5","purple70","purple60","purple10","purple5","theme","_objectSpread","background","light1","light4","spacing","columns","breakpoints","xxs","xs","sm","md","lg","xl","Grid","forwardRef","ref","item","container","className","otherProps","_objectWithoutProperties","_ref","_excluded","_jsx","StyledGrid","classNames","displayName","propTypes","PropTypes","number","justify","oneOf","alignItems","alignContent","direction","containerCSS","props","css","wrap","process","env","NODE_ENV","itemSizeCSS","size","concat","_styled","target","label","_ref2","other","_excluded2","_ref3","_excluded3"],"mappings":"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"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface BrandColors {
|
|
4
|
+
main: string
|
|
5
|
+
pressed: string
|
|
6
|
+
hover: string
|
|
7
|
+
light: string
|
|
8
|
+
background: string
|
|
9
|
+
}
|
|
10
|
+
interface ColorOption {
|
|
11
|
+
fiftyP: string
|
|
12
|
+
seventy: string
|
|
13
|
+
sixty: string
|
|
14
|
+
ten: string
|
|
15
|
+
five: string
|
|
16
|
+
}
|
|
17
|
+
interface GreyColors {
|
|
18
|
+
seventy: string
|
|
19
|
+
sixty: string
|
|
20
|
+
fiftyP: string
|
|
21
|
+
fourty: string
|
|
22
|
+
thirty: string
|
|
23
|
+
fifteenB: string
|
|
24
|
+
zero: string
|
|
25
|
+
}
|
|
26
|
+
interface BackgroundColors {
|
|
27
|
+
light1: string
|
|
28
|
+
light2: string
|
|
29
|
+
light3: string
|
|
30
|
+
light4: string
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
type Palette = {
|
|
34
|
+
brand: BrandColors
|
|
35
|
+
green: ColorOption
|
|
36
|
+
red: ColorOption
|
|
37
|
+
blue: ColorOption
|
|
38
|
+
purple: ColorOption
|
|
39
|
+
grey: GreyColors
|
|
40
|
+
background: BackgroundColors
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
type CaptionColorGroups = keyof Palette
|
|
44
|
+
|
|
45
|
+
type CaptionColors =
|
|
46
|
+
| keyof GreyColors
|
|
47
|
+
| keyof BrandColors
|
|
48
|
+
| keyof ColorOption
|
|
49
|
+
| keyof BackgroundColors
|
|
50
|
+
|
|
51
|
+
type HeadingSizes = "hero" | "h1" | "h2" | "h3" | "h4"
|
|
52
|
+
|
|
53
|
+
type HeadingColors = CaptionColors
|
|
54
|
+
|
|
55
|
+
type HeadingColorGroups = CaptionColorGroups
|
|
56
|
+
|
|
57
|
+
interface HeadingProps
|
|
58
|
+
extends React.DetailedHTMLProps<
|
|
59
|
+
React.HTMLAttributes<HTMLElement>,
|
|
60
|
+
HTMLElement
|
|
61
|
+
>,
|
|
62
|
+
React.AriaAttributes {
|
|
63
|
+
size?: HeadingSizes
|
|
64
|
+
uppercase?: boolean
|
|
65
|
+
disableUserSelect?: boolean
|
|
66
|
+
color?: HeadingColors
|
|
67
|
+
colorGroup?: HeadingColorGroups
|
|
68
|
+
weight?: number
|
|
69
|
+
align?: "center" | "right" | "left"
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
type HeadingType = (props: HeadingProps) => React.ReactElement
|
|
73
|
+
|
|
74
|
+
declare const Heading: HeadingType
|
|
75
|
+
|
|
76
|
+
export { HeadingColorGroups, HeadingColors, HeadingProps, HeadingSizes, HeadingType, Heading as default };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import e from"@emotion/styled/base";import"react";import c from"classnames";import b from"prop-types";import{css as i}from"@emotion/react";import{jsx as t}from"@emotion/react/jsx-runtime";function l(e,c){var b=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);c&&(i=i.filter((function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable}))),b.push.apply(b,i)}return b}function g(e){for(var c=1;c<arguments.length;c++){var b=null!=arguments[c]?arguments[c]:{};c%2?l(Object(b),!0).forEach((function(c){n(e,c,b[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(b)):l(Object(b)).forEach((function(c){Object.defineProperty(e,c,Object.getOwnPropertyDescriptor(b,c))}))}return e}function n(e,c,b){return c in e?Object.defineProperty(e,c,{value:b,enumerable:!0,configurable:!0,writable:!0}):e[c]=b,e}function I(e,c){if(null==e)return{};var b,i,t=function(e,c){if(null==e)return{};var b,i,t={},l=Object.keys(e);for(i=0;i<l.length;i++)b=l[i],c.indexOf(b)>=0||(t[b]=e[b]);return t}(e,c);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)b=l[i],c.indexOf(b)>=0||Object.prototype.propertyIsEnumerable.call(e,b)&&(t[b]=e[b])}return t}var r={main:"#ED713C",pressed:"#D24C13",hover:"#EA5A1D",light:"#FCEAE2",light2:"#FEF7F3"},p={main:"#18191F",gray60:"#474A57",gray50:"#7F8285",gray40:"#949494",gray30:"#BFBFBF",gray15:"#EAECEF",white:"#FFFFFF",light:"#C4C4C4",disabled:"#A6AEBC"},G={main:"#FBFBFD",light2:"#F7F8F9",light3:"#F2F3F5"},a={green70:"#259E58",green60:"#23A65A",main:"#27AE60",green10:"#EAFCF7",green5:"#F0FDF9"},X={red70:"#D03C1A",red60:"#DA421F",main:"#EB4620",red10:"#FCE3DE",red5:"#FDF0ED"},m={blue70:"#0098B6",blue60:"#009CBB",main:"#00ABCD",blue10:"#D9F2F8",blue5:"#E5F7FA"},u={purple70:"#914BD2",purple60:"#974EDB",main:"#9B51E0",purple10:"#F0E5FA",purple5:"#F7F1FD"},s={palette:{brand:g(g({},r),{},{background:r.light2}),grey:{seventy:p.main,sixty:p.gray60,fiftyP:p.gray50,fourty:p.gray40,thirty:p.gray30,fifteenB:p.gray15,zero:p.white},background:g(g({},G),{},{light1:G.main,light4:"#C5C6C7"}),green:{fiftyP:a.main,seventy:a.green70,sixty:a.green60,ten:a.green10,five:a.green5},red:{fiftyP:X.main,seventy:X.red70,sixty:X.red60,ten:X.red10,five:X.red5},blue:{fiftyP:m.main,seventy:m.blue70,sixty:m.blue60,ten:m.blue10,five:m.blue5},purple:{fiftyP:u.main,seventy:u.purple70,sixty:u.purple60,ten:u.purple10,five:u.purple5}},breakpoints:{xxs:375,xs:600,sm:900,md:1200,lg:1440,xl:1536},shadows:{shadow1:"0px 5px 16px rgba(0, 0, 0, 0.1)",shadow2:"0px 12px 16px rgba(0, 0, 0, 0.08)",shadow3:"0px 26px 34px rgba(0, 0, 0, 0.1)",shadow4:"0px 10px 20px rgba(0, 0, 0, 0.1)"},settings:{spacing:8,columns:12}},o={hero:"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4"},h={hero:{size:56,height:72,mobSize:32,mobHeight:48},h1:{size:32,height:48,mobSize:24,mobHeight:32},h2:{size:24,height:32,mobSize:18,mobHeight:24},h3:{size:18,height:24,mobSize:16,mobHeight:24},h4:{size:16,height:24,mobSize:14,mobHeight:24}},Z=["size","children","className"],B=s.breakpoints,y=s.palette;function d(e){var b=e.size,i=e.children,l=e.className,n=I(e,Z);return t(V,g(g({as:o[b],size:h[b],className:c("KUI-Heading",l)},n),{},{children:i}))}d.defaultProps={size:"h1",color:"seventy",colorGroup:"grey",disableUserSelect:!1,weight:700},d.propTypes={size:b.oneOf(["hero","h1","h2","h3","h4"]),disableUserSelect:b.bool,weight:b.number};var C=function(e){return i("font-size:",e.size.size,"px;line-height:",e.size.height,"px;text-align:",e.align,";color:",y[e.colorGroup][e.color]?y[e.colorGroup][e.color]:y.grey.seventy,";font-weight:",e.weight,";",e.disableUserSelect&&"user-select: none",";@media (max-width: ",B.sm,"px){font-size:",e.size.mobSize,"px;line-height:",e.size.mobHeight,"px;}"+("production"===process.env.NODE_ENV?"":";label:headingSettingsCSS;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDeUMiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5pbXBvcnQgeyBoZWFkaW5nU2l6ZXMsIGhlYWRpbmdWYXJpYW50cyB9IGZyb20gXCIuL3ZhcmlhbnRzXCJcblxuY29uc3QgeyBicmVha3BvaW50cywgcGFsZXR0ZSB9ID0gdGhlbWVcblxuZnVuY3Rpb24gSGVhZGluZyhwcm9wcykge1xuICBjb25zdCB7IHNpemUsIGNoaWxkcmVuLCBjbGFzc05hbWUsIC4uLm90aGVyUHJvcHMgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSGVhZGluZ1xuICAgICAgYXM9e2hlYWRpbmdTaXplc1tzaXplXX1cbiAgICAgIHNpemU9e2hlYWRpbmdWYXJpYW50c1tzaXplXX1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcIktVSS1IZWFkaW5nXCIsIGNsYXNzTmFtZSl9XG4gICAgICB7Li4ub3RoZXJQcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRIZWFkaW5nPlxuICApXG59XG5cbkhlYWRpbmcuZGVmYXVsdFByb3BzID0ge1xuICBzaXplOiBcImgxXCIsXG4gIGNvbG9yOiBcInNldmVudHlcIixcbiAgY29sb3JHcm91cDogXCJncmV5XCIsXG4gIGRpc2FibGVVc2VyU2VsZWN0OiBmYWxzZSxcbiAgd2VpZ2h0OiA3MDAsXG59XG5cbkhlYWRpbmcucHJvcFR5cGVzID0ge1xuICBzaXplOiBQcm9wVHlwZXMub25lT2YoW1wiaGVyb1wiLCBcImgxXCIsIFwiaDJcIiwgXCJoM1wiLCBcImg0XCJdKSxcbiAgZGlzYWJsZVVzZXJTZWxlY3Q6IFByb3BUeXBlcy5ib29sLFxuICB3ZWlnaHQ6IFByb3BUeXBlcy5udW1iZXIsXG59XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRpbmdcblxuY29uc3QgaGVhZGluZ1NldHRpbmdzQ1NTID0gKHByb3BzKSA9PiBjc3NgXG4gIGZvbnQtc2l6ZTogJHtwcm9wcy5zaXplLnNpemV9cHg7XG4gIGxpbmUtaGVpZ2h0OiAke3Byb3BzLnNpemUuaGVpZ2h0fXB4O1xuICB0ZXh0LWFsaWduOiAke3Byb3BzLmFsaWdufTtcbiAgY29sb3I6ICR7cGFsZXR0ZVtwcm9wcy5jb2xvckdyb3VwXVtwcm9wcy5jb2xvcl1cbiAgICA/IHBhbGV0dGVbcHJvcHMuY29sb3JHcm91cF1bcHJvcHMuY29sb3JdXG4gICAgOiBwYWxldHRlLmdyZXkuc2V2ZW50eX07XG4gIGZvbnQtd2VpZ2h0OiAke3Byb3BzLndlaWdodH07XG4gICR7cHJvcHMuZGlzYWJsZVVzZXJTZWxlY3QgJiYgXCJ1c2VyLXNlbGVjdDogbm9uZVwifTtcbiAgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMuc219cHgpIHtcbiAgICBmb250LXNpemU6ICR7cHJvcHMuc2l6ZS5tb2JTaXplfXB4O1xuICAgIGxpbmUtaGVpZ2h0OiAke3Byb3BzLnNpemUubW9iSGVpZ2h0fXB4O1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQuaDFgXG4gIGZvbnQtZmFtaWx5OiBcIkludGVyXCIsIHNhbnMtc2VyaWY7XG4gIGxldHRlci1zcGFjaW5nOiBub3JtYWw7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBtYXJnaW46IDA7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gICR7aGVhZGluZ1NldHRpbmdzQ1NTfTtcbmBcbiJdfQ== */")},V=e("h1","production"===process.env.NODE_ENV?{target:"edlvox90"}:{target:"edlvox90",label:"StyledHeading"})('font-family:"Inter",sans-serif;letter-spacing:normal;text-transform:none;margin:0;font-weight:700;',C,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdEK0IiLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCJcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZVwiXG5pbXBvcnQgeyBoZWFkaW5nU2l6ZXMsIGhlYWRpbmdWYXJpYW50cyB9IGZyb20gXCIuL3ZhcmlhbnRzXCJcblxuY29uc3QgeyBicmVha3BvaW50cywgcGFsZXR0ZSB9ID0gdGhlbWVcblxuZnVuY3Rpb24gSGVhZGluZyhwcm9wcykge1xuICBjb25zdCB7IHNpemUsIGNoaWxkcmVuLCBjbGFzc05hbWUsIC4uLm90aGVyUHJvcHMgfSA9IHByb3BzXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSGVhZGluZ1xuICAgICAgYXM9e2hlYWRpbmdTaXplc1tzaXplXX1cbiAgICAgIHNpemU9e2hlYWRpbmdWYXJpYW50c1tzaXplXX1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcIktVSS1IZWFkaW5nXCIsIGNsYXNzTmFtZSl9XG4gICAgICB7Li4ub3RoZXJQcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRIZWFkaW5nPlxuICApXG59XG5cbkhlYWRpbmcuZGVmYXVsdFByb3BzID0ge1xuICBzaXplOiBcImgxXCIsXG4gIGNvbG9yOiBcInNldmVudHlcIixcbiAgY29sb3JHcm91cDogXCJncmV5XCIsXG4gIGRpc2FibGVVc2VyU2VsZWN0OiBmYWxzZSxcbiAgd2VpZ2h0OiA3MDAsXG59XG5cbkhlYWRpbmcucHJvcFR5cGVzID0ge1xuICBzaXplOiBQcm9wVHlwZXMub25lT2YoW1wiaGVyb1wiLCBcImgxXCIsIFwiaDJcIiwgXCJoM1wiLCBcImg0XCJdKSxcbiAgZGlzYWJsZVVzZXJTZWxlY3Q6IFByb3BUeXBlcy5ib29sLFxuICB3ZWlnaHQ6IFByb3BUeXBlcy5udW1iZXIsXG59XG5cbmV4cG9ydCBkZWZhdWx0IEhlYWRpbmdcblxuY29uc3QgaGVhZGluZ1NldHRpbmdzQ1NTID0gKHByb3BzKSA9PiBjc3NgXG4gIGZvbnQtc2l6ZTogJHtwcm9wcy5zaXplLnNpemV9cHg7XG4gIGxpbmUtaGVpZ2h0OiAke3Byb3BzLnNpemUuaGVpZ2h0fXB4O1xuICB0ZXh0LWFsaWduOiAke3Byb3BzLmFsaWdufTtcbiAgY29sb3I6ICR7cGFsZXR0ZVtwcm9wcy5jb2xvckdyb3VwXVtwcm9wcy5jb2xvcl1cbiAgICA/IHBhbGV0dGVbcHJvcHMuY29sb3JHcm91cF1bcHJvcHMuY29sb3JdXG4gICAgOiBwYWxldHRlLmdyZXkuc2V2ZW50eX07XG4gIGZvbnQtd2VpZ2h0OiAke3Byb3BzLndlaWdodH07XG4gICR7cHJvcHMuZGlzYWJsZVVzZXJTZWxlY3QgJiYgXCJ1c2VyLXNlbGVjdDogbm9uZVwifTtcbiAgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMuc219cHgpIHtcbiAgICBmb250LXNpemU6ICR7cHJvcHMuc2l6ZS5tb2JTaXplfXB4O1xuICAgIGxpbmUtaGVpZ2h0OiAke3Byb3BzLnNpemUubW9iSGVpZ2h0fXB4O1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQuaDFgXG4gIGZvbnQtZmFtaWx5OiBcIkludGVyXCIsIHNhbnMtc2VyaWY7XG4gIGxldHRlci1zcGFjaW5nOiBub3JtYWw7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBtYXJnaW46IDA7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gICR7aGVhZGluZ1NldHRpbmdzQ1NTfTtcbmBcbiJdfQ== */"));export{d as default};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/theme/colors/index.js","../../src/theme/index.js","../../src/theme/breakpoints/index.js","../../src/theme/shadows/index.js","../../src/theme/settings/index.js","../../src/components/Heading/variants.js","../../src/components/Heading/index.js"],"sourcesContent":["const colors = {\r\n primary: {\r\n main: \"#ED713C\",\r\n pressed: \"#D24C13\",\r\n hover: \"#EA5A1D\",\r\n light: \"#FCEAE2\",\r\n light2: \"#FEF7F3\",\r\n },\r\n secondary: {\r\n main: \"#18191F\",\r\n gray60: \"#474A57\",\r\n gray50: \"#7F8285\",\r\n gray40: \"#949494\",\r\n gray30: \"#BFBFBF\",\r\n gray15: \"#EAECEF\",\r\n white: \"#FFFFFF\",\r\n light: \"#C4C4C4\",\r\n disabled: \"#A6AEBC\",\r\n },\r\n background: {\r\n main: \"#FBFBFD\",\r\n light2: \"#F7F8F9\",\r\n light3: \"#F2F3F5\",\r\n },\r\n success: {\r\n green70: \"#259E58\",\r\n green60: \"#23A65A\",\r\n main: \"#27AE60\",\r\n green10: \"#EAFCF7\",\r\n green5: \"#F0FDF9\",\r\n },\r\n error: {\r\n red70: \"#D03C1A\",\r\n red60: \"#DA421F\",\r\n main: \"#EB4620\",\r\n red10: \"#FCE3DE\",\r\n red5: \"#FDF0ED\",\r\n },\r\n info: {\r\n blue70: \"#0098B6\",\r\n blue60: \"#009CBB\",\r\n main: \"#00ABCD\",\r\n blue10: \"#D9F2F8\",\r\n blue5: \"#E5F7FA\",\r\n },\r\n purple: {\r\n purple70: \"#914BD2\",\r\n purple60: \"#974EDB\",\r\n main: \"#9B51E0\",\r\n purple10: \"#F0E5FA\",\r\n purple5: \"#F7F1FD\",\r\n },\r\n}\r\n\r\nexport default colors\r\n","import colors from \"./colors\"\nimport shadows from \"./shadows\"\nimport breakpoints from \"./breakpoints\"\nimport settings from \"./settings\"\n\nconst palette = {\n brand: {\n ...colors.primary,\n background: colors.primary.light2,\n },\n grey: {\n seventy: colors.secondary.main,\n sixty: colors.secondary.gray60,\n fiftyP: colors.secondary.gray50,\n fourty: colors.secondary.gray40,\n thirty: colors.secondary.gray30,\n fifteenB: colors.secondary.gray15,\n zero: colors.secondary.white,\n },\n background: {\n ...colors.background,\n light1: colors.background.main,\n light4: \"#C5C6C7\",\n },\n green: {\n fiftyP: colors.success.main,\n seventy: colors.success.green70,\n sixty: colors.success.green60,\n ten: colors.success.green10,\n five: colors.success.green5,\n },\n red: {\n fiftyP: colors.error.main,\n seventy: colors.error.red70,\n sixty: colors.error.red60,\n ten: colors.error.red10,\n five: colors.error.red5,\n },\n blue: {\n fiftyP: colors.info.main,\n seventy: colors.info.blue70,\n sixty: colors.info.blue60,\n ten: colors.info.blue10,\n five: colors.info.blue5,\n },\n purple: {\n fiftyP: colors.purple.main,\n seventy: colors.purple.purple70,\n sixty: colors.purple.purple60,\n ten: colors.purple.purple10,\n five: colors.purple.purple5,\n },\n}\n\nconst themeOld = {\n palette: colors,\n breakpoints,\n shadows,\n settings,\n}\n\nconst theme = {\n palette,\n breakpoints,\n shadows,\n settings,\n}\n\nexport { themeOld, theme }\n","const breakpoints = {\n xxs: 375,\n xs: 600,\n sm: 900,\n md: 1200,\n lg: 1440,\n xl: 1536,\n}\n\nexport default breakpoints\n","const shadows = {\r\n shadow1: \"0px 5px 16px rgba(0, 0, 0, 0.1)\",\r\n shadow2: \"0px 12px 16px rgba(0, 0, 0, 0.08)\",\r\n shadow3: \"0px 26px 34px rgba(0, 0, 0, 0.1)\",\r\n shadow4: \"0px 10px 20px rgba(0, 0, 0, 0.1)\",\r\n}\r\n\r\nexport default shadows\r\n","const settings = {\r\n spacing: 8,\r\n columns: 12,\r\n}\r\n\r\nexport default settings\r\n","const headingSizes = {\r\n hero: \"h1\",\r\n h1: \"h1\",\r\n h2: \"h2\",\r\n h3: \"h3\",\r\n h4: \"h4\",\r\n}\r\n\r\nconst headingVariants = {\r\n hero: {\r\n size: 56,\r\n height: 72,\r\n mobSize: 32,\r\n mobHeight: 48,\r\n },\r\n h1: {\r\n size: 32,\r\n height: 48,\r\n mobSize: 24,\r\n mobHeight: 32,\r\n },\r\n h2: {\r\n size: 24,\r\n height: 32,\r\n mobSize: 18,\r\n mobHeight: 24,\r\n },\r\n h3: {\r\n size: 18,\r\n height: 24,\r\n mobSize: 16,\r\n mobHeight: 24,\r\n },\r\n h4: {\r\n size: 16,\r\n height: 24,\r\n mobSize: 14,\r\n mobHeight: 24,\r\n },\r\n}\r\n\r\nexport { headingVariants, headingSizes }\r\n","import React from \"react\"\nimport classNames from \"classnames\"\nimport PropTypes from \"prop-types\"\nimport styled from \"@emotion/styled\"\nimport { css } from \"@emotion/react\"\nimport { theme } from \"../../theme\"\nimport { headingSizes, headingVariants } from \"./variants\"\n\nconst { breakpoints, palette } = theme\n\nfunction Heading(props) {\n const { size, children, className, ...otherProps } = props\n\n return (\n <StyledHeading\n as={headingSizes[size]}\n size={headingVariants[size]}\n className={classNames(\"KUI-Heading\", className)}\n {...otherProps}\n >\n {children}\n </StyledHeading>\n )\n}\n\nHeading.defaultProps = {\n size: \"h1\",\n color: \"seventy\",\n colorGroup: \"grey\",\n disableUserSelect: false,\n weight: 700,\n}\n\nHeading.propTypes = {\n size: PropTypes.oneOf([\"hero\", \"h1\", \"h2\", \"h3\", \"h4\"]),\n disableUserSelect: PropTypes.bool,\n weight: PropTypes.number,\n}\n\nexport default Heading\n\nconst headingSettingsCSS = (props) => css`\n font-size: ${props.size.size}px;\n line-height: ${props.size.height}px;\n text-align: ${props.align};\n color: ${palette[props.colorGroup][props.color]\n ? palette[props.colorGroup][props.color]\n : palette.grey.seventy};\n font-weight: ${props.weight};\n ${props.disableUserSelect && \"user-select: none\"};\n @media (max-width: ${breakpoints.sm}px) {\n font-size: ${props.size.mobSize}px;\n line-height: ${props.size.mobHeight}px;\n }\n`\n\nconst StyledHeading = styled.h1`\n font-family: \"Inter\", sans-serif;\n letter-spacing: normal;\n text-transform: none;\n margin: 0;\n font-weight: 700;\n ${headingSettingsCSS};\n`\n"],"names":["colors","main","pressed","hover","light","light2","gray60","gray50","gray40","gray30","gray15","white","disabled","light3","green70","green60","green10","green5","red70","red60","red10","red5","blue70","blue60","blue10","blue5","purple70","purple60","purple10","purple5","theme","palette","brand","_objectSpread","background","grey","seventy","sixty","fiftyP","fourty","thirty","fifteenB","zero","light1","light4","green","ten","five","red","blue","purple","breakpoints","xxs","xs","sm","md","lg","xl","shadows","shadow1","shadow2","shadow3","shadow4","settings","spacing","columns","headingSizes","hero","h1","h2","h3","h4","headingVariants","size","height","mobSize","mobHeight","Heading","props","children","className","otherProps","_excluded","_jsx","StyledHeading","as","classNames","defaultProps","color","colorGroup","disableUserSelect","weight","propTypes","PropTypes","oneOf","bool","number","headingSettingsCSS","css","align","process","env","NODE_ENV","_styled","target","label"],"mappings":"uuCAAA,IAAMA,EACK,CACPC,KAAM,UACNC,QAAS,UACTC,MAAO,UACPC,MAAO,UACPC,OAAQ,WANNL,EAQO,CACTC,KAAM,UACNK,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,MAAO,UACPP,MAAO,UACPQ,SAAU,WAjBRZ,EAmBQ,CACVC,KAAM,UACNI,OAAQ,UACRQ,OAAQ,WAtBNb,EAwBK,CACPc,QAAS,UACTC,QAAS,UACTd,KAAM,UACNe,QAAS,UACTC,OAAQ,WA7BNjB,EA+BG,CACLkB,MAAO,UACPC,MAAO,UACPlB,KAAM,UACNmB,MAAO,UACPC,KAAM,WApCJrB,EAsCE,CACJsB,OAAQ,UACRC,OAAQ,UACRtB,KAAM,UACNuB,OAAQ,UACRC,MAAO,WA3CLzB,EA6CI,CACN0B,SAAU,UACVC,SAAU,UACV1B,KAAM,UACN2B,SAAU,UACVC,QAAS,WCWPC,EAAQ,CACZC,QAzDc,CACdC,MAAKC,EAAAA,EAAA,CAAA,EACAjC,GAAc,GAAA,CACjBkC,WAAYlC,EAAeK,SAE7B8B,KAAM,CACJC,QAASpC,EAAiBC,KAC1BoC,MAAOrC,EAAiBM,OACxBgC,OAAQtC,EAAiBO,OACzBgC,OAAQvC,EAAiBQ,OACzBgC,OAAQxC,EAAiBS,OACzBgC,SAAUzC,EAAiBU,OAC3BgC,KAAM1C,EAAiBW,OAEzBuB,WAAUD,EAAAA,EAAA,CAAA,EACLjC,GAAiB,GAAA,CACpB2C,OAAQ3C,EAAkBC,KAC1B2C,OAAQ,YAEVC,MAAO,CACLP,OAAQtC,EAAeC,KACvBmC,QAASpC,EAAec,QACxBuB,MAAOrC,EAAee,QACtB+B,IAAK9C,EAAegB,QACpB+B,KAAM/C,EAAeiB,QAEvB+B,IAAK,CACHV,OAAQtC,EAAaC,KACrBmC,QAASpC,EAAakB,MACtBmB,MAAOrC,EAAamB,MACpB2B,IAAK9C,EAAaoB,MAClB2B,KAAM/C,EAAaqB,MAErB4B,KAAM,CACJX,OAAQtC,EAAYC,KACpBmC,QAASpC,EAAYsB,OACrBe,MAAOrC,EAAYuB,OACnBuB,IAAK9C,EAAYwB,OACjBuB,KAAM/C,EAAYyB,OAEpByB,OAAQ,CACNZ,OAAQtC,EAAcC,KACtBmC,QAASpC,EAAc0B,SACvBW,MAAOrC,EAAc2B,SACrBmB,IAAK9C,EAAc4B,SACnBmB,KAAM/C,EAAc6B,UAatBsB,YC/DkB,CAClBC,IAAK,IACLC,GAAI,IACJC,GAAI,IACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MD0DJC,QEhEc,CACdC,QAAS,kCACTC,QAAS,oCACTC,QAAS,mCACTC,QAAS,oCF6DTC,SGjEe,CACfC,QAAS,EACTC,QAAS,KCFLC,EAAe,CACnBC,KAAM,KACNC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MAGAC,EAAkB,CACtBL,KAAM,CACJM,KAAM,GACNC,OAAQ,GACRC,QAAS,GACTC,UAAW,IAEbR,GAAI,CACFK,KAAM,GACNC,OAAQ,GACRC,QAAS,GACTC,UAAW,IAEbP,GAAI,CACFI,KAAM,GACNC,OAAQ,GACRC,QAAS,GACTC,UAAW,IAEbN,GAAI,CACFG,KAAM,GACNC,OAAQ,GACRC,QAAS,GACTC,UAAW,IAEbL,GAAI,CACFE,KAAM,GACNC,OAAQ,GACRC,QAAS,GACTC,UAAW,uCC7BPzB,EAAyBrB,EAAzBqB,YAAapB,EAAYD,EAAZC,QAErB,SAAS8C,EAAQC,GACf,IAAQL,EAA6CK,EAA7CL,KAAMM,EAAuCD,EAAvCC,SAAUC,EAA6BF,EAA7BE,UAAcC,IAAeH,EAAKI,GAE1D,OACEC,EAACC,EAAanD,EAAAA,EAAA,CACZoD,GAAInB,EAAaO,GACjBA,KAAMD,EAAgBC,GACtBO,UAAWM,EAAW,cAAeN,IACjCC,GAAU,GAAA,CAAAF,SAEbA,IAGP,CAEAF,EAAQU,aAAe,CACrBd,KAAM,KACNe,MAAO,UACPC,WAAY,OACZC,mBAAmB,EACnBC,OAAQ,KAGVd,EAAQe,UAAY,CAClBnB,KAAMoB,EAAUC,MAAM,CAAC,OAAQ,KAAM,KAAM,KAAM,OACjDJ,kBAAmBG,EAAUE,KAC7BJ,OAAQE,EAAUG,QAKpB,IAAMC,EAAqB,SAACnB,GAAK,OAAKoB,EAAG,aAC1BpB,EAAML,KAAKA,KACTK,kBAAAA,EAAML,KAAKC,OAAM,iBAClBI,EAAMqB,MACXpE,UAAAA,EAAQ+C,EAAMW,YAAYX,EAAMU,OACrCzD,EAAQ+C,EAAMW,YAAYX,EAAMU,OAChCzD,EAAQI,KAAKC,wBACF0C,EAAMa,OAAM,IACzBb,EAAMY,mBAAqB,oBACRvC,uBAAAA,EAAYG,oBAClBwB,EAAML,KAAKE,QACTG,kBAAAA,EAAML,KAAKG,UAAS,QAAA,eAAAwB,QAAAC,IAAAC,SAAA,GAAA,8BAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,k6EAAA,EAIjClB,EAAamB,EAAA,KAAA,eAAAH,QAAAC,IAAAC,SAAA,CAAAE,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,iBAAAF,CAAA,qGAMfN,EACH,KAAA,eAAAG,QAAAC,IAAAC,SAAA,GAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface IconButtonProps
|
|
4
|
+
extends React.DetailedHTMLProps<
|
|
5
|
+
React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
6
|
+
HTMLButtonElement
|
|
7
|
+
>,
|
|
8
|
+
React.AriaAttributes {}
|
|
9
|
+
|
|
10
|
+
type IconButtonType = (props: IconButtonProps) => React.ReactElement
|
|
11
|
+
|
|
12
|
+
declare const IconButton: IconButtonType
|
|
13
|
+
|
|
14
|
+
export { IconButtonProps, IconButtonType, IconButton as default };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import e from"@emotion/styled/base";import{forwardRef as t}from"react";import r from"classnames";import{jsx as c}from"@emotion/react/jsx-runtime";function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);t&&(c=c.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,c)}return r}function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e,t){if(null==e)return{};var r,c,n=function(e,t){if(null==e)return{};var r,c,n={},o=Object.keys(e);for(c=0;c<o.length;c++)r=o[c],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(c=0;c<o.length;c++)r=o[c],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var i=["className"];var a=t((function(e,t){var a=e.className,s=b(e,i);return c(l,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({className:r("KUI-IconButton",a),ref:t},s))})),l=e("button","production"===process.env.NODE_ENV?{target:"e1yqf5hn0"}:{target:"e1yqf5hn0",label:"StyledButton"})("production"===process.env.NODE_ENV?{name:"1wx0sfs",styles:"border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);padding:0;margin:0"}:{name:"1wx0sfs",styles:"border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);padding:0;margin:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNrQyIsImZpbGUiOiJpbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCJcclxuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIlxyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIlxyXG5cclxuY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWYoKHsgY2xhc3NOYW1lLCAuLi5wcm9wcyB9LCByZWYpID0+IChcclxuICA8U3R5bGVkQnV0dG9uXHJcbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJLVUktSWNvbkJ1dHRvblwiLCBjbGFzc05hbWUpfVxyXG4gICAgcmVmPXtyZWZ9XHJcbiAgICB7Li4ucHJvcHN9XHJcbiAgLz5cclxuKSlcclxuXHJcbmV4cG9ydCBkZWZhdWx0IEljb25CdXR0b25cclxuXHJcbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXHJcbiAgYm9yZGVyOiBub25lO1xyXG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xyXG4gIGN1cnNvcjogcG9pbnRlcjtcclxuICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XHJcbiAgcGFkZGluZzogMDtcclxuICBtYXJnaW46IDA7XHJcbmBcclxuIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{a as default};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/components/IconButton/index.js"],"sourcesContent":["import React, { forwardRef } from \"react\"\r\nimport classNames from \"classnames\"\r\nimport styled from \"@emotion/styled\"\r\n\r\nconst IconButton = forwardRef(({ className, ...props }, ref) => (\r\n <StyledButton\r\n className={classNames(\"KUI-IconButton\", className)}\r\n ref={ref}\r\n {...props}\r\n />\r\n))\r\n\r\nexport default IconButton\r\n\r\nconst StyledButton = styled.button`\r\n border: none;\r\n background: transparent;\r\n cursor: pointer;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n padding: 0;\r\n margin: 0;\r\n`\r\n"],"names":["IconButton","forwardRef","ref","className","props","_objectWithoutProperties","_ref","_excluded","_jsx","StyledButton","_objectSpread","classNames","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString"],"mappings":"g3BAIA,IAAMA,EAAaC,GAAW,WAA0BC,GAAG,IAA1BC,IAAAA,UAAcC,EAAKC,EAAAC,EAAAC,GAAA,OAClDC,EAACC,iWAAYC,CAAA,CACXP,UAAWQ,EAAW,iBAAkBR,GACxCD,IAAKA,GACDE,GACJ,IAKEK,EAAYG,EAAA,SAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,gBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,qHAAA,CAAAD,KAAA,UAAAC,OAAA,oHAAAC,IAAA,08BAAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { HTMLInputTypeAttribute } from 'react';
|
|
3
|
+
|
|
4
|
+
type InputMessageVariant = "error" | "warning" | "success"
|
|
5
|
+
|
|
6
|
+
interface InputProps
|
|
7
|
+
extends React.DetailedHTMLProps<
|
|
8
|
+
React.InputHTMLAttributes<HTMLInputElement>,
|
|
9
|
+
HTMLInputElement
|
|
10
|
+
>,
|
|
11
|
+
React.AriaAttributes {
|
|
12
|
+
isTextArea?: boolean
|
|
13
|
+
inputRef?: React.RefObject<HTMLInputElement | null>
|
|
14
|
+
inputStyles?: string
|
|
15
|
+
labelStyles?: string
|
|
16
|
+
label?: string
|
|
17
|
+
startIcon?: string | React.ReactElement | boolean
|
|
18
|
+
endIcon?: string | React.ReactElement | boolean
|
|
19
|
+
messageClassName?: string
|
|
20
|
+
labelInlineStyles?: string
|
|
21
|
+
message?: string | null
|
|
22
|
+
messageVariant?: InputMessageVariant
|
|
23
|
+
inputValue?: string | number | undefined
|
|
24
|
+
type?: HTMLInputTypeAttribute
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
type InputType = (props: InputProps) => React.ReactElement
|
|
28
|
+
|
|
29
|
+
declare const Input: InputType
|
|
30
|
+
|
|
31
|
+
export { InputProps, InputType, Input as default };
|