@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.
Files changed (201) hide show
  1. package/README.md +4 -4
  2. package/dist/components/Alert/Alert.stories.d.ts +1 -1
  3. package/dist/components/AutoCompleteInput/index.d.ts +1 -1
  4. package/dist/components/Button/Button.stories.d.ts +1 -1
  5. package/dist/components/Button/index.d.ts +13 -0
  6. package/dist/components/Table/tableCell/TableCell.stories.d.ts +6 -0
  7. package/dist/components/Table/tableCell/index.d.ts +7 -0
  8. package/dist/components/Table/tableHeader/TableHeader.stories.d.ts +6 -0
  9. package/dist/components/Table/tableHeader/index.d.ts +5 -0
  10. package/dist/components/Table/tableHeaderItem/TableHeaderItem.stories.d.ts +6 -0
  11. package/dist/components/Table/tableHeaderItem/index.d.ts +7 -0
  12. package/dist/components/Table/tableHeaderRow/TableHeaderRow.stories.d.ts +6 -0
  13. package/dist/components/Table/tableHeaderRow/index.d.ts +6 -0
  14. package/dist/components/Table/tableRow/TableRow.stories.d.ts +6 -0
  15. package/dist/components/Table/tableRow/index.d.ts +8 -0
  16. package/dist/components/_accordion/Accordion.stories.d.ts +6 -0
  17. package/dist/components/_accordion/AccordionItem.d.ts +14 -0
  18. package/dist/components/_accordion/AccordionItem.stories.d.ts +11 -0
  19. package/dist/components/_accordion/AccordionItem.test.d.ts +1 -0
  20. package/dist/components/_accordion/AccordionWrapper.d.ts +7 -0
  21. package/dist/components/_accordion/index.d.ts +2 -0
  22. package/dist/components/_actionIcon/ActionIcon.stories.d.ts +9 -0
  23. package/dist/components/_actionIcon/index.d.ts +25 -0
  24. package/dist/components/_alert/Alert.stories.d.ts +6 -0
  25. package/dist/components/_alert/Alert.test.d.ts +1 -0
  26. package/dist/components/_alert/index.d.ts +18 -0
  27. package/dist/components/_appleAppButtonIcon/AppleAppButtonIcon.stories.d.ts +6 -0
  28. package/dist/components/_appleAppButtonIcon/index.d.ts +2 -0
  29. package/dist/components/_autoCompleteInput/AutoCompleteInput.stories.d.ts +6 -0
  30. package/dist/components/_autoCompleteInput/index.d.ts +16 -0
  31. package/dist/components/_avatar/Avatar.stories.d.ts +6 -0
  32. package/dist/components/_avatar/index.d.ts +22 -0
  33. package/dist/components/_avatarIndicator/AvatarIndicator.stories.d.ts +6 -0
  34. package/dist/components/_avatarIndicator/index.d.ts +6 -0
  35. package/dist/components/_badge/Badge.stories.d.ts +6 -0
  36. package/dist/components/_badge/index.d.ts +27 -0
  37. package/dist/components/_bigBadge/BigBadge.stories.d.ts +6 -0
  38. package/dist/components/_bigBadge/index.d.ts +9 -0
  39. package/dist/components/_breadCrumb/BreadCrumb.stories.d.ts +6 -0
  40. package/dist/components/_breadCrumb/index.d.ts +8 -0
  41. package/dist/components/_button/Button.stories.d.ts +9 -0
  42. package/dist/components/_button/buttonVariants.d.ts +10 -0
  43. package/dist/components/_button/index.d.ts +13 -0
  44. package/dist/components/_calendar/index.d.ts +0 -0
  45. package/dist/components/_checkbox/Checkbox.stories.d.ts +9 -0
  46. package/dist/components/_checkbox/index.d.ts +11 -0
  47. package/dist/components/_divider/Divider.stories.d.ts +6 -0
  48. package/dist/components/_divider/index.d.ts +6 -0
  49. package/dist/components/_favouriteButton/FavouriteButton.stories.d.ts +6 -0
  50. package/dist/components/_favouriteButton/FavouriteButton.test.d.ts +1 -0
  51. package/dist/components/_favouriteButton/index.d.ts +24 -0
  52. package/dist/components/_filters/FilterButton.d.ts +9 -0
  53. package/dist/components/_filters/FilterButton.stories.d.ts +7 -0
  54. package/dist/components/_filters/FilterButton.test.d.ts +1 -0
  55. package/dist/components/_filters/FilterItem.d.ts +7 -0
  56. package/dist/components/_filters/FilterItem.stories.d.ts +7 -0
  57. package/dist/components/_filters/FilterItem.test.d.ts +1 -0
  58. package/dist/components/_filters/Filters.stories.d.ts +7 -0
  59. package/dist/components/_filters/index.d.ts +11 -0
  60. package/dist/components/_googleAppButtonIcon/GoogleAppButtonIcon.stories.d.ts +6 -0
  61. package/dist/components/_googleAppButtonIcon/index.d.ts +2 -0
  62. package/dist/components/_hamburgerMenuButton/HamburgerMenuButton.stories.d.ts +6 -0
  63. package/dist/components/_hamburgerMenuButton/index.d.ts +6 -0
  64. package/dist/components/_hr/HR.stories.d.ts +6 -0
  65. package/dist/components/_hr/index.d.ts +8 -0
  66. package/dist/components/_island/Island.stories.d.ts +6 -0
  67. package/dist/components/_island/index.d.ts +11 -0
  68. package/dist/components/_label/Label.stories.d.ts +6 -0
  69. package/dist/components/_label/index.d.ts +7 -0
  70. package/dist/components/_linkText/LinkText.stories.d.ts +6 -0
  71. package/dist/components/_linkText/index.d.ts +11 -0
  72. package/dist/components/_loader/Loader.stories.d.ts +6 -0
  73. package/dist/components/_loader/index.d.ts +4 -0
  74. package/dist/components/_logo/Logo.stories.d.ts +6 -0
  75. package/dist/components/_logo/index.d.ts +2 -0
  76. package/dist/components/_modal/Modal.stories.d.ts +6 -0
  77. package/dist/components/_modal/index.d.ts +19 -0
  78. package/dist/components/_navButtons/NavButtons.stories.d.ts +10 -0
  79. package/dist/components/_navButtons/NavButtons.test.d.ts +1 -0
  80. package/dist/components/_navButtons/index.d.ts +6 -0
  81. package/dist/components/_numberField/NumberField.stories.d.ts +6 -0
  82. package/dist/components/_numberField/index.d.ts +14 -0
  83. package/dist/components/_pageUnavailable/PageUnavailable.stories.d.ts +6 -0
  84. package/dist/components/_pageUnavailable/index.d.ts +7 -0
  85. package/dist/components/_passwordInput/PasswordInput.stories.d.ts +6 -0
  86. package/dist/components/_passwordInput/index.d.ts +3 -0
  87. package/dist/components/_phoneInput/index.d.ts +0 -0
  88. package/dist/components/_popover/Popover.stories.d.ts +6 -0
  89. package/dist/components/_popover/index.d.ts +14 -0
  90. package/dist/components/_progressBar/ProgressBar.stories.d.ts +6 -0
  91. package/dist/components/_progressBar/index.d.ts +7 -0
  92. package/dist/components/_radioButton/RadioButton.stories.d.ts +6 -0
  93. package/dist/components/_radioButton/index.d.ts +17 -0
  94. package/dist/components/_rating/Rating.stories.d.ts +7 -0
  95. package/dist/components/_rating/index.d.ts +10 -0
  96. package/dist/components/_regionSelector/RegionSelector.stories.d.ts +6 -0
  97. package/dist/components/_regionSelector/index.d.ts +11 -0
  98. package/dist/components/_reviews/Reviews.stories.d.ts +6 -0
  99. package/dist/components/_reviews/index.d.ts +13 -0
  100. package/dist/components/_scrollToTop/ScrollToTop.stories.d.ts +6 -0
  101. package/dist/components/_scrollToTop/index.d.ts +3 -0
  102. package/dist/components/_searchInput/SearchInput.stories.d.ts +6 -0
  103. package/dist/components/_searchInput/index.d.ts +1 -0
  104. package/dist/components/_select/Select.stories.d.ts +6 -0
  105. package/dist/components/_select/index.d.ts +26 -0
  106. package/dist/components/_settingsCard/SettingsCard.stories.d.ts +6 -0
  107. package/dist/components/_settingsCard/index.d.ts +14 -0
  108. package/dist/components/_skeleton/Skeleton.stories.d.ts +6 -0
  109. package/dist/components/_skeleton/index.d.ts +5 -0
  110. package/dist/components/_skillPill/SkillPill.stories.d.ts +6 -0
  111. package/dist/components/_skillPill/index.d.ts +6 -0
  112. package/dist/components/_stepper/NumberedStepper.d.ts +13 -0
  113. package/dist/components/_stepper/NumberedStepper.stories.d.ts +8 -0
  114. package/dist/components/_stepper/NumberedStepper.test.d.ts +1 -0
  115. package/dist/components/_stepper/Stepper.d.ts +16 -0
  116. package/dist/components/_stepper/Stepper.stories.d.ts +9 -0
  117. package/dist/components/_stepper/Stepper.test.d.ts +1 -0
  118. package/dist/components/_stepper/index.d.ts +2 -0
  119. package/dist/components/_stickyMobileButton/StickyMobileButtonWrapper.stories.d.ts +6 -0
  120. package/dist/components/_stickyMobileButton/index.d.ts +6 -0
  121. package/dist/components/_table/Table.stories.d.ts +6 -0
  122. package/dist/components/_table/index.d.ts +6 -0
  123. package/dist/components/_table/tableCell/TableCell.stories.d.ts +6 -0
  124. package/dist/components/_table/tableCell/index.d.ts +7 -0
  125. package/dist/components/_table/tableHeader/TableHeader.stories.d.ts +6 -0
  126. package/dist/components/_table/tableHeader/index.d.ts +5 -0
  127. package/dist/components/_table/tableHeaderItem/TableHeaderItem.stories.d.ts +6 -0
  128. package/dist/components/_table/tableHeaderItem/index.d.ts +7 -0
  129. package/dist/components/_table/tableHeaderRow/TableHeaderRow.stories.d.ts +6 -0
  130. package/dist/components/_table/tableHeaderRow/index.d.ts +6 -0
  131. package/dist/components/_table/tableRow/TableRow.stories.d.ts +6 -0
  132. package/dist/components/_table/tableRow/index.d.ts +8 -0
  133. package/dist/components/_tabs/Tab.d.ts +11 -0
  134. package/dist/components/_tabs/Tab.stories.d.ts +15 -0
  135. package/dist/components/_tabs/Tab.test.d.ts +1 -0
  136. package/dist/components/_tabs/TabsBadge.d.ts +8 -0
  137. package/dist/components/_tabs/TabsBadge.stories.d.ts +19 -0
  138. package/dist/components/_tabs/TabsBadge.test.d.ts +1 -0
  139. package/dist/components/_tabs/TabsWrapper.d.ts +17 -0
  140. package/dist/components/_tabs/index.d.ts +2 -0
  141. package/dist/components/_textArea/Textarea.stories.d.ts +6 -0
  142. package/dist/components/_textArea/index.d.ts +8 -0
  143. package/dist/components/_textInput/TextInput.stories.d.ts +8 -0
  144. package/dist/components/_textInput/index.d.ts +22 -0
  145. package/dist/components/_themeIcon/ThemeIcon.stories.d.ts +8 -0
  146. package/dist/components/_themeIcon/index.d.ts +9 -0
  147. package/dist/components/_toggle/Toggle.stories.d.ts +7 -0
  148. package/dist/components/_toggle/index.d.ts +7 -0
  149. package/dist/components/_tooltip/Tooltip.stories.d.ts +8 -0
  150. package/dist/components/_tooltip/index.d.ts +13 -0
  151. package/dist/components/_truncatedText/TruncatedText.stories.d.ts +7 -0
  152. package/dist/components/_truncatedText/index.d.ts +6 -0
  153. package/dist/components/_unorderedList/UnorderedList.stories.d.ts +7 -0
  154. package/dist/components/_unorderedList/index.d.ts +7 -0
  155. package/dist/components/_unorderedListItem/UnorderedListItem.stories.d.ts +7 -0
  156. package/dist/components/_unorderedListItem/index.d.ts +9 -0
  157. package/dist/components/_unstyledButton/UnstyledButton.stories.d.ts +6 -0
  158. package/dist/components/_unstyledButton/index.d.ts +6 -0
  159. package/dist/components/_wysiwygEditor/WysiwygEditor.stories.d.ts +7 -0
  160. package/dist/components/_wysiwygEditor/index.d.ts +16 -0
  161. package/dist/components/accordion/Accordion.stories.d.ts +6 -0
  162. package/dist/components/accordion/AccordionItem.d.ts +14 -0
  163. package/dist/components/accordion/AccordionItem.stories.d.ts +11 -0
  164. package/dist/components/accordion/AccordionItem.test.d.ts +1 -0
  165. package/dist/components/accordion/AccordionWrapper.d.ts +7 -0
  166. package/dist/components/accordion/index.d.ts +2 -0
  167. package/dist/components/favouriteButton/FavouriteButton.stories.d.ts +6 -0
  168. package/dist/components/favouriteButton/FavouriteButton.test.d.ts +1 -0
  169. package/dist/components/favouriteButton/index.d.ts +24 -0
  170. package/dist/components/filters/FilterButton.d.ts +9 -0
  171. package/dist/components/filters/FilterButton.stories.d.ts +7 -0
  172. package/dist/components/filters/FilterButton.test.d.ts +1 -0
  173. package/dist/components/filters/FilterItem.d.ts +7 -0
  174. package/dist/components/filters/FilterItem.stories.d.ts +7 -0
  175. package/dist/components/filters/FilterItem.test.d.ts +1 -0
  176. package/dist/components/filters/Filters.stories.d.ts +7 -0
  177. package/dist/components/filters/index.d.ts +11 -0
  178. package/dist/components/navButtons/NavButtons.stories.d.ts +10 -0
  179. package/dist/components/navButtons/NavButtons.test.d.ts +1 -0
  180. package/dist/components/navButtons/index.d.ts +6 -0
  181. package/dist/components/stepper/NumberedStepper.d.ts +13 -0
  182. package/dist/components/stepper/NumberedStepper.stories.d.ts +8 -0
  183. package/dist/components/stepper/NumberedStepper.test.d.ts +1 -0
  184. package/dist/components/stepper/Stepper.d.ts +16 -0
  185. package/dist/components/stepper/Stepper.stories.d.ts +9 -0
  186. package/dist/components/stepper/Stepper.test.d.ts +1 -0
  187. package/dist/components/stepper/index.d.ts +2 -0
  188. package/dist/components/tabs/Tab.d.ts +11 -0
  189. package/dist/components/tabs/Tab.stories.d.ts +15 -0
  190. package/dist/components/tabs/Tab.test.d.ts +1 -0
  191. package/dist/components/tabs/TabsBadge.d.ts +8 -0
  192. package/dist/components/tabs/TabsBadge.stories.d.ts +19 -0
  193. package/dist/components/tabs/TabsBadge.test.d.ts +1 -0
  194. package/dist/components/tabs/TabsWrapper.d.ts +17 -0
  195. package/dist/components/tabs/index.d.ts +2 -0
  196. package/dist/index.cjs +6451 -6280
  197. package/dist/index.cjs.map +1 -1
  198. package/dist/index.d.ts +55 -52
  199. package/dist/index.js +6438 -6272
  200. package/dist/index.js.map +1 -1
  201. package/package.json +6 -4
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # YoungonesUI
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 youngonesui
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/youngonesui/**/*.{js,jsx,ts,tsx}',
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 'youngonesui';
50
+ import { Button } from '@youngonesworks/ui';
51
51
 
