rbro-tat-uds 2.2.6 → 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 (6) hide show
  1. package/build/cjs/components/ShortcutCard/ShortcutCard.cjs +5 -2
  2. package/build/cjs/index.cjs +5 -2
  3. package/build/esm/components/ShortcutCard/ShortcutCard.js +5 -2
  4. package/build/esm/index.js +5 -2
  5. package/build/types/components/ShortcutCard/ShortcutCard.d.ts +1 -0
  6. package/package.json +1 -1
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
@@ -24120,9 +24120,10 @@ const ShortcutCardStyled = styled__default.default.div`
24120
24120
  gap: 16px;
24121
24121
  border-width: 1px;
24122
24122
  border-style: solid;
24123
- border-color: ${({ $filled }) => $filled ? utils.colors.gray_30 : utils.colors.gray_150};
24124
- 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"};
24125
24125
  border-radius: 8px;
24126
+ outline: ${({ $featured }) => $featured ? `3px solid ${utils.colors.accent_300}` : "none"};
24126
24127
 
24127
24128
  ${(props) => props.$disabled && styled.css`
24128
24129
  background-color: ${utils.colors.gray_30};
@@ -24180,6 +24181,7 @@ const ShortcutCard = ({
24180
24181
  buttonGrow = false,
24181
24182
  disabled = false,
24182
24183
  loading = false,
24184
+ featured = false,
24183
24185
  buttonOnClick,
24184
24186
  ...rest
24185
24187
  }) => {
@@ -24195,6 +24197,7 @@ const ShortcutCard = ({
24195
24197
  $textFontWeight: textFontWeight,
24196
24198
  $icon: icon,
24197
24199
  $disabled: disabled,
24200
+ $featured: featured,
24198
24201
  ...rest,
24199
24202
  children: [
24200
24203
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
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
@@ -24097,9 +24097,10 @@ const ShortcutCardStyled = styled.div`
24097
24097
  gap: 16px;
24098
24098
  border-width: 1px;
24099
24099
  border-style: solid;
24100
- border-color: ${({ $filled }) => $filled ? colors.gray_30 : colors.gray_150};
24101
- 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"};
24102
24102
  border-radius: 8px;
24103
+ outline: ${({ $featured }) => $featured ? `3px solid ${colors.accent_300}` : "none"};
24103
24104
 
24104
24105
  ${(props) => props.$disabled && css`
24105
24106
  background-color: ${colors.gray_30};
@@ -24157,6 +24158,7 @@ const ShortcutCard = ({
24157
24158
  buttonGrow = false,
24158
24159
  disabled = false,
24159
24160
  loading = false,
24161
+ featured = false,
24160
24162
  buttonOnClick,
24161
24163
  ...rest
24162
24164
  }) => {
@@ -24172,6 +24174,7 @@ const ShortcutCard = ({
24172
24174
  $textFontWeight: textFontWeight,
24173
24175
  $icon: icon,
24174
24176
  $disabled: disabled,
24177
+ $featured: featured,
24175
24178
  ...rest,
24176
24179
  children: [
24177
24180
  /* @__PURE__ */ jsxs("div", { children: [
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.6",
3
+ "version": "2.2.7",
4
4
  "type": "module",
5
5
  "main": "build/cjs/index.cjs",
6
6
  "module": "build/esm/index.js",