@gridui/grid 2.3.2 → 2.3.5

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 CHANGED
@@ -50,7 +50,10 @@ Band still defaults to nodes. Set `decoration` explicitly to choose an edge trea
50
50
  At a section seam, a non-neutral tone takes precedence over neutral; between
51
51
  two non-neutral tones, the lower section supplies the color. The lower section
52
52
  still draws the only separator. This works across React section groups without
53
- changing either region's content palette. Astro host elements require an
53
+ changing either region's content palette. Only the section or footer's direct
54
+ leading boundary uses the adjacent region's color. Standalone and nested
55
+ FrameBoundary instances use their current palette's border color.
56
+ Astro host elements require an
54
57
  [application-owned adapter](https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/docs/usage/framework-adapters.md). The page filler uses
55
58
  the final section's tone for its leading line.
56
59
  Grid `frame="cells"` owns outer and cell edges; `frame="internal"` owns seams
package/dist/styles.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer utilities {
@@ -368,7 +368,7 @@
368
368
  flex-shrink: 0;
369
369
  min-width: 0;
370
370
  z-index: var(--gridui-z-boundary);
371
- border-top: 1px solid var(--gridui-frame-previous-border, var(--gridui-border));
371
+ border-top: 1px solid var(--gridui-border);
372
372
  pointer-events: none;
373
373
  }
374
374
  .gridui-frame-divider {
@@ -388,6 +388,9 @@
388
388
  .gridui-frame-boundary[data-boundary-extent="frame"] {
389
389
  grid-column: 1 / -1;
390
390
  }
391
+ :is(.gridui-frame-section, .gridui-frame-footer) > .gridui-frame-boundary {
392
+ border-top-color: var(--gridui-frame-previous-border, var(--gridui-border));
393
+ }
391
394
  :where(.gridui-frame-section, .gridui-frame-footer, .gridui-frame-fill, .gridui-frame-sections) {
392
395
  --gridui-frame-previous-border: initial;
393
396
  }
@@ -776,7 +779,7 @@
776
779
  inherits: false;
777
780
  }
