reshaped 2.6.0 → 2.6.2

package/components/Link/Link.module.css

@@ -1 +1 @@
-.root{display:inline;text-underline-offset:calc(var(--rs-unit-x1) / 2)}.root.--color-primary{color:var(--rs-color-foreground-primary)}.root.--color-critical{color:var(--rs-color-foreground-critical)}.root.--color-positive{color:var(--rs-color-foreground-positive)}.root.--color-inherit{color:currentcolor}.root.--variant-plain{opacity:1;transition:opacity var(--rs-duration-fast) var(--rs-easing-standard)}.root.--variant-plain:hover:not(.--disabled){opacity:.6}.root.--variant-underline{text-decoration:underline;text-decoration-color:currentcolor;transition:text-decoration-color var(--rs-duration-fast) var(--rs-easing-standard)}.root.--variant-underline:hover:not(.--disabled){text-decoration-color:transparent}.root.--disabled{color:var(--rs-color-foreground-disabled);opacity:1;text-decoration:none}.root.--with-icon{align-items:center;display:inline-flex;gap:calc(1em / 3.5)}
+.root{display:inline;text-underline-offset:calc(var(--rs-unit-x1) / 2)}.root.--color-primary{color:var(--rs-color-foreground-primary)}.root.--color-critical{color:var(--rs-color-foreground-critical)}.root.--color-positive{color:var(--rs-color-foreground-positive)}.root.--color-inherit{color:inherit}.root.--variant-plain{opacity:1;transition:opacity var(--rs-duration-fast) var(--rs-easing-standard)}.root.--variant-plain:hover:not(.--disabled){opacity:.6}.root.--variant-underline{text-decoration:underline;text-decoration-color:currentcolor;transition:text-decoration-color var(--rs-duration-fast) var(--rs-easing-standard)}.root.--variant-underline:hover:not(.--disabled){text-decoration-color:transparent}.root.--disabled{color:var(--rs-color-foreground-disabled);opacity:1;text-decoration:none}.root.--with-icon{align-items:center;display:inline-flex;gap:calc(1em / 3.5)}

package/components/Toast/Toast.js

@@ -7,7 +7,7 @@ import Theme from "../Theme/index.js";
 import Text from "../Text/index.js";
 import s from "./Toast.module.css";
 const Toast = (props) => {
-    const { size = "small", text, children, color = "inverted", icon, title, actionsSlot, startSlot, collapsed, attributes, } = props;
+    const { size = "small", text, children, color = "inverted", icon, title, actionsSlot, startSlot, collapsed, className, attributes, } = props;
     let backgroundColor = color === "inverted" || color === "neutral" ? "elevation-overlay" : color;
     if (color === "neutral")
         backgroundColor = collapsed ? "neutral" : "elevation-overlay";
@@ -23,7 +23,7 @@ const Toast = (props) => {
             title,
             " ")),
         React.createElement(Text, { variant: "body-3", as: textTagName }, text)));
-    const toastNode = (React.createElement(View, { backgroundColor: backgroundColor, borderColor: borderColor, padding: 4, borderRadius: "medium", animated: true, direction: "row", gap: 3, align: isLarge ? "start" : "center", className: s.toast, attributes: attributes },
+    const toastNode = (React.createElement(View, { backgroundColor: backgroundColor, borderColor: borderColor, padding: 4, borderRadius: "medium", animated: true, direction: "row", gap: 3, align: isLarge ? "start" : "center", className: [s.toast, className], attributes: attributes },
         icon && React.createElement(Icon, { size: 5, svg: icon, className: s.icon }),
         startSlot && !icon && React.createElement(View.Item, null, startSlot),
         React.createElement(View.Item, { grow: true },

package/components/Toast/Toast.types.d.ts

@@ -14,6 +14,7 @@ export type Props = {
     children?: React.ReactNode;
     actionsSlot?: React.ReactNode;
     color?: "neutral" | "primary" | "critical" | "positive" | "inverted";
+    className?: G.ClassName;
     attributes?: G.Attributes<"div", Props>;
 };
 export type ProviderProps = {

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "reshaped",
 	"description": "Professionally crafted design system in React & Figma for building products of any scale and complexity",
-	"version": "2.6.0",
+	"version": "2.6.2",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"email": "hello@reshaped.so",
 	"homepage": "https://reshaped.so",

package/utilities/color.js

@@ -34,6 +34,18 @@ const getOnColor = (args) => {
         g: (1 - bgColor.a) * baseColor.g + bgColor.a * bgColor.g,
         b: (1 - bgColor.a) * baseColor.b + bgColor.a * bgColor.b,
     };
-    return r * 0.299 + g * 0.587 + b * 0.114 > 186 ? darkHexColor : lightHexColor;
+    const lrgb = [];
+    [r, g, b].forEach(function (c) {
+        c = c / 255;
+        if (c <= 0.03928) {
+            c = c / 12.92;
+        }
+        else {
+            c = Math.pow((c + 0.055) / 1.055, 2.4);
+        }
+        lrgb.push(c);
+    });
+    const lum = 0.2126 * lrgb[0] + 0.7152 * lrgb[1] + 0.0722 * lrgb[2];
+    return lum > 0.179 ? darkHexColor : lightHexColor;
 };
 exports.getOnColor = getOnColor;