@fattureincloud/fic-design-system 0.7.35 → 0.7.36

package/dist/components/circularProgressBar/CircularProgressBar.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { CircularProgressBarProps } from './index';
+/**
+ * Component Props:
+ * @param {number} percentage Numeric value used to set the progress bar percentage value
+ * @param {CircularProgressBarType} type Type that define the color
+ * @param {string} subtitle Define the text below the percentage (string or custom)
+ */
+declare const CircularProgressBar: ({ percentage, type, subtitle }: CircularProgressBarProps) => JSX.Element;
+export default CircularProgressBar;

package/dist/components/circularProgressBar/circularProgressBar.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, Story } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { CircularProgressBar, CircularProgressBarProps } from './index';
+export declare const Template: Story<CircularProgressBarProps>;
+declare const CircularProgressBarStories: Meta<ComponentProps<typeof CircularProgressBar>>;
+export default CircularProgressBarStories;

package/dist/components/circularProgressBar/circularProgressBarPalette.d.ts

@@ -0,0 +1,3 @@
+import { CircularProgressBarPalette } from './index';
+declare const circularProgressBarPalette: CircularProgressBarPalette;
+export default circularProgressBarPalette;

package/dist/components/circularProgressBar/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const CIRCLE_DIAMETER = 200;
+export declare const CIRCLE_PATH = "M30,90 A40,40 0 1,1 80,90";

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

@@ -0,0 +1,3 @@
+export { default as CircularProgressBar } from './CircularProgressBar';
+export { CircularProgressBarProps, CircularProgressBarPalette, CircularProgressBarType } from './types';
+export { default as circularProgressBarPalette } from './circularProgressBarPalette';

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { CircularProgressBarType } from './types';
+export declare const TrailBorder: import("styled-components").StyledComponent<"path", import("styled-components").DefaultTheme, {
+    type: CircularProgressBarType;
+}, never>;
+export declare const Trail: import("styled-components").StyledComponent<"path", import("styled-components").DefaultTheme, {
+    type: CircularProgressBarType;
+}, never>;
+export declare const Path: import("styled-components").StyledComponent<"path", import("styled-components").DefaultTheme, {
+    type: CircularProgressBarType;
+}, never>;
+export declare const InnerCircle: import("styled-components").StyledComponent<"circle", import("styled-components").DefaultTheme, {
+    type: CircularProgressBarType;
+}, never>;
+export declare const TextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Subtitle: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { paletteColor } from '../../styles/types';
+export interface CircularProgressBarProps {
+    percentage: number;
+    type: CircularProgressBarType;
+    subtitle: string | JSX.Element;
+}
+export declare enum CircularProgressBarType {
+    STANDARD = "standard",
+    WARNING = "warning",
+    ERROR = "error"
+}
+export declare type CircularProgressBarPalette = {
+    [key in CircularProgressBarType]: {
+        path: paletteColor;
+        trail: paletteColor;
+        trailBorder: paletteColor;
+    };
+};

package/dist/components/switch/Switch.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SwitchProps } from '.';
+declare const Switch: ({ checked, onChange, color }: SwitchProps) => JSX.Element;
+export default Switch;

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

@@ -0,0 +1,3 @@
+import Switch from './Switch';
+import { SwitchProps } from './types';
+export { Switch, SwitchProps };

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

@@ -0,0 +1,6 @@
+import { colors } from '../../styles/types';
+export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
+export declare const SwitchButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
+    color: colors;
+}, never>;

package/dist/components/switch/switch.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, Story } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { Switch, SwitchProps } from './index';
+export declare const Template: Story<SwitchProps>;
+declare const SwitchStories: Meta<ComponentProps<typeof Switch>>;
+export default SwitchStories;

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

@@ -0,0 +1,7 @@
+import { InputHTMLAttributes } from 'react';
+export declare type switchColors = 'blue' | 'green';
+export interface SwitchProps {
+    checked: boolean;
+    onChange: InputHTMLAttributes<HTMLInputElement>['onChange'];
+    color?: switchColors;
+}