@cdx-ui/components 0.0.1-beta.72 → 0.0.1-beta.74
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/README.md
CHANGED
|
@@ -39,7 +39,7 @@ Component stories live in [`apps/storybook`](../../apps/storybook/). See the ful
|
|
|
39
39
|
|
|
40
40
|
### Components
|
|
41
41
|
|
|
42
|
-
AlertDialog, Avatar, BottomSheet, Button, Card, Checkbox, Chip, Dialog, Field, Form, Heading, HStack / VStack, Icon, IconButton, Image, Input, Link, ListItem, OtpInput, ProgressBar, ProgressSegmented, Radio, ScopedTheme, Select, Skeleton, Switch, Text, Tile, VirtualizedList.
|
|
42
|
+
Alert, AlertDialog, Avatar, BottomSheet, Button, Card, Checkbox, Chip, Dialog, Field, Form, Heading, HStack / VStack, Icon, IconButton, Image, Input, Link, ListItem, OtpInput, ProgressBar, ProgressSegmented, QuickActionButton, Radio, ScopedTheme, Select, Skeleton, Switch, Text, Tile, VirtualizedList.
|
|
43
43
|
|
|
44
44
|
> `Box` is exported but deprecated — use React Native's `View` directly.
|
|
45
45
|
|
|
@@ -113,7 +113,7 @@ Where: **styled layer.** Pure styling hint with no behavior or a11y semantics
|
|
|
113
113
|
- `asChild` re-uses `Slot` from `@cdx-ui/primitives` — no new primitive needed for sub-slots
|
|
114
114
|
- `buttonIconVariants` / `buttonSpinnerVariants` carry `data-[icon=inline-start]:me-1.5 data-[icon=inline-end]:ms-1.5` so leading/trailing padding works without per-call overrides
|
|
115
115
|
|
|
116
|
-
`packages/components/src/components/
|
|
116
|
+
`packages/components/src/components/QuickActionButton/index.tsx` shows the second axis of Standard 1: a styled-layer sub-slot (the Indicator) opts into `useButtonContext()` when its styling reacts to interaction state. The pattern is the same as the primitive Root — call `useButtonContext()`, spread `mergeDataAttributes(props, dataAttributes({ ... }))` — only it lives in the styled layer.
|
|
117
117
|
|
|
118
118
|
### Pattern summary
|
|
119
119
|
|
|
@@ -113,7 +113,7 @@ Where: **styled layer.** Pure styling hint with no behavior or a11y semantics
|
|
|
113
113
|
- `asChild` re-uses `Slot` from `@cdx-ui/primitives` — no new primitive needed for sub-slots
|
|
114
114
|
- `buttonIconVariants` / `buttonSpinnerVariants` carry `data-[icon=inline-start]:me-1.5 data-[icon=inline-end]:ms-1.5` so leading/trailing padding works without per-call overrides
|
|
115
115
|
|
|
116
|
-
`packages/components/src/components/
|
|
116
|
+
`packages/components/src/components/QuickActionButton/index.tsx` shows the second axis of Standard 1: a styled-layer sub-slot (the Indicator) opts into `useButtonContext()` when its styling reacts to interaction state. The pattern is the same as the primitive Root — call `useButtonContext()`, spread `mergeDataAttributes(props, dataAttributes({ ... }))` — only it lives in the styled layer.
|
|
117
117
|
|
|
118
118
|
### Pattern summary
|
|
119
119
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/components",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
3
|
+
"version": "0.0.1-beta.74",
|
|
4
4
|
"main": "lib/commonjs/index.js",
|
|
5
5
|
"module": "lib/module/index.js",
|
|
6
6
|
"react-native": "src/index.ts",
|
|
@@ -67,9 +67,9 @@
|
|
|
67
67
|
"@gorhom/bottom-sheet": "^5.2.6",
|
|
68
68
|
"class-variance-authority": "^0.7.1",
|
|
69
69
|
"uniwind": "1.6.1",
|
|
70
|
-
"@cdx-ui/
|
|
71
|
-
"@cdx-ui/
|
|
72
|
-
"@cdx-ui/
|
|
70
|
+
"@cdx-ui/primitives": "0.0.1-beta.74",
|
|
71
|
+
"@cdx-ui/utils": "0.0.1-beta.74",
|
|
72
|
+
"@cdx-ui/icons": "0.0.1-beta.74"
|
|
73
73
|
},
|
|
74
74
|
"devDependencies": {
|
|
75
75
|
"@react-navigation/bottom-tabs": "*",
|
package/src/components/CLAUDE.md
CHANGED
|
@@ -113,7 +113,7 @@ Where: **styled layer.** Pure styling hint with no behavior or a11y semantics
|
|
|
113
113
|
- `asChild` re-uses `Slot` from `@cdx-ui/primitives` — no new primitive needed for sub-slots
|
|
114
114
|
- `buttonIconVariants` / `buttonSpinnerVariants` carry `data-[icon=inline-start]:me-1.5 data-[icon=inline-end]:ms-1.5` so leading/trailing padding works without per-call overrides
|
|
115
115
|
|
|
116
|
-
`packages/components/src/components/
|
|
116
|
+
`packages/components/src/components/QuickActionButton/index.tsx` shows the second axis of Standard 1: a styled-layer sub-slot (the Indicator) opts into `useButtonContext()` when its styling reacts to interaction state. The pattern is the same as the primitive Root — call `useButtonContext()`, spread `mergeDataAttributes(props, dataAttributes({ ... }))` — only it lives in the styled layer.
|
|
117
117
|
|
|
118
118
|
### Pattern summary
|
|
119
119
|
|