@nevuto/components 0.17.0 → 0.17.2
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
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
# @nevuto/components
|
|
2
|
+
|
|
3
|
+
React components of the Nevuto admin: buttons, inputs, tables, modals, navigation and more.
|
|
4
|
+
|
|
5
|
+
Part of Nevuto UI, the design system of the Nevuto admin. Apps embedded in the admin can use it to look like part of it.
|
|
6
|
+
|
|
7
|
+
## Install
|
|
8
|
+
|
|
9
|
+
```sh
|
|
10
|
+
npm i @nevuto/components
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
Peer dependencies: react, react-dom.
|
|
14
|
+
|
|
15
|
+
## Usage
|
|
16
|
+
|
|
17
|
+
```tsx
|
|
18
|
+
import '@nevuto/tokens/css'
|
|
19
|
+
import '@nevuto/components/styles.css'
|
|
20
|
+
import { Button, Heading } from '@nevuto/components'
|
|
21
|
+
|
|
22
|
+
export function Example() {
|
|
23
|
+
return (
|
|
24
|
+
<>
|
|
25
|
+
<Heading as="h1">Campaigns</Heading>
|
|
26
|
+
<Button variant="inverted">New campaign</Button>
|
|
27
|
+
</>
|
|
28
|
+
)
|
|
29
|
+
}
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
Load `@nevuto/tokens/css` once; the components read its CSS variables.
|
|
33
|
+
|
|
34
|
+
## Links
|
|
35
|
+
|
|
36
|
+
- Nevuto UI docs: https://design.nevuto.com
|
|
37
|
+
- Building apps for Nevuto: https://nevuto.dev
|
|
38
|
+
|
|
39
|
+
## License
|
|
40
|
+
|
|
41
|
+
MIT
|
|
@@ -5,19 +5,19 @@ export interface ColorPickerProps {
|
|
|
5
5
|
showAlpha?: boolean;
|
|
6
6
|
alwaysOpen?: boolean;
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Colors offered at the bottom of the picker.
|
|
9
9
|
*
|
|
10
|
-
* undefined
|
|
11
|
-
*
|
|
12
|
-
*
|
|
10
|
+
* When undefined, the built-in presets are shown (backwards compatible).
|
|
11
|
+
* An array shows only the given colors.
|
|
12
|
+
* An empty array hides the presets.
|
|
13
13
|
*/
|
|
14
14
|
presetColors?: string[];
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
17
|
-
*
|
|
16
|
+
* When given, a full-width Delete button is shown at the bottom
|
|
17
|
+
* of the picker.
|
|
18
18
|
*/
|
|
19
19
|
onDelete?: () => void;
|
|
20
|
-
/** Delete
|
|
20
|
+
/** Label of the Delete button. Default: "Delete" */
|
|
21
21
|
deleteLabel?: string;
|
|
22
22
|
/** Available editing modes. Existing usages remain solid-only by default. */
|
|
23
23
|
mode?: 'solid' | 'gradient' | 'both';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAyFA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,
|
|
1
|
+
{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAyFA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAA;IACpC,WAAW,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAClC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,SAAS;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE;AAwB1E,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAwB,EACxB,QAAQ,EACR,SAAiB,EACjB,UAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,WAAsB,EACtB,IAAc,EACd,WAAqB,EACrB,UAAoB,EACpB,aAA0B,GAC3B,EAAE,gBAAgB,+BAiVlB"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nevuto/components",
|
|
3
|
-
"version": "0.17.
|
|
4
|
-
"description": "Nevuto UI
|
|
3
|
+
"version": "0.17.2",
|
|
4
|
+
"description": "React components of Nevuto UI, the design system of the Nevuto admin.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"module": "./dist/index.mjs",
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
"*.css"
|
|
22
22
|
],
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@nevuto/tokens": "0.0.
|
|
25
|
-
"@nevuto/
|
|
26
|
-
"@nevuto/
|
|
24
|
+
"@nevuto/tokens": "0.0.12",
|
|
25
|
+
"@nevuto/hooks": "0.0.3",
|
|
26
|
+
"@nevuto/icons": "0.1.3"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
29
|
"react": ">=18.0.0",
|