@ttoss/components 2.16.0 → 2.16.1
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.mjs +8 -4
- package/package.json +4 -4
package/dist/index.mjs
CHANGED
|
@@ -3040,6 +3040,7 @@ var ScopeRow = ({
|
|
|
3040
3040
|
busy
|
|
3041
3041
|
});
|
|
3042
3042
|
const checkboxId = `consent-scope-${scope.key}`;
|
|
3043
|
+
const labelId = `consent-scope-label-${scope.key}`;
|
|
3043
3044
|
const descId = `consent-scope-desc-${scope.key}`;
|
|
3044
3045
|
return /* @__PURE__ */jsxs(Box, {
|
|
3045
3046
|
as: "li",
|
|
@@ -3047,6 +3048,7 @@ var ScopeRow = ({
|
|
|
3047
3048
|
listStyle: "none"
|
|
3048
3049
|
},
|
|
3049
3050
|
children: [/* @__PURE__ */jsxs(Flex, {
|
|
3051
|
+
as: "label",
|
|
3050
3052
|
sx: {
|
|
3051
3053
|
gap: 3,
|
|
3052
3054
|
alignItems: "flex-start",
|
|
@@ -3055,6 +3057,7 @@ var ScopeRow = ({
|
|
|
3055
3057
|
borderRadius: "md",
|
|
3056
3058
|
opacity: ancestorSelected ? .55 : 1,
|
|
3057
3059
|
transition: "background-color 0.15s ease",
|
|
3060
|
+
cursor: isInteractive ? "pointer" : "default",
|
|
3058
3061
|
...(isInteractive && {
|
|
3059
3062
|
"&:hover": {
|
|
3060
3063
|
backgroundColor: "display.background.muted.default"
|
|
@@ -3070,6 +3073,7 @@ var ScopeRow = ({
|
|
|
3070
3073
|
id: checkboxId,
|
|
3071
3074
|
checked: isChecked,
|
|
3072
3075
|
disabled: isDisabled,
|
|
3076
|
+
"aria-labelledby": labelId,
|
|
3073
3077
|
"aria-describedby": descId,
|
|
3074
3078
|
onChange: () => {
|
|
3075
3079
|
onToggle(scope, ancestorSelected);
|
|
@@ -3080,15 +3084,15 @@ var ScopeRow = ({
|
|
|
3080
3084
|
flex: 1,
|
|
3081
3085
|
minWidth: 0
|
|
3082
3086
|
},
|
|
3083
|
-
children: [/* @__PURE__ */jsx(
|
|
3084
|
-
|
|
3087
|
+
children: [/* @__PURE__ */jsx(Text, {
|
|
3088
|
+
as: "span",
|
|
3089
|
+
id: labelId,
|
|
3085
3090
|
sx: {
|
|
3086
3091
|
fontWeight: "semibold",
|
|
3087
3092
|
fontSize: "md",
|
|
3088
3093
|
lineHeight: "short",
|
|
3089
|
-
cursor: isInteractive ? "pointer" : "default",
|
|
3090
3094
|
color: "display.text.primary.default",
|
|
3091
|
-
|
|
3095
|
+
display: "block"
|
|
3092
3096
|
},
|
|
3093
3097
|
children: scope.label
|
|
3094
3098
|
}), /* @__PURE__ */jsx(Text, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ttoss/components",
|
|
3
|
-
"version": "2.16.
|
|
3
|
+
"version": "2.16.1",
|
|
4
4
|
"description": "React components for ttoss ecosystem.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"React",
|
|
@@ -54,11 +54,11 @@
|
|
|
54
54
|
"tsdown": "^0.22.2",
|
|
55
55
|
"tsx": "^4.21.0",
|
|
56
56
|
"@ttoss/config": "^1.37.17",
|
|
57
|
-
"@ttoss/
|
|
58
|
-
"@ttoss/react-icons": "^0.7.21",
|
|
57
|
+
"@ttoss/i18n-cli": "^0.8.17",
|
|
59
58
|
"@ttoss/react-i18n": "^2.3.0",
|
|
59
|
+
"@ttoss/react-icons": "^0.7.21",
|
|
60
|
+
"@ttoss/react-hooks": "^2.3.20",
|
|
60
61
|
"@ttoss/test-utils": "^4.2.18",
|
|
61
|
-
"@ttoss/i18n-cli": "^0.8.17",
|
|
62
62
|
"@ttoss/ui": "^6.9.28"
|
|
63
63
|
},
|
|
64
64
|
"peerDependencies": {
|