@wireapp/react-ui-kit 8.17.10 → 9.0.1

package/lib/mediaQueries.js

@@ -0,0 +1,45 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.media = exports.QUERY = exports.QueryKeys = void 0;
+const sizes_1 = require("./Layout/sizes");
+var QueryKeys;
+(function (QueryKeys) {
+    QueryKeys["DESKTOP"] = "desktop";
+    QueryKeys["DESKTOP_XL"] = "desktopXL";
+    QueryKeys["MOBILE"] = "mobile";
+    QueryKeys["MOBILE_DOWN"] = "mobileDown";
+    QueryKeys["MOBILE_UP"] = "mobileUp";
+    QueryKeys["TABLET"] = "tablet";
+    QueryKeys["TABLET_DOWN"] = "tabletDown";
+    QueryKeys["TABLET_UP"] = "tabletUp";
+})(QueryKeys = exports.QueryKeys || (exports.QueryKeys = {}));
+exports.QUERY = {
+    [QueryKeys.DESKTOP]: `min-width: ${sizes_1.WIDTH.DESKTOP_MIN}px`,
+    [QueryKeys.DESKTOP_XL]: `min-width: ${sizes_1.WIDTH.DESKTOP_XL_MIN}px`,
+    [QueryKeys.MOBILE]: `max-width: ${sizes_1.WIDTH.MOBILE_MAX}px`,
+    [QueryKeys.MOBILE_DOWN]: `max-width: ${sizes_1.WIDTH.MOBILE_MAX}px`,
+    [QueryKeys.MOBILE_UP]: `min-width: ${sizes_1.WIDTH.MOBILE}px`,
+    [QueryKeys.TABLET]: `min-width: ${sizes_1.WIDTH.TABLET_MIN}px) and (max-width: ${sizes_1.WIDTH.TABLET_MAX}px`,
+    [QueryKeys.TABLET_DOWN]: `max-width: ${sizes_1.WIDTH.TABLET_MAX}px`,
+    [QueryKeys.TABLET_UP]: `min-width: ${sizes_1.WIDTH.TABLET_MIN}px`,
+};
+exports.media = Object.entries(exports.QUERY).reduce((accumulator, [key, value]) => (Object.assign(Object.assign({}, accumulator), { [key]: `@media (${value})` })), {});
+//# sourceMappingURL=mediaQueries.js.map

package/lib/mediaQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaQueries.js","sourceRoot":"","sources":["../src/mediaQueries.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,0CAAqC;AAErC,IAAY,SASX;AATD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,qCAAwB,CAAA;IACxB,8BAAiB,CAAA;IACjB,uCAA0B,CAAA;IAC1B,mCAAsB,CAAA;IACtB,8BAAiB,CAAA;IACjB,uCAA0B,CAAA;IAC1B,mCAAsB,CAAA;AACxB,CAAC,EATW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QASpB;AAIY,QAAA,KAAK,GAAa;IAC7B,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,cAAc,aAAK,CAAC,WAAW,IAAI;IACxD,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,cAAc,aAAK,CAAC,cAAc,IAAI;IAC9D,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,cAAc,aAAK,CAAC,UAAU,IAAI;IACtD,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,cAAc,aAAK,CAAC,UAAU,IAAI;IAC3D,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,cAAc,aAAK,CAAC,MAAM,IAAI;IACrD,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,cAAc,aAAK,CAAC,UAAU,uBAAuB,aAAK,CAAC,UAAU,IAAI;IAC7F,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,cAAc,aAAK,CAAC,UAAU,IAAI;IAC3D,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,cAAc,aAAK,CAAC,UAAU,IAAI;CAC1D,CAAC;AAEW,QAAA,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,aAAK,CAAC,CAAC,MAAM,CAC/C,CAAC,WAAW,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,iCAAK,WAAW,KAAE,CAAC,GAAG,CAAC,EAAE,WAAW,KAAK,GAAG,IAAE,EAC7E,EAAE,CACH,CAAC"}

package/lib/util.js

