npm - @12-apps/ui - Versions diffs - 6.16.0 → 6.17.0 - Mend

@12-apps/ui 6.16.0 → 6.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/_internal/components/index.js CHANGED Viewed

@@ -721,7 +721,7 @@ import "../../chunk-QCIWROKG.js";
 import "../../chunk-CMMPGAMJ.js";
 import {
   Separator
-} from "../../chunk-6I75JTFO.js";
+} from "../../chunk-MCZ7536N.js";
 import "../../chunk-IFPTVHYR.js";
 import {
   Avatar,

package/dist/_internal/components/layout/Separator/Separator.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import {
   Separator
-} from "../../../../chunk-6I75JTFO.js";
+} from "../../../../chunk-MCZ7536N.js";
 import "../../../../chunk-IFPTVHYR.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {

package/dist/_internal/components/layout/index.js CHANGED Viewed

@@ -100,7 +100,7 @@ import "../../../chunk-HXYXDQ7U.js";
 import "../../../chunk-CMMPGAMJ.js";
 import {
   Separator
-} from "../../../chunk-6I75JTFO.js";
+} from "../../../chunk-MCZ7536N.js";
 import "../../../chunk-IFPTVHYR.js";
 import "../../../chunk-2GSIEDGN.js";
 import {

package/dist/_internal/social-login-button/social-login-button.js CHANGED Viewed

@@ -5,13 +5,13 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "../../chunk-P2U7C2S7.js";
+} from "../../chunk-EB4BTKKY.js";
 import "../../chunk-INGPH3YQ.js";
 import "../../chunk-6GP2DOOO.js";
 import "../../chunk-HQJ75HHI.js";
 import "../../chunk-QCIWROKG.js";
 import "../../chunk-CMMPGAMJ.js";
-import "../../chunk-6I75JTFO.js";
+import "../../chunk-MCZ7536N.js";
 import "../../chunk-IFPTVHYR.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";

