@wireapp/react-ui-kit 8.13.1 → 8.13.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/package.json +2 -2
- package/src/Form/Button.js +22 -9
- package/src/Form/Button.js.map +1 -1
- package/src/GlobalCssVariables.js +23 -1
- package/src/GlobalCssVariables.js.map +1 -1
- package/src/Identity/colors-v2.js +26 -26
- package/src/Identity/colors-v2.js.map +1 -1
- package/src/Layout/Theme.d.ts +18 -0
- package/src/Layout/Theme.js +40 -2
- package/src/Layout/Theme.js.map +1 -1
- package/src/Layout/headerMenu/MenuSubLink.js +1 -5
- package/src/Layout/headerMenu/MenuSubLink.js.map +1 -1
- package/src/Modal/Modal.js +3 -3
- package/src/Modal/Modal.js.map +1 -1
- package/src/Text/Link.js +15 -14
- package/src/Text/Link.js.map +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [8.13.2](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/compare/@wireapp/react-ui-kit@8.13.1...@wireapp/react-ui-kit@8.13.2) (2022-08-17)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @wireapp/react-ui-kit
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [8.13.1](https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit/compare/@wireapp/react-ui-kit@8.13.0...@wireapp/react-ui-kit@8.13.1) (2022-08-11)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @wireapp/react-ui-kit
|
package/package.json
CHANGED
|
@@ -70,6 +70,6 @@
|
|
|
70
70
|
"test:update": "yarn test --updateSnapshot",
|
|
71
71
|
"test:project": "yarn dist && yarn test"
|
|
72
72
|
},
|
|
73
|
-
"version": "8.13.
|
|
74
|
-
"gitHead": "
|
|
73
|
+
"version": "8.13.2",
|
|
74
|
+
"gitHead": "d0b13f580eba65a5a6703f674edaca4046600be0"
|
|
75
75
|
}
|
package/src/Form/Button.js
CHANGED
|
@@ -102,17 +102,19 @@ var buttonStyle = function buttonStyle(theme, _ref) {
|
|
|
102
102
|
minWidth: '125px',
|
|
103
103
|
padding: '0 16px'
|
|
104
104
|
})), variant === ButtonVariant.PRIMARY && _objectSpread({
|
|
105
|
-
backgroundColor: backgroundColor || (disabled ?
|
|
106
|
-
color: disabled ?
|
|
105
|
+
backgroundColor: backgroundColor || (disabled ? theme.Button.primaryDisabledBg : theme.Button.primaryBg),
|
|
106
|
+
color: disabled ? theme.Button.primaryDisabledText : theme.general.contrastColor
|
|
107
107
|
}, !disabled && {
|
|
108
108
|
'&:hover, &:focus': {
|
|
109
|
-
backgroundColor:
|
|
109
|
+
backgroundColor: theme.Button.primaryHoverBg
|
|
110
110
|
},
|
|
111
111
|
'&:focus': {
|
|
112
|
-
border: "1px solid ".concat(
|
|
112
|
+
border: "1px solid ".concat(theme.Button.primaryFocusBorder)
|
|
113
113
|
},
|
|
114
114
|
'&:active': {
|
|
115
|
-
backgroundColor:
|
|
115
|
+
backgroundColor: theme.Button.primaryActiveBg,
|
|
116
|
+
border: "1px solid ".concat(theme.Button.primaryActiveBorder),
|
|
117
|
+
color: _Identity.COLOR.WHITE
|
|
116
118
|
}
|
|
117
119
|
})), variant === ButtonVariant.SECONDARY && _objectSpread({
|
|
118
120
|
backgroundColor: backgroundColor || (disabled ? _Identity.COLOR_V2.GRAY_20 : _Identity.COLOR_V2.WHITE),
|
|
@@ -131,14 +133,25 @@ var buttonStyle = function buttonStyle(theme, _ref) {
|
|
|
131
133
|
color: _Identity.COLOR_V2.BLUE
|
|
132
134
|
}
|
|
133
135
|
})), variant === ButtonVariant.TERTIARY && _objectSpread({
|
|
134
|
-
|
|
135
|
-
|
|
136
|
+
backgroundColor: backgroundColor || (disabled ? theme.Button.tertiarydisabledBg : theme.Button.tertiaryBg),
|
|
137
|
+
border: disabled ? "1px solid ".concat(theme.Button.tertiaryDisabledBorder) : "1px solid ".concat(theme.Button.tertiaryBorder),
|
|
138
|
+
borderRadius: '12px',
|
|
139
|
+
color: disabled ? theme.Input.placeholderColor : theme.general.color,
|
|
140
|
+
fontSize: '14px',
|
|
141
|
+
fontWeight: 700,
|
|
142
|
+
lineHeight: '24px',
|
|
143
|
+
padding: '4px 8px'
|
|
136
144
|
}, !disabled && {
|
|
137
145
|
'&:hover, &:focus': {
|
|
138
|
-
|
|
146
|
+
backgroundColor: theme.Button.tertiaryHoverBg,
|
|
147
|
+
border: "1px solid ".concat(theme.Button.tertiaryHoverBorder)
|
|
139
148
|
},
|
|
140
149
|
'&:focus': {
|
|
141
|
-
border: "1px solid ".concat(
|
|
150
|
+
border: "1px solid ".concat(theme.general.focusColor)
|
|
151
|
+
},
|
|
152
|
+
'&:active': {
|
|
153
|
+
backgroundColor: theme.Button.tertiaryActiveBg,
|
|
154
|
+
color: theme.IconButton.primaryActiveFillColor
|
|
142
155
|
}
|
|
143
156
|
})), variant === ButtonVariant.QUATERNARY && _objectSpread({
|
|
144
157
|
backgroundColor: backgroundColor || (disabled ? _Identity.COLOR_V2.GRAY_50 : _Identity.COLOR_V2.GREEN),
|
package/src/Form/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Button.tsx"],"names":["ButtonVariant","buttonStyle","theme","variant","PRIMARY","backgroundColor","block","disabled","noCapital","bold","center","color","COLOR","WHITE","fontSize","noWrap","textTransform","truncate","props","border","cursor","display","alignItems","justifyContent","marginBottom","padding","outline","textDecoration","touchAction","transition","defaultTransition","width","TERTIARY","borderRadius","SEND","height","lineHeight","maxWidth","minWidth","COLOR_V2","GRAY_50","BLUE","GRAY_80","BLUE_LIGHT_600","BLUE_LIGHT_700","SECONDARY","GRAY_20","GRAY_40","GRAY_60","BLACK","BLUE_LIGHT_50","BLUE_LIGHT_300","QUATERNARY","GREEN","GREEN_LIGHT_600","GREEN_LIGHT_700","GRAY_70","BLUE_LIGHT_800","Button","showLoading","children","loadingColor","filterButtonProps","margin"],"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 {COLOR, COLOR_V2} from '../Identity';\nimport {defaultTransition} from '../Identity/motions';\nimport type {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 ? COLOR_V2.GRAY_50 : COLOR_V2.BLUE),\n color: disabled ? COLOR_V2.GRAY_80 : COLOR_V2.WHITE,\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: COLOR_V2.BLUE_LIGHT_600,\n },\n '&:focus': {\n border: `1px solid ${COLOR_V2.BLUE_LIGHT_700}`,\n },\n '&:active': {\n backgroundColor: COLOR_V2.BLUE_LIGHT_700,\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 color: disabled ? COLOR_V2.GRAY_60 : COLOR_V2.BLACK,\n lineHeight: '24px',\n ...(!disabled && {\n '&:hover, &:focus': {\n color: COLOR_V2.BLUE,\n },\n '&:focus': {\n border: `1px solid ${COLOR_V2.BLUE_LIGHT_300}`,\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"],"file":"Button.js"}
|
|
1
|
+
{"version":3,"sources":["Button.tsx"],"names":["ButtonVariant","buttonStyle","theme","variant","PRIMARY","backgroundColor","block","disabled","noCapital","bold","center","color","COLOR","WHITE","fontSize","noWrap","textTransform","truncate","props","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","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"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;IAEYA,a;;;WAAAA,a;AAAAA,EAAAA,a;AAAAA,EAAAA,a;AAAAA,EAAAA,a;AAAAA,EAAAA,a;AAAAA,EAAAA,a;GAAAA,a,6BAAAA,a;;AAgBL,IAAMC,WAAkE,GAAG,SAArEA,WAAqE,CAChFC,KADgF;AAAA,0BAG9EC,OAH8E;AAAA,MAG9EA,OAH8E,6BAGpEH,aAAa,CAACI,OAHsD;AAAA,MAI9EC,eAJ8E,QAI9EA,eAJ8E;AAAA,wBAK9EC,KAL8E;AAAA,MAK9EA,KAL8E,2BAKtE,KALsE;AAAA,2BAM9EC,QAN8E;AAAA,MAM9EA,QAN8E,8BAMnE,KANmE;AAAA,4BAO9EC,SAP8E;AAAA,MAO9EA,SAP8E,+BAOlE,KAPkE;AAAA,uBAQ9EC,IAR8E;AAAA,MAQ9EA,IAR8E,0BAQvE,IARuE;AAAA,yBAS9EC,MAT8E;AAAA,MAS9EA,MAT8E,4BASrE,IATqE;AAAA,wBAU9EC,KAV8E;AAAA,MAU9EA,KAV8E,2BAUtEC,gBAAMC,KAVgE;AAAA,2BAW9EC,QAX8E;AAAA,MAW9EA,QAX8E,8BAWnE,MAXmE;AAAA,yBAY9EC,MAZ8E;AAAA,MAY9EA,MAZ8E,4BAYrE,IAZqE;AAAA,gCAa9EC,aAb8E;AAAA,MAa9EA,aAb8E,mCAa9D,MAb8D;AAAA,2BAc9EC,QAd8E;AAAA,MAc9EA,QAd8E,8BAcnE,IAdmE;AAAA,MAe3EC,KAf2E;AAAA,+GAkB7E,qBAAUhB,KAAV;AACDI,IAAAA,KAAK,EAALA,KADC;AAEDG,IAAAA,IAAI,EAAJA,IAFC;AAGDC,IAAAA,MAAM,EAANA,MAHC;AAIDH,IAAAA,QAAQ,EAARA,QAJC;AAKDO,IAAAA,QAAQ,EAARA,QALC;AAMDC,IAAAA,MAAM,EAANA,MANC;AAODC,IAAAA,aAAa,EAAbA,aAPC;AAQDC,IAAAA,QAAQ,EAARA;AARC,KASEC,KATF,EAlB6E;AA6BhFC,IAAAA,MAAM,EAAE,CA7BwE;AA8BhFC,IAAAA,MAAM,EAAEb,QAAQ,GAAG,SAAH,GAAe,SA9BiD;AA+BhFc,IAAAA,OAAO,EAAE,MA/BuE;AAgChFC,IAAAA,UAAU,EAAE,QAhCoE;AAiChFC,IAAAA,cAAc,EAAE,QAjCgE;AAkChFC,IAAAA,YAAY,EAAE,MAlCkE;AAmChFC,IAAAA,OAAO,EAAE,CAnCuE;AAoChFC,IAAAA,OAAO,EAAE,MApCuE;AAqChFC,IAAAA,cAAc,EAAE,MArCgE;AAsChFC,IAAAA,WAAW,EAAE,cAtCmE;AAuChFC,IAAAA,UAAU,EAAEC,0BAvCoE;AAwChFC,IAAAA,KAAK,EAAEzB,KAAK,GAAG,MAAH,GAAY,MAxCwD;AAyChF,wBAAoB;AAClBqB,MAAAA,cAAc,EAAE;AADE;AAzC4D,KA4C5ExB,OAAO,KAAKH,aAAa,CAACgC,QAA1B;AACFC,IAAAA,YAAY,EAAE9B,OAAO,KAAKH,aAAa,CAACkC,IAA1B,GAAiC,MAAjC,GAA0C,MADtD;AAEFC,IAAAA,MAAM,EAAEhC,OAAO,KAAKH,aAAa,CAACkC,IAA1B,GAAiC,MAAjC,GAA0C,MAFhD;AAGFE,IAAAA,UAAU,EAAEjC,OAAO,KAAKH,aAAa,CAACkC,IAA1B,GAAiC,MAAjC,GAA0C;AAHpD,KAIE/B,OAAO,KAAKH,aAAa,CAACkC,IAA1B,IAAkC;AACpCG,IAAAA,QAAQ,EAAE,MAD0B;AAEpCC,IAAAA,QAAQ,EAAE,OAF0B;AAGpCb,IAAAA,OAAO,EAAE;AAH2B,GAJpC,CA5C4E,GAsD5EtB,OAAO,KAAKH,aAAa,CAACI,OAA1B;AACFC,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAGL,KAAK,CAACqC,MAAN,CAAaC,iBAAhB,GAAoCtC,KAAK,CAACqC,MAAN,CAAaE,SAA9D,CAD9B;AAEF9B,IAAAA,KAAK,EAAEJ,QAAQ,GAAGL,KAAK,CAACqC,MAAN,CAAaG,mBAAhB,GAAsCxC,KAAK,CAACyC,OAAN,CAAcC;AAFjE,KAGE,CAACrC,QAAD,IAAa;AACf,wBAAoB;AAClBF,MAAAA,eAAe,EAAEH,KAAK,CAACqC,MAAN,CAAaM;AADZ,KADL;AAIf,eAAW;AACT1B,MAAAA,MAAM,sBAAejB,KAAK,CAACqC,MAAN,CAAaO,kBAA5B;AADG,KAJI;AAOf,gBAAY;AACVzC,MAAAA,eAAe,EAAEH,KAAK,CAACqC,MAAN,CAAaQ,eADpB;AAEV5B,MAAAA,MAAM,sBAAejB,KAAK,CAACqC,MAAN,CAAaS,mBAA5B,CAFI;AAGVrC,MAAAA,KAAK,EAAEC,gBAAMC;AAHH;AAPG,GAHf,CAtD4E,GAuE5EV,OAAO,KAAKH,aAAa,CAACiD,SAA1B;AACF5C,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAG2C,mBAASC,OAAZ,GAAsBD,mBAASrC,KAA5C,CAD9B;AAEFM,IAAAA,MAAM,sBAAe+B,mBAASE,OAAxB,CAFJ;AAGFzC,IAAAA,KAAK,EAAEJ,QAAQ,GAAG2C,mBAASG,OAAZ,GAAsBH,mBAASI;AAH5C,KAIE,CAAC/C,QAAD,IAAa;AACf,wBAAoB;AAClBY,MAAAA,MAAM,sBAAe+B,mBAASK,IAAxB;AADY,KADL;AAIf,eAAW;AACT5C,MAAAA,KAAK,EAAEuC,mBAASK;AADP,KAJI;AAOf,gBAAY;AACVlD,MAAAA,eAAe,EAAE6C,mBAASM,aADhB;AAEVrC,MAAAA,MAAM,sBAAe+B,mBAASK,IAAxB,CAFI;AAGV5C,MAAAA,KAAK,EAAEuC,mBAASK;AAHN;AAPG,GAJf,CAvE4E,GAyF5EpD,OAAO,KAAKH,aAAa,CAACgC,QAA1B;AACF3B,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAGL,KAAK,CAACqC,MAAN,CAAakB,kBAAhB,GAAqCvD,KAAK,CAACqC,MAAN,CAAamB,UAA/D,CAD9B;AAEFvC,IAAAA,MAAM,EAAEZ,QAAQ,uBAAgBL,KAAK,CAACqC,MAAN,CAAaoB,sBAA7B,wBAAqEzD,KAAK,CAACqC,MAAN,CAAaqB,cAAlF,CAFd;AAGF3B,IAAAA,YAAY,EAAE,MAHZ;AAIFtB,IAAAA,KAAK,EAAEJ,QAAQ,GAAGL,KAAK,CAAC2D,KAAN,CAAYC,gBAAf,GAAkC5D,KAAK,CAACyC,OAAN,CAAchC,KAJ7D;AAKFG,IAAAA,QAAQ,EAAE,MALR;AAMFiD,IAAAA,UAAU,EAAE,GANV;AAOF3B,IAAAA,UAAU,EAAE,MAPV;AAQFX,IAAAA,OAAO,EAAE;AARP,KASE,CAAClB,QAAD,IAAa;AACf,wBAAoB;AAClBF,MAAAA,eAAe,EAAEH,KAAK,CAACqC,MAAN,CAAayB,eADZ;AAElB7C,MAAAA,MAAM,sBAAejB,KAAK,CAACqC,MAAN,CAAa0B,mBAA5B;AAFY,KADL;AAKf,eAAW;AACT9C,MAAAA,MAAM,sBAAejB,KAAK,CAACyC,OAAN,CAAcuB,UAA7B;AADG,KALI;AAQf,gBAAY;AACV7D,MAAAA,eAAe,EAAEH,KAAK,CAACqC,MAAN,CAAa4B,gBADpB;AAEVxD,MAAAA,KAAK,EAAET,KAAK,CAACkE,UAAN,CAAiBC;AAFd;AARG,GATf,CAzF4E,GAgH5ElE,OAAO,KAAKH,aAAa,CAACsE,UAA1B;AACFjE,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAG2C,mBAASqB,OAAZ,GAAsBrB,mBAASsB,KAA5C,CAD9B;AAEF7D,IAAAA,KAAK,EAAEJ,QAAQ,GAAG2C,mBAASuB,OAAZ,GAAsBvB,mBAASrC,KAF5C;AAGFuB,IAAAA,UAAU,EAAE;AAHV,KAIE,CAAC7B,QAAD,IAAa;AACf,wBAAoB;AAClBF,MAAAA,eAAe,EAAE6C,mBAASwB;AADR,KADL;AAIf,eAAW;AACTvD,MAAAA,MAAM,sBAAe+B,mBAASyB,eAAxB;AADG,KAJI;AAOf,gBAAY;AACVtE,MAAAA,eAAe,EAAE6C,mBAASyB;AADhB;AAPG,GAJf,CAhH4E,GAgI5ExE,OAAO,KAAKH,aAAa,CAACkC,IAA1B;AACF7B,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAG2C,mBAAS0B,OAAZ,GAAsB1B,mBAASK,IAA5C,CAD9B;AAEFxB,IAAAA,KAAK,EAAE;AAFL,KAGE,CAACxB,QAAD,IAAa;AACf,wBAAoB;AAClBF,MAAAA,eAAe,EAAE6C,mBAAS2B;AADR,KADL;AAIf,eAAW;AACT1D,MAAAA,MAAM,sBAAe+B,mBAAS4B,cAAxB;AADG,KAJI;AAOf,gBAAY;AACVzE,MAAAA,eAAe,EAAE6C,mBAAS6B;AADhB;AAPG,GAHf,CAhI4E;AAAA,CAA3E;;;;AAiJA,IAAMxC,MAAM,GAAG,SAATA,MAAS;AAAA,MAAEyC,WAAF,SAAEA,WAAF;AAAA,MAAeC,QAAf,SAAeA,QAAf;AAAA,iCAAyBC,YAAzB;AAAA,MAAyBA,YAAzB,mCAAwCtE,gBAAMC,KAA9C;AAAA,MAAwDK,KAAxD;AAAA,SACpB;AAAQ,IAAA,GAAG,EAAE,aAAChB,KAAD;AAAA,aAAkBD,WAAW,CAACC,KAAD,EAAQgB,KAAR,CAA7B;AAAA;AAAb,KAA8DiE,iBAAiB,CAACjE,KAAD,CAA/E,GACG8D,WAAW,GAAG,gBAAC,aAAD;AAAS,IAAA,IAAI,EAAE,EAAf;AAAmB,IAAA,KAAK,EAAEE,YAA1B;AAAwC,IAAA,KAAK,EAAE;AAAC7D,MAAAA,OAAO,EAAE,MAAV;AAAkB+D,MAAAA,MAAM,EAAE;AAA1B;AAA/C,IAAH,GAA0FH,QADxG,CADoB;AAAA,CAAf;;;;AAMA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAACjE,KAAD,EAAwB;AACvD,SAAO,uBAAY,2BAAgBA,KAAhB,CAAZ,EAAmD,CAAC,iBAAD,EAAoB,WAApB,CAAnD,CAAP;AACD,CAFM","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 type {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 ...(!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 },\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"],"file":"Button.js"}
|
|
@@ -42,6 +42,15 @@ var light = function light() {
|
|
|
42
42
|
'--icon-button-primary-disabled-bg': _Identity.COLOR_V2.GRAY_20,
|
|
43
43
|
'--icon-button-primary-disabled-border': _Identity.COLOR_V2.GRAY_40,
|
|
44
44
|
'--icon-button-primary-hover-border': _Identity.COLOR_V2.GRAY_50,
|
|
45
|
+
// Button
|
|
46
|
+
'--button-primary-disabled-bg': _Identity.COLOR_V2.GRAY_50,
|
|
47
|
+
'--button-primary-disabled-text': _Identity.COLOR_V2.GRAY_80,
|
|
48
|
+
'--button-tertiary-bg': _Identity.COLOR_V2.GRAY_10,
|
|
49
|
+
'--button-tertiary-border': _Identity.COLOR_V2.GRAY_40,
|
|
50
|
+
'--button-tertiary-hover-bg': _Identity.COLOR_V2.GRAY_20,
|
|
51
|
+
'--button-tertiary-hover-border': _Identity.COLOR_V2.GRAY_50,
|
|
52
|
+
'--button-tertiary-disabled-bg': _Identity.COLOR_V2.GRAY_20,
|
|
53
|
+
'--button-tertiary-disabled-border': 'transparent',
|
|
45
54
|
// Inputs
|
|
46
55
|
'--text-input-background': _Identity.COLOR.WHITE,
|
|
47
56
|
'--text-input-border': _Identity.COLOR_V2.GRAY_40,
|
|
@@ -71,6 +80,15 @@ var dark = function dark() {
|
|
|
71
80
|
'--icon-button-primary-disabled-bg': _Identity.COLOR_V2.GRAY_95,
|
|
72
81
|
'--icon-button-primary-disabled-border': _Identity.COLOR_V2.GRAY_90,
|
|
73
82
|
'--icon-button-primary-hover-border': _Identity.COLOR_V2.GRAY_70,
|
|
83
|
+
// Button
|
|
84
|
+
'--button-primary-disabled-bg': _Identity.COLOR_V2.GRAY_70,
|
|
85
|
+
'--button-primary-disabled-text': _Identity.COLOR.BLACK,
|
|
86
|
+
'--button-tertiary-bg': _Identity.COLOR_V2.GRAY_90,
|
|
87
|
+
'--button-tertiary-border': _Identity.COLOR_V2.GRAY_100,
|
|
88
|
+
'--button-tertiary-hover-bg': _Identity.COLOR_V2.GRAY_80,
|
|
89
|
+
'--button-tertiary-hover-border': _Identity.COLOR_V2.GRAY_80,
|
|
90
|
+
'--button-tertiary-disabled-bg': _Identity.COLOR_V2.GRAY_95,
|
|
91
|
+
'--button-tertiary-disabled-border': 'transparent',
|
|
74
92
|
// Inputs
|
|
75
93
|
'--text-input-background': _Identity.COLOR.BLACK,
|
|
76
94
|
'--text-input-border': _Identity.COLOR_V2.GRAY_80,
|
|
@@ -93,7 +111,11 @@ var accentColors = function accentColors() {
|
|
|
93
111
|
'--accent-color-border': _Identity.COLOR_V2.BLUE_LIGHT_500,
|
|
94
112
|
'--accent-color-focus': _Identity.COLOR_V2.BLUE_LIGHT_400,
|
|
95
113
|
'--icon-primary-active-fill': _Identity.COLOR_V2.BLUE_LIGHT_500,
|
|
96
|
-
'--icon-secondary-active-border': 'transparent'
|
|
114
|
+
'--icon-secondary-active-border': 'transparent',
|
|
115
|
+
'--button-primary-hover': _Identity.COLOR_V2.BLUE_LIGHT_600,
|
|
116
|
+
'--button-primary-active': _Identity.COLOR_V2.BLUE_LIGHT_700,
|
|
117
|
+
'--button-primary-active-border': _Identity.COLOR_V2.BLUE_LIGHT_700,
|
|
118
|
+
'--button-primary-focus-border': _Identity.COLOR_V2.BLUE_LIGHT_700
|
|
97
119
|
};
|
|
98
120
|
};
|
|
99
121
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["GlobalCssVariables.tsx"],"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","GlobalCssVariables"],"mappings":";;;;;;;AAqBA;;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAIA,IAAMA,KAAsB,GAAG,SAAzBA,KAAyB;AAAA,SAAO;AACpC;AACA,6BAAyBC,mBAASC,OAFE;AAGpC,sCAAkCD,mBAASE,OAHP;AAIpC,+CAA2CF,mBAASG,OAJhB;AAKpC,yBAAqBH,mBAASI,OALM;AAMpC,kCAA8BJ,mBAASK,OANH;AAQpC;AACA,wCAAoCC,gBAAMC,KATN;AAUpC,sCAAkCP,mBAASC,OAVP;AAWpC,oCAAgCD,mBAASQ,OAXL;AAYpC,yCAAqCR,mBAASC,OAZV;AAapC,6CAAyCD,mBAASQ,OAbd;AAcpC,0CAAsCR,mBAASS,OAdX;AAgBpC;AACA,+
|
|
1
|
+
{"version":3,"sources":["GlobalCssVariables.tsx"],"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"],"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} 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_V2.GRAY_10,\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 // 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 // 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"],"file":"GlobalCssVariables.js"}
|
|
@@ -34,7 +34,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
34
34
|
var BASE_LIGHT_COLOR = {
|
|
35
35
|
BLUE: '#0667c8',
|
|
36
36
|
GREEN: '#1d7833',
|
|
37
|
-
|
|
37
|
+
TURQUOISE: '#01718e',
|
|
38
38
|
PURPLE: '#8944ab',
|
|
39
39
|
RED: '#c20013',
|
|
40
40
|
AMBER: '#a25915'
|
|
@@ -43,7 +43,7 @@ exports.BASE_LIGHT_COLOR = BASE_LIGHT_COLOR;
|
|
|
43
43
|
var BASE_DARK_COLOR = {
|
|
44
44
|
BLUE: '#54a6ff',
|
|
45
45
|
GREEN: '#30db5b',
|
|
46
|
-
|
|
46
|
+
TURQUOISE: '#5de6ff',
|
|
47
47
|
PURPLE: '#da8fff',
|
|
48
48
|
RED: '#ff7770',
|
|
49
49
|
AMBER: '#ffd426'
|
|
@@ -97,29 +97,29 @@ var DARK_GREEN = {
|
|
|
97
97
|
GREEN_DARK_800: '#135824',
|
|
98
98
|
GREEN_DARK_900: '#0e421b'
|
|
99
99
|
};
|
|
100
|
-
var
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
100
|
+
var LIGHT_TURQUOISE = {
|
|
101
|
+
TURQUOISE_LIGHT_50: '#e5f1f3',
|
|
102
|
+
TURQUOISE_LIGHT_100: '#cce2e7',
|
|
103
|
+
TURQUOISE_LIGHT_200: '#99c6d0',
|
|
104
|
+
TURQUOISE_LIGHT_300: '#67a9b8',
|
|
105
|
+
TURQUOISE_LIGHT_400: '#348da1',
|
|
106
|
+
TURQUOISE_LIGHT_500: BASE_LIGHT_COLOR.TURQUOISE,
|
|
107
|
+
TURQUOISE_LIGHT_600: '#015a6e',
|
|
108
|
+
TURQUOISE_LIGHT_700: '#014352',
|
|
109
|
+
TURQUOISE_LIGHT_800: '#002d37',
|
|
110
|
+
TURQUOISE_LIGHT_900: '#1c454d'
|
|
111
111
|
};
|
|
112
|
-
var
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
112
|
+
var DARK_TURQUOISE = {
|
|
113
|
+
TURQUOISE_DARK_50: '#effdff',
|
|
114
|
+
TURQUOISE_DARK_100: '#dffaff',
|
|
115
|
+
TURQUOISE_DARK_200: '#bef5ff',
|
|
116
|
+
TURQUOISE_DARK_300: '#9ef0ff',
|
|
117
|
+
TURQUOISE_DARK_400: '#7debff',
|
|
118
|
+
TURQUOISE_DARK_500: BASE_DARK_COLOR.TURQUOISE,
|
|
119
|
+
TURQUOISE_DARK_600: '#4Ab8cc',
|
|
120
|
+
TURQUOISE_DARK_700: '#388a99',
|
|
121
|
+
TURQUOISE_DARK_800: '#255c66',
|
|
122
|
+
TURQUOISE_DARK_900: '#1c454d'
|
|
123
123
|
};
|
|
124
124
|
var LIGHT_PURPLE = {
|
|
125
125
|
PURPLE_LIGHT_50: '#f4edf7',
|
|
@@ -194,9 +194,9 @@ var DARK_AMBER = {
|
|
|
194
194
|
AMBER_DARK_900: '#4d400b'
|
|
195
195
|
};
|
|
196
196
|
|
|
197
|
-
var DARK = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, DARK_BLUE), DARK_GREEN),
|
|
197
|
+
var DARK = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, DARK_BLUE), DARK_GREEN), DARK_TURQUOISE), DARK_PURPLE), DARK_RED), DARK_AMBER);
|
|
198
198
|
|
|
199
|
-
var LIGHT = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, LIGHT_BLUE), LIGHT_GREEN),
|
|
199
|
+
var LIGHT = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, LIGHT_BLUE), LIGHT_GREEN), LIGHT_TURQUOISE), LIGHT_PURPLE), LIGHT_RED), LIGHT_AMBER);
|
|
200
200
|
|
|
201
201
|
var GRAYS = {
|
|
202
202
|
GRAY_10: '#fafafa',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["colors-v2.ts"],"names":["BASE_LIGHT_COLOR","BLUE","GREEN","PETROL","PURPLE","RED","AMBER","BASE_DARK_COLOR","LIGHT_BLUE","BLUE_LIGHT_50","BLUE_LIGHT_100","BLUE_LIGHT_200","BLUE_LIGHT_300","BLUE_LIGHT_400","BLUE_LIGHT_500","BLUE_LIGHT_600","BLUE_LIGHT_700","BLUE_LIGHT_800","BLUE_LIGHT_900","DARK_BLUE","BLUE_DARK_50","BLUE_DARK_100","BLUE_DARK_200","BLUE_DARK_300","BLUE_DARK_400","BLUE_DARK_500","BLUE_DARK_600","BLUE_DARK_700","BLUE_DARK_800","BLUE_DARK_900","LIGHT_GREEN","GREEN_LIGHT_50","GREEN_LIGHT_100","GREEN_LIGHT_200","GREEN_LIGHT_300","GREEN_LIGHT_400","GREEN_LIGHT_500","GREEN_LIGHT_600","GREEN_LIGHT_700","GREEN_LIGHT_800","GREEN_LIGHT_900","DARK_GREEN","GREEN_DARK_50","GREEN_DARK_100","GREEN_DARK_200","GREEN_DARK_300","GREEN_DARK_400","GREEN_DARK_500","GREEN_DARK_600","GREEN_DARK_700","GREEN_DARK_800","GREEN_DARK_900","LIGHT_PETROL","PETROL_LIGHT_50","PETROL_LIGHT_100","PETROL_LIGHT_200","PETROL_LIGHT_300","PETROL_LIGHT_400","PETROL_LIGHT_500","PETROL_LIGHT_600","PETROL_LIGHT_700","PETROL_LIGHT_800","PETROL_LIGHT_900","DARK_PETROL","PETROL_DARK_50","PETROL_DARK_100","PETROL_DARK_200","PETROL_DARK_300","PETROL_DARK_400","PETROL_DARK_500","PETROL_DARK_600","PETROL_DARK_700","PETROL_DARK_800","PETROL_DARK_900","LIGHT_PURPLE","PURPLE_LIGHT_50","PURPLE_LIGHT_100","PURPLE_LIGHT_200","PURPLE_LIGHT_300","PURPLE_LIGHT_400","PURPLE_LIGHT_500","PURPLE_LIGHT_600","PURPLE_LIGHT_700","PURPLE_LIGHT_800","PURPLE_LIGHT_900","DARK_PURPLE","PURPLE_DARK_50","PURPLE_DARK_100","PURPLE_DARK_200","PURPLE_DARK_300","PURPLE_DARK_400","PURPLE_DARK_500","PURPLE_DARK_600","PURPLE_DARK_700","PURPLE_DARK_800","PURPLE_DARK_900","LIGHT_RED","RED_LIGHT_50","RED_LIGHT_100","RED_LIGHT_200","RED_LIGHT_300","RED_LIGHT_400","RED_LIGHT_500","RED_LIGHT_600","RED_LIGHT_700","RED_LIGHT_800","RED_LIGHT_900","DARK_RED","RED_DARK_50","RED_DARK_100","RED_DARK_200","RED_DARK_300","RED_DARK_400","RED_DARK_500","RED_DARK_600","RED_DARK_700","RED_DARK_800","RED_DARK_900","LIGHT_AMBER","AMBER_LIGHT_50","AMBER_LIGHT_100","AMBER_LIGHT_200","AMBER_LIGHT_300","AMBER_LIGHT_400","AMBER_LIGHT_500","AMBER_LIGHT_600","AMBER_LIGHT_700","AMBER_LIGHT_800","AMBER_LIGHT_900","DARK_AMBER","AMBER_DARK_50","AMBER_DARK_100","AMBER_DARK_200","AMBER_DARK_300","AMBER_DARK_400","AMBER_DARK_500","AMBER_DARK_600","AMBER_DARK_700","AMBER_DARK_800","AMBER_DARK_900","DARK","LIGHT","GRAYS","GRAY_10","GRAY_20","GRAY_30","GRAY_40","GRAY_50","GRAY_60","GRAY_70","GRAY_80","GRAY_90","GRAY_95","GRAY_100","COLOR_V2","BLACK","WHITE"],"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\nexport const BASE_LIGHT_COLOR: Record<string, string> = {\n BLUE: '#0667c8',\n GREEN: '#1d7833',\n PETROL: '#01718e',\n PURPLE: '#8944ab',\n RED: '#c20013',\n AMBER: '#a25915',\n};\n\nexport const BASE_DARK_COLOR: Record<string, string> = {\n BLUE: '#54a6ff',\n GREEN: '#30db5b',\n PETROL: '#5de6ff',\n PURPLE: '#da8fff',\n RED: '#ff7770',\n AMBER: '#ffd426',\n};\n\nconst LIGHT_BLUE: Record<string, string> = {\n BLUE_LIGHT_50: '#e7f0fa',\n BLUE_LIGHT_100: '#cde1f4',\n BLUE_LIGHT_200: '#9bc2e9',\n BLUE_LIGHT_300: '#6aa4de',\n BLUE_LIGHT_400: '#3885d3',\n BLUE_LIGHT_500: BASE_LIGHT_COLOR.BLUE,\n BLUE_LIGHT_600: '#0552a0',\n BLUE_LIGHT_700: '#043e78',\n BLUE_LIGHT_800: '#022950',\n BLUE_LIGHT_900: '#19324d',\n};\n\nconst DARK_BLUE: Record<string, string> = {\n BLUE_DARK_50: '#eef7ff',\n BLUE_DARK_100: '#ddedff',\n BLUE_DARK_200: '#bbdbff',\n BLUE_DARK_300: '#98caff',\n BLUE_DARK_400: '#76b8ff',\n BLUE_DARK_500: BASE_DARK_COLOR.BLUE,\n BLUE_DARK_600: '#4385cc',\n BLUE_DARK_700: '#326499',\n BLUE_DARK_800: '#224266',\n BLUE_DARK_900: '#19324d',\n};\n\nconst LIGHT_GREEN: Record<string, string> = {\n GREEN_LIGHT_50: '#e8f1ea',\n GREEN_LIGHT_100: '#d2e4d6',\n GREEN_LIGHT_200: '#a5c9ad',\n GREEN_LIGHT_300: '#77ae85',\n GREEN_LIGHT_400: '#4a935c',\n GREEN_LIGHT_500: BASE_LIGHT_COLOR.GREEN,\n GREEN_LIGHT_600: '#176029',\n GREEN_LIGHT_700: '#11481f',\n GREEN_LIGHT_800: '#0c3014',\n GREEN_LIGHT_900: '#0e421b',\n};\n\nconst DARK_GREEN: Record<string, string> = {\n GREEN_DARK_50: '#ebfcef',\n GREEN_DARK_100: '#d6f8de',\n GREEN_DARK_200: '#acf1bd',\n GREEN_DARK_300: '#83e99d',\n GREEN_DARK_400: '#59e27c',\n GREEN_DARK_500: BASE_DARK_COLOR.GREEN,\n GREEN_DARK_600: '#26af49',\n GREEN_DARK_700: '#1d8337',\n GREEN_DARK_800: '#135824',\n GREEN_DARK_900: '#0e421b',\n};\n\nconst LIGHT_PETROL: Record<string, string> = {\n PETROL_LIGHT_50: '#e5f1f3',\n PETROL_LIGHT_100: '#cce2e7',\n PETROL_LIGHT_200: '#99c6d0',\n PETROL_LIGHT_300: '#67a9b8',\n PETROL_LIGHT_400: '#348da1',\n PETROL_LIGHT_500: BASE_LIGHT_COLOR.PETROL,\n PETROL_LIGHT_600: '#015a6e',\n PETROL_LIGHT_700: '#014352',\n PETROL_LIGHT_800: '#002d37',\n PETROL_LIGHT_900: '#1c454d',\n};\n\nconst DARK_PETROL: Record<string, string> = {\n PETROL_DARK_50: '#effdff',\n PETROL_DARK_100: '#dffaff',\n PETROL_DARK_200: '#bef5ff',\n PETROL_DARK_300: '#9ef0ff',\n PETROL_DARK_400: '#7debff',\n PETROL_DARK_500: BASE_DARK_COLOR.PETROL,\n PETROL_DARK_600: '#4Ab8cc',\n PETROL_DARK_700: '#388a99',\n PETROL_DARK_800: '#255c66',\n PETROL_DARK_900: '#1c454d',\n};\n\nconst LIGHT_PURPLE: Record<string, string> = {\n PURPLE_LIGHT_50: '#f4edf7',\n PURPLE_LIGHT_100: '#e7daee',\n PURPLE_LIGHT_200: '#d0b4dd',\n PURPLE_LIGHT_300: '#b88fcd',\n PURPLE_LIGHT_400: '#a169bc',\n PURPLE_LIGHT_500: BASE_LIGHT_COLOR.PURPLE,\n PURPLE_LIGHT_600: '#6e3689',\n PURPLE_LIGHT_700: '#522967',\n PURPLE_LIGHT_800: '#371b44',\n PURPLE_LIGHT_900: '#412b4d',\n};\n\nconst DARK_PURPLE: Record<string, string> = {\n PURPLE_DARK_50: '#fcf4ff',\n PURPLE_DARK_100: '#f8e9ff',\n PURPLE_DARK_200: '#f0d2ff',\n PURPLE_DARK_300: '#e9bcff',\n PURPLE_DARK_400: '#e1a5ff',\n PURPLE_DARK_500: BASE_DARK_COLOR.PURPLE,\n PURPLE_DARK_600: '#ae72cc',\n PURPLE_DARK_700: '#835699',\n PURPLE_DARK_800: '#573966',\n PURPLE_DARK_900: '#412b4d',\n};\n\nconst LIGHT_RED: Record<string, string> = {\n RED_LIGHT_50: '#f9e6e8',\n RED_LIGHT_100: '#f3ccd0',\n RED_LIGHT_200: '#e799a1',\n RED_LIGHT_300: '#da6671',\n RED_LIGHT_400: '#ce3342',\n RED_LIGHT_500: BASE_LIGHT_COLOR.RED,\n RED_LIGHT_600: '#9b000f',\n RED_LIGHT_700: '#74000b',\n RED_LIGHT_800: '#4e0008',\n RED_LIGHT_900: '#4d2422',\n};\n\nconst DARK_RED: Record<string, string> = {\n RED_DARK_50: '#fff2f1',\n RED_DARK_100: '#ffe4e2',\n RED_DARK_200: '#ffc9c6',\n RED_DARK_300: '#ffada9',\n RED_DARK_400: '#ff928d',\n RED_DARK_500: BASE_DARK_COLOR.RED,\n RED_DARK_600: '#cc5f5a',\n RED_DARK_700: '#994743',\n RED_DARK_800: '#66302d',\n RED_DARK_900: '#4d2422',\n};\n\nconst LIGHT_AMBER: Record<string, string> = {\n AMBER_LIGHT_50: '#f6eee8',\n AMBER_LIGHT_100: '#ecded0',\n AMBER_LIGHT_200: '#dabda1',\n AMBER_LIGHT_300: '#c79b73',\n AMBER_LIGHT_400: '#b57A44',\n AMBER_LIGHT_500: BASE_LIGHT_COLOR.AMBER,\n AMBER_LIGHT_600: '#824711',\n AMBER_LIGHT_700: '#61350d',\n AMBER_LIGHT_800: '#412408',\n AMBER_LIGHT_900: '#201204',\n};\n\nconst DARK_AMBER: Record<string, string> = {\n AMBER_DARK_50: '#fffbea',\n AMBER_DARK_100: '#fff6d4',\n AMBER_DARK_200: '#ffeea8',\n AMBER_DARK_300: '#ffe57d',\n AMBER_DARK_400: '#ffdd51',\n AMBER_DARK_500: BASE_DARK_COLOR.AMBER,\n AMBER_DARK_600: '#ccaa1e',\n AMBER_DARK_700: '#997f17',\n AMBER_DARK_800: '#66550f',\n AMBER_DARK_900: '#4d400b',\n};\n\nconst DARK: Record<string, string> = {\n ...DARK_BLUE,\n ...DARK_GREEN,\n ...DARK_PETROL,\n ...DARK_PURPLE,\n ...DARK_RED,\n ...DARK_AMBER,\n};\n\nconst LIGHT: Record<string, string> = {\n ...LIGHT_BLUE,\n ...LIGHT_GREEN,\n ...LIGHT_PETROL,\n ...LIGHT_PURPLE,\n ...LIGHT_RED,\n ...LIGHT_AMBER,\n};\n\nconst GRAYS: Record<string, string> = {\n GRAY_10: '#fafafa',\n GRAY_20: '#edeff0',\n GRAY_30: '#e5e8ea',\n GRAY_40: '#dce0e3',\n GRAY_50: '#cbced1',\n GRAY_60: '#9fa1a7',\n GRAY_70: '#676b71',\n GRAY_80: '#54585f',\n GRAY_90: '#34373d',\n GRAY_95: '#26272c',\n GRAY_100: '#17181a',\n};\n\nexport const COLOR_V2: any = {\n ...BASE_DARK_COLOR,\n ...BASE_LIGHT_COLOR,\n ...DARK,\n ...LIGHT,\n ...GRAYS,\n BLACK: '#000',\n WHITE: '#fff',\n};\n"],"file":"colors-v2.js"}
|
|
1
|
+
{"version":3,"sources":["colors-v2.ts"],"names":["BASE_LIGHT_COLOR","BLUE","GREEN","TURQUOISE","PURPLE","RED","AMBER","BASE_DARK_COLOR","LIGHT_BLUE","BLUE_LIGHT_50","BLUE_LIGHT_100","BLUE_LIGHT_200","BLUE_LIGHT_300","BLUE_LIGHT_400","BLUE_LIGHT_500","BLUE_LIGHT_600","BLUE_LIGHT_700","BLUE_LIGHT_800","BLUE_LIGHT_900","DARK_BLUE","BLUE_DARK_50","BLUE_DARK_100","BLUE_DARK_200","BLUE_DARK_300","BLUE_DARK_400","BLUE_DARK_500","BLUE_DARK_600","BLUE_DARK_700","BLUE_DARK_800","BLUE_DARK_900","LIGHT_GREEN","GREEN_LIGHT_50","GREEN_LIGHT_100","GREEN_LIGHT_200","GREEN_LIGHT_300","GREEN_LIGHT_400","GREEN_LIGHT_500","GREEN_LIGHT_600","GREEN_LIGHT_700","GREEN_LIGHT_800","GREEN_LIGHT_900","DARK_GREEN","GREEN_DARK_50","GREEN_DARK_100","GREEN_DARK_200","GREEN_DARK_300","GREEN_DARK_400","GREEN_DARK_500","GREEN_DARK_600","GREEN_DARK_700","GREEN_DARK_800","GREEN_DARK_900","LIGHT_TURQUOISE","TURQUOISE_LIGHT_50","TURQUOISE_LIGHT_100","TURQUOISE_LIGHT_200","TURQUOISE_LIGHT_300","TURQUOISE_LIGHT_400","TURQUOISE_LIGHT_500","TURQUOISE_LIGHT_600","TURQUOISE_LIGHT_700","TURQUOISE_LIGHT_800","TURQUOISE_LIGHT_900","DARK_TURQUOISE","TURQUOISE_DARK_50","TURQUOISE_DARK_100","TURQUOISE_DARK_200","TURQUOISE_DARK_300","TURQUOISE_DARK_400","TURQUOISE_DARK_500","TURQUOISE_DARK_600","TURQUOISE_DARK_700","TURQUOISE_DARK_800","TURQUOISE_DARK_900","LIGHT_PURPLE","PURPLE_LIGHT_50","PURPLE_LIGHT_100","PURPLE_LIGHT_200","PURPLE_LIGHT_300","PURPLE_LIGHT_400","PURPLE_LIGHT_500","PURPLE_LIGHT_600","PURPLE_LIGHT_700","PURPLE_LIGHT_800","PURPLE_LIGHT_900","DARK_PURPLE","PURPLE_DARK_50","PURPLE_DARK_100","PURPLE_DARK_200","PURPLE_DARK_300","PURPLE_DARK_400","PURPLE_DARK_500","PURPLE_DARK_600","PURPLE_DARK_700","PURPLE_DARK_800","PURPLE_DARK_900","LIGHT_RED","RED_LIGHT_50","RED_LIGHT_100","RED_LIGHT_200","RED_LIGHT_300","RED_LIGHT_400","RED_LIGHT_500","RED_LIGHT_600","RED_LIGHT_700","RED_LIGHT_800","RED_LIGHT_900","DARK_RED","RED_DARK_50","RED_DARK_100","RED_DARK_200","RED_DARK_300","RED_DARK_400","RED_DARK_500","RED_DARK_600","RED_DARK_700","RED_DARK_800","RED_DARK_900","LIGHT_AMBER","AMBER_LIGHT_50","AMBER_LIGHT_100","AMBER_LIGHT_200","AMBER_LIGHT_300","AMBER_LIGHT_400","AMBER_LIGHT_500","AMBER_LIGHT_600","AMBER_LIGHT_700","AMBER_LIGHT_800","AMBER_LIGHT_900","DARK_AMBER","AMBER_DARK_50","AMBER_DARK_100","AMBER_DARK_200","AMBER_DARK_300","AMBER_DARK_400","AMBER_DARK_500","AMBER_DARK_600","AMBER_DARK_700","AMBER_DARK_800","AMBER_DARK_900","DARK","LIGHT","GRAYS","GRAY_10","GRAY_20","GRAY_30","GRAY_40","GRAY_50","GRAY_60","GRAY_70","GRAY_80","GRAY_90","GRAY_95","GRAY_100","COLOR_V2","BLACK","WHITE"],"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\nexport const BASE_LIGHT_COLOR: Record<string, string> = {\n BLUE: '#0667c8',\n GREEN: '#1d7833',\n TURQUOISE: '#01718e',\n PURPLE: '#8944ab',\n RED: '#c20013',\n AMBER: '#a25915',\n};\n\nexport const BASE_DARK_COLOR: Record<string, string> = {\n BLUE: '#54a6ff',\n GREEN: '#30db5b',\n TURQUOISE: '#5de6ff',\n PURPLE: '#da8fff',\n RED: '#ff7770',\n AMBER: '#ffd426',\n};\n\nconst LIGHT_BLUE: Record<string, string> = {\n BLUE_LIGHT_50: '#e7f0fa',\n BLUE_LIGHT_100: '#cde1f4',\n BLUE_LIGHT_200: '#9bc2e9',\n BLUE_LIGHT_300: '#6aa4de',\n BLUE_LIGHT_400: '#3885d3',\n BLUE_LIGHT_500: BASE_LIGHT_COLOR.BLUE,\n BLUE_LIGHT_600: '#0552a0',\n BLUE_LIGHT_700: '#043e78',\n BLUE_LIGHT_800: '#022950',\n BLUE_LIGHT_900: '#19324d',\n};\n\nconst DARK_BLUE: Record<string, string> = {\n BLUE_DARK_50: '#eef7ff',\n BLUE_DARK_100: '#ddedff',\n BLUE_DARK_200: '#bbdbff',\n BLUE_DARK_300: '#98caff',\n BLUE_DARK_400: '#76b8ff',\n BLUE_DARK_500: BASE_DARK_COLOR.BLUE,\n BLUE_DARK_600: '#4385cc',\n BLUE_DARK_700: '#326499',\n BLUE_DARK_800: '#224266',\n BLUE_DARK_900: '#19324d',\n};\n\nconst LIGHT_GREEN: Record<string, string> = {\n GREEN_LIGHT_50: '#e8f1ea',\n GREEN_LIGHT_100: '#d2e4d6',\n GREEN_LIGHT_200: '#a5c9ad',\n GREEN_LIGHT_300: '#77ae85',\n GREEN_LIGHT_400: '#4a935c',\n GREEN_LIGHT_500: BASE_LIGHT_COLOR.GREEN,\n GREEN_LIGHT_600: '#176029',\n GREEN_LIGHT_700: '#11481f',\n GREEN_LIGHT_800: '#0c3014',\n GREEN_LIGHT_900: '#0e421b',\n};\n\nconst DARK_GREEN: Record<string, string> = {\n GREEN_DARK_50: '#ebfcef',\n GREEN_DARK_100: '#d6f8de',\n GREEN_DARK_200: '#acf1bd',\n GREEN_DARK_300: '#83e99d',\n GREEN_DARK_400: '#59e27c',\n GREEN_DARK_500: BASE_DARK_COLOR.GREEN,\n GREEN_DARK_600: '#26af49',\n GREEN_DARK_700: '#1d8337',\n GREEN_DARK_800: '#135824',\n GREEN_DARK_900: '#0e421b',\n};\n\nconst LIGHT_TURQUOISE: Record<string, string> = {\n TURQUOISE_LIGHT_50: '#e5f1f3',\n TURQUOISE_LIGHT_100: '#cce2e7',\n TURQUOISE_LIGHT_200: '#99c6d0',\n TURQUOISE_LIGHT_300: '#67a9b8',\n TURQUOISE_LIGHT_400: '#348da1',\n TURQUOISE_LIGHT_500: BASE_LIGHT_COLOR.TURQUOISE,\n TURQUOISE_LIGHT_600: '#015a6e',\n TURQUOISE_LIGHT_700: '#014352',\n TURQUOISE_LIGHT_800: '#002d37',\n TURQUOISE_LIGHT_900: '#1c454d',\n};\n\nconst DARK_TURQUOISE: Record<string, string> = {\n TURQUOISE_DARK_50: '#effdff',\n TURQUOISE_DARK_100: '#dffaff',\n TURQUOISE_DARK_200: '#bef5ff',\n TURQUOISE_DARK_300: '#9ef0ff',\n TURQUOISE_DARK_400: '#7debff',\n TURQUOISE_DARK_500: BASE_DARK_COLOR.TURQUOISE,\n TURQUOISE_DARK_600: '#4Ab8cc',\n TURQUOISE_DARK_700: '#388a99',\n TURQUOISE_DARK_800: '#255c66',\n TURQUOISE_DARK_900: '#1c454d',\n};\n\nconst LIGHT_PURPLE: Record<string, string> = {\n PURPLE_LIGHT_50: '#f4edf7',\n PURPLE_LIGHT_100: '#e7daee',\n PURPLE_LIGHT_200: '#d0b4dd',\n PURPLE_LIGHT_300: '#b88fcd',\n PURPLE_LIGHT_400: '#a169bc',\n PURPLE_LIGHT_500: BASE_LIGHT_COLOR.PURPLE,\n PURPLE_LIGHT_600: '#6e3689',\n PURPLE_LIGHT_700: '#522967',\n PURPLE_LIGHT_800: '#371b44',\n PURPLE_LIGHT_900: '#412b4d',\n};\n\nconst DARK_PURPLE: Record<string, string> = {\n PURPLE_DARK_50: '#fcf4ff',\n PURPLE_DARK_100: '#f8e9ff',\n PURPLE_DARK_200: '#f0d2ff',\n PURPLE_DARK_300: '#e9bcff',\n PURPLE_DARK_400: '#e1a5ff',\n PURPLE_DARK_500: BASE_DARK_COLOR.PURPLE,\n PURPLE_DARK_600: '#ae72cc',\n PURPLE_DARK_700: '#835699',\n PURPLE_DARK_800: '#573966',\n PURPLE_DARK_900: '#412b4d',\n};\n\nconst LIGHT_RED: Record<string, string> = {\n RED_LIGHT_50: '#f9e6e8',\n RED_LIGHT_100: '#f3ccd0',\n RED_LIGHT_200: '#e799a1',\n RED_LIGHT_300: '#da6671',\n RED_LIGHT_400: '#ce3342',\n RED_LIGHT_500: BASE_LIGHT_COLOR.RED,\n RED_LIGHT_600: '#9b000f',\n RED_LIGHT_700: '#74000b',\n RED_LIGHT_800: '#4e0008',\n RED_LIGHT_900: '#4d2422',\n};\n\nconst DARK_RED: Record<string, string> = {\n RED_DARK_50: '#fff2f1',\n RED_DARK_100: '#ffe4e2',\n RED_DARK_200: '#ffc9c6',\n RED_DARK_300: '#ffada9',\n RED_DARK_400: '#ff928d',\n RED_DARK_500: BASE_DARK_COLOR.RED,\n RED_DARK_600: '#cc5f5a',\n RED_DARK_700: '#994743',\n RED_DARK_800: '#66302d',\n RED_DARK_900: '#4d2422',\n};\n\nconst LIGHT_AMBER: Record<string, string> = {\n AMBER_LIGHT_50: '#f6eee8',\n AMBER_LIGHT_100: '#ecded0',\n AMBER_LIGHT_200: '#dabda1',\n AMBER_LIGHT_300: '#c79b73',\n AMBER_LIGHT_400: '#b57A44',\n AMBER_LIGHT_500: BASE_LIGHT_COLOR.AMBER,\n AMBER_LIGHT_600: '#824711',\n AMBER_LIGHT_700: '#61350d',\n AMBER_LIGHT_800: '#412408',\n AMBER_LIGHT_900: '#201204',\n};\n\nconst DARK_AMBER: Record<string, string> = {\n AMBER_DARK_50: '#fffbea',\n AMBER_DARK_100: '#fff6d4',\n AMBER_DARK_200: '#ffeea8',\n AMBER_DARK_300: '#ffe57d',\n AMBER_DARK_400: '#ffdd51',\n AMBER_DARK_500: BASE_DARK_COLOR.AMBER,\n AMBER_DARK_600: '#ccaa1e',\n AMBER_DARK_700: '#997f17',\n AMBER_DARK_800: '#66550f',\n AMBER_DARK_900: '#4d400b',\n};\n\nconst DARK: Record<string, string> = {\n ...DARK_BLUE,\n ...DARK_GREEN,\n ...DARK_TURQUOISE,\n ...DARK_PURPLE,\n ...DARK_RED,\n ...DARK_AMBER,\n};\n\nconst LIGHT: Record<string, string> = {\n ...LIGHT_BLUE,\n ...LIGHT_GREEN,\n ...LIGHT_TURQUOISE,\n ...LIGHT_PURPLE,\n ...LIGHT_RED,\n ...LIGHT_AMBER,\n};\n\nconst GRAYS: Record<string, string> = {\n GRAY_10: '#fafafa',\n GRAY_20: '#edeff0',\n GRAY_30: '#e5e8ea',\n GRAY_40: '#dce0e3',\n GRAY_50: '#cbced1',\n GRAY_60: '#9fa1a7',\n GRAY_70: '#676b71',\n GRAY_80: '#54585f',\n GRAY_90: '#34373d',\n GRAY_95: '#26272c',\n GRAY_100: '#17181a',\n};\n\nexport const COLOR_V2: any = {\n ...BASE_DARK_COLOR,\n ...BASE_LIGHT_COLOR,\n ...DARK,\n ...LIGHT,\n ...GRAYS,\n BLACK: '#000',\n WHITE: '#fff',\n};\n"],"file":"colors-v2.js"}
|
package/src/Layout/Theme.d.ts
CHANGED
|
@@ -7,6 +7,22 @@ export declare enum THEME_ID {
|
|
|
7
7
|
DEFAULT = "THEME_DEFAULT"
|
|
8
8
|
}
|
|
9
9
|
export interface Theme {
|
|
10
|
+
Button?: {
|
|
11
|
+
primaryBg?: String;
|
|
12
|
+
primaryHoverBg?: String;
|
|
13
|
+
primaryActiveBg?: String;
|
|
14
|
+
primaryActiveBorder?: String;
|
|
15
|
+
primaryFocusBorder?: String;
|
|
16
|
+
primaryDisabledBg?: String;
|
|
17
|
+
primaryDisabledText?: String;
|
|
18
|
+
tertiaryBg?: String;
|
|
19
|
+
tertiaryBorder?: String;
|
|
20
|
+
tertiaryHoverBg?: String;
|
|
21
|
+
tertiaryHoverBorder?: String;
|
|
22
|
+
tertiarydisabledBg?: String;
|
|
23
|
+
tertiaryDisabledBorder?: String;
|
|
24
|
+
tertiaryActiveBg?: String;
|
|
25
|
+
};
|
|
10
26
|
IconButton: {
|
|
11
27
|
activePrimaryBgColor?: string;
|
|
12
28
|
activePrimaryBorderColor?: string;
|
|
@@ -32,7 +48,9 @@ export interface Theme {
|
|
|
32
48
|
general: {
|
|
33
49
|
backgroundColor: string;
|
|
34
50
|
color: string;
|
|
51
|
+
contrastColor?: String;
|
|
35
52
|
dangerColor?: string;
|
|
53
|
+
focusColor?: String;
|
|
36
54
|
primaryColor?: string;
|
|
37
55
|
};
|
|
38
56
|
Input: {
|
package/src/Layout/Theme.js
CHANGED
|
@@ -33,6 +33,22 @@ exports.THEME_ID = THEME_ID;
|
|
|
33
33
|
})(THEME_ID || (exports.THEME_ID = THEME_ID = {}));
|
|
34
34
|
|
|
35
35
|
var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.DEFAULT, {
|
|
36
|
+
Button: {
|
|
37
|
+
primaryBg: 'var(--accent-color)',
|
|
38
|
+
primaryHoverBg: 'var(--button-primary-hover)',
|
|
39
|
+
primaryActiveBg: 'var(--button-primary-active)',
|
|
40
|
+
primaryActiveBorder: 'var(--button-primary-active-border)',
|
|
41
|
+
primaryFocusBorder: 'var(--button-primary-focus-border)',
|
|
42
|
+
primaryDisabledBg: 'var(--button-primary-disabled-bg)',
|
|
43
|
+
primaryDisabledText: 'var(--button-primary-disabled-text)',
|
|
44
|
+
tertiaryBg: 'var(--button-tertiary-bg)',
|
|
45
|
+
tertiaryBorder: 'var(--button-tertiary-border)',
|
|
46
|
+
tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
|
|
47
|
+
tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',
|
|
48
|
+
tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',
|
|
49
|
+
tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',
|
|
50
|
+
tertiaryActiveBg: 'var(--accent-color-highlight)'
|
|
51
|
+
},
|
|
36
52
|
Checkbox: {
|
|
37
53
|
background: 'var(--checkbox-background)',
|
|
38
54
|
border: 'var(--checkbox-border)',
|
|
@@ -69,9 +85,21 @@ var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.D
|
|
|
69
85
|
backgroundColor: 'var(--app-bg)',
|
|
70
86
|
color: 'var(--main-color)',
|
|
71
87
|
dangerColor: 'var(--danger-color)',
|
|
72
|
-
primaryColor: 'var(--accent-color)'
|
|
88
|
+
primaryColor: 'var(--accent-color)',
|
|
89
|
+
contrastColor: 'var(--text-input-background)',
|
|
90
|
+
focusColor: 'var(--accent-color-focus)'
|
|
73
91
|
}
|
|
74
92
|
}), (0, _defineProperty2["default"])(_themes, THEME_ID.LIGHT, {
|
|
93
|
+
Button: {
|
|
94
|
+
primaryBg: 'var(--accent-color)',
|
|
95
|
+
primaryHoverBg: 'var(--button-primary-hover)',
|
|
96
|
+
primaryActiveBg: 'var(--button-primary-active)',
|
|
97
|
+
primaryActiveBorder: 'var(--button-primary-active-border)',
|
|
98
|
+
primaryFocusBorder: 'var(--button-primary-focus-border)',
|
|
99
|
+
primaryDisabledBg: 'var(--button-primary-disabled-bg)',
|
|
100
|
+
primaryDisabledText: 'var(--button-primary-disabled-text)',
|
|
101
|
+
tertiaryActiveBg: 'var(--accent-color-highlight)'
|
|
102
|
+
},
|
|
75
103
|
IconButton: {
|
|
76
104
|
activePrimaryBgColor: _colorsV.COLOR_V2.BLUE_LIGHT_50,
|
|
77
105
|
focusBorderColor: _colorsV.COLOR_V2.BLUE_LIGHT_500,
|
|
@@ -82,7 +110,7 @@ var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.D
|
|
|
82
110
|
primaryDisabledBgColor: _colorsV.COLOR_V2.GRAY_20,
|
|
83
111
|
primaryDisabledBorderColor: _colorsV.COLOR_V2.GRAY_40,
|
|
84
112
|
primaryHoverBorderColor: _colorsV.COLOR_V2.GRAY_50,
|
|
85
|
-
secondaryActiveBorderColor: '
|
|
113
|
+
secondaryActiveBorderColor: 'transparent'
|
|
86
114
|
},
|
|
87
115
|
Input: {
|
|
88
116
|
backgroundColor: _colors.COLOR.WHITE,
|
|
@@ -112,6 +140,16 @@ var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.D
|
|
|
112
140
|
invalidBorderColor: _colorsV.BASE_LIGHT_COLOR.RED
|
|
113
141
|
}
|
|
114
142
|
}), (0, _defineProperty2["default"])(_themes, THEME_ID.DARK, {
|
|
143
|
+
Button: {
|
|
144
|
+
primaryBg: 'var(--accent-color)',
|
|
145
|
+
primaryHoverBg: 'var(--button-primary-hover)',
|
|
146
|
+
primaryActiveBg: 'var(--button-primary-active)',
|
|
147
|
+
primaryActiveBorder: 'var(--button-primary-active-border)',
|
|
148
|
+
primaryFocusBorder: 'var(--button-primary-focus-border)',
|
|
149
|
+
primaryDisabledBg: 'var(--button-primary-disabled-bg)',
|
|
150
|
+
primaryDisabledText: 'var(--button-primary-disabled-text)',
|
|
151
|
+
tertiaryActiveBg: 'var(--accent-color-highlight)'
|
|
152
|
+
},
|
|
115
153
|
IconButton: {
|
|
116
154
|
activePrimaryBgColor: _colorsV.COLOR_V2.BLUE_DARK_800,
|
|
117
155
|
focusBorderColor: _colorsV.COLOR_V2.BLUE_DARK_600,
|
package/src/Layout/Theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Theme.tsx"],"names":["THEME_ID","themes","DEFAULT","Checkbox","background","border","borderFocused","disableBgColor","disableBorderColor","disablecheckedBgColor","invalidBorderColor","IconButton","activePrimaryBgColor","focusBorderColor","hoverPrimaryBgColor","primaryActiveFillColor","primaryBgColor","primaryBorderColor","primaryDisabledBgColor","primaryDisabledBorderColor","primaryHoverBorderColor","secondaryActiveBorderColor","Input","backgroundColor","backgroundColorDisabled","labelColor","placeholderColor","Select","borderColor","contrastTextColor","disabledColor","general","color","dangerColor","primaryColor","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","focusedDescriptionColor","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","filterThemeProps","props","ThemeProvider","theme"],"mappings":"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","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} 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';\nimport {filterProps} from '../util';\n\nexport enum THEME_ID {\n DARK = 'THEME_DARK',\n LIGHT = 'THEME_LIGHT',\n DEFAULT = 'THEME_DEFAULT',\n}\n\nexport interface Theme {\n IconButton: {\n activePrimaryBgColor?: string;\n activePrimaryBorderColor?: 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 dangerColor?: string;\n primaryColor?: string;\n };\n Input: {\n backgroundColor: string;\n backgroundColorDisabled: string;\n placeholderColor: string;\n labelColor: string;\n };\n Select: {\n disabledColor?: string;\n contrastTextColor?: string;\n borderColor?: string;\n focusedDescriptionColor?: string;\n };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n [THEME_ID.DEFAULT]: {\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 },\n Select: {\n borderColor: 'var(--text-input-border)',\n contrastTextColor: 'var(--text-input-background)',\n disabledColor: 'var(--text-input-placeholder)',\n },\n general: {\n backgroundColor: 'var(--app-bg)',\n color: 'var(--main-color)',\n dangerColor: 'var(--danger-color)',\n primaryColor: 'var(--accent-color)',\n },\n },\n [THEME_ID.LIGHT]: {\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: 'none',\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 },\n general: {\n backgroundColor: COLOR_V2.GRAY_20,\n color: COLOR.TEXT,\n primaryColor: COLOR_V2.BLUE,\n dangerColor: COLOR_V2.RED,\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 },\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 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 },\n general: {\n backgroundColor: COLOR.BLACK,\n color: COLOR.WHITE,\n primaryColor: COLOR_V2.BLUE,\n dangerColor: COLOR_V2.RED,\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 },\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}\n\nconst filterThemeProps = (props: ThemeProps) => filterProps(props, ['theme']);\n\nexport const ThemeProvider = (props: ThemeProps) => (\n <EmotionThemeProvider theme={props.theme} {...filterThemeProps(props)} />\n);\n"],"file":"Theme.js"}
|
|
1
|
+
{"version":3,"sources":["Theme.tsx"],"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","Select","borderColor","contrastTextColor","disabledColor","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","focusedDescriptionColor","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","filterThemeProps","props","ThemeProvider","theme"],"mappings":"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","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} 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';\nimport {filterProps} from '../util';\n\nexport enum THEME_ID {\n DARK = 'THEME_DARK',\n LIGHT = 'THEME_LIGHT',\n DEFAULT = 'THEME_DEFAULT',\n}\n\nexport interface Theme {\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 activePrimaryBorderColor?: 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 };\n Select: {\n disabledColor?: string;\n contrastTextColor?: string;\n borderColor?: string;\n focusedDescriptionColor?: 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 },\n Select: {\n borderColor: 'var(--text-input-border)',\n contrastTextColor: 'var(--text-input-background)',\n disabledColor: 'var(--text-input-placeholder)',\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 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 },\n general: {\n backgroundColor: COLOR_V2.GRAY_20,\n color: COLOR.TEXT,\n primaryColor: COLOR_V2.BLUE,\n dangerColor: COLOR_V2.RED,\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 },\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 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 },\n general: {\n backgroundColor: COLOR.BLACK,\n color: COLOR.WHITE,\n primaryColor: COLOR_V2.BLUE,\n dangerColor: COLOR_V2.RED,\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 },\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}\n\nconst filterThemeProps = (props: ThemeProps) => filterProps(props, ['theme']);\n\nexport const ThemeProvider = (props: ThemeProps) => (\n <EmotionThemeProvider theme={props.theme} {...filterThemeProps(props)} />\n);\n"],"file":"Theme.js"}
|
|
@@ -13,10 +13,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
13
13
|
|
|
14
14
|
var _react = require("@emotion/react");
|
|
15
15
|
|
|
16
|
-
var _color = _interopRequireDefault(require("color"));
|
|
17
|
-
|
|
18
|
-
var _Identity = require("../../Identity");
|
|
19
|
-
|
|
20
16
|
var _motions = require("../../Identity/motions");
|
|
21
17
|
|
|
22
18
|
var _mediaQueries = require("../../mediaQueries");
|
|
@@ -32,7 +28,7 @@ var menuSubLinkStyle = function menuSubLinkStyle(theme, props) {
|
|
|
32
28
|
|
|
33
29
|
return _objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, props)), {}, (_objectSpread2 = {
|
|
34
30
|
'&:hover': {
|
|
35
|
-
|
|
31
|
+
filter: 'brightness(70%)'
|
|
36
32
|
},
|
|
37
33
|
color: theme.general.color,
|
|
38
34
|
cursor: 'pointer',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["MenuSubLink.tsx"],"names":["menuSubLinkStyle","theme","props","
|
|
1
|
+
{"version":3,"sources":["MenuSubLink.tsx"],"names":["menuSubLinkStyle","theme","props","filter","color","general","cursor","fontWeight","textDecoration","transition","defaultTransition","media","QueryKeys","DESKTOP","marginLeft","marginRight","fontSize","margin","textTransform","TABLET_DOWN","border","maxWidth","padding","MenuSubLink"],"mappings":";;;;;;;;;;;;;AAoBA;;AAEA;;AACA;;AACA;;;;;;AAKO,IAAMA,gBAA4E,GAAG,SAA/EA,gBAA+E,CAACC,KAAD,EAAQC,KAAR;AAAA;;AAAA,yCACvF,qBAAUD,KAAV,EAAiBC,KAAjB,CADuF;AAE1F,eAAW;AACTC,MAAAA,MAAM,EAAE;AADC,KAF+E;AAK1FC,IAAAA,KAAK,EAAEH,KAAK,CAACI,OAAN,CAAcD,KALqE;AAM1FE,IAAAA,MAAM,EAAE,SANkF;AAO1FC,IAAAA,UAAU,EAAE,GAP8E;AAQ1FC,IAAAA,cAAc,EAAE,MAR0E;AAS1FC,IAAAA,UAAU,EAAEC;AAT8E,sDAUzFC,oBAAMC,wBAAUC,OAAhB,CAVyF,EAU9D;AAC1B,uBAAmB;AACjBC,MAAAA,UAAU,EAAE;AADK,KADO;AAI1B,oBAAgB;AACdC,MAAAA,WAAW,EAAE;AADC,KAJU;AAO1BC,IAAAA,QAAQ,EAAE,MAPgB;AAQ1BC,IAAAA,MAAM,EAAE,eARkB;AAS1BC,IAAAA,aAAa,EAAE;AATW,GAV8D,oDAsBzFP,oBAAMC,wBAAUO,WAAhB,CAtByF,EAsB1D;AAC9BC,IAAAA,MAAM,EAAE,MADsB;AAE9BJ,IAAAA,QAAQ,EAAE,iBAFoB;AAG9BT,IAAAA,UAAU,EAAE,gBAHkB;AAI9Bc,IAAAA,QAAQ,EAAE,OAJoB;AAK9BC,IAAAA,OAAO,EAAE,UALqB;AAM9BJ,IAAAA,aAAa,EAAE;AANe,GAtB0D;AAAA,CAArF;;;;AAgCA,IAAMK,WAAW,GAAG,SAAdA,WAAc,CAACrB,KAAD;AAAA,SACzB;AAAK,IAAA,GAAG,EAAE,aAACD,KAAD;AAAA,aAAkBD,gBAAgB,CAACC,KAAD,EAAQC,KAAR,CAAlC;AAAA;AAAV,KAAgEA,KAAhE,EADyB;AAAA,CAApB","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 {defaultTransition} from '../../Identity/motions';\nimport {QueryKeys, media} from '../../mediaQueries';\nimport {TextProps, textStyle} from '../../Text';\nimport type {Theme} from '../Theme';\n\ntype MenuSubLinkProps<T = HTMLDivElement> = TextProps<T>;\n\nexport const menuSubLinkStyle: <T>(theme: Theme, props: MenuSubLinkProps<T>) => CSSObject = (theme, props) => ({\n ...textStyle(theme, props),\n '&:hover': {\n filter: 'brightness(70%)',\n },\n color: theme.general.color,\n cursor: 'pointer',\n fontWeight: 600,\n textDecoration: 'none',\n transition: defaultTransition,\n [media[QueryKeys.DESKTOP]]: {\n '&:first-of-type': {\n marginLeft: 0,\n },\n '&:last-child': {\n marginRight: 0,\n },\n fontSize: '11px',\n margin: '0 26px 0 10px',\n textTransform: 'uppercase',\n },\n\n [media[QueryKeys.TABLET_DOWN]]: {\n border: 'none',\n fontSize: '32px !important',\n fontWeight: '300 !important',\n maxWidth: '480px',\n padding: '8px 24px',\n textTransform: 'none !important',\n },\n});\n\nexport const MenuSubLink = (props: MenuSubLinkProps) => (\n <div css={(theme: Theme) => menuSubLinkStyle(theme, props)} {...props} />\n);\n"],"file":"MenuSubLink.js"}
|
package/src/Modal/Modal.js
CHANGED
|
@@ -42,7 +42,7 @@ var modalBodyStyle = function modalBodyStyle(theme, _ref) {
|
|
|
42
42
|
fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen;
|
|
43
43
|
return (0, _defineProperty2["default"])({
|
|
44
44
|
alignItems: 'center',
|
|
45
|
-
backgroundColor:
|
|
45
|
+
backgroundColor: theme.general.backgroundColor,
|
|
46
46
|
borderRadius: fullscreen ? 0 : '8px',
|
|
47
47
|
bottom: fullscreen ? 0 : undefined,
|
|
48
48
|
boxShadow: fullscreen ? 'none' : '0 16px 64px 0 rgba(0, 0, 0, 0.16)',
|
|
@@ -79,7 +79,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
|
|
|
79
79
|
} : {
|
|
80
80
|
name: "sobyuy-ModalClose",
|
|
81
81
|
styles: "align-items:center;cursor:pointer;display:flex;justify-content:center;position:absolute;right:16px;top:16px;label:ModalClose;",
|
|
82
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRUkiLCJmaWxlIjoiTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0LCB7Q1NTUHJvcGVydGllc30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IENvbG9yIGZyb20gJ2NvbG9yJztcblxuaW1wb3J0IHtDbG9zZUljb259IGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IHR5cGUge1NWR0ljb25Qcm9wc30gZnJvbSAnLi4vSWNvbi9TVkdJY29uJztcbmltcG9ydCB7Q09MT1J9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7UXVlcnlLZXlzLCBtZWRpYX0gZnJvbSAnLi4vbWVkaWFRdWVyaWVzJztcbmltcG9ydCB7ZmlsdGVyUHJvcHMsIG5vb3B9IGZyb20gJy4uL3V0aWwnO1xuaW1wb3J0IHtPdmVybGF5QmFja2dyb3VuZFByb3BzLCBPdmVybGF5V3JhcHBlciwgb3ZlcmxheUJhY2tncm91bmRTdHlsZX0gZnJvbSAnLi9PdmVybGF5JztcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbEJvZHlQcm9wczxUID0gSFRNTERpdkVsZW1lbnQ+IGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPFQ+IHtcbiAgZnVsbHNjcmVlbj86IGJvb2xlYW47XG59XG5cbmNvbnN0IG1vZGFsQm9keVN0eWxlOiA8VD4odGhlbWU6IFRoZW1lLCBwcm9wczogTW9kYWxCb2R5UHJvcHM8VD4pID0+IENTU09iamVjdCA9ICh0aGVtZSwge2Z1bGxzY3JlZW4gPSBmYWxzZX0pID0+
|
|
82
|
+
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= */",
|
|
83
83
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
84
84
|
};
|
|
85
85
|
|
|
@@ -97,7 +97,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
|
|
|
97
97
|
} : {
|
|
98
98
|
name: "26qwdj-ModalContent",
|
|
99
99
|
styles: "max-width:100%;overflow-y:auto;padding:40px;label:ModalContent;",
|
|
100
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRkkiLCJmaWxlIjoiTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0LCB7Q1NTUHJvcGVydGllc30gZnJvbSAncmVhY3QnO1xuaW1wb3J0IENvbG9yIGZyb20gJ2NvbG9yJztcblxuaW1wb3J0IHtDbG9zZUljb259IGZyb20gJy4uL0ljb24nO1xuaW1wb3J0IHR5cGUge1NWR0ljb25Qcm9wc30gZnJvbSAnLi4vSWNvbi9TVkdJY29uJztcbmltcG9ydCB7Q09MT1J9IGZyb20gJy4uL0lkZW50aXR5JztcbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7UXVlcnlLZXlzLCBtZWRpYX0gZnJvbSAnLi4vbWVkaWFRdWVyaWVzJztcbmltcG9ydCB7ZmlsdGVyUHJvcHMsIG5vb3B9IGZyb20gJy4uL3V0aWwnO1xuaW1wb3J0IHtPdmVybGF5QmFja2dyb3VuZFByb3BzLCBPdmVybGF5V3JhcHBlciwgb3ZlcmxheUJhY2tncm91bmRTdHlsZX0gZnJvbSAnLi9PdmVybGF5JztcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbEJvZHlQcm9wczxUID0gSFRNTERpdkVsZW1lbnQ+IGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPFQ+IHtcbiAgZnVsbHNjcmVlbj86IGJvb2xlYW47XG59XG5cbmNvbnN0IG1vZGFsQm9keVN0eWxlOiA8VD4odGhlbWU6IFRoZW1lLCBwcm9wczogTW9kYWxCb2R5UHJvcHM8VD4pID0+IENTU09iamVjdCA9ICh0aGVtZSwge2Z1bGxzY3JlZW4gPSBmYWxzZX0pID0+
|
|
100
|
+
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= */",
|
|
101
101
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
102
102
|
};
|
|
103
103
|
|
package/src/Modal/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Modal.tsx"],"names":["modalBodyStyle","theme","fullscreen","alignItems","backgroundColor","COLOR","tint","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","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: COLOR.tint(theme.general.backgroundColor, 0.16),\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"}
|
|
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"}
|
package/src/Text/Link.js
CHANGED
|
@@ -15,17 +15,13 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
15
15
|
|
|
16
16
|
var _react = require("@emotion/react");
|
|
17
17
|
|
|
18
|
-
var _color = _interopRequireDefault(require("color"));
|
|
19
|
-
|
|
20
|
-
var _colors = require("../Identity/colors");
|
|
21
|
-
|
|
22
18
|
var _motions = require("../Identity/motions");
|
|
23
19
|
|
|
24
20
|
var _util = require("../util");
|
|
25
21
|
|
|
26
22
|
var _Text = require("./Text");
|
|
27
23
|
|
|
28
|
-
var _excluded = ["variant", "color"];
|
|
24
|
+
var _excluded = ["bold", "fontSize", "textTransform", "variant", "color"];
|
|
29
25
|
|
|
30
26
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
31
27
|
|
|
@@ -40,17 +36,23 @@ exports.LinkVariant = LinkVariant;
|
|
|
40
36
|
})(LinkVariant || (exports.LinkVariant = LinkVariant = {}));
|
|
41
37
|
|
|
42
38
|
var linkStyle = function linkStyle(theme, _ref) {
|
|
43
|
-
var
|
|
44
|
-
|
|
45
|
-
|
|
39
|
+
var _ref$bold = _ref.bold,
|
|
40
|
+
bold = _ref$bold === void 0 ? true : _ref$bold,
|
|
41
|
+
_ref$fontSize = _ref.fontSize,
|
|
42
|
+
fontSize = _ref$fontSize === void 0 ? '11px' : _ref$fontSize,
|
|
43
|
+
_ref$textTransform = _ref.textTransform,
|
|
44
|
+
textTransform = _ref$textTransform === void 0 ? 'uppercase' : _ref$textTransform,
|
|
45
|
+
_ref$variant = _ref.variant,
|
|
46
46
|
variant = _ref$variant === void 0 ? LinkVariant.SECONDARY : _ref$variant,
|
|
47
47
|
_ref$color = _ref.color,
|
|
48
48
|
color = _ref$color === void 0 ? theme.general.color : _ref$color,
|
|
49
49
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
50
50
|
var darker = 0.16;
|
|
51
|
-
var hoverColor = color === _colors.COLOR.TEXT ? (_Color = (0, _color["default"])(color)) === null || _Color === void 0 ? void 0 : _Color.mix((0, _color["default"])(_colors.COLOR.BLACK), darker).toString() : _colors.COLOR.BLACK;
|
|
52
51
|
return _objectSpread(_objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
|
|
53
|
-
|
|
52
|
+
bold: bold,
|
|
53
|
+
color: color,
|
|
54
|
+
fontSize: fontSize,
|
|
55
|
+
textTransform: textTransform
|
|
54
56
|
}, props))), {}, {
|
|
55
57
|
color: color,
|
|
56
58
|
cursor: 'pointer',
|
|
@@ -62,15 +64,14 @@ var linkStyle = function linkStyle(theme, _ref) {
|
|
|
62
64
|
'&:hover, &:visited:hover': {
|
|
63
65
|
color: theme.general.primaryColor
|
|
64
66
|
},
|
|
67
|
+
fontSize: '16px',
|
|
68
|
+
textTransform: 'none',
|
|
65
69
|
textDecoration: 'underline',
|
|
66
70
|
textUnderlineOffset: '2px'
|
|
67
71
|
}), variant === LinkVariant.SECONDARY && {
|
|
68
|
-
bold: true,
|
|
69
|
-
fontSize: '11px',
|
|
70
|
-
textTransform: 'uppercase',
|
|
71
72
|
transition: _motions.defaultTransition,
|
|
72
73
|
'&:hover': {
|
|
73
|
-
|
|
74
|
+
filter: 'brightness(70%)'
|
|
74
75
|
}
|
|
75
76
|
});
|
|
76
77
|
};
|
package/src/Text/Link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Link.tsx"],"names":["LinkVariant","linkStyle","theme","
|
|
1
|
+
{"version":3,"sources":["Link.tsx"],"names":["LinkVariant","linkStyle","theme","bold","fontSize","textTransform","variant","SECONDARY","color","general","props","darker","cursor","textDecoration","PRIMARY","primaryColor","textUnderlineOffset","transition","defaultTransition","filter","filterLinkProps","Link","children"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;;;;;;;IAEYA,W;;;WAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;GAAAA,W,2BAAAA,W;;AASL,IAAMC,SAA8D,GAAG,SAAjEA,SAAiE,CAC5EC,KAD4E,QAUzE;AAAA,uBAPDC,IAOC;AAAA,MAPDA,IAOC,0BAPM,IAON;AAAA,2BANDC,QAMC;AAAA,MANDA,QAMC,8BANU,MAMV;AAAA,gCALDC,aAKC;AAAA,MALDA,aAKC,mCALe,WAKf;AAAA,0BAJDC,OAIC;AAAA,MAJDA,OAIC,6BAJSN,WAAW,CAACO,SAIrB;AAAA,wBAHDC,KAGC;AAAA,MAHDA,KAGC,2BAHON,KAAK,CAACO,OAAN,CAAcD,KAGrB;AAAA,MAFEE,KAEF;AACH,MAAMC,MAAM,GAAG,IAAf;AACA,uDACK,qBAAUT,KAAV;AAAkBC,IAAAA,IAAI,EAAJA,IAAlB;AAAwBK,IAAAA,KAAK,EAALA,KAAxB;AAA+BJ,IAAAA,QAAQ,EAARA,QAA/B;AAAyCC,IAAAA,aAAa,EAAbA;AAAzC,KAA2DK,KAA3D,EADL;AAEEF,IAAAA,KAAK,EAAEA,KAFT;AAGEI,IAAAA,MAAM,EAAE,SAHV;AAIEC,IAAAA,cAAc,EAAE,MAJlB;AAKE,mCAA+B;AAC7BL,MAAAA,KAAK,EAAEA;AADsB;AALjC,KAQMF,OAAO,KAAKN,WAAW,CAACc,OAAxB,IAAmC;AACrC,gCAA4B;AAC1BN,MAAAA,KAAK,EAAEN,KAAK,CAACO,OAAN,CAAcM;AADK,KADS;AAIrCX,IAAAA,QAAQ,EAAE,MAJ2B;AAKrCC,IAAAA,aAAa,EAAE,MALsB;AAMrCQ,IAAAA,cAAc,EAAE,WANqB;AAOrCG,IAAAA,mBAAmB,EAAE;AAPgB,GARzC,GAiBMV,OAAO,KAAKN,WAAW,CAACO,SAAxB,IAAqC;AACvCU,IAAAA,UAAU,EAAEC,0BAD2B;AAEvC,eAAW;AACTC,MAAAA,MAAM,EAAE;AADC;AAF4B,GAjB3C;AAwBD,CApCM;;;;AAsCA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACV,KAAD;AAAA,SAAsB,uBAAY,2BAAgBA,KAAhB,CAAZ,EAAiD,EAAjD,CAAtB;AAAA,CAAxB;;;;AAEA,IAAMW,IAAI,GAAG,SAAPA,IAAO,CAACX,KAAD,EAAsB;AACxC,SACE;AAAG,IAAA,GAAG,EAAE,aAACR,KAAD;AAAA,aAAkBD,SAAS,CAACC,KAAD,EAAQQ,KAAR,CAA3B;AAAA,KAAR;AAAmD,IAAA,GAAG,EAAC;AAAvD,KAAiFU,eAAe,CAACV,KAAD,CAAhG,GACGA,KAAK,CAACY,QADT,CADF;AAKD,CANM","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 {defaultTransition} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {filterProps} from '../util';\nimport {TextProps, filterTextProps, textStyle} from './Text';\n\nexport enum LinkVariant {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n}\n\nexport interface LinkProps<T = HTMLAnchorElement> extends TextProps<T> {\n variant?: LinkVariant;\n}\n\nexport const linkStyle: <T>(theme: Theme, props: LinkProps<T>) => CSSObject = (\n theme,\n {\n bold = true,\n fontSize = '11px',\n textTransform = 'uppercase',\n variant = LinkVariant.SECONDARY,\n color = theme.general.color,\n ...props\n },\n) => {\n const darker = 0.16;\n return {\n ...textStyle(theme, {bold, color, fontSize, textTransform, ...props}),\n color: color,\n cursor: 'pointer',\n textDecoration: 'none',\n '&:visited, &:link, &:active': {\n color: color,\n },\n ...(variant === LinkVariant.PRIMARY && {\n '&:hover, &:visited:hover': {\n color: theme.general.primaryColor,\n },\n fontSize: '16px',\n textTransform: 'none',\n textDecoration: 'underline',\n textUnderlineOffset: '2px',\n }),\n ...(variant === LinkVariant.SECONDARY && {\n transition: defaultTransition,\n '&:hover': {\n filter: 'brightness(70%)',\n },\n }),\n };\n};\n\nexport const filterLinkProps = (props: LinkProps) => filterProps(filterTextProps(props) as LinkProps, []);\n\nexport const Link = (props: LinkProps) => {\n return (\n <a css={(theme: Theme) => linkStyle(theme, props)} rel=\"noopener noreferrer\" {...filterLinkProps(props)}>\n {props.children}\n </a>\n );\n};\n"],"file":"Link.js"}
|