@cashdoc/cashdoc-cms-design-system 2.5.1 → 2.5.2
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 +80 -79
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +43 -43
- package/dist/index.umd.js.map +1 -1
- package/dist/src/components/Accordion/variants.d.ts +6 -0
- package/dist/src/components/BarChart/index.d.ts +2 -1
- package/dist/src/components/ContentArea/ContentArea.d.ts +1 -4
- package/dist/src/components/ContentArea/variants.d.ts +3 -0
- package/dist/src/components/CountFilterChips/CountFilterChips.d.ts +1 -4
- package/dist/src/components/CountFilterChips/variants.d.ts +6 -0
- package/dist/src/components/FilterToggleGroup/index.d.ts +2 -1
- package/dist/src/components/RadioButton/RadioButton.d.ts +1 -4
- package/dist/src/components/RadioButton/index.d.ts +2 -1
- package/dist/src/components/RadioButton/variants.d.ts +8 -0
- package/dist/src/components/SideNavigation/index.d.ts +2 -1
- package/dist/src/components/Switch/Switch.d.ts +1 -3
- package/dist/src/components/Switch/index.d.ts +2 -1
- package/dist/src/components/Switch/variants.d.ts +3 -0
- package/dist/src/components/Table/Table.d.ts +1 -11
- package/dist/src/components/Table/variants.d.ts +10 -0
- package/dist/src/components/TagInput/TagInput.d.ts +1 -5
- package/dist/src/components/TagInput/index.d.ts +2 -1
- package/dist/src/components/TagInput/variants.d.ts +13 -0
- package/dist/src/components/TextArea/TextArea.d.ts +1 -6
- package/dist/src/components/TextArea/variants.d.ts +8 -0
- package/dist/src/components/TextInput/TextInput.d.ts +1 -5
- package/dist/src/components/TextInput/variants.d.ts +7 -0
- package/dist/src/components/Toast/Toast.d.ts +1 -12
- package/dist/src/components/Toast/variants.d.ts +12 -0
- package/dist/src/components/{ToolTip/ToolTip.d.ts → Tooltip/Tooltip.d.ts} +7 -7
- package/dist/src/components/Tooltip/index.d.ts +12 -0
- package/dist/src/components/index.d.ts +1 -1
- package/package.json +1 -1
- package/dist/src/components/ToolTip/index.d.ts +0 -2
package/dist/index.es.js
CHANGED
|
@@ -13242,15 +13242,7 @@ function Nw(e) {
|
|
|
13242
13242
|
return e ? "checked" : "unchecked";
|
|
13243
13243
|
}
|
|
13244
13244
|
var Aw = Ew, HT = Mw;
|
|
13245
|
-
const
|
|
13246
|
-
if (typeof e == "number")
|
|
13247
|
-
return `${Math.max(e, oi)}px`;
|
|
13248
|
-
if (typeof e == "string") {
|
|
13249
|
-
const t = e.trim();
|
|
13250
|
-
return t ? Number.isNaN(Number(t)) ? t : `${Math.max(Number(t), oi)}px` : `${oi}px`;
|
|
13251
|
-
}
|
|
13252
|
-
return `${oi}px`;
|
|
13253
|
-
}, KT = De(
|
|
13245
|
+
const UT = De(
|
|
13254
13246
|
P(
|
|
13255
13247
|
"peer group relative inline-flex items-center transition-colors",
|
|
13256
13248
|
"box-border rounded-full border-2 border-transparent",
|
|
@@ -13277,7 +13269,15 @@ const oi = 40, Vp = 3, UT = 26, GT = (e) => {
|
|
|
13277
13269
|
variant: "default"
|
|
13278
13270
|
}
|
|
13279
13271
|
}
|
|
13280
|
-
),
|
|
13272
|
+
), oi = 40, Vp = 3, GT = 26, KT = (e) => {
|
|
13273
|
+
if (typeof e == "number")
|
|
13274
|
+
return `${Math.max(e, oi)}px`;
|
|
13275
|
+
if (typeof e == "string") {
|
|
13276
|
+
const t = e.trim();
|
|
13277
|
+
return t ? Number.isNaN(Number(t)) ? t : `${Math.max(Number(t), oi)}px` : `${oi}px`;
|
|
13278
|
+
}
|
|
13279
|
+
return `${oi}px`;
|
|
13280
|
+
}, qT = E.forwardRef(
|
|
13281
13281
|
({
|
|
13282
13282
|
className: e,
|
|
13283
13283
|
variant: t,
|
|
@@ -13287,7 +13287,7 @@ const oi = 40, Vp = 3, UT = 26, GT = (e) => {
|
|
|
13287
13287
|
style: a,
|
|
13288
13288
|
...i
|
|
13289
13289
|
}, s) => {
|
|
13290
|
-
const c =
|
|
13290
|
+
const c = KT(r), l = `max(var(--switch-track-width), ${oi}px)`, d = `calc(var(--switch-track-width-safe) - ${GT}px)`, u = {
|
|
13291
13291
|
...a,
|
|
13292
13292
|
"--switch-track-width": c,
|
|
13293
13293
|
"--switch-track-width-safe": l,
|
|
@@ -13297,7 +13297,7 @@ const oi = 40, Vp = 3, UT = 26, GT = (e) => {
|
|
|
13297
13297
|
return /* @__PURE__ */ N(
|
|
13298
13298
|
Aw,
|
|
13299
13299
|
{
|
|
13300
|
-
className: P(
|
|
13300
|
+
className: P(UT({ variant: t }), e),
|
|
13301
13301
|
...i,
|
|
13302
13302
|
style: u,
|
|
13303
13303
|
ref: s,
|
|
@@ -13796,9 +13796,7 @@ var pI = "RadioGroupIndicator", qw = b.forwardRef(
|
|
|
13796
13796
|
);
|
|
13797
13797
|
qw.displayName = pI;
|
|
13798
13798
|
var Xw = Uw, Zw = Kw, vI = qw;
|
|
13799
|
-
const gI =
|
|
13800
|
-
gI.displayName = Xw.displayName;
|
|
13801
|
-
const yI = De(
|
|
13799
|
+
const gI = De(
|
|
13802
13800
|
P(
|
|
13803
13801
|
"flex items-center justify-center",
|
|
13804
13802
|
"aspect-square rounded-full bg-cms-white",
|
|
@@ -13847,7 +13845,7 @@ const yI = De(
|
|
|
13847
13845
|
size: "md"
|
|
13848
13846
|
}
|
|
13849
13847
|
}
|
|
13850
|
-
),
|
|
13848
|
+
), yI = De(
|
|
13851
13849
|
"flex aspect-square items-center justify-center rounded-full bg-current",
|
|
13852
13850
|
{
|
|
13853
13851
|
variants: {
|
|
@@ -13870,16 +13868,18 @@ const yI = De(
|
|
|
13870
13868
|
size: "md"
|
|
13871
13869
|
}
|
|
13872
13870
|
}
|
|
13873
|
-
),
|
|
13871
|
+
), bI = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(Xw, { className: e, ...t, ref: r }));
|
|
13872
|
+
bI.displayName = Xw.displayName;
|
|
13873
|
+
const wI = E.forwardRef(({ className: e, variant: t, size: r, ...n }, o) => /* @__PURE__ */ g(
|
|
13874
13874
|
Zw,
|
|
13875
13875
|
{
|
|
13876
13876
|
ref: o,
|
|
13877
|
-
className: P(
|
|
13877
|
+
className: P(gI({ variant: t, size: r }), e),
|
|
13878
13878
|
...n,
|
|
13879
13879
|
children: /* @__PURE__ */ g(
|
|
13880
13880
|
vI,
|
|
13881
13881
|
{
|
|
13882
|
-
className: P(
|
|
13882
|
+
className: P(yI({ variant: t, size: r }))
|
|
13883
13883
|
}
|
|
13884
13884
|
)
|
|
13885
13885
|
}
|
|
@@ -16608,7 +16608,7 @@ const yR = E.forwardRef(
|
|
|
16608
16608
|
}
|
|
16609
16609
|
)
|
|
16610
16610
|
);
|
|
16611
|
-
yR.displayName = "
|
|
16611
|
+
yR.displayName = "Tooltip";
|
|
16612
16612
|
const bR = De(
|
|
16613
16613
|
"w-full caption-bottom [border-spacing:0] bg-cms-white text-[13px]",
|
|
16614
16614
|
{
|
|
@@ -16622,7 +16622,42 @@ const bR = De(
|
|
|
16622
16622
|
bordered: !1
|
|
16623
16623
|
}
|
|
16624
16624
|
}
|
|
16625
|
-
),
|
|
16625
|
+
), wR = De(
|
|
16626
|
+
"border-b border-cms-gray-150 transition-colors",
|
|
16627
|
+
{
|
|
16628
|
+
variants: {
|
|
16629
|
+
hoverable: {
|
|
16630
|
+
true: "hover:bg-cms-gray-50",
|
|
16631
|
+
false: ""
|
|
16632
|
+
},
|
|
16633
|
+
selected: {
|
|
16634
|
+
true: "bg-cms-gray-100",
|
|
16635
|
+
false: ""
|
|
16636
|
+
}
|
|
16637
|
+
},
|
|
16638
|
+
defaultVariants: {
|
|
16639
|
+
hoverable: !1,
|
|
16640
|
+
selected: !1
|
|
16641
|
+
}
|
|
16642
|
+
}
|
|
16643
|
+
), xR = De(
|
|
16644
|
+
P(
|
|
16645
|
+
"px-3.5 py-3 align-middle text-cms-gray-850",
|
|
16646
|
+
"[&:has([role=checkbox])]:pr-0"
|
|
16647
|
+
),
|
|
16648
|
+
{
|
|
16649
|
+
variants: {
|
|
16650
|
+
align: {
|
|
16651
|
+
left: "text-left",
|
|
16652
|
+
center: "text-center",
|
|
16653
|
+
right: "text-right"
|
|
16654
|
+
}
|
|
16655
|
+
},
|
|
16656
|
+
defaultVariants: {
|
|
16657
|
+
align: "left"
|
|
16658
|
+
}
|
|
16659
|
+
}
|
|
16660
|
+
), ah = E.createContext({}), OR = E.forwardRef(
|
|
16626
16661
|
({ className: e, striped: t, hoverable: r, bordered: n, compact: o, ...a }, i) => {
|
|
16627
16662
|
const {
|
|
16628
16663
|
ref: s,
|
|
@@ -16684,8 +16719,8 @@ const bR = De(
|
|
|
16684
16719
|
) });
|
|
16685
16720
|
}
|
|
16686
16721
|
);
|
|
16687
|
-
|
|
16688
|
-
const
|
|
16722
|
+
OR.displayName = "Table";
|
|
16723
|
+
const SR = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
|
|
16689
16724
|
"thead",
|
|
16690
16725
|
{
|
|
16691
16726
|
ref: r,
|
|
@@ -16699,8 +16734,8 @@ const xR = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
|
|
|
16699
16734
|
...t
|
|
16700
16735
|
}
|
|
16701
16736
|
));
|
|
16702
|
-
|
|
16703
|
-
const
|
|
16737
|
+
SR.displayName = "TableHeader";
|
|
16738
|
+
const CR = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
|
|
16704
16739
|
"tbody",
|
|
16705
16740
|
{
|
|
16706
16741
|
ref: r,
|
|
@@ -16708,8 +16743,8 @@ const OR = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
|
|
|
16708
16743
|
...t
|
|
16709
16744
|
}
|
|
16710
16745
|
));
|
|
16711
|
-
|
|
16712
|
-
const
|
|
16746
|
+
CR.displayName = "TableBody";
|
|
16747
|
+
const _R = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
|
|
16713
16748
|
"tfoot",
|
|
16714
16749
|
{
|
|
16715
16750
|
ref: r,
|
|
@@ -16721,26 +16756,8 @@ const SR = E.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ g(
|
|
|
16721
16756
|
...t
|
|
16722
16757
|
}
|
|
16723
16758
|
));
|
|
16724
|
-
|
|
16725
|
-
const
|
|
16726
|
-
"border-b border-cms-gray-150 transition-colors",
|
|
16727
|
-
{
|
|
16728
|
-
variants: {
|
|
16729
|
-
hoverable: {
|
|
16730
|
-
true: "hover:bg-cms-gray-50",
|
|
16731
|
-
false: ""
|
|
16732
|
-
},
|
|
16733
|
-
selected: {
|
|
16734
|
-
true: "bg-cms-gray-100",
|
|
16735
|
-
false: ""
|
|
16736
|
-
}
|
|
16737
|
-
},
|
|
16738
|
-
defaultVariants: {
|
|
16739
|
-
hoverable: !1,
|
|
16740
|
-
selected: !1
|
|
16741
|
-
}
|
|
16742
|
-
}
|
|
16743
|
-
), Jx = E.forwardRef(
|
|
16759
|
+
_R.displayName = "TableFooter";
|
|
16760
|
+
const Jx = E.forwardRef(
|
|
16744
16761
|
({ className: e, selected: t, ...r }, n) => {
|
|
16745
16762
|
const { hoverable: o, striped: a } = E.useContext(ah);
|
|
16746
16763
|
return /* @__PURE__ */ g(
|
|
@@ -16748,7 +16765,7 @@ const CR = De(
|
|
|
16748
16765
|
{
|
|
16749
16766
|
ref: n,
|
|
16750
16767
|
className: P(
|
|
16751
|
-
|
|
16768
|
+
wR({ hoverable: o, selected: t }),
|
|
16752
16769
|
a && "even:bg-cms-gray-50",
|
|
16753
16770
|
e
|
|
16754
16771
|
),
|
|
@@ -16759,15 +16776,15 @@ const CR = De(
|
|
|
16759
16776
|
}
|
|
16760
16777
|
);
|
|
16761
16778
|
Jx.displayName = "TableRow";
|
|
16762
|
-
const
|
|
16779
|
+
const ER = {
|
|
16763
16780
|
left: "text-left",
|
|
16764
16781
|
center: "text-center",
|
|
16765
16782
|
right: "text-right"
|
|
16766
|
-
},
|
|
16783
|
+
}, PR = {
|
|
16767
16784
|
left: "justify-start",
|
|
16768
16785
|
center: "justify-center",
|
|
16769
16786
|
right: "justify-end"
|
|
16770
|
-
},
|
|
16787
|
+
}, MR = E.forwardRef(
|
|
16771
16788
|
({
|
|
16772
16789
|
className: e,
|
|
16773
16790
|
children: t,
|
|
@@ -16786,7 +16803,7 @@ const _R = {
|
|
|
16786
16803
|
scope: i,
|
|
16787
16804
|
className: P(
|
|
16788
16805
|
"h-10 px-3.5 align-middle",
|
|
16789
|
-
|
|
16806
|
+
ER[a],
|
|
16790
16807
|
"text-[12px] font-semibold text-cms-gray-600",
|
|
16791
16808
|
"whitespace-nowrap",
|
|
16792
16809
|
"border-0 border-b border-cms-gray-200",
|
|
@@ -16803,7 +16820,7 @@ const _R = {
|
|
|
16803
16820
|
onClick: o,
|
|
16804
16821
|
className: P(
|
|
16805
16822
|
"flex w-full items-center",
|
|
16806
|
-
|
|
16823
|
+
PR[a],
|
|
16807
16824
|
"cursor-pointer border-0 bg-transparent p-0 select-none",
|
|
16808
16825
|
"font-[inherit] text-inherit",
|
|
16809
16826
|
"focus-visible:outline-2 focus-visible:outline-offset-2",
|
|
@@ -16822,25 +16839,8 @@ const _R = {
|
|
|
16822
16839
|
);
|
|
16823
16840
|
}
|
|
16824
16841
|
);
|
|
16825
|
-
|
|
16826
|
-
const
|
|
16827
|
-
P(
|
|
16828
|
-
"px-3.5 py-3 align-middle text-cms-gray-850",
|
|
16829
|
-
"[&:has([role=checkbox])]:pr-0"
|
|
16830
|
-
),
|
|
16831
|
-
{
|
|
16832
|
-
variants: {
|
|
16833
|
-
align: {
|
|
16834
|
-
left: "text-left",
|
|
16835
|
-
center: "text-center",
|
|
16836
|
-
right: "text-right"
|
|
16837
|
-
}
|
|
16838
|
-
},
|
|
16839
|
-
defaultVariants: {
|
|
16840
|
-
align: "left"
|
|
16841
|
-
}
|
|
16842
|
-
}
|
|
16843
|
-
), e1 = E.forwardRef(
|
|
16842
|
+
MR.displayName = "TableHead";
|
|
16843
|
+
const e1 = E.forwardRef(
|
|
16844
16844
|
({ className: e, align: t, ...r }, n) => {
|
|
16845
16845
|
const { compact: o } = E.useContext(ah);
|
|
16846
16846
|
return /* @__PURE__ */ g(
|
|
@@ -16848,7 +16848,7 @@ const MR = De(
|
|
|
16848
16848
|
{
|
|
16849
16849
|
ref: n,
|
|
16850
16850
|
className: P(
|
|
16851
|
-
|
|
16851
|
+
xR({ align: t }),
|
|
16852
16852
|
o && "px-2.5 py-1.5",
|
|
16853
16853
|
e
|
|
16854
16854
|
),
|
|
@@ -35558,7 +35558,7 @@ export {
|
|
|
35558
35558
|
Rk as PopoverContent,
|
|
35559
35559
|
jk as PopoverMenuItem,
|
|
35560
35560
|
cK as PopoverTrigger,
|
|
35561
|
-
|
|
35561
|
+
bI as RadioGroup,
|
|
35562
35562
|
wI as RadioGroupItem,
|
|
35563
35563
|
YG as RefreshIcon,
|
|
35564
35564
|
jG as SaveIcon,
|
|
@@ -35569,14 +35569,14 @@ export {
|
|
|
35569
35569
|
jI as SideNavigation,
|
|
35570
35570
|
p5 as SuccessModal,
|
|
35571
35571
|
qT as Switch,
|
|
35572
|
-
|
|
35573
|
-
|
|
35572
|
+
OR as Table,
|
|
35573
|
+
CR as TableBody,
|
|
35574
35574
|
NR as TableCaption,
|
|
35575
35575
|
e1 as TableCell,
|
|
35576
35576
|
kR as TableExpandableRow,
|
|
35577
|
-
|
|
35578
|
-
|
|
35579
|
-
|
|
35577
|
+
_R as TableFooter,
|
|
35578
|
+
MR as TableHead,
|
|
35579
|
+
SR as TableHeader,
|
|
35580
35580
|
Jx as TableRow,
|
|
35581
35581
|
fK as Tabs,
|
|
35582
35582
|
XR as TabsContent,
|
|
@@ -35593,6 +35593,7 @@ export {
|
|
|
35593
35593
|
uK as Toaster,
|
|
35594
35594
|
$E as ToggleButton,
|
|
35595
35595
|
yR as ToolTip,
|
|
35596
|
+
yR as Tooltip,
|
|
35596
35597
|
$G as TrashIcon,
|
|
35597
35598
|
QG as TrendingDownIcon,
|
|
35598
35599
|
ZG as TrendingUpIcon,
|