@brycks/core-front 0.2.0 → 0.2.2

package/dist/design-system/primitives/layout.d.ts

@@ -0,0 +1,114 @@
+/**
+ * Brycks Design System - Layout Primitives
+ *
+ * Standardized layout dimensions for application shells.
+ * All values are derived from the spacing token system (4px grid).
+ *
+ * RULE: Application layouts MUST use these constants. Never hardcode dimensions.
+ */
+/**
+ * Sidebar dimensions
+ */
+export declare const sidebarSizes: {
+    /** Collapsed sidebar width: 72px */
+    readonly collapsed: 72;
+    /** Expanded sidebar width: 240px */
+    readonly expanded: 240;
+    /** Logo size: 32px */
+    readonly logoSize: number;
+    /** Nav icon size: 20px */
+    readonly navIconSize: number;
+};
+/**
+ * Header dimensions
+ */
+export declare const headerSizes: {
+    /** Standard header height: 64px */
+    readonly height: number;
+    /** Compact header height: 48px */
+    readonly compact: number;
+};
+/**
+ * Avatar dimensions
+ */
+export declare const avatarSizes: {
+    /** 24px - Extra small */
+    readonly xs: number;
+    /** 32px - Small */
+    readonly sm: number;
+    /** 36px - Medium (default) */
+    readonly md: 36;
+    /** 40px - Large */
+    readonly lg: number;
+    /** 48px - Extra large */
+    readonly xl: number;
+    /** 64px - 2x large (for hero sections) */
+    readonly '2xl': number;
+};
+/**
+ * Icon button sizes (square buttons with icons)
+ */
+export declare const iconButtonSizes: {
+    /** 28px */
+    readonly xs: 28;
+    /** 32px */
+    readonly sm: number;
+    /** 36px */
+    readonly md: 36;
+    /** 40px */
+    readonly lg: number;
+    /** 48px */
+    readonly xl: number;
+};
+/**
+ * Quick action card dimensions
+ */
+export declare const quickActionSizes: {
+    /** Icon container size: 48px */
+    readonly iconContainer: number;
+    /** Default padding: 16px */
+    readonly padding: number;
+};
+/**
+ * Content area padding
+ */
+export declare const contentPadding: {
+    /** Mobile padding: 16px */
+    readonly mobile: number;
+    /** Tablet padding: 20px */
+    readonly tablet: number;
+    /** Desktop padding: 24px */
+    readonly desktop: number;
+    /** Large screen padding: 32px */
+    readonly wide: number;
+};
+/**
+ * Page header spacing
+ */
+export declare const pageHeaderSpacing: {
+    /** Bottom margin: 24px */
+    readonly marginBottom: number;
+};
+/**
+ * Search input dimensions
+ */
+export declare const searchInputSizes: {
+    /** Minimum width: 240px */
+    readonly minWidth: 240;
+    /** Icon left offset: 12px */
+    readonly iconLeft: number;
+    /** Input left padding to accommodate icon: 36px */
+    readonly paddingLeft: 36;
+};
+/**
+ * Stat card dimensions
+ */
+export declare const statCardSizes: {
+    /** Icon container size: 48px */
+    readonly iconContainer: number;
+};
+export type SidebarSizes = typeof sidebarSizes;
+export type HeaderSizes = typeof headerSizes;
+export type AvatarSizes = typeof avatarSizes;
+export type IconButtonSizes = typeof iconButtonSizes;
+//# sourceMappingURL=layout.d.ts.map

package/dist/design-system/primitives/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/design-system/primitives/layout.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH;;GAEG;AACH,eAAO,MAAM,YAAY;IACvB,oCAAoC;;IAEpC,oCAAoC;;IAEpC,sBAAsB;;IAEtB,0BAA0B;;CAElB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,WAAW;IACtB,mCAAmC;;IAEnC,kCAAkC;;CAE1B,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,WAAW;IACtB,yBAAyB;;IAEzB,mBAAmB;;IAEnB,8BAA8B;;IAE9B,mBAAmB;;IAEnB,yBAAyB;;IAEzB,0CAA0C;;CAElC,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,eAAe;IAC1B,WAAW;;IAEX,WAAW;;IAEX,WAAW;;IAEX,WAAW;;IAEX,WAAW;;CAEH,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,gBAAgB;IAC3B,gCAAgC;;IAEhC,4BAA4B;;CAEpB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,cAAc;IACzB,2BAA2B;;IAE3B,2BAA2B;;IAE3B,4BAA4B;;IAE5B,iCAAiC;;CAEzB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,iBAAiB;IAC5B,0BAA0B;;CAElB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,gBAAgB;IAC3B,2BAA2B;;IAE3B,6BAA6B;;IAE7B,mDAAmD;;CAE3C,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,aAAa;IACxB,gCAAgC;;CAExB,CAAA;AAEV,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAA;AAC9C,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAA;AAC5C,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAA;AAC5C,MAAM,MAAM,eAAe,GAAG,OAAO,eAAe,CAAA"}