rbro-tat-uds 2.2.2 → 2.2.3

package/build/cjs/components/GraficContributieUnitlinked/GraficContributieUnitlinked.cjs

@@ -0,0 +1,157 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('../../utils');
+var React = require('react');
+var styled = require('styled-components');
+
+const GraficContributieUnitlinkedStyled = styled.svg`
+  & > .limit_label_main {
+    font-size: 14px;
+    font-weight: 400;
+    fill: ${utils.colors.gray_950};
+  }
+  & > .limit_label_secondary {
+    font-size: 16px;
+    font-weight: 700;
+    fill: ${utils.colors.gray_950};
+  }
+`;
+const GraficContributieUnitlinked = ({
+  limitTop = 50,
+  limitBottom = 100,
+  limitTopLabel = "Top Label",
+  limitBottomLabel = "Bottom Label",
+  currency = "RON",
+  height = 142,
+  colorBar = utils.colors.danger_100,
+  colorFilledBar = utils.colors.success_400
+}) => {
+  const RO = new Intl.NumberFormat("RO");
+  const svg_ref = React.useRef(null);
+  const [w, setW] = React.useState(0);
+  const BAR_HEIGHT = 24;
+  const configuration = React.useMemo(() => {
+    const barY = height / 2 - BAR_HEIGHT / 2;
+    const barYStop = barY + BAR_HEIGHT;
+    const limitTopHeight = height - barYStop + BAR_HEIGHT;
+    const limitTopX = Math.min(Math.max(0, limitTop / limitBottom * w), w - 2);
+    const limitTopLabelsAnchor = limitTopX > w * 0.75 ? "end" : "start";
+    const limitBottomX = w - 2;
+    const limitBottomY = barY;
+    const limitBottomHeight = limitTopHeight;
+    return {
+      barY,
+      barYStop,
+      limitTopHeight,
+      limitTopX,
+      limitTopLabelsAnchor,
+      limitBottomY,
+      limitBottomHeight,
+      limitBottomX
+    };
+  }, [limitTop, limitBottom, height, w]);
+  React.useEffect(() => {
+    if (svg_ref.current) {
+      setW(svg_ref.current.clientWidth);
+    }
+  }, [svg_ref]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    GraficContributieUnitlinkedStyled,
+    {
+      ref: svg_ref,
+      width: "100%",
+      height,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: 0,
+            y: configuration.barY,
+            width: "100%",
+            height: BAR_HEIGHT,
+            fill: colorBar
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: 0,
+            y: configuration.barY,
+            width: configuration.limitTopX,
+            height: BAR_HEIGHT,
+            fill: colorFilledBar
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: configuration.limitTopX,
+            y: 0,
+            height: configuration.limitTopHeight,
+            fill: "black",
+            width: 2
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            className: "limit_label_main",
+            textAnchor: configuration.limitTopLabelsAnchor,
+            x: configuration.limitTopX + (configuration.limitTopLabelsAnchor === "start" ? 12 : -12),
+            y: 12,
+            children: limitTopLabel
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            className: "limit_label_secondary",
+            textAnchor: configuration.limitTopLabelsAnchor,
+            x: configuration.limitTopX + (configuration.limitTopLabelsAnchor === "start" ? 12 : -12),
+            y: 12 + 20,
+            children: RO.format(limitTop) + " " + currency
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: configuration.limitBottomX,
+            y: configuration.limitBottomY,
+            height: configuration.limitBottomHeight,
+            fill: "black",
+            width: 2
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            className: "limit_label_main",
+            textAnchor: "end",
+            x: configuration.limitBottomX - 12,
+            y: height - 20,
+            children: limitBottomLabel
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            className: "limit_label_secondary",
+            textAnchor: "end",
+            x: configuration.limitBottomX - 12,
+            y: height,
+            children: RO.format(limitBottom) + " " + currency
+          }
+        )
+      ]
+    }
+  );
+};
+
+exports.default = GraficContributieUnitlinked;

