@galaxy-io/dls 1.4.1 → 1.4.3

package/dist/buttons/Button.js

@@ -110,14 +110,12 @@ var Button = ({ label, icon, variant = "PRIMARY", size = "MEDIUM", onClick, onMo
 	]);
 	const renderIcon = useCallback(() => {
 		if (!icon) return null;
-		let iconVariant = getIconVariant(variant, activeTheme);
-		if (isDisabled) iconVariant = IconVariant.TERTIARY;
 		return /* @__PURE__ */ jsx(FlexItem, {
 			shrink: 0,
 			grow: 0,
 			children: /* @__PURE__ */ jsx(Icon, {
 				component: icon,
-				variant: iconVariant,
+				variant: getIconVariant(variant, activeTheme),
 				size: BUTTON_SIZE_TO_ICON_SIZE_MAP[size]
 			})
 		});
@@ -125,20 +123,17 @@ var Button = ({ label, icon, variant = "PRIMARY", size = "MEDIUM", onClick, onMo
 		icon,
 		variant,
 		size,
-		isDisabled,
 		activeTheme
 	]);
 	const renderLabel = useCallback(() => {
 		if (!label) return null;
-		let textVariant = getTextVariant(variant, activeTheme);
-		if (isDisabled) textVariant = TextVariant.TERTIARY_ALT;
 		return /* @__PURE__ */ jsx(LabelWrapper, {
 			$isEllipsis: isEllipsis,
 			children: /* @__PURE__ */ jsx(Text, {
-				variant: textVariant,
+				variant: getTextVariant(variant, activeTheme),
 				weight: TextWeight.MEDIUM,
 				size: BUTTON_SIZE_TO_TEXT_SIZE_MAP[size],
-				cursor: isDisabled ? "not-allowed" : cursor,
+				cursor: isDisabled || isLoading ? "not-allowed" : cursor,
 				isEllipsis,
 				children: label
 			})
@@ -148,6 +143,7 @@ var Button = ({ label, icon, variant = "PRIMARY", size = "MEDIUM", onClick, onMo
 		variant,
 		size,
 		isDisabled,
+		isLoading,
 		isEllipsis,
 		cursor,
 		activeTheme

package/dist/chips/Chip.js

@@ -46,11 +46,7 @@ var _exp4 = () => ({ theme, $variant, $noBackground }) => {
 	if ($noBackground) return "transparent";
 	return match($variant).with("PRIMARY", () => theme.color.background.primary).with("PRIMARY_ALT", () => theme.color.background.primaryAlt).with("SECONDARY", () => theme.color.background.secondary).with("TERTIARY", () => theme.color.background.tertiary).with("SUCCESS", () => theme.color.background.success).with("WARNING", () => theme.color.background.warning).with("ERROR", () => theme.color.background.error).with("PINK", () => theme.color.background.pink).with("ORANGE", () => theme.color.background.orange).with("YELLOW", () => theme.color.background.yellow).with("LIME", () => theme.color.background.lime).with("BLUE", () => theme.color.background.blue).with("PURPLE", () => theme.color.background.purple).with("TEAL", () => theme.color.background.teal).exhaustive();
 };
-var _exp5 = () => ({ theme, $variant, $isActive }) => {
-	if (!$isActive) return match($variant).with("SUCCESS", () => theme.color.border.success).with("WARNING", () => theme.color.border.warning).with("ERROR", () => theme.color.border.error).with("PINK", () => theme.color.border.pink).with("ORANGE", () => theme.color.border.orange).with("YELLOW", () => theme.color.border.yellow).with("LIME", () => theme.color.border.lime).with("BLUE", () => theme.color.border.blue).with("PURPLE", () => theme.color.border.purple).with("TEAL", () => theme.color.border.teal).otherwise(() => theme.color.border.primary);
-	return match($variant).with("PRIMARY", () => theme.color.icon.primary).with("PRIMARY_ALT", () => theme.color.icon.primaryAlt).with("SECONDARY", () => theme.color.icon.secondary).with("TERTIARY", () => theme.color.icon.tertiary).with("SUCCESS", () => theme.color.icon.success).with("WARNING", () => theme.color.icon.warning).with("ERROR", () => theme.color.icon.error).with("PINK", () => theme.color.icon.pink).with("ORANGE", () => theme.color.icon.orange).with("YELLOW", () => theme.color.icon.yellow).with("LIME", () => theme.color.icon.lime).with("BLUE", () => theme.color.icon.blue).with("PURPLE", () => theme.color.icon.purple).with("TEAL", () => theme.color.icon.teal).exhaustive();
-};
-var _exp6 = () => ({ $isPill }) => $isPill ? "200px" : "4px";
+var _exp5 = () => ({ $isPill }) => $isPill ? "200px" : "4px";
 var StyledChip = withTheme(/*#__PURE__*/ styled("div")({
 	name: "StyledChip",
 	class: "shdcix9",
@@ -60,8 +56,7 @@ var StyledChip = withTheme(/*#__PURE__*/ styled("div")({
 		"shdcix9-1": [_exp2()],
 		"shdcix9-2": [_exp3()],
 		"shdcix9-3": [_exp4()],
-		"shdcix9-4": [_exp5()],
-		"shdcix9-5": [_exp6()]
+		"shdcix9-4": [_exp5()]
 	}
 }));
 var CHIP_SIZE_TO_SHIMMER_HEIGHT = {

package/dist/inputs/SwitcherInput.js

@@ -31,7 +31,7 @@ var SwitcherInput = ({ items, selectedId }) => {
 		onClick: item.onClick,
 		$isSelected: item.id === selectedId,
 		children: /* @__PURE__ */ jsx(Text, {
-			weight: TextWeight.MEDIUM,
+			weight: item.id === selectedId ? TextWeight.MEDIUM : TextWeight.REGULAR,
 			cursor: "pointer",
 			children: item.label
 		})

package/dist/styles.css

@@ -48,7 +48,7 @@
 .s1yc7aow{position:relative;height:var(--s1yc7aow-0);width:100%;background-color:var(--s1yc7aow-1);border:0.5px solid var(--s1yc7aow-2);border-radius:4px;overflow:hidden;}
 .p1sc05jm{position:absolute;top:0;left:0;height:100%;width:var(--p1sc05jm-0);background-color:var(--p1sc05jm-1);-webkit-animation:var(--p1sc05jm-2);animation:var(--p1sc05jm-2);-webkit-transition:width 0.075s ease-in-out;transition:width 0.075s ease-in-out;}@-webkit-keyframes pulse-p1sc05jm{0%,100%{opacity:0.9;}50%{opacity:0.6;}}@keyframes pulse-p1sc05jm{0%,100%{opacity:0.9;}50%{opacity:0.6;}}
 .slaxlp8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;min-width:140px;background-color:var(--slaxlp8-0);padding:12px 16px;border:0.5px solid var(--slaxlp8-1);border-radius:5px;}
-.shdcix9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;gap:4px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;min-width:16px;cursor:var(--shdcix9-0);-webkit-transition:border-color 0.1s ease-out;transition:border-color 0.1s ease-out;height:var(--shdcix9-1);padding:var(--shdcix9-2);background-color:var(--shdcix9-3);border:0.5px solid var(--shdcix9-4);border-radius:var(--shdcix9-5);}
+.shdcix9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;gap:4px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;min-width:16px;cursor:var(--shdcix9-0);height:var(--shdcix9-1);padding:var(--shdcix9-2);background-color:var(--shdcix9-3);border-radius:var(--shdcix9-4);}
 .szfsuud{margin-left:0.5px;}.szfsuud>span{display:inline-block;-webkit-animation:ellipsisPulse-szfsuud var(--szfsuud-0) infinite ease-in-out both;animation:ellipsisPulse-szfsuud var(--szfsuud-0) infinite ease-in-out both;-webkit-animation-play-state:var(--szfsuud-1);animation-play-state:var(--szfsuud-1);}.szfsuud>span:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s;}.szfsuud>span:nth-child(2){-webkit-animation-delay:0.2s;animation-delay:0.2s;}.szfsuud>span:nth-child(3){-webkit-animation-delay:0.4s;animation-delay:0.4s;}@-webkit-keyframes ellipsisPulse-szfsuud{0%,80%,100%{opacity:0.5;}40%{opacity:1;}}@keyframes ellipsisPulse-szfsuud{0%,80%,100%{opacity:0.5;}40%{opacity:1;}}
 .s1p67zkf{display:inline-block;background:linear-gradient(
     90deg,

package/dist/theme/variants/dark.js

@@ -23,20 +23,20 @@ var GALAXY_DARK_COLOR = {
 		galaxyAlt: "#3075FF"
 	},
 	background: {
-		base: "#131313",
+		base: "#141415",
 		baseAlt: "#ffffff",
-		primary: "#161616",
+		primary: "#161617",
 		primaryAlt: "#fafafa",
-		secondary: "#1e1e1e",
+		secondary: "#1c1c1d",
 		secondaryAlt: "#f0f0f0",
-		tertiary: "#1B1B1B",
+		tertiary: "#1a1a1b",
 		tertiaryAlt: "#f5f5f5",
 		success: "#1d3329",
-		successAlt: "#327056",
+		successAlt: "#2f8f64",
 		warning: "#3f2e19",
-		warningAlt: "#B66A1E",
+		warningAlt: "#c4882a",
 		error: "#3d1f24",
-		errorAlt: "#AA3247",
+		errorAlt: "#d63d4e",
 		pink: "#361c23",
 		pinkAlt: "#f8e6f7",
 		orange: "#3d2a12",
@@ -51,25 +51,25 @@ var GALAXY_DARK_COLOR = {
 		tealAlt: "#e6f7f9",
 		purple: "#272442",
 		purpleAlt: "#f2f0ff",
-		disabled: "#1e1e1e",
+		disabled: "#1c1c1d",
 		disabledAlt: "#ffffff",
 		galaxy: "#005EFF",
 		galaxyAlt: "#3075FF"
 	},
 	border: {
-		primary: "#2c2c2c",
-		secondary: "#3a3a3a",
-		tertiary: "#4a4a4a",
-		selected: "#777777",
+		primary: "#2b2b2c",
+		secondary: "#39393a",
+		tertiary: "#49494a",
+		selected: "#787879",
 		success: "#3aa175",
-		warning: "#aa6d2f",
-		error: "#ac4757",
-		disabled: "#2e2e2e",
+		warning: "#b98a2e",
+		error: "#c94e55",
+		disabled: "#2d2d2e",
 		pink: "#a8527e",
 		orange: "#b3722e",
 		yellow: "#a09b3f",
 		lime: "#d5f2a7",
-		blue: "#3f6ea5",
+		blue: "#4c9eff",
 		teal: "#3a8a8f",
 		purple: "#b7b1f1",
 		galaxy: "#005EFF",
@@ -84,8 +84,8 @@ var GALAXY_DARK_COLOR = {
 		tertiaryAlt: "#000000",
 		success: "#4cb782",
 		warning: "#ffb265",
-		error: "#e53f4f",
-		pink: "#f3a8ef",
+		error: "#f6525c",
+		pink: "#f3a8e5",
 		orange: "#ffd2a8",
 		yellow: "#fff7aa",
 		lime: "#d5f2a7",

package/dist/theme/variants/light.js

@@ -8,7 +8,7 @@ var GALAXY_LIGHT_COLOR = {
 		tertiary: "#9e9e9e",
 		tertiaryAlt: "#868686",
 		success: "#4cb782",
-		warning: "#ff6b24",
+		warning: "#ca8404",
 		error: "#e53f4f",
 		pink: "#ff4595",
 		orange: "#e99243",
@@ -19,24 +19,24 @@ var GALAXY_LIGHT_COLOR = {
 		teal: "#20b2a5",
 		purple: "#b080f3",
 		disabled: "#b8b8b8",
-		galaxy: "#3075FF",
-		galaxyAlt: "#005EFF"
+		galaxy: "#005EFF",
+		galaxyAlt: "#004BD1"
 	},
 	background: {
 		base: "#ffffff",
-		baseAlt: "#131313",
-		primary: "#fafafa",
-		primaryAlt: "#161616",
-		secondary: "#f0f0f0",
-		secondaryAlt: "#242424",
-		tertiary: "#f5f5f5",
-		tertiaryAlt: "#202020",
+		baseAlt: "#141415",
+		primary: "#fafafb",
+		primaryAlt: "#161617",
+		secondary: "#f1f1f2",
+		secondaryAlt: "#1c1c1d",
+		tertiary: "#f6f6f7",
+		tertiaryAlt: "#1a1a1b",
 		success: "#e3f6ec",
-		successAlt: "#1d3329",
-		warning: "#ffe6d2",
-		warningAlt: "#3f2e19",
+		successAlt: "#2f8f64",
+		warning: "#fdeec6",
+		warningAlt: "#cf8c10",
 		error: "#fce8ec",
-		errorAlt: "#3d1f24",
+		errorAlt: "#d63d4e",
 		pink: "#f8e6f7",
 		pinkAlt: "#361c23",
 		orange: "#fdefdc",
@@ -52,28 +52,28 @@ var GALAXY_LIGHT_COLOR = {
 		purple: "#f2f0ff",
 		purpleAlt: "#272442",
 		disabled: "#ffffff",
-		disabledAlt: "#1e1e1e",
-		galaxy: "#3075FF",
-		galaxyAlt: "#005EFF"
+		disabledAlt: "#1c1c1d",
+		galaxy: "#005EFF",
+		galaxyAlt: "#004BD1"
 	},
 	border: {
-		primary: "#cdcecd",
-		secondary: "#d5d6d7",
-		tertiary: "#e0e0e0",
-		selected: "#d5d6d7",
+		primary: "#d2d2d4",
+		secondary: "#dadadc",
+		tertiary: "#e2e2e4",
+		selected: "#d8d8da",
 		success: "#62c796",
-		warning: "#f78d55",
-		error: "#e26178",
-		disabled: "#e7e7e7",
+		warning: "#efae3c",
+		error: "#e2555f",
+		disabled: "#e8e8e9",
 		pink: "#f57bb0",
 		orange: "#e2a65c",
 		yellow: "#d4cc6a",
 		lime: "#9cca55",
-		blue: "#7aa7f8",
+		blue: "#4c9eff",
 		teal: "#4cc2b7",
 		purple: "#b080f3",
-		galaxy: "#3075FF",
-		galaxyAlt: "#005EFF"
+		galaxy: "#005EFF",
+		galaxyAlt: "#004BD1"
 	},
 	icon: {
 		primary: "#101010",
@@ -82,19 +82,19 @@ var GALAXY_LIGHT_COLOR = {
 		secondaryAlt: "#acacac",
 		tertiary: "#9e9e9e",
 		tertiaryAlt: "#868686",
-		success: "#55c393",
-		warning: "#ff6b24",
-		error: "#f3506b",
-		pink: "#ff4595",
-		orange: "#e99243",
-		yellow: "#cbc24d",
-		lime: "#966a55",
-		blue: "#4885ff",
-		teal: "#20b2a5",
-		purple: "#b080f3",
+		success: "#7ccfaa",
+		warning: "#f7a928",
+		error: "#f6525c",
+		pink: "#f77fb4",
+		orange: "#eeab72",
+		yellow: "#d9cf74",
+		lime: "#b3d67d",
+		blue: "#7dabff",
+		teal: "#5cc6bb",
+		purple: "#c4a1f5",
 		disabled: "#b8b8b8",
-		galaxy: "#3075FF",
-		galaxyAlt: "#005EFF"
+		galaxy: "#005EFF",
+		galaxyAlt: "#004BD1"
 	},
 	opacity: {
 		bw100: "rgba(255, 255, 255, 1)",

package/package.json

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