@wireapp/react-ui-kit 8.13.9 → 8.14.0

package/src/Menu/TabBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TabBar.tsx"],"names":["tabBarStyle","display","width","filteredTabBarProps","props","TabBar","children","tabBarItemStyle","theme","block","center","color","general","bold","active","fontSize","textTransform","borderBottom","COLOR","GRAY_DARKEN_48","GRAY_LIGHTEN_40","cursor","flexGrow","justifyContent","opacity","padding","TabBarItem"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;;;AAIA,IAAMA,WAAoD,GAAG,SAAvDA,WAAuD,OAAQ;AAAA;AACnE,SAAO;AACLC,IAAAA,OAAO,EAAE,MADJ;AAELC,IAAAA,KAAK,EAAE;AAFF,GAAP;AAID,CALD;;AAOA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SAAwB,uBAAYA,KAAZ,EAAmB,EAAnB,CAAxB;AAAA,CAA5B;;AAEO,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,6BAAEC,QAAF;AAAA,MAAEA,QAAF,+BAAa,IAAb;AAAA,MAAsBF,KAAtB;AAAA,SACpB;AAAK,IAAA,GAAG,EAAEJ,WAAW,CAACI,KAAD;AAArB,KAAkCD,mBAAmB,CAACC,KAAD,CAArD,GACGE,QADH,CADoB;AAAA,CAAf;;;;AAUP,IAAMC,eAA0E,GAAG,SAA7EA,eAA6E,CACjFC,KADiF,SAY9E;AAAA,0BATDC,KASC;AAAA,MATDA,KASC,4BATO,IASP;AAAA,2BARDC,MAQC;AAAA,MARDA,MAQC,6BARQ,IAQR;AAAA,0BAPDC,KAOC;AAAA,MAPDA,KAOC,4BAPOH,KAAK,CAACI,OAAN,CAAcD,KAOrB;AAAA,yBANDE,IAMC;AAAA,MANDA,IAMC,2BANM,IAMN;AAAA,2BALDC,MAKC;AAAA,MALDA,MAKC,6BALQ,KAKR;AAAA,6BAJDC,QAIC;AAAA,MAJDA,QAIC,+BAJU,MAIV;AAAA,kCAHDC,aAGC;AAAA,MAHDA,aAGC,oCAHe,WAGf;AAAA,MAFEZ,KAEF;AACH,yCACK,qBAAUI,KAAV;AAAkBC,IAAAA,KAAK,EAALA,KAAlB;AAAyBI,IAAAA,IAAI,EAAJA,IAAzB;AAA+BH,IAAAA,MAAM,EAANA,MAA/B;AAAuCC,IAAAA,KAAK,EAALA,KAAvC;AAA8CI,IAAAA,QAAQ,EAARA,QAA9C;AAAwDC,IAAAA,aAAa,EAAbA;AAAxD,KAA0EZ,KAA1E,EADL;AAEEa,IAAAA,YAAY,EAAEH,MAAM,uBAAgBI,gBAAMC,cAAtB,wBAAsDD,gBAAME,eAA5D,CAFtB;AAGEC,IAAAA,MAAM,EAAE,SAHV;AAIEpB,IAAAA,OAAO,EAAE,MAJX;AAKEqB,IAAAA,QAAQ,EAAE,CALZ;AAMEC,IAAAA,cAAc,EAAE,QANlB;AAOEC,IAAAA,OAAO,EAAEV,MAAM,GAAG,CAAH,GAAO,IAPxB;AAQEW,IAAAA,OAAO,EAAE;AARX;AAUD,CAvBD;;AAyBO,IAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,6BAAEpB,QAAF;AAAA,MAAEA,QAAF,+BAAa,IAAb;AAAA,MAAsBF,KAAtB;AAAA,SACxB;AAAM,IAAA,GAAG,EAAE,aAACI,KAAD;AAAA,aAAkBD,eAAe,CAACC,KAAD,EAAQJ,KAAR,CAAjC;AAAA;AAAX,KAAgEA,KAAhE,GACGE,QADH,CADwB;AAAA,CAAnB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport {TextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport type TabBarProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst tabBarStyle: <T>(props: TabBarProps<T>) => CSSObject = ({}) => {\n  return {\n    display: 'flex',\n    width: '100%',\n  };\n};\n\nconst filteredTabBarProps = (props: TabBarProps) => filterProps(props, []);\n\nexport const TabBar = ({children = null, ...props}: TabBarProps) => (\n  <div css={tabBarStyle(props)} {...filteredTabBarProps(props)}>\n    {children}\n  </div>\n);\n\nexport interface TabBarItemProps<T = HTMLSpanElement> extends TextProps<T> {\n  active: boolean;\n}\n\nconst tabBarItemStyle: <T>(theme: Theme, props: TabBarItemProps<T>) => CSSObject = (\n  theme,\n  {\n    block = true,\n    center = true,\n    color = theme.general.color,\n    bold = true,\n    active = false,\n    fontSize = '11px',\n    textTransform = 'uppercase',\n    ...props\n  },\n) => {\n  return {\n    ...textStyle(theme, {block, bold, center, color, fontSize, textTransform, ...props}),\n    borderBottom: active ? `1px solid ${COLOR.GRAY_DARKEN_48}` : `1px solid ${COLOR.GRAY_LIGHTEN_40}`,\n    cursor: 'pointer',\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'center',\n    opacity: active ? 1 : 0.56,\n    padding: '8px 0',\n  };\n};\n\nexport const TabBarItem = ({children = null, ...props}: TabBarItemProps) => (\n  <span css={(theme: Theme) => tabBarItemStyle(theme, props)} {...props}>\n    {children}\n  </span>\n);\n"],"file":"TabBar.js"}
+{"version":3,"sources":["TabBar.tsx"],"names":["tabBarStyle","display","width","filteredTabBarProps","props","TabBar","children","tabBarItemStyle","theme","block","center","color","general","bold","active","fontSize","textTransform","borderBottom","COLOR","GRAY_DARKEN_48","GRAY_LIGHTEN_40","cursor","flexGrow","justifyContent","opacity","padding","TabBarItem"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;;;AAIA,IAAMA,WAAoD,GAAG,SAAvDA,WAAuD,OAAQ;AAAA;AACnE,SAAO;AACLC,IAAAA,OAAO,EAAE,MADJ;AAELC,IAAAA,KAAK,EAAE;AAFF,GAAP;AAID,CALD;;AAOA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SAAwB,uBAAYA,KAAZ,EAAmB,EAAnB,CAAxB;AAAA,CAA5B;;AAEO,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,6BAAEC,QAAF;AAAA,MAAEA,QAAF,+BAAa,IAAb;AAAA,MAAsBF,KAAtB;AAAA,SACpB;AAAK,IAAA,GAAG,EAAEJ,WAAW,CAACI,KAAD;AAArB,KAAkCD,mBAAmB,CAACC,KAAD,CAArD,GACGE,QADH,CADoB;AAAA,CAAf;;;;AAUP,IAAMC,eAA0E,GAAG,SAA7EA,eAA6E,CACjFC,KADiF,SAY9E;AAAA,0BATDC,KASC;AAAA,MATDA,KASC,4BATO,IASP;AAAA,2BARDC,MAQC;AAAA,MARDA,MAQC,6BARQ,IAQR;AAAA,0BAPDC,KAOC;AAAA,MAPDA,KAOC,4BAPOH,KAAK,CAACI,OAAN,CAAcD,KAOrB;AAAA,yBANDE,IAMC;AAAA,MANDA,IAMC,2BANM,IAMN;AAAA,2BALDC,MAKC;AAAA,MALDA,MAKC,6BALQ,KAKR;AAAA,6BAJDC,QAIC;AAAA,MAJDA,QAIC,+BAJU,MAIV;AAAA,kCAHDC,aAGC;AAAA,MAHDA,aAGC,oCAHe,WAGf;AAAA,MAFEZ,KAEF;AACH,yCACK,qBAAUI,KAAV;AAAkBC,IAAAA,KAAK,EAALA,KAAlB;AAAyBI,IAAAA,IAAI,EAAJA,IAAzB;AAA+BH,IAAAA,MAAM,EAANA,MAA/B;AAAuCC,IAAAA,KAAK,EAALA,KAAvC;AAA8CI,IAAAA,QAAQ,EAARA,QAA9C;AAAwDC,IAAAA,aAAa,EAAbA;AAAxD,KAA0EZ,KAA1E,EADL;AAEEa,IAAAA,YAAY,EAAEH,MAAM,uBAAgBI,gBAAMC,cAAtB,wBAAsDD,gBAAME,eAA5D,CAFtB;AAGEC,IAAAA,MAAM,EAAE,SAHV;AAIEpB,IAAAA,OAAO,EAAE,MAJX;AAKEqB,IAAAA,QAAQ,EAAE,CALZ;AAMEC,IAAAA,cAAc,EAAE,QANlB;AAOEC,IAAAA,OAAO,EAAEV,MAAM,GAAG,CAAH,GAAO,IAPxB;AAQEW,IAAAA,OAAO,EAAE;AARX;AAUD,CAvBD;;AAyBO,IAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,6BAAEpB,QAAF;AAAA,MAAEA,QAAF,+BAAa,IAAb;AAAA,MAAsBF,KAAtB;AAAA,SACxB;AAAM,IAAA,GAAG,EAAE,aAACI,KAAD;AAAA,aAAkBD,eAAe,CAACC,KAAD,EAAQJ,KAAR,CAAjC;AAAA;AAAX,KAAgEA,KAAhE,GACGE,QADH,CADwB;AAAA,CAAnB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {TextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport type TabBarProps<T = HTMLDivElement> = React.HTMLProps<T>;\n\nconst tabBarStyle: <T>(props: TabBarProps<T>) => CSSObject = ({}) => {\n  return {\n    display: 'flex',\n    width: '100%',\n  };\n};\n\nconst filteredTabBarProps = (props: TabBarProps) => filterProps(props, []);\n\nexport const TabBar = ({children = null, ...props}: TabBarProps) => (\n  <div css={tabBarStyle(props)} {...filteredTabBarProps(props)}>\n    {children}\n  </div>\n);\n\nexport interface TabBarItemProps<T = HTMLSpanElement> extends TextProps<T> {\n  active: boolean;\n}\n\nconst tabBarItemStyle: <T>(theme: Theme, props: TabBarItemProps<T>) => CSSObject = (\n  theme,\n  {\n    block = true,\n    center = true,\n    color = theme.general.color,\n    bold = true,\n    active = false,\n    fontSize = '11px',\n    textTransform = 'uppercase',\n    ...props\n  },\n) => {\n  return {\n    ...textStyle(theme, {block, bold, center, color, fontSize, textTransform, ...props}),\n    borderBottom: active ? `1px solid ${COLOR.GRAY_DARKEN_48}` : `1px solid ${COLOR.GRAY_LIGHTEN_40}`,\n    cursor: 'pointer',\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'center',\n    opacity: active ? 1 : 0.56,\n    padding: '8px 0',\n  };\n};\n\nexport const TabBarItem = ({children = null, ...props}: TabBarItemProps) => (\n  <span css={(theme: Theme) => tabBarItemStyle(theme, props)} {...props}>\n    {children}\n  </span>\n);\n"],"file":"TabBar.js"}

package/src/Misc/ButtonGroup.js

@@ -105,7 +105,7 @@ var Button = function Button(_ref3) {
       fontWeight: 'bold',
       lineHeight: '14px',
       letterSpacing: '0.25px'
-    }, process.env.NODE_ENV === "production" ? "" : ";label:Button;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RlUiLCJmaWxlIjoiQnV0dG9uR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAyMiBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtSZWFjdEVsZW1lbnR9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHR5cGUge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHtJY29uQnV0dG9uUHJvcHN9IGZyb20gJy4vSWNvbkJ1dHRvbic7XG5cbmNvbnN0IGJ1dHRvbkdyb3VwU3R5bGU6IDxUPih0aGVtZTogVGhlbWUpID0+IENTU09iamVjdCA9ICgpID0+ICh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG59KTtcblxuY29uc3QgYnV0dG9uU3R5bGU6IDxUPih0aGVtZTogVGhlbWUsIHByb3BzOiBJY29uQnV0dG9uUHJvcHM8VD4pID0+IENTU09iamVjdCA9ICh0aGVtZSwge2Rpc2FibGVkID0gZmFsc2V9KSA9PiAoe1xuICBoZWlnaHQ6ICczMnB4JyxcbiAgYm9yZGVyUmFkaXVzOiAnMTJweCcsXG4gIHBhZGRpbmc6ICcwIDEycHgnLFxuICBiYWNrZ3JvdW5kOiBDT0xPUl9WMi5XSElURSxcbiAgYm9yZGVyOiBgMXB4IHNvbGlkICR7Q09MT1JfVjIuR1JBWV80MH1gLFxuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgYmFja2dyb3VuZENvbG9yOiBkaXNhYmxlZCA/IENPTE9SX1YyLkdSQVlfMjAgOiBDT0xPUl9WMi5XSElURSxcbiAgc3ZnOiB7XG4gICAgZmlsbDogZGlzYWJsZWQgPyBDT0xPUl9WMi5HUkFZXzcwIDogQ09MT1JfVjIuQkxBQ0ssXG4gIH0sXG4gICcmOm5vdCg6bGFzdC1jaGlsZCknOiB7XG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6ICcwJyxcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogJzAnLFxuICB9LFxuICAnJjpub3QoOmZpcnN0LWNoaWxkKSc6IHtcbiAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiAnMCcsXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogJzAnLFxuICB9LFxuICAnJjpmaXJzdC1jaGlsZDpsYXN0LWNoaWxkJzoge1xuICAgIGJvcmRlclJhZGl1czogJzAnLFxuICB9LFxuICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAnJjpob3ZlciwgJjpmb2N1cyc6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogQ09MT1JfVjIuR1JBWV8yMCxcbiAgICB9LFxuICAgICcmOmhvdmVyJzoge1xuICAgICAgYm9yZGVyQ29sb3I6IENPTE9SX1YyLkdSQVlfNTAsXG4gICAgfSxcbiAgICAnJjpmb2N1cyc6IHtcbiAgICAgIGJvcmRlckNvbG9yOiBDT0xPUl9WMi5HUkFZXzYwLFxuICAgIH0sXG4gICAgJyY6YWN0aXZlJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBDT0xPUl9WMi5CTFVFX0xJR0hUXzUwLFxuICAgICAgYm9yZGVyQ29sb3I6IENPTE9SX1YyLkJMVUVfTElHSFRfMzAwLFxuICAgICAgc3ZnOiB7XG4gICAgICAgIGZpbGw6IENPTE9SX1YyLkJMVUUsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pLFxufSk7XG5cbmludGVyZmFjZSBHcm91cEJ1dHRvblByb3BzPFQgPSBIVE1MQnV0dG9uRWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0RWxlbWVudCB8IHN0cmluZztcbiAgaWNvbj86IFJlYWN0RWxlbWVudDtcbn1cblxuY29uc3QgQnV0dG9uR3JvdXAgPSAoe2NoaWxkcmVufSkgPT4gKFxuICA8ZGl2IGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gYnV0dG9uR3JvdXBTdHlsZSh0aGVtZSl9IHJvbGU9XCJncm91cFwiIGFyaWEtbGFiZWw9XCJCdXR0b24gR3JvdXBcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcblxuY29uc3QgQnV0dG9uID0gKHtjaGlsZHJlbiwgaWNvbiwgLi4ucHJvcHN9OiBHcm91cEJ1dHRvblByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGJ1dHRvbiBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGJ1dHRvblN0eWxlKHRoZW1lLCBwcm9wcyl9IHsuLi5wcm9wc30+XG4gICAgICB7aWNvbn1cbiAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICBtYXJnaW5MZWZ0OiAhIWljb24gJiYgJzZweCcsXG4gICAgICAgICAgICBmb250U2l6ZTogJzEycHgnLFxuICAgICAgICAgICAgZm9udFdlaWdodDogJ2JvbGQnLFxuICAgICAgICAgICAgbGluZUhlaWdodDogJzE0cHgnLFxuICAgICAgICAgICAgbGV0dGVyU3BhY2luZzogJzAuMjVweCcsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKX1cbiAgICA8L2J1dHRvbj5cbiAgKTtcbn07XG5cbkJ1dHRvbkdyb3VwLkJ1dHRvbiA9IEJ1dHRvbjtcblxuZXhwb3J0IHtCdXR0b25Hcm91cH07XG4iXX0= */")
+    }, process.env.NODE_ENV === "production" ? "" : ";label:Button;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RlUiLCJmaWxlIjoiQnV0dG9uR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAyMiBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHtSZWFjdEVsZW1lbnR9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtDT0xPUl9WMn0gZnJvbSAnLi4vSWRlbnRpdHknO1xuaW1wb3J0IHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7SWNvbkJ1dHRvblByb3BzfSBmcm9tICcuL0ljb25CdXR0b24nO1xuXG5jb25zdCBidXR0b25Hcm91cFN0eWxlOiA8VD4odGhlbWU6IFRoZW1lKSA9PiBDU1NPYmplY3QgPSAoKSA9PiAoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxufSk7XG5cbmNvbnN0IGJ1dHRvblN0eWxlOiA8VD4odGhlbWU6IFRoZW1lLCBwcm9wczogSWNvbkJ1dHRvblByb3BzPFQ+KSA9PiBDU1NPYmplY3QgPSAodGhlbWUsIHtkaXNhYmxlZCA9IGZhbHNlfSkgPT4gKHtcbiAgaGVpZ2h0OiAnMzJweCcsXG4gIGJvcmRlclJhZGl1czogJzEycHgnLFxuICBwYWRkaW5nOiAnMCAxMnB4JyxcbiAgYmFja2dyb3VuZDogQ09MT1JfVjIuV0hJVEUsXG4gIGJvcmRlcjogYDFweCBzb2xpZCAke0NPTE9SX1YyLkdSQVlfNDB9YCxcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGJhY2tncm91bmRDb2xvcjogZGlzYWJsZWQgPyBDT0xPUl9WMi5HUkFZXzIwIDogQ09MT1JfVjIuV0hJVEUsXG4gIHN2Zzoge1xuICAgIGZpbGw6IGRpc2FibGVkID8gQ09MT1JfVjIuR1JBWV83MCA6IENPTE9SX1YyLkJMQUNLLFxuICB9LFxuICAnJjpub3QoOmxhc3QtY2hpbGQpJzoge1xuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiAnMCcsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6ICcwJyxcbiAgfSxcbiAgJyY6bm90KDpmaXJzdC1jaGlsZCknOiB7XG4gICAgYm9yZGVyVG9wTGVmdFJhZGl1czogJzAnLFxuICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6ICcwJyxcbiAgfSxcbiAgJyY6Zmlyc3QtY2hpbGQ6bGFzdC1jaGlsZCc6IHtcbiAgICBib3JkZXJSYWRpdXM6ICcwJyxcbiAgfSxcbiAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgJyY6aG92ZXIsICY6Zm9jdXMnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SX1YyLkdSQVlfMjAsXG4gICAgfSxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJvcmRlckNvbG9yOiBDT0xPUl9WMi5HUkFZXzUwLFxuICAgIH0sXG4gICAgJyY6Zm9jdXMnOiB7XG4gICAgICBib3JkZXJDb2xvcjogQ09MT1JfVjIuR1JBWV82MCxcbiAgICB9LFxuICAgICcmOmFjdGl2ZSc6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogQ09MT1JfVjIuQkxVRV9MSUdIVF81MCxcbiAgICAgIGJvcmRlckNvbG9yOiBDT0xPUl9WMi5CTFVFX0xJR0hUXzMwMCxcbiAgICAgIHN2Zzoge1xuICAgICAgICBmaWxsOiBDT0xPUl9WMi5CTFVFLFxuICAgICAgfSxcbiAgICB9LFxuICB9KSxcbn0pO1xuXG5pbnRlcmZhY2UgR3JvdXBCdXR0b25Qcm9wczxUID0gSFRNTEJ1dHRvbkVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdEVsZW1lbnQgfCBzdHJpbmc7XG4gIGljb24/OiBSZWFjdEVsZW1lbnQ7XG59XG5cbmNvbnN0IEJ1dHRvbkdyb3VwID0gKHtjaGlsZHJlbn0pID0+IChcbiAgPGRpdiBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGJ1dHRvbkdyb3VwU3R5bGUodGhlbWUpfSByb2xlPVwiZ3JvdXBcIiBhcmlhLWxhYmVsPVwiQnV0dG9uIEdyb3VwXCI+XG4gICAge2NoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5cbmNvbnN0IEJ1dHRvbiA9ICh7Y2hpbGRyZW4sIGljb24sIC4uLnByb3BzfTogR3JvdXBCdXR0b25Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxidXR0b24gY3NzPXsodGhlbWU6IFRoZW1lKSA9PiBidXR0b25TdHlsZSh0aGVtZSwgcHJvcHMpfSB7Li4ucHJvcHN9PlxuICAgICAge2ljb259XG4gICAgICB7Y2hpbGRyZW4gJiYgKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgbWFyZ2luTGVmdDogISFpY29uICYmICc2cHgnLFxuICAgICAgICAgICAgZm9udFNpemU6ICcxMnB4JyxcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICcxNHB4JyxcbiAgICAgICAgICAgIGxldHRlclNwYWNpbmc6ICcwLjI1cHgnLFxuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgPC9idXR0b24+XG4gICk7XG59O1xuXG5CdXR0b25Hcm91cC5CdXR0b24gPSBCdXR0b247XG5cbmV4cG9ydCB7QnV0dG9uR3JvdXB9O1xuIl19 */")
   }, children));
 };
 

