@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.
Files changed (210) hide show
  1. package/dist/{Avatar_cjs_CiQ14ufF.js → Avatar_cjs_D84VawE9.js} +2 -21
  2. package/dist/{Avatar_es_No9vSqji.js → Avatar_es_CUnfNViT.js} +2 -21
  3. package/dist/{Button_cjs_CnStmeGt.js → Button_cjs_MfWRETXI.js} +13 -4
  4. package/dist/{Button_es_BV1bepl1.js → Button_es_zW2pQTwL.js} +13 -4
  5. package/dist/{ChipsGroup_cjs_CL00pWKy.js → ChipsGroup_cjs_CTh6644i.js} +1 -1
  6. package/dist/{ChipsGroup_es_Ciln2otW.js → ChipsGroup_es_BFxBhYNB.js} +1 -1
  7. package/dist/{DatePicker_cjs_DGgkpGbI.js → DatePicker_cjs_uDJmwWkk.js} +3 -3
  8. package/dist/{DatePicker_es_BIOyGm22.js → DatePicker_es_5r0isX1_.js} +3 -3
  9. package/dist/{DropdownItem_cjs_DT-zspEr.js → DropdownItem_cjs_C6Jx7-kx.js} +1 -1
  10. package/dist/{DropdownItem_es_BJLFqVuH.js → DropdownItem_es_UdkGGVtg.js} +1 -1
  11. package/dist/{Label_cjs_Cqcf6ffp.js → Label_cjs_jN0dxo1q.js} +11 -3
  12. package/dist/{Label_es_CeNdA70T.js → Label_es_CFQzN-2m.js} +11 -3
  13. package/dist/{Link_cjs_BlXrJ15R.js → Link_cjs_DbRGq2Yk.js} +9 -9
  14. package/dist/{Link_es_CyJn7NFb.js → Link_es_DxtZLeKY.js} +9 -9
  15. package/dist/{Tooltip_cjs_Cq5kuaIK.js → Tooltip_cjs_CaocDcQ5.js} +85 -27
  16. package/dist/{Tooltip_es_D0PSqI2c.js → Tooltip_es_D1w1s33u.js} +85 -27
  17. package/dist/cjs/components/Accordion.js +2 -2
  18. package/dist/cjs/components/Avatar.js +3 -3
  19. package/dist/cjs/components/AvatarStack.js +5 -5
  20. package/dist/cjs/components/Badge.js +2 -2
  21. package/dist/cjs/components/Breadcrumbs.js +3 -3
  22. package/dist/cjs/components/Button.js +3 -3
  23. package/dist/cjs/components/Cell.js +15 -149
  24. package/dist/cjs/components/Chips.js +3 -3
  25. package/dist/cjs/components/Choice.js +2 -2
  26. package/dist/cjs/components/Code.js +2 -8
  27. package/dist/cjs/components/CookiesWarning.js +3 -3
  28. package/dist/cjs/components/DatePeriod.js +6 -6
  29. package/dist/cjs/components/DatePicker.js +5 -5
  30. package/dist/cjs/components/Dropdown.js +3 -3
  31. package/dist/cjs/components/Icon.js +2 -2
  32. package/dist/cjs/components/InputPassword.js +71 -129
  33. package/dist/cjs/components/Label.js +3 -3
  34. package/dist/cjs/components/Link.js +1 -1
  35. package/dist/cjs/components/List.js +1 -1
  36. package/dist/cjs/components/Logo.js +1 -1
  37. package/dist/cjs/components/MenuItem.js +29 -9
  38. package/dist/cjs/components/Modal.js +2 -2
  39. package/dist/cjs/components/ModalSheetBottom.js +19 -5
  40. package/dist/cjs/components/Pagination.js +3 -3
  41. package/dist/cjs/components/Response/img.js +33 -0
  42. package/dist/cjs/components/Response.js +81 -213
  43. package/dist/cjs/components/Search.js +2 -2
  44. package/dist/cjs/components/Select.js +2 -2
  45. package/dist/cjs/components/Swiper.js +2 -2
  46. package/dist/cjs/components/Tab.js +2 -2
  47. package/dist/cjs/components/Tile.js +10 -172
  48. package/dist/cjs/components/Title.js +2 -2
  49. package/dist/cjs/components/Tooltip.js +2 -2
  50. package/dist/components/Accordion.js +2 -2
  51. package/dist/components/Avatar.js +3 -3
  52. package/dist/components/AvatarStack.js +5 -5
  53. package/dist/components/Badge.js +2 -2
  54. package/dist/components/Breadcrumbs.js +3 -3
  55. package/dist/components/Button.js +3 -3
  56. package/dist/components/Cell.js +15 -149
  57. package/dist/components/Chips.js +3 -3
  58. package/dist/components/Choice.js +2 -2
  59. package/dist/components/Code.js +2 -8
  60. package/dist/components/CookiesWarning.js +3 -3
  61. package/dist/components/DatePeriod.js +6 -6
  62. package/dist/components/DatePicker.js +5 -5
  63. package/dist/components/Dropdown.js +3 -3
  64. package/dist/components/Icon.js +2 -2
  65. package/dist/components/InputPassword.js +71 -129
  66. package/dist/components/Label.js +3 -3
  67. package/dist/components/Link.js +1 -1
  68. package/dist/components/List.js +1 -1
  69. package/dist/components/Logo.js +1 -1
  70. package/dist/components/MenuItem.js +29 -9
  71. package/dist/components/Modal.js +2 -2
  72. package/dist/components/ModalSheetBottom.js +19 -5
  73. package/dist/components/Pagination.js +3 -3
  74. package/dist/components/Response/img.js +31 -0
  75. package/dist/components/Response.js +81 -213
  76. package/dist/components/Search.js +2 -2
  77. package/dist/components/Select.js +2 -2
  78. package/dist/components/Swiper.js +2 -2
  79. package/dist/components/Tab.js +2 -2
  80. package/dist/components/Tile.js +10 -172
  81. package/dist/components/Title.js +2 -2
  82. package/dist/components/Tooltip.js +2 -2
  83. package/dist/css/components/AvatarStack/AvatarStack.css +2 -15
  84. package/dist/css/components/Badge/Badge.css +3 -3
  85. package/dist/css/components/Code/Code.css +3 -6
  86. package/dist/css/components/Label/Label.css +4 -4
  87. package/dist/css/components/MenuItem/MenuItem.css +19 -43
  88. package/dist/css/components/Response/Response.css +6 -3
  89. package/dist/css/components/Tab/Tab.css +14 -31
  90. package/dist/css/components/Tile/Tile.css +7 -5
  91. package/dist/css/styles/border-color/border-color.css +19 -0
  92. package/dist/css/styles/border-color/border-color_active.css +38 -0
  93. package/dist/css/styles/border-color/border-color_focus.css +25 -1
  94. package/dist/css/styles/border-color/border-color_hover.css +32 -0
  95. package/dist/css/styles/svg-color/svg_fill.css +5 -5
  96. package/dist/stories/Plsyground.mdx +0 -1
  97. package/dist/stories/index.stories.js +5 -8
  98. package/dist/types/components/Avatar/appearance/avatarAccent.d.ts +0 -4
  99. package/dist/types/components/Avatar/appearance/avatarDanger.d.ts +0 -1
  100. package/dist/types/components/Avatar/appearance/avatarInfo.d.ts +0 -4
  101. package/dist/types/components/Avatar/appearance/avatarPrimary.d.ts +0 -1
  102. package/dist/types/components/Avatar/appearance/avatarSecondary.d.ts +0 -1
  103. package/dist/types/components/Avatar/appearance/avatarSuccess.d.ts +1 -3
  104. package/dist/types/components/Avatar/appearance/avatarSurface.d.ts +0 -6
  105. package/dist/types/components/Badge/appearance/badgeAccent.d.ts +13 -1
  106. package/dist/types/components/Badge/appearance/badgeDanger.d.ts +7 -1
  107. package/dist/types/components/Badge/appearance/badgeDisabled.d.ts +6 -1
  108. package/dist/types/components/Badge/appearance/badgeError.d.ts +7 -2
  109. package/dist/types/components/Badge/appearance/badgeInfo.d.ts +1 -3
  110. package/dist/types/components/Badge/appearance/badgePrimary.d.ts +7 -1
  111. package/dist/types/components/Badge/appearance/badgeSecondary.d.ts +7 -1
  112. package/dist/types/components/Badge/appearance/badgeStyle.d.ts +5 -7
  113. package/dist/types/components/Badge/appearance/badgeSuccess.d.ts +7 -1
  114. package/dist/types/components/Badge/appearance/badgeWarning.d.ts +7 -1
  115. package/dist/types/components/Button/appearance/buttonAccent.d.ts +1 -0
  116. package/dist/types/components/Button/appearance/buttonWarning.d.ts +8 -0
  117. package/dist/types/components/Cell/appearance/cellSize.d.ts +8 -44
  118. package/dist/types/components/Code/appearance/codeSize.d.ts +2 -8
  119. package/dist/types/components/{Response/appearance/responseDisabled.d.ts → InputPassword/appearance/inputPasswordDefault.d.ts} +9 -5
  120. package/dist/types/components/InputPassword/appearance/inputPasswordError.d.ts +15 -6
  121. package/dist/types/components/InputPassword/appearance/inputPasswordSize.d.ts +7 -7
  122. package/dist/types/components/InputPassword/appearance/inputPasswordSuccess.d.ts +15 -6
  123. package/dist/types/components/Label/appearance/labelAccent.d.ts +7 -0
  124. package/dist/types/components/Label/appearance/labelSize.d.ts +1 -0
  125. package/dist/types/components/Link/Link.interface.d.ts +1 -1
  126. package/dist/types/components/MenuItem/appearance/menuItemSize.d.ts +1 -0
  127. package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts +4 -2
  128. package/dist/types/components/ModalSheetBottom/ModalSheetBottom.d.ts +2 -1
  129. package/dist/types/components/Response/appearance/responceConfirm.d.ts +13 -0
  130. package/dist/types/components/Response/appearance/responceFail.d.ts +13 -0
  131. package/dist/types/components/Response/appearance/responceNothingFound.d.ts +13 -0
  132. package/dist/types/components/Response/appearance/responceRefresh.d.ts +13 -0
  133. package/dist/types/components/Response/appearance/responseError.d.ts +6 -4
  134. package/dist/types/components/Response/appearance/responseSuccess.d.ts +6 -4
  135. package/dist/types/components/Response/appearance/responseUnableLoadData.d.ts +13 -0
  136. package/dist/types/components/Response/appearance/responseWarning.d.ts +6 -4
  137. package/dist/types/components/Response/img/index.d.ts +12 -0
  138. package/dist/types/components/Tile/appearance/tileSize.d.ts +0 -8
  139. package/dist/types/components/Tile/appearance/tileSurface.d.ts +0 -1
  140. package/package.json +6 -8
  141. package/dist/cjs/components/InputMask.js +0 -65
  142. package/dist/cjs/components/Panel.js +0 -44
  143. package/dist/components/InputMask.js +0 -62
  144. package/dist/components/Panel.js +0 -41
  145. package/dist/css/components/InputMask/InputMask.css +0 -77
  146. package/dist/css/components/Panel/Panel.css +0 -107
  147. package/dist/stories/Accordion.mdx +0 -11
  148. package/dist/stories/AccordionItem.mdx +0 -15
  149. package/dist/stories/Breadcrumbs.mdx +0 -15
  150. package/dist/stories/BreadcrumbsItem.mdx +0 -17
  151. package/dist/stories/Dot.mdx +0 -19
  152. package/dist/stories/Drawer.mdx +0 -11
  153. package/dist/stories/Dropdown.mdx +0 -12
  154. package/dist/stories/DropdownItem.mdx +0 -19
  155. package/dist/stories/Image.mdx +0 -15
  156. package/dist/stories/Input.mdx +0 -31
  157. package/dist/stories/InputPassword.mdx +0 -15
  158. package/dist/stories/Label.mdx +0 -11
  159. package/dist/stories/ListItem.mdx +0 -11
  160. package/dist/stories/Logo.mdx +0 -24
  161. package/dist/stories/MenuItem.mdx +0 -15
  162. package/dist/stories/Modal.mdx +0 -15
  163. package/dist/stories/Notification.mdx +0 -23
  164. package/dist/stories/Radio.mdx +0 -28
  165. package/dist/stories/Response.mdx +0 -11
  166. package/dist/stories/SearchInput.mdx +0 -19
  167. package/dist/stories/Switch.mdx +0 -23
  168. package/dist/stories/Tab.mdx +0 -27
  169. package/dist/stories/Text.mdx +0 -35
  170. package/dist/types/components/Cell/appearance/cellAccent.d.ts +0 -21
  171. package/dist/types/components/Cell/appearance/cellDanger.d.ts +0 -7
  172. package/dist/types/components/Cell/appearance/cellError.d.ts +0 -11
  173. package/dist/types/components/Cell/appearance/cellInfo.d.ts +0 -21
  174. package/dist/types/components/Cell/appearance/cellPrimary.d.ts +0 -8
  175. package/dist/types/components/Cell/appearance/cellSecondary.d.ts +0 -8
  176. package/dist/types/components/Cell/appearance/cellSuccess.d.ts +0 -11
  177. package/dist/types/components/Cell/appearance/cellWarning.d.ts +0 -11
  178. package/dist/types/components/InputMask/InputMask.d.ts +0 -5
  179. package/dist/types/components/InputMask/InputMask.interface.d.ts +0 -54
  180. package/dist/types/components/InputMask/index.d.ts +0 -1
  181. package/dist/types/components/InputPassword/appearance/inputPasswordAccent.d.ts +0 -20
  182. package/dist/types/components/InputPassword/appearance/inputPasswordDanger.d.ts +0 -7
  183. package/dist/types/components/InputPassword/appearance/inputPasswordInfo.d.ts +0 -21
  184. package/dist/types/components/InputPassword/appearance/inputPasswordPrimary.d.ts +0 -8
  185. package/dist/types/components/InputPassword/appearance/inputPasswordSecondary.d.ts +0 -8
  186. package/dist/types/components/InputPassword/appearance/inputPasswordSurface.d.ts +0 -25
  187. package/dist/types/components/InputPassword/appearance/inputPasswordWarning.d.ts +0 -11
  188. package/dist/types/components/Panel/Panel.d.ts +0 -5
  189. package/dist/types/components/Panel/Panel.interface.d.ts +0 -58
  190. package/dist/types/components/Panel/index.d.ts +0 -1
  191. package/dist/types/components/Response/appearance/responseAccent.d.ts +0 -20
  192. package/dist/types/components/Response/appearance/responseDanger.d.ts +0 -7
  193. package/dist/types/components/Response/appearance/responseInfo.d.ts +0 -21
  194. package/dist/types/components/Response/appearance/responsePrimary.d.ts +0 -8
  195. package/dist/types/components/Response/appearance/responseRequire.d.ts +0 -20
  196. package/dist/types/components/Response/appearance/responseSecondary.d.ts +0 -8
  197. package/dist/types/components/Response/appearance/responseSize.d.ts +0 -59
  198. package/dist/types/components/Response/appearance/responseStyle.d.ts +0 -16
  199. package/dist/types/components/Response/appearance/responseSurface.d.ts +0 -25
  200. package/dist/types/components/Tile/appearance/tileAccent.d.ts +0 -20
  201. package/dist/types/components/Tile/appearance/tileDanger.d.ts +0 -7
  202. package/dist/types/components/Tile/appearance/tileDisabled.d.ts +0 -20
  203. package/dist/types/components/Tile/appearance/tileError.d.ts +0 -11
  204. package/dist/types/components/Tile/appearance/tileInfo.d.ts +0 -21
  205. package/dist/types/components/Tile/appearance/tilePrimary.d.ts +0 -8
  206. package/dist/types/components/Tile/appearance/tileRequire.d.ts +0 -20
  207. package/dist/types/components/Tile/appearance/tileSecondary.d.ts +0 -8
  208. package/dist/types/components/Tile/appearance/tileStyle.d.ts +0 -16
  209. package/dist/types/components/Tile/appearance/tileSuccess.d.ts +0 -11
  210. 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,8 +0,0 @@
