cfdac8dba9
Previously we were using standard Roboto Font but we were struggling to get the same boldness as the ones from the Figma sketches. It appears that Figma uses Roboto Flex, so by installing it we can now nearly perfectly align our visuals with the ones form the sketches. I had to do some custom tweaks with the weights of the font because if we use exactly the same font-weight as in Figma the render is still different.
105 lines
3.4 KiB
JSON
105 lines
3.4 KiB
JSON
{
|
|
"name": "@openfun/cunningham-react",
|
|
"private": false,
|
|
"version": "0.7.0",
|
|
"publishConfig": {
|
|
"access": "public"
|
|
},
|
|
"license": "MIT",
|
|
"main": "./dist/index.js",
|
|
"module": "./dist/index.mjs",
|
|
"types": "./dist/index.d.ts",
|
|
"exports": {
|
|
".": {
|
|
"types": "./dist/index.d.ts",
|
|
"require": "./dist/index.js",
|
|
"default": "./dist/index.mjs"
|
|
},
|
|
"./style": "./dist/style.css",
|
|
"./fonts": "./dist/fonts.css",
|
|
"./icons": "./dist/icons.css",
|
|
"./sass/fonts": "./dist/sass/fonts.scss",
|
|
"./sass/icons": "./dist/sass/icons.scss"
|
|
},
|
|
"files": [
|
|
"dist/"
|
|
],
|
|
"scripts": {
|
|
"lint": "eslint . 'src/**/*.{ts,tsx}'",
|
|
"dev": "yarn storybook & nodemon --watch src --ext '*' --ignore src/cunningham-tokens.ts --ignore src/cunningham-tokens.js --ignore src/cunningham-tokens.css --exec npm run build",
|
|
"build": "./build",
|
|
"build-fonts": "vite build -c vite.fonts.config.ts && rm -rf dist/fonts.js && mkdir -p dist/sass && cp src/fonts.scss dist/sass/",
|
|
"build-icons": "vite build -c vite.icons.config.ts && rm -rf dist/icons.js && mkdir -p dist/sass && cp src/icons.scss dist/sass/",
|
|
"build-theme": "cunningham -o src -g css,ts,js",
|
|
"preview": "vite preview",
|
|
"test": "FORCE_COLOR=1 vitest run",
|
|
"test-watch": "vitest",
|
|
"coverage": "vitest run --coverage",
|
|
"storybook": "storybook dev -p 6006",
|
|
"build-storybook": "storybook build",
|
|
"predeploy-storybook": "yarn build-storybook && touch ./storybook-static/.nojekyll",
|
|
"deploy-storybook": "storybook-to-ghpages --existing-output-dir ./storybook-static"
|
|
},
|
|
"dependencies": {
|
|
"@fontsource/material-icons": "5.0.1",
|
|
"@fontsource-variable/roboto-flex": "5.0.1",
|
|
"@openfun/cunningham-tokens": "*",
|
|
"@tanstack/react-table": "8.9.1",
|
|
"classnames": "2.3.2",
|
|
"downshift": "7.6.0",
|
|
"react": "18.2.0",
|
|
"react-dom": "18.2.0"
|
|
},
|
|
"engines": {
|
|
"node": ">=16.0.0"
|
|
},
|
|
"devDependencies": {
|
|
"@babel/core": "7.21.8",
|
|
"@babel/plugin-proposal-decorators": "7.21.0",
|
|
"@babel/plugin-proposal-export-default-from": "7.18.10",
|
|
"@babel/preset-typescript": "7.21.5",
|
|
"@faker-js/faker": "8.0.1",
|
|
"@openfun/cunningham-tokens": "*",
|
|
"@openfun/typescript-configs": "*",
|
|
"@storybook/addon-a11y": "7.0.17",
|
|
"@storybook/addon-actions": "7.0.17",
|
|
"@storybook/addon-essentials": "7.0.17",
|
|
"@storybook/addon-interactions": "7.0.17",
|
|
"@storybook/addon-links": "7.0.17",
|
|
"@storybook/preset-scss": "1.0.3",
|
|
"@storybook/react": "7.0.17",
|
|
"@storybook/react-vite": "7.0.17",
|
|
"@storybook/storybook-deployer": "2.8.16",
|
|
"@storybook/testing-library": "0.1.0",
|
|
"@testing-library/dom": "9.3.0",
|
|
"@testing-library/jest-dom": "5.16.5",
|
|
"@testing-library/react": "14.0.0",
|
|
"@testing-library/user-event": "14.4.3",
|
|
"@types/jest": "29.5.1",
|
|
"@types/react": "18.2.7",
|
|
"@types/react-dom": "18.2.4",
|
|
"@vitejs/plugin-react": "4.0.0",
|
|
"@vitest/coverage-c8": "0.31.1",
|
|
"@vitest/ui": "0.31.1",
|
|
"babel-loader": "9.1.2",
|
|
"css-loader": "6.7.4",
|
|
"glob": "10.2.6",
|
|
"jsdom": "22.0.0",
|
|
"remark-gfm": "3.0.1",
|
|
"sass": "1.62.1",
|
|
"sass-loader": "13.3.0",
|
|
"storybook": "7.0.17",
|
|
"style-loader": "3.3.3",
|
|
"typescript": "5.0.4",
|
|
"vite": "4.3.8",
|
|
"vite-plugin-dts": "2.3.0",
|
|
"vite-tsconfig-paths": "4.2.0",
|
|
"vitest": "0.31.1",
|
|
"vitest-fetch-mock": "0.2.2"
|
|
},
|
|
"volta": {
|
|
"node": "18.16.0",
|
|
"yarn": "1.22.19"
|
|
}
|
|
}
|