@useloops/design-system 1.4.583 → 1.4.585

package/dist/esm/systems/Platform/TestStatus/helpers/index.js

@@ -1 +1 @@
-const e=(e,t)=>({..."draft"===t&&{background:e.custom.palette.interaction.none,border:`1px solid ${e.custom.palette.stroke.default}`,"& svg":{color:a(e,t)}},..."in-progress"===t&&{background:e.custom.palette.yellow[0],border:`1px solid ${e.custom.palette.yellow[100]}`,"& svg":{color:a(e,t)}},..."results-ready"===t&&{background:e.custom.palette.green[0],border:`1px solid ${e.custom.palette.green[100]}`,"& svg":{color:a(e,t)}}}),t=e=>{switch(e){case"draft":return"Draft";case"in-progress":return"In progress";case"results-ready":return"Results ready";default:return"Unknown status"}},r=e=>{switch(e){case"draft":default:return"test-edit";case"in-progress":return"test-pending";case"results-ready":return"data-bar"}},s=(e,t,r)=>{switch(t){case"draft":return e.custom.palette.text.primary;case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}},a=(e,t,r=500)=>{switch(t){case"draft":return e.custom.palette.blue[r];case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}};export{a as getColorByStatus,r as getStatusIconName,e as getStatusStyling,t as getStatusText,s as getTextColorByStatus};
+const e=(e,t)=>({..."draft"===t&&{background:e.custom.palette.surface.raised,border:`1px solid ${e.custom.palette.stroke.default}`,"& svg":{color:a(e,t)}},..."in-progress"===t&&{background:e.custom.palette.yellow[0],border:`1px solid ${e.custom.palette.yellow[100]}`,"& svg":{color:a(e,t)}},..."results-ready"===t&&{background:e.custom.palette.green[0],border:`1px solid ${e.custom.palette.green[100]}`,"& svg":{color:a(e,t)}}}),t=e=>{switch(e){case"draft":return"Draft";case"in-progress":return"In progress";case"results-ready":return"Results ready";default:return"Unknown status"}},r=e=>{switch(e){case"draft":default:return"test-edit";case"in-progress":return"test-pending";case"results-ready":return"data-bar"}},s=(e,t,r)=>{switch(t){case"draft":return e.custom.palette.text.primary;case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}},a=(e,t,r=500)=>{switch(t){case"draft":return e.custom.palette.blue[r];case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}};export{a as getColorByStatus,r as getStatusIconName,e as getStatusStyling,t as getStatusText,s as getTextColorByStatus};

package/dist/esm/systems/WebCore/Select/StyledAutocomplete.js