@@ -0,0 +1,35 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2019 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.manySelectors = exports.filterProps = exports.inlineSVG = exports.noop = void 0;
+const noop = () => { };
+exports.noop = noop;
+const inlineSVG = (svg) => `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
+exports.inlineSVG = inlineSVG;
+const filterProps = (props, propsToFilter) => {
+    return Object.entries(props).reduce((accumulator, [key, value]) => (!propsToFilter.includes(key) ? Object.assign(Object.assign({}, accumulator), { [key]: value }) : accumulator), {});
+};
+exports.filterProps = filterProps;
+const manySelectors = (selectors, css) => selectors.reduce((acc, selector) => {
+    acc[selector] = css;
+    return acc;
+}, {});
+exports.manySelectors = manySelectors;
+//# sourceMappingURL=util.js.map

package/lib/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAII,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAAhB,QAAA,IAAI,QAAY;AAEtB,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,2BAA2B,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;AAAlF,QAAA,SAAS,aAAyE;AAExF,MAAM,WAAW,GAAoF,CAC1G,KAAK,EACL,aAAa,EACb,EAAE;IACF,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CACjC,CAAC,WAAW,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,iCAAK,WAAW,KAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAE,CAAC,CAAC,WAAW,CAAC,EAC5G,EAAE,CACH,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,WAAW,eAQtB;AAEK,MAAM,aAAa,GAAG,CAAC,SAAmB,EAAE,GAAc,EAAE,EAAE,CACnE,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;IACjC,GAAG,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC;IACpB,OAAO,GAAG,CAAC;AACb,CAAC,EAAE,EAAE,CAAC,CAAC;AAJI,QAAA,aAAa,iBAIjB"}

package/package.json

@@ -1,4 +1,12 @@
 {
+  "name": "@wireapp/react-ui-kit",
+  "license": "GPL-3.0",
+  "repository": "https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit",
+  "files": [
+    "lib"
+  ],
+  "main": "lib/index",
+  "homepage": "https://wire-react-ui-kit.netlify.app/",
   "dependencies": {
     "@types/color": "3.0.3",
     "color": "4.2.3",
@@ -23,6 +31,7 @@
     "@types/jest": "^29.2.0",
     "@types/node": "^18.11.5",
     "@types/react": "18.0.21",
+    "@types/rimraf": "^3.0.2",
     "@types/webpack-env": "1.18.0",
     "babel-jest": "29.2.1",
     "babel-loader": "8.2.5",
@@ -33,9 +42,10 @@
     "react-hot-loader": "4.13.0",
     "react-styleguidist": "13.0.0",
     "react-test-renderer": "18.2.0",
+    "rimraf": "^3.0.2",
+    "typescript": "^4.8.4",
     "webpack": "^5.74.0"
   },
-  "homepage": "https://wire-react-ui-kit.netlify.app/",
   "peerDependencies": {
     "@emotion/react": "11.10.4",
     "@types/react": "^18.0.9",
@@ -47,28 +57,17 @@
       "optional": true
     }
   },
-  "license": "GPL-3.0",
-  "main": "src/index",
-  "files": [
-    "src",
-    "!src/**/!(*.d).ts",
-    "!src/**/*.test.*",
-    "!src/**/*.tsx",
-    "!src/test"
-  ],
-  "name": "@wireapp/react-ui-kit",
-  "repository": "https://github.com/wireapp/wire-web-packages/tree/main/packages/react-ui-kit",
   "scripts": {
-    "build": "tsc && babel --config-file ./babel.config.js --extensions .ts,.tsx ./src -d ./src --source-maps",
+    "build": "yarn clean && tsc",
     "build:styleguide": "styleguidist build",
-    "clean": "rimraf \"src/**/*{.js,.js.map,.d.ts}\"",
-    "dist": "yarn clean && yarn build",
+    "clean": "rimraf lib",
+    "dist": "yarn build",
     "start": "styleguidist server",
     "test": "jest",
     "test:coverage": "jest --coverage",
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "8.17.10",
-  "gitHead": "af33af823fb4ec62c3fc0ba2c6d4ec9456d7ae3c"
+  "version": "9.0.1",
+  "gitHead": "f631cf7a3891bf8e2c0ffe9b34896cba0962993d"
 }

package/src/Form/Button.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=Button.d.js.map

package/src/Form/Button.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.js","names":[],"sources":["Button.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport { Theme } from '../Layout';\nimport { TextProps } from '../Text';\nexport declare enum ButtonVariant {\n    PRIMARY = \"primary\",\n    SECONDARY = \"secondary\",\n    TERTIARY = \"tertiary\",\n    QUATERNARY = \"quaternary\",\n    SEND = \"send\"\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}\nexport declare const buttonStyle: <T>(theme: Theme, props: ButtonProps<T>) => CSSObject;\nexport declare const Button: ({ showLoading, children, loadingColor, ...props }: ButtonProps) => jsx.JSX.Element;\nexport declare const filterButtonProps: (props: ButtonProps) => Object;\n"],"mappings":""}

package/src/Form/Button.js

@@ -1,200 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.filterButtonProps = exports.buttonStyle = exports.ButtonVariant = exports.Button = void 0;
-var _react = require("@emotion/react");
-var _Identity = require("../Identity");
-var _motions = require("../Identity/motions");
-var _Misc = require("../Misc");
-var _Text = require("../Text");
-var _util = require("../util");
-var _excluded = ["variant", "backgroundColor", "block", "disabled", "noCapital", "bold", "center", "color", "fontSize", "noWrap", "textTransform", "truncate"],
-  _excluded2 = ["showLoading", "children", "loadingColor"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var ButtonVariant;
-exports.ButtonVariant = ButtonVariant;
-(function (ButtonVariant) {
-  ButtonVariant["PRIMARY"] = "primary";
-  ButtonVariant["SECONDARY"] = "secondary";
-  ButtonVariant["TERTIARY"] = "tertiary";
-  ButtonVariant["QUATERNARY"] = "quaternary";
-  ButtonVariant["SEND"] = "send";
-})(ButtonVariant || (exports.ButtonVariant = ButtonVariant = {}));
-var buttonStyle = function buttonStyle(theme, _ref) {
-  var _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? ButtonVariant.PRIMARY : _ref$variant,
-    backgroundColor = _ref.backgroundColor,
-    _ref$block = _ref.block,
-    block = _ref$block === void 0 ? false : _ref$block,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$noCapital = _ref.noCapital,
-    noCapital = _ref$noCapital === void 0 ? false : _ref$noCapital,
-    _ref$bold = _ref.bold,
-    bold = _ref$bold === void 0 ? true : _ref$bold,
-    _ref$center = _ref.center,
-    center = _ref$center === void 0 ? true : _ref$center,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? _Identity.COLOR.WHITE : _ref$color,
-    _ref$fontSize = _ref.fontSize,
-    fontSize = _ref$fontSize === void 0 ? '16px' : _ref$fontSize,
-    _ref$noWrap = _ref.noWrap,
-    noWrap = _ref$noWrap === void 0 ? true : _ref$noWrap,
-    _ref$textTransform = _ref.textTransform,
-    textTransform = _ref$textTransform === void 0 ? 'none' : _ref$textTransform,
-    _ref$truncate = _ref.truncate,
-    truncate = _ref$truncate === void 0 ? true : _ref$truncate,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (0, _Text.textStyle)(theme, _objectSpread({
-    block: block,
-    bold: bold,
-    center: center,
-    disabled: disabled,
-    fontSize: fontSize,
-    noWrap: noWrap,
-    textTransform: textTransform,
-    truncate: truncate
-  }, props))), {}, {
-    border: 0,
-    cursor: disabled ? 'default' : 'pointer',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginBottom: '16px',
-    padding: 0,
-    outline: 'none',
-    textDecoration: 'none',
-    touchAction: 'manipulation',
-    transition: _motions.defaultTransition,
-    width: block ? '100%' : 'auto',
-    '&:hover, &:focus': {
-      textDecoration: 'none'
-    }
-  }, variant !== ButtonVariant.TERTIARY && _objectSpread({
-    borderRadius: variant === ButtonVariant.SEND ? '100%' : '16px',
-    height: variant === ButtonVariant.SEND ? '40px' : '48px',
-    lineHeight: variant === ButtonVariant.SEND ? '40px' : '48px'
-  }, variant !== ButtonVariant.SEND && {
-    maxWidth: '100%',
-    minWidth: '125px',
-    padding: '0 16px'
-  })), variant === ButtonVariant.PRIMARY && _objectSpread({
-    backgroundColor: backgroundColor || (disabled ? theme.Button.primaryDisabledBg : theme.Button.primaryBg),
-    color: disabled ? theme.Button.primaryDisabledText : theme.general.contrastColor
-  }, !disabled && {
-    '&:hover, &:focus': {
-      backgroundColor: theme.Button.primaryHoverBg
-    },
-    '&:focus': {
-      border: "1px solid ".concat(theme.Button.primaryFocusBorder)
-    },
-    '&:active': {
-      backgroundColor: theme.Button.primaryActiveBg,
-      border: "1px solid ".concat(theme.Button.primaryActiveBorder),
-      color: _Identity.COLOR.WHITE
-    }
-  })), variant === ButtonVariant.SECONDARY && _objectSpread({
-    backgroundColor: backgroundColor || (disabled ? theme.IconButton.primaryDisabledBgColor : theme.IconButton.primaryBgColor),
-    border: "1px solid ".concat(theme.IconButton.primaryBorderColor),
-    color: disabled ? theme.Input.placeholderColor : theme.general.color
-  }, !disabled && {
-    '&:hover, &:focus': {
-      border: "1px solid ".concat(theme.Button.secondaryHoverBorder)
-    },
-    '&:focus': {
-      color: theme.IconButton.primaryActiveFillColor
-    },
-    '&:active': {
-      backgroundColor: theme.Button.secondaryActiveBg,
-      border: "1px solid ".concat(theme.Button.secondaryActiveBorder),
-      color: theme.general.primaryColor
-    }
-  })), variant === ButtonVariant.TERTIARY && _objectSpread({
-    backgroundColor: backgroundColor || (disabled ? theme.Button.tertiarydisabledBg : theme.Button.tertiaryBg),
-    border: disabled ? "1px solid ".concat(theme.Button.tertiaryDisabledBorder) : "1px solid ".concat(theme.Button.tertiaryBorder),
-    borderRadius: '12px',
-    color: disabled ? theme.Input.placeholderColor : theme.general.color,
-    fontSize: '14px',
-    fontWeight: 700,
-    lineHeight: '24px',
-    padding: '4px 8px',
-    '& > svg > path': {
-      fill: disabled ? theme.Input.placeholderColor : theme.general.color
-    }
-  }, !disabled && {
-    '&:hover, &:focus': {
-      backgroundColor: theme.Button.tertiaryHoverBg,
-      border: "1px solid ".concat(theme.Button.tertiaryHoverBorder)
-    },
-    '&:focus': {
-      border: "1px solid ".concat(theme.general.focusColor)
-    },
-    '&:active': {
-      backgroundColor: theme.Button.tertiaryActiveBg,
-      color: theme.IconButton.primaryActiveFillColor,
-      '& > svg > path': {
-        fill: theme.IconButton.primaryActiveFillColor
-      }
-    }
-  })), variant === ButtonVariant.QUATERNARY && _objectSpread({
-    backgroundColor: backgroundColor || (disabled ? _Identity.COLOR_V2.GRAY_50 : _Identity.COLOR_V2.GREEN),
-    color: disabled ? _Identity.COLOR_V2.GRAY_80 : _Identity.COLOR_V2.WHITE,
-    lineHeight: '24px'
-  }, !disabled && {
-    '&:hover, &:focus': {
-      backgroundColor: _Identity.COLOR_V2.GREEN_LIGHT_600
-    },
-    '&:focus': {
-      border: "1px solid ".concat(_Identity.COLOR_V2.GREEN_LIGHT_700)
-    },
-    '&:active': {
-      backgroundColor: _Identity.COLOR_V2.GREEN_LIGHT_700
-    }
-  })), variant === ButtonVariant.SEND && _objectSpread({
-    backgroundColor: backgroundColor || (disabled ? _Identity.COLOR_V2.GRAY_70 : _Identity.COLOR_V2.BLUE),
-    width: '40px'
-  }, !disabled && {
-    '&:hover, &:focus': {
-      backgroundColor: _Identity.COLOR_V2.BLUE_LIGHT_600
-    },
-    '&:focus': {
-      border: "1px solid ".concat(_Identity.COLOR_V2.BLUE_LIGHT_800)
-    },
-    '&:active': {
-      backgroundColor: _Identity.COLOR_V2.BLUE_LIGHT_700
-    }
-  }));
-};
-exports.buttonStyle = buttonStyle;
-var Button = function Button(_ref2) {
-  var showLoading = _ref2.showLoading,
-    children = _ref2.children,
-    _ref2$loadingColor = _ref2.loadingColor,
-    loadingColor = _ref2$loadingColor === void 0 ? _Identity.COLOR.WHITE : _ref2$loadingColor,
-    props = _objectWithoutProperties(_ref2, _excluded2);
-  return (0, _react.jsx)("button", _extends({
-    css: function css(theme) {
-      return buttonStyle(theme, props);
-    }
-  }, filterButtonProps(props)), showLoading ? (0, _react.jsx)(_Misc.Loading, {
-    size: 30,
-    color: loadingColor,
-    style: {
-      display: 'flex',
-      margin: 'auto'
-    }
-  }) : children);
-};
-exports.Button = Button;
-var filterButtonProps = function filterButtonProps(props) {
-  return (0, _util.filterProps)((0, _Text.filterTextProps)(props), ['backgroundColor', 'noCapital']);
-};
-exports.filterButtonProps = filterButtonProps;
-//# sourceMappingURL=Button.js.map

package/src/Form/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","names":["ButtonVariant","buttonStyle","theme","variant","PRIMARY","backgroundColor","block","disabled","noCapital","bold","center","color","COLOR","WHITE","fontSize","noWrap","textTransform","truncate","props","textStyle","border","cursor","display","alignItems","justifyContent","marginBottom","padding","outline","textDecoration","touchAction","transition","defaultTransition","width","TERTIARY","borderRadius","SEND","height","lineHeight","maxWidth","minWidth","Button","primaryDisabledBg","primaryBg","primaryDisabledText","general","contrastColor","primaryHoverBg","primaryFocusBorder","primaryActiveBg","primaryActiveBorder","SECONDARY","IconButton","primaryDisabledBgColor","primaryBgColor","primaryBorderColor","Input","placeholderColor","secondaryHoverBorder","primaryActiveFillColor","secondaryActiveBg","secondaryActiveBorder","primaryColor","tertiarydisabledBg","tertiaryBg","tertiaryDisabledBorder","tertiaryBorder","fontWeight","fill","tertiaryHoverBg","tertiaryHoverBorder","focusColor","tertiaryActiveBg","QUATERNARY","COLOR_V2","GRAY_50","GREEN","GRAY_80","GREEN_LIGHT_600","GREEN_LIGHT_700","GRAY_70","BLUE","BLUE_LIGHT_600","BLUE_LIGHT_800","BLUE_LIGHT_700","showLoading","children","loadingColor","filterButtonProps","margin","filterProps","filterTextProps"],"sources":["Button.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {COLOR, COLOR_V2} from '../Identity';\nimport {defaultTransition} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {Loading} from '../Misc';\nimport {TextProps, filterTextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport enum ButtonVariant {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  TERTIARY = 'tertiary',\n  QUATERNARY = 'quaternary',\n  SEND = 'send',\n}\n\nexport interface ButtonProps<T = HTMLButtonElement> extends TextProps<T> {\n  variant?: ButtonVariant;\n  backgroundColor?: string;\n  loadingColor?: string;\n  noCapital?: boolean;\n  showLoading?: boolean;\n}\n\nexport const buttonStyle: <T>(theme: Theme, props: ButtonProps<T>) => CSSObject = (\n  theme,\n  {\n    variant = ButtonVariant.PRIMARY,\n    backgroundColor,\n    block = false,\n    disabled = false,\n    noCapital = false,\n    bold = true,\n    center = true,\n    color = COLOR.WHITE,\n    fontSize = '16px',\n    noWrap = true,\n    textTransform = 'none',\n    truncate = true,\n    ...props\n  },\n) => ({\n  ...textStyle(theme, {\n    block,\n    bold,\n    center,\n    disabled,\n    fontSize,\n    noWrap,\n    textTransform,\n    truncate,\n    ...props,\n  }),\n  border: 0,\n  cursor: disabled ? 'default' : 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  marginBottom: '16px',\n  padding: 0,\n  outline: 'none',\n  textDecoration: 'none',\n  touchAction: 'manipulation',\n  transition: defaultTransition,\n  width: block ? '100%' : 'auto',\n  '&:hover, &:focus': {\n    textDecoration: 'none',\n  },\n  ...(variant !== ButtonVariant.TERTIARY && {\n    borderRadius: variant === ButtonVariant.SEND ? '100%' : '16px',\n    height: variant === ButtonVariant.SEND ? '40px' : '48px',\n    lineHeight: variant === ButtonVariant.SEND ? '40px' : '48px',\n    ...(variant !== ButtonVariant.SEND && {\n      maxWidth: '100%',\n      minWidth: '125px',\n      padding: '0 16px',\n    }),\n  }),\n  ...(variant === ButtonVariant.PRIMARY && {\n    backgroundColor: backgroundColor || (disabled ? theme.Button.primaryDisabledBg : theme.Button.primaryBg),\n    color: disabled ? theme.Button.primaryDisabledText : theme.general.contrastColor,\n    ...(!disabled && {\n      '&:hover, &:focus': {\n        backgroundColor: theme.Button.primaryHoverBg,\n      },\n      '&:focus': {\n        border: `1px solid ${theme.Button.primaryFocusBorder}`,\n      },\n      '&:active': {\n        backgroundColor: theme.Button.primaryActiveBg,\n        border: `1px solid ${theme.Button.primaryActiveBorder}`,\n        color: COLOR.WHITE,\n      },\n    }),\n  }),\n  ...(variant === ButtonVariant.SECONDARY && {\n    backgroundColor:\n      backgroundColor || (disabled ? theme.IconButton.primaryDisabledBgColor : theme.IconButton.primaryBgColor),\n    border: `1px solid ${theme.IconButton.primaryBorderColor}`,\n    color: disabled ? theme.Input.placeholderColor : theme.general.color,\n    ...(!disabled && {\n      '&:hover, &:focus': {\n        border: `1px solid ${theme.Button.secondaryHoverBorder}`,\n      },\n      '&:focus': {\n        color: theme.IconButton.primaryActiveFillColor,\n      },\n      '&:active': {\n        backgroundColor: theme.Button.secondaryActiveBg,\n        border: `1px solid ${theme.Button.secondaryActiveBorder}`,\n        color: theme.general.primaryColor,\n      },\n    }),\n  }),\n  ...(variant === ButtonVariant.TERTIARY && {\n    backgroundColor: backgroundColor || (disabled ? theme.Button.tertiarydisabledBg : theme.Button.tertiaryBg),\n    border: disabled ? `1px solid ${theme.Button.tertiaryDisabledBorder}` : `1px solid ${theme.Button.tertiaryBorder}`,\n    borderRadius: '12px',\n    color: disabled ? theme.Input.placeholderColor : theme.general.color,\n    fontSize: '14px',\n    fontWeight: 700,\n    lineHeight: '24px',\n    padding: '4px 8px',\n    '& > svg > path': {\n      fill: disabled ? theme.Input.placeholderColor : theme.general.color,\n    },\n    ...(!disabled && {\n      '&:hover, &:focus': {\n        backgroundColor: theme.Button.tertiaryHoverBg,\n        border: `1px solid ${theme.Button.tertiaryHoverBorder}`,\n      },\n      '&:focus': {\n        border: `1px solid ${theme.general.focusColor}`,\n      },\n      '&:active': {\n        backgroundColor: theme.Button.tertiaryActiveBg,\n        color: theme.IconButton.primaryActiveFillColor,\n        '& > svg > path': {\n          fill: theme.IconButton.primaryActiveFillColor,\n        },\n      },\n    }),\n  }),\n  ...(variant === ButtonVariant.QUATERNARY && {\n    backgroundColor: backgroundColor || (disabled ? COLOR_V2.GRAY_50 : COLOR_V2.GREEN),\n    color: disabled ? COLOR_V2.GRAY_80 : COLOR_V2.WHITE,\n    lineHeight: '24px',\n    ...(!disabled && {\n      '&:hover, &:focus': {\n        backgroundColor: COLOR_V2.GREEN_LIGHT_600,\n      },\n      '&:focus': {\n        border: `1px solid ${COLOR_V2.GREEN_LIGHT_700}`,\n      },\n      '&:active': {\n        backgroundColor: COLOR_V2.GREEN_LIGHT_700,\n      },\n    }),\n  }),\n  ...(variant === ButtonVariant.SEND && {\n    backgroundColor: backgroundColor || (disabled ? COLOR_V2.GRAY_70 : COLOR_V2.BLUE),\n    width: '40px',\n    ...(!disabled && {\n      '&:hover, &:focus': {\n        backgroundColor: COLOR_V2.BLUE_LIGHT_600,\n      },\n      '&:focus': {\n        border: `1px solid ${COLOR_V2.BLUE_LIGHT_800}`,\n      },\n      '&:active': {\n        backgroundColor: COLOR_V2.BLUE_LIGHT_700,\n      },\n    }),\n  }),\n});\n\nexport const Button = ({showLoading, children, loadingColor = COLOR.WHITE, ...props}: ButtonProps) => (\n  <button css={(theme: Theme) => buttonStyle(theme, props)} {...filterButtonProps(props)}>\n    {showLoading ? <Loading size={30} color={loadingColor} style={{display: 'flex', margin: 'auto'}} /> : children}\n  </button>\n);\n\nexport const filterButtonProps = (props: ButtonProps) => {\n  return filterProps(filterTextProps(props) as ButtonProps, ['backgroundColor', 'noCapital']);\n};\n"],"mappings":"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"}

package/src/Form/Button.md

@@ -1,89 +0,0 @@
-Demo:
-
-```js
-import {Button, Container, Columns, Column, COLOR, COLOR_V2, H2, PlaneIcon} from '@wireapp/react-ui-kit';
-
-<Container>
-  <H2>Primary Button</H2>
-  <Columns>
-    <Column>Button</Column>
-    <Column>
-      <Button>Button</Button>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Disabled Button</Column>
-    <Column>
-      <Button disabled onClick={() => alert('This should not work')}>
-        Disabled Button
-      </Button>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Loading Button</Column>
-    <Column>
-      <Button showLoading disabled onClick={() => alert('This should not work')}>
-        Loading Button
-      </Button>
-    </Column>
-  </Columns>
-
-  <H2>Secondary Button</H2>
-  <Columns>
-    <Column>Button</Column>
-    <Column>
-      <Button variant="secondary">Button</Button>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Disabled Button</Column>
-    <Column>
-      <Button variant="secondary" disabled onClick={() => alert('This should not work')}>
-        Disabled Button
-      </Button>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Loading Button</Column>
-    <Column>
-      <Button variant="secondary" showLoading disabled onClick={() => alert('This should not work')}>
-        Loading Button
-      </Button>
-    </Column>
-  </Columns>
-
-  <H2>Tertiary Button</H2>
-  <Columns>
-    <Column>Button</Column>
-    <Column>
-      <Button variant="tertiary">Copy link</Button>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Disabled Button</Column>
-    <Column>
-      <Button variant="tertiary" disabled onClick={() => alert('This should not work')}>
-        Copy link
-      </Button>
-    </Column>
-  </Columns>
-
-  <H2>Send Button</H2>
-  <Columns>
-    <Column>Button</Column>
-    <Column>
-      <Button variant="send">
-        <PlaneIcon color={COLOR_V2.WHITE} />
-      </Button>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Disabled Button</Column>
-    <Column>
-      <Button variant="send" disabled onClick={() => alert('This should not work')}>
-        <PlaneIcon color={COLOR_V2.WHITE} />
-      </Button>
-    </Column>
-  </Columns>
-</Container>;
-```

package/src/Form/ButtonLink.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=ButtonLink.d.js.map

package/src/Form/ButtonLink.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.d.js","names":[],"sources":["ButtonLink.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport { ButtonProps } from './Button';\nimport { Theme } from '../Layout';\nexport declare const buttonLinkStyle: (theme: Theme, props: ButtonProps<HTMLAnchorElement>) => CSSObject;\nexport declare const ButtonLink: ({ children, showLoading, loadingColor, ...props }: ButtonProps<HTMLAnchorElement>) => jsx.JSX.Element;\n"],"mappings":""}

package/src/Form/ButtonLink.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buttonLinkStyle = exports.ButtonLink = void 0;
-var _react = require("@emotion/react");
-var _Misc = require("../Misc");
-var _Identity = require("../Identity");
-var _util = require("../util");
-var _Text = require("../Text");
-var _Button = require("./Button");
-var _excluded = ["children", "showLoading", "loadingColor"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var buttonLinkStyle = function buttonLinkStyle(theme, props) {
-  return _objectSpread(_objectSpread({}, (0, _Button.buttonStyle)(theme, props)), {}, {
-    display: 'inline-flex !important'
-  });
-};
-exports.buttonLinkStyle = buttonLinkStyle;
-var filterButtonLinkProps = function filterButtonLinkProps(props) {
-  return (0, _util.filterProps)((0, _Text.filterTextProps)(props), ['backgroundColor', 'disabled', 'noCapital']);
-};
-var ButtonLink = function ButtonLink(_ref) {
-  var children = _ref.children,
-    showLoading = _ref.showLoading,
-    _ref$loadingColor = _ref.loadingColor,
-    loadingColor = _ref$loadingColor === void 0 ? _Identity.COLOR.WHITE : _ref$loadingColor,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return (0, _react.jsx)("a", _extends({
-    css: function css(theme) {
-      return buttonLinkStyle(theme, props);
-    }
-  }, filterButtonLinkProps(props)), showLoading ? (0, _react.jsx)(_Misc.Loading, {
-    size: 30,
-    color: loadingColor,
-    style: {
-      display: 'flex',
-      margin: 'auto'
-    }
-  }) : children);
-};
-exports.ButtonLink = ButtonLink;
-//# sourceMappingURL=ButtonLink.js.map

package/src/Form/ButtonLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.js","names":["buttonLinkStyle","theme","props","buttonStyle","display","filterButtonLinkProps","filterProps","filterTextProps","ButtonLink","children","showLoading","loadingColor","COLOR","WHITE","margin"],"sources":["ButtonLink.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {Loading} from '../Misc';\nimport {COLOR} from '../Identity';\nimport {filterProps} from '../util';\nimport {filterTextProps} from '../Text';\nimport {ButtonProps, buttonStyle} from './Button';\nimport {Theme} from '../Layout';\n\nexport const buttonLinkStyle: (theme: Theme, props: ButtonProps<HTMLAnchorElement>) => CSSObject = (theme, props) => ({\n  ...buttonStyle(theme, props),\n  display: 'inline-flex !important',\n});\n\nconst filterButtonLinkProps = (props: ButtonProps<HTMLAnchorElement>) => {\n  return filterProps(filterTextProps(props) as ButtonProps<HTMLAnchorElement>, [\n    'backgroundColor',\n    'disabled',\n    'noCapital',\n  ]);\n};\n\nexport const ButtonLink = ({\n  children,\n  showLoading,\n  loadingColor = COLOR.WHITE,\n  ...props\n}: ButtonProps<HTMLAnchorElement>) => (\n  <a css={(theme: Theme) => buttonLinkStyle(theme, props)} {...filterButtonLinkProps(props)}>\n    {showLoading ? <Loading size={30} color={loadingColor} style={{display: 'flex', margin: 'auto'}} /> : children}\n  </a>\n);\n"],"mappings":";;;;;;AAoBA;AAEA;AACA;AACA;AACA;AACA;AAAkD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAG3C,IAAMA,eAAmF,GAAG,SAAtFA,eAAmF,CAAIC,KAAK,EAAEC,KAAK;EAAA,uCAC3G,IAAAC,mBAAW,EAACF,KAAK,EAAEC,KAAK,CAAC;IAC5BE,OAAO,EAAE;EAAwB;AAAA,CACjC;AAAC;AAEH,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAIH,KAAqC,EAAK;EACvE,OAAO,IAAAI,iBAAW,EAAC,IAAAC,qBAAe,EAACL,KAAK,CAAC,EAAoC,CAC3E,iBAAiB,EACjB,UAAU,EACV,WAAW,CACZ,CAAC;AACJ,CAAC;AAEM,IAAMM,UAAU,GAAG,SAAbA,UAAU;EAAA,IACrBC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IAAA,yBACXC,YAAY;IAAZA,YAAY,kCAAGC,eAAK,CAACC,KAAK;IACvBX,KAAK;EAAA,OAER;IAAG,GAAG,EAAE,aAACD,KAAY;MAAA,OAAKD,eAAe,CAACC,KAAK,EAAEC,KAAK,CAAC;IAAA;EAAC,GAAKG,qBAAqB,CAACH,KAAK,CAAC,GACtFQ,WAAW,GAAG,gBAAC,aAAO;IAAC,IAAI,EAAE,EAAG;IAAC,KAAK,EAAEC,YAAa;IAAC,KAAK,EAAE;MAACP,OAAO,EAAE,MAAM;MAAEU,MAAM,EAAE;IAAM;EAAE,EAAG,GAAGL,QAAQ,CAC5G;AAAA,CACL;AAAC"}

package/src/Form/ButtonLink.md

@@ -1,22 +0,0 @@
-Demo:
-
-```js
-import {ButtonLink, Container, Columns, Column, COLOR} from '@wireapp/react-ui-kit';
-
-<Container>
-  <Columns>
-    <Column>ButtonLink</Column>
-    <Column>
-      <ButtonLink backgroundColor={COLOR.GREEN}>ButtonLink</ButtonLink>
-    </Column>
-  </Columns>
-  <Columns>
-    <Column>Loading ButtonLink</Column>
-    <Column>
-      <ButtonLink showLoading backgroundColor={COLOR.GREEN}>
-        ButtonLink
-      </ButtonLink>
-    </Column>
-  </Columns>
-</Container>;
-```

package/src/Form/Checkbox.d.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=Checkbox.d.js.map

package/src/Form/Checkbox.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.js","names":[],"sources":["Checkbox.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx } from '@emotion/react';\nimport React from 'react';\nimport { TextProps } from '../Text';\nimport { InputProps } from './Input';\nexport interface StyledLabelProps<T = HTMLLabelElement> extends React.HTMLProps<T> {\n    disabled?: boolean;\n    markInvalid?: boolean;\n    aligncenter?: boolean;\n    labelBeforeCheckbox?: boolean;\n}\ninterface CheckboxProps<T = HTMLInputElement> extends InputProps<T> {\n    id?: string;\n    aligncenter?: boolean;\n    labelBeforeCheckbox?: boolean;\n    outlineOffset?: string;\n}\nexport declare const Checkbox: React.FC<CheckboxProps<HTMLInputElement>>;\nexport declare type CheckboxLabelProps<T = HTMLSpanElement> = TextProps<T>;\nexport declare const CheckboxLabel: ({ ...props }: CheckboxLabelProps) => jsx.JSX.Element;\nexport {};\n"],"mappings":""}