greenole-design-system 1.1.49 → 1.1.51

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 (32) hide show
  1. package/dist/base-components/CollapsibleMenu/CollapsibleMenu.d.ts +4 -0
  2. package/dist/base-components/CollapsibleMenu/CollapsibleMenu.stories.d.ts +6 -0
  3. package/dist/base-components/CollapsibleMenu/CollapsibleMenu.styles.d.ts +6 -0
  4. package/dist/base-components/CollapsibleMenu/CollapsibleMenu.types.d.ts +6 -0
  5. package/dist/base-components/CollapsibleMenu/index.d.ts +1 -0
  6. package/dist/base-components/Dropdown/Dropdown.stories.d.ts +4 -1
  7. package/dist/base-components/Dropdown/Dropdown.styles.d.ts +4 -0
  8. package/dist/base-components/Dropdown/Dropdown.types.d.ts +1 -1
  9. package/dist/components/Breadcrumb/Breadcrumb.styles.d.ts +3 -1
  10. package/dist/components/Breadcrumb/Breadcrumb.types.d.ts +1 -0
  11. package/dist/components/Modal/Modal.types.d.ts +2 -0
  12. package/dist/components/Tabs/Tabs.stories.d.ts +8 -6
  13. package/dist/components/Tabs/Tabs.styles.d.ts +6 -0
  14. package/dist/components/Tabs/Tabs.types.d.ts +2 -1
  15. package/dist/greenole-design-system.cjs.js +611 -535
  16. package/dist/greenole-design-system.es.js +4332 -4023
  17. package/dist/greenole.css +17 -4
  18. package/dist/index.css +1 -1
  19. package/dist/index.d.ts +4 -1
  20. package/dist/layouts/FeedbackPage/FeedbackPage.d.ts +4 -0
  21. package/dist/layouts/FeedbackPage/FeedbackPage.stories.d.ts +6 -0
  22. package/dist/layouts/FeedbackPage/FeedbackPage.styles.d.ts +3 -0
  23. package/dist/layouts/FeedbackPage/FeedbackPage.types.d.ts +12 -0
  24. package/dist/{layout → layouts}/PageHeader/PageHeader.stories.d.ts +2 -2
  25. package/dist/{layout → layouts}/PageHeader/PageHeader.styles.d.ts +10 -5
  26. package/dist/mocks/optionsService.d.ts +12 -0
  27. package/dist/utils/screen.d.ts +6 -0
  28. package/package.json +1 -1
  29. package/dist/layout/index.d.ts +0 -2
  30. /package/dist/{layout → layouts}/PageHeader/PageHeader.d.ts +0 -0
  31. /package/dist/{layout → layouts}/PageHeader/PageHeader.types.d.ts +0 -0
  32. /package/dist/{layout → layouts}/PageHeader/index.d.ts +0 -0
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { CollapsibleMenuProps } from './CollapsibleMenu.types';
3
+ declare const CollapsibleMenu: React.FC<CollapsibleMenuProps>;
4
+ export default CollapsibleMenu;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { default as CollapsibleMenu } from './CollapsibleMenu';
3
+ declare const meta: Meta<typeof CollapsibleMenu>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof CollapsibleMenu>;
6
+ export declare const Default: Story;
@@ -0,0 +1,6 @@
1
+ export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
2
+ $isOpen: boolean;
3
+ }>> & string;
4
+ export declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
5
+ $animate: boolean;
6
+ }>> & string;
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from 'react';
2
+ export interface CollapsibleMenuProps {
3
+ children: ReactNode;
4
+ label: ReactNode;
5
+ onOpenChange?: (isOpen: boolean) => void;
6
+ }
@@ -0,0 +1 @@
1
+ export { default as CollapsibleMenu } from './CollapsibleMenu';
@@ -5,11 +5,14 @@ export default meta;
5
5
  type Story = StoryObj<typeof Dropdown>;
6
6
  export declare const Default: Story;
7
7
  export declare const Multiple: Story;
8
+ export declare const MultipleWithShowTags: Story;
8
9
  export declare const Searchable: Story;
