From 1f4f5a2a9e8ecbe3bb81e29fd8f924649f1a8f94 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Mon, 16 Jun 2025 23:10:05 +0100
Subject: [PATCH] Update class names

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 packages/canon/.storybook/main.ts                         | 5 +----
 packages/canon/css/components.css                         | 8 ++++----
 packages/canon/css/fieldlabel.css                         | 8 ++++----
 packages/canon/css/styles.css                             | 8 ++++----
 .../canon/src/components/FieldLabel/FieldLabel.styles.css | 8 ++++----
 packages/canon/src/components/FieldLabel/FieldLabel.tsx   | 8 ++++----
 6 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/packages/canon/.storybook/main.ts b/packages/canon/.storybook/main.ts
index e58c0f182f..3020ade96e 100644
--- a/packages/canon/.storybook/main.ts
+++ b/packages/canon/.storybook/main.ts
@@ -9,10 +9,7 @@ function getAbsolutePath(value: string): string {
   return dirname(require.resolve(join(value, 'package.json')));
 }
 const config: StorybookConfig = {
-  stories: [
-    '../src/components/**/*.stories.@(js|jsx|mjs|ts|tsx)',
-    '../src/stories/**/*.stories.@(js|jsx|mjs|ts|tsx)',
-  ],
+  stories: ['../src/components/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   staticDirs: ['../static'],
   addons: [
     getAbsolutePath('@storybook/addon-webpack5-compiler-swc'),
diff --git a/packages/canon/css/components.css b/packages/canon/css/components.css
index 8d133abfb0..b4ee5fb6e8 100644
--- a/packages/canon/css/components.css
+++ b/packages/canon/css/components.css
@@ -257,14 +257,14 @@
   min-width: 10.5rem;
 }
 
-.canon-TextFieldLabelWrapper {
+.canon-FieldLabel {
   margin-bottom: var(--canon-space-3);
   gap: var(--canon-space-1);
   flex-direction: column;
   display: flex;
 }
 
-.canon-TextFieldLabel {
+.canon-FieldLabelLabel {
   color: var(--canon-fg-primary);
   cursor: pointer;
   font-weight: var(--canon-font-weight-regular);
@@ -272,13 +272,13 @@
   margin-right: auto;
 }
 
-.canon-TextFieldSecondaryLabel {
+.canon-FieldLabelSecondaryLabel {
   color: var(--canon-fg-secondary);
   font-weight: var(--canon-font-weight-regular);
   margin-left: var(--canon-space-1);
 }
 
-.canon-TextFieldDescription {
+.canon-FieldLabelDescription {
   font-weight: var(--canon-font-weight-regular);
   font-size: var(--canon-font-size-2);
   color: var(--canon-fg-secondary);
diff --git a/packages/canon/css/fieldlabel.css b/packages/canon/css/fieldlabel.css
index e8369ae92e..1b708ed580 100644
--- a/packages/canon/css/fieldlabel.css
+++ b/packages/canon/css/fieldlabel.css
@@ -1,11 +1,11 @@
-.canon-TextFieldLabelWrapper {
+.canon-FieldLabel {
   margin-bottom: var(--canon-space-3);
   gap: var(--canon-space-1);
   flex-direction: column;
   display: flex;
 }
 
-.canon-TextFieldLabel {
+.canon-FieldLabelLabel {
   color: var(--canon-fg-primary);
   cursor: pointer;
   font-weight: var(--canon-font-weight-regular);
@@ -13,13 +13,13 @@
   margin-right: auto;
 }
 
-.canon-TextFieldSecondaryLabel {
+.canon-FieldLabelSecondaryLabel {
   color: var(--canon-fg-secondary);
   font-weight: var(--canon-font-weight-regular);
   margin-left: var(--canon-space-1);
 }
 
-.canon-TextFieldDescription {
+.canon-FieldLabelDescription {
   font-weight: var(--canon-font-weight-regular);
   font-size: var(--canon-font-size-2);
   color: var(--canon-fg-secondary);
diff --git a/packages/canon/css/styles.css b/packages/canon/css/styles.css
index d6576ddb42..f9d4f824a0 100644
--- a/packages/canon/css/styles.css
+++ b/packages/canon/css/styles.css
@@ -9481,14 +9481,14 @@
   min-width: 10.5rem;
 }
 
-.canon-TextFieldLabelWrapper {
+.canon-FieldLabel {
   margin-bottom: var(--canon-space-3);
   gap: var(--canon-space-1);
   flex-direction: column;
   display: flex;
 }
 
-.canon-TextFieldLabel {
+.canon-FieldLabelLabel {
   color: var(--canon-fg-primary);
   cursor: pointer;
   font-weight: var(--canon-font-weight-regular);
@@ -9496,13 +9496,13 @@
   margin-right: auto;
 }
 
-.canon-TextFieldSecondaryLabel {
+.canon-FieldLabelSecondaryLabel {
   color: var(--canon-fg-secondary);
   font-weight: var(--canon-font-weight-regular);
   margin-left: var(--canon-space-1);
 }
 
-.canon-TextFieldDescription {
+.canon-FieldLabelDescription {
   font-weight: var(--canon-font-weight-regular);
   font-size: var(--canon-font-size-2);
   color: var(--canon-fg-secondary);
diff --git a/packages/canon/src/components/FieldLabel/FieldLabel.styles.css b/packages/canon/src/components/FieldLabel/FieldLabel.styles.css
index 5fee3d76a4..174e7f7326 100644
--- a/packages/canon/src/components/FieldLabel/FieldLabel.styles.css
+++ b/packages/canon/src/components/FieldLabel/FieldLabel.styles.css
@@ -1,11 +1,11 @@
-.canon-TextFieldLabelWrapper {
+.canon-FieldLabel {
   display: flex;
   flex-direction: column;
   margin-bottom: var(--canon-space-3);
   gap: var(--canon-space-1);
 }
 
-.canon-TextFieldLabel {
+.canon-FieldLabelLabel {
   color: var(--canon-fg-primary);
   margin-right: auto;
   cursor: pointer;
@@ -13,13 +13,13 @@
   font-size: var(--canon-font-size-2);
 }
 
-.canon-TextFieldSecondaryLabel {
+.canon-FieldLabelSecondaryLabel {
   color: var(--canon-fg-secondary);
   font-weight: var(--canon-font-weight-regular);
   margin-left: var(--canon-space-1);
 }
 
-.canon-TextFieldDescription {
+.canon-FieldLabelDescription {
   font-weight: var(--canon-font-weight-regular);
   font-size: var(--canon-font-size-2);
   color: var(--canon-fg-secondary);
diff --git a/packages/canon/src/components/FieldLabel/FieldLabel.tsx b/packages/canon/src/components/FieldLabel/FieldLabel.tsx
index 713f7fb78b..03db922279 100644
--- a/packages/canon/src/components/FieldLabel/FieldLabel.tsx
+++ b/packages/canon/src/components/FieldLabel/FieldLabel.tsx
@@ -25,14 +25,14 @@ export const FieldLabel = forwardRef<HTMLDivElement, FieldLabelProps>(
     if (!label) return null;
 
     return (
-      <div className="canon-TextFieldLabelWrapper" ref={ref}>
+      <div className="canon-FieldLabel" ref={ref}>
         {label && (
-          <Label className="canon-TextFieldLabel">
+          <Label className="canon-FieldLabelLabel">
             {label}
             {secondaryLabel && (
               <span
                 aria-hidden="true"
-                className="canon-TextFieldSecondaryLabel"
+                className="canon-FieldLabelSecondaryLabel"
               >
                 ({secondaryLabel})
               </span>
@@ -40,7 +40,7 @@ export const FieldLabel = forwardRef<HTMLDivElement, FieldLabelProps>(
           </Label>
         )}
         {description && (
-          <div className="canon-TextFieldDescription">{description}</div>
+          <div className="canon-FieldLabelDescription">{description}</div>
         )}
       </div>
     );