@canonical/react-ds-core-form 0.9.0-experimental.19 → 0.9.0-experimental.20

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.
Files changed (42) hide show
  1. package/dist/esm/ui/Field/common/Description/Description.js +2 -2
  2. package/dist/esm/ui/Field/common/Description/Description.js.map +1 -1
  3. package/dist/esm/ui/Field/common/Description/styles.css +1 -1
  4. package/dist/esm/ui/Field/common/Error/Error.js +2 -2
  5. package/dist/esm/ui/Field/common/Error/Error.js.map +1 -1
  6. package/dist/esm/ui/Field/common/Error/styles.css +2 -4
  7. package/dist/esm/ui/Field/common/Wrapper/Wrapper.js +4 -1
  8. package/dist/esm/ui/Field/common/Wrapper/Wrapper.js.map +1 -1
  9. package/dist/esm/ui/Field/inputs/Select/Select.js +5 -2
  10. package/dist/esm/ui/Field/inputs/Select/Select.js.map +1 -1
  11. package/dist/esm/ui/Field/inputs/Select/styles.css +2 -5
  12. package/dist/esm/ui/Field/inputs/SimpleChoices/SimpleChoices.js +1 -1
  13. package/dist/esm/ui/Field/inputs/SimpleChoices/SimpleChoices.js.map +1 -1
  14. package/dist/esm/ui/Field/inputs/SimpleChoices/styles.css +7 -4
  15. package/dist/esm/ui/Field/inputs/Text/Text.js +4 -3
  16. package/dist/esm/ui/Field/inputs/Text/Text.js.map +1 -1
  17. package/dist/esm/ui/Field/inputs/Text/styles.css +5 -2
  18. package/dist/esm/ui/Field/inputs/Textarea/Textarea.js +4 -1
  19. package/dist/esm/ui/Field/inputs/Textarea/Textarea.js.map +1 -1
  20. package/dist/esm/ui/Field/inputs/Textarea/styles.css +2 -5
  21. package/dist/esm/ui/constants.js +12 -0
  22. package/dist/esm/ui/constants.js.map +1 -0
  23. package/dist/types/ui/Field/common/Wrapper/Wrapper.d.ts.map +1 -1
  24. package/dist/types/ui/Field/inputs/Checkbox/Checkbox.d.ts +4 -0
  25. package/dist/types/ui/Field/inputs/Checkbox/Checkbox.d.ts.map +1 -1
  26. package/dist/types/ui/Field/inputs/Combobox/Combobox.d.ts.map +1 -1
  27. package/dist/types/ui/Field/inputs/Hidden/Hidden.d.ts +4 -0
  28. package/dist/types/ui/Field/inputs/Hidden/Hidden.d.ts.map +1 -1
  29. package/dist/types/ui/Field/inputs/Range/Range.d.ts +4 -0
  30. package/dist/types/ui/Field/inputs/Range/Range.d.ts.map +1 -1
  31. package/dist/types/ui/Field/inputs/Select/Select.d.ts +4 -0
  32. package/dist/types/ui/Field/inputs/Select/Select.d.ts.map +1 -1
  33. package/dist/types/ui/Field/inputs/SimpleChoices/SimpleChoices.d.ts.map +1 -1
  34. package/dist/types/ui/Field/inputs/Text/Text.d.ts +7 -2
  35. package/dist/types/ui/Field/inputs/Text/Text.d.ts.map +1 -1
  36. package/dist/types/ui/Field/inputs/Text/types.d.ts +2 -0
  37. package/dist/types/ui/Field/inputs/Text/types.d.ts.map +1 -1
  38. package/dist/types/ui/Field/inputs/Textarea/Textarea.d.ts +4 -0
  39. package/dist/types/ui/Field/inputs/Textarea/Textarea.d.ts.map +1 -1
  40. package/dist/types/ui/constants.d.ts +10 -0
  41. package/dist/types/ui/constants.d.ts.map +1 -0
  42. package/package.json +4 -4
package/dist/esm/ui/Field/common/Description/Description.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import "./styles.css";
3
- const componentCssClassName = "ds description";
3
+ const componentCssClassName = "ds form-field-description";
4
4
  /**
5
5
  * description of the Description component
6
6
  * @returns {React.ReactElement} - Rendered Description
7
7
  */