@@ -1 +1 @@
-import{styled as t,Autocomplete as i,Chip as e,Popper as o,autocompleteClasses as a}from"@mui/material";import{base as s}from"../../BrandCore/primitiveVariables.js";import{selectMenuItemSize as r}from"./StyledSelect.variant-helpers.js";import{autocompleteStyles as p,popperStyles as d}from"../utils/autocomplete.styles.js";import{fontSizemap as n}from"../utils/typography.util.js";const l=t(i)(({theme:t,sizing:i,value:e})=>({...i&&p(t,i),"&.MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input":{paddingLeft:e&&Array.isArray(e)&&e.length>0?0:t.spacing(t.custom.padding.sm),paddingTop:0,paddingBottom:0,justifyContent:"center",textOverflow:"ellipsis",whiteSpace:"nowrap"},"& .MuiAutocomplete-tag":{...i&&{height:"xs"===i?2*s+"px":3*s+"px"},margin:0,"& .MuiSvgIcon-root":{height:"12px",width:"12px"}},"& .MuiChip-root .MuiChip-label":{height:20,lineHeight:"20px",maxWidth:140,...i&&{padding:`0 ${t.spacing(t.custom.padding.xs)}`}}})),u=t(e)(({theme:t,sizing:i})=>({borderRadius:t.spacing(t.custom.radius.sm),border:`1px solid ${t.custom.palette.stroke.default}`,backgroundColor:t.custom.palette.surface.default,...i&&{padding:`0 ${t.spacing(t.custom.padding.xs)}`},"& .MuiChip-deleteIcon":{fill:t.custom.palette.icon.primary,borderRadius:t.custom.radius.round,margin:0,"&:hover":{backgroundColor:t.custom.palette.interaction.hover},"&:active":{backgroundColor:t.custom.palette.interaction.press},"&:disabled":{backgroundColor:t.custom.palette.interaction.disabled,fill:t.custom.palette.icon.disabled}}})),m=t(o)(({theme:t,sizing:i})=>({...i&&{...d(t,i)},[`& .${a.listbox} .${a.groupLabel}`]:{...i&&{minHeight:r(i),fontSize:n[i]},paddingLeft:t.spacing("xs"===i?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===i?t.custom.padding.sm:t.custom.padding.md),color:t.custom.palette.text.secondary,fontWeight:t.typography.fontWeightRegular,display:"flex",alignItems:"center"}}));export{l as StyledAutocomplete,u as StyledChip,m as StyledPopper};
+import{styled as t,Autocomplete as i,autocompleteClasses as e,Chip as o,Popper as a}from"@mui/material";import{base as s}from"../../BrandCore/primitiveVariables.js";import{selectMenuItemSize as r}from"./StyledSelect.variant-helpers.js";import{autocompleteStyles as p,popperStyles as d}from"../utils/autocomplete.styles.js";import{fontSizemap as n}from"../utils/typography.util.js";const l=t(i)(({theme:t,sizing:i,value:o})=>({...i&&p(t,i),"&.MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input":{paddingLeft:o&&Array.isArray(o)&&o.length>0?0:t.spacing(t.custom.padding.sm),paddingTop:1,paddingBottom:0,justifyContent:"center",textOverflow:"ellipsis",whiteSpace:"nowrap"},"& .MuiAutocomplete-tag":{...i&&{height:"xs"===i?2*s+"px":3*s+"px"},margin:0,"& .MuiSvgIcon-root":{height:"12px",width:"12px"}},"& .MuiChip-root .MuiChip-label":{height:20,lineHeight:"20px",maxWidth:140,...i&&{padding:`0 ${t.spacing(t.custom.padding.xs)}`}},[`&.${e.hasClearIcon}`]:{paddingTop:0}})),u=t(o)(({theme:t,sizing:i})=>({borderRadius:t.spacing(t.custom.radius.sm),border:`1px solid ${t.custom.palette.stroke.default}`,backgroundColor:t.custom.palette.surface.default,...i&&{padding:`0 ${t.spacing(t.custom.padding.xs)}`},"& .MuiChip-deleteIcon":{fill:t.custom.palette.icon.primary,borderRadius:t.custom.radius.round,margin:0,"&:hover":{backgroundColor:t.custom.palette.interaction.hover},"&:active":{backgroundColor:t.custom.palette.interaction.press},"&:disabled":{backgroundColor:t.custom.palette.interaction.disabled,fill:t.custom.palette.icon.disabled}}})),m=t(a)(({theme:t,sizing:i})=>({...i&&{...d(t,i)},[`& .${e.listbox} .${e.groupLabel}`]:{...i&&{minHeight:r(i),fontSize:n[i]},paddingLeft:t.spacing("xs"===i?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===i?t.custom.padding.sm:t.custom.padding.md),color:t.custom.palette.text.secondary,fontWeight:t.typography.fontWeightRegular,display:"flex",alignItems:"center"}}));export{l as StyledAutocomplete,u as StyledChip,m as StyledPopper};

package/dist/systems/Platform/TestStatus/helpers/index.js

