@useloops/design-system 1.4.655 → 1.4.657

package/dist/systems/WebCore/InputFieldBase/InputFieldBase.d.ts

@@ -6,7 +6,7 @@ import { TextFieldProps } from '@mui/material';
 type InputFieldBaseProps = TextFieldProps;
 declare const InputFieldBase: _emotion_styled.StyledComponent<{
     variant?: _mui_material.TextFieldVariants | undefined;
-} & Omit<_mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps | _mui_material.StandardTextFieldProps, "variant"> & (_mui_system.MUIStyledCommonProps<_mui_material.Theme> & InputFieldBaseProps), {}, {}>;
+} & Omit<_mui_material.OutlinedTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.StandardTextFieldProps, "variant"> & (_mui_system.MUIStyledCommonProps<_mui_material.Theme> & InputFieldBaseProps), {}, {}>;
 
 export { InputFieldBase as default };
 export type { InputFieldBaseProps };

package/dist/systems/WebCore/Tooltip/Tooltip.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),o=require("react");module.exports=({variation:s="primary",message:i,sx:a,slotProps:l,children:u,...p})=>{const m=r.useTheme(),{wrapper:c,...n}=l??{},x=o.useMemo(()=>{const e=n.popper;return{...n,popper:{...e,sx:t.mergeSx({"& .MuiTooltip-tooltip":{backgroundColor:m.custom.palette.surface.overlay,borderRadius:m.spacing(m.custom.radius.md),filter:`drop-shadow(${m.custom.elevation.raised})`}},e?.sx)}}},[l,m]),d=o.useMemo(()=>t.mergeSx({cursor:"pointer",display:"flex",alignItems:"center",color:m.custom.palette.text.primary},c?.sx),[l,m]);return e.jsx(r.Tooltip,{enterDelay:650,enterNextDelay:650,arrow:!0,title:i,slotProps:x,...p,children:e.jsx(r.Box,{sx:d,children:u})})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("merge-sx"),s=require("react");module.exports=({variation:t="primary",message:i,sx:a,slotProps:l,children:p,...u})=>{const x=r.useTheme(),{wrapper:m,...c}=l??{},n=s.useMemo(()=>{const e=c.popper;return{...c,arrow:{...c.arrow??{},sx:o.mergeSx({...u.followCursor&&{width:"15px",height:"13px",padding:"2px"}},c.arrow?.sx)},popper:{...e,sx:o.mergeSx({"& .MuiTooltip-tooltip":{backgroundColor:x.custom.palette.surface.overlay,borderRadius:x.spacing(x.custom.radius.md),filter:`drop-shadow(${x.custom.elevation.raised})`}},e?.sx)}}},[l,x,u.followCursor]),d=s.useMemo(()=>o.mergeSx({cursor:"pointer",display:"flex",alignItems:"center",color:x.custom.palette.text.primary},m?.sx),[l,x]);return e.jsx(r.Tooltip,{enterDelay:650,enterNextDelay:650,arrow:!0,title:i,slotProps:n,...u,children:e.jsx(r.Box,{sx:d,children:p})})};

package/dist/systems/WebCore/Typography/Typography.d.ts

@@ -14,7 +14,7 @@ interface TypographyProps extends Omit<TypographyProps$1, 'ref'> {
     textColor?: string;
     ai?: boolean;
 }
-declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLParagraphElement | HTMLHeadingElement>>;
+declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;
 
 export { Typography as default };
 export type { TypographyProps };

package/dist/systems/WebCore/Typography/Typography.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx"),o=require("react"),i=require("../../BrandCore/gradients.js"),a=require("../../BrandCore/types.js");const n=e=>"bold"===e?a.FontWeight.BOLD:a.FontWeight.DEFAULT,l=o.forwardRef(({component:o,weight:a="default",variation:l,clamp:s=0,type:u="default",disabled:c,monospaced:d,secondary:m,textColor:p,ai:x,...b},g)=>{const f=t.useTheme();return e.jsx(t.Typography,{ref:g,variant:l,fontWeight:n(a),component:o,...b,sx:r.mergeSx(b.sx,!!s&&{display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:s},"button"===u&&{lineHeight:1.2},d&&{fontVariantNumeric:"tabular-nums"},m&&{color:f.custom.palette.text.secondary},c&&{color:f.custom.palette.text.disabled},Boolean(p)&&{color:p},x&&{background:i.tone3(f),backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",width:"fit-content"})})});module.exports=l;
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx"),o=require("react"),i=require("../../BrandCore/gradients.js"),a=require("../../BrandCore/types.js");const n=e=>"bold"===e?a.FontWeight.BOLD:a.FontWeight.DEFAULT,l=(e,t,r)=>t?e.custom.palette.text.disabled:r?e.custom.palette.text.secondary:e.custom.palette.text.primary,s=o.forwardRef(({component:o,weight:a="default",variation:s,clamp:u=0,type:c="default",disabled:d,monospaced:m,secondary:p,textColor:x,ai:b,...g},f)=>{const h=t.useTheme();return e.jsx(t.Typography,{ref:f,variant:s,fontWeight:n(a),component:o,...g,sx:r.mergeSx(g.sx,!!u&&{display:"-webkit-box",overflow:"hidden",WebkitBoxOrient:"vertical",WebkitLineClamp:u},"button"===c&&{lineHeight:1.2},m&&{fontVariantNumeric:"tabular-nums"},{color:l(h,d,p)},Boolean(x)&&{color:x},b&&{background:i.tone3(h),backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent",width:"fit-content"})})});module.exports=s;

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.655",
+    "version": "1.4.657",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",