8
8
  const Description = ({ id, children, className, style, }) => {
9
- return (_jsx("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: children }));
9
+ return (_jsx("p", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: children }));
10
10
  };
11
11
  export default Description;
12
12
  //# sourceMappingURL=Description.js.map
package/dist/esm/ui/Field/common/Description/Description.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Description/Description.tsx"],"names":[],"mappings":";AAGA,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAE/C;;;GAGG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,GACY,EAAsB,EAAE;IACzC,OAAO,CACL,cACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAEtE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Description/Description.tsx"],"names":[],"mappings":";AAGA,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,GACY,EAAsB,EAAE;IACzC,OAAO,CACL,YACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAEtE,QAAQ,GACP,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/dist/esm/ui/Field/common/Description/styles.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /* @canonical/generator-ds 0.9.0-experimental.4 */
2
2
 
3
3
  /*
4
- .ds.description {
4
+ .ds.form-field-description {
5
5
 
6
6
  }
7
7
  */
package/dist/esm/ui/Field/common/Error/Error.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import "./styles.css";
3
- const componentCssClassName = "ds error";
3
+ const componentCssClassName = "ds form-field-error";
4
4
  /**
5
5
  * description of the Error component
6
6
  * @returns {React.ReactElement} - Rendered Error
7
7
  */
8
8
  const FieldError = ({ id, children, className, style, }) => {
9
- return (_jsx("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), role: "alert", children: children }));
9
+ return (_jsx("p", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), role: "alert", children: children }));
10
10
  };
11
11
  export default FieldError;
12
12
  //# sourceMappingURL=Error.js.map
package/dist/esm/ui/Field/common/Error/Error.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Error.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Error/Error.tsx"],"names":[],"mappings":";AAGA,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,UAAU,CAAC;AAEzC;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,GACM,EAAsB,EAAE;IACnC,OAAO,CACL,cACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACvE,IAAI,EAAC,OAAO,YAEX,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"Error.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Error/Error.tsx"],"names":[],"mappings":";AAGA,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,qBAAqB,CAAC;AAEpD;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,GACM,EAAsB,EAAE;IACnC,OAAO,CACL,YACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACvE,IAAI,EAAC,OAAO,YAEX,QAAQ,GACP,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/dist/esm/ui/Field/common/Error/styles.css CHANGED
@@ -1,7 +1,5 @@
1
1
  /* @canonical/generator-ds 0.9.0-experimental.9 */
2
2
 
3
- /*
4
- .ds.error {
5
-
3
+ .ds.form-field-error {
4
+ color: var(--state-danger-color-default);
6
5
  }
7
- */
package/dist/esm/ui/Field/common/Wrapper/Wrapper.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useMemo } from "react";
3
3
  import "./styles.css";
4
+ import { states } from "../../../constants.js";
4
5
  import { Description, Error as FieldError, Label } from "../index.js";
5
6
  import { useFieldWrapper } from "./hooks/index.js";
6
7
  const componentCssClassName = "ds form-wrapper";
@@ -23,7 +24,9 @@ const Wrapper = ({ id, className, style, name, Component, description, label, is
23
24
  ...ariaProps.input,
24
25
  ...otherProps,
25
26
  }), [name, registerProps, ariaProps.input]);
26
- return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [_jsx(Label, { name: name, isOptional: isOptional, tag: mockLabel ? "legend" : undefined, ...ariaProps.label, children: label }), _jsxs("div", { className: "payload", children: [_jsx(Description, { ...ariaProps.description, children: description }), _jsx(Component, { ...componentProps }), isError && (_jsx(FieldError, { ...ariaProps.error, children: fieldError?.message?.toString() }))] })] }));
27
+ return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className, isError && states.Danger]
28
+ .filter(Boolean)
29
+ .join(" "), children: [_jsx(Label, { name: name, isOptional: isOptional, tag: mockLabel ? "legend" : undefined, ...ariaProps.label, children: label }), _jsxs("div", { className: "payload", children: [_jsx(Description, { ...ariaProps.description, children: description }), _jsx(Component, { ...componentProps }), isError && (_jsx(FieldError, { ...ariaProps.error, children: fieldError?.message?.toString() }))] })] }));
27
30
  };
28
31
  export default Wrapper;
29
32
  //# sourceMappingURL=Wrapper.js.map
package/dist/esm/ui/Field/common/Wrapper/Wrapper.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Wrapper.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/Wrapper.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;AAEhD;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAwC,EACtD,EAAE,EACF,SAAS,EACT,KAAK,EAEL,IAAI,EACJ,SAAS,EACT,WAAW,EACX,KAAK,EACL,UAAU,EACV,aAAa,EAAE,iBAAiB,EAChC,mBAAmB,EACnB,mBAAmB,EAEnB,SAAS,GAAG,KAAK,EACjB,GAAG,UAAU,EACgB,EAAsB,EAAE;IACrD,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,eAAe,CACvE,IAAI,EACJ;QACE,KAAK;QACL,UAAU;QACV,iBAAiB;QACjB,mBAAmB;QACnB,mBAAmB;KACpB,CACF,CAAC;IAEF,6DAA6D;IAC7D,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC;QACL,IAAI;QACJ,aAAa;QACb,GAAG,SAAS,CAAC,KAAK;QAClB,GAAG,UAAU;KACd,CAAC,EACF,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,CAAC,KAAK,CAAC,CACV,CAAC;IAE/B,OAAO,CACL,eACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAEvE,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,KACjC,SAAS,CAAC,KAAK,YAElB,KAAK,GACA,EACR,eAAK,SAAS,EAAC,SAAS,aACtB,KAAC,WAAW,OAAK,SAAS,CAAC,WAAW,YAAG,WAAW,GAAe,EACnE,KAAC,SAAS,OAAK,cAAc,GAAI,EAChC,OAAO,IAAI,CACV,KAAC,UAAU,OAAK,SAAS,CAAC,KAAK,YAC5B,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,GACrB,CACd,IACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Wrapper.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/Wrapper.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;AAEhD;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAwC,EACtD,EAAE,EACF,SAAS,EACT,KAAK,EAEL,IAAI,EACJ,SAAS,EACT,WAAW,EACX,KAAK,EACL,UAAU,EACV,aAAa,EAAE,iBAAiB,EAChC,mBAAmB,EACnB,mBAAmB,EAEnB,SAAS,GAAG,KAAK,EACjB,GAAG,UAAU,EACgB,EAAsB,EAAE;IACrD,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,eAAe,CACvE,IAAI,EACJ;QACE,KAAK;QACL,UAAU;QACV,iBAAiB;QACjB,mBAAmB;QACnB,mBAAmB;KACpB,CACF,CAAC;IAEF,6DAA6D;IAC7D,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC;QACL,IAAI;QACJ,aAAa;QACb,GAAG,SAAS,CAAC,KAAK;QAClB,GAAG,UAAU;KACd,CAAC,EACF,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,CAAC,KAAK,CAAC,CACV,CAAC;IAE/B,OAAO,CACL,eACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC;aACpE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,aAEZ,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,KACjC,SAAS,CAAC,KAAK,YAElB,KAAK,GACA,EACR,eAAK,SAAS,EAAC,SAAS,aACtB,KAAC,WAAW,OAAK,SAAS,CAAC,WAAW,YAAG,WAAW,GAAe,EACnE,KAAC,SAAS,OAAK,cAAc,GAAI,EAChC,OAAO,IAAI,CACV,KAAC,UAAU,OAAK,SAAS,CAAC,KAAK,YAC5B,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,GACrB,CACd,IACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
package/dist/esm/ui/Field/inputs/Select/Select.js CHANGED
@@ -1,15 +1,18 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useFormContext } from "react-hook-form";
3
3
  import "./styles.css";
