@frontify/fondue-components 0.1.0-beta.0 → 0.1.0

package/.storybook/preview.ts

@@ -1,5 +1,6 @@
-import '../src/styles.css';
+import "@frontify/fondue-tokens/styles";
 import type { Preview } from '@storybook/react';
+import '../src/styles.css';
 import DocumentationTemplate from './DocumentationTemplate.mdx';
 
 const preview: Preview = {

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @frontify/fondue-components
 
-## 0.1.0-beta.0
+## 0.1.0
 
 ### Minor Changes
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@frontify/fondue-components",
   "type": "module",
-  "version": "0.1.0-beta.0",
+  "version": "0.1.0",
   "homepage": "https://github.com/Frontify/fondue",
   "repository": {
     "type": "git",
@@ -18,7 +18,8 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/fondue-components.js"
-    }
+    },
+    "./styles": "./dist/style.css"
   },
   "engines": {
     "node": ">=18"

package/src/index.ts

@@ -5,4 +5,3 @@ import './styles.css';
 export { Button } from './components/Button/Button';
 export { Divider } from './components/Divider/Divider';
 export { LoadingBar } from './components/LoadingBar/LoadingBar';
-export { Tag } from './components/Tag/Tag';

package/src/styles.css

@@ -1,7 +1,5 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-@import '@frontify/fondue-tokens/styles';
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

package/src/components/Tag/Tag.ct.tsx

@@ -1,16 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import { test, expect } from '@playwright/experimental-ct-react';
-
-import { Tag } from './Tag';
-
-test('should render without error', async ({ mount }) => {
-    const component = await mount(<Tag>Test</Tag>);
-    await expect(component).toContainText('Test');
-});
-
-test('should allow for the tag to have a border color and background color', async ({ mount }) => {
-    const component = await mount(<Tag>Test</Tag>);
-    await expect(component).toHaveCSS('background-color', 'rgb(240, 234, 250)');
-    await expect(component).toHaveCSS('border-color', 'rgb(124, 87, 255)');
-});

package/src/components/Tag/Tag.stories.ts

@@ -1,29 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import { type Meta, type StoryObj } from '@storybook/react';
-
-import { Tag } from './Tag';
-
-type Story = StoryObj<typeof Tag>;
-const meta: Meta<typeof Tag> = {
-    component: Tag,
-    tags: ['autodocs'],
-    parameters: {
-        status: {
-            type: 'planned',
-        },
-    },
-};
-export default meta;
-
-export const Primary: Story = {
-    args: {
-        children: 'Tag',
-    },
-};
-
-export const Secondary: Story = {
-    args: {
-        children: 'Tag',
-    },
-};

package/src/components/Tag/Tag.tsx

@@ -1,18 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import { type ReactNode } from 'react';
-
-type TagProps = {
-    children: ReactNode;
-};
-
-export const Tag = ({ children }: TagProps) => {
-    return (
-        <div
-            className="tw-text-text tw-bg-box-selected tw-border-box-selected-strong tw-border-2 tw-p-2 tw-rounded tw-w-fit"
-            data-test-id="fondue-tag"
-        >
-            {children}
-        </div>
-    );
-};

package/src/components/Tag/__tests__/tag.spec.tsx

@@ -1,13 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import { render } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
-
-import { Tag } from '../Tag';
-
-describe('Tag', () => {
-    it('should render', () => {
-        const { getByTestId } = render(<Tag>Tag</Tag>);
-        expect(getByTestId('fondue-tag')).toBeInTheDocument();
-    });
-});