Commit Graph

39 Commits

Author SHA1 Message Date
Nathan Vasse
7b6d130d7d (react) implement Button with official tokens
Now that we have all the official design tokens we can use them
to build the button component in various colors matching the
design system's ones.
2023-01-18 11:29:33 +01:00
Nathan Vasse
8f5e546f04 ⬆️(react) upgrade package to use official tokens
... and install user-event library. Setting the stage for
the implementation of real tokens in the Button component.
2023-01-18 11:29:33 +01:00
Nathan Vasse
e5c1693454 (tokens) add official default theme tokens
Due to the recent delivery of the design system document from
designers we are now able to define official design tokens.
2023-01-18 11:29:33 +01:00
Nathan Vasse
b0f5b94834 ♻️(tokens) transform cunningham.dist.js to cunningham.ts
As of now configuration file can use the .ts extension so it
seemed more homogeneous as the bin own source code is using
Typescript.
2023-01-18 11:29:33 +01:00
Nathan Vasse
3e10a58482 📝(changelog) update CHANGELOG.md
Update the changelog to match state of art of the repo.
2023-01-11 11:01:56 +01:00
Nathan Vasse
0311ea69d6 📝(tokens) update tokens package doc for ts and js generators
Add example and more details regarding the -g bin's option.
2023-01-11 11:01:56 +01:00
Nathan Vasse
60be194c47 ⬆️(deps) update yarn.lock
Multiple deps were added, so it's the occasion to update yarn.lock
versions to their latest peer deps.
2023-01-11 11:01:56 +01:00
Nathan Vasse
335365f910 🙈(git) update .gitignore file
Vite can sometimes leave compiled js files as scories.
2023-01-11 11:01:56 +01:00
Nathan Vasse
f48dac79c0 🔧(demo) update demo app to ts config file, customize one token
Showcase a situation where we want to customize a component's design token.
2023-01-11 11:01:56 +01:00
Nathan Vasse
be1c9d000b (react) add tokens.ts files handling
These files will be used to define the custom design tokens per components.
They are automatically aggregated by the packages/react/cunningham.ts file,
this is why handling typescript config file was important.
2023-01-11 11:01:56 +01:00
Nathan Vasse
67dd0048d0 ♻️(tokens) expose default tokens in a lib and various config
This allow to use the default tokens from Typescript or Javascript file
of dependents repos. For instance this wîll be used by packages/react
to aggregate components tokens files.
2023-01-11 11:01:56 +01:00
Nathan Vasse
be2f220624 (tokens) mock default tokens in tests
If we don't do that we will have to update all tests each time the
default value of a token is changed.
2023-01-11 11:01:56 +01:00
Nathan Vasse
2457a93ebf (tokens) add the support for Typescript config file
Add the support to load cunningham.ts local config file based on ts-node.
Those files will be loaded as CommonJS to preserve to coherence regarding
the way the cunningham bin is ran by node.
2023-01-11 11:01:56 +01:00
Nathan Vasse
56da7dde48 (tokens) add -cwd, --working-dir options to the bin
This allows to modify the working dir of the bin. This will be
particularly useful when running tests, this is not especially
intended to be vastly used by end-users.
2023-01-11 11:01:56 +01:00
Nathan Vasse
66e6aad84d (tokens) add TS generator and re-organize the repo
Add TS Generator which is a lot based on JS Generator.
2023-01-11 11:01:56 +01:00
Nathan Vasse
2876d29025 (tokens) add JS generator and re-organize the repo
Added JsGenerator which to implied to reorganize a bit the
repo in order to extract generator-specific test into specific
standalone files.
2023-01-11 11:01:56 +01:00
Nathan Vasse
3e98429d04 ♻️(typescript) move tokens sources to absolute import
Relatives import are quite ugly and reduces readability, but
hard to say that Typescript handles it very well for compilation
time, but nothing for runtime. That's why I had to add tsc-alias
to the build script. Please see this issue for more details.
https://github.com/Microsoft/TypeScript/issues/15479
Furthermore, some configuration was needed for Jest to work well.
2023-01-11 11:01:56 +01:00
Nathan Vasse
7a61402d4e 👷(ci) update gitmojis json url
The repostiory containing the list of valid emojis just got transformed
into a monorepo causing the old url to be obsolete.
2023-01-05 15:08:19 +01:00
Nathan Vasse
fa46237e05 ⬆️(dependencies) update yarn.lock
Do a fresh update of the yarn.lock file.
2023-01-05 14:24:28 +01:00
renovate[bot]
8ff8aec39f ⬆️(dependencies) update js dependencies 2023-01-05 14:24:28 +01:00
Nathan Vasse
f47b1a721e 📌(dependencies) pin vitest to 0.25.7
Vitest 0.26.0 was causing crashes during tests. I posted an issue here
https://github.com/vitest-dev/vitest/issues/2531
2022-12-22 10:16:38 +01:00
renovate[bot]
b1b0037cad ⬆️(dependencies) update js dependencies 2022-12-22 10:16:38 +01:00
Nathan Vasse
38b17473ab 📌(renovate) pin chalk to 4.1.2
Chalk 5.x only support ESM but we use CJS for the tokens package.
2022-12-13 10:44:28 +01:00
renovate[bot]
9aa8f89017 ⬆️(dependencies) update js dependencies 2022-12-13 10:44:28 +01:00
Nathan Vasse
0ccb949fa6 📝(readme) fix title
There were characters preventing correct markdown rendering.
2022-12-12 11:13:07 +01:00
Nathan Vasse
d1a4e7611c 📝(global) add README.md
Create a first version of README.md
2022-12-07 17:07:18 +01:00
Nathan Vasse
7ad502c2c7 🔧(global) add CHANGELOG
Create a changelog to track changes across versions.
2022-12-07 17:07:18 +01:00
Nathan Vasse
31fbdfb22e 🔧(renovate) setup renovate.json
Configure renovate to manage dependencies upgrade.
2022-12-07 17:07:18 +01:00
Nathan Vasse
72017cc5a4 👷(circle) setup circle ci
Add circleci configuration. Add jobs and workflows.
2022-12-07 17:07:18 +01:00
Nathan Vasse
77c2188bad 🧱(global) setup Makefile
Setup Makefile with basic tasks using Docker.
2022-12-07 17:07:18 +01:00
Nathan Vasse
3c74bf5249 🧱(docker) setup
Setup Docker files with Node to run workflows.
2022-12-07 17:07:18 +01:00
Nathan Vasse
62c003780b (demo) add app demo
This demo is useful to test in the real usage of the design system as a real
user that will generate its own customized design tokens, implements the design
system's components, etc ...
2022-12-07 17:07:18 +01:00
Nathan Vasse
4beff43ebe (frontend) add storybook to react repo
Add storybook for the react repo, this will make developing components
enjoyable ! It can also serve as a single source of thruth.
2022-12-07 17:07:18 +01:00
Nathan Vasse
75f2617726 (components) add react repo
This repo only contains a Button which is here only for demonstration purpose.
Its purpose is to contain all the future react-based components of the
design system.
2022-12-07 17:07:18 +01:00
Nathan Vasse
32a48e9e46 (bin) add tokens repo
This repo is made for the bin script that generates the tokens files,
at the moment it only generates a css file, but it is designed to be
able to generate any other file format ( Typescript, Javascript for example )
2022-12-07 17:07:18 +01:00
Nathan Vasse
16172e7a00 🔧(compilation) setup tsconfig package
Add a shared package for tsconfigs splitted between node and frontend concerns
to centralize our standards.
2022-12-07 17:07:18 +01:00
Nathan Vasse
4803b38d34 🔧(lint) setup ESLint package
Add a shared package for ESLint configuration to avoid duplication accross
repos.
2022-12-07 17:07:18 +01:00
Nathan Vasse
2a26279cc2 🔧(global) setup Turborepo and package.json
Add configuration files to make use of Turborepo.
Setup constraints values for package.json regarding node and package manager.
2022-12-07 17:07:18 +01:00
Jean-Baptiste PENRATH
0b532742e7 Initial commit 2022-11-14 16:25:55 +01:00