diff --git a/.storybook/fix.css b/.storybook/fix.css index b1d74f4..63cfe44 100644 --- a/.storybook/fix.css +++ b/.storybook/fix.css @@ -1,3 +1,15 @@ +/* Fix TailwindCSS + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * 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. + * + * 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. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + /* Importing Tailwind has direct impact on some Storybook rules. * Undo the most negative effects here. */ html, diff --git a/.storybook/main.ts b/.storybook/main.ts index 7d0b104..d4aa38f 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -1,3 +1,15 @@ +/* Configuration of Storybook. + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * 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. + * + * 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. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + import { dirname, join, resolve } from 'node:path'; import type { StorybookConfig } from '@storybook/sveltekit'; diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html index cb279aa..dbc1973 100644 --- a/.storybook/preview-head.html +++ b/.storybook/preview-head.html @@ -1,2 +1,14 @@ + diff --git a/.storybook/preview.ts b/.storybook/preview.ts index 27a93a7..3f5f465 100644 --- a/.storybook/preview.ts +++ b/.storybook/preview.ts @@ -1,3 +1,15 @@ +/* Registering of global Storybook decorators. + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * 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. + * + * 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. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + import type { Preview } from '@storybook/svelte'; import { init, locale, register } from 'svelte-i18n'; diff --git a/LICENSES/MIT.txt b/LICENSES/MIT.txt new file mode 100644 index 0000000..2071b23 --- /dev/null +++ b/LICENSES/MIT.txt @@ -0,0 +1,9 @@ +MIT License + +Copyright (c) + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/stories/Button.stories.ts b/stories/Button.stories.ts deleted file mode 100644 index dbf10af..0000000 --- a/stories/Button.stories.ts +++ /dev/null @@ -1,48 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/svelte'; - -import Button from './Button.svelte'; - -// More on how to set up stories at: https://storybook.js.org/docs/writing-stories -const meta = { - title: 'Example/Button', - component: Button, - tags: ['autodocs'], - argTypes: { - backgroundColor: { control: 'color' }, - size: { - control: { type: 'select' }, - options: ['small', 'medium', 'large'] - } - } -} satisfies Meta diff --git a/stories/ColorPalette.mdx b/stories/ColorPalette.mdx index 15a4171..039f19b 100644 --- a/stories/ColorPalette.mdx +++ b/stories/ColorPalette.mdx @@ -1,3 +1,17 @@ +{/\* + +- Describe the color palette in use. +- Copyright (C) 2024 André Jaenisch +- SPDX-FileCopyrightText: 2024 André Jaenisch +- SPDX-License-Identifier: AGPL-3.0-or-later +- +- 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. +- +- 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. +- +- You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + \*/} + import { ColorItem, ColorPalette, Meta } from '@storybook/blocks'; diff --git a/stories/Configure.mdx b/stories/Configure.mdx deleted file mode 100644 index a4ff829..0000000 --- a/stories/Configure.mdx +++ /dev/null @@ -1,369 +0,0 @@ -import { Meta } from '@storybook/blocks'; - -import Github from './assets/github.svg'; -import Discord from './assets/discord.svg'; -import Youtube from './assets/youtube.svg'; -import Tutorials from './assets/tutorials.svg'; -import Styling from './assets/styling.png'; -import Context from './assets/context.png'; -import Assets from './assets/assets.png'; -import Docs from './assets/docs.png'; -import Share from './assets/share.png'; -import FigmaPlugin from './assets/figma-plugin.png'; -import Testing from './assets/testing.png'; -import Accessibility from './assets/accessibility.png'; -import Theming from './assets/theming.png'; -import AddonLibrary from './assets/addon-library.png'; - -export const RightArrow = () => ( - - - -); - - - -
-
- # Configure your project - - Because Storybook works separately from your app, you'll need to configure it for your specific stack and setup. Below, explore guides for configuring Storybook with popular frameworks and tools. If you get stuck, learn how you can ask for help from our community. - -
-
-
- A wall of logos representing different styling technologies -

Add styling and CSS

-

Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.

- Learn more -
-
- An abstraction representing the composition of data for a component -

Provide context and mocking

-

Often when a story doesn't render, it's because your component is expecting a specific environment or context (like a theme provider) to be available.

- Learn more -
-
- A representation of typography and image assets -
-

