rbro-tat-uds 2.2.4 → 2.2.6

package/build/esm/assets/icons/star-reward.svg.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = 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.apply(null, arguments); }
+var SvgStarReward = function SvgStarReward(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.75 2.095c-.046.054-.12.278-.164.497-.27 1.352-.57 2.306-1.062 3.369-1.366 2.951-3.616 4.807-6.758 5.572-.465.114-.628.177-.688.266-.201.303-.01.543.531.666 4.078.927 6.868 3.892 7.847 8.338l.173.791c.07.314.235.453.467.392.18-.048.258-.235.399-.964.242-1.258.863-2.912 1.498-3.989 1.383-2.347 3.611-3.943 6.381-4.57.48-.108.626-.214.626-.453 0-.231-.15-.335-.658-.454-.726-.17-1.19-.32-1.845-.597-3.124-1.322-5.18-4.059-6.01-8.002-.089-.423-.198-.812-.242-.864-.104-.125-.386-.124-.495.002",
+    clipRule: "evenodd"
+  })));
+};
+
+export { SvgStarReward as default };

package/build/esm/components/Button/Button.js

@@ -145,6 +145,7 @@ import '../../assets/icons/info-outlined.svg.js';
 import '../../assets/icons/hint-outlined.svg.js';
 import '../../assets/icons/face-happy.svg.js';
 import '../../assets/icons/person-level.svg.js';
+import '../../assets/icons/star-reward.svg.js';
 import Icon from '../Icon/Icon.js';
 import Spinner from '../Spinner/Spinner.js';
 import { colors } from '../../utils';

package/build/esm/components/DashboardCard/DashboardCard.js

@@ -134,6 +134,19 @@ const DashboardCardStyled = styled.div`
         height: 100%;
         object-fit: cover;
       }
+
+      & > .j348adk20fka94 {
+        position: absolute;
+        left: 12px;
+        bottom: 12px;
+        width: 16px;
+        height: 16px;
+        border-radius: 999px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: ${colors.gray_600};
+      }
     }
 
     & > div:nth-of-type(2) {
@@ -264,6 +277,7 @@ const DashboardCard = ({
   disabled = false,
   loading = false,
   statusConfiguratii = 0,
+  retention = false,
   ...rest
 }) => {
   return /* @__PURE__ */ jsxs(
@@ -284,7 +298,10 @@ const DashboardCard = ({
           /* @__PURE__ */ jsx(Icon, { icon: "grocery-2", size: 14, color: colors.white })
         ] }),
         !loading ? variant === "default" ? /* @__PURE__ */ jsxs("div", { className: "j8k2m5n9p4q7r3", children: [
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("img", { src: imgSrc, alt: title }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("img", { src: imgSrc, alt: title }),
+            retention && /* @__PURE__ */ jsx("div", { className: "j348adk20fka94", children: /* @__PURE__ */ jsx(Icon, { icon: "star-reward", size: 12, color: colors.white }) })
+          ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("span", { children: title }),
             (callToAction !== "null" || tagType !== void 0 || tagText !== "") && /* @__PURE__ */ jsxs("div", { children: [

package/build/esm/components/DashboardSmallShortcut/DashboardSmallShortcut.js

@@ -5,6 +5,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import styled from 'styled-components';
 import { colors } from '../../utils';
+import Icon from '../Icon/Icon.js';
 
 const DashboardSmallShortcutStyled = styled.button`
   appearance: none;
@@ -12,6 +13,7 @@ const DashboardSmallShortcutStyled = styled.button`
   outline: none;
   width: 100%;
   max-width: 117px;
+  position: relative;
 
   padding: 12px;
   background-color: ${colors.white};
@@ -31,6 +33,19 @@ const DashboardSmallShortcutStyled = styled.button`
     color: ${colors.gray_950};
     text-align: left;
   }
+
+  & > div {
+    position: absolute;
+    right: 12px;
+    top: 12px;
+    width: 16px;
+    height: 16px;
+    border-radius: 999px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: ${colors.gray_600};
+  }
 `;
 const PacheteContCurentIcon = () => {
   return /* @__PURE__ */ jsxs(
@@ -467,6 +482,7 @@ const ServiciiSiOperatiuniIcon = () => {
 const DashboardSmallShortcut = ({
   intent = "PlanFinanciar",
   buttonOnClick,
+  retention = false,
   ...rest
 }) => {
   const intentView = useMemo(() => {
@@ -492,6 +508,7 @@ const DashboardSmallShortcut = ({
       type: "button",
       ...rest,
       children: [
+        retention && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Icon, { icon: "star-reward", size: 12, color: colors.white }) }),
         intent ? intentView[intent].icon : intentView["PlanFinanciar"].icon,
         /* @__PURE__ */ jsx("span", { children: intent ? intentView[intent].label : intentView["PlanFinanciar"].label })
       ]

package/build/esm/components/Icon/IconsList.js

@@ -142,6 +142,7 @@ import InfoOutlinedIcon from '../../assets/icons/info-outlined.svg.js';
 import HintOutlinedIcon from '../../assets/icons/hint-outlined.svg.js';
 import FaceHappyIcon from '../../assets/icons/face-happy.svg.js';
 import PersonLevelIcon from '../../assets/icons/person-level.svg.js';
+import StarRewardIcon from '../../assets/icons/star-reward.svg.js';
 
 const IconsList = {
   asterix: AsterixIcon,
@@ -284,7 +285,8 @@ const IconsList = {
   "info-outlined": InfoOutlinedIcon,
   "hint-outlined": HintOutlinedIcon,
   "face-happy": FaceHappyIcon,
-  "person-level": PersonLevelIcon
+  "person-level": PersonLevelIcon,
+  "star-reward": StarRewardIcon
 };
 
 export { IconsList as default };

package/build/esm/components/IconButton/IconButton.js

@@ -144,6 +144,7 @@ import '../../assets/icons/info-outlined.svg.js';
 import '../../assets/icons/hint-outlined.svg.js';
 import '../../assets/icons/face-happy.svg.js';
 import '../../assets/icons/person-level.svg.js';
+import '../../assets/icons/star-reward.svg.js';
 import styled, { css } from 'styled-components';
 import Icon from '../Icon/Icon.js';
 import Spinner from '../Spinner/Spinner.js';

package/build/esm/components/PageMessage/PageMessage.js

@@ -144,6 +144,7 @@ import '../../assets/icons/info-outlined.svg.js';
 import '../../assets/icons/hint-outlined.svg.js';
 import '../../assets/icons/face-happy.svg.js';
 import '../../assets/icons/person-level.svg.js';
+import '../../assets/icons/star-reward.svg.js';
 import styled from 'styled-components';
 import Icon from '../Icon/Icon.js';
 import { colors } from '../../utils';

package/build/esm/components/TextInput/TextInput.js

@@ -145,6 +145,7 @@ import '../../assets/icons/info-outlined.svg.js';
 import '../../assets/icons/hint-outlined.svg.js';
 import '../../assets/icons/face-happy.svg.js';
 import '../../assets/icons/person-level.svg.js';
+import '../../assets/icons/star-reward.svg.js';
 import { createPortal } from 'react-dom';
 import Icon from '../Icon/Icon.js';
 import Numpad from '../Numpad/Numpad.js';