@fattureincloud/fic-design-system 0.3.14 → 0.3.16

package/dist/components/banner/Banner.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import { IconProps } from '../icon';
 export declare type bannerColorType = 'red' | 'blue' | 'yellow' | 'green' | 'grey' | undefined;
-export interface Props {
+export interface BannerProps {
     color?: bannerColorType;
     onClose?: () => void;
     content: string | JSX.Element;
     icon?: IconProps;
 }
-export declare const Banner: ({ color, content, icon, onClose }: Props) => JSX.Element;
+declare const Banner: ({ color, content, icon, onClose }: BannerProps) => JSX.Element;
+export default Banner;

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

@@ -0,0 +1,2 @@
+import Banner, { BannerProps } from './Banner';
+export { Banner, BannerProps };

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

@@ -1,3 +1,5 @@
 import Button, { ButtonProps } from './button/Button';
+import buttonPalette, { ButtonPalette } from './button/buttonPalette';
 import IconButton, { IconButtonProps } from './iconButton/IconButton';
-export { Button, IconButton, ButtonProps, IconButtonProps };
+import iconButtonPalette, { IconButtonPalette } from './iconButton/iconButtonPalette';
+export { Button, IconButton, ButtonProps, IconButtonProps, buttonPalette, ButtonPalette, iconButtonPalette, IconButtonPalette, };

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

@@ -1,4 +1,4 @@
 import Checkbox, { CheckboxProps } from './Checkbox';
-import { CheckboxPalette } from './checkboxPalette';
+import checkboxPalette, { CheckboxPalette } from './checkboxPalette';
 import useCheckboxValue from './hooks/useCheckboxValue';
-export { Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette };
+export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette };

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

@@ -1,4 +1,4 @@
 import Dropdown from './dropdown';
-import { DropdownPalette } from './dropdownPalette';
+import dropdownPalette, { DropdownPalette } from './dropdownPalette';
 import { closeDropdownType, DropdownItemProps } from './types';
-export { Dropdown, closeDropdownType, DropdownPalette, DropdownItemProps };
+export { Dropdown, closeDropdownType, dropdownPalette, DropdownPalette, DropdownItemProps };

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

@@ -17,6 +17,7 @@ export declare type DropdownProps = {
     fullWidth?: boolean;
     placement?: Placement;
     minWidthAsTrigger?: boolean;
+    forceOpen?: boolean;
     alignRight?: boolean;
 };
 export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';

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

@@ -1,3 +1,4 @@
+import { IconBackground, IconBackgroundPalette, iconBackgroundPalette } from './components/iconBackground';
 import Icon, { IconProps } from './Icon';
-import { IconPalette } from './iconPalette';
-export { Icon, IconProps, IconPalette };
+import iconPalette, { IconPalette } from './iconPalette';
+export { Icon, IconProps, IconPalette, iconPalette, IconBackground, iconBackgroundPalette, IconBackgroundPalette };

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

@@ -0,0 +1,2 @@
+import { SidebarItem, sidebarItemHeight, SidebarItemPalette } from './sidebarItem';
+export { SidebarItem, sidebarItemHeight, SidebarItemPalette };

package/dist/components/layout/sidebar/components/sidebarItem/SidebarItem.d.ts

@@ -0,0 +1,31 @@
+import { DropdownItemProps } from 'components/dropdown';
+import { IconProps } from 'components/icon';
+import { MouseEventHandler } from 'react';
+import { paletteColor } from "../../../../../styles/types";
+interface Props {
+    icon?: IconProps;
+    title: string;
+    isDisabled?: boolean;
+    isHidden?: boolean;
+    onClick?: MouseEventHandler;
+    isOpen?: boolean;
+    caretVisible?: boolean;
+    dropdownContent?: DropdownItemProps[];
+    className?: string;
+    isActive?: boolean;
+}
+export declare const sidebarItemHeight = 40;
+declare const SidebarItem: ({ caretVisible, className, dropdownContent, icon, isActive, isDisabled, isHidden, isOpen, onClick, title, }: Props) => JSX.Element | null;
+export interface WrapperProps {
+    isActive: boolean;
+    isDisabled: boolean;
+}
+export interface SidebarItemStyles {
+    color: paletteColor;
+    background: paletteColor;
+    hoverColor: paletteColor;
+    hoverBackground: paletteColor;
+    dropdownHover: paletteColor;
+    dropdownActive: paletteColor;
+}
+export default SidebarItem;

