@wireapp/react-ui-kit 9.59.1 → 9.59.2

package/lib/Theme/GlobalCssVariables.js

@@ -1,238 +0,0 @@
-"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.GlobalCssVariables = void 0;
-const Identity_1 = require("../Identity");
-const light = () => ({
-    // Checkbox
-    '--checkbox-background': Identity_1.COLOR_V2.GRAY_20,
-    '--checkbox-background-disabled': Identity_1.COLOR_V2.GRAY_10,
-    '--checkbox-background-disabled-selected': Identity_1.COLOR_V2.GRAY_60,
-    '--checkbox-border': Identity_1.COLOR_V2.GRAY_80,
-    '--checkbox-border-disabled': Identity_1.COLOR_V2.GRAY_70,
-    // Icon Button
-    '--icon-button-primary-enabled-bg': Identity_1.COLOR.WHITE,
-    '--icon-button-primary-hover-bg': Identity_1.COLOR_V2.GRAY_20,
-    '--icon-button-primary-border': Identity_1.COLOR_V2.GRAY_40,
-    '--icon-button-primary-disabled-bg': Identity_1.COLOR_V2.GRAY_20,
-    '--icon-button-primary-disabled-border': Identity_1.COLOR_V2.GRAY_40,
-    '--icon-button-primary-hover-border': Identity_1.COLOR_V2.GRAY_50,
-    // Button
-    '--button-primary-disabled-bg': Identity_1.COLOR_V2.GRAY_50,
-    '--button-primary-disabled-text': Identity_1.COLOR_V2.GRAY_80,
-    '--button-tertiary-bg': Identity_1.COLOR.WHITE,
-    '--button-tertiary-border': Identity_1.COLOR_V2.GRAY_40,
-    '--button-tertiary-hover-bg': Identity_1.COLOR_V2.GRAY_20,
-    '--button-tertiary-hover-border': Identity_1.COLOR_V2.GRAY_50,
-    '--button-tertiary-disabled-bg': Identity_1.COLOR_V2.GRAY_20,
-    '--button-tertiary-disabled-border': 'transparent',
-    // Inputs
-    '--text-input-background': Identity_1.COLOR.WHITE,
-    '--text-input-border': Identity_1.COLOR_V2.GRAY_40,
-    '--text-input-border-hover': Identity_1.COLOR_V2.GRAY_60,
-    '--text-input-placeholder': Identity_1.COLOR_V2.GRAY_70,
-    '--text-input-disabled': Identity_1.COLOR_V2.GRAY_20,
-    '--text-input-label': Identity_1.COLOR_V2.GRAY_80,
-    '--text-input-autocomplete-background': Identity_1.COLOR_V2.BLUE_LIGHT_50,
-    // Select
-    '--select-focused-description': Identity_1.COLOR_V2.WHITE,
-    // Range Input
-    '--indicator-range-input-thumb': Identity_1.COLOR_V2.BLUE_LIGHT_700,
-    '--indicator-range-input-track-bg': Identity_1.COLOR_V2.GRAY_60,
-    // General
-    '--danger-color': Identity_1.COLOR_V2.RED_LIGHT_500,
-    '--success-color': Identity_1.COLOR_V2.GREEN_LIGHT_500,
-    '--app-bg': Identity_1.COLOR_V2.GRAY_10,
-    '--main-color': Identity_1.COLOR.BLACK,
-    '--modal-bg': '#f8f8f8',
-    // Foreground
-    '--foreground-fade-16': '#676b7129',
-    // Archive File Icon
-    '--archive-file-icon-bg': Identity_1.COLOR_V2.AMBER_LIGHT_50,
-    '--archive-file-icon-stroke': Identity_1.COLOR_V2.AMBER_LIGHT_700,
-    // Audio File Icon
-    '--audio-file-icon-bg': Identity_1.COLOR_V2.PURPLE_DARK_50,
-    '--audio-file-icon-stroke': Identity_1.COLOR_V2.PURPLE_DARK_700,
-    // Code File Icon
-    '--code-file-icon-bg': Identity_1.COLOR_V2.PURPLE_LIGHT_50,
-    '--code-file-icon-stroke': Identity_1.COLOR_V2.PURPLE_LIGHT_700,
-    // Document File Icon
-    '--document-file-icon-bg': Identity_1.COLOR_V2.BLUE_LIGHT_50,
-    '--document-file-icon-stroke': Identity_1.COLOR_V2.BLUE_LIGHT_700,
-    // Image File Icon
-    '--image-file-icon-bg': Identity_1.COLOR_V2.TURQUOISE_LIGHT_50,
-    '--image-file-icon-stroke': Identity_1.COLOR_V2.TURQUOISE_LIGHT_700,
-    // PDF File Icon
-    '--pdf-file-icon-bg': Identity_1.COLOR_V2.RED_LIGHT_50,
-    '--pdf-file-icon-stroke': Identity_1.COLOR_V2.RED_LIGHT_700,
-    // Spreadsheet File Icon
-    '--spreadsheet-file-icon-bg': Identity_1.COLOR_V2.GREEN_LIGHT_50,
-    '--spreadsheet-file-icon-stroke': Identity_1.COLOR_V2.GREEN_LIGHT_700,
-    // Presentation File Icon
-    '--presentation-file-icon-bg': Identity_1.COLOR_V2.AMBER_LIGHT_50,
-    '--presentation-file-icon-stroke': Identity_1.COLOR_V2.AMBER_LIGHT_700,
-    // Video File Icon
-    '--video-file-icon-bg': Identity_1.COLOR_V2.RED_LIGHT_50,
-    '--video-file-icon-stroke': Identity_1.COLOR_V2.RED_LIGHT_700,
-    // Text File Icon
-    '--text-file-icon-bg': Identity_1.COLOR_V2.AMBER_LIGHT_50,
-    '--text-file-icon-stroke': Identity_1.COLOR_V2.AMBER_LIGHT_700,
-    // Other File Icon
-    '--other-file-icon-bg': Identity_1.COLOR_V2.WHITE,
-    '--other-file-icon-stroke': Identity_1.COLOR_V2.GRAY_70,
-    // Folder Icon
-    '--folder-icon-bg': Identity_1.COLOR_V2.BLUE_LIGHT_50,
-    '--folder-icon-stroke': Identity_1.COLOR_V2.BLUE_LIGHT_700,
-    // Multiple File Icon
-    '--multiple-file-icon-bg': Identity_1.COLOR_V2.WHITE,
-    '--multiple-file-icon-stroke': Identity_1.COLOR_V2.GRAY_70,
-    // File Unavailable Icon
-    '--unavailable-file-icon-bg': Identity_1.COLOR_V2.WHITE,
-    '--unavailable-file-icon-stroke': Identity_1.COLOR_V2.GRAY_70,
-});
-const dark = () => ({
-    // Checkbox
-    '--checkbox-background': Identity_1.COLOR_V2.GRAY_90,
-    '--checkbox-background-disabled': Identity_1.COLOR_V2.GRAY_90,
-    '--checkbox-background-disabled-selected': Identity_1.COLOR_V2.GRAY_80,
-    '--checkbox-border': Identity_1.COLOR_V2.GRAY_60,
-    '--checkbox-border-disabled': Identity_1.COLOR_V2.GRAY_60,
-    // Icon Button
-    '--icon-button-primary-enabled-bg': Identity_1.COLOR_V2.GRAY_90,
-    '--icon-button-primary-hover-bg': Identity_1.COLOR_V2.GRAY_80,
-    '--icon-button-primary-border': Identity_1.COLOR_V2.GRAY_100,
-    '--icon-button-primary-disabled-bg': Identity_1.COLOR_V2.GRAY_95,
-    '--icon-button-primary-disabled-border': Identity_1.COLOR_V2.GRAY_90,
-    '--icon-button-primary-hover-border': Identity_1.COLOR_V2.GRAY_70,
-    // Button
-    '--button-primary-disabled-bg': Identity_1.COLOR_V2.GRAY_70,
-    '--button-primary-disabled-text': Identity_1.COLOR.BLACK,
-    '--button-tertiary-bg': Identity_1.COLOR_V2.GRAY_90,
-    '--button-tertiary-border': Identity_1.COLOR_V2.GRAY_100,
-    '--button-tertiary-hover-bg': Identity_1.COLOR_V2.GRAY_80,
-    '--button-tertiary-hover-border': Identity_1.COLOR_V2.GRAY_80,
-    '--button-tertiary-disabled-bg': Identity_1.COLOR_V2.GRAY_95,
-    '--button-tertiary-disabled-border': 'transparent',
-    // Inputs
-    '--text-input-background': Identity_1.COLOR.BLACK,
-    '--text-input-border': Identity_1.COLOR_V2.GRAY_80,
-    '--text-input-border-hover': Identity_1.COLOR_V2.GRAY_40,
-    '--text-input-placeholder': Identity_1.COLOR_V2.GRAY_60,
-    '--text-input-disabled': Identity_1.COLOR_V2.GRAY_100,
-    '--text-input-label': Identity_1.COLOR_V2.GRAY_40,
-    '--text-input-autocomplete-background': Identity_1.COLOR_V2.BLUE_LIGHT_900,
-    // Select
-    '--select-focused-description': Identity_1.COLOR_V2.GRAY_40,
-    // Range Input
-    '--indicator-range-input-thumb': Identity_1.COLOR_V2.BLUE_DARK_300,
-    '--indicator-range-input-track-bg': Identity_1.COLOR_V2.GRAY_70,
-    // General
-    '--danger-color': Identity_1.COLOR_V2.RED_DARK_500,
-    '--success-color': Identity_1.COLOR_V2.GREEN_DARK_500,
-    '--app-bg': Identity_1.COLOR_V2.GRAY_95,
-    '--main-color': Identity_1.COLOR.WHITE,
-    '--modal-bg': '#26272c',
-    // Foreground
-    '--foreground-fade-16': '#9fa1a729',
-    // Archive File Icon
-    '--archive-file-icon-bg': Identity_1.COLOR_V2.AMBER_DARK_50,
-    '--archive-file-icon-stroke': Identity_1.COLOR_V2.AMBER_DARK_700,
-    // Audio File Icon
-    '--audio-file-icon-bg': Identity_1.COLOR_V2.PURPLE_DARK_50,
-    '--audio-file-icon-stroke': Identity_1.COLOR_V2.PURPLE_DARK_700,
-    // Code File Icon
-    '--code-file-icon-bg': Identity_1.COLOR_V2.PURPLE_DARK_50,
-    '--code-file-icon-stroke': Identity_1.COLOR_V2.PURPLE_DARK_700,
-    // Document File Icon
-    '--document-file-icon-bg': Identity_1.COLOR_V2.BLUE_DARK_50,
-    '--document-file-icon-stroke': Identity_1.COLOR_V2.BLUE_DARK_700,
-    // Image File Icon
-    '--image-file-icon-bg': Identity_1.COLOR_V2.TURQUOISE_DARK_50,
-    '--image-file-icon-stroke': Identity_1.COLOR_V2.TURQUOISE_DARK_700,
-    // PDF File Icon
-    '--pdf-file-icon-bg': Identity_1.COLOR_V2.RED_DARK_50,
-    '--pdf-file-icon-stroke': Identity_1.COLOR_V2.RED_DARK_700,
-    // Spreadsheet File Icon
-    '--spreadsheet-file-icon-bg': Identity_1.COLOR_V2.GREEN_DARK_50,
-    '--spreadsheet-file-icon-stroke': Identity_1.COLOR_V2.GREEN_DARK_700,
-    // Presentation File Icon
-    '--presentation-file-icon-bg': Identity_1.COLOR_V2.AMBER_DARK_50,
-    '--presentation-file-icon-stroke': Identity_1.COLOR_V2.AMBER_DARK_700,
-    // Video File Icon
-    '--video-file-icon-bg': Identity_1.COLOR_V2.RED_DARK_50,
-    '--video-file-icon-stroke': Identity_1.COLOR_V2.RED_DARK_700,
-    // Text File Icon
-    '--text-file-icon-bg': Identity_1.COLOR_V2.AMBER_DARK_50,
-    '--text-file-icon-stroke': Identity_1.COLOR_V2.AMBER_DARK_700,
-    // Other File Icon
-    '--other-file-icon-bg': Identity_1.COLOR_V2.GRAY_95,
-    '--other-file-icon-stroke': Identity_1.COLOR_V2.GRAY_60,
-    // Folder Icon
-    '--folder-icon-bg': Identity_1.COLOR_V2.BLUE_DARK_50,
-    '--folder-icon-stroke': Identity_1.COLOR_V2.BLUE_DARK_700,
-    // Multiple File Icon
-    '--multiple-file-icon-bg': Identity_1.COLOR_V2.GRAY_95,
-    '--multiple-file-icon-stroke': Identity_1.COLOR_V2.GRAY_60,
-    // File Unavailable Icon
-    '--unavailable-file-icon-bg': Identity_1.COLOR_V2.GRAY_95,
-    '--unavailable-file-icon-stroke': Identity_1.COLOR_V2.GRAY_60,
-});
-const accentColors = () => ({
-    '--accent-color': Identity_1.COLOR_V2.BLUE_LIGHT_500,
-    '--accent-color-highlight': Identity_1.COLOR_V2.BLUE_LIGHT_50,
-    '--accent-color-highlight-inversed': Identity_1.COLOR_V2.BLUE_LIGHT_800,
-    '--accent-color-border': Identity_1.COLOR_V2.BLUE_LIGHT_500,
-    '--accent-color-focus': Identity_1.COLOR_V2.BLUE_LIGHT_400,
-    '--button-primary-hover': Identity_1.COLOR_V2.BLUE_LIGHT_600,
-    '--button-primary-active': Identity_1.COLOR_V2.BLUE_LIGHT_700,
-    '--button-primary-active-border': Identity_1.COLOR_V2.BLUE_LIGHT_700,
-    '--button-primary-focus-border': Identity_1.COLOR_V2.BLUE_LIGHT_700,
-    '--button-secondary-active-bg': Identity_1.COLOR_V2.BLUE_LIGHT_50,
-    '--button-secondary-active-border': Identity_1.COLOR_V2.BLUE_LIGHT_500,
-    '--button-secondary-hover-border': Identity_1.COLOR_V2.BLUE_LIGHT_500,
-    '--icon-primary-active-fill': Identity_1.COLOR_V2.BLUE_LIGHT_500,
-    '--icon-secondary-active-border': 'transparent',
-    '--indicator-range-input-thumb': Identity_1.COLOR_V2.BLUE_LIGHT_700,
-});
-const zIndexes = () => ({
-    '--z-index-level-0': 0,
-    '--z-index-level-1': 10,
-    '--z-index-level-2': 100,
-    '--z-index-level-3': 1000,
-    '--z-index-level-4': 10000,
-    '--z-index-level-5': 100000,
-    '--z-index-level-6': 1000000,
-    '--z-index-level-7': 10000000,
-    '--z-index-level-8': 100000000,
-    '--z-index-badge': 'var(--z-index-level-2)',
-    '--z-index-panel': 'var(--z-index-level-3)',
-    '--z-index-bubble': 'var(--z-index-level-3)',
-    '--z-index-video': 'var(--z-index-level-4)',
-    '--z-index-choosescreen': 'var(--z-index-level-5)',
-    '--z-index-context': 'var(--z-index-level-5)',
-    '--z-index-warnings': 'var(--z-index-level-6)',
-    '--z-index-modal': 'var(--z-index-level-7)',
-});
-exports.GlobalCssVariables = {
-    light,
-    dark,
-    accentColors,
-    zIndexes,
-};

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

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

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

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

