@wireapp/react-ui-kit 9.69.4 → 9.69.5

package/lib/Identity/GlobalStyle/GlobalStyle.js

@@ -0,0 +1,76 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlobalStyle = 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("@emotion/react");
+const emotion_normalize_1 = __importDefault(require("emotion-normalize"));
+const GlobalCssVariables_1 = require("../GlobalCssVariables");
+const getGlobalStyles = (theme) => ({
+    '*': {
+        boxSizing: 'border-box',
+    },
+    'b, strong': {
+        fontWeight: 600,
+    },
+    body: {
+        ...GlobalCssVariables_1.GlobalCssVariables.accentColors(),
+        ...GlobalCssVariables_1.GlobalCssVariables.zIndexes(),
+        MozOsxFontSmoothing: 'grayscale',
+        WebkitFontSmoothing: 'antialiased',
+        background: theme.general.backgroundColor,
+        color: theme.general.color,
+        display: 'flex',
+        flexDirection: 'column',
+        minHeight: '100vh',
+        transition: 'background 0.15s',
+    },
+    'body, body.theme-default': {
+        ...GlobalCssVariables_1.GlobalCssVariables.light(),
+    },
+    'body.theme-dark': {
+        ...GlobalCssVariables_1.GlobalCssVariables.dark(),
+    },
+    html: {
+        background: theme.general.backgroundColor,
+        transition: 'background 0.15s',
+        fontSize: '16px',
+    },
+    p: {
+        marginTop: 0,
+    },
+});
+const getGlobalFontStyle = () => ({
+    body: {
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";',
+        fontWeight: 400,
+        lineHeight: 1.5,
+    },
+});
+exports.GlobalStyle = (0, react_1.withTheme)(({ theme }) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Global, { styles: (0, react_1.css) `
+        ${emotion_normalize_1.default}
+        ${getGlobalStyles(theme)}
+        ${getGlobalFontStyle()}
+      ` }));
+});

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

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

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

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

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

package/lib/Identity/Logo/Logo.d.ts

