@selfdecode/sd-component-library 4.0.79 → 4.0.80

package/README.md

@@ -4,14 +4,14 @@ The SelfDecode Component Libary (SCL) was built with intention of speeding up th
 
 ## Exploring the library
 
-### `npm run styleguide`
+### `npm run storybook`
 
-Start the styleguidist server.<br />
-Open [http://localhost:7070](http://localhost:7070) to view it in the browser.
+Start the storybook server.<br />
+Open [http://localhost:6006/](http://localhost:6006/) to view it in the browser.
 
-The page will reload if you make edits.
+The page will auto reload if you make edits.
 
-### `npm run styleguide:build`
+### `npm run build-storybook`
 
 Builds an HTML production version of the style guide.
 
@@ -41,23 +41,25 @@ The CLS architechure is built as a reverse pyramid and is built from the ground
 For styling, we use Rebass which is a styling system that is built on top of Emotion Theming.
 
 With Rebass, there are 4 options for styling a component. In SCL, we use 2 of these options:
- - variants: used for non-changable styling properties.
- - sx: used for changable styling properties, with potential defaults for some components.
 
- # variants
+- variants: used for non-changable styling properties.
+- sx: used for changable styling properties, with potential defaults for some components.
 
- For al end components, certain properties are set and are unchangable. For example, for input fields, the font properties and the height of the component are set in the library, and should never be changed by the client.
- To do so, these properties are set as variants in our theme, which could be found in src/core.
- To understand the structure of the theme, reffer to [Rebass documentation](https://rebassjs.org).
+# variants
 
- # sx
+For al end components, certain properties are set and are unchangable. For example, for input fields, the font properties and the height of the component are set in the library, and should never be changed by the client.
+To do so, these properties are set as variants in our theme, which could be found in src/core.
+To understand the structure of the theme, reffer to [Rebass documentation](https://rebassjs.org).
 
- sx (a Rebass proprety) allows us to style components similarly to React.js' inline-styles. We use the sx property to define styles whih could be passed by the client (with some having default fallbacks). For example, for the primary buttons, we use a default width of 236px, but the client could decide that they need this buton to have a different width and pass a different size to out component, which would than be applied instead of our 236px default width.
+# sx
 
- In a lower level example, we can look at the base Button component. All buttons have a disabled mode (each button handles its own logic to when it should be disabled). When the base button receives disabled to equal 'true', we set the buttons opacity to 0.3, otherwise, if 'false', it is set to 1.
+sx (a Rebass proprety) allows us to style components similarly to React.js' inline-styles. We use the sx property to define styles whih could be passed by the client (with some having default fallbacks). For example, for the primary buttons, we use a default width of 236px, but the client could decide that they need this buton to have a different width and pass a different size to out component, which would than be applied instead of our 236px default width.
+
+In a lower level example, we can look at the base Button component. All buttons have a disabled mode (each button handles its own logic to when it should be disabled). When the base button receives disabled to equal 'true', we set the buttons opacity to 0.3, otherwise, if 'false', it is set to 1.
 
 ## Add more components
 
 To add more components, start by looking at the existing components and see:
+
 1. Is there already a group of components where this new component should fit in? If it's a type of input look at inputs. If it's a type of button look at buttons.
-1. If a relevant group was found, explore existing components to understand if your new component could use one of the base components, and build on top of it to save redundent code. SLC was built with intention to save time and code for the client, and in a manner that should save time and code within itself for future components as well.
+1. If a relevant group was found, explore existing components to understand if your new component could use one of the base components, and build on top of it to save redundent code. SLC was built with intention to save time and code for the client, and in a manner that should save time and code within itself for future components as well.

package/lib/components/accordions/base-accordion/base-accordian.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Accordion } from ".";
+declare const meta: Meta<typeof Accordion>;
+export default meta;
+declare type Story = StoryObj<typeof Accordion>;
+export declare const Example: Story;
+export declare const GrowHeight: Story;

package/lib/components/accordions/sublist-accordion/sublist-accordian.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SublistAccordion } from ".";
+declare const meta: Meta<typeof SublistAccordion>;
+export default meta;
+declare type Story = StoryObj<typeof SublistAccordion>;
+export declare const Example: Story;
+export declare const Sublist: Story;
+export declare const SublistControlled: Story;

package/lib/components/badges/primary-badge/primary-badge.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PrimaryBadge } from ".";
+declare const meta: Meta<typeof PrimaryBadge>;
+export default meta;
+declare type Story = StoryObj<typeof PrimaryBadge>;
+export declare const Example: Story;

package/lib/components/badges/secondary-badge/secondary-badge.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SecondaryBadge } from ".";
+declare const meta: Meta<typeof SecondaryBadge>;
+export default meta;
+declare type Story = StoryObj<typeof SecondaryBadge>;
+export declare const Example: Story;

