@wireapp/react-ui-kit 9.59.1 → 9.59.3

package/lib/Inputs/Switch/Switch.js

@@ -0,0 +1,38 @@
+"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
+ *
+ * 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 Switch_styles_1 = require("./Switch.styles");
+const DataDisplay_1 = require("../../DataDisplay");
+const Identity_1 = require("../../Identity");
+exports.Switch = (0, react_1.forwardRef)(({ id = Math.random().toString(), checked, onToggle = () => { }, showLoading, disabled, loadingColor = Identity_1.COLOR.BLUE, activatedColor = Identity_1.COLOR.BLUE, deactivatedColor = '#d2d2d2', name, dataUieName, }, ref) => ((0, jsx_runtime_1.jsxs)("div", { css: Switch_styles_1.wrapperStyles, children: [(0, jsx_runtime_1.jsx)("input", { ref: ref, id: id, checked: checked, disabled: disabled, name: name, onChange: event => onToggle(event.target.checked), onKeyDown: event => {
+                if (event.key == 'Enter') {
+                    onToggle(!event.target.checked);
+                }
+            }, type: "checkbox", css: Switch_styles_1.inputStyles, "data-uie-name": dataUieName }), (0, jsx_runtime_1.jsxs)("label", { htmlFor: id, css: (0, Switch_styles_1.labelStyles)(disabled, showLoading), children: [(0, jsx_runtime_1.jsx)("span", { css: (0, Switch_styles_1.switchStyles)({
+                        disabled,
+                        showLoading,
+                        checked,
+                        activatedColor,
+                        deactivatedColor,
+                    }) }), showLoading ? ((0, jsx_runtime_1.jsx)(DataDisplay_1.Loading, { size: 21, color: loadingColor, css: Switch_styles_1.loadingStyles })) : ((0, jsx_runtime_1.jsx)("span", { css: (0, Switch_styles_1.switchDotStyles)(disabled, checked) }))] })] })));
+exports.Switch.displayName = 'Switch';

package/lib/Inputs/Switch/Switch.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAcrD,QAAA,MAAM,IAAI;;;;;;;;CAQqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC"}

