@wireapp/react-ui-kit 9.69.4 → 9.69.6

package/lib/Identity/colors-v2/colors-v2.d.ts

@@ -0,0 +1,158 @@
+export declare const BASE_LIGHT_COLOR: {
+    readonly AMBER: "#a25915";
+    readonly BLUE: "#0667c8";
+    readonly GREEN: "#1d7833";
+    readonly PURPLE: "#8944ab";
+    readonly RED: "#c20013";
+    readonly TURQUOISE: "#01718e";
+};
+export declare const BASE_DARK_COLOR: {
+    readonly AMBER: "#ffd426";
+    readonly BLUE: "#54a6ff";
+    readonly GREEN: "#30db5b";
+    readonly TURQUOISE: "#5de6ff";
+    readonly PURPLE: "#da8fff";
+    readonly RED: "#ff7770";
+};
+export declare const COLOR_V2: {
+    readonly BLACK: "#000";
+    readonly WHITE: "#fff";
+    readonly GRAY_10: "#fafafa";
+    readonly GRAY_20: "#edeff0";
+    readonly GRAY_30: "#e5e8ea";
+    readonly GRAY_40: "#dce0e3";
+    readonly GRAY_50: "#cbced1";
+    readonly GRAY_60: "#9fa1a7";
+    readonly GRAY_70: "#676b71";
+    readonly GRAY_80: "#54585f";
+    readonly GRAY_90: "#34373d";
+    readonly GRAY_95: "#26272c";
+    readonly GRAY_100: "#17181a";
+    readonly AMBER_LIGHT_50: "#f6eee8";
+    readonly AMBER_LIGHT_100: "#ecded0";
+    readonly AMBER_LIGHT_200: "#dabda1";
+    readonly AMBER_LIGHT_300: "#c79b73";
+    readonly AMBER_LIGHT_400: "#b57A44";
+    readonly AMBER_LIGHT_500: "#a25915";
+    readonly AMBER_LIGHT_600: "#824711";
+    readonly AMBER_LIGHT_700: "#61350d";
+    readonly AMBER_LIGHT_800: "#412408";
+    readonly AMBER_LIGHT_900: "#201204";
+    readonly RED_LIGHT_50: "#f9e6e8";
+    readonly RED_LIGHT_100: "#f3ccd0";
+    readonly RED_LIGHT_200: "#e799a1";
+    readonly RED_LIGHT_300: "#da6671";
+    readonly RED_LIGHT_400: "#ce3342";
+    readonly RED_LIGHT_500: "#c20013";
+    readonly RED_LIGHT_600: "#9b000f";
+    readonly RED_LIGHT_700: "#74000b";
+    readonly RED_LIGHT_800: "#4e0008";
+    readonly RED_LIGHT_900: "#4d2422";
+    readonly PURPLE_LIGHT_50: "#f4edf7";
+    readonly PURPLE_LIGHT_100: "#e7daee";
+    readonly PURPLE_LIGHT_200: "#d0b4dd";
+    readonly PURPLE_LIGHT_300: "#b88fcd";
+    readonly PURPLE_LIGHT_400: "#a169bc";
+    readonly PURPLE_LIGHT_500: "#8944ab";
+    readonly PURPLE_LIGHT_600: "#6e3689";
+    readonly PURPLE_LIGHT_700: "#522967";
+    readonly PURPLE_LIGHT_800: "#371b44";
+    readonly PURPLE_LIGHT_900: "#412b4d";
+    readonly TURQUOISE_LIGHT_50: "#e5f1f3";
+    readonly TURQUOISE_LIGHT_100: "#cce2e7";
+    readonly TURQUOISE_LIGHT_200: "#99c6d0";
+    readonly TURQUOISE_LIGHT_300: "#67a9b8";
+    readonly TURQUOISE_LIGHT_400: "#348da1";
+    readonly TURQUOISE_LIGHT_500: "#01718e";
+    readonly TURQUOISE_LIGHT_600: "#015a6e";
+    readonly TURQUOISE_LIGHT_700: "#014352";
+    readonly TURQUOISE_LIGHT_800: "#002d37";
+    readonly TURQUOISE_LIGHT_900: "#1c454d";
+    readonly GREEN_LIGHT_50: "#e8f1ea";
+    readonly GREEN_LIGHT_100: "#d2e4d6";
+    readonly GREEN_LIGHT_200: "#a5c9ad";
+    readonly GREEN_LIGHT_300: "#77ae85";
+    readonly GREEN_LIGHT_400: "#4a935c";
+    readonly GREEN_LIGHT_500: "#1d7833";
+    readonly GREEN_LIGHT_600: "#176029";
+    readonly GREEN_LIGHT_700: "#11481f";
+    readonly GREEN_LIGHT_800: "#0c3014";
+    readonly GREEN_LIGHT_900: "#0e421b";
+    readonly BLUE_LIGHT_50: "#e7f0fa";
+    readonly BLUE_LIGHT_100: "#cde1f4";
+    readonly BLUE_LIGHT_200: "#9bc2e9";
+    readonly BLUE_LIGHT_300: "#6aa4de";
+    readonly BLUE_LIGHT_400: "#3885d3";
+    readonly BLUE_LIGHT_500: "#0667c8";
+    readonly BLUE_LIGHT_600: "#0552a0";
+    readonly BLUE_LIGHT_700: "#043e78";
+    readonly BLUE_LIGHT_800: "#022950";
+    readonly BLUE_LIGHT_900: "#19324d";
+    readonly AMBER_DARK_50: "#fffbea";
+    readonly AMBER_DARK_100: "#fff6d4";
+    readonly AMBER_DARK_200: "#ffeea8";
+    readonly AMBER_DARK_300: "#ffe57d";
+    readonly AMBER_DARK_400: "#ffdd51";
+    readonly AMBER_DARK_500: "#ffd426";
+    readonly AMBER_DARK_600: "#ccaa1e";
+    readonly AMBER_DARK_700: "#997f17";
+    readonly AMBER_DARK_800: "#66550f";
+    readonly AMBER_DARK_900: "#4d400b";
+    readonly RED_DARK_50: "#fff2f1";
+    readonly RED_DARK_100: "#ffe4e2";
+    readonly RED_DARK_200: "#ffc9c6";
+    readonly RED_DARK_300: "#ffada9";
+    readonly RED_DARK_400: "#ff928d";
+    readonly RED_DARK_500: "#ff7770";
+    readonly RED_DARK_600: "#cc5f5a";
+    readonly RED_DARK_700: "#994743";
+    readonly RED_DARK_800: "#66302d";
+    readonly RED_DARK_900: "#4d2422";
+    readonly PURPLE_DARK_50: "#fcf4ff";
+    readonly PURPLE_DARK_100: "#f8e9ff";
+    readonly PURPLE_DARK_200: "#f0d2ff";
+    readonly PURPLE_DARK_300: "#e9bcff";
+    readonly PURPLE_DARK_400: "#e1a5ff";
+    readonly PURPLE_DARK_500: "#da8fff";
+    readonly PURPLE_DARK_600: "#ae72cc";
+    readonly PURPLE_DARK_700: "#835699";
+    readonly PURPLE_DARK_800: "#573966";
+    readonly PURPLE_DARK_900: "#412b4d";
+    readonly TURQUOISE_DARK_50: "#effdff";
+    readonly TURQUOISE_DARK_100: "#dffaff";
+    readonly TURQUOISE_DARK_200: "#bef5ff";
+    readonly TURQUOISE_DARK_300: "#9ef0ff";
+    readonly TURQUOISE_DARK_400: "#7debff";
+    readonly TURQUOISE_DARK_500: "#5de6ff";
+    readonly TURQUOISE_DARK_600: "#4Ab8cc";
+    readonly TURQUOISE_DARK_700: "#388a99";
+    readonly TURQUOISE_DARK_800: "#255c66";
+    readonly TURQUOISE_DARK_900: "#1c454d";
+    readonly GREEN_DARK_50: "#ebfcef";
+    readonly GREEN_DARK_100: "#d6f8de";
+    readonly GREEN_DARK_200: "#acf1bd";
+    readonly GREEN_DARK_300: "#83e99d";
+    readonly GREEN_DARK_400: "#59e27c";
+    readonly GREEN_DARK_500: "#30db5b";
+    readonly GREEN_DARK_600: "#26af49";
+    readonly GREEN_DARK_700: "#1d8337";
+    readonly GREEN_DARK_800: "#135824";
+    readonly GREEN_DARK_900: "#0e421b";
+    readonly BLUE_DARK_50: "#eef7ff";
+    readonly BLUE_DARK_100: "#ddedff";
+    readonly BLUE_DARK_200: "#bbdbff";
+    readonly BLUE_DARK_300: "#98caff";
+    readonly BLUE_DARK_400: "#76b8ff";
+    readonly BLUE_DARK_500: "#54a6ff";
+    readonly BLUE_DARK_600: "#4385cc";
+    readonly BLUE_DARK_700: "#326499";
+    readonly BLUE_DARK_800: "#224266";
+    readonly BLUE_DARK_900: "#19324d";
+    readonly AMBER: "#a25915";
+    readonly BLUE: "#0667c8";
+    readonly GREEN: "#1d7833";
+    readonly PURPLE: "#8944ab";
+    readonly RED: "#c20013";
+    readonly TURQUOISE: "#01718e";
+};
+//# sourceMappingURL=colors-v2.d.ts.map

