@wireapp/react-ui-kit 8.1.0 → 8.4.0

package/src/Misc/index.d.js

@@ -4,6 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+var _ButtonGroup = require("./ButtonGroup");
+
+Object.keys(_ButtonGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ButtonGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ButtonGroup[key];
+    }
+  });
+});
+
 var _childrenWithDefaultProps = require("./childrenWithDefaultProps");
 
 Object.keys(_childrenWithDefaultProps).forEach(function (key) {
@@ -17,6 +30,19 @@ Object.keys(_childrenWithDefaultProps).forEach(function (key) {
   });
 });
 
+var _IconButton = require("./IconButton");
+
+Object.keys(_IconButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IconButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IconButton[key];
+    }
+  });
+});
+
 var _IsInViewport = require("./IsInViewport");
 
 Object.keys(_IsInViewport).forEach(function (key) {

package/src/Misc/index.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.d.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './childrenWithDefaultProps';\nexport * from './IsInViewport';\nexport * from './Loading';\nexport * from './Pagination';\nexport * from './Pill';\nexport * from './useLongTouch';\nexport * from './useTimeout';\n"],"file":"index.d.js"}
+{"version":3,"sources":["index.d.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './ButtonGroup';\nexport * from './childrenWithDefaultProps';\nexport * from './IconButton';\nexport * from './IsInViewport';\nexport * from './Loading';\nexport * from './Pagination';\nexport * from './Pill';\nexport * from './useLongTouch';\nexport * from './useTimeout';\n"],"file":"index.d.js"}

package/src/Misc/index.d.ts

@@ -1,4 +1,6 @@
+export * from './ButtonGroup';
 export * from './childrenWithDefaultProps';
+export * from './IconButton';
 export * from './IsInViewport';
 export * from './Loading';
 export * from './Pagination';

package/src/Misc/index.js

@@ -4,6 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+var _ButtonGroup = require("./ButtonGroup");
+
+Object.keys(_ButtonGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ButtonGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ButtonGroup[key];
+    }
+  });
+});
+
 var _childrenWithDefaultProps = require("./childrenWithDefaultProps");
 
 Object.keys(_childrenWithDefaultProps).forEach(function (key) {
@@ -17,6 +30,19 @@ Object.keys(_childrenWithDefaultProps).forEach(function (key) {
   });
 });
 
+var _IconButton = require("./IconButton");
+
+Object.keys(_IconButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IconButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IconButton[key];
+    }
+  });
+});
+
 var _IsInViewport = require("./IsInViewport");
 
 Object.keys(_IsInViewport).forEach(function (key) {

package/src/Misc/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAmBA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","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\nexport * from './childrenWithDefaultProps';\nexport * from './IsInViewport';\nexport * from './Loading';\nexport * from './Pagination';\nexport * from './Pill';\nexport * from './useLongTouch';\nexport * from './useTimeout';\n"],"file":"index.js"}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAmBA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","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\nexport * from './ButtonGroup';\nexport * from './childrenWithDefaultProps';\nexport * from './IconButton';\nexport * from './IsInViewport';\nexport * from './Loading';\nexport * from './Pagination';\nexport * from './Pill';\nexport * from './useLongTouch';\nexport * from './useTimeout';\n"],"file":"index.js"}

package/src/Text/Label.md