package/lib/components/boolean-feedback/thumbs-feedback/thumbs-feedback.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { ThumbsFeedback } from ".";
+declare const meta: Meta<typeof ThumbsFeedback>;
+export default meta;
+declare type Story = StoryObj<typeof ThumbsFeedback>;
+export declare const Example: Story;
+export declare const Interactive: Story;

package/lib/components/boxes/outside-click-box/outside-click-box.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { OutsideClickBox } from ".";
+declare const meta: Meta<typeof OutsideClickBox>;
+export default meta;
+declare type Story = StoryObj<typeof OutsideClickBox>;
+export declare const Example: Story;
+export declare const Interactive: Story;

package/lib/components/breadcrumbs/primary-breadcrumb/primary-breadcrumb.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PrimaryBreadcrumb } from ".";
+declare const meta: Meta<typeof PrimaryBreadcrumb>;
+export default meta;
+declare type Story = StoryObj<typeof PrimaryBreadcrumb>;
+export declare const Example: Story;

package/lib/components/breadcrumbs/secondary-breadcrumb/secondary-breadcrumb.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SecondaryBreadcrumb } from ".";
+declare const meta: Meta<typeof SecondaryBreadcrumb>;
+export default meta;
+declare type Story = StoryObj<typeof SecondaryBreadcrumb>;
+export declare const Example: Story;

package/lib/components/buttons/cta/primary-blue-button/primary-blue-button.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PrimaryBlueButton } from ".";
+declare const meta: Meta<typeof PrimaryBlueButton>;
+export default meta;
+declare type Story = StoryObj<typeof PrimaryBlueButton>;
+export declare const Example: Story;

package/lib/components/buttons/cta/primary-orange-button/primary-orange-button.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PrimaryOrangeButton } from ".";
+declare const meta: Meta<typeof PrimaryOrangeButton>;
+export default meta;
+declare type Story = StoryObj<typeof PrimaryOrangeButton>;
+export declare const Example: Story;
+export declare const Loading: Story;

package/lib/components/buttons/cta/secondary-blue-button/secondary-blue-button.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SecondaryBlueButton } from ".";
+declare const meta: Meta<typeof SecondaryBlueButton>;
+export default meta;
+declare type Story = StoryObj<typeof SecondaryBlueButton>;
+export declare const Example: Story;
+export declare const Disabled: Story;
+export declare const InternalLink: Story;
+export declare const ExternalLink: Story;

package/lib/components/buttons/cta/secondary-orange-button/secondary-orange-button.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SecondaryOrangeButton } from ".";
+declare const meta: Meta<typeof SecondaryOrangeButton>;
+export default meta;
+declare type Story = StoryObj<typeof SecondaryOrangeButton>;
+export declare const Example: Story;

package/lib/components/buttons/cta/text-cta-button/text-cta-button.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TextCtaButton } from ".";
+declare const meta: Meta<typeof TextCtaButton>;
+export default meta;
+declare type Story = StoryObj<typeof TextCtaButton>;
+export declare const Example: Story;

package/lib/components/buttons/logos/powered-by-grey-logo/powered-by-grey-logo.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PoweredByGreyLogoButton } from ".";
+declare const meta: Meta<typeof PoweredByGreyLogoButton>;
+export default meta;
+declare type Story = StoryObj<typeof PoweredByGreyLogoButton>;
+export declare const Example: Story;

