@galaxy-io/dls 1.5.0 → 1.5.1

package/dist/assets/components/GalaxyFilamentWordmarkDark.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const SvgGalaxyFilamentWordmarkDark: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default SvgGalaxyFilamentWordmarkDark;

package/dist/assets/components/GalaxyFilamentWordmarkDark.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/assets/components/GalaxyFilamentWordmarkDark.tsx
+var SvgGalaxyFilamentWordmarkDark = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 4513 1200",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "#000",
+		d: "M181.814 1141.98 159.701 1200 0 985.717l292.377-774.718 70.759-59.34h338.665l-41.276 102.197H517.432l-49.379 131.852h149.481l-37.837 101.538H429.725zm538.618-805.707 46.19-123.955h238.818l-46.498 123.955zM505.694 910.552l196.064-526.148h239.307L745.001 910.552zm320.218 0 283.538-758.893 21.61-58.681 159.71 214.284-225.06 603.29zm626.528-190.548-32.93 88.352h91.4l33.41-88.352zm129.72-102.196 48.65-130.549h-91.4l-29 76.484h-239.3l45.21-120.658 43.24-58.681h505.15l21.62 58.681-174.93 467.467h-525.79l-21.62-58.68 86.97-234.064zm434.51 292.744h-228.62l195.57-525.489h758.71l21.62 58.022L2590 910.552h-228.62l158.23-423.293h-62.17l-158.23 423.293h-216.93l157.73-423.293h-66.1zm981.66-245.931-54.53 143.735h90.9l40.3-104.834h239.3l-56.01 149.009-43.25 58.021H2709.9l-21.63-58.021 152.33-409.446 43.24-58.022h505.15l21.63 58.022-80.59 222.196h-239.8v-.66zm129.74-101.538 27.02-75.824h-91.89l-27.52 75.824zm425.05 347.469h-239.8l195.58-525.489h524.3l21.63 58.022-174.45 467.467h-239.79l158.22-423.293h-88.45zm567.26-429.226 37.84-101.538 85.5-230.107L4265.34 91l159.7 213.625-27.51 75.163H4513l-42.26 101.538h-111.05l-121.86 327.03h105.37l-44.03 102.196h-295.25l-23.1-56.042z"
+	})
+});
+//#endregion
+export { SvgGalaxyFilamentWordmarkDark as default };

package/dist/assets/components/GalaxyFilamentWordmarkLight.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const SvgGalaxyFilamentWordmarkLight: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default SvgGalaxyFilamentWordmarkLight;

package/dist/assets/components/GalaxyFilamentWordmarkLight.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/assets/components/GalaxyFilamentWordmarkLight.tsx
+var SvgGalaxyFilamentWordmarkLight = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 4513 1200",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		fill: "#fff",
+		d: "M181.814 1141.98 159.701 1200 0 985.717l292.377-774.718 70.759-59.34h338.665l-41.276 102.197H517.432l-49.379 131.852h149.481l-37.837 101.538H429.725zm538.618-805.707 46.19-123.955h238.818l-46.498 123.955zM505.694 910.552l196.064-526.148h239.307L745.001 910.552zm320.218 0 283.538-758.893 21.61-58.681 159.71 214.284-225.06 603.29zm626.528-190.548-32.93 88.352h91.4l33.41-88.352zm129.72-102.196 48.65-130.549h-91.4l-29 76.484h-239.3l45.21-120.658 43.24-58.681h505.15l21.62 58.681-174.93 467.467h-525.79l-21.62-58.68 86.97-234.064zm434.51 292.744h-228.62l195.57-525.489h758.71l21.62 58.022L2590 910.552h-228.62l158.23-423.293h-62.17l-158.23 423.293h-216.93l157.73-423.293h-66.1zm981.66-245.931-54.53 143.735h90.9l40.3-104.834h239.3l-56.01 149.009-43.25 58.021H2709.9l-21.63-58.021 152.33-409.446 43.24-58.022h505.15l21.63 58.022-80.59 222.196h-239.8v-.66zm129.74-101.538 27.02-75.824h-91.89l-27.52 75.824zm425.05 347.469h-239.8l195.58-525.489h524.3l21.63 58.022-174.45 467.467h-239.79l158.22-423.293h-88.45zm567.26-429.226 37.84-101.538 85.5-230.107L4265.34 91l159.7 213.625-27.51 75.163H4513l-42.26 101.538h-111.05l-121.86 327.03h105.37l-44.03 102.196h-295.25l-23.1-56.042z"
+	})
+});
+//#endregion
+export { SvgGalaxyFilamentWordmarkLight as default };