Load assets and resources

-

To link static files (like fonts) to your projects and stories, use the - `staticDirs` configuration option to specify folders to load when - starting Storybook.

- Learn more -
-
-
-
-
-
- # Do more with Storybook - - Now that you know the basics, let's explore other parts of Storybook that will improve your experience. This list is just to get you started. You can customise Storybook in many ways to fit your needs. - -
- -
-
-
- A screenshot showing the autodocs tag being set, pointing a docs page being generated -

Autodocs

-

Auto-generate living, - interactive reference documentation from your components and stories.

- Learn more -
-
- A browser window showing a Storybook being published to a chromatic.com URL -

Publish to Chromatic

-

Publish your Storybook to review and collaborate with your entire team.

- Learn more -
-
- Windows showing the Storybook plugin in Figma -

Figma Plugin

-

Embed your stories into Figma to cross-reference the design and live - implementation in one place.

- Learn more -
-
- Screenshot of tests passing and failing -

Testing

-

Use stories to test a component in all its variations, no matter how - complex.

- Learn more -
-
- Screenshot of accessibility tests passing and failing -

Accessibility

-

Automatically test your components for a11y issues as you develop.

- Learn more -
-
- Screenshot of Storybook in light and dark mode -

Theming

-

Theme Storybook's UI to personalize it to your project.

- Learn more -
-
-
-
-
-
-

Addons

-

Integrate your tools with Storybook to connect workflows.

- Discover all addons -
-
- Integrate your tools with Storybook to connect workflows. -
-
- -
-
- Github logo - Join our contributors building the future of UI development. - - Star on GitHub -
-
- Discord logo -
- Get support and chat with frontend developers. - - Join Discord server -
-
-
- Youtube logo -
- Watch tutorials, feature previews and interviews. - - Watch on YouTube -
-
-
- A book -

Follow guided walkthroughs on for key workflows.

- - Discover tutorials -
- -
- - diff --git a/stories/Header.stories.ts b/stories/Header.stories.ts deleted file mode 100644 index b12b938..0000000 --- a/stories/Header.stories.ts +++ /dev/null @@ -1,26 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/svelte'; -import Header from './Header.svelte'; - -const meta = { - title: 'Example/Header', - component: Header, - // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs - tags: ['autodocs'], - parameters: { - // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout - layout: 'fullscreen' - } -} satisfies Meta
; - -export default meta; -type Story = StoryObj; - -export const LoggedIn: Story = { - args: { - user: { - name: 'Jane Doe' - } - } -}; - -export const LoggedOut: Story = {}; diff --git a/stories/Header.svelte b/stories/Header.svelte deleted file mode 100644 index da8c812..0000000 --- a/stories/Header.svelte +++ /dev/null @@ -1,52 +0,0 @@ - - -
-
-
- - - - - - - -

Acme

-
-
- {#if user} - - Welcome, {user.name}! - -
-
-
diff --git a/stories/Page.stories.ts b/stories/Page.stories.ts deleted file mode 100644 index 2b83377..0000000 --- a/stories/Page.stories.ts +++ /dev/null @@ -1,32 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/svelte'; -import { within, userEvent, expect } from '@storybook/test'; - -import Page from './Page.svelte'; - -const meta = { - title: 'Example/Page', - component: Page, - parameters: { - // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout - layout: 'fullscreen' - } -} satisfies Meta; - -export default meta; -type Story = StoryObj; - -export const LoggedOut: Story = {}; - -// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing -export const LoggedIn: Story = { - play: async ({ canvasElement }) => { - const canvas = within(canvasElement); - const loginButton = canvas.getByRole('button', { name: /Log in/i }); - await expect(loginButton).toBeInTheDocument(); - await userEvent.click(loginButton); - await expect(loginButton).not.toBeInTheDocument(); - - const logoutButton = canvas.getByRole('button', { name: /Log out/i }); - await expect(logoutButton).toBeInTheDocument(); - } -}; diff --git a/stories/Page.svelte b/stories/Page.svelte deleted file mode 100644 index e83d5dd..0000000 --- a/stories/Page.svelte +++ /dev/null @@ -1,70 +0,0 @@ - - -
-
(user = { name: 'Jane Doe' })} - on:logout={() => (user = null)} - on:createAccount={() => (user = { name: 'Jane Doe' })} - /> - -
-