9
10
  export declare const WithMaxSelected: Story;
10
- export declare const WithLoadMore: Story;
11
+ export declare const FetchData: Story;
11
12
  export declare const Invalid: Story;
12
13
  export declare const WithMessage: Story;
13
14
  export declare const OptionsWithIcons: Story;
15
+ export declare const OptionsWithIconsMultipleWithShowTags: Story;
14
16
  export declare const WithClear: Story;
15
17
  export declare const WithPortal: Story;
18
+ export declare const NoOptions: Story;
@@ -32,4 +32,8 @@ export declare const OptionCheckbox: import('styled-components/dist/types').ISty
32
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
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
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 declare const DropdownTagsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
36
+ export declare const SelectedLabelsWrapperOverflow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
37
+ export declare const SelectedLabelsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
38
+ export declare const SelectedLabels: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
35
39
  export {};
@@ -23,10 +23,10 @@ export interface DropdownTypes {
23
23
  invalid?: boolean;
24
24
  message?: string | ReactNode;
25
25
  className?: string;
26
- displayValue?: string;
27
26
  isRequired?: boolean;
28
27
  showClearButton?: boolean;
29
28
  container?: HTMLElement;
29
+ showTags?: boolean;
30
30
  t?: THookTypes;
31
31
  onChange: (value: string | string[]) => void;
32
32
  onSearch?: (searchTerm: string) => void;
@@ -1,4 +1,6 @@
1
- export declare const BreadcrumbContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
1
+ export declare const BreadcrumbContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {
2
+ $isMobile: boolean;
3
+ }>> & string;
2
4
  export declare const BreadcrumbItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
5
  $isActive: boolean;
4
6
  $isClickable: boolean;
@@ -12,5 +12,6 @@ export interface BreadcrumbProps {
12
12
  maxItems?: number;
13
13
  showHomeIcon?: boolean;
14
14
  homeIcon?: ReactNode;
15
+ isMobile?: boolean;
15
16
  onHomeClick?: () => void;
16
17
  }
@@ -11,6 +11,8 @@ export interface ModalProps {
11
11
  confirmButtonText?: string;
12
12
  type?: ModalType;
13
13
  showOverlay?: boolean;
14
+ cancelButton?: ReactNode;
15
+ confirmButton?: ReactNode;
14
16
  onCancel?: () => void;
15
17
  onConfirm?: () => void;
16
18
  onClose?: () => void;
@@ -1,7 +1,9 @@
1
- import { Meta } from '@storybook/react';
1
+ import { Meta, StoryObj } from '@storybook/react';
2
2
  import { default as Tabs } from './Tabs';
3
- import { TabsType } from './Tabs.types';
4
- declare const _default: Meta<typeof Tabs>;
5
- export default _default;
6
- export declare const Default: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsType>;
7
- export declare const MobileView: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsType>;
3
+ declare const meta: Meta<typeof Tabs>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Tabs>;
6
+ export declare const Default: Story;
7
+ export declare const WithRightElements: Story;
8
+ export declare const DefaultMobile: Story;
9
+ export declare const WithRightElementsMobile: Story;
@@ -1,7 +1,13 @@
1
1
  export declare const TabsWrapper: 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 TabHeaderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
+ $isMobile?: boolean;
4
+ }>> & string;
2
5
  export declare const TabsHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
6
  $isMobile?: boolean;
4
7
  }>> & string;
8
+ export declare const TabsHeaderRightElements: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
9
+ $isMobile?: boolean;
10
+ }>> & string;
5
11
  export declare const TabButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
6
12
  $active?: boolean;
7
13
  }>> & string;
@@ -7,6 +7,7 @@ export interface TabsType {
7
7
  children: ReactNode;
8
8
  defaultIndex?: number;
9
9
  selectedIndex?: number;
10
- isMobileOrTablet?: boolean;
10
+ isMobile?: boolean;
11
+ rightElements?: ReactNode;
11
12
  onChange?: (index: number) => void;
12
13
  }