@cocoar/ui 0.1.0-beta.99 → 0.1.0
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 +21 -11
- package/fesm2022/cocoar-ui-components.mjs +9552 -0
- package/fesm2022/cocoar-ui-components.mjs.map +1 -0
- package/fesm2022/cocoar-ui-menu.mjs +1082 -0
- package/fesm2022/cocoar-ui-menu.mjs.map +1 -0
- package/fesm2022/cocoar-ui-overlay.mjs +1265 -0
- package/fesm2022/cocoar-ui-overlay.mjs.map +1 -0
- package/fesm2022/cocoar-ui.mjs +8 -0
- package/fesm2022/cocoar-ui.mjs.map +1 -0
- package/llms-full.txt +2303 -0
- package/llms.txt +82 -0
- package/package.json +38 -19
- package/styles/all.css +9 -0
- package/styles/components.css +127 -0
- package/styles/tokens/all.css +38 -0
- package/styles/tokens/code-block.css +72 -0
- package/styles/tokens/colors-primitives-dark.css +84 -0
- package/styles/tokens/colors-primitives-light.css +75 -0
- package/styles/tokens/colors-usage.css +272 -0
- package/styles/tokens/components-shared.css +42 -0
- package/styles/tokens/elevation.css +30 -0
- package/styles/tokens/focus.css +30 -0
- package/styles/tokens/layers.css +17 -0
- package/styles/tokens/menu.css +53 -0
- package/styles/tokens/motion.css +93 -0
- package/styles/tokens/new-components.css +104 -0
- package/styles/tokens/radius.css +15 -0
- package/styles/tokens/select-overlay.css +40 -0
- package/styles/tokens/shadows.css +38 -0
- package/styles/tokens/sidebar.css +67 -0
- package/styles/tokens/spacing.css +16 -0
- package/styles/tokens/stroke-width.css +12 -0
- package/styles/tokens/type-primitives.css +23 -0
- package/styles/tokens/typography-responsive.css +44 -0
- package/styles/tokens/typography.css +41 -0
- package/types/cocoar-ui-components.d.ts +3719 -0
- package/types/cocoar-ui-menu.d.ts +326 -0
- package/types/cocoar-ui-overlay.d.ts +301 -0
- package/types/cocoar-ui.d.ts +3 -0
- package/src/index.d.ts +0 -4
- package/src/index.d.ts.map +0 -1
- package/src/index.js +0 -5
- package/src/index.js.map +0 -1
package/README.md
CHANGED
|
@@ -8,14 +8,30 @@ Complete Cocoar Design System package - all UI components, overlays, and menus i
|
|
|
8
8
|
npm install @cocoar/ui
|
|
9
9
|
# or
|
|
10
10
|
pnpm add @cocoar/ui
|
|
11
|
+
# or
|
|
12
|
+
yarn add @cocoar/ui
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### Important: pnpm Configuration
|
|
16
|
+
|
|
17
|
+
If you're using **pnpm**, you **must** add this to your `.npmrc` file in your project root:
|
|
18
|
+
|
|
19
|
+
```
|
|
20
|
+
public-hoist-pattern[]=@cocoar/*
|
|
11
21
|
```
|
|
12
22
|
|
|
23
|
+
This ensures that all Cocoar packages and their dependencies are properly hoisted and accessible.
|
|
24
|
+
|
|
25
|
+
**Why is this required?** pnpm uses strict isolated node_modules by default. The `@cocoar/ui` meta-package re-exports from sub-packages, which won't work without hoisting.
|
|
26
|
+
|
|
27
|
+
**npm and yarn users:** No configuration needed - works out of the box!
|
|
28
|
+
|
|
13
29
|
## What's Included
|
|
14
30
|
|
|
15
31
|
This meta-package includes:
|
|
16
|
-
- **@cocoar/ui
|
|
17
|
-
- **@cocoar/ui
|
|
18
|
-
- **@cocoar/ui
|
|
32
|
+
- **@cocoar/ui/components** - Core UI components (buttons, inputs, cards, etc.)
|
|
33
|
+
- **@cocoar/ui/menu** - Menu and navigation components
|
|
34
|
+
- **@cocoar/ui/overlay** - Overlay service for tooltips, popovers, dialogs
|
|
19
35
|
|
|
20
36
|
## Usage
|
|
21
37
|
|
|
@@ -34,18 +50,12 @@ import {
|
|
|
34
50
|
If you need granular control or want to minimize bundle size, you can install individual packages:
|
|
35
51
|
|
|
36
52
|
```bash
|
|
37
|
-
npm install @cocoar/ui
|
|
38
|
-
npm install @cocoar/ui-menu # Just the menu
|
|
53
|
+
npm install @cocoar/ui # Includes components, menu, and overlay
|
|
39
54
|
```
|
|
40
55
|
|
|
41
56
|
## Documentation
|
|
42
57
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
```bash
|
|
46
|
-
npm install -D @cocoar/ui-docs
|
|
47
|
-
npx @cocoar/ui-docs init
|
|
48
|
-
```
|
|
58
|
+
See the [Cocoar Design System documentation](../../docs/) for complete API reference and usage guides.
|
|
49
59
|
|
|
50
60
|
## License
|
|
51
61
|
|