package/lib/components/buttons/logos/powered-by-white-logo/powered-by-grey-logo.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PoweredByWhiteLogoButton } from ".";
+declare const meta: Meta<typeof PoweredByWhiteLogoButton>;
+export default meta;
+declare type Story = StoryObj<typeof PoweredByWhiteLogoButton>;
+export declare const Example: Story;

package/lib/components/buttons/logos/sd-white-logo/sd-white-logo.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SDWhiteLogo } from ".";
+declare const meta: Meta<typeof SDWhiteLogo>;
+export default meta;
+declare type Story = StoryObj<typeof SDWhiteLogo>;
+export declare const Example: Story;

package/lib/components/buttons/partials/circle-button/circle-button.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { CircleButton } from ".";
+declare const meta: Meta<typeof CircleButton>;
+export default meta;
+declare type Story = StoryObj<typeof CircleButton>;
+export declare const Example: Story;

package/lib/components/buttons/partials/icon-button/icon-button.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { IconButton } from ".";
+declare const meta: Meta<typeof IconButton>;
+export default meta;
+declare type Story = StoryObj<typeof IconButton>;
+export declare const Example: Story;
+export declare const WithLabel: Story;
+export declare const Reversed: Story;
+export declare const LabelHiddenOnMobile: Story;

package/lib/components/buttons/partials/square-button/square-button.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SquareButton } from ".";
+declare const meta: Meta<typeof SquareButton>;
+export default meta;
+declare type Story = StoryObj<typeof SquareButton>;
+export declare const Example: Story;

package/lib/components/cards/round-card/round-card.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { RoundCard } from ".";
+declare const meta: Meta<typeof RoundCard>;
+export default meta;
+declare type Story = StoryObj<typeof RoundCard>;
+export declare const Example: Story;

package/lib/components/checkboxes/checkbox/checkbox.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Checkbox } from ".";
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+declare type Story = StoryObj<typeof Checkbox>;
+export declare const Example: Story;
+export declare const Disabled: Story;
+export declare const DisabledUnchecked: Story;
+export declare const HoveringCheckBoxes: Story;

package/lib/components/checkboxes/checkbox-v2/checkbox.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { CheckboxV2 } from ".";
+declare const meta: Meta<typeof CheckboxV2>;
+export default meta;
+declare type Story = StoryObj<typeof CheckboxV2>;
+export declare const Example: Story;
+export declare const Interactive: Story;
+export declare const Disabled: Story;
+export declare const DisabledUnchecked: Story;
+export declare const HoveringCheckBoxes: Story;

package/lib/components/checkboxes/checkbox-v2/partials/checkbox-v2-container/interfaces.d.ts