package/build/cjs/components/GraficContributieUnitlinked/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var GraficContributieUnitlinked = require('./GraficContributieUnitlinked.cjs');
+
+
+
+exports.default = GraficContributieUnitlinked.default;

package/build/cjs/components/index.cjs

@@ -89,6 +89,7 @@ var UnitlinkGraph = require('./UnitlinkGraph/UnitlinkGraph.cjs');
 var VerticalHeat = require('./VerticalHeat/VerticalHeat.cjs');
 var Icon = require('./Icon/Icon.cjs');
 var Spinner = require('./Spinner/Spinner.cjs');
+var GraficContributieUnitlinked = require('./GraficContributieUnitlinked/GraficContributieUnitlinked.cjs');
 
 
 
@@ -178,3 +179,4 @@ exports.UnitlinkGraph = UnitlinkGraph.default;
 exports.VerticalHeat = VerticalHeat.default;
 exports.Icon = Icon.default;
 exports.Spinner = Spinner.default;
+exports.GraficContributieUnitlinked = GraficContributieUnitlinked.default;

package/build/cjs/index.cjs

@@ -11378,6 +11378,150 @@ const IconCard = ({
   );
 };
 
+const GraficContributieUnitlinkedStyled = styled__default.default.svg`
+  & > .limit_label_main {
+    font-size: 14px;
+    font-weight: 400;
+    fill: ${utils.colors.gray_950};
+  }
+  & > .limit_label_secondary {
+    font-size: 16px;
+    font-weight: 700;
+    fill: ${utils.colors.gray_950};
+  }
+`;
+const GraficContributieUnitlinked = ({
+  limitTop = 50,
+  limitBottom = 100,
+  limitTopLabel = "Top Label",
+  limitBottomLabel = "Bottom Label",
+  currency = "RON",
+  height = 142,
+  colorBar = utils.colors.danger_100,
+  colorFilledBar = utils.colors.success_400
+}) => {
+  const RO = new Intl.NumberFormat("RO");
+  const svg_ref = React.useRef(null);
+  const [w, setW] = React.useState(0);
+  const BAR_HEIGHT = 24;
+  const configuration = React.useMemo(() => {
+    const barY = height / 2 - BAR_HEIGHT / 2;
+    const barYStop = barY + BAR_HEIGHT;
+    const limitTopHeight = height - barYStop + BAR_HEIGHT;
+    const limitTopX = Math.min(Math.max(0, limitTop / limitBottom * w), w - 2);
+    const limitTopLabelsAnchor = limitTopX > w * 0.75 ? "end" : "start";
+    const limitBottomX = w - 2;
+    const limitBottomY = barY;
+    const limitBottomHeight = limitTopHeight;
+    return {
+      barY,
+      barYStop,
+      limitTopHeight,
+      limitTopX,
+      limitTopLabelsAnchor,
+      limitBottomY,
+      limitBottomHeight,
+      limitBottomX
+    };
+  }, [limitTop, limitBottom, height, w]);
+  React.useEffect(() => {
+    if (svg_ref.current) {
+      setW(svg_ref.current.clientWidth);
+    }
+  }, [svg_ref]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    GraficContributieUnitlinkedStyled,
+    {
+      ref: svg_ref,
+      width: "100%",
+      height,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: 0,
+            y: configuration.barY,
+            width: "100%",
+            height: BAR_HEIGHT,
+            fill: colorBar
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: 0,
+            y: configuration.barY,
+            width: configuration.limitTopX,
+            height: BAR_HEIGHT,
+            fill: colorFilledBar
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: configuration.limitTopX,
+            y: 0,
+            height: configuration.limitTopHeight,
+            fill: "black",
+            width: 2
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            className: "limit_label_main",
+            textAnchor: configuration.limitTopLabelsAnchor,
+            x: configuration.limitTopX + (configuration.limitTopLabelsAnchor === "start" ? 12 : -12),
+            y: 12,
+            children: limitTopLabel
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            className: "limit_label_secondary",
+            textAnchor: configuration.limitTopLabelsAnchor,
+            x: configuration.limitTopX + (configuration.limitTopLabelsAnchor === "start" ? 12 : -12),
+            y: 12 + 20,
+            children: RO.format(limitTop) + " " + currency
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: configuration.limitBottomX,
+            y: configuration.limitBottomY,
+            height: configuration.limitBottomHeight,
+            fill: "black",
+            width: 2
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            className: "limit_label_main",
+            textAnchor: "end",
+            x: configuration.limitBottomX - 12,
+            y: height - 20,
+            children: limitBottomLabel
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            className: "limit_label_secondary",
+            textAnchor: "end",
+            x: configuration.limitBottomX - 12,
+            y: height,
+            children: RO.format(limitBottom) + " " + currency
+          }
+        )
+      ]
+    }
+  );
+};
+
 var _g$a, _g2$8, _path$8, _path2$8, _path3$8, _path4$8, _path5$8, _path6$8, _path7$8, _path8$8, _path9$8, _path0$8, _path1$7, _path10$6, _g3$8, _g4$4, _path11$5, _path12$5, _path13$3, _path14$3, _path15$3, _path16$3, _path17$3, _path18$3, _path19$3, _path20$3, _path21$3, _path22$3, _path23$3, _defs$a;
 function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
 var SvgMInvestingMoney = function SvgMInvestingMoney(props) {
@@ -26273,6 +26417,7 @@ exports.Dropdown = Dropdown;
 exports.Flex = Flex;
 exports.FormField = FormField;
 exports.GraficConfiguratiePensii = GraficConfiguratiePensii;
+exports.GraficContributieUnitlinked = GraficContributieUnitlinked;
 exports.GraficFondInvestitii = GraficFondInvestitii;
 exports.GraficFondInvestitiiInflatie = GraficFondInvestitiiInflatie;
 exports.GraficPensii = GraficPensii;

package/build/esm/components/GraficContributieUnitlinked/GraficContributieUnitlinked.js

@@ -0,0 +1,153 @@
+"use strict";
+"use client";
+
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { colors } from '../../utils';
+import { useRef, useState, useMemo, useEffect } from 'react';
+import styled from 'styled-components';
+
+const GraficContributieUnitlinkedStyled = styled.svg`
+  & > .limit_label_main {
+    font-size: 14px;
+    font-weight: 400;
+    fill: ${colors.gray_950};
+  }
+  & > .limit_label_secondary {
+    font-size: 16px;
+    font-weight: 700;
+    fill: ${colors.gray_950};
+  }
+`;
+const GraficContributieUnitlinked = ({
+  limitTop = 50,
+  limitBottom = 100,
+  limitTopLabel = "Top Label",
+  limitBottomLabel = "Bottom Label",
+  currency = "RON",
+  height = 142,
+  colorBar = colors.danger_100,
+  colorFilledBar = colors.success_400
+}) => {
+  const RO = new Intl.NumberFormat("RO");
+  const svg_ref = useRef(null);
+  const [w, setW] = useState(0);
+  const BAR_HEIGHT = 24;
+  const configuration = useMemo(() => {
+    const barY = height / 2 - BAR_HEIGHT / 2;
+    const barYStop = barY + BAR_HEIGHT;
+    const limitTopHeight = height - barYStop + BAR_HEIGHT;
+    const limitTopX = Math.min(Math.max(0, limitTop / limitBottom * w), w - 2);
+    const limitTopLabelsAnchor = limitTopX > w * 0.75 ? "end" : "start";
+    const limitBottomX = w - 2;
+    const limitBottomY = barY;
+    const limitBottomHeight = limitTopHeight;
+    return {
+      barY,
+      barYStop,
+      limitTopHeight,
+      limitTopX,
+      limitTopLabelsAnchor,
+      limitBottomY,
+      limitBottomHeight,
+      limitBottomX
+    };
+  }, [limitTop, limitBottom, height, w]);
+  useEffect(() => {
+    if (svg_ref.current) {
+      setW(svg_ref.current.clientWidth);
+    }
+  }, [svg_ref]);
+  return /* @__PURE__ */ jsxs(
+    GraficContributieUnitlinkedStyled,
+    {
+      ref: svg_ref,
+      width: "100%",
+      height,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: 0,
+            y: configuration.barY,
+            width: "100%",
+            height: BAR_HEIGHT,
+            fill: colorBar
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: 0,
+            y: configuration.barY,
+            width: configuration.limitTopX,
+            height: BAR_HEIGHT,
+            fill: colorFilledBar
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: configuration.limitTopX,
+            y: 0,
+            height: configuration.limitTopHeight,
+            fill: "black",
+            width: 2
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            className: "limit_label_main",
+            textAnchor: configuration.limitTopLabelsAnchor,
+            x: configuration.limitTopX + (configuration.limitTopLabelsAnchor === "start" ? 12 : -12),
+            y: 12,
+            children: limitTopLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            className: "limit_label_secondary",
+            textAnchor: configuration.limitTopLabelsAnchor,
+            x: configuration.limitTopX + (configuration.limitTopLabelsAnchor === "start" ? 12 : -12),
+            y: 12 + 20,
+            children: RO.format(limitTop) + " " + currency
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: configuration.limitBottomX,
+            y: configuration.limitBottomY,
+            height: configuration.limitBottomHeight,
+            fill: "black",
+            width: 2
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            className: "limit_label_main",
+            textAnchor: "end",
+            x: configuration.limitBottomX - 12,
+            y: height - 20,
+            children: limitBottomLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            className: "limit_label_secondary",
+            textAnchor: "end",
+            x: configuration.limitBottomX - 12,
+            y: height,
+            children: RO.format(limitBottom) + " " + currency
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { GraficContributieUnitlinked as default };

package/build/esm/components/GraficContributieUnitlinked/index.js

@@ -0,0 +1,8 @@
+"use strict";
+"use client";
+
+import GraficContributieUnitlinked from './GraficContributieUnitlinked.js';
+
+
+
+export { GraficContributieUnitlinked as default };

package/build/esm/components/index.js

@@ -87,3 +87,4 @@ export { default as UnitlinkGraph } from './UnitlinkGraph/UnitlinkGraph.js';
 export { default as VerticalHeat } from './VerticalHeat/VerticalHeat.js';
 export { default as Icon } from './Icon/Icon.js';
 export { default as Spinner } from './Spinner/Spinner.js';
+export { default as GraficContributieUnitlinked } from './GraficContributieUnitlinked/GraficContributieUnitlinked.js';

package/build/esm/index.js

@@ -11355,6 +11355,150 @@ const IconCard = ({
   );
 };
 
+const GraficContributieUnitlinkedStyled = styled.svg`
+  & > .limit_label_main {
+    font-size: 14px;
+    font-weight: 400;
+    fill: ${colors.gray_950};
+  }
+  & > .limit_label_secondary {
+    font-size: 16px;
+    font-weight: 700;
+    fill: ${colors.gray_950};
+  }
+`;
+const GraficContributieUnitlinked = ({
+  limitTop = 50,
+  limitBottom = 100,
+  limitTopLabel = "Top Label",
+  limitBottomLabel = "Bottom Label",
+  currency = "RON",
+  height = 142,
+  colorBar = colors.danger_100,
+  colorFilledBar = colors.success_400
+}) => {
+  const RO = new Intl.NumberFormat("RO");
+  const svg_ref = useRef(null);
+  const [w, setW] = useState(0);
+  const BAR_HEIGHT = 24;
+  const configuration = useMemo(() => {
+    const barY = height / 2 - BAR_HEIGHT / 2;
+    const barYStop = barY + BAR_HEIGHT;
+    const limitTopHeight = height - barYStop + BAR_HEIGHT;
+    const limitTopX = Math.min(Math.max(0, limitTop / limitBottom * w), w - 2);
+    const limitTopLabelsAnchor = limitTopX > w * 0.75 ? "end" : "start";
+    const limitBottomX = w - 2;
+    const limitBottomY = barY;
+    const limitBottomHeight = limitTopHeight;
+    return {
+      barY,
+      barYStop,
+      limitTopHeight,
+      limitTopX,
+      limitTopLabelsAnchor,
+      limitBottomY,
+      limitBottomHeight,
+      limitBottomX
+    };
+  }, [limitTop, limitBottom, height, w]);
+  useEffect(() => {
+    if (svg_ref.current) {
+      setW(svg_ref.current.clientWidth);
+    }
+  }, [svg_ref]);
+  return /* @__PURE__ */ jsxs(
+    GraficContributieUnitlinkedStyled,
+    {
+      ref: svg_ref,
+      width: "100%",
+      height,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: 0,
+            y: configuration.barY,
+            width: "100%",
+            height: BAR_HEIGHT,
+            fill: colorBar
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: 0,
+            y: configuration.barY,
+            width: configuration.limitTopX,
+            height: BAR_HEIGHT,
+            fill: colorFilledBar
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: configuration.limitTopX,
+            y: 0,
+            height: configuration.limitTopHeight,
+            fill: "black",
+            width: 2
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            className: "limit_label_main",
+            textAnchor: configuration.limitTopLabelsAnchor,
+            x: configuration.limitTopX + (configuration.limitTopLabelsAnchor === "start" ? 12 : -12),
+            y: 12,
+            children: limitTopLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            className: "limit_label_secondary",
+            textAnchor: configuration.limitTopLabelsAnchor,
+            x: configuration.limitTopX + (configuration.limitTopLabelsAnchor === "start" ? 12 : -12),
+            y: 12 + 20,
+            children: RO.format(limitTop) + " " + currency
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: configuration.limitBottomX,
+            y: configuration.limitBottomY,
+            height: configuration.limitBottomHeight,
+            fill: "black",
+            width: 2
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            className: "limit_label_main",
+            textAnchor: "end",
+            x: configuration.limitBottomX - 12,
+            y: height - 20,
+            children: limitBottomLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            className: "limit_label_secondary",
+            textAnchor: "end",
+            x: configuration.limitBottomX - 12,
+            y: height,
+            children: RO.format(limitBottom) + " " + currency
+          }
+        )
+      ]
+    }
+  );
+};
+
 var _g$a, _g2$8, _path$8, _path2$8, _path3$8, _path4$8, _path5$8, _path6$8, _path7$8, _path8$8, _path9$8, _path0$8, _path1$7, _path10$6, _g3$8, _g4$4, _path11$5, _path12$5, _path13$3, _path14$3, _path15$3, _path16$3, _path17$3, _path18$3, _path19$3, _path20$3, _path21$3, _path22$3, _path23$3, _defs$a;
 function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
 var SvgMInvestingMoney = function SvgMInvestingMoney(props) {
@@ -26224,4 +26368,4 @@ const VerticalHeat = ({
   ] });
 };
 
