gantri-components 3.0.0-beta.67 → 3.0.0-beta.69
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/dist/components/button-menu/button-menu.d.ts +5 -0
- package/dist/components/button-menu/button-menu.presets.d.ts +2 -0
- package/dist/components/button-menu/button-menu.styles.d.ts +1 -0
- package/dist/components/button-menu/button-menu.types.d.ts +13 -0
- package/dist/components/button-menu/index.d.ts +1 -0
- package/dist/components/dropdown/dropdown.types.d.ts +1 -0
- package/dist/components/dropdown-menu/dropdown-menu.styles.d.ts +2 -0
- package/dist/components/dropdown-menu/dropdown-menu.types.d.ts +3 -0
- package/dist/components/filter-button/filter-button.types.d.ts +4 -0
- package/dist/components/icon/generated/arrows/ArrowDiag.d.ts +3 -0
- package/dist/components/icon/generated/arrows/ArrowDiag24.d.ts +3 -0
- package/dist/components/icon/generated/arrows/index.d.ts +2 -0
- package/dist/components/icon/generated/logos/LogoAppleText24.d.ts +3 -0
- package/dist/components/icon/generated/logos/LogoGoogleText24.d.ts +3 -0
- package/dist/components/icon/generated/logos/index.d.ts +2 -0
- package/dist/components/icon/icon.type.d.ts +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/overlay/overlay.styles.d.ts +1 -0
- package/dist/components/overlay/overlay.types.d.ts +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const StyledButtonMenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
|
|
2
|
+
import { ButtonVariant } from '../button/button.types';
|
|
3
|
+
export interface ButtonMenuProps<T = Record<string, unknown>> extends DropdownMenuProps<T> {
|
|
4
|
+
active?: boolean;
|
|
5
|
+
buttonClassName?: string;
|
|
6
|
+
buttonVariant?: ButtonVariant;
|
|
7
|
+
label?: string;
|
|
8
|
+
labelTx?: string;
|
|
9
|
+
labelTxValues?: Record<string, unknown>;
|
|
10
|
+
onClose?: () => void;
|
|
11
|
+
onOpen?: () => void;
|
|
12
|
+
triggerEvent?: 'click' | 'hover' | 'manual';
|
|
13
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './button-menu';
|
|
@@ -14,6 +14,7 @@ export interface DropdownProps<T> extends Omit<DropdownMenuProps<T>, 'items'> {
|
|
|
14
14
|
hideErrors?: boolean;
|
|
15
15
|
icon?: ReactElement;
|
|
16
16
|
items?: T[];
|
|
17
|
+
keepOpenAfterSelection?: boolean;
|
|
17
18
|
keyProperty?: (option?: T) => string;
|
|
18
19
|
labelPosition?: 'top' | 'left';
|
|
19
20
|
labelText?: string;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
|
+
import { Color } from '../../styles';
|
|
2
3
|
export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
4
|
+
$borderColor: Color;
|
|
3
5
|
$hasHeader?: boolean | undefined;
|
|
4
6
|
$noShadow: boolean;
|
|
5
7
|
}, never>;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { Maybe } from '../../global';
|
|
4
|
+
import { Color } from '../../styles';
|
|
4
5
|
export interface DropdownMenuProps<T = Record<string, unknown>> {
|
|
5
6
|
autoSelectFirst?: boolean;
|
|
7
|
+
borderColor?: Color;
|
|
6
8
|
className?: string;
|
|
7
9
|
header?: ReactNode;
|
|
8
10
|
idProperty?: keyof T;
|
|
@@ -10,6 +12,7 @@ export interface DropdownMenuProps<T = Record<string, unknown>> {
|
|
|
10
12
|
items: T[];
|
|
11
13
|
/** Sets the alignment of the dropdown items. */
|
|
12
14
|
justifyContent?: Property.JustifyContent;
|
|
15
|
+
keepOpenAfterSelection?: boolean;
|
|
13
16
|
keyProperty?: (item?: T) => string;
|
|
14
17
|
labelProperty?: keyof T | ((item?: T) => string);
|
|
15
18
|
labelPropertyTx?: (item?: T) => string;
|
|
@@ -6,6 +6,10 @@ export interface FilterButtonProps {
|
|
|
6
6
|
applyButtonTx?: string;
|
|
7
7
|
count?: number;
|
|
8
8
|
hideFilterTextInMobile?: boolean;
|
|
9
|
+
iconLocation?: 'left' | 'right';
|
|
10
|
+
label?: string;
|
|
11
|
+
labelTx?: string;
|
|
12
|
+
labelTxValues?: Record<string, unknown>;
|
|
9
13
|
modalNoTopSpacing?: boolean;
|
|
10
14
|
modalTitle?: string;
|
|
11
15
|
modalTitleTx?: string;
|
|
@@ -14,6 +14,8 @@ export { default as ArrowChevronRight } from './ArrowChevronRight';
|
|
|
14
14
|
export { default as ArrowChevronRight24 } from './ArrowChevronRight24';
|
|
15
15
|
export { default as ArrowChevronUp } from './ArrowChevronUp';
|
|
16
16
|
export { default as ArrowChevronUp24 } from './ArrowChevronUp24';
|
|
17
|
+
export { default as ArrowDiag } from './ArrowDiag';
|
|
18
|
+
export { default as ArrowDiag24 } from './ArrowDiag24';
|
|
17
19
|
export { default as ArrowDown } from './ArrowDown';
|
|
18
20
|
export { default as ArrowDown24 } from './ArrowDown24';
|
|
19
21
|
export { default as ArrowDownload } from './ArrowDownload';
|
|
@@ -2,12 +2,14 @@ export { default as LogoAffirm } from './LogoAffirm';
|
|
|
2
2
|
export { default as LogoAffirmColored } from './LogoAffirmColored';
|
|
3
3
|
export { default as LogoApple } from './LogoApple';
|
|
4
4
|
export { default as LogoAppleText } from './LogoAppleText';
|
|
5
|
+
export { default as LogoAppleText24 } from './LogoAppleText24';
|
|
5
6
|
export { default as LogoBehance } from './LogoBehance';
|
|
6
7
|
export { default as LogoFacebook } from './LogoFacebook';
|
|
7
8
|
export { default as LogoGantri } from './LogoGantri';
|
|
8
9
|
export { default as LogoGithub } from './LogoGithub';
|
|
9
10
|
export { default as LogoGoogle } from './LogoGoogle';
|
|
10
11
|
export { default as LogoGoogleText } from './LogoGoogleText';
|
|
12
|
+
export { default as LogoGoogleText24 } from './LogoGoogleText24';
|
|
11
13
|
export { default as LogoInstagram } from './LogoInstagram';
|
|
12
14
|
export { default as LogoLinkedin } from './LogoLinkedin';
|
|
13
15
|
export { default as LogoPinterest } from './LogoPinterest';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const IconsList: readonly ["actions:funnel", "actions:funnel_24", "actions:funnel_filled", "actions:funnel_filled_24", "actions:gear", "actions:gear_24", "actions:life_buoy", "actions:life_buoy_24", "actions:link", "actions:link_24", "actions:star", "actions:star_24", "actions:star_filled", "actions:star_filled_24", "actions:star_half", "actions:star_half_24", "actions:thumbs_up", "actions:thumbs_up_24", "actions:trash_can", "actions:trash_can_24", "alert:bell", "alert:bell_24", "alert:bell_filled", "alert:bell_filled_24", "alert:i_circle", "alert:i_circle_24", "alert:lightning_bolt", "alert:lightning_bolt_24", "alert:lightning_bolt_filled", "alert:lightning_bolt_filled_24", "alert:question_mark_circle", "alert:question_mark_circle_24", "alert:warning_triangle", "alert:warning_triangle_24", "animated:loader", "arrows:arrow_chevron_double_down", "arrows:arrow_chevron_double_down_24", "arrows:arrow_chevron_double_left", "arrows:arrow_chevron_double_left_24", "arrows:arrow_chevron_double_right", "arrows:arrow_chevron_double_right_24", "arrows:arrow_chevron_double_up", "arrows:arrow_chevron_double_up_24", "arrows:arrow_chevron_down", "arrows:arrow_chevron_down_24", "arrows:arrow_chevron_left", "arrows:arrow_chevron_left_24", "arrows:arrow_chevron_right", "arrows:arrow_chevron_right_24", "arrows:arrow_chevron_up", "arrows:arrow_chevron_up_24", "arrows:arrow_down", "arrows:arrow_down_24", "arrows:arrow_download", "arrows:arrow_download_24", "arrows:arrow_external", "arrows:arrow_external_24", "arrows:arrow_left", "arrows:arrow_left_24", "arrows:arrow_line_down", "arrows:arrow_line_down_24", "arrows:arrow_line_left", "arrows:arrow_line_left_24", "arrows:arrow_line_right", "arrows:arrow_line_right_24", "arrows:arrow_line_up", "arrows:arrow_line_up_24", "arrows:arrow_return", "arrows:arrow_right", "arrows:arrow_right_24", "arrows:arrow_rotate_two", "arrows:arrow_rotate_two_24", "arrows:arrow_triangle_down", "arrows:arrow_triangle_down_24", "arrows:arrow_triangle_left", "arrows:arrow_triangle_left_24", "arrows:arrow_triangle_right", "arrows:arrow_triangle_right_24", "arrows:arrow_triangle_up", "arrows:arrow_triangle_up_24", "arrows:arrow_triangle_updown", "arrows:arrow_triangle_updown_24", "arrows:arrow_triangle_updown_down_filled", "arrows:arrow_triangle_updown_down_filled_24", "arrows:arrow_triangle_updown_filled", "arrows:arrow_triangle_updown_filled_24", "arrows:arrow_triangle_updown_top_filled", "arrows:arrow_triangle_updown_top_filled_24", "arrows:arrow_up", "arrows:arrow_up_24", "arrows:arrow_updown", "arrows:arrow_updown_24", "arrows:arrow_updown_filled", "arrows:arrow_updown_filled_24", "arrows:arrow_upload", "arrows:arrow_upload_24", "data:chart_bar", "data:chart_bar_24", "docs:document_blank", "docs:document_blank_24", "docs:document_lines", "docs:document_lines_24", "docs:pencil", "docs:pencil_24", "location:house", "location:house_24", "location:location_california", "location:location_california_24", "location:location_pin", "location:location_pin_24", "logos:logo_affirm", "logos:logo_affirm_colored", "logos:logo_apple", "logos:logo_apple_text", "logos:logo_behance", "logos:logo_facebook", "logos:logo_gantri", "logos:logo_github", "logos:logo_google", "logos:logo_google_text", "logos:logo_instagram", "logos:logo_linkedin", "logos:logo_pinterest", "logos:logo_tiktok", "logos:logo_twitter", "logos:logo_yotpo", "logos:logo_youtube", "machine:difficulty_easy", "machine:difficulty_hard", "machine:difficulty_moderate", "machine:difficulty_multiple", "machine:laptop", "media:photo", "media:photo_24", "media:photo_filled", "media:photo_filled_24", "payment:cash", "payment:cash_24", "payment:credit_card", "payment:credit_card_24", "payment:gift_box", "payment:gift_box_24", "payment:gift_card", "payment:gift_card_24", "payment:shopping_bag", "payment:shopping_bag_24", "people:people", "people:people_24", "people:person", "people:person_24", "people:person_outline", "people:person_outline_24", "time:calendar", "time:calendar_24", "time:clock", "time:clock_24", "time:clock_filled", "time:clock_filled_24", "ui-control:award_ribbon", "ui-control:check_mark", "ui-control:check_mark_24", "ui-control:check_mark_circle_filled", "ui-control:check_mark_circle_filled_24", "ui-control:drag", "ui-control:email", "ui-control:email_24", "ui-control:exclamation_circle_filled", "ui-control:exclamation_circle_filled_24", "ui-control:globe", "ui-control:globe_24", "ui-control:grid", "ui-control:grid_24", "ui-control:left_quote", "ui-control:lines_three", "ui-control:lines_three_24", "ui-control:lines_three_vertical", "ui-control:lines_three_vertical_24", "ui-control:lines_two", "ui-control:lines_two_24", "ui-control:lines_two_dots", "ui-control:lines_two_dots_24", "ui-control:minus", "ui-control:minus_24", "ui-control:minus_circle", "ui-control:minus_circle_24", "ui-control:minus_circle_filled", "ui-control:minus_circle_filled_24", "ui-control:pause", "ui-control:pause_24", "ui-control:play", "ui-control:plus", "ui-control:plus_24", "ui-control:plus_circle", "ui-control:plus_circle_24", "ui-control:sound_off", "ui-control:sound_off_24", "ui-control:sound_on", "ui-control:three_dots_cluster", "ui-control:three_dots_cluster_24", "ui-control:three_dots_horizontal", "ui-control:three_dots_horizontal_24", "ui-control:x", "ui-control:x_24", "ui-control:x_small", "ui-control:x_small_24", "view:eye_open", "view:eye_open_24", "view:magnifying_glass", "view:magnifying_glass_24", "view:magnifying_glass_filled", "view:magnifying_glass_filled_24", "work:assemble", "work:assemble_24", "work:basket_filled", "work:basket_filled_24", "work:box", "work:box_24", "work:broom", "work:broom_24", "work:corner", "work:corner_24", "work:cube_outline", "work:cube_outline_24", "work:leaf", "work:leaf_24", "work:light_bulb", "work:light_bulb_24", "work:mask", "work:mask_24", "work:no_entry", "work:no_entry_24", "work:p_circle", "work:p_circle_24", "work:print_nozzle", "work:print_nozzle_24", "work:rfid_signal", "work:rfid_signal_24", "work:sand_painted", "work:sand_painted_24", "work:sand_paper", "work:sand_paper_24", "work:sand_primed", "work:sand_primed_24", "work:sd_card_filled_exclamation", "work:sd_card_filled_exclamation_24", "work:sd_card_outline", "work:sd_card_outline_24", "work:spool", "work:spool_24", "work:sun", "work:sun_24", "work:tape", "work:tape_24", "work:triangle_ruler", "work:triangle_ruler_24", "work:triangle_ruler_filled", "work:tumbler", "work:tumbler_24", "work:water_drop", "work:water_drop_24", "work:water_drop_dotted", "work:water_drop_dotted_24", "work:wrench", "work:wrench_24"];
|
|
1
|
+
export declare const IconsList: readonly ["actions:funnel", "actions:funnel_24", "actions:funnel_filled", "actions:funnel_filled_24", "actions:gear", "actions:gear_24", "actions:life_buoy", "actions:life_buoy_24", "actions:link", "actions:link_24", "actions:star", "actions:star_24", "actions:star_filled", "actions:star_filled_24", "actions:star_half", "actions:star_half_24", "actions:thumbs_up", "actions:thumbs_up_24", "actions:trash_can", "actions:trash_can_24", "alert:bell", "alert:bell_24", "alert:bell_filled", "alert:bell_filled_24", "alert:i_circle", "alert:i_circle_24", "alert:lightning_bolt", "alert:lightning_bolt_24", "alert:lightning_bolt_filled", "alert:lightning_bolt_filled_24", "alert:question_mark_circle", "alert:question_mark_circle_24", "alert:warning_triangle", "alert:warning_triangle_24", "animated:loader", "arrows:arrow_chevron_double_down", "arrows:arrow_chevron_double_down_24", "arrows:arrow_chevron_double_left", "arrows:arrow_chevron_double_left_24", "arrows:arrow_chevron_double_right", "arrows:arrow_chevron_double_right_24", "arrows:arrow_chevron_double_up", "arrows:arrow_chevron_double_up_24", "arrows:arrow_chevron_down", "arrows:arrow_chevron_down_24", "arrows:arrow_chevron_left", "arrows:arrow_chevron_left_24", "arrows:arrow_chevron_right", "arrows:arrow_chevron_right_24", "arrows:arrow_chevron_up", "arrows:arrow_chevron_up_24", "arrows:arrow_diag", "arrows:arrow_diag_24", "arrows:arrow_down", "arrows:arrow_down_24", "arrows:arrow_download", "arrows:arrow_download_24", "arrows:arrow_external", "arrows:arrow_external_24", "arrows:arrow_left", "arrows:arrow_left_24", "arrows:arrow_line_down", "arrows:arrow_line_down_24", "arrows:arrow_line_left", "arrows:arrow_line_left_24", "arrows:arrow_line_right", "arrows:arrow_line_right_24", "arrows:arrow_line_up", "arrows:arrow_line_up_24", "arrows:arrow_return", "arrows:arrow_right", "arrows:arrow_right_24", "arrows:arrow_rotate_two", "arrows:arrow_rotate_two_24", "arrows:arrow_triangle_down", "arrows:arrow_triangle_down_24", "arrows:arrow_triangle_left", "arrows:arrow_triangle_left_24", "arrows:arrow_triangle_right", "arrows:arrow_triangle_right_24", "arrows:arrow_triangle_up", "arrows:arrow_triangle_up_24", "arrows:arrow_triangle_updown", "arrows:arrow_triangle_updown_24", "arrows:arrow_triangle_updown_down_filled", "arrows:arrow_triangle_updown_down_filled_24", "arrows:arrow_triangle_updown_filled", "arrows:arrow_triangle_updown_filled_24", "arrows:arrow_triangle_updown_top_filled", "arrows:arrow_triangle_updown_top_filled_24", "arrows:arrow_up", "arrows:arrow_up_24", "arrows:arrow_updown", "arrows:arrow_updown_24", "arrows:arrow_updown_filled", "arrows:arrow_updown_filled_24", "arrows:arrow_upload", "arrows:arrow_upload_24", "data:chart_bar", "data:chart_bar_24", "docs:document_blank", "docs:document_blank_24", "docs:document_lines", "docs:document_lines_24", "docs:pencil", "docs:pencil_24", "location:house", "location:house_24", "location:location_california", "location:location_california_24", "location:location_pin", "location:location_pin_24", "logos:logo_affirm", "logos:logo_affirm_colored", "logos:logo_apple", "logos:logo_apple_text", "logos:logo_apple_text_24", "logos:logo_behance", "logos:logo_facebook", "logos:logo_gantri", "logos:logo_github", "logos:logo_google", "logos:logo_google_text", "logos:logo_google_text_24", "logos:logo_instagram", "logos:logo_linkedin", "logos:logo_pinterest", "logos:logo_tiktok", "logos:logo_twitter", "logos:logo_yotpo", "logos:logo_youtube", "machine:difficulty_easy", "machine:difficulty_hard", "machine:difficulty_moderate", "machine:difficulty_multiple", "machine:laptop", "media:photo", "media:photo_24", "media:photo_filled", "media:photo_filled_24", "payment:cash", "payment:cash_24", "payment:credit_card", "payment:credit_card_24", "payment:gift_box", "payment:gift_box_24", "payment:gift_card", "payment:gift_card_24", "payment:shopping_bag", "payment:shopping_bag_24", "people:people", "people:people_24", "people:person", "people:person_24", "people:person_outline", "people:person_outline_24", "time:calendar", "time:calendar_24", "time:clock", "time:clock_24", "time:clock_filled", "time:clock_filled_24", "ui-control:award_ribbon", "ui-control:check_mark", "ui-control:check_mark_24", "ui-control:check_mark_circle_filled", "ui-control:check_mark_circle_filled_24", "ui-control:drag", "ui-control:email", "ui-control:email_24", "ui-control:exclamation_circle_filled", "ui-control:exclamation_circle_filled_24", "ui-control:globe", "ui-control:globe_24", "ui-control:grid", "ui-control:grid_24", "ui-control:left_quote", "ui-control:lines_three", "ui-control:lines_three_24", "ui-control:lines_three_vertical", "ui-control:lines_three_vertical_24", "ui-control:lines_two", "ui-control:lines_two_24", "ui-control:lines_two_dots", "ui-control:lines_two_dots_24", "ui-control:minus", "ui-control:minus_24", "ui-control:minus_circle", "ui-control:minus_circle_24", "ui-control:minus_circle_filled", "ui-control:minus_circle_filled_24", "ui-control:pause", "ui-control:pause_24", "ui-control:play", "ui-control:plus", "ui-control:plus_24", "ui-control:plus_circle", "ui-control:plus_circle_24", "ui-control:sound_off", "ui-control:sound_off_24", "ui-control:sound_on", "ui-control:three_dots_cluster", "ui-control:three_dots_cluster_24", "ui-control:three_dots_horizontal", "ui-control:three_dots_horizontal_24", "ui-control:x", "ui-control:x_24", "ui-control:x_small", "ui-control:x_small_24", "view:eye_open", "view:eye_open_24", "view:magnifying_glass", "view:magnifying_glass_24", "view:magnifying_glass_filled", "view:magnifying_glass_filled_24", "work:assemble", "work:assemble_24", "work:basket_filled", "work:basket_filled_24", "work:box", "work:box_24", "work:broom", "work:broom_24", "work:corner", "work:corner_24", "work:cube_outline", "work:cube_outline_24", "work:leaf", "work:leaf_24", "work:light_bulb", "work:light_bulb_24", "work:mask", "work:mask_24", "work:no_entry", "work:no_entry_24", "work:p_circle", "work:p_circle_24", "work:print_nozzle", "work:print_nozzle_24", "work:rfid_signal", "work:rfid_signal_24", "work:sand_painted", "work:sand_painted_24", "work:sand_paper", "work:sand_paper_24", "work:sand_primed", "work:sand_primed_24", "work:sd_card_filled_exclamation", "work:sd_card_filled_exclamation_24", "work:sd_card_outline", "work:sd_card_outline_24", "work:spool", "work:spool_24", "work:sun", "work:sun_24", "work:tape", "work:tape_24", "work:triangle_ruler", "work:triangle_ruler_24", "work:triangle_ruler_filled", "work:tumbler", "work:tumbler_24", "work:water_drop", "work:water_drop_24", "work:water_drop_dotted", "work:water_drop_dotted_24", "work:wrench", "work:wrench_24"];
|
|
2
2
|
export type IconType = typeof IconsList[number];
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
2
2
|
export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
3
|
export declare const StyledBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const StyledContentBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|