@ngrr/ds 0.1.17 → 0.1.18

package/AGENTS.md

@@ -444,6 +444,7 @@ Either populate with real, meaningful content or hide the slot entirely.
 13. **Enabling the primary CTA before all mandatory fields have a value.** The submit button must be disabled until the form is fillable.
 14. **Omitting `⌘↵` from the primary form submit button.** Always include the `Shortcut` component on the primary CTA.
 15. **Using dataviz colors from generic semantic tokens or hardcoded hex.** Always use `--color-dataviz-*` tokens for all chart and graph colors.
+16. **Adding spacing overrides directly to components.** Never add `padding`, `margin`, `gap`, or any spacing property directly on a DS-Nagarro component element. All components have their internal spacing built in. To space components relative to each other, apply `--space-*` tokens only to wrapper or container elements.
 
 ---
 

package/AI.md

@@ -2067,6 +2067,7 @@ export const DisabledVariant: Story = {
 - ❌ Build page layout manually with divs — always use `AppShell`.
 - ❌ Apply scroll to the full page or AppShell root — only the content area scrolls.
 - ❌ Use hardcoded `padding-left`, `padding-right`, `margin-left`, or `margin-right` on any container — always use `var(--page-margin-x)`.
+- ❌ Add padding, margin, gap, or any spacing override directly to a DS-Nagarro component element. All components have internal spacing built in — overriding it breaks their proportions. To space components relative to each other, apply spacing tokens to wrapper/container elements only.
 - ❌ Allow card content to touch card edges — always apply `padding: var(--inset-large)`.
 - ❌ Leave list items undersized — always stretch to full container width.
 - ❌ Mix Tab and CustomView tab types in the same row.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngrr/ds",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "main": "./dist/ds-nagarro.umd.js",
   "module": "./dist/ds-nagarro.es.js",
   "types": "./dist/index.d.ts",