@useloops/design-system 1.4.690 → 1.4.691

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 o}from"../../../../utils/shouldForwardProp.js";const i=168,r=e(t)(({theme:e})=>({position:"relative",width:"100%",height:168,paddingLeft:e.p.md,paddingRight:e.p.md,boxSizing:"border-box"})),n=e(t)(({theme:e})=>({position:"relative",width:"100%",height:"100%",borderRadius:e.r.xs,overflow:"hidden"})),s=e(t)(()=>({position:"absolute",inset:0,display:"flex",pointerEvents:"none"})),a=e(t,{shouldForwardProp:o("widthPct","tone")})(({theme:e,widthPct:t,tone:o})=>({width:`${t}%`,backgroundColor:"green"===o?e.custom.palette.green[100]:"yellow"===o?e.custom.palette.yellow[100]:e.custom.palette.red[100]})),d=e(t)(()=>({position:"absolute",inset:0,display:"flex",alignItems:"flex-end",justifyContent:"space-between",pointerEvents:"none"})),l=e(t,{shouldForwardProp:o("heightPct","inRange")})(({theme:e,heightPct:t,inRange:o})=>({width:4,flexShrink:0,height:`${t}%`,minHeight:2,borderRadius:e.r.sm,backgroundColor:o?e.custom.palette.purple[500]:e.custom.palette.neutral[200],transition:"background-color 150ms ease"})),p=e(t,{shouldForwardProp:o("leftPct")})(({theme:e,leftPct:t})=>({position:"absolute",top:0,bottom:0,left:`${t}%`,borderLeft:`1.5px dashed ${e.custom.palette.red[400]}`,transform:"translateX(-50%)",pointerEvents:"none"}));export{l as Bar,d as BarsLayer,i as HISTOGRAM_HEIGHT,n as HistogramInner,r as HistogramWrapper,a as Zone,s as ZoneLayer,p as ZoneLine};
1
+ import{styled as e,Box as t}from"@mui/material";import"react";import{omitProps as o}from"../../../../utils/shouldForwardProp.js";const i=168,r=e(t)(({theme:e})=>({position:"relative",width:"100%",height:168,paddingLeft:e.p.md,paddingRight:e.p.md,boxSizing:"border-box"})),n=e(t)(({theme:e})=>({position:"relative",width:"100%",height:"100%",borderRadius:e.r.xs,overflow:"hidden"})),s=e(t)(()=>({position:"absolute",inset:0,display:"flex",pointerEvents:"none"})),a=e(t,{shouldForwardProp:o("widthPct","tone")})(({theme:e,widthPct:t,tone:o})=>({width:`${t}%`,backgroundColor:"green"===o?e.custom.palette.green[0]:"yellow"===o?e.custom.palette.yellow[0]:e.custom.palette.red[0]})),d=e(t)(()=>({position:"absolute",inset:0,display:"flex",alignItems:"flex-end",justifyContent:"space-between",pointerEvents:"none"})),l=e(t,{shouldForwardProp:o("heightPct","inRange")})(({theme:e,heightPct:t,inRange:o})=>({width:4,flexShrink:0,height:`${t}%`,minHeight:2,borderRadius:e.r.sm,backgroundColor:o?e.custom.palette.purple[500]:e.custom.palette.neutral[200],transition:"background-color 150ms ease"})),p=e(t,{shouldForwardProp:o("leftPct")})(({theme:e,leftPct:t})=>({position:"absolute",top:0,bottom:0,left:`${t}%`,borderLeft:`1.5px dashed ${e.custom.palette.red[400]}`,transform:"translateX(-50%)",pointerEvents:"none"}));export{l as Bar,d as BarsLayer,i as HISTOGRAM_HEIGHT,n as HistogramInner,r as HistogramWrapper,a as Zone,s as ZoneLayer,p as ZoneLine};
@@ -1 +1 @@
1
- "use strict";var e=require("@mui/material");require("react");var t=require("../../../../utils/shouldForwardProp.js");const o=e.styled(e.Box)(({theme:e})=>({position:"relative",width:"100%",height:168,paddingLeft:e.p.md,paddingRight:e.p.md,boxSizing:"border-box"})),r=e.styled(e.Box)(({theme:e})=>({position:"relative",width:"100%",height:"100%",borderRadius:e.r.xs,overflow:"hidden"})),s=e.styled(e.Box)(()=>({position:"absolute",inset:0,display:"flex",pointerEvents:"none"})),i=e.styled(e.Box,{shouldForwardProp:t.omitProps("widthPct","tone")})(({theme:e,widthPct:t,tone:o})=>({width:`${t}%`,backgroundColor:"green"===o?e.custom.palette.green[100]:"yellow"===o?e.custom.palette.yellow[100]:e.custom.palette.red[100]})),n=e.styled(e.Box)(()=>({position:"absolute",inset:0,display:"flex",alignItems:"flex-end",justifyContent:"space-between",pointerEvents:"none"})),a=e.styled(e.Box,{shouldForwardProp:t.omitProps("heightPct","inRange")})(({theme:e,heightPct:t,inRange:o})=>({width:4,flexShrink:0,height:`${t}%`,minHeight:2,borderRadius:e.r.sm,backgroundColor:o?e.custom.palette.purple[500]:e.custom.palette.neutral[200],transition:"background-color 150ms ease"})),d=e.styled(e.Box,{shouldForwardProp:t.omitProps("leftPct")})(({theme:e,leftPct:t})=>({position:"absolute",top:0,bottom:0,left:`${t}%`,borderLeft:`1.5px dashed ${e.custom.palette.red[400]}`,transform:"translateX(-50%)",pointerEvents:"none"}));exports.Bar=a,exports.BarsLayer=n,exports.HISTOGRAM_HEIGHT=168,exports.HistogramInner=r,exports.HistogramWrapper=o,exports.Zone=i,exports.ZoneLayer=s,exports.ZoneLine=d;
1
+ "use strict";var e=require("@mui/material");require("react");var t=require("../../../../utils/shouldForwardProp.js");const o=e.styled(e.Box)(({theme:e})=>({position:"relative",width:"100%",height:168,paddingLeft:e.p.md,paddingRight:e.p.md,boxSizing:"border-box"})),r=e.styled(e.Box)(({theme:e})=>({position:"relative",width:"100%",height:"100%",borderRadius:e.r.xs,overflow:"hidden"})),s=e.styled(e.Box)(()=>({position:"absolute",inset:0,display:"flex",pointerEvents:"none"})),i=e.styled(e.Box,{shouldForwardProp:t.omitProps("widthPct","tone")})(({theme:e,widthPct:t,tone:o})=>({width:`${t}%`,backgroundColor:"green"===o?e.custom.palette.green[0]:"yellow"===o?e.custom.palette.yellow[0]:e.custom.palette.red[0]})),n=e.styled(e.Box)(()=>({position:"absolute",inset:0,display:"flex",alignItems:"flex-end",justifyContent:"space-between",pointerEvents:"none"})),a=e.styled(e.Box,{shouldForwardProp:t.omitProps("heightPct","inRange")})(({theme:e,heightPct:t,inRange:o})=>({width:4,flexShrink:0,height:`${t}%`,minHeight:2,borderRadius:e.r.sm,backgroundColor:o?e.custom.palette.purple[500]:e.custom.palette.neutral[200],transition:"background-color 150ms ease"})),d=e.styled(e.Box,{shouldForwardProp:t.omitProps("leftPct")})(({theme:e,leftPct:t})=>({position:"absolute",top:0,bottom:0,left:`${t}%`,borderLeft:`1.5px dashed ${e.custom.palette.red[400]}`,transform:"translateX(-50%)",pointerEvents:"none"}));exports.Bar=a,exports.BarsLayer=n,exports.HISTOGRAM_HEIGHT=168,exports.HistogramInner=r,exports.HistogramWrapper=o,exports.Zone=i,exports.ZoneLayer=s,exports.ZoneLine=d;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useloops/design-system",
3
- "version": "1.4.690",
3
+ "version": "1.4.691",
4
4
  "description": "The official React based Loops design system",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/esm/index.js",