greenole-design-system 1.1.73 → 1.1.74

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 (11) hide show
  1. package/dist/components/Filter/Filter.stories.d.ts +1 -0
  2. package/dist/components/Filter/Filter.styles.d.ts +5 -1
  3. package/dist/components/Filter/Filter.types.d.ts +5 -0
  4. package/dist/components/Search/Search.stories.d.ts +6 -0
  5. package/dist/components/Search/Search.styles.d.ts +2 -0
  6. package/dist/components/Search/Search.types.d.ts +2 -0
  7. package/dist/greenole-design-system.cjs.js +287 -278
  8. package/dist/greenole-design-system.js +2849 -2802
  9. package/dist/greenole.css +4 -0
  10. package/dist/index.css +1 -1
  11. package/package.json +1 -1
package/dist/components/Filter/Filter.stories.d.ts CHANGED
@@ -12,3 +12,4 @@ export declare const CustomLabel: Story;
12
12
  export declare const WithMultipleSelect: Story;
13
13
  export declare const WithPortal: Story;
14
14
  export declare const WithPortalAtEdge: Story;
15
+ export declare const WithIcon: Story;
package/dist/components/Filter/Filter.styles.d.ts CHANGED
@@ -1,8 +1,12 @@
1
1
  export declare const FilterContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
2
  export declare const FilterButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
3
3
  $isOpen: boolean;
4
+ $width?: string | number;
5
+ $height?: string | number;
6
+ }>> & string;
7
+ export declare const FilterButtonLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
8
+ $placeholderColor?: string;
4
9
  }>> & string;
5
- export declare const FilterButtonLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
6
10
  export declare const FilterPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
7
11
  $usePortal?: boolean;
8
12
  }>> & string;
package/dist/components/Filter/Filter.types.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { ReactNode } from 'react';
1
2
  import { THookTypes } from '../../utils/i18n/types';
2
3
  export interface FilterItemOption {
3
4
  label: string;
@@ -26,4 +27,8 @@ export interface FilterProps {
26
27
  onChange?: (output: FilterOutput) => void;
27
28
  usePortal?: boolean;
28
29
  container?: HTMLElement | null;
30
+ width?: string | number;
31
+ height?: string | number;
32
+ placeholderColor?: string;
33
+ icon?: ReactNode;
29
34
  }
package/dist/components/Search/Search.stories.d.ts CHANGED
@@ -14,3 +14,9 @@ export declare const Disabled: Story;
14
14
  export declare const WithInitialValue: Story;
15
15
  export declare const CollapsedWithDefaultValue: Story;
16
16
  export declare const Playground: Story;
17
+ export declare const PositionedLeft: Story;
18
+ export declare const PositionedCenter: Story;
19
+ export declare const PositionedRight: Story;
20
+ export declare const ForceLeftAnimation: Story;
21
+ export declare const ForceRightAnimation: Story;
22
+ export declare const InSmallContainer: Story;
package/dist/components/Search/Search.styles.d.ts CHANGED
@@ -4,7 +4,9 @@ export declare const SearchWrapper: import('styled-components/dist/types').IStyl
4
4
  }>> & string;
5
5
  export declare const SearchIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
6
6
  $disabled?: boolean;
7
+ $visible?: boolean;
7
8
  }>> & string;
8
9
  export declare const SearchInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
9
10
  $expanded: boolean;
11
+ $direction?: "left" | "right";
10
12
  }>> & string;
package/dist/components/Search/Search.types.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export type SearchMode = 'collapsed' | 'expanded';
2
+ export type SearchAnimationDirection = 'left' | 'right' | 'auto';
2
3
  export interface SearchProps {
3
4
  mode?: SearchMode;
4
5
  placeholder?: string;
@@ -10,4 +11,5 @@ export interface SearchProps {
10
11
  onChange?: (value: string) => void;
11
12
  onSubmit?: (value: string) => void;
12
13
  className?: string;
14
+ animationDirection?: SearchAnimationDirection;
13
15
  }