@innovui/react-native 0.0.0-stage → 0.1.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 (204) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +57 -2
  3. package/dist/components/_shared/anchored-overlay.js +74 -0
  4. package/dist/components/_shared/anchored-overlay.js.map +1 -0
  5. package/dist/components/_shared/backdrop.js +25 -0
  6. package/dist/components/_shared/backdrop.js.map +1 -0
  7. package/dist/components/_shared/overlay-anchor.js +31 -0
  8. package/dist/components/_shared/overlay-anchor.js.map +1 -0
  9. package/dist/components/_shared/overlay-state.js +31 -0
  10. package/dist/components/_shared/overlay-state.js.map +1 -0
  11. package/dist/components/_shared/status.d.ts +5 -0
  12. package/dist/components/_shared/status.js +98 -0
  13. package/dist/components/_shared/status.js.map +1 -0
  14. package/dist/components/_shared/use-token.js +15 -0
  15. package/dist/components/_shared/use-token.js.map +1 -0
  16. package/dist/components/accordion/accordion.d.ts +43 -0
  17. package/dist/components/accordion/accordion.js +90 -0
  18. package/dist/components/accordion/accordion.js.map +1 -0
  19. package/dist/components/accordion/index.d.ts +2 -0
  20. package/dist/components/alert/alert.d.ts +25 -0
  21. package/dist/components/alert/alert.js +61 -0
  22. package/dist/components/alert/alert.js.map +1 -0
  23. package/dist/components/alert/index.d.ts +2 -0
  24. package/dist/components/avatar/avatar.d.ts +17 -0
  25. package/dist/components/avatar/avatar.js +51 -0
  26. package/dist/components/avatar/avatar.js.map +1 -0
  27. package/dist/components/avatar/index.d.ts +2 -0
  28. package/dist/components/badge/badge.d.ts +16 -0
  29. package/dist/components/badge/badge.js +57 -0
  30. package/dist/components/badge/badge.js.map +1 -0
  31. package/dist/components/badge/index.d.ts +2 -0
  32. package/dist/components/banner/banner.d.ts +23 -0
  33. package/dist/components/banner/banner.js +50 -0
  34. package/dist/components/banner/banner.js.map +1 -0
  35. package/dist/components/banner/index.d.ts +2 -0
  36. package/dist/components/breadcrumb/breadcrumb.d.ts +22 -0
  37. package/dist/components/breadcrumb/breadcrumb.js +54 -0
  38. package/dist/components/breadcrumb/breadcrumb.js.map +1 -0
  39. package/dist/components/breadcrumb/index.d.ts +2 -0
  40. package/dist/components/button/button.d.ts +21 -0
  41. package/dist/components/button/button.js +89 -0
  42. package/dist/components/button/button.js.map +1 -0
  43. package/dist/components/button/index.d.ts +2 -0
  44. package/dist/components/card/card.d.ts +17 -0
  45. package/dist/components/card/card.js +28 -0
  46. package/dist/components/card/card.js.map +1 -0
  47. package/dist/components/card/index.d.ts +2 -0
  48. package/dist/components/checkbox/checkbox.d.ts +18 -0
  49. package/dist/components/checkbox/checkbox.js +64 -0
  50. package/dist/components/checkbox/checkbox.js.map +1 -0
  51. package/dist/components/checkbox/index.d.ts +2 -0
  52. package/dist/components/combobox/combobox.d.ts +40 -0
  53. package/dist/components/combobox/combobox.js +101 -0
  54. package/dist/components/combobox/combobox.js.map +1 -0
  55. package/dist/components/combobox/index.d.ts +2 -0
  56. package/dist/components/container/container.d.ts +17 -0
  57. package/dist/components/container/container.js +42 -0
  58. package/dist/components/container/container.js.map +1 -0
  59. package/dist/components/container/index.d.ts +2 -0
  60. package/dist/components/date-picker/calendar.d.ts +38 -0
  61. package/dist/components/date-picker/calendar.js +137 -0
  62. package/dist/components/date-picker/calendar.js.map +1 -0
  63. package/dist/components/date-picker/date-picker.d.ts +24 -0
  64. package/dist/components/date-picker/date-picker.js +52 -0
  65. package/dist/components/date-picker/date-picker.js.map +1 -0
  66. package/dist/components/date-picker/date-presets.d.ts +15 -0
  67. package/dist/components/date-picker/date-presets.js +52 -0
  68. package/dist/components/date-picker/date-presets.js.map +1 -0
  69. package/dist/components/date-picker/date-range-picker.d.ts +24 -0
  70. package/dist/components/date-picker/date-range-picker.js +78 -0
  71. package/dist/components/date-picker/date-range-picker.js.map +1 -0
  72. package/dist/components/date-picker/date-sheet.js +33 -0
  73. package/dist/components/date-picker/date-sheet.js.map +1 -0
  74. package/dist/components/date-picker/date-trigger.js +14 -0
  75. package/dist/components/date-picker/date-trigger.js.map +1 -0
  76. package/dist/components/date-picker/dates.d.ts +8 -0
  77. package/dist/components/date-picker/dates.js +40 -0
  78. package/dist/components/date-picker/dates.js.map +1 -0
  79. package/dist/components/date-picker/index.d.ts +6 -0
  80. package/dist/components/divider/divider.d.ts +11 -0
  81. package/dist/components/divider/divider.js +16 -0
  82. package/dist/components/divider/divider.js.map +1 -0
  83. package/dist/components/divider/index.d.ts +2 -0
  84. package/dist/components/drawer/drawer.d.ts +34 -0
  85. package/dist/components/drawer/drawer.js +144 -0
  86. package/dist/components/drawer/drawer.js.map +1 -0
  87. package/dist/components/drawer/index.d.ts +2 -0
  88. package/dist/components/field/field.d.ts +31 -0
  89. package/dist/components/field/field.js +52 -0
  90. package/dist/components/field/field.js.map +1 -0
  91. package/dist/components/field/index.d.ts +2 -0
  92. package/dist/components/grid/grid.d.ts +35 -0
  93. package/dist/components/grid/grid.js +64 -0
  94. package/dist/components/grid/grid.js.map +1 -0
  95. package/dist/components/grid/index.d.ts +2 -0
  96. package/dist/components/icon-button/icon-button.d.ts +23 -0
  97. package/dist/components/icon-button/icon-button.js +48 -0
  98. package/dist/components/icon-button/icon-button.js.map +1 -0
  99. package/dist/components/icon-button/index.d.ts +2 -0
  100. package/dist/components/input/index.d.ts +2 -0
  101. package/dist/components/input/input.d.ts +22 -0
  102. package/dist/components/input/input.js +86 -0
  103. package/dist/components/input/input.js.map +1 -0
  104. package/dist/components/link/index.d.ts +2 -0
  105. package/dist/components/link/link.d.ts +13 -0
  106. package/dist/components/link/link.js +20 -0
  107. package/dist/components/link/link.js.map +1 -0
  108. package/dist/components/list/index.d.ts +2 -0
  109. package/dist/components/list/list.d.ts +26 -0
  110. package/dist/components/list/list.js +45 -0
  111. package/dist/components/list/list.js.map +1 -0
  112. package/dist/components/menu/index.d.ts +2 -0
  113. package/dist/components/menu/menu.d.ts +47 -0
  114. package/dist/components/menu/menu.js +81 -0
  115. package/dist/components/menu/menu.js.map +1 -0
  116. package/dist/components/modal/index.d.ts +2 -0
  117. package/dist/components/modal/modal.d.ts +41 -0
  118. package/dist/components/modal/modal.js +92 -0
  119. package/dist/components/modal/modal.js.map +1 -0
  120. package/dist/components/pagination/index.d.ts +2 -0
  121. package/dist/components/pagination/pagination.d.ts +21 -0
  122. package/dist/components/pagination/pagination.js +99 -0
  123. package/dist/components/pagination/pagination.js.map +1 -0
  124. package/dist/components/popover/index.d.ts +2 -0
  125. package/dist/components/popover/popover.d.ts +29 -0
  126. package/dist/components/popover/popover.js +54 -0
  127. package/dist/components/popover/popover.js.map +1 -0
  128. package/dist/components/radio/index.d.ts +2 -0
  129. package/dist/components/radio/radio.d.ts +16 -0
  130. package/dist/components/radio/radio.js +37 -0
  131. package/dist/components/radio/radio.js.map +1 -0
  132. package/dist/components/segmented-control/index.d.ts +2 -0
  133. package/dist/components/segmented-control/segmented-control.d.ts +23 -0
  134. package/dist/components/segmented-control/segmented-control.js +53 -0
  135. package/dist/components/segmented-control/segmented-control.js.map +1 -0
  136. package/dist/components/select/field-trigger.d.ts +6 -0
  137. package/dist/components/select/field-trigger.js +90 -0
  138. package/dist/components/select/field-trigger.js.map +1 -0
  139. package/dist/components/select/index.d.ts +2 -0
  140. package/dist/components/select/select.d.ts +35 -0
  141. package/dist/components/select/select.js +98 -0
  142. package/dist/components/select/select.js.map +1 -0
  143. package/dist/components/skeleton/index.d.ts +2 -0
  144. package/dist/components/skeleton/skeleton.d.ts +17 -0
  145. package/dist/components/skeleton/skeleton.js +53 -0
  146. package/dist/components/skeleton/skeleton.js.map +1 -0
  147. package/dist/components/slider/index.d.ts +2 -0
  148. package/dist/components/slider/slider.d.ts +26 -0
  149. package/dist/components/slider/slider.js +102 -0
  150. package/dist/components/slider/slider.js.map +1 -0
  151. package/dist/components/spinner/index.d.ts +2 -0
  152. package/dist/components/spinner/spinner.d.ts +13 -0
  153. package/dist/components/spinner/spinner.js +47 -0
  154. package/dist/components/spinner/spinner.js.map +1 -0
  155. package/dist/components/stack/index.d.ts +2 -0
  156. package/dist/components/stack/stack.d.ts +17 -0
  157. package/dist/components/stack/stack.js +60 -0
  158. package/dist/components/stack/stack.js.map +1 -0
  159. package/dist/components/stepper/index.d.ts +2 -0
  160. package/dist/components/stepper/stepper.d.ts +20 -0
  161. package/dist/components/stepper/stepper.js +61 -0
  162. package/dist/components/stepper/stepper.js.map +1 -0
  163. package/dist/components/switch/index.d.ts +2 -0
  164. package/dist/components/switch/switch.d.ts +15 -0
  165. package/dist/components/switch/switch.js +51 -0
  166. package/dist/components/switch/switch.js.map +1 -0
  167. package/dist/components/table/index.d.ts +2 -0
  168. package/dist/components/table/table.d.ts +42 -0
  169. package/dist/components/table/table.js +83 -0
  170. package/dist/components/table/table.js.map +1 -0
  171. package/dist/components/tabs/index.d.ts +2 -0
  172. package/dist/components/tabs/tabs.d.ts +35 -0
  173. package/dist/components/tabs/tabs.js +82 -0
  174. package/dist/components/tabs/tabs.js.map +1 -0
  175. package/dist/components/tag/index.d.ts +2 -0
  176. package/dist/components/tag/tag.d.ts +18 -0
  177. package/dist/components/tag/tag.js +37 -0
  178. package/dist/components/tag/tag.js.map +1 -0
  179. package/dist/components/textarea/index.d.ts +2 -0
  180. package/dist/components/textarea/textarea.d.ts +16 -0
  181. package/dist/components/textarea/textarea.js +46 -0
  182. package/dist/components/textarea/textarea.js.map +1 -0
  183. package/dist/components/toast/index.d.ts +2 -0
  184. package/dist/components/toast/toast.d.ts +41 -0
  185. package/dist/components/toast/toast.js +167 -0
  186. package/dist/components/toast/toast.js.map +1 -0
  187. package/dist/components/tooltip/index.d.ts +2 -0
  188. package/dist/components/tooltip/tooltip.d.ts +28 -0
  189. package/dist/components/tooltip/tooltip.js +62 -0
  190. package/dist/components/tooltip/tooltip.js.map +1 -0
  191. package/dist/components/upload/index.d.ts +2 -0
  192. package/dist/components/upload/upload.d.ts +65 -0
  193. package/dist/components/upload/upload.js +130 -0
  194. package/dist/components/upload/upload.js.map +1 -0
  195. package/dist/index.d.ts +87 -0
  196. package/dist/index.js +46 -0
  197. package/dist/tokens/generated.d.ts +371 -0
  198. package/dist/tokens/generated.js +373 -0
  199. package/dist/tokens/generated.js.map +1 -0
  200. package/dist/utils/cn.d.ts +6 -0
  201. package/dist/utils/cn.js +11 -0
  202. package/dist/utils/cn.js.map +1 -0
  203. package/package.json +61 -3
  204. package/theme.css +191 -0
