sass-cms-template-common 0.0.23 → 0.0.25

package/dist/index.d.ts

@@ -777,6 +777,7 @@ export declare const cmsColors: {
     readonly searchHoverBg: string;
     readonly searchFocusBg: string;
     readonly searchClearHoverBg: string;
+    readonly chipDeleteHoverBg: string;
     readonly whiteBtnBorder: string;
     readonly whiteBtnText: string;
     readonly iconButtonHoverBg: string;
@@ -3341,7 +3342,7 @@ export declare type DropdownOption = {
 
 export declare type EditorialOpportunityColors = typeof editorialOpportunityColors;
 
-export declare const editorialOpportunityColors: Record<"accent" | "text" | "topicBg" | "topicHoverBg" | "topicBorder" | "trending", string>;
+export declare const editorialOpportunityColors: Record<"accent" | "text" | "topicBg" | "topicHoverBg" | "topicBorder" | "trending" | "listRowHover" | "assignBtnHover" | "generateBtn" | "generateBtnHover", string>;
 
 export declare const enMessages: {
     readonly navigation: {
@@ -7037,6 +7038,8 @@ export declare const SelectStyles: {
 export declare const shadows: {
     /** Botones (CTA y blancos). */
     readonly button: "0 1px 2px rgba(0, 0, 0, 0.10)";
+    /** Botón con elevación apenas perceptible (píldoras compactas, split-pill). */
+    readonly buttonSoft: "0 1px 2px rgba(0, 0, 0, 0.06)";
     /** Menús con elevación M3 nivel 2 (perfil, selector de sitios). */
     readonly menu: "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)";
     /** Paper suave y difuso (dropdowns genéricos). */

package/dist/index.js

@@ -1,4 +1,4 @@
-import { $ as e, A as t, B as n, C as r, Ct as i, D as a, E as o, Et as s, F as c, G as l, H as u, I as d, J as f, K as p, L as m, M as h, N as g, O as _, P as v, Q as y, R as b, S as x, St as S, T as C, Tt as w, U as T, V as E, W as D, X as O, Y as ee, Z as te, _ as ne, _t as k, a as re, at as ie, b as ae, bt as oe, c as se, ct as ce, d as le, dt as ue, et as de, f as fe, ft as pe, g as me, gt as he, h as ge, ht as _e, i as ve, it as ye, j as be, k as xe, l as Se, lt as Ce, m as we, mt as Te, n as Ee, nt as De, o as Oe, ot as ke, p as Ae, pt as A, q as je, r as Me, rt as Ne, s as Pe, st as Fe, t as Ie, tt as Le, u as Re, ut as ze, v as Be, vt as j, w as Ve, wt as He, x as Ue, xt as M, y as We, yt as Ge, z as Ke } from "./services-CBf1oWSA.js";
+import { $ as e, A as t, B as n, C as r, Ct as i, D as a, E as o, Et as s, F as c, G as l, H as u, I as d, J as f, K as p, L as m, M as h, N as g, O as _, P as v, Q as y, R as b, S as x, St as S, T as C, Tt as w, U as T, V as E, W as D, X as O, Y as ee, Z as te, _ as ne, _t as k, a as re, at as ie, b as ae, bt as oe, c as se, ct as ce, d as le, dt as ue, et as de, f as fe, ft as pe, g as me, gt as he, h as ge, ht as _e, i as ve, it as ye, j as be, k as xe, l as Se, lt as Ce, m as we, mt as Te, n as Ee, nt as De, o as Oe, ot as ke, p as Ae, pt as A, q as je, r as Me, rt as Ne, s as Pe, st as Fe, t as Ie, tt as Le, u as Re, ut as ze, v as Be, vt as j, w as Ve, wt as He, x as Ue, xt as M, y as We, yt as Ge, z as Ke } from "./services-DoVB2Gol.js";
 import { ThemeProvider as qe, alpha as N, createTheme as Je, useColorScheme as Ye } from "@mui/material/styles";
 import { Fragment as Xe, cloneElement as Ze, createContext as Qe, forwardRef as $e, isValidElement as et, useCallback as tt, useContext as nt, useEffect as P, useId as rt, useMemo as F, useRef as it, useState as I } from "react";
 import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
@@ -4243,7 +4243,7 @@ var X = {
 		gap: .25,
 		fontSize: 11,
 		fontWeight: 700,
-		color: _e.trending
+		color: A.primary
 	},
 	sxOpportunityTrendingIcon: { fontSize: 16 },
 	sxOpportunityTopicTitle: {
@@ -4488,12 +4488,12 @@ function Ji({ item: e, open: t, onToggle: n, onRemindLater: r, onSeeMore: i, see
 				component: a ? "a" : "div",
 				...f,
 				"data-testid": `link-opportunity-${y(c.id || c.code || "top")}`,
-				sx: X.sxOpportunityTopic(!!c.unread, !!a),
+				sx: X.sxOpportunityTopic(!0, !!a),
 				children: [
 					/* @__PURE__ */ z(U, {
 						component: "div",
 						variant: "caption",
-						sx: X.sxOpportunityMeta(!!c.unread),
+						sx: X.sxOpportunityMeta(!0),
 						children: [/* @__PURE__ */ z(B, {
 							component: "span",
 							sx: X.sxOpportunityTrending,
@@ -4528,12 +4528,12 @@ function Ji({ item: e, open: t, onToggle: n, onRemindLater: r, onSeeMore: i, see
 						component: a ? "a" : "div",
 						...f,
 						"data-testid": `link-opportunity-${y(t.id || t.code || String(n + 1))}`,
-						sx: X.sxOpportunityTopic(!!t.unread, !!a),
+						sx: X.sxOpportunityTopic(!1, !!a),
 						children: [
 							/* @__PURE__ */ R(U, {
 								component: "div",
 								variant: "caption",
-								sx: X.sxOpportunityMeta(!!t.unread),
+								sx: X.sxOpportunityMeta(!1),
 								children: /* @__PURE__ */ z("span", { children: [
 									t.matchPercent,
 									"% ",
@@ -5198,8 +5198,7 @@ function Sa({ profile: e, avatarOptions: t, legacyBaseUrl: n, cmsBaseUrl: r, leg
 				isCurrentUser: !0,
 				neutralFallback: !0,
 				transparentFallbackBg: !0,
-				cmsOrigin: t?.cmsOrigin,
-				crossOrigin: "anonymous"
+				cmsOrigin: t?.cmsOrigin
 			})
 		})
 	}), /* @__PURE__ */ z(vt, {
@@ -5242,8 +5241,7 @@ function Sa({ profile: e, avatarOptions: t, legacyBaseUrl: n, cmsBaseUrl: r, leg
 					showTooltip: !1,
 					isCurrentUser: !0,
 					neutralFallback: !0,
-					cmsOrigin: t?.cmsOrigin,
-					crossOrigin: "anonymous"
+					cmsOrigin: t?.cmsOrigin
 				}), /* @__PURE__ */ z(B, {
 					sx: { minWidth: 0 },
 					children: [/* @__PURE__ */ R(U, {
@@ -6528,18 +6526,17 @@ var uo = {
 		minHeight: i.searchHeight,
 		pl: "16px",
 		pr: "6px",
-		border: "2px solid transparent",
 		borderRadius: M.md,
 		bgcolor: "m3.surfaceContainerHigh",
 		color: "m3.onSurfaceVariant",
-		transition: "width 0.16s cubic-bezier(0.4, 0, 0.2, 1), flex-basis 0.16s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.12s, border-color 0.12s",
+		transition: "width 0.16s cubic-bezier(0.4, 0, 0.2, 1), flex-basis 0.16s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.12s, box-shadow 0.12s",
 		overflow: "hidden",
 		cursor: e.collapsed ? "pointer" : "text",
 		"&:hover": { bgcolor: A.searchHoverBg },
 		...e.collapsed ? { width: i.buttonHeight } : {},
 		...e.focused && !e.collapsed ? {
 			bgcolor: A.searchFocusBg,
-			borderColor: A.primary,
+			boxShadow: `inset 0 0 0 2px ${A.primary}`,
 			"&:hover": { bgcolor: A.searchFocusBg }
 		} : {}
 	}),
@@ -6564,9 +6561,12 @@ var uo = {
 			fontSize: 16,
 			color: A.onSecondaryContainer,
 			opacity: .7,
+			borderRadius: M.pill,
+			transition: "background-color 0.12s, opacity 0.12s",
 			"&:hover": {
 				opacity: 1,
-				color: A.onSecondaryContainer
+				color: A.onSecondaryContainer,
+				bgcolor: A.chipDeleteHoverBg
 			}
 		}
 	},
@@ -6637,36 +6637,36 @@ var uo = {
 	}
 }, fo = "0.16s cubic-bezier(0.4, 0, 0.2, 1)", po = 2400;
 function mo({ value: e, onChange: t, onSearch: n, onClear: r, placeholder: i, chips: a, onChipsChange: o, chipSeparator: s = ";", addPlaceholder: c, removeChipAriaLabel: l, showIcon: u = !0, showAdvanced: d = !1, advancedActive: f = !1, onAdvancedClick: p, collapsible: m = !1, width: h = 320, grow: g = !1, maxWidth: _, endGap: v = 40, startGap: b, advancedAriaLabel: x, clearAriaLabel: S, ariaLabel: C, testId: w }) {
-	let { t: T } = G(), E = T.messages.search, D = C ?? E.inputAriaLabel, O = S ?? E.clearAriaLabel, ee = x ?? E.advancedAriaLabel, te = l ?? E.removeChipAriaLabel, ne = a !== void 0, k = a ?? [], re = ne && k.length > 0 ? c ?? E.addPlaceholder : i ?? E.placeholder, ie = it(null), [ae, oe] = I(!1), se = m && !ae && e.trim() === "" && k.length === 0, ce = e.length > 0 || k.length > 0, le = () => {
+	let { t: T } = G(), E = T.messages.search, D = C ?? E.inputAriaLabel, O = S ?? E.clearAriaLabel, ee = x ?? E.advancedAriaLabel, te = l ?? E.removeChipAriaLabel, ne = a !== void 0, k = a ?? [], re = ne && k.length > 0 ? c ?? E.addPlaceholder : i ?? E.placeholder, ie = it(null), [ae, oe] = I(!1), se = m && !ae && e.trim() === "" && k.length === 0, ce = ae || k.length > 0, le = e.length > 0 || k.length > 0, ue = () => {
 		let n = e.trim(), r = n && !k.includes(n) ? [...k, n] : k;
 		return r !== k && o?.(r), n && t(""), r;
-	}, ue = (e) => {
+	}, de = (e) => {
 		let t = k.filter((t) => t !== e);
-		o?.(t), n?.(t), ie.current?.focus();
-	}, de = (t) => {
+		o?.(t), n?.(t), t.length > 0 ? ie.current?.focus() : ie.current?.blur();
+	}, fe = (t) => {
 		if (!ne) {
 			t.key === "Enter" && n?.(e);
 			return;
 		}
-		if (t.key === s) t.preventDefault(), le();
-		else if (t.key === "Enter") t.preventDefault(), n?.(le());
+		if (t.key === s) t.preventDefault(), ue();
+		else if (t.key === "Enter") t.preventDefault(), n?.(ue()), ie.current?.blur();
 		else if (t.key === "Backspace" && e === "" && k.length > 0) {
 			t.preventDefault();
 			let e = k.slice(0, -1);
 			o?.(e), n?.(e);
 		}
-	}, fe = () => {
-		r ? r() : t(""), ne && (o?.([]), n?.([])), ie.current?.blur();
 	}, pe = () => {
+		r ? r() : t(""), ne && (o?.([]), n?.([])), ie.current?.blur();
+	}, me = () => {
 		se && ie.current?.focus();
-	}, me;
-	return me = se ? void 0 : g ? {
+	}, he;
+	return he = se ? void 0 : g ? {
 		flexGrow: 1,
 		flexShrink: 1,
 		flexBasis: 0,
 		minWidth: 0,
-		maxWidth: ae ? _ ?? po : h,
-		marginLeft: ae && b != null ? b : "auto",
+		maxWidth: ce ? _ ?? po : h,
+		marginLeft: ce && b != null ? b : "auto",
 		marginRight: v,
 		transition: `max-width ${fo}`
 	} : {
@@ -6677,8 +6677,8 @@ function mo({ value: e, onChange: t, onSearch: n, onClear: r, placeholder: i, ch
 			collapsed: se,
 			focused: ae
 		}),
-		style: me,
-		onClick: pe,
+		style: he,
+		onClick: me,
 		"data-testid": w,
 		children: [
 			u && /* @__PURE__ */ R(Ft, { sx: uo.sxLeadIcon(ae) }),
@@ -6687,7 +6687,7 @@ function mo({ value: e, onChange: t, onSearch: n, onClear: r, placeholder: i, ch
 				children: [ne && k.map((e) => /* @__PURE__ */ R(zn, {
 					label: e,
 					size: "small",
-					onDelete: () => ue(e),
+					onDelete: () => de(e),
 					deleteIcon: /* @__PURE__ */ R(Ln, {
 						"aria-label": te,
 						"data-testid": w ? `${w}-chip-${y(e)}-remove` : void 0
@@ -6703,17 +6703,17 @@ function mo({ value: e, onChange: t, onSearch: n, onClear: r, placeholder: i, ch
 					placeholder: re,
 					value: e,
 					onChange: (e) => t(e.target.value),
-					onKeyDown: de,
+					onKeyDown: fe,
 					onFocus: () => oe(!0),
 					onBlur: () => oe(!1),
 					sx: uo.sxInput,
 					"data-testid": w ? `${w}-input` : void 0
 				})]
 			}),
-			!se && ce && /* @__PURE__ */ R(V, {
+			!se && le && /* @__PURE__ */ R(V, {
 				size: "small",
 				"aria-label": O,
-				onClick: fe,
+				onClick: pe,
 				sx: uo.sxClearBtn(ae),
 				"data-testid": w ? `${w}-icon-btn-clear` : void 0,
 				children: /* @__PURE__ */ R(Ln, {})
@@ -6754,15 +6754,16 @@ var ho = {
 	},
 	sxIcon: {
 		color: A.actionIcon,
+		opacity: .5,
 		mb: "2px",
 		"& .MuiSvgIcon-root": {
-			fontSize: 40,
+			fontSize: 46,
 			color: A.actionIcon
 		}
 	},
 	sxTitle: {
 		fontFamily: j.googleSans,
-		fontWeight: 600,
+		fontWeight: 500,
 		fontSize: 16,
 		color: A.textStrong
 	},
@@ -6770,7 +6771,7 @@ var ho = {
 		fontFamily: j.googleSans,
 		fontWeight: 400,
 		fontSize: 14,
-		color: A.textNav
+		color: A.actionIcon
 	}
 };
 //#endregion