greenole-design-system 1.1.34 → 1.1.35

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 (132) hide show
  1. package/package.json +2 -1
  2. package/dist/App.d.ts +0 -3
  3. package/dist/base-components/Button/Button.d.ts +0 -4
  4. package/dist/base-components/Button/Button.stories.d.ts +0 -13
  5. package/dist/base-components/Button/Button.types.d.ts +0 -16
  6. package/dist/base-components/Button/index.d.ts +0 -2
  7. package/dist/base-components/Dropdown/Dropdown.d.ts +0 -4
  8. package/dist/base-components/Dropdown/Dropdown.stories.d.ts +0 -13
  9. package/dist/base-components/Dropdown/Dropdown.styles.d.ts +0 -35
  10. package/dist/base-components/Dropdown/Dropdown.types.d.ts +0 -29
  11. package/dist/base-components/Dropdown/index.d.ts +0 -2
  12. package/dist/base-components/Input/Input.d.ts +0 -4
  13. package/dist/base-components/Input/Input.stories.d.ts +0 -8
  14. package/dist/base-components/Input/Input.styles.d.ts +0 -20
  15. package/dist/base-components/Input/Input.types.d.ts +0 -23
  16. package/dist/base-components/Loading/Loading.d.ts +0 -4
  17. package/dist/base-components/Loading/Loading.stories.d.ts +0 -6
  18. package/dist/base-components/Loading/Loading.types.d.ts +0 -6
  19. package/dist/base-components/Loading/index.d.ts +0 -2
  20. package/dist/base-components/Pills/Pills.d.ts +0 -4
  21. package/dist/base-components/Pills/Pills.stories.d.ts +0 -15
  22. package/dist/base-components/Pills/Pills.types.d.ts +0 -11
  23. package/dist/base-components/ProgressBar/ProgressBar.d.ts +0 -4
  24. package/dist/base-components/ProgressBar/ProgressBar.stories.d.ts +0 -9
  25. package/dist/base-components/ProgressBar/ProgressBar.types.d.ts +0 -19
  26. package/dist/base-components/RangeSlider/RangeSlider.d.ts +0 -4
  27. package/dist/base-components/RangeSlider/RangeSlider.stories.d.ts +0 -18
  28. package/dist/base-components/RangeSlider/RangeSlider.styles.d.ts +0 -7
  29. package/dist/base-components/RangeSlider/RangeSlider.types.d.ts +0 -11
  30. package/dist/base-components/Space/Space.d.ts +0 -4
  31. package/dist/base-components/Space/Space.stories.d.ts +0 -9
  32. package/dist/base-components/Space/Space.types.d.ts +0 -9
  33. package/dist/base-components/SwitchButton/SwitchButton.d.ts +0 -4
  34. package/dist/base-components/SwitchButton/SwitchButton.stories.d.ts +0 -6
  35. package/dist/base-components/SwitchButton/SwitchButton.styles.d.ts +0 -7
  36. package/dist/base-components/SwitchButton/SwitchButton.types.d.ts +0 -9
  37. package/dist/base-components/Tooltip/Tooltip.d.ts +0 -4
  38. package/dist/base-components/Tooltip/Tooltip.stories.d.ts +0 -7
  39. package/dist/base-components/Tooltip/Tooltip.styles.d.ts +0 -9
  40. package/dist/base-components/Tooltip/Tooltip.types.d.ts +0 -14
  41. package/dist/components/Accordion/Accordion.d.ts +0 -4
  42. package/dist/components/Accordion/Accordion.stories.d.ts +0 -6
  43. package/dist/components/Accordion/types.d.ts +0 -8
  44. package/dist/components/Calendar/Calendar.d.ts +0 -4
  45. package/dist/components/Calendar/Calendar.stories.d.ts +0 -9
  46. package/dist/components/Calendar/Calendar.styles.d.ts +0 -11
  47. package/dist/components/Calendar/Calendar.types.d.ts +0 -9
  48. package/dist/components/Calendar/Calendar.utils.d.ts +0 -10
  49. package/dist/components/Calendar/DateRangePicker.d.ts +0 -8
  50. package/dist/components/Calendar/Presets.d.ts +0 -8
  51. package/dist/components/Calendar/index.d.ts +0 -2
  52. package/dist/components/Card/Card.d.ts +0 -4
  53. package/dist/components/Card/Card.stories.d.ts +0 -6
  54. package/dist/components/Card/Card.types.d.ts +0 -22
  55. package/dist/components/Card/CardBody.d.ts +0 -4
  56. package/dist/components/Card/CardFooter.d.ts +0 -4
  57. package/dist/components/Card/CardHeader.d.ts +0 -4
  58. package/dist/components/Card/index.d.ts +0 -5
  59. package/dist/components/Drawer/Drawer.d.ts +0 -4
  60. package/dist/components/Drawer/Drawer.stories.d.ts +0 -10
  61. package/dist/components/Drawer/Drawer.styles.d.ts +0 -23
  62. package/dist/components/Drawer/Drawer.types.d.ts +0 -16
  63. package/dist/components/Drawer/index.d.ts +0 -1
  64. package/dist/components/Empty/Empty.d.ts +0 -3
  65. package/dist/components/Empty/Empty.stories.d.ts +0 -20
  66. package/dist/components/Icons/ArrowBack.d.ts +0 -6
  67. package/dist/components/Icons/ArrowForward.d.ts +0 -6
  68. package/dist/components/Icons/Avatar.d.ts +0 -6
  69. package/dist/components/Icons/Campaing.d.ts +0 -6
  70. package/dist/components/Icons/Checkbox.d.ts +0 -7
  71. package/dist/components/Icons/ChevronDown.d.ts +0 -6
  72. package/dist/components/Icons/ChevronUp.d.ts +0 -6
  73. package/dist/components/Icons/DashEdit.d.ts +0 -6
  74. package/dist/components/Icons/Dashboard.d.ts +0 -6
  75. package/dist/components/Icons/Devices.d.ts +0 -6
  76. package/dist/components/Icons/FlagBR.d.ts +0 -6
  77. package/dist/components/Icons/FlagES.d.ts +0 -6
  78. package/dist/components/Icons/FlagPT.d.ts +0 -6
  79. package/dist/components/Icons/FlagUK.d.ts +0 -6
  80. package/dist/components/Icons/FlagUSA.d.ts +0 -6
  81. package/dist/components/Icons/HeaderSearch.d.ts +0 -6
  82. package/dist/components/Icons/HelpOutlined.d.ts +0 -6
  83. package/dist/components/Icons/History.d.ts +0 -6
  84. package/dist/components/Icons/Home.d.ts +0 -6
  85. package/dist/components/Icons/Icons.d.ts +0 -31
  86. package/dist/components/Icons/Icons.stories.d.ts +0 -5
  87. package/dist/components/Icons/Info.d.ts +0 -6
  88. package/dist/components/Icons/Language.d.ts +0 -6
  89. package/dist/components/Icons/Lock.d.ts +0 -6
  90. package/dist/components/Icons/Logout.d.ts +0 -6
  91. package/dist/components/Icons/Map.d.ts +0 -6
  92. package/dist/components/Icons/Moon.d.ts +0 -6
  93. package/dist/components/Icons/MoreHorizontal.d.ts +0 -6
  94. package/dist/components/Icons/Notification.d.ts +0 -6
  95. package/dist/components/Icons/PeopleAlt.d.ts +0 -6
  96. package/dist/components/Icons/PriorityHigh.d.ts +0 -6
  97. package/dist/components/Icons/Public.d.ts +0 -6
  98. package/dist/components/Icons/Search.d.ts +0 -6
  99. package/dist/components/Icons/Secutiry.d.ts +0 -6
  100. package/dist/components/Icons/Settings.d.ts +0 -6
  101. package/dist/components/Icons/Star.d.ts +0 -7
  102. package/dist/components/Icons/WBSunny.d.ts +0 -6
  103. package/dist/components/Icons/WarningAmber.d.ts +0 -6
  104. package/dist/components/Modal/Modal.d.ts +0 -4
  105. package/dist/components/Modal/Modal.stories.d.ts +0 -12
  106. package/dist/components/Modal/Modal.types.d.ts +0 -17
  107. package/dist/components/Modal/index.d.ts +0 -1
  108. package/dist/components/Table/DataTable.d.ts +0 -18
  109. package/dist/components/Table/DataTable.stories.d.ts +0 -8
  110. package/dist/components/Table/Pagination.d.ts +0 -10
  111. package/dist/components/Table/types.d.ts +0 -10
  112. package/dist/components/Tabs/Tabs.d.ts +0 -5
  113. package/dist/components/Tabs/Tabs.stories.d.ts +0 -7
  114. package/dist/components/Tabs/Tabs.types.d.ts +0 -12
  115. package/dist/components/Tabs/index.d.ts +0 -1
  116. package/dist/components/Typography/Typography.d.ts +0 -10
  117. package/dist/components/Typography/Typography.stories.d.ts +0 -32
  118. package/dist/components/Upload/Upload.d.ts +0 -4
  119. package/dist/components/Upload/Upload.stories.d.ts +0 -15
  120. package/dist/components/Upload/Upload.style.d.ts +0 -21
  121. package/dist/components/Upload/Upload.types.d.ts +0 -18
  122. package/dist/greenole-design-system.cjs.js +0 -895
  123. package/dist/greenole-design-system.es.js +0 -5821
  124. package/dist/greenole.css +0 -1176
  125. package/dist/index.css +0 -1
  126. package/dist/index.css.d.ts +0 -1
  127. package/dist/index.d.ts +0 -25
  128. package/dist/main.d.ts +0 -1
  129. package/dist/reset.css +0 -1
  130. package/dist/reset.css.d.ts +0 -1
  131. package/dist/utils/i18n/i18n.d.ts +0 -1
  132. package/dist/vite.svg +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "greenole-design-system",
