@navikt/ds-react 6.0.0-alpha.1 → 6.0.0-alpha.7

package/_docs.json

@@ -2086,60 +2086,6 @@
           "name": "string"
         }
       },
-      "aria-label": {
-        "defaultValue": null,
-        "description": "Defines a string value that labels the current element.\nShould be set if not using 'aria-labelledby'\n@see aria-labelledby.",
-        "name": "aria-label",
-        "parent": {
-          "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": "TypeLiteral"
-          },
-          {
-            "fileName": "Aksel/node_modules/@types/react/index.d.ts",
-            "name": "AriaAttributes"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "aria-labelledby": {
-        "defaultValue": null,
-        "description": "Identifies the element (or elements) that labels the current element.\nShould be set if not using 'aria-label'\n@see aria-describedby.",
-        "name": "aria-labelledby",
-        "parent": {
-          "fileName": "Aksel/node_modules/@types/react/index.d.ts",
-          "name": "AriaAttributes"
-        },
-        "declarations": [
-          {
-            "fileName": "Aksel/node_modules/@types/react/index.d.ts",
-            "name": "AriaAttributes"
-          },
-          {
-            "fileName": "Aksel/node_modules/@types/react/index.d.ts",
-            "name": "AriaAttributes"
-          },
-          {
-            "fileName": "src/expansion-card/ExpansionCard.tsx",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
       "ref": {
         "defaultValue": null,
         "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref).\n@see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom",
@@ -11082,6 +11028,82 @@
           "name": "\"absolute\" | \"fixed\""
         }
       },
+      "month": {
+        "defaultValue": null,
+        "description": "The month displayed in the calendar.\n\nAs opposed to {@link DayPickerBase.defaultMonth}, use this prop with {@link DayPickerBase.onMonthChange} to\nchange the month programmatically.",
+        "name": "month",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "DayPickerBase"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "DayPickerBase"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Date"
+        }
+      },
+      "onMonthChange": {
+        "defaultValue": null,
+        "description": "Event fired when the user navigates between months.",
+        "name": "onMonthChange",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "DayPickerBase"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "DayPickerBase"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "MonthChangeEventHandler"
+        }
+      },
+      "today": {
+        "defaultValue": null,
+        "description": "The today’s date. Default is the current date. This Date will get the\n`today` modifier to style the day.",
+        "name": "today",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "DayPickerBase"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "DayPickerBase"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Date"
+        }
+      },
+      "onDayClick": {
+        "defaultValue": null,
+        "description": "",
+        "name": "onDayClick",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "DayPickerBase"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "DayPickerBase"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "DayClickEventHandler"
+        }
+      },
       "mode": {
         "defaultValue": null,
         "description": "",
@@ -11300,6 +11322,82 @@
           "name": "ReactNode"
         }
       },
+      "month": {
+        "defaultValue": null,
+        "description": "The month displayed in the calendar.\n\nAs opposed to {@link DayPickerBase.defaultMonth}, use this prop with {@link DayPickerBase.onMonthChange} to\nchange the month programmatically.",
+        "name": "month",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "DayPickerBase"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "DayPickerBase"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Date"
+        }
+      },
+      "onMonthChange": {
+        "defaultValue": null,
+        "description": "Event fired when the user navigates between months.",
+        "name": "onMonthChange",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "DayPickerBase"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "DayPickerBase"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "MonthChangeEventHandler"
+        }
+      },
+      "today": {
+        "defaultValue": null,
+        "description": "The today’s date. Default is the current date. This Date will get the\n`today` modifier to style the day.",
+        "name": "today",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "DayPickerBase"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "DayPickerBase"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Date"
+        }
+      },
+      "onDayClick": {
+        "defaultValue": null,
+        "description": "",
+        "name": "onDayClick",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "DayPickerBase"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "DayPickerBase"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "DayClickEventHandler"
+        }
+      },
       "locale": {
         "defaultValue": {
           "value": "nb"
@@ -11836,6 +11934,25 @@
           "name": "Date"
         }
       },
+      "today": {
+        "defaultValue": null,
+        "description": "The today’s date. Default is the current date. This Date will get the\n`today` modifier to style the day.",
+        "name": "today",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "DayPickerBase"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "DayPickerBase"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Date"
+        }
+      },
       "disabled": {
         "defaultValue": null,
         "description": "Apply the disabled modifier to the matching days.\nhttps://react-day-picker.js.org/api/types/Matcher",
@@ -12238,6 +12355,25 @@
           "name": "Date"
         }
       },