@@ -1 +1 @@
-"use strict";const e=(e,t,r=500)=>{switch(t){case"draft":return e.custom.palette.blue[r];case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}};exports.getColorByStatus=e,exports.getStatusIconName=e=>{switch(e){case"draft":default:return"test-edit";case"in-progress":return"test-pending";case"results-ready":return"data-bar"}},exports.getStatusStyling=(t,r)=>({..."draft"===r&&{background:t.custom.palette.interaction.none,border:`1px solid ${t.custom.palette.stroke.default}`,"& svg":{color:e(t,r)}},..."in-progress"===r&&{background:t.custom.palette.yellow[0],border:`1px solid ${t.custom.palette.yellow[100]}`,"& svg":{color:e(t,r)}},..."results-ready"===r&&{background:t.custom.palette.green[0],border:`1px solid ${t.custom.palette.green[100]}`,"& svg":{color:e(t,r)}}}),exports.getStatusText=e=>{switch(e){case"draft":return"Draft";case"in-progress":return"In progress";case"results-ready":return"Results ready";default:return"Unknown status"}},exports.getTextColorByStatus=(e,t,r)=>{switch(t){case"draft":return e.custom.palette.text.primary;case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}};
+"use strict";const e=(e,t,r=500)=>{switch(t){case"draft":return e.custom.palette.blue[r];case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}};exports.getColorByStatus=e,exports.getStatusIconName=e=>{switch(e){case"draft":default:return"test-edit";case"in-progress":return"test-pending";case"results-ready":return"data-bar"}},exports.getStatusStyling=(t,r)=>({..."draft"===r&&{background:t.custom.palette.surface.raised,border:`1px solid ${t.custom.palette.stroke.default}`,"& svg":{color:e(t,r)}},..."in-progress"===r&&{background:t.custom.palette.yellow[0],border:`1px solid ${t.custom.palette.yellow[100]}`,"& svg":{color:e(t,r)}},..."results-ready"===r&&{background:t.custom.palette.green[0],border:`1px solid ${t.custom.palette.green[100]}`,"& svg":{color:e(t,r)}}}),exports.getStatusText=e=>{switch(e){case"draft":return"Draft";case"in-progress":return"In progress";case"results-ready":return"Results ready";default:return"Unknown status"}},exports.getTextColorByStatus=(e,t,r)=>{switch(t){case"draft":return e.custom.palette.text.primary;case"in-progress":return e.custom.palette.yellow[r];case"results-ready":return e.custom.palette.green[r];default:return"red"}};

package/dist/systems/WebCore/Select/StyledAutocomplete.js

