@uxf/ui 10.0.0-beta.9 → 10.0.1

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 (386) hide show
  1. package/_file-input-base/file-input-base.js +15 -1
  2. package/_file-input-base/index.d.ts +1 -1
  3. package/_input-with-popover/input-with-popover.d.ts +4 -3
  4. package/_input-with-popover/input-with-popover.js +26 -26
  5. package/_select-base/_select-base.d.ts +3 -2
  6. package/_select-base/_select-base.js +6 -5
  7. package/_select-base/index.d.ts +1 -1
  8. package/alert-bubble/alert-bubble.d.ts +8 -0
  9. package/alert-bubble/alert-bubble.js +22 -0
  10. package/alert-bubble/alert-bubble.spec.d.ts +1 -0
  11. package/alert-bubble/alert-bubble.spec.js +9 -0
  12. package/alert-bubble/alert-bubble.stories.d.ts +7 -0
  13. package/alert-bubble/alert-bubble.stories.js +50 -0
  14. package/alert-bubble/index.d.ts +3 -0
  15. package/alert-bubble/index.js +5 -0
  16. package/alert-bubble/theme.d.ts +16 -0
  17. package/alert-bubble/theme.js +2 -0
  18. package/avatar/README.md +8 -0
  19. package/avatar/avatar.stories.js +1 -1
  20. package/avatar/index.d.ts +1 -1
  21. package/avatar-file-input/README.md +1 -0
  22. package/avatar-file-input/avatar-file-input.d.ts +3 -0
  23. package/avatar-file-input/avatar-file-input.js +12 -6
  24. package/avatar-file-input/avatar-file-input.stories.js +5 -5
  25. package/avatar-file-input/index.d.ts +1 -1
  26. package/avatar-file-input/theme.d.ts +5 -0
  27. package/avatar-file-input/theme.js +2 -0
  28. package/badge/README.md +1 -0
  29. package/badge/badge.d.ts +1 -1
  30. package/badge/badge.stories.js +1 -1
  31. package/badge/index.d.ts +1 -1
  32. package/button/README.md +68 -0
  33. package/button/button.stories.js +0 -1
  34. package/button/index.d.ts +1 -1
  35. package/button/theme.d.ts +1 -0
  36. package/button-group/README.md +1 -0
  37. package/button-group/button-group.js +1 -1
  38. package/button-group/button-group.stories.js +1 -1
  39. package/button-group/index.d.ts +1 -1
  40. package/button-list/README.md +1 -0
  41. package/button-list/button-list.d.ts +1 -1
  42. package/button-list/button-list.js +22 -22
  43. package/button-list/index.d.ts +1 -1
  44. package/calendar/README.md +1 -0
  45. package/calendar/calendar-day-cell.d.ts +4 -1
  46. package/calendar/calendar-day-cell.js +18 -18
  47. package/{date-picker/date-picker-navigation.d.ts → calendar/calendar-navigation.d.ts} +2 -3
  48. package/{date-picker/date-picker-navigation.js → calendar/calendar-navigation.js} +6 -6
  49. package/calendar/calendar-provider.js +2 -2
  50. package/calendar/calendar.d.ts +5 -0
  51. package/calendar/calendar.js +6 -9
  52. package/calendar/calendar.stories.js +1 -1
  53. package/calendar/index.d.ts +4 -1
  54. package/calendar/index.js +5 -15
  55. package/checkbox/README.md +1 -0
  56. package/checkbox/checkbox.stories.js +1 -1
  57. package/checkbox/index.d.ts +1 -1
  58. package/checkbox-button/README.md +1 -0
  59. package/checkbox-button/checkbox-button.js +2 -2
  60. package/checkbox-button/checkbox-button.stories.js +1 -1
  61. package/checkbox-button/index.d.ts +1 -1
  62. package/checkbox-input/README.md +1 -0
  63. package/checkbox-input/checkbox-input.d.ts +1 -1
  64. package/checkbox-input/checkbox-input.stories.js +1 -1
  65. package/checkbox-input/index.d.ts +1 -1
  66. package/chip/README.md +1 -0
  67. package/chip/chip.d.ts +1 -1
  68. package/chip/chip.js +5 -3
  69. package/chip/chip.stories.js +37 -31
  70. package/chip/index.d.ts +2 -2
  71. package/color-radio/README.md +8 -0
  72. package/color-radio/color-radio.js +1 -1
  73. package/color-radio/index.d.ts +1 -1
  74. package/color-radio-group/README.md +9 -0
  75. package/color-radio-group/color-radio-group.js +3 -3
  76. package/color-radio-group/color-radio-group.stories.js +1 -1
  77. package/color-radio-group/index.d.ts +1 -1
  78. package/combobox/README.md +12 -0
  79. package/combobox/combobox.d.ts +1 -1
  80. package/combobox/combobox.js +1 -1
  81. package/combobox/combobox.stories.d.ts +2 -1
  82. package/combobox/combobox.stories.js +7 -3
  83. package/combobox/index.d.ts +1 -1
  84. package/config/icons-config.d.ts +1 -1
  85. package/config/icons-config.js +1 -1
  86. package/config/icons.d.ts +13 -3
  87. package/config/icons.js +3 -1
  88. package/content/types.d.ts +1 -1
  89. package/context/provider.js +1 -1
  90. package/create-component-preview-page/create-component-preview-page.d.ts +8 -0
  91. package/create-component-preview-page/create-component-preview-page.js +40 -0
  92. package/create-component-preview-page/index.d.ts +2 -0
  93. package/create-component-preview-page/index.js +18 -0
  94. package/create-component-preview-page/ui-components.d.ts +237 -0
  95. package/create-component-preview-page/ui-components.js +263 -0
  96. package/create-component-preview-page/ui-readmes.d.ts +2 -0
  97. package/create-component-preview-page/ui-readmes.js +102 -0
  98. package/css/alert-bubble.css +100 -0
  99. package/css/avatar-file-input.css +54 -20
  100. package/css/avatar.css +4 -4
  101. package/css/badge.css +5 -5
  102. package/css/button-group.css +1 -1
  103. package/css/button-list.css +2 -2
  104. package/css/button.css +78 -32
  105. package/css/calendar.css +115 -51
  106. package/css/checkbox-button.css +10 -10
  107. package/css/checkbox.css +9 -9
  108. package/css/chip.css +5 -3
  109. package/css/color-radio-group.css +1 -1
  110. package/css/color-radio.css +3 -3
  111. package/css/component-structure-analyzer.css +12 -12
  112. package/css/date-picker.css +10 -3
  113. package/css/date-range-picker.css +21 -0
  114. package/css/datetime-picker.css +2 -2
  115. package/css/dialog.css +55 -0
  116. package/css/dropdown.css +11 -3
  117. package/css/dropzone.css +6 -6
  118. package/css/error-message.css +1 -1
  119. package/css/file-input.css +2 -2
  120. package/css/flash-messages.css +133 -9
  121. package/css/icon.css +1 -1
  122. package/css/image-gallery.css +8 -8
  123. package/css/input-with-popover.css +1 -1
  124. package/css/input.css +10 -10
  125. package/css/layout.css +4 -4
  126. package/css/list-item.css +2 -2
  127. package/css/message.css +92 -0
  128. package/css/modal.css +10 -54
  129. package/css/multi-combobox.css +12 -12
  130. package/css/pagination.css +14 -14
  131. package/css/paper.css +1 -1
  132. package/css/radio-group.css +3 -3
  133. package/css/radio.css +7 -7
  134. package/css/raster-image.css +1 -1
  135. package/css/select-base.css +1 -1
  136. package/css/tabs.css +16 -16
  137. package/css/text-link.css +4 -4
  138. package/css/textarea.css +68 -76
  139. package/css/time-picker.css +12 -16
  140. package/css/toggle.css +3 -3
  141. package/css/tooltip.css +2 -2
  142. package/date-picker/README.md +9 -0
  143. package/date-picker/date-picker-content.d.ts +5 -2
  144. package/date-picker/date-picker-content.js +4 -3
  145. package/date-picker/date-picker-decade.js +10 -10
  146. package/date-picker/date-picker-month.js +6 -6
  147. package/date-picker/date-picker-year.js +2 -2
  148. package/date-picker/date-picker.d.ts +4 -1
  149. package/date-picker/date-picker.js +4 -2
  150. package/date-picker/date-picker.stories.js +2 -1
  151. package/date-picker/index.d.ts +1 -1
  152. package/date-picker-input/README.md +11 -0
  153. package/date-picker-input/date-picker-input.d.ts +2 -0
  154. package/date-picker-input/date-picker-input.js +5 -3
  155. package/date-picker-input/date-picker-input.stories.js +1 -1
  156. package/date-picker-input/index.d.ts +1 -1
  157. package/date-picker-input/index.js +3 -3
  158. package/date-range-picker/README.md +1 -0
  159. package/date-range-picker/date-range-picker-content.d.ts +5 -0
  160. package/date-range-picker/date-range-picker-content.js +56 -0
  161. package/date-range-picker/date-range-picker-decade.d.ts +6 -0
  162. package/date-range-picker/date-range-picker-decade.js +72 -0
  163. package/date-range-picker/date-range-picker-month.d.ts +8 -0
  164. package/date-range-picker/date-range-picker-month.js +69 -0
  165. package/date-range-picker/date-range-picker-year.d.ts +7 -0
  166. package/date-range-picker/date-range-picker-year.js +80 -0
  167. package/date-range-picker/date-range-picker.d.ts +11 -0
  168. package/date-range-picker/date-range-picker.js +51 -0
  169. package/date-range-picker/date-range-picker.spec.d.ts +1 -0
  170. package/date-range-picker/date-range-picker.spec.js +9 -0
  171. package/date-range-picker/date-range-picker.stories.d.ts +7 -0
  172. package/date-range-picker/date-range-picker.stories.js +43 -0
  173. package/date-range-picker/index.d.ts +3 -0
  174. package/date-range-picker/index.js +5 -0
  175. package/date-range-picker/types.d.ts +5 -0
  176. package/date-range-picker/types.js +2 -0
  177. package/date-range-picker-input/README.md +1 -0
  178. package/date-range-picker-input/date-range-picker-input.d.ts +17 -0
  179. package/date-range-picker-input/date-range-picker-input.js +62 -0
  180. package/date-range-picker-input/date-range-picker-input.spec.d.ts +1 -0
  181. package/date-range-picker-input/date-range-picker-input.spec.js +9 -0
  182. package/date-range-picker-input/date-range-picker-input.stories.d.ts +10 -0
  183. package/date-range-picker-input/date-range-picker-input.stories.js +53 -0
  184. package/date-range-picker-input/index.d.ts +2 -0
  185. package/date-range-picker-input/index.js +5 -0
  186. package/datetime-picker/README.md +13 -0
  187. package/datetime-picker/datetime-picker.d.ts +3 -1
  188. package/datetime-picker/datetime-picker.js +5 -5
  189. package/datetime-picker/index.d.ts +1 -1
  190. package/datetime-picker/index.js +2 -2
  191. package/datetime-picker-input/README.md +1 -0
  192. package/datetime-picker-input/datetime-picker-input.d.ts +2 -0
  193. package/datetime-picker-input/datetime-picker-input.js +5 -3
  194. package/datetime-picker-input/datetime-picker-input.stories.js +1 -1
  195. package/datetime-picker-input/index.d.ts +1 -1
  196. package/datetime-picker-input/index.js +2 -2
  197. package/dialog/dialog.d.ts +11 -0
  198. package/{modal/modal-dialog.js → dialog/dialog.js} +9 -10
  199. package/dialog/dialog.spec.d.ts +1 -0
  200. package/dialog/dialog.spec.js +9 -0
  201. package/dialog/dialog.stories.d.ts +7 -0
  202. package/dialog/dialog.stories.js +47 -0
  203. package/dialog/index.d.ts +2 -0
  204. package/dialog/index.js +5 -0
  205. package/dialog/theme.d.ts +4 -0
  206. package/dialog/theme.js +2 -0
  207. package/dropdown/README.md +1 -0
  208. package/dropdown/dropdown.stories.js +2 -2
  209. package/dropdown/index.d.ts +1 -1
  210. package/dropzone/README.md +8 -0
  211. package/dropzone/dropzone-input.js +10 -6
  212. package/dropzone/dropzone-list.js +2 -16
  213. package/dropzone/dropzone.stories.js +7 -7
  214. package/error-message/README.md +7 -0
  215. package/error-message/error-message.stories.js +1 -1
  216. package/file-input/README.md +11 -0
  217. package/file-input/file-input.d.ts +3 -0
  218. package/file-input/file-input.js +10 -22
  219. package/file-input/file-input.stories.js +5 -5
  220. package/file-input/index.d.ts +1 -1
  221. package/flash-messages/README.md +23 -0
  222. package/flash-messages/flash-message.d.ts +1 -1
  223. package/flash-messages/flash-message.js +1 -1
  224. package/flash-messages/flash-messages.js +52 -18
  225. package/flash-messages/flash-messages.stories.js +12 -0
  226. package/flash-messages/index.d.ts +2 -2
  227. package/flash-messages/index.js +4 -4
  228. package/form-component/README.md +7 -0
  229. package/form-component/index.d.ts +1 -1
  230. package/hooks/use-dropdown.d.ts +16 -8
  231. package/icon/README.md +11 -0
  232. package/icon/icon.stories.js +1 -1
  233. package/icon/index.d.ts +1 -1
  234. package/image-gallery/components/close-button.d.ts +2 -1
  235. package/image-gallery/components/close-button.js +2 -3
  236. package/image-gallery/components/gallery.d.ts +4 -1
  237. package/image-gallery/components/gallery.js +6 -5
  238. package/image-gallery/components/next-button.d.ts +7 -0
  239. package/image-gallery/components/next-button.js +14 -0
  240. package/image-gallery/components/prev-button.d.ts +7 -0
  241. package/image-gallery/components/prev-button.js +14 -0
  242. package/image-gallery/image-gallery.d.ts +4 -1
  243. package/image-gallery/image-gallery.js +2 -2
  244. package/image-gallery/image-gallery.stories.js +5 -1
  245. package/image-gallery/image.d.ts +1 -1
  246. package/image-gallery/image.js +1 -1
  247. package/image-gallery/use-image.js +1 -1
  248. package/input/README.md +8 -0
  249. package/input/input-element.d.ts +1 -0
  250. package/input/input-element.js +1 -1
  251. package/input/input.d.ts +2 -2
  252. package/input/input.js +3 -3
  253. package/input/input.stories.js +3 -3
  254. package/label/README.md +7 -0
  255. package/label/index.d.ts +1 -1
  256. package/label/label.stories.js +1 -1
  257. package/layout/index.d.ts +1 -1
  258. package/layout/layout.js +28 -28
  259. package/list-item/README.md +7 -0
  260. package/list-item/index.d.ts +1 -1
  261. package/list-item/list-item.stories.js +1 -1
  262. package/loader/README.md +7 -0
  263. package/loader/index.d.ts +1 -1
  264. package/message/README.md +1 -0
  265. package/message/index.d.ts +3 -0
  266. package/message/index.js +7 -0
  267. package/message/message-content.d.ts +17 -0
  268. package/message/message-content.js +41 -0
  269. package/message/message-service.d.ts +13 -0
  270. package/message/message-service.js +29 -0
  271. package/message/message.d.ts +20 -0
  272. package/message/message.js +47 -0
  273. package/message/message.spec.d.ts +1 -0
  274. package/message/message.spec.js +9 -0
  275. package/message/message.stories.d.ts +7 -0
  276. package/message/message.stories.js +82 -0
  277. package/message/theme.d.ts +12 -0
  278. package/message/theme.js +2 -0
  279. package/modal/README.md +24 -0
  280. package/modal/index.d.ts +3 -2
  281. package/modal/index.js +3 -3
  282. package/modal/modal.d.ts +6 -4
  283. package/modal/modal.js +9 -9
  284. package/modal/modal.stories.js +12 -0
  285. package/modal/theme.d.ts +7 -0
  286. package/multi-combobox/README.md +10 -0
  287. package/multi-combobox/_multi-combobox-base.js +28 -22
  288. package/multi-combobox/multi-combobox.js +1 -1
  289. package/multi-combobox/multi-combobox.stories.js +7 -4
  290. package/multi-combobox/types.d.ts +5 -1
  291. package/multi-select/README.md +11 -0
  292. package/multi-select/_multi-select-base.js +21 -21
  293. package/multi-select/index.d.ts +1 -1
  294. package/multi-select/multi-select.js +1 -1
  295. package/multi-select/multi-select.stories.js +6 -3
  296. package/multi-select/types.d.ts +1 -1
  297. package/package.json +17 -12
  298. package/pagination/README.md +31 -0
  299. package/pagination/index.d.ts +1 -1
  300. package/pagination/pagination.d.ts +1 -1
  301. package/pagination/pagination.js +2 -2
  302. package/pagination/pagination.stories.d.ts +0 -3
  303. package/pagination/pagination.stories.js +14 -30
  304. package/paper/README.md +7 -0
  305. package/paper/index.d.ts +1 -1
  306. package/paper/paper.stories.js +1 -1
  307. package/radio/README.md +7 -0
  308. package/radio/index.d.ts +1 -1
  309. package/radio/radio.stories.js +1 -1
  310. package/radio-group/README.md +8 -0
  311. package/radio-group/index.d.ts +2 -2
  312. package/radio-group/radio-group.d.ts +3 -3
  313. package/radio-group/radio-group.js +2 -2
  314. package/radio-group/radio-group.stories.js +5 -5
  315. package/raster-image/README.md +7 -0
  316. package/raster-image/index.d.ts +1 -1
  317. package/raster-image/raster-image.js +1 -1
  318. package/scripts/generate-tw-tokens.js +40 -32
  319. package/select/README.md +11 -0
  320. package/select/index.d.ts +1 -1
  321. package/select/select.d.ts +1 -4
  322. package/select/select.js +2 -2
  323. package/select/select.stories.d.ts +2 -1
  324. package/select/select.stories.js +9 -3
  325. package/tabs/README.md +7 -0
  326. package/tabs/index.d.ts +1 -1
  327. package/text-input/README.md +10 -0
  328. package/text-input/index.d.ts +1 -1
  329. package/text-input/text-input.d.ts +1 -0
  330. package/text-input/text-input.js +2 -2
  331. package/text-link/README.md +19 -0
  332. package/text-link/index.d.ts +1 -1
  333. package/text-link/text-link.d.ts +1 -1
  334. package/textarea/README.md +9 -0
  335. package/textarea/index.d.ts +1 -1
  336. package/textarea/textarea.js +5 -5
  337. package/textarea/textarea.stories.js +1 -1
  338. package/time-picker/README.md +8 -0
  339. package/time-picker/index.d.ts +1 -1
  340. package/time-picker/time-picker-hour.js +6 -6
  341. package/time-picker/time-picker-hours.js +2 -2
  342. package/time-picker/time-picker-input.stories.js +2 -1
  343. package/time-picker/time-picker-minute.js +6 -6
  344. package/time-picker/time-picker-minutes.js +2 -2
  345. package/time-picker/time-picker.d.ts +2 -1
  346. package/time-picker/time-picker.js +7 -6
  347. package/time-picker-input/README.md +9 -0
  348. package/time-picker-input/index.d.ts +1 -1
  349. package/time-picker-input/index.js +3 -3
  350. package/time-picker-input/time-picker-input.js +6 -4
  351. package/time-picker-input/time-picker-input.stories.js +1 -1
  352. package/toggle/README.md +7 -0
  353. package/toggle/index.d.ts +1 -1
  354. package/toggle/toggle.js +8 -8
  355. package/toggle/toggle.stories.js +1 -1
  356. package/tooltip/README.md +7 -0
  357. package/tooltip/index.d.ts +2 -2
  358. package/tooltip/tooltip.js +27 -25
  359. package/tooltip/tooltip.stories.js +1 -1
  360. package/tooltip/use-tooltip.d.ts +19 -11
  361. package/tooltip/use-tooltip.js +15 -15
  362. package/tw-tokens/tw-colors.d.ts +283 -282
  363. package/tw-tokens/tw-colors.js +283 -282
  364. package/tw-tokens/tw-line-height.d.ts +8 -8
  365. package/tw-tokens/tw-line-height.js +8 -8
  366. package/tw-tokens/tw-spacing.d.ts +34 -34
  367. package/tw-tokens/tw-spacing.js +34 -34
  368. package/tw-tokens/tw-z-index.d.ts +7 -7
  369. package/tw-tokens/tw-z-index.js +7 -7
  370. package/types/index.d.ts +1 -1
  371. package/types/index.js +1 -1
  372. package/typography/README.md +7 -0
  373. package/utils/action.d.ts +2 -1
  374. package/utils/action.js +2 -2
  375. package/utils/files/get-file-icon.d.ts +2 -0
  376. package/utils/files/get-file-icon.js +19 -0
  377. package/utils/icons-config.js +13 -3
  378. package/utils/mocks/{uploadFIle.mock.js → upload-file.mock.js} +1 -1
  379. package/utils/snap-test.js +1 -1
  380. package/utils/storybook-config.d.ts +12 -2
  381. package/utils/storybook-config.js +9 -1
  382. package/utils/tailwind-config.js +10 -1
  383. package/image-gallery/components/arrow-button.d.ts +0 -7
  384. package/image-gallery/components/arrow-button.js +0 -14
  385. package/modal/modal-dialog.d.ts +0 -11
  386. /package/utils/mocks/{uploadFIle.mock.d.ts → upload-file.mock.d.ts} +0 -0
