@galaxy-io/dls 1.5.16 → 1.5.18

package/dist/containers/FlexItem.js

@@ -28,7 +28,7 @@ var _exp11 = () => ({ $maxHeight }) => $maxHeight != null ? getCssSizeValue($max
 var _exp12 = () => ({ $overflow }) => $overflow ?? "visible";
 var _exp13 = () => ({ $whiteSpace }) => $whiteSpace ?? "normal";
 var _exp14 = () => ({ $textOverflow }) => $textOverflow ?? "clip";
-var _exp15 = () => ({ $padding }) => $padding ?? "0";
+var _exp15 = () => ({ $padding }) => getCssSizeValue($padding, "0");
 var _exp16 = () => ({ $onClick }) => $onClick ? "pointer" : "inherit";
 var StyledFlexItem = /*#__PURE__*/ styled("div")({
 	name: "StyledFlexItem",

package/dist/containers/FlexWrapper.js

@@ -73,8 +73,8 @@ var _exp10 = () => ({ maxWidth }) => maxWidth != null ? getCssSizeValue(maxWidth
 var _exp11 = () => ({ minHeight }) => minHeight != null ? getCssSizeValue(minHeight) : "auto";
 var _exp12 = () => ({ maxHeight }) => maxHeight != null ? getCssSizeValue(maxHeight) : "none";
 var _exp13 = () => ({ overflow = "visible" }) => overflow;
-var _exp14 = () => ({ padding = "0" }) => padding;
-var _exp15 = () => ({ margin = "0" }) => margin;
+var _exp14 = () => ({ padding }) => getCssSizeValue(padding, "0");
+var _exp15 = () => ({ margin }) => getCssSizeValue(margin, "0");
 var _exp16 = () => ({ onClick }) => onClick ? "pointer" : "inherit";
 var StyledFlexWrapper = /*#__PURE__*/ styled("div")({
 	name: "StyledFlexWrapper",

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/MultiSelectInput.js

@@ -406,8 +406,8 @@ var MultiSelectInput = ({ label, icon, variant = InputVariant.PRIMARY, size = In
 							]
 						})
 					}, option.id);
-				}) : /* @__PURE__ */ jsx("div", {
-					style: { padding: "8px" },
+				}) : /* @__PURE__ */ jsx(FlexWrapper, {
+					padding: 8,
 					children: /* @__PURE__ */ jsx(Text, {
 						variant: TextVariant.TERTIARY,
 						size: getInputTextSize(size),

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.18",
   "description": "Galaxy Design Language System",
   "license": "UNLICENSED",
   "type": "module",