package/theme.css ADDED
@@ -0,0 +1,191 @@
1
+ /* Gerado por scripts/generate-tokens.ts a partir de packages/react/src/styles/tokens.css. Não edite à mão. */
2
+
3
+ @layer theme {
4
+ :root {
5
+ @variant light {
6
+ --color-text-primary: #10172b;
7
+ --color-text-secondary: #49556a;
8
+ --color-text-tertiary: #96a3b9;
9
+ --color-text-disabled: #ccd5e2;
10
+ --color-text-inverse: #ffffff;
11
+ --color-text-inverse-secondary: #96a3b9;
12
+ --color-text-brand: #9035ee;
13
+ --color-bg-primary: #ffffff;
14
+ --color-bg-secondary: #f8fafc;
15
+ --color-bg-tertiary: #f1f5f9;
16
+ --color-bg-inverse: #10172b;
17
+ --color-bg-skeleton: #e3e8f0;
18
+ --color-bg-success-emphasis: #37a345;
19
+ --color-border-default: #e3e8f0;
20
+ --color-border-strong: #96a3b9;
21
+ --color-border-focus: #bd84ff;
22
+ --color-surface-primary: #ffffff;
23
+ --color-surface-elevated: #ffffff;
24
+ --color-surface-overlay: #10172b;
25
+ --color-interactive-primary: #9035ee;
26
+ --color-interactive-primary-hover: #7b24d1;
27
+ --color-interactive-disabled: #e3e8f0;
28
+ --color-status-success-text: #2c803a;
29
+ --color-status-success-bg: #f1fdf4;
30
+ --color-status-success-border: #47c559;
31
+ --color-status-error-text: #d3221e;
32
+ --color-status-error-bg: #fdf2f2;
33
+ --color-status-error-border: #e54240;
34
+ --color-status-warning-text: #9c6100;
35
+ --color-status-warning-bg: #fdf9c0;
36
+ --color-status-warning-border: #e5b200;
37
+ --color-status-info-text: #3664ef;
38
+ --color-status-info-bg: #f0f6ff;
39
+ --color-status-info-border: #4b83f9;
40
+ --color-status-neutral-text: #49556a;
41
+ --color-status-neutral-bg: #f8fafc;
42
+ --color-status-neutral-border: #e3e8f0;
43
+ --color-status-pending-text: #9c6100;
44
+ --color-status-pending-bg: #fdf9c0;
45
+ --color-button-primary-text: #ffffff;
46
+ --color-button-primary-bg: #9035ee;
47
+ --color-button-primary-bg-hover: #7b24d1;
48
+ --color-button-primary-bg-active: #6822ab;
49
+ --color-button-secondary-text: #9035ee;
50
+ --color-button-secondary-bg: #faf5ff;
51
+ --color-button-secondary-bg-hover: #f2e8ff;
52
+ --color-button-tertiary-text: #10172b;
53
+ --color-button-tertiary-border: #ccd5e2;
54
+ --color-button-ghost-text: #9035ee;
55
+ --color-button-ghost-bg-hover: #faf5ff;
56
+ --color-button-destructive-text: #ffffff;
57
+ --color-button-destructive-bg: #d3221e;
58
+ --color-button-destructive-bg-hover: #b11815;
59
+ --color-button-destructive-bg-active: #921916;
60
+ --color-button-disabled-bg: #e3e8f0;
61
+ --color-button-disabled-text: #96a3b9;
62
+ --color-button-disabled-text-destructive: #ccd5e2;
63
+ --color-button-focus-ring: #bd84ff;
64
+ --color-spinner-track: #10172b;
65
+ --color-spinner-indicator: #10172b;
66
+ --color-field-text: #10172b;
67
+ --color-field-text-placeholder: #96a3b9;
68
+ --color-field-text-label: #49556a;
69
+ --color-field-text-disabled: #ccd5e2;
70
+ --color-field-bg: #ffffff;
71
+ --color-field-bg-disabled: #f8fafc;
72
+ --color-field-border: #e3e8f0;
73
+ --color-field-border-hover: #96a3b9;
74
+ --color-field-border-error: #e54240;
75
+ --color-field-border-disabled: #e3e8f0;
76
+ --color-field-focus-ring: #bd84ff;
77
+ --color-select-dropdown-bg: #ffffff;
78
+ --color-select-dropdown-border: #f1f5f9;
79
+ --color-select-option-text: #10172b;
80
+ --color-select-option-text-disabled: #ccd5e2;
81
+ --color-select-option-bg-hover: #f8fafc;
82
+ --color-select-option-bg-selected: #faf5ff;
83
+ --color-selection-bg-unselected: #ffffff;
84
+ --color-selection-border-unselected: #ccd5e2;
85
+ --color-selection-text-label: #10172b;
86
+ --color-selection-indicator-selected: #ffffff;
87
+ --color-selection-bg-selected: #9035ee;
88
+ --color-selection-border-selected: #a456fb;
89
+ --color-selection-focus-ring: #bd84ff;
90
+ --color-selection-bg-disabled: #e3e8f0;
91
+ --color-selection-border-disabled: #e3e8f0;
92
+ --color-selection-text-disabled: #ccd5e2;
93
+ --color-selection-toggle-track-off: #ccd5e2;
94
+ --color-selection-toggle-track-off-hover: #96a3b9;
95
+ --color-selection-toggle-track-on-hover: #7b24d1;
96
+ }
97
+
98
+ @variant dark {
99
+ --color-text-primary: #f8fafc;
100
+ --color-text-secondary: #ccd5e2;
101
+ --color-text-tertiary: #66748c;
102
+ --color-text-disabled: #49556a;
103
+ --color-text-inverse: #10172b;
104
+ --color-text-inverse-secondary: #66748c;
105
+ --color-text-brand: #d6b4ff;
106
+ --color-bg-primary: #10172b;
107
+ --color-bg-secondary: #20293c;
108
+ --color-bg-tertiary: #354156;
109
+ --color-bg-inverse: #ffffff;
110
+ --color-bg-skeleton: #49556a;
111
+ --color-bg-success-emphasis: #37a345;
112
+ --color-border-default: #66748c;
113
+ --color-border-strong: #96a3b9;
114
+ --color-border-focus: #bd84ff;
115
+ --color-surface-primary: #20293c;
116
+ --color-surface-elevated: #354156;
117
+ --color-surface-overlay: #10172b;
118
+ --color-interactive-primary: #bd84ff;
119
+ --color-interactive-primary-hover: #d6b4ff;
120
+ --color-interactive-disabled: #354156;
121
+ --color-status-success-text: #63de7c;
122
+ --color-status-success-bg: #1f532b;
123
+ --color-status-success-border: #63de7c;
124
+ --color-status-error-text: #f5a4a4;
125
+ --color-status-error-bg: #7a1c1a;
126
+ --color-status-error-border: #ef706f;
127
+ --color-status-warning-text: #e5b200;
128
+ --color-status-warning-bg: #402003;
129
+ --color-status-warning-border: #c48900;
130
+ --color-status-info-text: #9ac5ff;
131
+ --color-status-info-bg: #1e3a8a;
132
+ --color-status-info-border: #6ca6fd;
133
+ --color-status-neutral-text: #ccd5e2;
134
+ --color-status-neutral-bg: #20293c;
135
+ --color-status-neutral-border: #66748c;
136
+ --color-status-pending-text: #e5b200;
137
+ --color-status-pending-bg: #402003;
138
+ --color-button-primary-text: #10172b;
139
+ --color-button-primary-bg: #bd84ff;
140
+ --color-button-primary-bg-hover: #d6b4ff;
141
+ --color-button-primary-bg-active: #e8d5ff;
142
+ --color-button-secondary-text: #d6b4ff;
143
+ --color-button-secondary-bg: #561d89;
144
+ --color-button-secondary-bg-hover: #6822ab;
145
+ --color-button-tertiary-text: #f8fafc;
146
+ --color-button-tertiary-border: #49556a;
147
+ --color-button-ghost-text: #d6b4ff;
148
+ --color-button-ghost-bg-hover: #561d89;
149
+ --color-button-destructive-text: #10172b;
150
+ --color-button-destructive-bg: #ef706f;
151
+ --color-button-destructive-bg-hover: #f5a4a4;
152
+ --color-button-destructive-bg-active: #facac9;
153
+ --color-button-disabled-bg: #354156;
154
+ --color-button-disabled-text: #66748c;
155
+ --color-button-disabled-text-destructive: #49556a;
156
+ --color-button-focus-ring: #bd84ff;
157
+ --color-spinner-track: #f8fafc;
158
+ --color-spinner-indicator: #f8fafc;
159
+ --color-field-text: #f8fafc;
160
+ --color-field-text-placeholder: #66748c;
161
+ --color-field-text-label: #ccd5e2;
162
+ --color-field-text-disabled: #49556a;
163
+ --color-field-bg: #10172b;
164
+ --color-field-bg-disabled: #20293c;
165
+ --color-field-border: #66748c;
166
+ --color-field-border-hover: #96a3b9;
167
+ --color-field-border-error: #ef706f;
168
+ --color-field-border-disabled: #66748c;
169
+ --color-field-focus-ring: #bd84ff;
170
+ --color-select-dropdown-bg: #354156;
171
+ --color-select-dropdown-border: #20293c;
172
+ --color-select-option-text: #f8fafc;
173
+ --color-select-option-text-disabled: #49556a;
174
+ --color-select-option-bg-hover: #20293c;
175
+ --color-select-option-bg-selected: #561d89;
176
+ --color-selection-bg-unselected: #10172b;
177
+ --color-selection-border-unselected: #49556a;
178
+ --color-selection-text-label: #f8fafc;
179
+ --color-selection-indicator-selected: #10172b;
180
+ --color-selection-bg-selected: #bd84ff;
181
+ --color-selection-border-selected: #bd84ff;
182
+ --color-selection-focus-ring: #bd84ff;
183
+ --color-selection-bg-disabled: #354156;
184
+ --color-selection-border-disabled: #66748c;
185
+ --color-selection-text-disabled: #49556a;
186
+ --color-selection-toggle-track-off: #49556a;
187
+ --color-selection-toggle-track-off-hover: #96a3b9;
188
+ --color-selection-toggle-track-on-hover: #d6b4ff;
189
+ }
190
+ }
191
+ }