package/dist/{chunk-P2U7C2S7.js → chunk-EB4BTKKY.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
 } from "./chunk-HQJ75HHI.js";
 import {
   Separator
-} from "./chunk-6I75JTFO.js";
+} from "./chunk-MCZ7536N.js";
 import {
   Card,
   CardContent
@@ -174,4 +174,4 @@ export {
   SocialLoginButton,
   SocialLoginContainer
 };
-//# sourceMappingURL=chunk-P2U7C2S7.js.map
+//# sourceMappingURL=chunk-EB4BTKKY.js.map

package/dist/{chunk-6I75JTFO.js → chunk-MCZ7536N.js} RENAMED Viewed

@@ -27,6 +27,7 @@ var Separator = ({
       Box,
       {
         className,
+        "data-testid": dataTestId,
         sx: {
           display: "flex",
           alignItems: "center",
@@ -41,11 +42,7 @@ var Separator = ({
             {
               variant: "body2",
               color: "text.secondary",
-              sx: {
-                flexShrink: 0,
-                padding: theme.spacing(0, 1),
-                backgroundColor: theme.palette.background.default
-              },
+              sx: { flexShrink: 0, padding: theme.spacing(0, 1) },
               children
             }
           ),
@@ -69,4 +66,4 @@ var Separator = ({
 export {
   Separator
 };
-//# sourceMappingURL=chunk-6I75JTFO.js.map
+//# sourceMappingURL=chunk-MCZ7536N.js.map

package/dist/chunk-MCZ7536N.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/layout/Separator/Separator.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { separatorMargin, separatorStyles } from './Separator.styles';\nimport type { SeparatorProps } from './Separator.types';\n\nexport const Separator: React.FC<SeparatorProps> = ({\n variant = 'solid',\n orientation = 'horizontal',\n size = 'md',\n color,\n margin,\n length,\n children,\n className,\n 'data-testid': dataTestId,\n}) => {\n const theme = useTheme();\n const styles = separatorStyles(theme, { variant, orientation, size, color, margin, length });\n\n if (children) {\n const isHorizontal = orientation === 'horizontal';\n\n return (\n <Box\n className={className}\n // The plain branch below has always carried the caller's hook; this one\n // silently dropped it, so a LABELLED separator was the one variant no\n // test could address except through its own words.\n data-testid={dataTestId}\n sx={{\n display: 'flex',\n alignItems: 'center',\n margin: separatorMargin(size, margin),\n flexDirection: isHorizontal ? 'row' : 'column',\n gap: theme.spacing(2),\n }}\n >\n <Box sx={styles} />\n {/*\n No background behind the label. The two rules and the words are a FLEX\n ROW — the rules stop where the label starts — so there is nothing for a\n background to mask, and painting one made the label a coloured pill on\n every surface that is not `background.default`. On a white card it read\n as a highlight nobody had asked for.\n */}\n <Typography\n variant=\"body2\"\n color=\"text.secondary\"\n sx={{ flexShrink: 0, padding: theme.spacing(0, 1) }}\n >\n {children}\n </Typography>\n <Box sx={styles} />\n </Box>\n );\n }\n\n return (\n <Box\n className={className}\n sx={styles}\n role=\"separator\"\n aria-orientation={orientation}\n data-testid={dataTestId}\n />\n );\n};\n"],"mappings":";;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,gBAAgB;AACvB,SAAS,gBAAgB;AAwBnB,SAcE,KAdF;AAlBC,IAAM,YAAsC,CAAC;AAAA,EAClD,UAAU;AAAA,EACV,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,SAAS,gBAAgB,OAAO,EAAE,SAAS,aAAa,MAAM,OAAO,QAAQ,OAAO,CAAC;AAE3F,MAAI,UAAU;AACZ,UAAM,eAAe,gBAAgB;AAErC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QAIA,eAAa;AAAA,QACb,IAAI;AAAA,UACF,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,gBAAgB,MAAM,MAAM;AAAA,UACpC,eAAe,eAAe,QAAQ;AAAA,UACtC,KAAK,MAAM,QAAQ,CAAC;AAAA,QACtB;AAAA,QAEA;AAAA,8BAAC,OAAI,IAAI,QAAQ;AAAA,UAQjB;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,IAAI,EAAE,YAAY,GAAG,SAAS,MAAM,QAAQ,GAAG,CAAC,EAAE;AAAA,cAEjD;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,OAAI,IAAI,QAAQ;AAAA;AAAA;AAAA,IACnB;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,oBAAkB;AAAA,MAClB,eAAa;AAAA;AAAA,EACf;AAEJ;","names":[]}

package/dist/layout/Separator.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import "../chunk-CMMPGAMJ.js";
 import {
   Separator
-} from "../chunk-6I75JTFO.js";
+} from "../chunk-MCZ7536N.js";
 import "../chunk-IFPTVHYR.js";
 import "../chunk-PZ5AY32C.js";
 export {

package/dist/social-login-button.js CHANGED Viewed

@@ -4,13 +4,13 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "./chunk-P2U7C2S7.js";
+} from "./chunk-EB4BTKKY.js";
 import "./chunk-INGPH3YQ.js";
 import "./chunk-6GP2DOOO.js";
 import "./chunk-HQJ75HHI.js";
 import "./chunk-QCIWROKG.js";
 import "./chunk-CMMPGAMJ.js";
-import "./chunk-6I75JTFO.js";
+import "./chunk-MCZ7536N.js";
 import "./chunk-IFPTVHYR.js";
 import "./chunk-VUHLNYAE.js";
 import "./chunk-2GSIEDGN.js";

package/dist/types/components/layout/Separator/Separator.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,~~CAsD9C~~,CAAC"}
1	+ {"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6D9C,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.16.0",
+  "version": "6.17.0",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/layout/Separator/Separator.tsx CHANGED Viewed

@@ -26,6 +26,10 @@ export const Separator: React.FC<SeparatorProps> = ({
     return (
       <Box
         className={className}
+        // The plain branch below has always carried the caller's hook; this one
+        // silently dropped it, so a LABELLED separator was the one variant no
+        // test could address except through its own words.
+        data-testid={dataTestId}
         sx={{
           display: 'flex',
           alignItems: 'center',
@@ -35,14 +39,17 @@ export const Separator: React.FC<SeparatorProps> = ({
         }}
       >
         <Box sx={styles} />
+        {/*
+          No background behind the label. The two rules and the words are a FLEX
+          ROW — the rules stop where the label starts — so there is nothing for a
+          background to mask, and painting one made the label a coloured pill on
+          every surface that is not `background.default`. On a white card it read
+          as a highlight nobody had asked for.
+        */}
         <Typography
           variant="body2"
           color="text.secondary"
-          sx={{
-            flexShrink: 0,
-            padding: theme.spacing(0, 1),
-            backgroundColor: theme.palette.background.default,
-          }}
+          sx={{ flexShrink: 0, padding: theme.spacing(0, 1) }}
         >
           {children}
         </Typography>

package/dist/chunk-6I75JTFO.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/components/layout/Separator/Separator.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { separatorMargin, separatorStyles } from './Separator.styles';\nimport type { SeparatorProps } from './Separator.types';\n\nexport const Separator: React.FC<SeparatorProps> = ({\n variant = 'solid',\n orientation = 'horizontal',\n size = 'md',\n color,\n margin,\n length,\n children,\n className,\n 'data-testid': dataTestId,\n}) => {\n const theme = useTheme();\n const styles = separatorStyles(theme, { variant, orientation, size, color, margin, length });\n\n if (children) {\n const isHorizontal = orientation === 'horizontal';\n\n return (\n <Box\n className={className}\n sx={{\n display: 'flex',\n alignItems: 'center',\n margin: separatorMargin(size, margin),\n flexDirection: isHorizontal ? 'row' : 'column',\n gap: theme.spacing(2),\n }}\n >\n <Box sx={styles} />\n <Typography\n variant=\"body2\"\n color=\"text.secondary\"\n sx={{\n flexShrink: 0,\n padding: theme.spacing(0, 1),\n backgroundColor: theme.palette.background.default,\n }}\n >\n {children}\n </Typography>\n <Box sx={styles} />\n </Box>\n );\n }\n\n return (\n <Box\n className={className}\n sx={styles}\n role=\"separator\"\n aria-orientation={orientation}\n data-testid={dataTestId}\n />\n );\n};\n"],"mappings":";;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,gBAAgB;AACvB,SAAS,gBAAgB;AAwBnB,SAUE,KAVF;AAlBC,IAAM,YAAsC,CAAC;AAAA,EAClD,UAAU;AAAA,EACV,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,SAAS,gBAAgB,OAAO,EAAE,SAAS,aAAa,MAAM,OAAO,QAAQ,OAAO,CAAC;AAE3F,MAAI,UAAU;AACZ,UAAM,eAAe,gBAAgB;AAErC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,IAAI;AAAA,UACF,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,gBAAgB,MAAM,MAAM;AAAA,UACpC,eAAe,eAAe,QAAQ;AAAA,UACtC,KAAK,MAAM,QAAQ,CAAC;AAAA,QACtB;AAAA,QAEA;AAAA,8BAAC,OAAI,IAAI,QAAQ;AAAA,UACjB;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,IAAI;AAAA,gBACF,YAAY;AAAA,gBACZ,SAAS,MAAM,QAAQ,GAAG,CAAC;AAAA,gBAC3B,iBAAiB,MAAM,QAAQ,WAAW;AAAA,cAC5C;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,OAAI,IAAI,QAAQ;AAAA;AAAA;AAAA,IACnB;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,oBAAkB;AAAA,MAClB,eAAa;AAAA;AAAA,EACf;AAEJ;","names":[]}

/package/dist/{chunk-P2U7C2S7.js.map → chunk-EB4BTKKY.js.map} RENAMED Viewed

File without changes