@feugene/granularity 0.28.1 → 0.28.3

package/README.md

@@ -32,16 +32,16 @@ strategies.
 
 - root export: `@feugene/granularity`;
 - component subpath exports: `@feugene/granularity/components/<ComponentName>`;
-- ready-made CSS entrypoints:
-  - `@feugene/granularity/foundation.css` — `tokens` + built-in `light`/`dark` themes + `base`;
-  - `@feugene/granularity/styles.css` — `foundation` plus styles for all components;
-  - `@feugene/granularity/components/<ComponentName>/styles.css` — `foundation` plus styles for a specific component and its dependencies;
-- low-level foundation exports: `@feugene/granularity/styles/tokens.css`, `@feugene/granularity/styles/base.css`, `@feugene/granularity/styles/themes/light.css`, `@feugene/granularity/styles/themes/dark.css`;
+- ready-made CSS entrypoint: `@feugene/granularity/styles.css` — tokens, base layer, preflight and the
+  built-in `light`/`dark` themes in one file, for consumers who do not run the `UnoCSS` preset. A
+  component's own CSS is not there and does not need to be: the component's chunk imports it itself;
+- low-level foundation exports: `@feugene/granularity/styles/tokens.css`, `@feugene/granularity/styles/base.css`, `@feugene/granularity/styles/preflight.css`, `@feugene/granularity/styles/themes/light.css`, `@feugene/granularity/styles/themes/dark.css`;
 - package-level API: `@feugene/granularity/directives`, `@feugene/granularity/fileValidation`;
 - design tokens as data: `@feugene/granularity/tokens` (typed registry) and the raw `@feugene/granularity/tokens/*.json` source the CSS is generated from;
-- two `UnoCSS` integration scenarios:
-    - `@feugene/granularity/uno` — browser-safe preset;
-    - `@feugene/granularity/uno-node` — node-oriented preset with CSS/preflight helpers.
+- two `UnoCSS` integration scenarios, both through the granular provider:
+    - `@feugene/granularity/granular-provider` — browser-safe registry of components;
+    - `@feugene/granularity/granular-provider/node` — the node-side counterpart, which reads CSS and
+      preflight from the file system.
 
 ## Limitations
 