4
+ import { mixins } from "../../../constants.js";
4
5
  import withWrapper from "../../common/Wrapper/withWrapper.js";
5
- const componentCssClassName = "ds select";
6
+ const componentCssClassName = "ds form-select";
6
7
  /**
7
8
  * description of the Select component
8
9
  * @returns {React.ReactElement} - Rendered Select
9
10
  */
10
11
  const Select = ({ id, className, style, name, registerProps, options, ...otherProps }) => {
11
12
  const { register } = useFormContext();
12
- return (_jsx("select", { id: id, className: [componentCssClassName, className].filter(Boolean).join(" "), style: style, ...otherProps, ...register(name, registerProps), children: options.map((option) => (_jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))) }));
13
+ return (_jsx("select", { id: id, className: [mixins.FormInput, componentCssClassName, className]
14
+ .filter(Boolean)
15
+ .join(" "), style: style, ...otherProps, ...register(name, registerProps), children: options.map((option) => (_jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))) }));
13
16
  };
14
17
  export default withWrapper(Select);
15
18
  //# sourceMappingURL=Select.js.map
package/dist/esm/ui/Field/inputs/Select/Select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Select/Select.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,cAAc,CAAC;AACtB,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,MAAM,qBAAqB,GAAG,WAAW,CAAC;AAE1C;;;GAGG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,EACb,OAAO,EACP,GAAG,UAAU,EACD,EAAsB,EAAE;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,iBACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACvE,KAAK,EAAE,KAAK,KACR,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,YAEhC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAEE,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,YAExB,MAAM,CAAC,KAAK,IAJR,MAAM,CAAC,KAAK,CAKV,CACV,CAAC,GACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAc,MAAM,CAAC,CAAC"}
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Select/Select.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAE/C;;;GAGG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,EACb,OAAO,EACP,GAAG,UAAU,EACD,EAAsB,EAAE;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,iBACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,qBAAqB,EAAE,SAAS,CAAC;aAC5D,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,KAAK,EAAE,KAAK,KACR,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,YAEhC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAEE,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,YAExB,MAAM,CAAC,KAAK,IAJR,MAAM,CAAC,KAAK,CAKV,CACV,CAAC,GACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAc,MAAM,CAAC,CAAC"}
package/dist/esm/ui/Field/inputs/Select/styles.css CHANGED
@@ -1,7 +1,4 @@
1
1
  /* @canonical/generator-ds 0.9.0-experimental.9 */
2
2
 
3
- /*
4
- .ds.select {
5
-
6
- }
7
- */
3
+ /* .ds.form-select { */
4
+ /* } */
package/dist/esm/ui/Field/inputs/SimpleChoices/SimpleChoices.js CHANGED
@@ -3,7 +3,7 @@ import { useFormContext } from "react-hook-form";
3
3
  import withWrapper from "../../common/Wrapper/withWrapper.js";
4
4
  import { useOptionAriaProperties } from "../../hooks/index.js";
5
5
  import "./styles.css";
6
- const componentCssClassName = "ds simple-choices";
6
+ const componentCssClassName = "ds form-simple-choices";
7
7
  const optionClassName = "option";
