odaptos_design_system 2.0.319 → 2.0.321
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/dist/index.cjs +19 -18
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +19 -18
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -183,7 +183,7 @@ const getReadableTextColor = (backgroundColor) => {
|
|
|
183
183
|
//#endregion
|
|
184
184
|
//#region src/Atoms/Badge/Badge.tsx
|
|
185
185
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=3073-110563&mode=dev */
|
|
186
|
-
const Badge = ({ text, status = "idle", size = "base", iconLeft, iconRight,
|
|
186
|
+
const Badge = ({ text, status = "idle", size = "base", iconLeft, iconRight, extraText, extraTextPosition = "end", customColor, customTextColor, className, canBeRemoved = false, id,...props$1 }) => {
|
|
187
187
|
const badgeCustomColor = customColor ? (0, colord.colord)(customColor) : void 0;
|
|
188
188
|
const getTextColor = () => {
|
|
189
189
|
if (customTextColor) return customTextColor;
|
|
@@ -222,7 +222,6 @@ const Badge = ({ text, status = "idle", size = "base", iconLeft, iconRight, numb
|
|
|
222
222
|
else if (size === "base") return Badge_modules_default.badge_base;
|
|
223
223
|
else return Badge_modules_default.badge_base;
|
|
224
224
|
};
|
|
225
|
-
const isNumber = typeof number === "number";
|
|
226
225
|
return /* @__PURE__ */ react.default.createElement("div", {
|
|
227
226
|
id,
|
|
228
227
|
...props$1,
|
|
@@ -231,18 +230,18 @@ const Badge = ({ text, status = "idle", size = "base", iconLeft, iconRight, numb
|
|
|
231
230
|
}, iconLeft && react.default.cloneElement(iconLeft, { style: {
|
|
232
231
|
fill: getTextColor(),
|
|
233
232
|
stroke: getTextColor()
|
|
234
|
-
} }),
|
|
233
|
+
} }), extraTextPosition === "start" && extraText && /* @__PURE__ */ react.default.createElement(Text, {
|
|
235
234
|
size: getTextSize(),
|
|
236
|
-
text:
|
|
235
|
+
text: extraText,
|
|
237
236
|
color: getTextColor(),
|
|
238
237
|
weight: "bold"
|
|
239
238
|
}), /* @__PURE__ */ react.default.createElement(Text, {
|
|
240
239
|
size: getTextSize(),
|
|
241
240
|
text,
|
|
242
241
|
color: getTextColor()
|
|
243
|
-
}),
|
|
242
|
+
}), extraTextPosition === "end" && extraText && /* @__PURE__ */ react.default.createElement(Text, {
|
|
244
243
|
size: getTextSize(),
|
|
245
|
-
text:
|
|
244
|
+
text: extraText,
|
|
246
245
|
color: getTextColor(),
|
|
247
246
|
weight: "bold"
|
|
248
247
|
}), iconRight && react.default.cloneElement(iconRight, {
|
|
@@ -10525,20 +10524,22 @@ function OfficeDrawerIcon({ stroke, strokeWidth, fill, size = "base",...rest })
|
|
|
10525
10524
|
...rest
|
|
10526
10525
|
}, /* @__PURE__ */ react.default.createElement("svg", {
|
|
10527
10526
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10528
|
-
width: "
|
|
10529
|
-
height: "
|
|
10530
|
-
viewBox: "0 0
|
|
10527
|
+
width: "16",
|
|
10528
|
+
height: "16",
|
|
10529
|
+
viewBox: "0 0 16 16",
|
|
10531
10530
|
fill: "none"
|
|
10532
|
-
}, /* @__PURE__ */ react.default.createElement("
|
|
10533
|
-
|
|
10534
|
-
clipRule: "evenodd",
|
|
10535
|
-
d: "M19 5.2C19 5.6 19.3 5.9 19.7 5.9C20.1 5.9 20.4 5.6 20.4 5.3V4C20.4 3.5 20.2 3.1 19.9 2.8C19.6 2.5 19.1 2.3 18.7 2.3H13.9L12.9 0.7C12.7 0.5 12.5 0.3 12.3 0.2C12.1 0.1 11.9 0 11.6 0H4.5C4.3 0.1 4.1 0.1 3.8 0.1C3.6 0.2 3.5 0.3 3.3 0.5C3.26277 0.574456 3.21169 0.648913 3.15706 0.728528C3.06495 0.862772 2.96277 1.01168 2.9 1.2C2.8 1.4 2.8 1.6 2.8 1.8V2.8C2.8 3.2 3.1 3.5 3.5 3.5C3.9 3.5 4.2 3.2 4.2 2.8V1.8V1.7C4.3 1.7 4.3 1.6 4.3 1.6C4.3 1.5 4.4 1.5 4.4 1.5H4.5H11.5H11.6H11.7L12.9 3.4C13 3.6 13.3 3.7 13.5 3.7H18.7C18.7425 3.7 18.7669 3.7 18.7887 3.70767C18.8181 3.71806 18.8425 3.74249 18.9 3.8C19 3.9 19 3.9 19 4V5.2ZM20.3 12V9.19999C20.3 9.09999 20.3 9.09999 20.2 8.99999C20.2 8.99999 20.1 8.89999 20 8.89999H13.6C13.4 8.89999 13.1 8.79999 13 8.59999L11.8 6.69999H11.7H11.6H3.2C3.1 6.69999 3.1 6.69999 3 6.79999V6.99999V12H20.3ZM1.6 12.002V6.99999C1.6 6.49999 1.8 6.09999 2.1 5.79999C2.4 5.49999 2.8 5.29999 3.3 5.29999H11.7C11.9374 5.29999 12.1122 5.3626 12.3234 5.43828C12.3791 5.45825 12.4374 5.47912 12.5 5.49999L13 5.99999L14 7.59999H20C20.4 7.59999 20.9 7.79999 21.2 8.09999C21.5 8.39999 21.7 8.79999 21.7 9.29999V12H22.2C22.9 12 23.9 12.4 23.9 13.7V22.2C24 22.9 23.5 23.9 22.3 23.9H1.7C1 23.9 0 23.5 0 22.2V13.7C0 13.0183 0.379384 12.052 1.6 12.002ZM1.7 13.5H22.3C22.5 13.5 22.5 13.7 22.5 13.8V22.3C22.5 22.6 22.3 22.6 22.2 22.6H1.7C1.4 22.6 1.4 22.4 1.4 22.3V13.8C1.4 13.5 1.6 13.5 1.7 13.5ZM14.9 16.4H9.1C8.7 16.4 8.4 16.1 8.4 15.7C8.4 15.3 8.7 15 9.1 15H15C15.4 15 15.7 15.3 15.7 15.7C15.7 16.1 15.3 16.4 14.9 16.4Z",
|
|
10531
|
+
}, /* @__PURE__ */ react.default.createElement("path", {
|
|
10532
|
+
d: "M12.713 3.48117C12.713 3.74895 12.9138 3.94979 13.1814 3.94979C13.4491 3.94979 13.6498 3.74895 13.6498 3.54812V2.67782C13.6498 2.3431 13.516 2.07531 13.3152 1.87448C13.1145 1.67364 12.78 1.53975 12.5123 1.53975H9.3006L8.63149 0.468619C8.49767 0.334728 8.36385 0.200837 8.23003 0.133891C8.09621 0.0669456 7.96238 0 7.76165 0H3.01099C2.87717 0.0669456 2.74334 0.0669456 2.54261 0.0669456C2.40879 0.133891 2.34188 0.200837 2.20806 0.334728C2.18315 0.384573 2.14896 0.434418 2.11241 0.487718C2.05078 0.577588 1.98242 0.677278 1.94041 0.803347C1.8735 0.937239 1.8735 1.07113 1.8735 1.20502V1.87448C1.8735 2.14226 2.07424 2.3431 2.34188 2.3431C2.60952 2.3431 2.81025 2.14226 2.81025 1.87448V1.13808C2.87717 1.13808 2.87717 1.07113 2.87717 1.07113C2.87717 1.00418 2.94408 1.00418 2.94408 1.00418H7.82856L8.63149 2.27615C8.6984 2.41004 8.89913 2.47699 9.03296 2.47699H12.5123C12.5408 2.47699 12.5571 2.47699 12.5716 2.48212C12.5913 2.48908 12.6077 2.50544 12.6461 2.54393C12.713 2.61088 12.713 2.61088 12.713 2.67782V3.48117Z",
|
|
10536
10533
|
fill
|
|
10537
|
-
})
|
|
10538
|
-
|
|
10539
|
-
|
|
10540
|
-
|
|
10541
|
-
|
|
10534
|
+
}), /* @__PURE__ */ react.default.createElement("path", {
|
|
10535
|
+
d: "M9.96971 10.9791H6.08888C5.82124 10.9791 5.62051 10.7782 5.62051 10.5105C5.62051 10.2427 5.82124 10.0418 6.08888 10.0418H10.0366C10.3043 10.0418 10.505 10.2427 10.505 10.5105C10.505 10.7782 10.2373 10.9791 9.96971 10.9791Z",
|
|
10536
|
+
fill
|
|
10537
|
+
}), /* @__PURE__ */ react.default.createElement("path", {
|
|
10538
|
+
"fill-rule": "evenodd",
|
|
10539
|
+
"clip-rule": "evenodd",
|
|
10540
|
+
d: "M1.07057 8.03483V4.68618C1.07057 4.35146 1.20439 4.08367 1.40513 3.88284C1.60586 3.682 1.8735 3.54811 2.20805 3.54811H7.82856C7.9874 3.54811 8.10434 3.59003 8.24569 3.64069C8.28297 3.65406 8.32195 3.66803 8.36385 3.682L8.6984 4.01673L9.36751 5.08786H13.3822C13.6498 5.08786 13.9844 5.22175 14.1851 5.42259C14.3858 5.62342 14.5196 5.89121 14.5196 6.22593V8.03347H14.8542C15.3226 8.03347 15.9917 8.30126 15.9917 9.17155V14.8619C16.0586 15.3305 15.724 16 14.9211 16H1.13748C0.669108 16 0 15.7322 0 14.8619V9.17155C0 8.71517 0.253849 8.0683 1.07057 8.03483ZM13.5829 8.03347V6.15899C13.5829 6.09204 13.5829 6.09204 13.516 6.0251C13.516 6.0251 13.4491 5.95815 13.3822 5.95815H9.09986C8.96604 5.95815 8.76531 5.89121 8.6984 5.75731L7.89547 4.48535H2.14114C2.07423 4.48535 2.07423 4.48535 2.00732 4.55229V8.03347H13.5829ZM1.13748 9.03766H14.9211C15.0549 9.03766 15.0549 9.17155 15.0549 9.23849V14.9289C15.0549 15.1297 14.9211 15.1297 14.8542 15.1297H1.13748C0.936751 15.1297 0.936751 14.9958 0.936751 14.9289V9.23849C0.936751 9.03766 1.07057 9.03766 1.13748 9.03766Z",
|
|
10541
|
+
fill
|
|
10542
|
+
})));
|
|
10542
10543
|
}
|
|
10543
10544
|
|
|
10544
10545
|
//#endregion
|