package/lib/Identity/colors-v2/colors-v2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-v2.d.ts","sourceRoot":"","sources":["../../../src/Identity/colors-v2/colors-v2.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,gBAAgB;;;;;;;CAOnB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;CAOlB,CAAC;AA8LX,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQX,CAAC"}

package/lib/Identity/colors-v2/colors-v2.js

@@ -0,0 +1,219 @@
+"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.COLOR_V2 = exports.BASE_DARK_COLOR = exports.BASE_LIGHT_COLOR = void 0;
+exports.BASE_LIGHT_COLOR = {
+    AMBER: '#a25915',
+    BLUE: '#0667c8',
+    GREEN: '#1d7833',
+    PURPLE: '#8944ab',
+    RED: '#c20013',
+    TURQUOISE: '#01718e',
+};
+exports.BASE_DARK_COLOR = {
+    AMBER: '#ffd426',
+    BLUE: '#54a6ff',
+    GREEN: '#30db5b',
+    TURQUOISE: '#5de6ff',
+    PURPLE: '#da8fff',
+    RED: '#ff7770',
+};
+const LIGHT_BLUE = {
+    BLUE_LIGHT_50: '#e7f0fa',
+    BLUE_LIGHT_100: '#cde1f4',
+    BLUE_LIGHT_200: '#9bc2e9',
+    BLUE_LIGHT_300: '#6aa4de',
+    BLUE_LIGHT_400: '#3885d3',
+    BLUE_LIGHT_500: exports.BASE_LIGHT_COLOR.BLUE,
+    BLUE_LIGHT_600: '#0552a0',
+    BLUE_LIGHT_700: '#043e78',
+    BLUE_LIGHT_800: '#022950',
+    BLUE_LIGHT_900: '#19324d',
+};
+const DARK_BLUE = {
+    BLUE_DARK_50: '#eef7ff',
+    BLUE_DARK_100: '#ddedff',
+    BLUE_DARK_200: '#bbdbff',
+    BLUE_DARK_300: '#98caff',
+    BLUE_DARK_400: '#76b8ff',
+    BLUE_DARK_500: exports.BASE_DARK_COLOR.BLUE,
+    BLUE_DARK_600: '#4385cc',
+    BLUE_DARK_700: '#326499',
+    BLUE_DARK_800: '#224266',
+    BLUE_DARK_900: '#19324d',
+};
+const LIGHT_GREEN = {
+    GREEN_LIGHT_50: '#e8f1ea',
+    GREEN_LIGHT_100: '#d2e4d6',
+    GREEN_LIGHT_200: '#a5c9ad',
+    GREEN_LIGHT_300: '#77ae85',
+    GREEN_LIGHT_400: '#4a935c',
+    GREEN_LIGHT_500: exports.BASE_LIGHT_COLOR.GREEN,
+    GREEN_LIGHT_600: '#176029',
+    GREEN_LIGHT_700: '#11481f',
+    GREEN_LIGHT_800: '#0c3014',
+    GREEN_LIGHT_900: '#0e421b',
+};
+const DARK_GREEN = {
+    GREEN_DARK_50: '#ebfcef',
+    GREEN_DARK_100: '#d6f8de',
+    GREEN_DARK_200: '#acf1bd',
+    GREEN_DARK_300: '#83e99d',
+    GREEN_DARK_400: '#59e27c',
+    GREEN_DARK_500: exports.BASE_DARK_COLOR.GREEN,
+    GREEN_DARK_600: '#26af49',
+    GREEN_DARK_700: '#1d8337',
+    GREEN_DARK_800: '#135824',
+    GREEN_DARK_900: '#0e421b',
+};
+const LIGHT_TURQUOISE = {
+    TURQUOISE_LIGHT_50: '#e5f1f3',
+    TURQUOISE_LIGHT_100: '#cce2e7',
+    TURQUOISE_LIGHT_200: '#99c6d0',
+    TURQUOISE_LIGHT_300: '#67a9b8',
+    TURQUOISE_LIGHT_400: '#348da1',
+    TURQUOISE_LIGHT_500: exports.BASE_LIGHT_COLOR.TURQUOISE,
+    TURQUOISE_LIGHT_600: '#015a6e',
+    TURQUOISE_LIGHT_700: '#014352',
+    TURQUOISE_LIGHT_800: '#002d37',
+    TURQUOISE_LIGHT_900: '#1c454d',
+};
+const DARK_TURQUOISE = {
+    TURQUOISE_DARK_50: '#effdff',
+    TURQUOISE_DARK_100: '#dffaff',
+    TURQUOISE_DARK_200: '#bef5ff',
+    TURQUOISE_DARK_300: '#9ef0ff',
+    TURQUOISE_DARK_400: '#7debff',
+    TURQUOISE_DARK_500: exports.BASE_DARK_COLOR.TURQUOISE,
+    TURQUOISE_DARK_600: '#4Ab8cc',
+    TURQUOISE_DARK_700: '#388a99',
+    TURQUOISE_DARK_800: '#255c66',
+    TURQUOISE_DARK_900: '#1c454d',
+};
+const LIGHT_PURPLE = {
+    PURPLE_LIGHT_50: '#f4edf7',
+    PURPLE_LIGHT_100: '#e7daee',
+    PURPLE_LIGHT_200: '#d0b4dd',
+    PURPLE_LIGHT_300: '#b88fcd',
+    PURPLE_LIGHT_400: '#a169bc',
+    PURPLE_LIGHT_500: exports.BASE_LIGHT_COLOR.PURPLE,
+    PURPLE_LIGHT_600: '#6e3689',
+    PURPLE_LIGHT_700: '#522967',
+    PURPLE_LIGHT_800: '#371b44',
+    PURPLE_LIGHT_900: '#412b4d',
+};
+const DARK_PURPLE = {
+    PURPLE_DARK_50: '#fcf4ff',
+    PURPLE_DARK_100: '#f8e9ff',
+    PURPLE_DARK_200: '#f0d2ff',
+    PURPLE_DARK_300: '#e9bcff',
+    PURPLE_DARK_400: '#e1a5ff',
+    PURPLE_DARK_500: exports.BASE_DARK_COLOR.PURPLE,
+    PURPLE_DARK_600: '#ae72cc',
+    PURPLE_DARK_700: '#835699',
+    PURPLE_DARK_800: '#573966',
+    PURPLE_DARK_900: '#412b4d',
+};
+const LIGHT_RED = {
+    RED_LIGHT_50: '#f9e6e8',
+    RED_LIGHT_100: '#f3ccd0',
+    RED_LIGHT_200: '#e799a1',
+    RED_LIGHT_300: '#da6671',
+    RED_LIGHT_400: '#ce3342',
+    RED_LIGHT_500: exports.BASE_LIGHT_COLOR.RED,
+    RED_LIGHT_600: '#9b000f',
+    RED_LIGHT_700: '#74000b',
+    RED_LIGHT_800: '#4e0008',
+    RED_LIGHT_900: '#4d2422',
+};
+const DARK_RED = {
+    RED_DARK_50: '#fff2f1',
+    RED_DARK_100: '#ffe4e2',
+    RED_DARK_200: '#ffc9c6',
+    RED_DARK_300: '#ffada9',
+    RED_DARK_400: '#ff928d',
+    RED_DARK_500: exports.BASE_DARK_COLOR.RED,
+    RED_DARK_600: '#cc5f5a',
+    RED_DARK_700: '#994743',
+    RED_DARK_800: '#66302d',
+    RED_DARK_900: '#4d2422',
+};
+const LIGHT_AMBER = {
+    AMBER_LIGHT_50: '#f6eee8',
+    AMBER_LIGHT_100: '#ecded0',
+    AMBER_LIGHT_200: '#dabda1',
+    AMBER_LIGHT_300: '#c79b73',
+    AMBER_LIGHT_400: '#b57A44',
+    AMBER_LIGHT_500: exports.BASE_LIGHT_COLOR.AMBER,
+    AMBER_LIGHT_600: '#824711',
+    AMBER_LIGHT_700: '#61350d',
+    AMBER_LIGHT_800: '#412408',
+    AMBER_LIGHT_900: '#201204',
+};
+const DARK_AMBER = {
+    AMBER_DARK_50: '#fffbea',
+    AMBER_DARK_100: '#fff6d4',
+    AMBER_DARK_200: '#ffeea8',
+    AMBER_DARK_300: '#ffe57d',
+    AMBER_DARK_400: '#ffdd51',
+    AMBER_DARK_500: exports.BASE_DARK_COLOR.AMBER,
+    AMBER_DARK_600: '#ccaa1e',
+    AMBER_DARK_700: '#997f17',
+    AMBER_DARK_800: '#66550f',
+    AMBER_DARK_900: '#4d400b',
+};
+const DARK = {
+    ...DARK_BLUE,
+    ...DARK_GREEN,
+    ...DARK_TURQUOISE,
+    ...DARK_PURPLE,
+    ...DARK_RED,
+    ...DARK_AMBER,
+};
+const LIGHT = {
+    ...LIGHT_BLUE,
+    ...LIGHT_GREEN,
+    ...LIGHT_TURQUOISE,
+    ...LIGHT_PURPLE,
+    ...LIGHT_RED,
+    ...LIGHT_AMBER,
+};
+const GRAYS = {
+    GRAY_10: '#fafafa',
+    GRAY_20: '#edeff0',
+    GRAY_30: '#e5e8ea',
+    GRAY_40: '#dce0e3',
+    GRAY_50: '#cbced1',
+    GRAY_60: '#9fa1a7',
+    GRAY_70: '#676b71',
+    GRAY_80: '#54585f',
+    GRAY_90: '#34373d',
+    GRAY_95: '#26272c',
+    GRAY_100: '#17181a',
+};
+exports.COLOR_V2 = {
+    ...exports.BASE_DARK_COLOR,
+    ...exports.BASE_LIGHT_COLOR,
+    ...DARK,
+    ...LIGHT,
+    ...GRAYS,
+    BLACK: '#000',
+    WHITE: '#fff',
+};

