@itcase/ui 1.1.1 → 1.1.3

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 (49) hide show
  1. package/dist/components/Button.js +8 -3
  2. package/dist/components/Cell.js +32 -14
  3. package/dist/components/DatePicker.js +2 -1
  4. package/dist/components/FormField.js +3 -3
  5. package/dist/components/Grid.js +2 -2
  6. package/dist/components/Icon.js +125 -16
  7. package/dist/components/Input.js +1 -8
  8. package/dist/components/InputMask.js +233 -0
  9. package/dist/components/InputPassword.js +6 -6
  10. package/dist/components/Label.js +4 -4
  11. package/dist/components/Modal.js +27 -27
  12. package/dist/components/{Fader.js → Overlay.js} +43 -43
  13. package/dist/components/Response.js +10 -9
  14. package/dist/components/ScrollOnDrag.js +290 -0
  15. package/dist/components/Search.js +19 -3
  16. package/dist/components/Tab.js +8 -8
  17. package/dist/components/Text.js +4 -4
  18. package/dist/constants/componentProps/borderWidth.js +3 -1
  19. package/dist/constants/componentProps/emojiSize.js +3 -1
  20. package/dist/constants/componentProps/iconFillSize.js +3 -1
  21. package/dist/constants/componentProps/iconSize.js +3 -1
  22. package/dist/constants/componentProps/sizePX.js +3 -1
  23. package/dist/css/components/DatePicker/DatePicker.css +12 -5
  24. package/dist/css/components/Group/Group.css +0 -8
  25. package/dist/css/components/InputMask/Input.css +77 -0
  26. package/dist/css/components/Label/Label.css +0 -19
  27. package/dist/css/components/Loader/Loader.css +1 -1
  28. package/dist/css/components/Modal/Modal.css +3 -3
  29. package/dist/css/components/{Fader/Fader.css → Overlay/Overlay.css} +10 -10
  30. package/dist/css/components/Response/Response.css +8 -0
  31. package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css +6 -0
  32. package/dist/css/styles/align/align_vertical-reverse.css +6 -6
  33. package/dist/css/styles/align/align_vertical.css +8 -8
  34. package/dist/css/styles/border-color/border-color.css +1 -1
  35. package/dist/css/styles/border-color/border-color_focus.css +2 -2
  36. package/dist/css/styles/border-color/border-color_hover.css +1 -1
  37. package/dist/css/styles/caret-color/caret-color.css +1 -1
  38. package/dist/css/styles/fill/fill.css +2 -2
  39. package/dist/css/styles/fill/fill_active.css +2 -2
  40. package/dist/css/styles/fill/fill_active_hover.css +2 -2
  41. package/dist/css/styles/fill/fill_disabled.css +2 -2
  42. package/dist/css/styles/fill/fill_hover.css +2 -2
  43. package/dist/stories/ModalConfirm.stories.js +1 -1
  44. package/dist/stories/ModalDefault.stories.js +1 -1
  45. package/dist/stories/NotFound.stories.js +3 -4
  46. package/package.json +1 -1
  47. package/dist/components/Empty.js +0 -229
  48. package/dist/css/components/Empty/Empty.css +0 -21
  49. package/dist/stories/Empty.stories.js +0 -115
@@ -1,115 +0,0 @@
1
- import { buttonConfig } from '@itcase/ui/components/Button'
2
- import { Empty } from '@itcase/ui/components/Empty'
3
- import { Image } from '@itcase/ui/components/Image'
4
- import {
5
- fillHoverProps,
6
- fillProps,
7
- shapeProps,
8
- sizeProps,
9
- textColorProps,
10
- textSizeProps,
11
- widthProps,
12
- } from '@itcase/ui/constants'
13
-
14
- import buttonAppearance from 'src/components/Button/appearance.json'
15
-
16
- buttonConfig.setAppearance(buttonAppearance)
17
-
18
- export default {
19
- title: 'Atoms / Empty',
20
- component: Empty,
21
- argTypes: {
22
- advancedProps: { control: 'boolean' },
23
- buttonAfter: {
24
- if: { arg: 'advancedProps' },
25
- },
26
- buttonBefore: {
27
- if: { arg: 'advancedProps' },
28
- },
29
- buttonFill: {
30
- options: fillProps,
31
- control: 'select',
32
- },
33
- buttonFillHover: {
34
- options: fillHoverProps,
35
- control: 'select',
36
- },
37
- buttonLabelTextColor: {
38
- options: textColorProps,
39
- control: 'select',
40
- },
41
- buttonLabelTextSize: {
42
- options: textSizeProps,
43
- control: 'inline-radio',
44
- },
45
- buttonShape: {
46
- options: shapeProps,
47
- control: 'inline-radio',
48
- },
49
- buttonSize: {
50
- options: sizeProps,
51
- control: 'inline-radio',
52
- },
53
- buttonWidth: {
54
- options: widthProps,
55
- control: 'inline-radio',
56
- },
57
- messageTextColor: {
58
- options: textColorProps,
59
- control: 'select',
60
- },
61
- messageTextSize: {
62
- options: textSizeProps,
63
- control: 'inline-radio',
64
- },
65
- buttonAppearance: {
66
- options: [
67
- null,
68
- 'accent',
69
- 'primary',
70
- 'secondary',
71
- 'surfacePrimary',
72
- 'surfaceSecondary',
73
- 'surfaceTertiary',
74
- 'surfaceDisabled',
75
- ],
76
- control: 'inline-radio',
77
- },
78
- },
79
- }
80
-
81
- export const Default = {
82
- args: {
83
- // before: <Image alt="search_sign" src="assets/img/search.svg" />,
84
- message: 'message',
85
- messageTextColor: 'surfaceTextPrimary',
86
- messageTextSize: 'l',
87
- buttonLabel: 'Label',
88
- buttonLabelTextSize: 'm',
89
- buttonShape: 'rounded',
90
- buttonSize: 'xxl',
91
- buttonWidth: 'fixed',
92
- buttonAppearance: 'surfaceDisabled',
93
- },
94
- }
95
-
96
- export const Accent = {
97
- args: {
98
- ...Default.args,
99
- buttonAppearance: 'accent',
100
- },
101
- }
102
-
103
- export const Primary = {
104
- args: {
105
- ...Default.args,
106
- buttonAppearance: 'primary',
107
- },
108
- }
109
-
110
- export const Secondary = {
111
- args: {
112
- ...Default.args,
113
- buttonAppearance: 'secondary',
114
- },
115
- }