@youngonesworks/ui 0.1.1 → 0.1.10
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.
- package/README.md +4 -4
- package/dist/components/Alert/Alert.stories.d.ts +1 -1
- package/dist/components/AutoCompleteInput/index.d.ts +1 -1
- package/dist/components/Button/Button.stories.d.ts +1 -1
- package/dist/components/Button/index.d.ts +13 -0
- package/dist/components/Table/tableCell/TableCell.stories.d.ts +6 -0
- package/dist/components/Table/tableCell/index.d.ts +7 -0
- package/dist/components/Table/tableHeader/TableHeader.stories.d.ts +6 -0
- package/dist/components/Table/tableHeader/index.d.ts +5 -0
- package/dist/components/Table/tableHeaderItem/TableHeaderItem.stories.d.ts +6 -0
- package/dist/components/Table/tableHeaderItem/index.d.ts +7 -0
- package/dist/components/Table/tableHeaderRow/TableHeaderRow.stories.d.ts +6 -0
- package/dist/components/Table/tableHeaderRow/index.d.ts +6 -0
- package/dist/components/Table/tableRow/TableRow.stories.d.ts +6 -0
- package/dist/components/Table/tableRow/index.d.ts +8 -0
- package/dist/components/_accordion/Accordion.stories.d.ts +6 -0
- package/dist/components/_accordion/AccordionItem.d.ts +14 -0
- package/dist/components/_accordion/AccordionItem.stories.d.ts +11 -0
- package/dist/components/_accordion/AccordionItem.test.d.ts +1 -0
- package/dist/components/_accordion/AccordionWrapper.d.ts +7 -0
- package/dist/components/_accordion/index.d.ts +2 -0
- package/dist/components/_actionIcon/ActionIcon.stories.d.ts +9 -0
- package/dist/components/_actionIcon/index.d.ts +25 -0
- package/dist/components/_alert/Alert.stories.d.ts +6 -0
- package/dist/components/_alert/Alert.test.d.ts +1 -0
- package/dist/components/_alert/index.d.ts +18 -0
- package/dist/components/_appleAppButtonIcon/AppleAppButtonIcon.stories.d.ts +6 -0
- package/dist/components/_appleAppButtonIcon/index.d.ts +2 -0
- package/dist/components/_autoCompleteInput/AutoCompleteInput.stories.d.ts +6 -0
- package/dist/components/_autoCompleteInput/index.d.ts +16 -0
- package/dist/components/_avatar/Avatar.stories.d.ts +6 -0
- package/dist/components/_avatar/index.d.ts +22 -0
- package/dist/components/_avatarIndicator/AvatarIndicator.stories.d.ts +6 -0
- package/dist/components/_avatarIndicator/index.d.ts +6 -0
- package/dist/components/_badge/Badge.stories.d.ts +6 -0
- package/dist/components/_badge/index.d.ts +27 -0
- package/dist/components/_bigBadge/BigBadge.stories.d.ts +6 -0
- package/dist/components/_bigBadge/index.d.ts +9 -0
- package/dist/components/_breadCrumb/BreadCrumb.stories.d.ts +6 -0
- package/dist/components/_breadCrumb/index.d.ts +8 -0
- package/dist/components/_button/Button.stories.d.ts +9 -0
- package/dist/components/_button/buttonVariants.d.ts +10 -0
- package/dist/components/_button/index.d.ts +13 -0
- package/dist/components/_calendar/index.d.ts +0 -0
- package/dist/components/_checkbox/Checkbox.stories.d.ts +9 -0
- package/dist/components/_checkbox/index.d.ts +11 -0
- package/dist/components/_divider/Divider.stories.d.ts +6 -0
- package/dist/components/_divider/index.d.ts +6 -0
- package/dist/components/_favouriteButton/FavouriteButton.stories.d.ts +6 -0
- package/dist/components/_favouriteButton/FavouriteButton.test.d.ts +1 -0
- package/dist/components/_favouriteButton/index.d.ts +24 -0
- package/dist/components/_filters/FilterButton.d.ts +9 -0
- package/dist/components/_filters/FilterButton.stories.d.ts +7 -0
- package/dist/components/_filters/FilterButton.test.d.ts +1 -0
- package/dist/components/_filters/FilterItem.d.ts +7 -0
- package/dist/components/_filters/FilterItem.stories.d.ts +7 -0
- package/dist/components/_filters/FilterItem.test.d.ts +1 -0
- package/dist/components/_filters/Filters.stories.d.ts +7 -0
- package/dist/components/_filters/index.d.ts +11 -0
- package/dist/components/_googleAppButtonIcon/GoogleAppButtonIcon.stories.d.ts +6 -0
- package/dist/components/_googleAppButtonIcon/index.d.ts +2 -0
- package/dist/components/_hamburgerMenuButton/HamburgerMenuButton.stories.d.ts +6 -0
- package/dist/components/_hamburgerMenuButton/index.d.ts +6 -0
- package/dist/components/_hr/HR.stories.d.ts +6 -0
- package/dist/components/_hr/index.d.ts +8 -0
- package/dist/components/_island/Island.stories.d.ts +6 -0
- package/dist/components/_island/index.d.ts +11 -0
- package/dist/components/_label/Label.stories.d.ts +6 -0
- package/dist/components/_label/index.d.ts +7 -0
- package/dist/components/_linkText/LinkText.stories.d.ts +6 -0
- package/dist/components/_linkText/index.d.ts +11 -0
- package/dist/components/_loader/Loader.stories.d.ts +6 -0
- package/dist/components/_loader/index.d.ts +4 -0
- package/dist/components/_logo/Logo.stories.d.ts +6 -0
- package/dist/components/_logo/index.d.ts +2 -0
- package/dist/components/_modal/Modal.stories.d.ts +6 -0
- package/dist/components/_modal/index.d.ts +19 -0
- package/dist/components/_navButtons/NavButtons.stories.d.ts +10 -0
- package/dist/components/_navButtons/NavButtons.test.d.ts +1 -0
- package/dist/components/_navButtons/index.d.ts +6 -0
- package/dist/components/_numberField/NumberField.stories.d.ts +6 -0
- package/dist/components/_numberField/index.d.ts +14 -0
- package/dist/components/_pageUnavailable/PageUnavailable.stories.d.ts +6 -0
- package/dist/components/_pageUnavailable/index.d.ts +7 -0
- package/dist/components/_passwordInput/PasswordInput.stories.d.ts +6 -0
- package/dist/components/_passwordInput/index.d.ts +3 -0
- package/dist/components/_phoneInput/index.d.ts +0 -0
- package/dist/components/_popover/Popover.stories.d.ts +6 -0
- package/dist/components/_popover/index.d.ts +14 -0
- package/dist/components/_progressBar/ProgressBar.stories.d.ts +6 -0
- package/dist/components/_progressBar/index.d.ts +7 -0
- package/dist/components/_radioButton/RadioButton.stories.d.ts +6 -0
- package/dist/components/_radioButton/index.d.ts +17 -0
- package/dist/components/_rating/Rating.stories.d.ts +7 -0
- package/dist/components/_rating/index.d.ts +10 -0
- package/dist/components/_regionSelector/RegionSelector.stories.d.ts +6 -0
- package/dist/components/_regionSelector/index.d.ts +11 -0
- package/dist/components/_reviews/Reviews.stories.d.ts +6 -0
- package/dist/components/_reviews/index.d.ts +13 -0
- package/dist/components/_scrollToTop/ScrollToTop.stories.d.ts +6 -0
- package/dist/components/_scrollToTop/index.d.ts +3 -0
- package/dist/components/_searchInput/SearchInput.stories.d.ts +6 -0
- package/dist/components/_searchInput/index.d.ts +1 -0
- package/dist/components/_select/Select.stories.d.ts +6 -0
- package/dist/components/_select/index.d.ts +26 -0
- package/dist/components/_settingsCard/SettingsCard.stories.d.ts +6 -0
- package/dist/components/_settingsCard/index.d.ts +14 -0
- package/dist/components/_skeleton/Skeleton.stories.d.ts +6 -0
- package/dist/components/_skeleton/index.d.ts +5 -0
- package/dist/components/_skillPill/SkillPill.stories.d.ts +6 -0
- package/dist/components/_skillPill/index.d.ts +6 -0
- package/dist/components/_stepper/NumberedStepper.d.ts +13 -0
- package/dist/components/_stepper/NumberedStepper.stories.d.ts +8 -0
- package/dist/components/_stepper/NumberedStepper.test.d.ts +1 -0
- package/dist/components/_stepper/Stepper.d.ts +16 -0
- package/dist/components/_stepper/Stepper.stories.d.ts +9 -0
- package/dist/components/_stepper/Stepper.test.d.ts +1 -0
- package/dist/components/_stepper/index.d.ts +2 -0
- package/dist/components/_stickyMobileButton/StickyMobileButtonWrapper.stories.d.ts +6 -0
- package/dist/components/_stickyMobileButton/index.d.ts +6 -0
- package/dist/components/_table/Table.stories.d.ts +6 -0
- package/dist/components/_table/index.d.ts +6 -0
- package/dist/components/_table/tableCell/TableCell.stories.d.ts +6 -0
- package/dist/components/_table/tableCell/index.d.ts +7 -0
- package/dist/components/_table/tableHeader/TableHeader.stories.d.ts +6 -0
- package/dist/components/_table/tableHeader/index.d.ts +5 -0
- package/dist/components/_table/tableHeaderItem/TableHeaderItem.stories.d.ts +6 -0
- package/dist/components/_table/tableHeaderItem/index.d.ts +7 -0
- package/dist/components/_table/tableHeaderRow/TableHeaderRow.stories.d.ts +6 -0
- package/dist/components/_table/tableHeaderRow/index.d.ts +6 -0
- package/dist/components/_table/tableRow/TableRow.stories.d.ts +6 -0
- package/dist/components/_table/tableRow/index.d.ts +8 -0
- package/dist/components/_tabs/Tab.d.ts +11 -0
- package/dist/components/_tabs/Tab.stories.d.ts +15 -0
- package/dist/components/_tabs/Tab.test.d.ts +1 -0
- package/dist/components/_tabs/TabsBadge.d.ts +8 -0
- package/dist/components/_tabs/TabsBadge.stories.d.ts +19 -0
- package/dist/components/_tabs/TabsBadge.test.d.ts +1 -0
- package/dist/components/_tabs/TabsWrapper.d.ts +17 -0
- package/dist/components/_tabs/index.d.ts +2 -0
- package/dist/components/_textArea/Textarea.stories.d.ts +6 -0
- package/dist/components/_textArea/index.d.ts +8 -0
- package/dist/components/_textInput/TextInput.stories.d.ts +8 -0
- package/dist/components/_textInput/index.d.ts +22 -0
- package/dist/components/_themeIcon/ThemeIcon.stories.d.ts +8 -0
- package/dist/components/_themeIcon/index.d.ts +9 -0
- package/dist/components/_toggle/Toggle.stories.d.ts +7 -0
- package/dist/components/_toggle/index.d.ts +7 -0
- package/dist/components/_tooltip/Tooltip.stories.d.ts +8 -0
- package/dist/components/_tooltip/index.d.ts +13 -0
- package/dist/components/_truncatedText/TruncatedText.stories.d.ts +7 -0
- package/dist/components/_truncatedText/index.d.ts +6 -0
- package/dist/components/_unorderedList/UnorderedList.stories.d.ts +7 -0
- package/dist/components/_unorderedList/index.d.ts +7 -0
- package/dist/components/_unorderedListItem/UnorderedListItem.stories.d.ts +7 -0
- package/dist/components/_unorderedListItem/index.d.ts +9 -0
- package/dist/components/_unstyledButton/UnstyledButton.stories.d.ts +6 -0
- package/dist/components/_unstyledButton/index.d.ts +6 -0
- package/dist/components/_wysiwygEditor/WysiwygEditor.stories.d.ts +7 -0
- package/dist/components/_wysiwygEditor/index.d.ts +16 -0
- package/dist/components/accordion/Accordion.stories.d.ts +6 -0
- package/dist/components/accordion/AccordionItem.d.ts +14 -0
- package/dist/components/accordion/AccordionItem.stories.d.ts +11 -0
- package/dist/components/accordion/AccordionItem.test.d.ts +1 -0
- package/dist/components/accordion/AccordionWrapper.d.ts +7 -0
- package/dist/components/accordion/index.d.ts +2 -0
- package/dist/components/favouriteButton/FavouriteButton.stories.d.ts +6 -0
- package/dist/components/favouriteButton/FavouriteButton.test.d.ts +1 -0
- package/dist/components/favouriteButton/index.d.ts +24 -0
- package/dist/components/filters/FilterButton.d.ts +9 -0
- package/dist/components/filters/FilterButton.stories.d.ts +7 -0
- package/dist/components/filters/FilterButton.test.d.ts +1 -0
- package/dist/components/filters/FilterItem.d.ts +7 -0
- package/dist/components/filters/FilterItem.stories.d.ts +7 -0
- package/dist/components/filters/FilterItem.test.d.ts +1 -0
- package/dist/components/filters/Filters.stories.d.ts +7 -0
- package/dist/components/filters/index.d.ts +11 -0
- package/dist/components/navButtons/NavButtons.stories.d.ts +10 -0
- package/dist/components/navButtons/NavButtons.test.d.ts +1 -0
- package/dist/components/navButtons/index.d.ts +6 -0
- package/dist/components/stepper/NumberedStepper.d.ts +13 -0
- package/dist/components/stepper/NumberedStepper.stories.d.ts +8 -0
- package/dist/components/stepper/NumberedStepper.test.d.ts +1 -0
- package/dist/components/stepper/Stepper.d.ts +16 -0
- package/dist/components/stepper/Stepper.stories.d.ts +9 -0
- package/dist/components/stepper/Stepper.test.d.ts +1 -0
- package/dist/components/stepper/index.d.ts +2 -0
- package/dist/components/tabs/Tab.d.ts +11 -0
- package/dist/components/tabs/Tab.stories.d.ts +15 -0
- package/dist/components/tabs/Tab.test.d.ts +1 -0
- package/dist/components/tabs/TabsBadge.d.ts +8 -0
- package/dist/components/tabs/TabsBadge.stories.d.ts +19 -0
- package/dist/components/tabs/TabsBadge.test.d.ts +1 -0
- package/dist/components/tabs/TabsWrapper.d.ts +17 -0
- package/dist/components/tabs/index.d.ts +2 -0
- package/dist/index.cjs +6451 -6280
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +55 -52
- package/dist/index.js +6438 -6272
- package/dist/index.js.map +1 -1
- package/package.json +6 -4
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
#
|
|
1
|
+
# @youngonesworks/ui
|
|
2
2
|
|
|
3
3
|
A React component library built with Tailwind CSS v4.
|
|
4
4
|
|
|
@@ -15,7 +15,7 @@ A React component library built with Tailwind CSS v4.
|
|
|
15
15
|
|
|
16
16
|
```bash
|
|
17
17
|
# yarn
|
|
18
|
-
yarn add
|
|
18
|
+
yarn add @youngonesworks/ui
|
|
19
19
|
```
|
|
20
20
|
|
|
21
21
|
### Peer Dependencies
|
|
@@ -37,7 +37,7 @@ Update `tailwind.config.js`:
|
|
|
37
37
|
module.exports = {
|
|
38
38
|
content: [
|
|
39
39
|
'./src/**/*.{js,jsx,ts,tsx}',
|
|
40
|
-
'./node_modules/
|
|
40
|
+
'./node_modules/@youngonesworks/ui/**/*.{js,jsx,ts,tsx}',
|
|
41
41
|
],
|
|
42
42
|
theme: { extend: {} },
|
|
43
43
|
plugins: [],
|
|
@@ -47,7 +47,7 @@ module.exports = {
|
|
|
47
47
|
## Usage
|
|
48
48
|
|
|
49
49
|
```tsx
|
|
50
|
-
import { Button } from '
|
|
50
|
+
import { Button } from '@youngonesworks/ui';
|
|
51
51
|
|
|
52
52
|
function App() {
|
|
53
53
|
return (
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ChangeEvent, type KeyboardEvent, type ReactNode, type Ref } from 'react';
|
|
2
|
-
import { type TextInputProps } from '../
|
|
2
|
+
import { type TextInputProps } from '../textInput';
|
|
3
3
|
interface ISearchLocationFormProps extends TextInputProps {
|
|
4
4
|
label: string;
|
|
5
5
|
onChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
import { buttonVariants } from './buttonVariants';
|
|
3
|
+
interface IButton extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
variant?: keyof typeof buttonVariants;
|
|
5
|
+
ariaLabel?: string;
|
|
6
|
+
isLoading?: boolean;
|
|
7
|
+
block?: boolean;
|
|
8
|
+
dataTestId?: string;
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
iconRight?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const Button: import("react").ForwardRefExoticComponent<IButton & import("react").RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
interface ITableCell extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children?: ReactNode;
|
|
4
|
+
smallPadding?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const TableCell: ({ children, smallPadding, className }: ITableCell) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type HTMLAttributes } from 'react';
|
|
2
|
+
interface ITableHeaderItem extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
smallPadding?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const TableHeaderItem: ({ children, smallPadding, className }: ITableHeaderItem) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
interface ITableRow extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export declare const TableHeaderRow: ({ children, ...props }: ITableRow) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
interface ITableRow extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
header?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const TableRow: import("react").ForwardRefExoticComponent<ITableRow & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { AccordionWrapper } from '.';
|
|
3
|
+
declare const meta: Meta<typeof AccordionWrapper>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const AccordionWrapperStory: Story;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
interface IAccordionItem {
|
|
3
|
+
controlContent: ReactNode;
|
|
4
|
+
panelContent: ReactNode;
|
|
5
|
+
endContent?: ReactNode;
|
|
6
|
+
style?: 'light' | 'dark' | 'onboarding';
|
|
7
|
+
border?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
chevronPosition?: 'left' | 'right';
|
|
10
|
+
active?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const AccordionItem: ({ controlContent, panelContent, style, border, chevronPosition, disabled, active, endContent, className, }: IAccordionItem) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { AccordionItem } from './AccordionItem';
|
|
3
|
+
declare const meta: Meta<typeof AccordionItem>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof AccordionItem>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithEndContent: Story;
|
|
8
|
+
export declare const DarkStyle: Story;
|
|
9
|
+
export declare const WithBorder: Story;
|
|
10
|
+
export declare const ChevronRight: Story;
|
|
11
|
+
export declare const Playground: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { ActionIcon } from './index';
|
|
3
|
+
declare const meta: Meta<typeof ActionIcon>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ActionIcon>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Transparent: Story;
|
|
8
|
+
export declare const Small: Story;
|
|
9
|
+
export declare const Round: Story;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
interface ActionIconProps {
|
|
2
|
+
children?: React.ReactNode;
|
|
3
|
+
}
|
|
4
|
+
export interface IActionIcon extends Omit<ActionIconProps, 'classNames'> {
|
|
5
|
+
'data-testid'?: string;
|
|
6
|
+
title: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
type?: 'button' | 'submit' | 'reset' | undefined;
|
|
9
|
+
styleVariant?: 'default' | 'transparent' | 'small' | 'round';
|
|
10
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
11
|
+
icon: React.ReactNode;
|
|
12
|
+
iconSize?: number;
|
|
13
|
+
strokeWidth?: number;
|
|
14
|
+
className?: string;
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated Can be removed and replaced by iconSize
|
|
17
|
+
*/
|
|
18
|
+
width?: string;
|
|
19
|
+
/**
|
|
20
|
+
* @deprecated Can be removed and replaced by iconSize
|
|
21
|
+
*/
|
|
22
|
+
height?: string;
|
|
23
|
+
}
|
|
24
|
+
export declare const ActionIcon: import("react").ForwardRefExoticComponent<IActionIcon & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
interface IAlert {
|
|
3
|
+
show: boolean;
|
|
4
|
+
message: ReactNode;
|
|
5
|
+
type: 'warning' | 'error' | 'success';
|
|
6
|
+
'data-testid'?: string;
|
|
7
|
+
plain?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated Can be removed entirely.
|
|
10
|
+
*/
|
|
11
|
+
closable?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const Alert: {
|
|
15
|
+
({ show, message, type, plain, className }: IAlert): import("react/jsx-runtime").JSX.Element | null;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { AppleAppButtonIcon } from './index';
|
|
3
|
+
declare const meta: Meta<typeof AppleAppButtonIcon>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof AppleAppButtonIcon>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { AutoCompleteInput } from './index';
|
|
3
|
+
declare const meta: Meta<typeof AutoCompleteInput>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof AutoCompleteInput>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type ChangeEvent, type KeyboardEvent, type ReactNode, type Ref } from 'react';
|
|
2
|
+
import { type TextInputProps } from '../_textInput';
|
|
3
|
+
interface ISearchLocationFormProps extends TextInputProps {
|
|
4
|
+
label: string;
|
|
5
|
+
onChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
6
|
+
onFocus?: () => void;
|
|
7
|
+
inputValue?: string;
|
|
8
|
+
showSuggestions: boolean;
|
|
9
|
+
handleOnKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
rightSection?: ReactNode;
|
|
13
|
+
inputRef?: Ref<HTMLInputElement>;
|
|
14
|
+
}
|
|
15
|
+
export declare const AutoCompleteInput: ({ label, onChange, onFocus, inputValue, showSuggestions, handleOnKeyDown, children, error, rightSection, inputRef, }: ISearchLocationFormProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
interface IAvatarProps {
|
|
2
|
+
'data-testid'?: string;
|
|
3
|
+
src: string;
|
|
4
|
+
alt?: string;
|
|
5
|
+
size?: number;
|
|
6
|
+
radius?: keyof typeof radiusFormatter;
|
|
7
|
+
}
|
|
8
|
+
declare const radiusFormatter: {
|
|
9
|
+
0: string;
|
|
10
|
+
2: string;
|
|
11
|
+
4: string;
|
|
12
|
+
6: string;
|
|
13
|
+
8: string;
|
|
14
|
+
10: string;
|
|
15
|
+
12: string;
|
|
16
|
+
100: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const Avatar: {
|
|
19
|
+
({ src, alt, size, radius }: IAvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
interface IBadgeProps {
|
|
2
|
+
styleVariant?: 'green-light' | 'red' | 'accent-blue' | 'warning' | 'gray' | 'black' | 'purple' | 'pink' | 'pink-light' | 'gray' | 'white';
|
|
3
|
+
color?: 'dark' | 'gray' | 'red' | 'pink' | 'grape' | 'violet' | 'indigo' | 'blue' | 'cyan' | 'green' | 'lime' | 'yellow' | 'orange' | 'teal';
|
|
4
|
+
/** Controls appearance */
|
|
5
|
+
variant?: 'light' | 'filled' | 'outline' | 'dot' | 'gradient';
|
|
6
|
+
/** Badge height and font size */
|
|
7
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
8
|
+
/** Key of theme.radius or any valid CSS value to set border-radius, "xl" by default */
|
|
9
|
+
radius?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
10
|
+
/** Sets badge width to 100% of parent element, hides overflow text with text-overflow: ellipsis */
|
|
11
|
+
fullWidth?: boolean;
|
|
12
|
+
/** Section rendered on the left side of label */
|
|
13
|
+
leftSection?: React.ReactNode;
|
|
14
|
+
/** Section rendered on the right side of label */
|
|
15
|
+
rightSection?: React.ReactNode;
|
|
16
|
+
favorite?: boolean;
|
|
17
|
+
/** Badge label */
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
mobile?: boolean;
|
|
20
|
+
className?: string;
|
|
21
|
+
badgeBorder?: boolean;
|
|
22
|
+
}
|
|
23
|
+
export declare const Badge: {
|
|
24
|
+
({ styleVariant, className, favorite, mobile, badgeBorder, ...props }: IBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
displayName: string;
|
|
26
|
+
};
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
interface IBigBadgeProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
className?: string;
|
|
4
|
+
styleVariant?: 'green' | 'red' | 'white' | 'accent-blue' | 'orange';
|
|
5
|
+
'data-testid'?: string;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const BigBadge: ({ styleVariant, className, children, ...props }: IBigBadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Button } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Button>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Secondary: Story;
|
|
8
|
+
export declare const Outline: Story;
|
|
9
|
+
export declare const Loading: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const buttonVariants: {
|
|
2
|
+
readonly primary: string;
|
|
3
|
+
readonly secondary: string;
|
|
4
|
+
readonly danger: string;
|
|
5
|
+
readonly link: string;
|
|
6
|
+
readonly outline: string;
|
|
7
|
+
readonly search: string;
|
|
8
|
+
readonly icon__primary: string;
|
|
9
|
+
readonly icon__danger: string;
|
|
10
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
import { buttonVariants } from './buttonVariants';
|
|
3
|
+
interface IButton extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
variant?: keyof typeof buttonVariants;
|
|
5
|
+
ariaLabel?: string;
|
|
6
|
+
isLoading?: boolean;
|
|
7
|
+
block?: boolean;
|
|
8
|
+
dataTestId?: string;
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
iconRight?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const Button: import("react").ForwardRefExoticComponent<IButton & import("react").RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
export {};
|
|
File without changes
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Checkbox } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Checkbox>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Checkbox>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Small: Story;
|
|
8
|
+
export declare const Indeterminate: Story;
|
|
9
|
+
export declare const ErrorState: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type InputHTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
export interface ICheckbox extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'size' | 'disabled'> {
|
|
3
|
+
size?: 'sm' | 'md';
|
|
4
|
+
mediumBoldText?: boolean;
|
|
5
|
+
label?: ReactNode;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
indeterminate?: boolean;
|
|
9
|
+
error?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const Checkbox: import("react").ForwardRefExoticComponent<ICheckbox & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type Meta, type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { FavouriteButton } from './index';
|
|
3
|
+
declare const meta: Meta<typeof FavouriteButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const FavouriteButtonStory: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
interface IFavouriteButtonProps {
|
|
3
|
+
onClick: () => void;
|
|
4
|
+
favourite: boolean;
|
|
5
|
+
iconOutline?: ReactNode;
|
|
6
|
+
iconFilled?: ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* @deprecated Can be removed and replaced by iconSize
|
|
9
|
+
*/
|
|
10
|
+
width?: string;
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated Can be removed and replaced by iconSize
|
|
13
|
+
*/
|
|
14
|
+
height?: string;
|
|
15
|
+
iconSize?: number;
|
|
16
|
+
className?: string;
|
|
17
|
+
favouriteTitle?: string;
|
|
18
|
+
'data-testid'?: string;
|
|
19
|
+
iconColor?: string;
|
|
20
|
+
iconColorSelected?: string;
|
|
21
|
+
styleVariant?: 'transparent' | 'small' | 'default' | 'round' | undefined;
|
|
22
|
+
}
|
|
23
|
+
export declare const FavouriteButton: import("react").ForwardRefExoticComponent<IFavouriteButtonProps & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface IFilterButtonProps {
|
|
2
|
+
onClick: () => void;
|
|
3
|
+
hasFilters: boolean;
|
|
4
|
+
reset: () => void;
|
|
5
|
+
filtersText: string;
|
|
6
|
+
resetText: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const FilterButton: ({ onClick, hasFilters, reset, filtersText, resetText }: IFilterButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { FilterButton } from './FilterButton';
|
|
3
|
+
declare const meta: Meta<typeof FilterButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof FilterButton>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithActiveFilters: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { FilterItem } from './FilterItem';
|
|
3
|
+
declare const meta: Meta<typeof FilterItem>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof FilterItem>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Active: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Filters } from '.';
|
|
3
|
+
declare const meta: Meta<typeof Filters>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Filters>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithSelectedFilters: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
interface IFilterProps {
|
|
2
|
+
filters: string[];
|
|
3
|
+
selectedFilters: string[];
|
|
4
|
+
selectedFiltersText: string;
|
|
5
|
+
setFilters: (filter: string[]) => void;
|
|
6
|
+
callBack?: () => void;
|
|
7
|
+
filtersText: string;
|
|
8
|
+
resetText: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const Filters: ({ filters, setFilters, selectedFilters, selectedFiltersText, filtersText, resetText }: IFilterProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { GoogleAppButtonIcon } from './index';
|
|
3
|
+
declare const meta: Meta<typeof GoogleAppButtonIcon>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof GoogleAppButtonIcon>;
|
|
6
|
+
export declare const Default: Story;
|