package/lib/Inputs/Switch/Switch.stories.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DisabledChecked = exports.Disabled = exports.Checked = exports.Default = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/*
+ * Wire
+ * Copyright (C) 2025 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 Switch_1 = require("./Switch");
+const DefaultStory = ({ checked, disabled }) => {
+    const [isChecked, setIsChecked] = (0, react_1.useState)(checked);
+    return (0, jsx_runtime_1.jsx)(Switch_1.Switch, { checked: isChecked, disabled: disabled, onToggle: () => setIsChecked(!isChecked) });
+};
+const meta = {
+    title: 'Inputs/Switch',
+    component: Switch_1.Switch,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    render: ({ checked, disabled, ...args }) => (0, jsx_runtime_1.jsx)(DefaultStory, { ...args, checked: checked, disabled: disabled }),
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        checked: false,
+        disabled: false,
+        onToggle: () => { },
+    },
+};
+exports.Checked = {
+    args: {
+        checked: true,
+        disabled: false,
+        onToggle: () => { },
+    },
+};
+exports.Disabled = {
+    args: {
+        checked: false,
+        disabled: true,
+        onToggle: () => { },
+    },
+};
+exports.DisabledChecked = {
+    args: {
+        checked: true,
+        disabled: true,
+        onToggle: () => { },
+    },
+};

package/lib/Inputs/Switch/Switch.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Switch/Switch.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,eAAO,MAAM,aAAa,EAAE,SAO3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,SAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,aAAc,OAAO,eAAe,OAAO,KAAG,SAMpE,CAAC;AAEH,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,YAAY,0EAMtB,iBAAiB,KAAG,SA6BrB,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,SAI3B,CAAC;AAEF,eAAO,MAAM,eAAe,aAAc,OAAO,WAAW,OAAO,KAAG,SAcpE,CAAC"}

package/lib/Inputs/Switch/Switch.styles.js

@@ -0,0 +1,97 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2022 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.switchDotStyles = exports.loadingStyles = exports.switchStyles = exports.labelStyles = exports.inputStyles = exports.wrapperStyles = void 0;
+const Identity_1 = require("../../Identity");
+exports.wrapperStyles = {
+    display: 'grid',
+    position: 'relative',
+    textAlign: 'left',
+    userSelect: 'none',
+    verticalAlign: 'middle',
+    width: '42px',
+};
+exports.inputStyles = {
+    height: '0',
+    width: '0',
+    opacity: '0',
+    '&:focus + label': {
+        outline: `1px solid ${Identity_1.COLOR_V2.BLUE_LIGHT_700}`,
+    },
+};
+const labelStyles = (disabled, showLoading) => ({
+    borderRadius: '20px',
+    cursor: disabled || showLoading ? '' : 'pointer',
+    display: 'block',
+    margin: 0,
+    overflow: 'hidden',
+});
+exports.labelStyles = labelStyles;
+const switchStyles = ({ disabled, showLoading, checked, activatedColor, deactivatedColor, }) => ({
+    '&: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: '1.5625rem',
+        padding: 0,
+        width: '50%',
+    },
+    display: 'block',
+    marginLeft: checked ? 0 : '-100%',
+    transition: 'margin 0.1s ease-in 0s',
+    width: '200%',
+});
+exports.switchStyles = switchStyles;
+exports.loadingStyles = {
+    display: 'block',
+    margin: '2px',
+    position: 'absolute',
+};
+const switchDotStyles = (disabled, checked) => ({
+    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.switchDotStyles = switchDotStyles;

package/lib/Inputs/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Switch';
+//# sourceMappingURL=index.d.ts.map

package/lib/Inputs/Switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Switch/index.ts"],"names":[],"mappings":"AAmBA,cAAc,UAAU,CAAC"}

package/lib/Inputs/Switch/index.js

@@ -0,0 +1,35 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2025 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);
+    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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Switch"), exports);

package/lib/Inputs/TextArea/TextArea.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { CSSObject } from '@emotion/react';
+import type { Property } from 'csstype';
+import { Theme } from '../../Identity/Theme';
+import { TextProps } from '../../Typography';
+export interface TextAreaProps<T = HTMLTextAreaElement> extends TextProps<T> {
+    markInvalid?: boolean;
+    placeholderTextTransform?: Property.TextTransform;
+}
+export declare const textAreaStyle: <T>(theme: Theme, props: TextAreaProps<T>) => CSSObject;
+export declare const TEXTAREA_CLASSNAME = "textarea";
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps<HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=TextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/Inputs/TextArea/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,sBAAsB,CAAC;AAC3C,OAAO,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAG3C,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,6HAOnB,CAAC"}

package/lib/Inputs/TextArea/TextArea.js

@@ -0,0 +1,93 @@
+"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
+ *
+ * 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 = __importStar(require("react"));
+const Identity_1 = require("../../Identity");
+const util_1 = require("../../utils/util");
+const textAreaStyle = (theme, { markInvalid = false, placeholderTextTransform = 'none', disabled = false }) => {
+    const placeholderStyle = {
+        color: theme.Input.placeholderColor,
+        fontSize: theme.fontSizes.base,
+        textTransform: placeholderTextTransform,
+    };
+    return {
+        '&::-moz-placeholder': {
+            ...placeholderStyle,
+            opacity: 1,
+        },
+        '&::-ms-input-placeholder': {
+            ...placeholderStyle,
+        },
+        '&::-webkit-input-placeholder': {
+            ...placeholderStyle,
+        },
+        '&:focus': {
+            boxShadow: `0 0 0 1px ${Identity_1.COLOR.BLUE}`,
+        },
+        '&:invalid': !markInvalid
+            ? {
+                boxShadow: `0 0 0 1px ${Identity_1.COLOR.GRAY}`,
+            }
+            : {},
+        background: disabled ? theme.Input.backgroundColorDisabled : theme.Input.backgroundColor,
+        border: 'none',
+        borderRadius: '4px',
+        boxShadow: markInvalid ? `0 0 0 1px ${Identity_1.COLOR.RED}` : `0 0 0 1px ${Identity_1.COLOR.GRAY}`,
+        caretColor: Identity_1.COLOR.BLUE,
+        color: theme.general.color,
+        fontWeight: 400,
+        lineHeight: '1.5rem',
+        margin: '0 0 16px',
+        outline: 'none',
+        padding: '16px 16px',
+        resize: 'none',
+        width: '100%',
+    };
+};
+exports.textAreaStyle = textAreaStyle;
+exports.TEXTAREA_CLASSNAME = 'textarea';
+const filterTextAreaProps = (props) => (0, util_1.filterProps)(props, ['markInvalid', 'placeholderTextTransform']);
+exports.TextArea = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)("textarea", { className: exports.TEXTAREA_CLASSNAME, css: (theme) => (0, exports.textAreaStyle)(theme, props), ref: ref, ...filterTextAreaProps(props) })));
+exports.TextArea.displayName = 'TextArea';

package/lib/Inputs/TextArea/TextArea.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../src/Inputs/TextArea/TextArea.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAMrD,QAAA,MAAM,IAAI;;;;;;;CAOuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

package/lib/Inputs/TextArea/TextArea.stories.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Disabled = exports.Invalid = exports.WithLabel = exports.Default = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const TextArea_1 = require("./TextArea");
+const InputLabel_1 = require("../InputLabel");
+const meta = {
+    title: 'Inputs/TextArea',
+    component: TextArea_1.TextArea,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        placeholder: 'Enter your message...',
+    },
+};
+exports.WithLabel = {
+    render: () => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(InputLabel_1.InputLabel, { htmlFor: "textarea-example", children: "Message" }), (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, { id: "textarea-example", placeholder: "Type your message here..." })] })),
+};
+exports.Invalid = {
+    args: {
+        placeholder: 'Invalid input...',
+        markInvalid: true,
+    },
+};
+exports.Disabled = {
+    args: {
+        placeholder: 'Disabled textarea...',
+        disabled: true,
+    },
+};

package/lib/Inputs/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextArea';
+//# sourceMappingURL=index.d.ts.map

package/lib/Inputs/TextArea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Inputs/TextArea/index.ts"],"names":[],"mappings":"AAmBA,cAAc,YAAY,CAAC"}

package/lib/Inputs/TextArea/index.js

@@ -0,0 +1,35 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2025 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);
+    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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TextArea"), exports);

package/lib/Inputs/index.d.ts

@@ -0,0 +1,23 @@
+export * from './Button';
+export * from './ButtonGroup';
+export * from './ButtonLink';
+export * from './ButtonsGroup';
+export * from './Checkbox';
+export * from './CodeInput';
+export * from './ComboboxSelect';
+export * from './DropFileInput';
+export * from './ErrorMessage';
+export * from './Form';
+export * from './IconButton';
+export * from './IndicatorRangeInput';
+export * from './Input';
+export * from './InputBlock';
+export * from './InputLabel';
+export * from './InputSubmitCombo';
+export * from './RangeInput';
+export * from './RoundIconButton';
+export * from './Select';
+export * from './ShakeBox';
+export * from './Switch';
+export * from './TextArea';
+//# sourceMappingURL=index.d.ts.map

package/lib/Inputs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Inputs/index.ts"],"names":[],"mappings":"AAmBA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}

package/lib/Inputs/index.js

@@ -0,0 +1,56 @@
+"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);
+    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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Button"), exports);
+__exportStar(require("./ButtonGroup"), exports);
+__exportStar(require("./ButtonLink"), exports);
+__exportStar(require("./ButtonsGroup"), exports);
+__exportStar(require("./Checkbox"), exports);
+__exportStar(require("./CodeInput"), exports);
+__exportStar(require("./ComboboxSelect"), exports);
+__exportStar(require("./DropFileInput"), exports);
+__exportStar(require("./ErrorMessage"), exports);
+__exportStar(require("./Form"), exports);
+__exportStar(require("./IconButton"), exports);
+__exportStar(require("./IndicatorRangeInput"), exports);
+__exportStar(require("./Input"), exports);
+__exportStar(require("./InputBlock"), exports);
+__exportStar(require("./InputLabel"), exports);
+__exportStar(require("./InputSubmitCombo"), exports);
+__exportStar(require("./RangeInput"), exports);
+__exportStar(require("./RoundIconButton"), exports);
+__exportStar(require("./Select"), exports);
+__exportStar(require("./ShakeBox"), exports);
+__exportStar(require("./Switch"), exports);
+__exportStar(require("./TextArea"), exports);

package/lib/Layout/Box/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/Layout/Box/Box.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG,cAAc,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAE9D,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,SAIhD,CAAC;AAEH,eAAO,MAAM,GAAG,UAAW,QAAQ,qDAA6C,CAAC"}

package/lib/Layout/Box/Box.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = exports.boxStyle = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Identity_1 = require("../../Identity");
+const boxStyle = _ => ({
+    border: `2px solid ${Identity_1.COLOR.GRAY_LIGHTEN_72}`,
+    borderRadius: '8px',
+    padding: '16px 32px',
+});
+exports.boxStyle = boxStyle;
+const Box = (props) => (0, jsx_runtime_1.jsx)("div", { css: (0, exports.boxStyle)(props), ...props });
+exports.Box = Box;

package/lib/Layout/Box/Box.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../src/Layout/Box/Box.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAK1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAU1B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAMlC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAgBlC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC"}

package/lib/Layout/Box/Box.stories.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Interactive = exports.Nested = exports.WithFormattedContent = exports.WithCustomBorder = exports.WithCustomPadding = exports.Default = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Box_1 = require("./Box");
+const Identity_1 = require("../../Identity");
+const Typography_1 = require("../../Typography");
+const meta = {
+    component: Box_1.Box,
+    title: 'Layout/Box',
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)("div", { style: { padding: '24px', maxWidth: '600px', margin: '0 auto' }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.default = meta;
+const LOREM_IPSUM = `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a mattis nibh, sed maximus leo. Fusce a lacinia sem,
+vitae ornare dolor. Quisque rhoncus, magna non lacinia sagittis, erat augue fringilla metus, eu consectetur leo velit
+non lacus. Phasellus ipsum turpis, dapibus ut purus in, lobortis consectetur mi.`;
+exports.Default = {
+    args: {
+        children: LOREM_IPSUM,
+    },
+};
+exports.WithCustomPadding = {
+    args: {
+        children: LOREM_IPSUM,
+        style: { padding: '32px' },
+    },
+};
+exports.WithCustomBorder = {
+    args: {
+        children: LOREM_IPSUM,
+        style: { border: `2px solid ${Identity_1.COLOR.BLUE}` },
+    },
+};
+exports.WithFormattedContent = {
+    args: {
+        children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Text, { block: true, style: { fontSize: '20px', fontWeight: 'bold', marginBottom: '16px' }, children: "Important Notice" }), (0, jsx_runtime_1.jsx)(Typography_1.Text, { block: true, style: { marginBottom: '12px' }, children: LOREM_IPSUM }), (0, jsx_runtime_1.jsx)(Typography_1.Text, { block: true, style: { color: Identity_1.COLOR.GRAY }, children: "Last updated: 2025-01-01" })] })),
+    },
+};
+exports.Nested = {
+    args: {
+        children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Text, { block: true, style: { marginBottom: '16px' }, children: "Outer box content" }), (0, jsx_runtime_1.jsx)(Box_1.Box, { style: { backgroundColor: Identity_1.COLOR.GRAY_LIGHTEN_92 }, children: (0, jsx_runtime_1.jsx)(Typography_1.Text, { children: "Inner box content" }) })] })),
+    },
+};
+exports.Interactive = {
+    args: {
+        children: ((0, jsx_runtime_1.jsxs)("div", { style: { textAlign: 'center' }, children: [(0, jsx_runtime_1.jsx)(Typography_1.Text, { block: true, style: { marginBottom: '16px' }, children: "Click the button below" }), (0, jsx_runtime_1.jsx)("button", { style: {
+                        backgroundColor: Identity_1.COLOR.BLUE,
+                        border: 'none',
+                        borderRadius: '4px',
+                        color: Identity_1.COLOR.WHITE,
+                        cursor: 'pointer',
+                        padding: '8px 16px',
+                    }, children: "Action Button" })] })),
+        style: { cursor: 'pointer' },
+    },
+};

package/lib/Layout/Box/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Box';
+//# sourceMappingURL=index.d.ts.map

package/lib/Layout/Box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Layout/Box/index.ts"],"names":[],"mappings":"AAmBA,cAAc,OAAO,CAAC"}