diff --git a/.github/renovate.json b/.github/renovate.json index c8e55155ac..19db545583 100644 --- a/.github/renovate.json +++ b/.github/renovate.json @@ -54,7 +54,7 @@ "groupName": "Code Editor", "groupSlug": "uiw-code-editor-react", "stabilityDays": 5, - "matchUpdateTypes": [ "minor", "patch"] + "matchUpdateTypes": ["minor", "patch"] }, { "automerge": false, diff --git a/.github/workflows/pull_request_title.yml b/.github/workflows/pull_request_title.yml index a87911b4c0..5e98498b32 100644 --- a/.github/workflows/pull_request_title.yml +++ b/.github/workflows/pull_request_title.yml @@ -1,4 +1,3 @@ - name: Pull Request on: pull_request: @@ -8,12 +7,12 @@ jobs: check-title: runs-on: ubuntu-22.04 steps: - - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1 - - uses: pnpm/action-setup@v2.4.0 - - name: Use Node.js - uses: actions/setup-node@v4.0.0 - with: - node-version: 20 - cache: 'pnpm' - - run: pnpm install - - run: echo '${{ github.event.pull_request.title }}' | pnpm commitlint + - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1 + - uses: pnpm/action-setup@v2.4.0 + - name: Use Node.js + uses: actions/setup-node@v4.0.0 + with: + node-version: 20 + cache: 'pnpm' + - run: pnpm install + - run: echo '${{ github.event.pull_request.title }}' | pnpm commitlint diff --git a/.github/workflows/sync-design-tokens.yml b/.github/workflows/sync-design-tokens.yml index 3db2475a44..982619580b 100644 --- a/.github/workflows/sync-design-tokens.yml +++ b/.github/workflows/sync-design-tokens.yml @@ -3,7 +3,7 @@ name: Design tokens on: workflow_dispatch: schedule: - - cron: "30 9 * * 1-5" + - cron: '30 9 * * 1-5' jobs: synchronise: @@ -35,4 +35,4 @@ jobs: body: | Design system tokens update. This MR is created automatically when a change is detected in design tokens. team-reviewers: console - labels: design system + labels: design system diff --git a/.prettierrc b/.prettierrc index a885ae68a9..7041ea263f 100644 --- a/.prettierrc +++ b/.prettierrc @@ -2,5 +2,5 @@ "singleQuote": true, "trailingComma": "all", "semi": false, - "arrowParens":"avoid" + "arrowParens": "avoid" } diff --git a/README.md b/README.md index 56a7cd9dae..20ae294620 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,7 @@ # Ultraviolet Core -Ultraviolet Core contains the core features of the Ultraviolet UI library. +Ultraviolet Core contains the core features of the Ultraviolet UI library. It is set of React library that can be used to build fast application. - [Ultraviolet UI](https://github.com/scaleway/ultraviolet/tree/main/packages/ui): The main library that includes a set of components and utilities to build fast application. @@ -47,7 +47,7 @@ $ pnpm install Our storybook includes `@ultraviolet/ui`, `@ultraviolet/form` and `@ultraviolet/icons`. -In order to start storybook without errors you will need to build the project once +In order to start storybook without errors you will need to build the project once (this is because `@ultraviolet/form` uses `@ultraviolet/ui` build to run). ```sh @@ -124,7 +124,7 @@ You can redo the same with `@ultraviolet/form` if you want to test it. We are using [Changeset](https://github.com/changesets/changesets) to manage our versioning. -Once your modifications are ready to be released, you can run `pnpm run changeset` to create a new changeset. +Once your modifications are ready to be released, you can run `pnpm run changeset` to create a new changeset. It will ask you to describe your changes and will create a new changeset file in the `changesets` folder. ## Documentation diff --git a/babel.config.json b/babel.config.json index cac7c5bfeb..e27d9b78bf 100644 --- a/babel.config.json +++ b/babel.config.json @@ -1,7 +1,5 @@ { - "plugins": [ - "@emotion" - ], + "plugins": ["@emotion"], "presets": [ "@babel/preset-typescript", [ diff --git a/codecov.yml b/codecov.yml index 308fe274f9..c82ec6c673 100644 --- a/codecov.yml +++ b/codecov.yml @@ -27,6 +27,6 @@ comment: ignore: - 'packages/themes' - 'packages/ui/src/theme/index.ts' - - "packages/plus/src/components/CodeEditor" + - 'packages/plus/src/components/CodeEditor' - 'packages/illustrations' - 'examples' diff --git a/examples/next-advanced/.eslintrc.cjs b/examples/next-advanced/.eslintrc.cjs index bfe6eb7241..db141cb94e 100644 --- a/examples/next-advanced/.eslintrc.cjs +++ b/examples/next-advanced/.eslintrc.cjs @@ -6,6 +6,6 @@ module.exports = { 'error', { packageDir: [__dirname, join(__dirname, '../')] }, ], - "@typescript-eslint/no-unnecessary-condition": "off" + '@typescript-eslint/no-unnecessary-condition': 'off', }, } diff --git a/examples/next-advanced/README.md b/examples/next-advanced/README.md index 60ed349e01..aef95ed252 100644 --- a/examples/next-advanced/README.md +++ b/examples/next-advanced/README.md @@ -27,5 +27,3 @@ To learn more about Next.js, take a look at the following resources: - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! - - diff --git a/examples/next-advanced/tsconfig.json b/examples/next-advanced/tsconfig.json index 08ea008bf0..a0ef95b2a9 100644 --- a/examples/next-advanced/tsconfig.json +++ b/examples/next-advanced/tsconfig.json @@ -10,11 +10,7 @@ "noEmit": true, "incremental": true, "isolatedModules": true, - "lib": [ - "dom", - "dom.iterable", - "esnext" - ], + "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "moduleResolution": "Node" @@ -26,7 +22,5 @@ "**/*.ts", "**/*.tsx" ], - "exclude": [ - "node_modules" - ] + "exclude": ["node_modules"] } diff --git a/examples/next-simple/.eslintrc.cjs b/examples/next-simple/.eslintrc.cjs index bfe6eb7241..db141cb94e 100644 --- a/examples/next-simple/.eslintrc.cjs +++ b/examples/next-simple/.eslintrc.cjs @@ -6,6 +6,6 @@ module.exports = { 'error', { packageDir: [__dirname, join(__dirname, '../')] }, ], - "@typescript-eslint/no-unnecessary-condition": "off" + '@typescript-eslint/no-unnecessary-condition': 'off', }, } diff --git a/examples/next-simple/README.md b/examples/next-simple/README.md index 995033f28b..c60d4f1e8a 100644 --- a/examples/next-simple/README.md +++ b/examples/next-simple/README.md @@ -27,4 +27,3 @@ To learn more about Next.js, take a look at the following resources: - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! - diff --git a/examples/next-simple/tsconfig.json b/examples/next-simple/tsconfig.json index d8f65abd7a..d4e4961864 100644 --- a/examples/next-simple/tsconfig.json +++ b/examples/next-simple/tsconfig.json @@ -9,11 +9,7 @@ "noEmit": true, "incremental": true, "isolatedModules": true, - "lib": [ - "dom", - "dom.iterable", - "esnext" - ], + "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "moduleResolution": "Node" @@ -25,7 +21,5 @@ "**/*.ts", "**/*.tsx" ], - "exclude": [ - "node_modules" - ] + "exclude": ["node_modules"] } diff --git a/package.json b/package.json index 5e8eee07c1..d3c130310b 100644 --- a/package.json +++ b/package.json @@ -162,7 +162,7 @@ "jest-junit": "16.0.0", "lint-staged": "15.2.0", "postcss": "8.4.32", - "prettier": "3.0.3", + "prettier": "3.1.1", "react": "18.2.0", "react-dom": "18.2.0", "react-router-dom": "6.20.1", diff --git a/packages/form/tsconfig.json b/packages/form/tsconfig.json index 963a9660dd..d87ed4094b 100644 --- a/packages/form/tsconfig.json +++ b/packages/form/tsconfig.json @@ -3,8 +3,6 @@ "compilerOptions": { "baseUrl": "." }, - "include": [ - "src", - ], + "include": ["src"], "exclude": ["node_modules", "coverage", "dist"] } diff --git a/packages/icons/README.md b/packages/icons/README.md index c12b96f66a..d6ec5db7b2 100644 --- a/packages/icons/README.md +++ b/packages/icons/README.md @@ -14,7 +14,6 @@ $ pnpm add @ultraviolet/icons Checkout our [documentation website](https://storybook.ultraviolet.scaleway.com/). - ## Contributing 📝 You can participate in the development and [start contributing](/CONTRIBUTING.md) to it. diff --git a/packages/icons/tsconfig.json b/packages/icons/tsconfig.json index d1ac86a458..50f3102585 100644 --- a/packages/icons/tsconfig.json +++ b/packages/icons/tsconfig.json @@ -3,10 +3,6 @@ "compilerOptions": { "baseUrl": "." }, - "include": [ - "src", - "../../global.d.ts", - "src/emotion.d.ts" - ], + "include": ["src", "../../global.d.ts", "src/emotion.d.ts"], "exclude": ["node_modules", "coverage", "dist"] } diff --git a/packages/illustrations/README.md b/packages/illustrations/README.md index 0f39ab24d1..47b546181d 100644 --- a/packages/illustrations/README.md +++ b/packages/illustrations/README.md @@ -15,12 +15,7 @@ $ pnpm add @ultraviolet/illustrations ```js import { instanceOriginal } from '@ultraviolet/illustrations/products/instance' -const App = () => ( - illustration instance -) +const App = () => illustration instance ``` ## Documentation diff --git a/packages/illustrations/babel.config.json b/packages/illustrations/babel.config.json index cac7c5bfeb..e27d9b78bf 100644 --- a/packages/illustrations/babel.config.json +++ b/packages/illustrations/babel.config.json @@ -1,7 +1,5 @@ { - "plugins": [ - "@emotion" - ], + "plugins": ["@emotion"], "presets": [ "@babel/preset-typescript", [ diff --git a/packages/illustrations/tsconfig.json b/packages/illustrations/tsconfig.json index bd7c31328f..05dc71e12e 100644 --- a/packages/illustrations/tsconfig.json +++ b/packages/illustrations/tsconfig.json @@ -3,13 +3,6 @@ "compilerOptions": { "baseUrl": "." }, - "include": [ - "src", - "../../global.d.ts" - ], - "exclude": [ - "node_modules", - "coverage", - "dist" - ] + "include": ["src", "../../global.d.ts"], + "exclude": ["node_modules", "coverage", "dist"] } diff --git a/packages/plus/README.md b/packages/plus/README.md index 83436d2d5d..6cd3ac1b3a 100644 --- a/packages/plus/README.md +++ b/packages/plus/README.md @@ -18,7 +18,6 @@ $ pnpm add @ultraviolet/plus Checkout our [documentation website](https://storybook.ultraviolet.scaleway.com/). - ## Contributing 📝 You can participate in the development and [start contributing](/CONTRIBUTING.md) to it. diff --git a/packages/themes/README.md b/packages/themes/README.md index 1ca33d7d4b..48f9c311c1 100644 --- a/packages/themes/README.md +++ b/packages/themes/README.md @@ -5,7 +5,7 @@ Ultraviolet Themes is a set of themes for the Ultraviolet UI library. > **Note** -> +> > `@ultraviolet/ui` is using `@ultraviolet/theme` under the hood, therefore you don't need to install it if you want to use the default theme (`consoleLightTheme` and `consoleDarkTheme` are the default themes). ## Installation @@ -23,7 +23,11 @@ import { Global, css, ThemeProvider } from '@emotion/react' const App = () => ( - + diff --git a/packages/themes/tsconfig.json b/packages/themes/tsconfig.json index 963a9660dd..d87ed4094b 100644 --- a/packages/themes/tsconfig.json +++ b/packages/themes/tsconfig.json @@ -3,8 +3,6 @@ "compilerOptions": { "baseUrl": "." }, - "include": [ - "src", - ], + "include": ["src"], "exclude": ["node_modules", "coverage", "dist"] } diff --git a/packages/ui/README.md b/packages/ui/README.md index 68d466cd20..d8d6524081 100644 --- a/packages/ui/README.md +++ b/packages/ui/README.md @@ -13,8 +13,14 @@ $ pnpm add @ultraviolet/ui @emotion/react @emotion/styled You will also need to import fonts in your project by adding: ```html - - + + ``` ### Usage @@ -25,10 +31,12 @@ import { Button, normalize, theme } from '@ultraviolet/ui' const App = () => ( - - + + ) ``` @@ -64,7 +72,6 @@ declare module '@emotion/react' { Checkout our [documentation website](https://storybook.ultraviolet.scaleway.com/). - ## Contributing 📝 You can participate in the development and [start contributing](/CONTRIBUTING.md) to it. diff --git a/packages/ui/src/__stories__/MigrationMenuV2.stories.mdx b/packages/ui/src/__stories__/MigrationMenuV2.stories.mdx index 7d50f9f756..ae71f67d88 100644 --- a/packages/ui/src/__stories__/MigrationMenuV2.stories.mdx +++ b/packages/ui/src/__stories__/MigrationMenuV2.stories.mdx @@ -1,7 +1,6 @@ -import {Meta} from '@storybook/blocks' - - +import { Meta } from '@storybook/blocks' + # Migrate Menu to MenuV2 diff --git a/packages/ui/src/__stories__/Tools/index.stories.mdx b/packages/ui/src/__stories__/Tools/index.stories.mdx index 6420d82189..02f6f04089 100644 --- a/packages/ui/src/__stories__/Tools/index.stories.mdx +++ b/packages/ui/src/__stories__/Tools/index.stories.mdx @@ -1,5 +1,5 @@ import { Meta } from '@storybook/blocks' -import {ThemeGenerator} from './ThemeGenerator/' +import { ThemeGenerator } from './ThemeGenerator/' import ThemeWrapper from '../components/ThemeWrapper' diff --git a/packages/ui/src/__stories__/theme/understandTokens.stories.mdx b/packages/ui/src/__stories__/theme/understandTokens.stories.mdx index faf1a68b89..5eb4edad88 100644 --- a/packages/ui/src/__stories__/theme/understandTokens.stories.mdx +++ b/packages/ui/src/__stories__/theme/understandTokens.stories.mdx @@ -1,5 +1,5 @@ import { Meta } from '@storybook/blocks' -import { Badge } from "../../components" +import { Badge } from '../../components' import ThemeWrapper from '../components/ThemeWrapper' @@ -75,7 +75,9 @@ Text and Icon color will be: `theme.colors.info.textStrong`. All those colors combined will result in: - This is a simple badge with info sentiment and prominence strong + + This is a simple badge with info sentiment and prominence strong + It results in a different sets of colors and style to express a different context on where the badge is displayed. diff --git a/packages/ui/src/types.ts b/packages/ui/src/types.ts index d79f93a247..bd09eb4fa3 100644 --- a/packages/ui/src/types.ts +++ b/packages/ui/src/types.ts @@ -6,5 +6,5 @@ type SingleXOR = T | U extends object export type XOR = T extends [infer Only] ? Only : T extends [infer A, infer B, ...infer Rest] - ? XOR<[SingleXOR, ...Rest]> - : never + ? XOR<[SingleXOR, ...Rest]> + : never diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 518d8e60bd..1b79004a50 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -213,7 +213,7 @@ importers: version: 9.1.0(eslint@8.55.0) eslint-plugin-prettier: specifier: 5.0.1 - version: 5.0.1(eslint-config-prettier@9.1.0)(eslint@8.55.0)(prettier@3.0.3) + version: 5.0.1(eslint-config-prettier@9.1.0)(eslint@8.55.0)(prettier@3.1.1) eslint-plugin-testing-library: specifier: 6.2.0 version: 6.2.0(eslint@8.55.0)(typescript@5.2.2) @@ -245,8 +245,8 @@ importers: specifier: 8.4.32 version: 8.4.32 prettier: - specifier: 3.0.3 - version: 3.0.3 + specifier: 3.1.1 + version: 3.1.1 react: specifier: 18.2.0 version: 18.2.0 @@ -9893,7 +9893,7 @@ packages: object.fromentries: 2.0.7 dev: true - /eslint-plugin-prettier@5.0.1(eslint-config-prettier@9.1.0)(eslint@8.55.0)(prettier@3.0.3): + /eslint-plugin-prettier@5.0.1(eslint-config-prettier@9.1.0)(eslint@8.55.0)(prettier@3.1.1): resolution: {integrity: sha512-m3u5RnR56asrwV/lDC4GHorlW75DsFfmUcjfCYylTUs85dBRnB7VM6xG8eCMJdeDRnppzmxZVf1GEPJvl1JmNg==} engines: {node: ^14.18.0 || >=16.0.0} peerDependencies: @@ -9909,7 +9909,7 @@ packages: dependencies: eslint: 8.55.0 eslint-config-prettier: 9.1.0(eslint@8.55.0) - prettier: 3.0.3 + prettier: 3.1.1 prettier-linter-helpers: 1.0.0 synckit: 0.8.5 dev: true @@ -14125,8 +14125,8 @@ packages: hasBin: true dev: true - /prettier@3.0.3: - resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==} + /prettier@3.1.1: + resolution: {integrity: sha512-22UbSzg8luF4UuZtzgiUOfcGM8s4tjBv6dJRT7j275NXsy2jb4aJa4NNveul5x4eqlF1wuhuR2RElK71RvmVaw==} engines: {node: '>=14'} hasBin: true dev: true diff --git a/tsconfig.json b/tsconfig.json index 372fe81938..c5778d5ba7 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -9,7 +9,7 @@ "skipLibCheck": true, // Should be removed once we clear all errors - "noUncheckedIndexedAccess": false, + "noUncheckedIndexedAccess": false }, "include": [ "**/*.ts",