@wireapp/react-ui-kit 8.13.1 → 8.13.4

package/src/Form/SelectStyles.js

@@ -31,36 +31,37 @@ var customStyles = function customStyles(theme) {
           selectProps = _ref.selectProps;
       var menuIsOpen = selectProps.menuIsOpen;
       var isSelectDisabled = selectProps.isDisabled;
-      return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (0, _Input.inputStyle)(theme, {
-        disabled: isDisabled,
-        markInvalid: markInvalid
-      })), {}, {
-        padding: 0,
-        height: 'auto',
-        minHeight: '48px',
-        '&:-moz-focusring': {
-          color: 'transparent',
-          textShadow: '0 0 0 #000'
-        },
-        position: 'relative'
-      }, isDisabled && {
-        backgroundColor: theme.Input.backgroundColorDisabled,
-        color: theme.Select.disabledColor,
-        cursor: 'default'
-      }), markInvalid && {
-        boxShadow: "0 0 0 1px ".concat(theme.general.dangerColor)
-      }), menuIsOpen && {
-        boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor)
-      }), !menuIsOpen && {
-        '&:hover': {
-          boxShadow: !isSelectDisabled && "0 0 0 1px ".concat(theme.Select.borderColor)
-        },
-        '&:focus, &:active': {
-          boxShadow: !isSelectDisabled && "0 0 0 1px ".concat(theme.general.primaryColor)
-        }
-      }), {}, {
-        cursor: !isSelectDisabled && 'pointer'
-      });
+      return {
+        '& > div': _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (0, _Input.inputStyle)(theme, {
+          disabled: isSelectDisabled,
+          markInvalid: markInvalid
+        })), {}, {
+          padding: 0,
+          height: 'auto',
+          minHeight: '48px',
+          '&:-moz-focusring': {
+            color: 'transparent',
+            textShadow: '0 0 0 #000'
+          },
+          position: 'relative'
+        }, isDisabled && {
+          backgroundColor: theme.Input.backgroundColorDisabled,
+          color: theme.Select.disabledColor,
+          cursor: 'default'
+        }), markInvalid && {
+          boxShadow: "0 0 0 1px ".concat(theme.general.dangerColor)
+        }), menuIsOpen && {
+          boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor),
+          '&:hover': {
+            boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor)
+          }
+        }), {}, {
+          cursor: !isSelectDisabled && 'pointer',
+          '&:focus:visible, active': {
+            boxShadow: !isSelectDisabled && "0 0 0 1px ".concat(theme.general.primaryColor)
+          }
+        })
+      };
     },
     control: function control() {
       return {
@@ -97,10 +98,11 @@ var customStyles = function customStyles(theme) {
       });
     },
     option: function option(provided, _ref2) {
-      var isDisabled = _ref2.isDisabled,
+      var isMulti = _ref2.isMulti,
+          isDisabled = _ref2.isDisabled,
           isFocused = _ref2.isFocused,
           isSelected = _ref2.isSelected;
-      return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, provided), {}, {
+      return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, provided), {}, {
         backgroundColor: theme.Input.backgroundColor,
         color: theme.general.color,
         padding: '10px 18px',
@@ -108,17 +110,38 @@ var customStyles = function customStyles(theme) {
         fontSize: '16px',
         fontWeight: 300,
         lineHeight: '24px'
-      }, isFocused && !isDisabled && {
+      }, isSelected && !isDisabled && !isMulti && {
         background: theme.general.primaryColor,
         borderColor: theme.general.primaryColor,
-        color: theme.Select.contrastTextColor
-      }), {}, {
-        '&:hover, &:active, &:focus': {
-          background: theme.general.primaryColor,
-          borderColor: theme.general.primaryColor,
-          color: theme.Select.contrastTextColor
+        color: theme.Select.contrastTextColor,
+        '&:hover': {
+          backgroundColor: theme.Select.selectedActiveBg
+        },
+        '&:active': {
+          backgroundColor: theme.general.primaryColor,
+          boxShadow: "inset 0 0 0 1px ".concat(theme.Select.selectedActiveBg),
+          color: theme.general.contrastColor
+        }
+      }), isFocused && !isDisabled && !isSelected && {
+        backgroundColor: theme.Select.optionHoverBg,
+        borderColor: theme.Select.optionHoverBg,
+        color: theme.general.color,
+        '&:active': {
+          background: theme.Select.optionHoverBg,
+          boxShadow: "inset 0 0 0 1px ".concat(theme.Select.selectedActiveBg),
+          color: theme.general.color
+        }
+      }), isMulti && isSelected && {
+        backgroundColor: theme.Input.backgroundColor,
+        '&:hover': {
+          backgroundColor: theme.Select.optionHoverBg
+        },
+        '&:active': {
+          background: theme.Select.optionHoverBg,
+          boxShadow: "inset 0 0 0 1px ".concat(theme.Select.selectedActiveBg),
+          color: theme.general.color
         }
-      }, isDisabled && _objectSpread({
+      }), isDisabled && _objectSpread({
         backgroundColor: theme.Input.backgroundColorDisabled,
         color: theme.Select.disabledColor,
         '&:hover, &:active, &:focus': {

package/src/Form/SelectStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SelectStyles.tsx"],"names":["customStyles","theme","markInvalid","indicatorSeparator","display","indicatorsContainer","provided","container","isDisabled","selectProps","menuIsOpen","isSelectDisabled","disabled","padding","height","minHeight","color","textShadow","position","backgroundColor","Input","backgroundColorDisabled","Select","disabledColor","cursor","boxShadow","general","dangerColor","primaryColor","borderColor","control","alignItems","appearance","dropdownIndicator","fill","placeholderColor","menu","borderRadius","marginBottom","marginTop","overflowY","menuList","paddingBottom","paddingTop","option","isFocused","isSelected","fontSize","fontWeight","lineHeight","background","contrastTextColor","borderBottom","valueContainer","width","singleValue"],"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\nimport {Theme} from '../Layout';\nimport {inputStyle} from './Input';\n\nexport const customStyles = (theme: Theme, markInvalid = false) => ({\n  indicatorSeparator: () => ({\n    display: 'none',\n  }),\n  indicatorsContainer: provided => ({\n    ...provided,\n  }),\n  container: (provided, {isDisabled, selectProps}) => {\n    const {menuIsOpen} = selectProps;\n    const isSelectDisabled = selectProps.isDisabled;\n\n    return {\n      ...inputStyle(theme, {disabled: isDisabled, markInvalid}),\n      padding: 0,\n      height: 'auto',\n      minHeight: '48px',\n      '&:-moz-focusring': {\n        color: 'transparent',\n        textShadow: '0 0 0 #000',\n      },\n      position: 'relative',\n      ...(isDisabled && {\n        backgroundColor: theme.Input.backgroundColorDisabled,\n        color: theme.Select.disabledColor,\n        cursor: 'default',\n      }),\n      ...(markInvalid && {\n        boxShadow: `0 0 0 1px ${theme.general.dangerColor}`,\n      }),\n      ...(menuIsOpen && {\n        boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n      }),\n      ...(!menuIsOpen && {\n        '&:hover': {\n          boxShadow: !isSelectDisabled && `0 0 0 1px ${theme.Select.borderColor}`,\n        },\n        '&:focus, &:active': {\n          boxShadow: !isSelectDisabled && `0 0 0 1px ${theme.general.primaryColor}`,\n        },\n      }),\n      cursor: !isSelectDisabled && 'pointer',\n    };\n  },\n  control: () => ({\n    display: 'flex',\n    alignItems: 'center',\n    appearance: 'none',\n    padding: '0 8px 0 16px',\n    height: 'auto',\n    minHeight: '48px',\n  }),\n  dropdownIndicator: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      '& > svg': {\n        fill: isSelectDisabled && theme.Input.placeholderColor,\n      },\n    };\n  },\n  menu: provided => ({\n    ...provided,\n    boxShadow: `0 0 0 1px ${theme.general.primaryColor}, 0 4px 11px hsl(0deg 0% 0% / 10%)`,\n    borderRadius: 12,\n    marginBottom: 0,\n    marginTop: 4,\n    overflowY: 'overlay',\n  }),\n  menuList: provided => ({\n    ...provided,\n    borderRadius: 12,\n    paddingBottom: 0,\n    paddingTop: 0,\n  }),\n  option: (provided, {isDisabled, isFocused, isSelected}) => ({\n    ...provided,\n    backgroundColor: theme.Input.backgroundColor,\n    color: theme.general.color,\n    padding: '10px 18px',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    fontSize: '16px',\n    fontWeight: 300,\n    lineHeight: '24px',\n    ...(isFocused &&\n      !isDisabled && {\n        background: theme.general.primaryColor,\n        borderColor: theme.general.primaryColor,\n        color: theme.Select.contrastTextColor,\n      }),\n    '&:hover, &:active, &:focus': {\n      background: theme.general.primaryColor,\n      borderColor: theme.general.primaryColor,\n      color: theme.Select.contrastTextColor,\n    },\n    ...(isDisabled && {\n      backgroundColor: theme.Input.backgroundColorDisabled,\n      color: theme.Select.disabledColor,\n      '&:hover, &:active, &:focus': {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      },\n      ...(isFocused && {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      }),\n    }),\n    '&:not(:last-of-type)': {\n      borderBottom: `1px solid ${theme.Select.borderColor}`,\n    },\n    '&:first-of-type': {\n      borderRadius: '12px 12px 0 0',\n    },\n    '&:last-of-type': {\n      borderRadius: '0 0 12px 12px',\n    },\n  }),\n  valueContainer: provided => ({\n    ...provided,\n    padding: 0,\n    width: '100%',\n    display: 'grid',\n  }),\n  singleValue: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      color: isSelectDisabled ? theme.Input.placeholderColor : theme.general.color,\n    };\n  },\n});\n"],"file":"SelectStyles.js"}
+{"version":3,"sources":["SelectStyles.tsx"],"names":["customStyles","theme","markInvalid","indicatorSeparator","display","indicatorsContainer","provided","container","isDisabled","selectProps","menuIsOpen","isSelectDisabled","disabled","padding","height","minHeight","color","textShadow","position","backgroundColor","Input","backgroundColorDisabled","Select","disabledColor","cursor","boxShadow","general","dangerColor","primaryColor","control","alignItems","appearance","dropdownIndicator","fill","placeholderColor","menu","borderRadius","marginBottom","marginTop","overflowY","menuList","paddingBottom","paddingTop","option","isMulti","isFocused","isSelected","fontSize","fontWeight","lineHeight","background","borderColor","contrastTextColor","selectedActiveBg","contrastColor","optionHoverBg","borderBottom","valueContainer","width","singleValue"],"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\nimport {Theme} from '../Layout';\nimport {inputStyle} from './Input';\n\nexport const customStyles = (theme: Theme, markInvalid = false) => ({\n  indicatorSeparator: () => ({\n    display: 'none',\n  }),\n  indicatorsContainer: provided => ({\n    ...provided,\n  }),\n  container: (provided, {isDisabled, selectProps}) => {\n    const {menuIsOpen} = selectProps;\n    const isSelectDisabled = selectProps.isDisabled;\n\n    return {\n      '& > div': {\n        ...inputStyle(theme, {disabled: isSelectDisabled, markInvalid}),\n        padding: 0,\n        height: 'auto',\n        minHeight: '48px',\n        '&:-moz-focusring': {\n          color: 'transparent',\n          textShadow: '0 0 0 #000',\n        },\n        position: 'relative',\n        ...(isDisabled && {\n          backgroundColor: theme.Input.backgroundColorDisabled,\n          color: theme.Select.disabledColor,\n          cursor: 'default',\n        }),\n        ...(markInvalid && {\n          boxShadow: `0 0 0 1px ${theme.general.dangerColor}`,\n        }),\n        ...(menuIsOpen && {\n          boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n          '&:hover': {\n            boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n          },\n        }),\n        cursor: !isSelectDisabled && 'pointer',\n        '&:focus:visible, active': {\n          boxShadow: !isSelectDisabled && `0 0 0 1px ${theme.general.primaryColor}`,\n        },\n      },\n    };\n  },\n  control: () => ({\n    display: 'flex',\n    alignItems: 'center',\n    appearance: 'none',\n    padding: '0 8px 0 16px',\n    height: 'auto',\n    minHeight: '48px',\n  }),\n  dropdownIndicator: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      '& > svg': {\n        fill: isSelectDisabled && theme.Input.placeholderColor,\n      },\n    };\n  },\n  menu: provided => ({\n    ...provided,\n    boxShadow: `0 0 0 1px ${theme.general.primaryColor}, 0 4px 11px hsl(0deg 0% 0% / 10%)`,\n    borderRadius: 12,\n    marginBottom: 0,\n    marginTop: 4,\n    overflowY: 'overlay',\n  }),\n  menuList: provided => ({\n    ...provided,\n    borderRadius: 12,\n    paddingBottom: 0,\n    paddingTop: 0,\n  }),\n  option: (provided, {isMulti, isDisabled, isFocused, isSelected}) => ({\n    ...provided,\n    backgroundColor: theme.Input.backgroundColor,\n    color: theme.general.color,\n    padding: '10px 18px',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    fontSize: '16px',\n    fontWeight: 300,\n    lineHeight: '24px',\n    ...(isSelected &&\n      !isDisabled &&\n      !isMulti && {\n        background: theme.general.primaryColor,\n        borderColor: theme.general.primaryColor,\n        color: theme.Select.contrastTextColor,\n        '&:hover': {\n          backgroundColor: theme.Select.selectedActiveBg,\n        },\n        '&:active': {\n          backgroundColor: theme.general.primaryColor,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.contrastColor,\n        },\n      }),\n    ...(isFocused &&\n      !isDisabled &&\n      !isSelected && {\n        backgroundColor: theme.Select.optionHoverBg,\n        borderColor: theme.Select.optionHoverBg,\n        color: theme.general.color,\n        '&:active': {\n          background: theme.Select.optionHoverBg,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.color,\n        },\n      }),\n    ...(isMulti &&\n      isSelected && {\n        backgroundColor: theme.Input.backgroundColor,\n        '&:hover': {\n          backgroundColor: theme.Select.optionHoverBg,\n        },\n        '&:active': {\n          background: theme.Select.optionHoverBg,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.color,\n        },\n      }),\n    ...(isDisabled && {\n      backgroundColor: theme.Input.backgroundColorDisabled,\n      color: theme.Select.disabledColor,\n      '&:hover, &:active, &:focus': {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      },\n      ...(isFocused && {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      }),\n    }),\n    '&:not(:last-of-type)': {\n      borderBottom: `1px solid ${theme.Select.borderColor}`,\n    },\n    '&:first-of-type': {\n      borderRadius: '12px 12px 0 0',\n    },\n    '&:last-of-type': {\n      borderRadius: '0 0 12px 12px',\n    },\n  }),\n  valueContainer: provided => ({\n    ...provided,\n    padding: 0,\n    width: '100%',\n    display: 'grid',\n  }),\n  singleValue: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      color: isSelectDisabled ? theme.Input.placeholderColor : theme.general.color,\n    };\n  },\n});\n"],"file":"SelectStyles.js"}

