rbro-tat-uds 2.2.7 → 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/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

@@ -26477,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;
@@ -26546,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/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

@@ -26454,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/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.7",
+  "version": "2.2.8",
   "type": "module",
   "main": "build/cjs/index.cjs",
   "module": "build/esm/index.js",