+      "today": {
+        "defaultValue": null,
+        "description": "The today’s date. Default is the current date. This Date will get the\n`today` modifier to style the day.",
+        "name": "today",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "DayPickerBase"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "DayPickerBase"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Date"
+        }
+      },
       "disabled": {
         "defaultValue": null,
         "description": "Apply the disabled modifier to the matching days.\nhttps://react-day-picker.js.org/api/types/Matcher",
@@ -15085,6 +15221,25 @@
           "name": "string[]"
         }
       },
+      "maxSelected": {
+        "defaultValue": null,
+        "description": "Options for the maximum number of selected options.",
+        "name": "maxSelected",
+        "parent": {
+          "fileName": "react/src/form/combobox/types.ts",
+          "name": "ComboboxProps"
+        },
+        "declarations": [
+          {
+            "fileName": "react/src/form/combobox/types.ts",
+            "name": "ComboboxProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "MaxSelected"
+        }
+      },
       "shouldAutocomplete": {
         "defaultValue": {
           "value": "false"
@@ -15538,6 +15693,25 @@
           "name": "string[]"
         }
       },
+      "maxSelected": {
+        "defaultValue": null,
+        "description": "Options for the maximum number of selected options.",
+        "name": "maxSelected",
+        "parent": {
+          "fileName": "react/src/form/combobox/types.ts",
+          "name": "ComboboxProps"
+        },
+        "declarations": [
+          {
+            "fileName": "react/src/form/combobox/types.ts",
+            "name": "ComboboxProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "MaxSelected"
+        }
+      },
       "shouldAutocomplete": {
         "defaultValue": {
           "value": "false"
@@ -16872,6 +17046,25 @@
           "name": "string | number"
         }
       },
+      "role": {
+        "defaultValue": null,
+        "description": "",
+        "name": "role",
+        "parent": {
+          "fileName": "src/form/search/Search.tsx",
+          "name": "SearchProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/form/search/Search.tsx",
+            "name": "SearchProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
       "error": {
         "defaultValue": null,
         "description": "Error message for element",
@@ -18954,22 +19147,178 @@
   {
     "filePath": "src/date/datepicker/parts/Caption.tsx",
     "displayName": "DatePickerCaption",
-    "props": {}
+    "props": {
+      "id": {
+        "defaultValue": null,
+        "description": "The ID for the heading element. Must be the same as the labelled-by in Table.",
+        "name": "id",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "CaptionProps"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "CaptionProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "displayMonth": {
+        "defaultValue": null,
+        "description": "The month where the caption is displayed.",
+        "name": "displayMonth",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "CaptionProps"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "CaptionProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Date"
+        }
+      }
+    }
   },
   {
     "filePath": "src/date/datepicker/parts/Caption.tsx",
     "displayName": "Caption",
-    "props": {}
+    "props": {
+      "id": {
+        "defaultValue": null,
+        "description": "The ID for the heading element. Must be the same as the labelled-by in Table.",
+        "name": "id",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "CaptionProps"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "CaptionProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "displayMonth": {
+        "defaultValue": null,
+        "description": "The month where the caption is displayed.",
+        "name": "displayMonth",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "CaptionProps"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "CaptionProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Date"
+        }
+      }
+    }
   },
   {
     "filePath": "src/date/datepicker/parts/DayButton.tsx",
     "displayName": "DayButton",
-    "props": {}
+    "props": {
+      "displayMonth": {
+        "defaultValue": null,
+        "description": "The month where the date is displayed.",
+        "name": "displayMonth",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "DayProps"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "DayProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Date"
+        }
+      },
+      "date": {
+        "defaultValue": null,
+        "description": "The date to render.",
+        "name": "date",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "DayProps"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "DayProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Date"
+        }
+      }
+    }
   },
   {
     "filePath": "src/date/datepicker/parts/DropdownCaption.tsx",
     "displayName": "DropdownCaption",
-    "props": {}
+    "props": {
+      "id": {
+        "defaultValue": null,
+        "description": "The ID for the heading element. Must be the same as the labelled-by in Table.",
+        "name": "id",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "CaptionProps"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "CaptionProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "displayMonth": {
+        "defaultValue": null,
+        "description": "The month where the caption is displayed.",
+        "name": "displayMonth",
+        "parent": {
+          "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+          "name": "CaptionProps"
+        },
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/react-day-picker/dist/index.d.ts",
+            "name": "CaptionProps"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Date"
+        }
+      }
+    }
   },
   {
     "filePath": "src/date/datepicker/parts/HeadRow.tsx",
@@ -18979,7 +19328,113 @@
   {
     "filePath": "src/date/datepicker/parts/HeadRow.tsx",
     "displayName": "getWeekdays",
-    "props": {}
+    "props": {
+      "code": {
+        "defaultValue": null,
+        "description": "",
+        "name": "code",
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/date-fns/typings.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "formatDistance": {
+        "defaultValue": null,
+        "description": "",
+        "name": "formatDistance",
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/date-fns/typings.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "((...args: any[]) => any)"
+        }
+      },
+      "formatRelative": {
+        "defaultValue": null,
+        "description": "",
+        "name": "formatRelative",
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/date-fns/typings.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "((...args: any[]) => any)"
+        }
+      },
+      "localize": {
+        "defaultValue": null,
+        "description": "",
+        "name": "localize",
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/date-fns/typings.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "{ ordinalNumber: (...args: any[]) => any; era: (...args: any[]) => any; quarter: (...args: any[]) => any; month: (...args: any[]) => any; day: (...args: any[]) => any; dayPeriod: (...args: any[]) => any; }"
+        }
+      },
+      "formatLong": {
+        "defaultValue": null,
+        "description": "",
+        "name": "formatLong",
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/date-fns/typings.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "{ date: (...args: any[]) => any; time: (...args: any[]) => any; dateTime: (...args: any[]) => any; }"
+        }
+      },
+      "match": {
+        "defaultValue": null,
+        "description": "",
+        "name": "match",
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/date-fns/typings.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "{ ordinalNumber: (...args: any[]) => any; era: (...args: any[]) => any; quarter: (...args: any[]) => any; month: (...args: any[]) => any; day: (...args: any[]) => any; dayPeriod: (...args: any[]) => any; }"
+        }
+      },
+      "options": {
+        "defaultValue": null,
+        "description": "",
+        "name": "options",
+        "declarations": [
+          {
+            "fileName": "Aksel/node_modules/date-fns/typings.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "{ weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6; firstWeekContainsDate?: 1 | 2 | 3 | 4 | 5 | 6 | 7; } | undefined"
+        }
+      }
+    }
   },
   {
     "filePath": "src/date/datepicker/parts/Row.tsx",
@@ -19628,7 +20083,7 @@
         ],
         "required": true,
         "type": {
-          "name": "Pick<ComboboxProps, \"allowNewValues\" | \"isMultiSelect\" | \"options\" | \"selectedOptions\" | \"onToggleSelected\">"
+          "name": "Pick<ComboboxProps, \"allowNewValues\" | \"isMultiSelect\" | \"options\" | \"selectedOptions\" | \"onToggleSelected\" | \"maxSelected\">"
         }
       }
     }
