@wireapp/react-ui-kit 9.69.4 → 9.69.5

package/lib/Inputs/Button/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("./Button"), exports);

package/lib/Inputs/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,14 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { ButtonVariant } from '../Button';
+interface ButtonGroupProps {
+    children: ReactNode;
+}
+declare const ButtonGroup: {
+    ({ children }: ButtonGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    Button: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+        icon?: ReactNode;
+        variant?: ButtonVariant;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export { ButtonGroup };
+//# sourceMappingURL=ButtonGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,oBAAoB,EAAc,SAAS,EAAC,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAsB,aAAa,EAAC,MAAM,WAAW,CAAC;AAkC7D,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,QAAA,MAAM,WAAW;mBAAgB,gBAAgB;;eAPxC,SAAS;kBACN,aAAa;;CAUxB,CAAC;AA2BF,OAAO,EAAC,WAAW,EAAC,CAAC"}

package/lib/Inputs/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonGroup = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/*
+ * 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/.
+ *
+ */
+const react_1 = require("react");
+const Button_1 = require("../Button");
+const Button_styles_1 = require("../Button/Button.styles");
+const buttonGroupStyle = () => ({
+    display: 'flex',
+    alignItems: 'center',
+});
+const groupedButtonStyle = (theme, props) => ({
+    height: '32px',
+    borderRadius: '12px',
+    padding: '0 12px',
+    cursor: 'pointer',
+    display: 'flex',
+    alignItems: 'center',
+    '&:not(:last-of-type)': {
+        borderTopRightRadius: '0',
+        borderBottomRightRadius: '0',
+    },
+    '&:not(:first-of-type)': {
+        borderTopLeftRadius: '0',
+        borderBottomLeftRadius: '0',
+    },
+    '&:first-of-type:last-of-type': {
+        borderRadius: '0',
+    },
+    ...(0, Button_styles_1.buttonStyle)(theme, props),
+});
+const ButtonGroup = ({ children }) => ((0, jsx_runtime_1.jsx)("div", { css: (theme) => buttonGroupStyle(theme), role: "group", "aria-label": "Button Group", children: children }));
+exports.ButtonGroup = ButtonGroup;
+const GroupedButton = (0, react_1.forwardRef)(({ children, icon, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsxs)(Button_1.Button, { ref: ref, css: (theme) => groupedButtonStyle(theme, props), ...props, children: [icon, children && ((0, jsx_runtime_1.jsx)("span", { css: (theme) => ({
+                    marginLeft: !!icon && '6px',
+                    fontSize: theme.fontSizes.small,
+                    fontWeight: 'bold',
+                    lineHeight: '0.875rem',
+                    letterSpacing: '0.25px',
+                }), children: children }))] }));
+});
+GroupedButton.displayName = 'Button';
+ButtonGroup.Button = GroupedButton;

package/lib/Inputs/ButtonGroup/ButtonGroup.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ButtonGroup } from './ButtonGroup';
+declare const meta: Meta<typeof ButtonGroup>;
+export default meta;
+type Story = StoryObj<typeof ButtonGroup>;
+export declare const Default: Story;
+export declare const SingleButton: Story;
+export declare const WithIcons: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MixedContent: () => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ButtonGroup.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ButtonGroup/ButtonGroup.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAI1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAUlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAEF,eAAO,MAAM,SAAS,wDAarB,CAAC;AAEF,eAAO,MAAM,YAAY,wDAaxB,CAAC"}