@@ -4,7 +4,7 @@ Demo:
 import React from 'react';
 import {
   Container,
-  Label,
+  InputLabel,
   LabelLink,
   InputSubmitCombo,
   RoundIconButton,
@@ -16,48 +16,48 @@ import {
 } from '@wireapp/react-ui-kit';
 
 <Container>
-  <Label>Label</Label>
+  <InputLabel>InputLabel</InputLabel>
   <LabelLink block>LabelLink</LabelLink>
 
   <Line />
-  <Label>
+  <InputLabel>
     <div style={{marginLeft: '16px'}}>{"I'm a label!"}</div>
     <Input placeholder="Focus me!" />
-  </Label>
-  <Label markInvalid>
+  </InputLabel>
+  <InputLabel markInvalid>
     <div style={{marginLeft: '16px'}}>{'Uh error!'}</div>
     <Input placeholder="Error" markInvalid />
-  </Label>
+  </InputLabel>
 
-  <Label>
+  <InputLabel>
     <div style={{marginLeft: '16px'}}>{'TextArea!'}</div>
     <TextArea placeholder="Text" />
-  </Label>
+  </InputLabel>
 
-  <Label markInvalid>
+  <InputLabel markInvalid>
     <div style={{marginLeft: '16px'}}>{'Uh error!'}</div>
     <TextArea placeholder="Text" markInvalid />
-  </Label>
+  </InputLabel>
 
-  <Label>
+  <InputLabel>
     <div style={{marginLeft: '16px'}}>{'Select!'}</div>
     <Select>
       <option>a</option>
       <option>b</option>
       <option>c</option>
     </Select>
-  </Label>
+  </InputLabel>
 
-  <Label markInvalid>
+  <InputLabel markInvalid>
     <div style={{marginLeft: '16px'}}>{'Uh error!'}</div>
     <Select markInvalid>
       <option>a</option>
       <option>b</option>
       <option>c</option>
     </Select>
-  </Label>
+  </InputLabel>
 
-  <Label>
+  <InputLabel>
     <div style={{marginLeft: '16px'}}>{'SubmitCombo label'}</div>
     <InputSubmitCombo>
       <Input placeholder="Input submit Combo" name="password" />
@@ -65,9 +65,9 @@ import {
         <ArrowIcon />
       </RoundIconButton>
     </InputSubmitCombo>
-  </Label>
+  </InputLabel>
 
-  <Label markInvalid>
+  <InputLabel markInvalid>
     <div style={{marginLeft: '16px'}}>{'SubmitCombo label'}</div>
     <InputSubmitCombo markInvalid>
       <Input placeholder="Input submit Combo" name="password" />
@@ -75,6 +75,6 @@ import {
         <ArrowIcon />
       </RoundIconButton>
     </InputSubmitCombo>
-  </Label>
+  </InputLabel>
 </Container>;
 ```

package/src/Text/TextLink.js

@@ -15,7 +15,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = require("@emotion/react");
 
-var _colors = require("../Identity/colors");
+var _colorsV = require("../Identity/colors-v2");
 
 var _Link = require("./Link");
 
@@ -27,7 +27,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 var textLinkStyle = function textLinkStyle(theme, _ref) {
   var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? _colors.COLOR.BLUE : _ref$color,
+      color = _ref$color === void 0 ? _colorsV.COLOR_V2.BLUE : _ref$color,
       _ref$fontSize = _ref.fontSize,
       fontSize = _ref$fontSize === void 0 ? '16px' : _ref$fontSize,
       _ref$bold = _ref.bold,

package/src/Text/TextLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TextLink.tsx"],"names":["textLinkStyle","theme","color","COLOR","BLUE","fontSize","bold","textTransform","props","TextLink"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AAEA;;;;;;;;AAIO,IAAMA,aAAsE,GAAG,SAAzEA,aAAyE,CACpFC,KADoF;AAAA,wBAEnFC,KAFmF;AAAA,MAEnFA,KAFmF,2BAE3EC,cAAMC,IAFqE;AAAA,2BAE/DC,QAF+D;AAAA,MAE/DA,QAF+D,8BAEpD,MAFoD;AAAA,uBAE5CC,IAF4C;AAAA,MAE5CA,IAF4C,0BAErC,KAFqC;AAAA,gCAE9BC,aAF8B;AAAA,MAE9BA,aAF8B,mCAEd,MAFc;AAAA,MAEHC,KAFG;AAAA,2BAIjF,qBAAUP,KAAV;AAAkBK,IAAAA,IAAI,EAAJA,IAAlB;AAAwBJ,IAAAA,KAAK,EAALA,KAAxB;AAA+BG,IAAAA,QAAQ,EAARA,QAA/B;AAAyCE,IAAAA,aAAa,EAAbA;AAAzC,KAA2DC,KAA3D,EAJiF;AAAA,CAA/E;;;;AAOA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACD,KAAD;AAAA,SACtB;AAAG,IAAA,GAAG,EAAE,aAACP,KAAD;AAAA,aAAkBD,aAAa,CAACC,KAAD,EAAQO,KAAR,CAA/B;AAAA,KAAR;AAAuD,IAAA,GAAG,EAAC;AAA3D,KAAqF,2BAAgBA,KAAhB,CAArF,EADsB;AAAA,CAAjB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {COLOR} from '../Identity/colors';\nimport type {Theme} from '../Layout';\nimport {LinkProps, filterLinkProps, linkStyle} from './Link';\n\nexport type TextLinkProps<T = HTMLAnchorElement> = LinkProps<T>;\n\nexport const textLinkStyle: <T>(theme: Theme, props: TextLinkProps<T>) => CSSObject = (\n  theme,\n  {color = COLOR.BLUE, fontSize = '16px', bold = false, textTransform = 'none', ...props},\n) => ({\n  ...linkStyle(theme, {bold, color, fontSize, textTransform, ...props}),\n});\n\nexport const TextLink = (props: TextLinkProps<HTMLAnchorElement>) => (\n  <a css={(theme: Theme) => textLinkStyle(theme, props)} rel=\"noopener noreferrer\" {...filterLinkProps(props)} />\n);\n"],"file":"TextLink.js"}
+{"version":3,"sources":["TextLink.tsx"],"names":["textLinkStyle","theme","color","COLOR_V2","BLUE","fontSize","bold","textTransform","props","TextLink"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AAEA;;;;;;;;AAIO,IAAMA,aAAsE,GAAG,SAAzEA,aAAyE,CACpFC,KADoF;AAAA,wBAEnFC,KAFmF;AAAA,MAEnFA,KAFmF,2BAE3EC,kBAASC,IAFkE;AAAA,2BAE5DC,QAF4D;AAAA,MAE5DA,QAF4D,8BAEjD,MAFiD;AAAA,uBAEzCC,IAFyC;AAAA,MAEzCA,IAFyC,0BAElC,KAFkC;AAAA,gCAE3BC,aAF2B;AAAA,MAE3BA,aAF2B,mCAEX,MAFW;AAAA,MAEAC,KAFA;AAAA,2BAIjF,qBAAUP,KAAV;AAAkBK,IAAAA,IAAI,EAAJA,IAAlB;AAAwBJ,IAAAA,KAAK,EAALA,KAAxB;AAA+BG,IAAAA,QAAQ,EAARA,QAA/B;AAAyCE,IAAAA,aAAa,EAAbA;AAAzC,KAA2DC,KAA3D,EAJiF;AAAA,CAA/E;;;;AAOA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACD,KAAD;AAAA,SACtB;AAAG,IAAA,GAAG,EAAE,aAACP,KAAD;AAAA,aAAkBD,aAAa,CAACC,KAAD,EAAQO,KAAR,CAA/B;AAAA,KAAR;AAAuD,IAAA,GAAG,EAAC;AAA3D,KAAqF,2BAAgBA,KAAhB,CAArF,EADsB;AAAA,CAAjB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {COLOR_V2} from '../Identity/colors-v2';\nimport type {Theme} from '../Layout';\nimport {LinkProps, filterLinkProps, linkStyle} from './Link';\n\nexport type TextLinkProps<T = HTMLAnchorElement> = LinkProps<T>;\n\nexport const textLinkStyle: <T>(theme: Theme, props: TextLinkProps<T>) => CSSObject = (\n  theme,\n  {color = COLOR_V2.BLUE, fontSize = '16px', bold = false, textTransform = 'none', ...props},\n) => ({\n  ...linkStyle(theme, {bold, color, fontSize, textTransform, ...props}),\n});\n\nexport const TextLink = (props: TextLinkProps<HTMLAnchorElement>) => (\n  <a css={(theme: Theme) => textLinkStyle(theme, props)} rel=\"noopener noreferrer\" {...filterLinkProps(props)} />\n);\n"],"file":"TextLink.js"}