@motor-hero/ui-kit 0.20.1 → 0.22.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/dist/components/color-picker.d.ts +23 -0
- package/dist/components/color-picker.d.ts.map +1 -0
- package/dist/index.cjs +210 -130
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +215 -136
- package/dist/index.js.map +1 -1
- package/package.json +2 -1
- package/src/components/color-picker.tsx +100 -0
- package/src/index.ts +2 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface ColorPickerProps {
|
|
3
|
+
/** Current color as a hex string (e.g. `#8f27c2`). */
|
|
4
|
+
value?: string | null;
|
|
5
|
+
onChange: (value: string) => void;
|
|
6
|
+
/** Trigger text shown when no color is set. */
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
id?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
"aria-invalid"?: boolean | "true" | "false";
|
|
12
|
+
"aria-describedby"?: string;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Color picker — a brand swatch trigger opening a Popover with a
|
|
16
|
+
* saturation/hue area (react-colorful) and a hex input.
|
|
17
|
+
*
|
|
18
|
+
* Controlled via `value`/`onChange` (hex string, with leading `#`). Forwards
|
|
19
|
+
* `aria-invalid`/`aria-describedby` from FormField and shows a destructive
|
|
20
|
+
* border when invalid, matching the other kit inputs.
|
|
21
|
+
*/
|
|
22
|
+
export declare function ColorPicker({ value, onChange, placeholder, disabled, id, className, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, }: ColorPickerProps): React.JSX.Element;
|
|
23
|
+
//# sourceMappingURL=color-picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../src/components/color-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,gBAAgB;IAC/B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAA8B,EAC9B,QAAQ,EACR,EAAE,EACF,SAAS,EACT,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,GACpC,EAAE,gBAAgB,qBA+DlB"}
|