@kroo-web/design-system 1.12.0 → 1.12.2

package/dist/{cjs/src/components → components}/Skeleton/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type TSkeletonProps = {
     height?: string;
     rounded?: boolean;

package/dist/{esm/src/components → components}/Table/index.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
+
 export declare const TableRoot: ({ children }: PropsWithChildren) => React.JSX.Element;
 export declare const TableHead: ({ children }: PropsWithChildren) => React.JSX.Element;
 export declare const TableHeader: ({ children }: PropsWithChildren) => React.JSX.Element;

package/dist/components/Table/table.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Table } from '.';
+
+declare const _default: Meta<typeof Table.Root>;
+export default _default;
+type Story = StoryObj<typeof Table.Root>;
+/**  General usage of the component copy and paste this one to get up and running quickly */
+export declare const GeneralUsage: Story;

package/dist/components/Tabs/Tabs.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tabs } from '.';
+
+declare const _default: Meta<typeof Tabs.Root>;
+export default _default;
+type Story = StoryObj<typeof Tabs.Root>;
+export declare const GeneralUsage: Story;

package/dist/{cjs/src/components → components}/Tabs/index.d.ts

@@ -1,5 +1,5 @@
+import { default as React } from 'react';
 import * as RadixTabs from '@radix-ui/react-tabs';
-import React from 'react';
 export type TTabsRoot = React.ComponentProps<typeof RadixTabs.Root>;
 export type TTabsList = React.ComponentProps<typeof RadixTabs.List>;
 export type TTabsTrigger = React.ComponentProps<typeof RadixTabs.Trigger>;

package/dist/{cjs/src/components → components}/Tag/index.d.ts

@@ -1,5 +1,6 @@
-import React, { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { TTypographyProps } from '../Typography';
+
 export type TTagProps = {
     children: ReactNode | ReactNode[];
     circularIcon?: boolean;
@@ -9,6 +10,6 @@ export type TTagProps = {
 };
 export declare const Tag: {
     Content: ({ children, ...rest }: TTypographyProps) => React.JSX.Element;
-    Icon: ({ size, weight, ...rest }: import("../Icon").TIconProps) => React.JSX.Element;
+    Icon: ({ size, weight, ...rest }: import('../Icon').TIconProps) => React.JSX.Element;
     Root: ({ children, circularIcon, className, icon, variant, ...rest }: TTagProps) => React.JSX.Element;
 };

package/dist/components/Tag/tag.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tag } from '.';
+
+declare const _default: Meta<typeof Tag.Root>;
+export default _default;
+type Story = StoryObj<typeof Tag.Root>;
+export declare const GeneralUsage: Story;
+export declare const Variants: Story;
+export declare const CircularIcon: Story;

package/dist/{esm/src/components → components}/TextField/index.d.ts

@@ -1,5 +1,6 @@
-import React, { DetailedHTMLProps, InputHTMLAttributes, ReactNode } from 'react';
+import { default as React, DetailedHTMLProps, InputHTMLAttributes, ReactNode } from 'react';
 import { FieldValues, Path } from 'react-hook-form';
+
 export type TTextFieldProps<T extends FieldValues> = {
     className?: string;
     disabled?: boolean;

package/dist/components/TextField/textField.stories.d.ts

@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TextField } from '.';
+
+declare const _default: Meta<typeof TextField>;
+export default _default;
+type Story = StoryObj<typeof TextField>;
+export declare const GeneralUsage: Story;
+export declare const Error: Story;
+export declare const HelperText: Story;
+export declare const RightContent: Story;
+export declare const LeftContent: Story;
+export declare const Prefix: Story;
+export declare const Suffix: Story;
+export declare const WithKeyDown: Story;
+export declare const WithAbstractProps: Story;
+export declare const Native: Story;
+export declare const WithRHF: Story;
+export declare const RHFWithLongLabel: Story;
+export declare const NativeWithLongLabel: Story;

package/dist/components/TextField/textField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Toast/Toast.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Toast } from '.';
+
+declare const _default: Meta<typeof Toast.Root>;
+export default _default;
+type Story = StoryObj<typeof Toast>;
+export declare const GeneralUsage: Story;
+export declare const Variants: Story;

package/dist/{esm/src/components → components}/Toast/index.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { TIconProps } from '../Icon';
+
 export type TToastRootProps = {
     children: React.ReactNode;
 };

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tooltip } from '.';
+
+declare const _default: Meta<typeof Tooltip.Root>;
+export default _default;
+type Story = StoryObj<typeof Tooltip>;
+export declare const GeneralUsage: Story;
+export declare const OpenByDefault: Story;

package/dist/components/Tooltip/Tooltip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{cjs/src/components → components}/Tooltip/index.d.ts

@@ -1,5 +1,5 @@
+import { default as React } from 'react';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
-import React from 'react';
 export type TTooltipRootProps = React.ComponentProps<typeof RadixTooltip.Root>;
 export type TTooltipTriggerProps = {
     className?: string;

package/dist/{cjs/src/components → components}/Typography/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type TLegacyMarketingText = 'marketing-large-light' | 'marketing-large-regular' | 'marketing-large-semi-bold' | 'marketing-medium-light' | 'marketing-medium-regular' | 'marketing-medium-semi-bold' | 'marketing-quote-light' | 'marketing-quote-regular' | 'marketing-quote-semi-bold' | 'marketing-small-light' | 'marketing-small-regular' | 'marketing-small-semi-bold' | 'marketing-tag-light' | 'marketing-tag-regular' | 'marketing-tag-semi-bold' | 'marketing-text-light' | 'marketing-text-regular' | 'marketing-text-semi-bold';
 export type TLegacyMarketingHeading = 'marketing-heading-1' | 'marketing-heading-2' | 'marketing-heading-3' | 'marketing-heading-4' | 'marketing-heading-5' | 'marketing-heading-6' | 'marketing-heading-7';
 export type TLegacyMarketingFooter = 'footer-regular' | 'footer-semi-bold';

package/dist/components/Typography/typography.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Typography } from '.';
+
+declare const _default: Meta<typeof Typography>;
+export default _default;
+type Story = StoryObj<typeof Typography>;
+export declare const GeneralUsage: Story;
+export declare const Variants: Story;
+export declare const MarketingVariants: Story;
+export declare const Polymorphic: Story;
+export declare const DangerousHTML: Story;

package/dist/components/Typography/typography.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Wrapper/Wrapper.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { WrapperProps } from '.';
+
+/** Handles for wrapping components */
+declare const _default: Meta<WrapperProps>;
+export default _default;
+type Story = StoryObj<WrapperProps>;
+/**  General usage of the component copy and paste this one to get up and running quickly */
+export declare const GeneralUsage: Story;

package/dist/{cjs/src/components → components}/Wrapper/index.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
+
 export type WrapperVariants = {
     orientation?: 'center';
     type?: 'trustPilot';

package/dist/{esm/src/components → components}/shared/FieldError/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type TFieldErrorProps = {
     error: {
         message: string;

package/dist/{esm/src/components → components}/shared/FieldHelper/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type TFieldHelperProps = {
     helper: {
         message: string;

package/dist/components/shared/FormField/FormField.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FormField } from '.';
+
+declare const _default: Meta<typeof FormField>;
+export default _default;
+type Story = StoryObj<typeof FormField>;
+export declare const Default: Story;

package/dist/{esm/src/components → components}/shared/FormField/index.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
+
 export type TFormFieldProps = {
     children: ReactNode;
     error?: string;