rbro-tat-uds 2.2.7 → 2.2.9

package/build/esm/assets/icons/brand-logo.svg.js

@@ -0,0 +1,14 @@
+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 SvgBrandLogo = function SvgBrandLogo(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", {
+    d: "M5.372 21.727 12 15.043l6.628 6.684 2.63-2.649-6.63-6.686 1.383-1.396V8.241l.961-.97v2.403l.836.844 3.36-3.39.832.837c-.006-.632-.131-2.462-1.67-3.987-1.661-1.611-3.454-.885-4.067-.266L12.904 7.1l.857.863L12 9.74l-1.761-1.777.857-.863-3.36-3.39c-.612-.618-2.406-1.344-4.066.267C2.13 5.503 2.006 7.333 2 7.965l.831-.838 3.36 3.39.837-.843V7.271l.96.97v2.755l1.383 1.396-6.629 6.686z"
+  })));
+};
+
+export { SvgBrandLogo as default };

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

@@ -146,6 +146,7 @@ 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 '../../assets/icons/brand-logo.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

@@ -96,7 +96,25 @@ const DashboardCardStyled = styled.div`
       background-color: ${colors.black};
     `}
 
-  &> .a7b2c9d4e8f5h3 {
+  &>.a1b2c3d4e5adk4 {
+    position: absolute;
+    bottom: -11px;
+    right: 12px;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    padding: 1px 4px;
+    border-radius: 4px;
+    background-color: ${colors.gray_950};
+
+    & > span {
+      font-size: 13px;
+      font-weight: 400;
+      color: ${colors.accent_400};
+    }
+  }
+
+  & > .a7b2c9d4e8f5h3 {
     display: flex;
     position: absolute;
     top: -10%;
@@ -278,6 +296,7 @@ const DashboardCard = ({
   loading = false,
   statusConfiguratii = 0,
   retention = false,
+  promoText = "",
   ...rest
 }) => {
   return /* @__PURE__ */ jsxs(
@@ -293,6 +312,10 @@ const DashboardCard = ({
         rest.onClick?.(event);
       },
       children: [
+        promoText.length > 0 && /* @__PURE__ */ jsxs("div", { className: "a1b2c3d4e5adk4", children: [
+          /* @__PURE__ */ jsx(Icon, { icon: "brand-logo", size: 12, color: colors.accent_500 }),
+          /* @__PURE__ */ jsx("span", { children: promoText })
+        ] }),
         statusConfiguratii > 0 && !loading && /* @__PURE__ */ jsxs("div", { className: "a7b2c9d4e8f5h3", children: [
           /* @__PURE__ */ jsx("span", { children: statusConfiguratii }),
           /* @__PURE__ */ jsx(Icon, { icon: "grocery-2", size: 14, color: colors.white })

package/build/esm/components/Dropdown/Dropdown.js

@@ -37,6 +37,7 @@ const DropdownWraperStyled = styled.div`
   }
 
   & > input {
+    box-sizing: border-box;
     border-radius: 8px;
     border: none;
     outline: none;
@@ -129,6 +130,7 @@ const DropdownContentStyled = styled.div`
   & > div:last-of-type {
     padding-right: 4px;
     div {
+      box-sizing: border-box;
       padding: 12px 8px 12px 12px;
       width: 100%;
       overflow-y: scroll;
@@ -152,6 +154,7 @@ const DropdownContentStyled = styled.div`
         white-space: nowrap;
       }
       & > div {
+        box-sizing: border-box;
         height: 42px;
         display: flex;
         align-items: center;

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

@@ -143,6 +143,7 @@ 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';
+import BrandLogoIcon from '../../assets/icons/brand-logo.svg.js';
 
 const IconsList = {
   asterix: AsterixIcon,
@@ -286,7 +287,8 @@ const IconsList = {
   "hint-outlined": HintOutlinedIcon,
   "face-happy": FaceHappyIcon,
   "person-level": PersonLevelIcon,
-  "star-reward": StarRewardIcon
+  "star-reward": StarRewardIcon,
+  "brand-logo": BrandLogoIcon
 };
 
 export { IconsList as default };

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

@@ -145,6 +145,7 @@ 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 '../../assets/icons/brand-logo.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

@@ -145,6 +145,7 @@ 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 '../../assets/icons/brand-logo.svg.js';
 import styled from 'styled-components';
 import Icon from '../Icon/Icon.js';
 import { colors } from '../../utils';

package/build/esm/components/SelectionAppCard/SelectionAppCard.js

@@ -0,0 +1,49 @@
+"use strict";
+"use client";
+
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import styled from 'styled-components';
+import { colors } from '../../utils';
+import AppBranding from '../AppBranding/AppBranding.js';
+
+const SelectionAppCardStyled = styled.div`
+  max-width: 182px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  & > div {
+    border: ${({ $selected }) => $selected ? `2px solid ${colors.info_200}` : `1px solid ${colors.gray_100}`};
+    background-color: ${({ $selected }) => $selected ? colors.info_100 : colors.white};
+    border-radius: 8px;
+    height: 124px;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+  }
+
+  & > span {
+    font-size: 12px;
+    font-weight: 500;
+    color: ${colors.info_600};
+    text-align: center;
+  }
+`;
+const SelectionAppCard = ({
+  text = "",
+  textColor = "gray_950",
+  bgColor = "gray_60",
+  selected = false,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(SelectionAppCardStyled, { $selected: selected, ...props, children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(AppBranding, { text, textColor, bgColor }) }),
+    selected && /* @__PURE__ */ jsx("span", { children: "Aplicatia curenta" })
+  ] });
+};
+
+export { SelectionAppCard as default };

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

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

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

@@ -146,6 +146,7 @@ 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 '../../assets/icons/brand-logo.svg.js';
 import { createPortal } from 'react-dom';
 import Icon from '../Icon/Icon.js';
 import Numpad from '../Numpad/Numpad.js';

package/build/esm/components/index.js

@@ -88,3 +88,4 @@ 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';
+export { default as SelectionAppCard } from './SelectionAppCard/SelectionAppCard.js';