gantri-components 2.1.0-beta.8 → 2.1.0

package/dist/components/color-picker/color-picker.types.d.ts

@@ -1,5 +1,10 @@
 import { ChangeEvent } from 'react';
 import { ProductColorCode } from '../../styles/theme';
+/**
+ * @typedef {'large' | 'small'} ColorPickerVariant
+ * @deprecated The `small` variant has been deprecated and will be removed in a future release.
+ * Please don't use the variant prop at all anymore since the default variant is `large`.
+ */
 export type ColorPickerVariant = 'large' | 'small';
 export interface ColorPickerProps extends Partial<ColorPickerDefaultProps> {
     labelText?: string;

package/dist/components/index.d.ts

@@ -23,6 +23,7 @@ export * from './overlay';
 export * from './pills';
 export * from './radio';
 export * from './search-field';
+export * from './slider';
 export * from './stack';
 export * from './tabs';
 export * from './text-area';

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

@@ -1,22 +1,25 @@
 /// <reference types="react" />
 import { ModalProps } from './modal.types';
-export declare const StyledModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalProps & {
-    isFullScreen?: boolean | undefined;
-    noTopSpacing?: boolean | undefined;
+export declare const StyledModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalProps & {
+    $noTopSpacing?: boolean | undefined;
 }, never>;
-export declare const StyledModalContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../stack/stack.types").StackProps & import("react").RefAttributes<import("../stack/stack.types").StackProps>>, import("styled-components").DefaultTheme, {
-    isFullScreen?: boolean | undefined;
-    noTopSpacing?: boolean | undefined;
+export declare const StyledModalContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $noTopSpacing?: boolean | undefined;
+    hasDetailsPanel?: boolean | undefined;
 }, never>;
-export declare const StyledDetailsPanelContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>>, import("styled-components").DefaultTheme, {
-    isFullScreen?: boolean | undefined;
+export declare const StyledDetailsPanelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $mdHidden?: boolean | undefined;
 }, never>;
 export declare const StyledModalHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {
     $closeable?: boolean | undefined;
-    isFullScreen?: boolean | undefined;
 }, never>;
 export declare const StyledModalFooter: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {
     $hasBorder: boolean;
 }, never>;
+export declare const StyledModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModalBodyContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModalScrollableContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../grid/grid.types").GridProps & import("react").RefAttributes<import("../grid/grid.types").GridProps>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModalChildrenContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledModalBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledModalCloseButtonContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyleMobileCloseContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -5,18 +5,11 @@ export interface ModalProps {
     closeable?: boolean;
     dataAttributes?: Record<string, unknown>;
     detailsPanel?: ReactElement;
-    /** Applies to desktop only. */
-    detailsPanelWidth?: Property.Width;
     footer?: ReactElement;
     header?: ReactNode;
     height?: ResolutionAwareProp<Property.Height>;
-    isFullScreen?: boolean;
-    /** Ignored if `isFullScreen` is `true`. */
-    maxWidth?: ResolutionAwareProp<Property.MaxWidth>;
-    /** Applies to mobile/tablet only. */
     noTopSpacing?: boolean;
     onClose?: () => void;
-    /** Ignored if `isFullScreen` is `true`. */
     top?: ResolutionAwareProp<Property.Top>;
     width?: ResolutionAwareProp<Property.Width>;
 }

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

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

package/dist/components/slider/slider.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { SliderProps } from './slider.types';
+export declare const Slider: FC<SliderProps>;

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

@@ -0,0 +1,2 @@
+import { SliderProps } from './slider.types';
+export declare const SliderPresets: Partial<SliderProps>;

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

@@ -0,0 +1,4 @@
+import { StyledSliderContainerProps } from './slider.types';
+export declare const StyledStepList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSliderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledSliderContainerProps, never>;

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

@@ -0,0 +1,27 @@
+import { Property } from 'csstype';
+export interface SliderProps {
+    disabled?: boolean;
+    failStep?: number;
+    max?: number;
+    min?: number;
+    minWidth?: Property.MinWidth<string | number>;
+    name?: string;
+    onChange?: (event: any) => void;
+    onValueChange?: (value: number) => void;
+    step?: number;
+    stepsVisible?: boolean;
+    value?: number;
+    width?: Property.Width<string | number>;
+}
+export interface SliderStepListProps extends Pick<SliderProps, 'name' | 'min' | 'max' | 'step'> {
+}
+export interface StyledSliderContainerProps {
+    $completePercentage?: number;
+    $disabled?: boolean;
+    $failed?: boolean;
+    $hasValue?: boolean;
+    $inFirstStep?: boolean;
+    $inLastStep?: boolean;
+    $minWidth?: Property.MinWidth<string | number>;
+    $width?: Property.Width<string | number>;
+}