@useloops/design-system 1.4.662 → 1.4.664
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.
- package/dist/esm/systems/Platform/CommentCard/_partials/Containers.js +1 -1
- package/dist/esm/systems/Platform/Navigation/Navigation.js +1 -1
- package/dist/systems/Platform/CommentCard/_partials/Containers.js +1 -1
- package/dist/systems/Platform/Navigation/Navigation.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as o,Box as e}from"@mui/material";const t=o(e,{shouldForwardProp:o=>!["isActive","isHovered"].includes(o)})(({theme:o,isActive:e,isHovered:t})=>({backgroundColor:o.custom.palette.surface.default,border:"1px solid transparent",borderRadius:o.spacing(o.custom.radius.md),display:"flex",flexDirection:"column",gap:o.spacing(o.custom.padding.
|
|
1
|
+
import{styled as o,Box as e}from"@mui/material";const t=o(e,{shouldForwardProp:o=>!["isActive","isHovered"].includes(o)})(({theme:o,isActive:e,isHovered:t})=>({backgroundColor:o.custom.palette.surface.default,border:"1px solid transparent",borderRadius:o.spacing(o.custom.radius.md),display:"flex",flexDirection:"column",gap:o.spacing(o.custom.padding.xs),overflow:"hidden",padding:o.spacing(o.custom.padding.md),position:"relative",transition:"all 200ms ease","&::before":{pointerEvents:"none",backgroundColor:"transparent",content:'""',inset:0,position:"absolute",transition:"all 200ms ease",zIndex:1},"&:focus:before":{backgroundColor:o.custom.palette.interaction.hover},"&:active:before":{backgroundColor:o.custom.palette.interaction.press},"&:hover":{boxShadow:o.custom.elevation.float,cursor:"pointer",borderColor:o.custom.palette.interaction.hover,"&:before":{backgroundColor:o.custom.palette.interaction.hover}},...t&&{boxShadow:o.custom.elevation.float,cursor:"pointer",borderColor:o.custom.palette.interaction.hover,"&:before":{backgroundColor:o.custom.palette.interaction.hover}},...e&&{backgroundColor:o.custom.palette.blue[0],borderColor:o.custom.palette.blue[300],boxShadow:o.custom.elevation.raised,"&:hover":{borderColor:o.custom.palette.blue[300],boxShadow:o.custom.elevation.float,cursor:"pointer","&:before":{backgroundColor:o.custom.palette.interaction.hover}}}})),r=o(e)(({theme:o})=>({display:"flex",gap:o.spacing(o.custom.padding.xs)}));export{r as CommentActions,t as CommentCardContainer};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{styled as
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{styled as t,Stack as n,Box as o,useTheme as r,Divider as a}from"@mui/material";import g from"../../WebCore/NavigationButton/NavigationButton.js";import s from"../../WebCore/Nudge/Nudge.js";import"../../WebCore/Typography/Typography.js";import"../../WebCore/Nudge/NudgeButton.js";import l from"../../WebCore/UserMenu/UserMenu.js";import p from"./NavigationHeader.js";const m=t(n,{shouldForwardProp:e=>!["navigationSizing"].includes(e)})(({navigationSizing:e,theme:i})=>({backgroundColor:i.custom.palette.surface.sunken,transition:i.custom.easing.input,borderRight:`1px solid ${i.custom.palette.stroke.light}`,width:"lg"===e?232:72,height:"100%",position:"fixed"})),u=t(o)(({theme:e})=>({display:"flex",flex:1,padding:e.spacing(2)})),d=t(o)(({theme:e})=>({display:"flex",flex:1,gap:e.spacing(1),"& div":{display:"flex",justifyContent:"center",width:"100%"},"& button":{width:"100%"}})),c=({logoLink:t,isMobile:o,nudgeProps:c,primaryMenuItemProps:h,secondaryMenuItemProps:f,sizing:y="lg",tertiaryMenuItemProps:b,toggleMenuOnClick:x=()=>{},userMenuProps:v})=>{const C=r();return e(m,{navigationSizing:y,children:[i(p,{logoLink:t,navigationSizing:y,toggleMenuOnClick:x,isMobile:o}),i(u,{children:e(n,{sx:{gap:4,justifyContent:"space-between",width:"100%"},children:[!!h?.length&&i(n,{sx:{gap:"lg"===y?.5:2,width:"100%"},children:h.map((e,t)=>i(g,{navigationSizing:y,...e},`primary-menu-item-${t}`))}),e(n,{sx:{gap:2},children:[c?.title&&i(s,{navigationSizing:y,...c}),!!f?.length&&f.map((e,t)=>i(g,{navigationSizing:y,...e,label:"Help center"===e.label&&"sm"===y?"Help":e.label},`secondary-menu-item-${t}`)),i(a,{sx:{color:C.custom.palette.stroke.default}}),i(l,{rounded:"sm"===y,...v}),!!b?.length&&i(d,{children:b.map((e,t)=>i(g,{navigationSizing:y,...e},`tertiary-menu-item-${t}`))})]})]})})]})};export{c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("@mui/material");const e=o.styled(o.Box,{shouldForwardProp:o=>!["isActive","isHovered"].includes(o)})(({theme:o,isActive:e,isHovered:t})=>({backgroundColor:o.custom.palette.surface.default,border:"1px solid transparent",borderRadius:o.spacing(o.custom.radius.md),display:"flex",flexDirection:"column",gap:o.spacing(o.custom.padding.
|
|
1
|
+
"use strict";var o=require("@mui/material");const e=o.styled(o.Box,{shouldForwardProp:o=>!["isActive","isHovered"].includes(o)})(({theme:o,isActive:e,isHovered:t})=>({backgroundColor:o.custom.palette.surface.default,border:"1px solid transparent",borderRadius:o.spacing(o.custom.radius.md),display:"flex",flexDirection:"column",gap:o.spacing(o.custom.padding.xs),overflow:"hidden",padding:o.spacing(o.custom.padding.md),position:"relative",transition:"all 200ms ease","&::before":{pointerEvents:"none",backgroundColor:"transparent",content:'""',inset:0,position:"absolute",transition:"all 200ms ease",zIndex:1},"&:focus:before":{backgroundColor:o.custom.palette.interaction.hover},"&:active:before":{backgroundColor:o.custom.palette.interaction.press},"&:hover":{boxShadow:o.custom.elevation.float,cursor:"pointer",borderColor:o.custom.palette.interaction.hover,"&:before":{backgroundColor:o.custom.palette.interaction.hover}},...t&&{boxShadow:o.custom.elevation.float,cursor:"pointer",borderColor:o.custom.palette.interaction.hover,"&:before":{backgroundColor:o.custom.palette.interaction.hover}},...e&&{backgroundColor:o.custom.palette.blue[0],borderColor:o.custom.palette.blue[300],boxShadow:o.custom.elevation.raised,"&:hover":{borderColor:o.custom.palette.blue[300],boxShadow:o.custom.elevation.float,cursor:"pointer","&:before":{backgroundColor:o.custom.palette.interaction.hover}}}})),t=o.styled(o.Box)(({theme:o})=>({display:"flex",gap:o.spacing(o.custom.padding.xs)}));exports.CommentActions=t,exports.CommentCardContainer=e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),t=require("../../WebCore/NavigationButton/NavigationButton.js"),n=require("../../WebCore/Nudge/Nudge.js");require("../../WebCore/Typography/Typography.js"),require("../../WebCore/Nudge/NudgeButton.js");var r=require("../../WebCore/UserMenu/UserMenu.js"),s=require("./NavigationHeader.js");const a=i.styled(i.Stack,{shouldForwardProp:e=>!["navigationSizing"].includes(e)})(({navigationSizing:e,theme:i})=>({backgroundColor:i.custom.palette.surface.sunken,transition:i.custom.easing.input,borderRight:`1px solid ${i.custom.palette.stroke.light}`,width:"lg"===e?232:72,height:"100%",position:"fixed"})),o=i.styled(i.Box)(({theme:e})=>({display:"flex",flex:1,padding:e.spacing(2)})),l=i.styled(i.Box)(({theme:e})=>({display:"flex",flex:1,gap:e.spacing(1),"& div":{display:"flex",justifyContent:"center",width:"100%"},"& button":{width:"100%"}}));module.exports=({logoLink:g,isMobile:u,nudgeProps:d,primaryMenuItemProps:p,secondaryMenuItemProps:c,sizing:m="lg",tertiaryMenuItemProps:x,toggleMenuOnClick:h=()=>{},userMenuProps:j})=>{const y=i.useTheme();return e.jsxs(a,{navigationSizing:m,children:[e.jsx(s,{logoLink:g,navigationSizing:m,toggleMenuOnClick:h,isMobile:u}),e.jsx(o,{children:e.jsxs(i.Stack,{sx:{gap:4,justifyContent:"space-between",width:"100%"},children:[!!p?.length&&e.jsx(i.Stack,{sx:{gap:"lg"===m?.5:2,width:"100%"},children:p.map((i,n)=>e.jsx(t,{navigationSizing:m,...i},`primary-menu-item-${n}`))}),e.jsxs(i.Stack,{sx:{gap:2},children:[d?.title&&e.jsx(n,{navigationSizing:m,...d}),!!c?.length&&c.map((i,n)=>e.jsx(t,{navigationSizing:m,...i,label:"Help center"===i.label&&"sm"===m?"Help":i.label},`secondary-menu-item-${n}`)),e.jsx(i.Divider,{sx:{color:y.custom.palette.stroke.default}}),e.jsx(r,{rounded:"sm"===m,...j}),!!x?.length&&e.jsx(l,{children:x.map((i,n)=>e.jsx(t,{navigationSizing:m,...i},`tertiary-menu-item-${n}`))})]})]})})]})};
|