@launchpad-ui/form 0.6.8 → 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.
@@ -1,5 +1,4 @@
1
1
  import type { InputHTMLAttributes } from 'react';
2
- import './styles/Form.css';
3
2
  declare type CheckboxProps = InputHTMLAttributes<HTMLInputElement> & {
4
3
  /**
5
4
  * The className to pass into the Checkbox's Label component
@@ -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;AAKjD,OAAO,mBAAmB,CAAC;AAE3B,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
+ {"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;AAQlD,OAAO,+BAA+B,CAAC;AACvC,OAAO,wBAAwB,CAAC;AAEhC,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"}
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"}
@@ -1,6 +1,5 @@
1
1
  import type { FieldPath } from './utils';
2
2
  import type { HTMLAttributes } from 'react';
3
- import './styles/Form.css';
4
3
  declare type FieldErrorProps = HTMLAttributes<HTMLSpanElement> & {
5
4
  name: FieldPath;
6
5
  errorMessage?: string;
@@ -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;AAI5C,OAAO,mBAAmB,CAAC;AAG3B,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"}
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"}
@@ -1,5 +1,4 @@
1
1
  import type { HTMLAttributes } from 'react';
2
- import './styles/FieldSet.css';
3
2
  declare type FieldSetProps = HTMLAttributes<HTMLFieldSetElement> & {
4
3
  'data-test-id'?: string;
5
4
  };
@@ -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;AAI5C,OAAO,uBAAuB,CAAC;AAE/B,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"}
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
@@ -1,5 +1,4 @@
1
1
  import type { FormHTMLAttributes } from 'react';
2
- import './styles/Form.css';
3
2
  declare type FormProps = FormHTMLAttributes<HTMLFormElement> & {
4
3
  inline?: boolean;
5
4
  hasIncreasedErrorMargin?: boolean;
@@ -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;AAIhD,OAAO,mBAAmB,CAAC;AAE3B,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"}
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"}
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
- import './styles/FormField.css';
3
2
  declare type FormFieldProps = {
4
3
  isRequired: boolean;
5
4
  label?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../src/FormField.tsx"],"names":[],"mappings":";AAMA,OAAO,wBAAwB,CAAC;AAEhC,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"}
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"}
@@ -1,5 +1,4 @@
1
1
  import type { HTMLAttributes } from 'react';
2
- import './styles/Form.css';
3
2
  declare type FormGroupProps = HTMLAttributes<HTMLDivElement> & {
4
3
  name?: string | string[];
5
4
  ignoreValidation?: boolean;
@@ -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;AAI5C,OAAO,mBAAmB,CAAC;AAE3B,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,gBAkBvC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,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"}
@@ -1,5 +1,4 @@
1
1
  import type { HTMLAttributes } from 'react';
2
- import './styles/FormHint.css';
3
2
  declare type FormHintProps = HTMLAttributes<HTMLDivElement> & {
4
3
  'data-test-id'?: string;
5
4
  };
@@ -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;AAI5C,OAAO,uBAAuB,CAAC;AAE/B,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"}
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"}
@@ -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[];
@@ -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;AAI5C,OAAO,wBAAwB,CAAC;AAEhC,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"}
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
@@ -1,5 +1,4 @@
1
1
  import type { LabelHTMLAttributes } from 'react';
2
- import './styles/Form.css';
3
2
  declare type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
4
3
  required?: boolean;
5
4
  optional?: boolean;
@@ -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;AAKjD,OAAO,mBAAmB,CAAC;AAE3B,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"}
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
@@ -1,5 +1,4 @@
1
1
  import type { CSSProperties, InputHTMLAttributes } from 'react';
2
- import './styles/Form.css';
3
2
  declare type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {
4
3
  labelClassName?: string;
5
4
  labelStyle?: CSSProperties;
@@ -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;AAKhE,OAAO,mBAAmB,CAAC;AAE3B,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"}
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"}
@@ -1,5 +1,4 @@
1
1
  import type { ChangeEvent, FormEvent, ReactNode } from 'react';
2
- import './styles/Form.css';
3
2
  declare type RadioGroupProps = {
4
3
  /**
5
4
  * The legend that describes this groups of radio buttons. The legend
@@ -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;AAO7E,OAAO,mBAAmB,CAAC;AAE3B,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
+ {"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,5 +1,4 @@
1
1
  import type { HTMLAttributes } from 'react';
2
- import './styles/RequiredAsterisk.css';
3
2
  declare type RequiredAsteriskProps = HTMLAttributes<HTMLSpanElement> & {
4
3
  'data-test-id'?: string;
5
4
  };
@@ -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;AAI5C,OAAO,+BAA+B,CAAC;AAEvC,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"}
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
@@ -1,5 +1,4 @@
1
1
  import type { SelectHTMLAttributes } from 'react';
2
- import './styles/FormInput.css';
3
2
  declare type SelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
4
3
  'data-test-id'?: string;
5
4
  };
@@ -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;AAIlD,OAAO,wBAAwB,CAAC;AAEhC,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"}
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"}
@@ -1,5 +1,4 @@
1
1
  import type { TextareaHTMLAttributes } from 'react';
2
- import './styles/FormInput.css';
3
2
  declare type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
4
3
  'data-test-id'?: string;
5
4
  };
@@ -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;AAKnE,OAAO,wBAAwB,CAAC;AAGhC,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"}
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"}
@@ -1,5 +1,4 @@
1
1
  import type { InputHTMLAttributes } from 'react';
2
- import './styles/FormInput.css';
3
2
  declare type TextFieldProps = InputHTMLAttributes<HTMLInputElement> & {
4
3
  suffix?: string;
5
4
  tiny?: boolean;
@@ -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;AAKjD,OAAO,wBAAwB,CAAC;AAGhC,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"}
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 RequiredAsterisk$1 = "";
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("RequiredAsterisk", className);
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("Form-label", className, disabled && "Form-label--disabled");
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: "Form-labelOptional",
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: "Form-checkbox",
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: "Form-label--disabled",
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("FormInput", `FormInput-${type}`, className, tiny && "FormInput--tiny");
89
- if (suffix) {
143
+ const classes = overrideWidth ? className : cx(styles.formInput, tiny && styles.formInputTiny, className);
144
+ if (suffix2) {
90
145
  return /* @__PURE__ */ jsxs("div", {
91
- className: "FormInput-suffixContainer",
146
+ className: styles.suffixContainer,
92
147
  children: [/* @__PURE__ */ jsx("input", {
93
148
  ...rest,
94
149
  type,
95
150
  "data-test-id": testId,
96
- className: cx(classes, "FormInput-suffix"),
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: "FormInput-suffix",
156
+ className: styles.suffix,
102
157
  htmlFor: rest.id,
103
- children: suffix
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 [isActive, setIsActive] = useState((typeof value === "boolean" || value ? value.toString() : "").trim().length !== 0);
135
- const isActiveState = isActive || needsErrorFeedback;
136
- const classes = cx("CompactTextField", className, isActiveState && "is-active");
137
- const placeholder = isActiveState ? "" : label;
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: label
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("Form-fieldError", className),
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("FieldSet", className);
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("Form", className, inline && "Form--inline", !!hasIncreasedErrorMargin && "Form--increasedErrorMargin");
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("Form-group", className, !ignoreValidation && isInvalid && "is-invalid");
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("Form-hint", className);
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("FormField", className),
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: [label && /* @__PURE__ */ jsxs("label", {
329
+ children: [label2 && /* @__PURE__ */ jsxs("label", {
279
330
  htmlFor,
280
- children: [label, isRequired && /* @__PURE__ */ jsx(RequiredAsterisk, {})]
281
- }), hint && /* @__PURE__ */ jsx(FormHint, {
282
- className: "FormField-hint",
283
- children: hint
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: "FormField-errorMessage",
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("IconField", className);
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("Form-radio", className),
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: "Form-label--disabled",
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("FormInput", "FormInput-select", className);
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("FormInput", className),
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),