gantri-components 1.120.0-beta.8 → 1.121.0
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/badge/badge.styles.d.ts +1 -1
- package/dist/components/cell/cell.types.d.ts +1 -0
- package/dist/components/color-picker/__tests__/color-picker.test.d.ts +1 -0
- package/dist/components/color-picker/color-picker.presets.d.ts +2 -2
- package/dist/components/color-picker/color-picker.types.d.ts +7 -8
- package/dist/components/color-picker/components/color-picker-item/__tests__/color-picker-item.test.d.ts +1 -0
- package/dist/components/color-picker/components/color-picker-item/color-picker-item.presets.d.ts +2 -0
- package/dist/components/color-picker/components/color-picker-item/color-picker-item.types.d.ts +7 -4
- package/dist/components/color-picker/components/color-picker-item/color-picker.styles.d.ts +3 -3
- package/dist/components/icon/generated/actions/StarHalf.d.ts +3 -0
- package/dist/components/icon/generated/actions/StarHalf24.d.ts +3 -0
- package/dist/components/icon/generated/actions/index.d.ts +2 -1
- package/dist/components/icon/icon.type.d.ts +1 -1
- package/dist/components/overlay/__tests__/overlay.test.d.ts +1 -0
- package/dist/components/overlay/overlay.types.d.ts +12 -1
- package/dist/components/typography/__tests__/typhography.test.d.ts +1 -0
- package/dist/components/typography/typography.d.ts +2 -9
- package/dist/components/typography/typography.presets.d.ts +2 -2
- package/dist/components/typography/typography.types.d.ts +10 -8
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/styles/theme.d.ts +3 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { BadgeProps } from './badge.types';
|
|
2
|
-
export declare const StyledBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Pick<BadgeProps, "color" | "
|
|
2
|
+
export declare const StyledBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Pick<BadgeProps, "color" | "variant" | "minWidth" | "width" | "borderColor" | "opacity" | "size" | "textColor">, never>;
|
|
@@ -19,6 +19,7 @@ export interface CellProps extends BaseProps {
|
|
|
19
19
|
horizontalPadding?: ResolutionAwareProp<BoxDimension>;
|
|
20
20
|
justifyContent?: ResolutionAwareProp<Property.JustifyContent>;
|
|
21
21
|
justifyItems?: ResolutionAwareProp<Property.JustifyItems>;
|
|
22
|
+
justifySelf?: ResolutionAwareProp<Property.JustifySelf>;
|
|
22
23
|
margin?: ResolutionAwareProp<BoxDimension>;
|
|
23
24
|
marginBottom?: ResolutionAwareProp<BoxDimension>;
|
|
24
25
|
marginLeft?: ResolutionAwareProp<BoxDimension>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const ColorPickerPresets:
|
|
1
|
+
import { ColorPickerDefaultProps } from './color-picker.types';
|
|
2
|
+
export declare const ColorPickerPresets: ColorPickerDefaultProps;
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
import { ChangeEvent } from 'react';
|
|
2
2
|
export declare type ColorPickerVariant = 'large' | 'small';
|
|
3
|
-
export interface ColorPickerProps {
|
|
4
|
-
allowMultipleSelection?: boolean;
|
|
5
|
-
/**
|
|
6
|
-
* List of colors to render,
|
|
7
|
-
* defaults to gantri's product colors list
|
|
8
|
-
* */
|
|
9
|
-
colors?: PickerColor[];
|
|
3
|
+
export interface ColorPickerProps extends Partial<ColorPickerDefaultProps> {
|
|
10
4
|
labelText?: string;
|
|
11
5
|
labelTx?: string;
|
|
12
6
|
labelTxValues?: Record<string, unknown>;
|
|
@@ -15,7 +9,12 @@ export interface ColorPickerProps {
|
|
|
15
9
|
onValueChange?: (selected: PickerColor | PickerColor[] | null) => void;
|
|
16
10
|
readOnly?: boolean;
|
|
17
11
|
value?: string | string[];
|
|
18
|
-
|
|
12
|
+
}
|
|
13
|
+
export interface ColorPickerDefaultProps {
|
|
14
|
+
allowMultipleSelection: boolean;
|
|
15
|
+
/** List of colors to render. Defaults to Gantri's product colors list. */
|
|
16
|
+
colors: PickerColor[];
|
|
17
|
+
variant: ColorPickerVariant;
|
|
19
18
|
}
|
|
20
19
|
export interface PickerColor {
|
|
21
20
|
code: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/components/color-picker/components/color-picker-item/color-picker-item.types.d.ts
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CSSProperties } from 'styled-components';
|
|
2
2
|
import { ColorPickerVariant, PickerColor } from '../../color-picker.types';
|
|
3
|
-
export interface ColorPickerItemProps {
|
|
3
|
+
export interface ColorPickerItemProps extends Partial<ColorPickerItemDefaultProps> {
|
|
4
4
|
active?: boolean;
|
|
5
5
|
color: PickerColor;
|
|
6
6
|
onColorClick: (color: PickerColor) => void;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
/** Overrides `variant`. */
|
|
8
|
+
size?: CSSProperties['width'];
|
|
9
|
+
}
|
|
10
|
+
export interface ColorPickerItemDefaultProps {
|
|
11
|
+
variant: ColorPickerVariant;
|
|
9
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CSSProperties } from 'styled-components';
|
|
2
2
|
import { ColorPickerVariant } from '../../color-picker.types';
|
|
3
3
|
export declare const StyledColorOutline: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
4
4
|
$selected?: boolean | undefined;
|
|
5
|
-
$size?:
|
|
5
|
+
$size?: CSSProperties['width'];
|
|
6
6
|
$variant?: ColorPickerVariant | undefined;
|
|
7
7
|
}, never>;
|
|
8
8
|
export declare const StyledColor: import("styled-components").StyledComponent<import("react-spring").AnimatedComponent<"span">, import("styled-components").DefaultTheme, {
|
|
9
|
-
$size?:
|
|
9
|
+
$size?: CSSProperties['width'];
|
|
10
10
|
$variant?: ColorPickerVariant | undefined;
|
|
11
11
|
color: string;
|
|
12
12
|
}, never>;
|
|
@@ -10,7 +10,8 @@ export { default as Star } from './Star';
|
|
|
10
10
|
export { default as Star24 } from './Star24';
|
|
11
11
|
export { default as StarFilled } from './StarFilled';
|
|
12
12
|
export { default as StarFilled24 } from './StarFilled24';
|
|
13
|
-
export { default as
|
|
13
|
+
export { default as StarHalf } from './StarHalf';
|
|
14
|
+
export { default as StarHalf24 } from './StarHalf24';
|
|
14
15
|
export { default as ThumbsUp } from './ThumbsUp';
|
|
15
16
|
export { default as ThumbsUp24 } from './ThumbsUp24';
|
|
16
17
|
export { default as TrashCan } from './TrashCan';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const IconsList: readonly ["actions:funnel", "actions:funnel_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:
|
|
1
|
+
export declare const IconsList: readonly ["actions:funnel", "actions:funnel_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_right", "arrows:arrow_right_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: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_apple", "logos:logo_behance", "logos:logo_facebook", "logos:logo_gantri", "logos:logo_github", "logos:logo_google", "logos:logo_instagram", "logos:logo_linkedin", "logos:logo_pinterest", "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", "time:calendar", "time:calendar_24", "time:clock", "time:clock_24", "time:clock_filled", "time:clock_filled_24", "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: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_two", "ui-control:lines_two_24", "ui-control:minus", "ui-control:minus_24", "ui-control:minus_circle", "ui-control:minus_circle_24", "ui-control:play", "ui-control:plus", "ui-control:plus_24", "ui-control:plus_circle", "ui-control:plus_circle_24", "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", "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: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_paper", "work:sand_paper_24", "work:sun", "work:sun_24", "work:triangle_ruler", "work:triangle_ruler_24", "work:water_drop", "work:water_drop_24", "work:wrench", "work:wrench_24"];
|
|
2
2
|
export declare type IconType = typeof IconsList[number];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,19 +1,30 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from 'react';
|
|
2
2
|
export interface OverlayProps {
|
|
3
|
+
/** Trigger event interactions with this component causes `content` to render, as appropriate. */
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
/** Applied as inline styles to the `children` wrapper. */
|
|
3
6
|
containerStyles?: CSSProperties;
|
|
7
|
+
/** The component to show/hide. */
|
|
4
8
|
content: ReactNode;
|
|
5
9
|
disabled?: boolean;
|
|
6
10
|
offsetBottom?: string;
|
|
7
11
|
offsetLeft?: string;
|
|
8
12
|
offsetRight?: string;
|
|
9
13
|
offsetTop?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Not called if `triggerEvent` is `'manual'`.
|
|
16
|
+
*
|
|
17
|
+
* If `triggerEvent` is `'hover'`, this can be called twice. Once for unhovering the child, and once for unhovering the content.
|
|
18
|
+
* */
|
|
10
19
|
onClose?: (opened: false) => void;
|
|
20
|
+
/** Not called if `triggerEvent` is `'manual'` */
|
|
11
21
|
onOpen?: (opened: true) => void;
|
|
22
|
+
/** Should be used when `triggerEvent` is `'manual'`. */
|
|
12
23
|
open?: boolean;
|
|
13
24
|
parentContainer?: HTMLElement;
|
|
14
25
|
position?: OverlayPosition;
|
|
15
26
|
prerenderContent?: boolean;
|
|
16
|
-
triggerEvent?: 'click' | 'hover' | '
|
|
27
|
+
triggerEvent?: 'click' | 'hover' | 'manual';
|
|
17
28
|
}
|
|
18
29
|
export interface UseOverlayParams {
|
|
19
30
|
content: ReactNode;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TypographyProps } from './typography.types';
|
|
3
|
-
export declare const variantToType:
|
|
4
|
-
readonly badge: "span";
|
|
5
|
-
readonly hero: "h1";
|
|
6
|
-
readonly p0: "p";
|
|
7
|
-
readonly p1: "p";
|
|
8
|
-
readonly p2: "p";
|
|
9
|
-
readonly p3: "p";
|
|
10
|
-
};
|
|
2
|
+
import { TextVariant, TypographyProps } from './typography.types';
|
|
3
|
+
export declare const variantToType: Partial<Record<TextVariant, 'h1' | 'p'>>;
|
|
11
4
|
export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<unknown>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const TypographyPresets:
|
|
1
|
+
import { TypographyDefaultProps } from './typography.types';
|
|
2
|
+
export declare const TypographyPresets: TypographyDefaultProps;
|
|
@@ -6,13 +6,11 @@ export declare type TextAlign = 'string' | 'left' | 'center' | 'right' | 'unset'
|
|
|
6
6
|
export declare type TypographyColor = keyof DefaultTheme['colors']['typography'];
|
|
7
7
|
export declare type TextVariant = 'p0' | 'p1' | 'p2' | 'p3' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'hero';
|
|
8
8
|
export declare type TextStyle = 'regular' | 'bold';
|
|
9
|
-
export interface TypographyProps {
|
|
9
|
+
export interface TypographyProps extends Partial<TypographyDefaultProps> {
|
|
10
10
|
align?: ResolutionAwareProp<string>;
|
|
11
11
|
alignSelf?: ResolutionAwareProp<Property.AlignSelf>;
|
|
12
12
|
className?: string;
|
|
13
|
-
color?: TypographyColor;
|
|
14
13
|
decoration?: Property.TextDecoration;
|
|
15
|
-
display?: ResolutionAwareProp<Property.Display>;
|
|
16
14
|
fontSize?: ResolutionAwareProp<Property.Font>;
|
|
17
15
|
fontWeight?: Property.FontWeight;
|
|
18
16
|
hidden?: ResolutionAwareProp<boolean>;
|
|
@@ -21,8 +19,6 @@ export interface TypographyProps {
|
|
|
21
19
|
htmlFor?: string;
|
|
22
20
|
htmlText?: string;
|
|
23
21
|
icon?: JSX.Element;
|
|
24
|
-
iconGap?: string;
|
|
25
|
-
iconPosition?: 'left' | 'right';
|
|
26
22
|
justifySelf?: ResolutionAwareProp<Property.JustifySelf>;
|
|
27
23
|
letterSpacing?: ResolutionAwareProp<Property.LetterSpacing>;
|
|
28
24
|
lineHeight?: ResolutionAwareProp<Property.LineHeight>;
|
|
@@ -46,9 +42,15 @@ export interface TypographyProps {
|
|
|
46
42
|
transform?: Property.TextTransform;
|
|
47
43
|
tx?: string;
|
|
48
44
|
txValues?: Record<string, unknown>;
|
|
49
|
-
type?:
|
|
50
|
-
variant?: TextVariant;
|
|
45
|
+
type?: keyof HTMLElementTagNameMap;
|
|
51
46
|
verticalMargin?: ResolutionAwareProp<Property.Margin>;
|
|
52
47
|
verticalPadding?: ResolutionAwareProp<Property.Padding>;
|
|
53
|
-
|
|
48
|
+
}
|
|
49
|
+
export interface TypographyDefaultProps {
|
|
50
|
+
color: TypographyColor;
|
|
51
|
+
display: ResolutionAwareProp<Property.Display>;
|
|
52
|
+
iconGap: string;
|
|
53
|
+
iconPosition: 'left' | 'right';
|
|
54
|
+
variant: TextVariant;
|
|
55
|
+
whiteSpace: ResolutionAwareProp<any>;
|
|
54
56
|
}
|