package/lib/Theme/Theme.js

@@ -1,246 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeProvider = exports.themes = exports.THEME_ID = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("@emotion/react");
-const Sizes_1 = require("./Sizes");
-const colors_1 = require("../Identity/colors");
-const colors_v2_1 = require("../Identity/colors-v2");
-var THEME_ID;
-(function (THEME_ID) {
-    THEME_ID["DARK"] = "THEME_DARK";
-    THEME_ID["LIGHT"] = "THEME_LIGHT";
-    THEME_ID["DEFAULT"] = "THEME_DEFAULT";
-})(THEME_ID || (exports.THEME_ID = THEME_ID = {}));
-exports.themes = {
-    [THEME_ID.DEFAULT]: {
-        fontSizes: Sizes_1.fontSizes,
-        Button: {
-            primaryBg: 'var(--accent-color)',
-            primaryHoverBg: 'var(--button-primary-hover)',
-            primaryActiveBg: 'var(--button-primary-active)',
-            primaryActiveBorder: 'var(--button-primary-active-border)',
-            primaryFocusBorder: 'var(--button-primary-focus-border)',
-            primaryDisabledBg: 'var(--button-primary-disabled-bg)',
-            primaryDisabledText: 'var(--button-primary-disabled-text)',
-            secondaryActiveBg: 'var(--button-secondary-active-bg)',
-            secondaryActiveBorder: 'var(--button-secondary-active-border)',
-            secondaryHoverBorder: 'var(--button-secondary-hover-border)',
-            tertiaryBg: 'var(--button-tertiary-bg)',
-            tertiaryBorder: 'var(--button-tertiary-border)',
-            tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
-            tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',
-            tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',
-            tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',
-            tertiaryActiveBg: 'var(--accent-color-highlight)',
-        },
-        Checkbox: {
-            background: 'var(--checkbox-background)',
-            border: 'var(--checkbox-border)',
-            borderFocused: 'var(--accent-color)',
-            disableBgColor: 'var(--checkbox-background-disabled)',
-            disableBorderColor: 'var(--checkbox-border-disabled)',
-            disablecheckedBgColor: 'var(--checkbox-background-disabled-selected)',
-            invalidBorderColor: 'var(--danger-color)',
-        },
-        IconButton: {
-            activePrimaryBgColor: 'var(--accent-color-highlight)',
-            focusBorderColor: 'var(--accent-color-border)',
-            hoverPrimaryBgColor: 'var(--icon-button-primary-hover-bg)',
-            primaryActiveFillColor: 'var(--icon-primary-active-fill)',
-            primaryBgColor: 'var(--icon-button-primary-enabled-bg)',
-            primaryBorderColor: 'var(--icon-button-primary-border)',
-            primaryDisabledBgColor: 'var(--icon-button-primary-disabled-bg)',
-            primaryDisabledBorderColor: 'var(--icon-button-primary-disabled-border)',
-            primaryHoverBorderColor: 'var(--icon-button-primary-hover-border)',
-            secondaryActiveBorderColor: 'var(--icon-secondary-active-border)',
-        },
-        IndicatorRangeInput: {
-            thumb: 'var(--indicator-range-input-thumb)',
-            trackBg: 'var(--indicator-range-input-track-bg)',
-        },
-        Input: {
-            backgroundColor: 'var(--text-input-background)',
-            backgroundColorDisabled: 'var(--text-input-disabled)',
-            backgroundAutocomplete: 'var(--text-input-autocomplete-background)',
-            labelColor: 'var(--text-input-label)',
-            placeholderColor: 'var(--text-input-placeholder)',
-            borderHover: 'var(--text-input-border-hover)',
-        },
-        Select: {
-            borderColor: 'var(--text-input-border)',
-            contrastTextColor: 'var(--text-input-background)',
-            disabledColor: 'var(--text-input-placeholder)',
-            focusedDescriptionColor: 'var(--select-focused-description)',
-            optionHoverBg: 'var(--accent-color-highlight)',
-            selectedActiveBg: 'var(--button-primary-hover)',
-        },
-        Tooltip: {
-            backgroundColor: 'var(--button-tertiary-bg)',
-            color: 'var(--main-color)',
-        },
-        general: {
-            backgroundColor: 'var(--app-bg)',
-            color: 'var(--main-color)',
-            dangerColor: 'var(--danger-color)',
-            successColor: 'var(--success-color)',
-            primaryColor: 'var(--accent-color)',
-            contrastColor: 'var(--text-input-background)',
-            focusColor: 'var(--accent-color-focus)',
-        },
-    },
-    [THEME_ID.LIGHT]: {
-        fontSizes: Sizes_1.fontSizes,
-        Button: {
-            primaryBg: 'var(--accent-color)',
-            primaryHoverBg: 'var(--button-primary-hover)',
-            primaryActiveBg: 'var(--button-primary-active)',
-            primaryActiveBorder: 'var(--button-primary-active-border)',
-            primaryFocusBorder: 'var(--button-primary-focus-border)',
-            primaryDisabledBg: 'var(--button-primary-disabled-bg)',
-            primaryDisabledText: 'var(--button-primary-disabled-text)',
-            secondaryActiveBg: 'var(--button-secondary-active-bg)',
-            secondaryActiveBorder: 'var(--button-secondary-active-border)',
-            secondaryHoverBorder: 'var(--button-secondary-hover-border)',
-            tertiaryBg: 'var(--button-tertiary-bg)',
-            tertiaryBorder: 'var(--button-tertiary-border)',
-            tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
-            tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',
-            tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',
-            tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',
-            tertiaryActiveBg: 'var(--accent-color-highlight)',
-        },
-        Checkbox: {
-            background: colors_v2_1.COLOR_V2.GRAY_20,
-            border: colors_v2_1.COLOR_V2.GRAY_80,
-            borderFocused: colors_v2_1.BASE_LIGHT_COLOR.BLUE,
-            disableBgColor: colors_v2_1.COLOR_V2.GRAY_20,
-            disableBorderColor: colors_v2_1.COLOR_V2.GRAY_60,
-            disablecheckedBgColor: colors_v2_1.COLOR_V2.GRAY_20,
-            invalidBorderColor: colors_v2_1.BASE_LIGHT_COLOR.RED,
-        },
-        IconButton: {
-            activePrimaryBgColor: colors_v2_1.COLOR_V2.BLUE_LIGHT_50,
-            focusBorderColor: colors_v2_1.COLOR_V2.BLUE_LIGHT_500,
-            hoverPrimaryBgColor: colors_v2_1.COLOR_V2.GRAY_20,
-            primaryActiveFillColor: colors_v2_1.COLOR_V2.BLUE,
-            primaryBgColor: colors_v2_1.COLOR_V2.WHITE,
-            primaryBorderColor: colors_v2_1.COLOR_V2.GRAY_40,
-            primaryDisabledBgColor: colors_v2_1.COLOR_V2.GRAY_20,
-            primaryDisabledBorderColor: colors_v2_1.COLOR_V2.GRAY_40,
-            primaryHoverBorderColor: colors_v2_1.COLOR_V2.GRAY_50,
-            secondaryActiveBorderColor: 'transparent',
-        },
-        IndicatorRangeInput: {
-            thumb: 'var(--indicator-range-input-thumb)',
-            trackBg: 'var(--indicator-range-input-track-bg)',
-        },
-        Input: {
-            backgroundColor: colors_1.COLOR.WHITE,
-            backgroundColorDisabled: colors_v2_1.COLOR_V2.GRAY_20,
-            backgroundAutocomplete: colors_v2_1.COLOR_V2.BLUE_LIGHT_50,
-            placeholderColor: colors_1.COLOR.GRAY_DARKEN_24,
-            labelColor: colors_v2_1.COLOR_V2.GRAY_80,
-            borderHover: 'var(--text-input-border-hover)',
-        },
-        Select: {
-            disabledColor: colors_v2_1.COLOR_V2.GRAY_70,
-            contrastTextColor: colors_1.COLOR.WHITE,
-            borderColor: colors_v2_1.COLOR_V2.GRAY_40,
-            focusedDescriptionColor: colors_v2_1.COLOR_V2.WHITE,
-            optionHoverBg: 'var(--accent-color-highlight)',
-            selectedActiveBg: 'var(--button-primary-hover)',
-        },
-        Tooltip: {
-            backgroundColor: colors_1.COLOR.WHITE,
-            color: colors_1.COLOR.TEXT,
-        },
-        general: {
-            backgroundColor: colors_v2_1.COLOR_V2.GRAY_20,
-            color: colors_1.COLOR.TEXT,
-            primaryColor: colors_v2_1.COLOR_V2.BLUE,
-            dangerColor: colors_v2_1.COLOR_V2.RED,
-            successColor: colors_v2_1.COLOR_V2.GREEN_LIGHT_500,
-            contrastColor: 'var(--text-input-background)',
-            focusColor: 'var(--accent-color-focus)',
-        },
-    },
-    [THEME_ID.DARK]: {
-        fontSizes: Sizes_1.fontSizes,
-        Button: {
-            primaryBg: 'var(--accent-color)',
-            primaryHoverBg: 'var(--button-primary-hover)',
-            primaryActiveBg: 'var(--button-primary-active)',
-            primaryActiveBorder: 'var(--button-primary-active-border)',
-            primaryFocusBorder: 'var(--button-primary-focus-border)',
-            primaryDisabledBg: 'var(--button-primary-disabled-bg)',
-            primaryDisabledText: 'var(--button-primary-disabled-text)',
-            secondaryActiveBg: 'var(--button-secondary-active-bg)',
-            secondaryActiveBorder: 'var(--button-secondary-active-border)',
-            secondaryHoverBorder: 'var(--button-secondary-hover-border)',
-            tertiaryBg: 'var(--button-tertiary-bg)',
-            tertiaryBorder: 'var(--button-tertiary-border)',
-            tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
-            tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',
-            tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',
-            tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',
-            tertiaryActiveBg: 'var(--accent-color-highlight)',
-        },
-        Checkbox: {
-            background: colors_v2_1.COLOR_V2.GRAY_20,
-            border: colors_v2_1.COLOR_V2.GRAY_60,
-            borderFocused: colors_v2_1.BASE_DARK_COLOR.BLUE,
-            disableBgColor: colors_v2_1.COLOR_V2.GRAY_10,
-            disableBorderColor: colors_v2_1.COLOR_V2.GRAY_70,
-            disablecheckedBgColor: colors_v2_1.COLOR_V2.GRAY_60,
-            invalidBorderColor: colors_v2_1.BASE_DARK_COLOR.RED,
-        },
-        IconButton: {
-            activePrimaryBgColor: colors_v2_1.COLOR_V2.BLUE_DARK_800,
-            focusBorderColor: colors_v2_1.COLOR_V2.BLUE_DARK_600,
-            hoverPrimaryBgColor: colors_v2_1.COLOR_V2.GRAY_80,
-            primaryActiveFillColor: colors_1.COLOR.WHITE,
-            primaryBgColor: colors_v2_1.COLOR_V2.GRAY_90,
-            primaryBorderColor: colors_v2_1.COLOR_V2.GRAY_100,
-            primaryDisabledBgColor: colors_v2_1.COLOR_V2.GRAY_95,
-            primaryDisabledBorderColor: colors_v2_1.COLOR_V2.GRAY_90,
-            primaryHoverBorderColor: colors_v2_1.COLOR_V2.GRAY_70,
-            secondaryActiveBorderColor: colors_v2_1.COLOR_V2.BLUE_DARK_800,
-        },
-        IndicatorRangeInput: {
-            thumb: 'var(--indicator-range-input-thumb)',
-            trackBg: 'var(--indicator-range-input-track-bg)',
-        },
-        Input: {
-            backgroundColor: colors_1.COLOR.BLACK_LIGHTEN_24,
-            backgroundColorDisabled: colors_1.COLOR.GRAY_100,
-            backgroundAutocomplete: colors_v2_1.COLOR_V2.BLUE_LIGHT_900,
-            placeholderColor: colors_1.COLOR.GRAY_LIGHTEN_88,
-            labelColor: colors_v2_1.COLOR_V2.GRAY_40,
-            borderHover: 'var(--text-input-border-hover)',
-        },
-        Select: {
-            disabledColor: colors_v2_1.COLOR_V2.GRAY_60,
-            contrastTextColor: colors_1.COLOR.BLACK,
-            borderColor: colors_v2_1.COLOR_V2.GRAY_90,
-            focusedDescriptionColor: colors_v2_1.COLOR_V2.GRAY_40,
-            optionHoverBg: 'var(--accent-color-highlight)',
-            selectedActiveBg: 'var(--button-primary-active)',
-        },
-        Tooltip: {
-            backgroundColor: colors_1.COLOR.TEXT,
-            color: colors_1.COLOR.WHITE,
-        },
-        general: {
-            backgroundColor: colors_1.COLOR.BLACK,
-            color: colors_1.COLOR.WHITE,
-            primaryColor: colors_v2_1.COLOR_V2.BLUE,
-            dangerColor: colors_v2_1.COLOR_V2.RED,
-            successColor: colors_v2_1.COLOR_V2.GREEN_DARK_500,
-            contrastColor: 'var(--text-input-background)',
-            focusColor: 'var(--accent-color-focus)',
-        },
-    },
-};
-const ThemeProvider = (props) => (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, { ...props, theme: props.theme });
-exports.ThemeProvider = ThemeProvider;

