@useloops/design-system 1.4.572 → 1.4.574

package/dist/systems/WebCore/Menu/MenuItem.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx");require("../../BrandCore/colorRamps.js");var o=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var i=require("../../BrandCore/Icon/Icon.js"),s=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var n=require("../Tooltip/Tooltip.js"),a=require("../Typography/Typography.js");const l=t.styled(t.Button,{shouldForwardProp:e=>!["active","iconHeight"].includes(e)})(({active:e,iconHeight:t=24,theme:r})=>({borderRadius:r.spacing(r.custom.radius.sm),maxWidth:"100%",padding:r.spacing(.5,1),textTransform:"none",width:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap",...s.buttonInteraction(r,e),backgroundColor:e?r.custom.palette.surface.sunken:"transparent","& p":{minHeight:t},"&:disabled":{backgroundColor:"inherit","& p":{color:r.custom.palette.text.disabled}}})),c=t.styled(t.Box)(({theme:e})=>({padding:e.spacing(.5,1)})),d=t.styled(t.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),textAlign:"left"})),p=t.styled(t.Stack)(({iconHeight:e=24,theme:t})=>({height:e,width:24,alignItems:"center",color:t.custom.palette.icon.secondary,display:"flex",justifyContent:"center",marginLeft:"auto"}));module.exports=({baseState:s,label:x,active:h,danger:u,divider:m,heading:g,selected:j,disabled:y,closeOnClick:v,hidden:f,onClick:w,startIcon:B,slotProps:b,tooltip:C,children:q})=>{const I=t.useTheme(),k=3*o.base;return f?null:m?e.jsx(t.Box,{sx:{height:32,display:"flex",alignItems:"center"},children:e.jsx(t.Box,{sx:{borderBottom:`1px solid ${I.custom.palette.stroke.default}`,width:"100%"}})}):x?g?e.jsx(c,{children:e.jsx(a,{component:"p",type:"button",variation:"md",sx:{color:I.custom.palette.text.secondary},children:x})}):e.jsx(l,{active:h,disabled:y,onClick:e=>{w&&w(e),v&&s?.close()},iconHeight:k,children:e.jsxs(d,{sx:{width:"100%",justifyContent:"space-between",gap:1},children:[e.jsxs(d,{sx:{flex:"1 1 auto",gap:1,minWidth:0},children:[void 0!==B&&e.jsx(i.default,{name:B,...b?.startIcon}),C?e.jsx(n,{message:x,slotProps:{wrapper:{sx:{minWidth:0,overflow:"hidden",flex:"1 1 auto"}}},children:e.jsx(a,{monospaced:!0,component:"p",sx:r.mergeSx({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},u&&{color:I.custom.palette.text.negative},g&&{color:I.custom.palette.text.secondary}),type:"button",variation:"md",children:x})}):e.jsx(a,{monospaced:!0,component:"p",sx:r.mergeSx({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},u&&{color:I.custom.palette.text.negative},g&&{color:I.custom.palette.text.secondary}),type:"button",variation:"md",children:x})]}),e.jsxs(p,{iconHeight:k,minWidth:k,children:[q?.length&&q.length>0&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(i.default,{name:"chevron-right",size:k})})}),j&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(i.default,{name:"check",size:k})})})]})]})}):null};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx");require("../../BrandCore/colorRamps.js");var o=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var i=require("../../BrandCore/Icon/Icon.js"),s=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var n=require("../Tooltip/Tooltip.js"),a=require("../Typography/Typography.js");const l=t.styled(t.Button,{shouldForwardProp:e=>!["active","iconHeight"].includes(e)})(({active:e,iconHeight:t=24,theme:r})=>({borderRadius:r.spacing(r.custom.radius.sm),maxWidth:"100%",padding:r.spacing(.5,1),textTransform:"none",width:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap",...s.buttonInteraction(r,e),backgroundColor:e?r.custom.palette.surface.sunken:"transparent","& p":{minHeight:t},"&:disabled":{backgroundColor:"inherit","& p":{color:r.custom.palette.text.disabled}}})),c=t.styled(t.Box)(({theme:e})=>({padding:e.spacing(.5,1)})),d=t.styled(t.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),textAlign:"left"})),p=t.styled(t.Stack,{shouldForwardProp:e=>"iconHeight"!==e})(({iconHeight:e=24,theme:t})=>({height:e,width:24,alignItems:"center",color:t.custom.palette.icon.secondary,display:"flex",justifyContent:"center",marginLeft:"auto"}));module.exports=({baseState:s,label:h,active:x,danger:u,divider:m,heading:g,selected:j,disabled:y,closeOnClick:v,hidden:f,onClick:w,startIcon:B,slotProps:b,tooltip:C,children:q})=>{const I=t.useTheme(),k=3*o.base;return f?null:m?e.jsx(t.Box,{sx:{height:32,display:"flex",alignItems:"center"},children:e.jsx(t.Box,{sx:{borderBottom:`1px solid ${I.custom.palette.stroke.default}`,width:"100%"}})}):h?g?e.jsx(c,{children:e.jsx(a,{component:"p",type:"button",variation:"md",sx:{color:I.custom.palette.text.secondary},children:h})}):e.jsx(l,{active:x,disabled:y,onClick:e=>{w&&w(e),v&&s?.close()},iconHeight:k,children:e.jsxs(d,{sx:{width:"100%",justifyContent:"space-between",gap:1},children:[e.jsxs(d,{sx:{flex:"1 1 auto",gap:1,minWidth:0},children:[void 0!==B&&e.jsx(i.default,{name:B,...b?.startIcon}),C?e.jsx(n,{message:h,slotProps:{wrapper:{sx:{minWidth:0,overflow:"hidden",flex:"1 1 auto"}}},children:e.jsx(a,{monospaced:!0,component:"p",sx:r.mergeSx({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},u&&{color:I.custom.palette.text.negative},g&&{color:I.custom.palette.text.secondary}),type:"button",variation:"md",children:h})}):e.jsx(a,{monospaced:!0,component:"p",sx:r.mergeSx({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},u&&{color:I.custom.palette.text.negative},g&&{color:I.custom.palette.text.secondary}),type:"button",variation:"md",children:h})]}),e.jsxs(p,{iconHeight:k,minWidth:k,children:[q?.length&&q.length>0&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(i.default,{name:"chevron-right",size:k})})}),j&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(i.default,{name:"check",size:k})})})]})]})}):null};

