@fattureincloud/fic-design-system 0.5.0 → 0.5.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## v0.5.2 - 26/10/2022
+
+### 🐛 Bug Fix
+
+- Avatar placeholder behavior
+
+## v0.5.1 - 25/10/2022
+
+### 🐛 Bug Fix
+
+- DatePicker format
+- InlineMessage onActionClick
+- Confirmation modal buttons position
+
+### 💅 Enhancement
+
+- Avatar refactor
+
 ## v0.5.0 - 18/10/2022
 
 ### 🚀 Added

package/dist/common/components/typography/index.d.ts

@@ -0,0 +1 @@
+export { Body, Caption, Headline, Title1, Title2, Title3, Title4, Title5, Title6 } from './Typography';

package/dist/components/avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AvatarProps } from './types';
-declare const Avatar: import("styled-components").StyledComponent<(props: AvatarProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+declare const Avatar: ({ backgroundColor, className, icon, image, onClick, placeholder, randomColor, size, style, text, textColor, }: AvatarProps) => JSX.Element;
 export default Avatar;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { AvatarProps } from './types';
-export declare const Generic: () => JSX.Element;
 export declare const Initials: () => JSX.Element;
-export declare const Placeholder: () => JSX.Element;
+export declare const RandomColor: () => JSX.Element;
 export declare const Image: () => JSX.Element;
+export declare const Icon: () => JSX.Element;
 declare const AvatarStories: Meta<AvatarProps>;
 export default AvatarStories;

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

@@ -1,2 +1,2 @@
-import Avatar from './Avatar';
-export { Avatar };
+export { default as Avatar } from './Avatar';
+export { AvatarProps } from './types';

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

@@ -0,0 +1,3 @@
+export declare const AvatarContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<import("./types").AvatarProps, "size" | "backgroundColor" | "image" | "placeholder" | "onClick" | "textColor"> & {
+    textLenght: number;
+}, never>;

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

@@ -1,8 +1,20 @@
-export interface AvatarProps {
+import { MouseEvent } from 'react';
+import { CSSObject } from 'styled-components';
+import { paletteColor } from '../../styles/types';
+import { IconProps } from '../icon';
+export declare type AvatarProps = {
+    backgroundColor?: paletteColor;
     className?: string;
-    initials?: string;
-    size: AvatarAllowedSizes;
-    placeholder?: string;
+    icon?: IconProps;
     image?: string;
-}
-export declare type AvatarAllowedSizes = 'xs' | 's' | 'm' | 'l';
+    onClick?: (e: MouseEvent) => void;
+    placeholder?: string;
+    randomColor?: boolean;
+    size: number;
+    style?: CSSObject;
+    text?: string;
+    textColor?: paletteColor;
+};
+export declare type AvatarContainerProps = Pick<AvatarProps, 'backgroundColor' | 'image' | 'onClick' | 'placeholder' | 'size' | 'textColor'> & {
+    textLenght: number;
+};

package/dist/components/avatar/utils.d.ts

@@ -0,0 +1,4 @@
+import { DefaultTheme } from 'styled-components';
+import { paletteColor } from '../../styles/types';
+export declare const scalingFactor: (l: number) => number;
+export declare const pseudoRandomColor: (text: string | undefined, theme: DefaultTheme) => paletteColor;

package/dist/components/badge/Badge.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { BadgeProps } from './';
 /**
  * Component Props:
@@ -10,4 +10,4 @@ import { BadgeProps } from './';
  * @param {IconProps} rightIcon Configuration of the right icon
  * @param {function} handleRightIconClick Callback called on right icon click
  */
-export declare const Badge: (props: BadgeProps) => JSX.Element;
+export declare const Badge: React.FC<BadgeProps>;

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

@@ -1,6 +1,5 @@
 import { Placement } from '@popperjs/core/lib/enums';
 import React, { CSSProperties, MouseEventHandler } from 'react';
-import { AvatarAllowedSizes } from '../avatar/types';
 import { IconProps } from '../icon';
 export declare type TitleProps = {
     text: string;
@@ -42,7 +41,7 @@ export interface DropdownItemProps {
 export interface UserListItemProps {
     img?: string;
     placeholder?: string;
-    avatarSize?: AvatarAllowedSizes;
+    avatarSize?: number;
     noText?: string;
     text?: string;
     renderText?: JSX.Element;

package/dist/components/inlineMessage/InlineMessage.d.ts

@@ -18,5 +18,5 @@ import { InlineMessageProps } from './types';
  * @param {'medium' | 'large'} size fake size support
  *
  */
-declare const InlineMessage: (props: InlineMessageProps) => JSX.Element;
+declare const InlineMessage: ({ onActionClick, ...props }: InlineMessageProps) => JSX.Element;
 export default InlineMessage;

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

@@ -1,3 +1,3 @@
 export { default as segmentButtonPalette } from './segmentButtonPalette';
-export { SegmentButtonPalette } from './types';
+export { SegmentButtonPalette, SegmentButtonProps, Segment } from './types';
 export { default as SegmentButton } from './SegmentButton';

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import Spinner from './common/components/Spinner';
+export { Body, Caption, Headline, Title1, Title2, Title3, Title4, Title5, Title6 } from './common/components/typography';
 import { Accordion } from './components/accordions';
 import { Avatar } from './components/avatar';
 import { Button, ButtonPalette, ButtonProps, IconButton, IconButtonPalette, IconButtonProps } from './components/buttons';
@@ -40,7 +41,7 @@ export { LabelPalette } from './components/form/label';
 export { CustomSidebarItemProps, SidebarBadgeConfigProps, SidebarBadgeConfigType, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, } from './components/layout';
 export { Pagination, PaginationPalette, PaginationType } from './components/pagination';
 export { ProgressBar, ProgressBarPalette, ProgressBarProps, ProgressBarType } from './components/progressbar';
-export { SegmentButton, SegmentButtonPalette } from './components/segmentButton';
+export { Segment, SegmentButton, SegmentButtonPalette, SegmentButtonProps } from './components/segmentButton';
 export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
 export { bwColor } from './styles/types';
 export { autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };