@digdir/designsystemet-react 1.1.4 → 1.1.6

package/dist/types/components/fieldset/index.d.ts

@@ -1,5 +1,24 @@
+import { Fieldset as FieldsetParent } from './fieldset';
 import { FieldsetDescription } from './fieldset-description';
 import { FieldsetLegend } from './fieldset-legend';
+type Fieldset = typeof FieldsetParent & {
+    /**
+     * Fieldset.Legend component, used to display a legend for a fieldset.
+     *
+     * @example
+     * <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
+     */
+    Legend: typeof FieldsetLegend;
+    /**
+     * Fieldset.Description component, used to display a description for a fieldset.
+     *
+     * @example
+     * <Fieldset.Description>
+     *   Gi en kort beskrivelse i begge feltene
+     * </Fieldset.Description>
+     */
+    Description: typeof FieldsetDescription;
+};
 /**
  * Fieldset component, used to wrap a form field.
  *
@@ -15,16 +34,9 @@ import { FieldsetLegend } from './fieldset-legend';
  *   </Field>
  * </Fieldset>
  */
-declare const Fieldset: React.ForwardRefExoticComponent<import("../../types").DefaultProps & React.FieldsetHTMLAttributes<HTMLFieldSetElement> & React.RefAttributes<HTMLFieldSetElement>> & {
-    Legend: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLegendElement> & import("../../types").DefaultProps & React.RefAttributes<HTMLLegendElement>>;
-    Description: React.ForwardRefExoticComponent<{
-        'data-size'?: "xs" | "sm" | "md" | "lg" | "xl";
-        variant?: "long" | "default" | "short";
-        asChild?: boolean;
-    } & React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLLegendElement>>;
-};
+declare const FieldsetComponent: Fieldset;
 export type { FieldsetProps } from './fieldset';
 export type { FieldsetDescriptionProps } from './fieldset-description';
 export type { FieldsetLegendProps } from './fieldset-legend';
-export { Fieldset, FieldsetLegend, FieldsetDescription };
+export { FieldsetComponent as Fieldset, FieldsetLegend, FieldsetDescription };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/fieldset/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fieldset/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,QAAQ;;;;;;;CAGZ,CAAC;AAKH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fieldset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,QAAQ,GAAG,OAAO,cAAc,GAAG;IACtC;;;;;OAKG;IACH,MAAM,EAAE,OAAO,cAAc,CAAC;IAC9B;;;;;;;OAOG;IACH,WAAW,EAAE,OAAO,mBAAmB,CAAC;CACzC,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,iBAAiB,EAAE,QAGvB,CAAC;AAKH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/types/components/list/index.d.ts

@@ -1,17 +1,38 @@
 import { ListItem } from './list-item';
 import { ListOrdered, ListUnordered } from './lists';
-declare const List: {
-    Item: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
-    Ordered: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & import("../../types").DefaultProps & Omit<React.OlHTMLAttributes<HTMLOListElement>, "size"> & React.RefAttributes<HTMLOListElement>>;
-    Unordered: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLUListElement>>;
+type List = {
+    /**
+     * Component that provides a list item.
+     *
+     * @example
+     * <List.Item>Item</List.Item>
+     */
+    Item: typeof ListItem;
+    /**
+     * List.Ordered component, used to display a list of items.
+     * Renders a native `ol` element.
+     *
+     * @example
+     * <List.Ordered>
+     *   <List.Item>Item 1</List.Item>
+     *   <List.Item>Item 2</List.Item>
+     * </List.Ordered>
+     */
+    Ordered: typeof ListOrdered;
+    /**
+     * List.Unordered component, used to display a list of items.
+     * Renders a native `ul` element.
+     *
+     * @example
+     * <List.Unordered>
+     *   <List.Item>Item 1</List.Item>
+     *   <List.Item>Item 2</List.Item>
+     * </List.Unordered>
+     */
+    Unordered: typeof ListUnordered;
 };
+declare const ListComponent: List;
 export type { ListItemProps } from './list-item';
 export type { ListOrderedProps, ListUnorderedProps } from './lists';
-export { List, ListOrdered, ListUnordered, ListItem };
+export { ListComponent as List, ListOrdered, ListUnordered, ListItem };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAErD,QAAA,MAAM,IAAI;;;;;;;;;;CAIT,CAAC;AAMF,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAErD,KAAK,IAAI,GAAG;IACV;;;;;OAKG;IACH,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB;;;;;;;;;OASG;IACH,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B;;;;;;;;;OASG;IACH,SAAS,EAAE,OAAO,aAAa,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,IAIpB,CAAC;AAMF,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}

