@bento/pressable 0.1.2 → 0.1.4

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.
Files changed (5) hide show
  1. package/README.md +6 -4
  2. package/README.mdx +6 -4
  3. package/dist/index.d.cts +1 -1
  4. package/dist/index.d.ts +1 -1
  5. package/package.json +3 -3
package/README.md CHANGED
@@ -85,10 +85,12 @@ The Pressable component automatically handles accessibility features:
85
85
 
86
86
  The following data attributes are exposed and can be used for styling:
87
87
 
88
- - `data-pressed` - True when the button is being pressed
89
- - `data-hovered` - True when the button is hovered
90
- - `data-focused` - True when the button has focus
91
- - `data-focus-visible` - True when focus should be visible (keyboard navigation)
88
+ | Attribute | Description | Example Values |
89
+ | -------------------- | ------------------------------------------------------- | -------------- |
90
+ | `data-pressed` | Indicates the element is being pressed | "true" |
91
+ | `data-hovered` | Indicates the element is hovered | "true" |
92
+ | `data-focused` | Indicates the element has focus | "true" |
93
+ | `data-focus-visible` | Indicates focus should be visible (keyboard navigation) | "true" |
92
94
 
93
95
  ```css
94
96
  [data-pressed='true'] {
package/README.mdx CHANGED
@@ -79,10 +79,12 @@ The Pressable component automatically handles accessibility features:
79
79
 
80
80
  The following data attributes are exposed and can be used for styling:
81
81
 
82
- - `data-pressed` - True when the button is being pressed
83
- - `data-hovered` - True when the button is hovered
84
- - `data-focused` - True when the button has focus
85
- - `data-focus-visible` - True when focus should be visible (keyboard navigation)
82
+ | Attribute | Description | Example Values |
83
+ | -------------------- | ------------------------------------------------------- | -------------- |
84
+ | `data-pressed` | Indicates the element is being pressed | "true" |
85
+ | `data-hovered` | Indicates the element is hovered | "true" |
86
+ | `data-focused` | Indicates the element has focus | "true" |
87
+ | `data-focus-visible` | Indicates focus should be visible (keyboard navigation) | "true" |
86
88
 
87
89
  ```css
88
90
  [data-pressed='true'] {
package/dist/index.d.cts CHANGED
@@ -39,6 +39,6 @@ interface PressableProps extends PressProps, Omit<HTMLAttributes<HTMLElement>, k
39
39
  * </Pressable>
40
40
  * ```
41
41
  */
42
- declare const Pressable: React.NamedExoticComponent<PressableProps & _bento_slots.Slots>;
42
+ declare const Pressable: React.MemoExoticComponent<React.ComponentType<PressableProps & _bento_slots.Slots>>;
43
43
 
44
44
  export { Pressable, type PressableProps };
package/dist/index.d.ts CHANGED
@@ -39,6 +39,6 @@ interface PressableProps extends PressProps, Omit<HTMLAttributes<HTMLElement>, k
39
39
  * </Pressable>
40
40
  * ```
41
41
  */
42
- declare const Pressable: React.NamedExoticComponent<PressableProps & _bento_slots.Slots>;
42
+ declare const Pressable: React.MemoExoticComponent<React.ComponentType<PressableProps & _bento_slots.Slots>>;
43
43
 
44
44
  export { Pressable, type PressableProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bento/pressable",
3
- "version": "0.1.2",
3
+ "version": "0.1.4",
4
4
  "description": "Pressable primitive provides consistent press interactions and accessibility features for building interactive components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -40,9 +40,9 @@
40
40
  "package.json"
41
41
  ],
42
42
  "dependencies": {
43
- "@bento/slots": "^0.1.3",
43
+ "@bento/slots": "^0.3.0",
44
44
  "@bento/use-data-attributes": "^0.1.1",
45
- "@bento/use-props": "^0.1.1",
45
+ "@bento/use-props": "^0.2.1",
46
46
  "@react-aria/utils": "^3.30.0",
47
47
  "react-aria": "^3.44.0"
48
48
  },