@useloops/design-system 1.4.686 → 1.4.687
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 e,Box as t}from"@mui/material";import"react";import{omitProps as i}from"../../../utils/shouldForwardProp.js";import{buttonHeightMap as s}from"../ButtonBase/Button.variant-helpers.js";import{focusedInputState as o}from"../styleblocks/focusedStyle.js";import{selectedState as a,selectedStateActive as r,selectedStateHover as l}from"../styleblocks/selectedStyle.js";import{pillDefaultState as n,pillDisabledState as d,pillDefaultStateActive as m,pillDefaultStateHover as c}from"./pill.helpers.js";const p=e(t,{shouldForwardProp:i("active","disabled","sizing","onDelete","iconRight","iconLeft","freezeInteractions","loading","
|
|
1
|
+
import{styled as e,Box as t}from"@mui/material";import"react";import{omitProps as i}from"../../../utils/shouldForwardProp.js";import{buttonHeightMap as s}from"../ButtonBase/Button.variant-helpers.js";import{focusedInputState as o}from"../styleblocks/focusedStyle.js";import{selectedState as a,selectedStateActive as r,selectedStateHover as l}from"../styleblocks/selectedStyle.js";import{pillDefaultState as n,pillDisabledState as d,pillDefaultStateActive as m,pillDefaultStateHover as c}from"./pill.helpers.js";const p=e(t,{shouldForwardProp:i("active","disabled","sizing","onDelete","iconRight","iconLeft","freezeInteractions","loading","secondaryLabel","slots","slotProps")})(({theme:e,active:t,disabled:i,sizing:p,onDelete:u,freezeInteractions:g,loading:f})=>({display:"flex",justifyContent:"center",alignItems:"center",maxWidth:"fill-available",height:s[p||"md"],paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:u?e.spacing(e.custom.padding.xs):e.spacing(e.custom.padding.sm),borderRadius:e.spacing(e.custom.radius.md),transition:"all 180ms ease",cursor:g?"auto":"pointer",...n(e),...t&&a(e),...(i||f)&&d(e),"&:hover":{...c(e),...(i||f)&&d(e),...t&&l(e),...g&&n(e),...g&&t&&a(e)},"&:active":{...m(e),...(i||f)&&d(e),...t&&r(e),...g&&n(e),...g&&t&&a(e)},"&:focus-visible":{...o(e)}}));export{p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@mui/material");require("react");var t=require("../../../utils/shouldForwardProp.js"),i=require("../ButtonBase/Button.variant-helpers.js"),
|
|
1
|
+
"use strict";var e=require("@mui/material");require("react");var t=require("../../../utils/shouldForwardProp.js"),i=require("../ButtonBase/Button.variant-helpers.js"),a=require("../styleblocks/focusedStyle.js"),l=require("../styleblocks/selectedStyle.js"),s=require("./pill.helpers.js");const r=e.styled(e.Box,{shouldForwardProp:t.omitProps("active","disabled","sizing","onDelete","iconRight","iconLeft","freezeInteractions","loading","secondaryLabel","slots","slotProps")})(({theme:e,active:t,disabled:r,sizing:o,onDelete:d,freezeInteractions:n,loading:c})=>({display:"flex",justifyContent:"center",alignItems:"center",maxWidth:"fill-available",height:i.buttonHeightMap[o||"md"],paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:d?e.spacing(e.custom.padding.xs):e.spacing(e.custom.padding.sm),borderRadius:e.spacing(e.custom.radius.md),transition:"all 180ms ease",cursor:n?"auto":"pointer",...s.pillDefaultState(e),...t&&l.selectedState(e),...(r||c)&&s.pillDisabledState(e),"&:hover":{...s.pillDefaultStateHover(e),...(r||c)&&s.pillDisabledState(e),...t&&l.selectedStateHover(e),...n&&s.pillDefaultState(e),...n&&t&&l.selectedState(e)},"&:active":{...s.pillDefaultStateActive(e),...(r||c)&&s.pillDisabledState(e),...t&&l.selectedStateActive(e),...n&&s.pillDefaultState(e),...n&&t&&l.selectedState(e)},"&:focus-visible":{...a.focusedInputState(e)}}));module.exports=r;
|