@qpmtx/tokens 0.3.0

package/dist/groups/spacing-and-layout.d.ts

@@ -0,0 +1,157 @@
+/**
+ * QPMatrix design tokens - group: spacing-and-layout
+ *
+ * AUTO-TRANSCRIBED from the owner's design source (tokens.json / tokens.css extracted
+ * from the QPMatrix Design System export). Do not hand-edit values here - regenerate
+ * from the live source per packages/.agents/skills/tokens/SKILL.md instead.
+ *
+ * Each entry mirrors the source JSON 1:1:
+ *   raw    - the literal CSS declaration value (may reference other vars)
+ *   resolved - raw fully dereferenced down to a literal (hex/rgba/px/...)
+ *   light  - present only for tokens overridden by [data-theme="light"]
+ *   usedByComponentBundle - whether the owner's component bundle references this token
+ */
+export declare const spacingAndLayout: {
+    readonly "card-padding-comfortable": {
+        readonly raw: "var(--space-6)";
+        readonly resolved: "24px";
+        readonly usedByComponentBundle: true;
+    };
+    readonly "card-padding-compact": {
+        readonly raw: "var(--space-4)";
+        readonly resolved: "16px";
+        readonly usedByComponentBundle: true;
+    };
+    readonly "content-width-dashboard": {
+        readonly raw: "1440px";
+        readonly resolved: "1440px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "content-width-docs": {
+        readonly raw: "840px";
+        readonly resolved: "840px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "content-width-marketing": {
+        readonly raw: "1200px";
+        readonly resolved: "1200px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "form-field-spacing": {
+        readonly raw: "var(--space-4)";
+        readonly resolved: "16px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "nav-height": {
+        readonly raw: "60px";
+        readonly resolved: "60px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "nav-rail-width": {
+        readonly raw: "240px";
+        readonly resolved: "240px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "nav-rail-width-collapsed": {
+        readonly raw: "64px";
+        readonly resolved: "64px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "page-gutter-comfortable": {
+        readonly raw: "var(--space-8)";
+        readonly resolved: "32px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "page-gutter-compact": {
+        readonly raw: "var(--space-5)";
+        readonly resolved: "20px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "section-spacing-comfortable": {
+        readonly raw: "var(--space-24)";
+        readonly resolved: "96px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "section-spacing-compact": {
+        readonly raw: "var(--space-10)";
+        readonly resolved: "40px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "space-0": {
+        readonly raw: "0px";
+        readonly resolved: "0px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "space-1": {
+        readonly raw: "4px";
+        readonly resolved: "4px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "space-10": {
+        readonly raw: "40px";
+        readonly resolved: "40px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "space-12": {
+        readonly raw: "48px";
+        readonly resolved: "48px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "space-16": {
+        readonly raw: "64px";
+        readonly resolved: "64px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "space-2": {
+        readonly raw: "8px";
+        readonly resolved: "8px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "space-20": {
+        readonly raw: "80px";
+        readonly resolved: "80px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "space-24": {
+        readonly raw: "96px";
+        readonly resolved: "96px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "space-3": {
+        readonly raw: "12px";
+        readonly resolved: "12px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "space-4": {
+        readonly raw: "16px";
+        readonly resolved: "16px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "space-5": {
+        readonly raw: "20px";
+        readonly resolved: "20px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "space-6": {
+        readonly raw: "24px";
+        readonly resolved: "24px";
+        readonly usedByComponentBundle: true;
+    };
+    readonly "space-8": {
+        readonly raw: "32px";
+        readonly resolved: "32px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "table-row-height-comfortable": {
+        readonly raw: "52px";
+        readonly resolved: "52px";
+        readonly usedByComponentBundle: false;
+    };
+    readonly "table-row-height-compact": {
+        readonly raw: "36px";
+        readonly resolved: "36px";
+        readonly usedByComponentBundle: false;
+    };
+};
+export type SpacingAndLayoutVarName = keyof typeof spacingAndLayout;
+//# sourceMappingURL=spacing-and-layout.d.ts.map

package/dist/groups/spacing-and-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing-and-layout.d.ts","sourceRoot":"","sources":["../../src/groups/spacing-and-layout.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6InB,CAAC;AAEX,MAAM,MAAM,uBAAuB,GAAG,MAAM,OAAO,gBAAgB,CAAC"}

package/dist/groups/spacing-and-layout.js

