@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 +4 -1
- package/dist/styles.css +6 -3
- package/docs/README.md +5 -1
- package/docs/catalog.json +254 -0
- package/package.json +4 -4
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.
|
|
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.
|
|
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-
|
|
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:
|
|
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` (
|
|
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.
|
|
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.
|
|
27
|
-
"@gridui/theme": "^2.
|
|
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.
|
|
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",
|