@sia-ui/cli 0.3.2 → 0.5.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/CHANGELOG.md +41 -0
- package/README.md +74 -19
- package/dist/registry/package/components/AppShell/index.tsx +101 -7
- package/dist/registry/package/components/AppShell/styles.css +87 -0
- package/dist/registry/package/components/Calendar/index.tsx +4 -4
- package/dist/registry/package/components/CrudPage/dialogs.tsx +20 -20
- package/dist/registry/package/components/CrudPage/index.tsx +34 -4
- package/dist/registry/package/components/DataTable/index.tsx +5 -1
- package/dist/registry/package/components/DataTable/types.ts +8 -0
- package/dist/registry/package/components/Drawer/index.tsx +17 -7
- package/dist/registry/package/components/Drawer/styles.css +53 -28
- package/dist/registry/package/components/Form/index.tsx +69 -3
- package/dist/registry/package/components/Icons/index.tsx +9 -0
- package/dist/registry/package/components/Pagination/index.tsx +168 -61
- package/dist/registry/package/components/Pagination/styles.css +133 -38
- package/dist/registry/package/components/PhoneInput/index.tsx +46 -29
- package/dist/registry/package/components/PhoneInput/styles.css +7 -21
- package/dist/registry/package/components/Select/index.tsx +34 -8
- package/dist/registry/package/components/Select/styles.css +18 -0
- package/dist/registry/package/components/Sidebar/index.tsx +23 -3
- package/dist/registry/package/components/Sidebar/styles.css +1 -13
- package/dist/registry/package/components/Timer/index.tsx +1 -1
- package/dist/registry/package/components/Toggle/styles.css +3 -2
- package/dist/registry/package/lib/form-adapter-rhf.tsx +23 -10
- package/dist/registry/registry.json +19 -12
- package/dist/registry/styles/sia-ui.css +17 -0
- package/package.json +5 -5
|
@@ -240,7 +240,7 @@
|
|
|
240
240
|
"name": "calendar",
|
|
241
241
|
"description": "Localized month and year calendar with range selection and custom cells.",
|
|
242
242
|
"type": "component",
|
|
243
|
-
"version": "0.1.
|
|
243
|
+
"version": "0.1.1",
|
|
244
244
|
"status": "stable",
|
|
245
245
|
"source": "package",
|
|
246
246
|
"files": [
|
|
@@ -383,7 +383,7 @@
|
|
|
383
383
|
"name": "crud-page",
|
|
384
384
|
"description": "List page for a declared resource: create, view, edit and delete open their own dialogs, each removable and permission-aware.",
|
|
385
385
|
"type": "pattern",
|
|
386
|
-
"version": "0.
|
|
386
|
+
"version": "0.3.0",
|
|
387
387
|
"status": "stable",
|
|
388
388
|
"source": "package",
|
|
389
389
|
"files": [
|
|
@@ -426,7 +426,7 @@
|
|
|
426
426
|
"name": "data-table",
|
|
427
427
|
"description": "Data table: row actions with permissions and confirmation, selection, card view, density and sorting.",
|
|
428
428
|
"type": "component",
|
|
429
|
-
"version": "0.
|
|
429
|
+
"version": "0.3.0",
|
|
430
430
|
"status": "stable",
|
|
431
431
|
"source": "package",
|
|
432
432
|
"files": [
|
|
@@ -566,17 +566,21 @@
|
|
|
566
566
|
"name": "drawer",
|
|
567
567
|
"description": "Accessible side panel with focus management and portal rendering.",
|
|
568
568
|
"type": "component",
|
|
569
|
-
"version": "0.1.
|
|
569
|
+
"version": "0.1.1",
|
|
570
570
|
"status": "stable",
|
|
571
571
|
"source": "package",
|
|
572
572
|
"files": [
|
|
573
573
|
"components/Drawer/index.tsx",
|
|
574
|
+
"components/Drawer/context.ts",
|
|
574
575
|
"components/Drawer/styles.css"
|
|
575
576
|
],
|
|
576
577
|
"dependencies": [
|
|
577
578
|
"@sia-ui/headless",
|
|
578
579
|
"@sia-ui/react",
|
|
579
580
|
"@sia-ui/utils"
|
|
581
|
+
],
|
|
582
|
+
"registryDependencies": [
|
|
583
|
+
"icons"
|
|
580
584
|
]
|
|
581
585
|
},
|
|
582
586
|
{
|
|
@@ -755,7 +759,7 @@
|
|
|
755
759
|
"name": "form",
|
|
756
760
|
"description": "Declarative form driven by a field list, wired to any FormAdapter.",
|
|
757
761
|
"type": "pattern",
|
|
758
|
-
"version": "0.
|
|
762
|
+
"version": "0.3.0",
|
|
759
763
|
"status": "stable",
|
|
760
764
|
"source": "package",
|
|
761
765
|
"files": [
|
|
@@ -767,6 +771,7 @@
|
|
|
767
771
|
"@sia-ui/utils"
|
|
768
772
|
],
|
|
769
773
|
"registryDependencies": [
|
|
774
|
+
"alert",
|
|
770
775
|
"button",
|
|
771
776
|
"field"
|
|
772
777
|
]
|
|
@@ -775,7 +780,7 @@
|
|
|
775
780
|
"name": "form-adapter-rhf",
|
|
776
781
|
"description": "react-hook-form adapter for the FormAdapter contract. Requires react-hook-form.",
|
|
777
782
|
"type": "primitive",
|
|
778
|
-
"version": "0.
|
|
783
|
+
"version": "0.3.0",
|
|
779
784
|
"status": "stable",
|
|
780
785
|
"source": "package",
|
|
781
786
|
"files": [
|
|
@@ -1090,7 +1095,7 @@
|
|
|
1090
1095
|
"name": "pagination",
|
|
1091
1096
|
"description": "Accessible controlled pagination with compact page ranges.",
|
|
1092
1097
|
"type": "component",
|
|
1093
|
-
"version": "0.
|
|
1098
|
+
"version": "0.3.0",
|
|
1094
1099
|
"status": "stable",
|
|
1095
1100
|
"source": "package",
|
|
1096
1101
|
"files": [
|
|
@@ -1102,7 +1107,8 @@
|
|
|
1102
1107
|
"@sia-ui/utils"
|
|
1103
1108
|
],
|
|
1104
1109
|
"registryDependencies": [
|
|
1105
|
-
"icons"
|
|
1110
|
+
"icons",
|
|
1111
|
+
"select"
|
|
1106
1112
|
]
|
|
1107
1113
|
},
|
|
1108
1114
|
{
|
|
@@ -1140,7 +1146,7 @@
|
|
|
1140
1146
|
"name": "phone-input",
|
|
1141
1147
|
"description": "International phone input with dial code and grouping.",
|
|
1142
1148
|
"type": "component",
|
|
1143
|
-
"version": "0.
|
|
1149
|
+
"version": "0.3.0",
|
|
1144
1150
|
"status": "stable",
|
|
1145
1151
|
"source": "package",
|
|
1146
1152
|
"files": [
|
|
@@ -1152,7 +1158,8 @@
|
|
|
1152
1158
|
"@sia-ui/utils"
|
|
1153
1159
|
],
|
|
1154
1160
|
"registryDependencies": [
|
|
1155
|
-
"input"
|
|
1161
|
+
"input",
|
|
1162
|
+
"select"
|
|
1156
1163
|
]
|
|
1157
1164
|
},
|
|
1158
1165
|
{
|
|
@@ -1382,7 +1389,7 @@
|
|
|
1382
1389
|
"name": "select",
|
|
1383
1390
|
"description": "Accessible searchable select with positioned overlay and async option loading.",
|
|
1384
1391
|
"type": "component",
|
|
1385
|
-
"version": "0.
|
|
1392
|
+
"version": "0.3.0",
|
|
1386
1393
|
"status": "stable",
|
|
1387
1394
|
"source": "package",
|
|
1388
1395
|
"files": [
|
|
@@ -1647,7 +1654,7 @@
|
|
|
1647
1654
|
"name": "timer",
|
|
1648
1655
|
"description": "Reliable count-up or count-down timer based on absolute time.",
|
|
1649
1656
|
"type": "component",
|
|
1650
|
-
"version": "0.1.
|
|
1657
|
+
"version": "0.1.1",
|
|
1651
1658
|
"status": "stable",
|
|
1652
1659
|
"source": "package",
|
|
1653
1660
|
"files": [
|
|
@@ -144,6 +144,23 @@
|
|
|
144
144
|
--sia-elevation-modal: 0 24px 60px rgb(15 23 42 / 0.22);
|
|
145
145
|
}
|
|
146
146
|
/* @end:theme */
|
|
147
|
+
/* Les composants sont écrits en `border-box` : `width:100%` plus un padding
|
|
148
|
+
ne doit pas déborder. Sans ce reset, un projet qui n'en pose pas lui-même
|
|
149
|
+
gagnait 32 px de défilement horizontal sous `AppShell`, et des champs plus
|
|
150
|
+
larges que leur colonne. Spécificité nulle : la moindre règle de l'hôte
|
|
151
|
+
l'emporte, et un composant qui veut `content-box` le déclare (Chart). */
|
|
152
|
+
:where(*), :where(*)::before, :where(*)::after { box-sizing:border-box; }
|
|
153
|
+
/* Scrollbars SIA UI globales : faibles en spécificité, donc surchargeables. */
|
|
154
|
+
:root {
|
|
155
|
+
--sia-scrollbar-size:.625rem;
|
|
156
|
+
--sia-scrollbar-thumb:color-mix(in srgb,var(--sia-muted) 52%,transparent);
|
|
157
|
+
--sia-scrollbar-thumb-hover:color-mix(in srgb,var(--sia-muted) 76%,transparent);
|
|
158
|
+
}
|
|
159
|
+
:where(*) { scrollbar-width:thin; scrollbar-color:var(--sia-scrollbar-thumb) transparent; }
|
|
160
|
+
:where(*)::-webkit-scrollbar { width:var(--sia-scrollbar-size); height:var(--sia-scrollbar-size); }
|
|
161
|
+
:where(*)::-webkit-scrollbar-track,:where(*)::-webkit-scrollbar-corner { background:transparent; }
|
|
162
|
+
:where(*)::-webkit-scrollbar-thumb { min-width:2.5rem; min-height:2.5rem; border:2px solid transparent; border-radius:var(--sia-radius-full,9999px); background:var(--sia-scrollbar-thumb); background-clip:content-box; }
|
|
163
|
+
:where(*)::-webkit-scrollbar-thumb:hover { border:2px solid transparent; background:var(--sia-scrollbar-thumb-hover); background-clip:content-box; }
|
|
147
164
|
.sia-radius--default { border-radius:var(--sia-radius); }
|
|
148
165
|
.sia-radius--none { border-radius:0; }
|
|
149
166
|
.sia-radius--sm { border-radius:.25rem; }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sia-ui/cli",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.0",
|
|
4
4
|
"description": "Install SIA UI components progressively into an application.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"sia-ui",
|
|
@@ -39,10 +39,10 @@
|
|
|
39
39
|
"react-dom": "^19.2.3",
|
|
40
40
|
"typescript": "^5.9.3",
|
|
41
41
|
"vitest": "^4.0.16",
|
|
42
|
-
"@sia-ui/headless": "0.
|
|
43
|
-
"@sia-ui/react": "0.
|
|
44
|
-
"@sia-ui/tokens": "0.
|
|
45
|
-
"@sia-ui/utils": "0.
|
|
42
|
+
"@sia-ui/headless": "0.5.0",
|
|
43
|
+
"@sia-ui/react": "0.5.0",
|
|
44
|
+
"@sia-ui/tokens": "0.5.0",
|
|
45
|
+
"@sia-ui/utils": "0.5.0"
|
|
46
46
|
},
|
|
47
47
|
"scripts": {
|
|
48
48
|
"build": "node scripts/build.mjs",
|