@m4l/widgets 0.0.4-beta-feature-655-widget-digitalinput.0 → 0.0.4-beta-feature-655-widget-digitalinput.2

package/cards/WidgetBase/WidgetBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetBase.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBase/WidgetBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAWrE;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,eAAe,oDA6DnG;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"WidgetBase.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBase/WidgetBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAUrE;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,eAAe,oDA2DnG;AAED,eAAe,UAAU,CAAC"}

package/cards/WidgetBase/WidgetBase.js

@@ -1,26 +1,26 @@
-import { jsx as t, jsxs as o } from "@emotion/react/jsx-runtime";
-import { WidgetBaseRootStyled as s, WidgetBaseHeaderStyled as c, WidgetBaseHeaderTitleStyled as l, WidgetBaseHeaderActionsStyled as m, WidgetBaseContentStyled as f } from "./slots/WidgetBaseSlots.js";
-import { Card as p, Icon as g, IconButton as u, MenuActions as B } from "@m4l/components";
-import { NotificationInformationOutlined as S } from "@m4l/icons";
-function v({ title: i, children: a, size: e, tooltip: n, isAlarm: d, menuActions: r }) {
-  return /* @__PURE__ */ t(s, { children: /* @__PURE__ */ o(p, { variant: "outlined", direction: "column", children: [
-    /* @__PURE__ */ o(c, { children: [
-      /* @__PURE__ */ t(l, { ownerState: {
+import { jsxs as o, jsx as t } from "@emotion/react/jsx-runtime";
+import { WidgetBaseHeaderStyled as d, WidgetBaseHeaderTitleStyled as c, WidgetBaseHeaderActionsStyled as l, WidgetBaseContentStyled as m } from "./slots/WidgetBaseSlots.js";
+import { Card as f, Icon as p, IconButton as g, MenuActions as u } from "@m4l/components";
+import { NotificationInformationOutlined as B } from "@m4l/icons";
+function b({ title: a, children: i, size: e, tooltip: n, isAlarm: s, menuActions: r }) {
+  return /* @__PURE__ */ o(f, { variant: "outlined", direction: "column", gap: "compact", children: [
+    /* @__PURE__ */ o(d, { children: [
+      /* @__PURE__ */ t(c, { ownerState: {
         size: e
-      }, children: i }),
-      /* @__PURE__ */ o(m, { children: [
+      }, children: a }),
+      /* @__PURE__ */ o(l, { children: [
         n && /* @__PURE__ */ t(
-          g,
+          p,
           {
-            src: /* @__PURE__ */ t(S, {}),
+            src: /* @__PURE__ */ t(B, {}),
             tooltipContent: n,
             "aria-label": "Información",
             size: e,
             color: "info.enabled"
           }
         ),
-        d && /* @__PURE__ */ t(
-          u,
+        s && /* @__PURE__ */ t(
+          g,
           {
             tooltip: "Alarma",
             icon: "https://s3.us-east-1.amazonaws.com/static.made4labs/environments/d1/frontend/components/Widgets/assets/icons/siren.svg",
@@ -29,7 +29,7 @@ function v({ title: i, children: a, size: e, tooltip: n, isAlarm: d, menuActions
           }
         ),
         r && /* @__PURE__ */ t(
-          B,
+          u,
           {
             menuActions: r,
             toolTip: "Más acciones",
@@ -38,10 +38,10 @@ function v({ title: i, children: a, size: e, tooltip: n, isAlarm: d, menuActions
         )
       ] })
     ] }),
-    /* @__PURE__ */ t(f, { children: a })
-  ] }) });
+    /* @__PURE__ */ t(m, { children: i })
+  ] });
 }
 export {
-  v as WidgetBase,
-  v as default
+  b as WidgetBase,
+  b as default
 };

package/cards/WidgetBase/WidgetBase.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetBase.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBase/WidgetBase.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,EAAE,gBAoF9B,CAAC"}
+{"version":3,"file":"WidgetBase.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBase/WidgetBase.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,EAAE,gBAqE9B,CAAC"}

package/cards/WidgetBase/WidgetBase.styles.js

@@ -1,21 +1,5 @@
-import { getSizeStyles as a, getTypographyStyles as s } from "@m4l/components";
+import { getSizeStyles as s, getTypographyStyles as a } from "@m4l/components";
 const n = {
-  /**
-   * Root container: container query context for responsive layout.
-   */
-  widgetBaseRoot: ({ theme: e }) => ({
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "flex-start",
-    alignSelf: "stretch",
-    containerName: "root",
-    containerType: "size",
-    width: "100%",
-    height: "100%",
-    gap: e.vars.size.baseSpacings.sp2,
-    backgroundColor: e.vars.palette.background.default,
-    borderRadius: e.vars.size.borderRadius.r3
-  }),
   /**
    * Styles for the header of the widget base component.
    */
@@ -25,7 +9,7 @@ const n = {
     alignItems: "center",
     justifyContent: "flex-start",
     width: "100%",
-    ...a(
+    ...s(
       e,
       t?.size || "medium",
       "action",
@@ -40,11 +24,11 @@ const n = {
    * Styles for the title of the header of the widget base component.
    */
   widgetBaseHeaderTitle: ({ theme: e, ownerState: t }) => ({
-    ...s(e?.generalSettings?.isMobile, t?.size || "medium", "captionDens"),
+    ...a(e?.generalSettings?.isMobile, t?.size || "medium", "bodyDens"),
     color: e.vars.palette.text.primary,
     flexGrow: 1,
-    flexShrink: 1,
-    minWidth: 0,
+    flexShrink: 0,
+    minWidth: 50,
     textOverflow: "ellipsis",
     overflow: "hidden",
     fontFamily: "Inter",
@@ -60,9 +44,10 @@ const n = {
     display: "flex",
     flex: "row nowrap",
     alignItems: "center",
-    justifyContent: "center",
+    justifyContent: "flex-end",
+    overflow: "hidden",
     alignSelf: "center",
-    flexShrink: 0,
+    flexShrink: 1,
     flexBasis: "auto",
     gap: e.vars.size.baseSpacings.sp2
   }),

package/cards/WidgetBase/slots/WidgetBaseEnum.d.ts

@@ -3,7 +3,6 @@
  * Must match the keys in WidgetBase.styles.ts.
  */
 export declare enum WidgetBaseSlots {
-    widgetBaseRoot = "widgetBaseRoot",
     widgetBaseHeader = "widgetBaseHeader",
     widgetBaseHeaderTitle = "widgetBaseHeaderTitle",
     widgetBaseHeaderActions = "widgetBaseHeaderActions",

package/cards/WidgetBase/slots/WidgetBaseEnum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetBaseEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/cards/WidgetBase/slots/WidgetBaseEnum.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,oBAAY,eAAe;IACzB,cAAc,mBAAmB;IACjC,gBAAgB,qBAAqB;IACrC,qBAAqB,0BAA0B;IAC/C,uBAAuB,4BAA4B;IACnD,iBAAiB,sBAAsB;CACxC"}
+{"version":3,"file":"WidgetBaseEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/cards/WidgetBase/slots/WidgetBaseEnum.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,oBAAY,eAAe;IACzB,gBAAgB,qBAAqB;IACrC,qBAAqB,0BAA0B;IAC/C,uBAAuB,4BAA4B;IACnD,iBAAiB,sBAAsB;CACxC"}

package/cards/WidgetBase/slots/WidgetBaseEnum.js

@@ -1,4 +1,4 @@
-var t = /* @__PURE__ */ ((e) => (e.widgetBaseRoot = "widgetBaseRoot", e.widgetBaseHeader = "widgetBaseHeader", e.widgetBaseHeaderTitle = "widgetBaseHeaderTitle", e.widgetBaseHeaderActions = "widgetBaseHeaderActions", e.widgetBaseContent = "widgetBaseContent", e))(t || {});
+var a = /* @__PURE__ */ ((e) => (e.widgetBaseHeader = "widgetBaseHeader", e.widgetBaseHeaderTitle = "widgetBaseHeaderTitle", e.widgetBaseHeaderActions = "widgetBaseHeaderActions", e.widgetBaseContent = "widgetBaseContent", e))(a || {});
 export {
-  t as WidgetBaseSlots
+  a as WidgetBaseSlots
 };

package/cards/WidgetBase/slots/WidgetBaseSlots.d.ts

@@ -1,6 +1,3 @@
-export declare const WidgetBaseRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').WidgetBaseOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const WidgetBaseHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').WidgetBaseOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/cards/WidgetBase/slots/WidgetBaseSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetBaseSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/cards/WidgetBase/slots/WidgetBaseSlots.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB;;6NAGE,CAAC;AAEpC,eAAO,MAAM,sBAAsB;;6NAGE,CAAC;AAEtC,eAAO,MAAM,2BAA2B;;UAGE,CAAC;AAE3C,eAAO,MAAM,6BAA6B;;6NAGE,CAAC;AAE7C,eAAO,MAAM,uBAAuB;;6NAGE,CAAC"}
+{"version":3,"file":"WidgetBaseSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/cards/WidgetBase/slots/WidgetBaseSlots.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,sBAAsB;;6NAGE,CAAC;AAEtC,eAAO,MAAM,2BAA2B;;UAGE,CAAC;AAE3C,eAAO,MAAM,6BAA6B;;6NAGE,CAAC;AAE7C,eAAO,MAAM,uBAAuB;;6NAGE,CAAC"}

package/cards/WidgetBase/slots/WidgetBaseSlots.js

@@ -1,28 +1,24 @@
 import { styled as e } from "@mui/material/styles";
 import { widgetBaseStyles as t } from "../WidgetBase.styles.js";
 import { WidgetBaseSlots as d } from "./WidgetBaseEnum.js";
-import { WIDGET_BASE_KEY_COMPONENT as o } from "../constants.js";
-import { Typography as s } from "@mui/material";
+import { WIDGET_BASE_KEY_COMPONENT as a } from "../constants.js";
+import { Typography as i } from "@mui/material";
 const B = e("div", {
-  name: o,
-  slot: d.widgetBaseRoot
-})(t.widgetBaseRoot), l = e("div", {
-  name: o,
+  name: a,
   slot: d.widgetBaseHeader
-})(t.widgetBaseHeader), m = e(s, {
-  name: o,
+})(t.widgetBaseHeader), l = e(i, {
+  name: a,
   slot: d.widgetBaseHeaderTitle
-})(t.widgetBaseHeaderTitle), w = e("div", {
-  name: o,
+})(t.widgetBaseHeaderTitle), m = e("div", {
+  name: a,
   slot: d.widgetBaseHeaderActions
-})(t.widgetBaseHeaderActions), y = e("div", {
-  name: o,
+})(t.widgetBaseHeaderActions), w = e("div", {
+  name: a,
   slot: d.widgetBaseContent
 })(t.widgetBaseContent);
 export {
-  y as WidgetBaseContentStyled,
-  w as WidgetBaseHeaderActionsStyled,
-  l as WidgetBaseHeaderStyled,
-  m as WidgetBaseHeaderTitleStyled,
-  B as WidgetBaseRootStyled
+  w as WidgetBaseContentStyled,
+  m as WidgetBaseHeaderActionsStyled,
+  B as WidgetBaseHeaderStyled,
+  l as WidgetBaseHeaderTitleStyled
 };

package/cards/WidgetBaseThreeValues/WidgetBaseThreeValues.js

@@ -1,21 +1,21 @@
-import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
-import { WidgetBaseThreeValuesRootStyled as o, WidgetBaseThreeValuesContainerStyled as u, WidgetBaseThreeValuesLeftValueStyled as V, WidgetBaseThreeValuesRigthContainerStyled as c, WidgetBaseThreeValuesFirstValueStyled as g, WidgetBaseThreeValuesSecondValueStyled as B } from "./slots/WidgetBaseThreeValuesSlots.js";
+import { jsx as e, jsxs as r } from "@emotion/react/jsx-runtime";
+import { WidgetBaseThreeValuesRootStyled as o, WidgetBaseThreeValuesContainerStyled as u, WidgetBaseThreeValuesLeftValueStyled as g, WidgetBaseThreeValuesRigthContainerStyled as V, WidgetBaseThreeValuesFirstValueStyled as c, WidgetBaseThreeValuesSecondValueStyled as B } from "./slots/WidgetBaseThreeValuesSlots.js";
 import { WidgetBase as W } from "../WidgetBase/WidgetBase.js";
 function m({
-  title: r,
+  title: i,
   leftValue: l,
   firstValue: d,
-  secondValue: i,
+  secondValue: t,
   size: a,
   tooltip: s,
   isAlarm: h,
   menuActions: n
 }) {
-  return /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(W, { title: r, size: a, tooltip: s, isAlarm: h, menuActions: n, children: /* @__PURE__ */ t(u, { children: [
-    /* @__PURE__ */ e(V, { children: l }),
-    /* @__PURE__ */ t(c, { children: [
-      /* @__PURE__ */ e(g, { children: d }),
-      /* @__PURE__ */ e(B, { children: i })
+  return /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(W, { title: i, size: a, tooltip: s, isAlarm: h, menuActions: n, children: /* @__PURE__ */ r(u, { children: [
+    /* @__PURE__ */ e(g, { children: l }),
+    /* @__PURE__ */ r(V, { children: [
+      /* @__PURE__ */ e(c, { children: d }),
+      t && /* @__PURE__ */ e(B, { children: t })
     ] })
   ] }) }) });
 }

package/cards/WidgetBaseThreeValues/WidgetBaseThreeValues.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetBaseThreeValues.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBaseThreeValues/WidgetBaseThreeValues.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,2BAA2B,EAAE,2BA0EzC,CAAC"}
+{"version":3,"file":"WidgetBaseThreeValues.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBaseThreeValues/WidgetBaseThreeValues.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,2BAA2B,EAAE,2BAgFzC,CAAC"}

package/cards/WidgetBaseThreeValues/WidgetBaseThreeValues.styles.js

@@ -4,12 +4,14 @@ const t = {
    */
   widgetBaseRoot: () => ({
     display: "flex",
+    containerName: "root",
+    containerType: "size",
     flexDirection: "column",
     justifyContent: "space-between",
     alignItems: "center",
     alignSelf: "stretch",
     width: "100%",
-    minHeight: 0,
+    minHeight: 50,
     flex: 1
   }),
   /**
@@ -31,7 +33,10 @@ const t = {
     flex: 0,
     alignItems: "center",
     justifyContent: "center",
-    height: "100%"
+    height: "100%",
+    "@container root (max-width: 150px)": {
+      display: "none"
+    }
   }),
   /**
    * Right container.
@@ -41,10 +46,11 @@ const t = {
     flexDirection: "column",
     flex: 1,
     height: "100%",
-    alignItems: "flex-end",
-    justifyContent: "center",
+    overflow: "hidden",
+    textAlign: "right",
+    justifyContent: "flex-end",
     padding: "0 " + e.vars.size.baseSpacings.sp0 + " 0 0",
-    gap: e.vars.size.baseSpacings["sp1-5"]
+    gap: e.vars.size.baseSpacings.sp1
   }),
   /**
    * First value container.
@@ -53,7 +59,7 @@ const t = {
     display: "flex",
     flex: 0,
     alignItems: "center",
-    justifyContent: "center",
+    justifyContent: "flex-end",
     paddingRight: e.vars.size.baseSpacings.sp1
   }),
   /**
@@ -62,8 +68,8 @@ const t = {
   widgetBaseThreeValuesSecondValue: ({ theme: e }) => ({
     display: "flex",
     flex: 0,
-    alignItems: "center",
-    justifyContent: "center",
+    alignItems: "flex-start",
+    justifyContent: "flex-end",
     paddingRight: e.vars.size.baseSpacings.sp1
   })
 };

package/cards/WidgetBaseThreeValues/slots/WidgetBaseThreeValuesSlots.d.ts

@@ -1,19 +1,19 @@
 export declare const WidgetBaseThreeValuesRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').WidgetBaseThreeValuesOwnerState> & Record<string, unknown>) | undefined;
+    ownerState?: any;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const WidgetBaseThreeValuesContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').WidgetBaseThreeValuesOwnerState> & Record<string, unknown>) | undefined;
+    ownerState?: any;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const WidgetBaseThreeValuesLeftValueStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').WidgetBaseThreeValuesOwnerState> & Record<string, unknown>) | undefined;
+    ownerState?: any;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const WidgetBaseThreeValuesRigthContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').WidgetBaseThreeValuesOwnerState> & Record<string, unknown>) | undefined;
+    ownerState?: any;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const WidgetBaseThreeValuesFirstValueStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').WidgetBaseThreeValuesOwnerState> & Record<string, unknown>) | undefined;
+    ownerState?: any;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const WidgetBaseThreeValuesSecondValueStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').WidgetBaseThreeValuesOwnerState> & Record<string, unknown>) | undefined;
+    ownerState?: any;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 //# sourceMappingURL=WidgetBaseThreeValuesSlots.d.ts.map

package/cards/WidgetBaseThreeValues/types.d.ts

@@ -11,15 +11,12 @@ export interface WidgetBaseThreeValuesProps {
     title: string;
     leftValue: ReactNode;
     firstValue: ReactNode;
-    secondValue: ReactNode;
+    secondValue?: ReactNode;
     size?: Extract<Sizes, 'small' | 'medium'>;
     tooltip?: string;
     isAlarm?: boolean;
     menuActions?: MenuAction[];
 }
-export type WidgetBaseThreeValuesOwnerState = {
-    size?: WidgetBaseThreeValuesProps['size'];
-};
 export type WidgetBaseThreeValuesSlotsType = keyof typeof WidgetBaseThreeValuesSlots;
 export type WidgetBaseThreeValuesStyles = M4LOverridesStyleRules<WidgetBaseThreeValuesSlotsType, typeof WIDGET_BASE_THREE_VALUES_KEY_COMPONENT, Theme>;
 //# sourceMappingURL=types.d.ts.map

package/cards/WidgetBaseThreeValues/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBaseThreeValues/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,sCAAsC,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,SAAS,CAAC;IACtB,WAAW,EAAE,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;CAC5B;AAED,MAAM,MAAM,+BAA+B,GAAG;IAC5C,IAAI,CAAC,EAAE,0BAA0B,CAAC,MAAM,CAAC,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,8BAA8B,GAAG,MAAM,OAAO,0BAA0B,CAAC;AACrF,MAAM,MAAM,2BAA2B,GAAG,sBAAsB,CAAC,8BAA8B,EAAE,OAAO,sCAAsC,EAAE,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetBaseThreeValues/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,sCAAsC,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;CAC5B;AAED,MAAM,MAAM,8BAA8B,GAAG,MAAM,OAAO,0BAA0B,CAAC;AACrF,MAAM,MAAM,2BAA2B,GAAG,sBAAsB,CAAC,8BAA8B,EAAE,OAAO,sCAAsC,EAAE,KAAK,CAAC,CAAC"}

package/cards/WidgetDigitalInput/WidgetDigitalInput.d.ts

@@ -15,6 +15,6 @@ import { WidgetDigitalInputProps } from './types';
  * @param isAlarm - Is alarm of the widget.
  * @param menuActions - Menu actions of the widget.
  */
-export declare function WidgetDigitalInput({ title, isOpen, titleOpen, titleClosed, imageUrlOpen, imageUrlClosed, value, chipColorOpen, size, tooltip, isAlarm, menuActions, }: WidgetDigitalInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function WidgetDigitalInput({ title, isOpen, titleOpen, titleClosed, imageUrlOpen, imageUrlClosed, secondValue, chipColorOpen, size, tooltip, isAlarm, menuActions, }: WidgetDigitalInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default WidgetDigitalInput;
 //# sourceMappingURL=WidgetDigitalInput.d.ts.map

package/cards/WidgetDigitalInput/WidgetDigitalInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetDigitalInput.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetDigitalInput/WidgetDigitalInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQrF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,SAAS,EACT,WAAW,EACX,YAAY,EACZ,cAAc,EACd,KAAK,EACL,aAAsB,EACtB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,WAAW,GACZ,EAAE,uBAAuB,oDAsCzB;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"WidgetDigitalInput.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetDigitalInput/WidgetDigitalInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQrF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,MAAM,EACN,SAAS,EACT,WAAW,EACX,YAAY,EACZ,cAAc,EACd,WAAW,EACX,aAAsB,EACtB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,WAAW,GACZ,EAAE,uBAAuB,oDAyCzB;AAED,eAAe,kBAAkB,CAAC"}

package/cards/WidgetDigitalInput/WidgetDigitalInput.js

@@ -1,45 +1,46 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { WidgetDigitalInputRootStyled as c, WidgetDigitalInputSecondValueStyled as V } from "./slots/WidgetDigitalInputSlots.js";
-import { WidgetBaseThreeValues as S } from "../WidgetBaseThreeValues/WidgetBaseThreeValues.js";
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { WidgetDigitalInputRootStyled as c, WidgetDigitalInputSecondValueStyled as S } from "./slots/WidgetDigitalInputSlots.js";
+import { WidgetBaseThreeValues as V } from "../WidgetBaseThreeValues/WidgetBaseThreeValues.js";
 import { useGetValues as W } from "./hooks/useGetValues.js";
 function y({
-  title: i,
-  isOpen: o,
-  titleOpen: r,
-  titleClosed: a,
-  imageUrlOpen: l,
-  imageUrlClosed: n,
-  value: u,
+  title: o,
+  isOpen: r,
+  titleOpen: a,
+  titleClosed: l,
+  imageUrlOpen: n,
+  imageUrlClosed: u,
+  secondValue: i,
   chipColorOpen: d = "info",
-  size: e,
+  size: t,
   tooltip: f,
   isAlarm: m,
-  menuActions: s
+  menuActions: g
 }) {
   const [
-    g,
-    p
+    p,
+    s
   ] = W({
-    isOpen: o,
-    titleOpen: r,
-    titleClosed: a,
+    isOpen: r,
+    titleOpen: a,
+    titleClosed: l,
     chipColorOpen: d,
-    imageUrlOpen: l,
-    imageUrlClosed: n
+    imageUrlOpen: n,
+    imageUrlClosed: u,
+    size: t
   });
-  return /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(
-    S,
+  return /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
+    V,
     {
-      title: i,
-      leftValue: p,
-      firstValue: g,
-      secondValue: /* @__PURE__ */ t(V, { ownerState: {
-        size: e
-      }, children: u }),
-      size: e,
+      title: o,
+      leftValue: s,
+      firstValue: p,
+      secondValue: i && /* @__PURE__ */ e(S, { ownerState: {
+        size: t
+      }, children: i }),
+      size: t,
       tooltip: f,
       isAlarm: m,
-      menuActions: s
+      menuActions: g
     }
   ) });
 }

package/cards/WidgetDigitalInput/WidgetDigitalInput.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetDigitalInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetDigitalInput/WidgetDigitalInput.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD,eAAO,MAAM,wBAAwB,EAAE,wBA8BtC,CAAC"}
+{"version":3,"file":"WidgetDigitalInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetDigitalInput/WidgetDigitalInput.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD,eAAO,MAAM,wBAAwB,EAAE,wBA4BtC,CAAC"}

package/cards/WidgetDigitalInput/WidgetDigitalInput.styles.js

@@ -1,5 +1,5 @@
 import { getTypographyStyles as i } from "@m4l/components";
-const o = {
+const l = {
   /**
    * Root container: container query context for responsive layout.
    */
@@ -20,15 +20,13 @@ const o = {
     WebkitTextStrokeColor: t.vars.palette.text.secondary,
     overflow: "hidden",
     textOverflow: "ellipsis",
-    fontFamily: "Jura",
+    whiteSpace: "nowrap",
+    fontFamily: "Inter",
     fontWeight: 700,
     minWidth: 0,
-    display: "-webkit-box",
-    WebkitBoxOrient: "vertical",
-    WebkitLineClamp: 2,
-    lineClamp: 2
+    width: "100%"
   })
 };
 export {
-  o as widgetDigitalInputStyles
+  l as widgetDigitalInputStyles
 };

package/cards/WidgetDigitalInput/hooks/useGetValues.d.ts

@@ -2,5 +2,5 @@ import { useGetValuesProps } from '../types';
 /**
  * Resolves the first value (Chip) and image to display based on open/closed state.
  */
-export declare function useGetValues({ isOpen, titleOpen, titleClosed, chipColorOpen, imageUrlOpen, imageUrlClosed, }: useGetValuesProps): import("@emotion/react/jsx-runtime").JSX.Element[];
+export declare function useGetValues({ isOpen, titleOpen, titleClosed, chipColorOpen, imageUrlOpen, imageUrlClosed, size, }: useGetValuesProps): import("@emotion/react/jsx-runtime").JSX.Element[];
 //# sourceMappingURL=useGetValues.d.ts.map

package/cards/WidgetDigitalInput/hooks/useGetValues.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGetValues.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/cards/WidgetDigitalInput/hooks/useGetValues.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,SAAS,EACT,WAAW,EACX,aAAa,EACb,YAAY,EACZ,cAAc,GACf,EAAE,iBAAiB,sDAiBnB"}
+{"version":3,"file":"useGetValues.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/cards/WidgetDigitalInput/hooks/useGetValues.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,SAAS,EACT,WAAW,EACX,aAAa,EACb,YAAY,EACZ,cAAc,EACd,IAAI,GACL,EAAE,iBAAiB,sDAiBnB"}

package/cards/WidgetDigitalInput/hooks/useGetValues.js

@@ -1,17 +1,18 @@
 import { jsx as m } from "@emotion/react/jsx-runtime";
 import { useMemo as f } from "react";
-import { Chip as h, Image as d } from "@m4l/components";
-function V({
+import { Chip as i, Image as d } from "@m4l/components";
+function b({
   isOpen: t,
   titleOpen: a,
   titleClosed: c,
   chipColorOpen: r,
   imageUrlOpen: o,
-  imageUrlClosed: u
+  imageUrlClosed: u,
+  size: e
 }) {
-  const e = t ? a : c, l = f(() => /* @__PURE__ */ m(h, { color: t ? r : "default", label: e }), [t, r, e]), s = f(() => /* @__PURE__ */ m(d, { src: t ? o : u, alt: t ? "Open" : "Closed", width: 50, height: 50 }), [t, o, u]);
-  return [l, s];
+  const l = t ? a : c, s = f(() => /* @__PURE__ */ m(i, { color: t ? r : "default", label: l, size: e, ellipsis: !0 }), [t, r, l, e]), h = f(() => /* @__PURE__ */ m(d, { src: t ? o : u, alt: t ? "Open" : "Closed", width: 50, height: 50 }), [t, o, u]);
+  return [s, h];
 }
 export {
-  V as useGetValues
+  b as useGetValues
 };

package/cards/WidgetDigitalInput/types.d.ts

@@ -13,13 +13,16 @@ export interface WidgetDigitalInputProps {
     titleClosed: string;
     imageUrlOpen: string;
     imageUrlClosed: string;
-    value?: string;
+    secondValue?: string;
     chipColorOpen?: Extract<ChipColorOptions, 'info' | 'error'>;
     isAlarm?: boolean;
     size?: Extract<Sizes, 'small' | 'medium'>;
     tooltip?: string;
     menuActions?: MenuAction[];
 }
+/**
+ * Props for the useGetValues hook.
+ */
 export interface useGetValuesProps {
     isOpen: boolean;
     titleOpen: string;
@@ -27,6 +30,7 @@ export interface useGetValuesProps {
     chipColorOpen?: ChipColorOptions;
     imageUrlOpen: string;
     imageUrlClosed: string;
+    size?: Extract<Sizes, 'small' | 'medium'>;
 }
 export type WidgetDigitalInputOwnerState = {
     size?: WidgetDigitalInputProps['size'];

package/cards/WidgetDigitalInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetDigitalInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,kCAAkC,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC,gBAAgB,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;CACxC,CAAC;AACF,MAAM,MAAM,2BAA2B,GAAG,MAAM,OAAO,uBAAuB,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,2BAA2B,EAAE,OAAO,kCAAkC,EAAE,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/cards/WidgetDigitalInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,kCAAkC,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC,gBAAgB,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;CAC3C;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;CACxC,CAAC;AACF,MAAM,MAAM,2BAA2B,GAAG,MAAM,OAAO,uBAAuB,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,2BAA2B,EAAE,OAAO,kCAAkC,EAAE,KAAK,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/widgets",
-  "version": "0.0.4-beta-feature-655-widget-digitalinput.0",
+  "version": "0.0.4-beta-feature-655-widget-digitalinput.2",
   "publishConfig": {
     "access": "public"
   },