package/dist/components/layout/sidebar/components/sidebarItem/components/SidebarItemCaret.d.ts

@@ -0,0 +1,6 @@
+interface CaretIconProps {
+    isOpen: boolean;
+    isVisible: boolean;
+}
+declare const CaretIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CaretIconProps, never>;
+export default CaretIcon;

package/dist/components/layout/sidebar/components/sidebarItem/components/SidebarItemDropdown.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DropdownItemProps } from '../../../../../dropdown';
+interface Props {
+    content: DropdownItemProps[];
+    className?: string;
+}
+declare const SidebarItemDropdown: ({ className, content }: Props) => JSX.Element;
+export default SidebarItemDropdown;

package/dist/components/layout/sidebar/components/sidebarItem/utils.d.ts

@@ -0,0 +1,7 @@
+import { DefaultTheme } from 'styled-components';
+import { SidebarItemStyles, WrapperProps } from './SidebarItem';
+interface GetSidebarItemStylesParams extends WrapperProps {
+    theme: DefaultTheme;
+}
+export declare const getSidebarItemStyles: ({ isActive, isDisabled, theme: { palette }, }: GetSidebarItemStylesParams) => SidebarItemStyles;
+export {};

package/dist/components/layout/sidebarItem/SidebarItem.d.ts

@@ -0,0 +1,22 @@
+import { MouseEventHandler } from 'react';
+import { DropdownItemProps } from '../../dropdown';
+import { IconProps } from './../../icon';
+interface Props {
+    icon?: IconProps;
+    title: string;
+    isDisabled?: boolean;
+    isHidden?: boolean;
+    onClick?: MouseEventHandler;
+    isOpen?: boolean;
+    caretVisible?: boolean;
+    dropdownContent?: DropdownItemProps[];
+    className?: string;
+    isActive?: boolean;
+}
+export declare const sidebarItemHeight = 44;
+declare const SidebarItem: ({ caretVisible, className, dropdownContent, icon, isActive, isDisabled, isHidden, isOpen, onClick, title, }: Props) => JSX.Element | null;
+export interface WrapperProps {
+    isActive: boolean;
+    isDisabled: boolean;
+}
+export default SidebarItem;

package/dist/components/layout/sidebarItem/components/SidebarItemCaret.d.ts

@@ -0,0 +1,6 @@
+interface CaretIconProps {
+    isOpen: boolean;
+    isVisible: boolean;
+}
+declare const SidebarItemCaret: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CaretIconProps, never>;
+export default SidebarItemCaret;

package/dist/components/layout/sidebarItem/components/SidebarItemDropdown.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DropdownItemProps } from '../../../dropdown';
+interface Props {
+    content: DropdownItemProps[];
+    className?: string;
+}
+declare const SidebarItemDropdown: ({ className, content }: Props) => JSX.Element;
+export default SidebarItemDropdown;

package/dist/components/layout/sidebarItem/index.d.ts

@@ -0,0 +1,4 @@
+import SidebarItemDropdown from './components/SidebarItemDropdown';
+import SidebarItem, { sidebarItemHeight } from './SidebarItem';
+import sidebarItemPalette, { SidebarItemPalette } from './sidebarItemPalette';
+export { SidebarItem, sidebarItemHeight, sidebarItemPalette, SidebarItemPalette, SidebarItemDropdown };

package/dist/components/layout/sidebarItem/sidebarItemPalette.d.ts

@@ -0,0 +1,14 @@
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+declare type statusType = 'normal' | 'active' | 'disabled';
+export interface SidebarItemStyles extends colorsPalette {
+    hoverColor: paletteColor;
+    hoverBackground: paletteColor;
+    dropdownHover: paletteColor;
+    dropdownActive: paletteColor;
+}
+export declare type SidebarItemPalette = {
+    [key in statusType]: SidebarItemStyles;
+};
+declare const sidebarItemPalette: SidebarItemPalette;
+export default sidebarItemPalette;

package/dist/components/layout/sidebarItem/utils.d.ts