package/src/Misc/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ButtonGroup.tsx"],"names":["buttonGroupStyle","display","alignItems","buttonStyle","theme","disabled","height","borderRadius","padding","background","COLOR_V2","WHITE","border","GRAY_40","cursor","backgroundColor","GRAY_20","svg","fill","GRAY_70","BLACK","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderColor","GRAY_50","GRAY_60","BLUE_LIGHT_50","BLUE_LIGHT_300","BLUE","ButtonGroup","children","Button","icon","props","marginLeft","fontSize","fontWeight","lineHeight","letterSpacing"],"mappings":";;;;;;;;;;;AAoBA;;;;;;AAGA;;;;;;;;AAIA,IAAMA,gBAAgD,GAAG,SAAnDA,gBAAmD;AAAA,SAAO;AAC9DC,IAAAA,OAAO,EAAE,MADqD;AAE9DC,IAAAA,UAAU,EAAE;AAFkD,GAAP;AAAA,CAAzD;;AAKA,IAAMC,WAAsE,GAAG,SAAzEA,WAAyE,CAACC,KAAD;AAAA,2BAASC,QAAT;AAAA,MAASA,QAAT,8BAAoB,KAApB;AAAA;AAC7EC,IAAAA,MAAM,EAAE,MADqE;AAE7EC,IAAAA,YAAY,EAAE,MAF+D;AAG7EC,IAAAA,OAAO,EAAE,QAHoE;AAI7EC,IAAAA,UAAU,EAAEC,mBAASC,KAJwD;AAK7EC,IAAAA,MAAM,sBAAeF,mBAASG,OAAxB,CALuE;AAM7EC,IAAAA,MAAM,EAAE,SANqE;AAO7Eb,IAAAA,OAAO,EAAE,MAPoE;AAQ7EC,IAAAA,UAAU,EAAE,QARiE;AAS7Ea,IAAAA,eAAe,EAAEV,QAAQ,GAAGK,mBAASM,OAAZ,GAAsBN,mBAASC,KATqB;AAU7EM,IAAAA,GAAG,EAAE;AACHC,MAAAA,IAAI,EAAEb,QAAQ,GAAGK,mBAASS,OAAZ,GAAsBT,mBAASU;AAD1C,KAVwE;AAa7E,0BAAsB;AACpBC,MAAAA,oBAAoB,EAAE,GADF;AAEpBC,MAAAA,uBAAuB,EAAE;AAFL,KAbuD;AAiB7E,2BAAuB;AACrBC,MAAAA,mBAAmB,EAAE,GADA;AAErBC,MAAAA,sBAAsB,EAAE;AAFH,KAjBsD;AAqB7E,gCAA4B;AAC1BjB,MAAAA,YAAY,EAAE;AADY;AArBiD,KAwBzE,CAACF,QAAD,IAAa;AACf,wBAAoB;AAClBU,MAAAA,eAAe,EAAEL,mBAASM;AADR,KADL;AAIf,eAAW;AACTS,MAAAA,WAAW,EAAEf,mBAASgB;AADb,KAJI;AAOf,eAAW;AACTD,MAAAA,WAAW,EAAEf,mBAASiB;AADb,KAPI;AAUf,gBAAY;AACVZ,MAAAA,eAAe,EAAEL,mBAASkB,aADhB;AAEVH,MAAAA,WAAW,EAAEf,mBAASmB,cAFZ;AAGVZ,MAAAA,GAAG,EAAE;AACHC,QAAAA,IAAI,EAAER,mBAASoB;AADZ;AAHK;AAVG,GAxB4D;AAAA,CAA/E;;AAiDA,IAAMC,WAAW,GAAG,SAAdA,WAAc;AAAA,MAAEC,QAAF,SAAEA,QAAF;AAAA,SAClB;AAAK,IAAA,GAAG,EAAE,aAAC5B,KAAD;AAAA,aAAkBJ,gBAAgB,CAACI,KAAD,CAAlC;AAAA,KAAV;AAAqD,IAAA,IAAI,EAAC,OAA1D;AAAkE,kBAAW;AAA7E,KACG4B,QADH,CADkB;AAAA,CAApB;;;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,QAAkD;AAAA,MAAhDD,QAAgD,SAAhDA,QAAgD;AAAA,MAAtCE,IAAsC,SAAtCA,IAAsC;AAAA,MAA7BC,KAA6B;AAC/D,SACE;AAAQ,IAAA,GAAG,EAAE,aAAC/B,KAAD;AAAA,aAAkBD,WAAW,CAACC,KAAD,EAAQ+B,KAAR,CAA7B;AAAA;AAAb,KAA8DA,KAA9D,GACGD,IADH,EAEGF,QAAQ,IACP;AACE,IAAA,GAAG,+BAAE;AACHI,MAAAA,UAAU,EAAE,CAAC,CAACF,IAAF,IAAU,KADnB;AAEHG,MAAAA,QAAQ,EAAE,MAFP;AAGHC,MAAAA,UAAU,EAAE,MAHT;AAIHC,MAAAA,UAAU,EAAE,MAJT;AAKHC,MAAAA,aAAa,EAAE;AALZ,KAAF;AADL,KASGR,QATH,CAHJ,CADF;AAkBD,CAnBD;;AAqBAD,WAAW,CAACE,MAAZ,GAAqBA,MAArB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport {ReactElement} from 'react';\n\nimport {COLOR_V2} from '../Identity';\nimport type {Theme} from '../Layout';\nimport {IconButtonProps} from './IconButton';\n\nconst buttonGroupStyle: <T>(theme: Theme) => CSSObject = () => ({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nconst buttonStyle: <T>(theme: Theme, props: IconButtonProps<T>) => CSSObject = (theme, {disabled = false}) => ({\n  height: '32px',\n  borderRadius: '12px',\n  padding: '0 12px',\n  background: COLOR_V2.WHITE,\n  border: `1px solid ${COLOR_V2.GRAY_40}`,\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  backgroundColor: disabled ? COLOR_V2.GRAY_20 : COLOR_V2.WHITE,\n  svg: {\n    fill: disabled ? COLOR_V2.GRAY_70 : COLOR_V2.BLACK,\n  },\n  '&:not(:last-child)': {\n    borderTopRightRadius: '0',\n    borderBottomRightRadius: '0',\n  },\n  '&:not(:first-child)': {\n    borderTopLeftRadius: '0',\n    borderBottomLeftRadius: '0',\n  },\n  '&:first-child:last-child': {\n    borderRadius: '0',\n  },\n  ...(!disabled && {\n    '&:hover, &:focus': {\n      backgroundColor: COLOR_V2.GRAY_20,\n    },\n    '&:hover': {\n      borderColor: COLOR_V2.GRAY_50,\n    },\n    '&:focus': {\n      borderColor: COLOR_V2.GRAY_60,\n    },\n    '&:active': {\n      backgroundColor: COLOR_V2.BLUE_LIGHT_50,\n      borderColor: COLOR_V2.BLUE_LIGHT_300,\n      svg: {\n        fill: COLOR_V2.BLUE,\n      },\n    },\n  }),\n});\n\ninterface GroupButtonProps<T = HTMLButtonElement> {\n  children?: ReactElement | string;\n  icon?: ReactElement;\n}\n\nconst ButtonGroup = ({children}) => (\n  <div css={(theme: Theme) => buttonGroupStyle(theme)} role=\"group\" aria-label=\"Button Group\">\n    {children}\n  </div>\n);\n\nconst Button = ({children, icon, ...props}: GroupButtonProps) => {\n  return (\n    <button css={(theme: Theme) => buttonStyle(theme, props)} {...props}>\n      {icon}\n      {children && (\n        <span\n          css={{\n            marginLeft: !!icon && '6px',\n            fontSize: '12px',\n            fontWeight: 'bold',\n            lineHeight: '14px',\n            letterSpacing: '0.25px',\n          }}\n        >\n          {children}\n        </span>\n      )}\n    </button>\n  );\n};\n\nButtonGroup.Button = Button;\n\nexport {ButtonGroup};\n"],"file":"ButtonGroup.js"}
+{"version":3,"sources":["ButtonGroup.tsx"],"names":["buttonGroupStyle","display","alignItems","buttonStyle","theme","disabled","height","borderRadius","padding","background","COLOR_V2","WHITE","border","GRAY_40","cursor","backgroundColor","GRAY_20","svg","fill","GRAY_70","BLACK","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderColor","GRAY_50","GRAY_60","BLUE_LIGHT_50","BLUE_LIGHT_300","BLUE","ButtonGroup","children","Button","icon","props","marginLeft","fontSize","fontWeight","lineHeight","letterSpacing"],"mappings":";;;;;;;;;;;AAoBA;;;;;;AAGA;;;;;;;;AAIA,IAAMA,gBAAgD,GAAG,SAAnDA,gBAAmD;AAAA,SAAO;AAC9DC,IAAAA,OAAO,EAAE,MADqD;AAE9DC,IAAAA,UAAU,EAAE;AAFkD,GAAP;AAAA,CAAzD;;AAKA,IAAMC,WAAsE,GAAG,SAAzEA,WAAyE,CAACC,KAAD;AAAA,2BAASC,QAAT;AAAA,MAASA,QAAT,8BAAoB,KAApB;AAAA;AAC7EC,IAAAA,MAAM,EAAE,MADqE;AAE7EC,IAAAA,YAAY,EAAE,MAF+D;AAG7EC,IAAAA,OAAO,EAAE,QAHoE;AAI7EC,IAAAA,UAAU,EAAEC,mBAASC,KAJwD;AAK7EC,IAAAA,MAAM,sBAAeF,mBAASG,OAAxB,CALuE;AAM7EC,IAAAA,MAAM,EAAE,SANqE;AAO7Eb,IAAAA,OAAO,EAAE,MAPoE;AAQ7EC,IAAAA,UAAU,EAAE,QARiE;AAS7Ea,IAAAA,eAAe,EAAEV,QAAQ,GAAGK,mBAASM,OAAZ,GAAsBN,mBAASC,KATqB;AAU7EM,IAAAA,GAAG,EAAE;AACHC,MAAAA,IAAI,EAAEb,QAAQ,GAAGK,mBAASS,OAAZ,GAAsBT,mBAASU;AAD1C,KAVwE;AAa7E,0BAAsB;AACpBC,MAAAA,oBAAoB,EAAE,GADF;AAEpBC,MAAAA,uBAAuB,EAAE;AAFL,KAbuD;AAiB7E,2BAAuB;AACrBC,MAAAA,mBAAmB,EAAE,GADA;AAErBC,MAAAA,sBAAsB,EAAE;AAFH,KAjBsD;AAqB7E,gCAA4B;AAC1BjB,MAAAA,YAAY,EAAE;AADY;AArBiD,KAwBzE,CAACF,QAAD,IAAa;AACf,wBAAoB;AAClBU,MAAAA,eAAe,EAAEL,mBAASM;AADR,KADL;AAIf,eAAW;AACTS,MAAAA,WAAW,EAAEf,mBAASgB;AADb,KAJI;AAOf,eAAW;AACTD,MAAAA,WAAW,EAAEf,mBAASiB;AADb,KAPI;AAUf,gBAAY;AACVZ,MAAAA,eAAe,EAAEL,mBAASkB,aADhB;AAEVH,MAAAA,WAAW,EAAEf,mBAASmB,cAFZ;AAGVZ,MAAAA,GAAG,EAAE;AACHC,QAAAA,IAAI,EAAER,mBAASoB;AADZ;AAHK;AAVG,GAxB4D;AAAA,CAA/E;;AAiDA,IAAMC,WAAW,GAAG,SAAdA,WAAc;AAAA,MAAEC,QAAF,SAAEA,QAAF;AAAA,SAClB;AAAK,IAAA,GAAG,EAAE,aAAC5B,KAAD;AAAA,aAAkBJ,gBAAgB,CAACI,KAAD,CAAlC;AAAA,KAAV;AAAqD,IAAA,IAAI,EAAC,OAA1D;AAAkE,kBAAW;AAA7E,KACG4B,QADH,CADkB;AAAA,CAApB;;;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,QAAkD;AAAA,MAAhDD,QAAgD,SAAhDA,QAAgD;AAAA,MAAtCE,IAAsC,SAAtCA,IAAsC;AAAA,MAA7BC,KAA6B;AAC/D,SACE;AAAQ,IAAA,GAAG,EAAE,aAAC/B,KAAD;AAAA,aAAkBD,WAAW,CAACC,KAAD,EAAQ+B,KAAR,CAA7B;AAAA;AAAb,KAA8DA,KAA9D,GACGD,IADH,EAEGF,QAAQ,IACP;AACE,IAAA,GAAG,+BAAE;AACHI,MAAAA,UAAU,EAAE,CAAC,CAACF,IAAF,IAAU,KADnB;AAEHG,MAAAA,QAAQ,EAAE,MAFP;AAGHC,MAAAA,UAAU,EAAE,MAHT;AAIHC,MAAAA,UAAU,EAAE,MAJT;AAKHC,MAAAA,aAAa,EAAE;AALZ,KAAF;AADL,KASGR,QATH,CAHJ,CADF;AAkBD,CAnBD;;AAqBAD,WAAW,CAACE,MAAZ,GAAqBA,MAArB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport {ReactElement} from 'react';\n\nimport {COLOR_V2} from '../Identity';\nimport {Theme} from '../Layout';\nimport {IconButtonProps} from './IconButton';\n\nconst buttonGroupStyle: <T>(theme: Theme) => CSSObject = () => ({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nconst buttonStyle: <T>(theme: Theme, props: IconButtonProps<T>) => CSSObject = (theme, {disabled = false}) => ({\n  height: '32px',\n  borderRadius: '12px',\n  padding: '0 12px',\n  background: COLOR_V2.WHITE,\n  border: `1px solid ${COLOR_V2.GRAY_40}`,\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  backgroundColor: disabled ? COLOR_V2.GRAY_20 : COLOR_V2.WHITE,\n  svg: {\n    fill: disabled ? COLOR_V2.GRAY_70 : COLOR_V2.BLACK,\n  },\n  '&:not(:last-child)': {\n    borderTopRightRadius: '0',\n    borderBottomRightRadius: '0',\n  },\n  '&:not(:first-child)': {\n    borderTopLeftRadius: '0',\n    borderBottomLeftRadius: '0',\n  },\n  '&:first-child:last-child': {\n    borderRadius: '0',\n  },\n  ...(!disabled && {\n    '&:hover, &:focus': {\n      backgroundColor: COLOR_V2.GRAY_20,\n    },\n    '&:hover': {\n      borderColor: COLOR_V2.GRAY_50,\n    },\n    '&:focus': {\n      borderColor: COLOR_V2.GRAY_60,\n    },\n    '&:active': {\n      backgroundColor: COLOR_V2.BLUE_LIGHT_50,\n      borderColor: COLOR_V2.BLUE_LIGHT_300,\n      svg: {\n        fill: COLOR_V2.BLUE,\n      },\n    },\n  }),\n});\n\ninterface GroupButtonProps<T = HTMLButtonElement> {\n  children?: ReactElement | string;\n  icon?: ReactElement;\n}\n\nconst ButtonGroup = ({children}) => (\n  <div css={(theme: Theme) => buttonGroupStyle(theme)} role=\"group\" aria-label=\"Button Group\">\n    {children}\n  </div>\n);\n\nconst Button = ({children, icon, ...props}: GroupButtonProps) => {\n  return (\n    <button css={(theme: Theme) => buttonStyle(theme, props)} {...props}>\n      {icon}\n      {children && (\n        <span\n          css={{\n            marginLeft: !!icon && '6px',\n            fontSize: '12px',\n            fontWeight: 'bold',\n            lineHeight: '14px',\n            letterSpacing: '0.25px',\n          }}\n        >\n          {children}\n        </span>\n      )}\n    </button>\n  );\n};\n\nButtonGroup.Button = Button;\n\nexport {ButtonGroup};\n"],"file":"ButtonGroup.js"}