778
781
  @layer properties {
779
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
782
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: block))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
780
783
  *, ::before, ::after, ::backdrop {
781
784
  --tw-border-style: solid;
782
785
  --tw-leading: initial;
package/docs/README.md CHANGED
@@ -256,10 +256,14 @@ Grid span. It is inert, hidden from assistive technology and pointer-transparent
256
256
  Landing sections and Sidebar regions use this same renderer; no package-private
257
257
  imports or duplicate line implementations are needed.
258
258
 
259
+ Standalone and nested boundaries use the current palette's border color.
260
+ Only a section or footer's direct leading boundary applies the adjacent-region
261
+ seam color. This keeps section transitions from recoloring internal dividers.
262
+
259
263
  Each section and footer own their leading boundary through FrameBoundary. A line
260
264
  uses one top rule; a band adds its tint and bottom rule in normal flow. A stripe
261
265
  uses the same band height and rules with a repeating brand-colored diagonal pattern.
262
- Space reserves `--gridui-boundary-space-size` (40px) without a rule or fill; none
266
+ Space reserves `--gridui-boundary-space-size` (2.5rem) without a rule or fill; none
263
267
  renders no boundary and reserves no space. These choices do not change content
264
268
  padding or inline edges. Stripe and space default to no decoration. The header
265
269
  has no trailing rule. The filler paints a top rule only when it has visible
@@ -0,0 +1,254 @@
1
+ {
2
+ "schemaVersion": 1,
3
+ "name": "@gridui/grid",
4
+ "version": "2.3.5",
5
+ "category": "layout",
6
+ "description": "GridUI React grid",
7
+ "usage": "`@gridui/grid` owns Container, Grid, GridItem, Split, Stack, Row, PageFrame, FrameSections, FrameSection, frame chrome, rails, textures, FrameRegion/FrameRegionRow for composed edge geometry, and the public FrameBoundary primitive for structural boundaries. It does not know website routes or domain state. Load its explicit `styles.css` export after Theme and before styles of composed families. Theme supplies token values; `@gridui/style-utils/responsive` supplies the React-free spacing and breakpoint-value calculations.",
8
+ "documentation": [
9
+ "README.md",
10
+ "docs/README.md"
11
+ ],
12
+ "exports": [
13
+ {
14
+ "name": "Columns",
15
+ "kind": "type",
16
+ "importPath": "@gridui/grid"
17
+ },
18
+ {
19
+ "name": "Container",
20
+ "kind": "component",
21
+ "importPath": "@gridui/grid"
22
+ },
23
+ {
24
+ "name": "ContainerProps",
25
+ "kind": "type",
26
+ "importPath": "@gridui/grid"
27
+ },
28
+ {
29
+ "name": "DashboardFrame",
30
+ "kind": "component",
31
+ "importPath": "@gridui/grid"
32
+ },
33
+ {
34
+ "name": "DashboardFrameProps",
35
+ "kind": "type",
36
+ "importPath": "@gridui/grid"
37
+ },
38
+ {
39
+ "name": "DashboardFrameSize",
40
+ "kind": "type",
41
+ "importPath": "@gridui/grid"
42
+ },
43
+ {
44
+ "name": "FrameBoundary",
45
+ "kind": "component",
46
+ "importPath": "@gridui/grid"
47
+ },
48
+ {
49
+ "name": "FrameBoundaryProps",
50
+ "kind": "type",
51
+ "importPath": "@gridui/grid"
52
+ },
53
+ {
54
+ "name": "FrameBoundaryStyle",
55
+ "kind": "type",
56
+ "importPath": "@gridui/grid"
57
+ },
58
+ {
59
+ "name": "FrameDecorationStyle",
60
+ "kind": "type",
61
+ "importPath": "@gridui/grid"
62
+ },
63
+ {
64
+ "name": "FrameFooter",
65
+ "kind": "component",
66
+ "importPath": "@gridui/grid"
67
+ },
68
+ {
69
+ "name": "FrameFooterProps",
70
+ "kind": "type",
71
+ "importPath": "@gridui/grid"
72
+ },
73
+ {
74
+ "name": "FrameHeader",
75
+ "kind": "component",
76
+ "importPath": "@gridui/grid"
77
+ },
78
+ {
79
+ "name": "FrameHeaderProps",
80
+ "kind": "type",
81
+ "importPath": "@gridui/grid"
82
+ },
83
+ {
84
+ "name": "FrameRail",
85
+ "kind": "component",
86
+ "importPath": "@gridui/grid"
87
+ },
88
+ {
89
+ "name": "FrameRailGroup",
90
+ "kind": "component",
91
+ "importPath": "@gridui/grid"
92
+ },
93
+ {
94
+ "name": "FrameRailGroupProps",
95
+ "kind": "type",
96
+ "importPath": "@gridui/grid"
97
+ },
98
+ {
99
+ "name": "FrameRailProps",
100
+ "kind": "type",
101
+ "importPath": "@gridui/grid"
102
+ },
103
+ {
104
+ "name": "FrameRegion",
105
+ "kind": "component",
106
+ "importPath": "@gridui/grid"
107
+ },
108
+ {
109
+ "name": "FrameRegionProps",
110
+ "kind": "type",
111
+ "importPath": "@gridui/grid"
112
+ },
113
+ {
114
+ "name": "FrameRegionRow",
115
+ "kind": "component",
116
+ "importPath": "@gridui/grid"
117
+ },
118
+ {
119
+ "name": "FrameRegionRowProps",
120
+ "kind": "type",
121
+ "importPath": "@gridui/grid"
122
+ },
123
+ {
124
+ "name": "FrameSection",
125
+ "kind": "component",
126
+ "importPath": "@gridui/grid"
127
+ },
128
+ {
129
+ "name": "FrameSectionProps",
130
+ "kind": "type",
131
+ "importPath": "@gridui/grid"
132
+ },
133
+ {
134
+ "name": "FrameSections",
135
+ "kind": "component",
136
+ "importPath": "@gridui/grid"
137
+ },
138
+ {
139
+ "name": "FrameSectionsProps",
140
+ "kind": "type",
141
+ "importPath": "@gridui/grid"
142
+ },
143
+ {
144
+ "name": "FrameTexture",
145
+ "kind": "component",
146
+ "importPath": "@gridui/grid"
147
+ },
148
+ {
149
+ "name": "FrameTextureProps",
150
+ "kind": "type",
151
+ "importPath": "@gridui/grid"
152
+ },
153
+ {
154
+ "name": "FrameTextureStyle",
155
+ "kind": "type",
156
+ "importPath": "@gridui/grid"
157
+ },
158
+ {
159
+ "name": "FrameTone",
160
+ "kind": "type",
161
+ "importPath": "@gridui/grid"
162
+ },
163
+ {
164
+ "name": "Grid",
165
+ "kind": "component",
166
+ "importPath": "@gridui/grid"
167
+ },
168
+ {
169
+ "name": "GridColumns",
170
+ "kind": "type",
171
+ "importPath": "@gridui/grid"
172
+ },
173
+ {
174
+ "name": "GridItem",
175
+ "kind": "component",
176
+ "importPath": "@gridui/grid"
177
+ },
178
+ {
179
+ "name": "GridItemProps",
180
+ "kind": "type",
181
+ "importPath": "@gridui/grid"
182
+ },
183
+ {
184
+ "name": "GridProps",
185
+ "kind": "type",
186
+ "importPath": "@gridui/grid"
187
+ },
188
+ {
189
+ "name": "GridTrack",
190
+ "kind": "type",
191
+ "importPath": "@gridui/grid"
192
+ },
193
+ {
194
+ "name": "PageFrame",
195
+ "kind": "component",
196
+ "importPath": "@gridui/grid"
197
+ },
198
+ {
199
+ "name": "PageFrameProps",
200
+ "kind": "type",
201
+ "importPath": "@gridui/grid"
202
+ },
203
+ {
204
+ "name": "Row",
205
+ "kind": "component",
206
+ "importPath": "@gridui/grid"
207
+ },
208
+ {
209
+ "name": "RowProps",
210
+ "kind": "type",
211
+ "importPath": "@gridui/grid"
212
+ },
213
+ {
214
+ "name": "Span",
215
+ "kind": "type",
216
+ "importPath": "@gridui/grid"
217
+ },
218
+ {
219
+ "name": "Split",
220
+ "kind": "component",
221
+ "importPath": "@gridui/grid"
222
+ },
223
+ {
224
+ "name": "SplitDirection",
225
+ "kind": "type",
226
+ "importPath": "@gridui/grid"
227
+ },
228
+ {
229
+ "name": "SplitProps",
230
+ "kind": "type",
231
+ "importPath": "@gridui/grid"
232
+ },
233
+ {
234
+ "name": "Stack",
235
+ "kind": "component",
236
+ "importPath": "@gridui/grid"
237
+ },
238
+ {
239
+ "name": "StackProps",
240
+ "kind": "type",
241
+ "importPath": "@gridui/grid"
242
+ }
243
+ ],
244
+ "styles": [
245
+ "@gridui/theme/styles.css",
246
+ "@gridui/grid/styles.css"
247
+ ],
248
+ "examples": [
249
+ "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-layout/grid/stories/frame-section.stories.tsx",
250
+ "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-layout/grid/stories/grid.stories.tsx",
251
+ "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-layout/grid/stories/page-frame.stories.tsx",
252
+ "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-layout/grid/stories/primitives.stories.tsx"
253
+ ]
254
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gridui/grid",
3
- "version": "2.3.2",
3
+ "version": "2.3.5",
4
4
  "description": "GridUI React grid",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
@@ -23,15 +23,15 @@
23
23
  "access": "public"
24
24
  },
25
25
  "dependencies": {
26
- "@gridui/style-utils": "^2.1.4",
27
- "@gridui/theme": "^2.4.0",
26
+ "@gridui/style-utils": "^2.2.2",
27
+ "@gridui/theme": "^2.5.3",
28
28
  "@radix-ui/react-slot": "1.5.0",
29
29
  "class-variance-authority": "0.7.1"
30
30
  },
31
31
  "devDependencies": {
32
32
  "@gridui-internal/configuration": "0.0.0-internal",
33
33
  "@jest/globals": "30.5.2",
34
- "@storybook/react-vite": "10.6.5",
34
+ "@storybook/react-vite": "10.6.6",
35
35
  "@types/jest": "30.0.0",
36
36
  "@types/node": "26.6.6",
37
37
  "@types/react": "19.3.0",