@aveonline/ui-react 1.19.5 → 2.0.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 (194) hide show
  1. package/README.md +83 -126
  2. package/dist/hooks/useTokens.d.ts +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.d.ts +45 -43
  5. package/dist/reset.css +273 -273
  6. package/dist/tailwind.config.js +242 -242
  7. package/dist/tailwind.css +1 -1
  8. package/dist/tokens.css +160 -160
  9. package/dist/{components → ui}/atoms/Avatar/Avatar.d.ts +1 -2
  10. package/dist/{components → ui}/atoms/Badge/Badge.d.ts +1 -2
  11. package/dist/{components → ui}/atoms/Badge/IBadge.d.ts +2 -6
  12. package/dist/ui/atoms/Button/Button.d.ts +7 -0
  13. package/dist/ui/atoms/Checkbox/Checkbox.d.ts +7 -0
  14. package/dist/{components → ui}/atoms/Icon/Svg.d.ts +1 -1
  15. package/dist/{components → ui}/atoms/Logo/ILogo.d.ts +1 -1
  16. package/dist/{components → ui}/atoms/Logo/Logo.d.ts +1 -1
  17. package/dist/ui/atoms/Radio/Radio.d.ts +7 -0
  18. package/dist/ui/atoms/Radio/index.d.ts +2 -0
  19. package/dist/{components → ui}/atoms/Spinner/Spinner.d.ts +0 -1
  20. package/dist/{components → ui}/atoms/Switch/Switch.d.ts +0 -1
  21. package/dist/{components → ui}/atoms/Tooltip/Tooltip.d.ts +1 -2
  22. package/dist/{components → ui}/atoms/Tracker/Tracker.d.ts +0 -1
  23. package/dist/{components → ui}/atoms/Typography/Heading/Heading.d.ts +0 -1
  24. package/dist/{components → ui}/atoms/Typography/Link/ILink.d.ts +5 -1
  25. package/dist/{components → ui}/atoms/Typography/Link/Link.d.ts +1 -2
  26. package/dist/{components → ui}/atoms/Typography/Text/Text.d.ts +1 -2
  27. package/dist/ui/atoms/Typography/Text/TextRef.d.ts +4 -0
  28. package/dist/{components → ui}/index.d.ts +11 -10
  29. package/dist/ui/molecules/Cards/CardHistory/CardHistory.d.ts +4 -0
  30. package/dist/ui/molecules/Cards/CardHistory/ICardHistory.d.ts +22 -0
  31. package/dist/{components/molecules/Card/Select/Select.d.ts → ui/molecules/Cards/CardSelect/CardSelect.d.ts} +1 -2
  32. package/dist/ui/molecules/Cards/CardSelect/index.d.ts +2 -0
  33. package/dist/{components/molecules/Card/Simple → ui/molecules/Cards/CardSimple}/ICardSimple.d.ts +1 -1
  34. package/dist/ui/molecules/Cards/CardSimple/index.d.ts +2 -0
  35. package/dist/{components → ui}/molecules/DateInputPicker/Atoms/PluginEspecialDates.d.ts +1 -1
  36. package/dist/{components → ui}/molecules/DateInputPicker/Datelocate.d.ts +1 -1
  37. package/dist/{components → ui}/molecules/DateInputPicker/IDateInputPicker.d.ts +2 -0
  38. package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownFilterMultiple/IDropdownFilterMultiple.d.ts +1 -1
  39. package/dist/ui/molecules/Dropdowns/DropdownSearchMultiple/DropdownSearchMultiple.d.ts +3 -0
  40. package/dist/{components/molecules/Filter/FilterSearchMultiple/IFilterSearchMultiple.d.ts → ui/molecules/Dropdowns/DropdownSearchMultiple/IDropdownSearchMultiple.d.ts} +1 -1
  41. package/dist/ui/molecules/Dropdowns/DropdownSearchMultiple/index.d.ts +2 -0
  42. package/dist/{components/molecules/Dropdown/Dropdown.d.ts → ui/molecules/Dropdowns/DropdownSummary/DropdownSummary.d.ts} +3 -5
  43. package/dist/{components/molecules/Dropdown/IDropdown.d.ts → ui/molecules/Dropdowns/DropdownSummary/IDropdownSummary.d.ts} +2 -2
  44. package/dist/ui/molecules/Dropdowns/DropdownSummary/index.d.ts +2 -0
  45. package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownUser/IDropdownUser.d.ts +1 -1
  46. package/dist/{components → ui}/molecules/Field/Field.d.ts +2 -2
  47. package/dist/{components → ui}/molecules/InlineError/InlineError.d.ts +0 -1
  48. package/dist/ui/molecules/Selectable/select.d.ts +28 -0
  49. package/dist/{components → ui}/molecules/Summary/Summary.d.ts +2 -2
  50. package/dist/{components → ui}/molecules/Tab/Tab.d.ts +0 -1
  51. package/dist/{components → ui}/molecules/Table/ITable.d.ts +13 -8
  52. package/dist/{components → ui}/molecules/Table/Table.d.ts +1 -1
  53. package/dist/ui/molecules/Table/atoms/IPagination.d.ts +16 -0
  54. package/dist/ui/molecules/Table/atoms/Pagination.d.ts +5 -0
  55. package/dist/ui-react.mjs +20729 -21396
  56. package/dist/ui-react.umd.js +121 -108
  57. package/dist/vite-env.d.ts +2 -2
  58. package/package.json +154 -111
  59. package/dist/components/atoms/Button/Button.d.ts +0 -8
  60. package/dist/components/atoms/Checkbox/Checkbox.d.ts +0 -8
  61. package/dist/components/atoms/RadioButton/RadioButton.d.ts +0 -8
  62. package/dist/components/atoms/RadioButton/index.d.ts +0 -2
  63. package/dist/components/atoms/Typography/Text/TextRef.d.ts +0 -4
  64. package/dist/components/molecules/Card/Select/index.d.ts +0 -2
  65. package/dist/components/molecules/Card/Simple/index.d.ts +0 -2
  66. package/dist/components/molecules/CardHistory/CardHistory.d.ts +0 -4
  67. package/dist/components/molecules/CardHistory/ICardHistory.d.ts +0 -20
  68. package/dist/components/molecules/Dropdown/index.d.ts +0 -2
  69. package/dist/components/molecules/Filter/FilterSearchMultiple/FilterSearchMultiple.d.ts +0 -3
  70. package/dist/components/molecules/Filter/FilterSearchMultiple/index.d.ts +0 -2
  71. package/dist/components/molecules/Table/atoms/IPagination.d.ts +0 -12
  72. package/dist/components/molecules/Table/atoms/Pagination.d.ts +0 -4
  73. package/dist/{components → ui}/atoms/Avatar/IAvatar.d.ts +0 -0
  74. package/dist/{components → ui}/atoms/Avatar/index.d.ts +0 -0
  75. package/dist/{components → ui}/atoms/Badge/index.d.ts +0 -0
  76. package/dist/{components → ui}/atoms/Button/IButton.d.ts +0 -0
  77. package/dist/{components → ui}/atoms/Button/index.d.ts +0 -0
  78. package/dist/{components → ui}/atoms/Button/useCSS.d.ts +0 -0
  79. package/dist/{components → ui}/atoms/Checkbox/ICheckbox.d.ts +0 -0
  80. package/dist/{components → ui}/atoms/Checkbox/index.d.ts +0 -0
  81. package/dist/{components → ui}/atoms/Icon/IIcon.d.ts +0 -0
  82. package/dist/{components → ui}/atoms/Icon/Icon.d.ts +0 -0
  83. package/dist/{components → ui}/atoms/Icon/index.d.ts +0 -0
  84. package/dist/{components → ui}/atoms/Logo/index.d.ts +0 -0
  85. package/dist/{components/atoms/RadioButton/IRadioButton.d.ts → ui/atoms/Radio/IRadio.d.ts} +0 -0
  86. package/dist/{components → ui}/atoms/Spinner/ISpinner.d.ts +0 -0
  87. package/dist/{components → ui}/atoms/Spinner/index.d.ts +0 -0
  88. package/dist/{components → ui}/atoms/Switch/ISwitch.d.ts +0 -0
  89. package/dist/{components → ui}/atoms/Switch/index.d.ts +0 -0
  90. package/dist/{components → ui}/atoms/Tooltip/ITooltip.d.ts +0 -0
  91. package/dist/{components → ui}/atoms/Tooltip/TooltipAnchor.d.ts +0 -0
  92. package/dist/{components → ui}/atoms/Tooltip/TooltipFloat.d.ts +0 -0
  93. package/dist/{components → ui}/atoms/Tooltip/index.d.ts +0 -0
  94. package/dist/{components → ui}/atoms/Tracker/ITracker.d.ts +0 -0
  95. package/dist/{components → ui}/atoms/Tracker/index.d.ts +0 -0
  96. package/dist/{components → ui}/atoms/Typography/Heading/IHeading.d.ts +0 -0
  97. package/dist/{components → ui}/atoms/Typography/Heading/index.d.ts +0 -0
  98. package/dist/{components → ui}/atoms/Typography/Heading/useCSS.d.ts +0 -0
  99. package/dist/{components → ui}/atoms/Typography/Link/index.d.ts +0 -0
  100. package/dist/{components → ui}/atoms/Typography/Text/IText.d.ts +0 -0
  101. package/dist/{components → ui}/atoms/Typography/Text/index.d.ts +0 -0
  102. package/dist/{components → ui}/atoms/Typography/Text/useCSS.d.ts +0 -0
  103. package/dist/{components → ui}/atoms/Typography/Text/useText.d.ts +0 -0
  104. package/dist/{components/molecules → ui/molecules/Cards}/CardHistory/index.d.ts +0 -0
  105. package/dist/{components/molecules/Card/Select/ISelect.d.ts → ui/molecules/Cards/CardSelect/ICardSelect.d.ts} +0 -0
  106. package/dist/{components/molecules/Card/Simple/Simple.d.ts → ui/molecules/Cards/CardSimple/CardSimple.d.ts} +0 -0
  107. package/dist/{components → ui}/molecules/DateInputPicker/Atoms/CustomButton.d.ts +0 -0
  108. package/dist/{components → ui}/molecules/DateInputPicker/Atoms/CustomInput.d.ts +0 -0
  109. package/dist/{components → ui}/molecules/DateInputPicker/Atoms/CustomRangeInput.d.ts +0 -0
  110. package/dist/{components → ui}/molecules/DateInputPicker/DateInputPicker.d.ts +0 -0
  111. package/dist/{components → ui}/molecules/DateInputPicker/index.d.ts +0 -0
  112. package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownButton/DropdownButton.d.ts +0 -0
  113. package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownButton/IDropdownButton.d.ts +4 -4
  114. package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownButton/index.d.ts +0 -0
  115. package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownButton/useCss.d.ts +0 -0
  116. package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownFilterMultiple/DropdownFilterMultiple.d.ts +0 -0
  117. package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownFilterMultiple/index.d.ts +0 -0
  118. package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownUser/DropdownUser.d.ts +0 -0
  119. package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownUser/index.d.ts +0 -0
  120. package/dist/{components → ui}/molecules/EmptyState/BoxSvg.d.ts +0 -0
  121. package/dist/{components → ui}/molecules/EmptyState/EmptyState.d.ts +0 -0
  122. package/dist/{components → ui}/molecules/EmptyState/IEmptyState.d.ts +0 -0
  123. package/dist/{components → ui}/molecules/EmptyState/PadlockSvg.d.ts +0 -0
  124. package/dist/{components → ui}/molecules/EmptyState/index.d.ts +0 -0
  125. package/dist/{components → ui}/molecules/Field/Container.d.ts +0 -0
  126. package/dist/{components → ui}/molecules/Field/Footer.d.ts +0 -0
  127. package/dist/{components → ui}/molecules/Field/IField.d.ts +0 -0
  128. package/dist/{components → ui}/molecules/Field/IFieldCustom.d.ts +22 -22
  129. /package/dist/{components → ui}/molecules/Field/index.d.ts +0 -0
  130. /package/dist/{components → ui}/molecules/Field/useField.d.ts +0 -0
  131. /package/dist/{components → ui}/molecules/Flag/Flag.d.ts +0 -0
  132. /package/dist/{components → ui}/molecules/Flag/IFlag.d.ts +0 -0
  133. /package/dist/{components → ui}/molecules/Flag/index.d.ts +0 -0
  134. /package/dist/{components → ui}/molecules/Header/Header.d.ts +0 -0
  135. /package/dist/{components → ui}/molecules/Header/IHeader.d.ts +0 -0
  136. /package/dist/{components → ui}/molecules/Header/NavigationMovil.d.ts +0 -0
  137. /package/dist/{components → ui}/molecules/Header/index.d.ts +0 -0
  138. /package/dist/{components → ui}/molecules/Indicator/Graphic/Graphic.d.ts +0 -0
  139. /package/dist/{components → ui}/molecules/Indicator/Graphic/IGraphic.d.ts +0 -0
  140. /package/dist/{components → ui}/molecules/Indicator/Graphic/index.d.ts +0 -0
  141. /package/dist/{components → ui}/molecules/InlineError/IInlineError.d.ts +0 -0
  142. /package/dist/{components → ui}/molecules/InlineError/index.d.ts +0 -0
  143. /package/dist/{components → ui}/molecules/Modal/IModal.d.ts +0 -0
  144. /package/dist/{components → ui}/molecules/Modal/Modal.d.ts +0 -0
  145. /package/dist/{components → ui}/molecules/Modal/index.d.ts +0 -0
  146. /package/dist/{components → ui}/molecules/Selectable/AsyncCreatableSelect/AsyncCreatableSelect.d.ts +0 -0
  147. /package/dist/{components → ui}/molecules/Selectable/AsyncCreatableSelect/IAsyncCreatableSelect.d.ts +0 -0
  148. /package/dist/{components → ui}/molecules/Selectable/AsyncCreatableSelect/index.d.ts +0 -0
  149. /package/dist/{components → ui}/molecules/Selectable/AsyncSelect/AsyncSelect.d.ts +0 -0
  150. /package/dist/{components → ui}/molecules/Selectable/AsyncSelect/IAsyncSelect.d.ts +0 -0
  151. /package/dist/{components → ui}/molecules/Selectable/AsyncSelect/index.d.ts +0 -0
  152. /package/dist/{components → ui}/molecules/Selectable/Select/ISelect.d.ts +0 -0
  153. /package/dist/{components → ui}/molecules/Selectable/Select/Select.d.ts +0 -0
  154. /package/dist/{components → ui}/molecules/Selectable/Select/index.d.ts +0 -0
  155. /package/dist/{components → ui}/molecules/Selectable/SelectButton/ISelectButton.d.ts +0 -0
  156. /package/dist/{components → ui}/molecules/Selectable/SelectButton/Option.d.ts +0 -0
  157. /package/dist/{components → ui}/molecules/Selectable/SelectButton/SelectButton.d.ts +0 -0
  158. /package/dist/{components → ui}/molecules/Selectable/SelectButton/index.d.ts +0 -0
  159. /package/dist/{components → ui}/molecules/Selectable/SelectCountry/Option.d.ts +0 -0
  160. /package/dist/{components → ui}/molecules/Selectable/SelectCountry/Prefix.d.ts +0 -0
  161. /package/dist/{components → ui}/molecules/Selectable/SelectCountry/SelectCountry.d.ts +0 -0
  162. /package/dist/{components → ui}/molecules/Selectable/SelectCountry/SingleValue.d.ts +0 -0
  163. /package/dist/{components → ui}/molecules/Selectable/SelectCountry/index.d.ts +0 -0
  164. /package/dist/{components → ui}/molecules/Selectable/atoms/ClearIndicator.d.ts +0 -0
  165. /package/dist/{components → ui}/molecules/Selectable/atoms/Container.d.ts +0 -0
  166. /package/dist/{components → ui}/molecules/Selectable/atoms/Control.d.ts +0 -0
  167. /package/dist/{components → ui}/molecules/Selectable/atoms/DropdownIndicator.d.ts +0 -0
  168. /package/dist/{components → ui}/molecules/Selectable/atoms/Option.d.ts +0 -0
  169. /package/dist/{components → ui}/molecules/Selectable/atoms/Placeholder.d.ts +0 -0
  170. /package/dist/{components → ui}/molecules/Selectable/atoms/SingleValue.d.ts +0 -0
  171. /package/dist/{components → ui}/molecules/Selectable/atoms/index.d.ts +0 -0
  172. /package/dist/{components → ui}/molecules/Selectable/hooks/index.d.ts +0 -0
  173. /package/dist/{components → ui}/molecules/Selectable/hooks/useCSS.d.ts +0 -0
  174. /package/dist/{components → ui}/molecules/Summary/index.d.ts +0 -0
  175. /package/dist/{components → ui}/molecules/Tab/ITab.d.ts +0 -0
  176. /package/dist/{components → ui}/molecules/Tab/index.d.ts +0 -0
  177. /package/dist/{components → ui}/molecules/TabNav/ITabNav.d.ts +0 -0
  178. /package/dist/{components → ui}/molecules/TabNav/TabNav.d.ts +0 -0
  179. /package/dist/{components → ui}/molecules/TabNav/index.d.ts +0 -0
  180. /package/dist/{components → ui}/molecules/Table/atoms/CheckBoxTable.d.ts +0 -0
  181. /package/dist/{components → ui}/molecules/Table/atoms/ISortTable.d.ts +0 -0
  182. /package/dist/{components → ui}/molecules/Table/atoms/InputSearch.d.ts +0 -0
  183. /package/dist/{components → ui}/molecules/Table/atoms/SortTable.d.ts +0 -0
  184. /package/dist/{components → ui}/molecules/Table/atoms/index.d.ts +0 -0
  185. /package/dist/{components → ui}/molecules/Table/index.d.ts +0 -0
  186. /package/dist/{components → ui}/organisms/Navigation/INavigation.d.ts +0 -0
  187. /package/dist/{components → ui}/organisms/Navigation/Navigation.d.ts +0 -0
  188. /package/dist/{components → ui}/organisms/Navigation/index.d.ts +0 -0
  189. /package/dist/{components → ui}/templates/Main/Main.d.ts +0 -0
  190. /package/dist/{components → ui}/templates/Main/index.d.ts +0 -0
  191. /package/dist/{components → ui}/templates/SecondMain/SecondMain.d.ts +0 -0
  192. /package/dist/{components → ui}/templates/SecondMain/index.d.ts +0 -0
  193. /package/dist/{components → ui}/templates/Shipment/Shipment.d.ts +0 -0
  194. /package/dist/{components → ui}/templates/Shipment/index.d.ts +0 -0
