@luminescent/ui 0.4.2 → 0.5.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.
- package/README.md +9 -2
- package/lib/index.qwik.cjs +319 -206
- package/lib/index.qwik.mjs +320 -207
- package/lib-types/components/elements/Button.d.ts +1 -0
- package/lib-types/components/elements/Card.d.ts +11 -1
- package/lib-types/components/elements/ColorInput.d.ts +2 -2
- package/lib-types/components/elements/SelectInput.d.ts +6 -5
- package/lib-types/components/elements/{TextAreaInput.d.ts → TextArea.d.ts} +4 -3
- package/lib-types/components/elements/TextInput.d.ts +1 -0
- package/lib-types/components/elements.d.ts +1 -2
- package/lib-types/svg/ChevronDown.d.ts +2 -0
- package/lib-types/utils/simple-color-picker/color.d.ts +1 -0
- package/package.json +2 -1
- package/src/tailwind.config.js +3 -3
- package/lib-types/components/elements/OutputField.d.ts +0 -19
- package/lib-types/tailwind-config.d.ts +0 -114
package/README.md
CHANGED
|
@@ -3,11 +3,12 @@
|
|
|
3
3
|
To use the Luminescent UI Qwik Library, you need to install the package from npm.
|
|
4
4
|
|
|
5
5
|
```bash
|
|
6
|
-
npm install @luminescent/ui
|
|
6
|
+
npm install @anuragroy/tailwindcss-animate @luminescent/ui
|
|
7
7
|
```
|
|
8
8
|
|
|
9
9
|
Once installed, since this is a tailwind based library, you need to include the following to your tailwind config
|
|
10
|
-
|
|
10
|
+
|
|
11
|
+
The theme and plugins properties are optional if you don't want to use blobs in the Card component
|
|
11
12
|
|
|
12
13
|
```javascript
|
|
13
14
|
/** @type {import('tailwindcss').Config} */
|
|
@@ -15,10 +16,12 @@ The theme property is optional if you don't want to use blobs in the Card compon
|
|
|
15
16
|
import tailwindConfig from '@luminescent/ui/config';
|
|
16
17
|
|
|
17
18
|
export default {
|
|
19
|
+
// required
|
|
18
20
|
content: [
|
|
19
21
|
// ...
|
|
20
22
|
...tailwindConfig.content,
|
|
21
23
|
],
|
|
24
|
+
// only for blobs in the Card component
|
|
22
25
|
theme: {
|
|
23
26
|
extend: {
|
|
24
27
|
animation: {
|
|
@@ -31,6 +34,10 @@ export default {
|
|
|
31
34
|
},
|
|
32
35
|
},
|
|
33
36
|
},
|
|
37
|
+
plugins: [
|
|
38
|
+
// ...
|
|
39
|
+
require('@anuragroy/tailwindcss-animate'),
|
|
40
|
+
],
|
|
34
41
|
};
|
|
35
42
|
```
|
|
36
43
|
|