npm - @wireapp/react-ui-kit - Versions diffs - 8.17.9 → 8.17.10 - Mend

@wireapp/react-ui-kit 8.17.9 → 8.17.10

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

Files changed (9) hide show

package/package.json +2 -2
package/src/Form/Button.js +8 -8
package/src/Form/Button.js.map +1 -1
package/src/GlobalCssVariables.js +4 -1
package/src/GlobalCssVariables.js.map +1 -1
package/src/Layout/Theme.d.js.map +1 -1
package/src/Layout/Theme.d.ts +3 -0
package/src/Layout/Theme.js +9 -0
package/src/Layout/Theme.js.map +1 -1

package/package.json CHANGED Viewed

@@ -69,6 +69,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "8.17.9",
-  "gitHead": "a2bf898ab96c982d0e503a2408b2a1a53c9bde3d"
+  "version": "8.17.10",
+  "gitHead": "af33af823fb4ec62c3fc0ba2c6d4ec9456d7ae3c"
 }

package/src/Form/Button.js CHANGED Viewed

@@ -101,20 +101,20 @@ var buttonStyle = function buttonStyle(theme, _ref) {
       color: _Identity.COLOR.WHITE
     }
   })), variant === ButtonVariant.SECONDARY && _objectSpread({
-    backgroundColor: backgroundColor || (disabled ? _Identity.COLOR_V2.GRAY_20 : _Identity.COLOR_V2.WHITE),
-    border: "1px solid ".concat(_Identity.COLOR_V2.GRAY_40),
-    color: disabled ? _Identity.COLOR_V2.GRAY_60 : _Identity.COLOR_V2.BLACK
+    backgroundColor: backgroundColor || (disabled ? theme.IconButton.primaryDisabledBgColor : theme.IconButton.primaryBgColor),
+    border: "1px solid ".concat(theme.IconButton.primaryBorderColor),
+    color: disabled ? theme.Input.placeholderColor : theme.general.color
   }, !disabled && {
     '&:hover, &:focus': {
-      border: "1px solid ".concat(_Identity.COLOR_V2.BLUE)
+      border: "1px solid ".concat(theme.Button.secondaryHoverBorder)
     },
     '&:focus': {
-      color: _Identity.COLOR_V2.BLUE
+      color: theme.IconButton.primaryActiveFillColor
     },
     '&:active': {
-      backgroundColor: _Identity.COLOR_V2.BLUE_LIGHT_50,
-      border: "1px solid ".concat(_Identity.COLOR_V2.BLUE),
-      color: _Identity.COLOR_V2.BLUE
+      backgroundColor: theme.Button.secondaryActiveBg,
+      border: "1px solid ".concat(theme.Button.secondaryActiveBorder),
+      color: theme.general.primaryColor
     }
   })), variant === ButtonVariant.TERTIARY && _objectSpread({
     backgroundColor: backgroundColor || (disabled ? theme.Button.tertiarydisabledBg : theme.Button.tertiaryBg),

package/src/Form/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","names":["ButtonVariant","buttonStyle","theme","variant","PRIMARY","backgroundColor","block","disabled","noCapital","bold","center","color","COLOR","WHITE","fontSize","noWrap","textTransform","truncate","props","textStyle","border","cursor","display","alignItems","justifyContent","marginBottom","padding","outline","textDecoration","touchAction","transition","defaultTransition","width","TERTIARY","borderRadius","SEND","height","lineHeight","maxWidth","minWidth","Button","primaryDisabledBg","primaryBg","primaryDisabledText","general","contrastColor","primaryHoverBg","primaryFocusBorder","primaryActiveBg","primaryActiveBorder","SECONDARY","COLOR_V2","GRAY_20","GRAY_40","GRAY_60","BLACK","BLUE","BLUE_LIGHT_50","tertiarydisabledBg","tertiaryBg","tertiaryDisabledBorder","tertiaryBorder","Input","placeholderColor","fontWeight","fill","tertiaryHoverBg","tertiaryHoverBorder","focusColor","tertiaryActiveBg","IconButton","primaryActiveFillColor","QUATERNARY","GRAY_50","GREEN","GRAY_80","GREEN_LIGHT_600","GREEN_LIGHT_700","GRAY_70","BLUE_LIGHT_600","BLUE_LIGHT_800","BLUE_LIGHT_700","showLoading","children","loadingColor","filterButtonProps","margin","filterProps","filterTextProps"],"sources":["Button.tsx"],"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 {COLOR, COLOR_V2} from '../Identity';\nimport {defaultTransition} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {Loading} from '../Misc';\nimport {TextProps, filterTextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport enum ButtonVariant {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n TERTIARY = 'tertiary',\n QUATERNARY = 'quaternary',\n SEND = 'send',\n}\n\nexport interface ButtonProps<T = HTMLButtonElement> extends TextProps<T> {\n variant?: ButtonVariant;\n backgroundColor?: string;\n loadingColor?: string;\n noCapital?: boolean;\n showLoading?: boolean;\n}\n\nexport const buttonStyle: <T>(theme: Theme, props: ButtonProps<T>) => CSSObject = (\n theme,\n {\n variant = ButtonVariant.PRIMARY,\n backgroundColor,\n block = false,\n disabled = false,\n noCapital = false,\n bold = true,\n center = true,\n color = COLOR.WHITE,\n fontSize = '16px',\n noWrap = true,\n textTransform = 'none',\n truncate = true,\n ...props\n },\n) => ({\n ...textStyle(theme, {\n block,\n bold,\n center,\n disabled,\n fontSize,\n noWrap,\n textTransform,\n truncate,\n ...props,\n }),\n border: 0,\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: block ? '100%' : 'auto',\n '&:hover, &:focus': {\n textDecoration: 'none',\n },\n ...(variant !== ButtonVariant.TERTIARY && {\n borderRadius: variant === ButtonVariant.SEND ? '100%' : '16px',\n height: variant === ButtonVariant.SEND ? '40px' : '48px',\n lineHeight: variant === ButtonVariant.SEND ? '40px' : '48px',\n ...(variant !== ButtonVariant.SEND && {\n maxWidth: '100%',\n minWidth: '125px',\n padding: '0 16px',\n }),\n }),\n ...(variant === ButtonVariant.PRIMARY && {\n backgroundColor: backgroundColor \|\| (disabled ? theme.Button.primaryDisabledBg : theme.Button.primaryBg),\n color: disabled ? theme.Button.primaryDisabledText : theme.general.contrastColor,\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: theme.Button.primaryHoverBg,\n },\n '&:focus': {\n border: `1px solid ${theme.Button.primaryFocusBorder}`,\n },\n '&:active': {\n backgroundColor: theme.Button.primaryActiveBg,\n border: `1px solid ${theme.Button.primaryActiveBorder}`,\n color: COLOR.WHITE,\n },\n }),\n }),\n ...(variant === ButtonVariant.SECONDARY && {\n backgroundColor: backgroundColor \|\| (disabled ? COLOR_V2.GRAY_20 : COLOR_V2.WHITE),\n border: `1px solid ${COLOR_V2.GRAY_40}`,\n color: disabled ? COLOR_V2.GRAY_60 : COLOR_V2.BLACK,\n ...(!disabled && {\n '&:hover, &:focus': {\n border: `1px solid ${COLOR_V2.BLUE}`,\n },\n '&:focus': {\n color: COLOR_V2.BLUE,\n },\n '&:active': {\n backgroundColor: COLOR_V2.BLUE_LIGHT_50,\n border: `1px solid ${COLOR_V2.BLUE}`,\n color: COLOR_V2.BLUE,\n },\n }),\n }),\n ...(variant === ButtonVariant.TERTIARY && {\n backgroundColor: backgroundColor \|\| (disabled ? theme.Button.tertiarydisabledBg : theme.Button.tertiaryBg),\n border: disabled ? `1px solid ${theme.Button.tertiaryDisabledBorder}` : `1px solid ${theme.Button.tertiaryBorder}`,\n borderRadius: '12px',\n color: disabled ? theme.Input.placeholderColor : theme.general.color,\n fontSize: '14px',\n fontWeight: 700,\n lineHeight: '24px',\n padding: '4px 8px',\n '& > svg > path': {\n fill: disabled ? theme.Input.placeholderColor : theme.general.color,\n },\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: theme.Button.tertiaryHoverBg,\n border: `1px solid ${theme.Button.tertiaryHoverBorder}`,\n },\n '&:focus': {\n border: `1px solid ${theme.general.focusColor}`,\n },\n '&:active': {\n backgroundColor: theme.Button.tertiaryActiveBg,\n color: theme.IconButton.primaryActiveFillColor,\n '& > svg > path': {\n fill: theme.IconButton.primaryActiveFillColor,\n },\n },\n }),\n }),\n ...(variant === ButtonVariant.QUATERNARY && {\n backgroundColor: backgroundColor \|\| (disabled ? COLOR_V2.GRAY_50 : COLOR_V2.GREEN),\n color: disabled ? COLOR_V2.GRAY_80 : COLOR_V2.WHITE,\n lineHeight: '24px',\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: COLOR_V2.GREEN_LIGHT_600,\n },\n '&:focus': {\n border: `1px solid ${COLOR_V2.GREEN_LIGHT_700}`,\n },\n '&:active': {\n backgroundColor: COLOR_V2.GREEN_LIGHT_700,\n },\n }),\n }),\n ...(variant === ButtonVariant.SEND && {\n backgroundColor: backgroundColor \|\| (disabled ? COLOR_V2.GRAY_70 : COLOR_V2.BLUE),\n width: '40px',\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: COLOR_V2.BLUE_LIGHT_600,\n },\n '&:focus': {\n border: `1px solid ${COLOR_V2.BLUE_LIGHT_800}`,\n },\n '&:active': {\n backgroundColor: COLOR_V2.BLUE_LIGHT_700,\n },\n }),\n }),\n});\n\nexport const Button = ({showLoading, children, loadingColor = COLOR.WHITE, ...props}: ButtonProps) => (\n <button css={(theme: Theme) => buttonStyle(theme, props)} {...filterButtonProps(props)}>\n {showLoading ? <Loading size={30} color={loadingColor} style={{display: 'flex', margin: 'auto'}} /> : children}\n </button>\n);\n\nexport const filterButtonProps = (props: ButtonProps) => {\n return filterProps(filterTextProps(props) as ButtonProps, ['backgroundColor', 'noCapital']);\n};\n"],"mappings":";;;;;;AAoBA;AAEA;AACA;AAEA;AACA;AACA;AAAoC;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAExBA,aAAa;AAAA;AAAA,WAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,6BAAbA,aAAa;AAgBlB,IAAMC,WAAkE,GAAG,SAArEA,WAAkE,CAC7EC,KAAK;EAAA,wBAEHC,OAAO;IAAPA,OAAO,6BAAGH,aAAa,CAACI,OAAO;IAC/BC,eAAe,QAAfA,eAAe;IAAA,kBACfC,KAAK;IAALA,KAAK,2BAAG,KAAK;IAAA,qBACbC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,sBAChBC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,iBACjBC,IAAI;IAAJA,IAAI,0BAAG,IAAI;IAAA,mBACXC,MAAM;IAANA,MAAM,4BAAG,IAAI;IAAA,kBACbC,KAAK;IAALA,KAAK,2BAAGC,eAAK,CAACC,KAAK;IAAA,qBACnBC,QAAQ;IAARA,QAAQ,8BAAG,MAAM;IAAA,mBACjBC,MAAM;IAANA,MAAM,4BAAG,IAAI;IAAA,0BACbC,aAAa;IAAbA,aAAa,mCAAG,MAAM;IAAA,qBACtBC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IACZC,KAAK;EAAA,6GAGP,IAAAC,eAAS,EAACjB,KAAK;IAChBI,KAAK,EAALA,KAAK;IACLG,IAAI,EAAJA,IAAI;IACJC,MAAM,EAANA,MAAM;IACNH,QAAQ,EAARA,QAAQ;IACRO,QAAQ,EAARA,QAAQ;IACRC,MAAM,EAANA,MAAM;IACNC,aAAa,EAAbA,aAAa;IACbC,QAAQ,EAARA;EAAQ,GACLC,KAAK,EACR;IACFE,MAAM,EAAE,CAAC;IACTC,MAAM,EAAEd,QAAQ,GAAG,SAAS,GAAG,SAAS;IACxCe,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAE,MAAM;IACpBC,OAAO,EAAE,CAAC;IACVC,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,MAAM;IACtBC,WAAW,EAAE,cAAc;IAC3BC,UAAU,EAAEC,0BAAiB;IAC7BC,KAAK,EAAE1B,KAAK,GAAG,MAAM,GAAG,MAAM;IAC9B,kBAAkB,EAAE;MAClBsB,cAAc,EAAE;IAClB;EAAC,GACGzB,OAAO,KAAKH,aAAa,CAACiC,QAAQ;IACpCC,YAAY,EAAE/B,OAAO,KAAKH,aAAa,CAACmC,IAAI,GAAG,MAAM,GAAG,MAAM;IAC9DC,MAAM,EAAEjC,OAAO,KAAKH,aAAa,CAACmC,IAAI,GAAG,MAAM,GAAG,MAAM;IACxDE,UAAU,EAAElC,OAAO,KAAKH,aAAa,CAACmC,IAAI,GAAG,MAAM,GAAG;EAAM,GACxDhC,OAAO,KAAKH,aAAa,CAACmC,IAAI,IAAI;IACpCG,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE,OAAO;IACjBb,OAAO,EAAE;EACX,CAAC,CACF,GACGvB,OAAO,KAAKH,aAAa,CAACI,OAAO;IACnCC,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAGL,KAAK,CAACsC,MAAM,CAACC,iBAAiB,GAAGvC,KAAK,CAACsC,MAAM,CAACE,SAAS,CAAC;IACxG/B,KAAK,EAAEJ,QAAQ,GAAGL,KAAK,CAACsC,MAAM,CAACG,mBAAmB,GAAGzC,KAAK,CAAC0C,OAAO,CAACC;EAAa,GAC5E,CAACtC,QAAQ,IAAI;IACf,kBAAkB,EAAE;MAClBF,eAAe,EAAEH,KAAK,CAACsC,MAAM,CAACM;IAChC,CAAC;IACD,SAAS,EAAE;MACT1B,MAAM,sBAAelB,KAAK,CAACsC,MAAM,CAACO,kBAAkB;IACtD,CAAC;IACD,UAAU,EAAE;MACV1C,eAAe,EAAEH,KAAK,CAACsC,MAAM,CAACQ,eAAe;MAC7C5B,MAAM,sBAAelB,KAAK,CAACsC,MAAM,CAACS,mBAAmB,CAAE;MACvDtC,KAAK,EAAEC,eAAK,CAACC;IACf;EACF,CAAC,CACF,GACGV,OAAO,KAAKH,aAAa,CAACkD,SAAS;IACrC7C,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAG4C,kBAAQ,CAACC,OAAO,GAAGD,kBAAQ,CAACtC,KAAK,CAAC;IAClFO,MAAM,sBAAe+B,kBAAQ,CAACE,OAAO,CAAE;IACvC1C,KAAK,EAAEJ,QAAQ,GAAG4C,kBAAQ,CAACG,OAAO,GAAGH,kBAAQ,CAACI;EAAK,GAC/C,CAAChD,QAAQ,IAAI;IACf,kBAAkB,EAAE;MAClBa,MAAM,sBAAe+B,kBAAQ,CAACK,IAAI;IACpC,CAAC;IACD,SAAS,EAAE;MACT7C,KAAK,EAAEwC,kBAAQ,CAACK;IAClB,CAAC;IACD,UAAU,EAAE;MACVnD,eAAe,EAAE8C,kBAAQ,CAACM,aAAa;MACvCrC,MAAM,sBAAe+B,kBAAQ,CAACK,IAAI,CAAE;MACpC7C,KAAK,EAAEwC,kBAAQ,CAACK;IAClB;EACF,CAAC,CACF,GACGrD,OAAO,KAAKH,aAAa,CAACiC,QAAQ;IACpC5B,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAGL,KAAK,CAACsC,MAAM,CAACkB,kBAAkB,GAAGxD,KAAK,CAACsC,MAAM,CAACmB,UAAU,CAAC;IAC1GvC,MAAM,EAAEb,QAAQ,uBAAgBL,KAAK,CAACsC,MAAM,CAACoB,sBAAsB,wBAAkB1D,KAAK,CAACsC,MAAM,CAACqB,cAAc,CAAE;IAClH3B,YAAY,EAAE,MAAM;IACpBvB,KAAK,EAAEJ,QAAQ,GAAGL,KAAK,CAAC4D,KAAK,CAACC,gBAAgB,GAAG7D,KAAK,CAAC0C,OAAO,CAACjC,KAAK;IACpEG,QAAQ,EAAE,MAAM;IAChBkD,UAAU,EAAE,GAAG;IACf3B,UAAU,EAAE,MAAM;IAClBX,OAAO,EAAE,SAAS;IAClB,gBAAgB,EAAE;MAChBuC,IAAI,EAAE1D,QAAQ,GAAGL,KAAK,CAAC4D,KAAK,CAACC,gBAAgB,GAAG7D,KAAK,CAAC0C,OAAO,CAACjC;IAChE;EAAC,GACG,CAACJ,QAAQ,IAAI;IACf,kBAAkB,EAAE;MAClBF,eAAe,EAAEH,KAAK,CAACsC,MAAM,CAAC0B,eAAe;MAC7C9C,MAAM,sBAAelB,KAAK,CAACsC,MAAM,CAAC2B,mBAAmB;IACvD,CAAC;IACD,SAAS,EAAE;MACT/C,MAAM,sBAAelB,KAAK,CAAC0C,OAAO,CAACwB,UAAU;IAC/C,CAAC;IACD,UAAU,EAAE;MACV/D,eAAe,EAAEH,KAAK,CAACsC,MAAM,CAAC6B,gBAAgB;MAC9C1D,KAAK,EAAET,KAAK,CAACoE,UAAU,CAACC,sBAAsB;MAC9C,gBAAgB,EAAE;QAChBN,IAAI,EAAE/D,KAAK,CAACoE,UAAU,CAACC;MACzB;IACF;EACF,CAAC,CACF,GACGpE,OAAO,KAAKH,aAAa,CAACwE,UAAU;IACtCnE,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAG4C,kBAAQ,CAACsB,OAAO,GAAGtB,kBAAQ,CAACuB,KAAK,CAAC;IAClF/D,KAAK,EAAEJ,QAAQ,GAAG4C,kBAAQ,CAACwB,OAAO,GAAGxB,kBAAQ,CAACtC,KAAK;IACnDwB,UAAU,EAAE;EAAM,GACd,CAAC9B,QAAQ,IAAI;IACf,kBAAkB,EAAE;MAClBF,eAAe,EAAE8C,kBAAQ,CAACyB;IAC5B,CAAC;IACD,SAAS,EAAE;MACTxD,MAAM,sBAAe+B,kBAAQ,CAAC0B,eAAe;IAC/C,CAAC;IACD,UAAU,EAAE;MACVxE,eAAe,EAAE8C,kBAAQ,CAAC0B;IAC5B;EACF,CAAC,CACF,GACG1E,OAAO,KAAKH,aAAa,CAACmC,IAAI;IAChC9B,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAG4C,kBAAQ,CAAC2B,OAAO,GAAG3B,kBAAQ,CAACK,IAAI,CAAC;IACjFxB,KAAK,EAAE;EAAM,GACT,CAACzB,QAAQ,IAAI;IACf,kBAAkB,EAAE;MAClBF,eAAe,EAAE8C,kBAAQ,CAAC4B;IAC5B,CAAC;IACD,SAAS,EAAE;MACT3D,MAAM,sBAAe+B,kBAAQ,CAAC6B,cAAc;IAC9C,CAAC;IACD,UAAU,EAAE;MACV3E,eAAe,EAAE8C,kBAAQ,CAAC8B;IAC5B;EACF,CAAC,CACF;AAAA,CACD;AAAC;AAEI,IAAMzC,MAAM,GAAG,SAATA,MAAM;EAAA,IAAK0C,WAAW,SAAXA,WAAW;IAAEC,QAAQ,SAARA,QAAQ;IAAA,2BAAEC,YAAY;IAAZA,YAAY,mCAAGxE,eAAK,CAACC,KAAK;IAAKK,KAAK;EAAA,OACjF;IAAQ,GAAG,EAAE,aAAChB,KAAY;MAAA,OAAKD,WAAW,CAACC,KAAK,EAAEgB,KAAK,CAAC;IAAA;EAAC,GAAKmE,iBAAiB,CAACnE,KAAK,CAAC,GACnFgE,WAAW,GAAG,gBAAC,aAAO;IAAC,IAAI,EAAE,EAAG;IAAC,KAAK,EAAEE,YAAa;IAAC,KAAK,EAAE;MAAC9D,OAAO,EAAE,MAAM;MAAEgE,MAAM,EAAE;IAAM;EAAE,EAAG,GAAGH,QAAQ,CACvG;AAAA,CACV;AAAC;AAEK,IAAME,iBAAiB,GAAG,SAApBA,iBAAiB,CAAInE,KAAkB,EAAK;EACvD,OAAO,IAAAqE,iBAAW,EAAC,IAAAC,qBAAe,EAACtE,KAAK,CAAC,EAAiB,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAC;AAC7F,CAAC;AAAC"}
1	+ {"version":3,"file":"Button.js","names":["ButtonVariant","buttonStyle","theme","variant","PRIMARY","backgroundColor","block","disabled","noCapital","bold","center","color","COLOR","WHITE","fontSize","noWrap","textTransform","truncate","props","textStyle","border","cursor","display","alignItems","justifyContent","marginBottom","padding","outline","textDecoration","touchAction","transition","defaultTransition","width","TERTIARY","borderRadius","SEND","height","lineHeight","maxWidth","minWidth","Button","primaryDisabledBg","primaryBg","primaryDisabledText","general","contrastColor","primaryHoverBg","primaryFocusBorder","primaryActiveBg","primaryActiveBorder","SECONDARY","IconButton","primaryDisabledBgColor","primaryBgColor","primaryBorderColor","Input","placeholderColor","secondaryHoverBorder","primaryActiveFillColor","secondaryActiveBg","secondaryActiveBorder","primaryColor","tertiarydisabledBg","tertiaryBg","tertiaryDisabledBorder","tertiaryBorder","fontWeight","fill","tertiaryHoverBg","tertiaryHoverBorder","focusColor","tertiaryActiveBg","QUATERNARY","COLOR_V2","GRAY_50","GREEN","GRAY_80","GREEN_LIGHT_600","GREEN_LIGHT_700","GRAY_70","BLUE","BLUE_LIGHT_600","BLUE_LIGHT_800","BLUE_LIGHT_700","showLoading","children","loadingColor","filterButtonProps","margin","filterProps","filterTextProps"],"sources":["Button.tsx"],"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 {COLOR, COLOR_V2} from '../Identity';\nimport {defaultTransition} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {Loading} from '../Misc';\nimport {TextProps, filterTextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport enum ButtonVariant {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n TERTIARY = 'tertiary',\n QUATERNARY = 'quaternary',\n SEND = 'send',\n}\n\nexport interface ButtonProps<T = HTMLButtonElement> extends TextProps<T> {\n variant?: ButtonVariant;\n backgroundColor?: string;\n loadingColor?: string;\n noCapital?: boolean;\n showLoading?: boolean;\n}\n\nexport const buttonStyle: <T>(theme: Theme, props: ButtonProps<T>) => CSSObject = (\n theme,\n {\n variant = ButtonVariant.PRIMARY,\n backgroundColor,\n block = false,\n disabled = false,\n noCapital = false,\n bold = true,\n center = true,\n color = COLOR.WHITE,\n fontSize = '16px',\n noWrap = true,\n textTransform = 'none',\n truncate = true,\n ...props\n },\n) => ({\n ...textStyle(theme, {\n block,\n bold,\n center,\n disabled,\n fontSize,\n noWrap,\n textTransform,\n truncate,\n ...props,\n }),\n border: 0,\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: block ? '100%' : 'auto',\n '&:hover, &:focus': {\n textDecoration: 'none',\n },\n ...(variant !== ButtonVariant.TERTIARY && {\n borderRadius: variant === ButtonVariant.SEND ? '100%' : '16px',\n height: variant === ButtonVariant.SEND ? '40px' : '48px',\n lineHeight: variant === ButtonVariant.SEND ? '40px' : '48px',\n ...(variant !== ButtonVariant.SEND && {\n maxWidth: '100%',\n minWidth: '125px',\n padding: '0 16px',\n }),\n }),\n ...(variant === ButtonVariant.PRIMARY && {\n backgroundColor: backgroundColor \|\| (disabled ? theme.Button.primaryDisabledBg : theme.Button.primaryBg),\n color: disabled ? theme.Button.primaryDisabledText : theme.general.contrastColor,\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: theme.Button.primaryHoverBg,\n },\n '&:focus': {\n border: `1px solid ${theme.Button.primaryFocusBorder}`,\n },\n '&:active': {\n backgroundColor: theme.Button.primaryActiveBg,\n border: `1px solid ${theme.Button.primaryActiveBorder}`,\n color: COLOR.WHITE,\n },\n }),\n }),\n ...(variant === ButtonVariant.SECONDARY && {\n backgroundColor:\n backgroundColor \|\| (disabled ? theme.IconButton.primaryDisabledBgColor : theme.IconButton.primaryBgColor),\n border: `1px solid ${theme.IconButton.primaryBorderColor}`,\n color: disabled ? theme.Input.placeholderColor : theme.general.color,\n ...(!disabled && {\n '&:hover, &:focus': {\n border: `1px solid ${theme.Button.secondaryHoverBorder}`,\n },\n '&:focus': {\n color: theme.IconButton.primaryActiveFillColor,\n },\n '&:active': {\n backgroundColor: theme.Button.secondaryActiveBg,\n border: `1px solid ${theme.Button.secondaryActiveBorder}`,\n color: theme.general.primaryColor,\n },\n }),\n }),\n ...(variant === ButtonVariant.TERTIARY && {\n backgroundColor: backgroundColor \|\| (disabled ? theme.Button.tertiarydisabledBg : theme.Button.tertiaryBg),\n border: disabled ? `1px solid ${theme.Button.tertiaryDisabledBorder}` : `1px solid ${theme.Button.tertiaryBorder}`,\n borderRadius: '12px',\n color: disabled ? theme.Input.placeholderColor : theme.general.color,\n fontSize: '14px',\n fontWeight: 700,\n lineHeight: '24px',\n padding: '4px 8px',\n '& > svg > path': {\n fill: disabled ? theme.Input.placeholderColor : theme.general.color,\n },\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: theme.Button.tertiaryHoverBg,\n border: `1px solid ${theme.Button.tertiaryHoverBorder}`,\n },\n '&:focus': {\n border: `1px solid ${theme.general.focusColor}`,\n },\n '&:active': {\n backgroundColor: theme.Button.tertiaryActiveBg,\n color: theme.IconButton.primaryActiveFillColor,\n '& > svg > path': {\n fill: theme.IconButton.primaryActiveFillColor,\n },\n },\n }),\n }),\n ...(variant === ButtonVariant.QUATERNARY && {\n backgroundColor: backgroundColor \|\| (disabled ? COLOR_V2.GRAY_50 : COLOR_V2.GREEN),\n color: disabled ? COLOR_V2.GRAY_80 : COLOR_V2.WHITE,\n lineHeight: '24px',\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: COLOR_V2.GREEN_LIGHT_600,\n },\n '&:focus': {\n border: `1px solid ${COLOR_V2.GREEN_LIGHT_700}`,\n },\n '&:active': {\n backgroundColor: COLOR_V2.GREEN_LIGHT_700,\n },\n }),\n }),\n ...(variant === ButtonVariant.SEND && {\n backgroundColor: backgroundColor \|\| (disabled ? COLOR_V2.GRAY_70 : COLOR_V2.BLUE),\n width: '40px',\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: COLOR_V2.BLUE_LIGHT_600,\n },\n '&:focus': {\n border: `1px solid ${COLOR_V2.BLUE_LIGHT_800}`,\n },\n '&:active': {\n backgroundColor: COLOR_V2.BLUE_LIGHT_700,\n },\n }),\n }),\n});\n\nexport const Button = ({showLoading, children, loadingColor = COLOR.WHITE, ...props}: ButtonProps) => (\n <button css={(theme: Theme) => buttonStyle(theme, props)} {...filterButtonProps(props)}>\n {showLoading ? <Loading size={30} color={loadingColor} style={{display: 'flex', margin: 'auto'}} /> : children}\n </button>\n);\n\nexport const filterButtonProps = (props: ButtonProps) => {\n return filterProps(filterTextProps(props) as ButtonProps, ['backgroundColor', 'noCapital']);\n};\n"],"mappings":"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"}

