@itcase/ui 1.8.21 → 1.8.22

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 (191) hide show
  1. package/dist/{Avatar_cjs_CiQ14ufF.js → Avatar_cjs_DSXs1Yrg.js} +2 -21
  2. package/dist/{Avatar_es_No9vSqji.js → Avatar_es_DByUaJL6.js} +2 -21
  3. package/dist/{Button_cjs_CnStmeGt.js → Button_cjs_CukkOE-v.js} +5 -4
  4. package/dist/{Button_es_BV1bepl1.js → Button_es_DXcCJuNX.js} +5 -4
  5. package/dist/{ChipsGroup_cjs_CL00pWKy.js → ChipsGroup_cjs_9wrMZrzL.js} +1 -1
  6. package/dist/{ChipsGroup_es_Ciln2otW.js → ChipsGroup_es_CjGZ-ulT.js} +1 -1
  7. package/dist/{DatePicker_cjs_DGgkpGbI.js → DatePicker_cjs_BriuTQqj.js} +3 -3
  8. package/dist/{DatePicker_es_BIOyGm22.js → DatePicker_es_DzY_fVii.js} +3 -3
  9. package/dist/{DropdownItem_cjs_DT-zspEr.js → DropdownItem_cjs_DY61IdLK.js} +1 -1
  10. package/dist/{DropdownItem_es_BJLFqVuH.js → DropdownItem_es_D8mY9vFZ.js} +1 -1
  11. package/dist/{Label_cjs_Cqcf6ffp.js → Label_cjs_CnwET26s.js} +11 -3
  12. package/dist/{Label_es_CeNdA70T.js → Label_es_Dc18d1gY.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_PkuRdzzy.js} +3 -3
  16. package/dist/{Tooltip_es_D0PSqI2c.js → Tooltip_es_BaGfb-qC.js} +3 -3
  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/Pagination.js +3 -3
  40. package/dist/cjs/components/Response/img.js +33 -0
  41. package/dist/cjs/components/Response.js +81 -213
  42. package/dist/cjs/components/Search.js +2 -2
  43. package/dist/cjs/components/Select.js +2 -2
  44. package/dist/cjs/components/Swiper.js +2 -2
  45. package/dist/cjs/components/Tab.js +2 -2
  46. package/dist/cjs/components/Tile.js +10 -172
  47. package/dist/cjs/components/Title.js +2 -2
  48. package/dist/cjs/components/Tooltip.js +2 -2
  49. package/dist/components/Accordion.js +2 -2
  50. package/dist/components/Avatar.js +3 -3
  51. package/dist/components/AvatarStack.js +5 -5
  52. package/dist/components/Badge.js +2 -2
  53. package/dist/components/Breadcrumbs.js +3 -3
  54. package/dist/components/Button.js +3 -3
  55. package/dist/components/Cell.js +15 -149
  56. package/dist/components/Chips.js +3 -3
  57. package/dist/components/Choice.js +2 -2
  58. package/dist/components/Code.js +2 -8
  59. package/dist/components/CookiesWarning.js +3 -3
  60. package/dist/components/DatePeriod.js +6 -6
  61. package/dist/components/DatePicker.js +5 -5
  62. package/dist/components/Dropdown.js +3 -3
  63. package/dist/components/Icon.js +2 -2
  64. package/dist/components/InputPassword.js +71 -129
  65. package/dist/components/Label.js +3 -3
  66. package/dist/components/Link.js +1 -1
  67. package/dist/components/List.js +1 -1
  68. package/dist/components/Logo.js +1 -1
  69. package/dist/components/MenuItem.js +29 -9
  70. package/dist/components/Modal.js +2 -2
  71. package/dist/components/Pagination.js +3 -3
  72. package/dist/components/Response/img.js +31 -0
  73. package/dist/components/Response.js +81 -213
  74. package/dist/components/Search.js +2 -2
  75. package/dist/components/Select.js +2 -2
  76. package/dist/components/Swiper.js +2 -2
  77. package/dist/components/Tab.js +2 -2
  78. package/dist/components/Tile.js +10 -172
  79. package/dist/components/Title.js +2 -2
  80. package/dist/components/Tooltip.js +2 -2
  81. package/dist/css/components/AvatarStack/AvatarStack.css +2 -15
  82. package/dist/css/components/Code/Code.css +3 -6
  83. package/dist/css/components/Label/Label.css +4 -4
  84. package/dist/css/components/MenuItem/MenuItem.css +19 -43
  85. package/dist/css/components/Response/Response.css +6 -3
  86. package/dist/css/components/Tab/Tab.css +14 -31
  87. package/dist/css/components/Tile/Tile.css +7 -5
  88. package/dist/css/styles/svg-color/svg_fill.css +5 -5
  89. package/dist/stories/Plsyground.mdx +0 -1
  90. package/dist/stories/index.stories.js +5 -8
  91. package/dist/types/components/Avatar/appearance/avatarAccent.d.ts +0 -4
  92. package/dist/types/components/Avatar/appearance/avatarDanger.d.ts +0 -1
  93. package/dist/types/components/Avatar/appearance/avatarInfo.d.ts +0 -4
  94. package/dist/types/components/Avatar/appearance/avatarPrimary.d.ts +0 -1
  95. package/dist/types/components/Avatar/appearance/avatarSecondary.d.ts +0 -1
  96. package/dist/types/components/Avatar/appearance/avatarSuccess.d.ts +1 -3
  97. package/dist/types/components/Avatar/appearance/avatarSurface.d.ts +0 -6
  98. package/dist/types/components/Button/appearance/buttonAccent.d.ts +1 -0
  99. package/dist/types/components/Cell/appearance/cellSize.d.ts +8 -44
  100. package/dist/types/components/Code/appearance/codeSize.d.ts +2 -8
  101. package/dist/types/components/{Response/appearance/responseDisabled.d.ts → InputPassword/appearance/inputPasswordDefault.d.ts} +9 -5
  102. package/dist/types/components/InputPassword/appearance/inputPasswordError.d.ts +15 -6
  103. package/dist/types/components/InputPassword/appearance/inputPasswordSize.d.ts +7 -7
  104. package/dist/types/components/InputPassword/appearance/inputPasswordSuccess.d.ts +15 -6
  105. package/dist/types/components/Label/appearance/labelAccent.d.ts +7 -0
  106. package/dist/types/components/Label/appearance/labelSize.d.ts +1 -0
  107. package/dist/types/components/Link/Link.interface.d.ts +1 -1
  108. package/dist/types/components/MenuItem/appearance/menuItemSize.d.ts +1 -0
  109. package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts +4 -2
  110. package/dist/types/components/Response/appearance/responceConfirm.d.ts +13 -0
  111. package/dist/types/components/Response/appearance/responceFail.d.ts +13 -0
  112. package/dist/types/components/Response/appearance/responceNothingFound.d.ts +13 -0
  113. package/dist/types/components/Response/appearance/responceRefresh.d.ts +13 -0
  114. package/dist/types/components/Response/appearance/responseError.d.ts +6 -4
  115. package/dist/types/components/Response/appearance/responseSuccess.d.ts +6 -4
  116. package/dist/types/components/Response/appearance/responseUnableLoadData.d.ts +13 -0
  117. package/dist/types/components/Response/appearance/responseWarning.d.ts +6 -4
  118. package/dist/types/components/Response/img/index.d.ts +12 -0
  119. package/dist/types/components/Tile/appearance/tileSize.d.ts +0 -8
  120. package/dist/types/components/Tile/appearance/tileSurface.d.ts +0 -1
  121. package/package.json +1 -1
  122. package/dist/cjs/components/InputMask.js +0 -65
  123. package/dist/cjs/components/Panel.js +0 -44
  124. package/dist/components/InputMask.js +0 -62
  125. package/dist/components/Panel.js +0 -41
  126. package/dist/css/components/InputMask/InputMask.css +0 -77
  127. package/dist/css/components/Panel/Panel.css +0 -107
  128. package/dist/stories/Accordion.mdx +0 -11
  129. package/dist/stories/AccordionItem.mdx +0 -15
  130. package/dist/stories/Breadcrumbs.mdx +0 -15
  131. package/dist/stories/BreadcrumbsItem.mdx +0 -17
  132. package/dist/stories/Dot.mdx +0 -19
  133. package/dist/stories/Drawer.mdx +0 -11
  134. package/dist/stories/Dropdown.mdx +0 -12
  135. package/dist/stories/DropdownItem.mdx +0 -19
  136. package/dist/stories/Image.mdx +0 -15
  137. package/dist/stories/Input.mdx +0 -31
  138. package/dist/stories/InputPassword.mdx +0 -15
  139. package/dist/stories/Label.mdx +0 -11
  140. package/dist/stories/ListItem.mdx +0 -11
  141. package/dist/stories/Logo.mdx +0 -24
  142. package/dist/stories/MenuItem.mdx +0 -15
  143. package/dist/stories/Modal.mdx +0 -15
  144. package/dist/stories/Notification.mdx +0 -23
  145. package/dist/stories/Radio.mdx +0 -28
  146. package/dist/stories/Response.mdx +0 -11
  147. package/dist/stories/SearchInput.mdx +0 -19
  148. package/dist/stories/Switch.mdx +0 -23
  149. package/dist/stories/Tab.mdx +0 -27
  150. package/dist/stories/Text.mdx +0 -35
  151. package/dist/types/components/Cell/appearance/cellAccent.d.ts +0 -21
  152. package/dist/types/components/Cell/appearance/cellDanger.d.ts +0 -7
  153. package/dist/types/components/Cell/appearance/cellError.d.ts +0 -11
  154. package/dist/types/components/Cell/appearance/cellInfo.d.ts +0 -21
  155. package/dist/types/components/Cell/appearance/cellPrimary.d.ts +0 -8
  156. package/dist/types/components/Cell/appearance/cellSecondary.d.ts +0 -8
  157. package/dist/types/components/Cell/appearance/cellSuccess.d.ts +0 -11
  158. package/dist/types/components/Cell/appearance/cellWarning.d.ts +0 -11
  159. package/dist/types/components/InputMask/InputMask.d.ts +0 -5
  160. package/dist/types/components/InputMask/InputMask.interface.d.ts +0 -54
  161. package/dist/types/components/InputMask/index.d.ts +0 -1
  162. package/dist/types/components/InputPassword/appearance/inputPasswordAccent.d.ts +0 -20
  163. package/dist/types/components/InputPassword/appearance/inputPasswordDanger.d.ts +0 -7
  164. package/dist/types/components/InputPassword/appearance/inputPasswordInfo.d.ts +0 -21
  165. package/dist/types/components/InputPassword/appearance/inputPasswordPrimary.d.ts +0 -8
  166. package/dist/types/components/InputPassword/appearance/inputPasswordSecondary.d.ts +0 -8
  167. package/dist/types/components/InputPassword/appearance/inputPasswordSurface.d.ts +0 -25
  168. package/dist/types/components/InputPassword/appearance/inputPasswordWarning.d.ts +0 -11
  169. package/dist/types/components/Panel/Panel.d.ts +0 -5
  170. package/dist/types/components/Panel/Panel.interface.d.ts +0 -58
  171. package/dist/types/components/Panel/index.d.ts +0 -1
  172. package/dist/types/components/Response/appearance/responseAccent.d.ts +0 -20
  173. package/dist/types/components/Response/appearance/responseDanger.d.ts +0 -7
  174. package/dist/types/components/Response/appearance/responseInfo.d.ts +0 -21
  175. package/dist/types/components/Response/appearance/responsePrimary.d.ts +0 -8
  176. package/dist/types/components/Response/appearance/responseRequire.d.ts +0 -20
  177. package/dist/types/components/Response/appearance/responseSecondary.d.ts +0 -8
  178. package/dist/types/components/Response/appearance/responseSize.d.ts +0 -59
  179. package/dist/types/components/Response/appearance/responseStyle.d.ts +0 -16
  180. package/dist/types/components/Response/appearance/responseSurface.d.ts +0 -25
  181. package/dist/types/components/Tile/appearance/tileAccent.d.ts +0 -20
  182. package/dist/types/components/Tile/appearance/tileDanger.d.ts +0 -7
  183. package/dist/types/components/Tile/appearance/tileDisabled.d.ts +0 -20
  184. package/dist/types/components/Tile/appearance/tileError.d.ts +0 -11
  185. package/dist/types/components/Tile/appearance/tileInfo.d.ts +0 -21
  186. package/dist/types/components/Tile/appearance/tilePrimary.d.ts +0 -8
  187. package/dist/types/components/Tile/appearance/tileRequire.d.ts +0 -20
  188. package/dist/types/components/Tile/appearance/tileSecondary.d.ts +0 -8
  189. package/dist/types/components/Tile/appearance/tileStyle.d.ts +0 -16
  190. package/dist/types/components/Tile/appearance/tileSuccess.d.ts +0 -11
  191. package/dist/types/components/Tile/appearance/tileWarning.d.ts +0 -11
