rbro-tat-uds 2.2.5 → 2.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/build/cjs/components/DashboardSmallShortcut/DashboardSmallShortcut.cjs +17 -0
  2. package/build/cjs/components/ShortcutCard/ShortcutCard.cjs +5 -2
  3. package/build/cjs/index.cjs +21 -2
  4. package/build/esm/components/DashboardSmallShortcut/DashboardSmallShortcut.js +17 -0
  5. package/build/esm/components/ShortcutCard/ShortcutCard.js +5 -2
  6. package/build/esm/index.js +21 -2
  7. package/build/types/components/DashboardSmallShortcut/DashboardSmallShortcut.d.ts +1 -0
  8. package/build/types/components/ShortcutCard/ShortcutCard.d.ts +1 -0
  9. package/package.json +1 -1
package/build/cjs/components/DashboardSmallShortcut/DashboardSmallShortcut.cjs CHANGED
@@ -9,6 +9,7 @@ var jsxRuntime = require('react/jsx-runtime');
9
9
  var React = require('react');
10
10
  var styled = require('styled-components');
11
11
  var utils = require('../../utils');
12
+ var Icon = require('../Icon/Icon.cjs');
12
13
 
13
14
  const DashboardSmallShortcutStyled = styled.button`
14
15
  appearance: none;
@@ -16,6 +17,7 @@ const DashboardSmallShortcutStyled = styled.button`
16
17
  outline: none;
17
18
  width: 100%;
18
19
  max-width: 117px;
20
+ position: relative;
19
21
 
20
22
  padding: 12px;
21
23
  background-color: ${utils.colors.white};
@@ -35,6 +37,19 @@ const DashboardSmallShortcutStyled = styled.button`
35
37
  color: ${utils.colors.gray_950};
36
38
  text-align: left;
37
39
  }
40
+
41
+ & > div {
42
+ position: absolute;
43
+ right: 12px;
44
+ top: 12px;
45
+ width: 16px;
46
+ height: 16px;
47
+ border-radius: 999px;
48
+ display: flex;
49
+ justify-content: center;
50
+ align-items: center;
51
+ background-color: ${utils.colors.gray_600};
52
+ }
38
53
  `;
