@navikt/ds-react 2.8.16 → 2.9.1

package/_docs.json

@@ -1641,12 +1641,12 @@
         "name": "onToggle",
         "parent": {
           "fileName": "src/expansion-card/ExpansionCard.tsx",
-          "name": "ExpansionCardProps"
+          "name": "ExpansionCardCommonProps"
         },
         "declarations": [
           {
             "fileName": "src/expansion-card/ExpansionCard.tsx",
-            "name": "ExpansionCardProps"
+            "name": "ExpansionCardCommonProps"
           }
         ],
         "required": false,
@@ -1660,12 +1660,12 @@
         "name": "open",
         "parent": {
           "fileName": "src/expansion-card/ExpansionCard.tsx",
-          "name": "ExpansionCardProps"
+          "name": "ExpansionCardCommonProps"
         },
         "declarations": [
           {
             "fileName": "src/expansion-card/ExpansionCard.tsx",
-            "name": "ExpansionCardProps"
+            "name": "ExpansionCardCommonProps"
           }
         ],
         "required": false,
@@ -1681,12 +1681,12 @@
         "name": "defaultOpen",
         "parent": {
           "fileName": "src/expansion-card/ExpansionCard.tsx",
-          "name": "ExpansionCardProps"
+          "name": "ExpansionCardCommonProps"
         },
         "declarations": [
           {
             "fileName": "src/expansion-card/ExpansionCard.tsx",
-            "name": "ExpansionCardProps"
+            "name": "ExpansionCardCommonProps"
           }
         ],
         "required": false,
@@ -1702,12 +1702,12 @@
         "name": "size",
         "parent": {
           "fileName": "src/expansion-card/ExpansionCard.tsx",
-          "name": "ExpansionCardProps"
+          "name": "ExpansionCardCommonProps"
         },
         "declarations": [
           {
             "fileName": "src/expansion-card/ExpansionCard.tsx",
-            "name": "ExpansionCardProps"
+            "name": "ExpansionCardCommonProps"
           }
         ],
         "required": false,
@@ -1715,37 +1715,72 @@
           "name": "\"medium\" | \"small\""
         }
       },
+      "className": {
+        "defaultValue": null,
+        "description": "",
+        "name": "className",
+        "parent": {
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "HTMLAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "HTMLAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
       "aria-label": {
         "defaultValue": null,
-        "description": "Since ExpansionCard is a section-element, accessible name is required.",
+        "description": "Defines a string value that labels the current element.\n@see aria-labelledby.",
         "name": "aria-label",
         "parent": {
-          "fileName": "src/expansion-card/ExpansionCard.tsx",
-          "name": "ExpansionCardProps"
+          "fileName": "aksel/node_modules/@types/react/index.d.ts",
+          "name": "AriaAttributes"
         },
         "declarations": [
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "AriaAttributes"
+          },
           {
             "fileName": "src/expansion-card/ExpansionCard.tsx",
-            "name": "ExpansionCardProps"
+            "name": "TypeLiteral"
+          },
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "AriaAttributes"
           }
         ],
-        "required": true,
+        "required": false,
         "type": {
           "name": "string"
         }
       },