8
8
  const Option = ({ name, type, value, label, register, registerProps, disabled, }) => {
9
9
  const ariaProps = useOptionAriaProperties(name, value);
package/dist/esm/ui/Field/inputs/SimpleChoices/SimpleChoices.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SimpleChoices.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/SimpleChoices/SimpleChoices.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAG/D,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,mBAAmB,CAAC;AAClD,MAAM,eAAe,GAAG,QAAQ,CAAC;AAEjC,MAAM,MAAM,GAAG,CAAC,EACd,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAQ,GACI,EAAsB,EAAE;IACpC,MAAM,SAAS,GAAG,uBAAuB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACvD,OAAO,CACL,eACE,SAAS,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,QAAQ,IAAI,UAAU,CAAC;aACzD,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,aAGZ,gBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAAI,KAAK,EAC3B,IAAI,EAAE,IAAI,KACN,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,KAC7B,SAAS,CAAC,KAAK,GACnB,EAEF,mBAAW,SAAS,CAAC,KAAK,YAAG,KAAK,GAAS,KAVtC,KAAK,CAWN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,aAAa,GACM,EAAsB,EAAE;IAC3C,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAEtC,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IAE/C,OAAO;IACL,yDAAyD;IACzD,mBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAEtE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,IAEL,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAPzC,MAAM,CAAC,KAAK,CAQjB,CACH,CAAC,GACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW;AACxB,8FAA8F;AAC9F,aAAa,EACb,EAAE,SAAS,EAAE,IAAI,EAAE,CACpB,CAAC"}
1
+ {"version":3,"file":"SimpleChoices.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/SimpleChoices/SimpleChoices.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAG/D,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,wBAAwB,CAAC;AACvD,MAAM,eAAe,GAAG,QAAQ,CAAC;AAEjC,MAAM,MAAM,GAAG,CAAC,EACd,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAQ,GACI,EAAsB,EAAE;IACpC,MAAM,SAAS,GAAG,uBAAuB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACvD,OAAO,CACL,eACE,SAAS,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,QAAQ,IAAI,UAAU,CAAC;aACzD,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,aAGZ,gBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAAI,KAAK,EAC3B,IAAI,EAAE,IAAI,KACN,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,KAC7B,SAAS,CAAC,KAAK,GACnB,EAEF,mBAAW,SAAS,CAAC,KAAK,YAAG,KAAK,GAAS,KAVtC,KAAK,CAWN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,aAAa,GACM,EAAsB,EAAE;IAC3C,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAEtC,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IAE/C,OAAO;IACL,yDAAyD;IACzD,mBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAEtE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,IAEL,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAPzC,MAAM,CAAC,KAAK,CAQjB,CACH,CAAC,GACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW;AACxB,8FAA8F;AAC9F,aAAa,EACb,EAAE,SAAS,EAAE,IAAI,EAAE,CACpB,CAAC"}
package/dist/esm/ui/Field/inputs/SimpleChoices/styles.css CHANGED
@@ -1,7 +1,10 @@
1
1
  /* @canonical/generator-ds 0.9.0-experimental.9 */
2
2
 
3
- /*
4
- .ds.simple-choices {
5
-
3
+ .ds.form-simple-choices {
4
+ & > .option {
5
+ direction: inherit;
6
+ display: flex;
7
+ align-items: center;
8
+ gap: var(--field-inline-gap);
9
+ }
6
10
  }
7
- */
package/dist/esm/ui/Field/inputs/Text/Text.js CHANGED
@@ -1,16 +1,17 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useFormContext } from "react-hook-form";
3
3
  import withWrapper from "../../common/Wrapper/withWrapper.js";
4
4
  import "./styles.css";
5
+ import { mixins } from "../../../constants.js";
5
6
  const componentCssClassName = "ds form-text";
6
7
  /**
7
8
  * description of the Text component
8
9
  * @returns {React.ReactElement} - Rendered Text
9
10
  */
10
- const Text = ({ id, className, style, inputType = "text", name, registerProps, ...otherProps // Should only be native input props
11
+ const Text = ({ id, className, style, inputType = "text", name, prefix, suffix, registerProps, ...otherProps // Should only be native input props
11
12
  }) => {
12
13
  const { register } = useFormContext();
13
- return (_jsx("input", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), type: inputType, ...otherProps, ...register(name, registerProps) }));
14
+ return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [prefix && _jsx("span", { className: "prefix", children: prefix }), _jsx("input", { type: inputType, className: mixins.FormInput, ...otherProps, ...register(name, registerProps) }), suffix && _jsx("span", { className: "suffix", children: suffix })] }));
14
15
  };
15
16
  export default withWrapper(Text);
16
17
  //# sourceMappingURL=Text.js.map
