@wireapp/react-ui-kit 8.14.3 → 8.14.4

package/src/Form/TextArea.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextArea = exports.TEXTAREA_CLASSNAME = exports.textAreaStyle = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _Identity = require("../Identity");
+
+var _util = require("../util");
+
+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; }
+
+var textAreaStyle = function textAreaStyle(theme, _ref) {
+  var _ref$markInvalid = _ref.markInvalid,
+      markInvalid = _ref$markInvalid === void 0 ? false : _ref$markInvalid,
+      _ref$placeholderTextT = _ref.placeholderTextTransform,
+      placeholderTextTransform = _ref$placeholderTextT === void 0 ? 'none' : _ref$placeholderTextT,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+  var placeholderStyle = {
+    color: theme.Input.placeholderColor,
+    fontSize: '16px',
+    textTransform: placeholderTextTransform
+  };
+  return {
+    '&::-moz-placeholder': _objectSpread(_objectSpread({}, placeholderStyle), {}, {
+      opacity: 1
+    }),
+    '&::-ms-input-placeholder': _objectSpread({}, placeholderStyle),
+    '&::-webkit-input-placeholder': _objectSpread({}, placeholderStyle),
+    '&:focus': {
+      boxShadow: "0 0 0 1px ".concat(_Identity.COLOR.BLUE)
+    },
+    '&:invalid': !markInvalid ? {
+      boxShadow: "0 0 0 1px ".concat(_Identity.COLOR.GRAY)
+    } : {},
+    background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,
+    border: 'none',
+    borderRadius: '4px',
+    boxShadow: markInvalid ? "0 0 0 1px ".concat(_Identity.COLOR.RED) : "0 0 0 1px ".concat(_Identity.COLOR.GRAY),
+    caretColor: _Identity.COLOR.BLUE,
+    color: theme.general.color,
+    fontWeight: 300,
+    lineHeight: '24px',
+    margin: '0 0 16px',
+    outline: 'none',
+    padding: '16px 16px',
+    resize: 'none',
+    width: '100%'
+  };
+};
+
+exports.textAreaStyle = textAreaStyle;
+var TEXTAREA_CLASSNAME = 'textarea';
+exports.TEXTAREA_CLASSNAME = TEXTAREA_CLASSNAME;
+
+var filterTextAreaProps = function filterTextAreaProps(props) {
+  return (0, _util.filterProps)(props, ['markInvalid', 'placeholderTextTransform']);
+};
+
+var TextArea = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
+  return (0, _react.jsx)("textarea", (0, _extends2["default"])({
+    className: TEXTAREA_CLASSNAME,
+    css: function css(theme) {
+      return textAreaStyle(theme, props);
+    },
+    ref: ref
+  }, filterTextAreaProps(props)));
+});
+
+exports.TextArea = TextArea;
+//# sourceMappingURL=TextArea.js.map

