@fattureincloud/fic-design-system 0.19.34 → 0.19.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/form/inputText/components/InputElement.d.ts +1 -1
- package/dist/components/layout/sidebarItem/sidebarItem.stories.d.ts +1 -0
- package/dist/components/layout/sidebarItem/styled.d.ts +4 -0
- package/dist/components/layout/sidebarItem/types.d.ts +9 -3
- package/dist/components/layout/sidebarItem/utils.d.ts +1 -1
- package/dist/index.esm.js +9 -9
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { BoxedInputWrapperProps } from '../../common/styles';
|
|
3
3
|
import { InputElementProps } from '../types';
|
|
4
4
|
declare type inputRef = HTMLInputElement | null;
|
|
5
|
-
export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent' | 'autoFilled' | 'maxWidth' | 'width'>;
|
|
5
|
+
export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent' | 'autoFilled' | 'maxWidth' | 'width' | 'readOnly'>;
|
|
6
6
|
export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
|
|
7
7
|
declare const _default: React.ForwardRefExoticComponent<import("../../common/types").CommonFormTypes & {
|
|
8
8
|
className?: string | undefined;
|
|
@@ -2,5 +2,6 @@ import { Meta, Story } from '@storybook/react';
|
|
|
2
2
|
import { SidebarItemProps } from '.';
|
|
3
3
|
export declare const Template: Story<SidebarItemProps>;
|
|
4
4
|
export declare const Normal: Story<SidebarItemProps>;
|
|
5
|
+
export declare const TemporaryItem: Story<SidebarItemProps>;
|
|
5
6
|
declare const SidebarItemStory: Meta<SidebarItemProps>;
|
|
6
7
|
export default SidebarItemStory;
|
|
@@ -4,11 +4,15 @@ import { SidebarItemStyles } from './types';
|
|
|
4
4
|
export interface WrapperProps {
|
|
5
5
|
isActive: boolean;
|
|
6
6
|
isDisabled: boolean;
|
|
7
|
+
isTemporary?: boolean;
|
|
7
8
|
customColor?: paletteColor;
|
|
8
9
|
withoutPadding: boolean;
|
|
9
10
|
}
|
|
10
11
|
export declare const sidebarItemHeight = 44;
|
|
11
12
|
export declare const Dropdown: import("styled-components").StyledComponent<({ className, content }: import("./types").SidebarItemDropdownProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
13
|
+
export declare const DismissButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
|
|
14
|
+
isActive?: boolean | undefined;
|
|
15
|
+
}, never>;
|
|
12
16
|
export declare const SidebarItemWrapper: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, SidebarItemStyles & WrapperProps, keyof SidebarItemStyles>;
|
|
13
17
|
export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
14
18
|
export declare const NoIcon: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -19,6 +19,8 @@ export interface SidebarItemProps {
|
|
|
19
19
|
customProps?: CustomSidebarItemProps;
|
|
20
20
|
href?: string;
|
|
21
21
|
badgeConfig?: SidebarBadgeConfigProps;
|
|
22
|
+
isTemporary?: boolean;
|
|
23
|
+
onDismiss?: () => void;
|
|
22
24
|
}
|
|
23
25
|
export interface CustomSidebarItemProps {
|
|
24
26
|
color?: paletteColor;
|
|
@@ -34,12 +36,16 @@ export declare enum SidebarBadgeConfigType {
|
|
|
34
36
|
COUNTER = 0,
|
|
35
37
|
ICON = 1,
|
|
36
38
|
DOT = 2,
|
|
37
|
-
COUNTER_ICON = 3
|
|
39
|
+
COUNTER_ICON = 3,
|
|
40
|
+
NEW = 4
|
|
38
41
|
}
|
|
39
42
|
declare type BadgeBaseConfig = {
|
|
40
43
|
size?: BadgeSize;
|
|
41
44
|
variant?: FloatingBadgeType;
|
|
42
45
|
};
|
|
46
|
+
interface BadgeNewConfig extends BadgeBaseConfig {
|
|
47
|
+
type: SidebarBadgeConfigType.NEW;
|
|
48
|
+
}
|
|
43
49
|
interface BadgeCounterConfig extends BadgeBaseConfig {
|
|
44
50
|
type: SidebarBadgeConfigType.COUNTER;
|
|
45
51
|
counter: number | string;
|
|
@@ -56,8 +62,8 @@ interface BadgeCounterIconConfig extends BadgeBaseConfig {
|
|
|
56
62
|
icon: IconProps;
|
|
57
63
|
counter: number | string;
|
|
58
64
|
}
|
|
59
|
-
export declare type SidebarBadgeConfigProps = BadgeCounterConfig | BadgeIconConfig | BadgeDotConfig | BadgeCounterIconConfig;
|
|
60
|
-
declare type StatusType = 'normal' | 'active' | 'disabled';
|
|
65
|
+
export declare type SidebarBadgeConfigProps = BadgeCounterConfig | BadgeIconConfig | BadgeDotConfig | BadgeCounterIconConfig | BadgeNewConfig;
|
|
66
|
+
declare type StatusType = 'normal' | 'active' | 'disabled' | 'temporary';
|
|
61
67
|
export interface SidebarItemStyles extends colorsPalette {
|
|
62
68
|
hoverColor: paletteColor;
|
|
63
69
|
hoverBackground: paletteColor;
|
|
@@ -4,5 +4,5 @@ import { SidebarItemStyles } from './types';
|
|
|
4
4
|
interface GetSidebarItemStylesParams extends WrapperProps {
|
|
5
5
|
theme: DefaultTheme;
|
|
6
6
|
}
|
|
7
|
-
export declare const getSidebarItemStyles: ({ isActive, isDisabled, theme, }: GetSidebarItemStylesParams) => SidebarItemStyles;
|
|
7
|
+
export declare const getSidebarItemStyles: ({ isActive, isDisabled, isTemporary, theme, }: GetSidebarItemStylesParams) => SidebarItemStyles;
|
|
8
8
|
export {};
|