@ds-mo/ui 0.2.1 → 0.2.3
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 +29 -4
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# CompoMo — `@ds-mo/ui`
|
|
2
2
|
|
|
3
|
+
[](https://www.npmjs.com/package/@ds-mo/ui)
|
|
4
|
+
|
|
3
5
|
Composable React UI components styled with [TokoMo](https://github.com/zainadeel/TokoMo) design tokens.
|
|
4
6
|
|
|
5
7
|
## Install
|
|
@@ -41,21 +43,44 @@ import { Button, Text, Surface, Card } from '@ds-mo/ui';
|
|
|
41
43
|
- **Input** — text input field
|
|
42
44
|
- **Slider** — range slider
|
|
43
45
|
- **Field** — label + input wrapper
|
|
46
|
+
- **LabelWrap** — label + content wrapper with layout variants
|
|
47
|
+
- **Divider** — horizontal or vertical rule
|
|
44
48
|
|
|
45
|
-
###
|
|
49
|
+
### Actions
|
|
46
50
|
- **Button** — primary/secondary/tertiary with intents, sizes, icon support
|
|
47
|
-
- **
|
|
48
|
-
- **
|
|
51
|
+
- **ButtonGroup** — grouped button row with shared borders
|
|
52
|
+
- **ToggleButton** — two-state selectable button
|
|
53
|
+
- **ToggleButtonGroup** — radio-style group of toggle buttons
|
|
54
|
+
|
|
55
|
+
### Controls
|
|
49
56
|
- **Toggle** — on/off switch
|
|
50
57
|
- **Checkbox** — with label and indeterminate state
|
|
58
|
+
- **Radio** — single-select radio input
|
|
59
|
+
|
|
60
|
+
### Data display
|
|
61
|
+
- **Tag** — labels with intents, contrasts, removable
|
|
62
|
+
- **Badge** — numeric count indicator
|
|
63
|
+
- **Table** — sortable, paginated data table
|
|
64
|
+
- **Accordion** — collapsible content sections
|
|
65
|
+
- **Pagination** — page navigation control
|
|
66
|
+
|
|
67
|
+
### Overlays
|
|
51
68
|
- **Modal** — dialog with title, subtitle, footer slots
|
|
52
69
|
- **Menu** — dropdown with sections, selection, positioning
|
|
53
70
|
- **Tooltip** — hover tooltip with shortcut key support
|
|
54
71
|
- **Select** — dropdown select
|
|
72
|
+
- **Toast** — transient notification
|
|
55
73
|
- **Banner** — notification bar with intents, toast mode
|
|
74
|
+
|
|
75
|
+
### Navigation
|
|
56
76
|
- **Tab** — tab button with selection state
|
|
57
|
-
- **
|
|
77
|
+
- **TabGroup** — grouped tabs with shared selection
|
|
78
|
+
- **Breadcrumb** — path navigation
|
|
79
|
+
|
|
80
|
+
### Status
|
|
58
81
|
- **EmptyState** — placeholder states
|
|
82
|
+
- **Loader** — loading indicator
|
|
83
|
+
- **Skeleton** — content placeholder
|
|
59
84
|
|
|
60
85
|
### Layout
|
|
61
86
|
- **Header** — page header with left/center/right slots
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ds-mo/ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.3",
|
|
4
4
|
"description": "CompoMo — composable React UI components styled with TokoMo design tokens",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"css-modules",
|
|
12
12
|
"typescript"
|
|
13
13
|
],
|
|
14
|
-
"homepage": "https://github.
|
|
14
|
+
"homepage": "https://zainadeel.github.io/compomo/",
|
|
15
15
|
"bugs": "https://github.com/zainadeel/compomo/issues",
|
|
16
16
|
"repository": {
|
|
17
17
|
"type": "git",
|