@itcase/ui 1.8.21 → 1.8.23
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/{Avatar_cjs_CiQ14ufF.js → Avatar_cjs_D84VawE9.js} +2 -21
- package/dist/{Avatar_es_No9vSqji.js → Avatar_es_CUnfNViT.js} +2 -21
- package/dist/{Button_cjs_CnStmeGt.js → Button_cjs_MfWRETXI.js} +13 -4
- package/dist/{Button_es_BV1bepl1.js → Button_es_zW2pQTwL.js} +13 -4
- package/dist/{ChipsGroup_cjs_CL00pWKy.js → ChipsGroup_cjs_CTh6644i.js} +1 -1
- package/dist/{ChipsGroup_es_Ciln2otW.js → ChipsGroup_es_BFxBhYNB.js} +1 -1
- package/dist/{DatePicker_cjs_DGgkpGbI.js → DatePicker_cjs_uDJmwWkk.js} +3 -3
- package/dist/{DatePicker_es_BIOyGm22.js → DatePicker_es_5r0isX1_.js} +3 -3
- package/dist/{DropdownItem_cjs_DT-zspEr.js → DropdownItem_cjs_C6Jx7-kx.js} +1 -1
- package/dist/{DropdownItem_es_BJLFqVuH.js → DropdownItem_es_UdkGGVtg.js} +1 -1
- package/dist/{Label_cjs_Cqcf6ffp.js → Label_cjs_jN0dxo1q.js} +11 -3
- package/dist/{Label_es_CeNdA70T.js → Label_es_CFQzN-2m.js} +11 -3
- package/dist/{Link_cjs_BlXrJ15R.js → Link_cjs_DbRGq2Yk.js} +9 -9
- package/dist/{Link_es_CyJn7NFb.js → Link_es_DxtZLeKY.js} +9 -9
- package/dist/{Tooltip_cjs_Cq5kuaIK.js → Tooltip_cjs_CaocDcQ5.js} +85 -27
- package/dist/{Tooltip_es_D0PSqI2c.js → Tooltip_es_D1w1s33u.js} +85 -27
- package/dist/cjs/components/Accordion.js +2 -2
- package/dist/cjs/components/Avatar.js +3 -3
- package/dist/cjs/components/AvatarStack.js +5 -5
- package/dist/cjs/components/Badge.js +2 -2
- package/dist/cjs/components/Breadcrumbs.js +3 -3
- package/dist/cjs/components/Button.js +3 -3
- package/dist/cjs/components/Cell.js +15 -149
- package/dist/cjs/components/Chips.js +3 -3
- package/dist/cjs/components/Choice.js +2 -2
- package/dist/cjs/components/Code.js +2 -8
- package/dist/cjs/components/CookiesWarning.js +3 -3
- package/dist/cjs/components/DatePeriod.js +6 -6
- package/dist/cjs/components/DatePicker.js +5 -5
- package/dist/cjs/components/Dropdown.js +3 -3
- package/dist/cjs/components/Icon.js +2 -2
- package/dist/cjs/components/InputPassword.js +71 -129
- package/dist/cjs/components/Label.js +3 -3
- package/dist/cjs/components/Link.js +1 -1
- package/dist/cjs/components/List.js +1 -1
- package/dist/cjs/components/Logo.js +1 -1
- package/dist/cjs/components/MenuItem.js +29 -9
- package/dist/cjs/components/Modal.js +2 -2
- package/dist/cjs/components/ModalSheetBottom.js +19 -5
- package/dist/cjs/components/Pagination.js +3 -3
- package/dist/cjs/components/Response/img.js +33 -0
- package/dist/cjs/components/Response.js +81 -213
- package/dist/cjs/components/Search.js +2 -2
- package/dist/cjs/components/Select.js +2 -2
- package/dist/cjs/components/Swiper.js +2 -2
- package/dist/cjs/components/Tab.js +2 -2
- package/dist/cjs/components/Tile.js +10 -172
- package/dist/cjs/components/Title.js +2 -2
- package/dist/cjs/components/Tooltip.js +2 -2
- package/dist/components/Accordion.js +2 -2
- package/dist/components/Avatar.js +3 -3
- package/dist/components/AvatarStack.js +5 -5
- package/dist/components/Badge.js +2 -2
- package/dist/components/Breadcrumbs.js +3 -3
- package/dist/components/Button.js +3 -3
- package/dist/components/Cell.js +15 -149
- package/dist/components/Chips.js +3 -3
- package/dist/components/Choice.js +2 -2
- package/dist/components/Code.js +2 -8
- package/dist/components/CookiesWarning.js +3 -3
- package/dist/components/DatePeriod.js +6 -6
- package/dist/components/DatePicker.js +5 -5
- package/dist/components/Dropdown.js +3 -3
- package/dist/components/Icon.js +2 -2
- package/dist/components/InputPassword.js +71 -129
- package/dist/components/Label.js +3 -3
- package/dist/components/Link.js +1 -1
- package/dist/components/List.js +1 -1
- package/dist/components/Logo.js +1 -1
- package/dist/components/MenuItem.js +29 -9
- package/dist/components/Modal.js +2 -2
- package/dist/components/ModalSheetBottom.js +19 -5
- package/dist/components/Pagination.js +3 -3
- package/dist/components/Response/img.js +31 -0
- package/dist/components/Response.js +81 -213
- package/dist/components/Search.js +2 -2
- package/dist/components/Select.js +2 -2
- package/dist/components/Swiper.js +2 -2
- package/dist/components/Tab.js +2 -2
- package/dist/components/Tile.js +10 -172
- package/dist/components/Title.js +2 -2
- package/dist/components/Tooltip.js +2 -2
- package/dist/css/components/AvatarStack/AvatarStack.css +2 -15
- package/dist/css/components/Badge/Badge.css +3 -3
- package/dist/css/components/Code/Code.css +3 -6
- package/dist/css/components/Label/Label.css +4 -4
- package/dist/css/components/MenuItem/MenuItem.css +19 -43
- package/dist/css/components/Response/Response.css +6 -3
- package/dist/css/components/Tab/Tab.css +14 -31
- package/dist/css/components/Tile/Tile.css +7 -5
- package/dist/css/styles/border-color/border-color.css +19 -0
- package/dist/css/styles/border-color/border-color_active.css +38 -0
- package/dist/css/styles/border-color/border-color_focus.css +25 -1
- package/dist/css/styles/border-color/border-color_hover.css +32 -0
- package/dist/css/styles/svg-color/svg_fill.css +5 -5
- package/dist/stories/Plsyground.mdx +0 -1
- package/dist/stories/index.stories.js +5 -8
- package/dist/types/components/Avatar/appearance/avatarAccent.d.ts +0 -4
- package/dist/types/components/Avatar/appearance/avatarDanger.d.ts +0 -1
- package/dist/types/components/Avatar/appearance/avatarInfo.d.ts +0 -4
- package/dist/types/components/Avatar/appearance/avatarPrimary.d.ts +0 -1
- package/dist/types/components/Avatar/appearance/avatarSecondary.d.ts +0 -1
- package/dist/types/components/Avatar/appearance/avatarSuccess.d.ts +1 -3
- package/dist/types/components/Avatar/appearance/avatarSurface.d.ts +0 -6
- package/dist/types/components/Badge/appearance/badgeAccent.d.ts +13 -1
- package/dist/types/components/Badge/appearance/badgeDanger.d.ts +7 -1
- package/dist/types/components/Badge/appearance/badgeDisabled.d.ts +6 -1
- package/dist/types/components/Badge/appearance/badgeError.d.ts +7 -2
- package/dist/types/components/Badge/appearance/badgeInfo.d.ts +1 -3
- package/dist/types/components/Badge/appearance/badgePrimary.d.ts +7 -1
- package/dist/types/components/Badge/appearance/badgeSecondary.d.ts +7 -1
- package/dist/types/components/Badge/appearance/badgeStyle.d.ts +5 -7
- package/dist/types/components/Badge/appearance/badgeSuccess.d.ts +7 -1
- package/dist/types/components/Badge/appearance/badgeWarning.d.ts +7 -1
- package/dist/types/components/Button/appearance/buttonAccent.d.ts +1 -0
- package/dist/types/components/Button/appearance/buttonWarning.d.ts +8 -0
- package/dist/types/components/Cell/appearance/cellSize.d.ts +8 -44
- package/dist/types/components/Code/appearance/codeSize.d.ts +2 -8
- package/dist/types/components/{Response/appearance/responseDisabled.d.ts → InputPassword/appearance/inputPasswordDefault.d.ts} +9 -5
- package/dist/types/components/InputPassword/appearance/inputPasswordError.d.ts +15 -6
- package/dist/types/components/InputPassword/appearance/inputPasswordSize.d.ts +7 -7
- package/dist/types/components/InputPassword/appearance/inputPasswordSuccess.d.ts +15 -6
- package/dist/types/components/Label/appearance/labelAccent.d.ts +7 -0
- package/dist/types/components/Label/appearance/labelSize.d.ts +1 -0
- package/dist/types/components/Link/Link.interface.d.ts +1 -1
- package/dist/types/components/MenuItem/appearance/menuItemSize.d.ts +1 -0
- package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts +4 -2
- package/dist/types/components/ModalSheetBottom/ModalSheetBottom.d.ts +2 -1
- package/dist/types/components/Response/appearance/responceConfirm.d.ts +13 -0
- package/dist/types/components/Response/appearance/responceFail.d.ts +13 -0
- package/dist/types/components/Response/appearance/responceNothingFound.d.ts +13 -0
- package/dist/types/components/Response/appearance/responceRefresh.d.ts +13 -0
- package/dist/types/components/Response/appearance/responseError.d.ts +6 -4
- package/dist/types/components/Response/appearance/responseSuccess.d.ts +6 -4
- package/dist/types/components/Response/appearance/responseUnableLoadData.d.ts +13 -0
- package/dist/types/components/Response/appearance/responseWarning.d.ts +6 -4
- package/dist/types/components/Response/img/index.d.ts +12 -0
- package/dist/types/components/Tile/appearance/tileSize.d.ts +0 -8
- package/dist/types/components/Tile/appearance/tileSurface.d.ts +0 -1
- package/package.json +6 -8
- package/dist/cjs/components/InputMask.js +0 -65
- package/dist/cjs/components/Panel.js +0 -44
- package/dist/components/InputMask.js +0 -62
- package/dist/components/Panel.js +0 -41
- package/dist/css/components/InputMask/InputMask.css +0 -77
- package/dist/css/components/Panel/Panel.css +0 -107
- package/dist/stories/Accordion.mdx +0 -11
- package/dist/stories/AccordionItem.mdx +0 -15
- package/dist/stories/Breadcrumbs.mdx +0 -15
- package/dist/stories/BreadcrumbsItem.mdx +0 -17
- package/dist/stories/Dot.mdx +0 -19
- package/dist/stories/Drawer.mdx +0 -11
- package/dist/stories/Dropdown.mdx +0 -12
- package/dist/stories/DropdownItem.mdx +0 -19
- package/dist/stories/Image.mdx +0 -15
- package/dist/stories/Input.mdx +0 -31
- package/dist/stories/InputPassword.mdx +0 -15
- package/dist/stories/Label.mdx +0 -11
- package/dist/stories/ListItem.mdx +0 -11
- package/dist/stories/Logo.mdx +0 -24
- package/dist/stories/MenuItem.mdx +0 -15
- package/dist/stories/Modal.mdx +0 -15
- package/dist/stories/Notification.mdx +0 -23
- package/dist/stories/Radio.mdx +0 -28
- package/dist/stories/Response.mdx +0 -11
- package/dist/stories/SearchInput.mdx +0 -19
- package/dist/stories/Switch.mdx +0 -23
- package/dist/stories/Tab.mdx +0 -27
- package/dist/stories/Text.mdx +0 -35
- package/dist/types/components/Cell/appearance/cellAccent.d.ts +0 -21
- package/dist/types/components/Cell/appearance/cellDanger.d.ts +0 -7
- package/dist/types/components/Cell/appearance/cellError.d.ts +0 -11
- package/dist/types/components/Cell/appearance/cellInfo.d.ts +0 -21
- package/dist/types/components/Cell/appearance/cellPrimary.d.ts +0 -8
- package/dist/types/components/Cell/appearance/cellSecondary.d.ts +0 -8
- package/dist/types/components/Cell/appearance/cellSuccess.d.ts +0 -11
- package/dist/types/components/Cell/appearance/cellWarning.d.ts +0 -11
- package/dist/types/components/InputMask/InputMask.d.ts +0 -5
- package/dist/types/components/InputMask/InputMask.interface.d.ts +0 -54
- package/dist/types/components/InputMask/index.d.ts +0 -1
- package/dist/types/components/InputPassword/appearance/inputPasswordAccent.d.ts +0 -20
- package/dist/types/components/InputPassword/appearance/inputPasswordDanger.d.ts +0 -7
- package/dist/types/components/InputPassword/appearance/inputPasswordInfo.d.ts +0 -21
- package/dist/types/components/InputPassword/appearance/inputPasswordPrimary.d.ts +0 -8
- package/dist/types/components/InputPassword/appearance/inputPasswordSecondary.d.ts +0 -8
- package/dist/types/components/InputPassword/appearance/inputPasswordSurface.d.ts +0 -25
- package/dist/types/components/InputPassword/appearance/inputPasswordWarning.d.ts +0 -11
- package/dist/types/components/Panel/Panel.d.ts +0 -5
- package/dist/types/components/Panel/Panel.interface.d.ts +0 -58
- package/dist/types/components/Panel/index.d.ts +0 -1
- package/dist/types/components/Response/appearance/responseAccent.d.ts +0 -20
- package/dist/types/components/Response/appearance/responseDanger.d.ts +0 -7
- package/dist/types/components/Response/appearance/responseInfo.d.ts +0 -21
- package/dist/types/components/Response/appearance/responsePrimary.d.ts +0 -8
- package/dist/types/components/Response/appearance/responseRequire.d.ts +0 -20
- package/dist/types/components/Response/appearance/responseSecondary.d.ts +0 -8
- package/dist/types/components/Response/appearance/responseSize.d.ts +0 -59
- package/dist/types/components/Response/appearance/responseStyle.d.ts +0 -16
- package/dist/types/components/Response/appearance/responseSurface.d.ts +0 -25
- package/dist/types/components/Tile/appearance/tileAccent.d.ts +0 -20
- package/dist/types/components/Tile/appearance/tileDanger.d.ts +0 -7
- package/dist/types/components/Tile/appearance/tileDisabled.d.ts +0 -20
- package/dist/types/components/Tile/appearance/tileError.d.ts +0 -11
- package/dist/types/components/Tile/appearance/tileInfo.d.ts +0 -21
- package/dist/types/components/Tile/appearance/tilePrimary.d.ts +0 -8
- package/dist/types/components/Tile/appearance/tileRequire.d.ts +0 -20
- package/dist/types/components/Tile/appearance/tileSecondary.d.ts +0 -8
- package/dist/types/components/Tile/appearance/tileStyle.d.ts +0 -16
- package/dist/types/components/Tile/appearance/tileSuccess.d.ts +0 -11
- package/dist/types/components/Tile/appearance/tileWarning.d.ts +0 -11
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
declare const cellAppearanceInfo: {
|
|
2
|
-
info: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
labelTextColor: string;
|
|
6
|
-
labelTextColorHover: string;
|
|
7
|
-
borderColor: string;
|
|
8
|
-
loaderFill: string;
|
|
9
|
-
loaderItemFill: string;
|
|
10
|
-
};
|
|
11
|
-
infoSecondary: {
|
|
12
|
-
fill: string;
|
|
13
|
-
fillHover: string;
|
|
14
|
-
labelTextColor: string;
|
|
15
|
-
labelTextColorHover: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
loaderFill: string;
|
|
18
|
-
loaderItemFill: string;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export { cellAppearanceInfo };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { InputMaskConfig } from './InputMask.interface';
|
|
3
|
-
declare const inputMaskConfig: InputMaskConfig;
|
|
4
|
-
declare const InputMask: React.ForwardRefExoticComponent<Omit<InputMaskProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
-
export { InputMask, inputMaskConfig };
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { AppearanceKeysDefault, BorderColorProps, BorderWidthProps, FillProps, ItemColorProps, ShapeProps, SizeProps, StateKeysDefault, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
|
|
2
|
-
import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
|
|
3
|
-
export interface InputThemeColor {
|
|
4
|
-
[key: number | string | symbol]: any;
|
|
5
|
-
borderColor?: BorderColorProps;
|
|
6
|
-
borderColorDisabled?: BorderColorProps;
|
|
7
|
-
borderWidth?: BorderWidthProps;
|
|
8
|
-
borderWidthDisabled?: BorderWidthProps;
|
|
9
|
-
caret?: ItemColorProps;
|
|
10
|
-
fill?: FillProps;
|
|
11
|
-
fillDisabled?: FillProps;
|
|
12
|
-
placeholderTextColor?: TextColorProps;
|
|
13
|
-
placeholderTextColorDisabled?: TextColorProps;
|
|
14
|
-
shape?: ShapeProps;
|
|
15
|
-
size?: SizeProps;
|
|
16
|
-
textColor?: TextColorProps;
|
|
17
|
-
textSize?: TextSizeProps;
|
|
18
|
-
textWeight?: TextWeightProps;
|
|
19
|
-
width?: WidthProps;
|
|
20
|
-
}
|
|
21
|
-
type AppearanceKeys = AppearanceKeysDefault & {};
|
|
22
|
-
type stateKeysType = StateKeysDefault & {};
|
|
23
|
-
export type InputState = {
|
|
24
|
-
[key in stateKeysType]?: InputThemeColor;
|
|
25
|
-
};
|
|
26
|
-
export type InputAppearance = {
|
|
27
|
-
[key in AppearanceKeys]?: InputThemeColor;
|
|
28
|
-
};
|
|
29
|
-
export interface InputConfig {
|
|
30
|
-
[key: number | string | symbol]: any;
|
|
31
|
-
appearance: InputAppearance | undefined;
|
|
32
|
-
state: InputState | undefined;
|
|
33
|
-
setAppearance: (newComponent: InputAppearance) => void;
|
|
34
|
-
setState: (newComponent: InputState) => void;
|
|
35
|
-
}
|
|
36
|
-
export interface InputProps extends InputThemeColor, StyleAttributes {
|
|
37
|
-
id?: number | string;
|
|
38
|
-
[key: number | string | symbol]: any;
|
|
39
|
-
appearance?: AppearanceKeys;
|
|
40
|
-
className?: string;
|
|
41
|
-
dataTestId?: number | string;
|
|
42
|
-
index?: number | string;
|
|
43
|
-
name?: string;
|
|
44
|
-
placeholder?: string;
|
|
45
|
-
state?: stateKeysType;
|
|
46
|
-
type?: string;
|
|
47
|
-
value?: string;
|
|
48
|
-
isDisabled?: boolean;
|
|
49
|
-
onBlur?: () => void;
|
|
50
|
-
onChange?: () => void;
|
|
51
|
-
onFocus?: () => void;
|
|
52
|
-
onKeyDown?: () => void;
|
|
53
|
-
}
|
|
54
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { InputMask, inputMaskConfig } from './InputMask';
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
declare const inputPasswordAppearanceAccent: {
|
|
2
|
-
accent: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
};
|
|
6
|
-
accentPrimary: {
|
|
7
|
-
fill: string;
|
|
8
|
-
fillHover: string;
|
|
9
|
-
borderColor: string;
|
|
10
|
-
};
|
|
11
|
-
accentSecondary: {
|
|
12
|
-
fill: string;
|
|
13
|
-
fillHover: string;
|
|
14
|
-
labelTextColor: string;
|
|
15
|
-
labelTextColorHover: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
loaderItemFill: string;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export { inputPasswordAppearanceAccent };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
declare const inputPasswordAppearanceInfo: {
|
|
2
|
-
info: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
labelTextColor: string;
|
|
6
|
-
labelTextColorHover: string;
|
|
7
|
-
borderColor: string;
|
|
8
|
-
loaderFill: string;
|
|
9
|
-
loaderItemFill: string;
|
|
10
|
-
};
|
|
11
|
-
infoSecondary: {
|
|
12
|
-
fill: string;
|
|
13
|
-
fillHover: string;
|
|
14
|
-
labelTextColor: string;
|
|
15
|
-
labelTextColorHover: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
loaderFill: string;
|
|
18
|
-
loaderItemFill: string;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export { inputPasswordAppearanceInfo };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
declare const inputPasswordAppearanceSurface: {
|
|
2
|
-
surfacePrimary: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
labelTextColor: string;
|
|
6
|
-
};
|
|
7
|
-
surfaceQuaternary: {
|
|
8
|
-
fill: string;
|
|
9
|
-
fillHover: string;
|
|
10
|
-
labelTextColor: string;
|
|
11
|
-
};
|
|
12
|
-
surfaceSecondary: {
|
|
13
|
-
fill: string;
|
|
14
|
-
fillHover: string;
|
|
15
|
-
labelTextColor: string;
|
|
16
|
-
loaderFill: string;
|
|
17
|
-
loaderItemFill: string;
|
|
18
|
-
};
|
|
19
|
-
surfaceTertiary: {
|
|
20
|
-
fill: string;
|
|
21
|
-
fillHover: string;
|
|
22
|
-
labelTextColor: string;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
export { inputPasswordAppearanceSurface };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
declare const inputPasswordAppearanceWarning: {
|
|
2
|
-
warning: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
labelTextColor: string;
|
|
6
|
-
labelTextColorHover: string;
|
|
7
|
-
loaderFill: string;
|
|
8
|
-
loaderItemFill: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
export { inputPasswordAppearanceWarning };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { PanelConfig, PanelProps } from './Panel.interface';
|
|
3
|
-
declare const panelConfig: PanelConfig;
|
|
4
|
-
declare const Panel: React.ForwardRefExoticComponent<Omit<PanelProps, "ref"> & React.RefAttributes<unknown>>;
|
|
5
|
-
export { Panel, panelConfig };
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
-
import { AlignDirectionProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, ElevationProps, FillHoverProps, FillProps, FlexAlignProps, FlexJustifyContentProps, FlexWrapProps, HeightProps, PositionProps, ShapeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
|
|
3
|
-
import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
|
|
4
|
-
interface ThemeColor {
|
|
5
|
-
[key: number | string | symbol]: any;
|
|
6
|
-
border?: string;
|
|
7
|
-
borderColor?: string;
|
|
8
|
-
borderWidth?: string;
|
|
9
|
-
direction?: AlignDirectionProps;
|
|
10
|
-
fill?: string;
|
|
11
|
-
fillHover?: string;
|
|
12
|
-
labelTextColor?: TextColorProps;
|
|
13
|
-
}
|
|
14
|
-
type AppearanceKeys = AppearanceKeysDefault & {};
|
|
15
|
-
type Appearance = {
|
|
16
|
-
[key in AppearanceKeys]: ThemeColor;
|
|
17
|
-
};
|
|
18
|
-
export interface PanelConfig {
|
|
19
|
-
[key: number | string | symbol]: any;
|
|
20
|
-
appearance: Appearance | undefined;
|
|
21
|
-
setAppearance: (newComponent: Appearance) => void;
|
|
22
|
-
}
|
|
23
|
-
export interface PanelProps extends StyleAttributes {
|
|
24
|
-
[key: number | string | symbol]: any;
|
|
25
|
-
alignContent?: FlexJustifyContentProps;
|
|
26
|
-
alignItems?: FlexAlignProps;
|
|
27
|
-
appearance?: AppearanceKeys;
|
|
28
|
-
borderColor?: BorderColorProps;
|
|
29
|
-
borderType?: BorderTypeProps;
|
|
30
|
-
borderWidth?: BorderWidthProps;
|
|
31
|
-
children?: ReactNode;
|
|
32
|
-
className?: string;
|
|
33
|
-
dataTour?: string;
|
|
34
|
-
desc?: string;
|
|
35
|
-
descTextColor?: TextColorProps;
|
|
36
|
-
descTextSize?: TextSizeProps;
|
|
37
|
-
descTextWeight?: TextWeightProps;
|
|
38
|
-
direction?: AlignDirectionProps;
|
|
39
|
-
elevation?: ElevationProps;
|
|
40
|
-
fill?: FillProps;
|
|
41
|
-
fillHover?: FillHoverProps;
|
|
42
|
-
height?: HeightProps;
|
|
43
|
-
horizontalScroll?: boolean;
|
|
44
|
-
htmlFor?: string;
|
|
45
|
-
justifyContent?: FlexJustifyContentProps;
|
|
46
|
-
position?: PositionProps;
|
|
47
|
-
shape?: ShapeProps;
|
|
48
|
-
style?: CSSProperties;
|
|
49
|
-
title?: string;
|
|
50
|
-
titleTextColor?: TextColorProps;
|
|
51
|
-
titleTextSize?: TextSizeProps;
|
|
52
|
-
titleTextWeight?: TextWeightProps;
|
|
53
|
-
verticalScroll?: boolean;
|
|
54
|
-
width?: WidthProps;
|
|
55
|
-
wrap?: FlexWrapProps;
|
|
56
|
-
set?: string;
|
|
57
|
-
}
|
|
58
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Panel, panelConfig } from './Panel';
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
declare const responseAppearanceAccent: {
|
|
2
|
-
accent: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
};
|
|
6
|
-
accentPrimary: {
|
|
7
|
-
fill: string;
|
|
8
|
-
fillHover: string;
|
|
9
|
-
borderColor: string;
|
|
10
|
-
};
|
|
11
|
-
accentSecondary: {
|
|
12
|
-
fill: string;
|
|
13
|
-
fillHover: string;
|
|
14
|
-
labelTextColor: string;
|
|
15
|
-
labelTextColorHover: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
loaderItemFill: string;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export { responseAppearanceAccent };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
declare const responseAppearanceInfo: {
|
|
2
|
-
info: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
labelTextColor: string;
|
|
6
|
-
labelTextColorHover: string;
|
|
7
|
-
borderColor: string;
|
|
8
|
-
loaderFill: string;
|
|
9
|
-
loaderItemFill: string;
|
|
10
|
-
};
|
|
11
|
-
infoSecondary: {
|
|
12
|
-
fill: string;
|
|
13
|
-
fillHover: string;
|
|
14
|
-
labelTextColor: string;
|
|
15
|
-
labelTextColorHover: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
loaderFill: string;
|
|
18
|
-
loaderItemFill: string;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export { responseAppearanceInfo };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
declare const responseAppearanceRequire: {
|
|
2
|
-
requirePrimary: {
|
|
3
|
-
fill: string;
|
|
4
|
-
borderColor: string;
|
|
5
|
-
borderHover: string;
|
|
6
|
-
textColor: string;
|
|
7
|
-
iconBeforeFill: string;
|
|
8
|
-
iconClearFill: string;
|
|
9
|
-
placeholderTextColor: string;
|
|
10
|
-
};
|
|
11
|
-
requireSecondary: {
|
|
12
|
-
fill: string;
|
|
13
|
-
borderColor: string;
|
|
14
|
-
borderHover: string;
|
|
15
|
-
iconBeforeFill: string;
|
|
16
|
-
iconClearFill: string;
|
|
17
|
-
placeholderTextColor: string;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export { responseAppearanceRequire };
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
declare const responseAppearanceSize: {
|
|
2
|
-
sizeXXL: {
|
|
3
|
-
size: string;
|
|
4
|
-
labelTextSize: string;
|
|
5
|
-
iconAfterFillSize: string;
|
|
6
|
-
iconAfterSize: string;
|
|
7
|
-
iconBeforeFillSize: string;
|
|
8
|
-
iconBeforeSize: string;
|
|
9
|
-
};
|
|
10
|
-
sizeXL: {
|
|
11
|
-
size: string;
|
|
12
|
-
labelTextSize: string;
|
|
13
|
-
iconAfterFillSize: string;
|
|
14
|
-
iconAfterSize: string;
|
|
15
|
-
iconBeforeFillSize: string;
|
|
16
|
-
iconBeforeSize: string;
|
|
17
|
-
};
|
|
18
|
-
sizeL: {
|
|
19
|
-
size: string;
|
|
20
|
-
labelTextSize: string;
|
|
21
|
-
iconAfterFillSize: string;
|
|
22
|
-
iconAfterSize: string;
|
|
23
|
-
iconBeforeFillSize: string;
|
|
24
|
-
iconBeforeSize: string;
|
|
25
|
-
};
|
|
26
|
-
sizeM: {
|
|
27
|
-
size: string;
|
|
28
|
-
labelTextSize: string;
|
|
29
|
-
iconAfterFillSize: string;
|
|
30
|
-
iconAfterSize: string;
|
|
31
|
-
iconBeforeFillSize: string;
|
|
32
|
-
iconBeforeSize: string;
|
|
33
|
-
};
|
|
34
|
-
sizeS: {
|
|
35
|
-
size: string;
|
|
36
|
-
labelTextSize: string;
|
|
37
|
-
iconAfterFillSize: string;
|
|
38
|
-
iconAfterSize: string;
|
|
39
|
-
iconBeforeFillSize: string;
|
|
40
|
-
iconBeforeSize: string;
|
|
41
|
-
};
|
|
42
|
-
sizeXS: {
|
|
43
|
-
size: string;
|
|
44
|
-
labelTextSize: string;
|
|
45
|
-
iconAfterFillSize: string;
|
|
46
|
-
iconAfterSize: string;
|
|
47
|
-
iconBeforeFillSize: string;
|
|
48
|
-
iconBeforeSize: string;
|
|
49
|
-
};
|
|
50
|
-
sizeXXS: {
|
|
51
|
-
size: string;
|
|
52
|
-
labelTextSize: string;
|
|
53
|
-
iconAfterFillSize: string;
|
|
54
|
-
iconAfterSize: string;
|
|
55
|
-
iconBeforeFillSize: string;
|
|
56
|
-
iconBeforeSize: string;
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
|
-
export { responseAppearanceSize };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
declare const responseAppearanceStyle: {
|
|
2
|
-
full: {
|
|
3
|
-
borderColor: string;
|
|
4
|
-
};
|
|
5
|
-
ghost: {
|
|
6
|
-
fill: string;
|
|
7
|
-
borderColor: string;
|
|
8
|
-
};
|
|
9
|
-
outlined: {
|
|
10
|
-
fill: string;
|
|
11
|
-
};
|
|
12
|
-
solid: {
|
|
13
|
-
borderColor: string;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
export { responseAppearanceStyle };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
declare const responseAppearanceSurface: {
|
|
2
|
-
surfacePrimary: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
labelTextColor: string;
|
|
6
|
-
};
|
|
7
|
-
surfaceQuaternary: {
|
|
8
|
-
fill: string;
|
|
9
|
-
fillHover: string;
|
|
10
|
-
labelTextColor: string;
|
|
11
|
-
};
|
|
12
|
-
surfaceSecondary: {
|
|
13
|
-
fill: string;
|
|
14
|
-
fillHover: string;
|
|
15
|
-
labelTextColor: string;
|
|
16
|
-
loaderFill: string;
|
|
17
|
-
loaderItemFill: string;
|
|
18
|
-
};
|
|
19
|
-
surfaceTertiary: {
|
|
20
|
-
fill: string;
|
|
21
|
-
fillHover: string;
|
|
22
|
-
labelTextColor: string;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
export { responseAppearanceSurface };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
declare const tileAppearanceAccent: {
|
|
2
|
-
accent: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
};
|
|
6
|
-
accentPrimary: {
|
|
7
|
-
fill: string;
|
|
8
|
-
fillHover: string;
|
|
9
|
-
borderColor: string;
|
|
10
|
-
};
|
|
11
|
-
accentSecondary: {
|
|
12
|
-
fill: string;
|
|
13
|
-
fillHover: string;
|
|
14
|
-
labelTextColor: string;
|
|
15
|
-
labelTextColorHover: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
loaderItemFill: string;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export { tileAppearanceAccent };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
declare const tileAppearanceDisabled: {
|
|
2
|
-
disabledPrimary: {
|
|
3
|
-
fill: string;
|
|
4
|
-
borderColor: string;
|
|
5
|
-
borderHover: string;
|
|
6
|
-
textColor: string;
|
|
7
|
-
iconBeforeFill: string;
|
|
8
|
-
iconClearFill: string;
|
|
9
|
-
placeholderTextColor: string;
|
|
10
|
-
};
|
|
11
|
-
disabledSecondary: {
|
|
12
|
-
fill: string;
|
|
13
|
-
borderColor: string;
|
|
14
|
-
borderHover: string;
|
|
15
|
-
iconBeforeFill: string;
|
|
16
|
-
iconClearFill: string;
|
|
17
|
-
placeholderTextColor: string;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export { tileAppearanceDisabled };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
declare const tileAppearanceInfo: {
|
|
2
|
-
info: {
|
|
3
|
-
fill: string;
|
|
4
|
-
fillHover: string;
|
|
5
|
-
labelTextColor: string;
|
|
6
|
-
labelTextColorHover: string;
|
|
7
|
-
borderColor: string;
|
|
8
|
-
loaderFill: string;
|
|
9
|
-
loaderItemFill: string;
|
|
10
|
-
};
|
|
11
|
-
infoSecondary: {
|
|
12
|
-
fill: string;
|
|
13
|
-
fillHover: string;
|
|
14
|
-
labelTextColor: string;
|
|
15
|
-
labelTextColorHover: string;
|
|
16
|
-
borderColor: string;
|
|
17
|
-
loaderFill: string;
|
|
18
|
-
loaderItemFill: string;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export { tileAppearanceInfo };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
declare const tileAppearanceRequire: {
|
|
2
|
-
requirePrimary: {
|
|
3
|
-
fill: string;
|
|
4
|
-
borderColor: string;
|
|
5
|
-
borderHover: string;
|
|
6
|
-
textColor: string;
|
|
7
|
-
iconBeforeFill: string;
|
|
8
|
-
iconClearFill: string;
|
|
9
|
-
placeholderTextColor: string;
|
|
10
|
-
};
|
|
11
|
-
requireSecondary: {
|
|
12
|
-
fill: string;
|
|
13
|
-
borderColor: string;
|
|
14
|
-
borderHover: string;
|
|
15
|
-
iconBeforeFill: string;
|
|
16
|
-
iconClearFill: string;
|
|
17
|
-
placeholderTextColor: string;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export { tileAppearanceRequire };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
declare const tileAppearanceStyle: {
|
|
2
|
-
full: {
|
|
3
|
-
borderColor: string;
|
|
4
|
-
};
|
|
5
|
-
ghost: {
|
|
6
|
-
fill: string;
|
|
7
|
-
borderColor: string;
|
|
8
|
-
};
|
|
9
|
-
outlined: {
|
|
10
|
-
fill: string;
|
|
11
|
-
};
|
|
12
|
-
solid: {
|
|
13
|
-
borderColor: string;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
export { tileAppearanceStyle };
|