package/dist/esm/ui/Field/inputs/Text/Text.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Text/Text.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAE7C;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,KAAK,EACL,SAAS,GAAG,MAAM,EAClB,IAAI,EACJ,aAAa,EACb,GAAG,UAAU,CAAC,oCAAoC;EACxC,EAAsB,EAAE;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,gBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACvE,IAAI,EAAE,SAAS,KACX,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAIF,eAAe,WAAW,CAAY,IAAI,CAAC,CAAC"}
1
+ {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Text/Text.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAE7C;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,KAAK,EACL,SAAS,GAAG,MAAM,EAClB,IAAI,EACJ,MAAM,EACN,MAAM,EACN,aAAa,EACb,GAAG,UAAU,CAAC,oCAAoC;EACxC,EAAsB,EAAE;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,eACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAEtE,MAAM,IAAI,eAAM,SAAS,EAAC,QAAQ,YAAE,MAAM,GAAQ,EACnD,gBACE,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,MAAM,CAAC,SAAS,KACvB,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,EACD,MAAM,IAAI,eAAM,SAAS,EAAC,QAAQ,YAAE,MAAM,GAAQ,IAC/C,CACP,CAAC;AACJ,CAAC,CAAC;AAIF,eAAe,WAAW,CAAY,IAAI,CAAC,CAAC"}
package/dist/esm/ui/Field/inputs/Text/styles.css CHANGED
@@ -1,7 +1,10 @@
1
1
  /* @canonical/generator-ds 0.9.0-experimental.4 */
2
2
 
3
- /*
4
3
  .ds.form-text {
4
+ border-radius: var(--border-radius);
5
5
 
6
+ direction: inherit;
7
+ display: flex;
8
+ align-items: center;
9
+ gap: var(--field-inline-gap);
6
10
  }
7
- */
package/dist/esm/ui/Field/inputs/Textarea/Textarea.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useFormContext } from "react-hook-form";
3
3
  import "./styles.css";
4
+ import { mixins } from "../../../constants.js";
4
5
  import withWrapper from "../../common/Wrapper/withWrapper.js";
5
6
  const componentCssClassName = "ds form-textarea";
6
7
  /**
@@ -10,7 +11,9 @@ const componentCssClassName = "ds form-textarea";
10
11
  const Textarea = ({ id, className, style, name, registerProps, ...otherProps // Should only be native input props
11
12
  }) => {
12
13
  const { register } = useFormContext();
13
- return (_jsx("textarea", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), ...otherProps, ...register(name, registerProps) }));
14
+ return (_jsx("textarea", { id: id, style: style, className: [mixins.FormInput, componentCssClassName, className]
15
+ .filter(Boolean)
16
+ .join(" "), ...otherProps, ...register(name, registerProps) }));
14
17
  };
15
18
  export default withWrapper(Textarea);
16
19
  //# sourceMappingURL=Textarea.js.map
package/dist/esm/ui/Field/inputs/Textarea/Textarea.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Textarea/Textarea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,cAAc,CAAC;AACtB,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEjD;;;GAGG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,EACb,GAAG,UAAU,CAAC,oCAAoC;EACpC,EAAsB,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,mBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KACnE,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAgB,QAAQ,CAAC,CAAC"}
1
+ {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Textarea/Textarea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEjD;;;GAGG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,EACb,GAAG,UAAU,CAAC,oCAAoC;EACpC,EAAsB,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,mBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,qBAAqB,EAAE,SAAS,CAAC;aAC5D,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,KACR,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAgB,QAAQ,CAAC,CAAC"}
package/dist/esm/ui/Field/inputs/Textarea/styles.css CHANGED
@@ -1,7 +1,4 @@
1
1
  /* @canonical/generator-ds 0.9.0-experimental.4 */
2
2
 
3
- /*
4
- .ds.form-textarea {
5
-
6
- }
7
- */
3
+ /* .ds.form-textarea { */
4
+ /* } */
package/dist/esm/ui/constants.js ADDED
@@ -0,0 +1,12 @@
1
+ export var states;
2
+ (function (states) {
3
+ states["Danger"] = "danger";
4
+ states["Success"] = "success";
5
+ states["Idle"] = "idle";
6
+ states["Disabled"] = "disabled";
7
+ })(states || (states = {}));
8
+ export var mixins;
9
+ (function (mixins) {
10
+ mixins["FormInput"] = "form-input";
11
+ })(mixins || (mixins = {}));
12
+ //# sourceMappingURL=constants.js.map
package/dist/esm/ui/constants.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/ui/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,MAKX;AALD,WAAY,MAAM;IAChB,2BAAiB,CAAA;IACjB,6BAAmB,CAAA;IACnB,uBAAa,CAAA;IACb,+BAAqB,CAAA;AACvB,CAAC,EALW,MAAM,KAAN,MAAM,QAKjB;AAED,MAAM,CAAN,IAAY,MAEX;AAFD,WAAY,MAAM;IAChB,kCAAwB,CAAA;AAC1B,CAAC,EAFW,MAAM,KAAN,MAAM,QAEjB"}
package/dist/types/ui/Field/common/Wrapper/Wrapper.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Wrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/Wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,cAAc,CAAC;AAMtB;;;GAGG;AACH,QAAA,MAAM,OAAO,GAAI,cAAc,SAAS,cAAc,EAAE,iLAgBrD,YAAY,CAAC,cAAc,CAAC,KAAG,KAAK,CAAC,YAgDvC,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Wrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/Wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,cAAc,CAAC;AAOtB;;;GAGG;AACH,QAAA,MAAM,OAAO,GAAI,cAAc,SAAS,cAAc,EAAE,iLAgBrD,YAAY,CAAC,cAAc,CAAC,KAAG,KAAK,CAAC,YAkDvC,CAAC;AAEF,eAAe,OAAO,CAAC"}
package/dist/types/ui/Field/inputs/Checkbox/Checkbox.d.ts CHANGED
@@ -29,6 +29,7 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
29
29
  lang?: string | undefined | undefined;
30
30
  popover?: "" | "auto" | "manual" | undefined | undefined;
31
31
  className?: string | undefined;