package/src/GlobalCssVariables.js CHANGED Viewed

@@ -116,7 +116,10 @@ var accentColors = function accentColors() {
     '--button-primary-hover': _Identity.COLOR_V2.BLUE_LIGHT_600,
     '--button-primary-active': _Identity.COLOR_V2.BLUE_LIGHT_700,
     '--button-primary-active-border': _Identity.COLOR_V2.BLUE_LIGHT_700,
-    '--button-primary-focus-border': _Identity.COLOR_V2.BLUE_LIGHT_700
+    '--button-primary-focus-border': _Identity.COLOR_V2.BLUE_LIGHT_700,
+    '--button-secondary-active-bg)': _Identity.COLOR_V2.BLUE_LIGHT_50,
+    '--button-secondary-active-border)': _Identity.COLOR_V2.BLUE_LIGHT_500,
+    '--button-secondary-hover-border)': _Identity.COLOR_V2.BLUE_LIGHT_500
   };
 };
 var GlobalCssVariables = {

package/src/GlobalCssVariables.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GlobalCssVariables.js","names":["light","COLOR_V2","GRAY_20","GRAY_10","GRAY_60","GRAY_80","GRAY_70","COLOR","WHITE","GRAY_40","GRAY_50","RED_LIGHT_500","BLACK","dark","GRAY_90","GRAY_100","GRAY_95","RED_DARK_500","accentColors","BLUE_LIGHT_500","BLUE_LIGHT_50","BLUE_LIGHT_800","BLUE_LIGHT_400","BLUE_LIGHT_600","BLUE_LIGHT_700","GlobalCssVariables"],"sources":["GlobalCssVariables.tsx"],"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} from '@emotion/react';\nimport {COLOR, COLOR_V2} from './Identity';\n\nconst light: () => CSSObject = () => ({\n // Checkbox\n '--checkbox-background': COLOR_V2.GRAY_20,\n '--checkbox-background-disabled': COLOR_V2.GRAY_10,\n '--checkbox-background-disabled-selected': COLOR_V2.GRAY_60,\n '--checkbox-border': COLOR_V2.GRAY_80,\n '--checkbox-border-disabled': COLOR_V2.GRAY_70,\n\n // Icon Button\n '--icon-button-primary-enabled-bg': COLOR.WHITE,\n '--icon-button-primary-hover-bg': COLOR_V2.GRAY_20,\n '--icon-button-primary-border': COLOR_V2.GRAY_40,\n '--icon-button-primary-disabled-bg': COLOR_V2.GRAY_20,\n '--icon-button-primary-disabled-border': COLOR_V2.GRAY_40,\n '--icon-button-primary-hover-border': COLOR_V2.GRAY_50,\n\n // Button\n '--button-primary-disabled-bg': COLOR_V2.GRAY_50,\n '--button-primary-disabled-text': COLOR_V2.GRAY_80,\n\n '--button-tertiary-bg': COLOR.WHITE,\n '--button-tertiary-border': COLOR_V2.GRAY_40,\n '--button-tertiary-hover-bg': COLOR_V2.GRAY_20,\n '--button-tertiary-hover-border': COLOR_V2.GRAY_50,\n '--button-tertiary-disabled-bg': COLOR_V2.GRAY_20,\n '--button-tertiary-disabled-border': 'transparent',\n\n // Inputs\n '--text-input-background': COLOR.WHITE,\n '--text-input-border': COLOR_V2.GRAY_40,\n '--text-input-border-hover': COLOR_V2.GRAY_60,\n '--text-input-placeholder': COLOR_V2.GRAY_70,\n '--text-input-disabled': COLOR_V2.GRAY_20,\n '--text-input-label': COLOR_V2.GRAY_80,\n\n // Select\n '--select-focused-description': COLOR_V2.WHITE,\n\n // General\n '--danger-color': COLOR_V2.RED_LIGHT_500,\n '--app-bg': COLOR_V2.GRAY_10,\n '--main-color': COLOR.BLACK,\n});\n\nconst dark: () => CSSObject = () => ({\n // Checkbox\n '--checkbox-background': COLOR_V2.GRAY_90,\n '--checkbox-background-disabled': COLOR_V2.GRAY_90,\n '--checkbox-background-disabled-selected': COLOR_V2.GRAY_80,\n '--checkbox-border': COLOR_V2.GRAY_60,\n '--checkbox-border-disabled': COLOR_V2.GRAY_60,\n\n // Icon Button\n '--icon-button-primary-enabled-bg': COLOR_V2.GRAY_90,\n '--icon-button-primary-hover-bg': COLOR_V2.GRAY_80,\n '--icon-button-primary-border': COLOR_V2.GRAY_100,\n '--icon-button-primary-disabled-bg': COLOR_V2.GRAY_95,\n '--icon-button-primary-disabled-border': COLOR_V2.GRAY_90,\n '--icon-button-primary-hover-border': COLOR_V2.GRAY_70,\n\n // Button\n '--button-primary-disabled-bg': COLOR_V2.GRAY_70,\n '--button-primary-disabled-text': COLOR.BLACK,\n\n '--button-tertiary-bg': COLOR_V2.GRAY_90,\n '--button-tertiary-border': COLOR_V2.GRAY_100,\n '--button-tertiary-hover-bg': COLOR_V2.GRAY_80,\n '--button-tertiary-hover-border': COLOR_V2.GRAY_80,\n '--button-tertiary-disabled-bg': COLOR_V2.GRAY_95,\n '--button-tertiary-disabled-border': 'transparent',\n\n // Inputs\n '--text-input-background': COLOR.BLACK,\n '--text-input-border': COLOR_V2.GRAY_80,\n '--text-input-border-hover': COLOR_V2.GRAY_40,\n '--text-input-placeholder': COLOR_V2.GRAY_60,\n '--text-input-disabled': COLOR_V2.GRAY_100,\n '--text-input-label': COLOR_V2.GRAY_40,\n\n // Select\n '--select-focused-description': COLOR_V2.GRAY_40,\n\n // General\n '--danger-color': COLOR_V2.RED_DARK_500,\n '--app-bg': COLOR_V2.GRAY_95,\n '--main-color': COLOR.WHITE,\n});\n\nconst accentColors: () => CSSObject = () => ({\n '--accent-color': COLOR_V2.BLUE_LIGHT_500,\n '--accent-color-highlight': COLOR_V2.BLUE_LIGHT_50,\n '--accent-color-highlight-inversed': COLOR_V2.BLUE_LIGHT_800,\n '--accent-color-border': COLOR_V2.BLUE_LIGHT_500,\n '--accent-color-focus': COLOR_V2.BLUE_LIGHT_400,\n '--icon-primary-active-fill': COLOR_V2.BLUE_LIGHT_500,\n '--icon-secondary-active-border': 'transparent',\n '--button-primary-hover': COLOR_V2.BLUE_LIGHT_600,\n '--button-primary-active': COLOR_V2.BLUE_LIGHT_700,\n '--button-primary-active-border': COLOR_V2.BLUE_LIGHT_700,\n '--button-primary-focus-border': COLOR_V2.BLUE_LIGHT_700,\n});\n\nexport const GlobalCssVariables = {\n light,\n dark,\n accentColors,\n};\n"],"mappings":"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~~EAC5C~~,CAAC;AAAA,CAAC;AAEK,~~IAAMC~~,kBAAkB,GAAG;EAChCzB,KAAK,EAALA,KAAK;EACLa,IAAI,EAAJA,IAAI;EACJK,YAAY,EAAZA;AACF,CAAC;AAAC"}
1	+ {"version":3,"file":"GlobalCssVariables.js","names":["light","COLOR_V2","GRAY_20","GRAY_10","GRAY_60","GRAY_80","GRAY_70","COLOR","WHITE","GRAY_40","GRAY_50","RED_LIGHT_500","BLACK","dark","GRAY_90","GRAY_100","GRAY_95","RED_DARK_500","accentColors","BLUE_LIGHT_500","BLUE_LIGHT_50","BLUE_LIGHT_800","BLUE_LIGHT_400","BLUE_LIGHT_600","BLUE_LIGHT_700","GlobalCssVariables"],"sources":["GlobalCssVariables.tsx"],"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} from '@emotion/react';\nimport {COLOR, COLOR_V2} from './Identity';\n\nconst light: () => CSSObject = () => ({\n // Checkbox\n '--checkbox-background': COLOR_V2.GRAY_20,\n '--checkbox-background-disabled': COLOR_V2.GRAY_10,\n '--checkbox-background-disabled-selected': COLOR_V2.GRAY_60,\n '--checkbox-border': COLOR_V2.GRAY_80,\n '--checkbox-border-disabled': COLOR_V2.GRAY_70,\n\n // Icon Button\n '--icon-button-primary-enabled-bg': COLOR.WHITE,\n '--icon-button-primary-hover-bg': COLOR_V2.GRAY_20,\n '--icon-button-primary-border': COLOR_V2.GRAY_40,\n '--icon-button-primary-disabled-bg': COLOR_V2.GRAY_20,\n '--icon-button-primary-disabled-border': COLOR_V2.GRAY_40,\n '--icon-button-primary-hover-border': COLOR_V2.GRAY_50,\n\n // Button\n '--button-primary-disabled-bg': COLOR_V2.GRAY_50,\n '--button-primary-disabled-text': COLOR_V2.GRAY_80,\n\n '--button-tertiary-bg': COLOR.WHITE,\n '--button-tertiary-border': COLOR_V2.GRAY_40,\n '--button-tertiary-hover-bg': COLOR_V2.GRAY_20,\n '--button-tertiary-hover-border': COLOR_V2.GRAY_50,\n '--button-tertiary-disabled-bg': COLOR_V2.GRAY_20,\n '--button-tertiary-disabled-border': 'transparent',\n\n // Inputs\n '--text-input-background': COLOR.WHITE,\n '--text-input-border': COLOR_V2.GRAY_40,\n '--text-input-border-hover': COLOR_V2.GRAY_60,\n '--text-input-placeholder': COLOR_V2.GRAY_70,\n '--text-input-disabled': COLOR_V2.GRAY_20,\n '--text-input-label': COLOR_V2.GRAY_80,\n\n // Select\n '--select-focused-description': COLOR_V2.WHITE,\n\n // General\n '--danger-color': COLOR_V2.RED_LIGHT_500,\n '--app-bg': COLOR_V2.GRAY_10,\n '--main-color': COLOR.BLACK,\n});\n\nconst dark: () => CSSObject = () => ({\n // Checkbox\n '--checkbox-background': COLOR_V2.GRAY_90,\n '--checkbox-background-disabled': COLOR_V2.GRAY_90,\n '--checkbox-background-disabled-selected': COLOR_V2.GRAY_80,\n '--checkbox-border': COLOR_V2.GRAY_60,\n '--checkbox-border-disabled': COLOR_V2.GRAY_60,\n\n // Icon Button\n '--icon-button-primary-enabled-bg': COLOR_V2.GRAY_90,\n '--icon-button-primary-hover-bg': COLOR_V2.GRAY_80,\n '--icon-button-primary-border': COLOR_V2.GRAY_100,\n '--icon-button-primary-disabled-bg': COLOR_V2.GRAY_95,\n '--icon-button-primary-disabled-border': COLOR_V2.GRAY_90,\n '--icon-button-primary-hover-border': COLOR_V2.GRAY_70,\n\n // Button\n '--button-primary-disabled-bg': COLOR_V2.GRAY_70,\n '--button-primary-disabled-text': COLOR.BLACK,\n\n '--button-tertiary-bg': COLOR_V2.GRAY_90,\n '--button-tertiary-border': COLOR_V2.GRAY_100,\n '--button-tertiary-hover-bg': COLOR_V2.GRAY_80,\n '--button-tertiary-hover-border': COLOR_V2.GRAY_80,\n '--button-tertiary-disabled-bg': COLOR_V2.GRAY_95,\n '--button-tertiary-disabled-border': 'transparent',\n\n // Inputs\n '--text-input-background': COLOR.BLACK,\n '--text-input-border': COLOR_V2.GRAY_80,\n '--text-input-border-hover': COLOR_V2.GRAY_40,\n '--text-input-placeholder': COLOR_V2.GRAY_60,\n '--text-input-disabled': COLOR_V2.GRAY_100,\n '--text-input-label': COLOR_V2.GRAY_40,\n\n // Select\n '--select-focused-description': COLOR_V2.GRAY_40,\n\n // General\n '--danger-color': COLOR_V2.RED_DARK_500,\n '--app-bg': COLOR_V2.GRAY_95,\n '--main-color': COLOR.WHITE,\n});\n\nconst accentColors: () => CSSObject = () => ({\n '--accent-color': COLOR_V2.BLUE_LIGHT_500,\n '--accent-color-highlight': COLOR_V2.BLUE_LIGHT_50,\n '--accent-color-highlight-inversed': COLOR_V2.BLUE_LIGHT_800,\n '--accent-color-border': COLOR_V2.BLUE_LIGHT_500,\n '--accent-color-focus': COLOR_V2.BLUE_LIGHT_400,\n '--icon-primary-active-fill': COLOR_V2.BLUE_LIGHT_500,\n '--icon-secondary-active-border': 'transparent',\n '--button-primary-hover': COLOR_V2.BLUE_LIGHT_600,\n '--button-primary-active': COLOR_V2.BLUE_LIGHT_700,\n '--button-primary-active-border': COLOR_V2.BLUE_LIGHT_700,\n '--button-primary-focus-border': COLOR_V2.BLUE_LIGHT_700,\n '--button-secondary-active-bg)': COLOR_V2.BLUE_LIGHT_50,\n '--button-secondary-active-border)': COLOR_V2.BLUE_LIGHT_500,\n '--button-secondary-hover-border)': COLOR_V2.BLUE_LIGHT_500,\n});\n\nexport const GlobalCssVariables = {\n light,\n dark,\n accentColors,\n};\n"],"mappings":"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"}

package/src/Layout/Theme.d.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Theme.d.js","names":[],"sources":["Theme.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx, Theme as ETheme } from '@emotion/react';\nimport React from 'react';\nexport declare enum THEME_ID {\n DARK = \"THEME_DARK\",\n LIGHT = \"THEME_LIGHT\",\n DEFAULT = \"THEME_DEFAULT\"\n}\nexport interface Theme extends ETheme {\n Button?: {\n primaryBg: String;\n primaryHoverBg: String;\n primaryActiveBg: String;\n primaryActiveBorder: String;\n primaryFocusBorder: String;\n primaryDisabledBg: String;\n primaryDisabledText: String;\n tertiaryBg: String;\n tertiaryBorder: String;\n tertiaryHoverBg: String;\n tertiaryHoverBorder: String;\n tertiarydisabledBg: String;\n tertiaryDisabledBorder: String;\n tertiaryActiveBg: String;\n };\n IconButton: {\n activePrimaryBgColor: string;\n focusBorderColor: string;\n hoverPrimaryBgColor: string;\n primaryActiveFillColor: string;\n primaryBgColor: string;\n primaryBorderColor: string;\n primaryDisabledBgColor: string;\n primaryDisabledBorderColor: string;\n primaryHoverBorderColor: string;\n secondaryActiveBorderColor: string;\n };\n Checkbox: {\n background: string;\n border: string;\n borderFocused: string;\n disableBgColor: string;\n disableBorderColor: string;\n disablecheckedBgColor: string;\n invalidBorderColor: string;\n };\n general: {\n backgroundColor: string;\n color: string;\n contrastColor: String;\n dangerColor: string;\n focusColor: String;\n primaryColor: string;\n };\n Input: {\n backgroundColor: string;\n backgroundColorDisabled: string;\n placeholderColor: string;\n labelColor: string;\n borderHover: string;\n };\n Select: {\n disabledColor: string;\n contrastTextColor: string;\n borderColor: string;\n focusedDescriptionColor: string;\n optionHoverBg: string;\n selectedActiveBg: String;\n };\n}\nexport declare const themes: {\n [themeId in THEME_ID]: Theme;\n};\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n theme?: Theme;\n children: React.ReactNode;\n}\nexport declare const ThemeProvider: (props: ThemeProps) => jsx.JSX.Element;\n"],"mappings":""}
1	+ {"version":3,"file":"Theme.d.js","names":[],"sources":["Theme.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx, Theme as ETheme } from '@emotion/react';\nimport React from 'react';\nexport declare enum THEME_ID {\n DARK = \"THEME_DARK\",\n LIGHT = \"THEME_LIGHT\",\n DEFAULT = \"THEME_DEFAULT\"\n}\nexport interface Theme extends ETheme {\n Button?: {\n primaryBg: String;\n primaryHoverBg: String;\n primaryActiveBg: String;\n primaryActiveBorder: String;\n primaryFocusBorder: String;\n primaryDisabledBg: String;\n primaryDisabledText: String;\n secondaryActiveBg: String;\n secondaryActiveBorder: String;\n secondaryHoverBorder: String;\n tertiaryBg: String;\n tertiaryBorder: String;\n tertiaryHoverBg: String;\n tertiaryHoverBorder: String;\n tertiarydisabledBg: String;\n tertiaryDisabledBorder: String;\n tertiaryActiveBg: String;\n };\n IconButton: {\n activePrimaryBgColor: string;\n focusBorderColor: string;\n hoverPrimaryBgColor: string;\n primaryActiveFillColor: string;\n primaryBgColor: string;\n primaryBorderColor: string;\n primaryDisabledBgColor: string;\n primaryDisabledBorderColor: string;\n primaryHoverBorderColor: string;\n secondaryActiveBorderColor: string;\n };\n Checkbox: {\n background: string;\n border: string;\n borderFocused: string;\n disableBgColor: string;\n disableBorderColor: string;\n disablecheckedBgColor: string;\n invalidBorderColor: string;\n };\n general: {\n backgroundColor: string;\n color: string;\n contrastColor: String;\n dangerColor: string;\n focusColor: String;\n primaryColor: string;\n };\n Input: {\n backgroundColor: string;\n backgroundColorDisabled: string;\n placeholderColor: string;\n labelColor: string;\n borderHover: string;\n };\n Select: {\n disabledColor: string;\n contrastTextColor: string;\n borderColor: string;\n focusedDescriptionColor: string;\n optionHoverBg: string;\n selectedActiveBg: String;\n };\n}\nexport declare const themes: {\n [themeId in THEME_ID]: Theme;\n};\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n theme?: Theme;\n children: React.ReactNode;\n}\nexport declare const ThemeProvider: (props: ThemeProps) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Layout/Theme.d.ts CHANGED Viewed

@@ -15,6 +15,9 @@ export interface Theme extends ETheme {
         primaryFocusBorder: String;
         primaryDisabledBg: String;
         primaryDisabledText: String;
+        secondaryActiveBg: String;
+        secondaryActiveBorder: String;
+        secondaryHoverBorder: String;
         tertiaryBg: String;
         tertiaryBorder: String;
         tertiaryHoverBg: String;

package/src/Layout/Theme.js CHANGED Viewed

@@ -28,6 +28,9 @@ var themes = (_themes = {}, _defineProperty(_themes, THEME_ID.DEFAULT, {
     primaryFocusBorder: 'var(--button-primary-focus-border)',
     primaryDisabledBg: 'var(--button-primary-disabled-bg)',
     primaryDisabledText: 'var(--button-primary-disabled-text)',
+    secondaryActiveBg: 'var(--button-secondary-active-bg)',
+    secondaryActiveBorder: 'var(--button-secondary-active-border)',
+    secondaryHoverBorder: 'var(--button-secondary-hover-border)',
     tertiaryBg: 'var(--button-tertiary-bg)',
     tertiaryBorder: 'var(--button-tertiary-border)',
     tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
@@ -89,6 +92,9 @@ var themes = (_themes = {}, _defineProperty(_themes, THEME_ID.DEFAULT, {
     primaryFocusBorder: 'var(--button-primary-focus-border)',
     primaryDisabledBg: 'var(--button-primary-disabled-bg)',
     primaryDisabledText: 'var(--button-primary-disabled-text)',
+    secondaryActiveBg: 'var(--button-secondary-active-bg)',
+    secondaryActiveBorder: 'var(--button-secondary-active-border)',
+    secondaryHoverBorder: 'var(--button-secondary-hover-border)',
     tertiaryBg: 'var(--button-tertiary-bg)',
     tertiaryBorder: 'var(--button-tertiary-border)',
     tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
@@ -150,6 +156,9 @@ var themes = (_themes = {}, _defineProperty(_themes, THEME_ID.DEFAULT, {
     primaryFocusBorder: 'var(--button-primary-focus-border)',
     primaryDisabledBg: 'var(--button-primary-disabled-bg)',
     primaryDisabledText: 'var(--button-primary-disabled-text)',
+    secondaryActiveBg: 'var(--button-secondary-active-bg)',
+    secondaryActiveBorder: 'var(--button-secondary-active-border)',
+    secondaryHoverBorder: 'var(--button-secondary-hover-border)',
     tertiaryBg: 'var(--button-tertiary-bg)',
     tertiaryBorder: 'var(--button-tertiary-border)',
     tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',

package/src/Layout/Theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Theme.js","names":["THEME_ID","themes","DEFAULT","Button","primaryBg","primaryHoverBg","primaryActiveBg","primaryActiveBorder","primaryFocusBorder","primaryDisabledBg","primaryDisabledText","tertiaryBg","tertiaryBorder","tertiaryHoverBg","tertiaryHoverBorder","tertiarydisabledBg","tertiaryDisabledBorder","tertiaryActiveBg","Checkbox","background","border","borderFocused","disableBgColor","disableBorderColor","disablecheckedBgColor","invalidBorderColor","IconButton","activePrimaryBgColor","focusBorderColor","hoverPrimaryBgColor","primaryActiveFillColor","primaryBgColor","primaryBorderColor","primaryDisabledBgColor","primaryDisabledBorderColor","primaryHoverBorderColor","secondaryActiveBorderColor","Input","backgroundColor","backgroundColorDisabled","labelColor","placeholderColor","borderHover","Select","borderColor","contrastTextColor","disabledColor","focusedDescriptionColor","optionHoverBg","selectedActiveBg","general","color","dangerColor","primaryColor","contrastColor","focusColor","LIGHT","COLOR_V2","BLUE_LIGHT_50","BLUE_LIGHT_500","GRAY_20","BLUE","WHITE","GRAY_40","GRAY_50","COLOR","GRAY_DARKEN_24","GRAY_80","TEXT","RED","GRAY_70","BASE_LIGHT_COLOR","GRAY_60","DARK","BLUE_DARK_800","BLUE_DARK_600","GRAY_90","GRAY_100","GRAY_95","BLACK_LIGHTEN_24","GRAY_LIGHTEN_88","BLACK","BASE_DARK_COLOR","GRAY_10","ThemeProvider","props","theme"],"sources":["Theme.tsx"],"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 {jsx, ThemeProvider as EmotionThemeProvider, Theme as ETheme} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/colors';\nimport {COLOR_V2, BASE_DARK_COLOR, BASE_LIGHT_COLOR} from '../Identity/colors-v2';\n\nexport enum THEME_ID {\n DARK = 'THEME_DARK',\n LIGHT = 'THEME_LIGHT',\n DEFAULT = 'THEME_DEFAULT',\n}\n\nexport interface Theme extends ETheme {\n Button?: {\n primaryBg: String;\n primaryHoverBg: String;\n primaryActiveBg: String;\n primaryActiveBorder: String;\n primaryFocusBorder: String;\n primaryDisabledBg: String;\n primaryDisabledText: String;\n tertiaryBg: String;\n tertiaryBorder: String;\n tertiaryHoverBg: String;\n tertiaryHoverBorder: String;\n tertiarydisabledBg: String;\n tertiaryDisabledBorder: String;\n tertiaryActiveBg: String;\n };\n IconButton: {\n activePrimaryBgColor: string;\n focusBorderColor: string;\n hoverPrimaryBgColor: string;\n primaryActiveFillColor: string;\n primaryBgColor: string;\n primaryBorderColor: string;\n primaryDisabledBgColor: string;\n primaryDisabledBorderColor: string;\n primaryHoverBorderColor: string;\n secondaryActiveBorderColor: string;\n };\n Checkbox: {\n background: string;\n border: string;\n borderFocused: string;\n disableBgColor: string;\n disableBorderColor: string;\n disablecheckedBgColor: string;\n invalidBorderColor: string;\n };\n general: {\n backgroundColor: string;\n color: string;\n contrastColor: String;\n dangerColor: string;\n focusColor: String;\n primaryColor: string;\n };\n Input: {\n backgroundColor: string;\n backgroundColorDisabled: string;\n placeholderColor: string;\n labelColor: string;\n borderHover: string;\n };\n Select: {\n disabledColor: string;\n contrastTextColor: string;\n borderColor: string;\n focusedDescriptionColor: string;\n optionHoverBg: string;\n selectedActiveBg: String;\n };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n [THEME_ID.DEFAULT]: {\n Button: {\n primaryBg: 'var(--accent-color)',\n primaryHoverBg: 'var(--button-primary-hover)',\n primaryActiveBg: 'var(--button-primary-active)',\n primaryActiveBorder: 'var(--button-primary-active-border)',\n primaryFocusBorder: 'var(--button-primary-focus-border)',\n primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n primaryDisabledText: 'var(--button-primary-disabled-text)',\n tertiaryBg: 'var(--button-tertiary-bg)',\n tertiaryBorder: 'var(--button-tertiary-border)',\n tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n tertiaryActiveBg: 'var(--accent-color-highlight)',\n },\n Checkbox: {\n background: 'var(--checkbox-background)',\n border: 'var(--checkbox-border)',\n borderFocused: 'var(--accent-color)',\n disableBgColor: 'var(--checkbox-background-disabled)',\n disableBorderColor: 'var(--checkbox-border-disabled)',\n disablecheckedBgColor: 'var(--checkbox-background-disabled-selected)',\n invalidBorderColor: 'var(--danger-color)',\n },\n IconButton: {\n activePrimaryBgColor: 'var(--accent-color-highlight)',\n focusBorderColor: 'var(--accent-color-border)',\n hoverPrimaryBgColor: 'var(--icon-button-primary-hover-bg)',\n primaryActiveFillColor: 'var(--icon-primary-active-fill)',\n primaryBgColor: 'var(--icon-button-primary-enabled-bg)',\n primaryBorderColor: 'var(--icon-button-primary-border)',\n primaryDisabledBgColor: 'var(--icon-button-primary-disabled-bg)',\n primaryDisabledBorderColor: 'var(--icon-button-primary-disabled-border)',\n primaryHoverBorderColor: 'var(--icon-button-primary-hover-border)',\n secondaryActiveBorderColor: 'var(--icon-secondary-active-border)',\n },\n Input: {\n backgroundColor: 'var(--text-input-background)',\n backgroundColorDisabled: 'var(--text-input-disabled)',\n labelColor: 'var(--text-input-label)',\n placeholderColor: 'var(--text-input-placeholder)',\n borderHover: 'var(--text-input-border-hover)',\n },\n Select: {\n borderColor: 'var(--text-input-border)',\n contrastTextColor: 'var(--text-input-background)',\n disabledColor: 'var(--text-input-placeholder)',\n focusedDescriptionColor: 'var(--select-focused-description)',\n optionHoverBg: 'var(--accent-color-highlight)',\n selectedActiveBg: 'var(--button-primary-hover)',\n },\n general: {\n backgroundColor: 'var(--app-bg)',\n color: 'var(--main-color)',\n dangerColor: 'var(--danger-color)',\n primaryColor: 'var(--accent-color)',\n contrastColor: 'var(--text-input-background)',\n focusColor: 'var(--accent-color-focus)',\n },\n },\n [THEME_ID.LIGHT]: {\n Button: {\n primaryBg: 'var(--accent-color)',\n primaryHoverBg: 'var(--button-primary-hover)',\n primaryActiveBg: 'var(--button-primary-active)',\n primaryActiveBorder: 'var(--button-primary-active-border)',\n primaryFocusBorder: 'var(--button-primary-focus-border)',\n primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n primaryDisabledText: 'var(--button-primary-disabled-text)',\n tertiaryBg: 'var(--button-tertiary-bg)',\n tertiaryBorder: 'var(--button-tertiary-border)',\n tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n tertiaryActiveBg: 'var(--accent-color-highlight)',\n },\n IconButton: {\n activePrimaryBgColor: COLOR_V2.BLUE_LIGHT_50,\n focusBorderColor: COLOR_V2.BLUE_LIGHT_500,\n hoverPrimaryBgColor: COLOR_V2.GRAY_20,\n primaryActiveFillColor: COLOR_V2.BLUE,\n primaryBgColor: COLOR_V2.WHITE,\n primaryBorderColor: COLOR_V2.GRAY_40,\n primaryDisabledBgColor: COLOR_V2.GRAY_20,\n primaryDisabledBorderColor: COLOR_V2.GRAY_40,\n primaryHoverBorderColor: COLOR_V2.GRAY_50,\n secondaryActiveBorderColor: 'transparent',\n },\n Input: {\n backgroundColor: COLOR.WHITE,\n backgroundColorDisabled: COLOR_V2.GRAY_20,\n placeholderColor: COLOR.GRAY_DARKEN_24,\n labelColor: COLOR_V2.GRAY_80,\n borderHover: 'var(--text-input-border-hover)',\n },\n general: {\n backgroundColor: COLOR_V2.GRAY_20,\n color: COLOR.TEXT,\n primaryColor: COLOR_V2.BLUE,\n dangerColor: COLOR_V2.RED,\n contrastColor: 'var(--text-input-background)',\n focusColor: 'var(--accent-color-focus)',\n },\n Select: {\n disabledColor: COLOR_V2.GRAY_70,\n contrastTextColor: COLOR.WHITE,\n borderColor: COLOR_V2.GRAY_40,\n focusedDescriptionColor: COLOR_V2.WHITE,\n optionHoverBg: 'var(--accent-color-highlight)',\n selectedActiveBg: 'var(--button-primary-hover)',\n },\n Checkbox: {\n background: COLOR_V2.GRAY_20,\n border: COLOR_V2.GRAY_80,\n borderFocused: BASE_LIGHT_COLOR.BLUE,\n disableBgColor: COLOR_V2.GRAY_20,\n disableBorderColor: COLOR_V2.GRAY_60,\n disablecheckedBgColor: COLOR_V2.GRAY_20,\n invalidBorderColor: BASE_LIGHT_COLOR.RED,\n },\n },\n [THEME_ID.DARK]: {\n Button: {\n primaryBg: 'var(--accent-color)',\n primaryHoverBg: 'var(--button-primary-hover)',\n primaryActiveBg: 'var(--button-primary-active)',\n primaryActiveBorder: 'var(--button-primary-active-border)',\n primaryFocusBorder: 'var(--button-primary-focus-border)',\n primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n primaryDisabledText: 'var(--button-primary-disabled-text)',\n tertiaryBg: 'var(--button-tertiary-bg)',\n tertiaryBorder: 'var(--button-tertiary-border)',\n tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n tertiaryActiveBg: 'var(--accent-color-highlight)',\n },\n IconButton: {\n activePrimaryBgColor: COLOR_V2.BLUE_DARK_800,\n focusBorderColor: COLOR_V2.BLUE_DARK_600,\n hoverPrimaryBgColor: COLOR_V2.GRAY_80,\n primaryActiveFillColor: COLOR.WHITE,\n primaryBgColor: COLOR_V2.GRAY_90,\n primaryBorderColor: COLOR_V2.GRAY_100,\n primaryDisabledBgColor: COLOR_V2.GRAY_95,\n primaryDisabledBorderColor: COLOR_V2.GRAY_90,\n primaryHoverBorderColor: COLOR_V2.GRAY_70,\n secondaryActiveBorderColor: COLOR_V2.BLUE_DARK_800,\n },\n Input: {\n backgroundColor: COLOR.BLACK_LIGHTEN_24,\n backgroundColorDisabled: COLOR.GRAY_100,\n placeholderColor: COLOR.GRAY_LIGHTEN_88,\n labelColor: COLOR_V2.GRAY_40,\n borderHover: 'var(--text-input-border-hover)',\n },\n general: {\n backgroundColor: COLOR.BLACK,\n color: COLOR.WHITE,\n primaryColor: COLOR_V2.BLUE,\n dangerColor: COLOR_V2.RED,\n contrastColor: 'var(--text-input-background)',\n focusColor: 'var(--accent-color-focus)',\n },\n Select: {\n disabledColor: COLOR_V2.GRAY_60,\n contrastTextColor: COLOR.BLACK,\n borderColor: COLOR_V2.GRAY_90,\n focusedDescriptionColor: COLOR_V2.GRAY_40,\n optionHoverBg: 'var(--accent-color-highlight)',\n selectedActiveBg: 'var(--button-primary-active)',\n },\n Checkbox: {\n background: COLOR_V2.GRAY_20,\n border: COLOR_V2.GRAY_60,\n borderFocused: BASE_DARK_COLOR.BLUE,\n disableBgColor: COLOR_V2.GRAY_10,\n disableBorderColor: COLOR_V2.GRAY_70,\n disablecheckedBgColor: COLOR_V2.GRAY_60,\n invalidBorderColor: BASE_DARK_COLOR.RED,\n },\n },\n};\n\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n theme?: Theme;\n children: React.ReactNode;\n}\n\nexport const ThemeProvider = (props: ThemeProps) => <EmotionThemeProvider {...props} theme={props.theme} />;\n"],"mappings":"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"}
1	+ {"version":3,"file":"Theme.js","names":["THEME_ID","themes","DEFAULT","Button","primaryBg","primaryHoverBg","primaryActiveBg","primaryActiveBorder","primaryFocusBorder","primaryDisabledBg","primaryDisabledText","secondaryActiveBg","secondaryActiveBorder","secondaryHoverBorder","tertiaryBg","tertiaryBorder","tertiaryHoverBg","tertiaryHoverBorder","tertiarydisabledBg","tertiaryDisabledBorder","tertiaryActiveBg","Checkbox","background","border","borderFocused","disableBgColor","disableBorderColor","disablecheckedBgColor","invalidBorderColor","IconButton","activePrimaryBgColor","focusBorderColor","hoverPrimaryBgColor","primaryActiveFillColor","primaryBgColor","primaryBorderColor","primaryDisabledBgColor","primaryDisabledBorderColor","primaryHoverBorderColor","secondaryActiveBorderColor","Input","backgroundColor","backgroundColorDisabled","labelColor","placeholderColor","borderHover","Select","borderColor","contrastTextColor","disabledColor","focusedDescriptionColor","optionHoverBg","selectedActiveBg","general","color","dangerColor","primaryColor","contrastColor","focusColor","LIGHT","COLOR_V2","BLUE_LIGHT_50","BLUE_LIGHT_500","GRAY_20","BLUE","WHITE","GRAY_40","GRAY_50","COLOR","GRAY_DARKEN_24","GRAY_80","TEXT","RED","GRAY_70","BASE_LIGHT_COLOR","GRAY_60","DARK","BLUE_DARK_800","BLUE_DARK_600","GRAY_90","GRAY_100","GRAY_95","BLACK_LIGHTEN_24","GRAY_LIGHTEN_88","BLACK","BASE_DARK_COLOR","GRAY_10","ThemeProvider","props","theme"],"sources":["Theme.tsx"],"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 {jsx, ThemeProvider as EmotionThemeProvider, Theme as ETheme} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/colors';\nimport {COLOR_V2, BASE_DARK_COLOR, BASE_LIGHT_COLOR} from '../Identity/colors-v2';\n\nexport enum THEME_ID {\n DARK = 'THEME_DARK',\n LIGHT = 'THEME_LIGHT',\n DEFAULT = 'THEME_DEFAULT',\n}\n\nexport interface Theme extends ETheme {\n Button?: {\n primaryBg: String;\n primaryHoverBg: String;\n primaryActiveBg: String;\n primaryActiveBorder: String;\n primaryFocusBorder: String;\n primaryDisabledBg: String;\n primaryDisabledText: String;\n secondaryActiveBg: String;\n secondaryActiveBorder: String;\n secondaryHoverBorder: String;\n tertiaryBg: String;\n tertiaryBorder: String;\n tertiaryHoverBg: String;\n tertiaryHoverBorder: String;\n tertiarydisabledBg: String;\n tertiaryDisabledBorder: String;\n tertiaryActiveBg: String;\n };\n IconButton: {\n activePrimaryBgColor: string;\n focusBorderColor: string;\n hoverPrimaryBgColor: string;\n primaryActiveFillColor: string;\n primaryBgColor: string;\n primaryBorderColor: string;\n primaryDisabledBgColor: string;\n primaryDisabledBorderColor: string;\n primaryHoverBorderColor: string;\n secondaryActiveBorderColor: string;\n };\n Checkbox: {\n background: string;\n border: string;\n borderFocused: string;\n disableBgColor: string;\n disableBorderColor: string;\n disablecheckedBgColor: string;\n invalidBorderColor: string;\n };\n general: {\n backgroundColor: string;\n color: string;\n contrastColor: String;\n dangerColor: string;\n focusColor: String;\n primaryColor: string;\n };\n Input: {\n backgroundColor: string;\n backgroundColorDisabled: string;\n placeholderColor: string;\n labelColor: string;\n borderHover: string;\n };\n Select: {\n disabledColor: string;\n contrastTextColor: string;\n borderColor: string;\n focusedDescriptionColor: string;\n optionHoverBg: string;\n selectedActiveBg: String;\n };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n [THEME_ID.DEFAULT]: {\n Button: {\n primaryBg: 'var(--accent-color)',\n primaryHoverBg: 'var(--button-primary-hover)',\n primaryActiveBg: 'var(--button-primary-active)',\n primaryActiveBorder: 'var(--button-primary-active-border)',\n primaryFocusBorder: 'var(--button-primary-focus-border)',\n primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n primaryDisabledText: 'var(--button-primary-disabled-text)',\n secondaryActiveBg: 'var(--button-secondary-active-bg)',\n secondaryActiveBorder: 'var(--button-secondary-active-border)',\n secondaryHoverBorder: 'var(--button-secondary-hover-border)',\n tertiaryBg: 'var(--button-tertiary-bg)',\n tertiaryBorder: 'var(--button-tertiary-border)',\n tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n tertiaryActiveBg: 'var(--accent-color-highlight)',\n },\n Checkbox: {\n background: 'var(--checkbox-background)',\n border: 'var(--checkbox-border)',\n borderFocused: 'var(--accent-color)',\n disableBgColor: 'var(--checkbox-background-disabled)',\n disableBorderColor: 'var(--checkbox-border-disabled)',\n disablecheckedBgColor: 'var(--checkbox-background-disabled-selected)',\n invalidBorderColor: 'var(--danger-color)',\n },\n IconButton: {\n activePrimaryBgColor: 'var(--accent-color-highlight)',\n focusBorderColor: 'var(--accent-color-border)',\n hoverPrimaryBgColor: 'var(--icon-button-primary-hover-bg)',\n primaryActiveFillColor: 'var(--icon-primary-active-fill)',\n primaryBgColor: 'var(--icon-button-primary-enabled-bg)',\n primaryBorderColor: 'var(--icon-button-primary-border)',\n primaryDisabledBgColor: 'var(--icon-button-primary-disabled-bg)',\n primaryDisabledBorderColor: 'var(--icon-button-primary-disabled-border)',\n primaryHoverBorderColor: 'var(--icon-button-primary-hover-border)',\n secondaryActiveBorderColor: 'var(--icon-secondary-active-border)',\n },\n Input: {\n backgroundColor: 'var(--text-input-background)',\n backgroundColorDisabled: 'var(--text-input-disabled)',\n labelColor: 'var(--text-input-label)',\n placeholderColor: 'var(--text-input-placeholder)',\n borderHover: 'var(--text-input-border-hover)',\n },\n Select: {\n borderColor: 'var(--text-input-border)',\n contrastTextColor: 'var(--text-input-background)',\n disabledColor: 'var(--text-input-placeholder)',\n focusedDescriptionColor: 'var(--select-focused-description)',\n optionHoverBg: 'var(--accent-color-highlight)',\n selectedActiveBg: 'var(--button-primary-hover)',\n },\n general: {\n backgroundColor: 'var(--app-bg)',\n color: 'var(--main-color)',\n dangerColor: 'var(--danger-color)',\n primaryColor: 'var(--accent-color)',\n contrastColor: 'var(--text-input-background)',\n focusColor: 'var(--accent-color-focus)',\n },\n },\n [THEME_ID.LIGHT]: {\n Button: {\n primaryBg: 'var(--accent-color)',\n primaryHoverBg: 'var(--button-primary-hover)',\n primaryActiveBg: 'var(--button-primary-active)',\n primaryActiveBorder: 'var(--button-primary-active-border)',\n primaryFocusBorder: 'var(--button-primary-focus-border)',\n primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n primaryDisabledText: 'var(--button-primary-disabled-text)',\n secondaryActiveBg: 'var(--button-secondary-active-bg)',\n secondaryActiveBorder: 'var(--button-secondary-active-border)',\n secondaryHoverBorder: 'var(--button-secondary-hover-border)',\n tertiaryBg: 'var(--button-tertiary-bg)',\n tertiaryBorder: 'var(--button-tertiary-border)',\n tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n tertiaryActiveBg: 'var(--accent-color-highlight)',\n },\n IconButton: {\n activePrimaryBgColor: COLOR_V2.BLUE_LIGHT_50,\n focusBorderColor: COLOR_V2.BLUE_LIGHT_500,\n hoverPrimaryBgColor: COLOR_V2.GRAY_20,\n primaryActiveFillColor: COLOR_V2.BLUE,\n primaryBgColor: COLOR_V2.WHITE,\n primaryBorderColor: COLOR_V2.GRAY_40,\n primaryDisabledBgColor: COLOR_V2.GRAY_20,\n primaryDisabledBorderColor: COLOR_V2.GRAY_40,\n primaryHoverBorderColor: COLOR_V2.GRAY_50,\n secondaryActiveBorderColor: 'transparent',\n },\n Input: {\n backgroundColor: COLOR.WHITE,\n backgroundColorDisabled: COLOR_V2.GRAY_20,\n placeholderColor: COLOR.GRAY_DARKEN_24,\n labelColor: COLOR_V2.GRAY_80,\n borderHover: 'var(--text-input-border-hover)',\n },\n general: {\n backgroundColor: COLOR_V2.GRAY_20,\n color: COLOR.TEXT,\n primaryColor: COLOR_V2.BLUE,\n dangerColor: COLOR_V2.RED,\n contrastColor: 'var(--text-input-background)',\n focusColor: 'var(--accent-color-focus)',\n },\n Select: {\n disabledColor: COLOR_V2.GRAY_70,\n contrastTextColor: COLOR.WHITE,\n borderColor: COLOR_V2.GRAY_40,\n focusedDescriptionColor: COLOR_V2.WHITE,\n optionHoverBg: 'var(--accent-color-highlight)',\n selectedActiveBg: 'var(--button-primary-hover)',\n },\n Checkbox: {\n background: COLOR_V2.GRAY_20,\n border: COLOR_V2.GRAY_80,\n borderFocused: BASE_LIGHT_COLOR.BLUE,\n disableBgColor: COLOR_V2.GRAY_20,\n disableBorderColor: COLOR_V2.GRAY_60,\n disablecheckedBgColor: COLOR_V2.GRAY_20,\n invalidBorderColor: BASE_LIGHT_COLOR.RED,\n },\n },\n [THEME_ID.DARK]: {\n Button: {\n primaryBg: 'var(--accent-color)',\n primaryHoverBg: 'var(--button-primary-hover)',\n primaryActiveBg: 'var(--button-primary-active)',\n primaryActiveBorder: 'var(--button-primary-active-border)',\n primaryFocusBorder: 'var(--button-primary-focus-border)',\n primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n primaryDisabledText: 'var(--button-primary-disabled-text)',\n secondaryActiveBg: 'var(--button-secondary-active-bg)',\n secondaryActiveBorder: 'var(--button-secondary-active-border)',\n secondaryHoverBorder: 'var(--button-secondary-hover-border)',\n tertiaryBg: 'var(--button-tertiary-bg)',\n tertiaryBorder: 'var(--button-tertiary-border)',\n tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n tertiaryActiveBg: 'var(--accent-color-highlight)',\n },\n IconButton: {\n activePrimaryBgColor: COLOR_V2.BLUE_DARK_800,\n focusBorderColor: COLOR_V2.BLUE_DARK_600,\n hoverPrimaryBgColor: COLOR_V2.GRAY_80,\n primaryActiveFillColor: COLOR.WHITE,\n primaryBgColor: COLOR_V2.GRAY_90,\n primaryBorderColor: COLOR_V2.GRAY_100,\n primaryDisabledBgColor: COLOR_V2.GRAY_95,\n primaryDisabledBorderColor: COLOR_V2.GRAY_90,\n primaryHoverBorderColor: COLOR_V2.GRAY_70,\n secondaryActiveBorderColor: COLOR_V2.BLUE_DARK_800,\n },\n Input: {\n backgroundColor: COLOR.BLACK_LIGHTEN_24,\n backgroundColorDisabled: COLOR.GRAY_100,\n placeholderColor: COLOR.GRAY_LIGHTEN_88,\n labelColor: COLOR_V2.GRAY_40,\n borderHover: 'var(--text-input-border-hover)',\n },\n general: {\n backgroundColor: COLOR.BLACK,\n color: COLOR.WHITE,\n primaryColor: COLOR_V2.BLUE,\n dangerColor: COLOR_V2.RED,\n contrastColor: 'var(--text-input-background)',\n focusColor: 'var(--accent-color-focus)',\n },\n Select: {\n disabledColor: COLOR_V2.GRAY_60,\n contrastTextColor: COLOR.BLACK,\n borderColor: COLOR_V2.GRAY_90,\n focusedDescriptionColor: COLOR_V2.GRAY_40,\n optionHoverBg: 'var(--accent-color-highlight)',\n selectedActiveBg: 'var(--button-primary-active)',\n },\n Checkbox: {\n background: COLOR_V2.GRAY_20,\n border: COLOR_V2.GRAY_60,\n borderFocused: BASE_DARK_COLOR.BLUE,\n disableBgColor: COLOR_V2.GRAY_10,\n disableBorderColor: COLOR_V2.GRAY_70,\n disablecheckedBgColor: COLOR_V2.GRAY_60,\n invalidBorderColor: BASE_DARK_COLOR.RED,\n },\n },\n};\n\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n theme?: Theme;\n children: React.ReactNode;\n}\n\nexport const ThemeProvider = (props: ThemeProps) => <EmotionThemeProvider {...props} theme={props.theme} />;\n"],"mappings":"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"}