diff --git a/.changeset/README.md b/.changeset/README.md index a33b0f7..d1aaa06 100644 --- a/.changeset/README.md +++ b/.changeset/README.md @@ -4,7 +4,7 @@ Kopieer en plak het onderstaande sjabloon. Je kunt hiervoor de kopieer knop link ```markdown --- -'@example/': major +'@frameless/': major --- Beschrijving @@ -15,9 +15,9 @@ dubbele aanhalingstekens op een nieuwe regel. Gebruik: -- `"@example/": major` voor breaking changes -- `"@example/": minor` voor nieuwe features -- `"@example/": patch` voor bug fixes +- `"@frameless/": major` voor breaking changes +- `"@frameless/": minor` voor nieuwe features +- `"@frameless/": patch` voor bug fixes Beschrijf na de tweede set `---` welke veranderingen je hebt doorgevoerd. diff --git a/.github/workflows/continuous-deployment.yml b/.github/workflows/continuous-deployment.yml index 2b527ac..7754b4a 100644 --- a/.github/workflows/continuous-deployment.yml +++ b/.github/workflows/continuous-deployment.yml @@ -138,7 +138,7 @@ jobs: publish-npm: runs-on: ubuntu-latest needs: [lint, test] - if: github.ref == 'refs/heads/main' && github.repository != 'nl-design-system/example' + if: github.ref == 'refs/heads/main' steps: - name: Checkout release branch diff --git a/.stylelintrc.json b/.stylelintrc.json index 0b07c13..f985984 100644 --- a/.stylelintrc.json +++ b/.stylelintrc.json @@ -8,13 +8,13 @@ "scss/at-rule-no-unknown": true, "scss/dollar-variable-default": true, "scss/dollar-variable-first-in-block": [true, { "ignore": ["comments", "imports"] }], - "scss/dollar-variable-pattern": "^(example|utrecht)-[a-z0-9-]+$", - "scss/percent-placeholder-pattern": "^(example|utrecht)-[a-z0-9-]+$", + "scss/dollar-variable-pattern": "^(example|frameless|utrecht)-[a-z0-9-]+$", + "scss/percent-placeholder-pattern": "^(example|frameless|utrecht)-[a-z0-9-]+$", "scss/operator-no-newline-after": null, "scss/at-extend-no-missing-placeholder": null, - "custom-property-pattern": "^_?(example|denhaag|utrecht)-[a-z0-9-]+$", - "selector-class-pattern": "^(example|denhaag|utrecht)-[a-z0-9_-]+$", - "keyframes-name-pattern": "^(example|utrecht)-[a-z0-9-]+$", + "custom-property-pattern": "^_?(example|frameless|denhaag|utrecht)-[a-z0-9-]+$", + "selector-class-pattern": "^(example|frameless|denhaag|utrecht)-[a-z0-9_-]+$", + "keyframes-name-pattern": "^(example|frameless|utrecht)-[a-z0-9-]+$", "at-rule-no-unknown": null, "block-no-empty": [true], "color-no-invalid-hex": [true], diff --git a/npmpackagejsonlint.config.cjs b/npmpackagejsonlint.config.cjs index 59b23e7..a32ccbb 100644 --- a/npmpackagejsonlint.config.cjs +++ b/npmpackagejsonlint.config.cjs @@ -6,7 +6,7 @@ module.exports = { 'no-tilde-version-devDependencies': 'error', 'require-repository-directory': 'error', 'valid-values-license': ['error', ['EUPL-1.2']], - 'valid-values-name-scope': ['error', ['@example']], + 'valid-values-name-scope': ['error', ['@frameless']], }, overrides: [ { diff --git a/package.json b/package.json index 67bb77f..3b268e0 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "@example/design-system", + "name": "@frameless/design-system", "version": "1.0.0-alpha.0", "author": "Community for NL Design System", "description": "Design system based on the NL Design System architecture", @@ -10,7 +10,7 @@ "private": true, "repository": { "type": "git+ssh", - "url": "git@github.com:nl-design-system/example.git", + "url": "git@github.com:frameless/design-system.git", "directory": "." }, "engines": { @@ -71,8 +71,8 @@ "update-patch": "npm-check-updates --configFileName .ncurc.patch.cjs", "update-minor": "npm-check-updates --configFileName .ncurc.minor.cjs", "update-major": "npm-check-updates --configFileName .ncurc.major.cjs", - "watch:storybook": "pnpm --filter @example/web-components-stencil run build:stencil && pnpm --filter @example/design-tokens run build:style-dictionary && pnpm --filter ./packages/storybook run storybook", - "watch:style-dictionary": "pnpm --filter @example/design-tokens run watch:style-dictionary" + "watch:storybook": "pnpm --filter @frameless/web-components-stencil run build:stencil && pnpm --filter @frameless/design-tokens run build:style-dictionary && pnpm --filter ./packages/storybook run storybook", + "watch:style-dictionary": "pnpm --filter @frameless/design-tokens run watch:style-dictionary" }, "dependencies": { "http-server": "14.1.1" diff --git a/packages/components-css/button/README.md b/packages/components-css/button/README.md index d616c0b..393f1eb 100644 --- a/packages/components-css/button/README.md +++ b/packages/components-css/button/README.md @@ -1,3 +1,3 @@ -# Example Button component +# Frameless Button component diff --git a/packages/components-css/button/index.scss b/packages/components-css/button/index.scss index 080d863..5201d48 100644 --- a/packages/components-css/button/index.scss +++ b/packages/components-css/button/index.scss @@ -3,10 +3,10 @@ * Copyright (c) 2021 Community for NL Design System */ -.example-button { - background-color: var(--example-button-background-color); +.frameless-button { + background-color: var(--frameless-button-background-color); border: 0; - color: var(--example-button-color); + color: var(--frameless-button-color); font-family: system-ui; font-size: 1rem; padding-block-end: 1ex; diff --git a/packages/components-css/package.json b/packages/components-css/package.json index 10d089b..0e0baaf 100644 --- a/packages/components-css/package.json +++ b/packages/components-css/package.json @@ -1,5 +1,5 @@ { - "name": "@example/components-css", + "name": "@frameless/components-css", "version": "1.0.0-alpha.0", "author": "Community for NL Design System", "description": "CSS Components for a design system based on the NL Design System architecture", @@ -10,7 +10,7 @@ "private": true, "repository": { "type": "git+ssh", - "url": "git@github.com:nl-design-system/example.git", + "url": "git@github.com:frameless/design-system.git", "directory": "packages/components-css" } } diff --git a/packages/components-react/package.json b/packages/components-react/package.json index 85484df..ab215cc 100644 --- a/packages/components-react/package.json +++ b/packages/components-react/package.json @@ -1,8 +1,8 @@ { - "name": "@example/components-react", + "name": "@frameless/components-react", "version": "1.0.0-alpha.0", "author": "Community for NL Design System", - "description": "React component library for the Example repository, based on the NL Design System architecture", + "description": "React component library for Frameless, based on the NL Design System architecture", "license": "EUPL-1.2", "keywords": [ "nl-design-system" @@ -14,7 +14,7 @@ }, "repository": { "type": "git+ssh", - "url": "git@github.com:nl-design-system/example.git", + "url": "git@github.com:frameless/design-system.git", "directory": "packages/components-react" }, "scripts": { @@ -41,7 +41,7 @@ "@babel/preset-react": "7.24.7", "@babel/preset-typescript": "7.24.7", "@babel/runtime": "7.25.6", - "@example/components-css": "workspace:*", + "@frameless/components-css": "workspace:*", "@rollup/plugin-babel": "6.0.4", "@rollup/plugin-commonjs": "26.0.1", "@rollup/plugin-node-resolve": "15.2.3", diff --git a/packages/components-react/src/Button.tsx b/packages/components-react/src/Button.tsx index e426e22..ec75561 100644 --- a/packages/components-react/src/Button.tsx +++ b/packages/components-react/src/Button.tsx @@ -1,13 +1,13 @@ import clsx from 'clsx'; import { ButtonHTMLAttributes, ForwardedRef, forwardRef, PropsWithChildren } from 'react'; -import '@example/components-css/button/index.scss'; +import '@frameless/components-css/button/index.scss'; export type ButtonProps = ButtonHTMLAttributes; export const Button = forwardRef( ({ children, className, ...restProps }: PropsWithChildren, ref: ForwardedRef) => { return ( - ); diff --git a/packages/storybook/config/ParametersArgsDecorator.tsx b/packages/storybook/config/ParametersArgsDecorator.tsx index d7101c9..5922c58 100644 --- a/packages/storybook/config/ParametersArgsDecorator.tsx +++ b/packages/storybook/config/ParametersArgsDecorator.tsx @@ -4,7 +4,7 @@ export const ParametersArgsDecorator: Decorator = (Story, context) => { context.parameters['args'] = context.args; return ( -
+
); diff --git a/packages/storybook/config/preview.ts b/packages/storybook/config/preview.ts index d80975b..692c240 100644 --- a/packages/storybook/config/preview.ts +++ b/packages/storybook/config/preview.ts @@ -1,6 +1,6 @@ -import '@example/design-tokens/dist/index.css'; -import '@example/font/src/index.scss'; -import { defineCustomElements } from '@example/web-components-stencil/loader/index.js'; +import '@frameless/design-tokens/dist/index.css'; +import '@frameless/font/src/index.scss'; +import { defineCustomElements } from '@frameless/web-components-stencil/loader/index.js'; import type { Preview } from '@storybook/react'; import { ParametersArgsDecorator } from './ParametersArgsDecorator'; diff --git a/packages/storybook/package.json b/packages/storybook/package.json index 920bd77..6289abb 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -1,5 +1,5 @@ { - "name": "@example/storybook", + "name": "@frameless/storybook", "author": "Community for NL Design System", "description": "Storybook based on the NL Design System architecture", "license": "EUPL-1.2", @@ -9,7 +9,7 @@ "private": true, "repository": { "type": "git+ssh", - "url": "git@github.com:nl-design-system/example.git", + "url": "git@github.com:frameless/design-system.git", "directory": "packages/storybook" }, "scripts": { @@ -21,12 +21,12 @@ "devDependencies": { "@babel/core": "7.25.2", "@etchteam/storybook-addon-status": "5.0.0", - "@example/assets": "workspace:*", - "@example/components-css": "workspace:*", - "@example/design-tokens": "workspace:*", - "@example/font": "workspace:*", - "@example/web-components-react": "workspace:*", - "@example/web-components-stencil": "workspace:*", + "@frameless/assets": "workspace:*", + "@frameless/components-css": "workspace:*", + "@frameless/design-tokens": "workspace:*", + "@frameless/font": "workspace:*", + "@frameless/web-components-react": "workspace:*", + "@frameless/web-components-stencil": "workspace:*", "@storybook/addon-a11y": "8.3.1", "@storybook/addon-actions": "8.3.1", "@storybook/addon-docs": "8.3.1", diff --git a/packages/storybook/src/css-button.stories.tsx b/packages/storybook/src/css-button.stories.tsx index ec624c1..6912a51 100644 --- a/packages/storybook/src/css-button.stories.tsx +++ b/packages/storybook/src/css-button.stories.tsx @@ -1,13 +1,13 @@ /* @license CC0-1.0 */ -import readme from '@example/components-css/button/README.md?raw'; +import readme from '@frameless/components-css/button/README.md?raw'; import type { Meta, StoryObj } from '@storybook/react'; import { PropsWithChildren } from 'react'; -import '@example/components-css/button/index.scss'; +import '@frameless/components-css/button/index.scss'; const Button = ({ children }: PropsWithChildren<{}>) => ( - ); diff --git a/packages/storybook/src/documentation/introduction.mdx b/packages/storybook/src/documentation/introduction.mdx index 80562bc..d4ec4d9 100644 --- a/packages/storybook/src/documentation/introduction.mdx +++ b/packages/storybook/src/documentation/introduction.mdx @@ -1,6 +1,6 @@ import { Markdown, Meta } from '@storybook/addon-docs'; import markdown from './introduction.md?raw'; - + {markdown} diff --git a/packages/storybook/src/documentation/license.mdx b/packages/storybook/src/documentation/license.mdx index 2a12050..d2c1fea 100644 --- a/packages/storybook/src/documentation/license.mdx +++ b/packages/storybook/src/documentation/license.mdx @@ -1,6 +1,6 @@ import { Markdown, Meta } from '@storybook/addon-docs'; import markdown from '../../../../LICENSE.md?raw'; - + {markdown} diff --git a/packages/storybook/src/documentation/notice.mdx b/packages/storybook/src/documentation/notice.mdx index ffe3131..04127b7 100644 --- a/packages/storybook/src/documentation/notice.mdx +++ b/packages/storybook/src/documentation/notice.mdx @@ -1,6 +1,6 @@ import { Markdown, Meta } from '@storybook/addon-docs'; import markdown from '../../../../NOTICE.md?raw'; - + {markdown} diff --git a/packages/storybook/src/web-component-button.stories.tsx b/packages/storybook/src/web-component-button.stories.tsx index adffa95..b8835f5 100644 --- a/packages/storybook/src/web-component-button.stories.tsx +++ b/packages/storybook/src/web-component-button.stories.tsx @@ -1,11 +1,11 @@ /* @license CC0-1.0 */ -import readme from '@example/components-css/button/README.md?raw'; -import { ExampleButton } from '@example/web-components-react'; +import readme from '@frameless/components-css/button/README.md?raw'; +import { FramelessButton } from '@frameless/web-components-react'; import type { Meta, StoryObj } from '@storybook/react'; import { PropsWithChildren } from 'react'; -const Button = ({ children }: PropsWithChildren<{}>) => {children}; +const Button = ({ children }: PropsWithChildren<{}>) => {children}; const meta = { title: 'Web Component/Button', diff --git a/packages/web-components-react/package.json b/packages/web-components-react/package.json index 036c8e8..4656e62 100644 --- a/packages/web-components-react/package.json +++ b/packages/web-components-react/package.json @@ -1,5 +1,5 @@ { - "name": "@example/web-components-react", + "name": "@frameless/web-components-react", "version": "1.0.0-alpha.0", "author": "Community for NL Design System", "description": "React web components bundle based on the NL Design System architecture", @@ -10,7 +10,7 @@ "private": true, "repository": { "type": "git+ssh", - "url": "git@github.com:nl-design-system/example.git", + "url": "git@github.com:frameless/design-system.git", "directory": "packages/web-components-react" }, "sideEffects": false, @@ -29,7 +29,7 @@ "react-dom": "^17.0.2" }, "devDependencies": { - "@example/web-components-stencil": "workspace:*", + "@frameless/web-components-stencil": "workspace:*", "@types/node": "22.5.5", "@types/react": "18.3.7", "@types/react-dom": "18.3.0", diff --git a/packages/web-components-stencil/package.json b/packages/web-components-stencil/package.json index 2cd2c7e..8405400 100644 --- a/packages/web-components-stencil/package.json +++ b/packages/web-components-stencil/package.json @@ -1,5 +1,5 @@ { - "name": "@example/web-components-stencil", + "name": "@frameless/web-components-stencil", "version": "1.0.0-alpha.0", "author": "Community for NL Design System", "description": "Stencil web components bundle based on the NL Design System architecture", @@ -13,14 +13,14 @@ "types": "./dist/types/components.d.ts", "collection": "./dist/collection/collection-manifest.json", "collection:main": "./dist/collection/collection-manifest.json", - "unpkg": "./dist/example/example.esm.js", + "unpkg": "./dist/frameless/frameless.esm.js", "files": [ "dist/", "loader/" ], "repository": { "type": "git+ssh", - "url": "git@github.com:nl-design-system/example.git", + "url": "git@github.com:frameless/design-system.git", "directory": "packages/web-components-stencil" }, "scripts": { @@ -34,7 +34,7 @@ "generate": "stencil generate" }, "devDependencies": { - "@example/components-css": "workspace:*", + "@frameless/components-css": "workspace:*", "@stencil/react-output-target": "0.7.1", "@stencil/sass": "3.0.12", "@types/jest": "29.5.13", diff --git a/packages/web-components-stencil/src/button/index.scss b/packages/web-components-stencil/src/button/index.scss index 5c7ca88..1a6e8b9 100644 --- a/packages/web-components-stencil/src/button/index.scss +++ b/packages/web-components-stencil/src/button/index.scss @@ -1 +1 @@ -@import "~@example/components-css/button/index"; +@import "~@frameless/components-css/button/index"; diff --git a/packages/web-components-stencil/src/button/stencil.tsx b/packages/web-components-stencil/src/button/stencil.tsx index f41b28d..30f1d7a 100644 --- a/packages/web-components-stencil/src/button/stencil.tsx +++ b/packages/web-components-stencil/src/button/stencil.tsx @@ -6,15 +6,15 @@ import { Component, h } from '@stencil/core'; @Component({ - tag: 'example-button', + tag: 'frameless-button', styleUrl: 'index.scss', shadow: true, }) export class Button { render() { return ( - diff --git a/packages/web-components-stencil/stencil.config.ts b/packages/web-components-stencil/stencil.config.ts index 7d0295c..da113b0 100644 --- a/packages/web-components-stencil/stencil.config.ts +++ b/packages/web-components-stencil/stencil.config.ts @@ -3,7 +3,7 @@ import { reactOutputTarget } from '@stencil/react-output-target'; import { sass } from '@stencil/sass'; export const config: Config = { - namespace: 'example', + namespace: 'frameless', srcDir: './src/', outputTargets: [ { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index fb20e17..4dbc25f 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -105,7 +105,7 @@ importers: '@babel/runtime': specifier: 7.25.6 version: 7.25.6 - '@example/components-css': + '@frameless/components-css': specifier: workspace:* version: link:../components-css '@rollup/plugin-babel': @@ -207,22 +207,22 @@ importers: '@etchteam/storybook-addon-status': specifier: 5.0.0 version: 5.0.0 - '@example/assets': + '@frameless/assets': specifier: workspace:* version: link:../../proprietary/assets - '@example/components-css': + '@frameless/components-css': specifier: workspace:* version: link:../components-css - '@example/design-tokens': + '@frameless/design-tokens': specifier: workspace:* version: link:../../proprietary/design-tokens - '@example/font': + '@frameless/font': specifier: workspace:* version: link:../../proprietary/font - '@example/web-components-react': + '@frameless/web-components-react': specifier: workspace:* version: link:../web-components-react - '@example/web-components-stencil': + '@frameless/web-components-stencil': specifier: workspace:* version: link:../web-components-stencil '@storybook/addon-a11y': @@ -286,7 +286,7 @@ importers: specifier: 0.7.1 version: 0.7.1(@stencil/core@4.21.0)(@types/react@18.3.7)(react@18.3.1) devDependencies: - '@example/web-components-stencil': + '@frameless/web-components-stencil': specifier: workspace:* version: link:../web-components-stencil '@types/node': @@ -317,7 +317,7 @@ importers: specifier: 4.21.0 version: 4.21.0 devDependencies: - '@example/components-css': + '@frameless/components-css': specifier: workspace:* version: link:../components-css '@stencil/react-output-target': diff --git a/proprietary/assets/package.json b/proprietary/assets/package.json index 0c5fd55..e5c5061 100644 --- a/proprietary/assets/package.json +++ b/proprietary/assets/package.json @@ -1,5 +1,5 @@ { - "name": "@example/assets", + "name": "@frameless/assets", "version": "1.0.0-alpha.0", "author": "Community for NL Design System", "description": "Assets", @@ -14,7 +14,7 @@ "files": [], "repository": { "type": "git+ssh", - "url": "git@github.com:nl-design-system/example.git", + "url": "git@github.com:frameless/design-system.git", "directory": "proprietary/assets" } } diff --git a/proprietary/design-tokens/package.json b/proprietary/design-tokens/package.json index b256d32..03248f2 100644 --- a/proprietary/design-tokens/package.json +++ b/proprietary/design-tokens/package.json @@ -1,8 +1,8 @@ { - "name": "@example/design-tokens", + "name": "@frameless/design-tokens", "version": "1.0.0-alpha.0", "author": "Community for NL Design System", - "description": "Example design tokens", + "description": "Frameless design tokens", "license": "SEE LICENSE IN LICENSE.md", "keywords": [ "nl-design-system" @@ -13,7 +13,7 @@ }, "repository": { "type": "git+ssh", - "url": "git@github.com:nl-design-system/example.git", + "url": "git@github.com:frameless/design-system.git", "directory": "proprietary/design-tokens" }, "scripts": { diff --git a/proprietary/design-tokens/src/brand/example/color.tokens.json b/proprietary/design-tokens/src/brand/example/color.tokens.json index 3b0a682..9821ae2 100644 --- a/proprietary/design-tokens/src/brand/example/color.tokens.json +++ b/proprietary/design-tokens/src/brand/example/color.tokens.json @@ -1,5 +1,5 @@ { - "example": { + "frameless": { "color": { "blue": { "50": { "value": "cornflowerblue" } diff --git a/proprietary/design-tokens/src/common/example/focus.tokens.json b/proprietary/design-tokens/src/common/example/focus.tokens.json index 9a2e9c8..fb6a059 100644 --- a/proprietary/design-tokens/src/common/example/focus.tokens.json +++ b/proprietary/design-tokens/src/common/example/focus.tokens.json @@ -1,5 +1,5 @@ { - "example": { + "frameless": { "focus": { "outline-offset": { "value": "2px" } } diff --git a/proprietary/design-tokens/src/components/example/button.tokens.json b/proprietary/design-tokens/src/components/example/button.tokens.json index e22c0b1..59e7dd6 100644 --- a/proprietary/design-tokens/src/components/example/button.tokens.json +++ b/proprietary/design-tokens/src/components/example/button.tokens.json @@ -1,8 +1,8 @@ { - "example": { + "frameless": { "button": { - "background-color": { "value": "{example.color.blue.50}" }, - "color": { "value": "{example.color.grey.100}" } + "background-color": { "value": "{frameless.color.blue.50}" }, + "color": { "value": "{frameless.color.grey.100}" } } } } diff --git a/proprietary/design-tokens/style-dictionary.config.json b/proprietary/design-tokens/style-dictionary.config.json index fd2f8fc..9082005 100644 --- a/proprietary/design-tokens/style-dictionary.config.json +++ b/proprietary/design-tokens/style-dictionary.config.json @@ -50,7 +50,7 @@ "destination": "index.css", "format": "css/variables", "options": { - "selector": ".example-theme", + "selector": ".frameless-theme", "outputReferences": true } } diff --git a/proprietary/font/package.json b/proprietary/font/package.json index 9dde8fc..9a47135 100644 --- a/proprietary/font/package.json +++ b/proprietary/font/package.json @@ -1,5 +1,5 @@ { - "name": "@example/font", + "name": "@frameless/font", "version": "1.0.0-alpha.0", "author": "Community for NL Design System", "description": "Font assets", @@ -17,7 +17,7 @@ ], "repository": { "type": "git+ssh", - "url": "git@github.com:nl-design-system/example.git", + "url": "git@github.com:frameless/design-system.git", "directory": "proprietary/font" } }