Merged in fix/SW-2188-disable-fields-logged-in-user-enter-details (pull request #2595)

fix(SW-2188): disable enter details fields when logged in

* fix(SW-2188): disable enter details fields when logged in


Approved-by: Anton Gunnarsson

packages/design-system/lib/components/Label/Label.tsx

@@ -7,6 +7,7 @@ export function Label({
   className,
   selected,
   required,
+  disabled,
   size,
 }: LabelProps) {
   const classNames = labelVariants({
@@ -14,6 +15,7 @@ export function Label({
     size,
     required,
     selected,
+    disabled,
   })
 
   return <span className={classNames}>{children}</span>

packages/design-system/lib/components/Label/label.module.css

@@ -61,11 +61,10 @@ textarea[value]:not([value='']) ~ .label,
   margin-bottom: var(--Space-x025);
 }
 
-input:disabled,
-textarea:disabled {
-  & ~ .label {
-    color: var(--Text-Interactive-Disabled);
-  }
+.label.disabled,
+input:disabled ~ .label,
+textarea:disabled ~ .label {
+  color: var(--Text-Interactive-Disabled);
 }
 
 @media (hover: hover) {

packages/design-system/lib/components/Label/variants.ts

@@ -15,6 +15,9 @@ export const labelVariants = cva(styles.label, {
     selected: {
       true: styles.selected,
     },
+    disabled: {
+      true: styles.disabled,
+    },
   },
   defaultVariants: {
     size: 'regular',