package/dist/icons/GalaxyFilamentWordmark.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The Galaxy wordmark, in the variant that reads against the active theme.
+ * Use `GalaxyLogomark` when you need just the mark without the word.
+ */
+declare const GalaxyFilamentWordmark: ({ height, isDark, }: {
+    /** Rendered height in px. Width follows the aspect ratio. */
+    height: number;
+    /** Force the light artwork instead of following the theme. */
+    isDark?: boolean;
+}) => import("react").JSX.Element;
+export default GalaxyFilamentWordmark;

package/dist/icons/GalaxyFilamentWordmark.js

@@ -0,0 +1,25 @@
+import { GalaxyTheme } from "../theme/types.js";
+import { useGalaxyTheme } from "../theme/GalaxyTheme.js";
+import SvgGalaxyFilamentWordmarkDark from "../assets/components/GalaxyFilamentWordmarkDark.js";
+import SvgGalaxyFilamentWordmarkLight from "../assets/components/GalaxyFilamentWordmarkLight.js";
+import { match } from "ts-pattern";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/GalaxyFilamentWordmark.tsx
+/**
+* The Galaxy wordmark, in the variant that reads against the active theme.
+* Use `GalaxyLogomark` when you need just the mark without the word.
+*/
+var GalaxyFilamentWordmark = ({ height, isDark }) => {
+	const { activeTheme } = useGalaxyTheme();
+	return useMemo(() => {
+		if (isDark) return /* @__PURE__ */ jsx(SvgGalaxyFilamentWordmarkLight, { height });
+		return match(activeTheme).with(GalaxyTheme.DARK, () => /* @__PURE__ */ jsx(SvgGalaxyFilamentWordmarkLight, { height })).with(GalaxyTheme.LIGHT, () => /* @__PURE__ */ jsx(SvgGalaxyFilamentWordmarkDark, { height })).exhaustive();
+	}, [
+		height,
+		isDark,
+		activeTheme
+	]);
+};
+//#endregion
+export { GalaxyFilamentWordmark as default };

package/dist/inputs/MultiSelectInput.js

@@ -325,6 +325,7 @@ var MultiSelectInput = ({ label, icon, variant = InputVariant.PRIMARY, size = In
 					optionsRefs.current[index] = el;
 				},
 				$isFocused: isPinnedOptionFocused(index),
+				$size: size,
 				onClick: (e) => {
 					e.preventDefault();
 					handlePinnedOptionToggle(pinnedOption);
@@ -413,6 +414,7 @@ var MultiSelectInput = ({ label, icon, variant = InputVariant.PRIMARY, size = In
 			}), /* @__PURE__ */ jsx(PinnedOptionButton, {
 				onClick: handleReset,
 				$isFocused: false,
+				$size: size,
 				children: /* @__PURE__ */ jsxs(FlexWrapper, {
 					alignItems: AlignItems.CENTER,
 					gap: 8,

package/dist/inputs/SwitcherInput.js

@@ -1,5 +1,5 @@
 import { withTheme } from "../theme/GalaxyTheme.js";
-import Text, { TextWeight } from "../text/Text.js";
+import Text, { TextVariant, TextWeight } from "../text/Text.js";
 import { InputSize, InputVariant, getInputBorderColor, getInputHeight, getInputSurfaceColor, getInputTextSize } from "./Input.js";
 /* empty css                        */
 import { styled } from "@linaria/react";
@@ -26,7 +26,7 @@ var StyledSwitcherInput = withTheme(/*#__PURE__*/ styled("div")({
 var _exp5 = () => ({ $size }) => {
 	return match($size).with(InputSize.SMALL, () => "2px 8px").with(InputSize.MEDIUM, () => "3px 10px").with(InputSize.LARGE, () => "5px 12px").exhaustive();
 };
-var _exp6 = () => ({ theme, $isSelected }) => $isSelected ? theme.color.background.secondary : "transparent";
+var _exp6 = () => ({ theme, $isSelected }) => $isSelected ? theme.color.background.primaryAlt : "transparent";
 var _exp7 = () => ({ theme, $isSelected }) => $isSelected ? theme.color.border.primary : "transparent";
 var StyledSwitcherInputItem = withTheme(/*#__PURE__*/ styled("div")({
 	name: "StyledSwitcherInputItem",
@@ -52,6 +52,7 @@ var SwitcherInput = ({ variant = InputVariant.PRIMARY, size = InputSize.MEDIUM,
 			$size: size,
 			children: /* @__PURE__ */ jsx(Text, {
 				size: getInputTextSize(size),
+				variant: item.id === selectedId ? TextVariant.PRIMARY_ALT : TextVariant.SECONDARY,
 				weight: item.id === selectedId ? TextWeight.MEDIUM : TextWeight.REGULAR,
 				cursor: "pointer",
 				children: item.label

package/package.json

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