@wireapp/react-ui-kit 8.12.0 → 8.13.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +27 -0
- package/package.json +2 -2
- package/src/Form/Button.js +22 -9
- package/src/Form/Button.js.map +1 -1
- package/src/Form/Select.d.ts +1 -1
- package/src/Form/Select.js.map +1 -1
- package/src/Form/SelectStyles.d.ts +2 -2
- package/src/Form/ShakeBox.d.ts +1 -1
- package/src/GlobalCssVariables.d.js +2 -0
- package/src/GlobalCssVariables.d.js.map +1 -0
- package/src/GlobalCssVariables.d.ts +7 -0
- package/src/GlobalCssVariables.js +128 -0
- package/src/GlobalCssVariables.js.map +1 -0
- package/src/GlobalStyle.js +7 -3
- package/src/GlobalStyle.js.map +1 -1
- package/src/Identity/colors-v2.js +26 -26
- package/src/Identity/colors-v2.js.map +1 -1
- package/src/Layout/Container.d.ts +5 -5
- package/src/Layout/Theme.d.ts +20 -1
- package/src/Layout/Theme.js +80 -2
- package/src/Layout/Theme.js.map +1 -1
- package/src/Layout/headerMenu/MenuSubLink.js +1 -5
- package/src/Layout/headerMenu/MenuSubLink.js.map +1 -1
- package/src/Modal/Modal.js +3 -3
- package/src/Modal/Modal.js.map +1 -1
- package/src/Text/Link.js +15 -14
- package/src/Text/Link.js.map +1 -1
- package/src/Text/Text.d.ts +6 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["colors-v2.ts"],"names":["BASE_LIGHT_COLOR","BLUE","GREEN","PETROL","PURPLE","RED","AMBER","BASE_DARK_COLOR","LIGHT_BLUE","BLUE_LIGHT_50","BLUE_LIGHT_100","BLUE_LIGHT_200","BLUE_LIGHT_300","BLUE_LIGHT_400","BLUE_LIGHT_500","BLUE_LIGHT_600","BLUE_LIGHT_700","BLUE_LIGHT_800","BLUE_LIGHT_900","DARK_BLUE","BLUE_DARK_50","BLUE_DARK_100","BLUE_DARK_200","BLUE_DARK_300","BLUE_DARK_400","BLUE_DARK_500","BLUE_DARK_600","BLUE_DARK_700","BLUE_DARK_800","BLUE_DARK_900","LIGHT_GREEN","GREEN_LIGHT_50","GREEN_LIGHT_100","GREEN_LIGHT_200","GREEN_LIGHT_300","GREEN_LIGHT_400","GREEN_LIGHT_500","GREEN_LIGHT_600","GREEN_LIGHT_700","GREEN_LIGHT_800","GREEN_LIGHT_900","DARK_GREEN","GREEN_DARK_50","GREEN_DARK_100","GREEN_DARK_200","GREEN_DARK_300","GREEN_DARK_400","GREEN_DARK_500","GREEN_DARK_600","GREEN_DARK_700","GREEN_DARK_800","GREEN_DARK_900","LIGHT_PETROL","PETROL_LIGHT_50","PETROL_LIGHT_100","PETROL_LIGHT_200","PETROL_LIGHT_300","PETROL_LIGHT_400","PETROL_LIGHT_500","PETROL_LIGHT_600","PETROL_LIGHT_700","PETROL_LIGHT_800","PETROL_LIGHT_900","DARK_PETROL","PETROL_DARK_50","PETROL_DARK_100","PETROL_DARK_200","PETROL_DARK_300","PETROL_DARK_400","PETROL_DARK_500","PETROL_DARK_600","PETROL_DARK_700","PETROL_DARK_800","PETROL_DARK_900","LIGHT_PURPLE","PURPLE_LIGHT_50","PURPLE_LIGHT_100","PURPLE_LIGHT_200","PURPLE_LIGHT_300","PURPLE_LIGHT_400","PURPLE_LIGHT_500","PURPLE_LIGHT_600","PURPLE_LIGHT_700","PURPLE_LIGHT_800","PURPLE_LIGHT_900","DARK_PURPLE","PURPLE_DARK_50","PURPLE_DARK_100","PURPLE_DARK_200","PURPLE_DARK_300","PURPLE_DARK_400","PURPLE_DARK_500","PURPLE_DARK_600","PURPLE_DARK_700","PURPLE_DARK_800","PURPLE_DARK_900","LIGHT_RED","RED_LIGHT_50","RED_LIGHT_100","RED_LIGHT_200","RED_LIGHT_300","RED_LIGHT_400","RED_LIGHT_500","RED_LIGHT_600","RED_LIGHT_700","RED_LIGHT_800","RED_LIGHT_900","DARK_RED","RED_DARK_50","RED_DARK_100","RED_DARK_200","RED_DARK_300","RED_DARK_400","RED_DARK_500","RED_DARK_600","RED_DARK_700","RED_DARK_800","RED_DARK_900","LIGHT_AMBER","AMBER_LIGHT_50","AMBER_LIGHT_100","AMBER_LIGHT_200","AMBER_LIGHT_300","AMBER_LIGHT_400","AMBER_LIGHT_500","AMBER_LIGHT_600","AMBER_LIGHT_700","AMBER_LIGHT_800","AMBER_LIGHT_900","DARK_AMBER","AMBER_DARK_50","AMBER_DARK_100","AMBER_DARK_200","AMBER_DARK_300","AMBER_DARK_400","AMBER_DARK_500","AMBER_DARK_600","AMBER_DARK_700","AMBER_DARK_800","AMBER_DARK_900","DARK","LIGHT","GRAYS","GRAY_10","GRAY_20","GRAY_30","GRAY_40","GRAY_50","GRAY_60","GRAY_70","GRAY_80","GRAY_90","GRAY_95","GRAY_100","COLOR_V2","BLACK","WHITE"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nexport const BASE_LIGHT_COLOR: Record<string, string> = {\n BLUE: '#0667c8',\n GREEN: '#1d7833',\n PETROL: '#01718e',\n PURPLE: '#8944ab',\n RED: '#c20013',\n AMBER: '#a25915',\n};\n\nexport const BASE_DARK_COLOR: Record<string, string> = {\n BLUE: '#54a6ff',\n GREEN: '#30db5b',\n PETROL: '#5de6ff',\n PURPLE: '#da8fff',\n RED: '#ff7770',\n AMBER: '#ffd426',\n};\n\nconst LIGHT_BLUE: Record<string, string> = {\n BLUE_LIGHT_50: '#e7f0fa',\n BLUE_LIGHT_100: '#cde1f4',\n BLUE_LIGHT_200: '#9bc2e9',\n BLUE_LIGHT_300: '#6aa4de',\n BLUE_LIGHT_400: '#3885d3',\n BLUE_LIGHT_500: BASE_LIGHT_COLOR.BLUE,\n BLUE_LIGHT_600: '#0552a0',\n BLUE_LIGHT_700: '#043e78',\n BLUE_LIGHT_800: '#022950',\n BLUE_LIGHT_900: '#19324d',\n};\n\nconst DARK_BLUE: Record<string, string> = {\n BLUE_DARK_50: '#eef7ff',\n BLUE_DARK_100: '#ddedff',\n BLUE_DARK_200: '#bbdbff',\n BLUE_DARK_300: '#98caff',\n BLUE_DARK_400: '#76b8ff',\n BLUE_DARK_500: BASE_DARK_COLOR.BLUE,\n BLUE_DARK_600: '#4385cc',\n BLUE_DARK_700: '#326499',\n BLUE_DARK_800: '#224266',\n BLUE_DARK_900: '#19324d',\n};\n\nconst LIGHT_GREEN: Record<string, string> = {\n GREEN_LIGHT_50: '#e8f1ea',\n GREEN_LIGHT_100: '#d2e4d6',\n GREEN_LIGHT_200: '#a5c9ad',\n GREEN_LIGHT_300: '#77ae85',\n GREEN_LIGHT_400: '#4a935c',\n GREEN_LIGHT_500: BASE_LIGHT_COLOR.GREEN,\n GREEN_LIGHT_600: '#176029',\n GREEN_LIGHT_700: '#11481f',\n GREEN_LIGHT_800: '#0c3014',\n GREEN_LIGHT_900: '#0e421b',\n};\n\nconst DARK_GREEN: Record<string, string> = {\n GREEN_DARK_50: '#ebfcef',\n GREEN_DARK_100: '#d6f8de',\n GREEN_DARK_200: '#acf1bd',\n GREEN_DARK_300: '#83e99d',\n GREEN_DARK_400: '#59e27c',\n GREEN_DARK_500: BASE_DARK_COLOR.GREEN,\n GREEN_DARK_600: '#26af49',\n GREEN_DARK_700: '#1d8337',\n GREEN_DARK_800: '#135824',\n GREEN_DARK_900: '#0e421b',\n};\n\nconst LIGHT_PETROL: Record<string, string> = {\n PETROL_LIGHT_50: '#e5f1f3',\n PETROL_LIGHT_100: '#cce2e7',\n PETROL_LIGHT_200: '#99c6d0',\n PETROL_LIGHT_300: '#67a9b8',\n PETROL_LIGHT_400: '#348da1',\n PETROL_LIGHT_500: BASE_LIGHT_COLOR.PETROL,\n PETROL_LIGHT_600: '#015a6e',\n PETROL_LIGHT_700: '#014352',\n PETROL_LIGHT_800: '#002d37',\n PETROL_LIGHT_900: '#1c454d',\n};\n\nconst DARK_PETROL: Record<string, string> = {\n PETROL_DARK_50: '#effdff',\n PETROL_DARK_100: '#dffaff',\n PETROL_DARK_200: '#bef5ff',\n PETROL_DARK_300: '#9ef0ff',\n PETROL_DARK_400: '#7debff',\n PETROL_DARK_500: BASE_DARK_COLOR.PETROL,\n PETROL_DARK_600: '#4Ab8cc',\n PETROL_DARK_700: '#388a99',\n PETROL_DARK_800: '#255c66',\n PETROL_DARK_900: '#1c454d',\n};\n\nconst LIGHT_PURPLE: Record<string, string> = {\n PURPLE_LIGHT_50: '#f4edf7',\n PURPLE_LIGHT_100: '#e7daee',\n PURPLE_LIGHT_200: '#d0b4dd',\n PURPLE_LIGHT_300: '#b88fcd',\n PURPLE_LIGHT_400: '#a169bc',\n PURPLE_LIGHT_500: BASE_LIGHT_COLOR.PURPLE,\n PURPLE_LIGHT_600: '#6e3689',\n PURPLE_LIGHT_700: '#522967',\n PURPLE_LIGHT_800: '#371b44',\n PURPLE_LIGHT_900: '#412b4d',\n};\n\nconst DARK_PURPLE: Record<string, string> = {\n PURPLE_DARK_50: '#fcf4ff',\n PURPLE_DARK_100: '#f8e9ff',\n PURPLE_DARK_200: '#f0d2ff',\n PURPLE_DARK_300: '#e9bcff',\n PURPLE_DARK_400: '#e1a5ff',\n PURPLE_DARK_500: BASE_DARK_COLOR.PURPLE,\n PURPLE_DARK_600: '#ae72cc',\n PURPLE_DARK_700: '#835699',\n PURPLE_DARK_800: '#573966',\n PURPLE_DARK_900: '#412b4d',\n};\n\nconst LIGHT_RED: Record<string, string> = {\n RED_LIGHT_50: '#f9e6e8',\n RED_LIGHT_100: '#f3ccd0',\n RED_LIGHT_200: '#e799a1',\n RED_LIGHT_300: '#da6671',\n RED_LIGHT_400: '#ce3342',\n RED_LIGHT_500: BASE_LIGHT_COLOR.RED,\n RED_LIGHT_600: '#9b000f',\n RED_LIGHT_700: '#74000b',\n RED_LIGHT_800: '#4e0008',\n RED_LIGHT_900: '#4d2422',\n};\n\nconst DARK_RED: Record<string, string> = {\n RED_DARK_50: '#fff2f1',\n RED_DARK_100: '#ffe4e2',\n RED_DARK_200: '#ffc9c6',\n RED_DARK_300: '#ffada9',\n RED_DARK_400: '#ff928d',\n RED_DARK_500: BASE_DARK_COLOR.RED,\n RED_DARK_600: '#cc5f5a',\n RED_DARK_700: '#994743',\n RED_DARK_800: '#66302d',\n RED_DARK_900: '#4d2422',\n};\n\nconst LIGHT_AMBER: Record<string, string> = {\n AMBER_LIGHT_50: '#f6eee8',\n AMBER_LIGHT_100: '#ecded0',\n AMBER_LIGHT_200: '#dabda1',\n AMBER_LIGHT_300: '#c79b73',\n AMBER_LIGHT_400: '#b57A44',\n AMBER_LIGHT_500: BASE_LIGHT_COLOR.AMBER,\n AMBER_LIGHT_600: '#824711',\n AMBER_LIGHT_700: '#61350d',\n AMBER_LIGHT_800: '#412408',\n AMBER_LIGHT_900: '#201204',\n};\n\nconst DARK_AMBER: Record<string, string> = {\n AMBER_DARK_50: '#fffbea',\n AMBER_DARK_100: '#fff6d4',\n AMBER_DARK_200: '#ffeea8',\n AMBER_DARK_300: '#ffe57d',\n AMBER_DARK_400: '#ffdd51',\n AMBER_DARK_500: BASE_DARK_COLOR.AMBER,\n AMBER_DARK_600: '#ccaa1e',\n AMBER_DARK_700: '#997f17',\n AMBER_DARK_800: '#66550f',\n AMBER_DARK_900: '#4d400b',\n};\n\nconst DARK: Record<string, string> = {\n ...DARK_BLUE,\n ...DARK_GREEN,\n ...DARK_PETROL,\n ...DARK_PURPLE,\n ...DARK_RED,\n ...DARK_AMBER,\n};\n\nconst LIGHT: Record<string, string> = {\n ...LIGHT_BLUE,\n ...LIGHT_GREEN,\n ...LIGHT_PETROL,\n ...LIGHT_PURPLE,\n ...LIGHT_RED,\n ...LIGHT_AMBER,\n};\n\nconst GRAYS: Record<string, string> = {\n GRAY_10: '#fafafa',\n GRAY_20: '#edeff0',\n GRAY_30: '#e5e8ea',\n GRAY_40: '#dce0e3',\n GRAY_50: '#cbced1',\n GRAY_60: '#9fa1a7',\n GRAY_70: '#676b71',\n GRAY_80: '#54585f',\n GRAY_90: '#34373d',\n GRAY_95: '#26272c',\n GRAY_100: '#17181a',\n};\n\nexport const COLOR_V2: any = {\n ...BASE_DARK_COLOR,\n ...BASE_LIGHT_COLOR,\n ...DARK,\n ...LIGHT,\n ...GRAYS,\n BLACK: '#000',\n WHITE: '#fff',\n};\n"],"file":"colors-v2.js"}
|
|
1
|
+
{"version":3,"sources":["colors-v2.ts"],"names":["BASE_LIGHT_COLOR","BLUE","GREEN","TURQUOISE","PURPLE","RED","AMBER","BASE_DARK_COLOR","LIGHT_BLUE","BLUE_LIGHT_50","BLUE_LIGHT_100","BLUE_LIGHT_200","BLUE_LIGHT_300","BLUE_LIGHT_400","BLUE_LIGHT_500","BLUE_LIGHT_600","BLUE_LIGHT_700","BLUE_LIGHT_800","BLUE_LIGHT_900","DARK_BLUE","BLUE_DARK_50","BLUE_DARK_100","BLUE_DARK_200","BLUE_DARK_300","BLUE_DARK_400","BLUE_DARK_500","BLUE_DARK_600","BLUE_DARK_700","BLUE_DARK_800","BLUE_DARK_900","LIGHT_GREEN","GREEN_LIGHT_50","GREEN_LIGHT_100","GREEN_LIGHT_200","GREEN_LIGHT_300","GREEN_LIGHT_400","GREEN_LIGHT_500","GREEN_LIGHT_600","GREEN_LIGHT_700","GREEN_LIGHT_800","GREEN_LIGHT_900","DARK_GREEN","GREEN_DARK_50","GREEN_DARK_100","GREEN_DARK_200","GREEN_DARK_300","GREEN_DARK_400","GREEN_DARK_500","GREEN_DARK_600","GREEN_DARK_700","GREEN_DARK_800","GREEN_DARK_900","LIGHT_TURQUOISE","TURQUOISE_LIGHT_50","TURQUOISE_LIGHT_100","TURQUOISE_LIGHT_200","TURQUOISE_LIGHT_300","TURQUOISE_LIGHT_400","TURQUOISE_LIGHT_500","TURQUOISE_LIGHT_600","TURQUOISE_LIGHT_700","TURQUOISE_LIGHT_800","TURQUOISE_LIGHT_900","DARK_TURQUOISE","TURQUOISE_DARK_50","TURQUOISE_DARK_100","TURQUOISE_DARK_200","TURQUOISE_DARK_300","TURQUOISE_DARK_400","TURQUOISE_DARK_500","TURQUOISE_DARK_600","TURQUOISE_DARK_700","TURQUOISE_DARK_800","TURQUOISE_DARK_900","LIGHT_PURPLE","PURPLE_LIGHT_50","PURPLE_LIGHT_100","PURPLE_LIGHT_200","PURPLE_LIGHT_300","PURPLE_LIGHT_400","PURPLE_LIGHT_500","PURPLE_LIGHT_600","PURPLE_LIGHT_700","PURPLE_LIGHT_800","PURPLE_LIGHT_900","DARK_PURPLE","PURPLE_DARK_50","PURPLE_DARK_100","PURPLE_DARK_200","PURPLE_DARK_300","PURPLE_DARK_400","PURPLE_DARK_500","PURPLE_DARK_600","PURPLE_DARK_700","PURPLE_DARK_800","PURPLE_DARK_900","LIGHT_RED","RED_LIGHT_50","RED_LIGHT_100","RED_LIGHT_200","RED_LIGHT_300","RED_LIGHT_400","RED_LIGHT_500","RED_LIGHT_600","RED_LIGHT_700","RED_LIGHT_800","RED_LIGHT_900","DARK_RED","RED_DARK_50","RED_DARK_100","RED_DARK_200","RED_DARK_300","RED_DARK_400","RED_DARK_500","RED_DARK_600","RED_DARK_700","RED_DARK_800","RED_DARK_900","LIGHT_AMBER","AMBER_LIGHT_50","AMBER_LIGHT_100","AMBER_LIGHT_200","AMBER_LIGHT_300","AMBER_LIGHT_400","AMBER_LIGHT_500","AMBER_LIGHT_600","AMBER_LIGHT_700","AMBER_LIGHT_800","AMBER_LIGHT_900","DARK_AMBER","AMBER_DARK_50","AMBER_DARK_100","AMBER_DARK_200","AMBER_DARK_300","AMBER_DARK_400","AMBER_DARK_500","AMBER_DARK_600","AMBER_DARK_700","AMBER_DARK_800","AMBER_DARK_900","DARK","LIGHT","GRAYS","GRAY_10","GRAY_20","GRAY_30","GRAY_40","GRAY_50","GRAY_60","GRAY_70","GRAY_80","GRAY_90","GRAY_95","GRAY_100","COLOR_V2","BLACK","WHITE"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nexport const BASE_LIGHT_COLOR: Record<string, string> = {\n BLUE: '#0667c8',\n GREEN: '#1d7833',\n TURQUOISE: '#01718e',\n PURPLE: '#8944ab',\n RED: '#c20013',\n AMBER: '#a25915',\n};\n\nexport const BASE_DARK_COLOR: Record<string, string> = {\n BLUE: '#54a6ff',\n GREEN: '#30db5b',\n TURQUOISE: '#5de6ff',\n PURPLE: '#da8fff',\n RED: '#ff7770',\n AMBER: '#ffd426',\n};\n\nconst LIGHT_BLUE: Record<string, string> = {\n BLUE_LIGHT_50: '#e7f0fa',\n BLUE_LIGHT_100: '#cde1f4',\n BLUE_LIGHT_200: '#9bc2e9',\n BLUE_LIGHT_300: '#6aa4de',\n BLUE_LIGHT_400: '#3885d3',\n BLUE_LIGHT_500: BASE_LIGHT_COLOR.BLUE,\n BLUE_LIGHT_600: '#0552a0',\n BLUE_LIGHT_700: '#043e78',\n BLUE_LIGHT_800: '#022950',\n BLUE_LIGHT_900: '#19324d',\n};\n\nconst DARK_BLUE: Record<string, string> = {\n BLUE_DARK_50: '#eef7ff',\n BLUE_DARK_100: '#ddedff',\n BLUE_DARK_200: '#bbdbff',\n BLUE_DARK_300: '#98caff',\n BLUE_DARK_400: '#76b8ff',\n BLUE_DARK_500: BASE_DARK_COLOR.BLUE,\n BLUE_DARK_600: '#4385cc',\n BLUE_DARK_700: '#326499',\n BLUE_DARK_800: '#224266',\n BLUE_DARK_900: '#19324d',\n};\n\nconst LIGHT_GREEN: Record<string, string> = {\n GREEN_LIGHT_50: '#e8f1ea',\n GREEN_LIGHT_100: '#d2e4d6',\n GREEN_LIGHT_200: '#a5c9ad',\n GREEN_LIGHT_300: '#77ae85',\n GREEN_LIGHT_400: '#4a935c',\n GREEN_LIGHT_500: BASE_LIGHT_COLOR.GREEN,\n GREEN_LIGHT_600: '#176029',\n GREEN_LIGHT_700: '#11481f',\n GREEN_LIGHT_800: '#0c3014',\n GREEN_LIGHT_900: '#0e421b',\n};\n\nconst DARK_GREEN: Record<string, string> = {\n GREEN_DARK_50: '#ebfcef',\n GREEN_DARK_100: '#d6f8de',\n GREEN_DARK_200: '#acf1bd',\n GREEN_DARK_300: '#83e99d',\n GREEN_DARK_400: '#59e27c',\n GREEN_DARK_500: BASE_DARK_COLOR.GREEN,\n GREEN_DARK_600: '#26af49',\n GREEN_DARK_700: '#1d8337',\n GREEN_DARK_800: '#135824',\n GREEN_DARK_900: '#0e421b',\n};\n\nconst LIGHT_TURQUOISE: Record<string, string> = {\n TURQUOISE_LIGHT_50: '#e5f1f3',\n TURQUOISE_LIGHT_100: '#cce2e7',\n TURQUOISE_LIGHT_200: '#99c6d0',\n TURQUOISE_LIGHT_300: '#67a9b8',\n TURQUOISE_LIGHT_400: '#348da1',\n TURQUOISE_LIGHT_500: BASE_LIGHT_COLOR.TURQUOISE,\n TURQUOISE_LIGHT_600: '#015a6e',\n TURQUOISE_LIGHT_700: '#014352',\n TURQUOISE_LIGHT_800: '#002d37',\n TURQUOISE_LIGHT_900: '#1c454d',\n};\n\nconst DARK_TURQUOISE: Record<string, string> = {\n TURQUOISE_DARK_50: '#effdff',\n TURQUOISE_DARK_100: '#dffaff',\n TURQUOISE_DARK_200: '#bef5ff',\n TURQUOISE_DARK_300: '#9ef0ff',\n TURQUOISE_DARK_400: '#7debff',\n TURQUOISE_DARK_500: BASE_DARK_COLOR.TURQUOISE,\n TURQUOISE_DARK_600: '#4Ab8cc',\n TURQUOISE_DARK_700: '#388a99',\n TURQUOISE_DARK_800: '#255c66',\n TURQUOISE_DARK_900: '#1c454d',\n};\n\nconst LIGHT_PURPLE: Record<string, string> = {\n PURPLE_LIGHT_50: '#f4edf7',\n PURPLE_LIGHT_100: '#e7daee',\n PURPLE_LIGHT_200: '#d0b4dd',\n PURPLE_LIGHT_300: '#b88fcd',\n PURPLE_LIGHT_400: '#a169bc',\n PURPLE_LIGHT_500: BASE_LIGHT_COLOR.PURPLE,\n PURPLE_LIGHT_600: '#6e3689',\n PURPLE_LIGHT_700: '#522967',\n PURPLE_LIGHT_800: '#371b44',\n PURPLE_LIGHT_900: '#412b4d',\n};\n\nconst DARK_PURPLE: Record<string, string> = {\n PURPLE_DARK_50: '#fcf4ff',\n PURPLE_DARK_100: '#f8e9ff',\n PURPLE_DARK_200: '#f0d2ff',\n PURPLE_DARK_300: '#e9bcff',\n PURPLE_DARK_400: '#e1a5ff',\n PURPLE_DARK_500: BASE_DARK_COLOR.PURPLE,\n PURPLE_DARK_600: '#ae72cc',\n PURPLE_DARK_700: '#835699',\n PURPLE_DARK_800: '#573966',\n PURPLE_DARK_900: '#412b4d',\n};\n\nconst LIGHT_RED: Record<string, string> = {\n RED_LIGHT_50: '#f9e6e8',\n RED_LIGHT_100: '#f3ccd0',\n RED_LIGHT_200: '#e799a1',\n RED_LIGHT_300: '#da6671',\n RED_LIGHT_400: '#ce3342',\n RED_LIGHT_500: BASE_LIGHT_COLOR.RED,\n RED_LIGHT_600: '#9b000f',\n RED_LIGHT_700: '#74000b',\n RED_LIGHT_800: '#4e0008',\n RED_LIGHT_900: '#4d2422',\n};\n\nconst DARK_RED: Record<string, string> = {\n RED_DARK_50: '#fff2f1',\n RED_DARK_100: '#ffe4e2',\n RED_DARK_200: '#ffc9c6',\n RED_DARK_300: '#ffada9',\n RED_DARK_400: '#ff928d',\n RED_DARK_500: BASE_DARK_COLOR.RED,\n RED_DARK_600: '#cc5f5a',\n RED_DARK_700: '#994743',\n RED_DARK_800: '#66302d',\n RED_DARK_900: '#4d2422',\n};\n\nconst LIGHT_AMBER: Record<string, string> = {\n AMBER_LIGHT_50: '#f6eee8',\n AMBER_LIGHT_100: '#ecded0',\n AMBER_LIGHT_200: '#dabda1',\n AMBER_LIGHT_300: '#c79b73',\n AMBER_LIGHT_400: '#b57A44',\n AMBER_LIGHT_500: BASE_LIGHT_COLOR.AMBER,\n AMBER_LIGHT_600: '#824711',\n AMBER_LIGHT_700: '#61350d',\n AMBER_LIGHT_800: '#412408',\n AMBER_LIGHT_900: '#201204',\n};\n\nconst DARK_AMBER: Record<string, string> = {\n AMBER_DARK_50: '#fffbea',\n AMBER_DARK_100: '#fff6d4',\n AMBER_DARK_200: '#ffeea8',\n AMBER_DARK_300: '#ffe57d',\n AMBER_DARK_400: '#ffdd51',\n AMBER_DARK_500: BASE_DARK_COLOR.AMBER,\n AMBER_DARK_600: '#ccaa1e',\n AMBER_DARK_700: '#997f17',\n AMBER_DARK_800: '#66550f',\n AMBER_DARK_900: '#4d400b',\n};\n\nconst DARK: Record<string, string> = {\n ...DARK_BLUE,\n ...DARK_GREEN,\n ...DARK_TURQUOISE,\n ...DARK_PURPLE,\n ...DARK_RED,\n ...DARK_AMBER,\n};\n\nconst LIGHT: Record<string, string> = {\n ...LIGHT_BLUE,\n ...LIGHT_GREEN,\n ...LIGHT_TURQUOISE,\n ...LIGHT_PURPLE,\n ...LIGHT_RED,\n ...LIGHT_AMBER,\n};\n\nconst GRAYS: Record<string, string> = {\n GRAY_10: '#fafafa',\n GRAY_20: '#edeff0',\n GRAY_30: '#e5e8ea',\n GRAY_40: '#dce0e3',\n GRAY_50: '#cbced1',\n GRAY_60: '#9fa1a7',\n GRAY_70: '#676b71',\n GRAY_80: '#54585f',\n GRAY_90: '#34373d',\n GRAY_95: '#26272c',\n GRAY_100: '#17181a',\n};\n\nexport const COLOR_V2: any = {\n ...BASE_DARK_COLOR,\n ...BASE_LIGHT_COLOR,\n ...DARK,\n ...LIGHT,\n ...GRAYS,\n BLACK: '#000',\n WHITE: '#fff',\n};\n"],"file":"colors-v2.js"}
|
|
@@ -13,8 +13,8 @@ export interface Level {
|
|
|
13
13
|
}
|
|
14
14
|
export declare const Container: React.FC<ContainerProps>;
|
|
15
15
|
export declare type LevelContainerProps = Omit<ContainerProps, 'level'>;
|
|
16
|
-
export declare const ContainerLG: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "
|
|
17
|
-
export declare const ContainerMD: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "
|
|
18
|
-
export declare const ContainerSM: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "
|
|
19
|
-
export declare const ContainerXS: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "
|
|
20
|
-
export declare const ContainerXXS: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "
|
|
16
|
+
export declare const ContainerLG: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "step" | "value" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "wmode" | "wrap" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
export declare const ContainerMD: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "step" | "value" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "wmode" | "wrap" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
export declare const ContainerSM: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "step" | "value" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "wmode" | "wrap" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
export declare const ContainerXS: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "step" | "value" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "wmode" | "wrap" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
export declare const ContainerXXS: React.ForwardRefExoticComponent<Pick<LevelContainerProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "step" | "value" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "wmode" | "wrap" | "centerText" | "verticalCenter"> & React.RefAttributes<HTMLDivElement>>;
|
package/src/Layout/Theme.d.ts
CHANGED
|
@@ -3,9 +3,26 @@ import { jsx } from '@emotion/react';
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
export declare enum THEME_ID {
|
|
5
5
|
DARK = "THEME_DARK",
|
|
6
|
-
LIGHT = "THEME_LIGHT"
|
|
6
|
+
LIGHT = "THEME_LIGHT",
|
|
7
|
+
DEFAULT = "THEME_DEFAULT"
|
|
7
8
|
}
|
|
8
9
|
export interface Theme {
|
|
10
|
+
Button?: {
|
|
11
|
+
primaryBg?: String;
|
|
12
|
+
primaryHoverBg?: String;
|
|
13
|
+
primaryActiveBg?: String;
|
|
14
|
+
primaryActiveBorder?: String;
|
|
15
|
+
primaryFocusBorder?: String;
|
|
16
|
+
primaryDisabledBg?: String;
|
|
17
|
+
primaryDisabledText?: String;
|
|
18
|
+
tertiaryBg?: String;
|
|
19
|
+
tertiaryBorder?: String;
|
|
20
|
+
tertiaryHoverBg?: String;
|
|
21
|
+
tertiaryHoverBorder?: String;
|
|
22
|
+
tertiarydisabledBg?: String;
|
|
23
|
+
tertiaryDisabledBorder?: String;
|
|
24
|
+
tertiaryActiveBg?: String;
|
|
25
|
+
};
|
|
9
26
|
IconButton: {
|
|
10
27
|
activePrimaryBgColor?: string;
|
|
11
28
|
activePrimaryBorderColor?: string;
|
|
@@ -31,7 +48,9 @@ export interface Theme {
|
|
|
31
48
|
general: {
|
|
32
49
|
backgroundColor: string;
|
|
33
50
|
color: string;
|
|
51
|
+
contrastColor?: String;
|
|
34
52
|
dangerColor?: string;
|
|
53
|
+
focusColor?: String;
|
|
35
54
|
primaryColor?: string;
|
|
36
55
|
};
|
|
37
56
|
Input: {
|
package/src/Layout/Theme.js
CHANGED
|
@@ -29,9 +29,77 @@ exports.THEME_ID = THEME_ID;
|
|
|
29
29
|
(function (THEME_ID) {
|
|
30
30
|
THEME_ID["DARK"] = "THEME_DARK";
|
|
31
31
|
THEME_ID["LIGHT"] = "THEME_LIGHT";
|
|
32
|
+
THEME_ID["DEFAULT"] = "THEME_DEFAULT";
|
|
32
33
|
})(THEME_ID || (exports.THEME_ID = THEME_ID = {}));
|
|
33
34
|
|
|
34
|
-
var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.
|
|
35
|
+
var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.DEFAULT, {
|
|
36
|
+
Button: {
|
|
37
|
+
primaryBg: 'var(--accent-color)',
|
|
38
|
+
primaryHoverBg: 'var(--button-primary-hover)',
|
|
39
|
+
primaryActiveBg: 'var(--button-primary-active)',
|
|
40
|
+
primaryActiveBorder: 'var(--button-primary-active-border)',
|
|
41
|
+
primaryFocusBorder: 'var(--button-primary-focus-border)',
|
|
42
|
+
primaryDisabledBg: 'var(--button-primary-disabled-bg)',
|
|
43
|
+
primaryDisabledText: 'var(--button-primary-disabled-text)',
|
|
44
|
+
tertiaryBg: 'var(--button-tertiary-bg)',
|
|
45
|
+
tertiaryBorder: 'var(--button-tertiary-border)',
|
|
46
|
+
tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',
|
|
47
|
+
tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',
|
|
48
|
+
tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',
|
|
49
|
+
tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',
|
|
50
|
+
tertiaryActiveBg: 'var(--accent-color-highlight)'
|
|
51
|
+
},
|
|
52
|
+
Checkbox: {
|
|
53
|
+
background: 'var(--checkbox-background)',
|
|
54
|
+
border: 'var(--checkbox-border)',
|
|
55
|
+
borderFocused: 'var(--accent-color)',
|
|
56
|
+
disableBgColor: 'var(--checkbox-background-disabled)',
|
|
57
|
+
disableBorderColor: 'var(--checkbox-border-disabled)',
|
|
58
|
+
disablecheckedBgColor: 'var(--checkbox-background-disabled-selected)',
|
|
59
|
+
invalidBorderColor: 'var(--danger-color)'
|
|
60
|
+
},
|
|
61
|
+
IconButton: {
|
|
62
|
+
activePrimaryBgColor: 'var(--accent-color-highlight)',
|
|
63
|
+
focusBorderColor: 'var(--accent-color-border)',
|
|
64
|
+
hoverPrimaryBgColor: 'var(--icon-button-primary-hover-bg)',
|
|
65
|
+
primaryActiveFillColor: 'var(--icon-primary-active-fill)',
|
|
66
|
+
primaryBgColor: 'var(--icon-button-primary-enabled-bg)',
|
|
67
|
+
primaryBorderColor: 'var(--icon-button-primary-border)',
|
|
68
|
+
primaryDisabledBgColor: 'var(--icon-button-primary-disabled-bg)',
|
|
69
|
+
primaryDisabledBorderColor: 'var(--icon-button-primary-disabled-border)',
|
|
70
|
+
primaryHoverBorderColor: 'var(--icon-button-primary-hover-border)',
|
|
71
|
+
secondaryActiveBorderColor: 'var(--icon-secondary-active-border)'
|
|
72
|
+
},
|
|
73
|
+
Input: {
|
|
74
|
+
backgroundColor: 'var(--text-input-background)',
|
|
75
|
+
backgroundColorDisabled: 'var(--text-input-disabled)',
|
|
76
|
+
labelColor: 'var(--text-input-label)',
|
|
77
|
+
placeholderColor: 'var(--text-input-placeholder)'
|
|
78
|
+
},
|
|
79
|
+
Select: {
|
|
80
|
+
borderColor: 'var(--text-input-border)',
|
|
81
|
+
contrastTextColor: 'var(--text-input-background)',
|
|
82
|
+
disabledColor: 'var(--text-input-placeholder)'
|
|
83
|
+
},
|
|
84
|
+
general: {
|
|
85
|
+
backgroundColor: 'var(--app-bg)',
|
|
86
|
+
color: 'var(--main-color)',
|
|
87
|
+
dangerColor: 'var(--danger-color)',
|
|
88
|
+
primaryColor: 'var(--accent-color)',
|
|
89
|
+
contrastColor: 'var(--text-input-background)',
|
|
90
|
+
focusColor: 'var(--accent-color-focus)'
|
|
91
|
+
}
|
|
92
|
+
}), (0, _defineProperty2["default"])(_themes, THEME_ID.LIGHT, {
|
|
93
|
+
Button: {
|
|
94
|
+
primaryBg: 'var(--accent-color)',
|
|
95
|
+
primaryHoverBg: 'var(--button-primary-hover)',
|
|
96
|
+
primaryActiveBg: 'var(--button-primary-active)',
|
|
97
|
+
primaryActiveBorder: 'var(--button-primary-active-border)',
|
|
98
|
+
primaryFocusBorder: 'var(--button-primary-focus-border)',
|
|
99
|
+
primaryDisabledBg: 'var(--button-primary-disabled-bg)',
|
|
100
|
+
primaryDisabledText: 'var(--button-primary-disabled-text)',
|
|
101
|
+
tertiaryActiveBg: 'var(--accent-color-highlight)'
|
|
102
|
+
},
|
|
35
103
|
IconButton: {
|
|
36
104
|
activePrimaryBgColor: _colorsV.COLOR_V2.BLUE_LIGHT_50,
|
|
37
105
|
focusBorderColor: _colorsV.COLOR_V2.BLUE_LIGHT_500,
|
|
@@ -42,7 +110,7 @@ var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.L
|
|
|
42
110
|
primaryDisabledBgColor: _colorsV.COLOR_V2.GRAY_20,
|
|
43
111
|
primaryDisabledBorderColor: _colorsV.COLOR_V2.GRAY_40,
|
|
44
112
|
primaryHoverBorderColor: _colorsV.COLOR_V2.GRAY_50,
|
|
45
|
-
secondaryActiveBorderColor: '
|
|
113
|
+
secondaryActiveBorderColor: 'transparent'
|
|
46
114
|
},
|
|
47
115
|
Input: {
|
|
48
116
|
backgroundColor: _colors.COLOR.WHITE,
|
|
@@ -72,6 +140,16 @@ var themes = (_themes = {}, (0, _defineProperty2["default"])(_themes, THEME_ID.L
|
|
|
72
140
|
invalidBorderColor: _colorsV.BASE_LIGHT_COLOR.RED
|
|
73
141
|
}
|
|
74
142
|
}), (0, _defineProperty2["default"])(_themes, THEME_ID.DARK, {
|
|
143
|
+
Button: {
|
|
144
|
+
primaryBg: 'var(--accent-color)',
|
|
145
|
+
primaryHoverBg: 'var(--button-primary-hover)',
|
|
146
|
+
primaryActiveBg: 'var(--button-primary-active)',
|
|
147
|
+
primaryActiveBorder: 'var(--button-primary-active-border)',
|
|
148
|
+
primaryFocusBorder: 'var(--button-primary-focus-border)',
|
|
149
|
+
primaryDisabledBg: 'var(--button-primary-disabled-bg)',
|
|
150
|
+
primaryDisabledText: 'var(--button-primary-disabled-text)',
|
|
151
|
+
tertiaryActiveBg: 'var(--accent-color-highlight)'
|
|
152
|
+
},
|
|
75
153
|
IconButton: {
|
|
76
154
|
activePrimaryBgColor: _colorsV.COLOR_V2.BLUE_DARK_800,
|
|
77
155
|
focusBorderColor: _colorsV.COLOR_V2.BLUE_DARK_600,
|
package/src/Layout/Theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Theme.tsx"],"names":["THEME_ID","themes","LIGHT","IconButton","activePrimaryBgColor","COLOR_V2","BLUE_LIGHT_50","focusBorderColor","BLUE_LIGHT_500","hoverPrimaryBgColor","GRAY_20","primaryActiveFillColor","BLUE","primaryBgColor","WHITE","primaryBorderColor","GRAY_40","primaryDisabledBgColor","primaryDisabledBorderColor","primaryHoverBorderColor","GRAY_50","secondaryActiveBorderColor","Input","backgroundColor","COLOR","backgroundColorDisabled","placeholderColor","GRAY_DARKEN_24","labelColor","GRAY_80","general","color","TEXT","primaryColor","dangerColor","RED","Select","disabledColor","GRAY_70","contrastTextColor","borderColor","focusedDescriptionColor","Checkbox","background","border","borderFocused","BASE_LIGHT_COLOR","disableBgColor","disableBorderColor","GRAY_60","disablecheckedBgColor","invalidBorderColor","DARK","BLUE_DARK_800","BLUE_DARK_600","GRAY_90","GRAY_100","GRAY_95","BLACK_LIGHTEN_24","GRAY_LIGHTEN_88","BLACK","BASE_DARK_COLOR","GRAY_10","filterThemeProps","props","ThemeProvider","theme"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx, ThemeProvider as EmotionThemeProvider} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/colors';\nimport {COLOR_V2, BASE_DARK_COLOR, BASE_LIGHT_COLOR} from '../Identity/colors-v2';\nimport {filterProps} from '../util';\n\nexport enum THEME_ID {\n DARK = 'THEME_DARK',\n LIGHT = 'THEME_LIGHT',\n}\n\nexport interface Theme {\n IconButton: {\n activePrimaryBgColor?: string;\n activePrimaryBorderColor?: string;\n focusBorderColor?: string;\n hoverPrimaryBgColor?: string;\n primaryActiveFillColor?: string;\n primaryBgColor?: string;\n primaryBorderColor?: string;\n primaryDisabledBgColor?: string;\n primaryDisabledBorderColor?: string;\n primaryHoverBorderColor?: string;\n secondaryActiveBorderColor?: string;\n };\n Checkbox: {\n background?: string;\n border?: string;\n borderFocused?: string;\n disableBgColor?: string;\n disableBorderColor?: string;\n disablecheckedBgColor?: string;\n invalidBorderColor?: string;\n };\n general: {\n backgroundColor: string;\n color: string;\n dangerColor?: string;\n primaryColor?: string;\n };\n Input: {\n backgroundColor: string;\n backgroundColorDisabled: string;\n placeholderColor: string;\n labelColor: string;\n };\n Select: {\n disabledColor?: string;\n contrastTextColor?: string;\n borderColor?: string;\n focusedDescriptionColor?: string;\n };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n [THEME_ID.LIGHT]: {\n IconButton: {\n activePrimaryBgColor: COLOR_V2.BLUE_LIGHT_50,\n focusBorderColor: COLOR_V2.BLUE_LIGHT_500,\n hoverPrimaryBgColor: COLOR_V2.GRAY_20,\n primaryActiveFillColor: COLOR_V2.BLUE,\n primaryBgColor: COLOR_V2.WHITE,\n primaryBorderColor: COLOR_V2.GRAY_40,\n primaryDisabledBgColor: COLOR_V2.GRAY_20,\n primaryDisabledBorderColor: COLOR_V2.GRAY_40,\n primaryHoverBorderColor: COLOR_V2.GRAY_50,\n secondaryActiveBorderColor: 'none',\n },\n Input: {\n backgroundColor: COLOR.WHITE,\n backgroundColorDisabled: COLOR_V2.GRAY_20,\n placeholderColor: COLOR.GRAY_DARKEN_24,\n labelColor: COLOR_V2.GRAY_80,\n },\n general: {\n backgroundColor: COLOR_V2.GRAY_20,\n color: COLOR.TEXT,\n primaryColor: COLOR_V2.BLUE,\n dangerColor: COLOR_V2.RED,\n },\n Select: {\n disabledColor: COLOR_V2.GRAY_70,\n contrastTextColor: COLOR.WHITE,\n borderColor: COLOR_V2.GRAY_40,\n focusedDescriptionColor: COLOR_V2.WHITE,\n },\n Checkbox: {\n background: COLOR_V2.GRAY_20,\n border: COLOR_V2.GRAY_80,\n borderFocused: BASE_LIGHT_COLOR.BLUE,\n disableBgColor: COLOR_V2.GRAY_20,\n disableBorderColor: COLOR_V2.GRAY_60,\n disablecheckedBgColor: COLOR_V2.GRAY_20,\n invalidBorderColor: BASE_LIGHT_COLOR.RED,\n },\n },\n [THEME_ID.DARK]: {\n IconButton: {\n activePrimaryBgColor: COLOR_V2.BLUE_DARK_800,\n focusBorderColor: COLOR_V2.BLUE_DARK_600,\n hoverPrimaryBgColor: COLOR_V2.GRAY_80,\n primaryActiveFillColor: COLOR.WHITE,\n primaryBgColor: COLOR_V2.GRAY_90,\n primaryBorderColor: COLOR_V2.GRAY_100,\n primaryDisabledBgColor: COLOR_V2.GRAY_95,\n primaryDisabledBorderColor: COLOR_V2.GRAY_90,\n primaryHoverBorderColor: COLOR_V2.GRAY_70,\n secondaryActiveBorderColor: COLOR_V2.BLUE_DARK_800,\n },\n Input: {\n backgroundColor: COLOR.BLACK_LIGHTEN_24,\n backgroundColorDisabled: COLOR.GRAY_100,\n placeholderColor: COLOR.GRAY_LIGHTEN_88,\n labelColor: COLOR_V2.GRAY_40,\n },\n general: {\n backgroundColor: COLOR.BLACK,\n color: COLOR.WHITE,\n primaryColor: COLOR_V2.BLUE,\n dangerColor: COLOR_V2.RED,\n },\n Select: {\n disabledColor: COLOR_V2.GRAY_60,\n contrastTextColor: COLOR.BLACK,\n borderColor: COLOR_V2.GRAY_90,\n focusedDescriptionColor: COLOR_V2.GRAY_40,\n },\n Checkbox: {\n background: COLOR_V2.GRAY_20,\n border: COLOR_V2.GRAY_60,\n borderFocused: BASE_DARK_COLOR.BLUE,\n disableBgColor: COLOR_V2.GRAY_10,\n disableBorderColor: COLOR_V2.GRAY_70,\n disablecheckedBgColor: COLOR_V2.GRAY_60,\n invalidBorderColor: BASE_DARK_COLOR.RED,\n },\n },\n};\n\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n theme?: Theme;\n}\n\nconst filterThemeProps = (props: ThemeProps) => filterProps(props, ['theme']);\n\nexport const ThemeProvider = (props: ThemeProps) => (\n <EmotionThemeProvider theme={props.theme} {...filterThemeProps(props)} />\n);\n"],"file":"Theme.js"}
|
|
1
|
+
{"version":3,"sources":["Theme.tsx"],"names":["THEME_ID","themes","DEFAULT","Button","primaryBg","primaryHoverBg","primaryActiveBg","primaryActiveBorder","primaryFocusBorder","primaryDisabledBg","primaryDisabledText","tertiaryBg","tertiaryBorder","tertiaryHoverBg","tertiaryHoverBorder","tertiarydisabledBg","tertiaryDisabledBorder","tertiaryActiveBg","Checkbox","background","border","borderFocused","disableBgColor","disableBorderColor","disablecheckedBgColor","invalidBorderColor","IconButton","activePrimaryBgColor","focusBorderColor","hoverPrimaryBgColor","primaryActiveFillColor","primaryBgColor","primaryBorderColor","primaryDisabledBgColor","primaryDisabledBorderColor","primaryHoverBorderColor","secondaryActiveBorderColor","Input","backgroundColor","backgroundColorDisabled","labelColor","placeholderColor","Select","borderColor","contrastTextColor","disabledColor","general","color","dangerColor","primaryColor","contrastColor","focusColor","LIGHT","COLOR_V2","BLUE_LIGHT_50","BLUE_LIGHT_500","GRAY_20","BLUE","WHITE","GRAY_40","GRAY_50","COLOR","GRAY_DARKEN_24","GRAY_80","TEXT","RED","GRAY_70","focusedDescriptionColor","BASE_LIGHT_COLOR","GRAY_60","DARK","BLUE_DARK_800","BLUE_DARK_600","GRAY_90","GRAY_100","GRAY_95","BLACK_LIGHTEN_24","GRAY_LIGHTEN_88","BLACK","BASE_DARK_COLOR","GRAY_10","filterThemeProps","props","ThemeProvider","theme"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx, ThemeProvider as EmotionThemeProvider} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity/colors';\nimport {COLOR_V2, BASE_DARK_COLOR, BASE_LIGHT_COLOR} from '../Identity/colors-v2';\nimport {filterProps} from '../util';\n\nexport enum THEME_ID {\n DARK = 'THEME_DARK',\n LIGHT = 'THEME_LIGHT',\n DEFAULT = 'THEME_DEFAULT',\n}\n\nexport interface Theme {\n Button?: {\n primaryBg?: String;\n primaryHoverBg?: String;\n primaryActiveBg?: String;\n primaryActiveBorder?: String;\n primaryFocusBorder?: String;\n primaryDisabledBg?: String;\n primaryDisabledText?: String;\n tertiaryBg?: String;\n tertiaryBorder?: String;\n tertiaryHoverBg?: String;\n tertiaryHoverBorder?: String;\n tertiarydisabledBg?: String;\n tertiaryDisabledBorder?: String;\n tertiaryActiveBg?: String;\n };\n IconButton: {\n activePrimaryBgColor?: string;\n activePrimaryBorderColor?: string;\n focusBorderColor?: string;\n hoverPrimaryBgColor?: string;\n primaryActiveFillColor?: string;\n primaryBgColor?: string;\n primaryBorderColor?: string;\n primaryDisabledBgColor?: string;\n primaryDisabledBorderColor?: string;\n primaryHoverBorderColor?: string;\n secondaryActiveBorderColor?: string;\n };\n Checkbox: {\n background?: string;\n border?: string;\n borderFocused?: string;\n disableBgColor?: string;\n disableBorderColor?: string;\n disablecheckedBgColor?: string;\n invalidBorderColor?: string;\n };\n general: {\n backgroundColor: string;\n color: string;\n contrastColor?: String;\n dangerColor?: string;\n focusColor?: String;\n primaryColor?: string;\n };\n Input: {\n backgroundColor: string;\n backgroundColorDisabled: string;\n placeholderColor: string;\n labelColor: string;\n };\n Select: {\n disabledColor?: string;\n contrastTextColor?: string;\n borderColor?: string;\n focusedDescriptionColor?: string;\n };\n}\n\nexport const themes: {[themeId in THEME_ID]: Theme} = {\n [THEME_ID.DEFAULT]: {\n Button: {\n primaryBg: 'var(--accent-color)',\n primaryHoverBg: 'var(--button-primary-hover)',\n primaryActiveBg: 'var(--button-primary-active)',\n primaryActiveBorder: 'var(--button-primary-active-border)',\n primaryFocusBorder: 'var(--button-primary-focus-border)',\n primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n primaryDisabledText: 'var(--button-primary-disabled-text)',\n tertiaryBg: 'var(--button-tertiary-bg)',\n tertiaryBorder: 'var(--button-tertiary-border)',\n tertiaryHoverBg: 'var(--button-tertiary-hover-bg)',\n tertiaryHoverBorder: 'var(--button-tertiary-hover-border)',\n tertiarydisabledBg: 'var(--button-tertiary-disabled-bg)',\n tertiaryDisabledBorder: 'var(--button-tertiary-disabled-border)',\n tertiaryActiveBg: 'var(--accent-color-highlight)',\n },\n Checkbox: {\n background: 'var(--checkbox-background)',\n border: 'var(--checkbox-border)',\n borderFocused: 'var(--accent-color)',\n disableBgColor: 'var(--checkbox-background-disabled)',\n disableBorderColor: 'var(--checkbox-border-disabled)',\n disablecheckedBgColor: 'var(--checkbox-background-disabled-selected)',\n invalidBorderColor: 'var(--danger-color)',\n },\n IconButton: {\n activePrimaryBgColor: 'var(--accent-color-highlight)',\n focusBorderColor: 'var(--accent-color-border)',\n hoverPrimaryBgColor: 'var(--icon-button-primary-hover-bg)',\n primaryActiveFillColor: 'var(--icon-primary-active-fill)',\n primaryBgColor: 'var(--icon-button-primary-enabled-bg)',\n primaryBorderColor: 'var(--icon-button-primary-border)',\n primaryDisabledBgColor: 'var(--icon-button-primary-disabled-bg)',\n primaryDisabledBorderColor: 'var(--icon-button-primary-disabled-border)',\n primaryHoverBorderColor: 'var(--icon-button-primary-hover-border)',\n secondaryActiveBorderColor: 'var(--icon-secondary-active-border)',\n },\n Input: {\n backgroundColor: 'var(--text-input-background)',\n backgroundColorDisabled: 'var(--text-input-disabled)',\n labelColor: 'var(--text-input-label)',\n placeholderColor: 'var(--text-input-placeholder)',\n },\n Select: {\n borderColor: 'var(--text-input-border)',\n contrastTextColor: 'var(--text-input-background)',\n disabledColor: 'var(--text-input-placeholder)',\n },\n general: {\n backgroundColor: 'var(--app-bg)',\n color: 'var(--main-color)',\n dangerColor: 'var(--danger-color)',\n primaryColor: 'var(--accent-color)',\n contrastColor: 'var(--text-input-background)',\n focusColor: 'var(--accent-color-focus)',\n },\n },\n [THEME_ID.LIGHT]: {\n Button: {\n primaryBg: 'var(--accent-color)',\n primaryHoverBg: 'var(--button-primary-hover)',\n primaryActiveBg: 'var(--button-primary-active)',\n primaryActiveBorder: 'var(--button-primary-active-border)',\n primaryFocusBorder: 'var(--button-primary-focus-border)',\n primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n primaryDisabledText: 'var(--button-primary-disabled-text)',\n tertiaryActiveBg: 'var(--accent-color-highlight)',\n },\n IconButton: {\n activePrimaryBgColor: COLOR_V2.BLUE_LIGHT_50,\n focusBorderColor: COLOR_V2.BLUE_LIGHT_500,\n hoverPrimaryBgColor: COLOR_V2.GRAY_20,\n primaryActiveFillColor: COLOR_V2.BLUE,\n primaryBgColor: COLOR_V2.WHITE,\n primaryBorderColor: COLOR_V2.GRAY_40,\n primaryDisabledBgColor: COLOR_V2.GRAY_20,\n primaryDisabledBorderColor: COLOR_V2.GRAY_40,\n primaryHoverBorderColor: COLOR_V2.GRAY_50,\n secondaryActiveBorderColor: 'transparent',\n },\n Input: {\n backgroundColor: COLOR.WHITE,\n backgroundColorDisabled: COLOR_V2.GRAY_20,\n placeholderColor: COLOR.GRAY_DARKEN_24,\n labelColor: COLOR_V2.GRAY_80,\n },\n general: {\n backgroundColor: COLOR_V2.GRAY_20,\n color: COLOR.TEXT,\n primaryColor: COLOR_V2.BLUE,\n dangerColor: COLOR_V2.RED,\n },\n Select: {\n disabledColor: COLOR_V2.GRAY_70,\n contrastTextColor: COLOR.WHITE,\n borderColor: COLOR_V2.GRAY_40,\n focusedDescriptionColor: COLOR_V2.WHITE,\n },\n Checkbox: {\n background: COLOR_V2.GRAY_20,\n border: COLOR_V2.GRAY_80,\n borderFocused: BASE_LIGHT_COLOR.BLUE,\n disableBgColor: COLOR_V2.GRAY_20,\n disableBorderColor: COLOR_V2.GRAY_60,\n disablecheckedBgColor: COLOR_V2.GRAY_20,\n invalidBorderColor: BASE_LIGHT_COLOR.RED,\n },\n },\n [THEME_ID.DARK]: {\n Button: {\n primaryBg: 'var(--accent-color)',\n primaryHoverBg: 'var(--button-primary-hover)',\n primaryActiveBg: 'var(--button-primary-active)',\n primaryActiveBorder: 'var(--button-primary-active-border)',\n primaryFocusBorder: 'var(--button-primary-focus-border)',\n primaryDisabledBg: 'var(--button-primary-disabled-bg)',\n primaryDisabledText: 'var(--button-primary-disabled-text)',\n tertiaryActiveBg: 'var(--accent-color-highlight)',\n },\n IconButton: {\n activePrimaryBgColor: COLOR_V2.BLUE_DARK_800,\n focusBorderColor: COLOR_V2.BLUE_DARK_600,\n hoverPrimaryBgColor: COLOR_V2.GRAY_80,\n primaryActiveFillColor: COLOR.WHITE,\n primaryBgColor: COLOR_V2.GRAY_90,\n primaryBorderColor: COLOR_V2.GRAY_100,\n primaryDisabledBgColor: COLOR_V2.GRAY_95,\n primaryDisabledBorderColor: COLOR_V2.GRAY_90,\n primaryHoverBorderColor: COLOR_V2.GRAY_70,\n secondaryActiveBorderColor: COLOR_V2.BLUE_DARK_800,\n },\n Input: {\n backgroundColor: COLOR.BLACK_LIGHTEN_24,\n backgroundColorDisabled: COLOR.GRAY_100,\n placeholderColor: COLOR.GRAY_LIGHTEN_88,\n labelColor: COLOR_V2.GRAY_40,\n },\n general: {\n backgroundColor: COLOR.BLACK,\n color: COLOR.WHITE,\n primaryColor: COLOR_V2.BLUE,\n dangerColor: COLOR_V2.RED,\n },\n Select: {\n disabledColor: COLOR_V2.GRAY_60,\n contrastTextColor: COLOR.BLACK,\n borderColor: COLOR_V2.GRAY_90,\n focusedDescriptionColor: COLOR_V2.GRAY_40,\n },\n Checkbox: {\n background: COLOR_V2.GRAY_20,\n border: COLOR_V2.GRAY_60,\n borderFocused: BASE_DARK_COLOR.BLUE,\n disableBgColor: COLOR_V2.GRAY_10,\n disableBorderColor: COLOR_V2.GRAY_70,\n disablecheckedBgColor: COLOR_V2.GRAY_60,\n invalidBorderColor: BASE_DARK_COLOR.RED,\n },\n },\n};\n\nexport interface ThemeProps<T = HTMLDivElement> extends React.HTMLProps<T> {\n theme?: Theme;\n}\n\nconst filterThemeProps = (props: ThemeProps) => filterProps(props, ['theme']);\n\nexport const ThemeProvider = (props: ThemeProps) => (\n <EmotionThemeProvider theme={props.theme} {...filterThemeProps(props)} />\n);\n"],"file":"Theme.js"}
|