package/dist/types/components/list/list-item.d.ts

@@ -6,6 +6,12 @@ export type ListItemProps = {
      */
     asChild?: boolean;
 } & LiHTMLAttributes<HTMLLIElement>;
+/**
+ * Component that provides a list item.
+ *
+ * @example
+ * <List.Item>Item</List.Item>
+ */
 export declare const ListItem: React.ForwardRefExoticComponent<{
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.

package/dist/types/components/list/list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../src/components/list/list-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAEpC,eAAO,MAAM,QAAQ;IAPnB;;;OAGG;cACO,OAAO;yEASlB,CAAC"}
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../src/components/list/list-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAEpC;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;IAbnB;;;OAGG;cACO,OAAO;yEAelB,CAAC"}

package/dist/types/components/list/lists.d.ts

@@ -14,10 +14,10 @@ export type ListOrderedProps = ListBaseProps & Omit<OlHTMLAttributes<HTMLOListEl
  * Renders a native `ul` element.
  *
  * @example
- * <List.Unordered>
- *   <List.Item>Item 1</List.Item>
- *   <List.Item>Item 2</List.Item>
- * </List.Unordered>
+ * <ListUnordered>
+ *   <ListItem>Item 1</ListItem>
+ *   <ListItem>Item 2</ListItem>
+ * </ListUnordered>
  */
 export declare const ListUnordered: React.ForwardRefExoticComponent<{
     /**
@@ -31,10 +31,10 @@ export declare const ListUnordered: React.ForwardRefExoticComponent<{
  * Renders a native `ol` element.
  *
  * @example
- * <List.Ordered>
- *   <List.Item>Item 1</List.Item>
- *   <List.Item>Item 2</List.Item>
- * </List.Ordered>
+ * <ListOrdered>
+ *   <ListItem>Item 1</ListItem>
+ *   <ListItem>Item 2</ListItem>
+ * </ListOrdered>
  */
 export declare const ListOrdered: React.ForwardRefExoticComponent<{
     /**

package/dist/types/components/pagination/index.d.ts

@@ -1,6 +1,42 @@
+import { Pagination as PaginationParent } from './pagination';
 import { PaginationButton } from './pagination-button';
 import { PaginationItem } from './pagination-item';
 import { PaginationList } from './pagination-list';
+type Pagination = typeof PaginationParent & {
+    /**
+     * Pagination.List component, use within a Pagination.
+     *
+     * @example
+     * <Pagination>
+     *   <Pagination.List>
+     *     <Pagination.Item>
+     *       <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
+     *     </Pagination.Item>
+     *   </Pagination.List>
+     * </Pagination>
+     */
+    List: typeof PaginationList;
+    /**
+     * Pagination.Item component, use within a Pagination.List.
+     *
+     * @example
+     * <Pagination.List>
+     *   <Pagination.Item>
+     *     <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
+     *   </Pagination.Item>
+     * </Pagination.List>
+     */
+    Item: typeof PaginationItem;
+    /**
+     * PaginationButton component, use within a Pagination.Item.
+     *
+     * @example
+     * <Pagination.Item>
+     *   <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
+     * </Pagination.Item>
+     */
+    Button: typeof PaginationButton;
+};
 /**
  * Pagination component, used to navigate through a list of items.
  *
@@ -19,23 +55,10 @@ import { PaginationList } from './pagination-list';
  *   </Pagination.List>
  * </Pagination>
  */
-declare const Pagination: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLElement>, "aria-label" | "asChild"> & {
-    'aria-label'?: string;
-    asChild?: boolean;
-} & React.RefAttributes<HTMLElement>> & {
-    List: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & Omit<React.HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLUListElement>>;
-    Item: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & Omit<React.HTMLAttributes<HTMLLIElement>, "size"> & React.RefAttributes<HTMLLIElement>>;
-    Button: React.ForwardRefExoticComponent<{
-        'aria-current'?: React.AriaAttributes["aria-current"];
-    } & Omit<import("..").ButtonProps, "icon" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
-};
+declare const PaginationComponent: Pagination;
 export type { PaginationProps } from './pagination';
 export type { PaginationButtonProps } from './pagination-button';
 export type { PaginationItemProps } from './pagination-item';
 export type { PaginationListProps } from './pagination-list';
-export { Pagination, PaginationList, PaginationItem, PaginationButton };
+export { PaginationComponent as Pagination, PaginationList, PaginationItem, PaginationButton, };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,UAAU;;;;;;;;;;;;;CAId,CAAC;AAMH,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,UAAU,GAAG,OAAO,gBAAgB,GAAG;IAC1C;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,cAAc,CAAC;IAC5B;;;;;;;;;OASG;IACH,IAAI,EAAE,OAAO,cAAc,CAAC;IAC5B;;;;;;;OAOG;IACH,MAAM,EAAE,OAAO,gBAAgB,CAAC;CACjC,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,mBAAmB,EAAE,UAIzB,CAAC;AAMH,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EACL,mBAAmB,IAAI,UAAU,EACjC,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,CAAC"}

package/dist/types/components/pagination/pagination-button.d.ts

@@ -11,9 +11,9 @@ export type PaginationButtonProps = {
  * PaginationButton component, use within a Pagination.Item.
  *
  * @example
- * <Pagination.Item>
- *   <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- * </Pagination.Item>
+ * <PaginationItem>
+ *   <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ * </PaginationItem>
  */
 export declare const PaginationButton: React.ForwardRefExoticComponent<{
     /**

package/dist/types/components/pagination/pagination-item.d.ts

@@ -10,11 +10,11 @@ export type PaginationItemProps = {
  * PaginationItem component, use within a Pagination.List.
  *
  * @example
- * <Pagination.List>
- *   <Pagination.Item>
- *     <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- *   </Pagination.Item>
- * </Pagination.List>
+ * <PaginationList>
+ *   <PaginationItem>
+ *     <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ *   </PaginationItem>
+ * </PaginationList>
  */
 export declare const PaginationItem: React.ForwardRefExoticComponent<{
     /**

package/dist/types/components/pagination/pagination-list.d.ts

@@ -11,11 +11,11 @@ export type PaginationListProps = {
  *
  * @example
  * <Pagination>
- *   <Pagination.List>
- *     <Pagination.Item>
- *       <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- *     </Pagination.Item>
- *   </Pagination.List>
+ *   <PaginationList>
+ *     <PaginationItem>
+ *       <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ *     </PaginationItem>
+ *   </PaginationList>
  * </Pagination>
  */
 export declare const PaginationList: React.ForwardRefExoticComponent<{

package/dist/types/components/popover/index.d.ts

@@ -1,5 +1,42 @@
+import { Popover as PopoverParent } from './popover';
 import { PopoverTrigger } from './popover-trigger';
 import { PopoverTriggerContext } from './popover-trigger-context';
+type Popover = typeof PopoverParent & {
+    /**
+     * Popover.TriggerContext component, use to wrap a Popover.Trigger and Popover.
+     *
+     * @example
+     * <Popover.TriggerContext>
+     *   <Popover.Trigger>Open Popover</Popover.Trigger>
+     *   <Popover>
+     *     Content
+     *   </Popover>
+     * </Popover.TriggerContext>
+     */
+    TriggerContext: typeof PopoverTriggerContext;
+    /**
+     * PopoverTrigger component, used to trigger a popover.
+     *
+     * @example
+     * <Popover.TriggerContext>
+     *   <Popover.Trigger>Open Popover</Popover.Trigger>
+     *   <Popover>
+     *     Content
+     *   </Popover>
+     * </Popover.TriggerContext>
+     *
+     * @example inline
+     * <Popover.TriggerContext>
+     *   <Paragraph>
+     *    We can use it <Popover.Trigger inline={true}>inline</Popover.Trigger>.
+     *   </Paragraph>
+     *   <Popover>
+     *     Content
+     *   </Popover>
+     * </Popover.TriggerContext>
+     */
+    Trigger: typeof PopoverTrigger;
+};
 /**
  * Popover component, used to display content in a popover over an element.
  *
@@ -11,25 +48,9 @@ import { PopoverTriggerContext } from './popover-trigger-context';
  *   </Popover>
  * </Popover.TriggerContext>
  */
-declare const Popover: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDivElement>, "id" | "data-color" | "variant" | "asChild" | "open" | "placement" | "onClose" | "onOpen" | "autoPlacement"> & {
-    id?: string;
-    placement?: import("@floating-ui/dom").Placement;
-    open?: boolean;
-    variant?: "default" | "tinted";
-    'data-color'?: import("../../colors").Color | import("../../colors").SeverityColors;
-    onOpen?: () => void;
-    onClose?: () => void;
-    autoPlacement?: boolean;
-    asChild?: boolean;
-} & React.RefAttributes<HTMLDivElement>> & {
-    TriggerContext: {
-        ({ children, }: import("./popover-trigger-context").PopoverTriggerContextProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Trigger: React.ForwardRefExoticComponent<import("./popover-trigger").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-};
+declare const PopoverComponent: Popover;
 export type { PopoverProps } from './popover';
 export type { PopoverTriggerProps } from './popover-trigger';
 export type { PopoverTriggerContextProps } from './popover-trigger-context';
-export { Popover, PopoverTriggerContext, PopoverTrigger };
+export { PopoverComponent as Popover, PopoverTriggerContext, PopoverTrigger };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;CAGX,CAAC;AAKH,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,KAAK,OAAO,GAAG,OAAO,aAAa,GAAG;IACpC;;;;;;;;;;OAUG;IACH,cAAc,EAAE,OAAO,qBAAqB,CAAC;IAC7C;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,EAAE,OAAO,cAAc,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,QAAA,MAAM,gBAAgB,EAAE,OAGtB,CAAC;AAKH,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAC"}

package/dist/types/components/popover/popover-trigger-context.d.ts

@@ -6,12 +6,12 @@ export type PopoverTriggerContextProps = {
  * PopoverTriggerContext component, use to wrap a Popover.Trigger and Popover.
  *
  * @example
- * <Popover.TriggerContext>
- *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ * <PopoverTriggerContext>
+ *   <PopoverTrigger>Open Popover</PopoverTrigger>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  */
 export declare const PopoverTriggerContext: {
     ({ children, }: PopoverTriggerContextProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/popover/popover-trigger.d.ts

@@ -23,22 +23,22 @@ export type PopoverTriggerProps = ({
  * PopoverTrigger component, used to trigger a popover.
  *
  * @example
- * <Popover.TriggerContext>
- *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ * <PopoverTriggerContext>
+ *   <PopoverTrigger>Open Popover</PopoverTrigger>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  *
  * @example inline
- * <Popover.TriggerContext>
+ * <PopoverTriggerContext>
  *   <Paragraph>
- *    We can use it <Popover.Trigger inline={true}>inline</Popover.Trigger>.
+ *    We can use it <PopoverTrigger inline={true}>inline</PopoverTrigger>.
  *   </Paragraph>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  */
 export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=popover-trigger.d.ts.map

package/dist/types/components/popover/popover.d.ts

@@ -1,4 +1,4 @@
-import type { Color, SeverityColors } from '@digdir/designsystemet-react/colors';
+import type { Color, SeverityColors } from '@digdir/designsystemet/types';
 import type { Placement } from '@floating-ui/dom';
 import type { HTMLAttributes } from 'react';
 import type { DefaultProps } from '../../types';

package/dist/types/components/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,cAAc,EACf,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAUnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAMlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QAEd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;IA9DhB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;WACI,OAAO;IACd;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;IACpB;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;cACO,OAAO;wCAgIpB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAUnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAMlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QAEd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;IA9DhB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;WACI,OAAO;IACd;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;IACpB;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;cACO,OAAO;wCAgIpB,CAAC"}

package/dist/types/components/search/index.d.ts

@@ -1,6 +1,38 @@
+import { Search as SearchRoot } from './search';
 import { SearchButton } from './search-button';
 import { SearchClear } from './search-clear';
 import { SearchInput } from './search-input';
+type Search = typeof SearchRoot & {
+    /**
+     * Search.Clear component, used to display a clear button when the search input is not empty.
+     *
+     * @example
+     * <Search>
+     *   <Search.Input aria-label='Søk' />
+     *   <Search.Clear />
+     * </Search>
+     */
+    Clear: typeof SearchClear;
+    /**
+     * Search.Button component, used to display a search button within a Search component.
+     *
+     * @example
+     * <Search>
+     *   <Search.Input aria-label='Søk' />
+     *   <Search.Button>Søk</Search.Button>
+     * </Search>
+     */
+    Button: typeof SearchButton;
+    /**
+     * Search.Input component, used to display a search input within the Search component.
+     *
+     * @example
+     * <Search>
+     *   <Search.Input aria-label='Søk' />
+     * </Search>
+     */
+    Input: typeof SearchInput;
+};
 /**
  * Search component, use to display different variations of a search input
  *
@@ -17,23 +49,10 @@ import { SearchInput } from './search-input';
  *   <Search.Clear />
  * </Search>
  */
-declare const Search: React.ForwardRefExoticComponent<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
-    Clear: React.ForwardRefExoticComponent<Omit<import("..").ButtonProps, "children" | "variant"> & {
-        'aria-label'?: string;
-    } & React.RefAttributes<HTMLButtonElement>>;
-    Button: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
-        variant?: "primary" | "secondary" | "tertiary";
-        'data-color'?: import("../../colors").Color | import("../../colors").SeverityDanger;
-        icon?: boolean;
-        loading?: boolean | React.ReactNode;
-        asChild?: boolean;
-        type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
-    } & React.RefAttributes<HTMLButtonElement>>;
-    Input: React.ForwardRefExoticComponent<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "readOnly"> & React.RefAttributes<HTMLInputElement>>;
-};
+declare const SearchComponent: Search;
 export type { SearchProps } from './search';
 export type { SearchButtonProps } from './search-button';
 export type { SearchClearProps } from './search-clear';
 export type { SearchInputProps } from './search-input';
-export { SearchClear, SearchButton, SearchInput, Search };
+export { SearchClear, SearchButton, SearchInput, SearchComponent as Search };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;CAIV,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,KAAK,MAAM,GAAG,OAAO,UAAU,GAAG;IAChC;;;;;;;;OAQG;IACH,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B;;;;;;;;OAQG;IACH,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B;;;;;;;OAOG;IACH,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,eAAe,EAAE,MAIrB,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,IAAI,MAAM,EAAE,CAAC"}

package/dist/types/components/search/search-button.d.ts

@@ -18,13 +18,13 @@ export type SearchButtonProps = MergeRight<ButtonProps, {
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
- *   <Search.Button>Søk</Search.Button>
+ *   <SearchInput aria-label='Søk' />
+ *   <SearchButton>Søk</SearchButton>
  * </Search>
  */
 export declare const SearchButton: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
     variant?: "primary" | "secondary" | "tertiary";
-    'data-color'?: import("../../colors").Color | import("../../colors").SeverityDanger;
+    'data-color'?: import("packages/cli/dist/src/types").Color | Extract<import("packages/cli/dist/src/types").SeverityColors, "danger">;
     icon?: boolean;
     loading?: boolean | ReactNode;
     asChild?: boolean;

package/dist/types/components/search/search-clear.d.ts

@@ -11,8 +11,8 @@ export type SearchClearProps = Omit<ButtonProps, 'variant' | 'children'> & {
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
- *   <Search.Clear />
+ *   <SearchInput aria-label='Søk' />
+ *   <SearchClear />
  * </Search>
  */
 export declare const SearchClear: React.ForwardRefExoticComponent<Omit<ButtonProps, "children" | "variant"> & {

package/dist/types/components/search/search-input.d.ts

@@ -5,7 +5,7 @@ export type SearchInputProps = DefaultProps & Omit<React.InputHTMLAttributes<HTM
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
+ *   <SearchInput aria-label='Søk' />
  * </Search>
  */
 export declare const SearchInput: React.ForwardRefExoticComponent<DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "readOnly"> & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/select/index.d.ts

@@ -1,5 +1,30 @@
+import { Select as SelectParent } from './select';
 import { SelectOptgroup } from './select-optgroup';
 import { SelectOption } from './select-option';
+type Select = typeof SelectParent & {
+    /**
+     * Select.Option component, used to display a native option within a select.
+     *
+     * @example
+     * <Select>
+     *   <Select.Option value='1'>Option 1</Select.Option>
+     *   <Select.Option value='2'>Option 2</Select.Option>
+     * </Select>
+     */
+    Option: typeof SelectOption;
+    /**
+     * Select.Optgroup component, used to display a native optgroup within a select.
+     *
+     * @example
+     * <Select>
+     *   <Select.Optgroup label='Group 1'>
+     *     <Select.Option value='1'>Option 1</Select.Option>
+     *     <Select.Option value='2'>Option 2</Select.Option>
+     *   </Select.Optgroup>
+     * </Select>
+     */
+    Optgroup: typeof SelectOptgroup;
+};
 /**
  * Select component, used to display a native select.
  *
@@ -9,19 +34,9 @@ import { SelectOption } from './select-option';
  *   <Select.Option value='2'>Option 2</Select.Option>
  * </Select>
  */
-declare const Select: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps, "data-color"> & Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "multiple" | "size">, "readOnly" | "width"> & {
-    readOnly?: boolean;
-    width?: "full" | "auto";
-} & React.RefAttributes<HTMLSelectElement>> & {
-    Option: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & React.OptionHTMLAttributes<HTMLOptionElement> & React.RefAttributes<HTMLOptionElement>>;
-    Optgroup: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & React.OptgroupHTMLAttributes<HTMLOptGroupElement> & React.RefAttributes<HTMLOptGroupElement>>;
-};
+declare const SelectComponent: Select;
 export type { SelectProps } from './select';
 export type { SelectOptgroupProps } from './select-optgroup';
 export type { SelectOptionProps } from './select-option';
-export { Select, SelectOption, SelectOptgroup };
+export { SelectComponent as Select, SelectOption, SelectOptgroup };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;;;;;GAQG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;CAGV,CAAC;AAKH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,KAAK,MAAM,GAAG,OAAO,YAAY,GAAG;IAClC;;;;;;;;OAQG;IACH,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B;;;;;;;;;;OAUG;IACH,QAAQ,EAAE,OAAO,cAAc,CAAC;CACjC,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,eAAe,EAAE,MAGrB,CAAC;AAKH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/types/components/select/select-optgroup.d.ts

@@ -11,10 +11,10 @@ export type SelectOptgroupProps = {
  *
  * @example
  * <Select>
- *   <Select.Optgroup label='Group 1'>
- *     <Select.Option value='1'>Option 1</Select.Option>
- *     <Select.Option value='2'>Option 2</Select.Option>
- *   </Select.Optgroup>
+ *   <SelectOptgroup label='Group 1'>
+ *     <SelectOption value='1'>Option 1</SelectOption>
+ *     <SelectOption value='2'>Option 2</SelectOption>
+ *   </SelectOptgroup>
  * </Select>
  */
 export declare const SelectOptgroup: React.ForwardRefExoticComponent<{

package/dist/types/components/select/select-option.d.ts

@@ -11,8 +11,8 @@ export type SelectOptionProps = {
  *
  * @example
  * <Select>
- *   <Select.Option value='1'>Option 1</Select.Option>
- *   <Select.Option value='2'>Option 2</Select.Option>
+ *   <SelectOption value='1'>Option 1</SelectOption>
+ *   <SelectOption value='2'>Option 2</SelectOption>
  * </Select>
  */
 export declare const SelectOption: React.ForwardRefExoticComponent<{