@useloops/design-system 1.4.570 → 1.4.571

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.
Files changed (4) hide show
  1. package/dist/esm/systems/WebCore/Pill/StyledPill.js +1 -1
  2. package/dist/systems/WebCore/Pill/StyledPill.js +1 -1
  3. package/dist/systems/WebCore/Pill/types.d.ts +2 -1
  4. package/package.json +1 -1
package/dist/esm/systems/WebCore/Pill/StyledPill.js CHANGED
@@ -1 +1 @@
1
- import{styled as t,Box as e,typographyClasses as o}from"@mui/material";import{buttonHeightMap as a}from"../ButtonBase/Button.variant-helpers.js";const s=t(e,{shouldForwardProp:t=>!["active","disabled","sizing","onDelete","iconRight","iconLeft"].includes(t)})(({theme:t,active:e,disabled:s,sizing:l,onDelete:r})=>({display:"flex",justifyContent:"center",alignItems:"center",maxWidth:"fill-available",height:a[l||"md"],paddingLeft:t.spacing(t.custom.padding.sm),paddingRight:r?t.spacing(t.custom.padding.xs):t.spacing(t.custom.padding.sm),borderRadius:t.spacing(t.custom.radius.md),transition:"all 180ms ease",border:`1px solid ${e?t.custom.palette.blue[500]:t.custom.palette.stroke.default}`,backgroundColor:e?t.custom.palette.blue[0]:t.custom.palette.neutral[0],"&:hover":{backgroundColor:e?t.custom.palette.blue[100]:t.custom.palette.interaction.hover,borderColor:e?t.custom.palette.blue[500]:t.custom.palette.stroke.default},"&:active":{backgroundColor:e?t.custom.palette.blue[200]:t.custom.palette.interaction.press,borderColor:e?t.custom.palette.blue[500]:t.custom.palette.stroke.default},...s&&{backgroundColor:t.custom.palette.interaction.disabled,borderColor:t.custom.palette.stroke.disabled,pointerEvents:"none","&:hover":{backgroundColor:t.custom.palette.interaction.disabled,borderColor:t.custom.palette.stroke.disabled},"&:active":{backgroundColor:t.custom.palette.interaction.disabled,borderColor:t.custom.palette.stroke.disabled}},[`& .${o.root}`]:{lineHeight:"110%",color:s?t.custom.palette.text.disabled:t.custom.palette.text.primary,padding:`0 ${t.spacing(t.custom.padding.xs)}`},"& > svg":{color:s?t.custom.palette.icon.disabled:t.custom.palette.icon.primary}}));export{s as default};
1
+ import{styled as e,Box as t,typographyClasses as o}from"@mui/material";import{buttonHeightMap as a}from"../ButtonBase/Button.variant-helpers.js";const s=e(t,{shouldForwardProp:e=>!["active","disabled","sizing","onDelete","iconRight","iconLeft","freezeInteractions"].includes(e)})(({theme:e,active:t,disabled:s,sizing:r,onDelete:l,freezeInteractions:i})=>({display:"flex",justifyContent:"center",alignItems:"center",maxWidth:"fill-available",height:a[r||"md"],paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:l?e.spacing(e.custom.padding.xs):e.spacing(e.custom.padding.sm),borderRadius:e.spacing(e.custom.radius.md),transition:"all 180ms ease",border:`1px solid ${t?e.custom.palette.blue[500]:e.custom.palette.stroke.default}`,backgroundColor:t?e.custom.palette.blue[0]:e.custom.palette.neutral[0],"&:hover":{backgroundColor:i?"none":t?e.custom.palette.blue[100]:e.custom.palette.interaction.hover,borderColor:t?e.custom.palette.blue[500]:e.custom.palette.stroke.default},"&:active":{backgroundColor:i?"none":t?e.custom.palette.blue[200]:e.custom.palette.interaction.press,borderColor:t?e.custom.palette.blue[500]:e.custom.palette.stroke.default},...s&&{backgroundColor:e.custom.palette.interaction.disabled,borderColor:e.custom.palette.stroke.disabled,pointerEvents:"none","&:hover":{backgroundColor:e.custom.palette.interaction.disabled,borderColor:e.custom.palette.stroke.disabled},"&:active":{backgroundColor:e.custom.palette.interaction.disabled,borderColor:e.custom.palette.stroke.disabled}},[`& .${o.root}`]:{lineHeight:"110%",color:s?e.custom.palette.text.disabled:e.custom.palette.text.primary,padding:`0 ${e.spacing(e.custom.padding.xs)}`},"& > svg":{color:s?e.custom.palette.icon.disabled:e.custom.palette.icon.primary}}));export{s as default};
package/dist/systems/WebCore/Pill/StyledPill.js CHANGED
@@ -1 +1 @@
1
- "use strict";var t=require("@mui/material"),e=require("../ButtonBase/Button.variant-helpers.js");const o=t.styled(t.Box,{shouldForwardProp:t=>!["active","disabled","sizing","onDelete","iconRight","iconLeft"].includes(t)})(({theme:o,active:a,disabled:s,sizing:l,onDelete:r})=>({display:"flex",justifyContent:"center",alignItems:"center",maxWidth:"fill-available",height:e.buttonHeightMap[l||"md"],paddingLeft:o.spacing(o.custom.padding.sm),paddingRight:r?o.spacing(o.custom.padding.xs):o.spacing(o.custom.padding.sm),borderRadius:o.spacing(o.custom.radius.md),transition:"all 180ms ease",border:`1px solid ${a?o.custom.palette.blue[500]:o.custom.palette.stroke.default}`,backgroundColor:a?o.custom.palette.blue[0]:o.custom.palette.neutral[0],"&:hover":{backgroundColor:a?o.custom.palette.blue[100]:o.custom.palette.interaction.hover,borderColor:a?o.custom.palette.blue[500]:o.custom.palette.stroke.default},"&:active":{backgroundColor:a?o.custom.palette.blue[200]:o.custom.palette.interaction.press,borderColor:a?o.custom.palette.blue[500]:o.custom.palette.stroke.default},...s&&{backgroundColor:o.custom.palette.interaction.disabled,borderColor:o.custom.palette.stroke.disabled,pointerEvents:"none","&:hover":{backgroundColor:o.custom.palette.interaction.disabled,borderColor:o.custom.palette.stroke.disabled},"&:active":{backgroundColor:o.custom.palette.interaction.disabled,borderColor:o.custom.palette.stroke.disabled}},[`& .${t.typographyClasses.root}`]:{lineHeight:"110%",color:s?o.custom.palette.text.disabled:o.custom.palette.text.primary,padding:`0 ${o.spacing(o.custom.padding.xs)}`},"& > svg":{color:s?o.custom.palette.icon.disabled:o.custom.palette.icon.primary}}));module.exports=o;
1
+ "use strict";var e=require("@mui/material"),t=require("../ButtonBase/Button.variant-helpers.js");const o=e.styled(e.Box,{shouldForwardProp:e=>!["active","disabled","sizing","onDelete","iconRight","iconLeft","freezeInteractions"].includes(e)})(({theme:o,active:a,disabled:s,sizing:r,onDelete:l,freezeInteractions:i})=>({display:"flex",justifyContent:"center",alignItems:"center",maxWidth:"fill-available",height:t.buttonHeightMap[r||"md"],paddingLeft:o.spacing(o.custom.padding.sm),paddingRight:l?o.spacing(o.custom.padding.xs):o.spacing(o.custom.padding.sm),borderRadius:o.spacing(o.custom.radius.md),transition:"all 180ms ease",border:`1px solid ${a?o.custom.palette.blue[500]:o.custom.palette.stroke.default}`,backgroundColor:a?o.custom.palette.blue[0]:o.custom.palette.neutral[0],"&:hover":{backgroundColor:i?"none":a?o.custom.palette.blue[100]:o.custom.palette.interaction.hover,borderColor:a?o.custom.palette.blue[500]:o.custom.palette.stroke.default},"&:active":{backgroundColor:i?"none":a?o.custom.palette.blue[200]:o.custom.palette.interaction.press,borderColor:a?o.custom.palette.blue[500]:o.custom.palette.stroke.default},...s&&{backgroundColor:o.custom.palette.interaction.disabled,borderColor:o.custom.palette.stroke.disabled,pointerEvents:"none","&:hover":{backgroundColor:o.custom.palette.interaction.disabled,borderColor:o.custom.palette.stroke.disabled},"&:active":{backgroundColor:o.custom.palette.interaction.disabled,borderColor:o.custom.palette.stroke.disabled}},[`& .${e.typographyClasses.root}`]:{lineHeight:"110%",color:s?o.custom.palette.text.disabled:o.custom.palette.text.primary,padding:`0 ${o.spacing(o.custom.padding.xs)}`},"& > svg":{color:s?o.custom.palette.icon.disabled:o.custom.palette.icon.primary}}));module.exports=o;
package/dist/systems/WebCore/Pill/types.d.ts CHANGED
@@ -6,8 +6,9 @@ interface PillProps {
6
6
  id?: string;
7
7
  label: string;
8
8
  iconLeft?: IconName;
9
+ freezeInteractions?: boolean;
9
10
  iconRight?: IconName;
10
- sizing?: 'sm' | 'md';
11
+ sizing?: 'md' | 'sm' | 'xs';
11
12
  onDelete?: ((event: any) => void) | undefined;
12
13
  active?: boolean;
13
14
  disabled?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useloops/design-system",
3
- "version": "1.4.570",
3
+ "version": "1.4.571",
4
4
  "description": "The official React based Loops design system",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/esm/index.js",