package/lib/Inputs/ButtonGroup/ButtonGroup.stories.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MixedContent = exports.WithIcons = exports.SingleButton = exports.Default = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const ButtonGroup_1 = require("./ButtonGroup");
+const Icon_1 = require("../../DataDisplay/Icon");
+const meta = {
+    component: ButtonGroup_1.ButtonGroup,
+    title: 'Inputs/ButtonGroup',
+    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;
+exports.Default = {
+    args: {
+        children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { icon: (0, jsx_runtime_1.jsx)(Icon_1.PlusIcon, { height: 12, width: 12 }) }), (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { icon: (0, jsx_runtime_1.jsx)(Icon_1.PlusIcon, { height: 12, width: 12 }), children: "Button" }), (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { children: "Text only" })] })),
+    },
+};
+exports.SingleButton = {
+    args: {
+        children: (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { children: "Text only" }),
+    },
+};
+const WithIcons = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '20px' }, children: [(0, jsx_runtime_1.jsxs)(ButtonGroup_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { icon: (0, jsx_runtime_1.jsx)(Icon_1.PlusIcon, { height: 12, width: 12 }) }), (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { icon: (0, jsx_runtime_1.jsx)(Icon_1.PlusIcon, { height: 12, width: 12 }) }), (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { icon: (0, jsx_runtime_1.jsx)(Icon_1.PlusIcon, { height: 12, width: 12 }) })] }), (0, jsx_runtime_1.jsxs)(ButtonGroup_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { icon: (0, jsx_runtime_1.jsx)(Icon_1.PlusIcon, { height: 12, width: 12 }), children: "Add" }), (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { icon: (0, jsx_runtime_1.jsx)(Icon_1.PlusIcon, { height: 12, width: 12 }), children: "Create" }), (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { icon: (0, jsx_runtime_1.jsx)(Icon_1.PlusIcon, { height: 12, width: 12 }), children: "New" })] })] }));
+exports.WithIcons = WithIcons;
+const MixedContent = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '20px' }, children: [(0, jsx_runtime_1.jsxs)(ButtonGroup_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { icon: (0, jsx_runtime_1.jsx)(Icon_1.PlusIcon, { height: 12, width: 12 }) }), (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { children: "Middle" }), (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { icon: (0, jsx_runtime_1.jsx)(Icon_1.PlusIcon, { height: 12, width: 12 }), children: "End" })] }), (0, jsx_runtime_1.jsxs)(ButtonGroup_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { children: "Start" }), (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { icon: (0, jsx_runtime_1.jsx)(Icon_1.PlusIcon, { height: 12, width: 12 }) }), (0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup.Button, { children: "End" })] })] }));
+exports.MixedContent = MixedContent;

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

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

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

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

package/lib/Inputs/ButtonGroup/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("./ButtonGroup"), exports);

package/lib/Inputs/ButtonLink/ButtonLink.d.ts

@@ -0,0 +1,6 @@
+import { CSSObject } from '@emotion/react';
+import { Theme } from '../../Identity/Theme';
+import { ButtonProps } from '../Button';
+export declare const buttonLinkStyle: (theme: Theme, props: ButtonProps<HTMLAnchorElement>) => CSSObject;
+export declare const ButtonLink: ({ children, showLoading, loadingColor, ...props }: ButtonProps<HTMLAnchorElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ButtonLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ButtonLink/ButtonLink.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,OAAO,EAAC,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAG3C,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAGtC,eAAO,MAAM,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,iBAAiB,CAAC,KAAK,SAGrF,CAAC;AAUH,eAAO,MAAM,UAAU,sDAKpB,WAAW,CAAC,iBAAiB,CAAC,qDAIhC,CAAC"}

package/lib/Inputs/ButtonLink/ButtonLink.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonLink = exports.buttonLinkStyle = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const DataDisplay_1 = require("../../DataDisplay");
+const Identity_1 = require("../../Identity");
+const Typography_1 = require("../../Typography");
+const util_1 = require("../../utils/util");
+const Button_styles_1 = require("../Button/Button.styles");
+const buttonLinkStyle = (theme, props) => ({
+    ...(0, Button_styles_1.buttonStyle)(theme, props),
+    display: 'inline-flex !important',
+});
+exports.buttonLinkStyle = buttonLinkStyle;
+const filterButtonLinkProps = (props) => {
+    return (0, util_1.filterProps)((0, Typography_1.filterTextProps)(props), [
+        'backgroundColor',
+        'disabled',
+        'noCapital',
+    ]);
+};
+const ButtonLink = ({ children, showLoading, loadingColor = Identity_1.COLOR.WHITE, ...props }) => ((0, jsx_runtime_1.jsx)("a", { css: (theme) => (0, exports.buttonLinkStyle)(theme, props), ...filterButtonLinkProps(props), children: showLoading ? (0, jsx_runtime_1.jsx)(DataDisplay_1.Loading, { size: 30, color: loadingColor, style: { display: 'flex', margin: 'auto' } }) : children }));
+exports.ButtonLink = ButtonLink;

package/lib/Inputs/ButtonLink/ButtonLink.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ children, showLoading, loadingColor, ...props }: import("..").ButtonProps<HTMLAnchorElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomColor: Story;
+export declare const Loading: Story;
+//# sourceMappingURL=ButtonLink.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.stories.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ButtonLink/ButtonLink.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAMrD,QAAA,MAAM,IAAI;;;;;;;CAOyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/lib/Inputs/ButtonLink/ButtonLink.stories.js