32
+ part?: string | undefined | undefined;
32
33
  prefix?: string | undefined | undefined;
33
34
  role?: React.AriaRole | undefined;
34
35
  children?: React.ReactNode;
@@ -88,6 +89,7 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
88
89
  popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
89
90
  popoverTarget?: string | undefined | undefined;
90
91
  is?: string | undefined | undefined;
92
+ exportparts?: string | undefined | undefined;
91
93
  "aria-activedescendant"?: string | undefined | undefined;
92
94
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
93
95
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -294,6 +296,8 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
294
296
  onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
295
297
  onScroll?: React.UIEventHandler<HTMLInputElement> | undefined;
296
298
  onScrollCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
299
+ onScrollEnd?: React.UIEventHandler<HTMLInputElement> | undefined;
300
+ onScrollEndCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
297
301
  onWheel?: React.WheelEventHandler<HTMLInputElement> | undefined;
298
302
  onWheelCapture?: React.WheelEventHandler<HTMLInputElement> | undefined;
299
303
  onAnimationStart?: React.AnimationEventHandler<HTMLInputElement> | undefined;
package/dist/types/ui/Field/inputs/Checkbox/Checkbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,cAAc,CAAC;;;;;;;;;;;;;;;;;;YAGuB,MAE5C,aACS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBV,wBAAqC"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BtB,wBAAqC"}
package/dist/types/ui/Field/inputs/Combobox/Combobox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Combobox/Combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,cAAc,CAAC;;;;;YAGoB,MAE1C,aAAW;;;;;;;;;;;;;;;;;;;;;;4CAUY,MAAO,QAAQ,CAAC,MACrC,cAAc;;;;;AAShB,wBAAoD"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Combobox/Combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBtB,wBAAoD"}
package/dist/types/ui/Field/inputs/Hidden/Hidden.d.ts CHANGED
@@ -28,6 +28,7 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
28
28
  lang?: string | undefined | undefined;
29
29
  popover?: "" | "auto" | "manual" | undefined | undefined;
30
30
  className?: string | undefined;
31
+ part?: string | undefined | undefined;
31
32
  prefix?: string | undefined | undefined;
32
33
  role?: React.AriaRole | undefined;
33
34
  children?: React.ReactNode;
@@ -87,6 +88,7 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
87
88
  popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
88
89
  popoverTarget?: string | undefined | undefined;
89
90
  is?: string | undefined | undefined;
91
+ exportparts?: string | undefined | undefined;
90
92
  "aria-activedescendant"?: string | undefined | undefined;
91
93
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
92
94
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -293,6 +295,8 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
293
295
  onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
294
296
  onScroll?: React.UIEventHandler<HTMLInputElement> | undefined;
295
297
  onScrollCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
298
+ onScrollEnd?: React.UIEventHandler<HTMLInputElement> | undefined;
299
+ onScrollEndCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
296
300
  onWheel?: React.WheelEventHandler<HTMLInputElement> | undefined;
297
301
  onWheelCapture?: React.WheelEventHandler<HTMLInputElement> | undefined;
298
302
  onAnimationStart?: React.AnimationEventHandler<HTMLInputElement> | undefined;
package/dist/types/ui/Field/inputs/Hidden/Hidden.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Hidden.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Hidden/Hidden.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;YAK7C,MAAO,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBrB,wBAAsE"}
1
+ {"version":3,"file":"Hidden.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Hidden/Hidden.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6B9C,wBAAsE"}
package/dist/types/ui/Field/inputs/Range/Range.d.ts CHANGED
@@ -29,6 +29,7 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
29
29
  lang?: string | undefined | undefined;
30
30
  popover?: "" | "auto" | "manual" | undefined | undefined;
31
31
  className?: string | undefined;
32
+ part?: string | undefined | undefined;
32
33
  prefix?: string | undefined | undefined;
33
34
  role?: React.AriaRole | undefined;
34
35
  children?: React.ReactNode;
@@ -88,6 +89,7 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
88
89
  popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
89
90
  popoverTarget?: string | undefined | undefined;
90
91
  is?: string | undefined | undefined;
92
+ exportparts?: string | undefined | undefined;
91
93
  "aria-activedescendant"?: string | undefined | undefined;
92
94
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
93
95
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -294,6 +296,8 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
294
296
  onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
295
297
  onScroll?: React.UIEventHandler<HTMLInputElement> | undefined;
296
298
  onScrollCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
299
+ onScrollEnd?: React.UIEventHandler<HTMLInputElement> | undefined;
300
+ onScrollEndCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
297
301
  onWheel?: React.WheelEventHandler<HTMLInputElement> | undefined;
298
302
  onWheelCapture?: React.WheelEventHandler<HTMLInputElement> | undefined;
299
303
  onAnimationStart?: React.AnimationEventHandler<HTMLInputElement> | undefined;
package/dist/types/ui/Field/inputs/Range/Range.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Range/Range.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,cAAc,CAAC;;;;;;;;;;;;;;;;;;YAMrB,MAAO,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCrB,wBAA8C"}
1
+ {"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Range/Range.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CtB,wBAA8C"}
package/dist/types/ui/Field/inputs/Select/Select.d.ts CHANGED
@@ -23,6 +23,7 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
23
23
  lang?: string | undefined | undefined;
