@gridui/grid 0.3.0 → 1.0.0

package/README.md

@@ -36,8 +36,9 @@ Band still defaults to nodes. Set `decoration` explicitly to choose an edge trea
 
 At a section seam, a non-neutral tone takes precedence over neutral; between
 two non-neutral tones, the lower section supplies the color. The lower section
-still draws the only separator. This works across Astro islands and section
-groups without changing either region's content palette. The page filler uses
+still draws the only separator. This works across React section groups without
+changing either region's content palette. Astro host elements require an
+[application-owned adapter](../../docs/usage/framework-adapters.md). The page filler uses
 the final section's tone for its leading line.
 Grid `frame="cells"` owns outer and cell edges; `frame="internal"` owns seams
 inside an existing frame. Use `fillLastRow` with direct GridItem children to

package/dist/frame/export.d.ts

@@ -15,5 +15,5 @@ export { FrameRail, FrameRailGroup } from "./rail/rail";
 export type { FrameSectionProps } from "./section";
 export { FrameSection } from "./section";
 export type { FrameTone } from "./style";
-export type { FrameTextureStyle } from "./texture/texture";
+export type { FrameTextureProps, FrameTextureStyle } from "./texture/texture";
 export { FrameTexture } from "./texture/texture";

package/dist/styles.css

@@ -206,18 +206,6 @@
       --gridui-page-gutter-start: var(--gridui-main-gutter-start-lg, var(--gridui-page-gutter));
     }
   }
-}
-.gridui-frame-sections > astro-island {
-  display: grid;
-  min-width: 0;
-  grid-template-columns: subgrid;
-  grid-auto-rows: max-content;
-}
-.gridui-frame-sections > astro-island > .gridui-container {
-  grid-column: full-start / full-end;
-  grid-template-columns: subgrid;
-}
-@layer components {
   .gridui-frame-rail-group {
     --gridui-frame-rail-width: var(--gridui-rail-width-base);
     --gridui-frame-rail-display: var(--gridui-rail-display-base);
@@ -255,19 +243,19 @@
       --gridui-frame-rail-display: var(--gridui-rail-display-lg);
     }
   }
-  :where(.gridui-frame-section, .gridui-frame-footer, .gridui-frame-fill, .gridui-frame-sections, .gridui-frame-sections > astro-island) {
+  :where(.gridui-frame-section, .gridui-frame-footer, .gridui-frame-fill, .gridui-frame-sections) {
     --gridui-frame-previous-border: initial;
   }
-  :where(.gridui-frame-sections, .gridui-frame-sections > astro-island) > :first-child {
+  .gridui-frame-sections > :first-child {
     --gridui-frame-previous-border: inherit;
   }
-  :where( .gridui-frame-brand, :is(.gridui-frame-sections, astro-island):has(> .gridui-frame-brand:last-child), .gridui-frame-sections:has(> astro-island:last-child > .gridui-frame-brand:last-child), astro-island:has(> .gridui-frame-sections:last-child > .gridui-frame-brand:last-child), .gridui-frame-sections:has(> astro-island:last-child > .gridui-frame-sections:last-child > .gridui-frame-brand:last-child) ) + :where(.gridui-frame-section, .gridui-frame-footer, .gridui-frame-fill, .gridui-frame-sections, astro-island) {
+  :where(.gridui-frame-brand, .gridui-frame-sections:has(> .gridui-frame-brand:last-child)) + :where(.gridui-frame-section, .gridui-frame-footer, .gridui-frame-fill, .gridui-frame-sections) {
     --gridui-frame-previous-border: var(--gridui-brand-border);
   }
-  :where( .gridui-frame-warning, :is(.gridui-frame-sections, astro-island):has(> .gridui-frame-warning:last-child), .gridui-frame-sections:has(> astro-island:last-child > .gridui-frame-warning:last-child), astro-island:has(> .gridui-frame-sections:last-child > .gridui-frame-warning:last-child), .gridui-frame-sections:has(> astro-island:last-child > .gridui-frame-sections:last-child > .gridui-frame-warning:last-child) ) + :where(.gridui-frame-section, .gridui-frame-footer, .gridui-frame-fill, .gridui-frame-sections, astro-island) {
+  :where(.gridui-frame-warning, .gridui-frame-sections:has(> .gridui-frame-warning:last-child)) + :where(.gridui-frame-section, .gridui-frame-footer, .gridui-frame-fill, .gridui-frame-sections) {
     --gridui-frame-previous-border: var(--gridui-warning-border);
   }
-  :where( .gridui-frame-danger, :is(.gridui-frame-sections, astro-island):has(> .gridui-frame-danger:last-child), .gridui-frame-sections:has(> astro-island:last-child > .gridui-frame-danger:last-child), astro-island:has(> .gridui-frame-sections:last-child > .gridui-frame-danger:last-child), .gridui-frame-sections:has(> astro-island:last-child > .gridui-frame-sections:last-child > .gridui-frame-danger:last-child) ) + :where(.gridui-frame-section, .gridui-frame-footer, .gridui-frame-fill, .gridui-frame-sections, astro-island) {
+  :where(.gridui-frame-danger, .gridui-frame-sections:has(> .gridui-frame-danger:last-child)) + :where(.gridui-frame-section, .gridui-frame-footer, .gridui-frame-fill, .gridui-frame-sections) {
     --gridui-frame-previous-border: var(--gridui-danger-border);
   }
   .gridui-container > .gridui-frame-boundary {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gridui/grid",
-  "version": "0.3.0",
+  "version": "1.0.0",
   "description": "GridUI React grid",
   "license": "UNLICENSED",
   "type": "module",
@@ -27,8 +27,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@gridui/style-utils": "0.3.0",
-    "@gridui/theme": "0.3.0",
+    "@gridui/style-utils": "1.0.0",
+    "@gridui/theme": "1.0.0",
     "@radix-ui/react-slot": "1.5.0",
     "class-variance-authority": "0.7.1"
   },