@frontify/fondue-components 0.1.0-beta.0 → 1.0.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,7 +1,24 @@
 # @frontify/fondue-components
 
-## 0.1.0-beta.0
+## 1.0.0
 
 ### Minor Changes
 
--   [#1731](https://github.com/Frontify/fondue/pull/1731) [`ef0519d`](https://github.com/Frontify/fondue/commit/ef0519d8021204b280b65812c98686b4ce3b909e) Thanks [@noahwaldner](https://github.com/noahwaldner)! - added export for the new components in fondue
+- [#1807](https://github.com/Frontify/fondue/pull/1807) [`fc35a50`](https://github.com/Frontify/fondue/commit/fc35a509e641604eaf2a4b644c573929c3440be3) Thanks [@noahwaldner](https://github.com/noahwaldner)! - refactor: Finalized Monorepo transition, added subexport for new components, added contribution guidelines and readme
+
+### Patch Changes
+
+- [#1798](https://github.com/Frontify/fondue/pull/1798) [`99c8cea`](https://github.com/Frontify/fondue/commit/99c8cea49a6148206c127ebde6f559e17f5980bf) Thanks [@noahwaldner](https://github.com/noahwaldner)! - refactor: refactored button approach to size/variants
+
+- [#1811](https://github.com/Frontify/fondue/pull/1811) [`4fa8007`](https://github.com/Frontify/fondue/commit/4fa8007bf973494ff4621f526d8f2919115f95ff) Thanks [@noahwaldner](https://github.com/noahwaldner)! - fix: housekeeping for v12 release
+
+- [#1806](https://github.com/Frontify/fondue/pull/1806) [`246dfb8`](https://github.com/Frontify/fondue/commit/246dfb8112b68341de8cfd25a71cf3729848395d) Thanks [@noahwaldner](https://github.com/noahwaldner)! - feat: add packages sub-export to `@frontify/fondue`
+
+- Updated dependencies [[`fc35a50`](https://github.com/Frontify/fondue/commit/fc35a509e641604eaf2a4b644c573929c3440be3), [`99c8cea`](https://github.com/Frontify/fondue/commit/99c8cea49a6148206c127ebde6f559e17f5980bf), [`246dfb8`](https://github.com/Frontify/fondue/commit/246dfb8112b68341de8cfd25a71cf3729848395d)]:
+  - @frontify/fondue-icons@0.2.0
+
+## 0.1.0
+
+### Minor Changes
+
+- [#1731](https://github.com/Frontify/fondue/pull/1731) [`ef0519d`](https://github.com/Frontify/fondue/commit/ef0519d8021204b280b65812c98686b4ce3b909e) Thanks [@noahwaldner](https://github.com/noahwaldner)! - added export for the new components in fondue

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@frontify/fondue-components",
   "type": "module",
-  "version": "0.1.0-beta.0",
+  "version": "1.0.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"
@@ -26,7 +27,7 @@
   "peerDependencies": {
     "react": "^18",
     "react-dom": "^18",
-    "@frontify/fondue-icons": "^0.1.44"
+    "@frontify/fondue-icons": "^0.2.0"
   },
   "dependencies": {
     "@radix-ui/react-progress": "^1.0.3"
@@ -34,7 +35,7 @@
   "devDependencies": {
     "@etchteam/storybook-addon-status": "^4.2.4",
     "@frontify/eslint-config-react": "^0.17.6",
-    "@frontify/fondue-tokens": "^3.4.0",
+    "@frontify/fondue-tokens": "^3.5.0",
     "@playwright/experimental-ct-react": "1.41.2",
     "@storybook/addon-a11y": "^8.0.8",
     "@storybook/addon-essentials": "^8.0.8",
@@ -71,7 +72,7 @@
     "vite-plugin-dts": "^3.8.1",
     "vite-tsconfig-paths": "^4.3.2",
     "vitest": "^1.4.0",
-    "@frontify/fondue-icons": "^0.1.44"
+    "@frontify/fondue-icons": "^0.2.0"
   },
   "scripts": {
     "build": "vite build",

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();
-    });
-});