1
- declare const cellAppearancePrimary: {
2
- primary: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- };
7
- };
8
- export { cellAppearancePrimary };
@@ -1,8 +0,0 @@
1
- declare const cellAppearanceSecondary: {
2
- secondary: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- };
7
- };
8
- export { cellAppearanceSecondary };
@@ -1,11 +0,0 @@
1
- declare const cellAppearanceSuccess: {
2
- success: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- labelTextColorHover: string;
7
- loaderFill: string;
8
- loaderItemFill: string;
9
- };
10
- };
11
- export { cellAppearanceSuccess };
@@ -1,11 +0,0 @@
1
- declare const cellAppearanceWarning: {
2
- warning: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- labelTextColorHover: string;
7
- loaderFill: string;
8
- loaderItemFill: string;
9
- };
10
- };
11
- export { cellAppearanceWarning };
@@ -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,7 +0,0 @@
1
- declare const inputPasswordAppearanceDanger: {
2
- danger: {
3
- fill: string;
4
- fillHover: string;
5
- };
6
- };
7
- export { inputPasswordAppearanceDanger };
@@ -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,8 +0,0 @@
1
- declare const inputPasswordAppearancePrimary: {
2
- primary: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- };
7
- };
8
- export { inputPasswordAppearancePrimary };
@@ -1,8 +0,0 @@
1
- declare const inputPasswordAppearanceSecondary: {
2
- secondary: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- };
7
- };
8
- export { inputPasswordAppearanceSecondary };
@@ -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,7 +0,0 @@
1
- declare const responseAppearanceDanger: {
2
- danger: {
3
- fill: string;
4
- fillHover: string;
5
- };
6
- };
7
- export { responseAppearanceDanger };
@@ -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,8 +0,0 @@
1
- declare const responseAppearancePrimary: {
2
- primary: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- };
7
- };
8
- export { responseAppearancePrimary };
@@ -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,8 +0,0 @@
1
- declare const responseAppearanceSecondary: {
2
- secondary: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- };
7
- };
8
- export { responseAppearanceSecondary };
@@ -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,7 +0,0 @@
1
- declare const tileAppearanceDanger: {
2
- danger: {
3
- fill: string;
4
- fillHover: string;
5
- };
6
- };
7
- export { tileAppearanceDanger };
@@ -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,11 +0,0 @@
1
- declare const tileAppearanceError: {
2
- error: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- labelTextColorHover: string;
7
- loaderFill: string;
8
- loaderItemFill: string;
9
- };
10
- };
11
- export { tileAppearanceError };
@@ -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,8 +0,0 @@
1
- declare const tileAppearancePrimary: {
2
- primary: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- };
7
- };
8
- export { tileAppearancePrimary };
@@ -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,8 +0,0 @@
1
- declare const tileAppearanceSecondary: {
2
- secondary: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- };
7
- };
8
- export { tileAppearanceSecondary };
@@ -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 };
@@ -1,11 +0,0 @@
1
- declare const tileAppearanceSuccess: {
2
- success: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- labelTextColorHover: string;
7
- loaderFill: string;
8
- loaderItemFill: string;
9
- };
10
- };
11
- export { tileAppearanceSuccess };