24
24
  popover?: "" | "auto" | "manual" | undefined | undefined;
25
25
  className?: string | undefined;
26
+ part?: string | undefined | undefined;
26
27
  prefix?: string | undefined | undefined;
27
28
  role?: React.AriaRole | undefined;
28
29
  children?: React.ReactNode;
@@ -67,6 +68,7 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
67
68
  popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
68
69
  popoverTarget?: string | undefined | undefined;
69
70
  is?: string | undefined | undefined;
71
+ exportparts?: string | undefined | undefined;
70
72
  "aria-activedescendant"?: string | undefined | undefined;
71
73
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
72
74
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -273,6 +275,8 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
273
275
  onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLSelectElement> | undefined;
274
276
  onScroll?: React.UIEventHandler<HTMLSelectElement> | undefined;
275
277
  onScrollCapture?: React.UIEventHandler<HTMLSelectElement> | undefined;
278
+ onScrollEnd?: React.UIEventHandler<HTMLSelectElement> | undefined;
279
+ onScrollEndCapture?: React.UIEventHandler<HTMLSelectElement> | undefined;
276
280
  onWheel?: React.WheelEventHandler<HTMLSelectElement> | undefined;
277
281
  onWheelCapture?: React.WheelEventHandler<HTMLSelectElement> | undefined;
278
282
  onAnimationStart?: React.AnimationEventHandler<HTMLSelectElement> | undefined;
package/dist/types/ui/Field/inputs/Select/Select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,cAAc,CAAC;;;;;;;;;;;;;YAMrB,MAAK,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCnB,wBAAgD"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CtB,wBAAgD"}
package/dist/types/ui/Field/inputs/SimpleChoices/SimpleChoices.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SimpleChoices.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/SimpleChoices/SimpleChoices.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAe,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAClE,OAAO,cAAc,CAAC;;;;;YADpB,MAAO,aAAa;;;;;;;;;;;;;;;;;;AA6EtB,wBAIE"}
1
+ {"version":3,"file":"SimpleChoices.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/SimpleChoices/SimpleChoices.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAe,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAClE,OAAO,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;AA4EtB,wBAIE"}
package/dist/types/ui/Field/inputs/Text/Text.d.ts CHANGED
@@ -5,7 +5,7 @@ import "./styles.css";
5
5
  * description of the Text component
6
6
  * @returns {React.ReactElement} - Rendered Text
7
7
  */
8
- declare const Text: ({ id, className, style, inputType, name, registerProps, ...otherProps }: TextProps) => React.ReactElement;
8
+ declare const Text: ({ id, className, style, inputType, name, prefix, suffix, registerProps, ...otherProps }: TextProps) => React.ReactElement;
9
9
  export type MyComp = typeof Text;
10
10
  declare const _default: ({ middleware, WrapperComponent, ...props }: {
11
11
  name: string;
@@ -36,7 +36,8 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
36
36
  lang?: string | undefined | undefined;
37
37
  popover?: "" | "auto" | "manual" | undefined | undefined;
38
38
  className?: string | undefined;
39
- prefix?: string | undefined | undefined;
39
+ part?: string | undefined | undefined;
40
+ prefix?: string | (string & React.ReactElement<unknown, string | React.JSXElementConstructor<any>>) | (string & Iterable<React.ReactNode>) | (string & React.ReactPortal) | (string & Promise<string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | Iterable<React.ReactNode> | null | undefined>) | undefined;
40
41
  role?: React.AriaRole | undefined;
41
42
  children?: React.ReactNode;
42
43
  contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
@@ -95,6 +96,7 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
95
96
  popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
96
97
  popoverTarget?: string | undefined | undefined;
97
98
  is?: string | undefined | undefined;
99
+ exportparts?: string | undefined | undefined;
98
100
  "aria-activedescendant"?: string | undefined | undefined;
99
101
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
100
102
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -301,6 +303,8 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
301
303
  onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
302
304
  onScroll?: React.UIEventHandler<HTMLInputElement> | undefined;
303
305
  onScrollCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
306
+ onScrollEnd?: React.UIEventHandler<HTMLInputElement> | undefined;
307
+ onScrollEndCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
304
308
  onWheel?: React.WheelEventHandler<HTMLInputElement> | undefined;
305
309
  onWheelCapture?: React.WheelEventHandler<HTMLInputElement> | undefined;
306
310
  onAnimationStart?: React.AnimationEventHandler<HTMLInputElement> | undefined;
@@ -326,6 +330,7 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
326
330
  mockLabel?: boolean | undefined;
327
331
  middleware?: import("../../types.js").Middleware<TextProps>[] | undefined;
328
332
  WrapperComponent?: React.ComponentType<import("../../types.js").WrapperProps<TextProps>> | undefined;
333
+ suffix?: React.ReactNode;
329
334
  }) => React.ReactElement;
330
335
  export default _default;
331
336
  //# sourceMappingURL=Text.d.ts.map
