@kystverket/styrbord 1.9.2 → 1.9.4

package/dist/src/components/designsystemet/Checkbox/Checkbox.stories.d.ts

@@ -998,3 +998,4 @@ export declare const InTableWithPagination: StoryFn<UseCheckboxGroupProps>;
 export declare const ContentEx1: StoryFn<typeof Fieldset>;
 export declare const ContentEx2: StoryFn<typeof Fieldset>;
 export declare const ContentEx3: StoryFn<typeof Fieldset>;
+export declare const Outline: StoryFn<typeof Fieldset>;

package/dist/src/components/kystverket/BorderedToggleGroup/borderedToggleGroup.d.ts

@@ -9,6 +9,5 @@ export type BorderedToggleGroupProps = BorderedGroupProps & {
     onChanges?: (values: ToggleValue[]) => void;
     onChange?: (value: ToggleValue) => void;
 };
-export declare const inputContainerClass: (isSelected: boolean) => string;
-declare const BorderedRadioGroup: (props: BorderedToggleGroupProps) => React.JSX.Element | null;
-export default BorderedRadioGroup;
+declare const BorderedToggleGroup: (props: BorderedToggleGroupProps) => React.JSX.Element | null;
+export default BorderedToggleGroup;

package/dist/src/components/kystverket/CompactDetails/CompactDetails.d.ts

@@ -0,0 +1,3 @@
+import type { CompactDetailsProps } from './CompactDetails.types';
+declare const CompactDetails: ({ label, children, open, defaultOpen, onOpenChange, id, className, }: CompactDetailsProps) => React.JSX.Element;
+export default CompactDetails;

package/dist/src/components/kystverket/CompactDetails/CompactDetails.stories.d.ts

@@ -0,0 +1,26 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ label, children, open, defaultOpen, onOpenChange, id, className, }: import("~/main").CompactDetailsProps) => React.JSX.Element;
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn, context: import("storybook/internal/csf").StoryContext) => React.JSX.Element)[];
+    tags: string[];
+    argTypes: {};
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Open: Story;
+export declare const Controlled: Story;
+/**
+ * Plassert mellom et spørsmål og svaralternativene. Her brukes `BorderedRadioGroup` uten egen `label`,
+ * og spørsmålet rendres som en egen overskrift slik at `CompactDetails` kan plasseres rett under tittelen,
+ * men over radioknappene.
+ */
+export declare const PlacementInRadioGroup: Story;

package/dist/src/components/kystverket/CompactDetails/CompactDetails.types.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export type CompactDetailsProps = {
+    label: ReactNode;
+    children: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    id?: string;
+    className?: string;
+};

package/dist/src/main.d.ts

@@ -48,6 +48,8 @@ export { FileUploaderContext, type FileUploaderContextProps, } from './component
 export type * from './components/kystverket/FileUploader/FileUploader.types';
 export type { DeriveFileInfosFromStorageIds } from './utils/fileInfoResolver';
 export { default as CardTitle, type CardTitleProps } from './components/designsystemet/CardTitle/CardTitle';
+export { default as CompactDetails } from './components/kystverket/CompactDetails/CompactDetails';
+export type { CompactDetailsProps } from './components/kystverket/CompactDetails/CompactDetails.types';
 export { default as ClickableCard } from './components/kystverket/ClickableCard/ClickableCard';
 export type { ClickableCardProps, ClickableCardColor, ClickableCardVariant, } from './components/kystverket/ClickableCard/ClickableCard.types';
 export { Button } from './components/designsystemet/Button/Button';