-      "className": {
+      "aria-labelledby": {
         "defaultValue": null,
-        "description": "",
-        "name": "className",
+        "description": "Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",
+        "name": "aria-labelledby",
         "parent": {
           "fileName": "aksel/node_modules/@types/react/index.d.ts",
-          "name": "HTMLAttributes"
+          "name": "AriaAttributes"
         },
         "declarations": [
           {
             "fileName": "aksel/node_modules/@types/react/index.d.ts",
-            "name": "HTMLAttributes"
+            "name": "AriaAttributes"
+          },
+          {
+            "fileName": "aksel/node_modules/@types/react/index.d.ts",
+            "name": "AriaAttributes"
+          },
+          {
+            "fileName": "src/expansion-card/ExpansionCard.tsx",
+            "name": "TypeLiteral"
           }
         ],
         "required": false,
@@ -2917,7 +2952,7 @@
     "props": {
       "maxLength": {
         "defaultValue": null,
-        "description": "Allowed character-count for content\n@note This is just a visual validator, you need to set actual character-limits if needed",
+        "description": "Allowed character-count for content\n@note This is just a visual indicator! You will need to handle actual character-limits/validation if needed",
         "name": "maxLength",
         "parent": {
           "fileName": "src/form/Textarea.tsx",

package/esm/expansion-card/ExpansionCard.d.ts

@@ -9,7 +9,7 @@ interface ExpansionCardComponent extends React.ForwardRefExoticComponent<Expansi
     Description: ExpansionCardDescriptionType;
     Content: ExpansionCardContentType;
 }
-export interface ExpansionCardProps extends React.HTMLAttributes<HTMLDivElement> {
+interface ExpansionCardCommonProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     /**
      * Callback for when Card is toggled open/closed
@@ -29,16 +29,18 @@ export interface ExpansionCardProps extends React.HTMLAttributes<HTMLDivElement>
      * @default "medium"
      */
     size?: "medium" | "small";
-    /**
-     * Since ExpansionCard is a section-element, accessible name is required.
-     */
-    ["aria-label"]: string;
 }
+type ExpansionCardConditionalProps = {
+    ["aria-label"]: string;
+} | {
+    ["aria-labelledby"]: string;
+};
 export type ExpansionCardContextProps = {
     open: boolean;
     toggleOpen: () => void;
     size: "medium" | "small";
 };
 export declare const ExpansionCardContext: React.Context<ExpansionCardContextProps>;
+export type ExpansionCardProps = ExpansionCardCommonProps & ExpansionCardConditionalProps;
 export declare const ExpansionCard: ExpansionCardComponent;
 export default ExpansionCard;

package/esm/expansion-card/ExpansionCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpansionCard.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,oBAEN,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,mBAEN,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAC;AA6C9B,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAA4B;IAC3E,IAAI,EAAE,KAAK;IACX,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,IAAI,EAAE,QAAQ;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cANT,wDAOC,CADQ;IAIT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,MAAM,CAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEpE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,MAAM,OAAO,GAAG,CAAC,KAAK,CAAC;YACvB,QAAQ,CAAC,OAAO,CAAC,CAAC;YAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,OAAO,CAAC,CAAC;SACrB;aAAM;YACL,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,IAAI,CAAC,CAAC;SACnB;QACD,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE;QAE5D,iDACM,IAAI,IACR,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,SAAS,EACT,wBAAwB,IAAI,EAAE,EAC9B;gBACE,2BAA2B,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;gBAC1C,8BAA8B,EAAE,CAAC,UAAU,CAAC,OAAO;aACpD,CACF,EACD,GAAG,EAAE,GAAG,IACR,CAC4B,CACjC,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,aAAa,CAAC,MAAM,GAAG,mBAAmB,CAAC;AAC3C,aAAa,CAAC,OAAO,GAAG,oBAAoB,CAAC;AAC7C,aAAa,CAAC,KAAK,GAAG,kBAAkB,CAAC;AACzC,aAAa,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAErD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ExpansionCard.js","sourceRoot":"","sources":["../../src/expansion-card/ExpansionCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,oBAEN,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,mBAEN,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAC;AAoD9B,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAA4B;IAC3E,IAAI,EAAE,KAAK;IACX,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,IAAI,EAAE,QAAQ;CACf,CAAC,CAAC;AAKH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cANT,wDAOC,CADQ;IAIT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,MAAM,CAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEpE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,MAAM,OAAO,GAAG,CAAC,KAAK,CAAC;YACvB,QAAQ,CAAC,OAAO,CAAC,CAAC;YAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,OAAO,CAAC,CAAC;SACrB;aAAM;YACL,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,IAAI,CAAC,CAAC;SACnB;QACD,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE;QAE5D,iDACM,IAAI,IACR,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,SAAS,EACT,wBAAwB,IAAI,EAAE,EAC9B;gBACE,2BAA2B,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK;gBAC1C,8BAA8B,EAAE,CAAC,UAAU,CAAC,OAAO;aACpD,CACF,EACD,GAAG,EAAE,GAAG,IACR,CAC4B,CACjC,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,aAAa,CAAC,MAAM,GAAG,mBAAmB,CAAC;AAC3C,aAAa,CAAC,OAAO,GAAG,oBAAoB,CAAC;AAC7C,aAAa,CAAC,KAAK,GAAG,kBAAkB,CAAC;AACzC,aAAa,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAErD,eAAe,aAAa,CAAC"}

package/esm/form/Textarea.d.ts

@@ -6,7 +6,7 @@ import { FormFieldProps } from "./useFormField";
 export interface TextareaProps extends FormFieldProps, React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     /**
      * Allowed character-count for content
-     * @note This is just a visual validator, you need to set actual character-limits if needed
+     * @note This is just a visual indicator! You will need to handle actual character-limits/validation if needed
      */
     maxLength?: number;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "2.8.16",
+  "version": "2.9.1",
   "description": "Aksel react-components for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -38,8 +38,8 @@
   },
   "dependencies": {
     "@floating-ui/react": "0.17.0",
-    "@navikt/aksel-icons": "^2.8.16",
-    "@navikt/ds-icons": "^2.8.16",
+    "@navikt/aksel-icons": "^2.9.1",
+    "@navikt/ds-icons": "^2.9.1",
     "@radix-ui/react-tabs": "1.0.0",
     "@radix-ui/react-toggle-group": "1.0.0",
     "clsx": "^1.2.1",

package/src/expansion-card/ExpansionCard.tsx

@@ -25,7 +25,7 @@ interface ExpansionCardComponent
   Content: ExpansionCardContentType;
 }
 
-export interface ExpansionCardProps
+interface ExpansionCardCommonProps
   extends React.HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode;
   /**
@@ -49,9 +49,16 @@ export interface ExpansionCardProps
   /**
    * Since ExpansionCard is a section-element, accessible name is required.
    */
-  ["aria-label"]: string;
 }
 
+type ExpansionCardConditionalProps =
+  | {
+      ["aria-label"]: string;
+    }
+  | {
+      ["aria-labelledby"]: string;
+    };
+
 export type ExpansionCardContextProps = {
   open: boolean;
   toggleOpen: () => void;
@@ -64,6 +71,9 @@ export const ExpansionCardContext = createContext<ExpansionCardContextProps>({
   size: "medium",
 });
 
+export type ExpansionCardProps = ExpansionCardCommonProps &
+  ExpansionCardConditionalProps;
+
 export const ExpansionCard = forwardRef<HTMLDivElement, ExpansionCardProps>(
   (
     {

package/src/form/Textarea.tsx

@@ -13,7 +13,7 @@ export interface TextareaProps
     React.TextareaHTMLAttributes<HTMLTextAreaElement> {
   /**
    * Allowed character-count for content
-   * @note This is just a visual validator, you need to set actual character-limits if needed
+   * @note This is just a visual indicator! You will need to handle actual character-limits/validation if needed
    */
   maxLength?: number;
   /**