@fattureincloud/fic-design-system 0.15.0 → 0.15.1

package/dist/components/progressbar/ProgressBar.d.ts

@@ -1,9 +1,13 @@
-import React from 'react';
+/// <reference types="react" />
 import { ProgressBarProps } from './types';
 /**
  * Component Props:
- * @param {ProgressBarType} color Used to set the colors of the component
- * @param {number} percentage Numeric value used to set the progress bar percentage value
+ * @param {string} [className] - Used to style the component with styled-components or a CSS
+ * @param {number} percentage - Numeric value used to set the progress bar percentage value
+ * @param {ProgressBarSize} [size] - The dimension of the progress bar, default MEDIUM
+ * @param {Record<number, ComponentType>} [steps] - Choose the type and color of the progress bar based on the percentage
+ * @param {CSSProperties} [style] - CSS object used to style the component
+ * @param {ComponentType} [type] - Choose the type and color of the progress bar
  */
-declare const ProgressBar: (props: ProgressBarProps) => React.JSX.Element;
+declare const ProgressBar: ({ percentage, size, steps, type, ...rest }: ProgressBarProps) => JSX.Element;
 export default ProgressBar;

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

@@ -1,3 +1,3 @@
 export { default as ProgressBar } from './ProgressBar';
-export { ProgressBarProps, ProgressBarPalette, ProgressBarType } from './types';
+export { ProgressBarProps, ProgressBarPalette, ProgressBarSize } from './types';
 export { default as progressBarPalette } from './progressBarPalette';

package/dist/components/progressbar/progressBar.stories.d.ts

@@ -1,10 +1,6 @@
 import { Meta, Story } from '@storybook/react';
-import React, { ComponentProps } from 'react';
-import { ProgressBar } from '.';
-import { ProgressBarProps } from './';
+import { ComponentProps } from 'react';
+import { ProgressBar, ProgressBarProps } from '.';
 export declare const Template: Story<ProgressBarProps>;
-export declare const Editable: () => React.JSX.Element;
-export declare const Autocomplete: () => React.JSX.Element;
-export declare const AllColors: () => React.JSX.Element;
 declare const ProgressBarStories: Meta<ComponentProps<typeof ProgressBar>>;
 export default ProgressBarStories;

package/dist/components/progressbar/styled.d.ts

@@ -1,3 +1,9 @@
-import { ProgressBarProps } from './types';
-export declare const ProgressContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ProgressionBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ProgressBarProps, never>;
+import { ComponentType } from '../../common/types';
+import { ProgressBarSize } from './types';
+declare type BarProps = {
+    percentage: number;
+    pbsize: ProgressBarSize;
+    type: ComponentType;
+};
+export declare const Bar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BarProps, never>;
+export {};

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

@@ -1,17 +1,30 @@
+import { CSSProperties } from 'react';
+import { ComponentType } from '../../common/types';
 import { paletteColor } from '../../styles/types';
-export declare enum ProgressBarType {
-    GREY = "grey",
-    RED = "red",
-    BLUE = "blue",
-    YELLOW = "yellow",
-    GREEN = "green"
+export declare enum ProgressBarSize {
+    SMALL = 4,
+    MEDIUM = 8,
+    LARGE = 12
 }
-export interface ProgressBarProps {
-    color?: ProgressBarType;
+declare type CommonProps = {
+    className?: string;
     percentage: number;
-}
-export declare type ProgressBarPalette = {
-    [key in ProgressBarType]: {
-        backgroundColor: paletteColor;
-    };
+    size?: ProgressBarSize;
+    style?: CSSProperties;
+};
+declare type FixedTypeProps = CommonProps & {
+    steps?: never;
+    type: ComponentType;
+};
+declare type AutomaticTypeProps = CommonProps & {
+    steps: Record<number, ComponentType>;
+    type?: never;
+};
+export declare type ProgressBarProps = FixedTypeProps | AutomaticTypeProps;
+declare type ProgressBarPaletteConfig = {
+    backgroundColor: paletteColor;
+    borderColor: paletteColor;
+    barColor: paletteColor;
 };
+export declare type ProgressBarPalette = Record<ComponentType, ProgressBarPaletteConfig>;
+export {};

package/dist/index.d.ts

@@ -41,7 +41,7 @@ export * from './components/newTable_v2';
 export { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues, } from './components/oldTable';
 export { PageEmptySet } from './components/pageEmptySet';
 export { Pagination, PaginationPalette, PaginationType } from './components/pagination';
-export { ProgressBar, ProgressBarPalette, ProgressBarProps, ProgressBarType } from './components/progressbar';
+export * from './components/progressbar';
 export { Segment, SegmentButton, SegmentButtonPalette, SegmentButtonProps } from './components/segmentButton';
 export { Stepper, StepperPalette, StepperProps } from './components/stepper';
 export { Switch } from './components/switch';