package/src/Form/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TextArea.tsx"],"names":["textAreaStyle","theme","markInvalid","placeholderTextTransform","disabled","placeholderStyle","color","Input","placeholderColor","fontSize","textTransform","opacity","boxShadow","COLOR","BLUE","GRAY","background","backgroundColorDisabled","backgroundColor","border","borderRadius","RED","caretColor","general","fontWeight","lineHeight","margin","outline","padding","resize","width","TEXTAREA_CLASSNAME","filterTextAreaProps","props","TextArea","React","forwardRef","ref"],"mappings":";;;;;;;;;;;;;AAoBA;;AAEA;;AAEA;;AAGA;;;;;;AAOO,IAAMA,aAAsE,GAAG,SAAzEA,aAAyE,CACpFC,KADoF,QAGjF;AAAA,8BADFC,WACE;AAAA,MADFA,WACE,iCADY,KACZ;AAAA,mCADmBC,wBACnB;AAAA,MADmBA,wBACnB,sCAD8C,MAC9C;AAAA,2BADsDC,QACtD;AAAA,MADsDA,QACtD,8BADiE,KACjE;AACH,MAAMC,gBAAgB,GAAG;AACvBC,IAAAA,KAAK,EAAEL,KAAK,CAACM,KAAN,CAAYC,gBADI;AAEvBC,IAAAA,QAAQ,EAAE,MAFa;AAGvBC,IAAAA,aAAa,EAAEP;AAHQ,GAAzB;AAMA,SAAO;AACL,2DACKE,gBADL;AAEEM,MAAAA,OAAO,EAAE;AAFX,MADK;AAKL,kDACKN,gBADL,CALK;AAQL,sDACKA,gBADL,CARK;AAWL,eAAW;AACTO,MAAAA,SAAS,sBAAeC,gBAAMC,IAArB;AADA,KAXN;AAcL,iBAAa,CAACZ,WAAD,GACT;AACEU,MAAAA,SAAS,sBAAeC,gBAAME,IAArB;AADX,KADS,GAIT,EAlBC;AAmBLC,IAAAA,UAAU,EAAEZ,QAAQ,GAAGH,KAAK,CAACM,KAAN,CAAYU,uBAAf,GAAyChB,KAAK,CAACM,KAAN,CAAYW,eAnBpE;AAoBLC,IAAAA,MAAM,EAAE,MApBH;AAqBLC,IAAAA,YAAY,EAAE,KArBT;AAsBLR,IAAAA,SAAS,EAAEV,WAAW,uBAAgBW,gBAAMQ,GAAtB,wBAA2CR,gBAAME,IAAjD,CAtBjB;AAuBLO,IAAAA,UAAU,EAAET,gBAAMC,IAvBb;AAwBLR,IAAAA,KAAK,EAAEL,KAAK,CAACsB,OAAN,CAAcjB,KAxBhB;AAyBLkB,IAAAA,UAAU,EAAE,GAzBP;AA0BLC,IAAAA,UAAU,EAAE,MA1BP;AA2BLC,IAAAA,MAAM,EAAE,UA3BH;AA4BLC,IAAAA,OAAO,EAAE,MA5BJ;AA6BLC,IAAAA,OAAO,EAAE,WA7BJ;AA8BLC,IAAAA,MAAM,EAAE,MA9BH;AA+BLC,IAAAA,KAAK,EAAE;AA/BF,GAAP;AAiCD,CA3CM;;;AA6CA,IAAMC,kBAAkB,GAAG,UAA3B;;;AACP,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SAA0B,uBAAYA,KAAZ,EAAmB,CAAC,aAAD,EAAgB,0BAAhB,CAAnB,CAA1B;AAAA,CAA5B;;AAEO,IAAMC,QAAsD,gBAAGC,mBAAMC,UAAN,CAGpE,UAACH,KAAD,EAAQI,GAAR;AAAA,SACA;AACE,IAAA,SAAS,EAAEN,kBADb;AAEE,IAAA,GAAG,EAAE,aAAC9B,KAAD;AAAA,aAAkBD,aAAa,CAACC,KAAD,EAAQgC,KAAR,CAA/B;AAAA,KAFP;AAGE,IAAA,GAAG,EAAEI;AAHP,KAIML,mBAAmB,CAACC,KAAD,CAJzB,EADA;AAAA,CAHoE,CAA/D","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport {Property} from 'csstype';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {TextProps} from '../Text';\nimport {filterProps} from '../util';\n\nexport interface TextAreaProps<T = HTMLTextAreaElement> extends TextProps<T> {\n  markInvalid?: boolean;\n  placeholderTextTransform?: Property.TextTransform;\n}\n\nexport const textAreaStyle: <T>(theme: Theme, props: TextAreaProps<T>) => CSSObject = (\n  theme,\n  {markInvalid = false, placeholderTextTransform = 'none', disabled = false},\n) => {\n  const placeholderStyle = {\n    color: theme.Input.placeholderColor,\n    fontSize: '16px',\n    textTransform: placeholderTextTransform,\n  };\n\n  return {\n    '&::-moz-placeholder': {\n      ...placeholderStyle,\n      opacity: 1,\n    },\n    '&::-ms-input-placeholder': {\n      ...placeholderStyle,\n    },\n    '&::-webkit-input-placeholder': {\n      ...placeholderStyle,\n    },\n    '&:focus': {\n      boxShadow: `0 0 0 1px ${COLOR.BLUE}`,\n    },\n    '&:invalid': !markInvalid\n      ? {\n          boxShadow: `0 0 0 1px ${COLOR.GRAY}`,\n        }\n      : {},\n    background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,\n    border: 'none',\n    borderRadius: '4px',\n    boxShadow: markInvalid ? `0 0 0 1px ${COLOR.RED}` : `0 0 0 1px ${COLOR.GRAY}`,\n    caretColor: COLOR.BLUE,\n    color: theme.general.color,\n    fontWeight: 300,\n    lineHeight: '24px',\n    margin: '0 0 16px',\n    outline: 'none',\n    padding: '16px 16px',\n    resize: 'none',\n    width: '100%',\n  };\n};\n\nexport const TEXTAREA_CLASSNAME = 'textarea';\nconst filterTextAreaProps = (props: TextAreaProps) => filterProps(props, ['markInvalid', 'placeholderTextTransform']);\n\nexport const TextArea: React.FC<TextAreaProps<HTMLTextAreaElement>> = React.forwardRef<\n  HTMLTextAreaElement,\n  TextAreaProps<HTMLTextAreaElement>\n>((props, ref) => (\n  <textarea\n    className={TEXTAREA_CLASSNAME}\n    css={(theme: Theme) => textAreaStyle(theme, props)}\n    ref={ref}\n    {...filterTextAreaProps(props)}\n  />\n));\n"],"file":"TextArea.js"}

