@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.
- package/README.md +83 -126
- package/dist/hooks/useTokens.d.ts +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +45 -43
- package/dist/reset.css +273 -273
- package/dist/tailwind.config.js +242 -242
- package/dist/tailwind.css +1 -1
- package/dist/tokens.css +160 -160
- package/dist/{components → ui}/atoms/Avatar/Avatar.d.ts +1 -2
- package/dist/{components → ui}/atoms/Badge/Badge.d.ts +1 -2
- package/dist/{components → ui}/atoms/Badge/IBadge.d.ts +2 -6
- package/dist/ui/atoms/Button/Button.d.ts +7 -0
- package/dist/ui/atoms/Checkbox/Checkbox.d.ts +7 -0
- package/dist/{components → ui}/atoms/Icon/Svg.d.ts +1 -1
- package/dist/{components → ui}/atoms/Logo/ILogo.d.ts +1 -1
- package/dist/{components → ui}/atoms/Logo/Logo.d.ts +1 -1
- package/dist/ui/atoms/Radio/Radio.d.ts +7 -0
- package/dist/ui/atoms/Radio/index.d.ts +2 -0
- package/dist/{components → ui}/atoms/Spinner/Spinner.d.ts +0 -1
- package/dist/{components → ui}/atoms/Switch/Switch.d.ts +0 -1
- package/dist/{components → ui}/atoms/Tooltip/Tooltip.d.ts +1 -2
- package/dist/{components → ui}/atoms/Tracker/Tracker.d.ts +0 -1
- package/dist/{components → ui}/atoms/Typography/Heading/Heading.d.ts +0 -1
- package/dist/{components → ui}/atoms/Typography/Link/ILink.d.ts +5 -1
- package/dist/{components → ui}/atoms/Typography/Link/Link.d.ts +1 -2
- package/dist/{components → ui}/atoms/Typography/Text/Text.d.ts +1 -2
- package/dist/ui/atoms/Typography/Text/TextRef.d.ts +4 -0
- package/dist/{components → ui}/index.d.ts +11 -10
- package/dist/ui/molecules/Cards/CardHistory/CardHistory.d.ts +4 -0
- package/dist/ui/molecules/Cards/CardHistory/ICardHistory.d.ts +22 -0
- package/dist/{components/molecules/Card/Select/Select.d.ts → ui/molecules/Cards/CardSelect/CardSelect.d.ts} +1 -2
- package/dist/ui/molecules/Cards/CardSelect/index.d.ts +2 -0
- package/dist/{components/molecules/Card/Simple → ui/molecules/Cards/CardSimple}/ICardSimple.d.ts +1 -1
- package/dist/ui/molecules/Cards/CardSimple/index.d.ts +2 -0
- package/dist/{components → ui}/molecules/DateInputPicker/Atoms/PluginEspecialDates.d.ts +1 -1
- package/dist/{components → ui}/molecules/DateInputPicker/Datelocate.d.ts +1 -1
- package/dist/{components → ui}/molecules/DateInputPicker/IDateInputPicker.d.ts +2 -0
- package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownFilterMultiple/IDropdownFilterMultiple.d.ts +1 -1
- package/dist/ui/molecules/Dropdowns/DropdownSearchMultiple/DropdownSearchMultiple.d.ts +3 -0
- package/dist/{components/molecules/Filter/FilterSearchMultiple/IFilterSearchMultiple.d.ts → ui/molecules/Dropdowns/DropdownSearchMultiple/IDropdownSearchMultiple.d.ts} +1 -1
- package/dist/ui/molecules/Dropdowns/DropdownSearchMultiple/index.d.ts +2 -0
- package/dist/{components/molecules/Dropdown/Dropdown.d.ts → ui/molecules/Dropdowns/DropdownSummary/DropdownSummary.d.ts} +3 -5
- package/dist/{components/molecules/Dropdown/IDropdown.d.ts → ui/molecules/Dropdowns/DropdownSummary/IDropdownSummary.d.ts} +2 -2
- package/dist/ui/molecules/Dropdowns/DropdownSummary/index.d.ts +2 -0
- package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownUser/IDropdownUser.d.ts +1 -1
- package/dist/{components → ui}/molecules/Field/Field.d.ts +2 -2
- package/dist/{components → ui}/molecules/InlineError/InlineError.d.ts +0 -1
- package/dist/ui/molecules/Selectable/select.d.ts +28 -0
- package/dist/{components → ui}/molecules/Summary/Summary.d.ts +2 -2
- package/dist/{components → ui}/molecules/Tab/Tab.d.ts +0 -1
- package/dist/{components → ui}/molecules/Table/ITable.d.ts +13 -8
- package/dist/{components → ui}/molecules/Table/Table.d.ts +1 -1
- package/dist/ui/molecules/Table/atoms/IPagination.d.ts +16 -0
- package/dist/ui/molecules/Table/atoms/Pagination.d.ts +5 -0
- package/dist/ui-react.mjs +20729 -21396
- package/dist/ui-react.umd.js +121 -108
- package/dist/vite-env.d.ts +2 -2
- package/package.json +154 -111
- package/dist/components/atoms/Button/Button.d.ts +0 -8
- package/dist/components/atoms/Checkbox/Checkbox.d.ts +0 -8
- package/dist/components/atoms/RadioButton/RadioButton.d.ts +0 -8
- package/dist/components/atoms/RadioButton/index.d.ts +0 -2
- package/dist/components/atoms/Typography/Text/TextRef.d.ts +0 -4
- package/dist/components/molecules/Card/Select/index.d.ts +0 -2
- package/dist/components/molecules/Card/Simple/index.d.ts +0 -2
- package/dist/components/molecules/CardHistory/CardHistory.d.ts +0 -4
- package/dist/components/molecules/CardHistory/ICardHistory.d.ts +0 -20
- package/dist/components/molecules/Dropdown/index.d.ts +0 -2
- package/dist/components/molecules/Filter/FilterSearchMultiple/FilterSearchMultiple.d.ts +0 -3
- package/dist/components/molecules/Filter/FilterSearchMultiple/index.d.ts +0 -2
- package/dist/components/molecules/Table/atoms/IPagination.d.ts +0 -12
- package/dist/components/molecules/Table/atoms/Pagination.d.ts +0 -4
- package/dist/{components → ui}/atoms/Avatar/IAvatar.d.ts +0 -0
- package/dist/{components → ui}/atoms/Avatar/index.d.ts +0 -0
- package/dist/{components → ui}/atoms/Badge/index.d.ts +0 -0
- package/dist/{components → ui}/atoms/Button/IButton.d.ts +0 -0
- package/dist/{components → ui}/atoms/Button/index.d.ts +0 -0
- package/dist/{components → ui}/atoms/Button/useCSS.d.ts +0 -0
- package/dist/{components → ui}/atoms/Checkbox/ICheckbox.d.ts +0 -0
- package/dist/{components → ui}/atoms/Checkbox/index.d.ts +0 -0
- package/dist/{components → ui}/atoms/Icon/IIcon.d.ts +0 -0
- package/dist/{components → ui}/atoms/Icon/Icon.d.ts +0 -0
- package/dist/{components → ui}/atoms/Icon/index.d.ts +0 -0
- package/dist/{components → ui}/atoms/Logo/index.d.ts +0 -0
- package/dist/{components/atoms/RadioButton/IRadioButton.d.ts → ui/atoms/Radio/IRadio.d.ts} +0 -0
- package/dist/{components → ui}/atoms/Spinner/ISpinner.d.ts +0 -0
- package/dist/{components → ui}/atoms/Spinner/index.d.ts +0 -0
- package/dist/{components → ui}/atoms/Switch/ISwitch.d.ts +0 -0
- package/dist/{components → ui}/atoms/Switch/index.d.ts +0 -0
- package/dist/{components → ui}/atoms/Tooltip/ITooltip.d.ts +0 -0
- package/dist/{components → ui}/atoms/Tooltip/TooltipAnchor.d.ts +0 -0
- package/dist/{components → ui}/atoms/Tooltip/TooltipFloat.d.ts +0 -0
- package/dist/{components → ui}/atoms/Tooltip/index.d.ts +0 -0
- package/dist/{components → ui}/atoms/Tracker/ITracker.d.ts +0 -0
- package/dist/{components → ui}/atoms/Tracker/index.d.ts +0 -0
- package/dist/{components → ui}/atoms/Typography/Heading/IHeading.d.ts +0 -0
- package/dist/{components → ui}/atoms/Typography/Heading/index.d.ts +0 -0
- package/dist/{components → ui}/atoms/Typography/Heading/useCSS.d.ts +0 -0
- package/dist/{components → ui}/atoms/Typography/Link/index.d.ts +0 -0
- package/dist/{components → ui}/atoms/Typography/Text/IText.d.ts +0 -0
- package/dist/{components → ui}/atoms/Typography/Text/index.d.ts +0 -0
- package/dist/{components → ui}/atoms/Typography/Text/useCSS.d.ts +0 -0
- package/dist/{components → ui}/atoms/Typography/Text/useText.d.ts +0 -0
- package/dist/{components/molecules → ui/molecules/Cards}/CardHistory/index.d.ts +0 -0
- package/dist/{components/molecules/Card/Select/ISelect.d.ts → ui/molecules/Cards/CardSelect/ICardSelect.d.ts} +0 -0
- package/dist/{components/molecules/Card/Simple/Simple.d.ts → ui/molecules/Cards/CardSimple/CardSimple.d.ts} +0 -0
- package/dist/{components → ui}/molecules/DateInputPicker/Atoms/CustomButton.d.ts +0 -0
- package/dist/{components → ui}/molecules/DateInputPicker/Atoms/CustomInput.d.ts +0 -0
- package/dist/{components → ui}/molecules/DateInputPicker/Atoms/CustomRangeInput.d.ts +0 -0
- package/dist/{components → ui}/molecules/DateInputPicker/DateInputPicker.d.ts +0 -0
- package/dist/{components → ui}/molecules/DateInputPicker/index.d.ts +0 -0
- package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownButton/DropdownButton.d.ts +0 -0
- package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownButton/IDropdownButton.d.ts +4 -4
- package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownButton/index.d.ts +0 -0
- package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownButton/useCss.d.ts +0 -0
- package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownFilterMultiple/DropdownFilterMultiple.d.ts +0 -0
- package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownFilterMultiple/index.d.ts +0 -0
- package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownUser/DropdownUser.d.ts +0 -0
- package/dist/{components/molecules → ui/molecules/Dropdowns}/DropdownUser/index.d.ts +0 -0
- package/dist/{components → ui}/molecules/EmptyState/BoxSvg.d.ts +0 -0
- package/dist/{components → ui}/molecules/EmptyState/EmptyState.d.ts +0 -0
- package/dist/{components → ui}/molecules/EmptyState/IEmptyState.d.ts +0 -0
- package/dist/{components → ui}/molecules/EmptyState/PadlockSvg.d.ts +0 -0
- package/dist/{components → ui}/molecules/EmptyState/index.d.ts +0 -0
- package/dist/{components → ui}/molecules/Field/Container.d.ts +0 -0
- package/dist/{components → ui}/molecules/Field/Footer.d.ts +0 -0
- package/dist/{components → ui}/molecules/Field/IField.d.ts +0 -0
- package/dist/{components → ui}/molecules/Field/IFieldCustom.d.ts +22 -22
- /package/dist/{components → ui}/molecules/Field/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Field/useField.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Flag/Flag.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Flag/IFlag.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Flag/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Header/Header.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Header/IHeader.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Header/NavigationMovil.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Header/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Indicator/Graphic/Graphic.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Indicator/Graphic/IGraphic.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Indicator/Graphic/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/InlineError/IInlineError.d.ts +0 -0
- /package/dist/{components → ui}/molecules/InlineError/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Modal/IModal.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Modal/Modal.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Modal/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/AsyncCreatableSelect/AsyncCreatableSelect.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/AsyncCreatableSelect/IAsyncCreatableSelect.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/AsyncCreatableSelect/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/AsyncSelect/AsyncSelect.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/AsyncSelect/IAsyncSelect.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/AsyncSelect/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/Select/ISelect.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/Select/Select.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/Select/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/SelectButton/ISelectButton.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/SelectButton/Option.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/SelectButton/SelectButton.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/SelectButton/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/SelectCountry/Option.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/SelectCountry/Prefix.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/SelectCountry/SelectCountry.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/SelectCountry/SingleValue.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/SelectCountry/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/atoms/ClearIndicator.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/atoms/Container.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/atoms/Control.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/atoms/DropdownIndicator.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/atoms/Option.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/atoms/Placeholder.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/atoms/SingleValue.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/atoms/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/hooks/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Selectable/hooks/useCSS.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Summary/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Tab/ITab.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Tab/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/TabNav/ITabNav.d.ts +0 -0
- /package/dist/{components → ui}/molecules/TabNav/TabNav.d.ts +0 -0
- /package/dist/{components → ui}/molecules/TabNav/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Table/atoms/CheckBoxTable.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Table/atoms/ISortTable.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Table/atoms/InputSearch.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Table/atoms/SortTable.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Table/atoms/index.d.ts +0 -0
- /package/dist/{components → ui}/molecules/Table/index.d.ts +0 -0
- /package/dist/{components → ui}/organisms/Navigation/INavigation.d.ts +0 -0
- /package/dist/{components → ui}/organisms/Navigation/Navigation.d.ts +0 -0
- /package/dist/{components → ui}/organisms/Navigation/index.d.ts +0 -0
- /package/dist/{components → ui}/templates/Main/Main.d.ts +0 -0
- /package/dist/{components → ui}/templates/Main/index.d.ts +0 -0
- /package/dist/{components → ui}/templates/SecondMain/SecondMain.d.ts +0 -0
- /package/dist/{components → ui}/templates/SecondMain/index.d.ts +0 -0
- /package/dist/{components → ui}/templates/Shipment/Shipment.d.ts +0 -0
- /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="
|
|
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
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
```
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
```
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
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!
|
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)}}.
|
|
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 './
|
|
2
|
-
export * from './
|
|
3
|
-
export * from './
|
|
4
|
-
export * from './
|
|
5
|
-
export * from './
|
|
6
|
-
export * from './
|
|
7
|
-
export * from './
|
|
8
|
-
export * from './
|
|
9
|
-
export * from './
|
|
10
|
-
export * from './
|
|
11
|
-
export * from './
|
|
12
|
-
export * from './
|
|
13
|
-
export * from './
|
|
14
|
-
export * from './
|
|
15
|
-
export * from './
|
|
16
|
-
export * from './
|
|
17
|
-
export * from './
|
|
18
|
-
export * from './
|
|
19
|
-
export * from './
|
|
20
|
-
export * from './
|
|
21
|
-
export * from './
|
|
22
|
-
export * from './
|
|
23
|
-
export * from './
|
|
24
|
-
export * from './
|
|
25
|
-
export * from './
|
|
26
|
-
export * from './
|
|
27
|
-
export * from './
|
|
28
|
-
export * from './
|
|
29
|
-
export * from './
|
|
30
|
-
export * from './
|
|
31
|
-
export * from './
|
|
32
|
-
export * from './
|
|
33
|
-
export * from './
|
|
34
|
-
export * from './
|
|
35
|
-
export * from './
|
|
36
|
-
export * from './
|
|
37
|
-
export * from './
|
|
38
|
-
export * from './
|
|
39
|
-
export * from './
|
|
40
|
-
export * from './
|
|
41
|
-
export * from './
|
|
42
|
-
export * from './
|
|
43
|
-
export * from './
|
|
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';
|