Pages in Storybook

-

- We recommend building UIs with a - - component-driven - - process starting with atomic components and ending with pages. -

-

- Render pages with mock data. This makes it easy to build and review page states without - needing to navigate to them in your app. Here are some handy patterns for managing page data - in Storybook: -

-
    -
  • - Use a higher-level connected component. Storybook helps you compose such data from the - "args" of child component stories -
  • -
  • - Assemble data in the page component from your services. You can mock these services out - using Storybook. -
  • -
-

- Get a guided tutorial on component-driven development at - - Storybook tutorials - - . Read more in the - docs - . -

-
- Tip - Adjust the width of the canvas with the - - - - - - Viewports addon in the toolbar -
-
-
diff --git a/stories/Typography.mdx b/stories/Typography.mdx index f2ed7b4..3827a25 100644 --- a/stories/Typography.mdx +++ b/stories/Typography.mdx @@ -1,3 +1,17 @@ +{/\* + +- Describe the typography in use. +- Copyright (C) 2024 André Jaenisch +- SPDX-FileCopyrightText: 2024 André Jaenisch +- SPDX-License-Identifier: AGPL-3.0-or-later +- +- 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. +- +- 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. +- +- You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + \*/} + import { Meta } from '@storybook/blocks'; diff --git a/stories/assets/accessibility.png b/stories/assets/accessibility.png deleted file mode 100644 index 6ffe6fe..0000000 Binary files a/stories/assets/accessibility.png and /dev/null differ diff --git a/stories/assets/accessibility.svg b/stories/assets/accessibility.svg deleted file mode 100644 index a328883..0000000 --- a/stories/assets/accessibility.svg +++ /dev/null @@ -1,5 +0,0 @@ - - Accessibility - - - \ No newline at end of file diff --git a/stories/assets/addon-library.png b/stories/assets/addon-library.png deleted file mode 100644 index 95deb38..0000000 Binary files a/stories/assets/addon-library.png and /dev/null differ diff --git a/stories/assets/assets.png b/stories/assets/assets.png deleted file mode 100644 index cfba681..0000000 Binary files a/stories/assets/assets.png and /dev/null differ diff --git a/stories/assets/avif-test-image.avif b/stories/assets/avif-test-image.avif deleted file mode 100644 index 530709b..0000000 Binary files a/stories/assets/avif-test-image.avif and /dev/null differ diff --git a/stories/assets/context.png b/stories/assets/context.png deleted file mode 100644 index e5cd249..0000000 Binary files a/stories/assets/context.png and /dev/null differ diff --git a/stories/assets/discord.svg b/stories/assets/discord.svg deleted file mode 100644 index 1204df9..0000000 --- a/stories/assets/discord.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - - - - - - - - diff --git a/stories/assets/docs.png b/stories/assets/docs.png deleted file mode 100644 index a749629..0000000 Binary files a/stories/assets/docs.png and /dev/null differ diff --git a/stories/assets/figma-plugin.png b/stories/assets/figma-plugin.png deleted file mode 100644 index 8f79b08..0000000 Binary files a/stories/assets/figma-plugin.png and /dev/null differ diff --git a/stories/assets/github.svg b/stories/assets/github.svg deleted file mode 100644 index 158e026..0000000 --- a/stories/assets/github.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/stories/assets/share.png b/stories/assets/share.png deleted file mode 100644 index 8097a37..0000000 Binary files a/stories/assets/share.png and /dev/null differ diff --git a/stories/assets/styling.png b/stories/assets/styling.png deleted file mode 100644 index d341e82..0000000 Binary files a/stories/assets/styling.png and /dev/null differ diff --git a/stories/assets/testing.png b/stories/assets/testing.png deleted file mode 100644 index d4ac39a..0000000 Binary files a/stories/assets/testing.png and /dev/null differ diff --git a/stories/assets/theming.png b/stories/assets/theming.png deleted file mode 100644 index 1535eb9..0000000 Binary files a/stories/assets/theming.png and /dev/null differ diff --git a/stories/assets/tutorials.svg b/stories/assets/tutorials.svg deleted file mode 100644 index 4b2fc7c..0000000 --- a/stories/assets/tutorials.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/stories/assets/youtube.svg b/stories/assets/youtube.svg deleted file mode 100644 index 33a3a61..0000000 --- a/stories/assets/youtube.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/stories/atoms/Avatar.stories.ts b/stories/atoms/Avatar.stories.ts index 9a56651..3ae4a21 100644 --- a/stories/atoms/Avatar.stories.ts +++ b/stories/atoms/Avatar.stories.ts @@ -1,3 +1,15 @@ +/* Stories for Avatar atom. + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * 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. + * + * 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. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + import type { Meta, StoryObj } from '@storybook/svelte'; import Avatar from '$lib/components/atoms/Avatar.svelte'; @@ -6,16 +18,6 @@ const meta = { title: 'Atoms/Avatar', component: Avatar, tags: ['autodocs'], - argTypes: { - avatar: { - control: 'text', - description: 'An URL to the image' - }, - displayName: { - control: 'text', - description: 'If no image is provided, derive initials' - } - } } satisfies Meta; export default meta; diff --git a/stories/atoms/BlockOrReport.stories.ts b/stories/atoms/BlockOrReport.stories.ts index 8e5b212..85e9b64 100644 --- a/stories/atoms/BlockOrReport.stories.ts +++ b/stories/atoms/BlockOrReport.stories.ts @@ -1,3 +1,15 @@ +/* Stories for BlockOrReport atom. + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * 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. + * + * 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. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + import type { Meta, StoryObj } from '@storybook/svelte'; import BlockOrReport from '$lib/components/atoms/BlockOrReport.svelte'; diff --git a/stories/atoms/Created.stories.ts b/stories/atoms/Created.stories.ts index 3d284f9..350e33e 100644 --- a/stories/atoms/Created.stories.ts +++ b/stories/atoms/Created.stories.ts @@ -1,3 +1,15 @@ +/* Stories for Created atom. + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * 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. + * + * 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. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + import type { Meta, StoryObj } from '@storybook/svelte'; import Created from '$lib/components/atoms/Created.svelte'; diff --git a/stories/atoms/DisplayName.stories.ts b/stories/atoms/DisplayName.stories.ts index 779d347..a3bfdf1 100644 --- a/stories/atoms/DisplayName.stories.ts +++ b/stories/atoms/DisplayName.stories.ts @@ -1,3 +1,15 @@ +/* Stories for DisplayName atom. + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * 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. + * + * 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. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + import type { Meta, StoryObj } from '@storybook/svelte'; import DisplayName from '$lib/components/atoms/DisplayName.svelte'; diff --git a/stories/button.css b/stories/button.css deleted file mode 100644 index a3f1a30..0000000 --- a/stories/button.css +++ /dev/null @@ -1,30 +0,0 @@ -.storybook-button { - font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-weight: 700; - border: 0; - border-radius: 3em; - cursor: pointer; - display: inline-block; - line-height: 1; -} -.storybook-button--primary { - color: white; - background-color: #1ea7fd; -} -.storybook-button--secondary { - color: #333; - background-color: transparent; - box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset; -} -.storybook-button--small { - font-size: 12px; - padding: 10px 16px; -} -.storybook-button--medium { - font-size: 14px; - padding: 11px 20px; -} -.storybook-button--large { - font-size: 16px; - padding: 12px 24px; -} diff --git a/stories/header.css b/stories/header.css deleted file mode 100644 index cb3321f..0000000 --- a/stories/header.css +++ /dev/null @@ -1,32 +0,0 @@ -.storybook-header { - font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - padding: 15px 20px; - display: flex; - align-items: center; - justify-content: space-between; -} - -.storybook-header svg { - display: inline-block; - vertical-align: top; -} - -.storybook-header h1 { - font-weight: 700; - font-size: 20px; - line-height: 1; - margin: 6px 0 6px 10px; - display: inline-block; - vertical-align: top; -} - -.storybook-header button + button { - margin-left: 10px; -} - -.storybook-header .welcome { - color: #333; - font-size: 14px; - margin-right: 10px; -} diff --git a/stories/icons/AlertFill16.stories.ts b/stories/icons/AlertFill16.stories.ts index 1101223..62359cd 100644 --- a/stories/icons/AlertFill16.stories.ts +++ b/stories/icons/AlertFill16.stories.ts @@ -1,3 +1,21 @@ +/* + * MIT License + * + * Copyright (c) 2020-present Eric Liu + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + */ + +/* + * SPDX-FileCopyrightText: 2020 - 2024 Eric Liu + * SPDX-License-Identifier: MIT + */ + import type { Meta, StoryObj } from '@storybook/svelte'; import { AlertFill16 } from 'svelte-octicons'; diff --git a/stories/icons/Info16.stories.ts b/stories/icons/Info16.stories.ts index c382e39..90bbdc2 100644 --- a/stories/icons/Info16.stories.ts +++ b/stories/icons/Info16.stories.ts @@ -1,3 +1,21 @@ +/* + * MIT License + * + * Copyright (c) 2020-present Eric Liu + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + */ + +/* + * SPDX-FileCopyrightText: 2020 - 2024 Eric Liu + * SPDX-License-Identifier: MIT + */ + import type { Meta, StoryObj } from '@storybook/svelte'; import { Info16 } from 'svelte-octicons'; diff --git a/stories/icons/NorthStar24.stories.ts b/stories/icons/NorthStar24.stories.ts index c9eae9f..3788cec 100644 --- a/stories/icons/NorthStar24.stories.ts +++ b/stories/icons/NorthStar24.stories.ts @@ -1,3 +1,21 @@ +/* + * MIT License + * + * Copyright (c) 2020-present Eric Liu + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + */ + +/* + * SPDX-FileCopyrightText: 2020 - 2024 Eric Liu + * SPDX-License-Identifier: MIT + */ + import type { Meta, StoryObj } from '@storybook/svelte'; import { NorthStar24 } from 'svelte-octicons'; diff --git a/stories/icons/Repo24.stories.ts b/stories/icons/Repo24.stories.ts index b38f175..5e72446 100644 --- a/stories/icons/Repo24.stories.ts +++ b/stories/icons/Repo24.stories.ts @@ -1,3 +1,21 @@ +/* + * MIT License + * + * Copyright (c) 2020-present Eric Liu + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + */ + +/* + * SPDX-FileCopyrightText: 2020 - 2024 Eric Liu + * SPDX-License-Identifier: MIT + */ + import type { Meta, StoryObj } from '@storybook/svelte'; import { Repo24 } from 'svelte-octicons'; diff --git a/stories/icons/Star16.stories.ts b/stories/icons/Star16.stories.ts index d894c63..5eacaeb 100644 --- a/stories/icons/Star16.stories.ts +++ b/stories/icons/Star16.stories.ts @@ -1,3 +1,21 @@ +/* + * MIT License + * + * Copyright (c) 2020-present Eric Liu + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + */ + +/* + * SPDX-FileCopyrightText: 2020 - 2024 Eric Liu + * SPDX-License-Identifier: MIT + */ + import type { Meta, StoryObj } from '@storybook/svelte'; import { Star16 } from 'svelte-octicons'; diff --git a/stories/icons/Upload16.stories.ts b/stories/icons/Upload16.stories.ts index ee5edca..b63fb83 100644 --- a/stories/icons/Upload16.stories.ts +++ b/stories/icons/Upload16.stories.ts @@ -1,3 +1,21 @@ +/* + * MIT License + * + * Copyright (c) 2020-present Eric Liu + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + */ + +/* + * SPDX-FileCopyrightText: 2020 - 2024 Eric Liu + * SPDX-License-Identifier: MIT + */ + import type { Meta, StoryObj } from '@storybook/svelte'; import { Upload16 } from 'svelte-octicons'; diff --git a/stories/organisms/LoginForm.stories.ts b/stories/organisms/LoginForm.stories.ts index 3b69ad1..d0c5d50 100644 --- a/stories/organisms/LoginForm.stories.ts +++ b/stories/organisms/LoginForm.stories.ts @@ -1,3 +1,15 @@ +/* Stories for LoginForm organism. + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * 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. + * + * 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. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + import { withActions } from '@storybook/addon-actions/decorator'; import { withLinks } from '@storybook/addon-links'; import type { Meta, StoryObj } from '@storybook/svelte'; diff --git a/stories/page.css b/stories/page.css deleted file mode 100644 index 5801967..0000000 --- a/stories/page.css +++ /dev/null @@ -1,69 +0,0 @@ -.storybook-page { - font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 24px; - padding: 48px 20px; - margin: 0 auto; - max-width: 600px; - color: #333; -} - -.storybook-page h2 { - font-weight: 700; - font-size: 32px; - line-height: 1; - margin: 0 0 4px; - display: inline-block; - vertical-align: top; -} - -.storybook-page p { - margin: 1em 0; -} - -.storybook-page a { - text-decoration: none; - color: #1ea7fd; -} - -.storybook-page ul { - padding-left: 30px; - margin: 1em 0; -} - -.storybook-page li { - margin-bottom: 8px; -} - -.storybook-page .tip { - display: inline-block; - border-radius: 1em; - font-size: 11px; - line-height: 12px; - font-weight: 700; - background: #e7fdd8; - color: #66bf3c; - padding: 4px 12px; - margin-right: 10px; - vertical-align: top; -} - -.storybook-page .tip-wrapper { - font-size: 13px; - line-height: 20px; - margin-top: 40px; - margin-bottom: 40px; -} - -.storybook-page .tip-wrapper svg { - display: inline-block; - height: 12px; - width: 12px; - margin-right: 4px; - vertical-align: top; - margin-top: 3px; -} - -.storybook-page .tip-wrapper svg path { - fill: #1ea7fd; -} diff --git a/stories/pages/ImportProject.stories.ts b/stories/pages/ImportProject.stories.ts index d36cd35..c221d66 100644 --- a/stories/pages/ImportProject.stories.ts +++ b/stories/pages/ImportProject.stories.ts @@ -1,3 +1,15 @@ +/* Stories for ImportProject page. + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * 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. + * + * 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. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + import type { Meta, StoryObj } from '@storybook/svelte'; import ImportProject from '$lib/components/pages/ImportProject.svelte'; diff --git a/stories/pages/Login.stories.ts b/stories/pages/Login.stories.ts index a57bd89..e7d7865 100644 --- a/stories/pages/Login.stories.ts +++ b/stories/pages/Login.stories.ts @@ -1,3 +1,15 @@ +/* Stories for Login page. + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * 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. + * + * 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. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + import type { Meta, StoryObj } from '@storybook/svelte'; import Login from '$lib/components/pages/Login.svelte'; diff --git a/stories/pages/Profile.stories.ts b/stories/pages/Profile.stories.ts index 58f4d75..05ca983 100644 --- a/stories/pages/Profile.stories.ts +++ b/stories/pages/Profile.stories.ts @@ -1,3 +1,15 @@ +/* Stories for Profile page. + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * 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. + * + * 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. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + import type { Meta, StoryObj } from '@storybook/svelte'; import Profile from '$lib/components/pages/Profile.svelte'; diff --git a/stories/templates/ImportProject.stories.ts b/stories/templates/ImportProject.stories.ts index b7af624..55555cb 100644 --- a/stories/templates/ImportProject.stories.ts +++ b/stories/templates/ImportProject.stories.ts @@ -1,3 +1,15 @@ +/* Stories for ImportProject template. + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * 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. + * + * 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. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + import type { Meta, StoryObj } from '@storybook/svelte'; import ImportProject from '$lib/components/templates/ImportProject.svelte'; diff --git a/stories/templates/Login.stories.ts b/stories/templates/Login.stories.ts index 4c24b9f..4f369b9 100644 --- a/stories/templates/Login.stories.ts +++ b/stories/templates/Login.stories.ts @@ -1,3 +1,15 @@ +/* Stories for Login template. + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * 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. + * + * 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. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + import { withActions } from '@storybook/addon-actions/decorator'; import { withLinks } from '@storybook/addon-links'; import type { Meta, StoryObj } from '@storybook/svelte'; diff --git a/stories/templates/Profile.stories.ts b/stories/templates/Profile.stories.ts index 0c12897..cbf8dac 100644 --- a/stories/templates/Profile.stories.ts +++ b/stories/templates/Profile.stories.ts @@ -1,3 +1,15 @@ +/* Stories for Profile template. + * Copyright (C) 2024 André Jaenisch + * SPDX-FileCopyrightText: 2024 André Jaenisch + * SPDX-License-Identifier: AGPL-3.0-or-later + * + * 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. + * + * 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. + * + * You should have received a copy of the GNU Affero General Public License along with this program. If not, see . + */ + import { withActions } from '@storybook/addon-actions/decorator'; import { withLinks } from '@storybook/addon-links'; import type { Meta, StoryObj } from '@storybook/svelte';