@join-x5/react-theme 1.5.3 → 1.6.0-rc-1

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 (6) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/typography/types.d.ts +1 -0
  4. package/dist/typography/types.es.js +6 -1
  5. package/dist/typography/types.es.js.map +1 -1
  6. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@emotion/react");const L=require("@emotion/react/jsx-runtime"),Y=require("@emotion/styled/base"),o=require("react"),u=e=>e&&e.__esModule?e:{default:e},F=u(Y),l=u(o),V={uiGrey:{5:"#f6f6f8"},uiAccent:{5:"#f0f9fc"},red:{10:"#feebee",20:"#fecdd2",30:"#ef9a9a",40:"#e57373",50:"#ef5350",60:"#f44336",70:"#e53935",80:"#d32f2f",90:"#c62828",100:"#b71c1c"},green:{10:"#f1f8e9",20:"#dcedc8",30:"#c5e1a5",40:"#aed581",50:"#9ccc65",60:"#8bc34a",70:"#7cb342",80:"#689f38",90:"#558b2f",100:"#33691e"},lime:{10:"#f9fbe7",20:"#f0f4c3",30:"#e6ee9c",40:"#dce775",50:"#d4e157",60:"#cddc39",70:"#c0ca33",80:"#afb42b",90:"#9e9d24",100:"#827717"},indigo:{10:"#e8eaf6",20:"#c5cae9",30:"#9fa8da",40:"#7986cb",50:"#5c6bc0",60:"#3f51b5",70:"#3949ab",80:"#303f9f",90:"#283593",100:"#1a237e"},purple:{10:"#ede7f6",20:"#d1c4e9",30:"#b39ddb",40:"#9575cd",50:"#7e57c2",60:"#673ab7",70:"#5e35b1",80:"#512da8",90:"#4527a0",100:"#311b92"},teal:{10:"#e0f2f1",20:"#b2dfdb",30:"#80cbc4",40:"#4db6ac",50:"#26a69a",60:"#009688",70:"#00897b",80:"#00796b",90:"#00695c",100:"#004d40"},cyan:{10:"#e0f7fa",20:"#b2ebf2",30:"#80deea",40:"#4dd0e1",50:"#26c6da",60:"#00bcd4",70:"#00acc1",80:"#0097a7",90:"#00838f",100:"#006064"},bluegrey:{10:"#eceff1",20:"#cfd8dc",30:"#b0bec5",40:"#90a4ae",50:"#78909c",60:"#607d8b",70:"#546e7a",80:"#455a64",90:"#37474f",100:"#263238"},amber:{10:"#fff8e1",20:"#ffecb3",30:"#ffe082",40:"#ffd54f",50:"#ffca28",60:"#ffc107",70:"#ffb300",80:"#ffa000",90:"#ff8f00",100:"#ff6f00"},pink:{10:"#fce4ec",20:"#f8bbd0",30:"#f48fb1",40:"#f06292",50:"#ec407a",60:"#e91e63",70:"#d81b60",80:"#c2185b",90:"#ad1457",100:"#880e4f"},brown:{10:"#efebe9",20:"#d7ccc8",30:"#bcaaa4",40:"#a1887f",50:"#8d6e63",60:"#795548",70:"#6d4c41",80:"#5d4037",90:"#4e342e",100:"#3e2723"},yellow:{10:"#fffde7",20:"#fff9c4",30:"#fff59d",40:"#fff176",50:"#ffee58",60:"#ffeb3b",70:"#fdd835",80:"#fbc02d",90:"#f9a825",100:"#f57f17"},orange:{10:"#fbe9e7",20:"#ffccbc",30:"#ffab91",40:"#ff8a65",50:"#ff7043",60:"#ff5722",70:"#f4511e",80:"#e64a19",90:"#d84315",100:"#bf360c"}},z={blueGrey:{5:"#f3f5f6",10:"#eaedef",20:"#d0d7dc",30:"#b3bec7",40:"#9aa9b5",50:"#7b8f9e",60:"#637889",70:"#506372",80:"#415361",90:"#334250",100:"#25303c"},brown:{5:"#f5f5f4",10:"#edebe8",20:"#dcd4cb",30:"#bdb2a8",40:"#9e8f80",50:"#84725e",60:"#725e4a",70:"#66523e",80:"#564533",90:"#493a2a",100:"#3b2b1c"},pink:{5:"#fff0f7",10:"#fee6f1",20:"#ffc7e1",30:"#f89bc7",40:"#eb70b0",50:"#e151a1",60:"#d22d94",70:"#c41289",80:"#b2067e",90:"#9d0273",100:"#7d0366"},purple:{5:"#fdf1fe",10:"#fae3fd",20:"#eebff2",30:"#dd90e4",40:"#c763cf",50:"#b343bd",60:"#a432ae",70:"#9726a1",80:"#8c1698",90:"#7e0b88",100:"#670470"},violet:{5:"#f8f4ff",10:"#efeafe",20:"#d8cafc",30:"#bba0f5",40:"#a179ec",50:"#8e5ce5",60:"#8247e1",70:"#7535d4",80:"#6c20cf",90:"#5e08ba",100:"#460891"},indigo:{5:"#f4f4ff",10:"#ebebff",20:"#d2d2ff",30:"#b2b3fa",40:"#9193f5",50:"#7375f4",60:"#5c5ee9",70:"#4b4ddd",80:"#3e3cce",90:"#3734bf",100:"#2b29a2"},blue:{5:"#f0f7fc",10:"#e3f2fd",20:"#c0e3ff",30:"#93cdfc",40:"#64b5f6",50:"#42a5f5",60:"#2094f3",70:"#1e88e5",80:"#1976d2",90:"#1565c0",100:"#0d47a1"},cyan:{5:"#eafcfd",10:"#dbf8fa",20:"#b6e9ed",30:"#81d5db",40:"#51c2ca",50:"#30b2bc",60:"#03a2ab",70:"#00949e",80:"#00858f",90:"#01757e",100:"#045961"},green:{5:"#f3fdf0",10:"#e7fbe0",20:"#ccedc1",30:"#a8db97",40:"#84cb6d",50:"#6ac04d",60:"#56b238",70:"#46a527",80:"#3b961d",90:"#2b800e",100:"#1a6800"},red:{5:"#fff5f6",10:"#ffebed",20:"#ffd2d2",30:"#ffa59e",40:"#fb7b6f",50:"#f45948",60:"#ee412b",70:"#e6341c",80:"#d82a13",90:"#c8250f",100:"#b21b00"},orange:{5:"#fff5eb",10:"#ffeddb",20:"#ffd9b2",30:"#febf81",40:"#fca751",50:"#fb962b",60:"#f9820b",70:"#f97501",80:"#f26202",90:"#e55806",100:"#d14600"},yellow:{5:"#fffadb",10:"#fdf6c3",20:"#fdec96",30:"#f7de6e",40:"#f5d142",50:"#fac529",60:"#f8b612",70:"#f6a904",80:"#f59700",90:"#e58600",100:"#cf7400"},olive:{5:"#fdffdc",10:"#f8fabd",20:"#ebee96",30:"#dce067",40:"#c8cd42",50:"#b9be2d",60:"#abb01c",70:"#9da20e",80:"#8f9401",90:"#7c8001",100:"#5e6100"}};var n=(e=>(e.Base="base",e.TCX="tcx",e.TC5="tc5",e.X5="x5",e))(n||{});const s={[n.Base]:{grey:{5:"#f7f8fa",10:"#eff1f5",20:"#e1e5eb",30:"#cfd4dc",40:"#b4bbc6",50:"#9299a4",60:"#6c737d",70:"#50565e",80:"#3b4047",90:"#2a2e33",100:"#222429"},accent:{5:"#f0f7fc",10:"#e3f2fd",20:"#bbdefb",30:"#90caf9",40:"#64b5f6",50:"#42a5f5",60:"#2196f3",70:"#1e88e5",80:"#1976d2",90:"#1565c0",100:"#0d47a1"}},[n.TCX]:{grey:{5:"#f5f7f7",10:"#f0f2f2",20:"#e3e7e8",30:"#d0d7d9",40:"#b2bdbf",50:"#919c9e",60:"#6d7678",70:"#515859",80:"#3c4142",90:"#2b3030",100:"#222626"},accent:{5:"#f0fcf2",10:"#e1f7e4",20:"#c5e8ca",30:"#99cea0",40:"#72c07d",50:"#55b465",60:"#32a94b",70:"#2a9b43",80:"#1e8737",90:"#0e762c",100:"#00591d"}},[n.TC5]:{grey:{5:"#f5f7f7",10:"#f0f2f2",20:"#e3e7e8",30:"#d0d6d9",40:"#b2bbbf",50:"#919a9e",60:"#6d7578",70:"#515759",80:"#3c4042",90:"#2b2f30",100:"#222526"},accent:{5:"#f0fdf3",10:"#e1fae6",20:"#c3ebca",30:"#98daa5",40:"#6dcb81",50:"#4dc069",60:"#20b44f",70:"#15a546",80:"#00923a",90:"#00812f",100:"#00631f"}},[n.X5]:{grey:{5:"#f5f7f7",10:"#f0f2f2",20:"#e3e8e8",30:"#d0d9d9",40:"#b2bfbf",50:"#919e9e",60:"#6d7878",70:"#515959",80:"#3c4242",90:"#2b3030",100:"#222626"},accent:{5:"#f5fcf0",10:"#ebfae1",20:"#d0f0bb",30:"#b0dd92",40:"#97d26d",50:"#84c950",60:"#6fc031",70:"#5faf2d",80:"#4e9c1f",90:"#3a8918",100:"#0d6706"}}},a={...s.base,white:"#ffffff",additional:z,theme:s,more:V};function S(){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)."}const x=process.env.NODE_ENV==="production"?{name:"1uy0nzf",styles:"::-webkit-scrollbar{top:0;left:0;right:0;width:16px;bottom:0;height:16px;position:absolute;}::-webkit-scrollbar-button{width:0;height:0;display:none;}::-webkit-scrollbar-thumb{border:4px solid rgba(0, 0, 0, 0);min-height:32px;border-radius:16px;background-clip:padding-box;background-color:#cfd4dc;}::-webkit-scrollbar-corner{display:none;background-color:rgba(0, 0, 0, 0);}"}:{name:"7f5j1q-scroll",styles:"::-webkit-scrollbar{top:0;left:0;right:0;width:16px;bottom:0;height:16px;position:absolute;}::-webkit-scrollbar-button{width:0;height:0;display:none;}::-webkit-scrollbar-thumb{border:4px solid rgba(0, 0, 0, 0);min-height:32px;border-radius:16px;background-clip:padding-box;background-color:#cfd4dc;}::-webkit-scrollbar-corner{display:none;background-color:rgba(0, 0, 0, 0);};label:scroll;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3RoZW1lL3NyYy9zY3JvbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV5QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy90aGVtZS9zcmMvc2Nyb2xsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y3NzfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBzY3JvbGwgPSBjc3NgXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHdpZHRoOiAxNnB4O1xuICAgIGJvdHRvbTogMDtcbiAgICBoZWlnaHQ6IDE2cHg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItYnV0dG9uIHtcbiAgICB3aWR0aDogMDtcbiAgICBoZWlnaHQ6IDA7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuICA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHtcbiAgICBib3JkZXI6IDRweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDApO1xuICAgIG1pbi1oZWlnaHQ6IDMycHg7XG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICBiYWNrZ3JvdW5kLWNsaXA6IHBhZGRpbmctYm94O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNjZmQ0ZGM7XG4gIH1cbiAgOjotd2Via2l0LXNjcm9sbGJhci1jb3JuZXIge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcbiAgfVxuYDtcbiJdfQ== */",toString:S},N="0px 0px 8px rgba(80, 86, 94, 0.08), 0px 1px 2px rgba(80, 86, 94, 0.32)",j="0px 6px 10px rgba(80, 86, 94, 0.02), 0px 2px 18px rgba(80, 86, 94, 0.12), 0px 4px 5px rgba(80, 86, 94, 0.12)",D="0px 24px 38px rgba(80, 86, 94, 0.04), 0px 9px 46px rgba(80, 86, 94, 0.04), 0px 11px 15px rgba(80, 86, 94, 0.1)",p={large:D,medium:j,small:N};var I=(e=>(e.X0="x0",e.X1="x1",e.X2="x2",e.X3="x3",e.X4="x4",e.X5="x5",e.X6="x6",e.X8="x8",e.X10="x10",e.X12="x12",e.X16="x16",e.X20="x20",e))(I||{});const g={x0:0,x1:2,x2:4,x3:6,x4:8,x5:10,x6:12,x8:16,x10:20,x12:24,x16:32,x20:40,join:(...e)=>e.map(t=>`${g[t]}px`).join(" ")};var X=(e=>(e.XLarge="XLarge",e.Large="large",e.Medium="medium",e.Small="small",e.XSmall="XSmall",e.XXSmall="XXSmall",e))(X||{}),h=(e=>(e.Top="top",e.Right="right",e.Bottom="bottom",e.Left="left",e.TopStart="top-start",e.TopEnd="top-end",e.RightStart="right-start",e.RightEnd="right-end",e.BottomStart="bottom-start",e.BottomEnd="bottom-end",e.LeftStart="left-start",e.LeftEnd="left-end",e))(h||{});const U=e=>{if(e.getHours()===0&&e.getMinutes()===0&&e.getSeconds()===0&&e.getMilliseconds()===0)return e;const t=new Date(e.getTime());return t.setHours(0,0,0,0),t},C=e=>/^17|18\./.test(l.default.version)?l.default.forwardRef(e):(({ref:t,...f})=>e(f,t)),Q=e=>String(l.default.version).startsWith("19.")?e.props.ref:e.ref,E=e=>(t,f)=>{let c=e;if(t&&(c+=`-${t}`),f)for(const b in f)f[b]===!0&&(c+=":"+b);return c},M=(e,...t)=>{o.useEffect(()=>{const f=c=>{if(c.target instanceof Element){for(const b of t)if(!b.current||b.current.contains(c.target))return;e(c)}};return document.addEventListener("click",f,!0),()=>{document.removeEventListener("click",f)}},[e])},O=e=>{const t=o.useRef(null),f=e&&typeof e!="function"?e:t;return o.useEffect(()=>{typeof e=="function"&&e(t.current??null)},[e]),f},k=(...e)=>{const t=o.useRef(null);return[t,c=>{t.current=c;for(const b of e)if(b){if(typeof b=="function"){b(c);continue}b.current=c}}]},_=(e,t)=>{const f=o.useRef(!0);o.useEffect(()=>{if(f.current){f.current=!1;return}return e()},t)},T=F.default("div",process.env.NODE_ENV==="production"?{target:"e195o4we0"}:{target:"e195o4we0",label:"Container"})(e=>e.theme.typography[e.variant],process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3RoZW1lL3NyYy90eXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCa0IiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvdGhlbWUvc3JjL3R5cG9ncmFwaHkvVHlwb2dyYXBoeS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7Zm9yd2FyZFJlZn0gZnJvbSAnY29tbW9uJztcblxuaW1wb3J0IHR5cGUge0FuY2hvckhUTUxBdHRyaWJ1dGVzLCBFbGVtZW50VHlwZSwgSFRNTEF0dHJpYnV0ZXN9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzLCBGUkN9IGZyb20gJ2NvbW1vbic7XG5pbXBvcnQgdHlwZSB7VHlwb2dyYXBoeVZhcmlhbnR9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBUeXBvZ3JhcGh5UHJvcHMgPSB7XG4gIC8qKiDQktCw0YDQuNCw0L3RgiAqL1xuICB2YXJpYW50OiBrZXlvZiBUeXBvZ3JhcGh5VmFyaWFudDtcbiAgLyoqIFRhZ05hbWUgLSDQv9C+INGD0LzQvtC70YfQsNC90LjRjiBkaXYgKi9cbiAgYXM/OiBFbGVtZW50VHlwZTtcbn0gJiBQaWNrPFxuICBDU1NQcm9wZXJ0aWVzLFxuICB8ICdjb2xvcidcbiAgfCAnYmFja2dyb3VuZENvbG9yJ1xuICB8ICdwYWRkaW5nJ1xuICB8ICdtYXJnaW4nXG4gIHwgJ2ZvbnRTaXplJ1xuICB8ICdmb250U3R5bGUnXG4gIHwgJ2ZvbnRXZWlnaHQnXG4gIHwgJ2xldHRlclNwYWNpbmcnXG4gIHwgJ2xpbmVIZWlnaHQnXG4gIHwgJ3RleHRBbGlnbidcbiAgfCAndGV4dFRyYW5zZm9ybSdcbiAgfCAndXNlclNlbGVjdCdcbj4gJlxuICBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJlxuICBBbmNob3JIVE1MQXR0cmlidXRlczxIVE1MQW5jaG9yRWxlbWVudD47XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGljazxUeXBvZ3JhcGh5UHJvcHMsICd2YXJpYW50Jz4+KHByb3BzID0+IHByb3BzLnRoZW1lLnR5cG9ncmFwaHlbcHJvcHMudmFyaWFudF0pO1xuXG5leHBvcnQgY29uc3QgVHlwb2dyYXBoeTogRlJDPEhUTUxEaXZFbGVtZW50LCBUeXBvZ3JhcGh5UHJvcHM+ID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgY29sb3IsXG4gICAgYmFja2dyb3VuZENvbG9yLFxuICAgIHBhZGRpbmcsXG4gICAgbWFyZ2luLFxuXG4gICAgZm9udFNpemUsXG4gICAgZm9udFN0eWxlLFxuICAgIGZvbnRXZWlnaHQsXG4gICAgbGV0dGVyU3BhY2luZyxcbiAgICBsaW5lSGVpZ2h0LFxuICAgIHRleHRBbGlnbixcbiAgICB0ZXh0VHJhbnNmb3JtLFxuICAgIHVzZXJTZWxlY3QsXG5cbiAgICBzdHlsZSxcblxuICAgIC4uLnJlc3RcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHJlc3VsdFN0eWxlID0ge1xuICAgIGNvbG9yLFxuICAgIGJhY2tncm91bmRDb2xvcixcbiAgICBwYWRkaW5nLFxuICAgIG1hcmdpbixcbiAgICBmb250U2l6ZSxcbiAgICBmb250U3R5bGUsXG4gICAgZm9udFdlaWdodCxcbiAgICBsZXR0ZXJTcGFjaW5nLFxuICAgIGxpbmVIZWlnaHQsXG4gICAgdGV4dEFsaWduLFxuICAgIHRleHRUcmFuc2Zvcm0sXG4gICAgdXNlclNlbGVjdCxcblxuICAgIC4uLnN0eWxlLFxuICB9O1xuXG4gIHJldHVybiA8Q29udGFpbmVyIHsuLi5yZXN0fSByZWY9e3JlZn0gc3R5bGU9e3Jlc3VsdFN0eWxlfSAvPjtcbn0pO1xuIl19 */"),q=C((e,t)=>{const{color:f,backgroundColor:c,padding:b,margin:G,fontSize:Z,fontStyle:y,fontWeight:m,letterSpacing:W,lineHeight:H,textAlign:A,textTransform:B,userSelect:v,style:J,...R}=e,w={color:f,backgroundColor:c,padding:b,margin:G,fontSize:Z,fontStyle:y,fontWeight:m,letterSpacing:W,lineHeight:H,textAlign:A,textTransform:B,userSelect:v,...J};return L.jsx(T,{...R,ref:t,style:w})}),d={fontFamily:'"X5 Sans UI", Roboto, Arial, Helvetica, sans-serif',WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},i={base:d,h1:{...d,fontSize:"36px",lineHeight:"44px",fontWeight:"400",letterSpacing:"-0.2px"},h2:{...d,fontSize:"28px",lineHeight:"36px",fontWeight:"500",letterSpacing:"0px"},h3:{...d,fontSize:"20px",lineHeight:"24px",fontWeight:"500",letterSpacing:"0.12px"},h4:{...d,fontSize:"16px",lineHeight:"20px",fontWeight:"500",letterSpacing:"0.12px"},h5:{...d,fontSize:"14px",lineHeight:"16px",fontWeight:"500",letterSpacing:"0.08px"},h6:{...d,fontSize:"12px",lineHeight:"16px",fontWeight:"500",letterSpacing:"1.2px",textTransform:"uppercase"},p1:{...d,fontSize:"16px",lineHeight:"24px",fontWeight:"400",letterSpacing:"0.12px"},p1compact:{...d,fontSize:"16px",lineHeight:"20px",fontWeight:"400",letterSpacing:"0.12px"},p2:{...d,fontSize:"14px",lineHeight:"16px",fontWeight:"400",letterSpacing:"0.08px"},p3:{...d,fontSize:"12px",lineHeight:"16px",fontWeight:"400",letterSpacing:"0.08px"}},r={dropdown:800,modal:800,tooltip:800,loader:900,onboarding:1e3,sidepage:700},K={[n.Base]:{typography:i,zIndex:r,colors:a},[n.TCX]:{typography:i,zIndex:r,colors:{...a,...a.theme.tcx}},[n.TC5]:{typography:i,zIndex:r,colors:{...a,...a.theme.tc5}},[n.X5]:{typography:i,zIndex:r,colors:{...a,...a.theme.x5}}},$={colors:a,scroll:x,shadows:p,zIndex:r,spaces:g,typography:i};exports.Placement=h;exports.SizeTokenValue=X;exports.SpaceTokenName=I;exports.ThemeName=n;exports.Typography=q;exports.colors=a;exports.default=$;exports.forwardRef=C;exports.getElementRef=Q;exports.getQAAttribute=E;exports.scroll=x;exports.shadows=p;exports.spaces=g;exports.startOfDay=U;exports.themes=K;exports.typography=i;exports.useClickAway=M;exports.useRefMerge=O;exports.useSetRef=k;exports.useUpdateEffect=_;exports.zIndex=r;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@emotion/react");const L=require("@emotion/react/jsx-runtime"),F=require("@emotion/styled/base"),o=require("react"),u=e=>e&&e.__esModule?e:{default:e},S=u(F),l=u(o),Y={uiGrey:{5:"#f6f6f8"},uiAccent:{5:"#f0f9fc"},red:{10:"#feebee",20:"#fecdd2",30:"#ef9a9a",40:"#e57373",50:"#ef5350",60:"#f44336",70:"#e53935",80:"#d32f2f",90:"#c62828",100:"#b71c1c"},green:{10:"#f1f8e9",20:"#dcedc8",30:"#c5e1a5",40:"#aed581",50:"#9ccc65",60:"#8bc34a",70:"#7cb342",80:"#689f38",90:"#558b2f",100:"#33691e"},lime:{10:"#f9fbe7",20:"#f0f4c3",30:"#e6ee9c",40:"#dce775",50:"#d4e157",60:"#cddc39",70:"#c0ca33",80:"#afb42b",90:"#9e9d24",100:"#827717"},indigo:{10:"#e8eaf6",20:"#c5cae9",30:"#9fa8da",40:"#7986cb",50:"#5c6bc0",60:"#3f51b5",70:"#3949ab",80:"#303f9f",90:"#283593",100:"#1a237e"},purple:{10:"#ede7f6",20:"#d1c4e9",30:"#b39ddb",40:"#9575cd",50:"#7e57c2",60:"#673ab7",70:"#5e35b1",80:"#512da8",90:"#4527a0",100:"#311b92"},teal:{10:"#e0f2f1",20:"#b2dfdb",30:"#80cbc4",40:"#4db6ac",50:"#26a69a",60:"#009688",70:"#00897b",80:"#00796b",90:"#00695c",100:"#004d40"},cyan:{10:"#e0f7fa",20:"#b2ebf2",30:"#80deea",40:"#4dd0e1",50:"#26c6da",60:"#00bcd4",70:"#00acc1",80:"#0097a7",90:"#00838f",100:"#006064"},bluegrey:{10:"#eceff1",20:"#cfd8dc",30:"#b0bec5",40:"#90a4ae",50:"#78909c",60:"#607d8b",70:"#546e7a",80:"#455a64",90:"#37474f",100:"#263238"},amber:{10:"#fff8e1",20:"#ffecb3",30:"#ffe082",40:"#ffd54f",50:"#ffca28",60:"#ffc107",70:"#ffb300",80:"#ffa000",90:"#ff8f00",100:"#ff6f00"},pink:{10:"#fce4ec",20:"#f8bbd0",30:"#f48fb1",40:"#f06292",50:"#ec407a",60:"#e91e63",70:"#d81b60",80:"#c2185b",90:"#ad1457",100:"#880e4f"},brown:{10:"#efebe9",20:"#d7ccc8",30:"#bcaaa4",40:"#a1887f",50:"#8d6e63",60:"#795548",70:"#6d4c41",80:"#5d4037",90:"#4e342e",100:"#3e2723"},yellow:{10:"#fffde7",20:"#fff9c4",30:"#fff59d",40:"#fff176",50:"#ffee58",60:"#ffeb3b",70:"#fdd835",80:"#fbc02d",90:"#f9a825",100:"#f57f17"},orange:{10:"#fbe9e7",20:"#ffccbc",30:"#ffab91",40:"#ff8a65",50:"#ff7043",60:"#ff5722",70:"#f4511e",80:"#e64a19",90:"#d84315",100:"#bf360c"}},z={blueGrey:{5:"#f3f5f6",10:"#eaedef",20:"#d0d7dc",30:"#b3bec7",40:"#9aa9b5",50:"#7b8f9e",60:"#637889",70:"#506372",80:"#415361",90:"#334250",100:"#25303c"},brown:{5:"#f5f5f4",10:"#edebe8",20:"#dcd4cb",30:"#bdb2a8",40:"#9e8f80",50:"#84725e",60:"#725e4a",70:"#66523e",80:"#564533",90:"#493a2a",100:"#3b2b1c"},pink:{5:"#fff0f7",10:"#fee6f1",20:"#ffc7e1",30:"#f89bc7",40:"#eb70b0",50:"#e151a1",60:"#d22d94",70:"#c41289",80:"#b2067e",90:"#9d0273",100:"#7d0366"},purple:{5:"#fdf1fe",10:"#fae3fd",20:"#eebff2",30:"#dd90e4",40:"#c763cf",50:"#b343bd",60:"#a432ae",70:"#9726a1",80:"#8c1698",90:"#7e0b88",100:"#670470"},violet:{5:"#f8f4ff",10:"#efeafe",20:"#d8cafc",30:"#bba0f5",40:"#a179ec",50:"#8e5ce5",60:"#8247e1",70:"#7535d4",80:"#6c20cf",90:"#5e08ba",100:"#460891"},indigo:{5:"#f4f4ff",10:"#ebebff",20:"#d2d2ff",30:"#b2b3fa",40:"#9193f5",50:"#7375f4",60:"#5c5ee9",70:"#4b4ddd",80:"#3e3cce",90:"#3734bf",100:"#2b29a2"},blue:{5:"#f0f7fc",10:"#e3f2fd",20:"#c0e3ff",30:"#93cdfc",40:"#64b5f6",50:"#42a5f5",60:"#2094f3",70:"#1e88e5",80:"#1976d2",90:"#1565c0",100:"#0d47a1"},cyan:{5:"#eafcfd",10:"#dbf8fa",20:"#b6e9ed",30:"#81d5db",40:"#51c2ca",50:"#30b2bc",60:"#03a2ab",70:"#00949e",80:"#00858f",90:"#01757e",100:"#045961"},green:{5:"#f3fdf0",10:"#e7fbe0",20:"#ccedc1",30:"#a8db97",40:"#84cb6d",50:"#6ac04d",60:"#56b238",70:"#46a527",80:"#3b961d",90:"#2b800e",100:"#1a6800"},red:{5:"#fff5f6",10:"#ffebed",20:"#ffd2d2",30:"#ffa59e",40:"#fb7b6f",50:"#f45948",60:"#ee412b",70:"#e6341c",80:"#d82a13",90:"#c8250f",100:"#b21b00"},orange:{5:"#fff5eb",10:"#ffeddb",20:"#ffd9b2",30:"#febf81",40:"#fca751",50:"#fb962b",60:"#f9820b",70:"#f97501",80:"#f26202",90:"#e55806",100:"#d14600"},yellow:{5:"#fffadb",10:"#fdf6c3",20:"#fdec96",30:"#f7de6e",40:"#f5d142",50:"#fac529",60:"#f8b612",70:"#f6a904",80:"#f59700",90:"#e58600",100:"#cf7400"},olive:{5:"#fdffdc",10:"#f8fabd",20:"#ebee96",30:"#dce067",40:"#c8cd42",50:"#b9be2d",60:"#abb01c",70:"#9da20e",80:"#8f9401",90:"#7c8001",100:"#5e6100"}};var n=(e=>(e.Base="base",e.TCX="tcx",e.TC5="tc5",e.X5="x5",e))(n||{});const s={[n.Base]:{grey:{5:"#f7f8fa",10:"#eff1f5",20:"#e1e5eb",30:"#cfd4dc",40:"#b4bbc6",50:"#9299a4",60:"#6c737d",70:"#50565e",80:"#3b4047",90:"#2a2e33",100:"#222429"},accent:{5:"#f0f7fc",10:"#e3f2fd",20:"#bbdefb",30:"#90caf9",40:"#64b5f6",50:"#42a5f5",60:"#2196f3",70:"#1e88e5",80:"#1976d2",90:"#1565c0",100:"#0d47a1"}},[n.TCX]:{grey:{5:"#f5f7f7",10:"#f0f2f2",20:"#e3e7e8",30:"#d0d7d9",40:"#b2bdbf",50:"#919c9e",60:"#6d7678",70:"#515859",80:"#3c4142",90:"#2b3030",100:"#222626"},accent:{5:"#f0fcf2",10:"#e1f7e4",20:"#c5e8ca",30:"#99cea0",40:"#72c07d",50:"#55b465",60:"#32a94b",70:"#2a9b43",80:"#1e8737",90:"#0e762c",100:"#00591d"}},[n.TC5]:{grey:{5:"#f5f7f7",10:"#f0f2f2",20:"#e3e7e8",30:"#d0d6d9",40:"#b2bbbf",50:"#919a9e",60:"#6d7578",70:"#515759",80:"#3c4042",90:"#2b2f30",100:"#222526"},accent:{5:"#f0fdf3",10:"#e1fae6",20:"#c3ebca",30:"#98daa5",40:"#6dcb81",50:"#4dc069",60:"#20b44f",70:"#15a546",80:"#00923a",90:"#00812f",100:"#00631f"}},[n.X5]:{grey:{5:"#f5f7f7",10:"#f0f2f2",20:"#e3e8e8",30:"#d0d9d9",40:"#b2bfbf",50:"#919e9e",60:"#6d7878",70:"#515959",80:"#3c4242",90:"#2b3030",100:"#222626"},accent:{5:"#f5fcf0",10:"#ebfae1",20:"#d0f0bb",30:"#b0dd92",40:"#97d26d",50:"#84c950",60:"#6fc031",70:"#5faf2d",80:"#4e9c1f",90:"#3a8918",100:"#0d6706"}}},a={...s.base,white:"#ffffff",additional:z,theme:s,more:Y};function V(){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)."}const x=process.env.NODE_ENV==="production"?{name:"1uy0nzf",styles:"::-webkit-scrollbar{top:0;left:0;right:0;width:16px;bottom:0;height:16px;position:absolute;}::-webkit-scrollbar-button{width:0;height:0;display:none;}::-webkit-scrollbar-thumb{border:4px solid rgba(0, 0, 0, 0);min-height:32px;border-radius:16px;background-clip:padding-box;background-color:#cfd4dc;}::-webkit-scrollbar-corner{display:none;background-color:rgba(0, 0, 0, 0);}"}:{name:"7f5j1q-scroll",styles:"::-webkit-scrollbar{top:0;left:0;right:0;width:16px;bottom:0;height:16px;position:absolute;}::-webkit-scrollbar-button{width:0;height:0;display:none;}::-webkit-scrollbar-thumb{border:4px solid rgba(0, 0, 0, 0);min-height:32px;border-radius:16px;background-clip:padding-box;background-color:#cfd4dc;}::-webkit-scrollbar-corner{display:none;background-color:rgba(0, 0, 0, 0);};label:scroll;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3RoZW1lL3NyYy9zY3JvbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV5QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy90aGVtZS9zcmMvc2Nyb2xsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y3NzfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBzY3JvbGwgPSBjc3NgXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHdpZHRoOiAxNnB4O1xuICAgIGJvdHRvbTogMDtcbiAgICBoZWlnaHQ6IDE2cHg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItYnV0dG9uIHtcbiAgICB3aWR0aDogMDtcbiAgICBoZWlnaHQ6IDA7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuICA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHtcbiAgICBib3JkZXI6IDRweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDApO1xuICAgIG1pbi1oZWlnaHQ6IDMycHg7XG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICBiYWNrZ3JvdW5kLWNsaXA6IHBhZGRpbmctYm94O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNjZmQ0ZGM7XG4gIH1cbiAgOjotd2Via2l0LXNjcm9sbGJhci1jb3JuZXIge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcbiAgfVxuYDtcbiJdfQ== */",toString:V},N="0px 0px 8px rgba(80, 86, 94, 0.08), 0px 1px 2px rgba(80, 86, 94, 0.32)",j="0px 6px 10px rgba(80, 86, 94, 0.02), 0px 2px 18px rgba(80, 86, 94, 0.12), 0px 4px 5px rgba(80, 86, 94, 0.12)",D="0px 24px 38px rgba(80, 86, 94, 0.04), 0px 9px 46px rgba(80, 86, 94, 0.04), 0px 11px 15px rgba(80, 86, 94, 0.1)",p={large:D,medium:j,small:N};var I=(e=>(e.X0="x0",e.X1="x1",e.X2="x2",e.X3="x3",e.X4="x4",e.X5="x5",e.X6="x6",e.X8="x8",e.X10="x10",e.X12="x12",e.X16="x16",e.X20="x20",e))(I||{});const g={x0:0,x1:2,x2:4,x3:6,x4:8,x5:10,x6:12,x8:16,x10:20,x12:24,x16:32,x20:40,join:(...e)=>e.map(t=>`${g[t]}px`).join(" ")};var h=(e=>(e.XLarge="XLarge",e.Large="large",e.Medium="medium",e.Small="small",e.XSmall="XSmall",e.XXSmall="XXSmall",e))(h||{}),X=(e=>(e.Top="top",e.Right="right",e.Bottom="bottom",e.Left="left",e.TopStart="top-start",e.TopEnd="top-end",e.RightStart="right-start",e.RightEnd="right-end",e.BottomStart="bottom-start",e.BottomEnd="bottom-end",e.LeftStart="left-start",e.LeftEnd="left-end",e))(X||{});const U=e=>{if(e.getHours()===0&&e.getMinutes()===0&&e.getSeconds()===0&&e.getMilliseconds()===0)return e;const t=new Date(e.getTime());return t.setHours(0,0,0,0),t},C=e=>/^17|18\./.test(l.default.version)?l.default.forwardRef(e):(({ref:t,...f})=>e(f,t)),Q=e=>String(l.default.version).startsWith("19.")?e.props.ref:e.ref,E=e=>(t,f)=>{let c=e;if(t&&(c+=`-${t}`),f)for(const b in f)f[b]===!0&&(c+=":"+b);return c},M=(e,...t)=>{o.useEffect(()=>{const f=c=>{if(c.target instanceof Element){for(const b of t)if(!b.current||b.current.contains(c.target))return;e(c)}};return document.addEventListener("click",f,!0),()=>{document.removeEventListener("click",f)}},[e])},O=e=>{const t=o.useRef(null),f=e&&typeof e!="function"?e:t;return o.useEffect(()=>{typeof e=="function"&&e(t.current??null)},[e]),f},k=(...e)=>{const t=o.useRef(null);return[t,c=>{t.current=c;for(const b of e)if(b){if(typeof b=="function"){b(c);continue}b.current=c}}]},_=(e,t)=>{const f=o.useRef(!0);o.useEffect(()=>{if(f.current){f.current=!1;return}return e()},t)},T=S.default("div",process.env.NODE_ENV==="production"?{target:"e195o4we0"}:{target:"e195o4we0",label:"Container"})(e=>e.theme.typography[e.variant],process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3RoZW1lL3NyYy90eXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCa0IiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvdGhlbWUvc3JjL3R5cG9ncmFwaHkvVHlwb2dyYXBoeS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7Zm9yd2FyZFJlZn0gZnJvbSAnY29tbW9uJztcblxuaW1wb3J0IHR5cGUge0FuY2hvckhUTUxBdHRyaWJ1dGVzLCBFbGVtZW50VHlwZSwgSFRNTEF0dHJpYnV0ZXN9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzLCBGUkN9IGZyb20gJ2NvbW1vbic7XG5pbXBvcnQgdHlwZSB7VHlwb2dyYXBoeVZhcmlhbnR9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBUeXBvZ3JhcGh5UHJvcHMgPSB7XG4gIC8qKiDQktCw0YDQuNCw0L3RgiAqL1xuICB2YXJpYW50OiBrZXlvZiBUeXBvZ3JhcGh5VmFyaWFudDtcbiAgLyoqIFRhZ05hbWUgLSDQv9C+INGD0LzQvtC70YfQsNC90LjRjiBkaXYgKi9cbiAgYXM/OiBFbGVtZW50VHlwZTtcbn0gJiBQaWNrPFxuICBDU1NQcm9wZXJ0aWVzLFxuICB8ICdjb2xvcidcbiAgfCAnYmFja2dyb3VuZENvbG9yJ1xuICB8ICdwYWRkaW5nJ1xuICB8ICdtYXJnaW4nXG4gIHwgJ2ZvbnRTaXplJ1xuICB8ICdmb250U3R5bGUnXG4gIHwgJ2ZvbnRXZWlnaHQnXG4gIHwgJ2xldHRlclNwYWNpbmcnXG4gIHwgJ2xpbmVIZWlnaHQnXG4gIHwgJ3RleHRBbGlnbidcbiAgfCAndGV4dFRyYW5zZm9ybSdcbiAgfCAndXNlclNlbGVjdCdcbj4gJlxuICBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJlxuICBBbmNob3JIVE1MQXR0cmlidXRlczxIVE1MQW5jaG9yRWxlbWVudD47XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGljazxUeXBvZ3JhcGh5UHJvcHMsICd2YXJpYW50Jz4+KHByb3BzID0+IHByb3BzLnRoZW1lLnR5cG9ncmFwaHlbcHJvcHMudmFyaWFudF0pO1xuXG5leHBvcnQgY29uc3QgVHlwb2dyYXBoeTogRlJDPEhUTUxEaXZFbGVtZW50LCBUeXBvZ3JhcGh5UHJvcHM+ID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgY29sb3IsXG4gICAgYmFja2dyb3VuZENvbG9yLFxuICAgIHBhZGRpbmcsXG4gICAgbWFyZ2luLFxuXG4gICAgZm9udFNpemUsXG4gICAgZm9udFN0eWxlLFxuICAgIGZvbnRXZWlnaHQsXG4gICAgbGV0dGVyU3BhY2luZyxcbiAgICBsaW5lSGVpZ2h0LFxuICAgIHRleHRBbGlnbixcbiAgICB0ZXh0VHJhbnNmb3JtLFxuICAgIHVzZXJTZWxlY3QsXG5cbiAgICBzdHlsZSxcblxuICAgIC4uLnJlc3RcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHJlc3VsdFN0eWxlID0ge1xuICAgIGNvbG9yLFxuICAgIGJhY2tncm91bmRDb2xvcixcbiAgICBwYWRkaW5nLFxuICAgIG1hcmdpbixcbiAgICBmb250U2l6ZSxcbiAgICBmb250U3R5bGUsXG4gICAgZm9udFdlaWdodCxcbiAgICBsZXR0ZXJTcGFjaW5nLFxuICAgIGxpbmVIZWlnaHQsXG4gICAgdGV4dEFsaWduLFxuICAgIHRleHRUcmFuc2Zvcm0sXG4gICAgdXNlclNlbGVjdCxcblxuICAgIC4uLnN0eWxlLFxuICB9O1xuXG4gIHJldHVybiA8Q29udGFpbmVyIHsuLi5yZXN0fSByZWY9e3JlZn0gc3R5bGU9e3Jlc3VsdFN0eWxlfSAvPjtcbn0pO1xuIl19 */"),q=C((e,t)=>{const{color:f,backgroundColor:c,padding:b,margin:G,fontSize:Z,fontStyle:y,fontWeight:m,letterSpacing:W,lineHeight:H,textAlign:A,textTransform:B,userSelect:v,style:J,...R}=e,w={color:f,backgroundColor:c,padding:b,margin:G,fontSize:Z,fontStyle:y,fontWeight:m,letterSpacing:W,lineHeight:H,textAlign:A,textTransform:B,userSelect:v,...J};return L.jsx(T,{...R,ref:t,style:w})}),d={fontFamily:'"X5 Sans UI", Roboto, Arial, Helvetica, sans-serif',WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},K={fontFamily:'"X5 Sans", Roboto, Arial, Helvetica, sans-serif',WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},i={base:d,baseSans:K,h1:{...d,fontSize:"36px",lineHeight:"44px",fontWeight:"400",letterSpacing:"-0.2px"},h2:{...d,fontSize:"28px",lineHeight:"36px",fontWeight:"500",letterSpacing:"0px"},h3:{...d,fontSize:"20px",lineHeight:"24px",fontWeight:"500",letterSpacing:"0.12px"},h4:{...d,fontSize:"16px",lineHeight:"20px",fontWeight:"500",letterSpacing:"0.12px"},h5:{...d,fontSize:"14px",lineHeight:"16px",fontWeight:"500",letterSpacing:"0.08px"},h6:{...d,fontSize:"12px",lineHeight:"16px",fontWeight:"500",letterSpacing:"1.2px",textTransform:"uppercase"},p1:{...d,fontSize:"16px",lineHeight:"24px",fontWeight:"400",letterSpacing:"0.12px"},p1compact:{...d,fontSize:"16px",lineHeight:"20px",fontWeight:"400",letterSpacing:"0.12px"},p2:{...d,fontSize:"14px",lineHeight:"16px",fontWeight:"400",letterSpacing:"0.08px"},p3:{...d,fontSize:"12px",lineHeight:"16px",fontWeight:"400",letterSpacing:"0.08px"}},r={dropdown:800,modal:800,tooltip:800,loader:900,onboarding:1e3,sidepage:700},$={[n.Base]:{typography:i,zIndex:r,colors:a},[n.TCX]:{typography:i,zIndex:r,colors:{...a,...a.theme.tcx}},[n.TC5]:{typography:i,zIndex:r,colors:{...a,...a.theme.tc5}},[n.X5]:{typography:i,zIndex:r,colors:{...a,...a.theme.x5}}},P={colors:a,scroll:x,shadows:p,zIndex:r,spaces:g,typography:i};exports.Placement=X;exports.SizeTokenValue=h;exports.SpaceTokenName=I;exports.ThemeName=n;exports.Typography=q;exports.colors=a;exports.default=P;exports.forwardRef=C;exports.getElementRef=Q;exports.getQAAttribute=E;exports.scroll=x;exports.shadows=p;exports.spaces=g;exports.startOfDay=U;exports.themes=$;exports.typography=i;exports.useClickAway=M;exports.useRefMerge=O;exports.useSetRef=k;exports.useUpdateEffect=_;exports.zIndex=r;
