rbro-tat-uds 2.2.6 → 2.2.8

package/build/cjs/components/SelectionAppCard/SelectionAppCard.cjs

@@ -0,0 +1,53 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var styled = require('styled-components');
+var utils = require('../../utils');
+var AppBranding = require('../AppBranding/AppBranding.cjs');
+
+const SelectionAppCardStyled = styled.div`
+  max-width: 182px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  & > div {
+    border: ${({ $selected }) => $selected ? `2px solid ${utils.colors.info_200}` : `1px solid ${utils.colors.gray_100}`};
+    background-color: ${({ $selected }) => $selected ? utils.colors.info_100 : utils.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: ${utils.colors.info_600};
+    text-align: center;
+  }
+`;
+const SelectionAppCard = ({
+  text = "",
+  textColor = "gray_950",
+  bgColor = "gray_60",
+  selected = false,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(SelectionAppCardStyled, { $selected: selected, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(AppBranding.default, { text, textColor, bgColor }) }),
+    selected && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Aplicatia curenta" })
+  ] });
+};
+
+exports.default = SelectionAppCard;

package/build/cjs/components/SelectionAppCard/index.cjs

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

package/build/cjs/components/ShortcutCard/ShortcutCard.cjs

@@ -21,9 +21,10 @@ const ShortcutCardStyled = styled.div`
   gap: 16px;
   border-width: 1px;
   border-style: solid;
-  border-color: ${({ $filled }) => $filled ? utils.colors.gray_30 : utils.colors.gray_150};
-  background-color: ${({ $filled }) => $filled ? utils.colors.gray_30 : "transparent"};
+  border-color: ${({ $filled, $featured }) => $featured ? utils.colors.accent_600 : $filled ? utils.colors.gray_30 : utils.colors.gray_150};
+  background-color: ${({ $filled, $featured }) => $featured ? utils.colors.accent_100 : $filled ? utils.colors.gray_30 : "transparent"};
   border-radius: 8px;
+  outline: ${({ $featured }) => $featured ? `3px solid ${utils.colors.accent_300}` : "none"};
 
   ${(props) => props.$disabled && styled.css`
       background-color: ${utils.colors.gray_30};
