rbro-tat-uds 1.6.29 → 1.6.30

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.es.js CHANGED
@@ -2650,6 +2650,27 @@ const R1 = {
2650
2650
  padding: 2px 12px;
2651
2651
  border-radius: 999999px;
2652
2652
  background: ${({ $selected: t, $theme: i }) => t ? i && Object.keys(R1).includes(i) ? R1[i].itemActive.backgroundColor : R1.light.itemActive.backgroundColor : "transparent"};
2653
+ position: relative;
2654
+
2655
+ ${({ $badgeText: t }) => t && d`
2656
+ & > div {
2657
+ position: absolute;
2658
+ top: -23%;
2659
+ right: -23%;
2660
+ background-color: ${l.danger_500};
2661
+ padding: 2px 6.175px;
2662
+ border-radius: 999999px;
2663
+ display: flex;
2664
+ align-items: center;
2665
+ justify-content: center;
2666
+
2667
+ & > span {
2668
+ color: ${l.white};
2669
+ font-size: 11px;
2670
+ font-weight: 500;
2671
+ }
2672
+ }
2673
+ `}
2653
2674
  }
2654
2675
 
2655
2676
  & > span {
@@ -2687,24 +2708,29 @@ const R1 = {
2687
2708
  onClick: n,
2688
2709
  disabled: r = !1,
2689
2710
  theme: c = "light",
2690
- ...o
2711
+ badgeText: o = "",
2712
+ ...C
2691
2713
  }) => /* @__PURE__ */ L.jsxs(
2692
2714
  I4,
2693
2715
  {
2694
2716
  onClick: n,
2695
2717
  $selected: a,
2696
2718
  $theme: c,
2719
+ $badgeText: o,
2697
2720
  disabled: r,
2698
- ...o,
2721
+ ...C,
2699
2722
  children: [
2700
- /* @__PURE__ */ L.jsx("div", { children: /* @__PURE__ */ L.jsx(
2701
- O,
2702
- {
2703
- icon: t,
2704
- size: 20,
2705
- color: r ? R1[c].icon.disabled : R1[c].icon.default
2706
- }
2707
- ) }),
2723
+ /* @__PURE__ */ L.jsxs("div", { children: [
2724
+ /* @__PURE__ */ L.jsx(
2725
+ O,
2726
+ {
2727
+ icon: t,
2728
+ size: 20,
2729
+ color: r ? R1[c].icon.disabled : R1[c].icon.default
2730
+ }
2731
+ ),
2732
+ o && /* @__PURE__ */ L.jsx("div", { children: /* @__PURE__ */ L.jsx("span", { children: o }) })
2733
+ ] }),
2708
2734
  /* @__PURE__ */ L.jsx("span", { children: i })
2709
2735
  ]
2710
2736
  }
@@ -14162,6 +14188,7 @@ const Ct = B.button`
14162
14188
  flex-direction: column;
14163
14189
  overflow: hidden;
14164
14190
  cursor: pointer;
14191
+ background-color: ${l.white};
14165
14192
 
14166
14193
  &:hover {
14167
14194
  outline: 2px solid ${l.info_800};