@useloops/design-system 1.4.732 → 1.4.734

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

@@ -12,7 +12,7 @@ declare const SliderGraphWrapper: _emotion_styled.StyledComponent<_mui_system.Bo
 } & {
     responsive?: boolean;
 }, {}, {}>;
-declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ListItemButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ListItemButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "sx" | "alignItems" | "className" | "style" | "classes" | "children" | "autoFocus" | "tabIndex" | "disableGutters" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "selected" | "dense" | "divider"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
+declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ListItemButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ListItemButtonOwnProps> & _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" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "selected" | "dense" | "divider"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
     component?: React.ElementType | undefined;
 } & {
     maxHeight: number;

package/dist/systems/WebCore/Button/Button.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material");require("react");var r=require("../../../utils/shouldForwardProp.js"),o=require("../ButtonBase/Button.variant-helpers.js"),i=require("../ButtonBase/ButtonBase.js");const a=t.styled(i,{shouldForwardProp:r.omitProps("variation","destructive","sizing")})(({theme:e,variation:t,sizing:r,destructive:i})=>({color:e.custom.palette.text.primary,...r&&{...o.getButtonTypography(r)},...r&&{...o.getButtonSizing(r)},...r&&{...o.getIconSizing(r)},...o.buttonPadding(),"&:hover:before":{backgroundColor:e.custom.palette.interaction.hover},"&:focus:before":{backgroundColor:e.custom.palette.interaction.hover},"&:active:before":{backgroundColor:e.custom.palette.interaction.press},..."subtle"===t&&{...o.subtle(e,i)},..."outlined"===t&&{...o.outlined(e,i)},..."secondary"===t&&{...o.secondary(e,i)},..."primary"===t&&{...o.primary(e,i)},"&.Mui-disabled, &.Mui-disabled:hover":{backgroundColor:e.custom.palette.interaction.disabled,color:e.custom.palette.text.disabled,"&:before":{backgroundColor:"transparent"}}}));module.exports=({sizing:t="lg",variation:r="primary",...o})=>e.jsx(a,{variation:r,sizing:t,...o});
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("react");var t=require("../../../utils/shouldForwardProp.js"),o=require("../ButtonBase/Button.variant-helpers.js"),i=require("../ButtonBase/ButtonBase.js");const a=r.styled(i,{shouldForwardProp:t.omitProps("variation","destructive","sizing")})(({theme:e,variation:r,sizing:t,destructive:i})=>({color:e.custom.palette.text.primary,...t&&{...o.getButtonTypography(t)},...t&&{...o.getButtonSizing(t)},...t&&{...o.getIconSizing(t)},...o.buttonPadding(),"@media (hover: hover)":{"&:hover:before":{backgroundColor:e.custom.palette.interaction.hover}},"&:focus-visible:before":{backgroundColor:e.custom.palette.interaction.hover},"&:active:before":{backgroundColor:e.custom.palette.interaction.press},..."subtle"===r&&{...o.subtle(e,i)},..."outlined"===r&&{...o.outlined(e,i)},..."secondary"===r&&{...o.secondary(e,i)},..."primary"===r&&{...o.primary(e,i)},"&.Mui-disabled, &.Mui-disabled:hover":{backgroundColor:e.custom.palette.interaction.disabled,color:e.custom.palette.text.disabled,"&:before":{backgroundColor:"transparent"}}}));module.exports=({sizing:r="lg",variation:t="primary",...o})=>e.jsx(a,{variation:t,sizing:r,...o});

package/dist/systems/WebCore/ButtonBase/Button.variant-helpers.d.ts

@@ -19,8 +19,10 @@ declare const outlined: (theme: Theme, destructive?: boolean) => {
     '&:focus:before': {
         boxShadow: string;
     };
-    '&:hover': {
-        backgroundColor: string;
+    '@media (hover: hover)': {
+        '&:hover': {
+            backgroundColor: string;
+        };
     };
     '&:focus-visible': {
         boxShadow: string;
@@ -38,8 +40,10 @@ declare const secondary: (theme: Theme, destructive?: boolean) => {
     '&:focus:before': {
         boxShadow: string;
     };
-    '&:hover': {
-        backgroundColor: string;
+    '@media (hover: hover)': {
+        '&:hover': {
+            backgroundColor: string;
+        };
     };
     '&:focus-visible': {
         boxShadow: string;
@@ -54,11 +58,13 @@ declare const primary: (theme: Theme, destructive?: boolean) => {
     '&:focus:before': {
         boxShadow: string;
     };
-    '&:hover': {
-        backgroundColor: string;
-        color: string;
-        '&::before': {
+    '@media (hover: hover)': {
+        '&:hover': {
             backgroundColor: string;
+            color: string;
+            '&::before': {
+                backgroundColor: string;
+            };
         };
     };
     '&:focus-visible': {

package/dist/systems/WebCore/ButtonBase/Button.variant-helpers.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("@mui/material");var e=require("../../BrandCore/Icon/Icon.js"),t=require("../../BrandCore/primitiveVariables.js"),o=require("../utils/typography.util.js");const r=(e,t)=>({backgroundColor:e.custom.palette.interaction.none,color:t?e.custom.palette.text.negative:e.custom.palette.text.primary,fontWeight:300,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus}}),a={xs:3*t.base,sm:3.5*t.base,md:4*t.base,lg:5*t.base,xl:6*t.base,xxl:7*t.base,xxxl:8*t.base},s={xs:.5*t.base,sm:.5*t.base,md:t.base,lg:t.base,xl:t.base,xxl:t.base,xxxl:t.base};exports.buttonHeightMap=a,exports.buttonInteraction=(e,t)=>({cursor:"pointer","&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&:focus":{backgroundColor:e.custom.palette.interaction.hover},"&:active":{backgroundColor:e.custom.palette.interaction.press},"&:disabled":{backgroundColor:e.custom.palette.interaction.disabled,color:e.custom.palette.text.disabled},...t&&{backgroundColor:e.custom.palette.interaction.press,"&:hover":{backgroundColor:e.custom.palette.interaction.press},"&:focus":{backgroundColor:e.custom.palette.interaction.press},"&:active":{backgroundColor:e.custom.palette.interaction.press}},...r(e,!1)}),exports.buttonPadding=()=>({paddingLeft:t.base,paddingRight:t.base}),exports.getButtonSizing=e=>({height:a[e]}),exports.getButtonTypography=e=>({"& .MuiBox-root":{lineHeight:"120%",fontSize:o.fontSizemap[e],paddingLeft:s[e],paddingRight:s[e]}}),exports.getIconSizing=t=>({"& .MuiButton-icon":{margin:0,".MuiSvgIcon-root":{height:e.iconSizeMap[t],width:e.iconSizeMap[t]}},"& .MuiSvgIcon-root":{height:e.iconSizeMap[t],width:e.iconSizeMap[t]}}),exports.outlined=(e,t)=>({backgroundColor:e.custom.palette.surface.raised,color:t?e.custom.palette.text.negative:e.custom.palette.text.primary,border:`1px solid ${e.custom.palette.stroke.default}`,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"&:hover":{backgroundColor:e.custom.palette.surface.raised},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus},"&:active":{backgroundColor:e.custom.palette.surface.raised},"&:disabled":{border:`1px solid ${e.custom.palette.stroke.disabled}`}}),exports.primary=(e,t)=>({backgroundColor:t?e.custom.palette.red[500]:e.custom.palette.purple[500],color:e.custom.palette.text.lockedWhite,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"&:hover":{backgroundColor:t?e.custom.palette.red[500]:e.custom.palette.purple[500],color:e.custom.palette.text.lockedWhite,"&::before":{backgroundColor:e.custom.palette.interaction.hoverOnDark}},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus,"&::before":{backgroundColor:e.custom.palette.interaction.hoverOnDark}},"&:active":{backgroundColor:t?e.custom.palette.red[500]:e.custom.palette.purple[500],color:e.custom.palette.text.lockedWhite,"&::before":{backgroundColor:e.custom.palette.interaction.pressOnDark}}}),exports.secondary=(e,t)=>({backgroundColor:t?e.custom.palette.red[0]:e.custom.palette.purple[0],color:t?e.custom.palette.text.negative:e.custom.palette.text.primary,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"&:hover":{backgroundColor:t?e.custom.palette.red[0]:e.custom.palette.purple[0]},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus},"&:active":{backgroundColor:t?e.custom.palette.red[0]:e.custom.palette.purple[0]}}),exports.subtle=r;
+"use strict";require("react/jsx-runtime"),require("@mui/material");var e=require("../../BrandCore/Icon/Icon.js"),t=require("../../BrandCore/primitiveVariables.js"),o=require("../utils/typography.util.js");const r=(e,t)=>({backgroundColor:e.custom.palette.interaction.none,color:t?e.custom.palette.text.negative:e.custom.palette.text.primary,fontWeight:300,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus}}),a={xs:3*t.base,sm:3.5*t.base,md:4*t.base,lg:5*t.base,xl:6*t.base,xxl:7*t.base,xxxl:8*t.base},s={xs:.5*t.base,sm:.5*t.base,md:t.base,lg:t.base,xl:t.base,xxl:t.base,xxxl:t.base};exports.buttonHeightMap=a,exports.buttonInteraction=(e,t)=>({cursor:"pointer","&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&:focus":{backgroundColor:e.custom.palette.interaction.hover},"&:active":{backgroundColor:e.custom.palette.interaction.press},"&:disabled":{backgroundColor:e.custom.palette.interaction.disabled,color:e.custom.palette.text.disabled},...t&&{backgroundColor:e.custom.palette.interaction.press,"&:hover":{backgroundColor:e.custom.palette.interaction.press},"&:focus":{backgroundColor:e.custom.palette.interaction.press},"&:active":{backgroundColor:e.custom.palette.interaction.press}},...r(e,!1)}),exports.buttonPadding=()=>({paddingLeft:t.base,paddingRight:t.base}),exports.getButtonSizing=e=>({height:a[e]}),exports.getButtonTypography=e=>({"& .MuiBox-root":{lineHeight:"120%",fontSize:o.fontSizemap[e],paddingLeft:s[e],paddingRight:s[e]}}),exports.getIconSizing=t=>({"& .MuiButton-icon":{margin:0,".MuiSvgIcon-root":{height:e.iconSizeMap[t],width:e.iconSizeMap[t]}},"& .MuiSvgIcon-root":{height:e.iconSizeMap[t],width:e.iconSizeMap[t]}}),exports.outlined=(e,t)=>({backgroundColor:e.custom.palette.surface.raised,color:t?e.custom.palette.text.negative:e.custom.palette.text.primary,border:`1px solid ${e.custom.palette.stroke.default}`,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"@media (hover: hover)":{"&:hover":{backgroundColor:e.custom.palette.surface.raised}},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus},"&:active":{backgroundColor:e.custom.palette.surface.raised},"&:disabled":{border:`1px solid ${e.custom.palette.stroke.disabled}`}}),exports.primary=(e,t)=>({backgroundColor:t?e.custom.palette.red[500]:e.custom.palette.purple[500],color:e.custom.palette.text.lockedWhite,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"@media (hover: hover)":{"&:hover":{backgroundColor:t?e.custom.palette.red[500]:e.custom.palette.purple[500],color:e.custom.palette.text.lockedWhite,"&::before":{backgroundColor:e.custom.palette.interaction.hoverOnDark}}},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus,"&::before":{backgroundColor:e.custom.palette.interaction.hoverOnDark}},"&:active":{backgroundColor:t?e.custom.palette.red[500]:e.custom.palette.purple[500],color:e.custom.palette.text.lockedWhite,"&::before":{backgroundColor:e.custom.palette.interaction.pressOnDark}}}),exports.secondary=(e,t)=>({backgroundColor:t?e.custom.palette.red[0]:e.custom.palette.purple[0],color:t?e.custom.palette.text.negative:e.custom.palette.text.primary,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"@media (hover: hover)":{"&:hover":{backgroundColor:t?e.custom.palette.red[0]:e.custom.palette.purple[0]}},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus},"&:active":{backgroundColor:t?e.custom.palette.red[0]:e.custom.palette.purple[0]}}),exports.subtle=r;

package/dist/systems/WebCore/Checkbox/StyledCheckbox.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("@mui/icons-material"),t=require("@mui/material");require("react");var i=require("../../../utils/shouldForwardProp.js"),s=require("../../BrandCore/Icon/Icon.js"),a=require("../../BrandCore/primitiveVariables.js");const u=t.styled(t.Checkbox,{shouldForwardProp:i.omitProps("sizing","variant")})(({theme:e,sizing:o,variant:t})=>({height:"default"===o?a.space[300]:a.space[400],width:"default"===o?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"===o?s.iconSizeMap.sm:s.iconSizeMap.xl,height:"default"===o?s.iconSizeMap.sm:s.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"===t?{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=({inputRef:t,slotProps:i,...s})=>e.jsx(u,{checkedIcon:e.jsx(o.Check,{}),indeterminateIcon:e.jsx(o.Remove,{}),...s,slotProps:{...i,input:{...i?.input,ref:t}},disableFocusRipple:!0});
+"use strict";var e=require("react/jsx-runtime"),o=require("@mui/icons-material"),t=require("@mui/material");require("react");var i=require("../../../utils/shouldForwardProp.js"),a=require("../../BrandCore/Icon/Icon.js"),s=require("../../BrandCore/primitiveVariables.js");const r=t.styled(t.Checkbox,{shouldForwardProp:i.omitProps("sizing","variant")})(({theme:e,sizing:o,variant:t})=>({height:"default"===o?s.space[300]:s.space[400],width:"default"===o?s.space[300]:s.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"===o?a.iconSizeMap.sm:a.iconSizeMap.xl,height:"default"===o?a.iconSizeMap.sm:a.iconSizeMap.xl},"&:before":{content:'""',position:"absolute",inset:0},"@media (hover: hover)":{"&: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"===t?{boxShadow:`0px 0px 0px 0px ${e.custom.palette.interaction.none}, inset 0px 0px 0px 1px ${e.custom.palette.blue[500]}`,"@media (hover: hover)":{"&: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=({inputRef:t,slotProps:i,...a})=>e.jsx(r,{checkedIcon:e.jsx(o.Check,{}),indeterminateIcon:e.jsx(o.Remove,{}),...a,slotProps:{...i,input:{...i?.input,ref:t}},disableFocusRipple:!0});

package/dist/systems/WebCore/CheckboxGroup/CheckboxGroup.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),l=require("@mui/material"),i=require("react"),t=require("../FormControlLabel/FormControlLabel.js"),n=require("../Checkbox/StyledCheckbox.js"),r=require("../TextField/TextField.js");module.exports=({sizing:o,options:s,other:a,internalChange:u,value:c,inputRef:d,onChange:h,maxSelections:x,noneOfTheseOption:b})=>{const m=a?.name||"other-option",p=b?.value||"none-of-these-option",f=`${m}-value-`,g=e=>`${f}${e}`,j=a?.enabled,v=c?.includes(m)&&j,C=c?.find(e=>e.includes(f)),k=i.useMemo(()=>c?c.filter(e=>!e.startsWith(f)).length:0,[c,f]),q=!!x&&k>=x;if(!c)return e.jsx("div",{});const F=(e,l)=>{const i=c.includes(e);if(!i&&q&&!l)return;let t;i?t=c.filter(l=>l!==e):l?t=[e]:(t=[...new Set(c),e],t=t.filter(e=>!s.find(l=>l?.exclusive&&e===l.value)),b&&(t=t.filter(e=>e!==p))),a?.enabled&&(l?t=t.filter(e=>e!==m&&!e.includes(f)):e===m&&i&&(t=t.filter(e=>!e.includes(f)))),h(t),u&&u()},M=(e,l)=>!l&&(q&&!c.includes(e));return e.jsxs(e.Fragment,{children:[e.jsxs(l.FormGroup,{sx:{display:"flex",gap:e=>e.custom.margin.sm,label:{"&:last-child":{mb:0},"&:not(.Mui-disabled):hover":{"& .MuiCheckbox-root":{backgroundColor:e=>e.custom.palette.interaction.hover,"&.Mui-checked":{backgroundColor:e=>e.custom.palette.purple[500]}}}}},children:[s?.map(l=>{const i=l.value,r=M(i,l.exclusive);return e.jsx(t,{sx:{"& .MuiButtonBase-root.MuiCheckbox-root":{alignSelf:"baseline"},"& .MuiTypography-root":{mt:0}},onChange:()=>F(i,l.exclusive),checked:c.includes(i),disabled:r,control:e.jsx(n,{sizing:o,disabled:r}),label:l.label},i)}),j&&e.jsx(t,{inputRef:d,onChange:()=>F(m),label:a?.label||"Other",checked:c.includes(m),disabled:M(m),control:e.jsx(n,{sizing:o})},m),b&&e.jsx(t,{onChange:()=>F(p,!0),checked:c.includes(p),control:e.jsx(n,{sizing:o}),label:b.label},p)]}),v&&e.jsx(l.Box,{sx:{mt:1},children:e.jsx(r,{fullWidth:!0,autoFocus:!0,defaultValue:C?C.replace(f,""):"",placeholder:a?.placeholder,onChange:e=>{const l=c.find(e=>e.includes(f)),i=(l?c.map(l=>l.includes(f)?g(e.target.value):l):[...c,g(e.target.value)]).filter(e=>e!==f);h(i),u&&u()},required:!0})})]})};
+"use strict";var e=require("react/jsx-runtime"),l=require("@mui/material"),i=require("react"),t=require("../FormControlLabel/FormControlLabel.js"),n=require("../Checkbox/StyledCheckbox.js"),r=require("../TextField/TextField.js");module.exports=({sizing:o,options:s,other:a,internalChange:u,value:c,inputRef:d,onChange:h,maxSelections:x,noneOfTheseOption:b})=>{const m=a?.name||"other-option",p=b?.value||"none-of-these-option",f=`${m}-value-`,g=e=>`${f}${e}`,v=a?.enabled,j=c?.includes(m)&&v,C=c?.find(e=>e.includes(f)),k=i.useMemo(()=>c?c.filter(e=>!e.startsWith(f)).length:0,[c,f]),q=!!x&&k>=x;if(!c)return e.jsx("div",{});const F=(e,l)=>{const i=c.includes(e);if(!i&&q&&!l)return;let t;i?t=c.filter(l=>l!==e):l?t=[e]:(t=[...new Set(c),e],t=t.filter(e=>!s.find(l=>l?.exclusive&&e===l.value)),b&&(t=t.filter(e=>e!==p))),a?.enabled&&(l?t=t.filter(e=>e!==m&&!e.includes(f)):e===m&&i&&(t=t.filter(e=>!e.includes(f)))),h(t),u&&u()},M=(e,l)=>!l&&(q&&!c.includes(e));return e.jsxs(e.Fragment,{children:[e.jsxs(l.FormGroup,{sx:{display:"flex",gap:e=>e.custom.margin.sm,label:{"&:last-child":{mb:0},"@media (hover: hover)":{"&:not(.Mui-disabled):hover":{"& .MuiCheckbox-root":{backgroundColor:e=>e.custom.palette.interaction.hover,"&.Mui-checked":{backgroundColor:e=>e.custom.palette.purple[500]}}}}}},children:[s?.map(l=>{const i=l.value,r=M(i,l.exclusive);return e.jsx(t,{sx:{"& .MuiButtonBase-root.MuiCheckbox-root":{alignSelf:"baseline"},"& .MuiTypography-root":{mt:0}},onChange:()=>F(i,l.exclusive),checked:c.includes(i),disabled:r,control:e.jsx(n,{sizing:o,disabled:r}),label:l.label},i)}),v&&e.jsx(t,{inputRef:d,onChange:()=>F(m),label:a?.label||"Other",checked:c.includes(m),disabled:M(m),control:e.jsx(n,{sizing:o})},m),b&&e.jsx(t,{onChange:()=>F(p,!0),checked:c.includes(p),control:e.jsx(n,{sizing:o}),label:b.label},p)]}),j&&e.jsx(l.Box,{sx:{mt:1},children:e.jsx(r,{fullWidth:!0,autoFocus:!0,defaultValue:C?C.replace(f,""):"",placeholder:a?.placeholder,onChange:e=>{const l=c.find(e=>e.includes(f)),i=(l?c.map(l=>l.includes(f)?g(e.target.value):l):[...c,g(e.target.value)]).filter(e=>e!==f);h(i),u&&u()},required:!0})})]})};

package/dist/systems/WebCore/IconButtonBase/IconButton.variant-helpers.js

@@ -1 +1 @@
-"use strict";var o=require("../../BrandCore/primitiveVariables.js");const e={xs:3*o.base,sm:3.5*o.base,md:4*o.base,lg:5*o.base,xl:6*o.base},t={xs:2*o.base,sm:2*o.base,md:2*o.base,lg:2.5*o.base,xl:3*o.base};exports.IconSizeMap=t,exports.buttonSizeMap=e,exports.defaultStyle=o=>({backgroundColor:o.custom.palette.interaction.none,color:o.custom.palette.icon.primary}),exports.elevated=o=>({backgroundColor:o.custom.palette.surface.raised,boxShadow:o.custom.elevation.overlay,color:o.custom.palette.icon.primary,"&:focus-visible:after":{boxShadow:o.custom.boxShadow.input.focus},"&.MuiIconButton-root:disabled":{boxShadow:"none"}}),exports.getIconButtonRadius=(o,e)=>({borderRadius:"default"===o?e.spacing(e.custom.radius.md):e.custom.radius.round}),exports.getIconButtonSizing=o=>({height:e[o],width:e[o]}),exports.getIconSizing=o=>({height:t[o],width:t[o]}),exports.outlined=o=>({backgroundColor:o.custom.palette.surface.raised,border:`1px solid ${o.custom.palette.stroke.default}`,color:o.custom.palette.icon.primary,"&.MuiIconButton-root:disabled":{border:"none"}}),exports.raised=o=>({backgroundColor:o.custom.palette.surface.raised,boxShadow:o.custom.elevation.raised,color:o.custom.palette.icon.primary,"&:focus-visible:after":{boxShadow:o.custom.boxShadow.input.focus},"&.MuiIconButton-root:disabled":{boxShadow:"none"}}),exports.toggle=(o,e)=>({"&.MuiButtonBase-root":{color:e?o.custom.palette.icon.lockedWhite:o.custom.palette.icon.primary,backgroundColor:e?o.custom.palette[e][500]:o.custom.palette.purple[100],"&:focus:before":{backgroundColor:"none"},"&:hover:before":{backgroundColor:o.custom.palette.interaction.hoverOnDark},"&:active:before":{backgroundColor:o.custom.palette.interaction.pressOnDark},"&:focus-visible:before":{backgroundColor:o.custom.palette.surface.transparent},"&.Mui-disabled":{backgroundColor:o.custom.palette.interaction.disabled,"&:before":{color:o.custom.palette.icon.disabled}}}});
+"use strict";var o=require("../../BrandCore/primitiveVariables.js");const e={xs:3*o.base,sm:3.5*o.base,md:4*o.base,lg:5*o.base,xl:6*o.base},t={xs:2*o.base,sm:2*o.base,md:2*o.base,lg:2.5*o.base,xl:3*o.base};exports.IconSizeMap=t,exports.buttonSizeMap=e,exports.defaultStyle=o=>({backgroundColor:o.custom.palette.interaction.none,color:o.custom.palette.icon.primary}),exports.elevated=o=>({backgroundColor:o.custom.palette.surface.raised,boxShadow:o.custom.elevation.overlay,color:o.custom.palette.icon.primary,"&:focus-visible:after":{boxShadow:o.custom.boxShadow.input.focus},"&.MuiIconButton-root:disabled":{boxShadow:"none"}}),exports.getIconButtonRadius=(o,e)=>({borderRadius:"default"===o?e.spacing(e.custom.radius.md):e.custom.radius.round}),exports.getIconButtonSizing=o=>({height:e[o],width:e[o]}),exports.getIconSizing=o=>({height:t[o],width:t[o]}),exports.outlined=o=>({backgroundColor:o.custom.palette.surface.raised,border:`1px solid ${o.custom.palette.stroke.default}`,color:o.custom.palette.icon.primary,"&.MuiIconButton-root:disabled":{border:"none"}}),exports.raised=o=>({backgroundColor:o.custom.palette.surface.raised,boxShadow:o.custom.elevation.raised,color:o.custom.palette.icon.primary,"&:focus-visible:after":{boxShadow:o.custom.boxShadow.input.focus},"&.MuiIconButton-root:disabled":{boxShadow:"none"}}),exports.toggle=(o,e)=>({"&.MuiButtonBase-root":{color:e?o.custom.palette.icon.lockedWhite:o.custom.palette.icon.primary,backgroundColor:e?o.custom.palette[e][500]:o.custom.palette.purple[100],"&:focus:before":{backgroundColor:"none"},"@media (hover: hover)":{"&:hover:before":{backgroundColor:o.custom.palette.interaction.hoverOnDark}},"&:active:before":{backgroundColor:o.custom.palette.interaction.pressOnDark},"&:focus-visible:before":{backgroundColor:o.custom.palette.surface.transparent},"&.Mui-disabled":{backgroundColor:o.custom.palette.interaction.disabled,"&:before":{color:o.custom.palette.icon.disabled}}}});

package/dist/systems/WebCore/IconButtonBase/IconButtonBase.js

@@ -1 +1 @@
-"use strict";var o=require("react/jsx-runtime"),e=require("@mui/material"),t=require("react"),i=require("../../../utils/shouldForwardProp.js"),r=require("./IconButton.variant-helpers.js");const n=e.styled(e.IconButton,{shouldForwardProp:i.omitProps("variation","shape","sizing","toggleColor")})(({theme:o,variation:e,shape:t="default",sizing:i,toggleColor:n})=>({boxSizing:"border-box",transition:"all 200ms ease",overflow:"hidden","&::before":{content:'""',backgroundColor:"transparent",transition:"all 200ms ease",position:"absolute",inset:0,zIndex:1},...t&&{...r.getIconButtonRadius(t,o)},...i&&{...r.getIconButtonSizing(i)},"&.MuiIconButton-root":{"&:focus:before":{backgroundColor:o.custom.palette.interaction.none},"&:hover:before":{backgroundColor:o.custom.palette.interaction.hover},"&:active:before":{backgroundColor:o.custom.palette.interaction.press},"&:focus-visible":{boxShadow:o.custom.boxShadow.input.focus},"&.Mui-disabled":{"&:before":{backgroundColor:o.custom.palette.interaction.disabled,color:o.custom.palette.icon.disabled},"& .MuiSvgIcon-root":{fill:o.custom.palette.icon.disabled,"& path":{fill:"inherit"}}},"& .MuiSvgIcon-root":{fill:n?o.custom.palette.icon.lockedWhite:o.custom.palette.icon.primary,...i&&{...r.getIconSizing(i)},position:"relative",zIndex:2},..."default"===e&&{...r.defaultStyle(o)},..."toggle"===e&&{...r.toggle(o,n)},..."outlined"===e&&{...r.outlined(o)},..."raised"===e&&{...r.raised(o)},..."elevated"===e&&{...r.elevated(o)},...t&&{...r.getIconButtonRadius(t,o)}}})),a=t.forwardRef((e,t)=>o.jsx(n,{ref:t,...e}));module.exports=a;
+"use strict";var o=require("react/jsx-runtime"),e=require("@mui/material"),t=require("react"),i=require("../../../utils/shouldForwardProp.js"),r=require("./IconButton.variant-helpers.js");const a=e.styled(e.IconButton,{shouldForwardProp:i.omitProps("variation","shape","sizing","toggleColor")})(({theme:o,variation:e,shape:t="default",sizing:i,toggleColor:a})=>({boxSizing:"border-box",transition:"all 200ms ease",overflow:"hidden","&::before":{content:'""',backgroundColor:"transparent",transition:"all 200ms ease",position:"absolute",inset:0,zIndex:1},...t&&{...r.getIconButtonRadius(t,o)},...i&&{...r.getIconButtonSizing(i)},"&.MuiIconButton-root":{"&:focus:before":{backgroundColor:o.custom.palette.interaction.none},"@media (hover: hover)":{"&:hover:before":{backgroundColor:o.custom.palette.interaction.hover}},"&:active:before":{backgroundColor:o.custom.palette.interaction.press},"&:focus-visible":{boxShadow:o.custom.boxShadow.input.focus},"&.Mui-disabled":{"&:before":{backgroundColor:o.custom.palette.interaction.disabled,color:o.custom.palette.icon.disabled},"& .MuiSvgIcon-root":{fill:o.custom.palette.icon.disabled,"& path":{fill:"inherit"}}},"& .MuiSvgIcon-root":{fill:a?o.custom.palette.icon.lockedWhite:o.custom.palette.icon.primary,...i&&{...r.getIconSizing(i)},position:"relative",zIndex:2},..."default"===e&&{...r.defaultStyle(o)},..."toggle"===e&&{...r.toggle(o,a)},..."outlined"===e&&{...r.outlined(o)},..."raised"===e&&{...r.raised(o)},..."elevated"===e&&{...r.elevated(o)},...t&&{...r.getIconButtonRadius(t,o)}}})),n=t.forwardRef((e,t)=>o.jsx(a,{ref:t,...e}));module.exports=n;

package/dist/systems/WebCore/Likert/Likert.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("../../BrandCore/primitiveVariables.js"),t=require("./LikertContainer.js"),i=require("./LikertLabel.js"),a=require("./LikertRadio.js");module.exports=({options:n=[],disabled:s=!1,sizing:u="lg",onChange:l,internalChange:c,value:d})=>{const x=r.useTheme();function h(e){l(e.value),c&&c()}return e.jsx(r.Box,{children:e.jsx(t.default,{children:e.jsx(r.Grid,{container:!0,sx:{justifyContent:"space-between"},children:n.map(t=>e.jsxs(r.Grid,{size:"grow",onClick:()=>h(t),sx:{...!s&&{cursor:"pointer"},textAlign:"center","&:hover":{"& .MuiButtonBase-root.MuiRadio-root":{"&:before":{...!s&&{backgroundColor:x.custom.palette.interaction.hover}}}},"&:active":{"& .MuiButtonBase-root.MuiRadio-root":{...!s&&{backgroundColor:x.custom.palette.input.default,borderColor:x.custom.palette.stroke.focus,boxShadow:x.custom.boxShadow.input.focus},"&:before":{...!s&&{backgroundColor:x.custom.palette.interaction.press}},"&.Mui-checked":{backgroundColor:x.custom.palette.purple[500]}}}},children:[e.jsx(a,{sizing:u,disabled:s,onChange:e=>h(t),checked:d===t.value},t.value),e.jsx(r.Box,{sx:{mt:o.margin.xs,width:"100%"},children:e.jsx(i,{disabled:s,children:t.label})})]},t.value))})})})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("../../BrandCore/primitiveVariables.js"),t=require("./LikertContainer.js"),i=require("./LikertLabel.js"),a=require("./LikertRadio.js");module.exports=({options:n=[],disabled:s=!1,sizing:u="lg",onChange:l,internalChange:c,value:d})=>{const h=r.useTheme();function x(e){l(e.value),c&&c()}return e.jsx(r.Box,{children:e.jsx(t.default,{children:e.jsx(r.Grid,{container:!0,sx:{justifyContent:"space-between"},children:n.map(t=>e.jsxs(r.Grid,{size:"grow",onClick:()=>x(t),sx:{...!s&&{cursor:"pointer"},textAlign:"center","@media (hover: hover)":{"&:hover":{"& .MuiButtonBase-root.MuiRadio-root":{"&:before":{...!s&&{backgroundColor:h.custom.palette.interaction.hover}}}}},"&:active":{"& .MuiButtonBase-root.MuiRadio-root":{...!s&&{backgroundColor:h.custom.palette.input.default,borderColor:h.custom.palette.stroke.focus,boxShadow:h.custom.boxShadow.input.focus},"&:before":{...!s&&{backgroundColor:h.custom.palette.interaction.press}},"&.Mui-checked":{backgroundColor:h.custom.palette.purple[500]}}}},children:[e.jsx(a,{sizing:u,disabled:s,onChange:e=>x(t),checked:d===t.value},t.value),e.jsx(r.Box,{sx:{mt:o.margin.xs,width:"100%"},children:e.jsx(i,{disabled:s,children:t.label})})]},t.value))})})})};

package/dist/systems/WebCore/Radio/StyledRadio.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("@mui/material");require("react");var t=require("../../../utils/shouldForwardProp.js"),r=require("../../BrandCore/Icon/Icon.js"),s=require("../../BrandCore/primitiveVariables.js");const i=o.styled(o.Radio,{shouldForwardProp:t.omitProps("sizing")})(({theme:e,sizing:o})=>({padding:0,backgroundColor:e.custom.palette.input.default,border:`1px solid ${e.custom.palette.stroke.default}`,position:"relative",transition:e.custom.easing.input,flexShrink:0,height:"sm"===o?s.space[300]:s.space[400],width:"sm"===o?s.space[300]:s.space[400],"& svg":{transition:e.custom.easing.input,fill:"none",width:"sm"===o&&r.iconSizeMap.sm,height:"sm"===o&&r.iconSizeMap.sm},"&:before":{content:'""',position:"absolute",inset:0,borderRadius:e.custom.radius.round},"&:hover":{backgroundColor:e.custom.palette.input.default,"&:before":{backgroundColor:e.custom.palette.interaction.hover}},"&:active":{backgroundColor:e.custom.palette.input.default,borderColor:e.custom.palette.stroke.focus,boxShadow:e.custom.boxShadow.input.focus,"&:before":{backgroundColor:e.custom.palette.interaction.press}},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,borderColor:e.custom.palette.stroke.disabled,"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.disabled}},"&.Mui-focusVisible":{borderColor:e.custom.palette.stroke.focus,boxShadow:e.custom.boxShadow.input.focus,"&:before":{backgroundColor:e.custom.palette.interaction.press}},"&.Mui-checked":{backgroundColor:e.custom.palette.purple[500],"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.lockedWhite},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,borderColor:e.custom.palette.stroke.disabled,"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.disabled}}}}));exports.StyledRadio=({inputRef:o,slotProps:t,...r})=>e.jsx(i,{...r,slotProps:{...t,input:{...t?.input,ref:o}}});
+"use strict";var e=require("react/jsx-runtime"),o=require("@mui/material");require("react");var t=require("../../../utils/shouldForwardProp.js"),r=require("../../BrandCore/Icon/Icon.js"),s=require("../../BrandCore/primitiveVariables.js");const i=o.styled(o.Radio,{shouldForwardProp:t.omitProps("sizing")})(({theme:e,sizing:o})=>({padding:0,backgroundColor:e.custom.palette.input.default,border:`1px solid ${e.custom.palette.stroke.default}`,position:"relative",transition:e.custom.easing.input,flexShrink:0,height:"sm"===o?s.space[300]:s.space[400],width:"sm"===o?s.space[300]:s.space[400],"& svg":{transition:e.custom.easing.input,fill:"none",width:"sm"===o&&r.iconSizeMap.sm,height:"sm"===o&&r.iconSizeMap.sm},"&:before":{content:'""',position:"absolute",inset:0,borderRadius:e.custom.radius.round},"@media (hover: hover)":{"&:hover":{backgroundColor:e.custom.palette.input.default,"&:before":{backgroundColor:e.custom.palette.interaction.hover}}},"&:active":{backgroundColor:e.custom.palette.input.default,borderColor:e.custom.palette.stroke.focus,boxShadow:e.custom.boxShadow.input.focus,"&:before":{backgroundColor:e.custom.palette.interaction.press}},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,borderColor:e.custom.palette.stroke.disabled,"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.disabled}},"&.Mui-focusVisible":{borderColor:e.custom.palette.stroke.focus,boxShadow:e.custom.boxShadow.input.focus,"&:before":{backgroundColor:e.custom.palette.interaction.press}},"&.Mui-checked":{backgroundColor:e.custom.palette.purple[500],"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.lockedWhite},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,borderColor:e.custom.palette.stroke.disabled,"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.disabled}}}}));exports.StyledRadio=({inputRef:o,slotProps:t,...r})=>e.jsx(i,{...r,slotProps:{...t,input:{...t?.input,ref:o}}});

package/dist/systems/WebCore/RadioGroup/RadioGroup.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),a=require("react"),o=require("../../BrandCore/primitiveVariables.js"),l=require("../FormControlLabel/FormControlLabel.js"),i=require("../Radio/Radio.js");require("../Radio/StyledRadio.js");var t=require("../TextField/TextField.js");module.exports=({options:n,onChange:s,other:u,value:c,internalChange:d,sizing:g="lg",inputRef:h,noneOfTheseOption:p,...m})=>{const x=u?.enabled,f="other-option",b=`${f}-value-`,[j,v]=a.useState(c),[q,y]=a.useState(!1),R=a.useRef(null);a.useEffect(()=>{!q&&j?.includes(b)?y(!0):q&&y(!1)},[j]);return a.useEffect(()=>{R.current&&Array.from(R.current.getElementsByTagName("label")).forEach(e=>{if(e.clientHeight>4*o.base){const r=e.querySelector(".MuiTypography-root");r&&(r.style.marginTop=o.base/2+"px")}})},[R.current]),e.jsxs(e.Fragment,{children:[e.jsxs(r.RadioGroup,{...m,value:j,ref:R,sx:{"& .MuiRadio-root":{alignSelf:"baseline"},"& .MuiTypography-root":{alignSelf:"center"},display:"flex",alignSelf:"baseline",gap:e=>e.custom.margin.sm,label:{"&:last-child":{mb:0},"&:hover":{"& .MuiRadio-root":{backgroundColor:e=>e.custom.palette.interaction.hover,"&.Mui-checked":{backgroundColor:e=>e.custom.palette.purple[500]}}}}},onChange:(e,r)=>{s&&s(r),v(r),d&&d()},children:[n?n.map((r,a)=>e.jsx(l,{sx:{"& .MuiButtonBase-root.MuiRadio-root":{alignSelf:"baseline"}},...r,control:e.jsx(i,{sizing:g})},a)):null,x&&e.jsx(l,{label:u?.label||"Other",value:b,control:e.jsx(i,{sizing:g,checked:j?.includes(b)})},f),p&&e.jsx(l,{...p,control:e.jsx(i,{sizing:g})},p.value)]}),q&&e.jsx(r.Box,{sx:{mt:1},children:e.jsx(t,{fullWidth:!0,autoFocus:!0,placeholder:u?.placeholder,defaultValue:j?.replace(b,""),onChange:e=>{var r;s&&s((r=e.target.value,`${b}${r}`)),d&&d()},required:!0})})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("react"),a=require("../../BrandCore/primitiveVariables.js"),l=require("../FormControlLabel/FormControlLabel.js"),i=require("../Radio/Radio.js");require("../Radio/StyledRadio.js");var t=require("../TextField/TextField.js");module.exports=({options:n,onChange:s,other:u,value:c,internalChange:d,sizing:g="lg",inputRef:h,noneOfTheseOption:p,...m})=>{const x=u?.enabled,f="other-option",b=`${f}-value-`,[j,v]=o.useState(c),[q,y]=o.useState(!1),R=o.useRef(null);o.useEffect(()=>{!q&&j?.includes(b)?y(!0):q&&y(!1)},[j]);return o.useEffect(()=>{R.current&&Array.from(R.current.getElementsByTagName("label")).forEach(e=>{if(e.clientHeight>4*a.base){const r=e.querySelector(".MuiTypography-root");r&&(r.style.marginTop=a.base/2+"px")}})},[R.current]),e.jsxs(e.Fragment,{children:[e.jsxs(r.RadioGroup,{...m,value:j,ref:R,sx:{"& .MuiRadio-root":{alignSelf:"baseline"},"& .MuiTypography-root":{alignSelf:"center"},display:"flex",alignSelf:"baseline",gap:e=>e.custom.margin.sm,label:{"&:last-child":{mb:0},"@media (hover: hover)":{"&:hover":{"& .MuiRadio-root":{backgroundColor:e=>e.custom.palette.interaction.hover,"&.Mui-checked":{backgroundColor:e=>e.custom.palette.purple[500]}}}}}},onChange:(e,r)=>{s&&s(r),v(r),d&&d()},children:[n?n.map((r,o)=>e.jsx(l,{sx:{"& .MuiButtonBase-root.MuiRadio-root":{alignSelf:"baseline"}},...r,control:e.jsx(i,{sizing:g})},o)):null,x&&e.jsx(l,{label:u?.label||"Other",value:b,control:e.jsx(i,{sizing:g,checked:j?.includes(b)})},f),p&&e.jsx(l,{...p,control:e.jsx(i,{sizing:g})},p.value)]}),q&&e.jsx(r.Box,{sx:{mt:1},children:e.jsx(t,{fullWidth:!0,autoFocus:!0,placeholder:u?.placeholder,defaultValue:j?.replace(b,""),onChange:e=>{var r;s&&s((r=e.target.value,`${b}${r}`)),d&&d()},required:!0})})]})};

package/dist/systems/WebCore/Select/StyledSelect.variant-helpers.js

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime"),require("@mui/material");var t=require("../../BrandCore/Icon/Icon.js"),e=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var i=require("../utils/typography.util.js");const o=t=>{switch(t){case"xs":return 24;case"sm":case"md":return 32;case"lg":default:return 40;case"xl":return 48}},n=t=>{switch(t){case"xs":case"sm":case"md":return 16;case"lg":default:return 24;case"xl":return 28}},a=(t,e)=>{switch(e){case"xs":case"sm":case"md":return{paddingLeft:t.spacing(t.custom.padding.xs),paddingRight:t.spacing(t.custom.padding.md)};default:return{paddingLeft:t.spacing(t.custom.padding.sm),paddingRight:t.spacing(t.custom.padding.lg)}}};exports.getInputPadding=a,exports.getInputSize=(i,o)=>{switch(o){case"xl":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.xl,height:t.iconSizeMap.xl,top:`calc(50% - ${t.iconSizeMap.xl/2}px)`}};case"lg":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}};case"md":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.md,height:t.iconSizeMap.md,top:`calc(50% - ${t.iconSizeMap.md/2}px)`}};case"sm":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.sm,height:t.iconSizeMap.sm,top:`calc(50% - ${t.iconSizeMap.sm/2}px)`}};case"xs":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.xs,height:t.iconSizeMap.xs,top:`calc(50% - ${t.iconSizeMap.xs/2}px)`}};default:return{...e.getButtonSizing("lg"),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}}}},exports.getTypographyStyle=(t,e)=>({"& .MuiTypography-root":{overflow:"hidden",textOverflow:"ellipsis",fontSize:i.fontSizemap[e],paddingLeft:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm),paddingRight:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm)}}),exports.popperBoxShadow="0px 4px 8px 0px #06040D14, 0px 16px 24px 0px #06040D14, 0px 0px 4px 2px #06040D0A, 0px 0px 0px 1px #FFFFFF29",exports.selectBaseStyles=(t,e)=>({fontSize:i.fontSizemap[e],borderRadius:t.spacing(t.custom.radius.md),position:"relative",padding:0,"& .MuiSelect-outlined":{padding:0},"& .MuiSelect-select.MuiInputBase-input":{height:"100%",display:"flex",alignItems:"center",...a(t,e),width:"100%"},"&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",background:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.md),inset:0,zIndex:0},"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&.Mui-focused:before":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled:before":{backgroundColor:t.custom.palette.interaction.none},"& .MuiSelect-select":{position:"relative"}}),exports.selectItemBaseStyles=(t,e)=>({position:"relative",fontSize:i.fontSizemap[e],backgroundColor:t.custom.palette.interaction.none,color:t.custom.palette.text.primary,minHeight:o(e),justifyContent:"space-between",paddingLeft:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),gap:t.spacing(t.custom.padding.sm),whiteSpace:"wrap","& .MuiSvgIcon-root":{width:n(e),height:n(e)}}),exports.selectMenuItemSize=o,exports.selectTickSize=n;
+"use strict";require("react/jsx-runtime"),require("@mui/material");var t=require("../../BrandCore/Icon/Icon.js"),e=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var i=require("../utils/typography.util.js");const o=t=>{switch(t){case"xs":return 24;case"sm":case"md":return 32;case"lg":default:return 40;case"xl":return 48}},n=t=>{switch(t){case"xs":case"sm":case"md":return 16;case"lg":default:return 24;case"xl":return 28}},a=(t,e)=>{switch(e){case"xs":case"sm":case"md":return{paddingLeft:t.spacing(t.custom.padding.xs),paddingRight:t.spacing(t.custom.padding.md)};default:return{paddingLeft:t.spacing(t.custom.padding.sm),paddingRight:t.spacing(t.custom.padding.lg)}}};exports.getInputPadding=a,exports.getInputSize=(i,o)=>{switch(o){case"xl":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.xl,height:t.iconSizeMap.xl,top:`calc(50% - ${t.iconSizeMap.xl/2}px)`}};case"lg":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}};case"md":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.md,height:t.iconSizeMap.md,top:`calc(50% - ${t.iconSizeMap.md/2}px)`}};case"sm":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.sm,height:t.iconSizeMap.sm,top:`calc(50% - ${t.iconSizeMap.sm/2}px)`}};case"xs":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.xs,height:t.iconSizeMap.xs,top:`calc(50% - ${t.iconSizeMap.xs/2}px)`}};default:return{...e.getButtonSizing("lg"),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}}}},exports.getTypographyStyle=(t,e)=>({"& .MuiTypography-root":{overflow:"hidden",textOverflow:"ellipsis",fontSize:i.fontSizemap[e],paddingLeft:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm),paddingRight:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm)}}),exports.popperBoxShadow="0px 4px 8px 0px #06040D14, 0px 16px 24px 0px #06040D14, 0px 0px 4px 2px #06040D0A, 0px 0px 0px 1px #FFFFFF29",exports.selectBaseStyles=(t,e)=>({fontSize:i.fontSizemap[e],borderRadius:t.spacing(t.custom.radius.md),position:"relative",padding:0,"& .MuiSelect-outlined":{padding:0},"& .MuiSelect-select.MuiInputBase-input":{height:"100%",display:"flex",alignItems:"center",...a(t,e),width:"100%"},"&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",background:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.md),inset:0,zIndex:0},"@media (hover: hover)":{"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover}},"&.Mui-focused:before":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled:before":{backgroundColor:t.custom.palette.interaction.none},"& .MuiSelect-select":{position:"relative"}}),exports.selectItemBaseStyles=(t,e)=>({position:"relative",fontSize:i.fontSizemap[e],backgroundColor:t.custom.palette.interaction.none,color:t.custom.palette.text.primary,minHeight:o(e),justifyContent:"space-between",paddingLeft:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),gap:t.spacing(t.custom.padding.sm),whiteSpace:"wrap","& .MuiSvgIcon-root":{width:n(e),height:n(e)}}),exports.selectMenuItemSize=o,exports.selectTickSize=n;

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

package/dist/esm/systems/Platform/ProjectItem/ProjectItemGridView.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as o}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import r from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import i from"./_partials/NoThumbnailPlaceholder.js";import a from"./_partials/ProjectInfo.js";import p from"./_partials/ProjectItemBadge.js";import s from"./_partials/ProjectItemTitle.js";import{CardContainer as m,CardActionArea as l,ImageContainer as n,CardContent as d,LazyImage as b}from"./_partials/styledPartials.js";import C from"./_partials/UpdatedInfo.js";const u=({title:u,description:j,loopCount:c,testCount:W,draftCount:B,updatedAt:S,moreActions:h,thumbnail:y,noThumbnailMessage:f,isDemo:g,loading:I,onClick:L})=>e(m,I?{disableRaisedEffect:!0,sx:{pointerEvents:"none"},children:t(l,{component:"div",disableHoverStyle:!0,children:[e(n,{"data-id":"image-container",children:e(r,{})}),t(d,{children:[e(o,{"data-id":"title-container",sx:{height:32},children:e(r,{})}),e(r,{height:20}),e(r,{height:16,width:"60%"})]})]})}:{children:t(l,{component:"div",disableHoverStyle:!0,onClick:e=>{e.target.closest('[data-id="more-actions-container"]')||L?.()},children:[t(n,{"data-id":"image-container",sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`},children:[g&&e(p,{body:"Demo",sx:{bottom:8,left:8}}),y&&e(b,{thumbnail:y,title:u,description:j}),!y&&f&&e(i,{text:f,textSizing:"sm"})]}),t(d,{children:[t(o,{"data-id":"title-container",children:[e(s,{title:u,maxLines:2}),e(o,{"data-id":"more-actions-container",children:h})]}),e(a,{loops:c,tests:W,drafts:B}),e(C,{updatedDate:S,format:!0})]})]})});export{u as default};

package/dist/esm/systems/Platform/ProjectItem/ProjectItemListView.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useTheme as o,Stack as r,Box as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import a from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import s from"./_partials/NoThumbnailPlaceholder.js";import p from"./_partials/ProjectInfo.js";import m from"./_partials/ProjectItemBadge.js";import l from"./_partials/ProjectItemTitle.js";import{CardContainer as n,CardActionArea as d,ImageContainer as b,CardContent as c,LazyImage as u}from"./_partials/styledPartials.js";import C from"./_partials/UpdatedInfo.js";const j=({title:j,description:W,loopCount:g,testCount:h,draftCount:B,updatedAt:x,moreActions:f,thumbnail:y,noThumbnailMessage:S,isDemo:I,loading:L,onClick:k})=>{const A=o();return e(n,L?{disableRaisedEffect:!0,sx:{pointerEvents:"none",borderBottom:`1px solid ${A.custom.palette.stroke.light}`},children:t(d,{component:"div",onClick:k,sx:{display:"flex",gap:A.spacing(A.custom.margin.sm),alignItems:"center",padding:A.spacing(A.custom.padding.xs)},children:[e(b,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:e(a,{})}),e(c,{sx:{overflow:"hidden",pl:A.spacing(A.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{sx:{gap:A.spacing(A.custom.margin.xs)},children:[e(a,{width:"100%",height:20}),t(r,{direction:"row",sx:{gap:A.spacing(A.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap"},children:[e(a,{height:20,width:"70%"}),e(a,{height:16,width:200})]})]})})]})}:{disableRaisedEffect:!0,sx:{borderBottom:`1px solid ${A.custom.palette.stroke.light}`},children:t(d,{component:"div",onClick:e=>{e.target.closest('[data-id="more-actions-container"]')||k?.()},sx:{display:"flex",gap:A.spacing(A.custom.margin.sm),alignItems:"center",padding:A.spacing(A.custom.padding.xs)},children:[t(b,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:[I&&e(m,{sx:{top:4,right:4},body:"Demo"}),y&&e(u,{thumbnail:y,title:j,description:W}),!y&&S&&e(s,{text:S,textSizing:"xxs"})]}),e(c,{sx:{overflow:"hidden",pl:A.spacing(A.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{sx:{gap:A.spacing(A.custom.margin.xs)},children:[e(l,{title:j,maxLines:1}),t(r,{direction:"row",sx:{gap:A.spacing(A.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap"},children:[e(p,{loops:g,tests:h,drafts:B}),e(C,{updatedDate:x,format:!0,noWrap:!0})]})]})}),f&&e(i,{"data-id":"more-actions-container",children:f})]})})};export{j as default};

package/dist/systems/Platform/ProjectItem/ProjectItemGridView.d.ts

@@ -1,6 +0,0 @@
-import { FunctionComponent } from 'react';
-import { ProjectItemProps } from './projectItem.types.js';
-
-declare const ProjectItemGridView: FunctionComponent<ProjectItemProps>;
-
-export { ProjectItemGridView as default };

package/dist/systems/Platform/ProjectItem/ProjectItemGridView.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js"),require("../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var t=require("../../WebCore/Skeleton/Skeleton.js");require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var o=require("./_partials/NoThumbnailPlaceholder.js"),i=require("./_partials/ProjectInfo.js"),a=require("./_partials/ProjectItemBadge.js"),s=require("./_partials/ProjectItemTitle.js"),u=require("./_partials/styledPartials.js"),l=require("./_partials/UpdatedInfo.js");module.exports=({title:n,description:d,loopCount:b,testCount:C,draftCount:j,updatedAt:p,moreActions:q,thumbnail:c,noThumbnailMessage:m,isDemo:W,loading:B,onClick:x})=>B?e.jsx(u.CardContainer,{disableRaisedEffect:!0,sx:{pointerEvents:"none"},children:e.jsxs(u.CardActionArea,{component:"div",disableHoverStyle:!0,children:[e.jsx(u.ImageContainer,{"data-id":"image-container",children:e.jsx(t,{})}),e.jsxs(u.CardContent,{children:[e.jsx(r.Box,{"data-id":"title-container",sx:{height:32},children:e.jsx(t,{})}),e.jsx(t,{height:20}),e.jsx(t,{height:16,width:"60%"})]})]})}):e.jsx(u.CardContainer,{children:e.jsxs(u.CardActionArea,{component:"div",disableHoverStyle:!0,onClick:e=>{e.target.closest('[data-id="more-actions-container"]')||x?.()},children:[e.jsxs(u.ImageContainer,{"data-id":"image-container",sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`},children:[W&&e.jsx(a,{body:"Demo",sx:{bottom:8,left:8}}),c&&e.jsx(u.LazyImage,{thumbnail:c,title:n,description:d}),!c&&m&&e.jsx(o,{text:m,textSizing:"sm"})]}),e.jsxs(u.CardContent,{children:[e.jsxs(r.Box,{"data-id":"title-container",children:[e.jsx(s,{title:n,maxLines:2}),e.jsx(r.Box,{"data-id":"more-actions-container",children:q})]}),e.jsx(i,{loops:b,tests:C,drafts:j}),e.jsx(l,{updatedDate:p,format:!0})]})]})});

