@useloops/design-system 1.4.581 → 1.4.582
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/WebCore/Checkbox/StyledCheckbox.js +1 -1
- package/dist/systems/Platform/SliderGraph/_partials/StyledComponents.d.ts +1 -1
- package/dist/systems/WebCore/Checkbox/StyledCheckbox.js +1 -1
- package/dist/systems/WebCore/Typography/Typography.d.ts +1 -1
- package/dist/theme/theme.hooks.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{Remove as o,Check as e}from"@mui/icons-material";import{styled as i,Checkbox as a}from"@mui/material";import{iconSizeMap as s}from"../../BrandCore/Icon/Icon.js";import{space as u}from"../../BrandCore/primitiveVariables.js";const
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{Remove as o,Check as e}from"@mui/icons-material";import{styled as i,Checkbox as a}from"@mui/material";import{iconSizeMap as s}from"../../BrandCore/Icon/Icon.js";import{space as u}from"../../BrandCore/primitiveVariables.js";const p=i(a)(({theme:t,sizing:o,variant:e})=>({height:"default"===o?u[300]:u[400],width:"default"===o?u[300]:u[400],padding:0,flex:"none",borderRadius:t.spacing(t.custom.radius.sm),border:"none",boxShadow:`0px 0px 0px 0px ${t.custom.palette.interaction.none}, inset 0px 0px 0px 1px ${t.custom.palette.stroke.default}`,backgroundColor:t.custom.palette.input.default,position:"relative",transition:`${t.custom.easing.input}`,"& svg":{transition:t.custom.easing.input,fill:"none",width:"default"===o?s.sm:s.xl,height:"default"===o?s.sm:s.xl},"&:before":{content:'""',position:"absolute",inset:0},"&:hover":{backgroundColor:t.custom.palette.input.default,"&:before":{borderRadius:t.spacing(t.custom.radius.sm),backgroundColor:t.custom.palette.interaction.hover}},"&:active":{backgroundColor:t.custom.palette.input.default,boxShadow:`${t.custom.boxShadow.input.focus}, inset 0px 0px 0px 1px ${t.custom.palette.stroke.focus}`,"&:before":{borderRadius:t.spacing(t.custom.radius.sm),backgroundColor:t.custom.palette.interaction.press}},"&.Mui-disabled":{backgroundColor:t.custom.palette.input.disabled,boxShadow:`inset 0px 0px 0px 1px ${t.custom.palette.stroke.disabled}`},"&.Mui-checked":{backgroundColor:t.custom.palette.purple[500],"& svg":{fill:t.custom.palette.icon.lockedWhite},"&.Mui-disabled":{backgroundColor:t.custom.palette.input.disabled,"& svg":{fill:t.custom.palette.icon.disabled}}},"&.MuiCheckbox-indeterminate":{backgroundColor:t.custom.palette.purple[500],"& svg":{fill:t.custom.palette.icon.lockedWhite}},"&.Mui-focusVisible":{boxShadow:`${t.custom.boxShadow.input.focus}, inset 0px 0px 0px 1px ${t.custom.palette.stroke.focus}`,"&:before":{backgroundColor:t.custom.palette.interaction.press}},..."secondary"===e?{boxShadow:`0px 0px 0px 0px ${t.custom.palette.interaction.none}, inset 0px 0px 0px 1px ${t.custom.palette.blue[500]}`,"&:hover":{backgroundColor:t.custom.palette.blue[0]},"&:active":{backgroundColor:t.custom.palette.input.default,boxShadow:`${t.custom.boxShadow.input.focus}, inset 0px 0px 0px 1px ${t.custom.palette.blue[500]}`,"&:before":{borderRadius:t.spacing(t.custom.radius.sm),backgroundColor:t.custom.palette.interaction.press}},"&.Mui-checked":{backgroundColor:t.custom.palette.blue[0],"& svg":{fill:t.custom.palette.icon.primary}},"&.Mui-disabled":{backgroundColor:t.custom.palette.input.disabled,boxShadow:`inset 0px 0px 0px 1px ${t.custom.palette.stroke.disabled}`},"&.MuiCheckbox-indeterminate":{backgroundColor:t.custom.palette.blue[0],"& svg":{fill:t.custom.palette.icon.primary}}}:void 0})),r=i=>t(p,{checkedIcon:t(e,{}),indeterminateIcon:t(o,{}),...i,disableFocusRipple:!0});export{r as default};
|
|
@@ -12,7 +12,7 @@ declare const SliderGraphWrapper: _emotion_styled.StyledComponent<_mui_system.Bo
|
|
|
12
12
|
} & {
|
|
13
13
|
responsive?: boolean;
|
|
14
14
|
}, {}, {}>;
|
|
15
|
-
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" | "
|
|
15
|
+
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>, "sx" | "alignItems" | "className" | "style" | "classes" | "children" | "autoFocus" | "tabIndex" | "disableGutters" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "divider" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
|
|
16
16
|
component?: React.ElementType;
|
|
17
17
|
} & {
|
|
18
18
|
maxHeight: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/icons-material"),o=require("@mui/material"),i=require("../../BrandCore/Icon/Icon.js"),a=require("../../BrandCore/primitiveVariables.js");const s=o.styled(o.Checkbox)(({theme:e,sizing:t,variant:o})=>({height:"default"===t?a.space[300]:a.space[400],width:"default"===t?a.space[300]:a.space[400],padding:0,flex:"none",borderRadius:e.spacing(e.custom.radius.sm),border:"none",boxShadow:`0px 0px 0px 0px ${e.custom.palette.interaction.none}, inset 0px 0px 0px 1px ${e.custom.palette.stroke.default}`,backgroundColor:e.custom.palette.input.default,position:"relative",transition:`${e.custom.easing.input}`,"& svg":{transition:e.custom.easing.input,fill:"none",width:"default"===t?i.iconSizeMap.sm:i.iconSizeMap.xl,height:"default"===t?i.iconSizeMap.sm:i.iconSizeMap.xl},"&:before":{content:'""',position:"absolute",inset:0},"&:hover":{backgroundColor:e.custom.palette.input.default,"&:before":{borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:e.custom.palette.interaction.hover}},"&:active":{backgroundColor:e.custom.palette.input.default,boxShadow:`${e.custom.boxShadow.input.focus}, inset 0px 0px 0px 1px ${e.custom.palette.stroke.focus}`,"&:before":{borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:e.custom.palette.interaction.press}},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,boxShadow:`inset 0px 0px 0px 1px ${e.custom.palette.stroke.disabled}`},"&.Mui-checked":{backgroundColor:e.custom.palette.purple[500],"& svg":{fill:e.custom.palette.icon.lockedWhite},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,"& svg":{fill:e.custom.palette.icon.disabled}}},"&.MuiCheckbox-indeterminate":{backgroundColor:e.custom.palette.purple[500],"& svg":{fill:e.custom.palette.icon.lockedWhite}},"&.Mui-focusVisible":{boxShadow:`${e.custom.boxShadow.input.focus}, inset 0px 0px 0px 1px ${e.custom.palette.stroke.focus}`,"&:before":{backgroundColor:e.custom.palette.interaction.press}},..."secondary"===o?{boxShadow:`0px 0px 0px 0px ${e.custom.palette.interaction.none}, inset 0px 0px 0px 1px ${e.custom.palette.blue[500]}`,"&:hover":{backgroundColor:e.custom.palette.blue[0]},"&:active":{backgroundColor:e.custom.palette.input.default,boxShadow:`${e.custom.boxShadow.input.focus}, inset 0px 0px 0px 1px ${e.custom.palette.blue[500]}`,"&:before":{borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:e.custom.palette.interaction.press}},"&.Mui-checked":{backgroundColor:e.custom.palette.blue[0],"& svg":{fill:e.custom.palette.icon.primary}},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled},"&.MuiCheckbox-indeterminate":{backgroundColor:e.custom.palette.blue[0],"& svg":{fill:e.custom.palette.icon.primary}}}:void 0}));module.exports=o=>e.jsx(s,{checkedIcon:e.jsx(t.Check,{}),indeterminateIcon:e.jsx(t.Remove,{}),...o,disableFocusRipple:!0});
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/icons-material"),o=require("@mui/material"),i=require("../../BrandCore/Icon/Icon.js"),a=require("../../BrandCore/primitiveVariables.js");const s=o.styled(o.Checkbox)(({theme:e,sizing:t,variant:o})=>({height:"default"===t?a.space[300]:a.space[400],width:"default"===t?a.space[300]:a.space[400],padding:0,flex:"none",borderRadius:e.spacing(e.custom.radius.sm),border:"none",boxShadow:`0px 0px 0px 0px ${e.custom.palette.interaction.none}, inset 0px 0px 0px 1px ${e.custom.palette.stroke.default}`,backgroundColor:e.custom.palette.input.default,position:"relative",transition:`${e.custom.easing.input}`,"& svg":{transition:e.custom.easing.input,fill:"none",width:"default"===t?i.iconSizeMap.sm:i.iconSizeMap.xl,height:"default"===t?i.iconSizeMap.sm:i.iconSizeMap.xl},"&:before":{content:'""',position:"absolute",inset:0},"&:hover":{backgroundColor:e.custom.palette.input.default,"&:before":{borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:e.custom.palette.interaction.hover}},"&:active":{backgroundColor:e.custom.palette.input.default,boxShadow:`${e.custom.boxShadow.input.focus}, inset 0px 0px 0px 1px ${e.custom.palette.stroke.focus}`,"&:before":{borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:e.custom.palette.interaction.press}},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,boxShadow:`inset 0px 0px 0px 1px ${e.custom.palette.stroke.disabled}`},"&.Mui-checked":{backgroundColor:e.custom.palette.purple[500],"& svg":{fill:e.custom.palette.icon.lockedWhite},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,"& svg":{fill:e.custom.palette.icon.disabled}}},"&.MuiCheckbox-indeterminate":{backgroundColor:e.custom.palette.purple[500],"& svg":{fill:e.custom.palette.icon.lockedWhite}},"&.Mui-focusVisible":{boxShadow:`${e.custom.boxShadow.input.focus}, inset 0px 0px 0px 1px ${e.custom.palette.stroke.focus}`,"&:before":{backgroundColor:e.custom.palette.interaction.press}},..."secondary"===o?{boxShadow:`0px 0px 0px 0px ${e.custom.palette.interaction.none}, inset 0px 0px 0px 1px ${e.custom.palette.blue[500]}`,"&:hover":{backgroundColor:e.custom.palette.blue[0]},"&:active":{backgroundColor:e.custom.palette.input.default,boxShadow:`${e.custom.boxShadow.input.focus}, inset 0px 0px 0px 1px ${e.custom.palette.blue[500]}`,"&:before":{borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:e.custom.palette.interaction.press}},"&.Mui-checked":{backgroundColor:e.custom.palette.blue[0],"& svg":{fill:e.custom.palette.icon.primary}},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,boxShadow:`inset 0px 0px 0px 1px ${e.custom.palette.stroke.disabled}`},"&.MuiCheckbox-indeterminate":{backgroundColor:e.custom.palette.blue[0],"& svg":{fill:e.custom.palette.icon.primary}}}:void 0}));module.exports=o=>e.jsx(s,{checkedIcon:e.jsx(t.Check,{}),indeterminateIcon:e.jsx(t.Remove,{}),...o,disableFocusRipple:!0});
|
|
@@ -12,7 +12,7 @@ interface TypographyProps extends Omit<TypographyProps$1, 'ref'> {
|
|
|
12
12
|
secondary?: boolean;
|
|
13
13
|
textColor?: string;
|
|
14
14
|
}
|
|
15
|
-
declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<
|
|
15
|
+
declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLParagraphElement | HTMLHeadingElement>>;
|
|
16
16
|
|
|
17
17
|
export { Typography as default };
|
|
18
18
|
export type { TypographyProps };
|
|
@@ -4,7 +4,7 @@ import { PaletteMode, Direction } from '@mui/material';
|
|
|
4
4
|
import { ScreenSize, CustomTheme } from './types.js';
|
|
5
5
|
|
|
6
6
|
declare const useThemeBuilder: (initialMode?: PaletteMode, initialScreenSize?: ScreenSize, initialDirection?: Direction) => {
|
|
7
|
-
breakpoint: "" | "sm" | "
|
|
7
|
+
breakpoint: "" | "sm" | "md" | "lg" | "xl";
|
|
8
8
|
custom: CustomTheme;
|
|
9
9
|
gridOverlayVisible: boolean;
|
|
10
10
|
mode: PaletteMode;
|