📦(all) update packages namespace

Change packages namespace from `@openfun` to `@gouvfr-lasuite`.
This commit is contained in:
jbpenrath
2025-10-14 12:29:46 +02:00
committed by Jean-Baptiste PENRATH
parent 6097929593
commit a6681d19ed
51 changed files with 78 additions and 78 deletions

View File

@@ -1,4 +1,4 @@
# @openfun/cunningham-react
# @gouvfr-lasuite/cunningham-react
## 4.0.0

View File

@@ -1,5 +1,5 @@
import { dirname, sep } from "path";
import { defaultTokenRefs } from "@openfun/cunningham-tokens";
import { defaultTokenRefs } from "@gouvfr-lasuite/cunningham-tokens";
import { globSync } from "glob";
/**

View File

@@ -1,5 +1,5 @@
{
"name": "@openfun/cunningham-react",
"name": "@gouvfr-lasuite/cunningham-react",
"private": false,
"version": "4.0.0",
"publishConfig": {
@@ -49,7 +49,7 @@
"@fontsource-variable/roboto-flex": "5.2.5",
"@fontsource/material-icons-outlined": "5.2.5",
"@internationalized/date": "3.8.0",
"@openfun/cunningham-tokens": "*",
"@gouvfr-lasuite/cunningham-tokens": "*",
"@react-aria/calendar": "3.8.0",
"@react-aria/datepicker": "3.14.2",
"@react-aria/i18n": "3.12.8",
@@ -76,8 +76,8 @@
"@chromatic-com/storybook": "3.2.6",
"@faker-js/faker": "9.7.0",
"@hookform/resolvers": "5.0.1",
"@openfun/cunningham-tokens": "*",
"@openfun/typescript-configs": "*",
"@gouvfr-lasuite/cunningham-tokens": "*",
"@gouvfr-lasuite/typescript-configs": "*",
"@storybook/addon-a11y": "8.6.12",
"@storybook/addon-actions": "8.6.12",
"@storybook/addon-essentials": "8.6.12",

View File

@@ -14,7 +14,7 @@ Cunningham provides a versatile Alert component for displaying any kind of infor
language='ts'
dark
format={false}
code={`import { Alert } from "@openfun/cunningham-react";`}
code={`import { Alert } from "@gouvfr-lasuite/cunningham-react";`}
/>
## Types

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => {
return {

View File

@@ -14,7 +14,7 @@ The Cunningham Button behaves the same as the native html `<button>` element, bu
language='ts'
dark
format={false}
code={`import { Button } from "@openfun/cunningham-react";`}
code={`import { Button } from "@gouvfr-lasuite/cunningham-react";`}
/>
## Icons

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => {
return {

View File

@@ -31,7 +31,7 @@ We will explore the possibilities that those props provide through the following
language='ts'
dark
format={false}
code={`import { DataList } from "@openfun/cunningham-react";`}
code={`import { DataList } from "@gouvfr-lasuite/cunningham-react";`}
/>
This component is a wrapper around the more complicated DataGrid component. It is made to be used for simple lists of elements that don't need pagination nor sorting. Also, it doesn't display any header.
@@ -50,7 +50,7 @@ Here a quick usage example
language='ts'
dark
format={false}
code={`import { SimpleDataGrid } from "@openfun/cunningham-react";`}
code={`import { SimpleDataGrid } from "@gouvfr-lasuite/cunningham-react";`}
/>
This component is a wrapper around the more complicated `DataGrid` component. It is mostly intended to be used for client

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => ({
"background-color--hover":

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => ({
"border-color": defaults.contextuals.border.semantic.neutral.tertiary,

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => ({
width: "292px",

View File

@@ -14,7 +14,7 @@ Cunningham provides a file uploader component that you can use in your forms.
language='ts'
dark
format={false}
code={`import { FileUploader } from "@openfun/cunningham-react";`}
code={`import { FileUploader } from "@gouvfr-lasuite/cunningham-react";`}
/>
## Multi

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => ({
"background-color": defaults.contextuals.background.surface.primary,

View File

@@ -15,7 +15,7 @@ Cunningham provides a versatile Input component that you can use in your forms.
language='ts'
dark
format={false}
code={`import { Input } from "@openfun/cunningham-react";`}
code={`import { Input } from "@gouvfr-lasuite/cunningham-react";`}
/>
## States

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => ({
"font-weight": defaults.globals.font.weights.regular,

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => ({
"label-color--small": defaults.contextuals.content.semantic.neutral.tertiary,

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => ({
"border-color": defaults.contextuals.border.semantic.neutral.tertiary,

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => ({
"border-color": defaults.contextuals.border.semantic.neutral.tertiary,

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => ({
"accent-color": defaults.contextuals.content.semantic.brand.tertiary,

View File

@@ -14,7 +14,7 @@ Cunningham provides a versatile TextArea component that you can use in your form
language='ts'
dark
format={false}
code={`import { TextArea } from "@openfun/cunningham-react";`}
code={`import { TextArea } from "@gouvfr-lasuite/cunningham-react";`}
/>
## States

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => ({
"font-weight": defaults.globals.font.weights.regular,

View File

@@ -15,7 +15,7 @@ Cunningham provides a versatile Modal component for displaying any kind of infor
language='ts'
dark
format={false}
code={`import { Modal } from "@openfun/cunningham-react";`}
code={`import { Modal } from "@gouvfr-lasuite/cunningham-react";`}
/>
> ⚠️ If you want to try dark theme on the modal, you need to go on individual stories. It will not work on this page due to iframe wrapping.
@@ -29,7 +29,7 @@ The component is easy to use. You need to use the `useModal()` hook to get all t
dark
format={false}
code={`
import { CunninghamProvider, Button, Modal } from "@openfun/cunningham-react";
import { CunninghamProvider, Button, Modal } from "@gouvfr-lasuite/cunningham-react";
const App = () => {
const modal = useModal();
@@ -67,7 +67,7 @@ Here is an example of a modal automatically closing after 2 seconds.
dark
format={false}
code={`
import { CunninghamProvider, Button, Modal } from "@openfun/cunningham-react";
import { CunninghamProvider, Button, Modal } from "@gouvfr-lasuite/cunningham-react";
const App = () => {
const modal = useModal();
@@ -169,7 +169,7 @@ The way you will be able to use those pre built modals is by using async calls t
dark
format={false}
code={`
import { CunninghamProvider, Button, Modal } from "@openfun/cunningham-react";
import { CunninghamProvider, Button, Modal } from "@gouvfr-lasuite/cunningham-react";
const App = () => {
const modals = useModals();

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => {
return {

View File

@@ -17,7 +17,7 @@ fetch it from a server, the component is really versatile.
language='ts'
dark
format={false}
code={`import { Pagination, usePagination } from "@openfun/cunningham-react";`}
code={`import { Pagination, usePagination } from "@gouvfr-lasuite/cunningham-react";`}
/>
## Usage

View File

@@ -21,7 +21,7 @@ Toasts are really simple to use, you need to wrap your app inside `CunninghamPro
dark
format={false}
code={`
import { CunninghamProvider } from "@openfun/cunningham-react";
import { CunninghamProvider } from "@gouvfr-lasuite/cunningham-react";
const App = () => (
<CunninghamProvider>

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => {
return {

View File

@@ -1,4 +1,4 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => {
return {

View File

@@ -31,7 +31,7 @@ If you prefer using Typescript, create a file named `cunningham.ts` at the root
<Source dark={true} code={`
// cunningham.ts
import { DefaultTokens } from "@openfun/cunningham-react";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-react";
const config: DefaultTokens = {
themes: {
@@ -98,7 +98,7 @@ For our example we focus on the `border-radius` design token. Now, incorporate t
<Source dark={true} code={`
// cunningham.ts
import { DefaultTokens } from "@openfun/cunningham-react";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-react";
const config: DefaultTokens = {
themes: {
@@ -133,12 +133,12 @@ If you find out that the current design tokens are not enough for the customizat
## Use default design tokens
If you want to use the default design tokens, you can import them from the `@openfun/cunningham-react` package. For example,
If you want to use the default design tokens, you can import them from the `@gouvfr-lasuite/cunningham-react` package. For example,
let's say we want keep the same border radius when the `Button` component is active without hard-coding it, we can do the following:
<Source dark={true} code={`
// cunningham.ts
import { defaultTokens, DefaultTokens } from "@openfun/cunningham-react";
import { defaultTokens, DefaultTokens } from "@gouvfr-lasuite/cunningham-react";
const config: DefaultTokens = {
themes: {
@@ -165,7 +165,7 @@ You can also use more global design tokens from `defaultTokens.globals` and `def
<Source dark={true} code={`
// cunningham.ts
import { defaultTokens, DefaultTokens } from "@openfun/cunningham-react";
import { defaultTokens, DefaultTokens } from "@gouvfr-lasuite/cunningham-react";
const config: DefaultTokens = {
themes: {

View File

@@ -15,7 +15,7 @@ Let's create an `App` component that will render a `Button`.
import {
Button,
CunninghamProvider
} from "@openfun/cunningham-react";
} from "@gouvfr-lasuite/cunningham-react";
export const MyApp = () => {
return (

View File

@@ -11,7 +11,7 @@ First, install the library
dark
format={false}
code={`
yarn add @openfun/cunningham-react
yarn add @gouvfr-lasuite/cunningham-react
`}
/>
@@ -53,9 +53,9 @@ Then, add these lines at the top of your main stylesheet file:
dark
format={false}
code={`
@use "@openfun/cunningham-react/fonts"; // Imports default fonts ( Roboto ). You can also import fonts by yourself.
@use "@openfun/cunningham-react/icons"; // Imports icons ( Material Icons ).
@use "@openfun/cunningham-react/style"; // Imports the default theme.
@use "@gouvfr-lasuite/cunningham-react/fonts"; // Imports default fonts ( Roboto ). You can also import fonts by yourself.
@use "@gouvfr-lasuite/cunningham-react/icons"; // Imports icons ( Material Icons ).
@use "@gouvfr-lasuite/cunningham-react/style"; // Imports the default theme.
@use "cunningham-tokens"; // Imports the file you just generated.
`}
/>

View File

@@ -13,7 +13,7 @@ As a reminder here is the v1 format of the `cunningham.ts` file:
<Source dark={true} code={`
// cunningham.ts
import { DefaultTokens } from "@openfun/cunningham-react";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-react";
const config: DefaultTokens = {
theme: {
@@ -38,7 +38,7 @@ the new format of the previous example will be:
<Source dark={true} code={`
// cunningham.ts
import { DefaultTokens } from "@openfun/cunningham-react";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-react";
const config: DefaultTokens = {
themes: {

View File

@@ -186,7 +186,7 @@ First, update your `package.json` to use version 4.0.0:
```json
{
"dependencies": {
"@openfun/cunningham-react": "^4.0.0"
"@gouvfr-lasuite/cunningham-react": "^4.0.0"
}
}
```

View File

@@ -27,7 +27,7 @@ with a `MyApp` component.
import {
Button,
CunninghamProvider
} from "@openfun/cunningham-react";
} from "@gouvfr-lasuite/cunningham-react";
export const MyApp = () => {
const [theme, setTheme] = useState("default");
@@ -63,7 +63,7 @@ that in all the examples you had to wrap the modifications inside the following
<Source dark={true} code={`
// cunningham.ts
import { DefaultTokens } from "@openfun/cunningham-react";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-react";
const config: DefaultTokens = {
themes: {
@@ -82,7 +82,7 @@ the dark theme you have to provide the `dark` key accordingly
<Source dark={true} code={`
// cunningham.ts
import { DefaultTokens } from "@openfun/cunningham-react";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-react";
const config: DefaultTokens = {
themes: {
@@ -107,7 +107,7 @@ The logic is the same as what we saw previously. Just add a new key inside the `
<Source dark={true} code={`
// cunningham.ts
import { DefaultTokens } from "@openfun/cunningham-react";
import { DefaultTokens } from "@gouvfr-lasuite/cunningham-react";
const config: DefaultTokens = {
themes: {

View File

@@ -1,7 +1,7 @@
@forward "./utils";
@use "cunningham-tokens.css";
@use "@openfun/cunningham-tokens/default-tokens";
@use "@gouvfr-lasuite/cunningham-tokens/default-tokens";
@use "utils/accessibility";
@use "./components/Alert";

View File

@@ -1,5 +1,5 @@
{
"extends": "@openfun/typescript-configs/react.json",
"extends": "@gouvfr-lasuite/typescript-configs/react.json",
"compilerOptions": {
"jsx": "react",
"noEmit": true,

View File

@@ -1,4 +1,4 @@
# @openfun/cunningham-tokens
# @gouvfr-lasuite/cunningham-tokens
## 3.0.0

View File

@@ -1,4 +1,4 @@
# @openfun/cunningham-tokens
# @gouvfr-lasuite/cunningham-tokens
## Introduction
@@ -21,7 +21,7 @@ make Cunningham's Design System yours!
Install the lib
```
yarn add @openfun/cunningham-tokens
yarn add @gouvfr-lasuite/cunningham-tokens
```
### Configuration file
@@ -90,7 +90,7 @@ Then, add these lines at the top of your main stylesheet file:
```
@import "cunningham-tokens"; // Imports the file you just generated.
@import "@openfun/cunningham-react/style";
@import "@gouvfr-lasuite/cunningham-react/style";
```
It's all done!

View File

@@ -1,5 +1,5 @@
{
"name": "@openfun/cunningham-tokens",
"name": "@gouvfr-lasuite/cunningham-tokens",
"private": false,
"version": "3.0.0",
"license": "MIT",

View File

@@ -1,5 +1,5 @@
{
"extends": "@openfun/typescript-configs/node.json",
"extends": "@gouvfr-lasuite/typescript-configs/node.json",
"include": ["**/*"],
"compilerOptions": {
"baseUrl": "./",

View File

@@ -1,5 +1,5 @@
{
"extends": "@openfun/typescript-configs/node.json",
"extends": "@gouvfr-lasuite/typescript-configs/node.json",
"include": ["./*"],
"compilerOptions": {
"baseUrl": "./",

View File

@@ -1,5 +1,5 @@
{
"name": "@openfun/typescript-configs",
"name": "@gouvfr-lasuite/typescript-configs",
"version": "0.0.0",
"private": true,
"volta": {