@useloops/design-system 1.4.745 → 1.4.747
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as t,TextField as o}from"@mui/material";import"react/jsx-runtime";import{iconSizeMap as e}from"../../BrandCore/Icon/Icon.js";import{typographyVariantMap as i}from"../utils/typography.util.js";const n=t(o)(({theme:t})=>({"& .MuiInputAdornment-root":{marginRight:0,"& .MuiSvgIcon-root":{width:e.xl,height:e.xl}},"& .MuiOutlinedInput-input":{padding:t.spacing(1),paddingLeft:t.spacing(2),paddingRight:t.spacing(2)},"& .MuiOutlinedInput-root":{backgroundColor:t.custom.palette.input.default,color:t.custom.palette.text.primary,borderRadius:t.spacing(t.custom.radius.md),lineHeight:"140%",[t.breakpoints.down("md")]:{minWidth:"100%"},paddingLeft:0,paddingRight:0,fontSize:i.sm.body.md,"&.Mui-focused":{"& fieldset":{transition:t.custom.easing.input,backgroundColor:t.custom.palette.interaction.press,borderColor:t.custom.palette.stroke.default},"& .MuiOutlinedInput-notchedOutline":{transition:t.custom.easing.input,border:`1px solid ${t.custom.palette.stroke.focus}`,boxShadow:t.custom.boxShadow.input.focus}},"&.Mui-disabled":{color:t.custom.palette.text.disabled,backgroundColor:t.custom.palette.input.disabled,"& fieldset":{transition:t.custom.easing.input,backgroundColor:t.custom.palette.interaction.none,borderColor:t.custom.palette.stroke.disabled},"& .MuiOutlinedInput-notchedOutline":{transition:t.custom.easing.input,border:`1px solid ${t.custom.palette.stroke.disabled}`,boxShadow:"none"},"& .MuiInputAdornment-root":{"& .MuiButtonBase-root":{"&:before":{backgroundColor:t.custom.palette.interaction.disabled},"& .MuiSvgIcon-root":{margin:5,fill:t.custom.palette.icon.disabled}}}}},"&:hover":{"& .MuiOutlinedInput-root":{backgroundColor:t.custom.palette.input.default,"& fieldset":{backgroundColor:t.custom.palette.interaction.hover,borderColor:t.custom.palette.stroke.default},"&.Mui-focused":{"& fieldset":{backgroundColor:t.custom.palette.interaction.press,borderColor:t.custom.palette.stroke.default},"& .MuiOutlinedInput-notchedOutline":{border:`1px solid ${t.custom.palette.stroke.focus}`,boxShadow:t.custom.boxShadow.input.focus}},"&.Mui-disabled":{backgroundColor:t.custom.palette.input.disabled,"& fieldset":{backgroundColor:t.custom.palette.interaction.none,borderColor:t.custom.palette.stroke.disabled},"& .MuiOutlinedInput-notchedOutline":{border:`1px solid ${t.custom.palette.stroke.disabled}`,boxShadow:"none"}}}}}));export{n as default};
|
|
1
|
+
import{styled as t,TextField as o}from"@mui/material";import"react/jsx-runtime";import{iconSizeMap as e}from"../../BrandCore/Icon/Icon.js";import{typographyVariantMap as i}from"../utils/typography.util.js";const n=t(o)(({theme:t})=>({"& .MuiInputAdornment-root":{marginRight:0,"& > .MuiSvgIcon-root":{width:e.xl,height:e.xl}},"& .MuiOutlinedInput-input":{padding:t.spacing(1),paddingLeft:t.spacing(2),paddingRight:t.spacing(2)},"& .MuiOutlinedInput-root":{backgroundColor:t.custom.palette.input.default,color:t.custom.palette.text.primary,borderRadius:t.spacing(t.custom.radius.md),lineHeight:"140%",[t.breakpoints.down("md")]:{minWidth:"100%"},paddingLeft:0,paddingRight:0,fontSize:i.sm.body.md,"&.Mui-focused":{"& fieldset":{transition:t.custom.easing.input,backgroundColor:t.custom.palette.interaction.press,borderColor:t.custom.palette.stroke.default},"& .MuiOutlinedInput-notchedOutline":{transition:t.custom.easing.input,border:`1px solid ${t.custom.palette.stroke.focus}`,boxShadow:t.custom.boxShadow.input.focus}},"&.Mui-disabled":{color:t.custom.palette.text.disabled,backgroundColor:t.custom.palette.input.disabled,"& fieldset":{transition:t.custom.easing.input,backgroundColor:t.custom.palette.interaction.none,borderColor:t.custom.palette.stroke.disabled},"& .MuiOutlinedInput-notchedOutline":{transition:t.custom.easing.input,border:`1px solid ${t.custom.palette.stroke.disabled}`,boxShadow:"none"},"& .MuiInputAdornment-root":{"& .MuiButtonBase-root":{"&:before":{backgroundColor:t.custom.palette.interaction.disabled},"& .MuiSvgIcon-root":{margin:5,fill:t.custom.palette.icon.disabled}}}}},"&:hover":{"& .MuiOutlinedInput-root":{backgroundColor:t.custom.palette.input.default,"& fieldset":{backgroundColor:t.custom.palette.interaction.hover,borderColor:t.custom.palette.stroke.default},"&.Mui-focused":{"& fieldset":{backgroundColor:t.custom.palette.interaction.press,borderColor:t.custom.palette.stroke.default},"& .MuiOutlinedInput-notchedOutline":{border:`1px solid ${t.custom.palette.stroke.focus}`,boxShadow:t.custom.boxShadow.input.focus}},"&.Mui-disabled":{backgroundColor:t.custom.palette.input.disabled,"& fieldset":{backgroundColor:t.custom.palette.interaction.none,borderColor:t.custom.palette.stroke.disabled},"& .MuiOutlinedInput-notchedOutline":{border:`1px solid ${t.custom.palette.stroke.disabled}`,boxShadow:"none"}}}}}));export{n as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as i}from"react/jsx-runtime";import{Grow as r,Box as e}from"@mui/material";import t from"../Popper/Popper.js";import o from"../Surface/Surface.js";import n from"./NudgeBox.js";import s from"./NudgeButton.js";const a=({children:a,description:d,title:m,navigationSizing:p,offset:f=[0,12]})=>"sm"===p?i(t,{popperProps:{placement:"right-end",modifiers:f&&[{name:"offset",options:{offset:f}}]},surfaceProps:{variation:"raised",sx:{maxWidth:200,p:1}},bindOn:["trigger"],trigger:i(r,{in:!0,style:{transformOrigin:"0 100%"},children:i(e,{children:i(s,{notification:!0})})}),children:i(n,{description:d,title:m,children:a})}):i(r,{in:!0,style:{transformOrigin:"0 100%",transitionDelay:"100ms"},children:i(e,{sx:{display:"flex"},children:i(o,{variation:"raised",borderradius:"md",sx:{maxWidth:200,minHeight:40,width:"100%",p:1},children:i(n,{description:d,title:m,children:a})})})});export{a as default};
|
|
1
|
+
import{jsx as i}from"react/jsx-runtime";import{Grow as r,Box as e}from"@mui/material";import t from"../Popper/Popper.js";import o from"../Surface/Surface.js";import n from"./NudgeBox.js";import s from"./NudgeButton.js";const a=({children:a,description:d,title:m,navigationSizing:p,offset:f=[0,12]})=>"sm"===p?i(t,{popperProps:{placement:"right-end",modifiers:f&&[{name:"offset",options:{offset:f}}]},surfaceProps:{variation:"raised",sx:{maxWidth:200,p:1}},bindOn:["trigger","toggle"],trigger:i(r,{in:!0,style:{transformOrigin:"0 100%"},children:i(e,{children:i(s,{notification:!0})})}),children:i(n,{description:d,title:m,children:a})}):i(r,{in:!0,style:{transformOrigin:"0 100%",transitionDelay:"100ms"},children:i(e,{sx:{display:"flex"},children:i(o,{variation:"raised",borderradius:"md",sx:{maxWidth:200,minHeight:40,width:"100%",p:1},children:i(n,{description:d,title:m,children:a})})})});export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("@mui/material");require("react/jsx-runtime");var o=require("../../BrandCore/Icon/Icon.js"),e=require("../utils/typography.util.js");const i=t.styled(t.TextField)(({theme:t})=>({"& .MuiInputAdornment-root":{marginRight:0,"& .MuiSvgIcon-root":{width:o.iconSizeMap.xl,height:o.iconSizeMap.xl}},"& .MuiOutlinedInput-input":{padding:t.spacing(1),paddingLeft:t.spacing(2),paddingRight:t.spacing(2)},"& .MuiOutlinedInput-root":{backgroundColor:t.custom.palette.input.default,color:t.custom.palette.text.primary,borderRadius:t.spacing(t.custom.radius.md),lineHeight:"140%",[t.breakpoints.down("md")]:{minWidth:"100%"},paddingLeft:0,paddingRight:0,fontSize:e.typographyVariantMap.sm.body.md,"&.Mui-focused":{"& fieldset":{transition:t.custom.easing.input,backgroundColor:t.custom.palette.interaction.press,borderColor:t.custom.palette.stroke.default},"& .MuiOutlinedInput-notchedOutline":{transition:t.custom.easing.input,border:`1px solid ${t.custom.palette.stroke.focus}`,boxShadow:t.custom.boxShadow.input.focus}},"&.Mui-disabled":{color:t.custom.palette.text.disabled,backgroundColor:t.custom.palette.input.disabled,"& fieldset":{transition:t.custom.easing.input,backgroundColor:t.custom.palette.interaction.none,borderColor:t.custom.palette.stroke.disabled},"& .MuiOutlinedInput-notchedOutline":{transition:t.custom.easing.input,border:`1px solid ${t.custom.palette.stroke.disabled}`,boxShadow:"none"},"& .MuiInputAdornment-root":{"& .MuiButtonBase-root":{"&:before":{backgroundColor:t.custom.palette.interaction.disabled},"& .MuiSvgIcon-root":{margin:5,fill:t.custom.palette.icon.disabled}}}}},"&:hover":{"& .MuiOutlinedInput-root":{backgroundColor:t.custom.palette.input.default,"& fieldset":{backgroundColor:t.custom.palette.interaction.hover,borderColor:t.custom.palette.stroke.default},"&.Mui-focused":{"& fieldset":{backgroundColor:t.custom.palette.interaction.press,borderColor:t.custom.palette.stroke.default},"& .MuiOutlinedInput-notchedOutline":{border:`1px solid ${t.custom.palette.stroke.focus}`,boxShadow:t.custom.boxShadow.input.focus}},"&.Mui-disabled":{backgroundColor:t.custom.palette.input.disabled,"& fieldset":{backgroundColor:t.custom.palette.interaction.none,borderColor:t.custom.palette.stroke.disabled},"& .MuiOutlinedInput-notchedOutline":{border:`1px solid ${t.custom.palette.stroke.disabled}`,boxShadow:"none"}}}}}));module.exports=i;
|
|
1
|
+
"use strict";var t=require("@mui/material");require("react/jsx-runtime");var o=require("../../BrandCore/Icon/Icon.js"),e=require("../utils/typography.util.js");const i=t.styled(t.TextField)(({theme:t})=>({"& .MuiInputAdornment-root":{marginRight:0,"& > .MuiSvgIcon-root":{width:o.iconSizeMap.xl,height:o.iconSizeMap.xl}},"& .MuiOutlinedInput-input":{padding:t.spacing(1),paddingLeft:t.spacing(2),paddingRight:t.spacing(2)},"& .MuiOutlinedInput-root":{backgroundColor:t.custom.palette.input.default,color:t.custom.palette.text.primary,borderRadius:t.spacing(t.custom.radius.md),lineHeight:"140%",[t.breakpoints.down("md")]:{minWidth:"100%"},paddingLeft:0,paddingRight:0,fontSize:e.typographyVariantMap.sm.body.md,"&.Mui-focused":{"& fieldset":{transition:t.custom.easing.input,backgroundColor:t.custom.palette.interaction.press,borderColor:t.custom.palette.stroke.default},"& .MuiOutlinedInput-notchedOutline":{transition:t.custom.easing.input,border:`1px solid ${t.custom.palette.stroke.focus}`,boxShadow:t.custom.boxShadow.input.focus}},"&.Mui-disabled":{color:t.custom.palette.text.disabled,backgroundColor:t.custom.palette.input.disabled,"& fieldset":{transition:t.custom.easing.input,backgroundColor:t.custom.palette.interaction.none,borderColor:t.custom.palette.stroke.disabled},"& .MuiOutlinedInput-notchedOutline":{transition:t.custom.easing.input,border:`1px solid ${t.custom.palette.stroke.disabled}`,boxShadow:"none"},"& .MuiInputAdornment-root":{"& .MuiButtonBase-root":{"&:before":{backgroundColor:t.custom.palette.interaction.disabled},"& .MuiSvgIcon-root":{margin:5,fill:t.custom.palette.icon.disabled}}}}},"&:hover":{"& .MuiOutlinedInput-root":{backgroundColor:t.custom.palette.input.default,"& fieldset":{backgroundColor:t.custom.palette.interaction.hover,borderColor:t.custom.palette.stroke.default},"&.Mui-focused":{"& fieldset":{backgroundColor:t.custom.palette.interaction.press,borderColor:t.custom.palette.stroke.default},"& .MuiOutlinedInput-notchedOutline":{border:`1px solid ${t.custom.palette.stroke.focus}`,boxShadow:t.custom.boxShadow.input.focus}},"&.Mui-disabled":{backgroundColor:t.custom.palette.input.disabled,"& fieldset":{backgroundColor:t.custom.palette.interaction.none,borderColor:t.custom.palette.stroke.disabled},"& .MuiOutlinedInput-notchedOutline":{border:`1px solid ${t.custom.palette.stroke.disabled}`,boxShadow:"none"}}}}}));module.exports=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var i=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var i=require("react/jsx-runtime"),e=require("@mui/material"),r=require("../Popper/Popper.js"),s=require("../Surface/Surface.js"),t=require("./NudgeBox.js"),n=require("./NudgeButton.js");module.exports=({children:o,description:d,title:a,navigationSizing:l,offset:x=[0,12]})=>"sm"===l?i.jsx(r,{popperProps:{placement:"right-end",modifiers:x&&[{name:"offset",options:{offset:x}}]},surfaceProps:{variation:"raised",sx:{maxWidth:200,p:1}},bindOn:["trigger","toggle"],trigger:i.jsx(e.Grow,{in:!0,style:{transformOrigin:"0 100%"},children:i.jsx(e.Box,{children:i.jsx(n,{notification:!0})})}),children:i.jsx(t,{description:d,title:a,children:o})}):i.jsx(e.Grow,{in:!0,style:{transformOrigin:"0 100%",transitionDelay:"100ms"},children:i.jsx(e.Box,{sx:{display:"flex"},children:i.jsx(s,{variation:"raised",borderradius:"md",sx:{maxWidth:200,minHeight:40,width:"100%",p:1},children:i.jsx(t,{description:d,title:a,children:o})})})});
|