@useloops/design-system 1.4.632 → 1.4.633

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

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{useTheme as e,Tooltip as o,Box as t}from"@mui/material";import{mergeSx as s}from"merge-sx";const a=({variation:a="primary",message:i,sx:p,slotProps:l={},children:m,...c})=>{const n=e(),{wrapper:d,...u}=l;return r(o,{enterDelay:650,enterNextDelay:650,arrow:!0,role:"tooltip",title:i,slotProps:{...u,popper:{...u.popper,sx:{"& .MuiTooltip-tooltip":{backgroundColor:n.custom.palette.surface.overlay,borderRadius:n.spacing(n.custom.radius.md),filter:`drop-shadow(${n.custom.elevation.raised})`}}}},sx:s({maxWidth:300},p),...c,children:r(t,{sx:s({cursor:"pointer",display:"flex",alignItems:"center",color:n.custom.palette.text.primary},d?.sx),children:m})})};export{a as default};
+import{jsx as r}from"react/jsx-runtime";import{useTheme as e,Tooltip as o,Box as t}from"@mui/material";import{mergeSx as s}from"merge-sx";import{useMemo as a}from"react";const i=({variation:i="primary",message:p,sx:l,slotProps:m,children:c,...n})=>{const u=e(),{wrapper:d,...x}=m??{},f=a(()=>{const r=x.popper;return{...x,popper:{...r,sx:s({"& .MuiTooltip-tooltip":{backgroundColor:u.custom.palette.surface.overlay,borderRadius:u.spacing(u.custom.radius.md),filter:`drop-shadow(${u.custom.elevation.raised})`}},r?.sx)}}},[m,u]),y=a(()=>s({cursor:"pointer",display:"flex",alignItems:"center",color:u.custom.palette.text.primary},d?.sx),[m,u]);return r(o,{enterDelay:650,enterNextDelay:650,arrow:!0,title:p,slotProps:f,...n,children:r(t,{sx:y,children:c})})};export{i as default};

package/dist/systems/Platform/SliderGraph/_partials/StyledComponents.d.ts

@@ -6,48 +6,48 @@ import * as _mui_material from '@mui/material';
 import { SliderGraphBarProps, CommonComponentProps } from '../types.js';
 
 declare const SliderGraphWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
-    component?: React.ElementType;
+    component?: React.ElementType | undefined;
 } & {
     maxHeight: number;
 } & {
     responsive?: boolean;
 }, {}, {}>;
 declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "alignItems" | "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "disableGutters" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "divider" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
-    component?: React.ElementType;
+    component?: React.ElementType | undefined;
 } & {
     maxHeight: number;
 } & {
     responsive?: boolean;
 }, {}, {}>;
 declare const SliderGraphBarWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
-    component?: React.ElementType;
+    component?: React.ElementType | undefined;
 } & {
     maxHeight: number;
 } & {
     responsive?: boolean;
 }, {}, {}>;
 declare const VerticalBarValue: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
-    component?: React.ElementType;
+    component?: React.ElementType | undefined;
 }, {}, {}>;
 declare const VerticalBar: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
-    component?: React.ElementType;
+    component?: React.ElementType | undefined;
 } & CommonComponentProps & {
     value: number;
     checked: boolean;
 }, {}, {}>;
 declare const VerticalBarActions: _emotion_styled.StyledComponent<_mui_material.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
-    component?: React.ElementType;
+    component?: React.ElementType | undefined;
 }, {}, {}>;
 declare const VerticalBarLabel: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
-    component?: React.ElementType;
+    component?: React.ElementType | undefined;
 }, {}, {}>;
 declare const AxisSegmentWrapper: _emotion_styled.StyledComponent<_mui_material.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
-    component?: React.ElementType;
+    component?: React.ElementType | undefined;
 } & {
     maxHeight: number;
 } & Partial<SliderGraphBarProps>, {}, {}>;
 declare const AxisSegment: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
-    component?: React.ElementType;
+    component?: React.ElementType | undefined;
 } & {
     showGraphLines?: boolean;
     graphWidth?: number;

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

@@ -1,5 +1,5 @@
 import { TooltipProps as TooltipProps$1, BoxProps } from '@mui/material';
-import { FunctionComponent } from 'react';
+import { FC } from 'react';
 
 interface TooltipProps extends Omit<Partial<TooltipProps$1>, 'title' | 'slotProps'> {
     message: TooltipProps$1['title'];
@@ -8,7 +8,7 @@ interface TooltipProps extends Omit<Partial<TooltipProps$1>, 'title' | 'slotProp
         wrapper?: BoxProps;
     };
 }
-declare const Tooltip: FunctionComponent<TooltipProps>;
+declare const Tooltip: FC<TooltipProps>;
 
 export { Tooltip as default };
 export type { TooltipProps };

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");module.exports=({variation:o="primary",message:s,sx:i,slotProps:a={},children:l,...p})=>{const u=r.useTheme(),{wrapper:m,...x}=a;return e.jsx(r.Tooltip,{enterDelay:650,enterNextDelay:650,arrow:!0,role:"tooltip",title:s,slotProps:{...x,popper:{...x.popper,sx:{"& .MuiTooltip-tooltip":{backgroundColor:u.custom.palette.surface.overlay,borderRadius:u.spacing(u.custom.radius.md),filter:`drop-shadow(${u.custom.elevation.raised})`}}}},sx:t.mergeSx({maxWidth:300},i),...p,children:e.jsx(r.Box,{sx:t.mergeSx({cursor:"pointer",display:"flex",alignItems:"center",color:u.custom.palette.text.primary},m?.sx),children:l})})};
+"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})})};

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" | "lg" | "md" | "xl";
+    breakpoint: "" | "sm" | "md" | "lg" | "xl";
     custom: CustomTheme;
     gridOverlayVisible: boolean;
     mode: PaletteMode;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.632",
+    "version": "1.4.633",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",
@@ -152,8 +152,8 @@
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
         "@faker-js/faker": "^9.4.0",
-        "@mui/icons-material": "^7.3.4",
-        "@mui/material": "^7.3.4",
+        "@mui/icons-material": "^7.3.9",
+        "@mui/material": "^7.3.9",
         "@rollup/plugin-babel": "^6.0.4",
         "@rollup/plugin-commonjs": "^26.0.1",
         "@rollup/plugin-json": "^6.1.0",