rbro-tat-uds 2.2.4 → 2.2.5
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.
- package/build/cjs/assets/icons/star-reward.svg.cjs +37 -0
- package/build/cjs/components/Button/Button.cjs +1 -0
- package/build/cjs/components/DashboardCard/DashboardCard.cjs +18 -1
- package/build/cjs/components/Icon/IconsList.cjs +3 -1
- package/build/cjs/components/IconButton/IconButton.cjs +1 -0
- package/build/cjs/components/PageMessage/PageMessage.cjs +1 -0
- package/build/cjs/components/TextInput/TextInput.cjs +1 -0
- package/build/cjs/index.cjs +589 -558
- package/build/esm/assets/icons/star-reward.svg.js +16 -0
- package/build/esm/components/Button/Button.js +1 -0
- package/build/esm/components/DashboardCard/DashboardCard.js +18 -1
- package/build/esm/components/Icon/IconsList.js +3 -1
- package/build/esm/components/IconButton/IconButton.js +1 -0
- package/build/esm/components/PageMessage/PageMessage.js +1 -0
- package/build/esm/components/TextInput/TextInput.js +1 -0
- package/build/esm/index.js +589 -558
- package/build/types/components/DashboardCard/DashboardCard.d.ts +1 -0
- package/build/types/components/Icon/Icon.types.d.ts +1 -1
- package/build/types/components/Icon/IconsList.d.ts +1 -0
- package/package.json +1 -1
@@ -0,0 +1,16 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
|
3
|
+
var _path;
|
4
|
+
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); }
|
5
|
+
var SvgStarReward = function SvgStarReward(props) {
|
6
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
8
|
+
viewBox: "0 0 24 24"
|
9
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
10
|
+
fillRule: "evenodd",
|
11
|
+
d: "M11.75 2.095c-.046.054-.12.278-.164.497-.27 1.352-.57 2.306-1.062 3.369-1.366 2.951-3.616 4.807-6.758 5.572-.465.114-.628.177-.688.266-.201.303-.01.543.531.666 4.078.927 6.868 3.892 7.847 8.338l.173.791c.07.314.235.453.467.392.18-.048.258-.235.399-.964.242-1.258.863-2.912 1.498-3.989 1.383-2.347 3.611-3.943 6.381-4.57.48-.108.626-.214.626-.453 0-.231-.15-.335-.658-.454-.726-.17-1.19-.32-1.845-.597-3.124-1.322-5.18-4.059-6.01-8.002-.089-.423-.198-.812-.242-.864-.104-.125-.386-.124-.495.002",
|
12
|
+
clipRule: "evenodd"
|
13
|
+
})));
|
14
|
+
};
|
15
|
+
|
16
|
+
export { SvgStarReward as default };
|
@@ -145,6 +145,7 @@ import '../../assets/icons/info-outlined.svg.js';
|
|
145
145
|
import '../../assets/icons/hint-outlined.svg.js';
|
146
146
|
import '../../assets/icons/face-happy.svg.js';
|
147
147
|
import '../../assets/icons/person-level.svg.js';
|
148
|
+
import '../../assets/icons/star-reward.svg.js';
|
148
149
|
import Icon from '../Icon/Icon.js';
|
149
150
|
import Spinner from '../Spinner/Spinner.js';
|
150
151
|
import { colors } from '../../utils';
|
@@ -134,6 +134,19 @@ const DashboardCardStyled = styled.div`
|
|
134
134
|
height: 100%;
|
135
135
|
object-fit: cover;
|
136
136
|
}
|
137
|
+
|
138
|
+
& > .j348adk20fka94 {
|
139
|
+
position: absolute;
|
140
|
+
left: 12px;
|
141
|
+
bottom: 12px;
|
142
|
+
width: 16px;
|
143
|
+
height: 16px;
|
144
|
+
border-radius: 999px;
|
145
|
+
display: flex;
|
146
|
+
justify-content: center;
|
147
|
+
align-items: center;
|
148
|
+
background-color: ${colors.gray_600};
|
149
|
+
}
|
137
150
|
}
|
138
151
|
|
139
152
|
& > div:nth-of-type(2) {
|
@@ -264,6 +277,7 @@ const DashboardCard = ({
|
|
264
277
|
disabled = false,
|
265
278
|
loading = false,
|
266
279
|
statusConfiguratii = 0,
|
280
|
+
retention = false,
|
267
281
|
...rest
|
268
282
|
}) => {
|
269
283
|
return /* @__PURE__ */ jsxs(
|
@@ -284,7 +298,10 @@ const DashboardCard = ({
|
|
284
298
|
/* @__PURE__ */ jsx(Icon, { icon: "grocery-2", size: 14, color: colors.white })
|
285
299
|
] }),
|
286
300
|
!loading ? variant === "default" ? /* @__PURE__ */ jsxs("div", { className: "j8k2m5n9p4q7r3", children: [
|
287
|
-
/* @__PURE__ */
|
301
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
302
|
+
/* @__PURE__ */ jsx("img", { src: imgSrc, alt: title }),
|
303
|
+
retention && /* @__PURE__ */ jsx("div", { className: "j348adk20fka94", children: /* @__PURE__ */ jsx(Icon, { icon: "star-reward", size: 12, color: colors.white }) })
|
304
|
+
] }),
|
288
305
|
/* @__PURE__ */ jsxs("div", { children: [
|
289
306
|
/* @__PURE__ */ jsx("span", { children: title }),
|
290
307
|
(callToAction !== "null" || tagType !== void 0 || tagText !== "") && /* @__PURE__ */ jsxs("div", { children: [
|
@@ -142,6 +142,7 @@ import InfoOutlinedIcon from '../../assets/icons/info-outlined.svg.js';
|
|
142
142
|
import HintOutlinedIcon from '../../assets/icons/hint-outlined.svg.js';
|
143
143
|
import FaceHappyIcon from '../../assets/icons/face-happy.svg.js';
|
144
144
|
import PersonLevelIcon from '../../assets/icons/person-level.svg.js';
|
145
|
+
import StarRewardIcon from '../../assets/icons/star-reward.svg.js';
|
145
146
|
|
146
147
|
const IconsList = {
|
147
148
|
asterix: AsterixIcon,
|
@@ -284,7 +285,8 @@ const IconsList = {
|
|
284
285
|
"info-outlined": InfoOutlinedIcon,
|
285
286
|
"hint-outlined": HintOutlinedIcon,
|
286
287
|
"face-happy": FaceHappyIcon,
|
287
|
-
"person-level": PersonLevelIcon
|
288
|
+
"person-level": PersonLevelIcon,
|
289
|
+
"star-reward": StarRewardIcon
|
288
290
|
};
|
289
291
|
|
290
292
|
export { IconsList as default };
|
@@ -144,6 +144,7 @@ import '../../assets/icons/info-outlined.svg.js';
|
|
144
144
|
import '../../assets/icons/hint-outlined.svg.js';
|
145
145
|
import '../../assets/icons/face-happy.svg.js';
|
146
146
|
import '../../assets/icons/person-level.svg.js';
|
147
|
+
import '../../assets/icons/star-reward.svg.js';
|
147
148
|
import styled, { css } from 'styled-components';
|
148
149
|
import Icon from '../Icon/Icon.js';
|
149
150
|
import Spinner from '../Spinner/Spinner.js';
|
@@ -144,6 +144,7 @@ import '../../assets/icons/info-outlined.svg.js';
|
|
144
144
|
import '../../assets/icons/hint-outlined.svg.js';
|
145
145
|
import '../../assets/icons/face-happy.svg.js';
|
146
146
|
import '../../assets/icons/person-level.svg.js';
|
147
|
+
import '../../assets/icons/star-reward.svg.js';
|
147
148
|
import styled from 'styled-components';
|
148
149
|
import Icon from '../Icon/Icon.js';
|
149
150
|
import { colors } from '../../utils';
|
@@ -145,6 +145,7 @@ import '../../assets/icons/info-outlined.svg.js';
|
|
145
145
|
import '../../assets/icons/hint-outlined.svg.js';
|
146
146
|
import '../../assets/icons/face-happy.svg.js';
|
147
147
|
import '../../assets/icons/person-level.svg.js';
|
148
|
+
import '../../assets/icons/star-reward.svg.js';
|
148
149
|
import { createPortal } from 'react-dom';
|
149
150
|
import Icon from '../Icon/Icon.js';
|
150
151
|
import Numpad from '../Numpad/Numpad.js';
|