@@ -9,6 +9,7 @@ export interface CheckboxV2ContainerProps {
     color?: string;
     disabled?: boolean;
     disabledColor?: string;
+    borderRadius?: CSSProperties["borderRadius"];
     borderWidth?: CSSProperties["borderWidth"];
     /**
      * Whether to extend checkbox in not checked state on hovering

package/lib/components/checkboxes/partial-checkbox/partial-checkbox.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PartialCheckbox } from ".";
+declare const meta: Meta<typeof PartialCheckbox>;
+export default meta;
+declare type Story = StoryObj<typeof PartialCheckbox>;
+export declare const Example: Story;
+export declare const Disabled: Story;
+export declare const Hovering: Story;
+export declare const HoveringDisabled: Story;

package/lib/components/checkboxes/partial-checkbox-v2/partial-checkbox-v2.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PartialCheckboxV2 } from ".";
+declare const meta: Meta<typeof PartialCheckboxV2>;
+export default meta;
+declare type Story = StoryObj<typeof PartialCheckboxV2>;
+export declare const Example: Story;
+export declare const Interactable: Story;
+export declare const Disabled: Story;
+export declare const Hovering: Story;
+export declare const HoveringDisabled: Story;

package/lib/components/containers/layout-independend-max-width-container/layout-independend-max-width-container.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { LayoutIndependentMaxWidthContainer } from ".";
+declare const meta: Meta<typeof LayoutIndependentMaxWidthContainer>;
+export default meta;
+declare type Story = StoryObj<typeof LayoutIndependentMaxWidthContainer>;
+export declare const Example: Story;

package/lib/components/containers/section-container/section-container.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SectionContainer } from ".";
+declare const meta: Meta<typeof SectionContainer>;
+export default meta;
+declare type Story = StoryObj<typeof SectionContainer>;
+export declare const Example: Story;

package/lib/components/custom-scrollbar-box/custom-scrollbar-box.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { CustomScrollbarBox } from ".";
+declare const meta: Meta<typeof CustomScrollbarBox>;
+export default meta;
+declare type Story = StoryObj<typeof CustomScrollbarBox>;
+export declare const Example: Story;
+export declare const Customized: Story;

package/lib/components/dividers/horizontal-divider/horizontal-divider.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { HorizontalDivider } from ".";
+declare const meta: Meta<typeof HorizontalDivider>;
+export default meta;
+declare type Story = StoryObj<typeof HorizontalDivider>;
+export declare const Example: Story;

package/lib/components/dividers/vertical-divider/vertical-divider.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { VerticalDivider } from ".";
+declare const meta: Meta<typeof VerticalDivider>;
+export default meta;
+declare type Story = StoryObj<typeof VerticalDivider>;
+export declare const Example: Story;

package/lib/components/feature-explanation/feature-explanation.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { FeatureExplanation } from ".";
+declare const meta: Meta<typeof FeatureExplanation>;
+export default meta;
+declare type Story = StoryObj<typeof FeatureExplanation>;
+export declare const Example: Story;

package/lib/components/feedback/multiple-options-feedback/multiple-options-feedback.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MultipleOptionsFeedback } from ".";
+declare const meta: Meta<typeof MultipleOptionsFeedback>;
+export default meta;
+declare type Story = StoryObj<typeof MultipleOptionsFeedback>;
+export declare const Example: Story;
+export declare const Ineractive: Story;

package/lib/components/feedback/yes-no-feedback-block/yes-no-feedback-block.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { YesNoFeedbackBlock } from ".";
+declare const meta: Meta<typeof YesNoFeedbackBlock>;
+export default meta;
+declare type Story = StoryObj<typeof YesNoFeedbackBlock>;
+export declare const Example: Story;
+export declare const Ineractive: Story;

package/lib/components/icons/bordered-plain-warning-circle-icon/bordered-plain-warning-circle-icon.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { BorderedPlainWarningCircleIcon } from ".";
+declare const meta: Meta<typeof BorderedPlainWarningCircleIcon>;
+export default meta;
+declare type Story = StoryObj<typeof BorderedPlainWarningCircleIcon>;
+export declare const Example: Story;
+export declare const Green: Story;
+export declare const Blue: Story;

package/lib/components/icons/round-bordered-star/round-bordered-star.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { RoundBorderedStar } from ".";
+declare const meta: Meta<typeof RoundBorderedStar>;
+export default meta;
+declare type Story = StoryObj<typeof RoundBorderedStar>;
+export declare const Example: Story;
+export declare const BottomRight: Story;
+export declare const AllCorners: Story;
+export declare const Customized: Story;

package/lib/components/icons/triangular-pointer-icon/triangular-pointer-icon.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TriangularPointerIcon } from ".";
+declare const meta: Meta<typeof TriangularPointerIcon>;
+export default meta;
+declare type Story = StoryObj<typeof TriangularPointerIcon>;
+export declare const Example: Story;

package/lib/components/inputs/autocomplete-input/autocomplete-input.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { AutocompleteInput } from ".";
+declare const meta: Meta<typeof AutocompleteInput>;
+export default meta;
+declare type Story = StoryObj<typeof AutocompleteInput>;
+export declare const Example: Story;
+export declare const Interactive: Story;

package/lib/components/inputs/client-portal-input/client-portal-input.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { ClientPortalInput } from ".";
+declare const meta: Meta<typeof ClientPortalInput>;
+export default meta;
+declare type Story = StoryObj<typeof ClientPortalInput>;
+export declare const Example: Story;
+export declare const WithError: Story;
+export declare const WithoutLabel: Story;

package/lib/components/inputs/date-inputs/outlined-date-input/outlined-date-input.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { OutlinedDateInput } from ".";
+declare const meta: Meta<typeof OutlinedDateInput>;
+export default meta;
+declare type Story = StoryObj<typeof OutlinedDateInput>;
+export declare const Example: Story;
+export declare const Interactive: Story;

package/lib/components/inputs/date-inputs/outlined-date-range-input/outlined-date-range-input.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { OutlinedDateRangeInput } from ".";
+declare const meta: Meta<typeof OutlinedDateRangeInput>;
+export default meta;
+declare type Story = StoryObj<typeof OutlinedDateRangeInput>;
+export declare const Example: Story;
+export declare const Interactive: Story;
+export declare const WithCustomQuickSelection: Story;

package/lib/components/inputs/date-inputs/primary-date-input/primary-date-input.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PrimaryDateInput } from ".";
+declare const meta: Meta<typeof PrimaryDateInput>;
+export default meta;
+declare type Story = StoryObj<typeof PrimaryDateInput>;
+export declare const Example: Story;
+export declare const Interactive: Story;
+export declare const WithError: Story;
+export declare const WithErrorBackground: Story;

package/lib/components/inputs/date-inputs/primary-date-range-input/primary-date-range-input.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PrimaryDateRangeInput } from ".";
+declare const meta: Meta<typeof PrimaryDateRangeInput>;
+export default meta;
+declare type Story = StoryObj<typeof PrimaryDateRangeInput>;
+export declare const Example: Story;
+export declare const Interactive: Story;

package/lib/components/inputs/decody-question-input/decody-question-input.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { DecodyQuestionInput } from ".";
+declare const meta: Meta<typeof DecodyQuestionInput>;
+export default meta;
+declare type Story = StoryObj<typeof DecodyQuestionInput>;
+export declare const Example: Story;

package/lib/components/inputs/multi-row-secondary-text-input/multi-row-secondary-text-input.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MultiRowSecondaryTextInput } from ".";
+declare const meta: Meta<typeof MultiRowSecondaryTextInput>;
+export default meta;
+declare type Story = StoryObj<typeof MultiRowSecondaryTextInput>;
+export declare const Example: Story;
+export declare const Disabled: Story;

package/lib/components/inputs/primary-number-input/primary-number-input.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PrimaryNumberInput } from ".";
+declare const meta: Meta<typeof PrimaryNumberInput>;
+export default meta;
+declare type Story = StoryObj<typeof PrimaryNumberInput>;
+export declare const Example: Story;

package/lib/components/inputs/primary-text-input/primary-number-input.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PrimaryTextInput } from ".";
+declare const meta: Meta<typeof PrimaryTextInput>;
+export default meta;
+declare type Story = StoryObj<typeof PrimaryTextInput>;
+export declare const Example: Story;
+export declare const Error: Story;

package/lib/components/inputs/search-autocomplete-input/search-autocomplete-input.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SearchAutocompleteInput } from ".";
+declare const meta: Meta<typeof SearchAutocompleteInput>;
+export default meta;
+declare type Story = StoryObj<typeof SearchAutocompleteInput>;
+export declare const Example: Story;
+export declare const Interactive: Story;

package/lib/components/inputs/search-input/search-input.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SearchInput } from ".";
+declare const meta: Meta<typeof SearchInput>;
+export default meta;
+declare type Story = StoryObj<typeof SearchInput>;
+export declare const Example: Story;

package/lib/components/inputs/search-input-v2/search-input-v2.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SearchInputV2 } from ".";
+declare const meta: Meta<typeof SearchInputV2>;
+export default meta;
+declare type Story = StoryObj<typeof SearchInputV2>;
+export declare const Example: Story;

package/lib/components/inputs/secondary-number-input/secondary-number-input.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SecondaryNumberInput } from ".";
+declare const meta: Meta<typeof SecondaryNumberInput>;
+export default meta;
+declare type Story = StoryObj<typeof SecondaryNumberInput>;
+export declare const Example: Story;
+export declare const NegativeValue: Story;
+export declare const Error: Story;
+export declare const ErrorBackground: Story;
+export declare const SecondLabel: Story;

package/lib/components/inputs/secondary-text-input/secondary-text-input.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SecondaryTextInput } from ".";
+declare const meta: Meta<typeof SecondaryTextInput>;
+export default meta;
+declare type Story = StoryObj<typeof SecondaryTextInput>;
+export declare const Example: Story;
+export declare const Error: Story;
+export declare const SecondaryLabel: Story;

package/lib/components/links/primary-link/primary-link.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PrimaryLink } from ".";
+declare const meta: Meta<typeof PrimaryLink>;
+export default meta;
+declare type Story = StoryObj<typeof PrimaryLink>;
+export declare const Example: Story;
+export declare const CustomColor: Story;

package/lib/components/lists/primary-list/primary-list.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PrimaryList } from ".";
+declare const meta: Meta<typeof PrimaryList>;
+export default meta;
+declare type Story = StoryObj<typeof PrimaryList>;
+export declare const Example: Story;

package/lib/components/menus/actions-menu/actions-menu.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { ActionsMenu } from ".";
+declare const meta: Meta<typeof ActionsMenu>;
+export default meta;
+declare type Story = StoryObj<typeof ActionsMenu>;
+export declare const Example: Story;

package/lib/components/meters/bars-meter/bars-meter.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { BarsMeter } from ".";
+declare const meta: Meta<typeof BarsMeter>;
+export default meta;
+declare type Story = StoryObj<typeof BarsMeter>;
+export declare const Example: Story;
+export declare const CustomMaxValue: Story;
+export declare const Customized: Story;

package/lib/components/meters/compact-donut-gauge/compact-donut-gauge.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { CompactDonutGauge } from ".";
+declare const meta: Meta<typeof CompactDonutGauge>;
+export default meta;
+declare type Story = StoryObj<typeof CompactDonutGauge>;
+export declare const Example: Story;
+export declare const CustomInternalIndicator: Story;

package/lib/components/meters/dashed-meter/dashed-meter.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { DashedMeter } from ".";
+declare const meta: Meta<typeof DashedMeter>;
+export default meta;
+declare type Story = StoryObj<typeof DashedMeter>;
+export declare const Example: Story;
+export declare const VerticallyOriented: Story;

package/lib/components/meters/donut-diagram/donut-diagram.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { DonutDiagram } from ".";
+declare const meta: Meta<typeof DonutDiagram>;
+export default meta;
+declare type Story = StoryObj<typeof DonutDiagram>;
+export declare const Example: Story;
+export declare const MobileVersion: Story;
+export declare const ContentInside: Story;
+export declare const SecondaryLabel: Story;

package/lib/components/meters/gradient-outline-meter/gradient-outline-meter.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { GradientOutlineMeter } from ".";
+declare const meta: Meta<typeof GradientOutlineMeter>;
+export default meta;
+declare type Story = StoryObj<typeof GradientOutlineMeter>;
+export declare const Continuous: Story;
+export declare const Segmented: Story;
+export declare const CustomNeedleColor: Story;
+export declare const CounterClockWise: Story;

package/lib/components/meters/gradient-outline-meter/small-gradient-outline-meter.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SmallGradientOutlineMeter } from ".";
+declare const meta: Meta<typeof SmallGradientOutlineMeter>;
+export default meta;
+declare type Story = StoryObj<typeof SmallGradientOutlineMeter>;
+export declare const Continuous: Story;
+export declare const Segmented: Story;
+export declare const CustomNeedleColor: Story;
+export declare const CounterClockWise: Story;

package/lib/components/meters/linear-discrete-gauge-meter/linear-discrete-gauge-meter.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { LinearDiscreteGaugeMeter } from ".";
+declare const meta: Meta<typeof LinearDiscreteGaugeMeter>;
+export default meta;
+declare type Story = StoryObj<typeof LinearDiscreteGaugeMeter>;
+export declare const Example: Story;