@useloops/design-system 1.4.563 → 1.4.564
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{jsx as e,jsxs as t}from"react/jsx-runtime";import{styled as o,Button as
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{styled as o,Button as i,Box as r,Stack as n,useTheme as a,Grow as s}from"@mui/material";import{mergeSx as l}from"merge-sx";import"../../BrandCore/colorRamps.js";import{base as c}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import d from"../../BrandCore/Icon/Icon.js";import{buttonInteraction as p}from"../ButtonBase/Button.variant-helpers.js";import"../ButtonBase/ButtonBase.js";import m from"../Tooltip/Tooltip.js";import h from"../Typography/Typography.js";const g=o(i,{shouldForwardProp:e=>!["active","iconHeight"].includes(e)})(({active:e,iconHeight:t=24,theme:o})=>({borderRadius:o.spacing(o.custom.radius.sm),maxWidth:"100%",padding:o.spacing(.5,1),textTransform:"none",width:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap",...p(o,e),backgroundColor:e?o.custom.palette.surface.sunken:"transparent","& p":{minHeight:t},"&:disabled":{backgroundColor:"inherit","& p":{color:o.custom.palette.text.disabled}}})),u=o(r)(({theme:e})=>({padding:e.spacing(.5,1)})),x=o(r)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),textAlign:"left"})),f=o(n)(({iconHeight:e=24,theme:t})=>({height:e,width:24,alignItems:"center",color:t.custom.palette.icon.secondary,display:"flex",justifyContent:"center",marginLeft:"auto"})),y=({baseState:o,label:i,active:n,danger:p,divider:y,heading:v,selected:w,disabled:b,closeOnClick:B,hidden:C,onClick:j,startIcon:I,slotProps:k,tooltip:H,children:T})=>{const O=a(),S=3*c;return C?null:y?e(r,{sx:{height:32,display:"flex",alignItems:"center"},children:e(r,{sx:{borderBottom:`1px solid ${O.custom.palette.stroke.default}`,width:"100%"}})}):i?v?e(u,{children:e(h,{component:"p",type:"button",variation:"md",sx:{color:O.custom.palette.text.secondary},children:i})}):e(g,{active:n,disabled:b,onClick:e=>{j&&j(e),B&&o?.close()},iconHeight:S,children:t(x,{sx:{width:"100%",justifyContent:"space-between",gap:1},children:[t(x,{sx:{flex:"1 1 auto",gap:1,minWidth:0},children:[void 0!==I&&e(d,{name:I,...k?.startIcon}),H?e(m,{message:i,slotProps:{wrapper:{sx:{minWidth:0,overflow:"hidden",flex:"1 1 auto"}}},children:e(h,{monospaced:!0,component:"p",sx:l({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},p&&{color:O.custom.palette.text.negative},v&&{color:O.custom.palette.text.secondary}),type:"button",variation:"md",children:i})}):e(h,{monospaced:!0,component:"p",sx:l({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},p&&{color:O.custom.palette.text.negative},v&&{color:O.custom.palette.text.secondary}),type:"button",variation:"md",children:i})]}),t(f,{iconHeight:S,minWidth:S,children:[T?.length&&T.length>0&&e(s,{in:!0,children:e(r,{sx:{display:"flex",alignItems:"center"},children:e(d,{name:"chevron-right",size:S})})}),w&&e(s,{in:!0,children:e(r,{sx:{display:"flex",alignItems:"center"},children:e(d,{name:"check",size:S})})})]})]})}):null};export{y as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx");require("../../BrandCore/colorRamps.js");var
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("merge-sx");require("../../BrandCore/colorRamps.js");var o=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var i=require("../../BrandCore/Icon/Icon.js"),s=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var n=require("../Tooltip/Tooltip.js"),a=require("../Typography/Typography.js");const l=t.styled(t.Button,{shouldForwardProp:e=>!["active","iconHeight"].includes(e)})(({active:e,iconHeight:t=24,theme:r})=>({borderRadius:r.spacing(r.custom.radius.sm),maxWidth:"100%",padding:r.spacing(.5,1),textTransform:"none",width:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap",...s.buttonInteraction(r,e),backgroundColor:e?r.custom.palette.surface.sunken:"transparent","& p":{minHeight:t},"&:disabled":{backgroundColor:"inherit","& p":{color:r.custom.palette.text.disabled}}})),c=t.styled(t.Box)(({theme:e})=>({padding:e.spacing(.5,1)})),d=t.styled(t.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),textAlign:"left"})),p=t.styled(t.Stack)(({iconHeight:e=24,theme:t})=>({height:e,width:24,alignItems:"center",color:t.custom.palette.icon.secondary,display:"flex",justifyContent:"center",marginLeft:"auto"}));module.exports=({baseState:s,label:x,active:h,danger:u,divider:m,heading:g,selected:j,disabled:y,closeOnClick:v,hidden:f,onClick:w,startIcon:B,slotProps:b,tooltip:C,children:q})=>{const I=t.useTheme(),k=3*o.base;return f?null:m?e.jsx(t.Box,{sx:{height:32,display:"flex",alignItems:"center"},children:e.jsx(t.Box,{sx:{borderBottom:`1px solid ${I.custom.palette.stroke.default}`,width:"100%"}})}):x?g?e.jsx(c,{children:e.jsx(a,{component:"p",type:"button",variation:"md",sx:{color:I.custom.palette.text.secondary},children:x})}):e.jsx(l,{active:h,disabled:y,onClick:e=>{w&&w(e),v&&s?.close()},iconHeight:k,children:e.jsxs(d,{sx:{width:"100%",justifyContent:"space-between",gap:1},children:[e.jsxs(d,{sx:{flex:"1 1 auto",gap:1,minWidth:0},children:[void 0!==B&&e.jsx(i.default,{name:B,...b?.startIcon}),C?e.jsx(n,{message:x,slotProps:{wrapper:{sx:{minWidth:0,overflow:"hidden",flex:"1 1 auto"}}},children:e.jsx(a,{monospaced:!0,component:"p",sx:r.mergeSx({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},u&&{color:I.custom.palette.text.negative},g&&{color:I.custom.palette.text.secondary}),type:"button",variation:"md",children:x})}):e.jsx(a,{monospaced:!0,component:"p",sx:r.mergeSx({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},u&&{color:I.custom.palette.text.negative},g&&{color:I.custom.palette.text.secondary}),type:"button",variation:"md",children:x})]}),e.jsxs(p,{iconHeight:k,minWidth:k,children:[q?.length&&q.length>0&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(i.default,{name:"chevron-right",size:k})})}),j&&e.jsx(t.Grow,{in:!0,children:e.jsx(t.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(i.default,{name:"check",size:k})})})]})]})}):null};
|