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
7913075faf
🍱 (demo) change favicon application
...
Change favicon and title
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
jbpenrath
be1e2e2614
💄 (react) make modal backdrop color customisable
...
As we cannot user CSS vars into backdrop pseudo element, we decide to
create a dom element to simulate the modal backdrop.
Resolve #257
2024-02-15 14:54:17 +01:00
Nathan Vasse
fac203314f
📝 (readme) add demo link to main README
...
As we deploy the demo site on gh-pages we now want to provide a link
on the main README.
2024-02-15 14:44:17 +01:00
Nathan Vasse
a044367d41
👷 (ci) deploy demo app on gh-pages
...
We want to provide a public access to our demo app.
2024-02-15 14:44:17 +01:00
Nathan Vasse
c815c4234b
📝 (doc) fix new storybook doc url
...
In the previous PR we forgot to update all the URLs.
2024-02-14 17:31:31 +01:00
Nathan Vasse
def859ee0b
👷 (ci) put storybook build in a gh-pages sub folder
...
Our main goal doing this is to allow us to have multiple static build
standing next to each other on our gh-pages.
2024-02-14 15:47:44 +01:00
Lebaud Antoine
9795b7184b
🩹 (react) fix DateRangePicker layout overflow
...
Resolved a width conflict in the date range picker where the field width
conflicted with the component's min-width. This caused content
overflow in the field container, resulting in layout issues.
2024-02-14 10:39:34 +01:00
Nathan Vasse
f685abb36c
♻️ (react) use info design tokens
...
Some info variant of components were using primary design token instead
of info.
2024-02-13 15:14:05 +01:00
Nathan Vasse
162809dd9c
♻️ (react) remove disabled from getItemProps
...
This way triggering thousands of warnings in the console and during tests.
Removing it works because it seems that having item.disabled set allows
to not having to use isItemDisabled.
2024-02-13 10:36:14 +01:00
Nathan Vasse
ebfccc1f99
🐛 (react) fix DatePicker dropdowns
...
When having a start date, using the year or month dropdown was
causing the calendar to abruptly close.
Fixes #244
2024-02-13 10:36:14 +01:00
Nathan Vasse
b0eff283a1
📝 (react) enhance Application demo form
...
This form was not using multi select, adding it provides a way to
easily interact with all the form component in a single form making
sure they all work.
2024-02-12 11:46:09 +01:00
Nathan Vasse
f16eed9a6d
🐛 (react) fix Select submit button
...
As the default type of button is "submit", when including a Select
inside a form, clicking on any of its button was triggering form
submission.
2024-02-12 11:46:09 +01:00
Nathan Vasse
e79768c7ce
🐛 (react) fix DatePicker submit button
...
As the default type of button is "submit", when including a DatePicker
inside a form, clicking on any of its button was triggering form
submission.
Fixes #245
2024-02-12 11:46:09 +01:00
Nathan Vasse
009714a89d
♻️ (tokens) migrate to Commander 12.0.0
...
Commander changed the way they throw errors and our implementations was
causing issue with tests.
2024-02-12 11:37:18 +01:00
renovate[bot]
364a15596a
⬆️ (dependencies) update js dependencies
2024-02-12 11:37:18 +01:00
Nathan Vasse
a32bac75db
🐛 (react) fix missing selected option of Select
...
In some cases, when the options were newly built object, due to the
fact that we were using object equality to check for the current selected
item, it was not working in those cases.
2024-02-06 11:24:12 +01:00
Nathan Vasse
7649366006
💄 (react) update select pills remove button
...
The button was still using the old tertiary buttons which resulted
in a odd background color, we want this button to have a transparent
background.
2024-02-05 17:54:29 +01:00
Nathan Vasse
d61ab65d82
🐛 (react) fix multi select menu opening
...
At first we had a simple bug were it was not possible to open the
menu by clicking on the label. This fix is a rework to consider
the select wrapper as the toggle button itself, which is what we
do on the mono version. This change caused various tests to fail.
2024-02-05 17:54:29 +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
81e4da1d36
♻️ (react) add colorFromType
...
This utils allows to give the appropriate color palette for each
AlertType | ToastType value.
2024-02-05 15:23:03 +01:00
Nathan Vasse
3d4236c7bd
🏷️ (react) add WithOptional type
...
This type allows to make only specific attributes optionnal where
the existing Partial<T> makes all the attributes optionnal. Its
first use will be for Modals.
2024-02-05 15:23:03 +01:00
Nathan Vasse
7dcf08d308
🤡 (react) add HTMLDialog mock
...
As JestDOM does not mock this element, we need to do it in order to
make Modal work in test environement.
2024-02-05 15:23:03 +01:00
Nathan Vasse
141d712a47
🔧 (git) add .turbo folder to .gitgnore
...
Ignore this cache folder that must only be stored locally.
2024-02-05 15:00:34 +01:00
renovate[bot]
a92ef3244b
⬆️ (dependencies) update js dependencies
2024-01-29 16:34:31 +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
renovate[bot]
b870fbb760
⬆️ (dependencies) update js dependencies
2024-01-22 17:29:30 +01:00
renovate[bot]
894bf5c155
⬆️ (dependencies) update js dependencies
2024-01-18 17:47:47 +01:00
Nathan Vasse
baba9ab00a
💄 (react) change DatePicker clear icon
...
The close icon was not homogeneous with the other form inputs.
Fixes #229
2024-01-17 10:14:24 +01:00
Nathan Vasse
97a54ee6ae
🐛 (react) fix TextArea value color
...
The dedicated token was not used, so here it is.
Fixes #230
2024-01-16 17:44:00 +01:00
Nathan Vasse
1b049f5b03
🧪 (react) fix Toast flacky test
...
This tests was sometimes failing due to this really low duration of
the Toast.
2024-01-08 16:34:43 +01:00
renovate[bot]
08b5f75b38
⬆️ (dependencies) update js dependencies
2024-01-08 16:34:43 +01:00
Nathan Vasse
cef284b6ab
💄 (react) update Alert and Toast icons
...
For aesthetic reasons we decided to use the circled versions of
icons.
2024-01-08 15:49:34 +01:00
Nathan Vasse
77921e018c
➕ (react) switch icons to material-icons-outlined
...
We decided to switch to this new icons family for aesthetic reasons.
2024-01-08 15:49:34 +01:00
Nathan Vasse
540cdc6896
💄 (react) update Alert and Toast icon size
...
We realized that even if the Figma sketches indicates that the icons
are 16px in reality the rendered DOM was not visualy matching the
sketches. We needs 19px to match the sketches.
2024-01-08 15:49:34 +01:00
Nathan Vasse
5c5964cf9d
🐛 (react) change most tertiary buttons to tertiary-text
...
Since the addition of tertiary-text variant, the original tertiary
variant has seen its background color changing from transparent to
greyscale-100, the change has impacted lots of components making
them look odd. So that's why I updated most of old tertiary to
tertiary-text.
Fixes #223
2024-01-08 15:26:37 +01:00
Nathan Vasse
1787df0853
✨ (react) add ToastProvider to CunninghamProvider
...
This allows the consumer to use useToastProvider very easily, it avoids
thinking of explicity adding ToastProvider to apps that needs toasts.
2024-01-05 16:38:09 +01:00
Nathan Vasse
692b4a817d
📝 (react) add Toast doc
...
With various examples and how-to guides.
2024-01-05 16:38:09 +01:00
Nathan Vasse
132b676ff7
✨ (react) add Toast component
...
This component allows to create dynamic Toast appearing at the bottom
of the screen for few seconds.
2024-01-05 16:38:09 +01:00
Nathan Vasse
dd1a677a76
🧵 (react) add Queue util
...
This util processes function given to it sequentially, using a FIFO
strategy.
2024-01-05 16:38:09 +01:00