@@ -0,0 +1,6 @@
+import { SVGIconProps } from '../../DataDisplay/Icon/SVGIcon';
+export interface LogoProps<T = SVGSVGElement> extends SVGIconProps<T> {
+    hover?: boolean;
+}
+export declare const Logo: ({ hover, ...props }: LogoProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Logo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/Identity/Logo/Logo.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAU,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAKrE,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,aAAa,CAAE,SAAQ,YAAY,CAAC,CAAC,CAAC;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAeD,eAAO,MAAM,IAAI,wBAAuB,SAAS,qDAIhD,CAAC"}

package/lib/Identity/Logo/Logo.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logo = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const SVGIcon_1 = require("../../DataDisplay/Icon/SVGIcon");
+const colors_1 = require("../colors");
+const motions_1 = require("../motions/motions");
+const logoStyle = (theme, { hover, color = theme.general.color }) => ({
+    '&:hover path': {
+        fill: hover ? colors_1.COLOR.shade(color, 0.06) : undefined,
+    },
+    path: {
+        fill: color,
+        transition: motions_1.defaultTransition,
+    },
+});
+const Logo = ({ hover, ...props }) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, { realWidth: 57, realHeight: 18, css: (theme) => logoStyle(theme, { hover, ...props }), ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M10.857 14.767a5.45 5.45 0 0 1-1.277-3.51l.002-8.688c0-.708.573-1.284 1.277-1.284s1.277.576 1.277 1.284l-.002 8.687a5.45 5.45 0 0 1-1.277 3.51zm9.58-3.51c0 3.01-2.409 5.458-5.402 5.458a5.413 5.413 0 0 1-3.233-1.073 6.72 6.72 0 0 0 1.61-4.386l.002-8.687A2.565 2.565 0 0 0 10.859 0a2.565 2.565 0 0 0-2.555 2.569l-.002 8.687c0 1.675.64 3.206 1.65 4.386a5.413 5.413 0 0 1-3.233 1.073c-2.993 0-5.442-2.449-5.442-5.459V.66H0v10.597C0 14.975 3.035 18 6.733 18a6.681 6.681 0 0 0 4.164-1.458A6.587 6.587 0 0 0 15.028 18c3.698 0 6.686-3.025 6.686-6.744V.66h-1.278v10.597zm5.11 6.403h1.278V.624h-1.277V17.66zM38.008.327a7.337 7.337 0 0 0-6.073 3.233V.624h-1.278V17.66h1.278V7.72c0-3.367 2.725-6.106 6.073-6.106V.327zm2.394 13.705c-2.485-2.965-2.342-7.416.432-10.208a7.478 7.478 0 0 1 10.141-.436L40.401 14.032zM52.784 3.386a8.75 8.75 0 0 0-12.854-.471c-3.424 3.446-3.424 9.054 0 12.5a8.75 8.75 0 0 0 12.417.002l-.903-.91a7.478 7.478 0 0 1-10.14.434l5.285-5.32 6.195-6.235zM53.964.77h.447v1.16h.136V.77h.45V.643h-1.033V.77zM56.34.643l-.445 1.116L55.45.643h-.21v1.286h.131V.779l.457 1.15h.124l.455-1.145v1.145h.132V.643h-.201z" }) }));
+exports.Logo = Logo;

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Logo } from '../Logo';
+declare const meta: Meta<typeof Logo>;
+export default meta;
+type Story = StoryObj<typeof Logo>;
+export declare const Default: Story;
+export declare const CustomColor: Story;
+export declare const Sizes: Story;
+export declare const Colors: Story;
+export declare const OnDifferentBackgrounds: Story;
+export declare const InContext: Story;
+//# sourceMappingURL=Logo.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.stories.d.ts","sourceRoot":"","sources":["../../../src/Identity/Logo/Logo.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAGhD,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAc3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAiBpB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KA4BpC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAC"}

package/lib/Identity/Logo/Logo.stories.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InContext = exports.OnDifferentBackgrounds = exports.Colors = exports.Sizes = exports.CustomColor = exports.Default = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const colors_1 = require("../colors");
+const Logo_1 = require("../Logo");
+const meta = {
+    component: Logo_1.Logo,
+    title: 'Identity/Logo',
+    argTypes: {
+        height: { control: { type: 'number', min: 12, max: 96, step: 4 } },
+        color: { control: 'color' },
+    },
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)("div", { style: { padding: '24px' }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        height: 32,
+    },
+};
+exports.CustomColor = {
+    args: {
+        color: colors_1.COLOR.BLUE,
+        height: 32,
+    },
+};
+exports.Sizes = {
+    render: () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '24px', alignItems: 'flex-start' }, children: [(0, jsx_runtime_1.jsx)(Logo_1.Logo, { height: 16 }), (0, jsx_runtime_1.jsx)(Logo_1.Logo, { height: 24 }), (0, jsx_runtime_1.jsx)(Logo_1.Logo, { height: 32 }), (0, jsx_runtime_1.jsx)(Logo_1.Logo, { height: 48 }), (0, jsx_runtime_1.jsx)(Logo_1.Logo, { height: 64 })] })),
+};
+exports.Colors = {
+    render: () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '24px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { padding: '12px' }, children: (0, jsx_runtime_1.jsx)(Logo_1.Logo, { height: 32, color: colors_1.COLOR.BLUE }) }), (0, jsx_runtime_1.jsx)("div", { style: { padding: '12px', backgroundColor: colors_1.COLOR.BLUE }, children: (0, jsx_runtime_1.jsx)(Logo_1.Logo, { height: 32, color: colors_1.COLOR.WHITE }) }), (0, jsx_runtime_1.jsx)("div", { style: { padding: '12px', backgroundColor: colors_1.COLOR.BLACK }, children: (0, jsx_runtime_1.jsx)(Logo_1.Logo, { height: 32, color: colors_1.COLOR.WHITE }) }), (0, jsx_runtime_1.jsx)("div", { style: { padding: '12px', backgroundColor: colors_1.COLOR.GRAY }, children: (0, jsx_runtime_1.jsx)(Logo_1.Logo, { height: 32, color: colors_1.COLOR.WHITE }) })] })),
+};
+exports.OnDifferentBackgrounds = {
+    render: () => ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: '24px' }, children: [
+            colors_1.COLOR.WHITE,
+            colors_1.COLOR.GRAY_LIGHTEN_48,
+            colors_1.COLOR.GRAY_LIGHTEN_72,
+            colors_1.COLOR.GRAY,
+            colors_1.COLOR.GRAY_DARKEN_48,
+            colors_1.COLOR.GRAY_DARKEN_72,
+            colors_1.COLOR.BLACK,
+        ].map(backgroundColor => ((0, jsx_runtime_1.jsxs)("div", { style: {
+                alignItems: 'center',
+                backgroundColor,
+                display: 'flex',
+                gap: '24px',
+                padding: '24px',
+            }, children: [(0, jsx_runtime_1.jsx)(Logo_1.Logo, { height: 32, color: backgroundColor === colors_1.COLOR.WHITE ? colors_1.COLOR.BLACK : colors_1.COLOR.WHITE }), (0, jsx_runtime_1.jsx)("code", { style: { color: backgroundColor === colors_1.COLOR.WHITE ? colors_1.COLOR.BLACK : colors_1.COLOR.WHITE }, children: backgroundColor })] }, backgroundColor))) })),
+};
+exports.InContext = {
+    render: () => ((0, jsx_runtime_1.jsxs)("div", { style: {
+            alignItems: 'center',
+            backgroundColor: colors_1.COLOR.GRAY_LIGHTEN_72,
+            display: 'flex',
+            gap: '16px',
+            justifyContent: 'space-between',
+            padding: '16px 24px',
+        }, children: [(0, jsx_runtime_1.jsx)(Logo_1.Logo, { height: 24 }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '16px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { height: '24px', width: '24px', backgroundColor: colors_1.COLOR.GRAY_LIGHTEN_32 } }), (0, jsx_runtime_1.jsx)("div", { style: { height: '24px', width: '24px', backgroundColor: colors_1.COLOR.GRAY_LIGHTEN_32 } }), (0, jsx_runtime_1.jsx)("div", { style: { height: '24px', width: '24px', backgroundColor: colors_1.COLOR.GRAY_LIGHTEN_32 } })] })] })),
+};

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

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

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

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

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

package/lib/Identity/Sizes/Sizes.d.ts

@@ -0,0 +1,9 @@
+export declare const fontSizes: {
+    extraSmall: string;
+    small: string;
+    medium: string;
+    base: string;
+    large: string;
+    extraLarge: string;
+};
+//# sourceMappingURL=Sizes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sizes.d.ts","sourceRoot":"","sources":["../../../src/Identity/Sizes/Sizes.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC"}

package/lib/Identity/Sizes/Sizes.js

@@ -0,0 +1,29 @@
+"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.fontSizes = void 0;
+exports.fontSizes = {
+    extraSmall: '0.6875rem',
+    small: '0.75rem',
+    medium: '0.875rem',
+    base: '1rem',
+    large: '1.25rem',
+    extraLarge: '1.5rem',
+};

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

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

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

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

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

package/lib/Identity/Theme/Theme.d.ts

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { Theme as ETheme } from '@emotion/react';
+export declare enum THEME_ID {
+    DARK = "THEME_DARK",
+    LIGHT = "THEME_LIGHT",
+    DEFAULT = "THEME_DEFAULT"
+}
+export interface Theme extends ETheme {
+    fontSizes: {
+        extraSmall: string;
+        small: string;
+        medium: string;
+        base: string;
+        large: string;
+        extraLarge: string;
+    };
+    Button?: {
+        primaryBg: string;
+        primaryHoverBg: string;
+        primaryActiveBg: string;
+        primaryActiveBorder: string;
+        primaryFocusBorder: string;
+        primaryDisabledBg: string;
+        primaryDisabledText: string;
+        secondaryActiveBg: string;
+        secondaryActiveBorder: string;
+        secondaryHoverBorder: string;
+        tertiaryBg: string;
+        tertiaryBorder: string;
+        tertiaryHoverBg: string;
+        tertiaryHoverBorder: string;
+        tertiarydisabledBg: string;
+        tertiaryDisabledBorder: string;
+        tertiaryActiveBg: string;
+    };
+    IconButton: {
+        activePrimaryBgColor: string;
+        focusBorderColor: string;
+        hoverPrimaryBgColor: string;
+        primaryActiveFillColor: string;
+        primaryBgColor: string;
+        primaryBorderColor: string;
+        primaryDisabledBgColor: string;
+        primaryDisabledBorderColor: string;
+        primaryHoverBorderColor: string;
+        secondaryActiveBorderColor: string;
+    };
+    Checkbox: {
+        background: string;
+        border: string;
+        borderFocused: string;
+        disableBgColor: string;
+        disableBorderColor: string;
+        disablecheckedBgColor: string;
+        invalidBorderColor: string;
+    };
+    general: {
+        backgroundColor: string;
+        color: string;
+        contrastColor: string;
+        dangerColor: string;
+        successColor: string;
+        focusColor: string;
+        primaryColor: string;
+    };
+    IndicatorRangeInput: {
+        thumb: string;
+        trackBg: string;
+    };
+    Tooltip: {
+        backgroundColor: string;
+        color: string;
+    };
+    Input: {
+        backgroundColor: string;
+        backgroundColorDisabled: string;
+        backgroundAutocomplete: string;
+        placeholderColor: string;
+        labelColor: string;
+        borderHover: string;
+    };
+    Select: {
+        disabledColor: string;
+        contrastTextColor: string;
+        borderColor: string;
+        focusedDescriptionColor: string;
+        optionHoverBg: string;
+        selectedActiveBg: string;
+    };
+}
+export declare const themes: {
+    [themeId in THEME_ID]: Theme;
+};
+export interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {
+    theme?: Theme;
+    children: React.ReactNode;
+}
+export declare const ThemeProvider: (props: ThemeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/Identity/Theme/Theme.tsx"],"names":[],"mappings":"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"}