3
- "version": "1.1.34",
3
+ "version": "1.1.35",
4
4
  "type": "module",
5
5
  "main": "dist/greenole-design-system.cjs.js",
6
6
  "module": "dist/greenole-design-system.es.js",
@@ -81,6 +81,7 @@
81
81
  "@phosphor-icons/react": "^2.1.10",
82
82
  "clsx": "^2.1.1",
83
83
  "dayjs": "^1.11.13",
84
+ "i18next-http-backend": "^3.0.2",
84
85
  "lucide-react": "^0.523.0",
85
86
  "styled-components": "^6.1.19",
86
87
  "use-debounce": "^10.0.6"
package/dist/App.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import { default as React } from 'react';
2
- declare function App(): React.JSX.Element;
3
- export default App;
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { ButtonProps } from './Button.types';
3
- declare const Button: React.FC<ButtonProps>;
4
- export default Button;
@@ -1,13 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { default as Button } from './Button';
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 Tertiary: Story;
9
- export declare const Link: Story;
10
- export declare const DangerPrimary: Story;
11
- export declare const WithIcons: Story;
12
- export declare const LoadingState: Story;
13
- export declare const Disabled: Story;
@@ -1,16 +0,0 @@
1
- import { ButtonHTMLAttributes, ReactNode } from 'react';
2
- import { TypographyVariant } from '../../components/Typography/Typography';
3
- export type ButtonVariant = "primary" | "secondary" | "tertiary" | "link";
4
- export type ButtonSize = "sm" | "md" | "lg";
5
- export type ButtonColor = "default" | "danger";
6
- export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
7
- children: ReactNode;
8
- variant?: ButtonVariant;
9
- size?: ButtonSize;
10
- color?: ButtonColor;
11
- fullWidth?: boolean;
12
- typography?: TypographyVariant;
13
- loading?: boolean;
14
- iconLeft?: ReactNode;
15
- iconRight?: ReactNode;
16
- }
@@ -1,2 +0,0 @@
1
- export { default as Button } from './Button';
2
- export type { ButtonColor, ButtonProps, ButtonSize, ButtonVariant } from './Button.types';
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { DropdownTypes } from './Dropdown.types';
3
- declare const Dropdown: React.FC<DropdownTypes>;
4
- export default Dropdown;
@@ -1,13 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { default as Dropdown } from './Dropdown';
3
- declare const meta: Meta<typeof Dropdown>;
4
- export default meta;
5
- type Story = StoryObj<typeof Dropdown>;
6
- export declare const Default: Story;
7
- export declare const Multiple: Story;
8
- export declare const Searchable: Story;
9
- export declare const WithMaxSelected: Story;
10
- export declare const WithLoadMore: Story;
11
- export declare const Invalid: Story;
12
- export declare const WithMessage: Story;
13
- export declare const OptionsWithIcons: Story;
@@ -1,35 +0,0 @@
1
- import { DropdownTypes } from './Dropdown.types';
2
- type StyledButtonProps = Pick<DropdownTypes, 'invalid' | 'disabled' | 'className'> & {
3
- $open: boolean;
4
- $invalid: boolean;
5
- };
6
- type StyledMenuProps = {
7
- $open: boolean;
8
- };
9
- type StyledOptionProps = {
10
- $isSelected: boolean;
11
- $isDisabled: boolean;
12
- };
13
- type StyledOptionCheckboxProps = {
14
- $isSelected: boolean;
15
- };
16
- type StyledDropdownMessageProps = {
17
- $invalid: boolean;
18
- };
19
- export declare const DropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
20
- export declare const DropdownLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
21
- export declare const DropdownMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDropdownMessageProps>> & string;
22
- export declare const DropdownButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledButtonProps>> & string;
23
- export declare const CaretIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, {
24
- $open: boolean;
25
- }>> & string;
26
- export declare const DropdownMenu: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledMenuProps>> & string;
27
- export declare const SearchContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
28
- export declare const SearchInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
29
- export declare const OptionsList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
30
- export declare const OptionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledOptionProps>> & string;
31
- export declare const OptionCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, StyledOptionCheckboxProps>> & string;
32
- export declare const OptionLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
33
- export declare const NoResults: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
34
- export declare const Sentinel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
35
- export {};
@@ -1,29 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface DropdownOptionsType {
3
- icon?: ReactNode;
4
- label: string;
5
- value: string;
6
- }
7
- export interface DropdownAsyncOptionsType {
8
- data: DropdownOptionsType[];
9
- hasMore: boolean;
10
- }
11
- export interface DropdownTypes {
12
- label?: string;
13
- multiple?: boolean;
14
- searchable?: boolean;
15
- placeholder?: string;
16
- values?: string | string[];
17
- maxSelected?: number;
18
- options?: DropdownOptionsType[];
19
- hasMore?: boolean;
20
- isLoading?: boolean;
21
- disabled?: boolean;
22
- invalid?: boolean;
23
- message?: string | ReactNode;
24
- className?: string;
25
- displayValue?: string;
26
- onChange: (value: string | string[]) => void;
27
- onSearch?: (searchTerm: string) => void;
28
- onLoadMore?: () => void;
29
- }
@@ -1,2 +0,0 @@
1
- export { default as Dropdown } from './Dropdown';
2
- export type { DropdownAsyncOptionsType, DropdownOptionsType, } from './Dropdown.types';
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { InputProps } from './Input.types';
3
- export declare const Input: React.FC<InputProps>;
4
- export default Input;
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { default as Input } from './Input';
3
- declare const meta: Meta<typeof Input>;
4
- export default meta;
5
- type Story = StoryObj<typeof Input>;
6
- export declare const Playground: Story;
7
- export declare const States: Story;
8
- export declare const WithTanStackForm: Story;
@@ -1,20 +0,0 @@
1
- export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
2
- fullWidth?: boolean;
3
- }>> & string;
4
- export declare const Label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
5
- export declare const FieldWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
6
- disabled?: boolean;
7
- hasError?: boolean;
8
- isValid?: boolean;
9
- readOnly?: boolean;
10
- textArea?: boolean;
11
- }>> & string;
12
- export declare const IconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
13
- export declare const BaseFieldStyles: import('styled-components').RuleSet<object>;
14
- export declare const InputField: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
15
- export declare const TextAreaField: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
16
- export declare const ErrorText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
17
- export declare const Subtitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
18
- export declare const CharCounter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
19
- hasError?: boolean;
20
- }>> & string;
@@ -1,23 +0,0 @@
1
- import { TypographyVariant } from '../../components/Typography/Typography';
2
- export type InputType = React.HTMLInputTypeAttribute;
3
- type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;
4
- type TextAreaElementProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
5
- export interface InputProps extends Omit<InputElementProps & TextAreaElementProps, "required" | "readOnly"> {
6
- label?: string;
7
- labelSize?: TypographyVariant;
8
- subtitle?: string;
9
- subtitleIcon?: React.ReactNode;
10
- error?: string;
11
- valid?: boolean;
12
- iconLeft?: React.ReactNode;
13
- iconRight?: React.ReactNode;
14
- fullWidth?: boolean;
15
- disabled?: boolean;
16
- type?: InputType;
17
- className?: string;
18
- isRequired?: boolean;
19
- readOnly?: boolean;
20
- textArea?: boolean;
21
- maxLength?: number;
22
- }
23
- export {};
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { LoadingProps } from './Loading.types';
3
- declare const Loading: React.FC<LoadingProps>;
4
- export default Loading;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { default as Loading } from './Loading';
3
- declare const meta: Meta<typeof Loading>;
4
- export default meta;
5
- type Story = StoryObj<typeof Loading>;
6
- export declare const Default: Story;
@@ -1,6 +0,0 @@
1
- import { SVGProps } from 'react';
2
- export interface LoadingProps extends SVGProps<SVGSVGElement> {
3
- show?: boolean;
4
- size?: number;
5
- color?: string;
6
- }
@@ -1,2 +0,0 @@
1
- export { default as Loading } from './Loading';
2
- export type { LoadingProps } from './Loading.types';
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { PillsProps } from './Pills.types';
3
- export declare const Pills: React.FC<PillsProps>;
4
- export default Pills;
@@ -1,15 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { default as Pills } from './Pills';
3
- declare const meta: Meta<typeof Pills>;
4
- export default meta;
5
- type Story = StoryObj<typeof Pills>;
6
- export declare const Playground: Story;
7
- export declare const Primary: Story;
8
- export declare const Success: Story;
9
- export declare const Danger: Story;
10
- export declare const Warning: Story;
11
- export declare const Infor: Story;
12
- export declare const Neutral: Story;
13
- export declare const WithIcons: Story;
14
- export declare const CustomTypography: Story;
15
- export declare const CustomPadding: Story;
@@ -1,11 +0,0 @@
1
- import { TypographyVariant } from '../../components/Typography/Typography';
2
- export type PillsVariant = 'neutral' | 'success' | 'danger' | 'warning' | 'info' | 'primary';
3
- export interface PillsProps {
4
- label: string;
5
- variant?: PillsVariant;
6
- typography?: TypographyVariant;
7
- padding?: string;
8
- iconLeft?: React.ReactNode;
9
- iconRight?: React.ReactNode;
10
- className?: string;
11
- }
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { ProgressBarProps } from './ProgressBar.types';
3
- export declare const ProgressBar: React.FC<ProgressBarProps>;
4
- export default ProgressBar;
@@ -1,9 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { default as ProgressBar } from './ProgressBar';
3
- declare const meta: Meta<typeof ProgressBar>;
4
- export default meta;
5
- type Story = StoryObj<typeof ProgressBar>;
6
- export declare const Playground: Story;
7
- export declare const PercentProgress: Story;
8
- export declare const CustomColorHex: Story;
9
- export declare const WithoutText: Story;
@@ -1,19 +0,0 @@
1
- export type ProgressBarType = "percent" | "file";
2
- export type ProgressBarHeight = "sm" | "md" | "lg";
3
- export interface ProgressBarProps {
4
- type?: ProgressBarType;
5
- value: number;
6
- max?: number;
7
- height?: ProgressBarHeight;
8
- color?: keyof typeof colorMap | string;
9
- showText?: boolean;
10
- className?: string;
11
- }
12
- export declare const progressHeights: Record<ProgressBarHeight, string>;
13
- export declare const colorMap: {
14
- brand: string;
15
- green: string;
16
- red: string;
17
- blue: string;
18
- neutral: string;
19
- };
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { RangeSliderProps } from './RangeSlider.types';
3
- export declare const RangeSlider: React.FC<RangeSliderProps>;
4
- export default RangeSlider;
@@ -1,18 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { default as RangeSlider } from './RangeSlider';
3
- declare const meta: Meta<typeof RangeSlider>;
4
- export default meta;
5
- type Story = StoryObj<typeof RangeSlider>;
6
- /** Base editável e controlada */
7
- export declare const Playground: Story;
8
- /** Sem exibição de valor */
9
- export declare const WithoutValue: Story;
10
- /** Diferentes cores e valores */
11
- export declare const BlueMid: Story;
12
- export declare const RedHigh: Story;
13
- export declare const YellowLow: Story;
14
- export declare const CustomRange: Story;
15
- /** Caixinha com borda */
16
- export declare const WithBorder: Story;
17
- /** Somente número puro */
18
- export declare const WithoutBorder: Story;
@@ -1,7 +0,0 @@
1
- export declare const SliderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
- export declare const ValueBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- export declare const ValueText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
4
- export declare const SliderInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
5
- percent: number;
6
- color: string;
7
- }>> & string;
@@ -1,11 +0,0 @@
1
- export type RangeSliderProps = {
2
- value?: number;
3
- min?: number;
4
- max?: number;
5
- step?: number;
6
- showValue?: boolean;
7
- color?: string;
8
- hasBorder?: boolean;
9
- onChange?: (value: number) => void;
10
- className?: string;
11
- };
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { SpaceProps } from './Space.types';
3
- export declare const Space: React.FC<SpaceProps>;
4
- export default Space;
@@ -1,9 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { default as Space } from './Space';
3
- declare const meta: Meta<typeof Space>;
4
- export default meta;
5
- type Story = StoryObj<typeof Space>;
6
- export declare const Playground: Story;
7
- export declare const AllSpacings: Story;
8
- export declare const CustomColorHex: Story;
9
- export declare const CustomWidth: Story;
@@ -1,9 +0,0 @@
1
- export type SpaceHeight = "spacing-1" | "spacing-2" | "spacing-4" | "spacing-8" | "spacing-12" | "spacing-16" | "spacing-24" | "spacing-32" | "spacing-40" | "spacing-48" | "spacing-56" | "spacing-64" | "spacing-72" | "spacing-80" | "spacing-104";
2
- export declare const spaceHeights: Record<SpaceHeight, string>;
3
- export interface SpaceProps {
4
- height?: SpaceHeight;
5
- color?: string;
6
- width?: string;
7
- className?: string;
8
- showLabel?: boolean;
9
- }
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { SwitchButtonProps } from './SwitchButton.types';
3
- export declare const SwitchButton: React.FC<SwitchButtonProps>;
4
- export default SwitchButton;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { default as SwitchButton } from './SwitchButton';
3
- declare const meta: Meta<typeof SwitchButton>;
4
- export default meta;
5
- type Story = StoryObj<typeof SwitchButton>;
6
- export declare const Playground: Story;
@@ -1,7 +0,0 @@
1
- export declare const SwitchWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
2
- checked: boolean;
3
- color: string;
4
- variant: "filled" | "outline";
5
- thumbVariant: "filled" | "outline";
6
- disabled?: boolean;
7
- }>> & string;
@@ -1,9 +0,0 @@
1
- export type SwitchButtonProps = {
2
- checked?: boolean;
3
- onChange?: (checked: boolean) => void;
4
- color?: string;
5
- variant?: "filled" | "outline";
6
- thumbVariant?: "filled" | "outline";
7
- disabled?: boolean;
8
- className?: string;
9
- };
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { TooltipTypes } from './Tooltip.types';
3
- declare const Tooltip: React.FC<TooltipTypes>;
4
- export default Tooltip;
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { default as Tooltip } from './Tooltip';
3
- declare const meta: Meta<typeof Tooltip>;
4
- export default meta;
5
- type Story = StoryObj<typeof Tooltip>;
6
- export declare const Default: Story;
7
- export declare const DarkMode: Story;
@@ -1,9 +0,0 @@
1
- import { TooltipPositionTypes } from './Tooltip.types';
2
- declare const TooltipWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- declare const TooltipBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
- position: TooltipPositionTypes;
5
- }>> & string;
6
- declare const TooltipArrow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
7
- position: TooltipPositionTypes;
8
- }>> & string;
9
- export { TooltipArrow, TooltipBox, TooltipWrapper };
@@ -1,14 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { TypographyVariant } from '../../components/Typography/Typography';
3
- export type TooltipPositionTypes = 'top' | 'bottom' | 'left' | 'right';
4
- export type TooltipThemeTypes = 'light' | 'dark';
5
- export interface TooltipTypes {
6
- text: string | ReactNode;
7
- position?: TooltipPositionTypes;
8
- children: ReactNode;
9
- show?: boolean;
10
- variant?: TypographyVariant;
11
- bgColor?: string;
12
- textColor?: string;
13
- darkMode?: boolean;
14
- }
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { AccordionProps } from './types';
3
- export declare const Accordion: React.FC<AccordionProps>;
4
- export default Accordion;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { Accordion } from './Accordion';
3
- declare const meta: Meta<typeof Accordion>;
4
- export default meta;
5
- type Story = StoryObj<typeof Accordion>;
6
- export declare const Default: Story;
@@ -1,8 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export interface AccordionProps {
3
- title: string;
4
- subtitle?: string;
5
- subtitleIcon?: ReactNode;
6
- defaultOpen?: boolean;
7
- children: ReactNode;
8
- }
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { CalendarProps } from './Calendar.types';
3
- export declare const Calendar: React.FC<CalendarProps>;
4
- export default Calendar;
@@ -1,9 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { Calendar } from './Calendar';
3
- declare const meta: Meta<typeof Calendar>;
4
- export default meta;
5
- type Story = StoryObj<typeof Calendar>;
6
- export declare const Docs: Story;
7
- export declare const Default: Story;
8
- export declare const CustomRange: Story;
9
- export declare const InsideCard: Story;
@@ -1,11 +0,0 @@
1
- export declare const styles: {
2
- dayBase: string;
3
- dayHover: string;
4
- dayInRange: string;
5
- dayStart: string;
6
- dayEnd: string;
7
- daySingle: string;
8
- presetBase: string;
9
- presetActive: string;
10
- presetHover: string;
11
- };
@@ -1,9 +0,0 @@
1
- import { Dayjs } from 'dayjs';
2
- export type DateRange = {
3
- start: Dayjs | null;
4
- end: Dayjs | null;
5
- };
6
- export interface CalendarProps {
7
- defaultRange?: DateRange;
8
- onChange?: (range: DateRange) => void;
9
- }
@@ -1,10 +0,0 @@
1
- import { Dayjs } from 'dayjs';
2
- export declare const isSameRange: (a: {
3
- start: Dayjs | null;
4
- end: Dayjs | null;
5
- }, b: {
6
- start: Dayjs | null;
7
- end: Dayjs | null;
8
- }) => boolean | undefined;
9
- export declare const formatDate: (date: Dayjs | null) => string;
10
- export declare const getDaysOfWeek: (locale?: string) => string[];
@@ -1,8 +0,0 @@
1
- import { default as React } from 'react';
2
- import { DateRange } from './Calendar.types';
3
- interface Props {
4
- range: DateRange;
5
- onChange: (range: DateRange) => void;
6
- }
7
- export declare const DateRangePicker: React.FC<Props>;
8
- export {};
@@ -1,8 +0,0 @@
1
- import { default as React } from 'react';
2
- import { DateRange } from './Calendar.types';
3
- interface PresetsProps {
4
- currentRange: DateRange;
5
- onSelect: (range: DateRange) => void;
6
- }
7
- export declare const Presets: React.FC<PresetsProps>;
8
- export {};
@@ -1,2 +0,0 @@
1
- export { Calendar } from './Calendar';
2
- export type { CalendarProps, DateRange } from './Calendar.types';
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { CardProps } from './Card.types';
3
- declare const Card: React.FC<CardProps>;
4
- export default Card;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { Card } from './';
3
- declare const meta: Meta<typeof Card>;
4
- export default meta;
5
- type Story = StoryObj<any>;
6
- export declare const DropdownControlled: Story;
@@ -1,22 +0,0 @@
1
- import { HTMLAttributes, ReactNode } from 'react';
2
- export interface CardProps extends HTMLAttributes<HTMLDivElement> {
3
- children: ReactNode;
4
- className?: string;
5
- theme?: 'light' | 'dark';
6
- width?: 'tw-w-48' | 'tw-w-64' | 'tw-w-80' | 'tw-w-full' | string;
7
- }
8
- export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
9
- title: string;
10
- titleSize?: 'sm' | 'md' | 'lg';
11
- className?: string;
12
- theme?: 'light' | 'dark';
13
- }
14
- export interface CardSectionProps extends HTMLAttributes<HTMLDivElement> {
15
- children: ReactNode;
16
- className?: string;
17
- }
18
- export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
19
- children: ReactNode;
20
- className?: string;
21
- align?: 'left' | 'center' | 'right';
22
- }
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { CardSectionProps } from './Card.types';
3
- declare const CardBody: React.FC<CardSectionProps>;
4
- export default CardBody;