package/lib/mediaQueries.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mediaQueries.d.ts","sourceRoot":"","sources":["../src/mediaQueries.ts"],"names":[],"mappings":"AAqBA,oBAAY,SAAS;IACnB,OAAO,YAAY;IACnB,UAAU,cAAc;IACxB,MAAM,WAAW;IACjB,WAAW,eAAe;IAC1B,SAAS,aAAa;IACtB,MAAM,WAAW;IACjB,WAAW,eAAe;IAC1B,cAAc,iBAAiB;IAC/B,SAAS,aAAa;CACvB;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAEjD,eAAO,MAAM,KAAK,EAAE,QAUnB,CAAC;AAEF,eAAO,MAAM,KAAK,UAGjB,CAAC"}

package/lib/mediaQueries.js

@@ -1,46 +0,0 @@
-"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/.
- *
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.media = exports.QUERY = exports.QueryKeys = void 0;
-const sizes_1 = require("./Layout/sizes");
-var QueryKeys;
-(function (QueryKeys) {
-    QueryKeys["DESKTOP"] = "desktop";
-    QueryKeys["DESKTOP_XL"] = "desktopXL";
-    QueryKeys["MOBILE"] = "mobile";
-    QueryKeys["MOBILE_DOWN"] = "mobileDown";
-    QueryKeys["MOBILE_UP"] = "mobileUp";
-    QueryKeys["TABLET"] = "tablet";
-    QueryKeys["TABLET_DOWN"] = "tabletDown";
-    QueryKeys["TABLET_SM_DOWN"] = "tabletSMDown";
-    QueryKeys["TABLET_UP"] = "tabletUp";
-})(QueryKeys || (exports.QueryKeys = QueryKeys = {}));
-exports.QUERY = {
-    [QueryKeys.DESKTOP]: `min-width: ${sizes_1.WIDTH.DESKTOP_MIN}px`,
-    [QueryKeys.DESKTOP_XL]: `min-width: ${sizes_1.WIDTH.DESKTOP_XL_MIN}px`,
-    [QueryKeys.MOBILE]: `max-width: ${sizes_1.WIDTH.MOBILE_MAX}px`,
-    [QueryKeys.MOBILE_DOWN]: `max-width: ${sizes_1.WIDTH.MOBILE_MAX}px`,
-    [QueryKeys.MOBILE_UP]: `min-width: ${sizes_1.WIDTH.MOBILE}px`,
-    [QueryKeys.TABLET]: `min-width: ${sizes_1.WIDTH.TABLET_MIN}px) and (max-width: ${sizes_1.WIDTH.TABLET_MAX}px`,
-    [QueryKeys.TABLET_DOWN]: `max-width: ${sizes_1.WIDTH.TABLET_MAX}px`,
-    [QueryKeys.TABLET_SM_DOWN]: `max-width: ${sizes_1.WIDTH.TABLET_SM_MAX}px`,
-    [QueryKeys.TABLET_UP]: `min-width: ${sizes_1.WIDTH.TABLET_MIN}px`,
-};
-exports.media = Object.entries(exports.QUERY).reduce((accumulator, [key, value]) => ({ ...accumulator, [key]: `@media (${value})` }), {});

package/lib/types/enums.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../src/types/enums.ts"],"names":[],"mappings":"AAmBA,oBAAY,QAAQ;IAClB,SAAS,IAAI;IACb,WAAW,KAAK;CACjB"}

package/lib/util.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,eAAO,MAAM,IAAI,YAAW,CAAC;AAE7B,eAAO,MAAM,SAAS,QAAS,MAAM,WAAyD,CAAC;AAE/F,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,MAQlG,CAAC;AAEF,eAAO,MAAM,aAAa,cAAe,MAAM,EAAE,OAAO,SAAS,OAIzD,CAAC;AAET,eAAO,MAAM,QAAQ,QAAO,SAI1B,CAAC"}