@@ -0,0 +1,52 @@
+"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/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loading = exports.CustomColor = exports.Default = void 0;
+const ButtonLink_1 = require("./ButtonLink");
+const Identity_1 = require("../../Identity");
+const meta = {
+    title: 'Inputs/ButtonLink',
+    component: ButtonLink_1.ButtonLink,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        children: 'Button Link',
+        href: '#',
+    },
+};
+exports.CustomColor = {
+    args: {
+        children: 'Colored Button Link',
+        backgroundColor: Identity_1.COLOR.GREEN,
+        href: '#',
+    },
+};
+exports.Loading = {
+    args: {
+        children: 'Loading Button Link',
+        showLoading: true,
+        href: '#',
+    },
+};

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

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

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

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

package/lib/Inputs/ButtonLink/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("./ButtonLink"), exports);

package/lib/Inputs/ButtonsGroup/ButtonsGroup.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+import { IconButtonProps } from '../IconButton';
+interface ButtonsGroupProps {
+    children: ReactNode;
+}
+export declare const ButtonsGroup: {
+    ({ children }: ButtonsGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    Button: (props: Omit<ButtonProps, "variant" | "group">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    IconButton: (props: Omit<IconButtonProps, "variant" | "group">) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=ButtonsGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonsGroup.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ButtonsGroup/ButtonsGroup.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIhC,OAAO,EAA4B,WAAW,EAAgB,MAAM,WAAW,CAAC;AAChF,OAAO,EAAoC,eAAe,EAAoB,MAAM,eAAe,CAAC;AAEpG,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,YAAY;mBAAgB,iBAAiB;oBAInC,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC;wBAIlC,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,OAAO,CAAC;CANpE,CAAC"}

package/lib/Inputs/ButtonsGroup/ButtonsGroup.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonsGroup = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const ButtonsGroup_styles_1 = require("./ButtonsGroup.styles");
+const Button_1 = require("../Button");
+const IconButton_1 = require("../IconButton");
+const ButtonsGroup = ({ children }) => {
+    return (0, jsx_runtime_1.jsx)("div", { css: ButtonsGroup_styles_1.wrapperStyles, children: children });
+};
+exports.ButtonsGroup = ButtonsGroup;
+const Button = (props) => {
+    return (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: Button_1.ButtonVariant.TERTIARY, group: true, ...props });
+};
+const IconButton = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: IconButton_1.IconButtonVariant.PRIMARY, group: true, ...props });
+};
+exports.ButtonsGroup.Button = Button;
+exports.ButtonsGroup.IconButton = IconButton;

package/lib/Inputs/ButtonsGroup/ButtonsGroup.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ButtonsGroup } from './ButtonsGroup';
+declare const meta: Meta<typeof ButtonsGroup>;
+export default meta;
+type Story = StoryObj<typeof ButtonsGroup>;
+export declare const TwoButtons: Story;
+export declare const MultipleButtons: Story;
+export declare const TwoIconButtons: Story;
+export declare const MultipleIconButtons: Story;
+//# sourceMappingURL=ButtonsGroup.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonsGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ButtonsGroup/ButtonsGroup.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAI5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAiBjC,CAAC"}