package/tw-tokens/tw-colors.d.ts CHANGED
@@ -5,290 +5,290 @@ export declare const twColors: {
5
5
  black: string;
6
6
  white: string;
7
7
  slate: {
8
- 50: string;
9
- 100: string;
10
- 200: string;
11
- 300: string;
12
- 400: string;
13
- 500: string;
14
- 600: string;
15
- 700: string;
16
- 800: string;
17
- 900: string;
18
- 950: string;
8
+ "50": string;
9
+ "100": string;
10
+ "200": string;
11
+ "300": string;
12
+ "400": string;
13
+ "500": string;
14
+ "600": string;
15
+ "700": string;
16
+ "800": string;
17
+ "900": string;
18
+ "950": string;
19
19
  };
20
20
  gray: {
21
- 50: string;
22
- 100: string;
23
- 200: string;
24
- 300: string;
25
- 400: string;
26
- 500: string;
27
- 600: string;
28
- 700: string;
29
- 800: string;
30
- 900: string;
31
- 950: string;
21
+ "50": string;
22
+ "100": string;
23
+ "200": string;
24
+ "300": string;
25
+ "400": string;
26
+ "500": string;
27
+ "600": string;
28
+ "700": string;
29
+ "800": string;
30
+ "900": string;
31
+ "950": string;
32
32
  };
33
33
  zinc: {
34
- 50: string;
35
- 100: string;
36
- 200: string;
37
- 300: string;
38
- 400: string;
39
- 500: string;
40
- 600: string;
41
- 700: string;
42
- 800: string;
43
- 900: string;
44
- 950: string;
34
+ "50": string;
35
+ "100": string;
36
+ "200": string;
37
+ "300": string;
38
+ "400": string;
39
+ "500": string;
40
+ "600": string;
41
+ "700": string;
42
+ "800": string;
43
+ "900": string;
44
+ "950": string;
45
45
  };
46
46
  neutral: {
47
- 50: string;
48
- 100: string;
49
- 200: string;
50
- 300: string;
51
- 400: string;
52
- 500: string;
53
- 600: string;
54
- 700: string;
55
- 800: string;
56
- 900: string;
57
- 950: string;
47
+ "50": string;
48
+ "100": string;
49
+ "200": string;
50
+ "300": string;
51
+ "400": string;
52
+ "500": string;
53
+ "600": string;
54
+ "700": string;
55
+ "800": string;
56
+ "900": string;
57
+ "950": string;
58
58
  };
59
59
  stone: {
60
- 50: string;
61
- 100: string;
62
- 200: string;
63
- 300: string;
64
- 400: string;
65
- 500: string;
66
- 600: string;
67
- 700: string;
68
- 800: string;
69
- 900: string;
70
- 950: string;
60
+ "50": string;
61
+ "100": string;
62
+ "200": string;
63
+ "300": string;
64
+ "400": string;
65
+ "500": string;
66
+ "600": string;
67
+ "700": string;
68
+ "800": string;
69
+ "900": string;
70
+ "950": string;
71
71
  };
72
72
  red: {
73
- 50: string;
74
- 100: string;
75
- 200: string;
76
- 300: string;
77
- 400: string;
78
- 500: string;
79
- 600: string;
80
- 700: string;
81
- 800: string;
82
- 900: string;
83
- 950: string;
73
+ "50": string;
74
+ "100": string;
75
+ "200": string;
76
+ "300": string;
77
+ "400": string;
78
+ "500": string;
79
+ "600": string;
80
+ "700": string;
81
+ "800": string;
82
+ "900": string;
83
+ "950": string;
84
84
  };
85
85
  orange: {
86
- 50: string;
87
- 100: string;
88
- 200: string;
89
- 300: string;
90
- 400: string;
91
- 500: string;
92
- 600: string;
93
- 700: string;
94
- 800: string;
95
- 900: string;
96
- 950: string;
86
+ "50": string;
87
+ "100": string;
88
+ "200": string;
89
+ "300": string;
90
+ "400": string;
91
+ "500": string;
92
+ "600": string;
93
+ "700": string;
94
+ "800": string;
95
+ "900": string;
96
+ "950": string;
97
97
  };
98
98
  amber: {
99
- 50: string;
100
- 100: string;
101
- 200: string;
102
- 300: string;
103
- 400: string;
104
- 500: string;
105
- 600: string;
106
- 700: string;
107
- 800: string;
108
- 900: string;
109
- 950: string;
99
+ "50": string;
100
+ "100": string;
101
+ "200": string;
102
+ "300": string;
103
+ "400": string;
104
+ "500": string;
105
+ "600": string;
106
+ "700": string;
107
+ "800": string;
108
+ "900": string;
109
+ "950": string;
110
110
  };
111
111
  yellow: {
112
- 50: string;
113
- 100: string;
114
- 200: string;
115
- 300: string;
116
- 400: string;
117
- 500: string;
118
- 600: string;
119
- 700: string;
120
- 800: string;
121
- 900: string;
122
- 950: string;
112
+ "50": string;
113
+ "100": string;
114
+ "200": string;
115
+ "300": string;
116
+ "400": string;
117
+ "500": string;
118
+ "600": string;
119
+ "700": string;
120
+ "800": string;
121
+ "900": string;
122
+ "950": string;
123
123
  };
124
124
  lime: {
125
- 50: string;
126
- 100: string;
127
- 200: string;
128
- 300: string;
129
- 400: string;
130
- 500: string;
131
- 600: string;
132
- 700: string;
133
- 800: string;
134
- 900: string;
135
- 950: string;
125
+ "50": string;
126
+ "100": string;
127
+ "200": string;
128
+ "300": string;
129
+ "400": string;
130
+ "500": string;
131
+ "600": string;
132
+ "700": string;
133
+ "800": string;
134
+ "900": string;
135
+ "950": string;
136
136
  };
137
137
  green: {
138
- 50: string;
139
- 100: string;
140
- 200: string;
141
- 300: string;
142
- 400: string;
143
- 500: string;
144
- 600: string;
145
- 700: string;
146
- 800: string;
147
- 900: string;
148
- 950: string;
138
+ "50": string;
139
+ "100": string;
140
+ "200": string;
141
+ "300": string;
142
+ "400": string;
143
+ "500": string;
144
+ "600": string;
145
+ "700": string;
146
+ "800": string;
147
+ "900": string;
148
+ "950": string;
149
149
  };
150
150
  emerald: {
151
- 50: string;
152
- 100: string;
153
- 200: string;
154
- 300: string;
155
- 400: string;
156
- 500: string;
157
- 600: string;
158
- 700: string;
159
- 800: string;
160
- 900: string;
161
- 950: string;
151
+ "50": string;
152
+ "100": string;
153
+ "200": string;
154
+ "300": string;
155
+ "400": string;
156
+ "500": string;
157
+ "600": string;
158
+ "700": string;
159
+ "800": string;
160
+ "900": string;
161
+ "950": string;
162
162
  };
163
163
  teal: {
164
- 50: string;
165
- 100: string;
166
- 200: string;
167
- 300: string;
168
- 400: string;
169
- 500: string;
170
- 600: string;
171
- 700: string;
172
- 800: string;
173
- 900: string;
174
- 950: string;
164
+ "50": string;
165
+ "100": string;
166
+ "200": string;
167
+ "300": string;
168
+ "400": string;
169
+ "500": string;
170
+ "600": string;
171
+ "700": string;
172
+ "800": string;
173
+ "900": string;
174
+ "950": string;
175
175
  };
176
176
  cyan: {
177
- 50: string;
178
- 100: string;
179
- 200: string;
180
- 300: string;
181
- 400: string;
182
- 500: string;
183
- 600: string;
184
- 700: string;
185
- 800: string;
186
- 900: string;
187
- 950: string;
177
+ "50": string;
178
+ "100": string;
179
+ "200": string;
180
+ "300": string;
181
+ "400": string;
182
+ "500": string;
183
+ "600": string;
184
+ "700": string;
185
+ "800": string;
186
+ "900": string;
187
+ "950": string;
188
188
  };
189
189
  sky: {
190
- 50: string;
191
- 100: string;
192
- 200: string;
193
- 300: string;
194
- 400: string;
195
- 500: string;
196
- 600: string;
197
- 700: string;
198
- 800: string;
199
- 900: string;
200
- 950: string;
190
+ "50": string;
191
+ "100": string;
192
+ "200": string;
193
+ "300": string;
194
+ "400": string;
195
+ "500": string;
196
+ "600": string;
197
+ "700": string;
198
+ "800": string;
199
+ "900": string;
200
+ "950": string;
201
201
  };
202
202
  blue: {
203
- 50: string;
204
- 100: string;
205
- 200: string;
206
- 300: string;
207
- 400: string;
208
- 500: string;
209
- 600: string;
210
- 700: string;
211
- 800: string;
212
- 900: string;
213
- 950: string;
203
+ "50": string;
204
+ "100": string;
205
+ "200": string;
206
+ "300": string;
207
+ "400": string;
208
+ "500": string;
209
+ "600": string;
210
+ "700": string;
211
+ "800": string;
212
+ "900": string;
213
+ "950": string;
214
214
  };
215
215
  indigo: {
216
- 50: string;
217
- 100: string;
218
- 200: string;
219
- 300: string;
220
- 400: string;
221
- 500: string;
222
- 600: string;
223
- 700: string;
224
- 800: string;
225
- 900: string;
226
- 950: string;
216
+ "50": string;
217
+ "100": string;
218
+ "200": string;
219
+ "300": string;
220
+ "400": string;
221
+ "500": string;
222
+ "600": string;
223
+ "700": string;
224
+ "800": string;
225
+ "900": string;
226
+ "950": string;
227
227
  };
228
228
  violet: {
229
- 50: string;
230
- 100: string;
231
- 200: string;
232
- 300: string;
233
- 400: string;
234
- 500: string;
235
- 600: string;
236
- 700: string;
237
- 800: string;
238
- 900: string;
239
- 950: string;
229
+ "50": string;
230
+ "100": string;
231
+ "200": string;
232
+ "300": string;
233
+ "400": string;
234
+ "500": string;
235
+ "600": string;
236
+ "700": string;
237
+ "800": string;
238
+ "900": string;
239
+ "950": string;
240
240
  };
241
241
  purple: {
242
- 50: string;
243
- 100: string;
244
- 200: string;
245
- 300: string;
246
- 400: string;
247
- 500: string;
248
- 600: string;
249
- 700: string;
250
- 800: string;
251
- 900: string;
252
- 950: string;
242
+ "50": string;
243
+ "100": string;
244
+ "200": string;
245
+ "300": string;
246
+ "400": string;
247
+ "500": string;
248
+ "600": string;
249
+ "700": string;
250
+ "800": string;
251
+ "900": string;
252
+ "950": string;
253
253
  };
254
254
  fuchsia: {
255
- 50: string;
256
- 100: string;
257
- 200: string;
258
- 300: string;
259
- 400: string;
260
- 500: string;
261
- 600: string;
262
- 700: string;
263
- 800: string;
264
- 900: string;
265
- 950: string;
255
+ "50": string;
256
+ "100": string;
257
+ "200": string;
258
+ "300": string;
259
+ "400": string;
260
+ "500": string;
261
+ "600": string;
262
+ "700": string;
263
+ "800": string;
264
+ "900": string;
265
+ "950": string;
266
266
  };
267
267
  pink: {
268
- 50: string;
269
- 100: string;
270
- 200: string;
271
- 300: string;
272
- 400: string;
273
- 500: string;
274
- 600: string;
275
- 700: string;
276
- 800: string;
277
- 900: string;
278
- 950: string;
268
+ "50": string;
269
+ "100": string;
270
+ "200": string;
271
+ "300": string;
272
+ "400": string;
273
+ "500": string;
274
+ "600": string;
275
+ "700": string;
276
+ "800": string;
277
+ "900": string;
278
+ "950": string;
279
279
  };
280
280
  rose: {
281
- 50: string;
282
- 100: string;
283
- 200: string;
284
- 300: string;
285
- 400: string;
286
- 500: string;
287
- 600: string;
288
- 700: string;
289
- 800: string;
290
- 900: string;
291
- 950: string;
281
+ "50": string;
282
+ "100": string;
283
+ "200": string;
284
+ "300": string;
285
+ "400": string;
286
+ "500": string;
287
+ "600": string;
288
+ "700": string;
289
+ "800": string;
290
+ "900": string;
291
+ "950": string;
292
292
  };
293
293
  lightHigh: string;
294
294
  lightMedium: string;
@@ -299,56 +299,57 @@ export declare const twColors: {
299
299
  lightBorder: string;
300
300
  darkBorder: string;
301
301
  primary: {
302
- 50: string;
303
- 100: string;
304
- 200: string;
305
- 300: string;
306
- 400: string;
307
- 500: string;
308
- 600: string;
309
- 700: string;
310
- 800: string;
311
- 900: string;
302
+ "50": string;
303
+ "100": string;
304
+ "200": string;
305
+ "300": string;
306
+ "400": string;
307
+ "500": string;
308
+ "600": string;
309
+ "700": string;
310
+ "800": string;
311
+ "900": string;
312
312
  DEFAULT: string;
313
313
  };
314
314
  success: {
315
- 50: string;
316
- 100: string;
317
- 200: string;
318
- 300: string;
319
- 400: string;
320
- 500: string;
321
- 600: string;
322
- 700: string;
323
- 800: string;
324
- 900: string;
315
+ "50": string;
316
+ "100": string;
317
+ "200": string;
318
+ "300": string;
319
+ "400": string;
320
+ "500": string;
321
+ "600": string;
322
+ "700": string;
323
+ "800": string;
324
+ "900": string;
325
325
  DEFAULT: string;
326
326
  };
327
327
  warning: {
328
- 50: string;
329
- 100: string;
330
- 200: string;
331
- 300: string;
332
- 400: string;
333
- 500: string;
334
- 600: string;
335
- 700: string;
336
- 800: string;
337
- 900: string;
328
+ "50": string;
329
+ "100": string;
330
+ "200": string;
331
+ "300": string;
332
+ "400": string;
333
+ "500": string;
334
+ "600": string;
335
+ "700": string;
336
+ "800": string;
337
+ "900": string;
338
338
  DEFAULT: string;
339
339
  };
340
340
  error: {
341
- 50: string;
342
- 100: string;
343
- 200: string;
344
- 300: string;
345
- 400: string;
346
- 500: string;
347
- 600: string;
348
- 700: string;
349
- 800: string;
350
- 900: string;
341
+ "50": string;
342
+ "100": string;
343
+ "200": string;
344
+ "300": string;
345
+ "400": string;
346
+ "500": string;
347
+ "600": string;
348
+ "700": string;
349
+ "800": string;
350
+ "900": string;
351
351
  DEFAULT: string;
352
352
  };
353
+ test: string;
353
354
  };
354
355
  export type TwColors = typeof twColors;