@jamesodwyer/gds-figma-vite 2.0.7 → 2.0.8
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/guidelines/Guidelines.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
> **IMPORTANT FOR AI AGENTS**: This is the entry point for AI-assisted design-to-code generation.
|
|
4
4
|
> Read this entire document before generating any code.
|
|
5
5
|
|
|
6
|
+
## ⚠️ CRITICAL: Props That Cause Errors
|
|
7
|
+
|
|
8
|
+
**DO NOT use these props - they cause React DOM warnings:**
|
|
9
|
+
|
|
10
|
+
| DO NOT USE | USE INSTEAD |
|
|
11
|
+
|------------|-------------|
|
|
12
|
+
| `<InputField.Row marginTop="...">` | `<InputField.Row style={{ marginTop: '8px' }}>` |
|
|
13
|
+
| `<Stack marginTop="...">` | `<Stack style={{ marginTop: '8px' }}>` |
|
|
14
|
+
|
|
15
|
+
Always use inline `style` prop for margins instead of custom margin props.
|
|
16
|
+
|
|
6
17
|
## Package Information
|
|
7
18
|
|
|
8
19
|
- **Package Name**: `@jamesodwyer/gds-figma-vite`
|
|
@@ -2,6 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
> **FOR AI AGENTS**: This is the entry point for the GDS design system.
|
|
4
4
|
|
|
5
|
+
## ⚠️ CRITICAL: Props That Cause Errors
|
|
6
|
+
|
|
7
|
+
**DO NOT use these props - they cause React DOM warnings:**
|
|
8
|
+
|
|
9
|
+
| DO NOT USE | USE INSTEAD |
|
|
10
|
+
|------------|-------------|
|
|
11
|
+
| `<InputField.Row marginTop="...">` | `<InputField.Row style={{ marginTop: '8px' }}>` |
|
|
12
|
+
| `<Stack marginTop="...">` | `<Stack style={{ marginTop: '8px' }}>` |
|
|
13
|
+
|
|
14
|
+
Always use inline `style` prop for margins instead of custom margin props.
|
|
15
|
+
|
|
5
16
|
## Important: Full Documentation Location
|
|
6
17
|
|
|
7
18
|
The complete component documentation, design tokens, and usage guidelines are available in the `@jamesodwyer/gds-figma-vite` npm package under the `guidelines/` folder:
|