@@ -74,11 +74,15 @@ yarn add -D unocss
 import '@feugene/granularity/styles.css'
 ```
 
-That's enough to quickly get a working base: `styles.css` already includes `foundation.css` (`tokens`, `base`,
-built-in `light`/`dark` themes) and the styles for all components.
+That's enough to get a working base: the file carries the tokens, the base layer, the preflight and the
+built-in `light`/`dark` themes. What it does not carry is the utility classes the components are built
+from — those are generated by the `UnoCSS` preset for the components you actually select. Without the preset
+a component renders with its own CSS but without layout utilities.
 
-If you need a more precise CSS setup, use `@feugene/granularity/foundation.css` together with
-`@feugene/granularity/components/<ComponentName>/styles.css`, or assemble styles via the `UnoCSS` preset.
+For a finer setup take the layers apart — `@feugene/granularity/styles/tokens.css`,
+`styles/base.css`, `styles/preflight.css`, `styles/themes/<name>.css` — or assemble everything with the
+preset. There is no per-component stylesheet to import: a component that has CSS of its own imports it
+from its own chunk, so a granular import already brings everything it needs.
 
 ## Documentation
 

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@feugene/granularity",
-  "version": "0.28.1",
+  "version": "0.28.3",
   "framework": "vue",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@feugene/granularity",
   "description": "Granularity design system package with Vue 3 components, consumed via the `@feugene/unocss-preset-granular` preset.",
-  "version": "0.28.1",
+  "version": "0.28.3",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
     "name": "Evgeniy Fureev",
@@ -53,6 +53,7 @@
       "default": "./dist/index.js"
     },
     "./styles/*": "./dist/styles/*",
+    "./styles.css": "./dist/styles/index.css",
     "./composables/useAnnouncer": {
       "types": "./dist/types/composables/useAnnouncer.d.ts",
       "import": "./dist/composables/useAnnouncer.js"
@@ -69,6 +70,10 @@
       "types": "./dist/types/components/GrAvatar/index.d.ts",
       "import": "./dist/components/GrAvatar/index.js"
     },
+    "./components/GrAvatarGroup": {
+      "types": "./dist/types/components/GrAvatar/index.d.ts",
+      "import": "./dist/components/GrAvatar/index.js"
+    },
     "./components/GrBadge": {
       "types": "./dist/types/components/GrBadge/index.d.ts",
       "import": "./dist/components/GrBadge/index.js"
@@ -121,6 +126,10 @@
       "types": "./dist/types/components/GrCollapse/index.d.ts",
       "import": "./dist/components/GrCollapse/index.js"
     },
+    "./components/GrCollapseItem": {
+      "types": "./dist/types/components/GrCollapse/index.d.ts",
+      "import": "./dist/components/GrCollapse/index.js"
+    },
     "./components/GrColorPicker": {
       "types": "./dist/types/components/GrColorPicker/index.d.ts",
       "import": "./dist/components/GrColorPicker/index.js"
@@ -157,10 +166,26 @@
       "types": "./dist/types/components/GrDialog/index.d.ts",
       "import": "./dist/components/GrDialog/index.js"
     },
+    "./components/GrDialogCloseButton": {
+      "types": "./dist/types/components/GrDialog/index.d.ts",
+      "import": "./dist/components/GrDialog/index.js"
+    },
+    "./components/GrDialogFooter": {
+      "types": "./dist/types/components/GrDialog/index.d.ts",
+      "import": "./dist/components/GrDialog/index.js"
+    },
+    "./components/GrDialogHeader": {
+      "types": "./dist/types/components/GrDialog/index.d.ts",
+      "import": "./dist/components/GrDialog/index.js"
+    },
     "./components/GrDialogService": {
       "types": "./dist/types/components/GrDialogService/index.d.ts",
       "import": "./dist/components/GrDialogService/index.js"
     },
+    "./components/GrDialogServiceHost": {
+      "types": "./dist/types/components/GrDialogService/index.d.ts",
+      "import": "./dist/components/GrDialogService/index.js"
+    },
     "./components/GrDivider": {
       "types": "./dist/types/components/GrDivider/index.d.ts",
       "import": "./dist/components/GrDivider/index.js"
@@ -177,6 +202,34 @@
       "types": "./dist/types/components/GrDropdownMenu/index.d.ts",
       "import": "./dist/components/GrDropdownMenu/index.js"
     },
+    "./components/GrDropdownMenuColumn": {
+      "types": "./dist/types/components/GrDropdownMenu/index.d.ts",
+      "import": "./dist/components/GrDropdownMenu/index.js"
+    },
+    "./components/GrDropdownMenuColumns": {
+      "types": "./dist/types/components/GrDropdownMenu/index.d.ts",
+      "import": "./dist/components/GrDropdownMenu/index.js"
+    },
+    "./components/GrDropdownMenuDivider": {
+      "types": "./dist/types/components/GrDropdownMenu/index.d.ts",
+      "import": "./dist/components/GrDropdownMenu/index.js"
+    },
+    "./components/GrDropdownMenuGroup": {
+      "types": "./dist/types/components/GrDropdownMenu/index.d.ts",
+      "import": "./dist/components/GrDropdownMenu/index.js"
+    },
+    "./components/GrDropdownMenuHeader": {
+      "types": "./dist/types/components/GrDropdownMenu/index.d.ts",
+      "import": "./dist/components/GrDropdownMenu/index.js"
+    },
+    "./components/GrDropdownMenuItem": {
+      "types": "./dist/types/components/GrDropdownMenu/index.d.ts",
+      "import": "./dist/components/GrDropdownMenu/index.js"
+    },
+    "./components/GrDropdownMenuList": {
+      "types": "./dist/types/components/GrDropdownMenu/index.d.ts",
+      "import": "./dist/components/GrDropdownMenu/index.js"
+    },
     "./components/GrEmptyState": {
       "types": "./dist/types/components/GrEmptyState/index.d.ts",
       "import": "./dist/components/GrEmptyState/index.js"
@@ -193,6 +246,10 @@
       "types": "./dist/types/components/GrForm/index.d.ts",
       "import": "./dist/components/GrForm/index.js"
     },
+    "./components/GrFormErrorBanner": {
+      "types": "./dist/types/components/GrResponseErrorBanner/index.d.ts",
+      "import": "./dist/components/GrResponseErrorBanner/index.js"
+    },
     "./components/GrFormField": {
       "types": "./dist/types/components/GrFormField/index.d.ts",
       "import": "./dist/components/GrFormField/index.js"
@@ -237,6 +294,10 @@
       "types": "./dist/types/components/GrList/index.d.ts",
       "import": "./dist/components/GrList/index.js"
     },
+    "./components/GrListItem": {
+      "types": "./dist/types/components/GrList/index.d.ts",
+      "import": "./dist/components/GrList/index.js"
+    },
     "./components/GrLoading": {
       "types": "./dist/types/components/GrLoading/index.d.ts",
       "import": "./dist/components/GrLoading/index.js"
@@ -301,6 +362,14 @@
       "types": "./dist/types/components/GrSidebar/index.d.ts",
       "import": "./dist/components/GrSidebar/index.js"
     },
+    "./components/GrSidebarGroup": {
+      "types": "./dist/types/components/GrSidebar/index.d.ts",
+      "import": "./dist/components/GrSidebar/index.js"
+    },
+    "./components/GrSidebarItem": {
+      "types": "./dist/types/components/GrSidebar/index.d.ts",
+      "import": "./dist/components/GrSidebar/index.js"
+    },
     "./components/GrSkeleton": {
       "types": "./dist/types/components/GrSkeleton/index.d.ts",
       "import": "./dist/components/GrSkeleton/index.js"
@@ -333,6 +402,10 @@
       "types": "./dist/types/components/GrTable/index.d.ts",
       "import": "./dist/components/GrTable/index.js"
     },
+    "./components/GrTabPanel": {
+      "types": "./dist/types/components/GrTabPanels/index.d.ts",
+      "import": "./dist/components/GrTabPanels/index.js"
+    },
     "./components/GrTabPanels": {
       "types": "./dist/types/components/GrTabPanels/index.d.ts",
       "import": "./dist/components/GrTabPanels/index.js"
@@ -349,6 +422,10 @@
       "types": "./dist/types/components/GrTimeline/index.d.ts",
       "import": "./dist/components/GrTimeline/index.js"
     },
+    "./components/GrTimelineItem": {
+      "types": "./dist/types/components/GrTimeline/index.d.ts",
+      "import": "./dist/components/GrTimeline/index.js"
+    },
     "./components/GrToaster": {
       "types": "./dist/types/components/GrToaster/index.d.ts",
       "import": "./dist/components/GrToaster/index.js"
@@ -365,6 +442,10 @@
       "types": "./dist/types/components/GrTreeSelect/index.d.ts",
       "import": "./dist/components/GrTreeSelect/index.js"
     },
+    "./components/GrUploadErrorBanner": {
+      "types": "./dist/types/components/GrResponseErrorBanner/index.d.ts",
+      "import": "./dist/components/GrResponseErrorBanner/index.js"
+    },
     "./components/GrValue": {
       "types": "./dist/types/components/GrValue/index.d.ts",
       "import": "./dist/components/GrValue/index.js"
@@ -449,6 +530,9 @@
       "types": "./dist/types/directives/dropzone.d.ts",
       "import": "./dist/directives/dropzone.js"
     },
+    "./directives/globalDirectives": {
+      "types": "./dist/types/directives/globalDirectives.d.ts"
+    },
     "./directives/hotkey": {
       "types": "./dist/types/directives/hotkey.d.ts",
       "import": "./dist/directives/hotkey.js"
@@ -508,7 +592,7 @@
   },
   "peerDependencies": {
     "@feugene/fint-i18n": "^0.6.0",
-    "@feugene/unocss-preset-granular": "^0.9.1",
+    "@feugene/unocss-preset-granular": "^0.10.1",
     "@floating-ui/dom": "^1.8.0",
     "vue": "^3.5.0"
   },
@@ -523,8 +607,8 @@
   "devDependencies": {
     "@antfu/eslint-config": "^9.1.0",
     "@feugene/fint-i18n": "^0.6.0",
-    "@feugene/granularity-test-kit": "^0.4.0",
-    "@feugene/unocss-preset-granular": "^0.9.1",
+    "@feugene/granularity-test-kit": "^0.5.0",
+    "@feugene/unocss-preset-granular": "^0.10.1",
     "@floating-ui/dom": "^1.8.0",
     "@iconify-json/lucide": "^1.2.117",
     "@types/node": "^25.9.5",
@@ -545,7 +629,7 @@
     "vue-tsc": "^3.3.7"
   },
   "scripts": {
-    "build": "vite build && gr-check-dist-dev-guard && node scripts/check-dist-no-tests.mjs && node scripts/generate-web-types.mjs && vue-tsc -p tsconfig.build.json",
+    "build": "vite build && gr-check-dist-dev-guard && node scripts/check-dist-no-tests.mjs && node scripts/generate-web-types.mjs && vue-tsc -p tsconfig.build.json && node scripts/check-dist-exports.mjs",
     "check:messages": "fint-i18n-check-messages src/i18n/locales",
     "dev": "vite build --watch",
     "doctor": "granular doctor ./granular.options.mjs --strict",