package/lib/Inputs/ButtonsGroup/ButtonsGroup.stories.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultipleIconButtons = exports.TwoIconButtons = exports.MultipleButtons = exports.TwoButtons = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const ButtonsGroup_1 = require("./ButtonsGroup");
+const Icon_1 = require("../../DataDisplay/Icon");
+const meta = {
+    title: 'Inputs/ButtonsGroup',
+    component: ButtonsGroup_1.ButtonsGroup,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+exports.default = meta;
+exports.TwoButtons = {
+    render: () => ((0, jsx_runtime_1.jsxs)(ButtonsGroup_1.ButtonsGroup, { children: [(0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.Button, { children: "Button 1" }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.Button, { children: "Button 2" })] })),
+};
+exports.MultipleButtons = {
+    render: () => ((0, jsx_runtime_1.jsxs)(ButtonsGroup_1.ButtonsGroup, { children: [(0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.Button, { children: "Button 1" }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.Button, { children: "Button 2" }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.Button, { children: "Button 3" }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.Button, { children: "Button 3" })] })),
+};
+exports.TwoIconButtons = {
+    render: () => ((0, jsx_runtime_1.jsxs)(ButtonsGroup_1.ButtonsGroup, { children: [(0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.FileIcon, {}) }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.DownloadIcon, {}) })] })),
+};
+exports.MultipleIconButtons = {
+    render: () => ((0, jsx_runtime_1.jsxs)(ButtonsGroup_1.ButtonsGroup, { children: [(0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.FileIcon, {}) }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.DownloadIcon, {}) }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.MoreIcon, {}) }), (0, jsx_runtime_1.jsx)(ButtonsGroup_1.ButtonsGroup.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.GifIcon, {}) })] })),
+};

package/lib/Inputs/ButtonsGroup/ButtonsGroup.styles.d.ts

@@ -0,0 +1,3 @@
+import { CSSObject } from '@emotion/react';
+export declare const wrapperStyles: CSSObject;
+//# sourceMappingURL=ButtonsGroup.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonsGroup.styles.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ButtonsGroup/ButtonsGroup.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,eAAO,MAAM,aAAa,EAAE,SAG3B,CAAC"}

package/lib/Inputs/ButtonsGroup/ButtonsGroup.styles.js

@@ -0,0 +1,25 @@
+"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/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrapperStyles = void 0;
+exports.wrapperStyles = {
+    display: 'flex',
+    alignItems: 'center',
+};

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

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

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

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

package/lib/Inputs/ButtonsGroup/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("./ButtonsGroup"), exports);

package/lib/Inputs/Checkbox/Checkbox.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { TextProps } from '../../Typography';
+import { InputProps } from '../Input';
+export interface StyledLabelProps<T = HTMLLabelElement> extends React.HTMLProps<T> {
+    disabled?: boolean;
+    markInvalid?: boolean;
+    aligncenter?: boolean;
+    labelBeforeCheckbox?: boolean;
+}
+export interface CheckboxProps<T = HTMLInputElement> extends InputProps<T> {
+    id?: string;
+    aligncenter?: boolean;
+    labelBeforeCheckbox?: boolean;
+    outlineOffset?: string;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export type CheckboxLabelProps<T = HTMLSpanElement> = TextProps<T>;
+export declare const CheckboxLabel: ({ ...props }: CheckboxLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAO,SAAS,EAAY,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAkB,UAAU,EAAC,MAAM,UAAU,CAAC;AAErD,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAmFD,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACxE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,uHA8DpB,CAAC;AAGF,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,eAAe,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAEnE,eAAO,MAAM,aAAa,iBAAgB,kBAAkB,qDAS3D,CAAC"}