package/lib/Identity/colors-v2/colors-v2.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const BaseColors: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const GrayScale: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BlueScale: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const GreenScale: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TurquoiseScale: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const PurpleScale: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RedScale: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const AmberScale: () => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=colors-v2.stories.d.ts.map

package/lib/Identity/colors-v2/colors-v2.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-v2.stories.d.ts","sourceRoot":"","sources":["../../../src/Identity/colors-v2/colors-v2.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAItC,QAAA,MAAM,IAAI,EAAE,IAEX,CAAC;AAEF,eAAe,IAAI,CAAC;AAwDpB,eAAO,MAAM,UAAU,wDAetB,CAAC;AAEF,eAAO,MAAM,SAAS,wDAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,wDAQrB,CAAC;AAEF,eAAO,MAAM,UAAU,wDAQtB,CAAC;AAEF,eAAO,MAAM,cAAc,wDAQ1B,CAAC;AAEF,eAAO,MAAM,WAAW,wDAQvB,CAAC;AAEF,eAAO,MAAM,QAAQ,wDAQpB,CAAC;AAEF,eAAO,MAAM,UAAU,wDAQtB,CAAC"}

package/lib/Identity/colors-v2/colors-v2.stories.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AmberScale = exports.RedScale = exports.PurpleScale = exports.TurquoiseScale = exports.GreenScale = exports.BlueScale = exports.GrayScale = exports.BaseColors = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const colors_v2_1 = require("./colors-v2");
+const meta = {
+    title: 'Identity/Colors/V2',
+};
+exports.default = meta;
+const ColorBox = ({ color, name }) => ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '8px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                backgroundColor: color,
+                border: '1px solid #E5E5E5',
+                borderRadius: '4px',
+                height: '48px',
+                marginBottom: '4px',
+                width: '100%',
+            } }), (0, jsx_runtime_1.jsxs)("div", { style: { fontSize: '12px' }, children: [(0, jsx_runtime_1.jsx)("strong", { children: name }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("code", { children: color })] })] }));
+const ColorSection = ({ title, colors }) => ((0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: '32px' }, children: [(0, jsx_runtime_1.jsx)("h3", { children: title }), (0, jsx_runtime_1.jsx)("div", { style: {
+                display: 'grid',
+                gap: '16px',
+                gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 1fr))',
+            }, children: Object.entries(colors).map(([key, value]) => ((0, jsx_runtime_1.jsx)(ColorBox, { color: value, name: key }, key))) })] }));
+const getColorScale = (prefix) => {
+    const lightColors = Object.entries(colors_v2_1.COLOR_V2)
+        .filter(([key]) => key.includes(`${prefix}_LIGHT_`))
+        .reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {});
+    const darkColors = Object.entries(colors_v2_1.COLOR_V2)
+        .filter(([key]) => key.includes(`${prefix}_DARK_`))
+        .reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {});
+    return { lightColors, darkColors };
+};
+const BaseColors = () => {
+    const lightColors = Object.entries(colors_v2_1.COLOR_V2)
+        .filter(([key]) => key.includes('LIGHT_500'))
+        .reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {});
+    const darkColors = Object.entries(colors_v2_1.COLOR_V2)
+        .filter(([key]) => key.includes('DARK_500'))
+        .reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {});
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ColorSection, { title: "Base Light Colors", colors: lightColors }), (0, jsx_runtime_1.jsx)(ColorSection, { title: "Base Dark Colors", colors: darkColors })] }));
+};
+exports.BaseColors = BaseColors;
+const GrayScale = () => {
+    const colors = Object.entries(colors_v2_1.COLOR_V2)
+        .filter(([key]) => key.includes('GRAY_'))
+        .reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {});
+    return (0, jsx_runtime_1.jsx)(ColorSection, { title: "Gray Scale", colors: colors });
+};
+exports.GrayScale = GrayScale;
+const BlueScale = () => {
+    const { lightColors, darkColors } = getColorScale('BLUE');
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ColorSection, { title: "Blue Scale (Light)", colors: lightColors }), (0, jsx_runtime_1.jsx)(ColorSection, { title: "Blue Scale (Dark)", colors: darkColors })] }));
+};
+exports.BlueScale = BlueScale;
+const GreenScale = () => {
+    const { lightColors, darkColors } = getColorScale('GREEN');
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ColorSection, { title: "Green Scale (Light)", colors: lightColors }), (0, jsx_runtime_1.jsx)(ColorSection, { title: "Green Scale (Dark)", colors: darkColors })] }));
+};
+exports.GreenScale = GreenScale;
+const TurquoiseScale = () => {
+    const { lightColors, darkColors } = getColorScale('TURQUOISE');
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ColorSection, { title: "Turquoise Scale (Light)", colors: lightColors }), (0, jsx_runtime_1.jsx)(ColorSection, { title: "Turquoise Scale (Dark)", colors: darkColors })] }));
+};
+exports.TurquoiseScale = TurquoiseScale;
+const PurpleScale = () => {
+    const { lightColors, darkColors } = getColorScale('PURPLE');
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ColorSection, { title: "Purple Scale (Light)", colors: lightColors }), (0, jsx_runtime_1.jsx)(ColorSection, { title: "Purple Scale (Dark)", colors: darkColors })] }));
+};
+exports.PurpleScale = PurpleScale;
+const RedScale = () => {
+    const { lightColors, darkColors } = getColorScale('RED');
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ColorSection, { title: "Red Scale (Light)", colors: lightColors }), (0, jsx_runtime_1.jsx)(ColorSection, { title: "Red Scale (Dark)", colors: darkColors })] }));
+};
+exports.RedScale = RedScale;
+const AmberScale = () => {
+    const { lightColors, darkColors } = getColorScale('AMBER');
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ColorSection, { title: "Amber Scale (Light)", colors: lightColors }), (0, jsx_runtime_1.jsx)(ColorSection, { title: "Amber Scale (Dark)", colors: darkColors })] }));
+};
+exports.AmberScale = AmberScale;

package/lib/Identity/colors-v2/index.d.ts

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

package/lib/Identity/colors-v2/index.d.ts.map

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

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

package/lib/Identity/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Animation';
+export * from './colors';
+export * from './colors-v2';
+export * from './GlobalCssVariables';
+export * from './GlobalStyle';
+export * from './Logo';
+export * from './motions';
+export * from './Sizes';
+export * from './Theme';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Identity/index.ts"],"names":[],"mappings":"AAmBA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/lib/Identity/index.js

@@ -0,0 +1,43 @@
+"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("./Animation"), exports);
+__exportStar(require("./colors"), exports);
+__exportStar(require("./colors-v2"), exports);
+__exportStar(require("./GlobalCssVariables"), exports);
+__exportStar(require("./GlobalStyle"), exports);
+__exportStar(require("./Logo"), exports);
+__exportStar(require("./motions"), exports);
+__exportStar(require("./Sizes"), exports);
+__exportStar(require("./Theme"), exports);

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

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

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

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

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