@youngonesworks/ui 0.1.1 → 0.1.5

package/README.md

@@ -1,4 +1,4 @@
-# YoungonesUI
+# @youngonesworks/ui
 
 A React component library built with Tailwind CSS v4.
 
@@ -15,7 +15,7 @@ A React component library built with Tailwind CSS v4.
 
 ```bash
 # yarn
-yarn add youngonesui
+yarn add @youngonesworks/ui
 ```
 
 ### Peer Dependencies
@@ -37,7 +37,7 @@ Update `tailwind.config.js`:
 module.exports = {
   content: [
     './src/**/*.{js,jsx,ts,tsx}',
-    './node_modules/youngonesui/**/*.{js,jsx,ts,tsx}',
+    './node_modules/@youngonesworks/ui/**/*.{js,jsx,ts,tsx}',
   ],
   theme: { extend: {} },
   plugins: [],
@@ -47,7 +47,7 @@ module.exports = {
 ## Usage
 
 ```tsx
-import { Button } from 'youngonesui';
+import { Button } from '@youngonesworks/ui';
 
 function App() {
   return (

package/dist/components/AutoCompleteInput/index.d.ts

@@ -1,5 +1,5 @@
 import { type ChangeEvent, type KeyboardEvent, type ReactNode, type Ref } from 'react';
-import { type TextInputProps } from '../TextInput';
+import { type TextInputProps } from '../textInput';
 interface ISearchLocationFormProps extends TextInputProps {
     label: string;
     onChange: (e: ChangeEvent<HTMLInputElement>) => void;

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

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Button } from './Button';
+import { Button } from './index';
 declare const meta: Meta<typeof Button>;
 export default meta;
 type Story = StoryObj<typeof Button>;

package/dist/components/Button/index.d.ts

@@ -0,0 +1,13 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import { buttonVariants } from './buttonVariants';
+interface IButton extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: keyof typeof buttonVariants;
+    ariaLabel?: string;
+    isLoading?: boolean;
+    block?: boolean;
+    dataTestId?: string;
+    icon?: ReactNode;
+    iconRight?: boolean;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<IButton & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/Table/tableCell/TableCell.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { TableCell } from './index';
+declare const meta: Meta<typeof TableCell>;
+export default meta;
+type Story = StoryObj<typeof TableCell>;
+export declare const Default: Story;

package/dist/components/Table/tableCell/index.d.ts

@@ -0,0 +1,7 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+interface ITableCell extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    smallPadding?: boolean;
+}
+export declare const TableCell: ({ children, smallPadding, className }: ITableCell) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Table/tableHeader/TableHeader.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { TableHeader } from './index';
+declare const meta: Meta<typeof TableHeader>;
+export default meta;
+type Story = StoryObj<typeof TableHeader>;
+export declare const Default: Story;

package/dist/components/Table/tableHeader/index.d.ts

@@ -0,0 +1,5 @@
+interface ITableHeader {
+    children: React.ReactNode;
+}
+export declare const TableHeader: ({ children }: ITableHeader) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Table/tableHeaderItem/TableHeaderItem.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { TableHeaderItem } from './index';
+declare const meta: Meta<typeof TableHeaderItem>;
+export default meta;
+type Story = StoryObj<typeof TableHeaderItem>;
+export declare const Default: Story;

package/dist/components/Table/tableHeaderItem/index.d.ts

@@ -0,0 +1,7 @@
+import { type HTMLAttributes } from 'react';
+interface ITableHeaderItem extends HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    smallPadding?: boolean;
+}
+export declare const TableHeaderItem: ({ children, smallPadding, className }: ITableHeaderItem) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Table/tableHeaderRow/TableHeaderRow.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { TableHeaderRow } from './index';
+declare const meta: Meta<typeof TableHeaderRow>;
+export default meta;
+type Story = StoryObj<typeof TableHeaderRow>;
+export declare const Default: Story;

package/dist/components/Table/tableHeaderRow/index.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+interface ITableRow extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare const TableHeaderRow: ({ children, ...props }: ITableRow) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Table/tableRow/TableRow.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { TableRow } from './index';
+declare const meta: Meta<typeof TableRow>;
+export default meta;
+type Story = StoryObj<typeof TableRow>;
+export declare const Default: Story;

package/dist/components/Table/tableRow/index.d.ts

@@ -0,0 +1,8 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+interface ITableRow extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
+    children: ReactNode;
+    className?: string;
+    header?: boolean;
+}
+export declare const TableRow: import("react").ForwardRefExoticComponent<ITableRow & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/accordion/Accordion.stories.d.ts

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

package/dist/components/accordion/AccordionItem.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+interface IAccordionItem {
+    controlContent: ReactNode;
+    panelContent: ReactNode;
+    endContent?: ReactNode;
+    style?: 'light' | 'dark' | 'onboarding';
+    border?: boolean;
+    disabled?: boolean;
+    chevronPosition?: 'left' | 'right';
+    active?: boolean;
+    className?: string;
+}
+export declare const AccordionItem: ({ controlContent, panelContent, style, border, chevronPosition, disabled, active, endContent, className, }: IAccordionItem) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/accordion/AccordionItem.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AccordionItem } from './AccordionItem';
+declare const meta: Meta<typeof AccordionItem>;
+export default meta;
+type Story = StoryObj<typeof AccordionItem>;
+export declare const Default: Story;
+export declare const WithEndContent: Story;
+export declare const DarkStyle: Story;
+export declare const WithBorder: Story;
+export declare const ChevronRight: Story;
+export declare const Playground: Story;

package/dist/components/accordion/AccordionItem.test.d.ts

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

package/dist/components/accordion/AccordionWrapper.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+interface AccordionProps {
+    children?: ReactNode;
+    className?: string;
+}
+export declare const AccordionWrapper: ({ children, className }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AccordionItem';
+export * from './AccordionWrapper';

package/dist/components/favouriteButton/FavouriteButton.stories.d.ts

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

package/dist/components/favouriteButton/FavouriteButton.test.d.ts

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

package/dist/components/favouriteButton/index.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+interface IFavouriteButtonProps {
+    onClick: () => void;
+    favourite: boolean;
+    iconOutline?: ReactNode;
+    iconFilled?: ReactNode;
+    /**
+     * @deprecated Can be removed and replaced by iconSize
+     */
+    width?: string;
+    /**
+     * @deprecated Can be removed and replaced by iconSize
+     */
+    height?: string;
+    iconSize?: number;
+    className?: string;
+    favouriteTitle?: string;
+    'data-testid'?: string;
+    iconColor?: string;
+    iconColorSelected?: string;
+    styleVariant?: 'transparent' | 'small' | 'default' | 'round' | undefined;
+}
+export declare const FavouriteButton: import("react").ForwardRefExoticComponent<IFavouriteButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export {};

package/dist/components/filters/FilterButton.d.ts

@@ -0,0 +1,9 @@
+interface IFilterButtonProps {
+    onClick: () => void;
+    hasFilters: boolean;
+    reset: () => void;
+    filtersText: string;
+    resetText: string;
+}
+export declare const FilterButton: ({ onClick, hasFilters, reset, filtersText, resetText }: IFilterButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/filters/FilterButton.stories.d.ts

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

package/dist/components/filters/FilterButton.test.d.ts

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

package/dist/components/filters/FilterItem.d.ts

@@ -0,0 +1,7 @@
+interface IFilterItemProps {
+    title: string;
+    isActive?: boolean;
+    onClick?: () => void;
+}
+export declare const FilterItem: ({ title, isActive, onClick }: IFilterItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/filters/FilterItem.stories.d.ts

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

package/dist/components/filters/FilterItem.test.d.ts

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

package/dist/components/filters/Filters.stories.d.ts

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

package/dist/components/filters/index.d.ts

@@ -0,0 +1,11 @@
+interface IFilterProps {
+    filters: string[];
+    selectedFilters: string[];
+    selectedFiltersText: string;
+    setFilters: (filter: string[]) => void;
+    callBack?: () => void;
+    filtersText: string;
+    resetText: string;
+}
+export declare const Filters: ({ filters, setFilters, selectedFilters, selectedFiltersText, filtersText, resetText }: IFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/navButtons/NavButtons.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { NavButtons } from '.';
+declare const meta: Meta<typeof NavButtons>;
+export default meta;
+type Story = StoryObj<typeof NavButtons>;
+export declare const Default: Story;
+export declare const OnlyNext: Story;
+export declare const OnlyPrev: Story;
+export declare const Disabled: Story;
+export declare const Playground: Story;

package/dist/components/navButtons/NavButtons.test.d.ts

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

package/dist/components/navButtons/index.d.ts

@@ -0,0 +1,6 @@
+interface NavButtonsProps {
+    onNext?: () => void;
+    onPrev?: () => void;
+}
+export declare const NavButtons: ({ onNext, onPrev }: NavButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/stepper/NumberedStepper.d.ts

@@ -0,0 +1,13 @@
+interface Step {
+    label: string;
+}
+interface NumberedStepperProps {
+    steps: Step[];
+    active: number;
+    stepsCompleted: number[];
+    completedLabel: string;
+    className?: string;
+    onStepClick: (index: number) => void;
+}
+export declare const NumberedStepper: ({ steps, active, className, stepsCompleted, completedLabel, onStepClick, }: NumberedStepperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/stepper/NumberedStepper.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { NumberedStepper } from './NumberedStepper';
+declare const meta: Meta<typeof NumberedStepper>;
+export default meta;
+type Story = StoryObj<typeof NumberedStepper>;
+export declare const Default: Story;
+export declare const WithCompletedSteps: Story;
+export declare const CustomClassNameStepper: Story;

package/dist/components/stepper/NumberedStepper.test.d.ts

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

package/dist/components/stepper/Stepper.d.ts

@@ -0,0 +1,16 @@
+export interface Step {
+    label: string;
+    value: string;
+}
+interface StepperProps {
+    steps: Step[];
+    clickableSteps?: number[];
+    completedSteps?: number[];
+    setStep?: (step: number) => void;
+    variant?: 'small' | 'default';
+    activeStep: number;
+    isMobile: boolean;
+    className?: string;
+}
+export declare const Stepper: ({ steps, setStep, variant, clickableSteps, completedSteps, activeStep, isMobile, className, }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/stepper/Stepper.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Stepper } from './Stepper';
+declare const meta: Meta<typeof Stepper>;
+export default meta;
+type Story = StoryObj<typeof Stepper>;
+export declare const Default: Story;
+export declare const SmallVariant: Story;
+export declare const WithCompletedSteps: Story;
+export declare const CustomClassNameStepper: Story;

package/dist/components/stepper/Stepper.test.d.ts

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

package/dist/components/stepper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NumberedStepper';
+export * from './Stepper';

package/dist/components/tabs/Tab.d.ts

@@ -0,0 +1,11 @@
+import React, { type ReactNode, type RefObject } from 'react';
+export interface TabProps {
+    setActiveTab: (tab: string) => void;
+    tabId: string;
+    ref: RefObject<HTMLButtonElement | null>;
+    activeTab: boolean;
+    tabContent: ReactNode | ReactNode[] | string;
+    rightSection?: ReactNode | undefined;
+    clickFnc: (tabId: string) => void;
+}
+export declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/tabs/Tab.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("./Tab").TabProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Active: Story;
+export declare const WithBadge: Story;
+export declare const LongContent: Story;

package/dist/components/tabs/Tab.test.d.ts

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

package/dist/components/tabs/TabsBadge.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+export interface TabsBadgeProps {
+    children: ReactNode;
+}
+export declare const TabsBadge: {
+    ({ children }: TabsBadgeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/tabs/TabsBadge.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: {
+        ({ children }: import("./TabsBadge").TabsBadgeProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SingleDigit: Story;
+export declare const MultipleDigits: Story;
+export declare const SingleCharacter: Story;
+export declare const Text: Story;
+export declare const LongText: Story;

package/dist/components/tabs/TabsBadge.test.d.ts

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

package/dist/components/tabs/TabsWrapper.d.ts

@@ -0,0 +1,17 @@
+import { type ReactElement, type ReactNode } from 'react';
+interface ITab {
+    name: string;
+    value: string;
+    rightSection?: ReactElement | undefined;
+    clickFnc: (val: string) => void;
+    requiredPermissions?: string[];
+}
+interface TabsWrapperProps {
+    children?: ReactNode | ReactNode[];
+    defaultActive?: string;
+    setActiveTab: (value: string) => void;
+    activeTab?: string;
+    tabs: ITab[];
+}
+export declare const TabsWrapper: ({ setActiveTab, activeTab, tabs }: TabsWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Tab';
+export * from './TabsWrapper';