-export { Alert, AppBranding, AutosaveStatus, Bar, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, Card, Checkbox, CityPicker, ConfigurationSaveInfo, Container, Content, ContentDropdown, CreditCard, DashboardCard, DashboardCategory, DashboardSmallShortcut, Datepicker, Divider, DonutGraph, Dropdown, Flex, FormField, GraficConfiguratiePensii, GraficFondInvestitii, GraficFondInvestitiiInflatie, GraficPensii, GraficPlanInvestitii, GraficPropunerePensii, Icon$1 as Icon, IconButton, IconCard, Illustration, ImageCard, InPageTab, InvestmentFundItem, LabeledText, LabeledTextInLine, Layout, Logo, Modal, ObjectiveCard, ObjectiveCardSmall, OfferCard, OperationsDashboardCard, OperationsDashboardCategory, PageMessage, PageTitle, Pill, PlanFinanciarAUMBar, PlanFinanciarAUMGraph, PlanulFinanciarTeaser, ProductTeaser, ProductTeaserButton, ProductTeaserParameters, ProductTeaserStep, ProposalPensii, ProposalUnitlinked, PropunereAsigurariCalatorie, PropunereFlexicredit, PropunereFondInvestitii, PropunuerePlanInvestitii as PropunerePlanInvestitii, Radio, RatesCalculator, Section, SegmentedTabs, SelectionButton, SelectionPill, ShortcutCard, Sidebar, SidebarItem, Slider, Spinner, StepTab, StepsBar, Switch, Tab, TextInput, TimedButton, TimelineSteps, TimelineStepsItem, Timer, UnitLinkGraph as UnitlinkGraph, VerticalHeat };
+export { Alert, AppBranding, AutosaveStatus, Bar, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, Card, Checkbox, CityPicker, ConfigurationSaveInfo, Container, Content, ContentDropdown, CreditCard, DashboardCard, DashboardCategory, DashboardSmallShortcut, Datepicker, Divider, DonutGraph, Dropdown, Flex, FormField, GraficConfiguratiePensii, GraficContributieUnitlinked, GraficFondInvestitii, GraficFondInvestitiiInflatie, GraficPensii, GraficPlanInvestitii, GraficPropunerePensii, Icon$1 as Icon, IconButton, IconCard, Illustration, ImageCard, InPageTab, InvestmentFundItem, LabeledText, LabeledTextInLine, Layout, Logo, Modal, ObjectiveCard, ObjectiveCardSmall, OfferCard, OperationsDashboardCard, OperationsDashboardCategory, PageMessage, PageTitle, Pill, PlanFinanciarAUMBar, PlanFinanciarAUMGraph, PlanulFinanciarTeaser, ProductTeaser, ProductTeaserButton, ProductTeaserParameters, ProductTeaserStep, ProposalPensii, ProposalUnitlinked, PropunereAsigurariCalatorie, PropunereFlexicredit, PropunereFondInvestitii, PropunuerePlanInvestitii as PropunerePlanInvestitii, Radio, RatesCalculator, Section, SegmentedTabs, SelectionButton, SelectionPill, ShortcutCard, Sidebar, SidebarItem, Slider, Spinner, StepTab, StepsBar, Switch, Tab, TextInput, TimedButton, TimelineSteps, TimelineStepsItem, Timer, UnitLinkGraph as UnitlinkGraph, VerticalHeat };

