@wireapp/react-ui-kit 9.0.2 → 9.0.6

package/lib/Form/SelectComponents.js

@@ -1,4 +1,18 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IndicatorsContainer = exports.ValueContainer = exports.renderValue = exports.Menu = exports.CustomOption = exports.DropdownIndicator = exports.SelectContainer = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /*
  * Wire
  * Copyright (C) 2022 Wire Swiss GmbH
@@ -17,41 +31,23 @@
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IndicatorsContainer = exports.ValueContainer = exports.renderValue = exports.Menu = exports.CustomOption = exports.DropdownIndicator = exports.SelectContainer = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
 const react_select_1 = require("react-select");
 const ArrowDown_1 = require("../Icon/ArrowDown");
 // SelectContainer
-const SelectContainer = props => {
-    return ((0, react_1.jsx)(react_select_1.components.SelectContainer, Object.assign({}, props),
-        (0, react_1.jsx)("div", { tabIndex: 0 }, props.children)));
+const SelectContainer = (props) => {
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.SelectContainer, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ tabIndex: 0 }, { children: props.children })) })));
 };
 exports.SelectContainer = SelectContainer;
-const DropdownIndicator = props => {
+const DropdownIndicator = (props) => {
     const { menuIsOpen } = props.selectProps;
-    return ((0, react_1.jsx)(react_select_1.components.DropdownIndicator, Object.assign({}, props),
-        (0, react_1.jsx)(ArrowDown_1.ArrowDown, { css: Object.assign({}, (menuIsOpen ? { transform: 'rotateX(180deg)', marginTop: 2 } : { marginTop: 4 })) })));
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.DropdownIndicator, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(ArrowDown_1.ArrowDown, { css: Object.assign({}, (menuIsOpen ? { transform: 'rotateX(180deg)', marginTop: 2 } : { marginTop: 4 })) }) })));
 };
 exports.DropdownIndicator = DropdownIndicator;
 // eslint-disable-next-line react/display-name
 const CustomOption = (dataUieName) => (props) => {
     var _a;
-    const { children, data, isFocused, isMulti, isSelected, options } = props;
-    return ((0, react_1.jsx)(react_select_1.components.Option, Object.assign({}, props),
-        (0, react_1.jsx)("div", Object.assign({ css: Object.assign({}, (isMulti && {
+    const { children, data, isMulti, isSelected, options } = props;
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.Option, Object.assign({}, props, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ css: Object.assign({}, (isMulti && {
                 display: 'grid',
                 gridTemplateAreas: `"checkbox label"
                                 ". description"`,
@@ -61,59 +57,46 @@ const CustomOption = (dataUieName) => (props) => {
             'data-uie-name': `option-${dataUieName}`,
             'data-uie-value': (_a = options.find(option => option.label === children)) === null || _a === void 0 ? void 0 : _a.value,
             'data-uie-selected': isSelected,
-        })),
-            isMulti && ((0, react_1.jsx)("input", { type: "checkbox", checked: isSelected, onChange: () => null, css: { gridArea: 'checkbox', width: 22, height: 22, cursor: 'pointer', placeSelf: 'center' } })),
-            (0, react_1.jsx)("div", { css: { gridArea: 'label', overflowWrap: 'break-word', overflow: 'hidden' } }, children),
-            data && data.description && ((0, react_1.jsx)("p", { css: (theme) => ({
-                    marginBottom: 0,
-                    fontSize: '14px',
-                    color: isSelected ? theme.Select.focusedDescriptionColor : theme.Input.labelColor,
-                    gridArea: 'description',
-                }) }, data.description)))));
+        }), { children: [isMulti && ((0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: isSelected, onChange: () => null, css: { gridArea: 'checkbox', width: 22, height: 22, cursor: 'pointer', placeSelf: 'center' } })), (0, jsx_runtime_1.jsx)("div", Object.assign({ css: { gridArea: 'label', overflowWrap: 'break-word', overflow: 'hidden' } }, { children: children })), data && data.description && ((0, jsx_runtime_1.jsx)("p", Object.assign({ css: (theme) => ({
+                        marginBottom: 0,
+                        fontSize: '14px',
+                        color: isSelected ? theme.Select.focusedDescriptionColor : theme.Input.labelColor,
+                        gridArea: 'description',
+                    }) }, { children: data.description })))] })) })));
 };
 exports.CustomOption = CustomOption;
 // eslint-disable-next-line react/display-name
 const Menu = (dataUieName) => (props) => {
     const { children } = props;
-    return ((0, react_1.jsx)(react_select_1.components.Menu, Object.assign({}, props),
-        (0, react_1.jsx)("div", Object.assign({}, (dataUieName && {
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.Menu, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, (dataUieName && {
             'data-uie-name': `dropdown-${dataUieName}`,
-        })), children)));
+        }), { children: children })) })));
 };
 exports.Menu = Menu;
 const renderValue = value => {
     if (Array.isArray(value)) {
         const currentValue = (i) => value[i].props.children;
-        return ((0, react_1.jsx)("div", { css: {
+        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: {
                 whiteSpace: 'nowrap',
                 overflow: 'hidden',
                 textOverflow: 'ellipsis',
                 minWidth: 0,
                 paddingRight: 14,
                 gridArea: '1/1/2/3',
-            } }, currentValue(0)));
+            } }, { children: currentValue(0) })));
     }
     return value;
 };
 exports.renderValue = renderValue;
 const ValueContainer = (_a) => {
     var { children } = _a, restProps = __rest(_a, ["children"]);
-    return ((0, react_1.jsx)(react_select_1.components.ValueContainer, Object.assign({}, restProps),
-        (0, exports.renderValue)(children[0]),
-        " ",
-        children[1]));
+    return ((0, jsx_runtime_1.jsxs)(react_select_1.components.ValueContainer, Object.assign({}, restProps, { children: [(0, exports.renderValue)(children[0]), " ", children[1]] })));
 };
 exports.ValueContainer = ValueContainer;
 const IndicatorsContainer = (_a) => {
     var { children } = _a, restProps = __rest(_a, ["children"]);
     const value = restProps.getValue();
     const displaySelectedOptionsCount = Array.isArray(value) && value.length > 1;
-    return ((0, react_1.jsx)(react_select_1.components.IndicatorsContainer, Object.assign({}, restProps),
-        displaySelectedOptionsCount && (0, react_1.jsx)("div", { css: { fontWeight: 600 } },
-            "(+",
-            value.length - 1,
-            ")"),
-        children));
+    return ((0, jsx_runtime_1.jsxs)(react_select_1.components.IndicatorsContainer, Object.assign({}, restProps, { children: [displaySelectedOptionsCount && (0, jsx_runtime_1.jsxs)("div", Object.assign({ css: { fontWeight: 600 } }, { children: ["(+", value.length - 1, ")"] })), children] })));
 };
 exports.IndicatorsContainer = IndicatorsContainer;
-//# sourceMappingURL=SelectComponents.js.map

package/lib/Form/SelectStyles.d.ts

@@ -4,7 +4,7 @@ export declare const customStyles: (theme: Theme, markInvalid?: boolean) => {
         display: string;
     };
     indicatorsContainer: (provided: any) => any;
-    container: (provided: any, { isDisabled, selectProps }: {
+    container: (_: any, { isDisabled, selectProps }: {
         isDisabled: any;
         selectProps: any;
     }) => {
@@ -76,7 +76,7 @@ export declare const customStyles: (theme: Theme, markInvalid?: boolean) => {
             borderEndStartRadius?: (string | (string & {}))[] | import("csstype").Property.BorderEndStartRadius<string | number> | NonNullable<import("csstype").Property.BorderEndStartRadius<string | number>>[];
             borderImageOutset?: (string | (string & {}))[] | import("csstype").Property.BorderImageOutset<string | number> | NonNullable<import("csstype").Property.BorderImageOutset<string | number>>[];
             borderImageRepeat?: string[] | import("csstype").Property.BorderImageRepeat | import("csstype").Property.BorderImageRepeat[];
-            borderImageSlice?: ((string & {}) | import("csstype").Globals)[] | import("csstype").Property.BorderImageSlice | NonNullable<import("csstype").Property.BorderImageSlice>[];
+            borderImageSlice?: import("csstype").Property.BorderImageSlice | NonNullable<import("csstype").Property.BorderImageSlice>[] | ((string & {}) | import("csstype").Globals)[];
             borderImageSource?: string[] | import("csstype").Property.BorderImageSource | import("csstype").Property.BorderImageSource[];
             borderImageWidth?: (string | (string & {}))[] | import("csstype").Property.BorderImageWidth<string | number> | NonNullable<import("csstype").Property.BorderImageWidth<string | number>>[];
             borderInlineColor?: string[] | import("csstype").Property.BorderInlineColor | import("csstype").Property.BorderInlineColor[];
@@ -134,7 +134,7 @@ export declare const customStyles: (theme: Theme, markInvalid?: boolean) => {
             filter?: string[] | import("csstype").Property.Filter | import("csstype").Property.Filter[];
             flexBasis?: (string | (string & {}))[] | import("csstype").Property.FlexBasis<string | number> | NonNullable<import("csstype").Property.FlexBasis<string | number>>[];
             flexDirection?: import("csstype").Property.FlexDirection | NonNullable<import("csstype").Property.FlexDirection>[] | import("csstype").Property.FlexDirection[];
-            flexGrow?: import("csstype").Property.FlexGrow | NonNullable<import("csstype").Property.FlexGrow>[] | ((string & {}) | import("csstype").Globals)[];
+            flexGrow?: ((string & {}) | import("csstype").Globals)[] | import("csstype").Property.FlexGrow | NonNullable<import("csstype").Property.FlexGrow>[];
             flexShrink?: ((string & {}) | import("csstype").Globals)[] | import("csstype").Property.FlexShrink | NonNullable<import("csstype").Property.FlexShrink>[];
             flexWrap?: import("csstype").Property.FlexWrap | NonNullable<import("csstype").Property.FlexWrap>[] | import("csstype").Property.FlexWrap[];
             float?: import("csstype").Property.Float | NonNullable<import("csstype").Property.Float>[] | import("csstype").Property.Float[];
@@ -488,7 +488,7 @@ export declare const customStyles: (theme: Theme, markInvalid?: boolean) => {
             msContentZooming?: import("csstype").Property.MsContentZooming | NonNullable<import("csstype").Property.MsContentZooming>[] | import("csstype").Property.MsContentZooming[];
             msFilter?: string[] | import("csstype").Property.MsFilter | import("csstype").Property.MsFilter[];
             msFlexDirection?: import("csstype").Property.FlexDirection | NonNullable<import("csstype").Property.FlexDirection>[] | import("csstype").Property.FlexDirection[];
-            msFlexPositive?: import("csstype").Property.FlexGrow | NonNullable<import("csstype").Property.FlexGrow>[] | ((string & {}) | import("csstype").Globals)[];
+            msFlexPositive?: ((string & {}) | import("csstype").Globals)[] | import("csstype").Property.FlexGrow | NonNullable<import("csstype").Property.FlexGrow>[];
             msFlowFrom?: string[] | import("csstype").Property.MsFlowFrom | import("csstype").Property.MsFlowFrom[];
             msFlowInto?: string[] | import("csstype").Property.MsFlowInto | import("csstype").Property.MsFlowInto[];
             msGridColumns?: (string | (string & {}))[] | import("csstype").Property.MsGridColumns<string | number> | NonNullable<import("csstype").Property.MsGridColumns<string | number>>[];
@@ -561,7 +561,7 @@ export declare const customStyles: (theme: Theme, markInvalid?: boolean) => {
             WebkitBorderBeforeWidth?: (string | (string & {}))[] | import("csstype").Property.WebkitBorderBeforeWidth<string | number> | NonNullable<import("csstype").Property.WebkitBorderBeforeWidth<string | number>>[];
             WebkitBorderBottomLeftRadius?: (string | (string & {}))[] | import("csstype").Property.BorderBottomLeftRadius<string | number> | NonNullable<import("csstype").Property.BorderBottomLeftRadius<string | number>>[];
             WebkitBorderBottomRightRadius?: (string | (string & {}))[] | import("csstype").Property.BorderBottomRightRadius<string | number> | NonNullable<import("csstype").Property.BorderBottomRightRadius<string | number>>[];
-            WebkitBorderImageSlice?: ((string & {}) | import("csstype").Globals)[] | import("csstype").Property.BorderImageSlice | NonNullable<import("csstype").Property.BorderImageSlice>[];
+            WebkitBorderImageSlice?: import("csstype").Property.BorderImageSlice | NonNullable<import("csstype").Property.BorderImageSlice>[] | ((string & {}) | import("csstype").Globals)[];
             WebkitBorderTopLeftRadius?: (string | (string & {}))[] | import("csstype").Property.BorderTopLeftRadius<string | number> | NonNullable<import("csstype").Property.BorderTopLeftRadius<string | number>>[];
             WebkitBorderTopRightRadius?: (string | (string & {}))[] | import("csstype").Property.BorderTopRightRadius<string | number> | NonNullable<import("csstype").Property.BorderTopRightRadius<string | number>>[];
             WebkitBoxDecorationBreak?: import("csstype").Property.BoxDecorationBreak | NonNullable<import("csstype").Property.BoxDecorationBreak>[] | import("csstype").Property.BoxDecorationBreak[];
@@ -579,7 +579,7 @@ export declare const customStyles: (theme: Theme, markInvalid?: boolean) => {
             WebkitFilter?: string[] | import("csstype").Property.Filter | import("csstype").Property.Filter[];
             WebkitFlexBasis?: (string | (string & {}))[] | import("csstype").Property.FlexBasis<string | number> | NonNullable<import("csstype").Property.FlexBasis<string | number>>[];
             WebkitFlexDirection?: import("csstype").Property.FlexDirection | NonNullable<import("csstype").Property.FlexDirection>[] | import("csstype").Property.FlexDirection[];
-            WebkitFlexGrow?: import("csstype").Property.FlexGrow | NonNullable<import("csstype").Property.FlexGrow>[] | ((string & {}) | import("csstype").Globals)[];
+            WebkitFlexGrow?: ((string & {}) | import("csstype").Globals)[] | import("csstype").Property.FlexGrow | NonNullable<import("csstype").Property.FlexGrow>[];
             WebkitFlexShrink?: ((string & {}) | import("csstype").Globals)[] | import("csstype").Property.FlexShrink | NonNullable<import("csstype").Property.FlexShrink>[];
             WebkitFlexWrap?: import("csstype").Property.FlexWrap | NonNullable<import("csstype").Property.FlexWrap>[] | import("csstype").Property.FlexWrap[];
             WebkitFontFeatureSettings?: string[] | import("csstype").Property.FontFeatureSettings | import("csstype").Property.FontFeatureSettings[];
@@ -956,3 +956,4 @@ export declare const customStyles: (theme: Theme, markInvalid?: boolean) => {
     valueContainer: (provided: any) => any;
     singleValue: (provided: any, selectProps: any) => any;
 };
+//# sourceMappingURL=SelectStyles.d.ts.map

package/lib/Form/SelectStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectStyles.d.ts","sourceRoot":"","sources":["../../src/Form/SelectStyles.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAEhC,eAAO,MAAM,YAAY,UAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6JvC,CAAC"}

package/lib/Form/SelectStyles.js

@@ -25,7 +25,7 @@ const customStyles = (theme, markInvalid = false) => ({
         display: 'none',
     }),
     indicatorsContainer: provided => (Object.assign({}, provided)),
-    container: (provided, { isDisabled, selectProps }) => {
+    container: (_, { isDisabled, selectProps }) => {
         const { menuIsOpen } = selectProps;
         const isSelectDisabled = selectProps.isDisabled;
         return {
@@ -120,4 +120,3 @@ const customStyles = (theme, markInvalid = false) => ({
     },
 });
 exports.customStyles = customStyles;
-//# sourceMappingURL=SelectStyles.js.map

package/lib/Form/ShakeBox.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export interface ShakeBoxProps extends React.HTMLProps<HTMLDivElement> {
     amplitude?: number;
     damping?: number;
@@ -8,4 +8,5 @@ export interface ShakeBoxProps extends React.HTMLProps<HTMLDivElement> {
 export interface ShakeBoxRef {
     shake: () => void;
 }
-export declare const ShakeBox: React.ForwardRefExoticComponent<Pick<ShakeBoxProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "value" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "amplitude" | "speed" | "damping" | "threshold"> & React.RefAttributes<ShakeBoxRef>>;
+export declare const ShakeBox: React.ForwardRefExoticComponent<Pick<ShakeBoxProps, "children" | "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "css" | "color" | "content" | "height" | "translate" | "width" | "key" | "value" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "start" | "size" | "default" | "wrap" | "open" | "multiple" | "disabled" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "wmode" | "amplitude" | "speed" | "damping" | "threshold"> & React.RefAttributes<ShakeBoxRef>>;
+//# sourceMappingURL=ShakeBox.d.ts.map

package/lib/Form/ShakeBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShakeBox.d.ts","sourceRoot":"","sources":["../../src/Form/ShakeBox.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,k5LAiCpB,CAAC"}

package/lib/Form/ShakeBox.js

@@ -1,22 +1,4 @@
 "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/.
- *
- */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -42,11 +24,29 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShakeBox = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_2 = __importStar(require("react"));
-exports.ShakeBox = react_2.default.forwardRef(({ children, amplitude = 8, damping = 0.75, speed = 4, threshold = 1 }, ref) => {
-    const [offset, setOffset] = (0, react_2.useState)(0);
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/*
+ * 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/.
+ *
+ */
+const react_1 = require("react");
+const React = __importStar(require("react"));
+exports.ShakeBox = React.forwardRef(({ children, amplitude = 8, damping = 0.75, speed = 4, threshold = 1 }, ref) => {
+    const [offset, setOffset] = (0, react_1.useState)(0);
     let requestAnimationId = 0;
     const shakeLoop = (targetOffset, currentOffset = 0) => {
         if (targetOffset > 0 && currentOffset < targetOffset) {
@@ -67,13 +67,13 @@ exports.ShakeBox = react_2.default.forwardRef(({ children, amplitude = 8, dampin
         }
         setOffset(currentOffset);
     };
-    (0, react_2.useImperativeHandle)(ref, () => ({
+    (0, react_1.useImperativeHandle)(ref, () => ({
         shake: () => {
             cancelAnimationFrame(requestAnimationId);
             shakeLoop(amplitude);
         },
     }));
-    (0, react_2.useEffect)(() => () => cancelAnimationFrame(requestAnimationId), []);
-    return (0, react_1.jsx)("div", { css: { transform: `translateX(${offset}px)` } }, children);
+    (0, react_1.useEffect)(() => () => cancelAnimationFrame(requestAnimationId), []);
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({ css: { transform: `translateX(${offset}px)` } }, { children: children }));
 });
-//# sourceMappingURL=ShakeBox.js.map
+exports.ShakeBox.displayName = 'ShakeBox';

package/lib/Form/Switch.d.ts

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { InputProps } from './Input';
 export interface SwitchProps<T = HTMLInputElement> extends InputProps<T> {
     activatedColor?: string;
@@ -14,4 +12,5 @@ export interface SwitchProps<T = HTMLInputElement> extends InputProps<T> {
     showLoading?: boolean;
     dataUieName?: string;
 }
-export declare const Switch: ({ id, checked, onToggle, showLoading, disabled, loadingColor, activatedColor, deactivatedColor, name, dataUieName, }: SwitchProps) => jsx.JSX.Element;
+export declare const Switch: ({ id, checked, onToggle, showLoading, disabled, loadingColor, activatedColor, deactivatedColor, name, dataUieName, }: SwitchProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

package/lib/Form/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/Form/Switch.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAKnC,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,yHAWhB,WAAW,qDAgGb,CAAC"}

package/lib/Form/Switch.js

@@ -1,4 +1,7 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /*
  * Wire
  * Copyright (C) 2020 Wire Swiss GmbH
@@ -17,80 +20,67 @@
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Switch = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_2 = __importDefault(require("react"));
+const react_1 = require("react");
 const Identity_1 = require("../Identity");
 const Misc_1 = require("../Misc");
-const Switch = ({ id = Math.random().toString(), checked, onToggle = () => { }, showLoading, disabled, loadingColor = Identity_1.COLOR.BLUE, activatedColor = Identity_1.COLOR.BLUE, deactivatedColor = '#d2d2d2', name, dataUieName, }) => ((0, react_1.jsx)("div", { css: {
+const Switch = ({ id = Math.random().toString(), checked, onToggle = () => { }, showLoading, disabled, loadingColor = Identity_1.COLOR.BLUE, activatedColor = Identity_1.COLOR.BLUE, deactivatedColor = '#d2d2d2', name, dataUieName, }) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: {
         display: 'inline-block',
         position: 'relative',
         textAlign: 'left',
         userSelect: 'none',
         verticalAlign: 'middle',
         width: '42px',
-    } },
-    (0, react_1.jsx)(react_2.default.Fragment, null,
-        (0, react_1.jsx)("input", { id: id, checked: checked, disabled: disabled, name: name, onChange: event => onToggle(event.target.checked), type: "checkbox", css: { display: 'none' }, "data-uie-name": dataUieName }),
-        (0, react_1.jsx)("label", { htmlFor: id, css: {
-                borderRadius: '20px',
-                cursor: disabled || showLoading ? '' : 'pointer',
-                display: 'block',
-                margin: 0,
-                overflow: 'hidden',
-            } },
-            (0, react_1.jsx)("span", { css: {
-                    ['&:after']: {
-                        content: '" "',
-                        paddingRight: '10px',
-                        textAlign: 'right',
-                    },
-                    ['&:before']: {
-                        content: '" "',
-                        paddingLeft: '10px',
-                    },
-                    ['&:before, &:after']: {
-                        backgroundColor: disabled || showLoading
-                            ? Identity_1.COLOR.tint(checked ? activatedColor : deactivatedColor, 0.4)
-                            : checked
-                                ? activatedColor
-                                : deactivatedColor,
-                        boxSizing: 'border-box',
-                        display: 'block',
-                        float: 'left',
-                        height: '25px',
-                        lineHeight: '25px',
-                        padding: 0,
-                        width: '50%',
-                    },
-                    display: 'block',
-                    marginLeft: checked ? 0 : '-100%',
-                    transition: 'margin 0.1s ease-in 0s',
-                    width: '200%',
-                } }),
-            showLoading ? ((0, react_1.jsx)(Misc_1.Loading, { size: 21, color: loadingColor, style: {
-                    display: 'block',
-                    margin: '2px',
-                    position: 'absolute',
-                } })) : ((0, react_1.jsx)("span", { css: {
-                    background: Identity_1.COLOR.WHITE,
-                    borderRadius: '100%',
-                    bottom: 0,
-                    boxShadow: '0px 0px 2px -1px gray',
+    } }, { children: (0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { id: id, checked: checked, disabled: disabled, name: name, onChange: event => onToggle(event.target.checked), type: "checkbox", css: { display: 'none' }, "data-uie-name": dataUieName }), (0, jsx_runtime_1.jsxs)("label", Object.assign({ htmlFor: id, css: {
+                    borderRadius: '20px',
+                    cursor: disabled || showLoading ? '' : 'pointer',
                     display: 'block',
-                    height: '23px',
-                    margin: '1px',
-                    opacity: disabled ? 0.7 : undefined,
-                    position: 'absolute',
-                    right: checked ? '0px' : '17px',
-                    top: 0,
-                    transition: 'all 0.15s ease-in 0s',
-                    width: '23px',
-                } }))))));
+                    margin: 0,
+                    overflow: 'hidden',
+                } }, { children: [(0, jsx_runtime_1.jsx)("span", { css: {
+                            ['&:after']: {
+                                content: '" "',
+                                paddingRight: '10px',
+                                textAlign: 'right',
+                            },
+                            ['&:before']: {
+                                content: '" "',
+                                paddingLeft: '10px',
+                            },
+                            ['&:before, &:after']: {
+                                backgroundColor: disabled || showLoading
+                                    ? Identity_1.COLOR.tint(checked ? activatedColor : deactivatedColor, 0.4)
+                                    : checked
+                                        ? activatedColor
+                                        : deactivatedColor,
+                                boxSizing: 'border-box',
+                                display: 'block',
+                                float: 'left',
+                                height: '25px',
+                                lineHeight: '25px',
+                                padding: 0,
+                                width: '50%',
+                            },
+                            display: 'block',
+                            marginLeft: checked ? 0 : '-100%',
+                            transition: 'margin 0.1s ease-in 0s',
+                            width: '200%',
+                        } }), showLoading ? ((0, jsx_runtime_1.jsx)(Misc_1.Loading, { size: 21, color: loadingColor, style: {
+                            display: 'block',
+                            margin: '2px',
+                            position: 'absolute',
+                        } })) : ((0, jsx_runtime_1.jsx)("span", { css: {
+                            background: Identity_1.COLOR.WHITE,
+                            borderRadius: '100%',
+                            bottom: 0,
+                            boxShadow: '0px 0px 2px -1px gray',
+                            display: 'block',
+                            height: '23px',
+                            margin: '1px',
+                            opacity: disabled ? 0.7 : undefined,
+                            position: 'absolute',
+                            right: checked ? '0px' : '17px',
+                            top: 0,
+                            transition: 'all 0.15s ease-in 0s',
+                            width: '23px',
+                        } }))] }))] }) })));
 exports.Switch = Switch;
-//# sourceMappingURL=Switch.js.map

package/lib/Form/TextArea.d.ts

@@ -1,7 +1,6 @@
-/** @jsx jsx */
+import * as React from 'react';
 import { CSSObject } from '@emotion/react';
-import { Property } from 'csstype';
-import React from 'react';
+import type { Property } from 'csstype';
 import { Theme } from '../Layout';
 import { TextProps } from '../Text';
 export interface TextAreaProps<T = HTMLTextAreaElement> extends TextProps<T> {
@@ -11,3 +10,4 @@ export interface TextAreaProps<T = HTMLTextAreaElement> extends TextProps<T> {
 export declare const textAreaStyle: <T>(theme: Theme, props: TextAreaProps<T>) => CSSObject;
 export declare const TEXTAREA_CLASSNAME = "textarea";
 export declare const TextArea: React.FC<TextAreaProps<HTMLTextAreaElement>>;
+//# sourceMappingURL=TextArea.d.ts.map

package/lib/Form/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/Form/TextArea.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAGtC,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAChC,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAGlC,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,mBAAmB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;CACnD;AAED,eAAO,MAAM,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,SA2CzE,CAAC;AAEF,eAAO,MAAM,kBAAkB,aAAa,CAAC;AAG7C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAUhE,CAAC"}

package/lib/Form/TextArea.js

@@ -1,4 +1,30 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextArea = exports.TEXTAREA_CLASSNAME = exports.textAreaStyle = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -17,14 +43,7 @@
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextArea = exports.TEXTAREA_CLASSNAME = exports.textAreaStyle = void 0;
-/** @jsx jsx */
-const react_1 = require("@emotion/react");
-const react_2 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const Identity_1 = require("../Identity");
 const util_1 = require("../util");
 const textAreaStyle = (theme, { markInvalid = false, placeholderTextTransform = 'none', disabled = false }) => {
@@ -63,5 +82,5 @@ const textAreaStyle = (theme, { markInvalid = false, placeholderTextTransform =
 exports.textAreaStyle = textAreaStyle;
 exports.TEXTAREA_CLASSNAME = 'textarea';
 const filterTextAreaProps = (props) => (0, util_1.filterProps)(props, ['markInvalid', 'placeholderTextTransform']);
-exports.TextArea = react_2.default.forwardRef((props, ref) => ((0, react_1.jsx)("textarea", Object.assign({ className: exports.TEXTAREA_CLASSNAME, css: (theme) => (0, exports.textAreaStyle)(theme, props), ref: ref }, filterTextAreaProps(props)))));
-//# sourceMappingURL=TextArea.js.map
+exports.TextArea = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)("textarea", Object.assign({ className: exports.TEXTAREA_CLASSNAME, css: (theme) => (0, exports.textAreaStyle)(theme, props), ref: ref }, filterTextAreaProps(props)))));
+exports.TextArea.displayName = 'TextArea';

package/lib/Form/Tooltip.d.ts

@@ -1,6 +1,4 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import React from 'react';
+import * as React from 'react';
 interface ToolTipProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     bottom?: boolean;
     disabled?: boolean;
@@ -9,5 +7,6 @@ interface ToolTipProps<T = HTMLDivElement> extends React.HTMLProps<T> {
     right?: boolean;
     text?: string;
 }
-export declare const Tooltip: ({ text, ...props }: ToolTipProps) => jsx.JSX.Element;
+export declare const Tooltip: ({ text, ...props }: ToolTipProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=Tooltip.d.ts.map

package/lib/Form/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Form/Tooltip.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,UAAU,YAAY,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAgDD,eAAO,MAAM,OAAO,uBAA2B,YAAY,qDAE1D,CAAC"}