@launchpad-ui/form 0.6.7 → 0.6.9
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/Checkbox.d.ts +0 -1
- package/dist/Checkbox.d.ts.map +1 -1
- package/dist/CompactTextField.d.ts +0 -2
- package/dist/CompactTextField.d.ts.map +1 -1
- package/dist/FieldError.d.ts +0 -1
- package/dist/FieldError.d.ts.map +1 -1
- package/dist/FieldSet.d.ts +0 -1
- package/dist/FieldSet.d.ts.map +1 -1
- package/dist/Form.d.ts +0 -1
- package/dist/Form.d.ts.map +1 -1
- package/dist/FormField.d.ts +0 -1
- package/dist/FormField.d.ts.map +1 -1
- package/dist/FormGroup.d.ts +0 -1
- package/dist/FormGroup.d.ts.map +1 -1
- package/dist/FormHint.d.ts +0 -1
- package/dist/FormHint.d.ts.map +1 -1
- package/dist/IconField.d.ts +0 -1
- package/dist/IconField.d.ts.map +1 -1
- package/dist/Label.d.ts +0 -1
- package/dist/Label.d.ts.map +1 -1
- package/dist/Radio.d.ts +0 -1
- package/dist/Radio.d.ts.map +1 -1
- package/dist/RadioGroup.d.ts +0 -1
- package/dist/RadioGroup.d.ts.map +1 -1
- package/dist/RequiredAsterisk.d.ts +0 -1
- package/dist/RequiredAsterisk.d.ts.map +1 -1
- package/dist/Select.d.ts +0 -1
- package/dist/Select.d.ts.map +1 -1
- package/dist/TextArea.d.ts +0 -1
- package/dist/TextArea.d.ts.map +1 -1
- package/dist/TextField.d.ts +0 -1
- package/dist/TextField.d.ts.map +1 -1
- package/dist/index.es.js +100 -49
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +100 -49
- package/dist/index.js.map +1 -1
- package/dist/style.css +133 -145
- package/package.json +2 -2
package/dist/Checkbox.d.ts
CHANGED
package/dist/Checkbox.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAOjD,aAAK,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC3D;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,QAAQ;IAPZ;;OAEG;;;oDA4CJ,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
@@ -1,7 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import type { TextFieldProps } from './TextField';
|
3
|
-
import './styles/CompactTextField.css';
|
4
|
-
import './styles/FormInput.css';
|
5
3
|
declare type CompactTextFieldProps = TextFieldProps & {
|
6
4
|
label: string;
|
7
5
|
needsErrorFeedback?: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CompactTextField.d.ts","sourceRoot":"","sources":["../src/CompactTextField.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;
|
1
|
+
{"version":3,"file":"CompactTextField.d.ts","sourceRoot":"","sources":["../src/CompactTextField.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAUlD,aAAK,qBAAqB,GAAG,cAAc,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;;;;WAJb,MAAM;;oDA2Dd,CAAC;AAIF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
|
package/dist/FieldError.d.ts
CHANGED
package/dist/FieldError.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FieldError.d.ts","sourceRoot":"","sources":["../src/FieldError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"FieldError.d.ts","sourceRoot":"","sources":["../src/FieldError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,aAAK,eAAe,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACvD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,UAAU,uEAMb,eAAe,uBAgBjB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
|
package/dist/FieldSet.d.ts
CHANGED
package/dist/FieldSet.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FieldSet.d.ts","sourceRoot":"","sources":["../src/FieldSet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"FieldSet.d.ts","sourceRoot":"","sources":["../src/FieldSet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,aAAK,aAAa,GAAG,cAAc,CAAC,mBAAmB,CAAC,GAAG;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,QAAQ,6DAKX,aAAa,gBAQf,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/Form.d.ts
CHANGED
package/dist/Form.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAMhD,aAAK,SAAS,GAAG,kBAAkB,CAAC,eAAe,CAAC,GAAG;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,IAAI,UAAW,SAAS,gBAsB7B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}
|
package/dist/FormField.d.ts
CHANGED
package/dist/FormField.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../src/FormField.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../src/FormField.tsx"],"names":[],"mappings":";AAQA,aAAK,cAAc,GAAG;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,SAAS,gJAaZ,cAAc,gBAyBhB,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
package/dist/FormGroup.d.ts
CHANGED
package/dist/FormGroup.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../src/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../src/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,aAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,SAAS,UAAW,cAAc,gBAsBvC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
package/dist/FormHint.d.ts
CHANGED
package/dist/FormHint.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FormHint.d.ts","sourceRoot":"","sources":["../src/FormHint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"FormHint.d.ts","sourceRoot":"","sources":["../src/FormHint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,aAAK,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,QAAQ,6DAKX,aAAa,gBAQf,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/IconField.d.ts
CHANGED
@@ -1,6 +1,5 @@
|
|
1
1
|
import type { IconProps } from '@launchpad-ui/icons';
|
2
2
|
import type { HTMLAttributes } from 'react';
|
3
|
-
import './styles/IconField.css';
|
4
3
|
declare type IconFieldProps = HTMLAttributes<HTMLDivElement> & {
|
5
4
|
icon(args: IconProps): JSX.Element;
|
6
5
|
children: JSX.Element | JSX.Element[];
|
package/dist/IconField.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconField.d.ts","sourceRoot":"","sources":["../src/IconField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"IconField.d.ts","sourceRoot":"","sources":["../src/IconField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,aAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACrD,IAAI,CAAC,IAAI,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,SAAS,mEAMZ,cAAc,gBAWhB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
package/dist/Label.d.ts
CHANGED
package/dist/Label.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAOjD,aAAK,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,KAAK,2FAQR,UAAU,gBAUZ,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
package/dist/Radio.d.ts
CHANGED
package/dist/Radio.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../src/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../src/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAOhE,aAAK,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,KAAK,4KAYR,UAAU,gBA2BZ,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
package/dist/RadioGroup.d.ts
CHANGED
package/dist/RadioGroup.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ7E,aAAK,eAAe,GAAG;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,CAAC,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC9D;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,UAAU,UAAW,eAAe,gBAoEzC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RequiredAsterisk.d.ts","sourceRoot":"","sources":["../src/RequiredAsterisk.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"RequiredAsterisk.d.ts","sourceRoot":"","sources":["../src/RequiredAsterisk.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,aAAK,qBAAqB,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,gBAAgB,mDAInB,qBAAqB,gBAQvB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
|
package/dist/Select.d.ts
CHANGED
package/dist/Select.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMlD,aAAK,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,MAAM,6DAKT,WAAW,gBAQb,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/TextArea.d.ts
CHANGED
package/dist/TextArea.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,sBAAsB,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAQnE,aAAK,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GAAG;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,QAAQ;;uDA2Bb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/TextField.d.ts
CHANGED
package/dist/TextField.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAQjD,aAAK,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;oDA0Dd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
package/dist/index.es.js
CHANGED
@@ -3,13 +3,70 @@ import { forwardRef, useState, useRef, Children, isValidElement, cloneElement }
|
|
3
3
|
import { cx } from "classix";
|
4
4
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
5
5
|
import { VisuallyHidden } from "@react-aria/visually-hidden";
|
6
|
-
const
|
6
|
+
const formGroup = "_formGroup_1dqfg_1";
|
7
|
+
const formIncreasedErrorMargin = "_formIncreasedErrorMargin_1dqfg_7";
|
8
|
+
const formInline = "_formInline_1dqfg_11";
|
9
|
+
const form = "_form_1dqfg_1";
|
10
|
+
const inlineForm = "_inlineForm_1dqfg_25";
|
11
|
+
const label = "_label_1dqfg_30";
|
12
|
+
const labelDisabled = "_labelDisabled_1dqfg_36";
|
13
|
+
const labelOptional = "_labelOptional_1dqfg_40";
|
14
|
+
const compactTextField = "_compactTextField_1dqfg_46";
|
15
|
+
const fieldError = "_fieldError_1dqfg_70";
|
16
|
+
const iconField = "_iconField_1dqfg_96";
|
17
|
+
const formInput = "_formInput_1dqfg_96";
|
18
|
+
const isInvalid = "_isInvalid_1dqfg_100";
|
19
|
+
const hint = "_hint_1dqfg_122";
|
20
|
+
const field = "_field_1dqfg_70";
|
21
|
+
const fieldErrorMessage = "_fieldErrorMessage_1dqfg_142";
|
22
|
+
const isDisabled = "_isDisabled_1dqfg_177";
|
23
|
+
const isFocused = "_isFocused_1dqfg_231";
|
24
|
+
const checkbox = "_checkbox_1dqfg_245";
|
25
|
+
const radio = "_radio_1dqfg_252";
|
26
|
+
const number = "_number_1dqfg_266";
|
27
|
+
const suffixContainer = "_suffixContainer_1dqfg_270";
|
28
|
+
const suffix = "_suffix_1dqfg_270";
|
29
|
+
const iconFieldIcon = "_iconFieldIcon_1dqfg_315";
|
30
|
+
const formInputTiny = "_formInputTiny_1dqfg_323";
|
31
|
+
const requiredAsterisk = "_requiredAsterisk_1dqfg_332";
|
32
|
+
const fieldSet = "_fieldSet_1dqfg_336";
|
33
|
+
const isActive = "_isActive_1dqfg_347";
|
34
|
+
const styles = {
|
35
|
+
formGroup,
|
36
|
+
formIncreasedErrorMargin,
|
37
|
+
formInline,
|
38
|
+
form,
|
39
|
+
inlineForm,
|
40
|
+
label,
|
41
|
+
labelDisabled,
|
42
|
+
labelOptional,
|
43
|
+
compactTextField,
|
44
|
+
fieldError,
|
45
|
+
iconField,
|
46
|
+
formInput,
|
47
|
+
isInvalid,
|
48
|
+
hint,
|
49
|
+
field,
|
50
|
+
fieldErrorMessage,
|
51
|
+
isDisabled,
|
52
|
+
isFocused,
|
53
|
+
checkbox,
|
54
|
+
radio,
|
55
|
+
number,
|
56
|
+
suffixContainer,
|
57
|
+
suffix,
|
58
|
+
iconFieldIcon,
|
59
|
+
formInputTiny,
|
60
|
+
requiredAsterisk,
|
61
|
+
fieldSet,
|
62
|
+
isActive
|
63
|
+
};
|
7
64
|
const RequiredAsterisk = ({
|
8
65
|
className,
|
9
66
|
"data-test-id": testId = "required-asterisk",
|
10
67
|
...rest
|
11
68
|
}) => {
|
12
|
-
const classes = cx(
|
69
|
+
const classes = cx(styles.requiredAsterisk, className);
|
13
70
|
return /* @__PURE__ */ jsx("span", {
|
14
71
|
...rest,
|
15
72
|
"data-test-id": testId,
|
@@ -17,7 +74,6 @@ const RequiredAsterisk = ({
|
|
17
74
|
children: "*"
|
18
75
|
});
|
19
76
|
};
|
20
|
-
const Form$1 = "";
|
21
77
|
const Label = ({
|
22
78
|
disabled,
|
23
79
|
className,
|
@@ -27,13 +83,13 @@ const Label = ({
|
|
27
83
|
"data-test-id": testId = "label",
|
28
84
|
...rest
|
29
85
|
}) => {
|
30
|
-
const classes = cx(
|
86
|
+
const classes = cx(styles.label, className, disabled && styles.labelDisabled);
|
31
87
|
return /* @__PURE__ */ jsxs("label", {
|
32
88
|
...rest,
|
33
89
|
"data-test-id": testId,
|
34
90
|
className: classes,
|
35
91
|
children: [children, optional && !required && /* @__PURE__ */ jsx("small", {
|
36
|
-
className:
|
92
|
+
className: styles.labelOptional,
|
37
93
|
children: "(optional)"
|
38
94
|
}), required && !optional && /* @__PURE__ */ jsx(RequiredAsterisk, {})]
|
39
95
|
});
|
@@ -61,18 +117,17 @@ const Checkbox = forwardRef(({
|
|
61
117
|
"aria-checked": checked ? "true" : "false",
|
62
118
|
"aria-label": ariaLabel,
|
63
119
|
"aria-labelledby": ariaLabelledby,
|
64
|
-
className:
|
120
|
+
className: styles.checkbox,
|
65
121
|
disabled,
|
66
122
|
type: "checkbox",
|
67
123
|
"data-test-id": testId
|
68
124
|
}), " ", disabled ? /* @__PURE__ */ jsx("span", {
|
69
|
-
className:
|
125
|
+
className: styles.labelDisabled,
|
70
126
|
children
|
71
127
|
}) : children]
|
72
128
|
});
|
73
129
|
});
|
74
130
|
Checkbox.displayName = "Checkbox";
|
75
|
-
const FormInput = "";
|
76
131
|
const createFieldErrorId = (fieldIdentifier) => fieldIdentifier ? `${[...fieldIdentifier].join("")}-err` : void 0;
|
77
132
|
const TextField = forwardRef(({
|
78
133
|
className,
|
@@ -80,27 +135,27 @@ const TextField = forwardRef(({
|
|
80
135
|
tiny = false,
|
81
136
|
readOnly,
|
82
137
|
tabIndex = 0,
|
83
|
-
suffix,
|
138
|
+
suffix: suffix2,
|
84
139
|
overrideWidth,
|
85
140
|
"data-test-id": testId = "text-field",
|
86
141
|
...rest
|
87
142
|
}, ref) => {
|
88
|
-
const classes = overrideWidth ? className : cx(
|
89
|
-
if (
|
143
|
+
const classes = overrideWidth ? className : cx(styles.formInput, tiny && styles.formInputTiny, className);
|
144
|
+
if (suffix2) {
|
90
145
|
return /* @__PURE__ */ jsxs("div", {
|
91
|
-
className:
|
146
|
+
className: styles.suffixContainer,
|
92
147
|
children: [/* @__PURE__ */ jsx("input", {
|
93
148
|
...rest,
|
94
149
|
type,
|
95
150
|
"data-test-id": testId,
|
96
|
-
className:
|
151
|
+
className: classes,
|
97
152
|
readOnly,
|
98
153
|
ref,
|
99
154
|
"aria-describedby": rest["aria-describedby"] || createFieldErrorId(rest.id)
|
100
155
|
}), /* @__PURE__ */ jsx("label", {
|
101
|
-
className:
|
156
|
+
className: styles.suffix,
|
102
157
|
htmlFor: rest.id,
|
103
|
-
children:
|
158
|
+
children: suffix2
|
104
159
|
})]
|
105
160
|
});
|
106
161
|
}
|
@@ -119,11 +174,10 @@ const TextField = forwardRef(({
|
|
119
174
|
});
|
120
175
|
});
|
121
176
|
TextField.displayName = "TextField";
|
122
|
-
const CompactTextField$1 = "";
|
123
177
|
const CompactTextField = forwardRef(({
|
124
178
|
className,
|
125
179
|
id,
|
126
|
-
label,
|
180
|
+
label: label2,
|
127
181
|
needsErrorFeedback,
|
128
182
|
value,
|
129
183
|
onFocus,
|
@@ -131,10 +185,10 @@ const CompactTextField = forwardRef(({
|
|
131
185
|
"data-test-id": testId = "compact-text-field",
|
132
186
|
...rest
|
133
187
|
}, ref) => {
|
134
|
-
const [
|
135
|
-
const isActiveState =
|
136
|
-
const classes = cx(
|
137
|
-
const placeholder = isActiveState ? "" :
|
188
|
+
const [isActive2, setIsActive] = useState((typeof value === "boolean" || value ? value.toString() : "").trim().length !== 0);
|
189
|
+
const isActiveState = isActive2 || needsErrorFeedback;
|
190
|
+
const classes = cx(styles.compactTextField, className, isActiveState && styles.isActive);
|
191
|
+
const placeholder = isActiveState ? "" : label2;
|
138
192
|
const handleFocus = (event) => {
|
139
193
|
setIsActive(true);
|
140
194
|
if (onFocus) {
|
@@ -153,7 +207,7 @@ const CompactTextField = forwardRef(({
|
|
153
207
|
"data-test-id": testId,
|
154
208
|
children: [/* @__PURE__ */ jsx(Label, {
|
155
209
|
htmlFor: id,
|
156
|
-
children:
|
210
|
+
children: label2
|
157
211
|
}), /* @__PURE__ */ jsx(TextField, {
|
158
212
|
...rest,
|
159
213
|
id,
|
@@ -178,21 +232,20 @@ const FieldError = ({
|
|
178
232
|
}
|
179
233
|
return /* @__PURE__ */ jsx("span", {
|
180
234
|
...rest,
|
181
|
-
className: cx(
|
235
|
+
className: cx(styles.fieldError, className),
|
182
236
|
"aria-live": "polite",
|
183
237
|
"data-test-id": testId,
|
184
238
|
id: createFieldErrorId(name),
|
185
239
|
children: `Error - ${errorMessage}`
|
186
240
|
});
|
187
241
|
};
|
188
|
-
const FieldSet$1 = "";
|
189
242
|
const FieldSet = ({
|
190
243
|
children,
|
191
244
|
className,
|
192
245
|
"data-test-id": testId = "field-set",
|
193
246
|
...rest
|
194
247
|
}) => {
|
195
|
-
const classes = cx(
|
248
|
+
const classes = cx(styles.fieldSet, className);
|
196
249
|
return /* @__PURE__ */ jsx("fieldset", {
|
197
250
|
"data-test-id": testId,
|
198
251
|
className: classes,
|
@@ -209,7 +262,7 @@ const Form = (props) => {
|
|
209
262
|
"data-test-id": testId = "form",
|
210
263
|
...rest
|
211
264
|
} = props;
|
212
|
-
const classes = cx(
|
265
|
+
const classes = cx(styles.form, className, inline && styles.formInline, !!hasIncreasedErrorMargin && styles.formIncreasedErrorMargin);
|
213
266
|
return /* @__PURE__ */ jsx("form", {
|
214
267
|
...rest,
|
215
268
|
"data-test-id": testId,
|
@@ -222,12 +275,12 @@ const FormGroup = (props) => {
|
|
222
275
|
className,
|
223
276
|
name,
|
224
277
|
ignoreValidation,
|
225
|
-
isInvalid,
|
278
|
+
isInvalid: isInvalid2,
|
226
279
|
children,
|
227
280
|
"data-test-id": testId = "form-group",
|
228
281
|
...rest
|
229
282
|
} = props;
|
230
|
-
const classes = cx(
|
283
|
+
const classes = cx(styles.formGroup, className, !ignoreValidation && isInvalid2 && styles.isInvalid);
|
231
284
|
return /* @__PURE__ */ jsx("div", {
|
232
285
|
className: classes,
|
233
286
|
"data-test-id": testId,
|
@@ -235,14 +288,13 @@ const FormGroup = (props) => {
|
|
235
288
|
children
|
236
289
|
});
|
237
290
|
};
|
238
|
-
const FormHint$1 = "";
|
239
291
|
const FormHint = ({
|
240
292
|
className,
|
241
293
|
children,
|
242
294
|
"data-test-id": testId = "form-hint",
|
243
295
|
...rest
|
244
296
|
}) => {
|
245
|
-
const classes = cx(
|
297
|
+
const classes = cx(styles.hint, className);
|
246
298
|
return /* @__PURE__ */ jsx("div", {
|
247
299
|
...rest,
|
248
300
|
"data-test-id": testId,
|
@@ -250,16 +302,15 @@ const FormHint = ({
|
|
250
302
|
children
|
251
303
|
});
|
252
304
|
};
|
253
|
-
const FormField$1 = "";
|
254
305
|
const FormField = ({
|
255
306
|
isRequired,
|
256
|
-
label,
|
307
|
+
label: label2,
|
257
308
|
name,
|
258
309
|
htmlFor,
|
259
|
-
hint,
|
310
|
+
hint: hint2,
|
260
311
|
errorMessage,
|
261
312
|
ignoreValidation,
|
262
|
-
isInvalid,
|
313
|
+
isInvalid: isInvalid2,
|
263
314
|
children,
|
264
315
|
className,
|
265
316
|
onBlur,
|
@@ -269,26 +320,25 @@ const FormField = ({
|
|
269
320
|
onBlur && onBlur(name);
|
270
321
|
};
|
271
322
|
return /* @__PURE__ */ jsxs(FormGroup, {
|
272
|
-
className: cx(
|
323
|
+
className: cx(styles.field, className),
|
273
324
|
name,
|
274
325
|
ignoreValidation,
|
275
|
-
isInvalid,
|
326
|
+
isInvalid: isInvalid2,
|
276
327
|
onBlur: handleBlur,
|
277
328
|
"data-test-id": testId,
|
278
|
-
children: [
|
329
|
+
children: [label2 && /* @__PURE__ */ jsxs("label", {
|
279
330
|
htmlFor,
|
280
|
-
children: [
|
281
|
-
}),
|
282
|
-
className:
|
283
|
-
children:
|
331
|
+
children: [label2, isRequired && /* @__PURE__ */ jsx(RequiredAsterisk, {})]
|
332
|
+
}), hint2 && /* @__PURE__ */ jsx(FormHint, {
|
333
|
+
className: styles.hint,
|
334
|
+
children: hint2
|
284
335
|
}), children, /* @__PURE__ */ jsx(FieldError, {
|
285
|
-
className:
|
336
|
+
className: styles.fieldErrorMessage,
|
286
337
|
name,
|
287
338
|
errorMessage
|
288
339
|
})]
|
289
340
|
});
|
290
341
|
};
|
291
|
-
const IconField$1 = "";
|
292
342
|
const IconField = ({
|
293
343
|
icon,
|
294
344
|
children,
|
@@ -297,13 +347,14 @@ const IconField = ({
|
|
297
347
|
...rest
|
298
348
|
}) => {
|
299
349
|
const Icon = icon;
|
300
|
-
const classes = cx(
|
350
|
+
const classes = cx(styles.iconField, className);
|
301
351
|
return /* @__PURE__ */ jsxs("div", {
|
302
352
|
className: classes,
|
303
353
|
"data-test-id": testId,
|
304
354
|
...rest,
|
305
355
|
children: [children, /* @__PURE__ */ jsx(Icon, {
|
306
|
-
size: "small"
|
356
|
+
size: "small",
|
357
|
+
className: styles.iconFieldIcon
|
307
358
|
})]
|
308
359
|
});
|
309
360
|
};
|
@@ -329,7 +380,7 @@ const Radio = ({
|
|
329
380
|
...rest,
|
330
381
|
"aria-label": ariaLabel,
|
331
382
|
"aria-labelledby": ariaLabelledby,
|
332
|
-
className: cx(
|
383
|
+
className: cx(styles.radio, className),
|
333
384
|
checked,
|
334
385
|
disabled,
|
335
386
|
id,
|
@@ -340,7 +391,7 @@ const Radio = ({
|
|
340
391
|
htmlFor: id,
|
341
392
|
style: labelStyle,
|
342
393
|
children: disabled ? /* @__PURE__ */ jsx("span", {
|
343
|
-
className:
|
394
|
+
className: styles.labelDisabled,
|
344
395
|
children
|
345
396
|
}) : children
|
346
397
|
})]
|
@@ -416,7 +467,7 @@ const Select = ({
|
|
416
467
|
"data-test-id": testId = "select",
|
417
468
|
...rest
|
418
469
|
}) => {
|
419
|
-
const classes = cx(
|
470
|
+
const classes = cx(styles.formInput, className);
|
420
471
|
return /* @__PURE__ */ jsx("select", {
|
421
472
|
...rest,
|
422
473
|
"data-test-id": testId,
|
@@ -439,7 +490,7 @@ const TextArea = forwardRef(({
|
|
439
490
|
};
|
440
491
|
return /* @__PURE__ */ jsx("textarea", {
|
441
492
|
...props,
|
442
|
-
className: cx(
|
493
|
+
className: cx(styles.formInput, className),
|
443
494
|
ref,
|
444
495
|
"data-test-id": testId,
|
445
496
|
"aria-describedby": props["aria-describedby"] || createFieldErrorId(props.id),
|