39
54
  const PacheteContCurentIcon = () => {
40
55
  return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -471,6 +486,7 @@ const ServiciiSiOperatiuniIcon = () => {
471
486
  const DashboardSmallShortcut = ({
472
487
  intent = "PlanFinanciar",
473
488
  buttonOnClick,
489
+ retention = false,
474
490
  ...rest
475
491
  }) => {
476
492
  const intentView = React.useMemo(() => {
@@ -496,6 +512,7 @@ const DashboardSmallShortcut = ({
496
512
  type: "button",
497
513
  ...rest,
498
514
  children: [
515
+ retention && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Icon.default, { icon: "star-reward", size: 12, color: utils.colors.white }) }),
499
516
  intent ? intentView[intent].icon : intentView["PlanFinanciar"].icon,
500
517
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: intent ? intentView[intent].label : intentView["PlanFinanciar"].label })
501
518
  ]
package/build/cjs/components/ShortcutCard/ShortcutCard.cjs CHANGED
@@ -21,9 +21,10 @@ const ShortcutCardStyled = styled.div`
21
21
  gap: 16px;
22
22
  border-width: 1px;
23
23
  border-style: solid;
24
- border-color: ${({ $filled }) => $filled ? utils.colors.gray_30 : utils.colors.gray_150};
25
- background-color: ${({ $filled }) => $filled ? utils.colors.gray_30 : "transparent"};
24
+ border-color: ${({ $filled, $featured }) => $featured ? utils.colors.accent_600 : $filled ? utils.colors.gray_30 : utils.colors.gray_150};
25
+ background-color: ${({ $filled, $featured }) => $featured ? utils.colors.accent_100 : $filled ? utils.colors.gray_30 : "transparent"};
26
26
  border-radius: 8px;
27
+ outline: ${({ $featured }) => $featured ? `3px solid ${utils.colors.accent_300}` : "none"};
27
28
 
28
29
  ${(props) => props.$disabled && styled.css`
29
30
  background-color: ${utils.colors.gray_30};
@@ -81,6 +82,7 @@ const ShortcutCard = ({
81
82
  buttonGrow = false,
82
83
  disabled = false,
83
84
  loading = false,
85
+ featured = false,
84
86
  buttonOnClick,
85
87
  ...rest
86
88
  }) => {
@@ -96,6 +98,7 @@ const ShortcutCard = ({
96
98
  $textFontWeight: textFontWeight,
97
99
  $icon: icon,
98
100
  $disabled: disabled,
101
+ $featured: featured,
99
102
  ...rest,
100
103
  children: [
101
104
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
package/build/cjs/index.cjs CHANGED
@@ -7824,6 +7824,7 @@ const DashboardSmallShortcutStyled = styled__default.default.button`
7824
7824
  outline: none;
7825
7825
  width: 100%;
7826
7826
  max-width: 117px;
7827
+ position: relative;
7827
7828
 
7828
7829
  padding: 12px;
7829
7830
  background-color: ${utils.colors.white};
@@ -7843,6 +7844,19 @@ const DashboardSmallShortcutStyled = styled__default.default.button`
7843
7844
  color: ${utils.colors.gray_950};
7844
7845
  text-align: left;
7845
7846
  }
7847
+
7848
+ & > div {
7849
+ position: absolute;
7850
+ right: 12px;
7851
+ top: 12px;
7852
+ width: 16px;
7853
+ height: 16px;
7854
+ border-radius: 999px;
7855
+ display: flex;
7856
+ justify-content: center;
7857
+ align-items: center;
7858
+ background-color: ${utils.colors.gray_600};
7859
+ }
7846
7860
  `;
7847
7861
  const PacheteContCurentIcon = () => {
7848
7862
  return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -8279,6 +8293,7 @@ const ServiciiSiOperatiuniIcon = () => {
8279
8293
  const DashboardSmallShortcut = ({
8280
8294
  intent = "PlanFinanciar",
8281
8295
  buttonOnClick,
8296
+ retention = false,
8282
8297
  ...rest
8283
8298
  }) => {
8284
8299
  const intentView = React.useMemo(() => {
@@ -8304,6 +8319,7 @@ const DashboardSmallShortcut = ({
8304
8319
  type: "button",
8305
8320
  ...rest,
8306
8321
  children: [
8322
+ retention && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { icon: "star-reward", size: 12, color: utils.colors.white }) }),
8307
8323
  intent ? intentView[intent].icon : intentView["PlanFinanciar"].icon,
8308
8324
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: intent ? intentView[intent].label : intentView["PlanFinanciar"].label })
8309
8325
  ]
@@ -24104,9 +24120,10 @@ const ShortcutCardStyled = styled__default.default.div`
24104
24120
  gap: 16px;
24105
24121
  border-width: 1px;
24106
24122
  border-style: solid;
24107
- border-color: ${({ $filled }) => $filled ? utils.colors.gray_30 : utils.colors.gray_150};
24108
- background-color: ${({ $filled }) => $filled ? utils.colors.gray_30 : "transparent"};
24123
+ border-color: ${({ $filled, $featured }) => $featured ? utils.colors.accent_600 : $filled ? utils.colors.gray_30 : utils.colors.gray_150};
24124
+ background-color: ${({ $filled, $featured }) => $featured ? utils.colors.accent_100 : $filled ? utils.colors.gray_30 : "transparent"};
24109
24125
  border-radius: 8px;
24126
+ outline: ${({ $featured }) => $featured ? `3px solid ${utils.colors.accent_300}` : "none"};
24110
24127
 
24111
24128
  ${(props) => props.$disabled && styled.css`
24112
24129
  background-color: ${utils.colors.gray_30};
@@ -24164,6 +24181,7 @@ const ShortcutCard = ({
24164
24181
  buttonGrow = false,
24165
24182
  disabled = false,
24166
24183
  loading = false,
24184
+ featured = false,
24167
24185
  buttonOnClick,
24168
24186
  ...rest
24169
24187
  }) => {
@@ -24179,6 +24197,7 @@ const ShortcutCard = ({
24179
24197
  $textFontWeight: textFontWeight,
24180
24198
  $icon: icon,
24181
24199
  $disabled: disabled,
24200
+ $featured: featured,
24182
24201
  ...rest,
24183
24202
  children: [
24184
24203
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
package/build/esm/components/DashboardSmallShortcut/DashboardSmallShortcut.js CHANGED
@@ -5,6 +5,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
5
5
  import { useMemo } from 'react';
6
6
  import styled from 'styled-components';
7
7
  import { colors } from '../../utils';
8
+ import Icon from '../Icon/Icon.js';
8
9
 
9
10
  const DashboardSmallShortcutStyled = styled.button`
10
11
  appearance: none;
@@ -12,6 +13,7 @@ const DashboardSmallShortcutStyled = styled.button`
12
13
  outline: none;
13
14
  width: 100%;
14
15
  max-width: 117px;
16
+ position: relative;
15
17
 
16
18
  padding: 12px;
17
19
  background-color: ${colors.white};
@@ -31,6 +33,19 @@ const DashboardSmallShortcutStyled = styled.button`
31
33
  color: ${colors.gray_950};
32
34
  text-align: left;
33
35
  }
36
+
37
+ & > div {
38
+ position: absolute;
39
+ right: 12px;
40
+ top: 12px;
41
+ width: 16px;
42
+ height: 16px;
43
+ border-radius: 999px;
44
+ display: flex;
45
+ justify-content: center;
46
+ align-items: center;
47
+ background-color: ${colors.gray_600};
48
+ }
34
49
  `;
35
50
  const PacheteContCurentIcon = () => {
36
51
  return /* @__PURE__ */ jsxs(
@@ -467,6 +482,7 @@ const ServiciiSiOperatiuniIcon = () => {
467
482
  const DashboardSmallShortcut = ({
468
483
  intent = "PlanFinanciar",
469
484
  buttonOnClick,
485
+ retention = false,
470
486
  ...rest
471
487
  }) => {
472
488
  const intentView = useMemo(() => {
@@ -492,6 +508,7 @@ const DashboardSmallShortcut = ({
492
508
  type: "button",
493
509
  ...rest,
494
510
  children: [
511
+ retention && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Icon, { icon: "star-reward", size: 12, color: colors.white }) }),
495
512
  intent ? intentView[intent].icon : intentView["PlanFinanciar"].icon,
496
513
  /* @__PURE__ */ jsx("span", { children: intent ? intentView[intent].label : intentView["PlanFinanciar"].label })
497
514
  ]
package/build/esm/components/ShortcutCard/ShortcutCard.js CHANGED
@@ -17,9 +17,10 @@ const ShortcutCardStyled = styled.div`
17
17
  gap: 16px;
18
18
  border-width: 1px;
19
19
  border-style: solid;
20
- border-color: ${({ $filled }) => $filled ? colors.gray_30 : colors.gray_150};
21
- background-color: ${({ $filled }) => $filled ? colors.gray_30 : "transparent"};
20
+ border-color: ${({ $filled, $featured }) => $featured ? colors.accent_600 : $filled ? colors.gray_30 : colors.gray_150};
21
+ background-color: ${({ $filled, $featured }) => $featured ? colors.accent_100 : $filled ? colors.gray_30 : "transparent"};
22
22
  border-radius: 8px;
23
+ outline: ${({ $featured }) => $featured ? `3px solid ${colors.accent_300}` : "none"};
23
24
 
24
25
  ${(props) => props.$disabled && css`
25
26
  background-color: ${colors.gray_30};
@@ -77,6 +78,7 @@ const ShortcutCard = ({
77
78
  buttonGrow = false,
78
79
  disabled = false,
79
80
  loading = false,
81
+ featured = false,
80
82
  buttonOnClick,
81
83
  ...rest
82
84
  }) => {
@@ -92,6 +94,7 @@ const ShortcutCard = ({
92
94
  $textFontWeight: textFontWeight,
93
95
  $icon: icon,
94
96
  $disabled: disabled,
97
+ $featured: featured,
95
98
  ...rest,
96
99
  children: [
97
100
  /* @__PURE__ */ jsxs("div", { children: [
package/build/esm/index.js CHANGED
@@ -7801,6 +7801,7 @@ const DashboardSmallShortcutStyled = styled.button`
7801
7801
  outline: none;
7802
7802
  width: 100%;
7803
7803
  max-width: 117px;
7804
+ position: relative;
7804
7805
 
7805
7806
  padding: 12px;
7806
7807
  background-color: ${colors.white};
@@ -7820,6 +7821,19 @@ const DashboardSmallShortcutStyled = styled.button`
7820
7821
  color: ${colors.gray_950};
7821
7822
  text-align: left;
7822
7823
  }
7824
+
7825
+ & > div {
7826
+ position: absolute;
7827
+ right: 12px;
7828
+ top: 12px;
7829
+ width: 16px;
7830
+ height: 16px;
7831
+ border-radius: 999px;
7832
+ display: flex;
7833
+ justify-content: center;
7834
+ align-items: center;
7835
+ background-color: ${colors.gray_600};
7836
+ }
7823
7837
  `;
7824
7838
  const PacheteContCurentIcon = () => {
7825
7839
  return /* @__PURE__ */ jsxs(
@@ -8256,6 +8270,7 @@ const ServiciiSiOperatiuniIcon = () => {
8256
8270
  const DashboardSmallShortcut = ({
8257
8271
  intent = "PlanFinanciar",
8258
8272
  buttonOnClick,
8273
+ retention = false,
8259
8274
  ...rest
8260
8275
  }) => {
8261
8276
  const intentView = useMemo(() => {
@@ -8281,6 +8296,7 @@ const DashboardSmallShortcut = ({
8281
8296
  type: "button",
8282
8297
  ...rest,
8283
8298
  children: [
8299
+ retention && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Icon$1, { icon: "star-reward", size: 12, color: colors.white }) }),
8284
8300
  intent ? intentView[intent].icon : intentView["PlanFinanciar"].icon,
8285
8301
  /* @__PURE__ */ jsx("span", { children: intent ? intentView[intent].label : intentView["PlanFinanciar"].label })
8286
8302
  ]
@@ -24081,9 +24097,10 @@ const ShortcutCardStyled = styled.div`
24081
24097
  gap: 16px;
24082
24098
  border-width: 1px;
24083
24099
  border-style: solid;
24084
- border-color: ${({ $filled }) => $filled ? colors.gray_30 : colors.gray_150};
24085
- background-color: ${({ $filled }) => $filled ? colors.gray_30 : "transparent"};
24100
+ border-color: ${({ $filled, $featured }) => $featured ? colors.accent_600 : $filled ? colors.gray_30 : colors.gray_150};
24101
+ background-color: ${({ $filled, $featured }) => $featured ? colors.accent_100 : $filled ? colors.gray_30 : "transparent"};
24086
24102
  border-radius: 8px;
24103
+ outline: ${({ $featured }) => $featured ? `3px solid ${colors.accent_300}` : "none"};
24087
24104
 
24088
24105
  ${(props) => props.$disabled && css`
24089
24106
  background-color: ${colors.gray_30};
@@ -24141,6 +24158,7 @@ const ShortcutCard = ({
24141
24158
  buttonGrow = false,
24142
24159
  disabled = false,
24143
24160
  loading = false,
24161
+ featured = false,
24144
24162
  buttonOnClick,
24145
24163
  ...rest
24146
24164
  }) => {
@@ -24156,6 +24174,7 @@ const ShortcutCard = ({
24156
24174
  $textFontWeight: textFontWeight,
24157
24175
  $icon: icon,
24158
24176
  $disabled: disabled,
24177
+ $featured: featured,
24159
24178
  ...rest,
24160
24179
  children: [
24161
24180
  /* @__PURE__ */ jsxs("div", { children: [
package/build/types/components/DashboardSmallShortcut/DashboardSmallShortcut.d.ts CHANGED
@@ -3,6 +3,7 @@ import React, { HTMLAttributes } from 'react';
3
3
  interface DashboardSmallShortcutProps extends HTMLAttributes<HTMLButtonElement> {
4
4
  intent?: "PlanFinanciar" | "PacheteContCurent" | "ServiciiSiOperatiuni";
5
5
  buttonOnClick?: () => void;
6
+ retention?: boolean;
6
7
  }
7
8
  declare const DashboardSmallShortcut: React.FC<DashboardSmallShortcutProps>;
8
9
 
package/build/types/components/ShortcutCard/ShortcutCard.d.ts CHANGED
@@ -17,6 +17,7 @@ interface ShortcutCardProps extends HTMLAttributes<HTMLDivElement> {
17
17
  disabled?: boolean;
18
18
  loading?: boolean;
19
19
  buttonOnClick?(): void;
20
+ featured?: boolean;
20
21
  }
21
22
  declare const ShortcutCard: React.FC<ShortcutCardProps>;
22
23
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rbro-tat-uds",
3
- "version": "2.2.5",
3
+ "version": "2.2.7",
4
4
  "type": "module",
5
5
  "main": "build/cjs/index.cjs",
6
6
  "module": "build/esm/index.js",