package/dist/types/ui/Field/inputs/Text/Text.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,cAAc,CAAC;AAItB;;;GAGG;AACH,QAAA,MAAM,IAAI,GAAI,yEAQX,SAAS,KAAG,KAAK,CAAC,YAYpB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,OAAO,IAAI,CAAC;;;;;;;;;;;;;;;;;;;YA1B/B,MACG,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BlB,wBAA4C"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,cAAc,CAAC;AAKtB;;;GAGG;AACH,QAAA,MAAM,IAAI,GAAI,yFAUX,SAAS,KAAG,KAAK,CAAC,YAkBpB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,OAAO,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEjC,wBAA4C"}
package/dist/types/ui/Field/inputs/Text/types.d.ts CHANGED
@@ -3,6 +3,8 @@ import type { InputProps, TODONativeInputTypes } from "../../types.js";
3
3
  type NativeTextProps = React.InputHTMLAttributes<HTMLInputElement>;
4
4
  type AdditionalTextProps = {
5
5
  inputType?: TODONativeInputTypes;
6
+ prefix?: React.ReactNode;
7
+ suffix?: React.ReactNode;
6
8
  };
7
9
  export type TextProps = InputProps<NativeTextProps & AdditionalTextProps>;
8
10
  export {};
package/dist/types/ui/Field/inputs/Text/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Text/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEvE,KAAK,eAAe,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAEnE,KAAK,mBAAmB,GAAG;IAEzB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,eAAe,GAAG,mBAAmB,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Text/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEvE,KAAK,eAAe,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAEnE,KAAK,mBAAmB,GAAG;IAEzB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAGjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAGzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,eAAe,GAAG,mBAAmB,CAAC,CAAC"}
package/dist/types/ui/Field/inputs/Textarea/Textarea.d.ts CHANGED
@@ -23,6 +23,7 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
23
23
  lang?: string | undefined | undefined;
24
24
  popover?: "" | "auto" | "manual" | undefined | undefined;
25
25
  className?: string | undefined;
26
+ part?: string | undefined | undefined;
26
27
  prefix?: string | undefined | undefined;
27
28
  role?: React.AriaRole | undefined;
28
29
  children?: React.ReactNode;
@@ -71,6 +72,7 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
71
72
  popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
72
73
  popoverTarget?: string | undefined | undefined;
73
74
  is?: string | undefined | undefined;
75
+ exportparts?: string | undefined | undefined;
74
76
  "aria-activedescendant"?: string | undefined | undefined;
75
77
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
76
78
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -277,6 +279,8 @@ declare const _default: ({ middleware, WrapperComponent, ...props }: {
277
279
  onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLTextAreaElement> | undefined;
278
280
  onScroll?: React.UIEventHandler<HTMLTextAreaElement> | undefined;
279
281
  onScrollCapture?: React.UIEventHandler<HTMLTextAreaElement> | undefined;
282
+ onScrollEnd?: React.UIEventHandler<HTMLTextAreaElement> | undefined;
283
+ onScrollEndCapture?: React.UIEventHandler<HTMLTextAreaElement> | undefined;
280
284
  onWheel?: React.WheelEventHandler<HTMLTextAreaElement> | undefined;
281
285
  onWheelCapture?: React.WheelEventHandler<HTMLTextAreaElement> | undefined;
282
286
  onAnimationStart?: React.AnimationEventHandler<HTMLTextAreaElement> | undefined;
package/dist/types/ui/Field/inputs/Textarea/Textarea.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Textarea/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,cAAc,CAAC;;;;;;;;;;;;;YAGuB,MAE5C,aACS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBV,wBAAoD"}
1
+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Textarea/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCtB,wBAAoD"}
package/dist/types/ui/constants.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ export declare enum states {
2
+ Danger = "danger",
3
+ Success = "success",
4
+ Idle = "idle",
5
+ Disabled = "disabled"
6
+ }
7
+ export declare enum mixins {
8
+ FormInput = "form-input"
9
+ }
10
+ //# sourceMappingURL=constants.d.ts.map
package/dist/types/ui/constants.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/ui/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,MAAM;IAChB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,QAAQ,aAAa;CACtB;AAED,oBAAY,MAAM;IAChB,SAAS,eAAe;CACzB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@canonical/react-ds-core-form",
3
- "version": "0.9.0-experimental.19",
3
+ "version": "0.9.0-experimental.20",
4
4
  "type": "module",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/types/index.d.ts",
@@ -38,9 +38,9 @@
38
38
  "test:vitest:watch": "vitest"
39
39
  },
40
40
  "dependencies": {
41
- "@canonical/react-ds-core": "^0.9.0-experimental.19",
41
+ "@canonical/react-ds-core": "^0.9.0-experimental.20",
42
42
  "@canonical/storybook-config": "^0.9.0-experimental.19",
43
- "@canonical/styles": "^0.9.0-experimental.12",
43
+ "@canonical/styles": "^0.9.0-experimental.20",
44
44
  "downshift": "^9.0.9",
45
45
  "react": "^19.0.0",
46
46
  "react-dom": "^19.0.0",
@@ -69,5 +69,5 @@
69
69
  "vite-tsconfig-paths": "^5.1.4",
70
70
  "vitest": "^3.0.9"
71
71
  },
72
- "gitHead": "989cbc0a9020e0952f922f111737e918860ad780"
72
+ "gitHead": "5719cfd92b252c0007f5a64fc54bd8bbb825c8a3"
73
73
  }