@xqmsg/ui-core 0.9.2 → 0.10.0

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 (47) hide show
  1. package/dist/components/input/InputTypes.d.ts +5 -3
  2. package/dist/components/input/StackedInput/StackedInput.d.ts +0 -3
  3. package/dist/components/input/StackedMultiSelect/index.d.ts +1 -1
  4. package/dist/components/input/StackedSelect/StackedSelect.d.ts +7 -3
  5. package/dist/components/input/components/dropdown/index.d.ts +10 -0
  6. package/dist/components/input/components/label/index.d.ts +9 -0
  7. package/dist/components/input/components/token/Token.stories.d.ts +5 -0
  8. package/dist/components/input/components/token/index.d.ts +7 -0
  9. package/dist/components/input/index.d.ts +1 -3
  10. package/dist/theme/components/form-error.d.ts +3 -3
  11. package/dist/theme/components/form-label.d.ts +4 -6
  12. package/dist/theme/components/form.d.ts +3 -3
  13. package/dist/theme/components/input.d.ts +32 -161
  14. package/dist/theme/components/select.d.ts +27 -153
  15. package/dist/theme/components/textarea.d.ts +10 -117
  16. package/dist/theme/foundations/colors.d.ts +30 -0
  17. package/dist/ui-core.cjs.development.js +455 -490
  18. package/dist/ui-core.cjs.development.js.map +1 -1
  19. package/dist/ui-core.cjs.production.min.js +1 -1
  20. package/dist/ui-core.cjs.production.min.js.map +1 -1
  21. package/dist/ui-core.esm.js +459 -494
  22. package/dist/ui-core.esm.js.map +1 -1
  23. package/package.json +5 -3
  24. package/src/components/input/Input.stories.tsx +28 -12
  25. package/src/components/input/InputTypes.ts +7 -1
  26. package/src/components/input/StackedInput/StackedInput.tsx +3 -15
  27. package/src/components/input/StackedMultiSelect/components/MultiValue/index.tsx +2 -2
  28. package/src/components/input/StackedMultiSelect/index.tsx +89 -93
  29. package/src/components/input/StackedPilledInput/index.tsx +145 -56
  30. package/src/components/input/StackedSelect/StackedSelect.tsx +63 -20
  31. package/src/components/input/StackedSelect/assets/svg/subtract.svg +3 -0
  32. package/src/components/input/components/dropdown/index.tsx +79 -0
  33. package/src/components/input/components/label/index.tsx +24 -0
  34. package/src/components/input/components/token/Token.stories.tsx +22 -0
  35. package/src/components/input/components/token/assets/svg/close.svg +3 -0
  36. package/src/components/input/components/token/index.tsx +37 -0
  37. package/src/components/input/index.tsx +8 -20
  38. package/src/theme/components/alert.ts +4 -4
  39. package/src/theme/components/form-error.ts +11 -14
  40. package/src/theme/components/form-label.ts +8 -8
  41. package/src/theme/components/form.ts +10 -13
  42. package/src/theme/components/input.ts +17 -191
  43. package/src/theme/components/select.ts +5 -10
  44. package/src/theme/components/textarea.ts +2 -38
  45. package/src/theme/foundations/colors.ts +17 -1
  46. package/dist/components/input/components/InputTag/index.d.ts +0 -7
  47. package/src/components/input/components/InputTag/index.tsx +0 -24
