feat: legg til nytt compact-API og deprecate det eksisterende

fremtind · Sep 7, 2022 · 47c0f5d · 47c0f5d
1 parent 45db6c2
commit 47c0f5d
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/packages/core/src/components/Label.tsx b/packages/core/src/components/Label.tsx
@@ -6,6 +6,15 @@ import { WithChildren } from "../types";
 export interface LabelProps extends WithChildren {
     id?: string;
     variant?: LabelVariant;
+    /**
+     * Skal bare brukes i informasjonstette applikasjoner.
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * @default false
+     * @deprecated Bruk compact
+     */
     forceCompact?: boolean;
     srOnly?: boolean;
     standAlone?: boolean;
@@ -15,6 +24,7 @@ export interface LabelProps extends WithChildren {
 
 export const Label: FC<LabelProps> = ({
     variant = "small",
+    compact,
     forceCompact,
     srOnly,
     children,
@@ -25,7 +35,7 @@ export const Label: FC<LabelProps> = ({
 }) => {
     const labelClassNames = classNames("jkl-label", className, {
         [`jkl-label--${variant}`]: variant,
-        "jkl-label--compact": forceCompact,
+        "jkl-label--compact": compact || forceCompact,
         "jkl-label--sr-only": srOnly,
     });
 

diff --git a/packages/core/src/components/SupportLabel.tsx b/packages/core/src/components/SupportLabel.tsx
@@ -36,6 +36,15 @@ export interface SupportLabelProps {
     id: string;
     helpLabel?: string;
     errorLabel?: string;
+    /**
+     * Skal bare brukes i informasjonstette applikasjoner.
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * @default false
+     * @deprecated Bruk compact
+     */
     forceCompact?: boolean;
     className?: string;
     srOnly?: boolean;
@@ -45,6 +54,7 @@ export const SupportLabel: FC<SupportLabelProps> = ({
     id,
     helpLabel,
     errorLabel,
+    compact,
     forceCompact,
     className,
     srOnly,
@@ -54,7 +64,7 @@ export const SupportLabel: FC<SupportLabelProps> = ({
 
     const componentClassName = hasLabel
         ? cn("jkl-form-support-label", className, {
-              "jkl-form-support-label--compact": forceCompact,
+              "jkl-form-support-label--compact": compact || forceCompact,
               "jkl-form-support-label--error": errorLabel,
               "jkl-form-support-label--help": !errorLabel,
               "jkl-form-support-label--sr-only": srOnly,