package/dist/systems/Platform/ProjectItem/ProjectItemListView.d.ts

@@ -1,6 +0,0 @@
-import { FunctionComponent } from 'react';
-import { ProjectItemProps } from './projectItem.types.js';
-
-declare const ProjectItemListView: FunctionComponent<ProjectItemProps>;
-
-export { ProjectItemListView as default };

package/dist/systems/Platform/ProjectItem/ProjectItemListView.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js"),require("../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var t=require("../../WebCore/Skeleton/Skeleton.js");require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var i=require("./_partials/NoThumbnailPlaceholder.js"),o=require("./_partials/ProjectInfo.js"),a=require("./_partials/ProjectItemBadge.js"),s=require("./_partials/ProjectItemTitle.js"),n=require("./_partials/styledPartials.js"),u=require("./_partials/UpdatedInfo.js");module.exports=({title:l,description:d,loopCount:p,testCount:c,draftCount:b,updatedAt:C,moreActions:j,thumbnail:m,noThumbnailMessage:q,isDemo:W,loading:x,onClick:g})=>{const h=r.useTheme();return x?e.jsx(n.CardContainer,{disableRaisedEffect:!0,sx:{pointerEvents:"none",borderBottom:`1px solid ${h.custom.palette.stroke.light}`},children:e.jsxs(n.CardActionArea,{component:"div",onClick:g,sx:{display:"flex",gap:h.spacing(h.custom.margin.sm),alignItems:"center",padding:h.spacing(h.custom.padding.xs)},children:[e.jsx(n.ImageContainer,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:e.jsx(t,{})}),e.jsx(n.CardContent,{sx:{overflow:"hidden",pl:h.spacing(h.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:e.jsxs(r.Stack,{sx:{gap:h.spacing(h.custom.margin.xs)},children:[e.jsx(t,{width:"100%",height:20}),e.jsxs(r.Stack,{direction:"row",sx:{gap:h.spacing(h.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap"},children:[e.jsx(t,{height:20,width:"70%"}),e.jsx(t,{height:16,width:200})]})]})})]})}):e.jsx(n.CardContainer,{disableRaisedEffect:!0,sx:{borderBottom:`1px solid ${h.custom.palette.stroke.light}`},children:e.jsxs(n.CardActionArea,{component:"div",onClick:e=>{e.target.closest('[data-id="more-actions-container"]')||g?.()},sx:{display:"flex",gap:h.spacing(h.custom.margin.sm),alignItems:"center",padding:h.spacing(h.custom.padding.xs)},children:[e.jsxs(n.ImageContainer,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:[W&&e.jsx(a,{sx:{top:4,right:4},body:"Demo"}),m&&e.jsx(n.LazyImage,{thumbnail:m,title:l,description:d}),!m&&q&&e.jsx(i,{text:q,textSizing:"xxs"})]}),e.jsx(n.CardContent,{sx:{overflow:"hidden",pl:h.spacing(h.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:e.jsxs(r.Stack,{sx:{gap:h.spacing(h.custom.margin.xs)},children:[e.jsx(s,{title:l,maxLines:1}),e.jsxs(r.Stack,{direction:"row",sx:{gap:h.spacing(h.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap"},children:[e.jsx(o,{loops:p,tests:c,drafts:b}),e.jsx(u,{updatedDate:C,format:!0,noWrap:!0})]})]})}),j&&e.jsx(r.Box,{"data-id":"more-actions-container",children:j})]})})};