@@ -2,135 +2,28 @@ declare const _default: {
2
2
  baseStyle: {
3
3
  display: string;
4
4
  paddingY: string;
5
- minHeight: string;
5
+ height: string;
6
6
  lineHeight: string;
7
- width: string;
8
- outline: number;
9
- position: string;
10
- appearance: string;
11
- transition: string;
7
+ fontSize: string;
12
8
  '::placeholder': {
13
9
  color: string;
14
10
  };
15
- };
16
- sizes: {
17
- sm: {
18
- fontSize: string;
19
- pl: number;
20
- pr: number;
21
- h: number;
22
- borderRadius: string;
23
- };
24
- md: {
25
- fontSize: string;
26
- pl: number;
27
- pr: number;
28
- h: number;
29
- borderRadius: string;
30
- };
31
- lg: {
32
- fontSize: string;
33
- pl: number;
34
- pr: number;
35
- h: number;
36
- borderRadius: string;
37
- };
38
- };
39
- variants: {
40
- outline: (props: Record<string, any>) => {
41
- border: string;
42
- borderColor: string;
43
- bg: string;
44
- _hover: {
45
- borderColor: string;
46
- };
47
- _readOnly: {
48
- boxShadow: string;
49
- userSelect: string;
50
- };
51
- _disabled: {
52
- opacity: number;
53
- cursor: string;
54
- };
55
- _focus: {
56
- zIndex: number;
57
- borderColor: any;
58
- boxShadow: string;
59
- };
60
- _invalid: {
61
- borderColor: any;
62
- boxShadow: string;
63
- _focus: {
64
- boxShadow: string;
65
- };
66
- };
67
- };
68
- flushed: (props: Record<string, any>) => {
69
- borderBottom: string;
70
- borderRadius: number;
71
- pl: number;
72
- pr: number;
11
+ py: string;
12
+ px: string;
13
+ border: string;
14
+ borderColor: string;
15
+ _disabled: {
16
+ cursor: string;
73
17
  bg: string;
74
- _readOnly: {
75
- boxShadow: string;
76
- userSelect: string;
77
- };
78
- _focus: {
79
- borderColor: any;
80
- boxShadow: string;
81
- };
82
- _invalid: {
83
- borderColor: any;
84
- };
85
- };
86
- filled: (props: Record<string, any>) => {
87
- border: string;
88
- borderColor: string;
89
- bg: string;
90
- _hover: {
91
- bg: string;
92
- };
93
- _readOnly: {
94
- boxShadow: string;
95
- userSelect: string;
96
- };
97
- _disabled: {
98
- opacity: number;
99
- cursor: string;
100
- };
101
- _focus: {
102
- bg: string;
103
- borderColor: any;
104
- };
105
- _invalid: {
106
- borderColor: any;
107
- };
18
+ color: string;
108
19
  };
109
- code: (props: Record<string, any>) => {
20
+ _focus: {
110
21
  bg: string;
111
- color: string;
112
- fontFamily: string;
113
- fontSize: string;
114
22
  border: string;
115
23
  borderColor: string;
116
- borderRadius: string;
117
- p: number;
118
- wordBreak: string;
119
- _focus: {
120
- zIndex: number;
121
- borderColor: any;
122
- boxShadow: string;
123
- };
124
- };
125
- unstyled: {
126
- bg: string;
127
- pl: number;
128
- pr: number;
129
- height: string;
130
24
  };
131
25
  };
132
26
  defaultProps: {
133
- size: string;
134
27
  variant: string;
135
28
  };
136
29
  };
@@ -16,6 +16,21 @@ declare const colors: {
16
16
  light: string;
17
17
  dark: string;
18
18
  };
19
+ secondary: {
20
+ light: string;
21
+ };
22
+ error: string;
23
+ };
24
+ border: {
25
+ focus: string;
26
+ default: string;
27
+ };
28
+ fill: {
29
+ light: string;
30
+ positive: string;
31
+ error: string;
32
+ warning: string;
33
+ blue: string;
19
34
  };
20
35
  whiteAlpha: {
21
36
  50: string;
@@ -73,6 +88,21 @@ declare const _default: {
73
88
  light: string;
74
89
  dark: string;
75
90
  };
91
+ secondary: {
92
+ light: string;
93
+ };
94
+ error: string;
95
+ };
96
+ border: {
97
+ focus: string;
98
+ default: string;
99
+ };
100
+ fill: {
101
+ light: string;
102
+ positive: string;
103
+ error: string;
104
+ warning: string;
105
+ blue: string;
76
106
  };
77
107
  whiteAlpha: {
78
108
  50: string;