@mailstep/design-system 0.6.40 → 0.6.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.6.40",
+  "version": "0.6.41",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/CommonGrid/components/gridCells/EnumInCell.js

@@ -17,7 +17,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import styled from '@xstyled/styled-components';
 import HighlightBox from '../../../../Elements/HighlightBox';
-var Center = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n  width: fit-content;\n"], ["\n  display: flex;\n  justify-content: flex-start;\n  width: fit-content;\n"])));
+var Center = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n  width: 100%;\n"], ["\n  display: flex;\n  justify-content: flex-start;\n  width: 100%;\n"])));
 export var EnumInCell = function (_a) {
     var value = _a.value, enumObj = _a.enumObj, appearanceMap = _a.appearanceMap, size = _a.size;
     var finalLabel = useMemo(function () {

package/ui/index.es.js

@@ -37589,7 +37589,7 @@ const Cs = /* @__PURE__ */ ho(K4e), XSe = ({
 }, p6e = ie.div`
   display: flex;
   justify-content: flex-start;
-  width: fit-content;
+  width: 100%;
 `, nIe = ({
   value: e,
   enumObj: t,

package/ui/index.umd.js

@@ -2990,7 +2990,7 @@ function print() { __p += __j.call(arguments, '') }
 `,c5e={neutralBold:"neutral300",neutralSubtle:"neutral20",blueBold:"blue70",blueSubtle:"blue20",tealBold:"teal60",tealSubtle:"teal20",greenBold:"green60",greenSubtle:"green20",orangeBold:"orange60",orangeSubtle:"orange20",yellowBold:"yellow60",yellowSubtle:"yellow20",pinkBold:"magenta60",pinkSubtle:"magenta20",purpleBold:"purple60",purpleSubtle:"purple20",redBold:"red60",redSubtle:"red20"},d5e={neutralBold:"white",neutralSubtle:"typoPrimary",blueBold:"white",blueSubtle:"blue80",tealBold:"white",tealSubtle:"teal90",greenBold:"white",greenSubtle:"green80",orangeBold:"white",orangeSubtle:"orange80",yellowBold:"typoPrimary",yellowSubtle:"typoPrimary",pinkBold:"white",pinkSubtle:"magenta80",purpleBold:"white",purpleSubtle:"purple80",redBold:"white",redSubtle:"red80"},f5e=({children:e,appearance:t,size:r="default",className:n,prefix:i})=>{const o=mt(),l=re.color(t?c5e[t]:"transparent")({theme:o}),u=re.color(t?d5e[t]:"typoPrimary")({theme:o}),c=i?`${i}Label`:"label";return b.jsx(l5e,{$bgcolor:l,$fontColor:u,"data-cy":c,children:b.jsx(u5e,{className:r+" "+n,children:e})})},h5e=ae.div`
   display: flex;
   justify-content: flex-start;
-  width: fit-content;
+  width: 100%;
 `,p5e=({value:e,enumObj:t,appearanceMap:r,size:n})=>{const i=I.useMemo(()=>t[e]?t[e]():e,[t,e]),o=I.useMemo(()=>({appearance:r[e]}),[r,e]);return i?b.jsx(h5e,{children:b.jsx(f5e,{className:"cell",...o,size:n,prefix:"grid",children:i})}):null},g5e=ae.div`
   text-align: center;
   overflow: hidden;