@indico-data/design-system 2.33.1 → 2.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/.storybook/preview-head.html +0 -4
  2. package/lib/index.css +95 -0
  3. package/lib/index.d.ts +8 -8
  4. package/lib/index.esm.css +95 -0
  5. package/lib/index.esm.js +1 -1
  6. package/lib/index.esm.js.map +1 -1
  7. package/lib/index.js +1 -1
  8. package/lib/index.js.map +1 -1
  9. package/lib/src/components/forms/input/Input.d.ts +5 -3
  10. package/lib/src/components/forms/numberInput/NumberInput.d.ts +11 -0
  11. package/lib/src/components/forms/numberInput/NumberInput.stories.d.ts +12 -0
  12. package/lib/src/components/forms/numberInput/__tests__/NumberInput.test.d.ts +1 -0
  13. package/lib/src/components/forms/numberInput/index.d.ts +1 -0
  14. package/lib/src/components/forms/passwordInput/PasswordInput.d.ts +3 -3
  15. package/lib/src/components/forms/subcomponents/Label.d.ts +1 -3
  16. package/lib/src/components/forms/textarea/Textarea.d.ts +3 -3
  17. package/lib/src/storybook/formArgTypes.d.ts +5 -0
  18. package/package.json +1 -1
  19. package/src/components/forms/input/Input.stories.tsx +2 -96
  20. package/src/components/forms/input/Input.tsx +5 -3
  21. package/src/components/forms/numberInput/NumberInput.mdx +32 -0
  22. package/src/components/forms/numberInput/NumberInput.stories.tsx +215 -0
  23. package/src/components/forms/numberInput/NumberInput.tsx +90 -0
  24. package/src/components/forms/numberInput/__tests__/NumberInput.test.tsx +94 -0
  25. package/src/components/forms/numberInput/index.ts +1 -0
  26. package/src/components/forms/numberInput/styles/NumberInput.scss +108 -0
  27. package/src/components/forms/passwordInput/PasswordInput.stories.tsx +3 -70
  28. package/src/components/forms/passwordInput/PasswordInput.tsx +2 -2
  29. package/src/components/forms/subcomponents/Label.tsx +1 -4
  30. package/src/components/forms/textarea/Textarea.stories.tsx +3 -68
  31. package/src/components/forms/textarea/Textarea.tsx +2 -2
  32. package/src/storybook/formArgTypes.ts +152 -0
  33. package/src/styles/index.scss +1 -0
  34. package/lib/src/storybook/labelArgTypes.d.ts +0 -3
  35. package/src/storybook/labelArgTypes.ts +0 -50
package/lib/index.js CHANGED
@@ -20998,7 +20998,7 @@ const Input = React__namespace.default.forwardRef((_a, ref) => {
20998
20998
  error: hasErrors,
20999
20999
  'input--has-icon': iconName,
21000
21000
  }, className);
21001
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "input-wrapper", children: [iconName && (jsxRuntime.jsx(Icon, { name: iconName, "data-testid": `${name}-embedded-icon`, className: "embedded-icon" })), jsxRuntime.jsx("input", Object.assign({ ref: ref, "data-testid": `form-input-${name}`, name: name, type: "text", disabled: isDisabled, placeholder: placeholder, onChange: onChange, className: inputClasses, "aria-invalid": hasErrors ? true : undefined, "aria-describedby": hasErrors || helpText ? `${name}-helper` : undefined, "aria-required": isRequired }, rest)), isClearable && (jsxRuntime.jsx(Icon, { name: "x-close", "data-testid": `${name}-clearable-icon`, size: "sm", onClick: handleClear, className: "clearable-icon" }))] }), hasErrors && jsxRuntime.jsx(DisplayFormError, { message: errorMessage }), helpText && (jsxRuntime.jsx("div", { "data-testid": `${name}-help-text`, className: "help-text", id: `${name}-helper`, children: helpText }))] }));
21001
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "input-wrapper", children: [iconName && (jsxRuntime.jsx(Icon, { name: iconName, "data-testid": `${name}-embedded-icon`, className: "embedded-icon" })), jsxRuntime.jsx("input", Object.assign({ ref: ref, "data-testid": `form-input-${name}`, name: name, type: "text", disabled: isDisabled, placeholder: placeholder, onChange: onChange, className: inputClasses, "aria-invalid": hasErrors ? true : undefined, "aria-describedby": hasErrors || helpText ? `${name}-helper` : undefined, "aria-required": isRequired }, rest)), isClearable && !isDisabled && (jsxRuntime.jsx(Icon, { name: "x-close", "data-testid": `${name}-clearable-icon`, size: "sm", onClick: handleClear, className: "clearable-icon" }))] }), hasErrors && jsxRuntime.jsx(DisplayFormError, { message: errorMessage }), helpText && (jsxRuntime.jsx("div", { "data-testid": `${name}-help-text`, className: "help-text", id: `${name}-helper`, children: helpText }))] }));
21002
21002
  });
21003
21003
  const LabeledInput = withLabel(Input);
21004
21004