@@ -19783,5 +20238,10 @@
         }
       }
     }
+  },
+  {
+    "filePath": "src/util/hooks/descendants/useDescendant.tsx",
+    "displayName": "createDescendantContext",
+    "props": {}
   }
 ]

package/cjs/chat/Bubble.d.ts

@@ -12,11 +12,6 @@ export interface BubbleProps extends HTMLAttributes<HTMLDivElement> {
      * Timestamp for sent message
      */
     timestamp?: string;
-    /**
-     * Background color on bubble
-     * @deprecated Use `variant` on Chat instead
-     */
-    backgroundColor?: string;
     /**
      * Overrides hoizontal position of toptext
      */

package/cjs/chat/Bubble.js

@@ -41,8 +41,8 @@ const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const typography_1 = require("../typography");
 const Bubble = (0, react_1.forwardRef)((_a, ref) => {
-    var { children, className, name, timestamp, backgroundColor, toptextPosition } = _a, rest = __rest(_a, ["children", "className", "name", "timestamp", "backgroundColor", "toptextPosition"]);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, clsx_1.default)("navds-chat__bubble", className), style: { backgroundColor } }, rest),
+    var { children, className, name, timestamp, toptextPosition } = _a, rest = __rest(_a, ["children", "className", "name", "timestamp", "toptextPosition"]);
+    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, clsx_1.default)("navds-chat__bubble", className) }, rest),
         (timestamp || name) && (react_1.default.createElement("h3", { className: (0, clsx_1.default)(`navds-chat__top-text`, toptextPosition && `navds-chat__top-text--${toptextPosition}`) },
             name && react_1.default.createElement(typography_1.Detail, { as: "span" }, name),
             name && timestamp && (react_1.default.createElement(typography_1.Detail, { as: "span", "aria-hidden": true }, "\u2022")),