package/src/Form/Tooltip.d.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Tooltip.d.js"}

package/src/Form/Tooltip.d.ts

@@ -0,0 +1,13 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+interface ToolTipProps<T = HTMLDivElement> extends React.HTMLProps<T> {
+    bottom?: boolean;
+    disabled?: boolean;
+    left?: boolean;
+    light?: boolean;
+    right?: boolean;
+    text?: string;
+}
+export declare const Tooltip: ({ text, ...props }: ToolTipProps) => jsx.JSX.Element;
+export {};

package/src/Form/Tooltip.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tooltip = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _Identity = require("../Identity");
+
+var _util = require("../util");
+
+var _excluded = ["text"];
+
+var tooltipStyle = function tooltipStyle(_ref) {
+  var _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$bottom = _ref.bottom,
+      bottom = _ref$bottom === void 0 ? false : _ref$bottom,
+      _ref$left = _ref.left,
+      left = _ref$left === void 0 ? false : _ref$left,
+      _ref$right = _ref.right,
+      right = _ref$right === void 0 ? false : _ref$right,
+      _ref$light = _ref.light,
+      light = _ref$light === void 0 ? false : _ref$light;
+  return {
+    '&::after': {
+      backgroundColor: light ? _Identity.COLOR.WHITE : _Identity.COLOR.TEXT,
+      borderRadius: '4px',
+      bottom: bottom || left || right ? 'auto' : 'calc(100% + 8px)',
+      boxShadow: '0 2px 16px 0 rgba(0, 0, 0, 0.12)',
+      color: light ? _Identity.COLOR.TEXT : _Identity.COLOR.WHITE,
+      content: 'attr(data-text)',
+      display: 'block',
+      fontSize: '12px',
+      fontWeight: light ? 400 : 600,
+      left: right ? 'calc(100% + 8px)' : 'auto',
+      lineHeight: '14px',
+      maxWidth: '200px',
+      minWidth: '120px',
+      opacity: 0,
+      padding: '12px',
+      pointerEvents: 'none',
+      position: 'absolute',
+      right: left ? 'calc(100% + 8px)' : 'auto',
+      textAlign: 'center',
+      top: bottom ? 'calc(100% + 8px)' : 'auto',
+      transform: left || right ? "translateX(".concat(left ? -16 : 16, "px)") : "translateY(".concat(bottom ? -16 : 16, "px)"),
+      transition: 'all 0.15s ease-in-out'
+    },
+    '&:hover::after': disabled || {
+      opacity: 1,
+      transform: 'translateY(0) translateX(0)',
+      transition: 'all 0.25s ease-in-out'
+    },
+    alignItems: 'center',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    position: 'relative'
+  };
+};
+
+var filterTooltipProps = function filterTooltipProps(props) {
+  return (0, _util.filterProps)(props, ['bottom', 'disabled', 'left', 'light', 'right']);
+};
+
+var Tooltip = function Tooltip(_ref2) {
+  var _ref2$text = _ref2.text,
+      text = _ref2$text === void 0 ? '' : _ref2$text,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+  return (0, _react.jsx)("div", (0, _extends2["default"])({
+    css: tooltipStyle(props),
+    "data-text": text
+  }, filterTooltipProps(props)));
+};
+
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/src/Form/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Tooltip.tsx"],"names":["tooltipStyle","disabled","bottom","left","right","light","backgroundColor","COLOR","WHITE","TEXT","borderRadius","boxShadow","color","content","display","fontSize","fontWeight","lineHeight","maxWidth","minWidth","opacity","padding","pointerEvents","position","textAlign","top","transform","transition","alignItems","flexDirection","justifyContent","filterTooltipProps","props","Tooltip","text"],"mappings":";;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;;;AAWA,IAAMA,YAAsD,GAAG,SAAzDA,YAAyD;AAAA,2BAC7DC,QAD6D;AAAA,MAC7DA,QAD6D,8BAClD,KADkD;AAAA,yBAE7DC,MAF6D;AAAA,MAE7DA,MAF6D,4BAEpD,KAFoD;AAAA,uBAG7DC,IAH6D;AAAA,MAG7DA,IAH6D,0BAGtD,KAHsD;AAAA,wBAI7DC,KAJ6D;AAAA,MAI7DA,KAJ6D,2BAIrD,KAJqD;AAAA,wBAK7DC,KAL6D;AAAA,MAK7DA,KAL6D,2BAKrD,KALqD;AAAA,SAMxD;AACL,gBAAY;AACVC,MAAAA,eAAe,EAAED,KAAK,GAAGE,gBAAMC,KAAT,GAAiBD,gBAAME,IADnC;AAEVC,MAAAA,YAAY,EAAE,KAFJ;AAGVR,MAAAA,MAAM,EAAEA,MAAM,IAAIC,IAAV,IAAkBC,KAAlB,GAA0B,MAA1B,GAAmC,kBAHjC;AAIVO,MAAAA,SAAS,EAAE,kCAJD;AAKVC,MAAAA,KAAK,EAAEP,KAAK,GAAGE,gBAAME,IAAT,GAAgBF,gBAAMC,KALxB;AAMVK,MAAAA,OAAO,EAAE,iBANC;AAOVC,MAAAA,OAAO,EAAE,OAPC;AAQVC,MAAAA,QAAQ,EAAE,MARA;AASVC,MAAAA,UAAU,EAAEX,KAAK,GAAG,GAAH,GAAS,GAThB;AAUVF,MAAAA,IAAI,EAAEC,KAAK,GAAG,kBAAH,GAAwB,MAVzB;AAWVa,MAAAA,UAAU,EAAE,MAXF;AAYVC,MAAAA,QAAQ,EAAE,OAZA;AAaVC,MAAAA,QAAQ,EAAE,OAbA;AAcVC,MAAAA,OAAO,EAAE,CAdC;AAeVC,MAAAA,OAAO,EAAE,MAfC;AAgBVC,MAAAA,aAAa,EAAE,MAhBL;AAiBVC,MAAAA,QAAQ,EAAE,UAjBA;AAkBVnB,MAAAA,KAAK,EAAED,IAAI,GAAG,kBAAH,GAAwB,MAlBzB;AAmBVqB,MAAAA,SAAS,EAAE,QAnBD;AAoBVC,MAAAA,GAAG,EAAEvB,MAAM,GAAG,kBAAH,GAAwB,MApBzB;AAqBVwB,MAAAA,SAAS,EAAEvB,IAAI,IAAIC,KAAR,wBAA8BD,IAAI,GAAG,CAAC,EAAJ,GAAS,EAA3C,gCAAmED,MAAM,GAAG,CAAC,EAAJ,GAAS,EAAlF,QArBD;AAsBVyB,MAAAA,UAAU,EAAE;AAtBF,KADP;AAyBL,sBAAkB1B,QAAQ,IAAI;AAC5BmB,MAAAA,OAAO,EAAE,CADmB;AAE5BM,MAAAA,SAAS,EAAE,6BAFiB;AAG5BC,MAAAA,UAAU,EAAE;AAHgB,KAzBzB;AA8BLC,IAAAA,UAAU,EAAE,QA9BP;AA+BLd,IAAAA,OAAO,EAAE,MA/BJ;AAgCLe,IAAAA,aAAa,EAAE,QAhCV;AAiCLC,IAAAA,cAAc,EAAE,QAjCX;AAkCLP,IAAAA,QAAQ,EAAE;AAlCL,GANwD;AAAA,CAA/D;;AA2CA,IAAMQ,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD;AAAA,SACzB,uBAAYA,KAAZ,EAAmB,CAAC,QAAD,EAAW,UAAX,EAAuB,MAAvB,EAA+B,OAA/B,EAAwC,OAAxC,CAAnB,CADyB;AAAA,CAA3B;;AAGO,IAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA,yBAAEC,IAAF;AAAA,MAAEA,IAAF,2BAAS,EAAT;AAAA,MAAgBF,KAAhB;AAAA,SACrB;AAAK,IAAA,GAAG,EAAEhC,YAAY,CAACgC,KAAD,CAAtB;AAA+B,iBAAWE;AAA1C,KAAoDH,kBAAkB,CAACC,KAAD,CAAtE,EADqB;AAAA,CAAhB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {filterProps} from '../util';\n\ninterface ToolTipProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n  bottom?: boolean;\n  disabled?: boolean;\n  left?: boolean;\n  light?: boolean;\n  right?: boolean;\n  text?: string;\n}\n\nconst tooltipStyle: <T>(props: ToolTipProps<T>) => CSSObject = ({\n  disabled = false,\n  bottom = false,\n  left = false,\n  right = false,\n  light = false,\n}) => ({\n  '&::after': {\n    backgroundColor: light ? COLOR.WHITE : COLOR.TEXT,\n    borderRadius: '4px',\n    bottom: bottom || left || right ? 'auto' : 'calc(100% + 8px)',\n    boxShadow: '0 2px 16px 0 rgba(0, 0, 0, 0.12)',\n    color: light ? COLOR.TEXT : COLOR.WHITE,\n    content: 'attr(data-text)',\n    display: 'block',\n    fontSize: '12px',\n    fontWeight: light ? 400 : 600,\n    left: right ? 'calc(100% + 8px)' : 'auto',\n    lineHeight: '14px',\n    maxWidth: '200px',\n    minWidth: '120px',\n    opacity: 0,\n    padding: '12px',\n    pointerEvents: 'none',\n    position: 'absolute',\n    right: left ? 'calc(100% + 8px)' : 'auto',\n    textAlign: 'center',\n    top: bottom ? 'calc(100% + 8px)' : 'auto',\n    transform: left || right ? `translateX(${left ? -16 : 16}px)` : `translateY(${bottom ? -16 : 16}px)`,\n    transition: 'all 0.15s ease-in-out',\n  },\n  '&:hover::after': disabled || {\n    opacity: 1,\n    transform: 'translateY(0) translateX(0)',\n    transition: 'all 0.25s ease-in-out',\n  },\n  alignItems: 'center',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  position: 'relative',\n});\n\nconst filterTooltipProps = (props: ToolTipProps) =>\n  filterProps(props, ['bottom', 'disabled', 'left', 'light', 'right']);\n\nexport const Tooltip = ({text = '', ...props}: ToolTipProps) => (\n  <div css={tooltipStyle(props)} data-text={text} {...filterTooltipProps(props)} />\n);\n"],"file":"Tooltip.js"}

