sellmate-design-system-react 0.1.3 → 0.1.5

package/dist/components/SModalContainer/SModalContainer.cjs

@@ -37,6 +37,134 @@ var PortalContainerProvider = PortalContainerContext.Provider;
 function usePortalContainer() {
   return react.useContext(PortalContainerContext) ?? void 0;
 }
+
+// src/lib/color.ts
+var COLOR_KEYS = [
+  "white",
+  "black",
+  "grey_10",
+  "grey_20",
+  "grey_25",
+  "grey_30",
+  "grey_35",
+  "grey_45",
+  "grey_50",
+  "grey_55",
+  "grey_60",
+  "grey_65",
+  "grey_70",
+  "grey_80",
+  "grey_85",
+  "grey_90",
+  "grey_95",
+  "grey_05",
+  "red_15",
+  "red_20",
+  "red_30",
+  "red_45",
+  "red_60",
+  "red_70",
+  "red_75",
+  "red_80",
+  "red_85",
+  "red_90",
+  "red_95",
+  "red_99",
+  "orange_10",
+  "orange_20",
+  "orange_35",
+  "orange_45",
+  "orange_55",
+  "orange_60",
+  "orange_65",
+  "orange_75",
+  "orange_85",
+  "orange_90",
+  "orange_95",
+  "orange_99",
+  "yellow_10",
+  "yellow_20",
+  "yellow_25",
+  "yellow_30",
+  "yellow_40",
+  "yellow_45",
+  "yellow_50",
+  "yellow_60",
+  "yellow_70",
+  "yellow_80",
+  "yellow_90",
+  "yellow_95",
+  "olive_10",
+  "olive_15",
+  "olive_20",
+  "olive_30",
+  "olive_45",
+  "olive_55",
+  "olive_65",
+  "olive_70",
+  "olive_80",
+  "olive_90",
+  "olive_95",
+  "olive_05",
+  "green_15",
+  "green_25",
+  "green_45",
+  "green_55",
+  "green_65",
+  "green_70",
+  "green_75",
+  "green_80",
+  "green_85",
+  "green_90",
+  "green_95",
+  "green_99",
+  "steelblue_10",
+  "steelblue_25",
+  "steelblue_45",
+  "steelblue_60",
+  "steelblue_65",
+  "steelblue_70",
+  "steelblue_75",
+  "steelblue_80",
+  "steelblue_85",
+  "steelblue_90",
+  "steelblue_95",
+  "steelblue_99",
+  "oceanblue_15",
+  "oceanblue_25",
+  "oceanblue_50",
+  "oceanblue_60",
+  "oceanblue_65",
+  "oceanblue_70",
+  "oceanblue_75",
+  "oceanblue_80",
+  "oceanblue_85",
+  "oceanblue_90",
+  "oceanblue_95",
+  "oceanblue_99",
+  "brilliantblue_10",
+  "brilliantblue_20",
+  "brilliantblue_25",
+  "brilliantblue_40",
+  "brilliantblue_50",
+  "brilliantblue_60",
+  "brilliantblue_70",
+  "brilliantblue_75",
+  "brilliantblue_80",
+  "brilliantblue_85",
+  "brilliantblue_90",
+  "brilliantblue_95",
+  "brilliantblue_99",
+  "brilliantblue_05"
+];
+var KEY_SET = new Set(COLOR_KEYS);
+function isColorKey(input) {
+  return KEY_SET.has(input);
+}
+function resolveColor(input, fallback) {
+  if (input === null || input === void 0 || input === "") return fallback;
+  return isColorKey(input) ? `var(--color-${input.replace(/_/g, "-")})` : input;
+}
 var Icon_add = (p) => {
   const { size = 24, ...rest } = p;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2736,7 +2864,7 @@ var SIcon = react.forwardRef(function SIcon2({ name, size = 24, color, rotate, l
     {
       ref,
       className: cn("inline-flex items-center justify-center", rotateClass, className),
-      style: { color, ...style },
+      style: { color: resolveColor(color), ...style },
       role: label ? "img" : void 0,
       "aria-label": label,
       "aria-hidden": label ? void 0 : true,