52
52
  function App() {
53
53
  return (
@@ -1,4 +1,4 @@
1
- import { type Meta, type StoryObj } from '@storybook/react';
1
+ import { type Meta, type StoryObj } from '@storybook/react-vite';
2
2
  import { Alert } from './index';
3
3
  declare const meta: Meta<typeof Alert>;
4
4
  export default meta;
@@ -1,5 +1,5 @@
1
1
  import { type ChangeEvent, type KeyboardEvent, type ReactNode, type Ref } from 'react';
2
- import { type TextInputProps } from '../TextInput';
2
+ import { type TextInputProps } from '../textInput';
3
3
  interface ISearchLocationFormProps extends TextInputProps {
4
4
  label: string;
5
5
  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
@@ -1,5 +1,5 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react-vite';
2
- import { Button } from './Button';
2
+ import { Button } from './index';
3
3
  declare const meta: Meta<typeof Button>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof Button>;
@@ -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,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { TableCell } from './index';
3
+ declare const meta: Meta<typeof TableCell>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TableCell>;
6
+ export declare const Default: Story;
@@ -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,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { TableHeader } from './index';
3
+ declare const meta: Meta<typeof TableHeader>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TableHeader>;
6
+ export declare const Default: Story;
@@ -0,0 +1,5 @@
1
+ interface ITableHeader {
2
+ children: React.ReactNode;
3
+ }
4
+ export declare const TableHeader: ({ children }: ITableHeader) => import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { TableHeaderItem } from './index';
3
+ declare const meta: Meta<typeof TableHeaderItem>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TableHeaderItem>;
6
+ export declare const Default: Story;
@@ -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 { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { TableHeaderRow } from './index';
3
+ declare const meta: Meta<typeof TableHeaderRow>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TableHeaderRow>;
6
+ export declare const Default: Story;
@@ -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,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { TableRow } from './index';
3
+ declare const meta: Meta<typeof TableRow>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TableRow>;
6
+ export declare const Default: Story;
@@ -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,7 @@
1
+ import { type ReactNode } from 'react';
2
+ interface AccordionProps {
3
+ children?: ReactNode;
4
+ className?: string;
5
+ }
6
+ export declare const AccordionWrapper: ({ children, className }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,2 @@
1
+ export * from './AccordionItem';
2
+ export * from './AccordionWrapper';
@@ -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,6 @@
1
+ import { type Meta, type StoryObj } from '@storybook/react-vite';
2
+ import { Alert } from './index';
3
+ declare const meta: Meta<typeof Alert>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const AlertStory: Story;
@@ -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,2 @@
1
+ import { type SVGProps } from 'react';
2
+ export declare const AppleAppButtonIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -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,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Avatar } from './index';
3
+ declare const meta: Meta<typeof Avatar>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Avatar>;
6
+ export declare const Default: Story;
@@ -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,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { AvatarIndicator } from './index';
3
+ declare const meta: Meta<typeof AvatarIndicator>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof AvatarIndicator>;
6
+ export declare const Default: Story;
@@ -0,0 +1,6 @@
1
+ interface IAvatarIndicator {
2
+ indicatorCount?: number;
3
+ className?: string;
4
+ }
5
+ export declare const AvatarIndicator: ({ indicatorCount, className }: IAvatarIndicator) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Badge } from './index';
3
+ declare const meta: Meta<typeof Badge>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Badge>;
6
+ export declare const Default: Story;
@@ -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,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { BigBadge } from './index';
3
+ declare const meta: Meta<typeof BigBadge>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof BigBadge>;
6
+ export declare const Default: Story;
@@ -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,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { BreadCrumb } from './index';
3
+ declare const meta: Meta<typeof BreadCrumb>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof BreadCrumb>;
6
+ export declare const Default: Story;
@@ -0,0 +1,8 @@
1
+ interface IBreadCrumb {
2
+ text: string;
3
+ }
4
+ export declare const BreadCrumb: {
5
+ ({ text }: IBreadCrumb): import("react/jsx-runtime").JSX.Element;
6
+ displayName: string;
7
+ };
8
+ 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, StoryObj } from '@storybook/react-vite';
2
+ import { Divider } from './index';
3
+ declare const meta: Meta<typeof Divider>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Divider>;
6
+ export declare const Default: Story;
@@ -0,0 +1,6 @@
1
+ interface DividerProps {
2
+ 'data-testid'?: string;
3
+ className?: string;
4
+ }
5
+ export declare const Divider: ({ className, ...props }: DividerProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -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,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
+ interface IFilterItemProps {
2
+ title: string;
3
+ isActive?: boolean;
4
+ onClick?: () => void;
5
+ }
6
+ export declare const FilterItem: ({ title, isActive, onClick }: IFilterItemProps) => import("react/jsx-runtime").JSX.Element;
7
+ 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;
@@ -0,0 +1,2 @@
1
+ import { type SVGProps } from 'react';
2
+ export declare const GoogleAppButtonIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;