package/src/Form/index.d.js

@@ -0,0 +1,240 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Button = require("./Button");
+
+Object.keys(_Button).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Button[key];
+    }
+  });
+});
+
+var _ButtonLink = require("./ButtonLink");
+
+Object.keys(_ButtonLink).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ButtonLink[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ButtonLink[key];
+    }
+  });
+});
+
+var _Checkbox = require("./Checkbox");
+
+Object.keys(_Checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Checkbox[key];
+    }
+  });
+});
+
+var _CodeInput = require("./CodeInput");
+
+Object.keys(_CodeInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CodeInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CodeInput[key];
+    }
+  });
+});
+
+var _DropFileInput = require("./DropFileInput");
+
+Object.keys(_DropFileInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DropFileInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropFileInput[key];
+    }
+  });
+});
+
+var _ErrorMessage = require("./ErrorMessage");
+
+Object.keys(_ErrorMessage).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ErrorMessage[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ErrorMessage[key];
+    }
+  });
+});
+
+var _Form = require("./Form");
+
+Object.keys(_Form).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Form[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Form[key];
+    }
+  });
+});
+
+var _Input = require("./Input");
+
+Object.keys(_Input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Input[key];
+    }
+  });
+});
+
+var _InputBlock = require("./InputBlock");
+
+Object.keys(_InputBlock).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputBlock[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InputBlock[key];
+    }
+  });
+});
+
+var _InputSubmitCombo = require("./InputSubmitCombo");
+
+Object.keys(_InputSubmitCombo).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputSubmitCombo[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InputSubmitCombo[key];
+    }
+  });
+});
+
+var _RangeInput = require("./RangeInput");
+
+Object.keys(_RangeInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RangeInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RangeInput[key];
+    }
+  });
+});
+
+var _RoundIconButton = require("./RoundIconButton");
+
+Object.keys(_RoundIconButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RoundIconButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RoundIconButton[key];
+    }
+  });
+});
+
+var _Select = require("./Select");
+
+Object.keys(_Select).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Select[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Select[key];
+    }
+  });
+});
+
+var _ShakeBox = require("./ShakeBox");
+
+Object.keys(_ShakeBox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ShakeBox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ShakeBox[key];
+    }
+  });
+});
+
+var _Switch = require("./Switch");
+
+Object.keys(_Switch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Switch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Switch[key];
+    }
+  });
+});
+
+var _TextArea = require("./TextArea");
+
+Object.keys(_TextArea).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TextArea[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TextArea[key];
+    }
+  });
+});
+
+var _Tooltip = require("./Tooltip");
+
+Object.keys(_Tooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Tooltip[key];
+    }
+  });
+});
+
+var _InputLabel = require("./InputLabel");
+
+Object.keys(_InputLabel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputLabel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InputLabel[key];
+    }
+  });
+});
+//# sourceMappingURL=index.d.js.map

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

@@ -0,0 +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;;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;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AALA;;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 './Button';\nexport * from './ButtonLink';\nexport * from './Checkbox';\nexport * from './CodeInput';\nexport * from './DropFileInput';\nexport * from './ErrorMessage';\nexport * from './Form';\nexport * from './Input';\nexport * from './InputBlock';\nexport * from './InputSubmitCombo';\nexport * from './RangeInput';\nexport * from './RoundIconButton';\nexport * from './Select';\nexport * from './ShakeBox';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './Tooltip';\nexport * from './InputLabel';\nexport * from './Select';\n"],"file":"index.d.js"}

package/src/Form/index.d.ts

@@ -0,0 +1,19 @@
+export * from './Button';
+export * from './ButtonLink';
+export * from './Checkbox';
+export * from './CodeInput';
+export * from './DropFileInput';
+export * from './ErrorMessage';
+export * from './Form';
+export * from './Input';
+export * from './InputBlock';
+export * from './InputSubmitCombo';
+export * from './RangeInput';
+export * from './RoundIconButton';
+export * from './Select';
+export * from './ShakeBox';
+export * from './Switch';
+export * from './TextArea';
+export * from './Tooltip';
+export * from './InputLabel';
+export * from './Select';