paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 44 Packages Projects Releases Wiki Activity

Update class names

Browse Source 
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2025-06-16 23:10:05 +01:00
parent 35fd51dc33
commit 1f4f5a2a9e
6 changed files with 21 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/canon/.storybook/main.ts
+1 -4
View File
@@ -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'),
packages/canon/css/components.css
+4 -4
View File
@@ -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);
packages/canon/css/fieldlabel.css
+4 -4
View File
@@ -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);
packages/canon/css/styles.css
+4 -4
View File
@@ -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);
packages/canon/src/components/FieldLabel/FieldLabel.styles.css
+4 -4
View File
@@ -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);
packages/canon/src/components/FieldLabel/FieldLabel.tsx
+4 -4
View File
@@ -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>
);