@@ -81,6 +82,7 @@ const ShortcutCard = ({
   buttonGrow = false,
   disabled = false,
   loading = false,
+  featured = false,
   buttonOnClick,
   ...rest
 }) => {
@@ -96,6 +98,7 @@ const ShortcutCard = ({
       $textFontWeight: textFontWeight,
       $icon: icon,
       $disabled: disabled,
+      $featured: featured,
       ...rest,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [

package/build/cjs/components/index.cjs

@@ -90,6 +90,7 @@ var VerticalHeat = require('./VerticalHeat/VerticalHeat.cjs');
 var Icon = require('./Icon/Icon.cjs');
 var Spinner = require('./Spinner/Spinner.cjs');
 var GraficContributieUnitlinked = require('./GraficContributieUnitlinked/GraficContributieUnitlinked.cjs');
+var SelectionAppCard = require('./SelectionAppCard/SelectionAppCard.cjs');
 
 
 
@@ -180,3 +181,4 @@ exports.VerticalHeat = VerticalHeat.default;
 exports.Icon = Icon.default;
 exports.Spinner = Spinner.default;
 exports.GraficContributieUnitlinked = GraficContributieUnitlinked.default;
+exports.SelectionAppCard = SelectionAppCard.default;

package/build/cjs/index.cjs

@@ -24120,9 +24120,10 @@ const ShortcutCardStyled = styled__default.default.div`
   gap: 16px;
   border-width: 1px;
   border-style: solid;
-  border-color: ${({ $filled }) => $filled ? utils.colors.gray_30 : utils.colors.gray_150};
-  background-color: ${({ $filled }) => $filled ? utils.colors.gray_30 : "transparent"};
+  border-color: ${({ $filled, $featured }) => $featured ? utils.colors.accent_600 : $filled ? utils.colors.gray_30 : utils.colors.gray_150};
+  background-color: ${({ $filled, $featured }) => $featured ? utils.colors.accent_100 : $filled ? utils.colors.gray_30 : "transparent"};
   border-radius: 8px;
+  outline: ${({ $featured }) => $featured ? `3px solid ${utils.colors.accent_300}` : "none"};
 
   ${(props) => props.$disabled && styled.css`
       background-color: ${utils.colors.gray_30};
@@ -24180,6 +24181,7 @@ const ShortcutCard = ({
   buttonGrow = false,
   disabled = false,
   loading = false,
+  featured = false,
   buttonOnClick,
   ...rest
 }) => {
@@ -24195,6 +24197,7 @@ const ShortcutCard = ({
       $textFontWeight: textFontWeight,
       $icon: icon,
       $disabled: disabled,
+      $featured: featured,
       ...rest,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -26474,6 +26477,45 @@ const VerticalHeat = ({
   ] });
 };
 
+const SelectionAppCardStyled = styled__default.default.div`
+  max-width: 182px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  & > div {
+    border: ${({ $selected }) => $selected ? `2px solid ${utils.colors.info_200}` : `1px solid ${utils.colors.gray_100}`};
+    background-color: ${({ $selected }) => $selected ? utils.colors.info_100 : utils.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: ${utils.colors.info_600};
+    text-align: center;
+  }
+`;
+const SelectionAppCard = ({
+  text = "",
+  textColor = "gray_950",
+  bgColor = "gray_60",
+  selected = false,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(SelectionAppCardStyled, { $selected: selected, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(AppBranding, { text, textColor, bgColor }) }),
+    selected && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Aplicatia curenta" })
+  ] });
+};
+
 exports.Alert = Alert;
 exports.AppBranding = AppBranding;
 exports.AutosaveStatus = AutosaveStatus;
@@ -26543,6 +26585,7 @@ exports.Radio = Radio;
 exports.RatesCalculator = RatesCalculator;
 exports.Section = Section;
 exports.SegmentedTabs = SegmentedTabs;
+exports.SelectionAppCard = SelectionAppCard;
 exports.SelectionButton = SelectionButton;
 exports.SelectionPill = SelectionPill;
 exports.ShortcutCard = ShortcutCard;

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/ShortcutCard/ShortcutCard.js

@@ -17,9 +17,10 @@ const ShortcutCardStyled = styled.div`
   gap: 16px;
   border-width: 1px;
   border-style: solid;
-  border-color: ${({ $filled }) => $filled ? colors.gray_30 : colors.gray_150};
-  background-color: ${({ $filled }) => $filled ? colors.gray_30 : "transparent"};
+  border-color: ${({ $filled, $featured }) => $featured ? colors.accent_600 : $filled ? colors.gray_30 : colors.gray_150};
+  background-color: ${({ $filled, $featured }) => $featured ? colors.accent_100 : $filled ? colors.gray_30 : "transparent"};
   border-radius: 8px;
+  outline: ${({ $featured }) => $featured ? `3px solid ${colors.accent_300}` : "none"};
 
   ${(props) => props.$disabled && css`
       background-color: ${colors.gray_30};
@@ -77,6 +78,7 @@ const ShortcutCard = ({
   buttonGrow = false,
   disabled = false,
   loading = false,
+  featured = false,
   buttonOnClick,
   ...rest
 }) => {
@@ -92,6 +94,7 @@ const ShortcutCard = ({
       $textFontWeight: textFontWeight,
       $icon: icon,
       $disabled: disabled,
+      $featured: featured,
       ...rest,
       children: [
         /* @__PURE__ */ jsxs("div", { children: [

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';

package/build/esm/index.js

@@ -24097,9 +24097,10 @@ const ShortcutCardStyled = styled.div`
   gap: 16px;
   border-width: 1px;
   border-style: solid;
-  border-color: ${({ $filled }) => $filled ? colors.gray_30 : colors.gray_150};
-  background-color: ${({ $filled }) => $filled ? colors.gray_30 : "transparent"};
+  border-color: ${({ $filled, $featured }) => $featured ? colors.accent_600 : $filled ? colors.gray_30 : colors.gray_150};
+  background-color: ${({ $filled, $featured }) => $featured ? colors.accent_100 : $filled ? colors.gray_30 : "transparent"};
   border-radius: 8px;
+  outline: ${({ $featured }) => $featured ? `3px solid ${colors.accent_300}` : "none"};
 
   ${(props) => props.$disabled && css`
       background-color: ${colors.gray_30};
@@ -24157,6 +24158,7 @@ const ShortcutCard = ({
   buttonGrow = false,
   disabled = false,
   loading = false,
+  featured = false,
   buttonOnClick,
   ...rest
 }) => {
@@ -24172,6 +24174,7 @@ const ShortcutCard = ({
       $textFontWeight: textFontWeight,
       $icon: icon,
       $disabled: disabled,
+      $featured: featured,
       ...rest,
       children: [
         /* @__PURE__ */ jsxs("div", { children: [
@@ -26451,4 +26454,43 @@ 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, 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 };
+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 { 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, SelectionAppCard, SelectionButton, SelectionPill, ShortcutCard, Sidebar, SidebarItem, Slider, Spinner, StepTab, StepsBar, Switch, Tab, TextInput, TimedButton, TimelineSteps, TimelineStepsItem, Timer, UnitLinkGraph as UnitlinkGraph, VerticalHeat };

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { colors } from '../../utils/colors.js';
+
+interface SelectionAppCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    text?: string;
+    textColor?: keyof typeof colors;
+    bgColor?: keyof typeof colors;
+    selected?: boolean;
+}
+declare const SelectionAppCard: React.FC<SelectionAppCardProps>;
+
+export { SelectionAppCard as default };
+export type { SelectionAppCardProps };

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

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

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

@@ -17,6 +17,7 @@ interface ShortcutCardProps extends HTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
     loading?: boolean;
     buttonOnClick?(): void;
+    featured?: boolean;
 }
 declare const ShortcutCard: React.FC<ShortcutCardProps>;
 

package/build/types/index.d.ts

@@ -86,3 +86,4 @@ export { default as VerticalHeat, VerticalHeatProps } from './components/Vertica
 export { default as Logo, LogoProps } from './components/Logo/Logo.js';
 export { default as Icon } from './components/Icon/Icon.js';
 export { default as Spinner } from './components/Spinner/Spinner.js';
+export { default as SelectionAppCard, SelectionAppCardProps } from './components/SelectionAppCard/SelectionAppCard.js';

package/package.json

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