@cdx-ui/components 0.0.1-beta.72 → 0.0.1-beta.73

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/IconButton/index.tsx` shows the second axis of Standard 1: a styled-layer slot (the glyph) is the place that opts into `useButtonContext()` when its styling reacts to interaction state. The pattern is the same as the primitive Root — call `useButtonContext()`, spread `dataAttributes({ ... })` — only it lives in the styled layer.
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/IconButton/index.tsx` shows the second axis of Standard 1: a styled-layer slot (the glyph) is the place that opts into `useButtonContext()` when its styling reacts to interaction state. The pattern is the same as the primitive Root — call `useButtonContext()`, spread `dataAttributes({ ... })` — only it lives in the styled layer.
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.72",
3
+ "version": "0.0.1-beta.73",
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/utils": "0.0.1-beta.72",
71
- "@cdx-ui/icons": "0.0.1-beta.72",
72
- "@cdx-ui/primitives": "0.0.1-beta.72"
70
+ "@cdx-ui/primitives": "0.0.1-beta.73",
71
+ "@cdx-ui/utils": "0.0.1-beta.73",
72
+ "@cdx-ui/icons": "0.0.1-beta.73"
73
73
  },
74
74
  "devDependencies": {
75
75
  "@react-navigation/bottom-tabs": "*",
@@ -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/IconButton/index.tsx` shows the second axis of Standard 1: a styled-layer slot (the glyph) is the place that opts into `useButtonContext()` when its styling reacts to interaction state. The pattern is the same as the primitive Root — call `useButtonContext()`, spread `dataAttributes({ ... })` — only it lives in the styled layer.
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