package/README.md CHANGED
@@ -1,126 +1,83 @@
1
- <div align="center">
2
- <img height="100" src="https://user-images.githubusercontent.com/38017835/197309416-fd4390a0-cfb6-41f3-ac26-10d067d92a25.png">
3
- <h1 align="center">ui ecosystem react</h1>
4
- <p>The home base for Aveonline design system, ui-react provides essential design resources for our developers to use in the Aveonline-branded interfaces that they create.</p>
5
- <a href="https://ui-aveonline.netlify.app/">Go Storybook</a>
6
- </div>
7
-
8
- ## Before started
9
-
10
- For usage with tailwind config, install:
11
-
12
- ```shell
13
- npm i @tailwindcss/forms -D
14
- ```
15
-
16
- ## Getting started
17
-
18
- Working with all config from this library or only components availables
19
-
20
- ```shell
21
- npm i @aveonline/ui-react
22
- ```
23
-
24
- ## Usage with tailwind
25
-
26
- Import things into your JS app from the `@aveonline/ui-react` package.
27
-
28
- ```ts
29
- import { Button } from '@aveonline/ui-react'
30
- ```
31
-
32
- `tailwind.config.js`
33
-
34
- ```ts
35
- /** @type {import('tailwindcss').Config} */
36
-
37
- const tailwindConfig = require('@aveonline/ui-react/tailwind.config.js')
38
- const { content, ...all } = tailwindConfig
39
-
40
- const config = {
41
- content: [
42
- ...content,
43
- './pages/**/*.{ts,tsx}',
44
- './components/**/*.{ts,tsx}',
45
- './node_modules/@aveonline/ui-react/dist/*.{mjs,js}'
46
- ],
47
- ...all
48
- }
49
-
50
- module.exports = config
51
- ```
52
-
53
- ## Usage css
54
-
55
- Import things into your JS app from the `@aveonline/ui-react` package.
56
-
57
- ```css
58
- /* global.css or tailwind.css local */
59
- @tailwind base;
60
- @tailwind components;
61
- @tailwind utilities;
62
- ```
63
-
64
- ```ts
65
- // import this lines at main.ts or root
66
- import './global.css' // Reference tailwind local
67
- import '@aveonline/ui-react/reset.css' // Only not usage tailwind
68
- import '@aveonline/ui-react/tokens.css' // Required
69
- import '@aveonline/ui-react/tailwind.css' // Required
70
- import '@aveonline/ui-react/index.css' // Required
71
- ```
72
-
73
- ## Example usage
74
-
75
- ```html
76
- <!-- Class from library -->
77
- <div class="bg-letter-default">
78
- <p class="text-letter-subdued">Hello human</p>
79
- </div>
80
- ```
81
-
82
- ## Developing @aveonline/ui-react
83
-
84
- Developing locally against Storybook is easy; run `npm run storybook`.
85
-
86
- ```shell
87
- npm i
88
- ```
89
-
90
- Tests
91
-
92
- Run `npm run test` to execute all unit test components.
93
-
94
- We use `vitest` and `testing-library/react` for unit/integration tests and [Chromatic](https://www.chromaticqa.com/) for visual regression testing.
95
-
96
- Open Storybook
97
-
98
- ```shell
99
- npm run dev
100
- ```
101
-
102
- ui-react production
103
-
104
- ```shell
105
- npm run build
106
- ```
107
-
108
- Storybook production
109
-
110
- ```shell
111
- npm run build:storybook
112
- ```
113
-
114
- Run test
115
-
116
- ```shell
117
- npm run test
118
- ```
119
-
120
- Run regression testing
121
-
122
- - [Join](https://www.chromatic.com/library?appId=6362f0c0f36774d17ed0c3a0&inviteToken=4adce6358a9b439f8b636d0599e6db4b)
123
-
124
- ```shell
125
- npm run chromatic
126
- ```
1
+ <div align="center">
2
+ <img height="70" src="https://user-images.githubusercontent.com/38017835/236567288-5cc2dd3b-95f7-413b-9fd1-208d4b4d5654.png">
3
+ <h1 align="center">ui ecosystem react</h1>
4
+ <p>The home base for Aveonline design system, ui-react provides essential design resources for our developers to use in the Aveonline-branded interfaces that they create.</p>
5
+ <a href="https://ui-aveonline.netlify.app/">Go Storybook</a>
6
+ </div>
7
+
8
+ ## Before started
9
+
10
+ For usage with tailwind config, install:
11
+
12
+ ```shell
13
+ npm i @tailwindcss/forms -D
14
+ ```
15
+
16
+ ## Getting started
17
+
18
+ Working with all config from this library or only components availables
19
+
20
+ ```shell
21
+ npm i @aveonline/ui-react
22
+ ```
23
+
24
+ ## Usage with tailwind
25
+
26
+ Import things into your JS app from the `@aveonline/ui-react` package.
27
+
28
+ ```ts
29
+ import { Button } from '@aveonline/ui-react'
30
+ ```
31
+
32
+ `tailwind.config.js`
33
+
34
+ ```ts
35
+ /** @type {import('tailwindcss').Config} */
36
+
37
+ const tailwindConfig = require('@aveonline/ui-react/tailwind.config.js')
38
+
39
+ tailwindConfig.content = [
40
+ './pages/**/*.{ts,tsx}',
41
+ './components/**/*.{ts,tsx}',
42
+ './node_modules/@aveonline/ui-react/dist/ui-react.mjs'
43
+ ]
44
+
45
+ module.exports = tailwindConfig
46
+ ```
47
+
48
+ ## Usage css
49
+
50
+ Import things into your JS app from the `@aveonline/ui-react` package.
51
+
52
+ ```css
53
+ /* global.css or tailwind.css local */
54
+ @tailwind base;
55
+ @tailwind components;
56
+ @tailwind utilities;
57
+ ```
58
+
59
+ ```ts
60
+ // import this lines at main.ts or root
61
+ import './global.css' // Reference tailwind local
62
+ import '@aveonline/ui-react/reset.css' // Only not usage tailwind
63
+ import '@aveonline/ui-react/tokens.css' // Required
64
+ import '@aveonline/ui-react/tailwind.css' // Required
65
+ import '@aveonline/ui-react/index.css' // Required
66
+ ```
67
+
68
+ ## Example usage class with tailwind
69
+
70
+ ```html
71
+ <!-- Class from library -->
72
+ <section class="bg-letter-default">
73
+ <p class="text-letter-subdued">Hello human</p>
74
+ </section>
75
+ ```
76
+
77
+ ## Resources
78
+
79
+ - [Docs](https://ui-aveonline.netlify.app/)
80
+
81
+ ## Development 🚀
82
+
83
+ - See [Contributing.md](https://github.com/Development-Aveonline/ui-react/blob/develop/CONTRIBUTING.md) for more information on how to build `@aveonline/ui-react` from the source and contribute!
@@ -1,4 +1,4 @@
1
- import type { IHeading, IText } from '../components';
1
+ import type { IHeading, IText } from '../ui';
2
2
  declare type Response = {
3
3
  getWeight: () => string;
4
4
  getFontSize: () => string;
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- [type=radio]:checked{background-image:url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2016%2016'%20fill%3D'%232C6ECB'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Ccircle%20cx%3D'8'%20cy%3D'8'%20r%3D'4'%2F%3E%3C%2Fsvg%3E")}[type=radio]:checked:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:disabled{background-image:url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%224%22%20fill%3D%22white%22%20fill-opacity%3D%220.01%22%2F%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_1575_10817)%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.72%206.23998C14.8872%206.4057%2014.9862%206.62814%2014.9973%206.8633C15.0084%207.09847%2014.9309%207.32924%2014.78%207.50998L9.41%2013.71C9.33315%2013.797%209.23949%2013.8675%209.13466%2013.9174C9.02982%2013.9672%208.91598%2013.9953%208.8%2014C8.68415%2014.0029%208.56899%2013.9813%208.46213%2013.9364C8.35526%2013.8916%208.2591%2013.8247%208.18%2013.74L5.25%2010.64C5.10033%2010.4603%205.01837%2010.2338%205.01837%209.99998C5.01837%209.76613%205.10033%209.53967%205.25%209.35998C5.32761%209.27734%205.42134%209.21148%205.52539%209.16646C5.62945%209.12143%205.74162%209.09821%205.855%209.09821C5.96837%209.09821%206.08055%209.12143%206.1846%209.16646C6.28865%209.21148%206.38238%209.27734%206.46%209.35998L8.75%2011.79L13.52%206.28998C13.5932%206.20432%2013.6834%206.13468%2013.7847%206.0854C13.8861%206.03613%2013.9965%206.00827%2014.1091%206.00358C14.2217%205.99889%2014.3341%206.01746%2014.4392%206.05813C14.5443%206.09881%2014.6399%206.16071%2014.72%206.23998V6.23998Z%22%20fill%3D%22%23D6D6D6%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_1575_10817%22%3E%0A%3Crect%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22white%22%20transform%3D%22translate(5%205)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A%0A")}.ui__spinner{animation:ui__spinner_rotation 1.5s linear infinite}@keyframes ui__spinner_rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.table--tbody tr:first-child>td{border-color:transparent!important}.table--tbody tr:last-child td:first-child{border-radius:0 0 0 10px}.table--tbody tr:last-child td:last-child{border-radius:0 0 10px}.scrollStyle-scrollbar-customized-scrollbar::-webkit-scrollbar{background-color:#fff!important;height:8px!important;width:5px!important}.scrollStyle-scrollbar-customized-scrollbar::-webkit-scrollbar-thumb{background:gray!important}.rmdp-day{color:#4a4f54!important}.rmdp-day.rmdp-range.start{background:#007aff!important;border:transparent!important;color:#fff!important}.rmdp-range{background-color:#ddeaf7!important;border:transparent!important;box-shadow:none!important;color:#4a4f54!important}.rmdp-day.rmdp-range.end{background:#007aff!important;border:transparent!important;color:#fff!important}.rmdp-week-day{color:#797c81!important}.rmdp-day.rmdp-selected span:not(.highlight){border-radius:4px!important}.rmdp-day.rmdp-today span{background-color:var(--colors-action-primary-pressed)!important}
1
+ [type=radio]:checked{background-image:url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2016%2016'%20fill%3D'%232C6ECB'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Ccircle%20cx%3D'8'%20cy%3D'8'%20r%3D'4'%2F%3E%3C%2Fsvg%3E")}[type=radio]:checked:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:disabled{background-image:url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%224%22%20fill%3D%22white%22%20fill-opacity%3D%220.01%22%2F%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_1575_10817)%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.72%206.23998C14.8872%206.4057%2014.9862%206.62814%2014.9973%206.8633C15.0084%207.09847%2014.9309%207.32924%2014.78%207.50998L9.41%2013.71C9.33315%2013.797%209.23949%2013.8675%209.13466%2013.9174C9.02982%2013.9672%208.91598%2013.9953%208.8%2014C8.68415%2014.0029%208.56899%2013.9813%208.46213%2013.9364C8.35526%2013.8916%208.2591%2013.8247%208.18%2013.74L5.25%2010.64C5.10033%2010.4603%205.01837%2010.2338%205.01837%209.99998C5.01837%209.76613%205.10033%209.53967%205.25%209.35998C5.32761%209.27734%205.42134%209.21148%205.52539%209.16646C5.62945%209.12143%205.74162%209.09821%205.855%209.09821C5.96837%209.09821%206.08055%209.12143%206.1846%209.16646C6.28865%209.21148%206.38238%209.27734%206.46%209.35998L8.75%2011.79L13.52%206.28998C13.5932%206.20432%2013.6834%206.13468%2013.7847%206.0854C13.8861%206.03613%2013.9965%206.00827%2014.1091%206.00358C14.2217%205.99889%2014.3341%206.01746%2014.4392%206.05813C14.5443%206.09881%2014.6399%206.16071%2014.72%206.23998V6.23998Z%22%20fill%3D%22%23D6D6D6%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_1575_10817%22%3E%0A%3Crect%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22white%22%20transform%3D%22translate(5%205)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A%0A")}.ui__spinner{animation:ui__spinner_rotation 1.5s linear infinite}@keyframes ui__spinner_rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.scrollStyle-scrollbar-customized-scrollbar::-webkit-scrollbar{background-color:#fff!important;height:8px!important;width:5px!important}.scrollStyle-scrollbar-customized-scrollbar::-webkit-scrollbar-thumb{background:gray!important}.rmdp-day{color:#4a4f54!important}.rmdp-day.rmdp-range.start{background:#007aff!important;border:transparent!important;color:#fff!important}.rmdp-range{background-color:#ddeaf7!important;border:transparent!important;box-shadow:none!important;color:#4a4f54!important}.rmdp-day.rmdp-range.end{background:#007aff!important;border:transparent!important;color:#fff!important}.rmdp-week-day{color:#797c81!important}.rmdp-day.rmdp-selected span:not(.highlight){border-radius:4px!important}.rmdp-day.rmdp-today span{background-color:var(--colors-action-primary-pressed)!important}@media (max-width:768px){.rmdp-day-picker{flex-direction:column}}.rmdp-calendar-container-mobile{background-color:#0009;bottom:0;left:0;right:0;top:0}.rmdp-calendar-container-mobile .rmdp-mobile.rmdp-wrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.rmdp-mobile.rmdp-wrapper{border:1px solid #cfd8e2;box-shadow:unset}.rmdp-mobile .rmdp-header,.rmdp-mobile .rmdp-panel-header{font-size:16px;height:30px;padding-bottom:15px}.rmdp-mobile .rmdp-arrow-container{height:26px;width:26px}.rmdp-mobile .rmdp-arrow{height:3px;margin-top:6px;padding:3px;width:3px}.rmdp-mobile .rmdp-up i{margin-top:10px}.rmdp-mobile .rmdp-left i{margin-left:4px;margin-top:7px}.rmdp-mobile .rmdp-right i{margin-left:-2px;margin-top:7px}.rmdp-rtl.rmdp-mobile .rmdp-right i{margin-left:5px}.rmdp-rtl.rmdp-mobile .rmdp-left i{margin-left:-1px}.rmdp-mobile .rmdp-day,.rmdp-mobile .rmdp-week-day{height:38px;width:38px}.rmdp-mobile .rmdp-day span{font-size:15px}.rmdp-mobile .dvdr{margin:0 10px}.rmdp-mobile .ok{bottom:0;position:absolute}.rmdp-mobile .rmdp-week-day{margin-bottom:3px;margin-top:10px}.rmdp-mobile .only.rmdp-month-picker,.rmdp-mobile .only.rmdp-year-picker{margin:15px 0}.rmdp-mobile .rmdp-action-button{font-size:13px;margin:15px 3px 0}.rmdp-mobile .rmdp-action-buttons{align-items:center;display:flex;justify-content:flex-end;padding:0 10px}.rmdp-mobile .rmdp-rtl .rmdp-action-button{float:left;margin-left:10px;margin-right:unset}.rmdp-mobile .rmdp-action-button:focus{outline:none}.rmdp-mobile .rmdp-header{margin-left:10px;margin-right:10px;margin-top:15px}.rmdp-mobile .rmdp-panel-header{margin-top:20px}.rmdp-mobile .rmdp-day-picker{margin-left:5px;margin-right:5px}.rmdp-mobile .rmdp-action-button{margin-bottom:15px}@media (max-width:420px){.rmdp-mobile .rmdp-day,.rmdp-mobile .rmdp-week-day{height:32px;width:32px}.rmdp-mobile .only.rmdp-month-picker,.rmdp-mobile .only.rmdp-year-picker{width:250px}.rmdp-mobile .rmdp-header,.rmdp-mobile .rmdp-panel-header{height:20px}.rmdp-mobile .rmdp-day span{font-size:14px}.rmdp-mobile .rmdp-day-picker{padding:10px 5px}.rmdp-mobile.rmdp-single .rmdp-day-picker{padding:10px}.rmdp-mobile .rmdp-arrow-container{height:20px;margin:0 12px;width:20px}.rmdp-mobile .rmdp-arrow{height:3px;margin-top:6px;padding:2px;width:3px}.rmdp-mobile .rmdp-action-button{font-size:13px;padding:5px}.rmdp-mobile .rmdp-action-button:first-child{padding-right:10px}.rmdp-mobile .rmdp-panel-header{padding-bottom:20px}.rmdp-mobile .rmdp-left i,.rmdp-mobile .rmdp-right i{margin-top:6px}.rmdp-mobile .rmdp-up i{margin-top:8px}.rmdp-mobile .rmdp-down i{margin-top:4px}.rmdp-mobile .rmdp-header{margin-left:5px;margin-right:5px;margin-top:10px}.rmdp-mobile .rmdp-panel-header{margin-top:15px}.rmdp-mobile .rmdp-header,.rmdp-mobile .rmdp-panel-header{font-size:14px}.rmdp-mobile .rmdp-day-picker{margin-left:5px;margin-right:5px}.rmdp-mobile .rmdp-action-button{font-size:12px;margin-bottom:10px}}@media (max-height:450px){.rmdp-mobile .rmdp-header,.rmdp-mobile .rmdp-panel-header{font-size:12px;height:9px;line-height:15px}.rmdp-mobile .rmdp-day,.rmdp-mobile .rmdp-week-day{height:22px;width:22px}.rmdp-mobile .rmdp-time-picker{min-width:130px!important;padding:0}.rmdp-mobile .rmdp-time-picker div input{font-size:12px;padding:2px}.rmdp-mobile .rmdp-day span{font-size:12px}.rmdp-mobile .rmdp-month-picker .rmdp-day span,.rmdp-mobile .rmdp-week-day{font-size:10px}.rmdp-mobile .rmdp-day-picker{padding:0 7px}.rmdp-mobile .rmdp-panel-body{margin:5px 0;padding:0}.rmdp-mobile .rmdp-panel-body li{font-size:11px;margin:5px}.rmdp-mobile .rmdp-action-button{font-size:9px;margin:10px 5px;padding:0 5px}.rmdp-mobile .rmdp-action-button:first-child{margin-right:10px}.rmdp-mobile .rmdp-arrow-container{height:16px;margin:0 3px;width:16px}.rmdp-mobile .rmdp-arrow{height:2px;margin-top:3px;padding:2px;width:2px}.rmdp-mobile .only.rmdp-month-picker,.rmdp-mobile .only.rmdp-year-picker{height:160px}.rmdp-mobile .dvdr,.rmdp-mobile .rmdp-time-picker div input{margin:0}.rmdp-mobile .rmdp-week-day{margin-top:0}.rmdp-mobile .rmdp-left i{margin-left:4px;margin-top:4px}.rmdp-mobile .rmdp-right i{margin-left:0;margin-top:4px}.rmdp-mobile .rmdp-up i{margin-top:5px}.rmdp-mobile .rmdp-header{margin-left:5px;margin-right:5px;margin-top:10px}.rmdp-mobile .rmdp-panel-header{margin-top:13px}.rmdp-mobile .rmdp-day-picker{margin-left:0;margin-right:0}.rmdp-mobile .rmdp-action-button{margin-bottom:10px}}.table--tbody tr:first-child>td{border-color:transparent!important}.table--tbody tr:last-child td:first-child{border-radius:0 0 0 10px}.table--tbody tr:last-child td:last-child{border-radius:0 0 10px}
package/dist/index.d.ts CHANGED
@@ -1,43 +1,45 @@
1
- export * from './components/atoms/Button';
2
- export * from './components/atoms/Avatar';
3
- export * from './components/atoms/Typography/Heading';
4
- export * from './components/atoms/Typography/Text';
5
- export * from './components/atoms/Typography/Link';
6
- export * from './components/atoms/Badge';
7
- export * from './components/atoms/Switch';
8
- export * from './components/atoms/Icon';
9
- export * from './components/atoms/Tooltip';
10
- export * from './components/atoms/RadioButton';
11
- export * from './components/atoms/Tracker';
12
- export * from './components/atoms/Logo';
13
- export * from './components/atoms/Checkbox';
14
- export * from './components/atoms/Spinner';
15
- export * from './components/molecules/Selectable/Select';
16
- export * from './components/molecules/Selectable/AsyncSelect';
17
- export * from './components/molecules/Selectable/SelectButton';
18
- export * from './components/molecules/Selectable/SelectCountry';
19
- export * from './components/molecules/Selectable/AsyncCreatableSelect';
20
- export * from './components/molecules/Tab';
21
- export * from './components/molecules/InlineError';
22
- export * from './components/molecules/Modal';
23
- export * from './components/molecules/Dropdown';
24
- export * from './components/molecules/EmptyState';
25
- export * from './components/molecules/TabNav';
26
- export * from './components/molecules/Header';
27
- export * from './components/molecules/Indicator/Graphic';
28
- export * from './components/molecules/Summary';
29
- export * from './components/molecules/Field';
30
- export * from './components/molecules/Flag';
31
- export * from './components/molecules/DropdownUser';
32
- export * from './components/molecules/DropdownFilterMultiple';
33
- export * from './components/molecules/Table';
34
- export * from './components/molecules/Table/atoms/CheckBoxTable';
35
- export * from './components/molecules/DropdownButton';
36
- export * from './components/molecules/DateInputPicker';
37
- export * from './components/molecules/Card/Select';
38
- export * from './components/molecules/CardHistory';
39
- export * from './components/molecules/Filter/FilterSearchMultiple';
40
- export * from './components/organisms/Navigation';
41
- export * from './components/templates/Main';
42
- export * from './components/templates/Shipment';
43
- export * from './components/templates/SecondMain';
1
+ export * from './ui/atoms/Button';
2
+ export * from './ui/atoms/Avatar';
3
+ export * from './ui/atoms/Typography/Heading';
4
+ export * from './ui/atoms/Typography/Text';
5
+ export * from './ui/atoms/Typography/Link';
6
+ export * from './ui/atoms/Badge';
7
+ export * from './ui/atoms/Switch';
8
+ export * from './ui/atoms/Icon';
9
+ export * from './ui/atoms/Tooltip';
10
+ export * from './ui/atoms/Radio';
11
+ export * from './ui/atoms/Tracker';
12
+ export * from './ui/atoms/Logo';
13
+ export * from './ui/atoms/Checkbox';
14
+ export * from './ui/atoms/Spinner';
15
+ export * from './ui/molecules/Selectable/Select';
16
+ export * from './ui/molecules/Selectable/AsyncSelect';
17
+ export * from './ui/molecules/Selectable/SelectButton';
18
+ export * from './ui/molecules/Selectable/SelectCountry';
19
+ export * from './ui/molecules/Selectable/AsyncCreatableSelect';
20
+ export * from './ui/molecules/Tab';
21
+ export * from './ui/molecules/InlineError';
22
+ export * from './ui/molecules/Modal';
23
+ export * from './ui/molecules/EmptyState';
24
+ export * from './ui/molecules/TabNav';
25
+ export * from './ui/molecules/Header';
26
+ export * from './ui/molecules/Indicator/Graphic';
27
+ export * from './ui/molecules/Summary';
28
+ export * from './ui/molecules/Field';
29
+ export * from './ui/molecules/Flag';
30
+ export * from './ui/molecules/DateInputPicker';
31
+ export * from './ui/molecules/Dropdowns/DropdownButton';
32
+ export * from './ui/molecules/Dropdowns/DropdownSummary';
33
+ export * from './ui/molecules/Dropdowns/DropdownUser';
34
+ export * from './ui/molecules/Dropdowns/DropdownFilterMultiple';
35
+ export * from './ui/molecules/Dropdowns/DropdownSearchMultiple';
36
+ export * from './ui/molecules/Table';
37
+ export * from './ui/molecules/Table/atoms/CheckBoxTable';
38
+ export * from './ui/molecules/Cards/CardSelect';
39
+ export * from './ui/molecules/Cards/CardHistory';
40
+ export * from './ui/molecules/Cards/CardSimple';
41
+ export * from './ui/molecules/Dropdowns/DropdownSearchMultiple';
42
+ export * from './ui/organisms/Navigation';
43
+ export * from './ui/templates/Main';
44
+ export * from './ui/templates/Shipment';
45
+ export * from './ui/templates/SecondMain';