package/dist/systems/WebCore/RichTextField/RichTextField.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("@tiptap/extension-placeholder"),i=require("@tiptap/extension-underline"),n=require("@tiptap/starter-kit"),o=require("mui-tiptap"),u=require("react"),l=require("./StyledRichTextEditor.js");function s(e){return e&&e.__esModule?e:{default:e}}var a=s(i);module.exports=({onChange:i,value:s,internalChange:d,minWidth:c=100,minHeight:h=100,maxHeight:x,placeholder:p,options:m={}})=>{const g=u.useRef(null),f=t.useTheme(),{bold:j=!0,italic:q=!0,underline:B=!0,bulletList:M=!1,orderedList:L=!1}=m;return e.jsx(l,{sx:{"& .ProseMirror":{overflowY:"auto",minHeight:h,minWidth:c,maxHeight:x}},ref:g,onUpdate:({editor:e})=>{i&&i(e.getHTML()),d&&d()},enableInputRules:!1,extensions:[n.StarterKit.configure({strike:!1,code:!1,heading:!1,blockquote:!1,horizontalRule:!1,codeBlock:!1,bold:!!j&&{},italic:!!q&&{},listItem:!(!M&&!L)&&{},bulletList:!!M&&{},orderedList:!!L&&{}}),r.Placeholder.configure({placeholder:p}),...B?[a.default.configure()]:[]],content:s,renderControls:()=>e.jsxs(t.Stack,{gap:f.custom.margin.xs,direction:"row",children:[j&&e.jsx(o.MenuButtonBold,{}),q&&e.jsx(o.MenuButtonItalic,{}),B&&e.jsx(o.MenuButtonUnderline,{}),M&&e.jsx(o.MenuButtonBulletedList,{}),L&&e.jsx(o.MenuButtonOrderedList,{})]})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("@tiptap/extension-placeholder"),i=require("@tiptap/starter-kit"),n=require("mui-tiptap"),o=require("react"),l=require("./StyledRichTextEditor.js");module.exports=({onChange:u,value:s,internalChange:a,minWidth:d=100,minHeight:c=100,maxHeight:h,placeholder:x,options:m={}})=>{const p=o.useRef(null),g=t.useTheme(),{bold:j=!0,italic:q=!0,underline:B=!0,bulletList:L=!1,orderedList:M=!1}=m;return e.jsx(l,{sx:{"& .ProseMirror":{overflowY:"auto",minHeight:c,minWidth:d,maxHeight:h}},ref:p,onUpdate:({editor:e})=>{u&&u(e.getHTML()),a&&a()},enableInputRules:!1,extensions:[i.StarterKit.configure({strike:!1,code:!1,heading:!1,blockquote:!1,horizontalRule:!1,codeBlock:!1,bold:!!j&&{},italic:!!q&&{},listItem:!(!L&&!M)&&{},bulletList:!!L&&{},orderedList:!!M&&{}}),r.Placeholder.configure({placeholder:x})],content:s,renderControls:()=>e.jsxs(t.Stack,{gap:g.custom.margin.xs,direction:"row",children:[j&&e.jsx(n.MenuButtonBold,{}),q&&e.jsx(n.MenuButtonItalic,{}),B&&e.jsx(n.MenuButtonUnderline,{}),L&&e.jsx(n.MenuButtonBulletedList,{}),M&&e.jsx(n.MenuButtonOrderedList,{})]})})};

package/dist/theme/theme.hooks.d.ts

@@ -4,7 +4,7 @@ import { PaletteMode, Direction } from '@mui/material';
 import { ScreenSize, CustomTheme } from './types.js';
 
 declare const useThemeBuilder: (initialMode?: PaletteMode, initialScreenSize?: ScreenSize, initialDirection?: Direction) => {
-    breakpoint: "" | "sm" | "md" | "lg" | "xl";
+    breakpoint: "" | "sm" | "lg" | "md" | "xl";
     custom: CustomTheme;
     gridOverlayVisible: boolean;
     mode: PaletteMode;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.572",
+    "version": "1.4.574",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",
@@ -229,7 +229,6 @@
         "@tiptap/extension-image": "3.7.0",
         "@tiptap/extension-placeholder": "^3.7.0",
         "@tiptap/extension-table": "^3.7.0",
-        "@tiptap/extension-underline": "^3.7.0",
         "@tiptap/react": "^3.7.0",
         "@tiptap/starter-kit": "^3.7.0",
         "@use-it/event-listener": "^0.1.7",