studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
441 Commits 1 Branch 0 Tags
1adff4a1653998a30f9a182830ca2153d4832d65
Commit Graph

33 Commits

Author SHA1 Message Date
jbpenrath
1adff4a165 💄(demo) fix layout issue 
The previous fix introduces a new layout issue. Let's fix that properly.
..
 2024-02-15 18:04:48 +01:00
jbpenrath
ea74307b9b 💄(demo) fix asset path and layout issue 
Asset paths were wrong so once built the application contained broken
links. Then fix a layout issue.
 2024-02-15 17:23:40 +01:00
jbpenrath
ec4fbb082c 💄(demo) improve some default style 
Improve typography responsive and customize card design tokens for the
dark theme
 2024-02-15 17:05:06 +01:00
jbpenrath
d119b79c3f ✨(demo) add a footer 
Add a footer to display some useful links
 2024-02-15 17:05:06 +01:00
jbpenrath
bacd9446b4 ✨(demo) add onboarding modal 
On first visit, display an onboarding modal to explain the purpose of
this demo.
 2024-02-15 17:05:06 +01:00
jbpenrath
86138df8fe ✨(demo) use modal to show create form 
Now that we have a modal component, let's use it to display our creation
 form.
 2024-02-15 17:05:06 +01:00
jbpenrath
ca56ab32c7 💄(demo) add blueney theme 
Add a dark theme inspired by another famous streaming platform with blue
 tint.
 2024-02-15 17:05:06 +01:00
jbpenrath
270357bc7e 💄(demo) add reflux theme 
Add a dark theme inspired by a famous streaming platform
with red tint.
 2024-02-15 17:05:06 +01:00
jbpenrath
cd476ae82b ✨(demo) improve create form submit 
Take in account more fields. Use a form instead a ref to retrieve values
 easily.
 2024-02-15 17:05:06 +01:00
jbpenrath
7320671589 💬(demo) transform gender form into sex 
To stick to civil information we rename gender field to sex.
 2024-02-15 17:05:06 +01:00
jbpenrath
0ade12251e ✨(demo) add theme selector 
As we aims to create several themes for this demo app, we add a select
to easily switch between all existing themes.
 2024-02-15 17:05:06 +01:00
Nathan Vasse
1445f4a222 ✨(react) add Modal 
Here it is! Our really wanted Modal component, based on Figma sketches.
 2024-02-05 15:23:03 +01:00
Nathan Vasse
3616c72673 ✨(demo) new demo 
This new demo aims to take advantage of all the new Cunningham's
components. The old demo was kind of a draft, this new one gives
a better overview of what Cunningham is capable of.
 2024-01-25 15:58:33 +01:00
Lebaud Antoine
36eedc61c0 🩹(demo) update stylesheet to use modern SASS 
Replaced deprecated '@import' with '@use' to align with best practices.
 2023-10-24 20:32:42 +02:00
Nathan Vasse
8b1dbd2f25 ✨(demo) add themes handling 
We now can switch theme directly inside the demo app.
 2023-10-04 15:18:00 +02:00
Nathan Vasse
d85f9edac8 🚨(lint) update file for prettier 3.0.0 
Prettier 3.0.0 comes with new standards so we need to upgrade our files
to comply with it.
 2023-07-18 16:59:39 +02:00
Nathan Vasse
a526243667 ♻️(demo) demonstrate token references 
Demonstrate the use of token references by editing the greyscale
color which is used by lots of components.
 2023-07-07 15:06:18 +02:00
Lebaud Antoine
2a5533962d 💄(demo) update default cunningham tokens 
Update default demo app design tokens to
avoid unnecessary changes unrelated to branch work.
 2023-06-27 11:03:57 +02:00
Romain Le Cellier
0e6532f098 🎨(all) global lint 
Executiing `yarn format` should not generate any changes in the
project.
Apply yarn format to all files.
 2023-05-05 10:54:50 +02:00
Nathan Vasse
edf4563e3e 🔧(demo) update tokens file 
The existing file was a bit outdated, we regenerate them in order to
keep things as fresh as possible.
 2023-04-27 15:34:15 +02:00
jbpenrath
b79c23da30 💫(tokens) change transitions timing functions 
Increase duration by 50ms then switch to ease cubic timing function in
order to get smoother but enough speed transitions.
 2023-04-12 17:21:19 +02:00
Nathan Vasse
1f0d890cb3 ✨(fonts) allow async font loading 
Vite automatically inline assets in CSS in lib mode and this is
hardcoded in it. After multiple approaches it seems that this one
is the most trivial and easy-to-maintain one.
 2023-03-28 12:00:27 +02:00
Nathan Vasse
2d80722a18 ✨(demo) upgrade demo app 
Add the locale switching feature.
 2023-03-28 12:00:27 +02:00
Nathan Vasse
88e478d9f6 ✨(react) add Pagination component 
In order to create a DataGrid we first need a fully working pagination
component. It comes with multiples working examples in the documentation.
 2023-03-28 12:00:27 +02:00
Nathan Vasse
980c80c784 ➕(react) add material icons 
We need some icons to implement the Pagination and the DataGrid.
 2023-03-28 12:00:27 +02:00
Nathan Vasse
2a5acea4a4 ✨(tokens) css utility classes are now optionnal 
Previously, when using the cunningham bin to build tokens, the CSS
file always included utility classes, resulting in duplicated CSS
utility classes on the consumer side if no specific CSS optimizer
is defined ( its local cunningham-tokens.css + the one from the
react package ). Now, this new feature introduces a param named
--utility-classes that must be provided to generate those classes.
This params is henceforth only provided to the bin inside the tokens
package.
 2023-02-21 09:29:24 +01:00
Nathan Vasse
cd88e46537 ♻️(react) split fonts in a seperate CSS file 
Fonts were de-facto included in the bundled dist/style.css file which
wasn't convenient in situations were consumers wanted to import fonts
by themselves.
 2023-02-21 09:29:24 +01:00
Nathan Vasse
b908136224 ✨(tokens) generate css utility classes 
These were the missing parts in order to use every design tokens
of Cunningham. Including: spacing, font weight, size, family, and
colors. In order to be really versatile and to allow users to
define new design tokens I had to re-organize the way those tokens
are sub divided in sub objects in cunningham.ts file. That's why
sub division are created for theme.typ.sizes for instance.
 2023-01-20 17:00:31 +01:00
Nathan Vasse
3bb74d8594 🔧(demo) update demo app to customize official tokens 
Showcase how to customize an official design token.
 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
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
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
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