@navikt/ds-react 1.5.9-next.1 → 2.0.0-next.0

package/_docs.json

@@ -920,6 +920,239 @@
       }
     }
   },
+  {
+    "filePath": "src/chips/Chips.tsx",
+    "displayName": "Chips",
+    "props": {
+      "size": {
+        "defaultValue": {
+          "value": "\"medium\""
+        },
+        "description": "Changes padding and font-sizes",
+        "name": "size",
+        "parent": {
+          "fileName": "src/chips/Chips.tsx",
+          "name": "ChipsProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/chips/Chips.tsx",
+            "name": "ChipsProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"medium\" | \"small\""
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "",
+        "name": "className",
+        "parent": {
+          "fileName": "nfm/node_modules/@types/react/index.d.ts",
+          "name": "HTMLAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "nfm/node_modules/@types/react/index.d.ts",
+            "name": "HTMLAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "",
+        "name": "ref",
+        "parent": {
+          "fileName": "nfm/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "nfm/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLUListElement>"
+        }
+      }
+    }
+  },
+  {
+    "filePath": "src/chips/Removable.tsx",
+    "displayName": "RemovableChips",
+    "props": {
+      "variant": {
+        "defaultValue": {
+          "value": "\"action\""
+        },
+        "description": "Chip-variants",
+        "name": "variant",
+        "parent": {
+          "fileName": "src/chips/Removable.tsx",
+          "name": "RemovableChipsProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/chips/Removable.tsx",
+            "name": "RemovableChipsProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "\"action\" | \"neutral\""
+        }
+      },
+      "removeLabel": {
+        "defaultValue": {
+          "value": "\"slett filter\""
+        },
+        "description": "Replaces label read for screen-readers",
+        "name": "removeLabel",
+        "parent": {
+          "fileName": "src/chips/Removable.tsx",
+          "name": "RemovableChipsProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/chips/Removable.tsx",
+            "name": "RemovableChipsProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "onDelete": {
+        "defaultValue": null,
+        "description": "Click callback",
+        "name": "onDelete",
+        "parent": {
+          "fileName": "src/chips/Removable.tsx",
+          "name": "RemovableChipsProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/chips/Removable.tsx",
+            "name": "RemovableChipsProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "(() => void)"
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "",
+        "name": "className",
+        "parent": {
+          "fileName": "nfm/node_modules/@types/react/index.d.ts",
+          "name": "HTMLAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "nfm/node_modules/@types/react/index.d.ts",
+            "name": "HTMLAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "",
+        "name": "ref",
+        "parent": {
+          "fileName": "nfm/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "nfm/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLButtonElement>"
+        }
+      }
+    }
+  },
+  {
+    "filePath": "src/chips/Toggle.tsx",
+    "displayName": "ToggleChips",
+    "props": {
+      "selected": {
+        "defaultValue": null,
+        "description": "Toggles aria-pressed and visual-changes",
+        "name": "selected",
+        "parent": {
+          "fileName": "src/chips/Toggle.tsx",
+          "name": "ToggleChipsProps"
+        },
+        "declarations": [
+          {
+            "fileName": "src/chips/Toggle.tsx",
+            "name": "ToggleChipsProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "",
+        "name": "className",
+        "parent": {
+          "fileName": "nfm/node_modules/@types/react/index.d.ts",
+          "name": "HTMLAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "nfm/node_modules/@types/react/index.d.ts",
+            "name": "HTMLAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "",
+        "name": "ref",
+        "parent": {
+          "fileName": "nfm/node_modules/@types/react/index.d.ts",
+          "name": "RefAttributes"
+        },
+        "declarations": [
+          {
+            "fileName": "nfm/node_modules/@types/react/index.d.ts",
+            "name": "RefAttributes"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLButtonElement>"
+        }
+      }
+    }
+  },
   {
     "filePath": "src/date/DateInput.tsx",
     "displayName": "DatePickerInput",
@@ -6419,28 +6652,9 @@
     "filePath": "src/tag/Tag.tsx",
     "displayName": "Tag",
     "props": {
-      "children": {
-        "defaultValue": null,
-        "description": "Tag label",
-        "name": "children",
-        "parent": {
-          "fileName": "src/tag/Tag.tsx",
-          "name": "TagProps"
-        },
-        "declarations": [
-          {
-            "fileName": "src/tag/Tag.tsx",
-            "name": "TagProps"
-          }
-        ],
-        "required": true,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
       "variant": {
         "defaultValue": null,
-        "description": "Changes background and border color",
+        "description": "Changes visual profile of tag",
         "name": "variant",
         "parent": {
           "fileName": "src/tag/Tag.tsx",
@@ -6454,14 +6668,14 @@
         ],
         "required": true,
         "type": {
-          "name": "\"warning\" | \"error\" | \"info\" | \"success\""
+          "name": "\"warning\" | \"warning-filled\" | \"error\" | \"error-filled\" | \"info\" | \"info-filled\" | \"success\" | \"success-filled\" | \"neutral\" | \"neutral-filled\" | \"alt1\" | \"alt1-filled\" | \"alt2\" | \"alt2-filled\" | \"alt3\" | \"alt3-filled\""
         }
       },
       "size": {
         "defaultValue": {
           "value": "medium"
         },
-        "description": "Changes padding and font-sizes",
+        "description": "",
         "name": "size",
         "parent": {
           "fileName": "src/tag/Tag.tsx",
@@ -6475,7 +6689,7 @@
         ],
         "required": false,
         "type": {
-          "name": "\"medium\" | \"small\""
+          "name": "\"medium\" | \"small\" | \"xsmall\""
         }
       },
       "className": {
@@ -8698,6 +8912,25 @@
           "name": "Date"
         }
       },
+      "defaultMonth": {
+        "defaultValue": null,
+        "description": "Default shown month",
+        "name": "defaultMonth",
+        "parent": {
+          "fileName": "src/date/hooks/useDatepicker.tsx",
+          "name": "UseDatepickerOptions"
+        },
+        "declarations": [
+          {
+            "fileName": "src/date/hooks/useDatepicker.tsx",
+            "name": "UseDatepickerOptions"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Date"
+        }
+      },
       "required": {
         "defaultValue": null,
         "description": "Make selection of Date required",
@@ -8736,6 +8969,46 @@
           "name": "((val?: Date) => void)"
         }
       },
+      "inputFormat": {
+        "defaultValue": {
+          "value": "\"dd.MM.yyyy\""
+        },
+        "description": "Input-format",
+        "name": "inputFormat",
+        "parent": {
+          "fileName": "src/date/hooks/useDatepicker.tsx",
+          "name": "UseDatepickerOptions"
+        },
+        "declarations": [
+          {
+            "fileName": "src/date/hooks/useDatepicker.tsx",
+            "name": "UseDatepickerOptions"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "onValidate": {
+        "defaultValue": null,
+        "description": "validation-callback",
+        "name": "onValidate",
+        "parent": {
+          "fileName": "src/date/hooks/useDatepicker.tsx",
+          "name": "UseDatepickerOptions"
+        },
+        "declarations": [
+          {
+            "fileName": "src/date/hooks/useDatepicker.tsx",
+            "name": "UseDatepickerOptions"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "((val: DateValidationT) => void)"
+        }
+      },
       "locale": {
         "defaultValue": {
           "value": "\"nb\" (norsk bokmål)"
@@ -8879,6 +9152,65 @@
           "name": "((date?: Date) => void)"
         }
       },
+      "inputFormat": {
+        "defaultValue": {
+          "value": "\"MMMM yyyy\""
+        },
+        "description": "Input-format",
+        "name": "inputFormat",
+        "parent": {
+          "fileName": "src/date/hooks/useMonthPicker.tsx",
+          "name": "UseMonthPickerOptions"
+        },
+        "declarations": [
+          {
+            "fileName": "src/date/hooks/useMonthPicker.tsx",
+            "name": "UseMonthPickerOptions"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "onValidate": {
+        "defaultValue": null,
+        "description": "validation-callback",
+        "name": "onValidate",
+        "parent": {
+          "fileName": "src/date/hooks/useMonthPicker.tsx",
+          "name": "UseMonthPickerOptions"
+        },
+        "declarations": [
+          {
+            "fileName": "src/date/hooks/useMonthPicker.tsx",
+            "name": "UseMonthPickerOptions"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "((val: MonthValidationT) => void)"
+        }
+      },
+      "defaultYear": {
+        "defaultValue": null,
+        "description": "Default shown year",
+        "name": "defaultYear",
+        "parent": {
+          "fileName": "src/date/hooks/useMonthPicker.tsx",
+          "name": "UseMonthPickerOptions"
+        },
+        "declarations": [
+          {
+            "fileName": "src/date/hooks/useMonthPicker.tsx",
+            "name": "UseMonthPickerOptions"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Date"
+        }
+      },
       "locale": {
         "defaultValue": {
           "value": "\"nb\" (norsk bokmål)"
@@ -9020,6 +9352,25 @@
           "name": "((val?: DateRange) => void)"
         }
       },
+      "onValidate": {
+        "defaultValue": null,
+        "description": "validation-callback",
+        "name": "onValidate",
+        "parent": {
+          "fileName": "src/date/hooks/useRangeDatepicker.tsx",
+          "name": "UseRangeDatepickerOptions"
+        },
+        "declarations": [
+          {
+            "fileName": "src/date/hooks/useRangeDatepicker.tsx",
+            "name": "UseRangeDatepickerOptions"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "((val: RangeValidationT) => void)"
+        }
+      },
       "locale": {
         "defaultValue": {
           "value": "\"nb\" (norsk bokmål)"
@@ -9119,6 +9470,25 @@
           "name": "boolean"
         }
       },
+      "defaultMonth": {
+        "defaultValue": null,
+        "description": "Default shown month",
+        "name": "defaultMonth",
+        "parent": {
+          "fileName": "react/src/date/hooks/useDatepicker.tsx",
+          "name": "UseDatepickerOptions"
+        },
+        "declarations": [
+          {
+            "fileName": "react/src/date/hooks/useDatepicker.tsx",
+            "name": "UseDatepickerOptions"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Date"
+        }
+      },
       "required": {
         "defaultValue": null,
         "description": "Make selection of Date required",
@@ -9137,6 +9507,27 @@
         "type": {
           "name": "boolean"
         }
+      },
+      "inputFormat": {
+        "defaultValue": {
+          "value": "\"dd.MM.yyyy\""
+        },
+        "description": "Input-format",
+        "name": "inputFormat",
+        "parent": {
+          "fileName": "react/src/date/hooks/useDatepicker.tsx",
+          "name": "UseDatepickerOptions"
+        },
+        "declarations": [
+          {
+            "fileName": "react/src/date/hooks/useDatepicker.tsx",
+            "name": "UseDatepickerOptions"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "string"
+        }
       }
     }
   },

package/esm/accordion/Accordion.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { AccordionItemType } from "./AccordionItem";
+import { AccordionContentType } from "./AccordionContent";
+import { AccordionHeaderType } from "./AccordionHeader";
+interface AccordionComponent extends React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>> {
+    Item: AccordionItemType;
+    Header: AccordionHeaderType;
+    Content: AccordionContentType;
+}
+export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Instances of Accordion.Item
+     */
+    children: React.ReactNode;
+}
+export declare const Accordion: AccordionComponent;
+export default Accordion;

package/esm/accordion/AccordionContent.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content inside Accordion.Content
+     */
+    children: React.ReactNode;
+}
+export declare type AccordionContentType = React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionContent: AccordionContentType;
+export default AccordionContent;

package/esm/accordion/AccordionHeader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface AccordionHeaderProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Text inside Accordion.Header
+     */
+    children: React.ReactNode;
+}
+export declare type AccordionHeaderType = React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionHeader: AccordionHeaderType;
+export default AccordionHeader;

package/esm/accordion/AccordionItem.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content in Accordion.Item
+     * Should include one Accordion.Header and one Accordion.Content
+     */
+    children: React.ReactNode;
+    /**
+     * Controlled open-state
+     * Using this removes automatic control of open-state
+     */
+    open?: boolean;
+    /**
+     * Defaults the accordion to open if not controlled
+     * @default false
+     */
+    defaultOpen?: boolean;
+}
+export declare type AccordionItemType = React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface AccordionItemContextProps {
+    open: boolean;
+    toggleOpen: () => void;
+}
+export declare const AccordionItemContext: React.Context<AccordionItemContextProps | null>;
+declare const AccordionItem: AccordionItemType;
+export default AccordionItem;

package/esm/accordion/index.d.ts

@@ -0,0 +1 @@
+export { AccordionProps, default as Accordion } from "./Accordion";

package/esm/alert/Alert.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Alert content
+     */
+    children: React.ReactNode;
+    /**
+     * Changes colors and icon usage when changed
+     */
+    variant: "error" | "warning" | "info" | "success";
+    /**
+     * Changes padding and font-sizes
+     * @default medium
+     */
+    size?: "medium" | "small";
+    /**
+     * Removes border-radius
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Removes background from Alert
+     * @default false
+     */
+    inline?: boolean;
+}
+export interface AlertContextProps {
+    size: "medium" | "small";
+}
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export default Alert;

package/esm/alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Alert } from "./Alert";
+export { AlertProps } from "./Alert";

package/esm/button/Button.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import { OverridableComponent } from "../";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Button content
+     */
+    children?: React.ReactNode;
+    /**
+     * Changes design and interaction-visuals
+     * @default "primary"
+     */
+    variant?: "primary" | "secondary" | "tertiary" | "danger";
+    /**
+     * Changes padding, height and font-size
+     * @default medium
+     */
+    size?: "medium" | "small" | "xsmall";
+    /**
+     * Prevent the user from interacting with the button: it cannot be pressed or focused.
+     * @note Avoid using if possible for accessibility purposes
+     */
+    disabled?: boolean;
+    /**
+     * Replaces button content with a Loader component, keeps width
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Button Icon
+     */
+    icon?: React.ReactNode;
+    /**
+     * Icon position in Button
+     * @default "left"
+     */
+    iconPosition?: "left" | "right";
+}
+export declare const Button: OverridableComponent<ButtonProps, HTMLButtonElement>;
+export default Button;

package/esm/button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from "./Button";
+export { ButtonProps } from "./Button";

package/esm/chat/Bubble.d.ts

@@ -0,0 +1,22 @@
+import React, { HTMLAttributes } from "react";
+export interface BubbleProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Bubble text
+     */
+    children: React.ReactNode;
+    /**
+     * name/sender on bubble
+     */
+    name?: string;
+    /**
+     * Timestamp for sent message
+     */
+    timestamp?: string;
+    /**
+     * Background color on bubble
+     */
+    backgroundColor?: string;
+}
+export declare type BubbleType = React.ForwardRefExoticComponent<BubbleProps & React.RefAttributes<HTMLDivElement>>;
+declare const Bubble: BubbleType;
+export default Bubble;