@@ -1,28 +0,0 @@
1
- import { Canvas, Meta } from '@storybook/blocks'
2
-
3
- import * as RadioStories from '../stories/Radio.stories.tsx'
4
-
5
- <Meta of={RadioStories} />
6
-
7
- # Radio
8
-
9
- ## Active
10
-
11
- <Canvas sourceState="shown" of={RadioStories.Active} />
12
-
13
- ## Disabled
14
-
15
- <Canvas sourceState="shown" of={RadioStories.Disabled} />
16
-
17
- ## Checked
18
-
19
- <Canvas sourceState="shown" of={RadioStories.Checked} />
20
-
21
- ## CheckedDisabled
22
-
23
- <Canvas sourceState="shown" of={RadioStories.CheckedDisabled} />
24
-
25
- Active
26
- Disabled
27
- Checked
28
- CheckedDisabled
@@ -1,11 +0,0 @@
1
- import { Canvas, Controls, Meta, Story } from '@storybook/blocks'
2
-
3
- import * as ResponseStories from '../stories/Default.stories.tsx'
4
-
5
- <Meta title="Molecules / Response" />
6
-
7
- # Response
8
-
9
- `Response` отображает статус, например, предупреждения или ошибки, напрямую влияющих на возможности пользователей выполнять определенные задачи.
10
-
11
- <Story of={ResponseStories.Demo} />
@@ -1,19 +0,0 @@
1
- import { Canvas, Meta } from '@storybook/blocks'
2
-
3
- import * as SearchInputStories from '../stories/SearchInput.stories.tsx'
4
-
5
- <Meta of={SearchInputStories} />
6
-
7
- # SearchInput
8
-
9
- ## С иконкой для очистки поля ClearIcon
10
-
11
- <Canvas of={SearchInputStories.ClearIcon} />
12
-
13
- ## С иконкой до текста BeforeIcon
14
-
15
- <Canvas of={SearchInputStories.BeforeIcon} />
16
-
17
- ## С иконкой после текста AfterIcon
18
-
19
- <Canvas of={SearchInputStories.AfterIcon} />
@@ -1,23 +0,0 @@
1
- import { Canvas, Meta } from '@storybook/blocks'
2
-
3
- import * as SwitchStories from '../stories/Switch.stories.tsx'
4
-
5
- <Meta of={SwitchStories} />
6
-
7
- # Switch
8
-
9
- ## Active
10
-
11
- <Canvas sourceState="shown" of={SwitchStories.Active} />
12
-
13
- ## ActiveChecked
14
-
15
- <Canvas sourceState="shown" of={SwitchStories.ActiveChecked} />
16
-
17
- ## Disabled
18
-
19
- <Canvas sourceState="shown" of={SwitchStories.Disabled} />
20
-
21
- ## DisabledChecked
22
-
23
- <Canvas sourceState="shown" of={SwitchStories.DisabledChecked} />
@@ -1,27 +0,0 @@
1
- import { Meta, Story } from '@storybook/blocks'
2
-
3
- import * as TabStories from '../stories/Appearance.stories.tsx'
4
- import * as TabGroupStories from '../stories/Group.stories.tsx'
5
-
6
- <Meta title="Atoms / Tab" />
7
-
8
- # Tab
9
-
10
- `Tab` - это элемент быстрой навигации между сгруппированным контентом без перезагрузки страницы.
11
- Отображает в общем контейнере выбранный раздел контента, скрывая остальные разделы.
12
-
13
- Табы образуют группу. Группа табов отделяется от контента линией или
14
- границей блоков. Один таб всегда выбран, по умолчанию первый. Может быть выбран только один таб
15
- из всей группы. Клик по неактивному табу скрывает текущий контент и отображает контент выбранного таба.
16
- Используйте табы для второстепенной навигации, группировки и фильтрации связанного контента.
17
-
18
- <Story of={TabStories.Accent} />
19
-
20
- # TabGroup
21
-
22
- `TabGroup` состоит из табов, которые образуют группу. Группа табов отделяется от контента линией или
23
- границей блоков. Один таб всегда выбран, по умолчанию первый. Может быть выбран только один таб
24
- из всей группы. Клик по неактивному табу скрывает текущий контент и отображает контент выбранного таба.
25
- Используйте табы для второстепенной навигации, группировки и фильтрации связанного контента.
26
-
27
- <Story of={TabGroupStories.Default} />
@@ -1,35 +0,0 @@
1
- import { Canvas, Meta } from '@storybook/blocks'
2
-
3
- import * as SizeStories from '../stories/TextSize.stories'
4
-
5
- <Meta of={SizeStories} />
6
-
7
- # Size
8
-
9
- ## XXL
10
-
11
- <Canvas sourceState="shown" of={SizeStories.SizeXXL} />
12
-
13
- ## XL
14
-
15
- <Canvas sourceState="shown" of={SizeStories.SizeXL} />
16
-
17
- ## L
18
-
19
- <Canvas sourceState="shown" of={SizeStories.SizeL} />
20
-
21
- ## M
22
-
23
- <Canvas sourceState="shown" of={SizeStories.SizeM} />
24
-
25
- ## S
26
-
27
- <Canvas sourceState="shown" of={SizeStories.SizeS} />
28
-
29
- ## XS
30
-
31
- <Canvas sourceState="shown" of={SizeStories.SizeXS} />
32
-
33
- ## XXS
34
-
35
- <Canvas sourceState="shown" of={SizeStories.SizeXXS} />
@@ -1,21 +0,0 @@
1
- declare const cellAppearanceAccent: {
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
- loaderFill: string;
18
- loaderItemFill: string;
19
- };
20
- };
21
- export { cellAppearanceAccent };
@@ -1,7 +0,0 @@
1
- declare const cellAppearanceDanger: {
2
- danger: {
3
- fill: string;
4
- fillHover: string;
5
- };
6
- };
7
- export { cellAppearanceDanger };
@@ -1,11 +0,0 @@
1
- declare const cellAppearanceError: {
2
- error: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- labelTextColorHover: string;
7
- loaderFill: string;
8
- loaderItemFill: string;
9
- };
10
- };
11
- export { cellAppearanceError };
@@ -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 };