@galaxy-io/dls 1.3.1 → 1.3.2

package/dist/inputs/DateInput.js

@@ -7,7 +7,7 @@ import Dropdown, { DropdownVariant } from "../dropdown/Dropdown.js";
 import GridWrapper from "../containers/GridWrapper.js";
 import Spacing from "../containers/Spacing.js";
 import { InputLabel, InputSize } from "./Input.js";
-import SelectInput, { SelectInputSize, SelectInputVariant } from "./SelectInput.js";
+import SelectInput, { SelectInputVariant } from "./SelectInput.js";
 /* empty css                    */
 import { styled } from "@linaria/react";
 import { match } from "ts-pattern";
@@ -379,7 +379,7 @@ var DateInput = ({ label, size = InputSize.MEDIUM, value, placeholder = "Select
 					onMouseDown: (e) => e.stopPropagation(),
 					children: [/* @__PURE__ */ jsx(SelectInput, {
 						variant: SelectInputVariant.SECONDARY,
-						size: SelectInputSize.SMALL,
+						size: InputSize.SMALL,
 						options: monthOptions,
 						value: selectedMonthOption,
 						onChange: handleMonthChange,
@@ -388,7 +388,7 @@ var DateInput = ({ label, size = InputSize.MEDIUM, value, placeholder = "Select
 						width: 120
 					}), /* @__PURE__ */ jsx(SelectInput, {
 						variant: SelectInputVariant.SECONDARY,
-						size: SelectInputSize.SMALL,
+						size: InputSize.SMALL,
 						options: yearOptions,
 						value: selectedYearOption,
 						onChange: handleYearChange,

package/dist/inputs/MultiSelectInput.d.ts

@@ -1,7 +1,8 @@
 import { type ReactNode } from "react";
 import type { Icon as PhosphorIcon } from "@phosphor-icons/react";
 import { DropdownPosition } from "../dropdown/Dropdown";
-import { SelectInputSize, SelectInputVariant, type SelectInputOption } from "./SelectInput";
+import { InputSize } from "./Input";
+import { SelectInputVariant, type SelectInputOption } from "./SelectInput";
 export interface PinnedOptions {
     id: string;
     label: string;
@@ -11,7 +12,7 @@ export interface MultiSelectInputProps {
     label?: string;
     icon?: PhosphorIcon;
     variant?: SelectInputVariant;
-    size?: SelectInputSize;
+    size?: InputSize;
     options: SelectInputOption[];
     value: SelectInputOption[];
     placeholder?: string;

package/dist/inputs/MultiSelectInput.js

@@ -6,12 +6,12 @@ import Icon, { IconVariant } from "../icons/Icon.js";
 import FlexWrapper, { AlignItems, FlexDirection } from "../containers/FlexWrapper.js";
 import CheckboxInput, { CheckboxInputVariant } from "./CheckboxInput.js";
 import Dropdown, { DropdownPosition, DropdownVariant } from "../dropdown/Dropdown.js";
-import { InputLabel } from "./Input.js";
+import { InputLabel, InputSize } from "./Input.js";
 import RotateWithTransition from "../animations/RotateWithTransition.js";
 import HorizontalDivider from "../dividers/HorizontalDivider.js";
 import { useElementWidth } from "../hooks/useElementWidth.js";
 import { useControlledOpenState, useDebouncedValue } from "./hooks.js";
-import { SELECT_INPUT_SIZE_TO_ICON_SIZE, SELECT_INPUT_SIZE_TO_TEXT_SIZE_MAP, SELECT_INPUT_VARIANT_TO_ICON_VARIANT_MAP, SelectInputSize, SelectInputVariant } from "./SelectInput.js";
+import { SELECT_INPUT_SIZE_TO_ICON_SIZE, SELECT_INPUT_SIZE_TO_TEXT_SIZE_MAP, SELECT_INPUT_VARIANT_TO_ICON_VARIANT_MAP, SelectInputVariant } from "./SelectInput.js";
 /* empty css                           */
 import { styled } from "@linaria/react";
 import { match } from "ts-pattern";
@@ -20,10 +20,10 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ArrowCounterClockwiseIcon, CaretDownIcon } from "@phosphor-icons/react";
 //#region src/inputs/MultiSelectInput.tsx
 var _exp = () => ({ $size }) => {
-	return match($size).with(SelectInputSize.SMALL, () => "0 6px").with(SelectInputSize.MEDIUM, () => "0 8px").with(SelectInputSize.LARGE, () => "0 10px").exhaustive();
+	return match($size).with(InputSize.SMALL, () => "0 6px").with(InputSize.MEDIUM, () => "0 8px").with(InputSize.LARGE, () => "0 10px").exhaustive();
 };
 var _exp2 = () => ({ $size }) => {
-	return match($size).with(SelectInputSize.SMALL, () => "24px").with(SelectInputSize.MEDIUM, () => "28px").with(SelectInputSize.LARGE, () => "32px").exhaustive();
+	return match($size).with(InputSize.SMALL, () => "24px").with(InputSize.MEDIUM, () => "28px").with(InputSize.LARGE, () => "32px").exhaustive();
 };
 var _exp3 = () => ({ $fillWidth, $width }) => $fillWidth ? "100%" : $width ? getCssSizeValue($width) : "auto";
 var _exp4 = () => ({ $isDisabled }) => $isDisabled ? "not-allowed" : "pointer";
@@ -51,14 +51,14 @@ var StyledMultiSelectInput = withTheme(/*#__PURE__*/ styled("div")({
 	}
 }));
 var _exp9 = () => ({ $size }) => {
-	return match($size).with(SelectInputSize.SMALL, () => "24px").with(SelectInputSize.MEDIUM, () => "28px").with(SelectInputSize.LARGE, () => "32px").exhaustive();
+	return match($size).with(InputSize.SMALL, () => "24px").with(InputSize.MEDIUM, () => "28px").with(InputSize.LARGE, () => "32px").exhaustive();
 };
 var _exp0 = () => ({ theme }) => theme.color.text.primary;
 var _exp1 = () => ({ theme, $size }) => {
-	return match($size).with(SelectInputSize.SMALL, () => theme.font.sans.size.body_sm).with(SelectInputSize.MEDIUM, () => theme.font.sans.size.body_md).with(SelectInputSize.LARGE, () => theme.font.sans.size.body_lg).exhaustive();
+	return match($size).with(InputSize.SMALL, () => theme.font.sans.size.body_sm).with(InputSize.MEDIUM, () => theme.font.sans.size.body_md).with(InputSize.LARGE, () => theme.font.sans.size.body_lg).exhaustive();
 };
 var _exp10 = () => ({ theme, $size }) => {
-	return match($size).with(SelectInputSize.SMALL, () => theme.font.sans.height.body_sm).with(SelectInputSize.MEDIUM, () => theme.font.sans.height.body_md).with(SelectInputSize.LARGE, () => theme.font.sans.height.body_lg).exhaustive();
+	return match($size).with(InputSize.SMALL, () => theme.font.sans.height.body_sm).with(InputSize.MEDIUM, () => theme.font.sans.height.body_md).with(InputSize.LARGE, () => theme.font.sans.height.body_lg).exhaustive();
 };
 var _exp11 = () => ({ theme }) => theme.font.sans.weight.medium;
 var _exp12 = () => ({ theme }) => theme.font.sans.family;
@@ -131,7 +131,7 @@ var SELECT_INPUT_VARIANT_TO_CHECKBOX_INPUT_VARIANT = {
 	[SelectInputVariant.SECONDARY]: CheckboxInputVariant.SECONDARY,
 	[SelectInputVariant.TERTIARY]: CheckboxInputVariant.PRIMARY
 };
-var MultiSelectInput = ({ label, icon, variant = SelectInputVariant.PRIMARY, size = SelectInputSize.MEDIUM, options, value, placeholder = "Select options...", onChange, width, fillWidth, dropdownWidth, dropdownPlacement = DropdownPosition.BOTTOM_START, isDisabled = false, isRequired = false, isOpen: controlledIsOpen, isIconTrailing, onOpenChange, onReset, pinnedOptions = [], maxDisplayItems = 3, renderSelectedText, renderSelectedContent, error, onSearch, debounceMs = 300 }) => {
+var MultiSelectInput = ({ label, icon, variant = SelectInputVariant.PRIMARY, size = InputSize.MEDIUM, options, value, placeholder = "Select options...", onChange, width, fillWidth, dropdownWidth, dropdownPlacement = DropdownPosition.BOTTOM_START, isDisabled = false, isRequired = false, isOpen: controlledIsOpen, isIconTrailing, onOpenChange, onReset, pinnedOptions = [], maxDisplayItems = 3, renderSelectedText, renderSelectedContent, error, onSearch, debounceMs = 300 }) => {
 	const isSearchable = !!onSearch;
 	const [isHovered, setIsHovered] = useState(false);
 	const [searchTerm, setSearchTerm] = useState("");

package/dist/inputs/SelectInput.d.ts

@@ -1,16 +1,12 @@
 import { IconVariant } from "../icons/Icon";
 import { TextSize, TextVariant } from "../text/Text";
+import { InputSize } from "./Input";
 export declare enum SelectInputVariant {
     BASE = "BASE",
     PRIMARY = "PRIMARY",
     SECONDARY = "SECONDARY",
     TERTIARY = "TERTIARY"
 }
-export declare enum SelectInputSize {
-    SMALL = "SMALL",
-    MEDIUM = "MEDIUM",
-    LARGE = "LARGE"
-}
 export interface SelectInputOption {
     id: string;
     label: string;
@@ -26,7 +22,7 @@ export interface PinnedOption {
 export interface SelectInputProps {
     label?: string;
     variant?: SelectInputVariant;
-    size?: SelectInputSize;
+    size?: InputSize;
     options: SelectInputOption[];
     value?: SelectInputOption | null;
     placeholder?: string;
@@ -45,7 +41,7 @@ export interface SelectInputProps {
     debounceMs?: number;
 }
 export declare const SELECT_INPUT_VARIANT_TO_ICON_VARIANT_MAP: Record<SelectInputVariant, IconVariant>;
-export declare const SELECT_INPUT_SIZE_TO_ICON_SIZE: Record<SelectInputSize, number>;
-export declare const SELECT_INPUT_SIZE_TO_TEXT_SIZE_MAP: Record<SelectInputSize, TextSize>;
+export declare const SELECT_INPUT_SIZE_TO_ICON_SIZE: Record<InputSize, number>;
+export declare const SELECT_INPUT_SIZE_TO_TEXT_SIZE_MAP: Record<InputSize, TextSize>;
 declare const SelectInput: ({ label, variant, size, options, value, placeholder, onChange, width, fillWidth, dropdownWidth, isDisabled, isRequired, isOpen: controlledIsOpen, onOpenChange, onReset, pinnedOptions, error, onSearch, debounceMs, }: SelectInputProps) => import("react").JSX.Element;
 export default SelectInput;

package/dist/inputs/SelectInput.js

@@ -6,7 +6,7 @@ import Icon, { IconVariant, IconWeight } from "../icons/Icon.js";
 import FlexWrapper, { AlignItems, FlexDirection } from "../containers/FlexWrapper.js";
 import Dropdown, { DropdownVariant } from "../dropdown/Dropdown.js";
 import Spacing from "../containers/Spacing.js";
-import { InputLabel } from "./Input.js";
+import { InputLabel, InputSize } from "./Input.js";
 import RotateWithTransition from "../animations/RotateWithTransition.js";
 import HorizontalDivider from "../dividers/HorizontalDivider.js";
 import { useElementWidth } from "../hooks/useElementWidth.js";
@@ -25,17 +25,11 @@ var SelectInputVariant = /* @__PURE__ */ function(SelectInputVariant) {
 	SelectInputVariant["TERTIARY"] = "TERTIARY";
 	return SelectInputVariant;
 }({});
-var SelectInputSize = /* @__PURE__ */ function(SelectInputSize) {
-	SelectInputSize["SMALL"] = "SMALL";
-	SelectInputSize["MEDIUM"] = "MEDIUM";
-	SelectInputSize["LARGE"] = "LARGE";
-	return SelectInputSize;
-}({});
 var _exp = () => ({ $size }) => {
-	return match($size).with("SMALL", () => "0 6px").with("MEDIUM", () => "0 8px").with("LARGE", () => "0 10px").exhaustive();
+	return match($size).with(InputSize.SMALL, () => "0 6px").with(InputSize.MEDIUM, () => "0 8px").with(InputSize.LARGE, () => "0 10px").exhaustive();
 };
 var _exp2 = () => ({ $size }) => {
-	return match($size).with("SMALL", () => "24px").with("MEDIUM", () => "28px").with("LARGE", () => "32px").exhaustive();
+	return match($size).with(InputSize.SMALL, () => "24px").with(InputSize.MEDIUM, () => "28px").with(InputSize.LARGE, () => "32px").exhaustive();
 };
 var _exp3 = () => ({ $fillWidth, $width }) => $fillWidth ? "100%" : $width ? getCssSizeValue($width) : "auto";
 var _exp4 = () => ({ $isDisabled }) => $isDisabled ? "not-allowed" : "pointer";
@@ -63,14 +57,14 @@ var StyledSelectInput = withTheme(/*#__PURE__*/ styled("div")({
 	}
 }));
 var _exp9 = () => ({ $size }) => {
-	return match($size).with("SMALL", () => "24px").with("MEDIUM", () => "28px").with("LARGE", () => "32px").exhaustive();
+	return match($size).with(InputSize.SMALL, () => "24px").with(InputSize.MEDIUM, () => "28px").with(InputSize.LARGE, () => "32px").exhaustive();
 };
 var _exp0 = () => ({ theme }) => theme.color.text.primary;
 var _exp1 = () => ({ theme, $size }) => {
-	return match($size).with("SMALL", () => theme.font.sans.size.body_sm).with("MEDIUM", () => theme.font.sans.size.body_md).with("LARGE", () => theme.font.sans.size.body_lg).exhaustive();
+	return match($size).with(InputSize.SMALL, () => theme.font.sans.size.body_sm).with(InputSize.MEDIUM, () => theme.font.sans.size.body_md).with(InputSize.LARGE, () => theme.font.sans.size.body_lg).exhaustive();
 };
 var _exp10 = () => ({ theme, $size }) => {
-	return match($size).with("SMALL", () => theme.font.sans.height.body_sm).with("MEDIUM", () => theme.font.sans.height.body_md).with("LARGE", () => theme.font.sans.height.body_lg).exhaustive();
+	return match($size).with(InputSize.SMALL, () => theme.font.sans.height.body_sm).with(InputSize.MEDIUM, () => theme.font.sans.height.body_md).with(InputSize.LARGE, () => theme.font.sans.height.body_lg).exhaustive();
 };
 var _exp11 = () => ({ theme }) => theme.font.sans.weight.medium;
 var _exp12 = () => ({ theme }) => theme.font.sans.family;
@@ -150,16 +144,16 @@ var SELECT_INPUT_VARIANT_TO_ICON_VARIANT_MAP = {
 	["TERTIARY"]: IconVariant.PRIMARY
 };
 var SELECT_INPUT_SIZE_TO_ICON_SIZE = {
-	["SMALL"]: 12,
-	["MEDIUM"]: 14,
-	["LARGE"]: 16
+	[InputSize.SMALL]: 12,
+	[InputSize.MEDIUM]: 14,
+	[InputSize.LARGE]: 16
 };
 var SELECT_INPUT_SIZE_TO_TEXT_SIZE_MAP = {
-	["SMALL"]: TextSize.BODY_MD,
-	["MEDIUM"]: TextSize.BODY_MD,
-	["LARGE"]: TextSize.BODY_MD
+	[InputSize.SMALL]: TextSize.BODY_MD,
+	[InputSize.MEDIUM]: TextSize.BODY_MD,
+	[InputSize.LARGE]: TextSize.BODY_MD
 };
-var SelectInput = ({ label, variant = "PRIMARY", size = "MEDIUM", options, value, placeholder = "Select an option...", onChange, width, fillWidth, dropdownWidth, isDisabled = false, isRequired = false, isOpen: controlledIsOpen, onOpenChange, onReset, pinnedOptions = [], error, onSearch, debounceMs = 300 }) => {
+var SelectInput = ({ label, variant = "PRIMARY", size = InputSize.MEDIUM, options, value, placeholder = "Select an option...", onChange, width, fillWidth, dropdownWidth, isDisabled = false, isRequired = false, isOpen: controlledIsOpen, onOpenChange, onReset, pinnedOptions = [], error, onSearch, debounceMs = 300 }) => {
 	const isSearchable = !!onSearch;
 	const [isHovered, setIsHovered] = useState(false);
 	const [searchTerm, setSearchTerm] = useState("");
@@ -525,4 +519,4 @@ var SelectInput = ({ label, variant = "PRIMARY", size = "MEDIUM", options, value
 	});
 };
 //#endregion
-export { SELECT_INPUT_SIZE_TO_ICON_SIZE, SELECT_INPUT_SIZE_TO_TEXT_SIZE_MAP, SELECT_INPUT_VARIANT_TO_ICON_VARIANT_MAP, SelectInputSize, SelectInputVariant, SelectInput as default };
+export { SELECT_INPUT_SIZE_TO_ICON_SIZE, SELECT_INPUT_SIZE_TO_TEXT_SIZE_MAP, SELECT_INPUT_VARIANT_TO_ICON_VARIANT_MAP, SelectInputVariant, SelectInput as default };

package/package.json

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