2
2
  //# sourceMappingURL=index.cjs.map
package/dist/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../src/colors/more.ts","../src/colors/additional.ts","../src/types.ts","../src/colors/theme.ts","../src/colors/index.ts","../src/scroll/index.tsx","../src/shadows/index.ts","../src/spaces/index.ts","../src/common/types.ts","../src/common/date.ts","../src/common/forwardRef.ts","../src/common/getQAAttribute.ts","../src/common/useClickAway.ts","../src/common/useRefMerge.ts","../src/common/useUpdateEffect.ts","../src/typography/Typography.tsx","../src/typography/types.ts","../src/index.ts"],"sourcesContent":["import type {MorePalette} from './types';\n\nexport const more: MorePalette = {\n uiGrey: {\n 5: '#f6f6f8',\n },\n\n uiAccent: {\n 5: '#f0f9fc',\n },\n\n red: {\n 10: '#feebee',\n 20: '#fecdd2',\n 30: '#ef9a9a',\n 40: '#e57373',\n 50: '#ef5350',\n 60: '#f44336',\n 70: '#e53935',\n 80: '#d32f2f',\n 90: '#c62828',\n 100: '#b71c1c',\n },\n\n green: {\n 10: '#f1f8e9',\n 20: '#dcedc8',\n 30: '#c5e1a5',\n 40: '#aed581',\n 50: '#9ccc65',\n 60: '#8bc34a',\n 70: '#7cb342',\n 80: '#689f38',\n 90: '#558b2f',\n 100: '#33691e',\n },\n\n lime: {\n 10: '#f9fbe7',\n 20: '#f0f4c3',\n 30: '#e6ee9c',\n 40: '#dce775',\n 50: '#d4e157',\n 60: '#cddc39',\n 70: '#c0ca33',\n 80: '#afb42b',\n 90: '#9e9d24',\n 100: '#827717',\n },\n\n indigo: {\n 10: '#e8eaf6',\n 20: '#c5cae9',\n 30: '#9fa8da',\n 40: '#7986cb',\n 50: '#5c6bc0',\n 60: '#3f51b5',\n 70: '#3949ab',\n 80: '#303f9f',\n 90: '#283593',\n 100: '#1a237e',\n },\n\n purple: {\n 10: '#ede7f6',\n 20: '#d1c4e9',\n 30: '#b39ddb',\n 40: '#9575cd',\n 50: '#7e57c2',\n 60: '#673ab7',\n 70: '#5e35b1',\n 80: '#512da8',\n 90: '#4527a0',\n 100: '#311b92',\n },\n\n teal: {\n 10: '#e0f2f1',\n 20: '#b2dfdb',\n 30: '#80cbc4',\n 40: '#4db6ac',\n 50: '#26a69a',\n 60: '#009688',\n 70: '#00897b',\n 80: '#00796b',\n 90: '#00695c',\n 100: '#004d40',\n },\n\n cyan: {\n 10: '#e0f7fa',\n 20: '#b2ebf2',\n 30: '#80deea',\n 40: '#4dd0e1',\n 50: '#26c6da',\n 60: '#00bcd4',\n 70: '#00acc1',\n 80: '#0097a7',\n 90: '#00838f',\n 100: '#006064',\n },\n\n bluegrey: {\n 10: '#eceff1',\n 20: '#cfd8dc',\n 30: '#b0bec5',\n 40: '#90a4ae',\n 50: '#78909c',\n 60: '#607d8b',\n 70: '#546e7a',\n 80: '#455a64',\n 90: '#37474f',\n 100: '#263238',\n },\n\n amber: {\n 10: '#fff8e1',\n 20: '#ffecb3',\n 30: '#ffe082',\n 40: '#ffd54f',\n 50: '#ffca28',\n 60: '#ffc107',\n 70: '#ffb300',\n 80: '#ffa000',\n 90: '#ff8f00',\n 100: '#ff6f00',\n },\n\n pink: {\n 10: '#fce4ec',\n 20: '#f8bbd0',\n 30: '#f48fb1',\n 40: '#f06292',\n 50: '#ec407a',\n 60: '#e91e63',\n 70: '#d81b60',\n 80: '#c2185b',\n 90: '#ad1457',\n 100: '#880e4f',\n },\n\n brown: {\n 10: '#efebe9',\n 20: '#d7ccc8',\n 30: '#bcaaa4',\n 40: '#a1887f',\n 50: '#8d6e63',\n 60: '#795548',\n 70: '#6d4c41',\n 80: '#5d4037',\n 90: '#4e342e',\n 100: '#3e2723',\n },\n\n yellow: {\n 10: '#fffde7',\n 20: '#fff9c4',\n 30: '#fff59d',\n 40: '#fff176',\n 50: '#ffee58',\n 60: '#ffeb3b',\n 70: '#fdd835',\n 80: '#fbc02d',\n 90: '#f9a825',\n 100: '#f57f17',\n },\n\n orange: {\n 10: '#fbe9e7',\n 20: '#ffccbc',\n 30: '#ffab91',\n 40: '#ff8a65',\n 50: '#ff7043',\n 60: '#ff5722',\n 70: '#f4511e',\n 80: '#e64a19',\n 90: '#d84315',\n 100: '#bf360c',\n },\n} as const;\n","import type {AdditionalPalette} from './types';\n\nexport const additional: AdditionalPalette = {\n blueGrey: {\n 5: '#f3f5f6',\n 10: '#eaedef',\n 20: '#d0d7dc',\n 30: '#b3bec7',\n 40: '#9aa9b5',\n 50: '#7b8f9e',\n 60: '#637889',\n 70: '#506372',\n 80: '#415361',\n 90: '#334250',\n 100: '#25303c',\n },\n\n brown: {\n 5: '#f5f5f4',\n 10: '#edebe8',\n 20: '#dcd4cb',\n 30: '#bdb2a8',\n 40: '#9e8f80',\n 50: '#84725e',\n 60: '#725e4a',\n 70: '#66523e',\n 80: '#564533',\n 90: '#493a2a',\n 100: '#3b2b1c',\n },\n\n pink: {\n 5: '#fff0f7',\n 10: '#fee6f1',\n 20: '#ffc7e1',\n 30: '#f89bc7',\n 40: '#eb70b0',\n 50: '#e151a1',\n 60: '#d22d94',\n 70: '#c41289',\n 80: '#b2067e',\n 90: '#9d0273',\n 100: '#7d0366',\n },\n\n purple: {\n 5: '#fdf1fe',\n 10: '#fae3fd',\n 20: '#eebff2',\n 30: '#dd90e4',\n 40: '#c763cf',\n 50: '#b343bd',\n 60: '#a432ae',\n 70: '#9726a1',\n 80: '#8c1698',\n 90: '#7e0b88',\n 100: '#670470',\n },\n\n violet: {\n 5: '#f8f4ff',\n 10: '#efeafe',\n 20: '#d8cafc',\n 30: '#bba0f5',\n 40: '#a179ec',\n 50: '#8e5ce5',\n 60: '#8247e1',\n 70: '#7535d4',\n 80: '#6c20cf',\n 90: '#5e08ba',\n 100: '#460891',\n },\n\n indigo: {\n 5: '#f4f4ff',\n 10: '#ebebff',\n 20: '#d2d2ff',\n 30: '#b2b3fa',\n 40: '#9193f5',\n 50: '#7375f4',\n 60: '#5c5ee9',\n 70: '#4b4ddd',\n 80: '#3e3cce',\n 90: '#3734bf',\n 100: '#2b29a2',\n },\n\n blue: {\n 5: '#f0f7fc',\n 10: '#e3f2fd',\n 20: '#c0e3ff',\n 30: '#93cdfc',\n 40: '#64b5f6',\n 50: '#42a5f5',\n 60: '#2094f3',\n 70: '#1e88e5',\n 80: '#1976d2',\n 90: '#1565c0',\n 100: '#0d47a1',\n },\n\n cyan: {\n 5: '#eafcfd',\n 10: '#dbf8fa',\n 20: '#b6e9ed',\n 30: '#81d5db',\n 40: '#51c2ca',\n 50: '#30b2bc',\n 60: '#03a2ab',\n 70: '#00949e',\n 80: '#00858f',\n 90: '#01757e',\n 100: '#045961',\n },\n\n green: {\n 5: '#f3fdf0',\n 10: '#e7fbe0',\n 20: '#ccedc1',\n 30: '#a8db97',\n 40: '#84cb6d',\n 50: '#6ac04d',\n 60: '#56b238',\n 70: '#46a527',\n 80: '#3b961d',\n 90: '#2b800e',\n 100: '#1a6800',\n },\n\n red: {\n 5: '#fff5f6',\n 10: '#ffebed',\n 20: '#ffd2d2',\n 30: '#ffa59e',\n 40: '#fb7b6f',\n 50: '#f45948',\n 60: '#ee412b',\n 70: '#e6341c',\n 80: '#d82a13',\n 90: '#c8250f',\n 100: '#b21b00',\n },\n\n orange: {\n 5: '#fff5eb',\n 10: '#ffeddb',\n 20: '#ffd9b2',\n 30: '#febf81',\n 40: '#fca751',\n 50: '#fb962b',\n 60: '#f9820b',\n 70: '#f97501',\n 80: '#f26202',\n 90: '#e55806',\n 100: '#d14600',\n },\n\n yellow: {\n 5: '#fffadb',\n 10: '#fdf6c3',\n 20: '#fdec96',\n 30: '#f7de6e',\n 40: '#f5d142',\n 50: '#fac529',\n 60: '#f8b612',\n 70: '#f6a904',\n 80: '#f59700',\n 90: '#e58600',\n 100: '#cf7400',\n },\n\n olive: {\n 5: '#fdffdc',\n 10: '#f8fabd',\n 20: '#ebee96',\n 30: '#dce067',\n 40: '#c8cd42',\n 50: '#b9be2d',\n 60: '#abb01c',\n 70: '#9da20e',\n 80: '#8f9401',\n 90: '#7c8001',\n 100: '#5e6100',\n },\n} as const;\n","import '@emotion/react';\n\nimport type {Colors} from './colors';\nimport type {TypographyVariant} from './typography';\n\nexport enum ThemeName {\n Base = 'base',\n TCX = 'tcx',\n TC5 = 'tc5',\n X5 = 'x5',\n}\n\nexport type ZIndex = {\n dropdown: number;\n modal: number;\n tooltip: number;\n loader: number;\n onboarding: number;\n sidepage: number;\n};\n\nexport type ThemeProps = {\n /** Цвета */\n colors: Colors;\n\n /** Размеры текста и шрифты */\n typography: TypographyVariant;\n\n /** Отступы */\n zIndex: ZIndex;\n};\n\ndeclare module '@emotion/react' {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n export interface Theme extends ThemeProps {}\n}\n","import {ThemeName} from '../types';\n\nimport type {UIPalette} from './types';\n\nexport const theme: Record<ThemeName, UIPalette> = {\n [ThemeName.Base]: {\n grey: {\n 5: '#f7f8fa',\n 10: '#eff1f5',\n 20: '#e1e5eb',\n 30: '#cfd4dc',\n 40: '#b4bbc6',\n 50: '#9299a4',\n 60: '#6c737d',\n 70: '#50565e',\n 80: '#3b4047',\n 90: '#2a2e33',\n 100: '#222429',\n },\n accent: {\n 5: '#f0f7fc',\n 10: '#e3f2fd',\n 20: '#bbdefb',\n 30: '#90caf9',\n 40: '#64b5f6',\n 50: '#42a5f5',\n 60: '#2196f3',\n 70: '#1e88e5',\n 80: '#1976d2',\n 90: '#1565c0',\n 100: '#0d47a1',\n },\n },\n\n [ThemeName.TCX]: {\n grey: {\n 5: '#f5f7f7',\n 10: '#f0f2f2',\n 20: '#e3e7e8',\n 30: '#d0d7d9',\n 40: '#b2bdbf',\n 50: '#919c9e',\n 60: '#6d7678',\n 70: '#515859',\n 80: '#3c4142',\n 90: '#2b3030',\n 100: '#222626',\n },\n\n accent: {\n 5: '#f0fcf2',\n 10: '#e1f7e4',\n 20: '#c5e8ca',\n 30: '#99cea0',\n 40: '#72c07d',\n 50: '#55b465',\n 60: '#32a94b',\n 70: '#2a9b43',\n 80: '#1e8737',\n 90: '#0e762c',\n 100: '#00591d',\n },\n },\n\n [ThemeName.TC5]: {\n grey: {\n 5: '#f5f7f7',\n 10: '#f0f2f2',\n 20: '#e3e7e8',\n 30: '#d0d6d9',\n 40: '#b2bbbf',\n 50: '#919a9e',\n 60: '#6d7578',\n 70: '#515759',\n 80: '#3c4042',\n 90: '#2b2f30',\n 100: '#222526',\n },\n\n accent: {\n 5: '#f0fdf3',\n 10: '#e1fae6',\n 20: '#c3ebca',\n 30: '#98daa5',\n 40: '#6dcb81',\n 50: '#4dc069',\n 60: '#20b44f',\n 70: '#15a546',\n 80: '#00923a',\n 90: '#00812f',\n 100: '#00631f',\n },\n },\n\n [ThemeName.X5]: {\n grey: {\n 5: '#f5f7f7',\n 10: '#f0f2f2',\n 20: '#e3e8e8',\n 30: '#d0d9d9',\n 40: '#b2bfbf',\n 50: '#919e9e',\n 60: '#6d7878',\n 70: '#515959',\n 80: '#3c4242',\n 90: '#2b3030',\n 100: '#222626',\n },\n\n accent: {\n 5: '#f5fcf0',\n 10: '#ebfae1',\n 20: '#d0f0bb',\n 30: '#b0dd92',\n 40: '#97d26d',\n 50: '#84c950',\n 60: '#6fc031',\n 70: '#5faf2d',\n 80: '#4e9c1f',\n 90: '#3a8918',\n 100: '#0d6706',\n },\n },\n} as const;\n","import {more} from './more';\nimport {additional} from './additional';\nimport {theme} from './theme';\n\nexport * from './types';\n\nexport const colors = {\n ...theme.base,\n\n white: '#ffffff',\n\n additional,\n theme,\n more,\n} as const;\n","import {css} from '@emotion/react';\n\nexport const scroll = css`\n ::-webkit-scrollbar {\n top: 0;\n left: 0;\n right: 0;\n width: 16px;\n bottom: 0;\n height: 16px;\n position: absolute;\n }\n ::-webkit-scrollbar-button {\n width: 0;\n height: 0;\n display: none;\n }\n ::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n min-height: 32px;\n border-radius: 16px;\n background-clip: padding-box;\n background-color: #cfd4dc;\n }\n ::-webkit-scrollbar-corner {\n display: none;\n background-color: rgba(0, 0, 0, 0);\n }\n`;\n","const small = '0px 0px 8px rgba(80, 86, 94, 0.08), 0px 1px 2px rgba(80, 86, 94, 0.32)';\nconst medium =\n '0px 6px 10px rgba(80, 86, 94, 0.02), 0px 2px 18px rgba(80, 86, 94, 0.12), 0px 4px 5px rgba(80, 86, 94, 0.12)';\nconst large =\n '0px 24px 38px rgba(80, 86, 94, 0.04), 0px 9px 46px rgba(80, 86, 94, 0.04), 0px 11px 15px rgba(80, 86, 94, 0.1)';\n\nexport const shadows = {large, medium, small} as const;\n","export type SpaceTokenValue = number;\n\nexport enum SpaceTokenName {\n X0 = 'x0',\n X1 = 'x1',\n X2 = 'x2',\n X3 = 'x3',\n X4 = 'x4',\n X5 = 'x5',\n X6 = 'x6',\n X8 = 'x8',\n X10 = 'x10',\n X12 = 'x12',\n X16 = 'x16',\n X20 = 'x20',\n}\n\nexport type SpaceJoinArgs = Array<SpaceTokenName | `${SpaceTokenName}`>;\n\nexport type SpaceTokenRecord = {\n join: (...args: SpaceJoinArgs) => string;\n} & Record<SpaceTokenName, SpaceTokenValue>;\n\nexport const spaces: SpaceTokenRecord = {\n [SpaceTokenName.X0]: 0,\n [SpaceTokenName.X1]: 2,\n [SpaceTokenName.X2]: 4,\n [SpaceTokenName.X3]: 6,\n [SpaceTokenName.X4]: 8,\n [SpaceTokenName.X5]: 10,\n [SpaceTokenName.X6]: 12,\n [SpaceTokenName.X8]: 16,\n [SpaceTokenName.X10]: 20,\n [SpaceTokenName.X12]: 24,\n [SpaceTokenName.X16]: 32,\n [SpaceTokenName.X20]: 40,\n\n join: (...args) => args.map(key => `${spaces[key]}px`).join(' '),\n};\n","import type {CSSProperties as BaseCSSProperties, ReactNode} from 'react';\n\nexport type PropsWithChildren = {\n children?: ReactNode;\n};\n\nexport type CSSProperties = Omit<BaseCSSProperties, 'template'>;\n\nexport enum SizeTokenValue {\n XLarge = 'XLarge',\n Large = 'large',\n Medium = 'medium',\n Small = 'small',\n XSmall = 'XSmall',\n XXSmall = 'XXSmall',\n}\n\nexport enum Placement {\n Top = 'top',\n Right = 'right',\n Bottom = 'bottom',\n Left = 'left',\n TopStart = 'top-start',\n TopEnd = 'top-end',\n RightStart = 'right-start',\n RightEnd = 'right-end',\n BottomStart = 'bottom-start',\n BottomEnd = 'bottom-end',\n LeftStart = 'left-start',\n LeftEnd = 'left-end',\n}\n","/** Устанавливает дату в начало дня.\n *\n * Возвращает ту-же дату если она уже подходит под условие.\n */\nexport const startOfDay = (date: Date) => {\n if (date.getHours() === 0 && date.getMinutes() === 0 && date.getSeconds() === 0 && date.getMilliseconds() === 0) {\n return date;\n }\n\n const newDate = new Date(date.getTime());\n\n newDate.setHours(0, 0, 0, 0);\n\n return newDate;\n};\n","'use client';\n\nimport React from 'react';\n\nimport type {ReactNode, ForwardedRef, ReactElement} from 'react';\n\ntype RenderFunction<T, P> = (props: P, ref: ForwardedRef<T>) => ReactNode;\n\nexport type FRC<T, P> = React.FC<P & {ref?: ForwardedRef<T>}>;\n\n/** Polyfill обратной совместимости forwardRef React v19 */\nexport const forwardRef = <T, P>(render: RenderFunction<T, P>): FRC<T, P> => {\n if (/^17|18\\./.test(React.version)) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return React.forwardRef(render as any) as any;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return (({ref, ...props}: any) => render(props, ref)) as any;\n};\n\n/** Polyfill обратной совместимости ref React v19 */\nexport const getElementRef = (element: ReactElement) => {\n return String(React.version).startsWith('19.') ? element.props.ref : element['ref'];\n};\n","export type QA = {\n /** data-qa аттрибут */\n qa?: string;\n};\n\nexport type RequiredQA = Required<QA>;\n\n/** Helper работы с data-qa */\nexport const getQAAttribute = (rootName: string) => {\n return (subName?: string | number, state?: Record<string, boolean>): string => {\n let name = rootName;\n\n if (subName) {\n name += `-${subName}`;\n }\n\n if (state) {\n for (const item in state) {\n if (state[item] === true) {\n name += ':' + item;\n }\n }\n }\n\n return name;\n };\n};\n","'use client';\n\nimport {useEffect} from 'react';\n\nimport type {RefObject} from 'react';\n\n/** Обработчик нажатия вне refs */\nexport const useClickAway = (handler: EventListener, ...refs: Array<RefObject<Element>>): void => {\n useEffect(() => {\n const listener = (e: MouseEvent) => {\n if (!(e.target instanceof Element)) {\n return;\n }\n\n for (const ref of refs) {\n if (!ref.current || ref.current.contains(e.target)) {\n return;\n }\n }\n\n handler(e);\n };\n\n document.addEventListener('click', listener, true);\n\n return () => {\n document.removeEventListener('click', listener);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [handler]);\n};\n","'use client';\n\nimport {useEffect, useRef} from 'react';\n\nimport type {Ref, RefObject} from 'react';\n\n/** Объединение ref.\n *\n * Возвращает тот же ref если передан RefObject\n */\nexport const useRefMerge = <T>(baseRef?: Ref<T>) => {\n const innerRef = useRef<T>(null);\n\n const ref = baseRef && typeof baseRef !== 'function' ? baseRef : innerRef;\n\n useEffect(() => {\n if (typeof baseRef === 'function') {\n baseRef(innerRef.current ?? null);\n }\n }, [baseRef]);\n\n return ref;\n};\n\ntype UseSetRef<T> = [RefObject<T>, (el: T | null) => void];\n\n/** Создание ref.\n *\n * Инициализирует все переданные refs\n * Возвращает ref и callback установки ref\n */\nexport const useSetRef = <T>(...refs: Array<Ref<T> | undefined>): UseSetRef<T> => {\n const innerRef = useRef<T>(null);\n\n const setRef = (el: T | null) => {\n // @ts-expect-error readonly\n innerRef.current = el;\n\n for (const ref of refs) {\n if (!ref) {\n continue;\n }\n\n if (typeof ref === 'function') {\n ref(el);\n continue;\n }\n // @ts-expect-error readonly\n ref.current = el;\n }\n };\n\n return [innerRef, setRef];\n};\n","'use client';\n\nimport {useEffect, useRef} from 'react';\n\n/** Обработчик изменения deps, вне первого рендера */\nexport const useUpdateEffect: typeof useEffect = (effect, deps) => {\n const isFirstMount = useRef<boolean>(true);\n\n useEffect(() => {\n if (isFirstMount.current) {\n isFirstMount.current = false;\n return;\n }\n\n return effect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, deps);\n};\n","import styled from '@emotion/styled';\n\nimport {forwardRef} from 'common';\n\nimport type {AnchorHTMLAttributes, ElementType, HTMLAttributes} from 'react';\nimport type {CSSProperties, FRC} from 'common';\nimport type {TypographyVariant} from './types';\n\nexport type TypographyProps = {\n /** Вариант */\n variant: keyof TypographyVariant;\n /** TagName - по умолчанию div */\n as?: ElementType;\n} & Pick<\n CSSProperties,\n | 'color'\n | 'backgroundColor'\n | 'padding'\n | 'margin'\n | 'fontSize'\n | 'fontStyle'\n | 'fontWeight'\n | 'letterSpacing'\n | 'lineHeight'\n | 'textAlign'\n | 'textTransform'\n | 'userSelect'\n> &\n HTMLAttributes<HTMLDivElement> &\n AnchorHTMLAttributes<HTMLAnchorElement>;\n\nconst Container = styled.div<Pick<TypographyProps, 'variant'>>(props => props.theme.typography[props.variant]);\n\nexport const Typography: FRC<HTMLDivElement, TypographyProps> = forwardRef((props, ref) => {\n const {\n color,\n backgroundColor,\n padding,\n margin,\n\n fontSize,\n fontStyle,\n fontWeight,\n letterSpacing,\n lineHeight,\n textAlign,\n textTransform,\n userSelect,\n\n style,\n\n ...rest\n } = props;\n\n const resultStyle = {\n color,\n backgroundColor,\n padding,\n margin,\n fontSize,\n fontStyle,\n fontWeight,\n letterSpacing,\n lineHeight,\n textAlign,\n textTransform,\n userSelect,\n\n ...style,\n };\n\n return <Container {...rest} ref={ref} style={resultStyle} />;\n});\n","import type {CSSProperties} from '../common';\n\nconst base = {\n fontFamily: '\"X5 Sans UI\", Roboto, Arial, Helvetica, sans-serif',\n WebkitFontSmoothing: 'antialiased',\n MozOsxFontSmoothing: 'grayscale',\n};\n\nexport type TypographyVariant = {\n base: CSSProperties;\n h1: CSSProperties;\n h2: CSSProperties;\n h3: CSSProperties;\n h4: CSSProperties;\n h5: CSSProperties;\n h6: CSSProperties;\n p1: CSSProperties;\n p1compact: CSSProperties;\n p2: CSSProperties;\n p3: CSSProperties;\n};\n\nexport const typography: TypographyVariant = {\n base,\n h1: {\n ...base,\n fontSize: '36px',\n lineHeight: '44px',\n fontWeight: '400',\n letterSpacing: '-0.2px',\n },\n h2: {\n ...base,\n fontSize: '28px',\n lineHeight: '36px',\n fontWeight: '500',\n letterSpacing: '0px',\n },\n h3: {\n ...base,\n fontSize: '20px',\n lineHeight: '24px',\n fontWeight: '500',\n letterSpacing: '0.12px',\n },\n h4: {\n ...base,\n fontSize: '16px',\n lineHeight: '20px',\n fontWeight: '500',\n letterSpacing: '0.12px',\n },\n h5: {\n ...base,\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '500',\n letterSpacing: '0.08px',\n },\n h6: {\n ...base,\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '500',\n letterSpacing: '1.2px',\n textTransform: 'uppercase',\n },\n p1: {\n ...base,\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n letterSpacing: '0.12px',\n },\n p1compact: {\n ...base,\n fontSize: '16px',\n lineHeight: '20px',\n fontWeight: '400',\n letterSpacing: '0.12px',\n },\n p2: {\n ...base,\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '400',\n letterSpacing: '0.08px',\n },\n p3: {\n ...base,\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '400',\n letterSpacing: '0.08px',\n },\n} as const;\n","import {colors} from './colors';\nimport {scroll} from './scroll';\nimport {shadows} from './shadows';\nimport {spaces} from './spaces';\nimport {typography} from './typography';\nimport {ThemeName} from './types';\n\nimport type {ThemeProps} from './types';\n\nexport * from './colors';\nexport * from './scroll';\nexport * from './shadows';\nexport * from './spaces';\nexport * from './typography';\n\nexport * from './common';\nexport * from './types';\n\n/** Отступы */\nexport const zIndex = {\n dropdown: 800,\n modal: 800,\n tooltip: 800,\n loader: 900,\n onboarding: 1000,\n sidepage: 700,\n} as const;\n\nexport const themes: Record<ThemeName, ThemeProps> = {\n [ThemeName.Base]: {\n typography,\n zIndex,\n colors,\n },\n [ThemeName.TCX]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.tcx,\n },\n },\n [ThemeName.TC5]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.tc5,\n },\n },\n [ThemeName.X5]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.x5,\n },\n },\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {colors, scroll, shadows, zIndex, spaces, typography};\n"],"names":["more","uiGrey","uiAccent","red","green","lime","indigo","purple","teal","cyan","bluegrey","amber","pink","brown","yellow","orange","additional","blueGrey","violet","blue","olive","ThemeName","Base","TCX","TC5","X5","theme","grey","accent","colors","base","white","scroll","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","small","medium","large","shadows","SpaceTokenName","X0","X1","X2","X3","X4","X6","X8","X10","X12","X16","X20","spaces","join","args","map","key","SizeTokenValue","XLarge","Large","Medium","Small","XSmall","XXSmall","Placement","Top","Right","Bottom","Left","TopStart","TopEnd","RightStart","RightEnd","BottomStart","BottomEnd","LeftStart","LeftEnd","startOfDay","date","getHours","getMinutes","getSeconds","getMilliseconds","newDate","Date","getTime","setHours","forwardRef","render","test","React","version","ref","props","getElementRef","element","String","startsWith","getQAAttribute","rootName","subName","state","item","useClickAway","handler","refs","useEffect","listener","e","target","Element","current","contains","document","addEventListener","removeEventListener","useRefMerge","baseRef","innerRef","useRef","useSetRef","el","useUpdateEffect","effect","deps","isFirstMount","Container","_styled","label","typography","variant","Typography","color","backgroundColor","padding","margin","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","textAlign","textTransform","userSelect","style","rest","resultStyle","fontFamily","WebkitFontSmoothing","MozOsxFontSmoothing","h1","h2","h3","h4","h5","h6","p1","p1compact","p2","p3","zIndex","dropdown","modal","tooltip","loader","onboarding","sidepage","themes","tcx","tc5","x5","index"],"mappings":"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"}
1
+ {"version":3,"file":"index.cjs","sources":["../src/colors/more.ts","../src/colors/additional.ts","../src/types.ts","../src/colors/theme.ts","../src/colors/index.ts","../src/scroll/index.tsx","../src/shadows/index.ts","../src/spaces/index.ts","../src/common/types.ts","../src/common/date.ts","../src/common/forwardRef.ts","../src/common/getQAAttribute.ts","../src/common/useClickAway.ts","../src/common/useRefMerge.ts","../src/common/useUpdateEffect.ts","../src/typography/Typography.tsx","../src/typography/types.ts","../src/index.ts"],"sourcesContent":["import type {MorePalette} from './types';\n\nexport const more: MorePalette = {\n uiGrey: {\n 5: '#f6f6f8',\n },\n\n uiAccent: {\n 5: '#f0f9fc',\n },\n\n red: {\n 10: '#feebee',\n 20: '#fecdd2',\n 30: '#ef9a9a',\n 40: '#e57373',\n 50: '#ef5350',\n 60: '#f44336',\n 70: '#e53935',\n 80: '#d32f2f',\n 90: '#c62828',\n 100: '#b71c1c',\n },\n\n green: {\n 10: '#f1f8e9',\n 20: '#dcedc8',\n 30: '#c5e1a5',\n 40: '#aed581',\n 50: '#9ccc65',\n 60: '#8bc34a',\n 70: '#7cb342',\n 80: '#689f38',\n 90: '#558b2f',\n 100: '#33691e',\n },\n\n lime: {\n 10: '#f9fbe7',\n 20: '#f0f4c3',\n 30: '#e6ee9c',\n 40: '#dce775',\n 50: '#d4e157',\n 60: '#cddc39',\n 70: '#c0ca33',\n 80: '#afb42b',\n 90: '#9e9d24',\n 100: '#827717',\n },\n\n indigo: {\n 10: '#e8eaf6',\n 20: '#c5cae9',\n 30: '#9fa8da',\n 40: '#7986cb',\n 50: '#5c6bc0',\n 60: '#3f51b5',\n 70: '#3949ab',\n 80: '#303f9f',\n 90: '#283593',\n 100: '#1a237e',\n },\n\n purple: {\n 10: '#ede7f6',\n 20: '#d1c4e9',\n 30: '#b39ddb',\n 40: '#9575cd',\n 50: '#7e57c2',\n 60: '#673ab7',\n 70: '#5e35b1',\n 80: '#512da8',\n 90: '#4527a0',\n 100: '#311b92',\n },\n\n teal: {\n 10: '#e0f2f1',\n 20: '#b2dfdb',\n 30: '#80cbc4',\n 40: '#4db6ac',\n 50: '#26a69a',\n 60: '#009688',\n 70: '#00897b',\n 80: '#00796b',\n 90: '#00695c',\n 100: '#004d40',\n },\n\n cyan: {\n 10: '#e0f7fa',\n 20: '#b2ebf2',\n 30: '#80deea',\n 40: '#4dd0e1',\n 50: '#26c6da',\n 60: '#00bcd4',\n 70: '#00acc1',\n 80: '#0097a7',\n 90: '#00838f',\n 100: '#006064',\n },\n\n bluegrey: {\n 10: '#eceff1',\n 20: '#cfd8dc',\n 30: '#b0bec5',\n 40: '#90a4ae',\n 50: '#78909c',\n 60: '#607d8b',\n 70: '#546e7a',\n 80: '#455a64',\n 90: '#37474f',\n 100: '#263238',\n },\n\n amber: {\n 10: '#fff8e1',\n 20: '#ffecb3',\n 30: '#ffe082',\n 40: '#ffd54f',\n 50: '#ffca28',\n 60: '#ffc107',\n 70: '#ffb300',\n 80: '#ffa000',\n 90: '#ff8f00',\n 100: '#ff6f00',\n },\n\n pink: {\n 10: '#fce4ec',\n 20: '#f8bbd0',\n 30: '#f48fb1',\n 40: '#f06292',\n 50: '#ec407a',\n 60: '#e91e63',\n 70: '#d81b60',\n 80: '#c2185b',\n 90: '#ad1457',\n 100: '#880e4f',\n },\n\n brown: {\n 10: '#efebe9',\n 20: '#d7ccc8',\n 30: '#bcaaa4',\n 40: '#a1887f',\n 50: '#8d6e63',\n 60: '#795548',\n 70: '#6d4c41',\n 80: '#5d4037',\n 90: '#4e342e',\n 100: '#3e2723',\n },\n\n yellow: {\n 10: '#fffde7',\n 20: '#fff9c4',\n 30: '#fff59d',\n 40: '#fff176',\n 50: '#ffee58',\n 60: '#ffeb3b',\n 70: '#fdd835',\n 80: '#fbc02d',\n 90: '#f9a825',\n 100: '#f57f17',\n },\n\n orange: {\n 10: '#fbe9e7',\n 20: '#ffccbc',\n 30: '#ffab91',\n 40: '#ff8a65',\n 50: '#ff7043',\n 60: '#ff5722',\n 70: '#f4511e',\n 80: '#e64a19',\n 90: '#d84315',\n 100: '#bf360c',\n },\n} as const;\n","import type {AdditionalPalette} from './types';\n\nexport const additional: AdditionalPalette = {\n blueGrey: {\n 5: '#f3f5f6',\n 10: '#eaedef',\n 20: '#d0d7dc',\n 30: '#b3bec7',\n 40: '#9aa9b5',\n 50: '#7b8f9e',\n 60: '#637889',\n 70: '#506372',\n 80: '#415361',\n 90: '#334250',\n 100: '#25303c',\n },\n\n brown: {\n 5: '#f5f5f4',\n 10: '#edebe8',\n 20: '#dcd4cb',\n 30: '#bdb2a8',\n 40: '#9e8f80',\n 50: '#84725e',\n 60: '#725e4a',\n 70: '#66523e',\n 80: '#564533',\n 90: '#493a2a',\n 100: '#3b2b1c',\n },\n\n pink: {\n 5: '#fff0f7',\n 10: '#fee6f1',\n 20: '#ffc7e1',\n 30: '#f89bc7',\n 40: '#eb70b0',\n 50: '#e151a1',\n 60: '#d22d94',\n 70: '#c41289',\n 80: '#b2067e',\n 90: '#9d0273',\n 100: '#7d0366',\n },\n\n purple: {\n 5: '#fdf1fe',\n 10: '#fae3fd',\n 20: '#eebff2',\n 30: '#dd90e4',\n 40: '#c763cf',\n 50: '#b343bd',\n 60: '#a432ae',\n 70: '#9726a1',\n 80: '#8c1698',\n 90: '#7e0b88',\n 100: '#670470',\n },\n\n violet: {\n 5: '#f8f4ff',\n 10: '#efeafe',\n 20: '#d8cafc',\n 30: '#bba0f5',\n 40: '#a179ec',\n 50: '#8e5ce5',\n 60: '#8247e1',\n 70: '#7535d4',\n 80: '#6c20cf',\n 90: '#5e08ba',\n 100: '#460891',\n },\n\n indigo: {\n 5: '#f4f4ff',\n 10: '#ebebff',\n 20: '#d2d2ff',\n 30: '#b2b3fa',\n 40: '#9193f5',\n 50: '#7375f4',\n 60: '#5c5ee9',\n 70: '#4b4ddd',\n 80: '#3e3cce',\n 90: '#3734bf',\n 100: '#2b29a2',\n },\n\n blue: {\n 5: '#f0f7fc',\n 10: '#e3f2fd',\n 20: '#c0e3ff',\n 30: '#93cdfc',\n 40: '#64b5f6',\n 50: '#42a5f5',\n 60: '#2094f3',\n 70: '#1e88e5',\n 80: '#1976d2',\n 90: '#1565c0',\n 100: '#0d47a1',\n },\n\n cyan: {\n 5: '#eafcfd',\n 10: '#dbf8fa',\n 20: '#b6e9ed',\n 30: '#81d5db',\n 40: '#51c2ca',\n 50: '#30b2bc',\n 60: '#03a2ab',\n 70: '#00949e',\n 80: '#00858f',\n 90: '#01757e',\n 100: '#045961',\n },\n\n green: {\n 5: '#f3fdf0',\n 10: '#e7fbe0',\n 20: '#ccedc1',\n 30: '#a8db97',\n 40: '#84cb6d',\n 50: '#6ac04d',\n 60: '#56b238',\n 70: '#46a527',\n 80: '#3b961d',\n 90: '#2b800e',\n 100: '#1a6800',\n },\n\n red: {\n 5: '#fff5f6',\n 10: '#ffebed',\n 20: '#ffd2d2',\n 30: '#ffa59e',\n 40: '#fb7b6f',\n 50: '#f45948',\n 60: '#ee412b',\n 70: '#e6341c',\n 80: '#d82a13',\n 90: '#c8250f',\n 100: '#b21b00',\n },\n\n orange: {\n 5: '#fff5eb',\n 10: '#ffeddb',\n 20: '#ffd9b2',\n 30: '#febf81',\n 40: '#fca751',\n 50: '#fb962b',\n 60: '#f9820b',\n 70: '#f97501',\n 80: '#f26202',\n 90: '#e55806',\n 100: '#d14600',\n },\n\n yellow: {\n 5: '#fffadb',\n 10: '#fdf6c3',\n 20: '#fdec96',\n 30: '#f7de6e',\n 40: '#f5d142',\n 50: '#fac529',\n 60: '#f8b612',\n 70: '#f6a904',\n 80: '#f59700',\n 90: '#e58600',\n 100: '#cf7400',\n },\n\n olive: {\n 5: '#fdffdc',\n 10: '#f8fabd',\n 20: '#ebee96',\n 30: '#dce067',\n 40: '#c8cd42',\n 50: '#b9be2d',\n 60: '#abb01c',\n 70: '#9da20e',\n 80: '#8f9401',\n 90: '#7c8001',\n 100: '#5e6100',\n },\n} as const;\n","import '@emotion/react';\n\nimport type {Colors} from './colors';\nimport type {TypographyVariant} from './typography';\n\nexport enum ThemeName {\n Base = 'base',\n TCX = 'tcx',\n TC5 = 'tc5',\n X5 = 'x5',\n}\n\nexport type ZIndex = {\n dropdown: number;\n modal: number;\n tooltip: number;\n loader: number;\n onboarding: number;\n sidepage: number;\n};\n\nexport type ThemeProps = {\n /** Цвета */\n colors: Colors;\n\n /** Размеры текста и шрифты */\n typography: TypographyVariant;\n\n /** Отступы */\n zIndex: ZIndex;\n};\n\ndeclare module '@emotion/react' {\n // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n export interface Theme extends ThemeProps {}\n}\n","import {ThemeName} from '../types';\n\nimport type {UIPalette} from './types';\n\nexport const theme: Record<ThemeName, UIPalette> = {\n [ThemeName.Base]: {\n grey: {\n 5: '#f7f8fa',\n 10: '#eff1f5',\n 20: '#e1e5eb',\n 30: '#cfd4dc',\n 40: '#b4bbc6',\n 50: '#9299a4',\n 60: '#6c737d',\n 70: '#50565e',\n 80: '#3b4047',\n 90: '#2a2e33',\n 100: '#222429',\n },\n accent: {\n 5: '#f0f7fc',\n 10: '#e3f2fd',\n 20: '#bbdefb',\n 30: '#90caf9',\n 40: '#64b5f6',\n 50: '#42a5f5',\n 60: '#2196f3',\n 70: '#1e88e5',\n 80: '#1976d2',\n 90: '#1565c0',\n 100: '#0d47a1',\n },\n },\n\n [ThemeName.TCX]: {\n grey: {\n 5: '#f5f7f7',\n 10: '#f0f2f2',\n 20: '#e3e7e8',\n 30: '#d0d7d9',\n 40: '#b2bdbf',\n 50: '#919c9e',\n 60: '#6d7678',\n 70: '#515859',\n 80: '#3c4142',\n 90: '#2b3030',\n 100: '#222626',\n },\n\n accent: {\n 5: '#f0fcf2',\n 10: '#e1f7e4',\n 20: '#c5e8ca',\n 30: '#99cea0',\n 40: '#72c07d',\n 50: '#55b465',\n 60: '#32a94b',\n 70: '#2a9b43',\n 80: '#1e8737',\n 90: '#0e762c',\n 100: '#00591d',\n },\n },\n\n [ThemeName.TC5]: {\n grey: {\n 5: '#f5f7f7',\n 10: '#f0f2f2',\n 20: '#e3e7e8',\n 30: '#d0d6d9',\n 40: '#b2bbbf',\n 50: '#919a9e',\n 60: '#6d7578',\n 70: '#515759',\n 80: '#3c4042',\n 90: '#2b2f30',\n 100: '#222526',\n },\n\n accent: {\n 5: '#f0fdf3',\n 10: '#e1fae6',\n 20: '#c3ebca',\n 30: '#98daa5',\n 40: '#6dcb81',\n 50: '#4dc069',\n 60: '#20b44f',\n 70: '#15a546',\n 80: '#00923a',\n 90: '#00812f',\n 100: '#00631f',\n },\n },\n\n [ThemeName.X5]: {\n grey: {\n 5: '#f5f7f7',\n 10: '#f0f2f2',\n 20: '#e3e8e8',\n 30: '#d0d9d9',\n 40: '#b2bfbf',\n 50: '#919e9e',\n 60: '#6d7878',\n 70: '#515959',\n 80: '#3c4242',\n 90: '#2b3030',\n 100: '#222626',\n },\n\n accent: {\n 5: '#f5fcf0',\n 10: '#ebfae1',\n 20: '#d0f0bb',\n 30: '#b0dd92',\n 40: '#97d26d',\n 50: '#84c950',\n 60: '#6fc031',\n 70: '#5faf2d',\n 80: '#4e9c1f',\n 90: '#3a8918',\n 100: '#0d6706',\n },\n },\n} as const;\n","import {more} from './more';\nimport {additional} from './additional';\nimport {theme} from './theme';\n\nexport * from './types';\n\nexport const colors = {\n ...theme.base,\n\n white: '#ffffff',\n\n additional,\n theme,\n more,\n} as const;\n","import {css} from '@emotion/react';\n\nexport const scroll = css`\n ::-webkit-scrollbar {\n top: 0;\n left: 0;\n right: 0;\n width: 16px;\n bottom: 0;\n height: 16px;\n position: absolute;\n }\n ::-webkit-scrollbar-button {\n width: 0;\n height: 0;\n display: none;\n }\n ::-webkit-scrollbar-thumb {\n border: 4px solid rgba(0, 0, 0, 0);\n min-height: 32px;\n border-radius: 16px;\n background-clip: padding-box;\n background-color: #cfd4dc;\n }\n ::-webkit-scrollbar-corner {\n display: none;\n background-color: rgba(0, 0, 0, 0);\n }\n`;\n","const small = '0px 0px 8px rgba(80, 86, 94, 0.08), 0px 1px 2px rgba(80, 86, 94, 0.32)';\nconst medium =\n '0px 6px 10px rgba(80, 86, 94, 0.02), 0px 2px 18px rgba(80, 86, 94, 0.12), 0px 4px 5px rgba(80, 86, 94, 0.12)';\nconst large =\n '0px 24px 38px rgba(80, 86, 94, 0.04), 0px 9px 46px rgba(80, 86, 94, 0.04), 0px 11px 15px rgba(80, 86, 94, 0.1)';\n\nexport const shadows = {large, medium, small} as const;\n","export type SpaceTokenValue = number;\n\nexport enum SpaceTokenName {\n X0 = 'x0',\n X1 = 'x1',\n X2 = 'x2',\n X3 = 'x3',\n X4 = 'x4',\n X5 = 'x5',\n X6 = 'x6',\n X8 = 'x8',\n X10 = 'x10',\n X12 = 'x12',\n X16 = 'x16',\n X20 = 'x20',\n}\n\nexport type SpaceJoinArgs = Array<SpaceTokenName | `${SpaceTokenName}`>;\n\nexport type SpaceTokenRecord = {\n join: (...args: SpaceJoinArgs) => string;\n} & Record<SpaceTokenName, SpaceTokenValue>;\n\nexport const spaces: SpaceTokenRecord = {\n [SpaceTokenName.X0]: 0,\n [SpaceTokenName.X1]: 2,\n [SpaceTokenName.X2]: 4,\n [SpaceTokenName.X3]: 6,\n [SpaceTokenName.X4]: 8,\n [SpaceTokenName.X5]: 10,\n [SpaceTokenName.X6]: 12,\n [SpaceTokenName.X8]: 16,\n [SpaceTokenName.X10]: 20,\n [SpaceTokenName.X12]: 24,\n [SpaceTokenName.X16]: 32,\n [SpaceTokenName.X20]: 40,\n\n join: (...args) => args.map(key => `${spaces[key]}px`).join(' '),\n};\n","import type {CSSProperties as BaseCSSProperties, ReactNode} from 'react';\n\nexport type PropsWithChildren = {\n children?: ReactNode;\n};\n\nexport type CSSProperties = Omit<BaseCSSProperties, 'template'>;\n\nexport enum SizeTokenValue {\n XLarge = 'XLarge',\n Large = 'large',\n Medium = 'medium',\n Small = 'small',\n XSmall = 'XSmall',\n XXSmall = 'XXSmall',\n}\n\nexport enum Placement {\n Top = 'top',\n Right = 'right',\n Bottom = 'bottom',\n Left = 'left',\n TopStart = 'top-start',\n TopEnd = 'top-end',\n RightStart = 'right-start',\n RightEnd = 'right-end',\n BottomStart = 'bottom-start',\n BottomEnd = 'bottom-end',\n LeftStart = 'left-start',\n LeftEnd = 'left-end',\n}\n","/** Устанавливает дату в начало дня.\n *\n * Возвращает ту-же дату если она уже подходит под условие.\n */\nexport const startOfDay = (date: Date) => {\n if (date.getHours() === 0 && date.getMinutes() === 0 && date.getSeconds() === 0 && date.getMilliseconds() === 0) {\n return date;\n }\n\n const newDate = new Date(date.getTime());\n\n newDate.setHours(0, 0, 0, 0);\n\n return newDate;\n};\n","'use client';\n\nimport React from 'react';\n\nimport type {ReactNode, ForwardedRef, ReactElement} from 'react';\n\ntype RenderFunction<T, P> = (props: P, ref: ForwardedRef<T>) => ReactNode;\n\nexport type FRC<T, P> = React.FC<P & {ref?: ForwardedRef<T>}>;\n\n/** Polyfill обратной совместимости forwardRef React v19 */\nexport const forwardRef = <T, P>(render: RenderFunction<T, P>): FRC<T, P> => {\n if (/^17|18\\./.test(React.version)) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return React.forwardRef(render as any) as any;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return (({ref, ...props}: any) => render(props, ref)) as any;\n};\n\n/** Polyfill обратной совместимости ref React v19 */\nexport const getElementRef = (element: ReactElement) => {\n return String(React.version).startsWith('19.') ? element.props.ref : element['ref'];\n};\n","export type QA = {\n /** data-qa аттрибут */\n qa?: string;\n};\n\nexport type RequiredQA = Required<QA>;\n\n/** Helper работы с data-qa */\nexport const getQAAttribute = (rootName: string) => {\n return (subName?: string | number, state?: Record<string, boolean>): string => {\n let name = rootName;\n\n if (subName) {\n name += `-${subName}`;\n }\n\n if (state) {\n for (const item in state) {\n if (state[item] === true) {\n name += ':' + item;\n }\n }\n }\n\n return name;\n };\n};\n","'use client';\n\nimport {useEffect} from 'react';\n\nimport type {RefObject} from 'react';\n\n/** Обработчик нажатия вне refs */\nexport const useClickAway = (handler: EventListener, ...refs: Array<RefObject<Element>>): void => {\n useEffect(() => {\n const listener = (e: MouseEvent) => {\n if (!(e.target instanceof Element)) {\n return;\n }\n\n for (const ref of refs) {\n if (!ref.current || ref.current.contains(e.target)) {\n return;\n }\n }\n\n handler(e);\n };\n\n document.addEventListener('click', listener, true);\n\n return () => {\n document.removeEventListener('click', listener);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [handler]);\n};\n","'use client';\n\nimport {useEffect, useRef} from 'react';\n\nimport type {Ref, RefObject} from 'react';\n\n/** Объединение ref.\n *\n * Возвращает тот же ref если передан RefObject\n */\nexport const useRefMerge = <T>(baseRef?: Ref<T>) => {\n const innerRef = useRef<T>(null);\n\n const ref = baseRef && typeof baseRef !== 'function' ? baseRef : innerRef;\n\n useEffect(() => {\n if (typeof baseRef === 'function') {\n baseRef(innerRef.current ?? null);\n }\n }, [baseRef]);\n\n return ref;\n};\n\ntype UseSetRef<T> = [RefObject<T>, (el: T | null) => void];\n\n/** Создание ref.\n *\n * Инициализирует все переданные refs\n * Возвращает ref и callback установки ref\n */\nexport const useSetRef = <T>(...refs: Array<Ref<T> | undefined>): UseSetRef<T> => {\n const innerRef = useRef<T>(null);\n\n const setRef = (el: T | null) => {\n // @ts-expect-error readonly\n innerRef.current = el;\n\n for (const ref of refs) {\n if (!ref) {\n continue;\n }\n\n if (typeof ref === 'function') {\n ref(el);\n continue;\n }\n // @ts-expect-error readonly\n ref.current = el;\n }\n };\n\n return [innerRef, setRef];\n};\n","'use client';\n\nimport {useEffect, useRef} from 'react';\n\n/** Обработчик изменения deps, вне первого рендера */\nexport const useUpdateEffect: typeof useEffect = (effect, deps) => {\n const isFirstMount = useRef<boolean>(true);\n\n useEffect(() => {\n if (isFirstMount.current) {\n isFirstMount.current = false;\n return;\n }\n\n return effect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, deps);\n};\n","import styled from '@emotion/styled';\n\nimport {forwardRef} from 'common';\n\nimport type {AnchorHTMLAttributes, ElementType, HTMLAttributes} from 'react';\nimport type {CSSProperties, FRC} from 'common';\nimport type {TypographyVariant} from './types';\n\nexport type TypographyProps = {\n /** Вариант */\n variant: keyof TypographyVariant;\n /** TagName - по умолчанию div */\n as?: ElementType;\n} & Pick<\n CSSProperties,\n | 'color'\n | 'backgroundColor'\n | 'padding'\n | 'margin'\n | 'fontSize'\n | 'fontStyle'\n | 'fontWeight'\n | 'letterSpacing'\n | 'lineHeight'\n | 'textAlign'\n | 'textTransform'\n | 'userSelect'\n> &\n HTMLAttributes<HTMLDivElement> &\n AnchorHTMLAttributes<HTMLAnchorElement>;\n\nconst Container = styled.div<Pick<TypographyProps, 'variant'>>(props => props.theme.typography[props.variant]);\n\nexport const Typography: FRC<HTMLDivElement, TypographyProps> = forwardRef((props, ref) => {\n const {\n color,\n backgroundColor,\n padding,\n margin,\n\n fontSize,\n fontStyle,\n fontWeight,\n letterSpacing,\n lineHeight,\n textAlign,\n textTransform,\n userSelect,\n\n style,\n\n ...rest\n } = props;\n\n const resultStyle = {\n color,\n backgroundColor,\n padding,\n margin,\n fontSize,\n fontStyle,\n fontWeight,\n letterSpacing,\n lineHeight,\n textAlign,\n textTransform,\n userSelect,\n\n ...style,\n };\n\n return <Container {...rest} ref={ref} style={resultStyle} />;\n});\n","import type {CSSProperties} from '../common';\n\nconst base = {\n fontFamily: '\"X5 Sans UI\", Roboto, Arial, Helvetica, sans-serif',\n WebkitFontSmoothing: 'antialiased',\n MozOsxFontSmoothing: 'grayscale',\n};\n\nconst baseSans = {\n fontFamily: '\"X5 Sans\", Roboto, Arial, Helvetica, sans-serif',\n WebkitFontSmoothing: 'antialiased',\n MozOsxFontSmoothing: 'grayscale',\n};\n\nexport type TypographyVariant = {\n base: CSSProperties;\n baseSans: CSSProperties;\n h1: CSSProperties;\n h2: CSSProperties;\n h3: CSSProperties;\n h4: CSSProperties;\n h5: CSSProperties;\n h6: CSSProperties;\n p1: CSSProperties;\n p1compact: CSSProperties;\n p2: CSSProperties;\n p3: CSSProperties;\n};\n\nexport const typography: TypographyVariant = {\n base,\n baseSans,\n h1: {\n ...base,\n fontSize: '36px',\n lineHeight: '44px',\n fontWeight: '400',\n letterSpacing: '-0.2px',\n },\n h2: {\n ...base,\n fontSize: '28px',\n lineHeight: '36px',\n fontWeight: '500',\n letterSpacing: '0px',\n },\n h3: {\n ...base,\n fontSize: '20px',\n lineHeight: '24px',\n fontWeight: '500',\n letterSpacing: '0.12px',\n },\n h4: {\n ...base,\n fontSize: '16px',\n lineHeight: '20px',\n fontWeight: '500',\n letterSpacing: '0.12px',\n },\n h5: {\n ...base,\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '500',\n letterSpacing: '0.08px',\n },\n h6: {\n ...base,\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '500',\n letterSpacing: '1.2px',\n textTransform: 'uppercase',\n },\n p1: {\n ...base,\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n letterSpacing: '0.12px',\n },\n p1compact: {\n ...base,\n fontSize: '16px',\n lineHeight: '20px',\n fontWeight: '400',\n letterSpacing: '0.12px',\n },\n p2: {\n ...base,\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '400',\n letterSpacing: '0.08px',\n },\n p3: {\n ...base,\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '400',\n letterSpacing: '0.08px',\n },\n} as const;\n","import {colors} from './colors';\nimport {scroll} from './scroll';\nimport {shadows} from './shadows';\nimport {spaces} from './spaces';\nimport {typography} from './typography';\nimport {ThemeName} from './types';\n\nimport type {ThemeProps} from './types';\n\nexport * from './colors';\nexport * from './scroll';\nexport * from './shadows';\nexport * from './spaces';\nexport * from './typography';\n\nexport * from './common';\nexport * from './types';\n\n/** Отступы */\nexport const zIndex = {\n dropdown: 800,\n modal: 800,\n tooltip: 800,\n loader: 900,\n onboarding: 1000,\n sidepage: 700,\n} as const;\n\nexport const themes: Record<ThemeName, ThemeProps> = {\n [ThemeName.Base]: {\n typography,\n zIndex,\n colors,\n },\n [ThemeName.TCX]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.tcx,\n },\n },\n [ThemeName.TC5]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.tc5,\n },\n },\n [ThemeName.X5]: {\n typography,\n zIndex,\n colors: {\n ...colors,\n ...colors.theme.x5,\n },\n },\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {colors, scroll, shadows, zIndex, spaces, typography};\n"],"names":["more","uiGrey","uiAccent","red","green","lime","indigo","purple","teal","cyan","bluegrey","amber","pink","brown","yellow","orange","additional","blueGrey","violet","blue","olive","ThemeName","Base","TCX","TC5","X5","theme","grey","accent","colors","base","white","scroll","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","small","medium","large","shadows","SpaceTokenName","X0","X1","X2","X3","X4","X6","X8","X10","X12","X16","X20","spaces","join","args","map","key","SizeTokenValue","XLarge","Large","Medium","Small","XSmall","XXSmall","Placement","Top","Right","Bottom","Left","TopStart","TopEnd","RightStart","RightEnd","BottomStart","BottomEnd","LeftStart","LeftEnd","startOfDay","date","getHours","getMinutes","getSeconds","getMilliseconds","newDate","Date","getTime","setHours","forwardRef","render","test","React","version","ref","props","getElementRef","element","String","startsWith","getQAAttribute","rootName","subName","state","item","useClickAway","handler","refs","useEffect","listener","e","target","Element","current","contains","document","addEventListener","removeEventListener","useRefMerge","baseRef","innerRef","useRef","useSetRef","el","useUpdateEffect","effect","deps","isFirstMount","Container","_styled","label","typography","variant","Typography","color","backgroundColor","padding","margin","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","textAlign","textTransform","userSelect","style","rest","resultStyle","fontFamily","WebkitFontSmoothing","MozOsxFontSmoothing","baseSans","h1","h2","h3","h4","h5","h6","p1","p1compact","p2","p3","zIndex","dropdown","modal","tooltip","loader","onboarding","sidepage","themes","tcx","tc5","x5","index"],"mappings":"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"}
package/dist/typography/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { CSSProperties } from '../common';
2
2
  export type TypographyVariant = {
3
3
  base: CSSProperties;
4
+ baseSans: CSSProperties;
4
5
  h1: CSSProperties;
5
6
  h2: CSSProperties;
6
7
  h3: CSSProperties;
package/dist/typography/types.es.js CHANGED
@@ -3,7 +3,12 @@ const t = {
3
3
  WebkitFontSmoothing: "antialiased",
4
4
  MozOsxFontSmoothing: "grayscale"
5
5
  }, e = {
6
+ fontFamily: '"X5 Sans", Roboto, Arial, Helvetica, sans-serif',
7
+ WebkitFontSmoothing: "antialiased",
8
+ MozOsxFontSmoothing: "grayscale"
9
+ }, i = {
6
10
  base: t,
11
+ baseSans: e,
7
12
  h1: {
8
13
  ...t,
9
14
  fontSize: "36px",
@@ -77,6 +82,6 @@ const t = {
77
82
  }
78
83
  };
79
84
  export {
80
- e as typography
85
+ i as typography
81
86
  };
82
87
  //# sourceMappingURL=types.es.js.map
package/dist/typography/types.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.es.js","sources":["../../src/typography/types.ts"],"sourcesContent":["import type {CSSProperties} from '../common';\n\nconst base = {\n fontFamily: '\"X5 Sans UI\", Roboto, Arial, Helvetica, sans-serif',\n WebkitFontSmoothing: 'antialiased',\n MozOsxFontSmoothing: 'grayscale',\n};\n\nexport type TypographyVariant = {\n base: CSSProperties;\n h1: CSSProperties;\n h2: CSSProperties;\n h3: CSSProperties;\n h4: CSSProperties;\n h5: CSSProperties;\n h6: CSSProperties;\n p1: CSSProperties;\n p1compact: CSSProperties;\n p2: CSSProperties;\n p3: CSSProperties;\n};\n\nexport const typography: TypographyVariant = {\n base,\n h1: {\n ...base,\n fontSize: '36px',\n lineHeight: '44px',\n fontWeight: '400',\n letterSpacing: '-0.2px',\n },\n h2: {\n ...base,\n fontSize: '28px',\n lineHeight: '36px',\n fontWeight: '500',\n letterSpacing: '0px',\n },\n h3: {\n ...base,\n fontSize: '20px',\n lineHeight: '24px',\n fontWeight: '500',\n letterSpacing: '0.12px',\n },\n h4: {\n ...base,\n fontSize: '16px',\n lineHeight: '20px',\n fontWeight: '500',\n letterSpacing: '0.12px',\n },\n h5: {\n ...base,\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '500',\n letterSpacing: '0.08px',\n },\n h6: {\n ...base,\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '500',\n letterSpacing: '1.2px',\n textTransform: 'uppercase',\n },\n p1: {\n ...base,\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n letterSpacing: '0.12px',\n },\n p1compact: {\n ...base,\n fontSize: '16px',\n lineHeight: '20px',\n fontWeight: '400',\n letterSpacing: '0.12px',\n },\n p2: {\n ...base,\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '400',\n letterSpacing: '0.08px',\n },\n p3: {\n ...base,\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '400',\n letterSpacing: '0.08px',\n },\n} as const;\n"],"names":["base","fontFamily","WebkitFontSmoothing","MozOsxFontSmoothing","typography","h1","fontSize","lineHeight","fontWeight","letterSpacing","h2","h3","h4","h5","h6","textTransform","p1","p1compact","p2","p3"],"mappings":"AAEA,MAAMA,IAAO;AAAA,EACXC,YAAY;AAAA,EACZC,qBAAqB;AAAA,EACrBC,qBAAqB;AACvB,GAgBaC,IAAgC;AAAA,EAC3CJ,MAAAA;AAAAA,EACAK,IAAI;AAAA,IACF,GAAGL;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBC,IAAI;AAAA,IACF,GAAGV;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBE,IAAI;AAAA,IACF,GAAGX;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBG,IAAI;AAAA,IACF,GAAGZ;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBI,IAAI;AAAA,IACF,GAAGb;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBK,IAAI;AAAA,IACF,GAAGd;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfM,eAAe;AAAA,EAAA;AAAA,EAEjBC,IAAI;AAAA,IACF,GAAGhB;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBQ,WAAW;AAAA,IACT,GAAGjB;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBS,IAAI;AAAA,IACF,GAAGlB;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBU,IAAI;AAAA,IACF,GAAGnB;AAAAA,IACHM,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAEnB;"}
1
+ {"version":3,"file":"types.es.js","sources":["../../src/typography/types.ts"],"sourcesContent":["import type {CSSProperties} from '../common';\n\nconst base = {\n fontFamily: '\"X5 Sans UI\", Roboto, Arial, Helvetica, sans-serif',\n WebkitFontSmoothing: 'antialiased',\n MozOsxFontSmoothing: 'grayscale',\n};\n\nconst baseSans = {\n fontFamily: '\"X5 Sans\", Roboto, Arial, Helvetica, sans-serif',\n WebkitFontSmoothing: 'antialiased',\n MozOsxFontSmoothing: 'grayscale',\n};\n\nexport type TypographyVariant = {\n base: CSSProperties;\n baseSans: CSSProperties;\n h1: CSSProperties;\n h2: CSSProperties;\n h3: CSSProperties;\n h4: CSSProperties;\n h5: CSSProperties;\n h6: CSSProperties;\n p1: CSSProperties;\n p1compact: CSSProperties;\n p2: CSSProperties;\n p3: CSSProperties;\n};\n\nexport const typography: TypographyVariant = {\n base,\n baseSans,\n h1: {\n ...base,\n fontSize: '36px',\n lineHeight: '44px',\n fontWeight: '400',\n letterSpacing: '-0.2px',\n },\n h2: {\n ...base,\n fontSize: '28px',\n lineHeight: '36px',\n fontWeight: '500',\n letterSpacing: '0px',\n },\n h3: {\n ...base,\n fontSize: '20px',\n lineHeight: '24px',\n fontWeight: '500',\n letterSpacing: '0.12px',\n },\n h4: {\n ...base,\n fontSize: '16px',\n lineHeight: '20px',\n fontWeight: '500',\n letterSpacing: '0.12px',\n },\n h5: {\n ...base,\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '500',\n letterSpacing: '0.08px',\n },\n h6: {\n ...base,\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '500',\n letterSpacing: '1.2px',\n textTransform: 'uppercase',\n },\n p1: {\n ...base,\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n letterSpacing: '0.12px',\n },\n p1compact: {\n ...base,\n fontSize: '16px',\n lineHeight: '20px',\n fontWeight: '400',\n letterSpacing: '0.12px',\n },\n p2: {\n ...base,\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '400',\n letterSpacing: '0.08px',\n },\n p3: {\n ...base,\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '400',\n letterSpacing: '0.08px',\n },\n} as const;\n"],"names":["base","fontFamily","WebkitFontSmoothing","MozOsxFontSmoothing","baseSans","typography","h1","fontSize","lineHeight","fontWeight","letterSpacing","h2","h3","h4","h5","h6","textTransform","p1","p1compact","p2","p3"],"mappings":"AAEA,MAAMA,IAAO;AAAA,EACXC,YAAY;AAAA,EACZC,qBAAqB;AAAA,EACrBC,qBAAqB;AACvB,GAEMC,IAAW;AAAA,EACfH,YAAY;AAAA,EACZC,qBAAqB;AAAA,EACrBC,qBAAqB;AACvB,GAiBaE,IAAgC;AAAA,EAC3CL,MAAAA;AAAAA,EACAI,UAAAA;AAAAA,EACAE,IAAI;AAAA,IACF,GAAGN;AAAAA,IACHO,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBC,IAAI;AAAA,IACF,GAAGX;AAAAA,IACHO,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBE,IAAI;AAAA,IACF,GAAGZ;AAAAA,IACHO,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBG,IAAI;AAAA,IACF,GAAGb;AAAAA,IACHO,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBI,IAAI;AAAA,IACF,GAAGd;AAAAA,IACHO,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBK,IAAI;AAAA,IACF,GAAGf;AAAAA,IACHO,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfM,eAAe;AAAA,EAAA;AAAA,EAEjBC,IAAI;AAAA,IACF,GAAGjB;AAAAA,IACHO,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBQ,WAAW;AAAA,IACT,GAAGlB;AAAAA,IACHO,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBS,IAAI;AAAA,IACF,GAAGnB;AAAAA,IACHO,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAAA,EAEjBU,IAAI;AAAA,IACF,GAAGpB;AAAAA,IACHO,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC,eAAe;AAAA,EAAA;AAEnB;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@join-x5/react-theme",
3
- "version": "1.5.3",
3
+ "version": "1.6.0-rc-1",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",