1 line
6.8 KiB
Text
1 line
6.8 KiB
Text
|
{"version":3,"file":"ColorPalette-o1yYf9ak.js","sources":["../../stories/ColorPalette.mdx"],"sourcesContent":["{/*\n * Describe the color palette in use.\n * Copyright (C) 2024 André Jaenisch\n * SPDX-FileCopyrightText: 2024 André Jaenisch\n * SPDX-License-Identifier: AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.\n *\n * 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 Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License along with this program. If not, see <http://www.gnu.org/licenses/>.\n */}\n\nimport { ColorItem, ColorPalette, Meta } from '@storybook/blocks';\n\n<Meta title=\"Colors\" />\n\nConsider the value at 500 to be the default.\n\n<ColorPalette>\n\t<ColorItem\n\t\ttitle=\"color.primary\"\n\t\tsubtitle=\"Primary\"\n\t\tcolors={{\n\t\t\t50: 'rgb(var(--color-primary-50))',\n\t\t\t100: 'rgb(var(--color-primary-100))',\n\t\t\t200: 'rgb(var(--color-primary-200))',\n\t\t\t300: 'rgb(var(--color-primary-300))',\n\t\t\t400: 'rgb(var(--color-primary-400))',\n\t\t\t500: 'rgb(var(--color-primary-500))',\n\t\t\t600: 'rgb(var(--color-primary-600))',\n\t\t\t700: 'rgb(var(--color-primary-700))',\n\t\t\t800: 'rgb(var(--color-primary-800))',\n\t\t\t900: 'rgb(var(--color-primary-900))'\n\t\t}}\n\t/>\n\t<ColorItem\n\t\ttitle=\"color.secondary\"\n\t\tsubtitle=\"Secondary\"\n\t\tcolors={{\n\t\t\t50: 'rgb(var(--color-secondary-50))',\n\t\t\t100: 'rgb(var(--color-secondary-100))',\n\t\t\t200: 'rgb(var(--color-secondary-200))',\n\t\t\t300: 'rgb(var(--color-secondary-300))',\n\t\t\t400: 'rgb(var(--color-secondary-400))',\n\t\t\t500: 'rgb(var(--color-secondary-500))',\n\t\t\t600: 'rgb(var(--color-secondary-600))',\n\t\t\t700: 'rgb(var(--color-secondary-700))',\n\t\t\t800: 'rgb(var(--color-secondary-800))',\n\t\t\t900: 'rgb(var(--color-secondary-900))'\n\t\t}}\n\t/>\n\t<ColorItem\n\t\ttitle=\"color.tertiary\"\n\t\tsubtitle=\"Tertiary\"\n\t\tcolors={{\n\t\t\t50: 'rgb(var(--color-tertiary-50))',\n\t\t\t100: 'rgb(var(--color-tertiary-100))',\n\t\t\t200: 'rgb(var(--color-tertiary-200))',\n\t\t\t300: 'rgb(var(--color-tertiary-300))',\n\t\t\t400: 'rgb(var(--color-tertiary-400))',\n\t\t\t500: 'rgb(var(--color-tertiary-500))',\n\t\t\t600: 'rgb(var(--color-tertiary-600))',\n\t\t\t700: 'rgb(var(--color-tertiary-700))',\n\t\t\t800: 'rgb(var(--color-tertiary-800))',\n\t\t\t900: 'rgb(var(--color-tertiary-900))'\n\t\t}}\n\t/>\n\t<ColorItem\n\t\ttitle=\"color.success\"\n\t\tsubtitle=\"Success\"\n\t\tcolors={{\n\t\t\t50: 'rgb(var(--color-success-50))',\n\t\t\t100: 'rgb(var(--color-success-100))',\n\t\t\t200: 'rgb(var(--color-success-200))',\n\t\t\t300: 'rgb(var(--color-success-300))',\n\t\t\t400: 'rgb(var(--color-success-400))',\n\t\t\t500: 'rgb(var(--color-success-500))',\n\t\t\t600: 'rgb(var(--color-success-600))',\n\t\t\t700: 'rgb(var(--color-success-700))',\n\t\t\t800: 'rgb(var(--color-success-800))',\n\t\t\t900: 'rgb(var(--color-success-900))'\n\t\t}}\n\t/>\n\t<ColorItem\n\t\ttitle=\"color.warning\"\n\t\tsubtitle=\"Warning\"\n\t\tcolors={{\n\t\t\t50: 'rgb(var(--color-warning-50))',\n\t\t\t100: 'rgb(var(--color-warning-100))',\n\t\t\t200: 'rgb(var(--color-warning-200))',\n\t\t\t300: 'rgb(var(--color-warning-300))',\n\t\t\t400: 'rgb(var(--color-warning-400))',\n\t\t\t500: 'rgb(var(--color-warning-500))',\n\t\t\t600: 'rgb(var(--color-warning-600))',\n\t\t\t700: 'rgb(var(--color-warning-700))',\n\t\t\t800: 'rgb(var(--color-warning-800))',\n\t\t\t900: 'rgb(var(--color-warning-900))'\n\t\t}}\n\t/>\n\t<ColorItem\n\t\ttitle=\"color.error\"\n\t\tsubtitle=\"Error\"\n\t\tcolors={{\n\t\t\t50: 'rgb(var(--color-error-50))',\n\t\t\t100: 'rgb(var(--color-error-100))',\n\t\t\t200: 'rgb(var(--color-error-200))',\n\t
|