@@ -1 +1 @@
-"use strict";var e=require("@mui/material"),t=require("../../BrandCore/primitiveVariables.js"),i=require("./StyledSelect.variant-helpers.js"),o=require("../utils/autocomplete.styles.js"),s=require("../utils/typography.util.js");const a=e.styled(e.Autocomplete)(({theme:e,sizing:i,value:s})=>({...i&&o.autocompleteStyles(e,i),"&.MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input":{paddingLeft:s&&Array.isArray(s)&&s.length>0?0:e.spacing(e.custom.padding.sm),paddingTop:0,paddingBottom:0,justifyContent:"center",textOverflow:"ellipsis",whiteSpace:"nowrap"},"& .MuiAutocomplete-tag":{...i&&{height:"xs"===i?2*t.base+"px":3*t.base+"px"},margin:0,"& .MuiSvgIcon-root":{height:"12px",width:"12px"}},"& .MuiChip-root .MuiChip-label":{height:20,lineHeight:"20px",maxWidth:140,...i&&{padding:`0 ${e.spacing(e.custom.padding.xs)}`}}})),p=e.styled(e.Chip)(({theme:e,sizing:t})=>({borderRadius:e.spacing(e.custom.radius.sm),border:`1px solid ${e.custom.palette.stroke.default}`,backgroundColor:e.custom.palette.surface.default,...t&&{padding:`0 ${e.spacing(e.custom.padding.xs)}`},"& .MuiChip-deleteIcon":{fill:e.custom.palette.icon.primary,borderRadius:e.custom.radius.round,margin:0,"&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&:active":{backgroundColor:e.custom.palette.interaction.press},"&:disabled":{backgroundColor:e.custom.palette.interaction.disabled,fill:e.custom.palette.icon.disabled}}})),r=e.styled(e.Popper)(({theme:t,sizing:a})=>({...a&&{...o.popperStyles(t,a)},[`& .${e.autocompleteClasses.listbox} .${e.autocompleteClasses.groupLabel}`]:{...a&&{minHeight:i.selectMenuItemSize(a),fontSize:s.fontSizemap[a]},paddingLeft:t.spacing("xs"===a?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===a?t.custom.padding.sm:t.custom.padding.md),color:t.custom.palette.text.secondary,fontWeight:t.typography.fontWeightRegular,display:"flex",alignItems:"center"}}));exports.StyledAutocomplete=a,exports.StyledChip=p,exports.StyledPopper=r;
+"use strict";var e=require("@mui/material"),t=require("../../BrandCore/primitiveVariables.js"),i=require("./StyledSelect.variant-helpers.js"),o=require("../utils/autocomplete.styles.js"),s=require("../utils/typography.util.js");const a=e.styled(e.Autocomplete)(({theme:i,sizing:s,value:a})=>({...s&&o.autocompleteStyles(i,s),"&.MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input":{paddingLeft:a&&Array.isArray(a)&&a.length>0?0:i.spacing(i.custom.padding.sm),paddingTop:1,paddingBottom:0,justifyContent:"center",textOverflow:"ellipsis",whiteSpace:"nowrap"},"& .MuiAutocomplete-tag":{...s&&{height:"xs"===s?2*t.base+"px":3*t.base+"px"},margin:0,"& .MuiSvgIcon-root":{height:"12px",width:"12px"}},"& .MuiChip-root .MuiChip-label":{height:20,lineHeight:"20px",maxWidth:140,...s&&{padding:`0 ${i.spacing(i.custom.padding.xs)}`}},[`&.${e.autocompleteClasses.hasClearIcon}`]:{paddingTop:0}})),p=e.styled(e.Chip)(({theme:e,sizing:t})=>({borderRadius:e.spacing(e.custom.radius.sm),border:`1px solid ${e.custom.palette.stroke.default}`,backgroundColor:e.custom.palette.surface.default,...t&&{padding:`0 ${e.spacing(e.custom.padding.xs)}`},"& .MuiChip-deleteIcon":{fill:e.custom.palette.icon.primary,borderRadius:e.custom.radius.round,margin:0,"&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&:active":{backgroundColor:e.custom.palette.interaction.press},"&:disabled":{backgroundColor:e.custom.palette.interaction.disabled,fill:e.custom.palette.icon.disabled}}})),r=e.styled(e.Popper)(({theme:t,sizing:a})=>({...a&&{...o.popperStyles(t,a)},[`& .${e.autocompleteClasses.listbox} .${e.autocompleteClasses.groupLabel}`]:{...a&&{minHeight:i.selectMenuItemSize(a),fontSize:s.fontSizemap[a]},paddingLeft:t.spacing("xs"===a?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===a?t.custom.padding.sm:t.custom.padding.md),color:t.custom.palette.text.secondary,fontWeight:t.typography.fontWeightRegular,display:"flex",alignItems:"center"}}));exports.StyledAutocomplete=a,exports.StyledChip=p,exports.StyledPopper=r;

package/dist/theme/theme.hooks.d.ts

@@ -4,7 +4,7 @@ import { PaletteMode, Direction } from '@mui/material';
 import { ScreenSize, CustomTheme } from './types.js';
 
 declare const useThemeBuilder: (initialMode?: PaletteMode, initialScreenSize?: ScreenSize, initialDirection?: Direction) => {
-    breakpoint: "" | "sm" | "md" | "lg" | "xl";
+    breakpoint: "" | "sm" | "lg" | "md" | "xl";
     custom: CustomTheme;
     gridOverlayVisible: boolean;
     mode: PaletteMode;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.583",
+    "version": "1.4.585",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",