@axzydev/axzy_ui_system 1.7.1 → 1.7.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.cjs +17 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +17 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/segmented-control/segmented-control.tsx +3 -0
- package/src/components/molecules/card/card.tsx +12 -0
- package/src/components/molecules/stat-card/stat-card.tsx +10 -0
package/package.json
CHANGED
|
@@ -34,6 +34,7 @@ export default function ITSegmentedControl({
|
|
|
34
34
|
|
|
35
35
|
return (
|
|
36
36
|
<div
|
|
37
|
+
role="group"
|
|
37
38
|
className={clsx(
|
|
38
39
|
"inline-flex rounded-xl bg-slate-100 dark:bg-slate-800 border border-slate-200 dark:border-slate-700",
|
|
39
40
|
container,
|
|
@@ -46,6 +47,8 @@ export default function ITSegmentedControl({
|
|
|
46
47
|
return (
|
|
47
48
|
<button
|
|
48
49
|
key={opt.value}
|
|
50
|
+
type="button"
|
|
51
|
+
aria-pressed={isActive}
|
|
49
52
|
onClick={() => !disabled && onChange(opt.value)}
|
|
50
53
|
disabled={disabled}
|
|
51
54
|
className={clsx(
|
|
@@ -73,6 +73,18 @@ export default function ITCard({
|
|
|
73
73
|
onClick={onClick}
|
|
74
74
|
onMouseEnter={() => onClick && setIsHovered(true)}
|
|
75
75
|
onMouseLeave={() => onClick && setIsHovered(false)}
|
|
76
|
+
role={onClick ? "button" : undefined}
|
|
77
|
+
tabIndex={onClick ? 0 : undefined}
|
|
78
|
+
onKeyDown={
|
|
79
|
+
onClick
|
|
80
|
+
? (e) => {
|
|
81
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
82
|
+
e.preventDefault();
|
|
83
|
+
onClick();
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
: undefined
|
|
87
|
+
}
|
|
76
88
|
className={clsx("overflow-hidden flex flex-col", className)}
|
|
77
89
|
style={containerStyle}
|
|
78
90
|
>
|
|
@@ -36,6 +36,16 @@ export default function ITStatCard({
|
|
|
36
36
|
onClick={onClick}
|
|
37
37
|
role={onClick ? "button" : undefined}
|
|
38
38
|
tabIndex={onClick ? 0 : undefined}
|
|
39
|
+
onKeyDown={
|
|
40
|
+
onClick
|
|
41
|
+
? (e) => {
|
|
42
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
43
|
+
e.preventDefault();
|
|
44
|
+
onClick();
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
: undefined
|
|
48
|
+
}
|
|
39
49
|
>
|
|
40
50
|
<div className="flex items-start justify-between mb-1">
|
|
41
51
|
<ITText as="span" className="text-xs font-medium text-slate-400 dark:text-slate-500">{label}</ITText>
|