@solibo/solibo-ui 0.3.27 → 0.3.28
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 +53 -8
- package/dist/assets/index27.css +1 -1
- package/dist/assets/index38.css +1 -1
- package/dist/components/_editor/index.cjs.map +1 -1
- package/dist/components/_editor/index.js +1 -0
- package/dist/components/_editor/index.js.map +1 -1
- package/dist/components/_portal/index.cjs +1 -1
- package/dist/components/_portal/index.js +5 -5
- package/dist/components/list/index.cjs +1 -1
- package/dist/components/list/index.js +9 -9
- package/dist/components/nav/index.cjs.map +1 -1
- package/dist/components/nav/index.js.map +1 -1
- package/dist/utils-DXIJVVzz.js.map +1 -1
- package/dist/utils-D_TJ8wDc.cjs.map +1 -1
- package/package.json +2 -3
package/README.md
CHANGED
|
@@ -1,6 +1,38 @@
|
|
|
1
|
-
|
|
1
|
+
# @solibo/solibo-ui
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
A React 19 + TypeScript component library built with Vite. Ships typed, tree‑shakeable components, CSS Modules styling, and Storybook docs.
|
|
4
|
+
|
|
5
|
+
- Package: `@solibo/solibo-ui`
|
|
6
|
+
- Node: 22
|
|
7
|
+
- Package manager: pnpm
|
|
8
|
+
|
|
9
|
+
## Installation
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
pnpm add @solibo/solibo-ui
|
|
13
|
+
# peer deps (if not present)
|
|
14
|
+
pnpm add react@^19 react-dom@^19 -D
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
## Quick usage
|
|
18
|
+
|
|
19
|
+
```tsx
|
|
20
|
+
import { Figure } from '@solibo/solibo-ui';
|
|
21
|
+
|
|
22
|
+
export const Example = () => (
|
|
23
|
+
<Figure
|
|
24
|
+
label='Example'
|
|
25
|
+
offset='left'
|
|
26
|
+
>
|
|
27
|
+
<img
|
|
28
|
+
src='/path/to/image.jpg'
|
|
29
|
+
alt=''
|
|
30
|
+
/>
|
|
31
|
+
</Figure>
|
|
32
|
+
);
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Development
|
|
4
36
|
|
|
5
37
|
### Quickstart
|
|
6
38
|
|
|
@@ -9,17 +41,30 @@ pnpm install
|
|
|
9
41
|
pnpm storybook
|
|
10
42
|
```
|
|
11
43
|
|
|
12
|
-
### Component
|
|
44
|
+
### Component generator
|
|
13
45
|
|
|
14
46
|
```bash
|
|
15
47
|
./generate <name>
|
|
16
48
|
```
|
|
17
49
|
|
|
18
|
-
###
|
|
50
|
+
### Scripts
|
|
19
51
|
|
|
20
52
|
```bash
|
|
21
|
-
pnpm dev
|
|
22
|
-
pnpm
|
|
23
|
-
pnpm
|
|
24
|
-
pnpm
|
|
53
|
+
pnpm dev # vite build --watch (library build)
|
|
54
|
+
pnpm build # type-check + library build
|
|
55
|
+
pnpm test # vitest (UI mode by default via script)
|
|
56
|
+
pnpm lint # eslint
|
|
57
|
+
pnpm stylelint # stylelint for CSS modules
|
|
58
|
+
pnpm format # prettier check
|
|
59
|
+
pnpm format:fix # prettier write
|
|
25
60
|
```
|
|
61
|
+
|
|
62
|
+
## CI/CD
|
|
63
|
+
|
|
64
|
+
- GitHub Actions handle builds, tests, and publishing.
|
|
65
|
+
- See `docs/CI.md` for details about development snapshots, production releases, S3 Storybook sync, and required secrets.
|
|
66
|
+
|
|
67
|
+
## Contributing
|
|
68
|
+
|
|
69
|
+
- Follow the conventions in `AGENTS.md` and `.github/copilot-instructions.md`.
|
|
70
|
+
- Prefer small, focused PRs with tests and stories.
|
package/dist/assets/index27.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes
|
|
1
|
+
@keyframes _reveal_qwrez_1{0%{opacity:0}to{opacity:1}}@property --portal-left{syntax: "<color>"; inherits: true; initial-value: white;}@property --portal-middle{syntax: "<color>"; inherits: true; initial-value: white;}@property --portal-right{syntax: "<color>"; inherits: true; initial-value: white;}._menu_qwrez_29{height:calc(100vh - var(--unit) * 2);padding:var(--unit);position:-webkit-sticky;position:sticky;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}._menu_qwrez_29>summary{cursor:pointer;left:var(--unit-large);list-style:none;position:absolute;top:var(--unit-large);transition:all var(--transition-duration) var(--transition-timing-function);z-index:2}._menu_qwrez_29[open]>summary>span{background-color:#fff}._portal_qwrez_54{--portal-left: #073345;--portal-middle: #015e78;--portal-right: #073345;background:linear-gradient(180deg,var(--portal-left),var(--portal-middle),var(--portal-right));animation:_reveal_qwrez_1 var(--transition-duration) var(--transition-timing-function);border-radius:var(--border-radius);color:#fff;height:calc(100vh - var(--unit) * 2);padding:var(--unit);padding-top:var(--unit-large);transition:border-radius var(--transition-duration) var(--transition-timing-function),height var(--transition-duration) var(--transition-timing-function),margin var(--transition-duration) var(--transition-timing-function),--portal-left var(--transition-duration-long) var(--transition-timing-function),--portal-middle var(--transition-duration-long) var(--transition-timing-function),--portal-right var(--transition-duration-long) var(--transition-timing-function);width:calc(var(--unit) * 16)}._portal_qwrez_54:has(nav [data-portal=blue][data-active]),._portal_qwrez_54:has(nav [data-portal=blue][aria-current=page]){--portal-left: #073345;--portal-middle: #015e78;--portal-right: #073345}._portal_qwrez_54:has(nav [data-portal=green][data-active]),._portal_qwrez_54:has(nav [data-portal=green][aria-current=page]){--portal-left: #022c22;--portal-middle: #064e3b;--portal-right: #022c22}._portal_qwrez_54:has(nav [data-portal=red][data-active]),._portal_qwrez_54:has(nav [data-portal=red][aria-current=page]){--portal-left: #431407;--portal-middle: #7c2d12;--portal-right: #431407}._portal_qwrez_54 figure{display:flex;justify-self:center}._portal_qwrez_54 figure figcaption{display:none}._portal_qwrez_54 footer{bottom:var(--unit-large);position:fixed;transition:all var(--transition-duration) var(--transition-timing-function)}._portal_qwrez_54 nav{flex:1 1 auto}._portal_qwrez_54 nav a,._portal_qwrez_54 nav summary{color:var(--color-white);padding:var(--unit-small) 0;text-decoration:none;font-weight:var(--font-weight-normal)}._portal_qwrez_54 nav a span,._portal_qwrez_54 nav summary span{background-color:var(--color-white);margin-bottom:var(--unit-tiny);margin-right:var(--unit-small)}._portal_qwrez_54 nav a[aria-current=page],._portal_qwrez_54 nav summary[aria-current=page]{font-weight:var(--font-weight-bold)}._portal_qwrez_54 nav details a{margin-left:var(--unit);padding-left:var(--unit);position:relative;width:100%}._portal_qwrez_54 nav details a:before{background-color:var(--color-white);border-radius:4px;content:"";display:inline-block;height:100%;left:calc(-1 * var(--unit-tiny) - 1px);position:absolute;top:0;transition:width var(--transition-duration);width:2px}._portal_qwrez_54 nav details a[aria-current=page]:before{left:calc(-1 * var(--unit-tiny) - 2px);width:4px}._portal_qwrez_54 nav details a:hover{color:var(--color-white)}._portal_qwrez_54 nav details a:last-child{margin-bottom:var(--unit)}._portal_qwrez_54 nav[data-orientation=horizontal]{align-items:center;display:flex;justify-self:center;padding-bottom:var(--unit)}._portal_qwrez_54 nav[data-orientation=horizontal] a{font-size:var(--font-size-small);padding:var(--unit-small);transition:all}._portal_qwrez_54 nav[data-orientation=horizontal] a[data-active]{border-bottom:solid 2px var(--color-white);font-size:var(--font-size)}._portal_qwrez_54 nav[data-orientation=horizontal] a:hover{color:var(--color-white);text-decoration:none}._portal_qwrez_54 select{background-color:#ffffff1a;border:none;box-shadow:none;filter:invert(1);margin-bottom:var(--unit);padding-bottom:var(--unit-small);padding-top:var(--unit-small);width:100%}._portal_qwrez_54 select:active,._portal_qwrez_54 select:focus{outline:none}@media (width <= 960px){._menu_qwrez_29{padding:0}._menu_qwrez_29>summary{left:var(--unit);top:var(--unit)}._portal_qwrez_54{border-radius:0;margin:0;height:100vh;position:fixed;top:0}._portal_qwrez_54 footer{bottom:var(--unit)}}
|
package/dist/assets/index38.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._horizontal_vm212_1{display:block;max-width:100%}._horizontal_vm212_1 li{display:inline-block;margin:0 var(--unit) var(--unit) 0;max-width:100%}._list_vm212_12{display:grid;gap:var(--unit);list-style-type:none;-webkit-margin-before:0;margin-block-start:0}._list_vm212_12 li{list-style:none;padding-left:0}._list_vm212_12 li li{margin-left:var(--unit)}._list_vm212_12 li>section{border-bottom:var(--border-width) solid var(--color-border-primary)}._list_vm212_12 li>section:first-child{border-top:var(--border-width) solid var(--color-border-primary)}._list_vm212_12 li>section:last-of-type{border-bottom:none}._columns_vm212_40{-moz-column-gap:var(--unit);column-gap:var(--unit);display:grid;grid-template-columns:repeat(var(--list-columns, 2),minmax(0,1fr))}@media (width <= 960px){._columns_vm212_40{grid-template-columns:1fr}}
|