@m4l/graphics 7.2.6-beta-hotfix-686-m4l-components-sidebar-initial-width.0 → 7.2.6

package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.d.ts

@@ -67,7 +67,7 @@ export declare function getDateRangePickerPopupGlobalStyles(theme: ExtendedTheme
                     color: string;
                 };
             };
-            '& .rs-calendar:first-child': {
+            '& .rs-calendar:first-of-type': {
                 borderColor: string;
             };
             '& .rs-calendar-body': {

package/components/GlobalStyles/getDateRangePickerPopupGlobalStyles.js

@@ -54,7 +54,7 @@ function b(r) {
           }
         },
         // calendar start
-        "& .rs-calendar:first-child": {
+        "& .rs-calendar:first-of-type": {
           borderColor: r.vars.palette.border.disabled
         },
         // calendar body

package/components/GlobalStyles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/components/GlobalStyles/index.tsx"],"names":[],"mappings":"AASA;;;;;;GAMG;AACH,wBAAgB,YAAY,qDA8H3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/components/GlobalStyles/index.tsx"],"names":[],"mappings":"AASA;;;;;;GAMG;AACH,wBAAgB,YAAY,qDAgG3B"}

package/components/GlobalStyles/index.js

@@ -1,54 +1,20 @@
-import { jsx as o, Fragment as a } from "@emotion/react/jsx-runtime";
-import { useTheme as e } from "@mui/material/styles";
+import { jsx as e, Fragment as o } from "@emotion/react/jsx-runtime";
+import { useTheme as a } from "@mui/material/styles";
 import { GlobalStyles as i } from "@mui/material";
 import { globalRemSize as r } from "@m4l/styles";
-import { getDateRangePickerPopupGlobalStyles as n } from "./getDateRangePickerPopupGlobalStyles.js";
-function d() {
-  const t = e();
-  return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(
+import { getDateRangePickerPopupGlobalStyles as s } from "./getDateRangePickerPopupGlobalStyles.js";
+function b() {
+  const t = a();
+  return /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(
     i,
     {
       styles: {
-        ...n(t),
-        // box-sizing is not inherited; apply to all elements so layout matches previous CssBaseline-like behavior
-        "*, *::before, *::after": {
-          boxSizing: "border-box"
-        },
+        ...s(t),
         body: {
           fontFamily: 'Inter, "Segoe UI", Roboto, "Helvetica Neue", sans-serif, Open Sans',
-          fontSize: t.typography.body1.fontSize,
-          lineHeight: t.typography.body1.lineHeight,
-          color: t.vars.palette.text.primary,
           textRendering: "geometricPrecision",
           width: "100%",
           height: "100vh",
-          backgroundColor: t.vars.palette.background.default,
-          // Autofill: transparent background so it blends with wrapper (Chrome/Safari/Firefox)
-          "& input:-webkit-autofill, & input:-webkit-autofill:hover, & input:-webkit-autofill:focus, & input:-webkit-autofill:active": {
-            WebkitTextFillColor: `${t.vars.palette.text.primary} !important`,
-            color: `${t.vars.palette.text.primary} !important`,
-            WebkitBoxShadow: "0 0 0 1000px transparent inset !important",
-            boxShadow: "0 0 0 1000px transparent inset !important",
-            transition: "background-color 5000s ease-in-out 0s",
-            borderRadius: t.vars.size.borderRadius["r1-5"],
-            animation: "autofillTextRepaint 0.0001s forwards"
-          },
-          // Firefox: transparent so wrapper background shows through
-          "& input:-moz-autofill, & input:-moz-autofill-preview": {
-            filter: "none",
-            boxShadow: "0 0 0 1000px transparent inset !important",
-            WebkitBoxShadow: "0 0 0 1000px transparent inset !important",
-            color: `${t.vars.palette.text.primary} !important`,
-            transition: "background-color 5000s ease-in-out 0s"
-          },
-          // Standard :autofill – transparent
-          "& input:autofill, & input:autofill:hover, & input:autofill:focus, & input:autofill:active": {
-            WebkitTextFillColor: `${t.vars.palette.text.primary} !important`,
-            color: `${t.vars.palette.text.primary} !important`,
-            boxShadow: "0 0 0 1000px transparent inset !important",
-            WebkitBoxShadow: "0 0 0 1000px transparent inset !important",
-            transition: "background-color 5000s ease-in-out 0s"
-          },
           ".rs-drawer .rs-drawer-dialog": {
             backgroundColor: "transparent!important"
           },
@@ -70,6 +36,9 @@ function d() {
             backgroundColor: `${t.vars.palette.default.focusOpacity}!important`,
             borderRadius: `${t.vars.size.borderRadius["r0-5"]}!important`
           },
+          "input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active": {
+            color: t.vars.palette.text.primary
+          },
           "& #root": {
             width: "100%",
             height: "100%"
@@ -117,5 +86,5 @@ function d() {
   ) });
 }
 export {
-  d as GlobalStyles
+  b as GlobalStyles
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/graphics",
-  "version": "7.2.6-beta-hotfix-686-m4l-components-sidebar-initial-width.0",
+  "version": "7.2.6",
   "publishConfig": {
     "access": "public"
   },

package/utils/getContrastTextColor/getContrastTextColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getContrastTextColor.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/utils/getContrastTextColor/getContrastTextColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQ9C;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,UAAO,GAAG,SAAS,CA2B3E"}
+{"version":3,"file":"getContrastTextColor.d.ts","sourceRoot":"","sources":["../../../../../../packages/graphics/src/utils/getContrastTextColor/getContrastTextColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQ9C;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,UAAO,GAAG,SAAS,CA6B3E"}

package/utils/getContrastTextColor/getContrastTextColor.js

@@ -1,14 +1,17 @@
-const e = /* @__PURE__ */ new Map();
-function a(r, n = !0) {
+const c = /* @__PURE__ */ new Map();
+function l(r, n = !0) {
   try {
-    if (n && e.has(r))
-      return e.get(r);
-    const t = r.replace("#", ""), s = t.length === 3 ? t[0] + t[0] + t[1] + t[1] + t[2] + t[2] : t, c = parseInt(s.substr(0, 2), 16) * 299, f = parseInt(s.substr(2, 2), 16) * 587, u = parseInt(s.substr(4, 2), 16) * 114, o = c + f + u > 128e3 ? "#000000" : "#ffffff";
-    return n && e.set(r, o), o;
+    if (n) {
+      const o = c.get(r);
+      if (o !== void 0)
+        return o;
+    }
+    const t = r.replace("#", ""), e = t.length === 3 ? t[0] + t[0] + t[1] + t[1] + t[2] + t[2] : t, f = parseInt(e.substr(0, 2), 16) * 299, u = parseInt(e.substr(2, 2), 16) * 587, a = parseInt(e.substr(4, 2), 16) * 114, s = f + u + a > 128e3 ? "#000000" : "#ffffff";
+    return n && c.set(r, s), s;
   } catch {
     return "#000000";
   }
 }
 export {
-  a as getContrastTextColor
+  l as getContrastTextColor
 };