gantri-components 1.11.0 → 1.14.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/aspect-ratio/aspect-ratio.types.d.ts +5 -5
- package/dist/components/box/box.types.d.ts +2 -2
- package/dist/components/cell/cell.types.d.ts +2 -2
- package/dist/components/grid/grid.types.d.ts +2 -2
- package/dist/components/icon/generated/machine/DifficultyEasy.d.ts +3 -0
- package/dist/components/icon/generated/machine/DifficultyHard.d.ts +3 -0
- package/dist/components/icon/generated/machine/DifficultyModerate.d.ts +3 -0
- package/dist/components/icon/generated/machine/DifficultyMultiple.d.ts +3 -0
- package/dist/components/icon/generated/machine/index.d.ts +4 -0
- package/dist/components/icon/icon.type.d.ts +1 -1
- package/dist/components/image/image.types.d.ts +2 -2
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/styles/index.d.ts +1 -2
- package/package.json +2 -2
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { Property } from
|
|
2
|
-
import { ResolutionAwareProp } from
|
|
3
|
-
import { BaseProps } from
|
|
4
|
-
import {
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
|
|
3
|
+
import { BaseProps } from '../box/box.types';
|
|
4
|
+
import { Color } from '../../styles';
|
|
5
5
|
export interface AspectRatioProps extends BaseProps {
|
|
6
6
|
aspectRatio?: ResolutionAwareProp<string>;
|
|
7
|
-
backgroundColor?: ResolutionAwareProp<
|
|
7
|
+
backgroundColor?: ResolutionAwareProp<Color>;
|
|
8
8
|
height?: ResolutionAwareProp<Property.Height>;
|
|
9
9
|
hidden?: ResolutionAwareProp<boolean>;
|
|
10
10
|
width?: ResolutionAwareProp<Property.Width>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { Globals, Property } from 'csstype';
|
|
3
3
|
import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
|
|
4
|
-
import {
|
|
4
|
+
import { Color } from '../../styles';
|
|
5
5
|
export declare type BoxDimension = 's1' | 's2' | 's3' | 's4' | 's5' | 's6' | Globals | string;
|
|
6
6
|
export interface BaseProps extends HTMLAttributes<any> {
|
|
7
7
|
children?: any;
|
|
@@ -9,7 +9,7 @@ export interface BaseProps extends HTMLAttributes<any> {
|
|
|
9
9
|
}
|
|
10
10
|
export interface BoxProps extends BaseProps {
|
|
11
11
|
alignSelf?: ResolutionAwareProp<Property.AlignSelf>;
|
|
12
|
-
backgroundColor?: ResolutionAwareProp<
|
|
12
|
+
backgroundColor?: ResolutionAwareProp<Color>;
|
|
13
13
|
borderRadius?: ResolutionAwareProp<Property.BorderRadius>;
|
|
14
14
|
height?: ResolutionAwareProp<Property.Height>;
|
|
15
15
|
hidden?: ResolutionAwareProp<boolean>;
|
|
@@ -2,13 +2,13 @@ import { CSSProperties } from 'react';
|
|
|
2
2
|
import { Property } from 'csstype';
|
|
3
3
|
import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
|
|
4
4
|
import { BaseProps, BoxDimension } from '../box/box.types';
|
|
5
|
-
import {
|
|
5
|
+
import { Color } from '../../styles';
|
|
6
6
|
export interface CellProps extends BaseProps {
|
|
7
7
|
alignContent?: ResolutionAwareProp<Property.AlignContent>;
|
|
8
8
|
alignItems?: ResolutionAwareProp<Property.AlignItems>;
|
|
9
9
|
alignSelf?: ResolutionAwareProp<Property.AlignSelf>;
|
|
10
10
|
area?: ResolutionAwareProp<string>;
|
|
11
|
-
backgroundColor?: ResolutionAwareProp<
|
|
11
|
+
backgroundColor?: ResolutionAwareProp<Color>;
|
|
12
12
|
borderRadius?: Property.BorderRadius<string>;
|
|
13
13
|
column?: ResolutionAwareProp<any>;
|
|
14
14
|
columnGap?: ResolutionAwareProp<string>;
|
|
@@ -2,14 +2,14 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
import { Property } from 'csstype';
|
|
3
3
|
import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
|
|
4
4
|
import { BoxDimension, BoxProps } from '../box/box.types';
|
|
5
|
-
import {
|
|
5
|
+
import { Color } from '../../styles';
|
|
6
6
|
export interface GridProps extends BoxProps {
|
|
7
7
|
alignContent?: ResolutionAwareProp<Property.AlignContent>;
|
|
8
8
|
alignItems?: ResolutionAwareProp<Property.AlignItems>;
|
|
9
9
|
areas?: ResolutionAwareProp<string[]>;
|
|
10
10
|
autoColumns?: ResolutionAwareProp<Property.GridAutoColumns>;
|
|
11
11
|
autoRows?: ResolutionAwareProp<Property.GridAutoRows>;
|
|
12
|
-
backgroundColor?: ResolutionAwareProp<
|
|
12
|
+
backgroundColor?: ResolutionAwareProp<Color>;
|
|
13
13
|
border?: string;
|
|
14
14
|
children?: ReactNode;
|
|
15
15
|
columnGap?: ResolutionAwareProp<BoxDimension>;
|
|
@@ -1 +1,5 @@
|
|
|
1
|
+
export { default as DifficultyEasy } from './DifficultyEasy';
|
|
2
|
+
export { default as DifficultyHard } from './DifficultyHard';
|
|
3
|
+
export { default as DifficultyModerate } from './DifficultyModerate';
|
|
4
|
+
export { default as DifficultyMultiple } from './DifficultyMultiple';
|
|
1
5
|
export { default as Laptop } from './Laptop';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const IconsList: readonly ["actions:funnel", "actions:gear", "actions:life_buoy", "actions:link", "actions:star", "actions:star_filled", "actions:thumbs_up", "actions:trash_can", "alert:bell", "alert:bell_filled", "alert:i_circle", "alert:lightning_bolt", "alert:lightning_bolt_filled", "alert:question_mark_circle", "alert:warning_triangle", "animated:loader", "arrows:arrow_chevron_double_down", "arrows:arrow_chevron_double_left", "arrows:arrow_chevron_double_right", "arrows:arrow_chevron_double_up", "arrows:arrow_chevron_down", "arrows:arrow_chevron_left", "arrows:arrow_chevron_right", "arrows:arrow_chevron_up", "arrows:arrow_down", "arrows:arrow_download", "arrows:arrow_external", "arrows:arrow_left", "arrows:arrow_line_down", "arrows:arrow_line_left", "arrows:arrow_line_right", "arrows:arrow_line_up", "arrows:arrow_right", "arrows:arrow_triangle_down", "arrows:arrow_triangle_left", "arrows:arrow_triangle_right", "arrows:arrow_triangle_up", "arrows:arrow_triangle_updown", "arrows:arrow_triangle_updown_down_filled", "arrows:arrow_triangle_updown_filled", "arrows:arrow_triangle_updown_top_filled", "arrows:arrow_up", "arrows:arrow_updown", "arrows:arrow_updown_filled", "arrows:arrow_upload", "data:chart_bar", "docs:document_blank", "docs:pencil", "location:house", "location:location_california", "location:location_pin", "logos:logo_affirm", "logos:logo_apple", "logos:logo_facebook", "logos:logo_github", "logos:logo_google", "logos:logo_instagram", "logos:logo_linkedin", "logos:logo_pinterest", "logos:logo_twitter", "logos:logo_youtube", "machine:laptop", "media:photo", "media:photo_filled", "payment:cash", "payment:credit_card", "payment:gift_box", "payment:gift_card", "payment:shopping_bag", "people:people", "people:person", "time:calendar", "time:clock", "time:clock_filled", "ui-control:check_mark", "ui-control:check_mark_circle_filled", "ui-control:grid", "ui-control:lines_three", "ui-control:lines_two", "ui-control:minus", "ui-control:minus_circle", "ui-control:plus", "ui-control:plus_circle", "ui-control:three_dots_cluster", "ui-control:three_dots_horizontal", "ui-control:x", "view:eye_open", "view:magnifying_glass", "view:magnifying_glass_filled", "work:assemble", "work:basket_filled", "work:box", "work:corner", "work:cube_outline", "work:leaf", "work:light_bulb", "work:mask", "work:p_circle", "work:print_nozzle", "work:rfid_signal", "work:sand_paper", "work:sun", "work:triangle_ruler", "work:water_drop", "work:wrench"];
|
|
1
|
+
export declare const IconsList: readonly ["actions:funnel", "actions:gear", "actions:life_buoy", "actions:link", "actions:star", "actions:star_filled", "actions:thumbs_up", "actions:trash_can", "alert:bell", "alert:bell_filled", "alert:i_circle", "alert:lightning_bolt", "alert:lightning_bolt_filled", "alert:question_mark_circle", "alert:warning_triangle", "animated:loader", "arrows:arrow_chevron_double_down", "arrows:arrow_chevron_double_left", "arrows:arrow_chevron_double_right", "arrows:arrow_chevron_double_up", "arrows:arrow_chevron_down", "arrows:arrow_chevron_left", "arrows:arrow_chevron_right", "arrows:arrow_chevron_up", "arrows:arrow_down", "arrows:arrow_download", "arrows:arrow_external", "arrows:arrow_left", "arrows:arrow_line_down", "arrows:arrow_line_left", "arrows:arrow_line_right", "arrows:arrow_line_up", "arrows:arrow_right", "arrows:arrow_triangle_down", "arrows:arrow_triangle_left", "arrows:arrow_triangle_right", "arrows:arrow_triangle_up", "arrows:arrow_triangle_updown", "arrows:arrow_triangle_updown_down_filled", "arrows:arrow_triangle_updown_filled", "arrows:arrow_triangle_updown_top_filled", "arrows:arrow_up", "arrows:arrow_updown", "arrows:arrow_updown_filled", "arrows:arrow_upload", "data:chart_bar", "docs:document_blank", "docs:pencil", "location:house", "location:location_california", "location:location_pin", "logos:logo_affirm", "logos:logo_apple", "logos:logo_facebook", "logos:logo_github", "logos:logo_google", "logos:logo_instagram", "logos:logo_linkedin", "logos:logo_pinterest", "logos:logo_twitter", "logos:logo_youtube", "machine:difficulty_easy", "machine:difficulty_hard", "machine:difficulty_moderate", "machine:difficulty_multiple", "machine:laptop", "media:photo", "media:photo_filled", "payment:cash", "payment:credit_card", "payment:gift_box", "payment:gift_card", "payment:shopping_bag", "people:people", "people:person", "time:calendar", "time:clock", "time:clock_filled", "ui-control:check_mark", "ui-control:check_mark_circle_filled", "ui-control:grid", "ui-control:lines_three", "ui-control:lines_two", "ui-control:minus", "ui-control:minus_circle", "ui-control:plus", "ui-control:plus_circle", "ui-control:three_dots_cluster", "ui-control:three_dots_horizontal", "ui-control:x", "view:eye_open", "view:magnifying_glass", "view:magnifying_glass_filled", "work:assemble", "work:basket_filled", "work:box", "work:corner", "work:cube_outline", "work:leaf", "work:light_bulb", "work:mask", "work:p_circle", "work:print_nozzle", "work:rfid_signal", "work:sand_paper", "work:sun", "work:triangle_ruler", "work:water_drop", "work:wrench"];
|
|
2
2
|
export declare type IconType = typeof IconsList[number];
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
|
|
3
|
-
import {
|
|
3
|
+
import { Color } from '../../styles';
|
|
4
4
|
import { Optional } from '../../types/common';
|
|
5
5
|
export interface ImageProps {
|
|
6
6
|
alt: string;
|
|
7
7
|
aspectRatio?: Optional<ResolutionAwareProp<string>>;
|
|
8
8
|
commonTransformations?: Optional<Transformations>;
|
|
9
|
-
fallbackColor?: Optional<
|
|
9
|
+
fallbackColor?: Optional<Color>;
|
|
10
10
|
height?: Optional<ResolutionAwareProp<string | number>>;
|
|
11
11
|
immediateAvailable?: Optional<boolean>;
|
|
12
12
|
maxHeight?: Optional<ResolutionAwareProp<Property.MaxHeight>>;
|