@startupjs-ui/item 0.1.13 → 0.1.19

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 (3) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/README.mdx +11 -12
  3. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.1.19](https://github.com/startupjs/startupjs-ui/compare/v0.1.18...v0.1.19) (2026-03-17)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **docs:** don't load all icons to keep bundle small ([#17](https://github.com/startupjs/startupjs-ui/issues/17)) ([d7eb70b](https://github.com/startupjs/startupjs-ui/commit/d7eb70bc11f5b15923f2e43b7ef1f86ea066494e))
12
+
13
+
14
+
15
+
16
+
17
+ ## [0.1.16](https://github.com/startupjs/startupjs-ui/compare/v0.1.15...v0.1.16) (2026-02-10)
18
+
19
+ **Note:** Version bump only for package @startupjs-ui/item
20
+
21
+
22
+
23
+
24
+
6
25
  ## [0.1.13](https://github.com/startupjs/startupjs-ui/compare/v0.1.12...v0.1.13) (2026-02-03)
7
26
 
8
27
  **Note:** Version bump only for package @startupjs-ui/item
package/README.mdx CHANGED
@@ -4,12 +4,13 @@ import { u } from 'startupjs'
4
4
  import Icon from '@startupjs-ui/icon'
5
5
  import Item, { _PropsJsonSchema as ItemPropsJsonSchema } from './index'
6
6
  import Span from '@startupjs-ui/span'
7
- import { faTrashAlt, faShareAlt } from '@fortawesome/free-solid-svg-icons'
7
+ import { faTrashAlt } from '@fortawesome/free-solid-svg-icons/faTrashAlt'
8
+ import { faShareAlt } from '@fortawesome/free-solid-svg-icons/faShareAlt'
8
9
  import { Sandbox } from '@startupjs-ui/docs'
9
10
 
10
11
  # Item
11
12
 
12
- Item is a basic component that is a wrapper over the content with the ability to position it and the ability to display an icon or image.
13
+ A content row component that supports an optional icon or image on the left, text content in the middle, and custom elements on the right. It is commonly used in lists, menus, and settings screens. You can pass custom `style` to the root element and provide content as `children`.
13
14
 
14
15
  ```jsx
15
16
  import { Item } from 'startupjs-ui'
@@ -25,7 +26,7 @@ return pug`
25
26
 
26
27
  ## Icon
27
28
 
28
- The icon can be added using the `icon` property, which will be displayed on the left side of the component.
29
+ Use the `icon` prop to display an icon on the left side of the item.
29
30
 
30
31
  ```jsx example
31
32
  return pug`
@@ -35,7 +36,7 @@ return pug`
35
36
 
36
37
  ## Image
37
38
 
38
- The image can be added using the `url` property, which will be displayed on the left side of the component. The `url` property takes precedence over the `icon` property if both are passed.
39
+ Use the `url` prop to display an image on the left side of the item. If both `url` and `icon` are provided, `url` takes precedence.
39
40
 
40
41
  ```jsx example
41
42
  return pug`
@@ -45,7 +46,7 @@ return pug`
45
46
 
46
47
  ## Item as link
47
48
 
48
- By passing the url to the `to` property, the component will behave like a link.
49
+ Pass a URL to the `to` prop to make the item behave as a navigation link.
49
50
 
50
51
  ```jsx example
51
52
  return pug`
@@ -55,7 +56,7 @@ return pug`
55
56
 
56
57
  ## Actions
57
58
 
58
- Passed handler to `onPress` property will be called when the user taps the component.
59
+ Pass an `onPress` handler to make the item respond to taps.
59
60
 
60
61
  ```jsx example
61
62
  return pug`
@@ -65,13 +66,11 @@ return pug`
65
66
 
66
67
  ## Advanced usage
67
68
 
68
- Item consists of three parts - `Left`, `Content` and `Right`. These parts can be used to add custom markup, where:
69
+ Item is composed of three sub-components -- `Item.Left`, `Item.Content`, and `Item.Right` -- that let you fully customize the layout:
69
70
 
70
- - `Left` part is used instead of `icon` and `url` properties and inserts its content into the left side of the component.
71
-
72
- - `Content` part is used instead of `children` and inserts its content between `Left` and `Right` parts.
73
-
74
- - `Right` part inserts its content into the right side of the component.
71
+ - `Item.Left` replaces the default `icon` and `url` areas with custom content on the left side.
72
+ - `Item.Content` replaces the default `children` area with custom content between the left and right sections.
73
+ - `Item.Right` adds custom content on the right side of the item.
75
74
 
76
75
  ```jsx example
77
76
  return pug`
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@startupjs-ui/item",
3
- "version": "0.1.13",
3
+ "version": "0.1.19",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -8,16 +8,16 @@
8
8
  "types": "index.d.ts",
9
9
  "type": "module",
10
10
  "dependencies": {
11
- "@startupjs-ui/core": "^0.1.11",
12
- "@startupjs-ui/div": "^0.1.13",
13
- "@startupjs-ui/icon": "^0.1.13",
14
- "@startupjs-ui/link": "^0.1.13",
15
- "@startupjs-ui/span": "^0.1.13"
11
+ "@startupjs-ui/core": "^0.1.19",
12
+ "@startupjs-ui/div": "^0.1.19",
13
+ "@startupjs-ui/icon": "^0.1.19",
14
+ "@startupjs-ui/link": "^0.1.19",
15
+ "@startupjs-ui/span": "^0.1.19"
16
16
  },
17
17
  "peerDependencies": {
18
18
  "react": "*",
19
19
  "react-native": "*",
20
20
  "startupjs": "*"
21
21
  },
22
- "gitHead": "5cfdccf2bdae3873e968289a3e6b938fad02101a"
22
+ "gitHead": "bfcca786dc363f42a09b6eef4feb7ca8139302fc"
23
23
  }