package/src/Misc/IconButton.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { CSSObject, jsx } from '@emotion/react';
-import type { Theme } from '../Layout';
+import { Theme } from '../Layout';
 import { TextProps } from '../Text';
 export declare enum IconButtonVariant {
     PRIMARY = "primary",

package/src/Misc/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["IconButton.tsx"],"names":["IconButtonVariant","iconButtonStyle","theme","variant","PRIMARY","backgroundColor","disabled","border","borderRadius","cursor","display","alignItems","justifyContent","marginBottom","padding","outline","textDecoration","touchAction","transition","defaultTransition","width","height","IconButton","primaryDisabledBgColor","primaryBgColor","primaryDisabledBorderColor","primaryBorderColor","svg","fill","Input","placeholderColor","general","color","hoverPrimaryBgColor","borderColor","primaryHoverBorderColor","focusBorderColor","activePrimaryBgColor","primaryColor","SECONDARY","secondaryActiveBorderColor","children","props","filterButtonProps"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {defaultTransition} from '../Identity/motions';\nimport type {Theme} from '../Layout';\nimport {TextProps, filterTextProps} from '../Text';\nimport {filterProps} from '../util';\n\nexport enum IconButtonVariant {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n}\n\nexport interface IconButtonProps<T = HTMLButtonElement> extends TextProps<T> {\n  variant?: IconButtonVariant;\n  backgroundColor?: string;\n}\n\nexport const iconButtonStyle: <T>(theme: Theme, props: IconButtonProps<T>) => CSSObject = (\n  theme,\n  {variant = IconButtonVariant.PRIMARY, backgroundColor, disabled = false},\n) => ({\n  border: 0,\n  borderRadius: '12px',\n  cursor: disabled ? 'default' : 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  marginBottom: '16px',\n  padding: 0,\n  outline: 'none',\n  textDecoration: 'none',\n  touchAction: 'manipulation',\n  transition: defaultTransition,\n  width: '40px',\n  height: '32px',\n  '&:hover, &:focus': {\n    textDecoration: 'none',\n  },\n  ...(variant === IconButtonVariant.PRIMARY && {\n    backgroundColor: disabled\n      ? theme.IconButton.primaryDisabledBgColor\n      : backgroundColor || theme.IconButton.primaryBgColor,\n    border: disabled\n      ? `1px solid ${theme.IconButton.primaryDisabledBorderColor}`\n      : `1px solid ${theme.IconButton.primaryBorderColor}`,\n    svg: {\n      fill: disabled ? theme.Input.placeholderColor : theme.general.color,\n    },\n    ...(!disabled && {\n      '&:hover, &:focus': {\n        backgroundColor: theme.IconButton.hoverPrimaryBgColor,\n      },\n      '&:hover': {\n        borderColor: theme.IconButton.primaryHoverBorderColor,\n      },\n      '&:focus': {\n        borderColor: theme.IconButton.focusBorderColor,\n      },\n      '&:active': {\n        backgroundColor: theme.IconButton.activePrimaryBgColor,\n        borderColor: theme.IconButton.focusBorderColor,\n        svg: {\n          fill: theme.general.primaryColor,\n        },\n      },\n    }),\n  }),\n  ...(variant === IconButtonVariant.SECONDARY && {\n    backgroundColor: 'inherit',\n    svg: {\n      fill: disabled ? theme.Input.placeholderColor : theme.general.color,\n    },\n    ...(!disabled && {\n      '&:hover, &:focus, &:active': {\n        svg: {\n          fill: theme.general.primaryColor,\n        },\n      },\n      '&:focus': {\n        border: `1px solid ${theme.IconButton.focusBorderColor}`,\n      },\n      '&:active': {\n        border: `1px solid ${theme.IconButton.secondaryActiveBorderColor}`,\n        backgroundColor: theme.Input.backgroundColor,\n      },\n    }),\n  }),\n});\n\nexport const IconButton = ({children, ...props}: IconButtonProps) => (\n  <button css={(theme: Theme) => iconButtonStyle(theme, props)} {...filterButtonProps(props)}>\n    {children}\n  </button>\n);\n\nconst filterButtonProps = (props: IconButtonProps) => {\n  return filterProps(filterTextProps(props) as IconButtonProps, ['backgroundColor']);\n};\n"],"file":"IconButton.js"}
+{"version":3,"sources":["IconButton.tsx"],"names":["IconButtonVariant","iconButtonStyle","theme","variant","PRIMARY","backgroundColor","disabled","border","borderRadius","cursor","display","alignItems","justifyContent","marginBottom","padding","outline","textDecoration","touchAction","transition","defaultTransition","width","height","IconButton","primaryDisabledBgColor","primaryBgColor","primaryDisabledBorderColor","primaryBorderColor","svg","fill","Input","placeholderColor","general","color","hoverPrimaryBgColor","borderColor","primaryHoverBorderColor","focusBorderColor","activePrimaryBgColor","primaryColor","SECONDARY","secondaryActiveBorderColor","children","props","filterButtonProps"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {defaultTransition} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {TextProps, filterTextProps} from '../Text';\nimport {filterProps} from '../util';\n\nexport enum IconButtonVariant {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n}\n\nexport interface IconButtonProps<T = HTMLButtonElement> extends TextProps<T> {\n  variant?: IconButtonVariant;\n  backgroundColor?: string;\n}\n\nexport const iconButtonStyle: <T>(theme: Theme, props: IconButtonProps<T>) => CSSObject = (\n  theme,\n  {variant = IconButtonVariant.PRIMARY, backgroundColor, disabled = false},\n) => ({\n  border: 0,\n  borderRadius: '12px',\n  cursor: disabled ? 'default' : 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  marginBottom: '16px',\n  padding: 0,\n  outline: 'none',\n  textDecoration: 'none',\n  touchAction: 'manipulation',\n  transition: defaultTransition,\n  width: '40px',\n  height: '32px',\n  '&:hover, &:focus': {\n    textDecoration: 'none',\n  },\n  ...(variant === IconButtonVariant.PRIMARY && {\n    backgroundColor: disabled\n      ? theme.IconButton.primaryDisabledBgColor\n      : backgroundColor || theme.IconButton.primaryBgColor,\n    border: disabled\n      ? `1px solid ${theme.IconButton.primaryDisabledBorderColor}`\n      : `1px solid ${theme.IconButton.primaryBorderColor}`,\n    svg: {\n      fill: disabled ? theme.Input.placeholderColor : theme.general.color,\n    },\n    ...(!disabled && {\n      '&:hover, &:focus': {\n        backgroundColor: theme.IconButton.hoverPrimaryBgColor,\n      },\n      '&:hover': {\n        borderColor: theme.IconButton.primaryHoverBorderColor,\n      },\n      '&:focus': {\n        borderColor: theme.IconButton.focusBorderColor,\n      },\n      '&:active': {\n        backgroundColor: theme.IconButton.activePrimaryBgColor,\n        borderColor: theme.IconButton.focusBorderColor,\n        svg: {\n          fill: theme.general.primaryColor,\n        },\n      },\n    }),\n  }),\n  ...(variant === IconButtonVariant.SECONDARY && {\n    backgroundColor: 'inherit',\n    svg: {\n      fill: disabled ? theme.Input.placeholderColor : theme.general.color,\n    },\n    ...(!disabled && {\n      '&:hover, &:focus, &:active': {\n        svg: {\n          fill: theme.general.primaryColor,\n        },\n      },\n      '&:focus': {\n        border: `1px solid ${theme.IconButton.focusBorderColor}`,\n      },\n      '&:active': {\n        border: `1px solid ${theme.IconButton.secondaryActiveBorderColor}`,\n        backgroundColor: theme.Input.backgroundColor,\n      },\n    }),\n  }),\n});\n\nexport const IconButton = ({children, ...props}: IconButtonProps) => (\n  <button css={(theme: Theme) => iconButtonStyle(theme, props)} {...filterButtonProps(props)}>\n    {children}\n  </button>\n);\n\nconst filterButtonProps = (props: IconButtonProps) => {\n  return filterProps(filterTextProps(props) as IconButtonProps, ['backgroundColor']);\n};\n"],"file":"IconButton.js"}

package/src/Misc/Pill.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { CSSObject, jsx } from '@emotion/react';
 import React from 'react';
-import type { Theme } from '../Layout';
+import { Theme } from '../Layout';
 export interface PillProps<T = HTMLSpanElement> extends React.HTMLProps<T> {
     active?: boolean;
     type?: PILL_TYPE;

package/src/Misc/Pill.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Pill.tsx"],"names":["PILL_TYPE","pillStyle","theme","active","type","backgroundColors","error","COLOR","RED_OPAQUE_32","success","GREEN_OPAQUE_32","warning","YELLOW_OPAQUE_32","backgroundColor","pillAnimation","keyframes","marginLeft","marginRight","animation","DURATION","DEFAULT","EASE","QUART","borderRadius","color","TEXT","general","cursor","undefined","display","fontSize","lineHeight","margin","minHeight","padding","textAlign","textDecoration","filterPillProps","props","Pill"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AAEA;;;;IAOYA,S;;;WAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,yBAAAA,S;;AAML,IAAMC,SAA8D,GAAG,SAAjEA,SAAiE,CAC5EC,KAD4E,QAGzE;AAAA;;AAAA,yBADFC,MACE;AAAA,MADFA,MACE,4BADO,KACP;AAAA,uBADcC,IACd;AAAA,MADcA,IACd,0BADqB,IACrB;AACH,MAAMC,gBAAgB,gFACnBL,SAAS,CAACM,KADS,EACDC,gBAAMC,aADL,uDAEnBR,SAAS,CAACS,OAFS,EAECF,gBAAMG,eAFP,uDAGnBV,SAAS,CAACW,OAHS,EAGCJ,gBAAMK,gBAHP,qBAAtB;AAKA,MAAMC,eAAe,GAAGV,MAAM,GAAG,MAAH,GAAYC,IAAI,GAAGC,gBAAgB,CAACD,IAAD,CAAnB,GAA4B,aAA1E;AACA,MAAMU,aAAa,OAAGC,gBAAH,mMAKKF,eALL,CAAnB;AAQA,SAAO;AACL,uBAAmB;AACjBG,MAAAA,UAAU,EAAE;AADK,KADd;AAIL,sBAAkB;AAChBC,MAAAA,WAAW,EAAE;AADG,KAJb;AAOLC,IAAAA,SAAS,YAAKJ,aAAL,cAAsBK,kBAASC,OAA/B,gBAA4CC,cAAKC,KAAjD,CAPJ;AAQLT,IAAAA,eAAe,EAAfA,eARK;AASLU,IAAAA,YAAY,EAAE,OATT;AAULC,IAAAA,KAAK,EAAErB,MAAM,GAAGI,gBAAMkB,IAAT,GAAgBvB,KAAK,CAACwB,OAAN,CAAcF,KAVtC;AAWLG,IAAAA,MAAM,EAAExB,MAAM,GAAG,SAAH,GAAeyB,SAXxB;AAYLC,IAAAA,OAAO,EAAE,cAZJ;AAaLC,IAAAA,QAAQ,EAAE,MAbL;AAcLC,IAAAA,UAAU,EAAE,MAdP;AAeLC,IAAAA,MAAM,EAAE5B,IAAI,GAAG,YAAH,GAAkB,OAfzB;AAgBL6B,IAAAA,SAAS,EAAE,MAhBN;AAiBLC,IAAAA,OAAO,EAAE,UAjBJ;AAkBLC,IAAAA,SAAS,EAAE,QAlBN;AAmBLC,IAAAA,cAAc,EAAE;AAnBX,GAAP;AAqBD,CAvCM;;;;AAyCA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;AAAA,SAAsB,uBAAYA,KAAZ,EAAmB,CAAC,QAAD,CAAnB,CAAtB;AAAA,CAAxB;;;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACD,KAAD;AAAA,SAClB;AACE,IAAA,GAAG,EAAE,aAACpC,KAAD;AAAA,aAAkBD,SAAS,CAACC,KAAD,EAAQoC,KAAR,CAA3B;AAAA,KADP;AAEE,qBAAc,cAFhB;AAGE,uBAAiBA,KAAK,CAAClC;AAHzB,KAIMiC,eAAe,CAACC,KAAD,CAJrB,EADkB;AAAA,CAAb","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx, keyframes} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {DURATION, EASE} from '../Identity/motions';\nimport type {Theme} from '../Layout';\nimport {filterProps} from '../util';\n\nexport interface PillProps<T = HTMLSpanElement> extends React.HTMLProps<T> {\n  active?: boolean;\n  type?: PILL_TYPE;\n}\n\nexport enum PILL_TYPE {\n  error = 'ERROR',\n  success = 'SUCCESS',\n  warning = 'WARNING',\n}\n\nexport const pillStyle: <T>(theme: Theme, props: PillProps<T>) => CSSObject = (\n  theme,\n  {active = false, type = null},\n) => {\n  const backgroundColors = {\n    [PILL_TYPE.error]: COLOR.RED_OPAQUE_32,\n    [PILL_TYPE.success]: COLOR.GREEN_OPAQUE_32,\n    [PILL_TYPE.warning]: COLOR.YELLOW_OPAQUE_32,\n  };\n  const backgroundColor = active ? '#eee' : type ? backgroundColors[type] : 'transparent';\n  const pillAnimation = keyframes`\n    0% {\n      background-color: transparent;\n    }\n    100% {\n      background-color: ${backgroundColor};\n    }\n`;\n  return {\n    '&:first-of-type': {\n      marginLeft: 0,\n    },\n    '&:last-of-type': {\n      marginRight: 0,\n    },\n    animation: `${pillAnimation} ${DURATION.DEFAULT}ms ${EASE.QUART}`,\n    backgroundColor,\n    borderRadius: '160px',\n    color: active ? COLOR.TEXT : theme.general.color,\n    cursor: active ? 'default' : undefined,\n    display: 'inline-block',\n    fontSize: '12px',\n    lineHeight: '16px',\n    margin: type ? '12px 0 0 0' : '0 8px',\n    minHeight: '32px',\n    padding: '8px 24px',\n    textAlign: 'center',\n    textDecoration: 'none',\n  };\n};\n\nexport const filterPillProps = (props: PillProps) => filterProps(props, ['active']);\n\nexport const Pill = (props: PillProps) => (\n  <span\n    css={(theme: Theme) => pillStyle(theme, props)}\n    data-uie-name=\"element-pill\"\n    data-uie-status={props.type}\n    {...filterPillProps(props)}\n  />\n);\n"],"file":"Pill.js"}
+{"version":3,"sources":["Pill.tsx"],"names":["PILL_TYPE","pillStyle","theme","active","type","backgroundColors","error","COLOR","RED_OPAQUE_32","success","GREEN_OPAQUE_32","warning","YELLOW_OPAQUE_32","backgroundColor","pillAnimation","keyframes","marginLeft","marginRight","animation","DURATION","DEFAULT","EASE","QUART","borderRadius","color","TEXT","general","cursor","undefined","display","fontSize","lineHeight","margin","minHeight","padding","textAlign","textDecoration","filterPillProps","props","Pill"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AAEA;;;;IAOYA,S;;;WAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,yBAAAA,S;;AAML,IAAMC,SAA8D,GAAG,SAAjEA,SAAiE,CAC5EC,KAD4E,QAGzE;AAAA;;AAAA,yBADFC,MACE;AAAA,MADFA,MACE,4BADO,KACP;AAAA,uBADcC,IACd;AAAA,MADcA,IACd,0BADqB,IACrB;AACH,MAAMC,gBAAgB,gFACnBL,SAAS,CAACM,KADS,EACDC,gBAAMC,aADL,uDAEnBR,SAAS,CAACS,OAFS,EAECF,gBAAMG,eAFP,uDAGnBV,SAAS,CAACW,OAHS,EAGCJ,gBAAMK,gBAHP,qBAAtB;AAKA,MAAMC,eAAe,GAAGV,MAAM,GAAG,MAAH,GAAYC,IAAI,GAAGC,gBAAgB,CAACD,IAAD,CAAnB,GAA4B,aAA1E;AACA,MAAMU,aAAa,OAAGC,gBAAH,mMAKKF,eALL,CAAnB;AAQA,SAAO;AACL,uBAAmB;AACjBG,MAAAA,UAAU,EAAE;AADK,KADd;AAIL,sBAAkB;AAChBC,MAAAA,WAAW,EAAE;AADG,KAJb;AAOLC,IAAAA,SAAS,YAAKJ,aAAL,cAAsBK,kBAASC,OAA/B,gBAA4CC,cAAKC,KAAjD,CAPJ;AAQLT,IAAAA,eAAe,EAAfA,eARK;AASLU,IAAAA,YAAY,EAAE,OATT;AAULC,IAAAA,KAAK,EAAErB,MAAM,GAAGI,gBAAMkB,IAAT,GAAgBvB,KAAK,CAACwB,OAAN,CAAcF,KAVtC;AAWLG,IAAAA,MAAM,EAAExB,MAAM,GAAG,SAAH,GAAeyB,SAXxB;AAYLC,IAAAA,OAAO,EAAE,cAZJ;AAaLC,IAAAA,QAAQ,EAAE,MAbL;AAcLC,IAAAA,UAAU,EAAE,MAdP;AAeLC,IAAAA,MAAM,EAAE5B,IAAI,GAAG,YAAH,GAAkB,OAfzB;AAgBL6B,IAAAA,SAAS,EAAE,MAhBN;AAiBLC,IAAAA,OAAO,EAAE,UAjBJ;AAkBLC,IAAAA,SAAS,EAAE,QAlBN;AAmBLC,IAAAA,cAAc,EAAE;AAnBX,GAAP;AAqBD,CAvCM;;;;AAyCA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;AAAA,SAAsB,uBAAYA,KAAZ,EAAmB,CAAC,QAAD,CAAnB,CAAtB;AAAA,CAAxB;;;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACD,KAAD;AAAA,SAClB;AACE,IAAA,GAAG,EAAE,aAACpC,KAAD;AAAA,aAAkBD,SAAS,CAACC,KAAD,EAAQoC,KAAR,CAA3B;AAAA,KADP;AAEE,qBAAc,cAFhB;AAGE,uBAAiBA,KAAK,CAAClC;AAHzB,KAIMiC,eAAe,CAACC,KAAD,CAJrB,EADkB;AAAA,CAAb","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx, keyframes} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {DURATION, EASE} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {filterProps} from '../util';\n\nexport interface PillProps<T = HTMLSpanElement> extends React.HTMLProps<T> {\n  active?: boolean;\n  type?: PILL_TYPE;\n}\n\nexport enum PILL_TYPE {\n  error = 'ERROR',\n  success = 'SUCCESS',\n  warning = 'WARNING',\n}\n\nexport const pillStyle: <T>(theme: Theme, props: PillProps<T>) => CSSObject = (\n  theme,\n  {active = false, type = null},\n) => {\n  const backgroundColors = {\n    [PILL_TYPE.error]: COLOR.RED_OPAQUE_32,\n    [PILL_TYPE.success]: COLOR.GREEN_OPAQUE_32,\n    [PILL_TYPE.warning]: COLOR.YELLOW_OPAQUE_32,\n  };\n  const backgroundColor = active ? '#eee' : type ? backgroundColors[type] : 'transparent';\n  const pillAnimation = keyframes`\n    0% {\n      background-color: transparent;\n    }\n    100% {\n      background-color: ${backgroundColor};\n    }\n`;\n  return {\n    '&:first-of-type': {\n      marginLeft: 0,\n    },\n    '&:last-of-type': {\n      marginRight: 0,\n    },\n    animation: `${pillAnimation} ${DURATION.DEFAULT}ms ${EASE.QUART}`,\n    backgroundColor,\n    borderRadius: '160px',\n    color: active ? COLOR.TEXT : theme.general.color,\n    cursor: active ? 'default' : undefined,\n    display: 'inline-block',\n    fontSize: '12px',\n    lineHeight: '16px',\n    margin: type ? '12px 0 0 0' : '0 8px',\n    minHeight: '32px',\n    padding: '8px 24px',\n    textAlign: 'center',\n    textDecoration: 'none',\n  };\n};\n\nexport const filterPillProps = (props: PillProps) => filterProps(props, ['active']);\n\nexport const Pill = (props: PillProps) => (\n  <span\n    css={(theme: Theme) => pillStyle(theme, props)}\n    data-uie-name=\"element-pill\"\n    data-uie-status={props.type}\n    {...filterPillProps(props)}\n  />\n);\n"],"file":"Pill.js"}

package/src/Modal/Modal.js

@@ -79,7 +79,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "sobyuy-ModalClose",
   styles: "align-items:center;cursor:pointer;display:flex;justify-content:center;position:absolute;right:16px;top:16px;label:ModalClose;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRUkiLCJmaWxlIjoiTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0LCB7Q1NTUHJvcGVydGllc30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IENvbG9yIGZyb20gJ2NvbG9yJztcblxuaW1wb3J0IHtDbG9zZUljb259IGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IHR5cGUge1NWR0ljb25Qcm9wc30gZnJvbSAnLi4vSWNvbi9TVkdJY29uJztcbmltcG9ydCB7Q09MT1J9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7UXVlcnlLZXlzLCBtZWRpYX0gZnJvbSAnLi4vbWVkaWFRdWVyaWVzJztcbmltcG9ydCB7ZmlsdGVyUHJvcHMsIG5vb3B9IGZyb20gJy4uL3V0aWwnO1xuaW1wb3J0IHtPdmVybGF5QmFja2dyb3VuZFByb3BzLCBPdmVybGF5V3JhcHBlciwgb3ZlcmxheUJhY2tncm91bmRTdHlsZX0gZnJvbSAnLi9PdmVybGF5JztcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbEJvZHlQcm9wczxUID0gSFRNTERpdkVsZW1lbnQ+IGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPFQ+IHtcbiAgZnVsbHNjcmVlbj86IGJvb2xlYW47XG59XG5cbmNvbnN0IG1vZGFsQm9keVN0eWxlOiA8VD4odGhlbWU6IFRoZW1lLCBwcm9wczogTW9kYWxCb2R5UHJvcHM8VD4pID0+IENTU09iamVjdCA9ICh0aGVtZSwge2Z1bGxzY3JlZW4gPSBmYWxzZX0pID0+ICh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmdlbmVyYWwuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IGZ1bGxzY3JlZW4gPyAwIDogJzhweCcsXG4gIGJvdHRvbTogZnVsbHNjcmVlbiA/IDAgOiB1bmRlZmluZWQsXG4gIGJveFNoYWRvdzogZnVsbHNjcmVlbiA/ICdub25lJyA6ICcwIDE2cHggNjRweCAwIHJnYmEoMCwgMCwgMCwgMC4xNiknLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICBqdXN0aWZ5Q29udGVudDogZnVsbHNjcmVlbiA/ICdjZW50ZXInIDogJ3NwYWNlLWJldHdlZW4nLFxuICBsZWZ0OiBmdWxsc2NyZWVuID8gMCA6IHVuZGVmaW5lZCxcbiAgbWFyZ2luOiAnYXV0bycsXG4gIHBvc2l0aW9uOiBmdWxsc2NyZWVuID8gJ2ZpeGVkJyA6ICdyZWxhdGl2ZScsXG4gIHJpZ2h0OiBmdWxsc2NyZWVuID8gMCA6IHVuZGVmaW5lZCxcbiAgdG9wOiBmdWxsc2NyZWVuID8gMCA6IHVuZGVmaW5lZCxcbiAgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoMCwgMCwgMCknLFxuICB6SW5kZXg6IDk5OTksXG4gIFttZWRpYVtRdWVyeUtleXMuVEFCTEVUX0RPV05dXToge1xuICAgIHdpZHRoOiBmdWxsc2NyZWVuID8gJ2luaXRpYWwnIDogJzEwMCUnLFxuICB9LFxufSk7XG5cbmNvbnN0IGZpbHRlck1vZGFsQm9keVByb3BzID0gKHByb3BzOiBNb2RhbEJvZHlQcm9wcykgPT4gZmlsdGVyUHJvcHMocHJvcHMsIFsnZnVsbHNjcmVlbiddKTtcblxuY29uc3QgTW9kYWxCb2R5ID0gKHByb3BzOiBNb2RhbEJvZHlQcm9wcykgPT4gKFxuICA8ZGl2IGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gbW9kYWxCb2R5U3R5bGUodGhlbWUsIHByb3BzKX0gey4uLmZpbHRlck1vZGFsQm9keVByb3BzKHByb3BzKX0gLz5cbik7XG5cbmNvbnN0IE1vZGFsQ2xvc2UgPSAocHJvcHM6IFNWR0ljb25Qcm9wczxTVkdTVkdFbGVtZW50PikgPT4gKFxuICA8Q2xvc2VJY29uXG4gICAgd2lkdGg9ezE2fVxuICAgIGhlaWdodD17MTZ9XG4gICAgY3NzPXt7XG4gICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICByaWdodDogMTYsXG4gICAgICB0b3A6IDE2LFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuY29uc3QgTW9kYWxDb250ZW50OiBSZWFjdC5GQzxSZWFjdC5IVE1MUHJvcHM8SFRNTERpdkVsZW1lbnQ+PiA9IHByb3BzID0+IChcbiAgPGRpdlxuICAgIGNzcz17e1xuICAgICAgbWF4V2lkdGg6ICcxMDAlJyxcbiAgICAgIG92ZXJmbG93WTogJ2F1dG8nLFxuICAgICAgcGFkZGluZzogJzQwcHgnLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuY29uc3QgbW9kYWxCYWNrZ3JvdW5kU3R5bGU6IDxUPihwcm9wczogT3ZlcmxheUJhY2tncm91bmRQcm9wczxUPikgPT4gQ1NTT2JqZWN0ID0gcHJvcHMgPT4gKHtcbiAgLi4ub3ZlcmxheUJhY2tncm91bmRTdHlsZShwcm9wcyksXG4gIGJhY2tncm91bmRDb2xvcjogJ3JnYmEoNTAsIDU0LCA1NywgMC40KScsXG59KTtcblxuY29uc3QgTW9kYWxCYWNrZ3JvdW5kID0gKHByb3BzOiBPdmVybGF5QmFja2dyb3VuZFByb3BzKSA9PiA8ZGl2IGNzcz17bW9kYWxCYWNrZ3JvdW5kU3R5bGUocHJvcHMpfSB7Li4ucHJvcHN9IC8+O1xuXG5leHBvcnQgaW50ZXJmYWNlIE1vZGFsQWN0aW9uSXRlbSB7XG4gIGJvbGQ/OiBib29sZWFuO1xuICBkYXRhVWllTmFtZT86IHN0cmluZztcbiAgb25DbGljazogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4gdm9pZDtcbiAgdGl0bGU6IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIE1vZGFsQWN0aW9ucyB7XG4gIGFjdGlvbnM/OiBNb2RhbEFjdGlvbkl0ZW1bXTtcbn1cblxuY29uc3QgbW9kYWxBY3Rpb25zV3JhcHBlclN0eWxlczogKCkgPT4gQ1NTT2JqZWN0ID0gKCkgPT4gKHtcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7Q09MT1IuR1JBWV9MSUdIVEVOXzcyfWAsXG4gIGJvdHRvbTogMCxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBkaXY6IHtcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogQ09MT1Iub3BhcXVlKENPTE9SLkdSQVlfREFSS0VOXzcyLCAwLjA0KSxcbiAgICB9LFxuICAgICcmOmFjdGl2ZSc6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogQ09MT1Iub3BhcXVlKENPTE9SLkdSQVlfREFSS0VOXzcyLCAwLjA4KSxcbiAgICB9LFxuICAgIGJvcmRlclJpZ2h0OiBgMXB4IHNvbGlkICR7Q09MT1IuR1JBWV9MSUdIVEVOXzcyfWAsXG4gIH0sXG4gICdkaXY6Zmlyc3QtY2hpbGQnOiB7XG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogOCxcbiAgfSxcbiAgJ2RpdjpsYXN0LWNoaWxkJzoge1xuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiA4LFxuICAgIGJvcmRlclJpZ2h0OiAwLFxuICB9LFxuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgd2lkdGg6ICcxMDAlJyxcbn0pO1xuXG5jb25zdCBtb2RhbEFjdGlvblN0eWxlczogKHtib2xkfToge2JvbGQ6IGJvb2xlYW59KSA9PiBDU1NPYmplY3QgPSAoe2JvbGR9KSA9PiAoe1xuICAnJjpob3Zlcic6IHtcbiAgICBjb2xvcjogQ29sb3IoQ09MT1IuQkxVRSkubWl4KENvbG9yKENPTE9SLkJMQUNLKSwgMC4xNikudG9TdHJpbmcoKSxcbiAgfSxcbiAgY29sb3I6IENPTE9SLkJMVUUsXG4gIGN1cnNvcjogJ3BvaW50ZXInLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXg6IDEsXG4gIGZvbnRXZWlnaHQ6IGJvbGQgPyAnYm9sZCcgOiAnbm9ybWFsJyxcbiAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICBwYWRkaW5nOiAnOHB4IDAnLFxufSk7XG5cbmNvbnN0IE1vZGFsQWN0aW9uczogUmVhY3QuRkM8TW9kYWxBY3Rpb25zPiA9ICh7YWN0aW9uc30pID0+IChcbiAgPGRpdiBjc3M9e21vZGFsQWN0aW9uc1dyYXBwZXJTdHlsZXMoKX0+XG4gICAge2FjdGlvbnMubWFwKGFjdGlvbiA9PiAoXG4gICAgICA8ZGl2XG4gICAgICAgIGtleT17YWN0aW9uLnRpdGxlfVxuICAgICAgICBvbkNsaWNrPXthY3Rpb24ub25DbGlja31cbiAgICAgICAgY3NzPXttb2RhbEFjdGlvblN0eWxlcyh7Ym9sZDogYWN0aW9uLmJvbGR9KX1cbiAgICAgICAgZGF0YS11aWUtbmFtZT17YWN0aW9uLmRhdGFVaWVOYW1lfVxuICAgICAgPlxuICAgICAgICB7YWN0aW9uLnRpdGxlfVxuICAgICAgPC9kaXY+XG4gICAgKSl9XG4gIDwvZGl2PlxuKTtcblxuaW50ZXJmYWNlIE1vZGFsUHJvcHMge1xuICBhY3Rpb25zPzogTW9kYWxBY3Rpb25JdGVtW107XG4gIGJvZHlTdHlsZT86IENTU1Byb3BlcnRpZXM7XG4gIGZ1bGxzY3JlZW4/OiBib29sZWFuO1xuICBvbkJhY2tncm91bmRDbGljaz86ICgpID0+IHZvaWQ7XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgTW9kYWw6IFJlYWN0LkZDPE1vZGFsUHJvcHMgJiBSZWFjdC5IVE1MUHJvcHM8SFRNTERpdkVsZW1lbnQ+PiA9ICh7XG4gIGFjdGlvbnMgPSBbXSxcbiAgY2hpbGRyZW4sXG4gIGJvZHlTdHlsZSxcbiAgZnVsbHNjcmVlbixcbiAgb25DbG9zZSxcbiAgb25CYWNrZ3JvdW5kQ2xpY2ssXG4gIC4uLnByb3BzXG59KSA9PiAoXG4gIDxPdmVybGF5V3JhcHBlciB7Li4ucHJvcHN9IGRhdGEtdWllLW5hbWU9XCJtb2RhbFwiPlxuICAgIDxNb2RhbEJvZHkgZnVsbHNjcmVlbj17ZnVsbHNjcmVlbn0gc3R5bGU9e2JvZHlTdHlsZX0+XG4gICAgICA8TW9kYWxDb250ZW50PntjaGlsZHJlbn08L01vZGFsQ29udGVudD5cbiAgICAgIHtvbkNsb3NlICE9PSBub29wICYmIDxNb2RhbENsb3NlIG9uQ2xpY2s9e29uQ2xvc2V9IGRhdGEtdWllLW5hbWU9XCJkby1jbG9zZVwiIC8+fVxuICAgICAge2FjdGlvbnMubGVuZ3RoID4gMCAmJiA8TW9kYWxBY3Rpb25zIGFjdGlvbnM9e2FjdGlvbnN9IGRhdGEtdWllLW5hbWU9XCJtb2RhbC1hY3Rpb25zXCIgLz59XG4gICAgPC9Nb2RhbEJvZHk+XG4gICAgeyFmdWxsc2NyZWVuICYmIChcbiAgICAgIDxNb2RhbEJhY2tncm91bmRcbiAgICAgICAgb25DbGljaz17b25CYWNrZ3JvdW5kQ2xpY2sgPT09IG5vb3AgPyBvbkNsb3NlIDogb25CYWNrZ3JvdW5kQ2xpY2t9XG4gICAgICAgIGRhdGEtdWllLW5hbWU9XCJtb2RhbC1iYWNrZ3JvdW5kXCJcbiAgICAgIC8+XG4gICAgKX1cbiAgPC9PdmVybGF5V3JhcHBlcj5cbik7XG5cbk1vZGFsLmRlZmF1bHRQcm9wcyA9IHtcbiAgYWN0aW9uczogW10sXG4gIGZ1bGxzY3JlZW46IGZhbHNlLFxuICBvbkJhY2tncm91bmRDbGljazogbm9vcCxcbiAgb25DbG9zZTogbm9vcCxcbn07XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRUkiLCJmaWxlIjoiTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0LCB7Q1NTUHJvcGVydGllc30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IENvbG9yIGZyb20gJ2NvbG9yJztcblxuaW1wb3J0IHtDbG9zZUljb259IGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IHtTVkdJY29uUHJvcHN9IGZyb20gJy4uL0ljb24vU1ZHSWNvbic7XG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHtRdWVyeUtleXMsIG1lZGlhfSBmcm9tICcuLi9tZWRpYVF1ZXJpZXMnO1xuaW1wb3J0IHtmaWx0ZXJQcm9wcywgbm9vcH0gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge092ZXJsYXlCYWNrZ3JvdW5kUHJvcHMsIE92ZXJsYXlXcmFwcGVyLCBvdmVybGF5QmFja2dyb3VuZFN0eWxlfSBmcm9tICcuL092ZXJsYXknO1xuXG5leHBvcnQgaW50ZXJmYWNlIE1vZGFsQm9keVByb3BzPFQgPSBIVE1MRGl2RWxlbWVudD4gZXh0ZW5kcyBSZWFjdC5IVE1MUHJvcHM8VD4ge1xuICBmdWxsc2NyZWVuPzogYm9vbGVhbjtcbn1cblxuY29uc3QgbW9kYWxCb2R5U3R5bGU6IDxUPih0aGVtZTogVGhlbWUsIHByb3BzOiBNb2RhbEJvZHlQcm9wczxUPikgPT4gQ1NTT2JqZWN0ID0gKHRoZW1lLCB7ZnVsbHNjcmVlbiA9IGZhbHNlfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZ2VuZXJhbC5iYWNrZ3JvdW5kQ29sb3IsXG4gIGJvcmRlclJhZGl1czogZnVsbHNjcmVlbiA/IDAgOiAnOHB4JyxcbiAgYm90dG9tOiBmdWxsc2NyZWVuID8gMCA6IHVuZGVmaW5lZCxcbiAgYm94U2hhZG93OiBmdWxsc2NyZWVuID8gJ25vbmUnIDogJzAgMTZweCA2NHB4IDAgcmdiYSgwLCAwLCAwLCAwLjE2KScsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gIGp1c3RpZnlDb250ZW50OiBmdWxsc2NyZWVuID8gJ2NlbnRlcicgOiAnc3BhY2UtYmV0d2VlbicsXG4gIGxlZnQ6IGZ1bGxzY3JlZW4gPyAwIDogdW5kZWZpbmVkLFxuICBtYXJnaW46ICdhdXRvJyxcbiAgcG9zaXRpb246IGZ1bGxzY3JlZW4gPyAnZml4ZWQnIDogJ3JlbGF0aXZlJyxcbiAgcmlnaHQ6IGZ1bGxzY3JlZW4gPyAwIDogdW5kZWZpbmVkLFxuICB0b3A6IGZ1bGxzY3JlZW4gPyAwIDogdW5kZWZpbmVkLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgwLCAwLCAwKScsXG4gIHpJbmRleDogOTk5OSxcbiAgW21lZGlhW1F1ZXJ5S2V5cy5UQUJMRVRfRE9XTl1dOiB7XG4gICAgd2lkdGg6IGZ1bGxzY3JlZW4gPyAnaW5pdGlhbCcgOiAnMTAwJScsXG4gIH0sXG59KTtcblxuY29uc3QgZmlsdGVyTW9kYWxCb2R5UHJvcHMgPSAocHJvcHM6IE1vZGFsQm9keVByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydmdWxsc2NyZWVuJ10pO1xuXG5jb25zdCBNb2RhbEJvZHkgPSAocHJvcHM6IE1vZGFsQm9keVByb3BzKSA9PiAoXG4gIDxkaXYgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiBtb2RhbEJvZHlTdHlsZSh0aGVtZSwgcHJvcHMpfSB7Li4uZmlsdGVyTW9kYWxCb2R5UHJvcHMocHJvcHMpfSAvPlxuKTtcblxuY29uc3QgTW9kYWxDbG9zZSA9IChwcm9wczogU1ZHSWNvblByb3BzPFNWR1NWR0VsZW1lbnQ+KSA9PiAoXG4gIDxDbG9zZUljb25cbiAgICB3aWR0aD17MTZ9XG4gICAgaGVpZ2h0PXsxNn1cbiAgICBjc3M9e3tcbiAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgIHJpZ2h0OiAxNixcbiAgICAgIHRvcDogMTYsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5jb25zdCBNb2RhbENvbnRlbnQ6IFJlYWN0LkZDPFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4+ID0gcHJvcHMgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXt7XG4gICAgICBtYXhXaWR0aDogJzEwMCUnLFxuICAgICAgb3ZlcmZsb3dZOiAnYXV0bycsXG4gICAgICBwYWRkaW5nOiAnNDBweCcsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5jb25zdCBtb2RhbEJhY2tncm91bmRTdHlsZTogPFQ+KHByb3BzOiBPdmVybGF5QmFja2dyb3VuZFByb3BzPFQ+KSA9PiBDU1NPYmplY3QgPSBwcm9wcyA9PiAoe1xuICAuLi5vdmVybGF5QmFja2dyb3VuZFN0eWxlKHByb3BzKSxcbiAgYmFja2dyb3VuZENvbG9yOiAncmdiYSg1MCwgNTQsIDU3LCAwLjQpJyxcbn0pO1xuXG5jb25zdCBNb2RhbEJhY2tncm91bmQgPSAocHJvcHM6IE92ZXJsYXlCYWNrZ3JvdW5kUHJvcHMpID0+IDxkaXYgY3NzPXttb2RhbEJhY2tncm91bmRTdHlsZShwcm9wcyl9IHsuLi5wcm9wc30gLz47XG5cbmV4cG9ydCBpbnRlcmZhY2UgTW9kYWxBY3Rpb25JdGVtIHtcbiAgYm9sZD86IGJvb2xlYW47XG4gIGRhdGFVaWVOYW1lPzogc3RyaW5nO1xuICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB2b2lkO1xuICB0aXRsZTogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgTW9kYWxBY3Rpb25zIHtcbiAgYWN0aW9ucz86IE1vZGFsQWN0aW9uSXRlbVtdO1xufVxuXG5jb25zdCBtb2RhbEFjdGlvbnNXcmFwcGVyU3R5bGVzOiAoKSA9PiBDU1NPYmplY3QgPSAoKSA9PiAoe1xuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHtDT0xPUi5HUkFZX0xJR0hURU5fNzJ9YCxcbiAgYm90dG9tOiAwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGRpdjoge1xuICAgICcmOmhvdmVyJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBDT0xPUi5vcGFxdWUoQ09MT1IuR1JBWV9EQVJLRU5fNzIsIDAuMDQpLFxuICAgIH0sXG4gICAgJyY6YWN0aXZlJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBDT0xPUi5vcGFxdWUoQ09MT1IuR1JBWV9EQVJLRU5fNzIsIDAuMDgpLFxuICAgIH0sXG4gICAgYm9yZGVyUmlnaHQ6IGAxcHggc29saWQgJHtDT0xPUi5HUkFZX0xJR0hURU5fNzJ9YCxcbiAgfSxcbiAgJ2RpdjpmaXJzdC1jaGlsZCc6IHtcbiAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiA4LFxuICB9LFxuICAnZGl2Omxhc3QtY2hpbGQnOiB7XG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IDgsXG4gICAgYm9yZGVyUmlnaHQ6IDAsXG4gIH0sXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICB3aWR0aDogJzEwMCUnLFxufSk7XG5cbmNvbnN0IG1vZGFsQWN0aW9uU3R5bGVzOiAoe2JvbGR9OiB7Ym9sZDogYm9vbGVhbn0pID0+IENTU09iamVjdCA9ICh7Ym9sZH0pID0+ICh7XG4gICcmOmhvdmVyJzoge1xuICAgIGNvbG9yOiBDb2xvcihDT0xPUi5CTFVFKS5taXgoQ29sb3IoQ09MT1IuQkxBQ0spLCAwLjE2KS50b1N0cmluZygpLFxuICB9LFxuICBjb2xvcjogQ09MT1IuQkxVRSxcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleDogMSxcbiAgZm9udFdlaWdodDogYm9sZCA/ICdib2xkJyA6ICdub3JtYWwnLFxuICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gIHBhZGRpbmc6ICc4cHggMCcsXG59KTtcblxuY29uc3QgTW9kYWxBY3Rpb25zOiBSZWFjdC5GQzxNb2RhbEFjdGlvbnM+ID0gKHthY3Rpb25zfSkgPT4gKFxuICA8ZGl2IGNzcz17bW9kYWxBY3Rpb25zV3JhcHBlclN0eWxlcygpfT5cbiAgICB7YWN0aW9ucy5tYXAoYWN0aW9uID0+IChcbiAgICAgIDxkaXZcbiAgICAgICAga2V5PXthY3Rpb24udGl0bGV9XG4gICAgICAgIG9uQ2xpY2s9e2FjdGlvbi5vbkNsaWNrfVxuICAgICAgICBjc3M9e21vZGFsQWN0aW9uU3R5bGVzKHtib2xkOiBhY3Rpb24uYm9sZH0pfVxuICAgICAgICBkYXRhLXVpZS1uYW1lPXthY3Rpb24uZGF0YVVpZU5hbWV9XG4gICAgICA+XG4gICAgICAgIHthY3Rpb24udGl0bGV9XG4gICAgICA8L2Rpdj5cbiAgICApKX1cbiAgPC9kaXY+XG4pO1xuXG5pbnRlcmZhY2UgTW9kYWxQcm9wcyB7XG4gIGFjdGlvbnM/OiBNb2RhbEFjdGlvbkl0ZW1bXTtcbiAgYm9keVN0eWxlPzogQ1NTUHJvcGVydGllcztcbiAgZnVsbHNjcmVlbj86IGJvb2xlYW47XG4gIG9uQmFja2dyb3VuZENsaWNrPzogKCkgPT4gdm9pZDtcbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBNb2RhbDogUmVhY3QuRkM8TW9kYWxQcm9wcyAmIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4+ID0gKHtcbiAgYWN0aW9ucyA9IFtdLFxuICBjaGlsZHJlbixcbiAgYm9keVN0eWxlLFxuICBmdWxsc2NyZWVuLFxuICBvbkNsb3NlLFxuICBvbkJhY2tncm91bmRDbGljayxcbiAgLi4ucHJvcHNcbn0pID0+IChcbiAgPE92ZXJsYXlXcmFwcGVyIHsuLi5wcm9wc30gZGF0YS11aWUtbmFtZT1cIm1vZGFsXCI+XG4gICAgPE1vZGFsQm9keSBmdWxsc2NyZWVuPXtmdWxsc2NyZWVufSBzdHlsZT17Ym9keVN0eWxlfT5cbiAgICAgIDxNb2RhbENvbnRlbnQ+e2NoaWxkcmVufTwvTW9kYWxDb250ZW50PlxuICAgICAge29uQ2xvc2UgIT09IG5vb3AgJiYgPE1vZGFsQ2xvc2Ugb25DbGljaz17b25DbG9zZX0gZGF0YS11aWUtbmFtZT1cImRvLWNsb3NlXCIgLz59XG4gICAgICB7YWN0aW9ucy5sZW5ndGggPiAwICYmIDxNb2RhbEFjdGlvbnMgYWN0aW9ucz17YWN0aW9uc30gZGF0YS11aWUtbmFtZT1cIm1vZGFsLWFjdGlvbnNcIiAvPn1cbiAgICA8L01vZGFsQm9keT5cbiAgICB7IWZ1bGxzY3JlZW4gJiYgKFxuICAgICAgPE1vZGFsQmFja2dyb3VuZFxuICAgICAgICBvbkNsaWNrPXtvbkJhY2tncm91bmRDbGljayA9PT0gbm9vcCA/IG9uQ2xvc2UgOiBvbkJhY2tncm91bmRDbGlja31cbiAgICAgICAgZGF0YS11aWUtbmFtZT1cIm1vZGFsLWJhY2tncm91bmRcIlxuICAgICAgLz5cbiAgICApfVxuICA8L092ZXJsYXlXcmFwcGVyPlxuKTtcblxuTW9kYWwuZGVmYXVsdFByb3BzID0ge1xuICBhY3Rpb25zOiBbXSxcbiAgZnVsbHNjcmVlbjogZmFsc2UsXG4gIG9uQmFja2dyb3VuZENsaWNrOiBub29wLFxuICBvbkNsb3NlOiBub29wLFxufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -97,7 +97,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "26qwdj-ModalContent",
   styles: "max-width:100%;overflow-y:auto;padding:40px;label:ModalContent;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRkkiLCJmaWxlIjoiTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0LCB7Q1NTUHJvcGVydGllc30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IENvbG9yIGZyb20gJ2NvbG9yJztcblxuaW1wb3J0IHtDbG9zZUljb259IGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IHR5cGUge1NWR0ljb25Qcm9wc30gZnJvbSAnLi4vSWNvbi9TVkdJY29uJztcbmltcG9ydCB7Q09MT1J9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7UXVlcnlLZXlzLCBtZWRpYX0gZnJvbSAnLi4vbWVkaWFRdWVyaWVzJztcbmltcG9ydCB7ZmlsdGVyUHJvcHMsIG5vb3B9IGZyb20gJy4uL3V0aWwnO1xuaW1wb3J0IHtPdmVybGF5QmFja2dyb3VuZFByb3BzLCBPdmVybGF5V3JhcHBlciwgb3ZlcmxheUJhY2tncm91bmRTdHlsZX0gZnJvbSAnLi9PdmVybGF5JztcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbEJvZHlQcm9wczxUID0gSFRNTERpdkVsZW1lbnQ+IGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPFQ+IHtcbiAgZnVsbHNjcmVlbj86IGJvb2xlYW47XG59XG5cbmNvbnN0IG1vZGFsQm9keVN0eWxlOiA8VD4odGhlbWU6IFRoZW1lLCBwcm9wczogTW9kYWxCb2R5UHJvcHM8VD4pID0+IENTU09iamVjdCA9ICh0aGVtZSwge2Z1bGxzY3JlZW4gPSBmYWxzZX0pID0+ICh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmdlbmVyYWwuYmFja2dyb3VuZENvbG9yLFxuICBib3JkZXJSYWRpdXM6IGZ1bGxzY3JlZW4gPyAwIDogJzhweCcsXG4gIGJvdHRvbTogZnVsbHNjcmVlbiA/IDAgOiB1bmRlZmluZWQsXG4gIGJveFNoYWRvdzogZnVsbHNjcmVlbiA/ICdub25lJyA6ICcwIDE2cHggNjRweCAwIHJnYmEoMCwgMCwgMCwgMC4xNiknLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICBqdXN0aWZ5Q29udGVudDogZnVsbHNjcmVlbiA/ICdjZW50ZXInIDogJ3NwYWNlLWJldHdlZW4nLFxuICBsZWZ0OiBmdWxsc2NyZWVuID8gMCA6IHVuZGVmaW5lZCxcbiAgbWFyZ2luOiAnYXV0bycsXG4gIHBvc2l0aW9uOiBmdWxsc2NyZWVuID8gJ2ZpeGVkJyA6ICdyZWxhdGl2ZScsXG4gIHJpZ2h0OiBmdWxsc2NyZWVuID8gMCA6IHVuZGVmaW5lZCxcbiAgdG9wOiBmdWxsc2NyZWVuID8gMCA6IHVuZGVmaW5lZCxcbiAgdHJhbnNmb3JtOiAndHJhbnNsYXRlM2QoMCwgMCwgMCknLFxuICB6SW5kZXg6IDk5OTksXG4gIFttZWRpYVtRdWVyeUtleXMuVEFCTEVUX0RPV05dXToge1xuICAgIHdpZHRoOiBmdWxsc2NyZWVuID8gJ2luaXRpYWwnIDogJzEwMCUnLFxuICB9LFxufSk7XG5cbmNvbnN0IGZpbHRlck1vZGFsQm9keVByb3BzID0gKHByb3BzOiBNb2RhbEJvZHlQcm9wcykgPT4gZmlsdGVyUHJvcHMocHJvcHMsIFsnZnVsbHNjcmVlbiddKTtcblxuY29uc3QgTW9kYWxCb2R5ID0gKHByb3BzOiBNb2RhbEJvZHlQcm9wcykgPT4gKFxuICA8ZGl2IGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gbW9kYWxCb2R5U3R5bGUodGhlbWUsIHByb3BzKX0gey4uLmZpbHRlck1vZGFsQm9keVByb3BzKHByb3BzKX0gLz5cbik7XG5cbmNvbnN0IE1vZGFsQ2xvc2UgPSAocHJvcHM6IFNWR0ljb25Qcm9wczxTVkdTVkdFbGVtZW50PikgPT4gKFxuICA8Q2xvc2VJY29uXG4gICAgd2lkdGg9ezE2fVxuICAgIGhlaWdodD17MTZ9XG4gICAgY3NzPXt7XG4gICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICByaWdodDogMTYsXG4gICAgICB0b3A6IDE2LFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuY29uc3QgTW9kYWxDb250ZW50OiBSZWFjdC5GQzxSZWFjdC5IVE1MUHJvcHM8SFRNTERpdkVsZW1lbnQ+PiA9IHByb3BzID0+IChcbiAgPGRpdlxuICAgIGNzcz17e1xuICAgICAgbWF4V2lkdGg6ICcxMDAlJyxcbiAgICAgIG92ZXJmbG93WTogJ2F1dG8nLFxuICAgICAgcGFkZGluZzogJzQwcHgnLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuY29uc3QgbW9kYWxCYWNrZ3JvdW5kU3R5bGU6IDxUPihwcm9wczogT3ZlcmxheUJhY2tncm91bmRQcm9wczxUPikgPT4gQ1NTT2JqZWN0ID0gcHJvcHMgPT4gKHtcbiAgLi4ub3ZlcmxheUJhY2tncm91bmRTdHlsZShwcm9wcyksXG4gIGJhY2tncm91bmRDb2xvcjogJ3JnYmEoNTAsIDU0LCA1NywgMC40KScsXG59KTtcblxuY29uc3QgTW9kYWxCYWNrZ3JvdW5kID0gKHByb3BzOiBPdmVybGF5QmFja2dyb3VuZFByb3BzKSA9PiA8ZGl2IGNzcz17bW9kYWxCYWNrZ3JvdW5kU3R5bGUocHJvcHMpfSB7Li4ucHJvcHN9IC8+O1xuXG5leHBvcnQgaW50ZXJmYWNlIE1vZGFsQWN0aW9uSXRlbSB7XG4gIGJvbGQ/OiBib29sZWFuO1xuICBkYXRhVWllTmFtZT86IHN0cmluZztcbiAgb25DbGljazogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxFbGVtZW50PikgPT4gdm9pZDtcbiAgdGl0bGU6IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIE1vZGFsQWN0aW9ucyB7XG4gIGFjdGlvbnM/OiBNb2RhbEFjdGlvbkl0ZW1bXTtcbn1cblxuY29uc3QgbW9kYWxBY3Rpb25zV3JhcHBlclN0eWxlczogKCkgPT4gQ1NTT2JqZWN0ID0gKCkgPT4gKHtcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7Q09MT1IuR1JBWV9MSUdIVEVOXzcyfWAsXG4gIGJvdHRvbTogMCxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBkaXY6IHtcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogQ09MT1Iub3BhcXVlKENPTE9SLkdSQVlfREFSS0VOXzcyLCAwLjA0KSxcbiAgICB9LFxuICAgICcmOmFjdGl2ZSc6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogQ09MT1Iub3BhcXVlKENPTE9SLkdSQVlfREFSS0VOXzcyLCAwLjA4KSxcbiAgICB9LFxuICAgIGJvcmRlclJpZ2h0OiBgMXB4IHNvbGlkICR7Q09MT1IuR1JBWV9MSUdIVEVOXzcyfWAsXG4gIH0sXG4gICdkaXY6Zmlyc3QtY2hpbGQnOiB7XG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogOCxcbiAgfSxcbiAgJ2RpdjpsYXN0LWNoaWxkJzoge1xuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiA4LFxuICAgIGJvcmRlclJpZ2h0OiAwLFxuICB9LFxuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgd2lkdGg6ICcxMDAlJyxcbn0pO1xuXG5jb25zdCBtb2RhbEFjdGlvblN0eWxlczogKHtib2xkfToge2JvbGQ6IGJvb2xlYW59KSA9PiBDU1NPYmplY3QgPSAoe2JvbGR9KSA9PiAoe1xuICAnJjpob3Zlcic6IHtcbiAgICBjb2xvcjogQ29sb3IoQ09MT1IuQkxVRSkubWl4KENvbG9yKENPTE9SLkJMQUNLKSwgMC4xNikudG9TdHJpbmcoKSxcbiAgfSxcbiAgY29sb3I6IENPTE9SLkJMVUUsXG4gIGN1cnNvcjogJ3BvaW50ZXInLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXg6IDEsXG4gIGZvbnRXZWlnaHQ6IGJvbGQgPyAnYm9sZCcgOiAnbm9ybWFsJyxcbiAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICBwYWRkaW5nOiAnOHB4IDAnLFxufSk7XG5cbmNvbnN0IE1vZGFsQWN0aW9uczogUmVhY3QuRkM8TW9kYWxBY3Rpb25zPiA9ICh7YWN0aW9uc30pID0+IChcbiAgPGRpdiBjc3M9e21vZGFsQWN0aW9uc1dyYXBwZXJTdHlsZXMoKX0+XG4gICAge2FjdGlvbnMubWFwKGFjdGlvbiA9PiAoXG4gICAgICA8ZGl2XG4gICAgICAgIGtleT17YWN0aW9uLnRpdGxlfVxuICAgICAgICBvbkNsaWNrPXthY3Rpb24ub25DbGlja31cbiAgICAgICAgY3NzPXttb2RhbEFjdGlvblN0eWxlcyh7Ym9sZDogYWN0aW9uLmJvbGR9KX1cbiAgICAgICAgZGF0YS11aWUtbmFtZT17YWN0aW9uLmRhdGFVaWVOYW1lfVxuICAgICAgPlxuICAgICAgICB7YWN0aW9uLnRpdGxlfVxuICAgICAgPC9kaXY+XG4gICAgKSl9XG4gIDwvZGl2PlxuKTtcblxuaW50ZXJmYWNlIE1vZGFsUHJvcHMge1xuICBhY3Rpb25zPzogTW9kYWxBY3Rpb25JdGVtW107XG4gIGJvZHlTdHlsZT86IENTU1Byb3BlcnRpZXM7XG4gIGZ1bGxzY3JlZW4/OiBib29sZWFuO1xuICBvbkJhY2tncm91bmRDbGljaz86ICgpID0+IHZvaWQ7XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgTW9kYWw6IFJlYWN0LkZDPE1vZGFsUHJvcHMgJiBSZWFjdC5IVE1MUHJvcHM8SFRNTERpdkVsZW1lbnQ+PiA9ICh7XG4gIGFjdGlvbnMgPSBbXSxcbiAgY2hpbGRyZW4sXG4gIGJvZHlTdHlsZSxcbiAgZnVsbHNjcmVlbixcbiAgb25DbG9zZSxcbiAgb25CYWNrZ3JvdW5kQ2xpY2ssXG4gIC4uLnByb3BzXG59KSA9PiAoXG4gIDxPdmVybGF5V3JhcHBlciB7Li4ucHJvcHN9IGRhdGEtdWllLW5hbWU9XCJtb2RhbFwiPlxuICAgIDxNb2RhbEJvZHkgZnVsbHNjcmVlbj17ZnVsbHNjcmVlbn0gc3R5bGU9e2JvZHlTdHlsZX0+XG4gICAgICA8TW9kYWxDb250ZW50PntjaGlsZHJlbn08L01vZGFsQ29udGVudD5cbiAgICAgIHtvbkNsb3NlICE9PSBub29wICYmIDxNb2RhbENsb3NlIG9uQ2xpY2s9e29uQ2xvc2V9IGRhdGEtdWllLW5hbWU9XCJkby1jbG9zZVwiIC8+fVxuICAgICAge2FjdGlvbnMubGVuZ3RoID4gMCAmJiA8TW9kYWxBY3Rpb25zIGFjdGlvbnM9e2FjdGlvbnN9IGRhdGEtdWllLW5hbWU9XCJtb2RhbC1hY3Rpb25zXCIgLz59XG4gICAgPC9Nb2RhbEJvZHk+XG4gICAgeyFmdWxsc2NyZWVuICYmIChcbiAgICAgIDxNb2RhbEJhY2tncm91bmRcbiAgICAgICAgb25DbGljaz17b25CYWNrZ3JvdW5kQ2xpY2sgPT09IG5vb3AgPyBvbkNsb3NlIDogb25CYWNrZ3JvdW5kQ2xpY2t9XG4gICAgICAgIGRhdGEtdWllLW5hbWU9XCJtb2RhbC1iYWNrZ3JvdW5kXCJcbiAgICAgIC8+XG4gICAgKX1cbiAgPC9PdmVybGF5V3JhcHBlcj5cbik7XG5cbk1vZGFsLmRlZmF1bHRQcm9wcyA9IHtcbiAgYWN0aW9uczogW10sXG4gIGZ1bGxzY3JlZW46IGZhbHNlLFxuICBvbkJhY2tncm91bmRDbGljazogbm9vcCxcbiAgb25DbG9zZTogbm9vcCxcbn07XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRkkiLCJmaWxlIjoiTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0LCB7Q1NTUHJvcGVydGllc30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IENvbG9yIGZyb20gJ2NvbG9yJztcblxuaW1wb3J0IHtDbG9zZUljb259IGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IHtTVkdJY29uUHJvcHN9IGZyb20gJy4uL0ljb24vU1ZHSWNvbic7XG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHtRdWVyeUtleXMsIG1lZGlhfSBmcm9tICcuLi9tZWRpYVF1ZXJpZXMnO1xuaW1wb3J0IHtmaWx0ZXJQcm9wcywgbm9vcH0gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge092ZXJsYXlCYWNrZ3JvdW5kUHJvcHMsIE92ZXJsYXlXcmFwcGVyLCBvdmVybGF5QmFja2dyb3VuZFN0eWxlfSBmcm9tICcuL092ZXJsYXknO1xuXG5leHBvcnQgaW50ZXJmYWNlIE1vZGFsQm9keVByb3BzPFQgPSBIVE1MRGl2RWxlbWVudD4gZXh0ZW5kcyBSZWFjdC5IVE1MUHJvcHM8VD4ge1xuICBmdWxsc2NyZWVuPzogYm9vbGVhbjtcbn1cblxuY29uc3QgbW9kYWxCb2R5U3R5bGU6IDxUPih0aGVtZTogVGhlbWUsIHByb3BzOiBNb2RhbEJvZHlQcm9wczxUPikgPT4gQ1NTT2JqZWN0ID0gKHRoZW1lLCB7ZnVsbHNjcmVlbiA9IGZhbHNlfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZ2VuZXJhbC5iYWNrZ3JvdW5kQ29sb3IsXG4gIGJvcmRlclJhZGl1czogZnVsbHNjcmVlbiA/IDAgOiAnOHB4JyxcbiAgYm90dG9tOiBmdWxsc2NyZWVuID8gMCA6IHVuZGVmaW5lZCxcbiAgYm94U2hhZG93OiBmdWxsc2NyZWVuID8gJ25vbmUnIDogJzAgMTZweCA2NHB4IDAgcmdiYSgwLCAwLCAwLCAwLjE2KScsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gIGp1c3RpZnlDb250ZW50OiBmdWxsc2NyZWVuID8gJ2NlbnRlcicgOiAnc3BhY2UtYmV0d2VlbicsXG4gIGxlZnQ6IGZ1bGxzY3JlZW4gPyAwIDogdW5kZWZpbmVkLFxuICBtYXJnaW46ICdhdXRvJyxcbiAgcG9zaXRpb246IGZ1bGxzY3JlZW4gPyAnZml4ZWQnIDogJ3JlbGF0aXZlJyxcbiAgcmlnaHQ6IGZ1bGxzY3JlZW4gPyAwIDogdW5kZWZpbmVkLFxuICB0b3A6IGZ1bGxzY3JlZW4gPyAwIDogdW5kZWZpbmVkLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGUzZCgwLCAwLCAwKScsXG4gIHpJbmRleDogOTk5OSxcbiAgW21lZGlhW1F1ZXJ5S2V5cy5UQUJMRVRfRE9XTl1dOiB7XG4gICAgd2lkdGg6IGZ1bGxzY3JlZW4gPyAnaW5pdGlhbCcgOiAnMTAwJScsXG4gIH0sXG59KTtcblxuY29uc3QgZmlsdGVyTW9kYWxCb2R5UHJvcHMgPSAocHJvcHM6IE1vZGFsQm9keVByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydmdWxsc2NyZWVuJ10pO1xuXG5jb25zdCBNb2RhbEJvZHkgPSAocHJvcHM6IE1vZGFsQm9keVByb3BzKSA9PiAoXG4gIDxkaXYgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiBtb2RhbEJvZHlTdHlsZSh0aGVtZSwgcHJvcHMpfSB7Li4uZmlsdGVyTW9kYWxCb2R5UHJvcHMocHJvcHMpfSAvPlxuKTtcblxuY29uc3QgTW9kYWxDbG9zZSA9IChwcm9wczogU1ZHSWNvblByb3BzPFNWR1NWR0VsZW1lbnQ+KSA9PiAoXG4gIDxDbG9zZUljb25cbiAgICB3aWR0aD17MTZ9XG4gICAgaGVpZ2h0PXsxNn1cbiAgICBjc3M9e3tcbiAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgIHJpZ2h0OiAxNixcbiAgICAgIHRvcDogMTYsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5jb25zdCBNb2RhbENvbnRlbnQ6IFJlYWN0LkZDPFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4+ID0gcHJvcHMgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXt7XG4gICAgICBtYXhXaWR0aDogJzEwMCUnLFxuICAgICAgb3ZlcmZsb3dZOiAnYXV0bycsXG4gICAgICBwYWRkaW5nOiAnNDBweCcsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5jb25zdCBtb2RhbEJhY2tncm91bmRTdHlsZTogPFQ+KHByb3BzOiBPdmVybGF5QmFja2dyb3VuZFByb3BzPFQ+KSA9PiBDU1NPYmplY3QgPSBwcm9wcyA9PiAoe1xuICAuLi5vdmVybGF5QmFja2dyb3VuZFN0eWxlKHByb3BzKSxcbiAgYmFja2dyb3VuZENvbG9yOiAncmdiYSg1MCwgNTQsIDU3LCAwLjQpJyxcbn0pO1xuXG5jb25zdCBNb2RhbEJhY2tncm91bmQgPSAocHJvcHM6IE92ZXJsYXlCYWNrZ3JvdW5kUHJvcHMpID0+IDxkaXYgY3NzPXttb2RhbEJhY2tncm91bmRTdHlsZShwcm9wcyl9IHsuLi5wcm9wc30gLz47XG5cbmV4cG9ydCBpbnRlcmZhY2UgTW9kYWxBY3Rpb25JdGVtIHtcbiAgYm9sZD86IGJvb2xlYW47XG4gIGRhdGFVaWVOYW1lPzogc3RyaW5nO1xuICBvbkNsaWNrOiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB2b2lkO1xuICB0aXRsZTogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgTW9kYWxBY3Rpb25zIHtcbiAgYWN0aW9ucz86IE1vZGFsQWN0aW9uSXRlbVtdO1xufVxuXG5jb25zdCBtb2RhbEFjdGlvbnNXcmFwcGVyU3R5bGVzOiAoKSA9PiBDU1NPYmplY3QgPSAoKSA9PiAoe1xuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHtDT0xPUi5HUkFZX0xJR0hURU5fNzJ9YCxcbiAgYm90dG9tOiAwLFxuICBkaXNwbGF5OiAnZmxleCcsXG4gIGRpdjoge1xuICAgICcmOmhvdmVyJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBDT0xPUi5vcGFxdWUoQ09MT1IuR1JBWV9EQVJLRU5fNzIsIDAuMDQpLFxuICAgIH0sXG4gICAgJyY6YWN0aXZlJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBDT0xPUi5vcGFxdWUoQ09MT1IuR1JBWV9EQVJLRU5fNzIsIDAuMDgpLFxuICAgIH0sXG4gICAgYm9yZGVyUmlnaHQ6IGAxcHggc29saWQgJHtDT0xPUi5HUkFZX0xJR0hURU5fNzJ9YCxcbiAgfSxcbiAgJ2RpdjpmaXJzdC1jaGlsZCc6IHtcbiAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiA4LFxuICB9LFxuICAnZGl2Omxhc3QtY2hpbGQnOiB7XG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IDgsXG4gICAgYm9yZGVyUmlnaHQ6IDAsXG4gIH0sXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICB3aWR0aDogJzEwMCUnLFxufSk7XG5cbmNvbnN0IG1vZGFsQWN0aW9uU3R5bGVzOiAoe2JvbGR9OiB7Ym9sZDogYm9vbGVhbn0pID0+IENTU09iamVjdCA9ICh7Ym9sZH0pID0+ICh7XG4gICcmOmhvdmVyJzoge1xuICAgIGNvbG9yOiBDb2xvcihDT0xPUi5CTFVFKS5taXgoQ29sb3IoQ09MT1IuQkxBQ0spLCAwLjE2KS50b1N0cmluZygpLFxuICB9LFxuICBjb2xvcjogQ09MT1IuQkxVRSxcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleDogMSxcbiAgZm9udFdlaWdodDogYm9sZCA/ICdib2xkJyA6ICdub3JtYWwnLFxuICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gIHBhZGRpbmc6ICc4cHggMCcsXG59KTtcblxuY29uc3QgTW9kYWxBY3Rpb25zOiBSZWFjdC5GQzxNb2RhbEFjdGlvbnM+ID0gKHthY3Rpb25zfSkgPT4gKFxuICA8ZGl2IGNzcz17bW9kYWxBY3Rpb25zV3JhcHBlclN0eWxlcygpfT5cbiAgICB7YWN0aW9ucy5tYXAoYWN0aW9uID0+IChcbiAgICAgIDxkaXZcbiAgICAgICAga2V5PXthY3Rpb24udGl0bGV9XG4gICAgICAgIG9uQ2xpY2s9e2FjdGlvbi5vbkNsaWNrfVxuICAgICAgICBjc3M9e21vZGFsQWN0aW9uU3R5bGVzKHtib2xkOiBhY3Rpb24uYm9sZH0pfVxuICAgICAgICBkYXRhLXVpZS1uYW1lPXthY3Rpb24uZGF0YVVpZU5hbWV9XG4gICAgICA+XG4gICAgICAgIHthY3Rpb24udGl0bGV9XG4gICAgICA8L2Rpdj5cbiAgICApKX1cbiAgPC9kaXY+XG4pO1xuXG5pbnRlcmZhY2UgTW9kYWxQcm9wcyB7XG4gIGFjdGlvbnM/OiBNb2RhbEFjdGlvbkl0ZW1bXTtcbiAgYm9keVN0eWxlPzogQ1NTUHJvcGVydGllcztcbiAgZnVsbHNjcmVlbj86IGJvb2xlYW47XG4gIG9uQmFja2dyb3VuZENsaWNrPzogKCkgPT4gdm9pZDtcbiAgb25DbG9zZT86ICgpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBNb2RhbDogUmVhY3QuRkM8TW9kYWxQcm9wcyAmIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4+ID0gKHtcbiAgYWN0aW9ucyA9IFtdLFxuICBjaGlsZHJlbixcbiAgYm9keVN0eWxlLFxuICBmdWxsc2NyZWVuLFxuICBvbkNsb3NlLFxuICBvbkJhY2tncm91bmRDbGljayxcbiAgLi4ucHJvcHNcbn0pID0+IChcbiAgPE92ZXJsYXlXcmFwcGVyIHsuLi5wcm9wc30gZGF0YS11aWUtbmFtZT1cIm1vZGFsXCI+XG4gICAgPE1vZGFsQm9keSBmdWxsc2NyZWVuPXtmdWxsc2NyZWVufSBzdHlsZT17Ym9keVN0eWxlfT5cbiAgICAgIDxNb2RhbENvbnRlbnQ+e2NoaWxkcmVufTwvTW9kYWxDb250ZW50PlxuICAgICAge29uQ2xvc2UgIT09IG5vb3AgJiYgPE1vZGFsQ2xvc2Ugb25DbGljaz17b25DbG9zZX0gZGF0YS11aWUtbmFtZT1cImRvLWNsb3NlXCIgLz59XG4gICAgICB7YWN0aW9ucy5sZW5ndGggPiAwICYmIDxNb2RhbEFjdGlvbnMgYWN0aW9ucz17YWN0aW9uc30gZGF0YS11aWUtbmFtZT1cIm1vZGFsLWFjdGlvbnNcIiAvPn1cbiAgICA8L01vZGFsQm9keT5cbiAgICB7IWZ1bGxzY3JlZW4gJiYgKFxuICAgICAgPE1vZGFsQmFja2dyb3VuZFxuICAgICAgICBvbkNsaWNrPXtvbkJhY2tncm91bmRDbGljayA9PT0gbm9vcCA/IG9uQ2xvc2UgOiBvbkJhY2tncm91bmRDbGlja31cbiAgICAgICAgZGF0YS11aWUtbmFtZT1cIm1vZGFsLWJhY2tncm91bmRcIlxuICAgICAgLz5cbiAgICApfVxuICA8L092ZXJsYXlXcmFwcGVyPlxuKTtcblxuTW9kYWwuZGVmYXVsdFByb3BzID0ge1xuICBhY3Rpb25zOiBbXSxcbiAgZnVsbHNjcmVlbjogZmFsc2UsXG4gIG9uQmFja2dyb3VuZENsaWNrOiBub29wLFxuICBvbkNsb3NlOiBub29wLFxufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 

package/src/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Modal.tsx"],"names":["modalBodyStyle","theme","fullscreen","alignItems","backgroundColor","general","borderRadius","bottom","undefined","boxShadow","display","flexDirection","justifyContent","left","margin","position","right","top","transform","zIndex","media","QueryKeys","TABLET_DOWN","width","filterModalBodyProps","props","ModalBody","ModalClose","ModalContent","modalBackgroundStyle","ModalBackground","modalActionsWrapperStyles","borderTop","COLOR","GRAY_LIGHTEN_72","div","opaque","GRAY_DARKEN_72","borderRight","borderBottomLeftRadius","borderBottomRightRadius","modalActionStyles","bold","color","BLUE","mix","BLACK","toString","cursor","flex","fontWeight","padding","ModalActions","actions","map","action","title","onClick","dataUieName","Modal","children","bodyStyle","onClose","onBackgroundClick","noop","length","defaultProps"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React, {CSSProperties} from 'react';\nimport Color from 'color';\n\nimport {CloseIcon} from '../Icon';\nimport type {SVGIconProps} from '../Icon/SVGIcon';\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {filterProps, noop} from '../util';\nimport {OverlayBackgroundProps, OverlayWrapper, overlayBackgroundStyle} from './Overlay';\n\nexport interface ModalBodyProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  fullscreen?: boolean;\n}\n\nconst modalBodyStyle: <T>(theme: Theme, props: ModalBodyProps<T>) => CSSObject = (theme, {fullscreen = false}) => ({\n  alignItems: 'center',\n  backgroundColor: theme.general.backgroundColor,\n  borderRadius: fullscreen ? 0 : '8px',\n  bottom: fullscreen ? 0 : undefined,\n  boxShadow: fullscreen ? 'none' : '0 16px 64px 0 rgba(0, 0, 0, 0.16)',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: fullscreen ? 'center' : 'space-between',\n  left: fullscreen ? 0 : undefined,\n  margin: 'auto',\n  position: fullscreen ? 'fixed' : 'relative',\n  right: fullscreen ? 0 : undefined,\n  top: fullscreen ? 0 : undefined,\n  transform: 'translate3d(0, 0, 0)',\n  zIndex: 9999,\n  [media[QueryKeys.TABLET_DOWN]]: {\n    width: fullscreen ? 'initial' : '100%',\n  },\n});\n\nconst filterModalBodyProps = (props: ModalBodyProps) => filterProps(props, ['fullscreen']);\n\nconst ModalBody = (props: ModalBodyProps) => (\n  <div css={(theme: Theme) => modalBodyStyle(theme, props)} {...filterModalBodyProps(props)} />\n);\n\nconst ModalClose = (props: SVGIconProps<SVGSVGElement>) => (\n  <CloseIcon\n    width={16}\n    height={16}\n    css={{\n      alignItems: 'center',\n      cursor: 'pointer',\n      display: 'flex',\n      justifyContent: 'center',\n      position: 'absolute',\n      right: 16,\n      top: 16,\n    }}\n    {...props}\n  />\n);\n\nconst ModalContent: React.FC<React.HTMLProps<HTMLDivElement>> = props => (\n  <div\n    css={{\n      maxWidth: '100%',\n      overflowY: 'auto',\n      padding: '40px',\n    }}\n    {...props}\n  />\n);\n\nconst modalBackgroundStyle: <T>(props: OverlayBackgroundProps<T>) => CSSObject = props => ({\n  ...overlayBackgroundStyle(props),\n  backgroundColor: 'rgba(50, 54, 57, 0.4)',\n});\n\nconst ModalBackground = (props: OverlayBackgroundProps) => <div css={modalBackgroundStyle(props)} {...props} />;\n\nexport interface ModalActionItem {\n  bold?: boolean;\n  dataUieName?: string;\n  onClick: (event: React.MouseEvent<HTMLElement>) => void;\n  title: string;\n}\n\ninterface ModalActions {\n  actions?: ModalActionItem[];\n}\n\nconst modalActionsWrapperStyles: () => CSSObject = () => ({\n  borderTop: `1px solid ${COLOR.GRAY_LIGHTEN_72}`,\n  bottom: 0,\n  display: 'flex',\n  div: {\n    '&:hover': {\n      backgroundColor: COLOR.opaque(COLOR.GRAY_DARKEN_72, 0.04),\n    },\n    '&:active': {\n      backgroundColor: COLOR.opaque(COLOR.GRAY_DARKEN_72, 0.08),\n    },\n    borderRight: `1px solid ${COLOR.GRAY_LIGHTEN_72}`,\n  },\n  'div:first-child': {\n    borderBottomLeftRadius: 8,\n  },\n  'div:last-child': {\n    borderBottomRightRadius: 8,\n    borderRight: 0,\n  },\n  position: 'absolute',\n  width: '100%',\n});\n\nconst modalActionStyles: ({bold}: {bold: boolean}) => CSSObject = ({bold}) => ({\n  '&:hover': {\n    color: Color(COLOR.BLUE).mix(Color(COLOR.BLACK), 0.16).toString(),\n  },\n  color: COLOR.BLUE,\n  cursor: 'pointer',\n  display: 'flex',\n  flex: 1,\n  fontWeight: bold ? 'bold' : 'normal',\n  justifyContent: 'center',\n  padding: '8px 0',\n});\n\nconst ModalActions: React.FC<ModalActions> = ({actions}) => (\n  <div css={modalActionsWrapperStyles()}>\n    {actions.map(action => (\n      <div\n        key={action.title}\n        onClick={action.onClick}\n        css={modalActionStyles({bold: action.bold})}\n        data-uie-name={action.dataUieName}\n      >\n        {action.title}\n      </div>\n    ))}\n  </div>\n);\n\ninterface ModalProps {\n  actions?: ModalActionItem[];\n  bodyStyle?: CSSProperties;\n  fullscreen?: boolean;\n  onBackgroundClick?: () => void;\n  onClose?: () => void;\n}\n\nexport const Modal: React.FC<ModalProps & React.HTMLProps<HTMLDivElement>> = ({\n  actions = [],\n  children,\n  bodyStyle,\n  fullscreen,\n  onClose,\n  onBackgroundClick,\n  ...props\n}) => (\n  <OverlayWrapper {...props} data-uie-name=\"modal\">\n    <ModalBody fullscreen={fullscreen} style={bodyStyle}>\n      <ModalContent>{children}</ModalContent>\n      {onClose !== noop && <ModalClose onClick={onClose} data-uie-name=\"do-close\" />}\n      {actions.length > 0 && <ModalActions actions={actions} data-uie-name=\"modal-actions\" />}\n    </ModalBody>\n    {!fullscreen && (\n      <ModalBackground\n        onClick={onBackgroundClick === noop ? onClose : onBackgroundClick}\n        data-uie-name=\"modal-background\"\n      />\n    )}\n  </OverlayWrapper>\n);\n\nModal.defaultProps = {\n  actions: [],\n  fullscreen: false,\n  onBackgroundClick: noop,\n  onClose: noop,\n};\n"],"file":"Modal.js"}
+{"version":3,"sources":["Modal.tsx"],"names":["modalBodyStyle","theme","fullscreen","alignItems","backgroundColor","general","borderRadius","bottom","undefined","boxShadow","display","flexDirection","justifyContent","left","margin","position","right","top","transform","zIndex","media","QueryKeys","TABLET_DOWN","width","filterModalBodyProps","props","ModalBody","ModalClose","ModalContent","modalBackgroundStyle","ModalBackground","modalActionsWrapperStyles","borderTop","COLOR","GRAY_LIGHTEN_72","div","opaque","GRAY_DARKEN_72","borderRight","borderBottomLeftRadius","borderBottomRightRadius","modalActionStyles","bold","color","BLUE","mix","BLACK","toString","cursor","flex","fontWeight","padding","ModalActions","actions","map","action","title","onClick","dataUieName","Modal","children","bodyStyle","onClose","onBackgroundClick","noop","length","defaultProps"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AACA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;;;AAMA,IAAMA,cAAwE,GAAG,SAA3EA,cAA2E,CAACC,KAAD;AAAA,6BAASC,UAAT;AAAA,MAASA,UAAT,gCAAsB,KAAtB;AAAA;AAC/EC,IAAAA,UAAU,EAAE,QADmE;AAE/EC,IAAAA,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAcD,eAFgD;AAG/EE,IAAAA,YAAY,EAAEJ,UAAU,GAAG,CAAH,GAAO,KAHgD;AAI/EK,IAAAA,MAAM,EAAEL,UAAU,GAAG,CAAH,GAAOM,SAJsD;AAK/EC,IAAAA,SAAS,EAAEP,UAAU,GAAG,MAAH,GAAY,mCAL8C;AAM/EQ,IAAAA,OAAO,EAAE,MANsE;AAO/EC,IAAAA,aAAa,EAAE,QAPgE;AAQ/EC,IAAAA,cAAc,EAAEV,UAAU,GAAG,QAAH,GAAc,eARuC;AAS/EW,IAAAA,IAAI,EAAEX,UAAU,GAAG,CAAH,GAAOM,SATwD;AAU/EM,IAAAA,MAAM,EAAE,MAVuE;AAW/EC,IAAAA,QAAQ,EAAEb,UAAU,GAAG,OAAH,GAAa,UAX8C;AAY/Ec,IAAAA,KAAK,EAAEd,UAAU,GAAG,CAAH,GAAOM,SAZuD;AAa/ES,IAAAA,GAAG,EAAEf,UAAU,GAAG,CAAH,GAAOM,SAbyD;AAc/EU,IAAAA,SAAS,EAAE,sBAdoE;AAe/EC,IAAAA,MAAM,EAAE;AAfuE,KAgB9EC,oBAAMC,wBAAUC,WAAhB,CAhB8E,EAgB/C;AAC9BC,IAAAA,KAAK,EAAErB,UAAU,GAAG,SAAH,GAAe;AADF,GAhB+C;AAAA,CAAjF;;AAqBA,IAAMsB,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;AAAA,SAA2B,uBAAYA,KAAZ,EAAmB,CAAC,YAAD,CAAnB,CAA3B;AAAA,CAA7B;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACD,KAAD;AAAA,SAChB;AAAK,IAAA,GAAG,EAAE,aAACxB,KAAD;AAAA,aAAkBD,cAAc,CAACC,KAAD,EAAQwB,KAAR,CAAhC;AAAA;AAAV,KAA8DD,oBAAoB,CAACC,KAAD,CAAlF,EADgB;AAAA,CAAlB;;;;;;;;;;;;AAIA,IAAME,UAAU,GAAG,SAAbA,UAAa,CAACF,KAAD;AAAA,SACjB,gBAAC,eAAD;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,GAAG;AAHL,KAYMA,KAZN,EADiB;AAAA,CAAnB;;;;;;;;;;;;AAiBA,IAAMG,YAAuD,GAAG,SAA1DA,YAA0D,CAAAH,KAAK;AAAA,SACnE;AACE,IAAA,GAAG;AADL,KAMMA,KANN,EADmE;AAAA,CAArE;;AAWA,IAAMI,oBAAwE,GAAG,SAA3EA,oBAA2E,CAAAJ,KAAK;AAAA,yCACjF,qCAAuBA,KAAvB,CADiF;AAEpFrB,IAAAA,eAAe,EAAE;AAFmE;AAAA,CAAtF;;AAKA,IAAM0B,eAAe,GAAG,SAAlBA,eAAkB,CAACL,KAAD;AAAA,SAAmC;AAAK,IAAA,GAAG,EAAEI,oBAAoB,CAACJ,KAAD;AAA9B,KAA2CA,KAA3C,EAAnC;AAAA,CAAxB;;AAaA,IAAMM,yBAA0C,GAAG,SAA7CA,yBAA6C;AAAA,SAAO;AACxDC,IAAAA,SAAS,sBAAeC,gBAAMC,eAArB,CAD+C;AAExD3B,IAAAA,MAAM,EAAE,CAFgD;AAGxDG,IAAAA,OAAO,EAAE,MAH+C;AAIxDyB,IAAAA,GAAG,EAAE;AACH,iBAAW;AACT/B,QAAAA,eAAe,EAAE6B,gBAAMG,MAAN,CAAaH,gBAAMI,cAAnB,EAAmC,IAAnC;AADR,OADR;AAIH,kBAAY;AACVjC,QAAAA,eAAe,EAAE6B,gBAAMG,MAAN,CAAaH,gBAAMI,cAAnB,EAAmC,IAAnC;AADP,OAJT;AAOHC,MAAAA,WAAW,sBAAeL,gBAAMC,eAArB;AAPR,KAJmD;AAaxD,uBAAmB;AACjBK,MAAAA,sBAAsB,EAAE;AADP,KAbqC;AAgBxD,sBAAkB;AAChBC,MAAAA,uBAAuB,EAAE,CADT;AAEhBF,MAAAA,WAAW,EAAE;AAFG,KAhBsC;AAoBxDvB,IAAAA,QAAQ,EAAE,UApB8C;AAqBxDQ,IAAAA,KAAK,EAAE;AArBiD,GAAP;AAAA,CAAnD;;AAwBA,IAAMkB,iBAAyD,GAAG,SAA5DA,iBAA4D;AAAA,MAAEC,IAAF,SAAEA,IAAF;AAAA,SAAa;AAC7E,eAAW;AACTC,MAAAA,KAAK,EAAE,uBAAMV,gBAAMW,IAAZ,EAAkBC,GAAlB,CAAsB,uBAAMZ,gBAAMa,KAAZ,CAAtB,EAA0C,IAA1C,EAAgDC,QAAhD;AADE,KADkE;AAI7EJ,IAAAA,KAAK,EAAEV,gBAAMW,IAJgE;AAK7EI,IAAAA,MAAM,EAAE,SALqE;AAM7EtC,IAAAA,OAAO,EAAE,MANoE;AAO7EuC,IAAAA,IAAI,EAAE,CAPuE;AAQ7EC,IAAAA,UAAU,EAAER,IAAI,GAAG,MAAH,GAAY,QARiD;AAS7E9B,IAAAA,cAAc,EAAE,QAT6D;AAU7EuC,IAAAA,OAAO,EAAE;AAVoE,GAAb;AAAA,CAAlE;;AAaA,IAAMC,YAAoC,GAAG,SAAvCA,YAAuC;AAAA,MAAEC,OAAF,SAAEA,OAAF;AAAA,SAC3C;AAAK,IAAA,GAAG,EAAEtB,yBAAyB;AAAnC,KACGsB,OAAO,CAACC,GAAR,CAAY,UAAAC,MAAM;AAAA,WACjB;AACE,MAAA,GAAG,EAAEA,MAAM,CAACC,KADd;AAEE,MAAA,OAAO,EAAED,MAAM,CAACE,OAFlB;AAGE,MAAA,GAAG,EAAEhB,iBAAiB,CAAC;AAACC,QAAAA,IAAI,EAAEa,MAAM,CAACb;AAAd,OAAD,CAHxB;AAIE,uBAAea,MAAM,CAACG;AAJxB,OAMGH,MAAM,CAACC,KANV,CADiB;AAAA,GAAlB,CADH,CAD2C;AAAA,CAA7C;;AAuBO,IAAMG,KAA6D,GAAG,SAAhEA,KAAgE;AAAA,4BAC3EN,OAD2E;AAAA,MAC3EA,OAD2E,8BACjE,EADiE;AAAA,MAE3EO,QAF2E,SAE3EA,QAF2E;AAAA,MAG3EC,SAH2E,SAG3EA,SAH2E;AAAA,MAI3E3D,UAJ2E,SAI3EA,UAJ2E;AAAA,MAK3E4D,OAL2E,SAK3EA,OAL2E;AAAA,MAM3EC,iBAN2E,SAM3EA,iBAN2E;AAAA,MAOxEtC,KAPwE;AAAA,SAS3E,gBAAC,uBAAD,gCAAoBA,KAApB;AAA2B,qBAAc;AAAzC,MACE,gBAAC,SAAD;AAAW,IAAA,UAAU,EAAEvB,UAAvB;AAAmC,IAAA,KAAK,EAAE2D;AAA1C,KACE,gBAAC,YAAD,QAAeD,QAAf,CADF,EAEGE,OAAO,KAAKE,UAAZ,IAAoB,gBAAC,UAAD;AAAY,IAAA,OAAO,EAAEF,OAArB;AAA8B,qBAAc;AAA5C,IAFvB,EAGGT,OAAO,CAACY,MAAR,GAAiB,CAAjB,IAAsB,gBAAC,YAAD;AAAc,IAAA,OAAO,EAAEZ,OAAvB;AAAgC,qBAAc;AAA9C,IAHzB,CADF,EAMG,CAACnD,UAAD,IACC,gBAAC,eAAD;AACE,IAAA,OAAO,EAAE6D,iBAAiB,KAAKC,UAAtB,GAA6BF,OAA7B,GAAuCC,iBADlD;AAEE,qBAAc;AAFhB,IAPJ,CAT2E;AAAA,CAAtE;;;AAwBPJ,KAAK,CAACO,YAAN,GAAqB;AACnBb,EAAAA,OAAO,EAAE,EADU;AAEnBnD,EAAAA,UAAU,EAAE,KAFO;AAGnB6D,EAAAA,iBAAiB,EAAEC,UAHA;AAInBF,EAAAA,OAAO,EAAEE;AAJU,CAArB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React, {CSSProperties} from 'react';\nimport Color from 'color';\n\nimport {CloseIcon} from '../Icon';\nimport {SVGIconProps} from '../Icon/SVGIcon';\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {filterProps, noop} from '../util';\nimport {OverlayBackgroundProps, OverlayWrapper, overlayBackgroundStyle} from './Overlay';\n\nexport interface ModalBodyProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  fullscreen?: boolean;\n}\n\nconst modalBodyStyle: <T>(theme: Theme, props: ModalBodyProps<T>) => CSSObject = (theme, {fullscreen = false}) => ({\n  alignItems: 'center',\n  backgroundColor: theme.general.backgroundColor,\n  borderRadius: fullscreen ? 0 : '8px',\n  bottom: fullscreen ? 0 : undefined,\n  boxShadow: fullscreen ? 'none' : '0 16px 64px 0 rgba(0, 0, 0, 0.16)',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: fullscreen ? 'center' : 'space-between',\n  left: fullscreen ? 0 : undefined,\n  margin: 'auto',\n  position: fullscreen ? 'fixed' : 'relative',\n  right: fullscreen ? 0 : undefined,\n  top: fullscreen ? 0 : undefined,\n  transform: 'translate3d(0, 0, 0)',\n  zIndex: 9999,\n  [media[QueryKeys.TABLET_DOWN]]: {\n    width: fullscreen ? 'initial' : '100%',\n  },\n});\n\nconst filterModalBodyProps = (props: ModalBodyProps) => filterProps(props, ['fullscreen']);\n\nconst ModalBody = (props: ModalBodyProps) => (\n  <div css={(theme: Theme) => modalBodyStyle(theme, props)} {...filterModalBodyProps(props)} />\n);\n\nconst ModalClose = (props: SVGIconProps<SVGSVGElement>) => (\n  <CloseIcon\n    width={16}\n    height={16}\n    css={{\n      alignItems: 'center',\n      cursor: 'pointer',\n      display: 'flex',\n      justifyContent: 'center',\n      position: 'absolute',\n      right: 16,\n      top: 16,\n    }}\n    {...props}\n  />\n);\n\nconst ModalContent: React.FC<React.HTMLProps<HTMLDivElement>> = props => (\n  <div\n    css={{\n      maxWidth: '100%',\n      overflowY: 'auto',\n      padding: '40px',\n    }}\n    {...props}\n  />\n);\n\nconst modalBackgroundStyle: <T>(props: OverlayBackgroundProps<T>) => CSSObject = props => ({\n  ...overlayBackgroundStyle(props),\n  backgroundColor: 'rgba(50, 54, 57, 0.4)',\n});\n\nconst ModalBackground = (props: OverlayBackgroundProps) => <div css={modalBackgroundStyle(props)} {...props} />;\n\nexport interface ModalActionItem {\n  bold?: boolean;\n  dataUieName?: string;\n  onClick: (event: React.MouseEvent<HTMLElement>) => void;\n  title: string;\n}\n\ninterface ModalActions {\n  actions?: ModalActionItem[];\n}\n\nconst modalActionsWrapperStyles: () => CSSObject = () => ({\n  borderTop: `1px solid ${COLOR.GRAY_LIGHTEN_72}`,\n  bottom: 0,\n  display: 'flex',\n  div: {\n    '&:hover': {\n      backgroundColor: COLOR.opaque(COLOR.GRAY_DARKEN_72, 0.04),\n    },\n    '&:active': {\n      backgroundColor: COLOR.opaque(COLOR.GRAY_DARKEN_72, 0.08),\n    },\n    borderRight: `1px solid ${COLOR.GRAY_LIGHTEN_72}`,\n  },\n  'div:first-child': {\n    borderBottomLeftRadius: 8,\n  },\n  'div:last-child': {\n    borderBottomRightRadius: 8,\n    borderRight: 0,\n  },\n  position: 'absolute',\n  width: '100%',\n});\n\nconst modalActionStyles: ({bold}: {bold: boolean}) => CSSObject = ({bold}) => ({\n  '&:hover': {\n    color: Color(COLOR.BLUE).mix(Color(COLOR.BLACK), 0.16).toString(),\n  },\n  color: COLOR.BLUE,\n  cursor: 'pointer',\n  display: 'flex',\n  flex: 1,\n  fontWeight: bold ? 'bold' : 'normal',\n  justifyContent: 'center',\n  padding: '8px 0',\n});\n\nconst ModalActions: React.FC<ModalActions> = ({actions}) => (\n  <div css={modalActionsWrapperStyles()}>\n    {actions.map(action => (\n      <div\n        key={action.title}\n        onClick={action.onClick}\n        css={modalActionStyles({bold: action.bold})}\n        data-uie-name={action.dataUieName}\n      >\n        {action.title}\n      </div>\n    ))}\n  </div>\n);\n\ninterface ModalProps {\n  actions?: ModalActionItem[];\n  bodyStyle?: CSSProperties;\n  fullscreen?: boolean;\n  onBackgroundClick?: () => void;\n  onClose?: () => void;\n}\n\nexport const Modal: React.FC<ModalProps & React.HTMLProps<HTMLDivElement>> = ({\n  actions = [],\n  children,\n  bodyStyle,\n  fullscreen,\n  onClose,\n  onBackgroundClick,\n  ...props\n}) => (\n  <OverlayWrapper {...props} data-uie-name=\"modal\">\n    <ModalBody fullscreen={fullscreen} style={bodyStyle}>\n      <ModalContent>{children}</ModalContent>\n      {onClose !== noop && <ModalClose onClick={onClose} data-uie-name=\"do-close\" />}\n      {actions.length > 0 && <ModalActions actions={actions} data-uie-name=\"modal-actions\" />}\n    </ModalBody>\n    {!fullscreen && (\n      <ModalBackground\n        onClick={onBackgroundClick === noop ? onClose : onBackgroundClick}\n        data-uie-name=\"modal-background\"\n      />\n    )}\n  </OverlayWrapper>\n);\n\nModal.defaultProps = {\n  actions: [],\n  fullscreen: false,\n  onBackgroundClick: noop,\n  onClose: noop,\n};\n"],"file":"Modal.js"}

package/src/Text/Heading.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { CSSObject, jsx } from '@emotion/react';
-import type { Theme } from '../Layout';
+import { Theme } from '../Layout';
 import { TextProps } from './Text';
 interface HeadingProps<T = HTMLHeadingElement> extends TextProps<T> {
     level?: string;

package/src/Text/Heading.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Heading.tsx"],"names":["Heading","level","props","h1Style","theme","block","color","general","noWrap","textTransform","fontSize","fontWeight","lineHeight","marginBottom","marginTop","minHeight","media","QueryKeys","MOBILE","H1","h2Style","H2","h3Style","H3","h4Style","H4"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport type {Theme} from '../Layout';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {TextProps, filterTextProps, textStyle} from './Text';\n\ninterface HeadingProps<T = HTMLHeadingElement> extends TextProps<T> {\n  level?: string;\n}\n\nexport const Heading = ({level, ...props}: HeadingProps) => {\n  switch (level) {\n    case '2':\n      return <H2 {...props} />;\n    case '3':\n      return <H3 {...props} />;\n    case '4':\n      return <H4 {...props} />;\n    case '1':\n    default:\n      return <H1 {...props} />;\n  }\n};\n\nexport const h1Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject = (\n  theme,\n  {block = true, color = theme.general.color, level = '1', noWrap = false, textTransform = 'none', ...props},\n) => ({\n  ...textStyle(theme, {block, color, noWrap, textTransform, ...props}),\n  fontSize: '48px',\n  fontWeight: 300,\n  lineHeight: '56px',\n  marginBottom: '64px',\n  marginTop: 0,\n  minHeight: '48px',\n  [media[QueryKeys.MOBILE]]: {\n    fontSize: '40px',\n    lineHeight: '48px',\n  },\n});\n\nexport const H1 = (props: HeadingProps) => (\n  <h1 css={(theme: Theme) => h1Style(theme, props)} {...filterTextProps(props)} />\n);\n\nexport const h2Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject = (\n  theme,\n  {block = true, color = theme.general.color, noWrap = false, textTransform = 'none', ...props},\n) => ({\n  ...textStyle(theme, {block, color, noWrap, textTransform, ...props}),\n  fontSize: '20px',\n  fontWeight: 700,\n  lineHeight: '28px',\n  marginBottom: '24px',\n  marginTop: '32px',\n  [media[QueryKeys.MOBILE]]: {\n    fontSize: '18px',\n    lineHeight: '26px',\n    marginBottom: '20px',\n    marginTop: '26px',\n  },\n});\n\nexport const H2 = (props: HeadingProps) => (\n  <h2 css={(theme: Theme) => h2Style(theme, props)} {...filterTextProps(props)} />\n);\n\nexport const h3Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject = (\n  theme,\n  {block = true, color = theme.general.color, noWrap = false, textTransform = 'none', ...props},\n) => ({\n  ...textStyle(theme, {block, color, noWrap, textTransform, ...props}),\n  fontSize: '16px',\n  fontWeight: 600,\n  marginBottom: '16px',\n});\n\nexport const H3 = (props: HeadingProps) => (\n  <h3 css={(theme: Theme) => h3Style(theme, props)} {...filterTextProps(props)} />\n);\n\nexport const h4Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject = (\n  theme,\n  {block = true, color = theme.general.color, noWrap = false, textTransform = 'none', ...props},\n) => ({\n  ...textStyle(theme, {block, color, noWrap, textTransform, ...props}),\n  fontSize: '11px',\n  fontWeight: 300,\n  marginBottom: '5px',\n  marginTop: '20px',\n});\n\nexport const H4 = (props: HeadingProps) => (\n  <h3 css={(theme: Theme) => h4Style(theme, props)} {...filterTextProps(props)} />\n);\n"],"file":"Heading.js"}
+{"version":3,"sources":["Heading.tsx"],"names":["Heading","level","props","h1Style","theme","block","color","general","noWrap","textTransform","fontSize","fontWeight","lineHeight","marginBottom","marginTop","minHeight","media","QueryKeys","MOBILE","H1","h2Style","H2","h3Style","H3","h4Style","H4"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {Theme} from '../Layout';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {TextProps, filterTextProps, textStyle} from './Text';\n\ninterface HeadingProps<T = HTMLHeadingElement> extends TextProps<T> {\n  level?: string;\n}\n\nexport const Heading = ({level, ...props}: HeadingProps) => {\n  switch (level) {\n    case '2':\n      return <H2 {...props} />;\n    case '3':\n      return <H3 {...props} />;\n    case '4':\n      return <H4 {...props} />;\n    case '1':\n    default:\n      return <H1 {...props} />;\n  }\n};\n\nexport const h1Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject = (\n  theme,\n  {block = true, color = theme.general.color, level = '1', noWrap = false, textTransform = 'none', ...props},\n) => ({\n  ...textStyle(theme, {block, color, noWrap, textTransform, ...props}),\n  fontSize: '48px',\n  fontWeight: 300,\n  lineHeight: '56px',\n  marginBottom: '64px',\n  marginTop: 0,\n  minHeight: '48px',\n  [media[QueryKeys.MOBILE]]: {\n    fontSize: '40px',\n    lineHeight: '48px',\n  },\n});\n\nexport const H1 = (props: HeadingProps) => (\n  <h1 css={(theme: Theme) => h1Style(theme, props)} {...filterTextProps(props)} />\n);\n\nexport const h2Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject = (\n  theme,\n  {block = true, color = theme.general.color, noWrap = false, textTransform = 'none', ...props},\n) => ({\n  ...textStyle(theme, {block, color, noWrap, textTransform, ...props}),\n  fontSize: '20px',\n  fontWeight: 700,\n  lineHeight: '28px',\n  marginBottom: '24px',\n  marginTop: '32px',\n  [media[QueryKeys.MOBILE]]: {\n    fontSize: '18px',\n    lineHeight: '26px',\n    marginBottom: '20px',\n    marginTop: '26px',\n  },\n});\n\nexport const H2 = (props: HeadingProps) => (\n  <h2 css={(theme: Theme) => h2Style(theme, props)} {...filterTextProps(props)} />\n);\n\nexport const h3Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject = (\n  theme,\n  {block = true, color = theme.general.color, noWrap = false, textTransform = 'none', ...props},\n) => ({\n  ...textStyle(theme, {block, color, noWrap, textTransform, ...props}),\n  fontSize: '16px',\n  fontWeight: 600,\n  marginBottom: '16px',\n});\n\nexport const H3 = (props: HeadingProps) => (\n  <h3 css={(theme: Theme) => h3Style(theme, props)} {...filterTextProps(props)} />\n);\n\nexport const h4Style: <T>(theme: Theme, props: HeadingProps<T>) => CSSObject = (\n  theme,\n  {block = true, color = theme.general.color, noWrap = false, textTransform = 'none', ...props},\n) => ({\n  ...textStyle(theme, {block, color, noWrap, textTransform, ...props}),\n  fontSize: '11px',\n  fontWeight: 300,\n  marginBottom: '5px',\n  marginTop: '20px',\n});\n\nexport const H4 = (props: HeadingProps) => (\n  <h3 css={(theme: Theme) => h4Style(theme, props)} {...filterTextProps(props)} />\n);\n"],"file":"Heading.js"}

package/src/Text/Label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Label.tsx"],"names":["labelStyle","theme","markInvalid","bold","color","general","fontSize","props","COLOR","BLUE","RED","width","Label","labelLinkStyle","LabelLink"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAGA;;AACA;;AACA;;;;;;;;;AAMA,IAAMA,UAAgE,GAAG,SAAnEA,UAAmE,CACvEC,KADuE;AAAA,MAEtEC,WAFsE,QAEtEA,WAFsE;AAAA,uBAEzDC,IAFyD;AAAA,MAEzDA,IAFyD,0BAElD,KAFkD;AAAA,wBAE3CC,KAF2C;AAAA,MAE3CA,KAF2C,2BAEnCH,KAAK,CAACI,OAAN,CAAcD,KAFqB;AAAA,2BAEdE,QAFc;AAAA,MAEdA,QAFc,8BAEH,MAFG;AAAA,MAEQC,KAFR;AAAA,yCAIpE,qBAAUN,KAAV;AAAkBE,IAAAA,IAAI,EAAJA,IAAlB;AAAwBC,IAAAA,KAAK,EAALA,KAAxB;AAA+BE,IAAAA,QAAQ,EAARA;AAA/B,KAA4CC,KAA5C,EAJoE;AAKvE,sBAAkB;AAChBH,MAAAA,KAAK,EAAEI,gBAAMC;AADG,KALqD;AAQvEL,IAAAA,KAAK,EAAEF,WAAW,GAAGM,gBAAME,GAAT,GAAe,SARsC;AASvEC,IAAAA,KAAK,EAAE;AATgE;AAAA,CAAzE;;AAYO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACL,KAAD;AAAA,SACnB;AAAO,IAAA,GAAG,EAAE,aAACN,KAAD;AAAA,aAAkBD,UAAU,CAACC,KAAD,EAAQM,KAAR,CAA5B;AAAA;AAAZ,KAA4D,2BAAgBA,KAAhB,CAA5D,EADmB;AAAA,CAAd;;;;AAMP,IAAMM,cAAiE,GAAG,SAApEA,cAAoE,CAACZ,KAAD;AAAA,6BAASK,QAAT;AAAA,MAASA,QAAT,+BAAoB,MAApB;AAAA,MAA+BC,KAA/B;AAAA,2BACrE,qBAAUN,KAAV;AAAkBK,IAAAA,QAAQ,EAARA;AAAlB,KAA+BC,KAA/B,EADqE;AAAA,CAA1E;;AAIO,IAAMO,SAAS,GAAG,SAAZA,SAAY,CAACP,KAAD;AAAA,SACvB;AAAG,IAAA,GAAG,EAAE,aAACN,KAAD;AAAA,aAAkBY,cAAc,CAACZ,KAAD,EAAQM,KAAR,CAAhC;AAAA;AAAR,KAA4D,2BAAgBA,KAAhB,CAA5D,EADuB;AAAA,CAAlB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport type {Theme} from '../Layout';\nimport {LinkProps, linkStyle} from './Link';\nimport {TextProps, filterTextProps, textStyle} from './Text';\nimport {COLOR} from '../Identity';\n\nexport interface LabelProps<T = HTMLSpanElement> extends TextProps<T> {\n  markInvalid?: boolean;\n}\n\nconst labelStyle: <T>(theme: Theme, props: LabelProps<T>) => CSSObject = (\n  theme,\n  {markInvalid, bold = false, color = theme.general.color, fontSize = '12px', ...props},\n) => ({\n  ...textStyle(theme, {bold, color, fontSize, ...props}),\n  '&:focus-within': {\n    color: COLOR.BLUE,\n  },\n  color: markInvalid ? COLOR.RED : 'initial',\n  width: '100%',\n});\n\nexport const Label = (props: LabelProps) => (\n  <label css={(theme: Theme) => labelStyle(theme, props)} {...filterTextProps(props)} />\n);\n\nexport type LabelLinkProps<T = HTMLAnchorElement> = LinkProps<T>;\n\nconst labelLinkStyle: <T>(theme, props: LabelLinkProps<T>) => CSSObject = (theme, {fontSize = '12px', ...props}) => ({\n  ...linkStyle(theme, {fontSize, ...props}),\n});\n\nexport const LabelLink = (props: LabelProps<HTMLAnchorElement>) => (\n  <a css={(theme: Theme) => labelLinkStyle(theme, props)} {...filterTextProps(props)} />\n);\n"],"file":"Label.js"}
+{"version":3,"sources":["Label.tsx"],"names":["labelStyle","theme","markInvalid","bold","color","general","fontSize","props","COLOR","BLUE","RED","width","Label","labelLinkStyle","LabelLink"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAGA;;AACA;;AACA;;;;;;;;;AAMA,IAAMA,UAAgE,GAAG,SAAnEA,UAAmE,CACvEC,KADuE;AAAA,MAEtEC,WAFsE,QAEtEA,WAFsE;AAAA,uBAEzDC,IAFyD;AAAA,MAEzDA,IAFyD,0BAElD,KAFkD;AAAA,wBAE3CC,KAF2C;AAAA,MAE3CA,KAF2C,2BAEnCH,KAAK,CAACI,OAAN,CAAcD,KAFqB;AAAA,2BAEdE,QAFc;AAAA,MAEdA,QAFc,8BAEH,MAFG;AAAA,MAEQC,KAFR;AAAA,yCAIpE,qBAAUN,KAAV;AAAkBE,IAAAA,IAAI,EAAJA,IAAlB;AAAwBC,IAAAA,KAAK,EAALA,KAAxB;AAA+BE,IAAAA,QAAQ,EAARA;AAA/B,KAA4CC,KAA5C,EAJoE;AAKvE,sBAAkB;AAChBH,MAAAA,KAAK,EAAEI,gBAAMC;AADG,KALqD;AAQvEL,IAAAA,KAAK,EAAEF,WAAW,GAAGM,gBAAME,GAAT,GAAe,SARsC;AASvEC,IAAAA,KAAK,EAAE;AATgE;AAAA,CAAzE;;AAYO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACL,KAAD;AAAA,SACnB;AAAO,IAAA,GAAG,EAAE,aAACN,KAAD;AAAA,aAAkBD,UAAU,CAACC,KAAD,EAAQM,KAAR,CAA5B;AAAA;AAAZ,KAA4D,2BAAgBA,KAAhB,CAA5D,EADmB;AAAA,CAAd;;;;AAMP,IAAMM,cAAiE,GAAG,SAApEA,cAAoE,CAACZ,KAAD;AAAA,6BAASK,QAAT;AAAA,MAASA,QAAT,+BAAoB,MAApB;AAAA,MAA+BC,KAA/B;AAAA,2BACrE,qBAAUN,KAAV;AAAkBK,IAAAA,QAAQ,EAARA;AAAlB,KAA+BC,KAA/B,EADqE;AAAA,CAA1E;;AAIO,IAAMO,SAAS,GAAG,SAAZA,SAAY,CAACP,KAAD;AAAA,SACvB;AAAG,IAAA,GAAG,EAAE,aAACN,KAAD;AAAA,aAAkBY,cAAc,CAACZ,KAAD,EAAQM,KAAR,CAAhC;AAAA;AAAR,KAA4D,2BAAgBA,KAAhB,CAA5D,EADuB;AAAA,CAAlB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {Theme} from '../Layout';\nimport {LinkProps, linkStyle} from './Link';\nimport {TextProps, filterTextProps, textStyle} from './Text';\nimport {COLOR} from '../Identity';\n\nexport interface LabelProps<T = HTMLSpanElement> extends TextProps<T> {\n  markInvalid?: boolean;\n}\n\nconst labelStyle: <T>(theme: Theme, props: LabelProps<T>) => CSSObject = (\n  theme,\n  {markInvalid, bold = false, color = theme.general.color, fontSize = '12px', ...props},\n) => ({\n  ...textStyle(theme, {bold, color, fontSize, ...props}),\n  '&:focus-within': {\n    color: COLOR.BLUE,\n  },\n  color: markInvalid ? COLOR.RED : 'initial',\n  width: '100%',\n});\n\nexport const Label = (props: LabelProps) => (\n  <label css={(theme: Theme) => labelStyle(theme, props)} {...filterTextProps(props)} />\n);\n\nexport type LabelLinkProps<T = HTMLAnchorElement> = LinkProps<T>;\n\nconst labelLinkStyle: <T>(theme, props: LabelLinkProps<T>) => CSSObject = (theme, {fontSize = '12px', ...props}) => ({\n  ...linkStyle(theme, {fontSize, ...props}),\n});\n\nexport const LabelLink = (props: LabelProps<HTMLAnchorElement>) => (\n  <a css={(theme: Theme) => labelLinkStyle(theme, props)} {...filterTextProps(props)} />\n);\n"],"file":"Label.js"}

package/src/Text/Paragraph.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { CSSObject, jsx } from '@emotion/react';
-import type { Theme } from '../Layout';
+import { Theme } from '../Layout';
 import { TextProps } from './Text';
 export declare type ParagraphProps<T = HTMLParagraphElement> = TextProps<T>;
 export declare const paragraphStyle: <T>(theme: Theme, props: ParagraphProps<T>) => CSSObject;

package/src/Text/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Paragraph.tsx"],"names":["paragraphStyle","theme","block","props","marginBottom","marginTop","Paragraph","leadStyle","center","fontSize","media","QueryKeys","MOBILE","Lead"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAGA;;AACA;;;;;;;;;AAIO,IAAMA,cAAwE,GAAG,SAA3EA,cAA2E,CACtFC,KADsF;AAAA,wBAErFC,KAFqF;AAAA,MAErFA,KAFqF,2BAE7E,IAF6E;AAAA,MAEpEC,KAFoE;AAAA,yCAInF,qBAAUF,KAAV;AAAkBC,IAAAA,KAAK,EAALA;AAAlB,KAA4BC,KAA5B,EAJmF;AAKtFC,IAAAA,YAAY,EAAE,MALwE;AAMtFC,IAAAA,SAAS,EAAE;AAN2E;AAAA,CAAjF;;;;AASA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACH,KAAD;AAAA,SACvB;AAAG,IAAA,GAAG,EAAE,aAACF,KAAD;AAAA,aAAkBD,cAAc,CAACC,KAAD,EAAQE,KAAR,CAAhC;AAAA;AAAR,KAA4D,2BAAgBA,KAAhB,CAA5D,EADuB;AAAA,CAAlB;;;;AAMA,IAAMI,SAA8D,GAAG,SAAjEA,SAAiE,CAC5EN,KAD4E;AAAA,0BAE3EC,KAF2E;AAAA,MAE3EA,KAF2E,4BAEnE,IAFmE;AAAA,2BAE7DM,MAF6D;AAAA,MAE7DA,MAF6D,6BAEpD,IAFoD;AAAA,6BAE9CC,QAF8C;AAAA,MAE9CA,QAF8C,+BAEnC,MAFmC;AAAA,MAExBN,KAFwB;AAAA,yCAIzE,qBAAUF,KAAV;AAAkBC,IAAAA,KAAK,EAALA,KAAlB;AAAyBM,IAAAA,MAAM,EAANA,MAAzB;AAAiCC,IAAAA,QAAQ,EAARA;AAAjC,KAA8CN,KAA9C,EAJyE;AAK5EC,IAAAA,YAAY,EAAE,MAL8D;AAM5EC,IAAAA,SAAS,EAAE;AANiE,KAO3EK,oBAAMC,wBAAUC,MAAhB,CAP2E,EAOjD;AACzBH,IAAAA,QAAQ,EAAE;AADe,GAPiD;AAAA,CAAvE;;;;AAYA,IAAMI,IAAI,GAAG,SAAPA,IAAO,CAACV,KAAD;AAAA,SAClB;AAAG,IAAA,GAAG,EAAE,aAACF,KAAD;AAAA,aAAkBM,SAAS,CAACN,KAAD,EAAQE,KAAR,CAA3B;AAAA;AAAR,KAAuD,2BAAgBA,KAAhB,CAAvD,EADkB;AAAA,CAAb","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport type {Theme} from '../Layout';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {TextProps, filterTextProps, textStyle} from './Text';\n\nexport type ParagraphProps<T = HTMLParagraphElement> = TextProps<T>;\n\nexport const paragraphStyle: <T>(theme: Theme, props: ParagraphProps<T>) => CSSObject = (\n  theme,\n  {block = true, ...props},\n) => ({\n  ...textStyle(theme, {block, ...props}),\n  marginBottom: '16px',\n  marginTop: 0,\n});\n\nexport const Paragraph = (props: ParagraphProps) => (\n  <p css={(theme: Theme) => paragraphStyle(theme, props)} {...filterTextProps(props)} />\n);\n\nexport type LeadProps<T = HTMLParagraphElement> = TextProps<T>;\n\nexport const leadStyle: <T>(theme: Theme, props: LeadProps<T>) => CSSObject = (\n  theme,\n  {block = true, center = true, fontSize = '24px', ...props},\n) => ({\n  ...textStyle(theme, {block, center, fontSize, ...props}),\n  marginBottom: '56px',\n  marginTop: 0,\n  [media[QueryKeys.MOBILE]]: {\n    fontSize: '20px',\n  },\n});\n\nexport const Lead = (props: LeadProps) => (\n  <p css={(theme: Theme) => leadStyle(theme, props)} {...filterTextProps(props)} />\n);\n"],"file":"Paragraph.js"}
+{"version":3,"sources":["Paragraph.tsx"],"names":["paragraphStyle","theme","block","props","marginBottom","marginTop","Paragraph","leadStyle","center","fontSize","media","QueryKeys","MOBILE","Lead"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAGA;;AACA;;;;;;;;;AAIO,IAAMA,cAAwE,GAAG,SAA3EA,cAA2E,CACtFC,KADsF;AAAA,wBAErFC,KAFqF;AAAA,MAErFA,KAFqF,2BAE7E,IAF6E;AAAA,MAEpEC,KAFoE;AAAA,yCAInF,qBAAUF,KAAV;AAAkBC,IAAAA,KAAK,EAALA;AAAlB,KAA4BC,KAA5B,EAJmF;AAKtFC,IAAAA,YAAY,EAAE,MALwE;AAMtFC,IAAAA,SAAS,EAAE;AAN2E;AAAA,CAAjF;;;;AASA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACH,KAAD;AAAA,SACvB;AAAG,IAAA,GAAG,EAAE,aAACF,KAAD;AAAA,aAAkBD,cAAc,CAACC,KAAD,EAAQE,KAAR,CAAhC;AAAA;AAAR,KAA4D,2BAAgBA,KAAhB,CAA5D,EADuB;AAAA,CAAlB;;;;AAMA,IAAMI,SAA8D,GAAG,SAAjEA,SAAiE,CAC5EN,KAD4E;AAAA,0BAE3EC,KAF2E;AAAA,MAE3EA,KAF2E,4BAEnE,IAFmE;AAAA,2BAE7DM,MAF6D;AAAA,MAE7DA,MAF6D,6BAEpD,IAFoD;AAAA,6BAE9CC,QAF8C;AAAA,MAE9CA,QAF8C,+BAEnC,MAFmC;AAAA,MAExBN,KAFwB;AAAA,yCAIzE,qBAAUF,KAAV;AAAkBC,IAAAA,KAAK,EAALA,KAAlB;AAAyBM,IAAAA,MAAM,EAANA,MAAzB;AAAiCC,IAAAA,QAAQ,EAARA;AAAjC,KAA8CN,KAA9C,EAJyE;AAK5EC,IAAAA,YAAY,EAAE,MAL8D;AAM5EC,IAAAA,SAAS,EAAE;AANiE,KAO3EK,oBAAMC,wBAAUC,MAAhB,CAP2E,EAOjD;AACzBH,IAAAA,QAAQ,EAAE;AADe,GAPiD;AAAA,CAAvE;;;;AAYA,IAAMI,IAAI,GAAG,SAAPA,IAAO,CAACV,KAAD;AAAA,SAClB;AAAG,IAAA,GAAG,EAAE,aAACF,KAAD;AAAA,aAAkBM,SAAS,CAACN,KAAD,EAAQE,KAAR,CAA3B;AAAA;AAAR,KAAuD,2BAAgBA,KAAhB,CAAvD,EADkB;AAAA,CAAb","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {Theme} from '../Layout';\nimport {QueryKeys, media} from '../mediaQueries';\nimport {TextProps, filterTextProps, textStyle} from './Text';\n\nexport type ParagraphProps<T = HTMLParagraphElement> = TextProps<T>;\n\nexport const paragraphStyle: <T>(theme: Theme, props: ParagraphProps<T>) => CSSObject = (\n  theme,\n  {block = true, ...props},\n) => ({\n  ...textStyle(theme, {block, ...props}),\n  marginBottom: '16px',\n  marginTop: 0,\n});\n\nexport const Paragraph = (props: ParagraphProps) => (\n  <p css={(theme: Theme) => paragraphStyle(theme, props)} {...filterTextProps(props)} />\n);\n\nexport type LeadProps<T = HTMLParagraphElement> = TextProps<T>;\n\nexport const leadStyle: <T>(theme: Theme, props: LeadProps<T>) => CSSObject = (\n  theme,\n  {block = true, center = true, fontSize = '24px', ...props},\n) => ({\n  ...textStyle(theme, {block, center, fontSize, ...props}),\n  marginBottom: '56px',\n  marginTop: 0,\n  [media[QueryKeys.MOBILE]]: {\n    fontSize: '20px',\n  },\n});\n\nexport const Lead = (props: LeadProps) => (\n  <p css={(theme: Theme) => leadStyle(theme, props)} {...filterTextProps(props)} />\n);\n"],"file":"Paragraph.js"}