@galaxy-io/dls 1.5.16 → 1.5.17

package/dist/inputs/Input.d.ts

@@ -175,6 +175,8 @@ export interface InputProps<T> {
     labelTooltip?: string | React.ReactNode;
     /** Message shown under the field; also switches the border to the error color. */
     error?: string;
+    /** Switches the border to the error color without a message. Implied by `error`. */
+    isError?: boolean;
     /** Appends the red required asterisk to the label. */
     isRequired?: boolean;
     isDisabled?: boolean;

package/dist/inputs/Input.js

@@ -217,7 +217,7 @@ var TrailingActionButton = /*#__PURE__*/ styled("button")({
 * pin `type` and `parse` for you. Use this directly only for a value type none of
 * them cover.
 */
-var Input = forwardRef(({ parse, onChange, variant = "PRIMARY", size = "MEDIUM", type, value, label, labelTooltip, error, placeholder, leading, trailing, isRequired, isDisabled, autoFocus, min, max, step, onFocus, onBlur, onKeyDown, width, fillWidth, isMonospace }, ref) => {
+var Input = forwardRef(({ parse, onChange, variant = "PRIMARY", size = "MEDIUM", type, value, label, labelTooltip, error, isError, placeholder, leading, trailing, isRequired, isDisabled, autoFocus, min, max, step, onFocus, onBlur, onKeyDown, width, fillWidth, isMonospace }, ref) => {
 	const handleChange = (e) => {
 		onChange(parse(e.target.value));
 	};
@@ -250,7 +250,7 @@ var Input = forwardRef(({ parse, onChange, variant = "PRIMARY", size = "MEDIUM",
 						$variant: variant,
 						$width: width,
 						$fillWidth: fillWidth || hasLeading || hasTrailing,
-						$isError: !!error,
+						$isError: isError || !!error,
 						$hasLeadingIcon: hasLeading,
 						$hasTrailingAction: hasTrailing,
 						$isMonospace: isMonospace,

package/dist/inputs/NumberInput.d.ts

@@ -6,5 +6,5 @@ export type NumberInputProps = Omit<InputProps<number>, "type" | "parse">;
  * where they bound character count) and values outside it are clamped, not
  * rejected — `onChange` only ever sees an in-range number.
  */
-declare const NumberInput: ({ value, placeholder, label, labelTooltip, variant, size, leading, trailing, error, isRequired, isDisabled, autoFocus, min, max, step, onChange, onFocus, onBlur, onKeyDown, width, fillWidth, isMonospace, }: NumberInputProps) => import("react").JSX.Element;
+declare const NumberInput: ({ value, placeholder, label, labelTooltip, variant, size, leading, trailing, error, isError, isRequired, isDisabled, autoFocus, min, max, step, onChange, onFocus, onBlur, onKeyDown, width, fillWidth, isMonospace, }: NumberInputProps) => import("react").JSX.Element;
 export default NumberInput;

package/dist/inputs/NumberInput.js

@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
 * where they bound character count) and values outside it are clamped, not
 * rejected — `onChange` only ever sees an in-range number.
 */
-var NumberInput = ({ value, placeholder, label, labelTooltip, variant, size, leading, trailing, error, isRequired, isDisabled, autoFocus, min, max, step, onChange, onFocus, onBlur, onKeyDown, width, fillWidth, isMonospace }) => {
+var NumberInput = ({ value, placeholder, label, labelTooltip, variant, size, leading, trailing, error, isError, isRequired, isDisabled, autoFocus, min, max, step, onChange, onFocus, onBlur, onKeyDown, width, fillWidth, isMonospace }) => {
 	return /* @__PURE__ */ jsx(Input, {
 		type: "number",
 		value,
@@ -19,6 +19,7 @@ var NumberInput = ({ value, placeholder, label, labelTooltip, variant, size, lea
 		leading,
 		trailing,
 		error,
+		isError,
 		isRequired,
 		isDisabled,
 		autoFocus,

package/dist/inputs/PasswordInput.js

@@ -8,7 +8,7 @@ var DEFAULT_STATE = { showPassword: false };
 * A masked text field with a built-in reveal toggle in the trailing slot.
 * Toggling only flips the DOM `type` — the value is never transformed.
 */
-var PasswordInput = forwardRef(({ variant, size, value, placeholder, label, labelTooltip, leading, error, isRequired, isDisabled, autoFocus, onChange, width, fillWidth, onKeyDown, onBlur, onFocus, isMonospace }, ref) => {
+var PasswordInput = forwardRef(({ variant, size, value, placeholder, label, labelTooltip, leading, error, isError, isRequired, isDisabled, autoFocus, onChange, width, fillWidth, onKeyDown, onBlur, onFocus, isMonospace }, ref) => {
 	const [state, setState] = useState(DEFAULT_STATE);
 	return /* @__PURE__ */ jsx(Input, {
 		ref,
@@ -31,6 +31,7 @@ var PasswordInput = forwardRef(({ variant, size, value, placeholder, label, labe
 			isDisabled
 		},
 		error,
+		isError,
 		isRequired,
 		isDisabled,
 		autoFocus,

package/dist/inputs/TextInput.js

@@ -9,7 +9,7 @@ var DEFAULT_STATE = { error: "" };
 * `min`/`max` bound the *character count*, not a numeric range — the field
 * validates length on blur and shows its own error. A `error` you pass wins.
 */
-var TextInput = forwardRef(({ variant, size, value, min, max, placeholder, label, labelTooltip, leading, trailing, error, isRequired, isDisabled, autoFocus, onChange, onKeyDown, onBlur, fillWidth, width, isMonospace }, ref) => {
+var TextInput = forwardRef(({ variant, size, value, min, max, placeholder, label, labelTooltip, leading, trailing, error, isError, isRequired, isDisabled, autoFocus, onChange, onKeyDown, onBlur, fillWidth, width, isMonospace }, ref) => {
 	const [state, setState] = useState(DEFAULT_STATE);
 	const handleFocus = () => {
 		setState({
@@ -45,6 +45,7 @@ var TextInput = forwardRef(({ variant, size, value, min, max, placeholder, label
 		trailing,
 		autoFocus,
 		error: state.error || error,
+		isError,
 		isRequired,
 		isDisabled,
 		onKeyDown,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@galaxy-io/dls",
-  "version": "1.5.16",
+  "version": "1.5.17",
   "description": "Galaxy Design Language System",
   "license": "UNLICENSED",
   "type": "module",