gantri-components 1.50.0 → 1.52.0

package/dist/components/icon/generated/work/Corner24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgCorner24: React.NamedExoticComponent<object>;
+export default SvgCorner24;

package/dist/components/icon/generated/work/CubeOutline24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgCubeOutline24: React.NamedExoticComponent<object>;
+export default SvgCubeOutline24;

package/dist/components/icon/generated/work/Leaf24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgLeaf24: React.NamedExoticComponent<object>;
+export default SvgLeaf24;

package/dist/components/icon/generated/work/LightBulb24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgLightBulb24: React.NamedExoticComponent<object>;
+export default SvgLightBulb24;

package/dist/components/icon/generated/work/Mask24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgMask24: React.NamedExoticComponent<object>;
+export default SvgMask24;

package/dist/components/icon/generated/work/PCircle24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgPCircle24: React.NamedExoticComponent<object>;
+export default SvgPCircle24;

package/dist/components/icon/generated/work/PrintNozzle24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgPrintNozzle24: React.NamedExoticComponent<object>;
+export default SvgPrintNozzle24;

package/dist/components/icon/generated/work/RfidSignal24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgRfidSignal24: React.NamedExoticComponent<object>;
+export default SvgRfidSignal24;

package/dist/components/icon/generated/work/SandPaper24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgSandPaper24: React.NamedExoticComponent<object>;
+export default SvgSandPaper24;

package/dist/components/icon/generated/work/Sun24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgSun24: React.NamedExoticComponent<object>;
+export default SvgSun24;

package/dist/components/icon/generated/work/TriangleRuler24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgTriangleRuler24: React.NamedExoticComponent<object>;
+export default SvgTriangleRuler24;

package/dist/components/icon/generated/work/WaterDrop24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgWaterDrop24: React.NamedExoticComponent<object>;
+export default SvgWaterDrop24;

package/dist/components/icon/generated/work/Wrench24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgWrench24: React.NamedExoticComponent<object>;
+export default SvgWrench24;

package/dist/components/icon/generated/work/index.d.ts

@@ -1,16 +1,32 @@
 export { default as Assemble } from './Assemble';
+export { default as Assemble24 } from './Assemble24';
 export { default as BasketFilled } from './BasketFilled';
+export { default as BasketFilled24 } from './BasketFilled24';
 export { default as Box } from './Box';
+export { default as Box24 } from './Box24';
 export { default as Corner } from './Corner';
+export { default as Corner24 } from './Corner24';
 export { default as CubeOutline } from './CubeOutline';
+export { default as CubeOutline24 } from './CubeOutline24';
 export { default as Leaf } from './Leaf';
+export { default as Leaf24 } from './Leaf24';
 export { default as LightBulb } from './LightBulb';
+export { default as LightBulb24 } from './LightBulb24';
 export { default as Mask } from './Mask';
+export { default as Mask24 } from './Mask24';
 export { default as PCircle } from './PCircle';
+export { default as PCircle24 } from './PCircle24';
 export { default as PrintNozzle } from './PrintNozzle';
+export { default as PrintNozzle24 } from './PrintNozzle24';
 export { default as RfidSignal } from './RfidSignal';
+export { default as RfidSignal24 } from './RfidSignal24';
 export { default as SandPaper } from './SandPaper';
+export { default as SandPaper24 } from './SandPaper24';
 export { default as Sun } from './Sun';
+export { default as Sun24 } from './Sun24';
 export { default as TriangleRuler } from './TriangleRuler';
+export { default as TriangleRuler24 } from './TriangleRuler24';
 export { default as WaterDrop } from './WaterDrop';
+export { default as WaterDrop24 } from './WaterDrop24';
 export { default as Wrench } from './Wrench';
+export { default as Wrench24 } from './Wrench24';

package/dist/components/icon/icon.type.d.ts

@@ -1,2 +1,2 @@
-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"];
+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: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_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_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:grid", "ui-control:grid_24", "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: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: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"];
 export declare type IconType = typeof IconsList[number];

package/dist/components/image/image.helpers.d.ts

@@ -1,5 +1,5 @@
-import { ImageProps, ImageSource, TransformationMode, TransformationQuality } from './image.types';
+import { ImageProps, ImageSource, TransformationMode, TransformationQuality, TransformationType } from './image.types';
 import { Optional } from '../../types/common';
 export declare const extractSizePropertyValue: (prop: Optional<string | number>) => number | undefined;