@@ -0,0 +1,155 @@
+/**
+ * QPMatrix design tokens - group: spacing-and-layout
+ *
+ * AUTO-TRANSCRIBED from the owner's design source (tokens.json / tokens.css extracted
+ * from the QPMatrix Design System export). Do not hand-edit values here - regenerate
+ * from the live source per packages/.agents/skills/tokens/SKILL.md instead.
+ *
+ * Each entry mirrors the source JSON 1:1:
+ *   raw    - the literal CSS declaration value (may reference other vars)
+ *   resolved - raw fully dereferenced down to a literal (hex/rgba/px/...)
+ *   light  - present only for tokens overridden by [data-theme="light"]
+ *   usedByComponentBundle - whether the owner's component bundle references this token
+ */
+export const spacingAndLayout = {
+    "card-padding-comfortable": {
+        raw: "var(--space-6)",
+        resolved: "24px",
+        usedByComponentBundle: true,
+    },
+    "card-padding-compact": {
+        raw: "var(--space-4)",
+        resolved: "16px",
+        usedByComponentBundle: true,
+    },
+    "content-width-dashboard": {
+        raw: "1440px",
+        resolved: "1440px",
+        usedByComponentBundle: false,
+    },
+    "content-width-docs": {
+        raw: "840px",
+        resolved: "840px",
+        usedByComponentBundle: false,
+    },
+    "content-width-marketing": {
+        raw: "1200px",
+        resolved: "1200px",
+        usedByComponentBundle: false,
+    },
+    "form-field-spacing": {
+        raw: "var(--space-4)",
+        resolved: "16px",
+        usedByComponentBundle: false,
+    },
+    "nav-height": {
+        raw: "60px",
+        resolved: "60px",
+        usedByComponentBundle: false,
+    },
+    "nav-rail-width": {
+        raw: "240px",
+        resolved: "240px",
+        usedByComponentBundle: false,
+    },
+    "nav-rail-width-collapsed": {
+        raw: "64px",
+        resolved: "64px",
+        usedByComponentBundle: false,
+    },
+    "page-gutter-comfortable": {
+        raw: "var(--space-8)",
+        resolved: "32px",
+        usedByComponentBundle: false,
+    },
+    "page-gutter-compact": {
+        raw: "var(--space-5)",
+        resolved: "20px",
+        usedByComponentBundle: false,
+    },
+    "section-spacing-comfortable": {
+        raw: "var(--space-24)",
+        resolved: "96px",
+        usedByComponentBundle: false,
+    },
+    "section-spacing-compact": {
+        raw: "var(--space-10)",
+        resolved: "40px",
+        usedByComponentBundle: false,
+    },
+    "space-0": {
+        raw: "0px",
+        resolved: "0px",
+        usedByComponentBundle: false,
+    },
+    "space-1": {
+        raw: "4px",
+        resolved: "4px",
+        usedByComponentBundle: false,
+    },
+    "space-10": {
+        raw: "40px",
+        resolved: "40px",
+        usedByComponentBundle: false,
+    },
+    "space-12": {
+        raw: "48px",
+        resolved: "48px",
+        usedByComponentBundle: false,
+    },
+    "space-16": {
+        raw: "64px",
+        resolved: "64px",
+        usedByComponentBundle: false,
+    },
+    "space-2": {
+        raw: "8px",
+        resolved: "8px",
+        usedByComponentBundle: false,
+    },
+    "space-20": {
+        raw: "80px",
+        resolved: "80px",
+        usedByComponentBundle: false,
+    },
+    "space-24": {
+        raw: "96px",
+        resolved: "96px",
+        usedByComponentBundle: false,
+    },
+    "space-3": {
+        raw: "12px",
+        resolved: "12px",
+        usedByComponentBundle: false,
+    },
+    "space-4": {
+        raw: "16px",
+        resolved: "16px",
+        usedByComponentBundle: false,
+    },
+    "space-5": {
+        raw: "20px",
+        resolved: "20px",
+        usedByComponentBundle: false,
+    },
+    "space-6": {
+        raw: "24px",
+        resolved: "24px",
+        usedByComponentBundle: true,
+    },
+    "space-8": {
+        raw: "32px",
+        resolved: "32px",
+        usedByComponentBundle: false,
+    },
+    "table-row-height-comfortable": {
+        raw: "52px",
+        resolved: "52px",
+        usedByComponentBundle: false,
+    },
+    "table-row-height-compact": {
+        raw: "36px",
+        resolved: "36px",
+        usedByComponentBundle: false,
+    },
+};