@kystverket/styrbord 1.1.6 → 1.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,11 +1,22 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { IconId } from '~/main';
|
|
3
|
+
export declare const stepItemColorOptions: string[];
|
|
4
|
+
export type StepItemColor = (typeof stepItemColorOptions)[number];
|
|
2
5
|
export interface StepItem {
|
|
3
6
|
identifier?: string;
|
|
4
7
|
label: string;
|
|
8
|
+
icon?: IconId | 'index' | 'auto';
|
|
9
|
+
'data-color'?: StepItemColor;
|
|
10
|
+
style?: 'auto' | 'filled' | 'subtle' | 'outline';
|
|
11
|
+
onClick?: (item: StepItem) => void;
|
|
5
12
|
}
|
|
6
13
|
export interface StepperProps {
|
|
7
14
|
steps: StepItem[];
|
|
8
15
|
step: number;
|
|
16
|
+
'data-size'?: 'sm' | 'md' | 'lg';
|
|
17
|
+
labels?: 'always' | 'current' | 'never';
|
|
18
|
+
orientation?: 'horizontal' | 'vertical';
|
|
19
|
+
forceOrientation?: boolean;
|
|
9
20
|
}
|
|
10
|
-
declare const Stepper: ({ steps, step }: StepperProps) => React.JSX.Element;
|
|
21
|
+
declare const Stepper: ({ steps, step, labels, orientation, forceOrientation, "data-size": dataSize, }: StepperProps) => React.JSX.Element;
|
|
11
22
|
export default Stepper;
|
|
@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { StepperProps } from './stepper';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ steps, step }: StepperProps) => React.JSX.Element;
|
|
5
|
+
component: ({ steps, step, labels, orientation, forceOrientation, "data-size": dataSize, }: StepperProps) => React.JSX.Element;
|
|
6
6
|
decorators: ((Story: import("@storybook/types").PartialStoryFn) => React.JSX.Element)[];
|
|
7
7
|
tags: string[];
|
|
8
8
|
argTypes: {};
|
|
@@ -10,4 +10,13 @@ declare const meta: {
|
|
|
10
10
|
export default meta;
|
|
11
11
|
type Story = StoryObj<typeof meta>;
|
|
12
12
|
export declare const Default: Story;
|
|
13
|
+
export declare const AutoVertical: Story;
|
|
13
14
|
export declare const Vertical: Story;
|
|
15
|
+
export declare const HorizontalForced: Story;
|
|
16
|
+
export declare const HorizontalForcedSmall: Story;
|
|
17
|
+
export declare const HideLabels: Story;
|
|
18
|
+
export declare const OnlyCurrentLabel: Story;
|
|
19
|
+
export declare const Clickable: Story;
|
|
20
|
+
export declare const Smaller: Story;
|
|
21
|
+
export declare const Larger: Story;
|
|
22
|
+
export declare const Colors: Story;
|