-export declare const generateCloudinaryUrl: (source: ImageSource, imageName?: string | undefined, aspectRatio?: string | undefined, width?: Optional<number | string>, height?: Optional<number | string>, mode?: Optional<TransformationMode>, quality?: Optional<TransformationQuality>) => string;
-export declare const generateImages: (params: Partial<ImageProps>) => string | [Optional<string>, Optional<string>, Optional<string>];
+export declare const generateCloudinaryUrl: (source: ImageSource, imageName?: string | undefined, aspectRatio?: string | undefined, width?: Optional<number | string>, height?: Optional<number | string>, mode?: Optional<TransformationMode>, quality?: Optional<TransformationQuality>, type?: Optional<TransformationType>) => string;
+export declare const generateImages: (params: Partial<ImageProps>, type?: TransformationType) => string | [Optional<string>, Optional<string>, Optional<string>];

package/dist/components/image/image.types.d.ts

@@ -36,3 +36,4 @@ export interface StyledImageContainerProps extends Pick<ImageProps, 'aspectRatio
 }
 export interface StyledImageProps extends Pick<ImageProps, 'objectFit' | 'objectPosition'> {
 }
+export declare type TransformationType = 'image' | 'video';

package/dist/components/index.d.ts

@@ -14,3 +14,4 @@ export * from './stack';
 export * from './text-area';
 export * from './text-field';
 export * from './typography';
+export * from './video';

package/dist/components/video/index.d.ts

@@ -0,0 +1 @@
+export * from './video';

package/dist/components/video/video.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { VideoProps } from './video.types';
+export declare const Video: FC<PropsWithChildren<VideoProps>>;

package/dist/components/video/video.presets.d.ts

@@ -0,0 +1,3 @@
+import { Transformations, VideoProps } from './video.types';
+export declare const VideoPresets: Partial<VideoProps>;
+export declare const TransformationPresets: Partial<Transformations>;

package/dist/components/video/video.styles.d.ts

@@ -0,0 +1,3 @@
+import { StyledImageContainerProps } from './video.types';
+export declare const StyledImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledImageContainerProps, never>;
+export declare const StyledVideo: import("styled-components").StyledComponent<"video", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/video/video.types.d.ts

@@ -0,0 +1,33 @@
+import { Property } from 'csstype';
+import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+import { Color } from '../../styles';
+import { Optional } from '../../types/common';
+export interface VideoProps {
+    aspectRatio?: Optional<ResolutionAwareProp<string>>;
+    commonTransformations?: Optional<Transformations>;
+    fallbackColor?: Optional<Color>;
+    height?: Optional<ResolutionAwareProp<string | number>>;
+    immediateAvailable?: Optional<boolean>;
+    maxHeight?: Optional<ResolutionAwareProp<Property.MaxHeight>>;
+    maxWidth?: Optional<ResolutionAwareProp<Property.MinWidth>>;
+    minHeight?: Optional<ResolutionAwareProp<Property.MinHeight>>;
+    minWidth?: Optional<ResolutionAwareProp<Property.MinWidth>>;
+    mode?: Optional<ResolutionAwareProp<TransformationMode>>;
+    name: ResolutionAwareProp<string>;
+    quality?: Optional<TransformationQuality>;
+    showLoadingIndicator?: Optional<boolean>;
+    source?: Optional<ImageSource>;
+    transformations?: Optional<ResolutionAwareProp<Transformations>>;
+    width?: Optional<ResolutionAwareProp<string | number>>;
+}
+export interface Transformations {
+    aspectRatio?: Optional<string>;
+    height?: Optional<number>;
+    mode?: Optional<TransformationMode>;
+    width?: Optional<number>;
+}
+export declare type ImageSource = 'static' | 'dynamic' | 'absolute';
+export declare type TransformationMode = 'scale' | 'limitFit' | 'limitFill' | 'limitPad' | 'fill' | 'fit' | 'crop' | 'pad' | 'imaggaCrop' | 'imaggaScale' | 'minimumFit' | 'minimumPad' | 'fillPad';
+export declare type TransformationQuality = 'auto' | 'autoBest' | 'autoEco' | 'autoGood' | 'autoLow' | 'jpegmini' | 'jpegminiBest' | 'jpegminiHigh' | 'jpegminiMedium';
+export interface StyledImageContainerProps extends Pick<VideoProps, 'aspectRatio' | 'width' | 'height' | 'fallbackColor' | 'maxWidth' | 'maxHeight' | 'minWidth' | 'minHeight'> {
+}