@@ -0,0 +1,8 @@
+import { DefaultTheme } from 'styled-components';
+import { WrapperProps } from './SidebarItem';
+import { SidebarItemStyles } from './sidebarItemPalette';
+interface GetSidebarItemStylesParams extends WrapperProps {
+    theme: DefaultTheme;
+}
+export declare const getSidebarItemStyles: ({ isActive, isDisabled, theme, }: GetSidebarItemStylesParams) => SidebarItemStyles;
+export {};

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

@@ -1,2 +1,3 @@
 import MicroTag from './MicroTag';
-export { MicroTag };
+import microTagPalette, { MicroTagPalette } from './microTagPalette';
+export { MicroTag, microTagPalette, MicroTagPalette };

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

@@ -1,4 +1,3 @@
 import { Tag } from './Tag';
-import { TagPalette } from './tagPalette';
-import { TagProps } from './types';
-export { Tag, TagProps, TagPalette };
+import tagPalette, { TagPalette } from './tagPalette';
+export { Tag, tagPalette, TagPalette };

package/dist/components/tooltip/Arrow.d.ts

@@ -1,2 +1,5 @@
-export declare const Arrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+import { tooltipTypes } from './tooltipPalette';
+export declare const Arrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    type: tooltipTypes;
+}, never>;
 export declare const arrowStyle: import("styled-components").FlattenSimpleInterpolation;

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

@@ -1,3 +1,3 @@
 import Tooltip, { TooltipProps } from './Tooltip';
-import { TooltipPalette } from './tooltipPalette';
-export { Tooltip, TooltipProps, TooltipPalette };
+import tooltipPalette, { TooltipPalette } from './tooltipPalette';
+export { Tooltip, TooltipProps, tooltipPalette, TooltipPalette };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { Accordion } from './components/accordions';
 import { Avatar } from './components/avatar';
 import { Badge } from './components/badge/Badge';
-import { Banner, Props as BannerProps } from './components/banner/Banner';
+import { Banner, BannerProps } from './components/banner';
 import { Button, ButtonProps, IconButton, IconButtonProps } from './components/buttons';
 import { Checkbox, CheckboxPalette, CheckboxProps, useCheckboxValue } from './components/checkbox';
 import { Chip } from './components/chips';
@@ -11,10 +11,11 @@ import { WithBadge } from './components/floatingBadge';
 import { GroupedList } from './components/groupedList';
 import { RadioButtonGroup } from './components/groupRadioButton';
 import { Icon, IconPalette, IconProps } from './components/icon';
-import { IconBackground, IconBackgroundPalette, iconBackgroundPalette } from './components/icon/components/iconBackground';
+import { IconBackground, IconBackgroundPalette } from './components/icon/components/iconBackground';
 import { InlineMessage } from './components/inlineMessages';
 import { InputText } from './components/inputText';
 import { EInputErrorTypes, EInputSize, EInputTags, EInputTypes } from './components/inputText/typings/enums';
+import { SidebarItem, sidebarItemHeight, SidebarItemPalette } from './components/layout';
 import { MicroTag } from './components/microTag';
 import { Modal, ModalSearchable } from './components/modals';
 import { ConfirmationModal } from './components/modals/confirmationModal';
@@ -27,7 +28,7 @@ import { Select, SelectAsync, SelectCreatable } from './components/select';
 import { StepBar } from './components/stepBar';
 import { Table } from './components/table';
 import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
-import { Tag } from './components/tag/Tag';
+import { Tag } from './components/tag';
 import { TextButton } from './components/textButton';
 import { ThemeProvider } from './components/themeProvider';
 import { ShortcutTip, Tip } from './components/tip';
@@ -35,4 +36,4 @@ import { Toast } from './components/toast';
 import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
-export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, iconBackgroundPalette, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, SelectCreatable, SelectAsync, InputText, EInputErrorTypes, EInputSize, EInputTypes, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, StepBar, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, DropdownTabs, ScrollableTabs, TabsItem, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, EInputTags, ConfirmationModal, TextButton, MicroTag, Tag, };
+export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, SelectCreatable, SelectAsync, InputText, EInputErrorTypes, EInputSize, EInputTypes, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, StepBar, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, TabsItem, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, EInputTags, ConfirmationModal, TextButton, MicroTag, Tag, };