💄(react) fix DatePicker label focused

The label of the DatePicker was not using the specific focus color.

.changeset/purple-experts-heal.md

@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+fix DatePicker label focused

packages/react/src/components/Forms/DatePicker/index.mdx

@@ -180,5 +180,6 @@ Here are the custom design tokens defined by the datepicker.
 | grid-cell--border-color--today | Border color of the today grid-cell    	|
 | grid-cell--color--today | Value color of the today grid-cell    	|
 | range-selection-background-color | Value color of the selected grid-cells    	|
+| label-color--focus | Label color when focused    	|
 
 See also [Field](?path=/story/components-forms-field-doc--page)

packages/react/src/components/Forms/DatePicker/index.scss

@@ -203,6 +203,10 @@
     .c__date-picker__wrapper__toggle {
       color: var(--c--components--forms-datepicker--border-color--focus) !important;
     }
+
+    label {
+      color: var(--c--components--forms-datepicker--label-color--focus);
+    }
   }
 
   &--focused {

packages/react/src/components/Forms/DatePicker/tokens.ts

@@ -25,4 +25,5 @@ export const tokens = (defaults: DefaultTokens) => ({
     defaults.theme.colors["greyscale-100"],
   "grid-cell--border-color--today": defaults.theme.colors["primary-600"],
   "grid-cell--color--today": defaults.theme.colors["primary-600"],
+  "label-color--focus": defaults.theme.colors["primary-600"],
 });

packages/react/src/cunningham-tokens.css

@@ -203,6 +203,7 @@
 	--c--components--forms-datepicker--range-selection-background-color--disabled: var(--c--theme--colors--greyscale-100);
 	--c--components--forms-datepicker--grid-cell--border-color--today: var(--c--theme--colors--primary-600);
 	--c--components--forms-datepicker--grid-cell--color--today: var(--c--theme--colors--primary-600);
+	--c--components--forms-datepicker--label-color--focus: var(--c--theme--colors--primary-600);
 	--c--components--forms-checkbox--background-color--hover: var(--c--theme--colors--greyscale-200);
 	--c--components--forms-checkbox--background-color: white;
 	--c--components--forms-checkbox--font-size: var(--c--theme--font--sizes--m);