@wireapp/react-ui-kit 9.69.0 → 9.69.4

package/lib/DataDisplay/Tooltip/Tooltip.stories.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithMarkup = exports.LongContent = exports.CustomPosition = exports.WithInput = exports.Default = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Tooltip_1 = require("./Tooltip");
-const Button_1 = require("../../Inputs/Button/Button");
-const Input_1 = require("../../Inputs/Input/Input");
-const meta = {
-    title: 'DataDisplay/Tooltip',
-    component: Tooltip_1.Tooltip,
-    parameters: {
-        layout: 'centered',
-    },
-    decorators: [
-        Story => ((0, jsx_runtime_1.jsx)("div", { id: "wire-app", style: { position: 'relative', minHeight: '200px', padding: '24px' }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        body: 'This is a tooltip',
-        children: (0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Hover me" }),
-    },
-};
-exports.WithInput = {
-    args: {
-        body: 'Enter your username',
-        children: (0, jsx_runtime_1.jsx)(Input_1.Input, { placeholder: "Username" }),
-    },
-};
-exports.CustomPosition = {
-    args: {
-        body: 'Tooltip on the right',
-        children: (0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Hover me" }),
-    },
-};
-exports.LongContent = {
-    args: {
-        body: 'This is a longer tooltip that might wrap to multiple lines. It contains more detailed information about the element.',
-        children: (0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Hover for more info" }),
-    },
-};
-exports.WithMarkup = {
-    args: {
-        body: ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Bold text" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("em", { children: "Italic text" }), (0, jsx_runtime_1.jsx)("br", {}), "Regular text"] })),
-        children: (0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Hover for formatted tooltip" }),
-    },
-};

package/lib/DataDisplay/Tooltip/index.d.ts

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

package/lib/DataDisplay/Tooltip/index.d.ts.map

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

package/lib/DataDisplay/Tooltip/index.js

@@ -1,35 +0,0 @@
-"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("./Tooltip"), exports);

package/lib/DataDisplay/index.d.ts

@@ -1,9 +0,0 @@
-export * from './Avatar';
-export * from './AvatarGrid';
-export * from './Badge';
-export * from './BadgesWithTooltip';
-export * from './Icon';
-export * from './Loading';
-export * from './Pill';
-export * from './Tooltip';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DataDisplay/index.ts"],"names":[],"mappings":"AAmBA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/lib/DataDisplay/index.js

@@ -1,42 +0,0 @@
-"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("./Avatar"), exports);
-__exportStar(require("./AvatarGrid"), exports);
-__exportStar(require("./Badge"), exports);
-__exportStar(require("./BadgesWithTooltip"), exports);
-__exportStar(require("./Icon"), exports);
-__exportStar(require("./Loading"), exports);
-__exportStar(require("./Pill"), exports);
-__exportStar(require("./Tooltip"), exports);

package/lib/Identity/Animation/Animation.d.ts

@@ -1,31 +0,0 @@
-import { ReactNode, ComponentType, HTMLProps } from 'react';
-type TransitionProps = Partial<any> & {
-    children: ReactNode;
-    component?: string | ComponentType<any>;
-};
-type OpacityProps = TransitionProps & {
-    endValue?: number;
-    startValue?: number;
-};
-type MovementProps = TransitionProps & {
-    endValue?: string;
-    startValue?: string;
-};
-type TransitionContainerProps = HTMLProps<any> & {
-    appear?: boolean;
-    component?: string;
-    enter?: boolean;
-    exit?: boolean;
-};
-export declare const TransitionContainer: (props: TransitionContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const Transition: ({ animationStyle, timeout, component, children, ...props }: TransitionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const Opacity: ({ startValue, endValue, timeout, ...props }: OpacityProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const YAxisMovement: ({ startValue, endValue, timeout, ...props }: MovementProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const XAxisMovement: ({ startValue, endValue, timeout, ...props }: MovementProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const Slide: ({ startValue, endValue, timeout, ...props }: MovementProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const LeftRightMovement: (props: MovementProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const RightLeftMovement: (props: MovementProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const TopDownMovement: (props: MovementProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const BottomUpMovement: (props: MovementProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Animation.d.ts.map

package/lib/Identity/Animation/Animation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Animation.d.ts","sourceRoot":"","sources":["../../../src/Identity/Animation/Animation.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,SAAS,EAAgB,MAAM,OAAO,CAAC;AAQzE,KAAK,eAAe,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;CACzC,CAAC;AAEF,KAAK,YAAY,GAAG,eAAe,GAAG;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,aAAa,GAAG,eAAe,GAAG;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,wBAAwB,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,qDAAmC,CAAC;AAEvG,eAAO,MAAM,UAAU,+DAAsE,eAAe,qDAQ3G,CAAC;AAEF,eAAO,MAAM,OAAO,gDAA0E,YAAY,qDAmBzG,CAAC;AAEF,eAAO,MAAM,aAAa,gDAKvB,aAAa,qDAmBf,CAAC;AAEF,eAAO,MAAM,aAAa,gDAKvB,aAAa,qDAmBf,CAAC;AAEF,eAAO,MAAM,KAAK,gDAAmF,aAAa,qDAmBjH,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,aAAa,qDAErD,CAAC;AACF,eAAO,MAAM,iBAAiB,UAAW,aAAa,qDAErD,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,aAAa,qDAAkE,CAAC;AACvH,eAAO,MAAM,gBAAgB,UAAW,aAAa,qDAAiE,CAAC"}

package/lib/Identity/Animation/Animation.js

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BottomUpMovement = exports.TopDownMovement = exports.RightLeftMovement = exports.LeftRightMovement = exports.Slide = exports.XAxisMovement = exports.YAxisMovement = exports.Opacity = exports.Transition = exports.TransitionContainer = 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_1 = require("react");
-const react_2 = require("@emotion/react");
-const motions_1 = require("../motions/motions");
-const { CSSTransition, TransitionGroup } = require('react-transition-group');
-const TransitionContainer = (props) => (0, jsx_runtime_1.jsx)(TransitionGroup, { ...props });
-exports.TransitionContainer = TransitionContainer;
-const Transition = ({ animationStyle, timeout, component = 'div', children, ...props }) => ((0, jsx_runtime_1.jsx)(react_2.ClassNames, { children: ({ css }) => ((0, jsx_runtime_1.jsx)(CSSTransition, { timeout: timeout, classNames: css(animationStyle), ...props, children: component ? (0, react_1.createElement)(component, {}, children) : children })) }));
-exports.Transition = Transition;
-const Opacity = ({ startValue = 0, endValue = 1, timeout = motions_1.DURATION.DEFAULT, ...props }) => ((0, jsx_runtime_1.jsx)(exports.Transition, { animationStyle: {
-        '&-enter': { opacity: startValue },
-        '&-enter-active': {
-            opacity: endValue,
-            transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
-        },
-        '&-exit': { opacity: endValue },
-        '&-exit-active': {
-            opacity: startValue,
-            pointerEvents: 'none',
-            transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
-        },
-        '&-exit-done': { opacity: startValue },
-    }, timeout: timeout, ...props }));
-exports.Opacity = Opacity;
-const YAxisMovement = ({ startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT, ...props }) => ((0, jsx_runtime_1.jsx)(exports.Transition, { animationStyle: {
-        '&-enter': { transform: `translateY(${startValue})` },
-        '&-enter-active': {
-            transform: `translateY(${endValue})`,
-            transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
-        },
-        '&-exit': { transform: `translateY(${endValue})` },
-        '&-exit-active': {
-            pointerEvents: 'none',
-            transform: `translateY(${startValue})`,
-            transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
-        },
-        '&-exit-done': { transform: `translateY(${startValue})` },
-    }, timeout: timeout, ...props }));
-exports.YAxisMovement = YAxisMovement;
-const XAxisMovement = ({ startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT, ...props }) => ((0, jsx_runtime_1.jsx)(exports.Transition, { animationStyle: {
-        '&-enter': { transform: `translateX(${startValue})` },
-        '&-enter-active': {
-            transform: `translateX(${endValue})`,
-            transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
-        },
-        '&-exit': { transform: `translateX(${endValue})` },
-        '&-exit-active': {
-            pointerEvents: 'none',
-            transform: `translateX(${startValue})`,
-            transition: `all ${timeout}ms ${motions_1.EASE.EXPONENTIAL}`,
-        },
-        '&-exit-done': { transform: `translateX(${startValue})` },
-    }, timeout: timeout, ...props }));
-exports.XAxisMovement = XAxisMovement;
-const Slide = ({ startValue = '-100%', endValue = '0%', timeout = motions_1.DURATION.DEFAULT, ...props }) => ((0, jsx_runtime_1.jsx)(exports.Transition, { animationStyle: {
-        '&-enter': { marginTop: startValue },
-        '&-enter-active': {
-            marginTop: endValue,
-            transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
-        },
-        '&-exit': { marginTop: endValue },
-        '&-exit-active': {
-            marginTop: startValue,
-            pointerEvents: 'none',
-            transition: `all ${timeout}ms ${motions_1.EASE.QUART}`,
-        },
-        '&-exit-done': { marginTop: startValue },
-    }, timeout: timeout, ...props }));
-exports.Slide = Slide;
-const LeftRightMovement = (props) => ((0, jsx_runtime_1.jsx)(exports.XAxisMovement, { startValue: "-100vh", endValue: "0vh", ...props }));
-exports.LeftRightMovement = LeftRightMovement;
-const RightLeftMovement = (props) => ((0, jsx_runtime_1.jsx)(exports.XAxisMovement, { startValue: "100vh", endValue: "0vh", ...props }));
-exports.RightLeftMovement = RightLeftMovement;
-const TopDownMovement = (props) => (0, jsx_runtime_1.jsx)(exports.YAxisMovement, { startValue: "-100%", endValue: "0%", ...props });
-exports.TopDownMovement = TopDownMovement;
-const BottomUpMovement = (props) => (0, jsx_runtime_1.jsx)(exports.YAxisMovement, { startValue: "100%", endValue: "0%", ...props });
-exports.BottomUpMovement = BottomUpMovement;

package/lib/Identity/Animation/Animation.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-export declare const AllAnimations: () => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CustomizableAnimation: StoryObj;
-//# sourceMappingURL=Animation.stories.d.ts.map

package/lib/Identity/Animation/Animation.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Animation.stories.d.ts","sourceRoot":"","sources":["../../../src/Identity/Animation/Animation.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAchD,QAAA,MAAM,IAAI,EAAE,IASX,CAAC;AAEF,eAAe,IAAI,CAAC;AA4CpB,eAAO,MAAM,aAAa,wDA4EzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,QAqCnC,CAAC"}

package/lib/Identity/Animation/Animation.stories.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomizableAnimation = exports.AllAnimations = 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 Animation_1 = require("./Animation");
-const colors_1 = require("../colors/colors");
-const meta = {
-    title: 'Identity/Animation',
-    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 AnimationDemo = ({ title, children, }) => {
-    const [isAnimating, setIsAnimating] = (0, react_1.useState)(false);
-    const toggle = () => setIsAnimating(!isAnimating);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '32px' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '16px' }, children: [(0, jsx_runtime_1.jsx)("h3", { style: { marginBottom: '8px' }, children: title }), (0, jsx_runtime_1.jsx)("button", { onClick: toggle, style: {
-                            backgroundColor: colors_1.COLOR.BLUE,
-                            border: 'none',
-                            borderRadius: '4px',
-                            color: colors_1.COLOR.WHITE,
-                            cursor: 'pointer',
-                            padding: '8px 16px',
-                        }, children: "Toggle Animation" })] }), (0, jsx_runtime_1.jsx)("div", { style: {
-                    backgroundColor: colors_1.COLOR.GRAY_LIGHTEN_72,
-                    borderRadius: '4px',
-                    minHeight: '100px',
-                    padding: '24px',
-                }, children: children(isAnimating, toggle) })] }));
-};
-const AllAnimations = () => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(AnimationDemo, { title: "Opacity", children: isAnimating => ((0, jsx_runtime_1.jsx)(Animation_1.Opacity, { in: isAnimating, children: (0, jsx_runtime_1.jsx)("div", { style: { padding: '16px', backgroundColor: colors_1.COLOR.WHITE, borderRadius: '4px' }, children: "Fade in/out content" }) })) }), (0, jsx_runtime_1.jsx)(AnimationDemo, { title: "Top Down Movement", children: isAnimating => ((0, jsx_runtime_1.jsx)(Animation_1.TopDownMovement, { in: isAnimating, children: (0, jsx_runtime_1.jsx)("div", { style: { padding: '16px', backgroundColor: colors_1.COLOR.WHITE, borderRadius: '4px' }, children: "Moving from top" }) })) }), (0, jsx_runtime_1.jsx)(AnimationDemo, { title: "Bottom Up Movement", children: isAnimating => ((0, jsx_runtime_1.jsx)(Animation_1.BottomUpMovement, { in: isAnimating, children: (0, jsx_runtime_1.jsx)("div", { style: { padding: '16px', backgroundColor: colors_1.COLOR.WHITE, borderRadius: '4px' }, children: "Moving from bottom" }) })) }), (0, jsx_runtime_1.jsx)(AnimationDemo, { title: "Y-Axis Movement", children: isAnimating => ((0, jsx_runtime_1.jsx)(Animation_1.YAxisMovement, { in: isAnimating, startValue: "50%", endValue: "-50%", children: (0, jsx_runtime_1.jsx)("div", { style: { padding: '16px', backgroundColor: colors_1.COLOR.WHITE, borderRadius: '4px' }, children: "Custom vertical movement" }) })) }), (0, jsx_runtime_1.jsx)(AnimationDemo, { title: "Left Right Movement", children: isAnimating => ((0, jsx_runtime_1.jsx)(Animation_1.LeftRightMovement, { in: isAnimating, children: (0, jsx_runtime_1.jsx)("div", { style: { padding: '16px', backgroundColor: colors_1.COLOR.WHITE, borderRadius: '4px' }, children: "Moving from left" }) })) }), (0, jsx_runtime_1.jsx)(AnimationDemo, { title: "Right Left Movement", children: isAnimating => ((0, jsx_runtime_1.jsx)(Animation_1.RightLeftMovement, { in: isAnimating, children: (0, jsx_runtime_1.jsx)("div", { style: { padding: '16px', backgroundColor: colors_1.COLOR.WHITE, borderRadius: '4px' }, children: "Moving from right" }) })) }), (0, jsx_runtime_1.jsx)(AnimationDemo, { title: "X-Axis Movement", children: isAnimating => ((0, jsx_runtime_1.jsx)(Animation_1.XAxisMovement, { in: isAnimating, startValue: "10vh", endValue: "-10vh", children: (0, jsx_runtime_1.jsx)("div", { style: { padding: '16px', backgroundColor: colors_1.COLOR.WHITE, borderRadius: '4px' }, children: "Custom horizontal movement" }) })) }), (0, jsx_runtime_1.jsx)(AnimationDemo, { title: "Combined Animations", children: isAnimating => ((0, jsx_runtime_1.jsx)(Animation_1.TopDownMovement, { in: isAnimating, children: (0, jsx_runtime_1.jsx)(Animation_1.Opacity, { in: isAnimating, children: (0, jsx_runtime_1.jsx)(Animation_1.XAxisMovement, { in: isAnimating, startValue: "40vh", endValue: "10vh", children: (0, jsx_runtime_1.jsx)("div", { style: { padding: '16px', backgroundColor: colors_1.COLOR.WHITE, borderRadius: '4px' }, children: "Combined fade, vertical and horizontal movement" }) }) }) })) })] }));
-exports.AllAnimations = AllAnimations;
-exports.CustomizableAnimation = {
-    render: function Render() {
-        const [isAnimating, setIsAnimating] = (0, react_1.useState)(false);
-        const toggle = () => setIsAnimating(!isAnimating);
-        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", { onClick: toggle, style: {
-                        backgroundColor: colors_1.COLOR.BLUE,
-                        border: 'none',
-                        borderRadius: '4px',
-                        color: colors_1.COLOR.WHITE,
-                        cursor: 'pointer',
-                        marginBottom: '24px',
-                        padding: '8px 16px',
-                    }, children: "Toggle Animation" }), (0, jsx_runtime_1.jsx)(Animation_1.Opacity, { in: isAnimating, timeout: 2000, children: (0, jsx_runtime_1.jsx)("div", { style: { padding: '16px', backgroundColor: colors_1.COLOR.WHITE, borderRadius: '4px' }, children: "Customizable animation duration (2 seconds)" }) })] }));
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: 'Animations can be customized with different durations and timing functions.',
-            },
-        },
-    },
-};

package/lib/Identity/Animation/index.d.ts

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

package/lib/Identity/Animation/index.d.ts.map

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

package/lib/Identity/Animation/index.js

@@ -1,35 +0,0 @@
-"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("./Animation"), exports);

package/lib/Identity/GlobalCssVariables/GlobalCssVariables.d.ts

@@ -1,8 +0,0 @@
-import { CSSObject } from '@emotion/react';
-export declare const GlobalCssVariables: {
-    light: () => CSSObject;
-    dark: () => CSSObject;
-    accentColors: () => CSSObject;
-    zIndexes: () => CSSObject;
-};
-//# sourceMappingURL=GlobalCssVariables.d.ts.map

package/lib/Identity/GlobalCssVariables/GlobalCssVariables.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalCssVariables.d.ts","sourceRoot":"","sources":["../../../src/Identity/GlobalCssVariables/GlobalCssVariables.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAyQzC,eAAO,MAAM,kBAAkB;iBApQZ,SAAS;gBA+GV,SAAS;wBA+GD,SAAS;oBAkBb,SAAS;CAyB9B,CAAC"}