package/src/GlobalCssVariables.js

@@ -42,6 +42,15 @@ var light = function light() {
     '--icon-button-primary-disabled-bg': _Identity.COLOR_V2.GRAY_20,
     '--icon-button-primary-disabled-border': _Identity.COLOR_V2.GRAY_40,
     '--icon-button-primary-hover-border': _Identity.COLOR_V2.GRAY_50,
+    // Button
+    '--button-primary-disabled-bg': _Identity.COLOR_V2.GRAY_50,
+    '--button-primary-disabled-text': _Identity.COLOR_V2.GRAY_80,
+    '--button-tertiary-bg': _Identity.COLOR.WHITE,
+    '--button-tertiary-border': _Identity.COLOR_V2.GRAY_40,
+    '--button-tertiary-hover-bg': _Identity.COLOR_V2.GRAY_20,
+    '--button-tertiary-hover-border': _Identity.COLOR_V2.GRAY_50,
+    '--button-tertiary-disabled-bg': _Identity.COLOR_V2.GRAY_20,
+    '--button-tertiary-disabled-border': 'transparent',
     // Inputs
     '--text-input-background': _Identity.COLOR.WHITE,
     '--text-input-border': _Identity.COLOR_V2.GRAY_40,
@@ -71,6 +80,15 @@ var dark = function dark() {
     '--icon-button-primary-disabled-bg': _Identity.COLOR_V2.GRAY_95,
     '--icon-button-primary-disabled-border': _Identity.COLOR_V2.GRAY_90,
     '--icon-button-primary-hover-border': _Identity.COLOR_V2.GRAY_70,
+    // Button
+    '--button-primary-disabled-bg': _Identity.COLOR_V2.GRAY_70,
+    '--button-primary-disabled-text': _Identity.COLOR.BLACK,
+    '--button-tertiary-bg': _Identity.COLOR_V2.GRAY_90,
+    '--button-tertiary-border': _Identity.COLOR_V2.GRAY_100,
+    '--button-tertiary-hover-bg': _Identity.COLOR_V2.GRAY_80,
+    '--button-tertiary-hover-border': _Identity.COLOR_V2.GRAY_80,
+    '--button-tertiary-disabled-bg': _Identity.COLOR_V2.GRAY_95,
+    '--button-tertiary-disabled-border': 'transparent',
     // Inputs
     '--text-input-background': _Identity.COLOR.BLACK,
     '--text-input-border': _Identity.COLOR_V2.GRAY_80,
@@ -93,7 +111,11 @@ var accentColors = function accentColors() {
     '--accent-color-border': _Identity.COLOR_V2.BLUE_LIGHT_500,
     '--accent-color-focus': _Identity.COLOR_V2.BLUE_LIGHT_400,
     '--icon-primary-active-fill': _Identity.COLOR_V2.BLUE_LIGHT_500,
-    '--icon-secondary-active-border': 'transparent'
+    '--icon-secondary-active-border': 'transparent',
+    '--button-primary-hover': _Identity.COLOR_V2.BLUE_LIGHT_600,
+    '--button-primary-active': _Identity.COLOR_V2.BLUE_LIGHT_700,
+    '--button-primary-active-border': _Identity.COLOR_V2.BLUE_LIGHT_700,
+    '--button-primary-focus-border': _Identity.COLOR_V2.BLUE_LIGHT_700
   };
 };
 

package/src/GlobalCssVariables.js.map

@@ -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,+BAA2BH,gBAAMC,KAjBG;AAkBpC,2BAAuBP,mBAASQ,OAlBI;AAmBpC,iCAA6BR,mBAASG,OAnBF;AAoBpC,gCAA4BH,mBAASK,OApBD;AAqBpC,6BAAyBL,mBAASC,OArBE;AAsBpC,0BAAsBD,mBAASI,OAtBK;AAwBpC;AACA,sBAAkBJ,mBAASU,aAzBS;AA0BpC,gBAAYV,mBAASE,OA1Be;AA2BpC,oBAAgBI,gBAAMK;AA3Bc,GAAP;AAAA,CAA/B;;AA8BA,IAAMC,IAAqB,GAAG,SAAxBA,IAAwB;AAAA,SAAO;AACnC;AACA,6BAAyBZ,mBAASa,OAFC;AAGnC,sCAAkCb,mBAASa,OAHR;AAInC,+CAA2Cb,mBAASI,OAJjB;AAKnC,yBAAqBJ,mBAASG,OALK;AAMnC,kCAA8BH,mBAASG,OANJ;AAQnC;AACA,wCAAoCH,mBAASa,OATV;AAUnC,sCAAkCb,mBAASI,OAVR;AAWnC,oCAAgCJ,mBAASc,QAXN;AAYnC,yCAAqCd,mBAASe,OAZX;AAanC,6CAAyCf,mBAASa,OAbf;AAcnC,0CAAsCb,mBAASK,OAdZ;AAgBnC;AACA,+BAA2BC,gBAAMK,KAjBE;AAkBnC,2BAAuBX,mBAASI,OAlBG;AAmBnC,iCAA6BJ,mBAASQ,OAnBH;AAoBnC,gCAA4BR,mBAASG,OApBF;AAqBnC,6BAAyBH,mBAASc,QArBC;AAsBnC,0BAAsBd,mBAASQ,OAtBI;AAwBnC;AACA,sBAAkBR,mBAASgB,YAzBQ;AA0BnC,gBAAYhB,mBAASe,OA1Bc;AA2BnC,oBAAgBT,gBAAMC;AA3Ba,GAAP;AAAA,CAA9B;;AA8BA,IAAMU,YAA6B,GAAG,SAAhCA,YAAgC;AAAA,SAAO;AAC3C,sBAAkBjB,mBAASkB,cADgB;AAE3C,gCAA4BlB,mBAASmB,aAFM;AAG3C,yCAAqCnB,mBAASoB,cAHH;AAI3C,6BAAyBpB,mBAASkB,cAJS;AAK3C,4BAAwBlB,mBAASqB,cALU;AAM3C,kCAA8BrB,mBAASkB,cANI;AAO3C,sCAAkC;AAPS,GAAP;AAAA,CAAtC;;AAUO,IAAMI,kBAAkB,GAAG;AAChCvB,EAAAA,KAAK,EAALA,KADgC;AAEhCa,EAAAA,IAAI,EAAJA,IAFgC;AAGhCK,EAAAA,YAAY,EAAZA;AAHgC,CAA3B","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  // 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  // 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});\n\nexport const GlobalCssVariables = {\n  light,\n  dark,\n  accentColors,\n};\n"],"file":"GlobalCssVariables.js"}
+{"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.WHITE,\n  '--button-tertiary-border': COLOR_V2.GRAY_40,\n  '--button-tertiary-hover-bg': COLOR_V2.GRAY_20,\n  '--button-tertiary-hover-border': COLOR_V2.GRAY_50,\n  '--button-tertiary-disabled-bg': COLOR_V2.GRAY_20,\n  '--button-tertiary-disabled-border': 'transparent',\n\n  // Inputs\n  '--text-input-background': COLOR.WHITE,\n  '--text-input-border': COLOR_V2.GRAY_40,\n  '--text-input-border-hover': COLOR_V2.GRAY_60,\n  '--text-input-placeholder': COLOR_V2.GRAY_70,\n  '--text-input-disabled': COLOR_V2.GRAY_20,\n  '--text-input-label': COLOR_V2.GRAY_80,\n\n  // 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"}

package/src/GlobalStyle.js

@@ -15,8 +15,6 @@ var _emotionNormalize = _interopRequireDefault(require("emotion-normalize"));
 
 var _GlobalCssVariables = require("./GlobalCssVariables");
 
-var _TextLink = require("./Text/TextLink");
-
 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; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -26,7 +24,6 @@ var globalStyles = function globalStyles(theme) {
     '*': {
       boxSizing: 'border-box'
     },
-    a: _objectSpread({}, (0, _TextLink.textLinkStyle)(theme, {})),
     'b, strong': {
       fontWeight: 600
     },
@@ -56,7 +53,7 @@ var globalStyles = function globalStyles(theme) {
 };
 
 var globalStyle = function globalStyle(theme) {
-  return /*#__PURE__*/(0, _react.css)(_emotionNormalize["default"], " ", globalStyles(theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:globalStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb2JhbFN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRXlDIiwiZmlsZSI6Ikdsb2JhbFN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7R2xvYmFsLCBDU1NPYmplY3QsIGNzcywganN4LCB3aXRoVGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBlbW90aW9uTm9ybWFsaXplIGZyb20gJ2Vtb3Rpb24tbm9ybWFsaXplJztcbmltcG9ydCB7R2xvYmFsQ3NzVmFyaWFibGVzfSBmcm9tICcuL0dsb2JhbENzc1ZhcmlhYmxlcyc7XG5cbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi9MYXlvdXQnO1xuaW1wb3J0IHt0ZXh0TGlua1N0eWxlfSBmcm9tICcuL1RleHQvVGV4dExpbmsnO1xuXG5jb25zdCBnbG9iYWxTdHlsZXM6ICh0aGVtZTogVGhlbWUpID0+IENTU09iamVjdCA9ICh0aGVtZTogVGhlbWUpID0+ICh7XG4gICcqJzoge1xuICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICB9LFxuICBhOiB7XG4gICAgLi4udGV4dExpbmtTdHlsZSh0aGVtZSwge30pLFxuICB9LFxuICAnYiwgc3Ryb25nJzoge1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgfSxcbiAgYm9keToge1xuICAgIC4uLkdsb2JhbENzc1ZhcmlhYmxlcy5hY2NlbnRDb2xvcnMoKSxcbiAgICBNb3pPc3hGb250U21vb3RoaW5nOiAnZ3JheXNjYWxlJyxcbiAgICBXZWJraXRGb250U21vb3RoaW5nOiAnYW50aWFsaWFzZWQnLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLmdlbmVyYWwuYmFja2dyb3VuZENvbG9yLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBmb250RmFtaWx5OiAnLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCBTZWdvZSBVSSwgUm9ib3RvLCBIZWx2ZXRpY2EgTmV1ZSwgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZicsXG4gICAgZm9udFdlaWdodDogMzAwLFxuICAgIGxpbmVIZWlnaHQ6IDEuNSxcbiAgICBtaW5IZWlnaHQ6ICcxMDB2aCcsXG4gICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQgMC4xNXMnLFxuICB9LFxuICAnYm9keSwgYm9keS50aGVtZS1kZWZhdWx0Jzoge1xuICAgIC4uLkdsb2JhbENzc1ZhcmlhYmxlcy5saWdodCgpLFxuICB9LFxuICAnYm9keS50aGVtZS1kYXJrJzoge1xuICAgIC4uLkdsb2JhbENzc1ZhcmlhYmxlcy5kYXJrKCksXG4gIH0sXG4gIGh0bWw6IHtcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS5nZW5lcmFsLmJhY2tncm91bmRDb2xvcixcbiAgICB0cmFuc2l0aW9uOiAnYmFja2dyb3VuZCAwLjE1cycsXG4gIH0sXG4gIHA6IHtcbiAgICBtYXJnaW5Ub3A6IDAsXG4gIH0sXG59KTtcblxuY29uc3QgZ2xvYmFsU3R5bGUgPSAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgJHtnbG9iYWxTdHlsZXModGhlbWUpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlID0gd2l0aFRoZW1lKCh7dGhlbWV9OiB7dGhlbWU6IFRoZW1lfSkgPT4ge1xuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e2dsb2JhbFN0eWxlKHRoZW1lKX0gLz47XG59KTtcbiJdfQ== */");
+  return /*#__PURE__*/(0, _react.css)(_emotionNormalize["default"], " ", globalStyles(theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:globalStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb2JhbFN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RHlDIiwiZmlsZSI6Ikdsb2JhbFN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7R2xvYmFsLCBDU1NPYmplY3QsIGNzcywganN4LCB3aXRoVGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBlbW90aW9uTm9ybWFsaXplIGZyb20gJ2Vtb3Rpb24tbm9ybWFsaXplJztcbmltcG9ydCB7R2xvYmFsQ3NzVmFyaWFibGVzfSBmcm9tICcuL0dsb2JhbENzc1ZhcmlhYmxlcyc7XG5cbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi9MYXlvdXQnO1xuXG5jb25zdCBnbG9iYWxTdHlsZXM6ICh0aGVtZTogVGhlbWUpID0+IENTU09iamVjdCA9ICh0aGVtZTogVGhlbWUpID0+ICh7XG4gICcqJzoge1xuICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICB9LFxuICAnYiwgc3Ryb25nJzoge1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgfSxcbiAgYm9keToge1xuICAgIC4uLkdsb2JhbENzc1ZhcmlhYmxlcy5hY2NlbnRDb2xvcnMoKSxcbiAgICBNb3pPc3hGb250U21vb3RoaW5nOiAnZ3JheXNjYWxlJyxcbiAgICBXZWJraXRGb250U21vb3RoaW5nOiAnYW50aWFsaWFzZWQnLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLmdlbmVyYWwuYmFja2dyb3VuZENvbG9yLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBmb250RmFtaWx5OiAnLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCBTZWdvZSBVSSwgUm9ib3RvLCBIZWx2ZXRpY2EgTmV1ZSwgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZicsXG4gICAgZm9udFdlaWdodDogMzAwLFxuICAgIGxpbmVIZWlnaHQ6IDEuNSxcbiAgICBtaW5IZWlnaHQ6ICcxMDB2aCcsXG4gICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQgMC4xNXMnLFxuICB9LFxuICAnYm9keSwgYm9keS50aGVtZS1kZWZhdWx0Jzoge1xuICAgIC4uLkdsb2JhbENzc1ZhcmlhYmxlcy5saWdodCgpLFxuICB9LFxuICAnYm9keS50aGVtZS1kYXJrJzoge1xuICAgIC4uLkdsb2JhbENzc1ZhcmlhYmxlcy5kYXJrKCksXG4gIH0sXG4gIGh0bWw6IHtcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS5nZW5lcmFsLmJhY2tncm91bmRDb2xvcixcbiAgICB0cmFuc2l0aW9uOiAnYmFja2dyb3VuZCAwLjE1cycsXG4gIH0sXG4gIHA6IHtcbiAgICBtYXJnaW5Ub3A6IDAsXG4gIH0sXG59KTtcblxuY29uc3QgZ2xvYmFsU3R5bGUgPSAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgJHtnbG9iYWxTdHlsZXModGhlbWUpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlID0gd2l0aFRoZW1lKCh7dGhlbWV9OiB7dGhlbWU6IFRoZW1lfSkgPT4ge1xuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e2dsb2JhbFN0eWxlKHRoZW1lKX0gLz47XG59KTtcbiJdfQ== */");
 };
 
 var GlobalStyle = (0, _react.withTheme)(function (_ref) {

package/src/GlobalStyle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GlobalStyle.tsx"],"names":["globalStyles","theme","boxSizing","a","fontWeight","body","GlobalCssVariables","accentColors","MozOsxFontSmoothing","WebkitFontSmoothing","background","general","backgroundColor","color","display","flexDirection","fontFamily","lineHeight","minHeight","transition","light","dark","html","p","marginTop","globalStyle","css","emotionNormalize","GlobalStyle"],"mappings":";;;;;;;;;;;AAoBA;;AACA;;AACA;;AAGA;;;;;;AAEA,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,CAACC,KAAD;AAAA,SAAmB;AACnE,SAAK;AACHC,MAAAA,SAAS,EAAE;AADR,KAD8D;AAInEC,IAAAA,CAAC,oBACI,6BAAcF,KAAd,EAAqB,EAArB,CADJ,CAJkE;AAOnE,iBAAa;AACXG,MAAAA,UAAU,EAAE;AADD,KAPsD;AAUnEC,IAAAA,IAAI,kCACCC,uCAAmBC,YAAnB,EADD;AAEFC,MAAAA,mBAAmB,EAAE,WAFnB;AAGFC,MAAAA,mBAAmB,EAAE,aAHnB;AAIFC,MAAAA,UAAU,EAAET,KAAK,CAACU,OAAN,CAAcC,eAJxB;AAKFC,MAAAA,KAAK,EAAEZ,KAAK,CAACU,OAAN,CAAcE,KALnB;AAMFC,MAAAA,OAAO,EAAE,MANP;AAOFC,MAAAA,aAAa,EAAE,QAPb;AAQFC,MAAAA,UAAU,EAAE,mGARV;AASFZ,MAAAA,UAAU,EAAE,GATV;AAUFa,MAAAA,UAAU,EAAE,GAVV;AAWFC,MAAAA,SAAS,EAAE,OAXT;AAYFC,MAAAA,UAAU,EAAE;AAZV,MAV+D;AAwBnE,kDACKb,uCAAmBc,KAAnB,EADL,CAxBmE;AA2BnE,yCACKd,uCAAmBe,IAAnB,EADL,CA3BmE;AA8BnEC,IAAAA,IAAI,EAAE;AACJZ,MAAAA,UAAU,EAAET,KAAK,CAACU,OAAN,CAAcC,eADtB;AAEJO,MAAAA,UAAU,EAAE;AAFR,KA9B6D;AAkCnEI,IAAAA,CAAC,EAAE;AACDC,MAAAA,SAAS,EAAE;AADV;AAlCgE,GAAnB;AAAA,CAAlD;;AAuCA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACxB,KAAD;AAAA,0BAAkByB,UAAlB,EAChBC,4BADgB,OAEhB3B,YAAY,CAACC,KAAD,CAFI;AAAA,CAApB;;AAKO,IAAM2B,WAAW,GAAG,sBAAU,gBAA6B;AAAA,MAA3B3B,KAA2B,QAA3BA,KAA2B;AAChE,SAAO,gBAAC,aAAD;AAAQ,IAAA,MAAM,EAAEwB,WAAW,CAACxB,KAAD;AAA3B,IAAP;AACD,CAF0B,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 {Global, CSSObject, css, jsx, withTheme} from '@emotion/react';\nimport emotionNormalize from 'emotion-normalize';\nimport {GlobalCssVariables} from './GlobalCssVariables';\n\nimport type {Theme} from './Layout';\nimport {textLinkStyle} from './Text/TextLink';\n\nconst globalStyles: (theme: Theme) => CSSObject = (theme: Theme) => ({\n  '*': {\n    boxSizing: 'border-box',\n  },\n  a: {\n    ...textLinkStyle(theme, {}),\n  },\n  'b, strong': {\n    fontWeight: 600,\n  },\n  body: {\n    ...GlobalCssVariables.accentColors(),\n    MozOsxFontSmoothing: 'grayscale',\n    WebkitFontSmoothing: 'antialiased',\n    background: theme.general.backgroundColor,\n    color: theme.general.color,\n    display: 'flex',\n    flexDirection: 'column',\n    fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif',\n    fontWeight: 300,\n    lineHeight: 1.5,\n    minHeight: '100vh',\n    transition: 'background 0.15s',\n  },\n  'body, body.theme-default': {\n    ...GlobalCssVariables.light(),\n  },\n  'body.theme-dark': {\n    ...GlobalCssVariables.dark(),\n  },\n  html: {\n    background: theme.general.backgroundColor,\n    transition: 'background 0.15s',\n  },\n  p: {\n    marginTop: 0,\n  },\n});\n\nconst globalStyle = (theme: Theme) => css`\n  ${emotionNormalize}\n  ${globalStyles(theme)}\n`;\n\nexport const GlobalStyle = withTheme(({theme}: {theme: Theme}) => {\n  return <Global styles={globalStyle(theme)} />;\n});\n"],"file":"GlobalStyle.js"}
+{"version":3,"sources":["GlobalStyle.tsx"],"names":["globalStyles","theme","boxSizing","fontWeight","body","GlobalCssVariables","accentColors","MozOsxFontSmoothing","WebkitFontSmoothing","background","general","backgroundColor","color","display","flexDirection","fontFamily","lineHeight","minHeight","transition","light","dark","html","p","marginTop","globalStyle","css","emotionNormalize","GlobalStyle"],"mappings":";;;;;;;;;;;AAoBA;;AACA;;AACA;;;;;;AAIA,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,CAACC,KAAD;AAAA,SAAmB;AACnE,SAAK;AACHC,MAAAA,SAAS,EAAE;AADR,KAD8D;AAInE,iBAAa;AACXC,MAAAA,UAAU,EAAE;AADD,KAJsD;AAOnEC,IAAAA,IAAI,kCACCC,uCAAmBC,YAAnB,EADD;AAEFC,MAAAA,mBAAmB,EAAE,WAFnB;AAGFC,MAAAA,mBAAmB,EAAE,aAHnB;AAIFC,MAAAA,UAAU,EAAER,KAAK,CAACS,OAAN,CAAcC,eAJxB;AAKFC,MAAAA,KAAK,EAAEX,KAAK,CAACS,OAAN,CAAcE,KALnB;AAMFC,MAAAA,OAAO,EAAE,MANP;AAOFC,MAAAA,aAAa,EAAE,QAPb;AAQFC,MAAAA,UAAU,EAAE,mGARV;AASFZ,MAAAA,UAAU,EAAE,GATV;AAUFa,MAAAA,UAAU,EAAE,GAVV;AAWFC,MAAAA,SAAS,EAAE,OAXT;AAYFC,MAAAA,UAAU,EAAE;AAZV,MAP+D;AAqBnE,kDACKb,uCAAmBc,KAAnB,EADL,CArBmE;AAwBnE,yCACKd,uCAAmBe,IAAnB,EADL,CAxBmE;AA2BnEC,IAAAA,IAAI,EAAE;AACJZ,MAAAA,UAAU,EAAER,KAAK,CAACS,OAAN,CAAcC,eADtB;AAEJO,MAAAA,UAAU,EAAE;AAFR,KA3B6D;AA+BnEI,IAAAA,CAAC,EAAE;AACDC,MAAAA,SAAS,EAAE;AADV;AA/BgE,GAAnB;AAAA,CAAlD;;AAoCA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACvB,KAAD;AAAA,0BAAkBwB,UAAlB,EAChBC,4BADgB,OAEhB1B,YAAY,CAACC,KAAD,CAFI;AAAA,CAApB;;AAKO,IAAM0B,WAAW,GAAG,sBAAU,gBAA6B;AAAA,MAA3B1B,KAA2B,QAA3BA,KAA2B;AAChE,SAAO,gBAAC,aAAD;AAAQ,IAAA,MAAM,EAAEuB,WAAW,CAACvB,KAAD;AAA3B,IAAP;AACD,CAF0B,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 {Global, CSSObject, css, jsx, withTheme} from '@emotion/react';\nimport emotionNormalize from 'emotion-normalize';\nimport {GlobalCssVariables} from './GlobalCssVariables';\n\nimport type {Theme} from './Layout';\n\nconst globalStyles: (theme: Theme) => CSSObject = (theme: Theme) => ({\n  '*': {\n    boxSizing: 'border-box',\n  },\n  'b, strong': {\n    fontWeight: 600,\n  },\n  body: {\n    ...GlobalCssVariables.accentColors(),\n    MozOsxFontSmoothing: 'grayscale',\n    WebkitFontSmoothing: 'antialiased',\n    background: theme.general.backgroundColor,\n    color: theme.general.color,\n    display: 'flex',\n    flexDirection: 'column',\n    fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif',\n    fontWeight: 300,\n    lineHeight: 1.5,\n    minHeight: '100vh',\n    transition: 'background 0.15s',\n  },\n  'body, body.theme-default': {\n    ...GlobalCssVariables.light(),\n  },\n  'body.theme-dark': {\n    ...GlobalCssVariables.dark(),\n  },\n  html: {\n    background: theme.general.backgroundColor,\n    transition: 'background 0.15s',\n  },\n  p: {\n    marginTop: 0,\n  },\n});\n\nconst globalStyle = (theme: Theme) => css`\n  ${emotionNormalize}\n  ${globalStyles(theme)}\n`;\n\nexport const GlobalStyle = withTheme(({theme}: {theme: Theme}) => {\n  return <Global styles={globalStyle(theme)} />;\n});\n"],"file":"GlobalStyle.js"}

package/src/Identity/colors-v2.js

@@ -34,7 +34,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var BASE_LIGHT_COLOR = {
   BLUE: '#0667c8',
   GREEN: '#1d7833',
-  PETROL: '#01718e',
+  TURQUOISE: '#01718e',
   PURPLE: '#8944ab',
   RED: '#c20013',
   AMBER: '#a25915'
@@ -43,7 +43,7 @@ exports.BASE_LIGHT_COLOR = BASE_LIGHT_COLOR;
 var BASE_DARK_COLOR = {
   BLUE: '#54a6ff',
   GREEN: '#30db5b',
-  PETROL: '#5de6ff',
+  TURQUOISE: '#5de6ff',
   PURPLE: '#da8fff',
   RED: '#ff7770',
   AMBER: '#ffd426'
@@ -97,29 +97,29 @@ var DARK_GREEN = {
   GREEN_DARK_800: '#135824',
   GREEN_DARK_900: '#0e421b'
 };
-var LIGHT_PETROL = {
-  PETROL_LIGHT_50: '#e5f1f3',
-  PETROL_LIGHT_100: '#cce2e7',
-  PETROL_LIGHT_200: '#99c6d0',
-  PETROL_LIGHT_300: '#67a9b8',
-  PETROL_LIGHT_400: '#348da1',
-  PETROL_LIGHT_500: BASE_LIGHT_COLOR.PETROL,
-  PETROL_LIGHT_600: '#015a6e',
-  PETROL_LIGHT_700: '#014352',
-  PETROL_LIGHT_800: '#002d37',
-  PETROL_LIGHT_900: '#1c454d'
+var LIGHT_TURQUOISE = {
+  TURQUOISE_LIGHT_50: '#e5f1f3',
+  TURQUOISE_LIGHT_100: '#cce2e7',
+  TURQUOISE_LIGHT_200: '#99c6d0',
+  TURQUOISE_LIGHT_300: '#67a9b8',
+  TURQUOISE_LIGHT_400: '#348da1',
+  TURQUOISE_LIGHT_500: BASE_LIGHT_COLOR.TURQUOISE,
+  TURQUOISE_LIGHT_600: '#015a6e',
+  TURQUOISE_LIGHT_700: '#014352',
+  TURQUOISE_LIGHT_800: '#002d37',
+  TURQUOISE_LIGHT_900: '#1c454d'
 };
-var DARK_PETROL = {
-  PETROL_DARK_50: '#effdff',
-  PETROL_DARK_100: '#dffaff',
-  PETROL_DARK_200: '#bef5ff',
-  PETROL_DARK_300: '#9ef0ff',
-  PETROL_DARK_400: '#7debff',
-  PETROL_DARK_500: BASE_DARK_COLOR.PETROL,
-  PETROL_DARK_600: '#4Ab8cc',
-  PETROL_DARK_700: '#388a99',
-  PETROL_DARK_800: '#255c66',
-  PETROL_DARK_900: '#1c454d'
+var DARK_TURQUOISE = {
+  TURQUOISE_DARK_50: '#effdff',
+  TURQUOISE_DARK_100: '#dffaff',
+  TURQUOISE_DARK_200: '#bef5ff',
+  TURQUOISE_DARK_300: '#9ef0ff',
+  TURQUOISE_DARK_400: '#7debff',
+  TURQUOISE_DARK_500: BASE_DARK_COLOR.TURQUOISE,
+  TURQUOISE_DARK_600: '#4Ab8cc',
+  TURQUOISE_DARK_700: '#388a99',
+  TURQUOISE_DARK_800: '#255c66',
+  TURQUOISE_DARK_900: '#1c454d'
 };
 var LIGHT_PURPLE = {
   PURPLE_LIGHT_50: '#f4edf7',
@@ -194,9 +194,9 @@ var DARK_AMBER = {
   AMBER_DARK_900: '#4d400b'
 };
 
-var DARK = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, DARK_BLUE), DARK_GREEN), DARK_PETROL), DARK_PURPLE), DARK_RED), DARK_AMBER);
+var DARK = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, DARK_BLUE), DARK_GREEN), DARK_TURQUOISE), DARK_PURPLE), DARK_RED), DARK_AMBER);
 
-var LIGHT = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, LIGHT_BLUE), LIGHT_GREEN), LIGHT_PETROL), LIGHT_PURPLE), LIGHT_RED), LIGHT_AMBER);
+var LIGHT = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, LIGHT_BLUE), LIGHT_GREEN), LIGHT_TURQUOISE), LIGHT_PURPLE), LIGHT_RED), LIGHT_AMBER);
 
 var GRAYS = {
   GRAY_10: '#fafafa',

package/src/Identity/colors-v2.js.map

@@ -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"}
+{"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

@@ -7,45 +7,65 @@ export declare enum THEME_ID {
     DEFAULT = "THEME_DEFAULT"
 }
 export interface Theme {
+    Button?: {
+        primaryBg: String;
+        primaryHoverBg: String;
+        primaryActiveBg: String;
+        primaryActiveBorder: String;
+        primaryFocusBorder: String;
+        primaryDisabledBg: String;
+        primaryDisabledText: String;
+        tertiaryBg: String;
+        tertiaryBorder: String;
+        tertiaryHoverBg: String;
+        tertiaryHoverBorder: String;
+        tertiarydisabledBg: String;
+        tertiaryDisabledBorder: String;
+        tertiaryActiveBg: String;
+    };
     IconButton: {
-        activePrimaryBgColor?: string;
-        activePrimaryBorderColor?: string;
-        focusBorderColor?: string;
-        hoverPrimaryBgColor?: string;
-        primaryActiveFillColor?: string;
-        primaryBgColor?: string;
-        primaryBorderColor?: string;
-        primaryDisabledBgColor?: string;
-        primaryDisabledBorderColor?: string;
-        primaryHoverBorderColor?: string;
-        secondaryActiveBorderColor?: string;
+        activePrimaryBgColor: string;
+        focusBorderColor: string;
+        hoverPrimaryBgColor: string;
+        primaryActiveFillColor: string;
+        primaryBgColor: string;
+        primaryBorderColor: string;
+        primaryDisabledBgColor: string;
+        primaryDisabledBorderColor: string;
+        primaryHoverBorderColor: string;
+        secondaryActiveBorderColor: string;
     };
     Checkbox: {
-        background?: string;
-        border?: string;
-        borderFocused?: string;
-        disableBgColor?: string;
-        disableBorderColor?: string;
-        disablecheckedBgColor?: string;
-        invalidBorderColor?: string;
+        background: string;
+        border: string;
+        borderFocused: string;
+        disableBgColor: string;
+        disableBorderColor: string;
+        disablecheckedBgColor: string;
+        invalidBorderColor: string;
     };
     general: {
         backgroundColor: string;
         color: string;
-        dangerColor?: string;
-        primaryColor?: string;
+        contrastColor: String;
+        dangerColor: string;
+        focusColor: String;
+        primaryColor: string;
     };
     Input: {
         backgroundColor: string;
         backgroundColorDisabled: string;
         placeholderColor: string;
         labelColor: string;
+        borderHover: string;
     };
     Select: {
-        disabledColor?: string;
-        contrastTextColor?: string;
-        borderColor?: string;
+        disabledColor: string;
+        contrastTextColor: string;
+        borderColor: string;
         focusedDescriptionColor?: string;
+        optionHoverBg: string;
+        selectedActiveBg: String;
     };
 }
 export declare const themes: {