package/build/types/components/GraficContributieUnitlinked/GraficContributieUnitlinked.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+
+interface GraficContributieUnitlinkedProps {
+    limitTop?: number;
+    limitTopLabel?: string;
+    limitBottom?: number;
+    limitBottomLabel?: string;
+    currency?: string;
+    height?: number;
+    colorBar?: string;
+    colorFilledBar?: string;
+}
+declare const GraficContributieUnitlinked: React.FC<GraficContributieUnitlinkedProps>;
+
+export { GraficContributieUnitlinked as default };
+export type { GraficContributieUnitlinkedProps };

package/build/types/components/GraficContributieUnitlinked/index.d.ts

@@ -0,0 +1,6 @@
+import GraficContributieUnitlinked from './GraficContributieUnitlinked.js';
+export { GraficContributieUnitlinkedProps } from './GraficContributieUnitlinked.js';
+
+
+
+export { GraficContributieUnitlinked as default };

package/build/types/index.d.ts

@@ -39,6 +39,7 @@ export { default as GraficPensii } from './components/GraficPensii/GraficPensii.
 export { default as GraficPlanInvestitii, GraficPlanInvestitiiProps } from './components/GraficPlanInvestitii/GraficPlanInvestitii.js';
 export { default as GraficPropunerePensii, GraficPropunerePensiiProps } from './components/GraficPropunerePensii/GraficPropunerePensii.js';
 export { default as IconCard } from './components/IconCard/IconCard.js';
+export { default as GraficContributieUnitlinked, GraficContributieUnitlinkedProps } from './components/GraficContributieUnitlinked/GraficContributieUnitlinked.js';
 export { default as Illustration } from './components/Illustration/Illustration.js';
 export { default as ImageCard, ImageCardProps } from './components/ImageCard/ImageCard.js';
 export { default as InPageTab, InPageTabProps } from './components/InPageTab/InPageTab.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rbro-tat-uds",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "type": "module",
   "main": "build/cjs/index.cjs",
   "module": "build/esm/index.js",