@youngonesworks/ui 0.1.123 → 0.1.125

package/dist/index.js

@@ -211,7 +211,7 @@ let ACTION_ICON_STYLE_VARIANT = /* @__PURE__ */ function(ACTION_ICON_STYLE_VARIA
 	return ACTION_ICON_STYLE_VARIANT$1;
 }({});
 let THEME_ICON_STYLE_VARIANT = /* @__PURE__ */ function(THEME_ICON_STYLE_VARIANT$1) {
-	THEME_ICON_STYLE_VARIANT$1["PINK_WITH_BACKGROUND"] = "pink-with-background";
+	THEME_ICON_STYLE_VARIANT$1["SECONDARY_WITH_BACKGROUND"] = "secondary-with-background";
 	return THEME_ICON_STYLE_VARIANT$1;
 }({});
 let COLOR = /* @__PURE__ */ function(COLOR$1) {
@@ -222,8 +222,8 @@ let COLOR = /* @__PURE__ */ function(COLOR$1) {
 	COLOR$1["LIGHT_BLUE_DISABLED"] = "light-blue-disabled";
 	COLOR$1["GREEN"] = "green";
 	COLOR$1["GREEN_LIGHT"] = "green-light";
-	COLOR$1["PINK"] = "pink";
-	COLOR$1["PINK_LIGHT"] = "pink-light";
+	COLOR$1["SECONDARY"] = "secondary";
+	COLOR$1["SECONDARY_LIGHT"] = "secondary-light";
 	COLOR$1["ORANGE"] = "orange";
 	COLOR$1["ORANGE_LIGHT"] = "orange-light";
 	COLOR$1["ACCENT_BLUE"] = "accent-blue";
@@ -357,7 +357,7 @@ const Alert = ({ show, title, description, type = "warning", button, plain = fal
 						"data-testid": "alert-icon",
 						"aria-hidden": "true"
 					})), /* @__PURE__ */ jsx("span", {
-						className: "text-base font-medium",
+						className: "text-base font-semibold",
 						children: title
 					})]
 				}),
@@ -764,8 +764,8 @@ const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, children
 			"bg-gray-50 text-black": styleVariant === COLOR.DARK_GRAY,
 			"bg-black text-white": styleVariant === COLOR.BLACK,
 			"bg-gray-50 text-gray-800": styleVariant === COLOR.GRAY,
-			"bg-pink-light text-pink": styleVariant === COLOR.PINK_LIGHT,
-			"bg-pink text-white": styleVariant === COLOR.PINK,
+			"bg-secondary-light text-secondary": styleVariant === COLOR.SECONDARY_LIGHT,
+			"bg-secondary text-white": styleVariant === COLOR.SECONDARY,
 			"bg-white text-black": styleVariant === COLOR.WHITE
 		}, className),
 		...props,
@@ -1265,7 +1265,7 @@ const Divider = ({ className,...props }) => /* @__PURE__ */ jsx("div", {
 //#endregion
 //#region src/components/favouriteButton/index.tsx
 const FavouriteButton = forwardRef((props, ref) => {
-	const { onClick, favourite, iconFilled, iconOutline, favouriteTitle, iconColorSelected = "text-pink", iconColor = "text-gray-800", iconSize, className = "", styleVariant = "transparent", children,...rest } = props;
+	const { onClick, favourite, iconFilled, iconOutline, favouriteTitle, iconColorSelected = "text-secondary", iconColor = "text-gray-800", iconSize, className = "", styleVariant = "transparent", children,...rest } = props;
 	return /* @__PURE__ */ jsx(ActionIcon, {
 		onClick,
 		"data-component": "favouriteButton",
@@ -1867,7 +1867,7 @@ const Modal = ({ title, children, withCloseButton = true, opened, additionalClas
 					gradient && /* @__PURE__ */ jsx("hr", {
 						"data-testid": "modal-gradient",
 						className: "absolute bottom-0 left-0 mt-8 mb-0 h-2! w-full border-none",
-						style: { backgroundImage: "linear-gradient(90deg, var(--color-light-blue) 0%, var(--color-primary) 50.52%, var(--color-pink) 100%)" }
+						style: { backgroundImage: "linear-gradient(90deg, var(--color-light-blue) 0%, var(--color-primary) 50.52%, var(--color-secondary) 100%)" }
 					})
 				]
 			})
@@ -2830,7 +2830,7 @@ const TabsBadge = ({ children }) => {
 	const isCircular = typeof children === "number" && children <= 9 || typeof children === "string" && children.length === 1 || false;
 	return /* @__PURE__ */ jsx("div", {
 		"data-testid": "tabs-badge",
-		className: clsx("bg-pink h-5 rounded-full text-xs leading-5 font-medium text-white", {
+		className: clsx("bg-secondary h-5 rounded-full text-xs leading-5 font-medium text-white", {
 			"w-5 text-center": isCircular,
 			"px-2": !isCircular
 		}),
@@ -2933,8 +2933,8 @@ function ThemeIcon({ styleVariant = "black", className, icon, adjustedSize, titl
 	const classNames = cn("bg-transparent h-9 w-9 rounded-[5px] grid place-content-center", {
 		"text-black": styleVariant === COLOR.BLACK,
 		"text-gray-500": styleVariant === COLOR.GRAY,
-		"text-pink": styleVariant === COLOR.PINK,
-		"bg-gray-50 text-pink": styleVariant === THEME_ICON_STYLE_VARIANT.PINK_WITH_BACKGROUND,
+		"text-secondary": styleVariant === COLOR.SECONDARY,
+		"bg-gray-50 text-secondary": styleVariant === THEME_ICON_STYLE_VARIANT.SECONDARY_WITH_BACKGROUND,
 		"text-primary": styleVariant === COLOR.TURQUOISE,
 		"text-accent-blue": styleVariant === COLOR.ACCENT_BLUE,
 		"text-check": styleVariant === COLOR.CHECK,
@@ -3024,7 +3024,7 @@ const TruncatedText = ({ text, limit = 20 }) => {
 		}), text.length > limit && /* @__PURE__ */ jsx(Tooltip, {
 			content: text,
 			children: /* @__PURE__ */ jsx("span", {
-				className: "text-pink",
+				className: "text-secondary",
 				"data-testid": "truncated-text-icon",
 				children: /* @__PURE__ */ jsx(IconMessageDots, { stroke: 1 })
 			})
@@ -3608,7 +3608,7 @@ const CSS_VARIABLE_KEYS = [
 	"--color-ultra-light-blue",
 	"--color-green",
 	"--color-green-light",
-	"--color-pink",
+	"--color-secondary",
 	"--color-purple",
 	"--color-orange",
 	"--color-warning",