@compact-design/html 0.1.0 → 0.2.0

package/dist/css.d.ts

@@ -23,9 +23,37 @@ export declare function blurFilters(effects: DesignEffect[]): {
 export declare function layoutDeclarations(props: DesignProperties): string[];
 export declare function childSizingDeclarations(props: DesignProperties, parentDirection: "HORIZONTAL" | "VERTICAL" | "GRID" | undefined): string[];
 export declare function overflowDeclarations(props: DesignProperties): string[];
+/** True when overflowDirection is a scrolling mode after core normalize. */
+export declare function isScrollingOverflow(direction: DesignProperties["overflowDirection"]): direction is "HORIZONTAL" | "VERTICAL" | "BOTH";
+/** Clamp numberOfFixedChildren to [0, childCount], matching Figma import. */
+export declare function clampedFixedChildCount(value: unknown, childCount: number): number;
+/**
+ * Sticky pin for the last N children of a scrolling frame (numberOfFixedChildren).
+ * Vertical → bottom; horizontal → right; BOTH → bottom+right (v1).
+ */
+export declare function fixedChildStickyDeclarations(overflow: "HORIZONTAL" | "VERTICAL" | "BOTH"): string[];
 export declare function radiusDeclarations(props: DesignProperties): string[];
-export declare function strokeDeclarations(props: DesignProperties): string[];
+export declare function strokeDeclarations(props: DesignProperties, colorOverride?: string): string[];
+/** Collapse duplicate box-shadow declarations so stroke outlines coexist with effects. */
+export declare function coalesceBoxShadows(declarations: string[]): string[];
 export declare function blendModeCss(value: string | undefined): string | undefined;
 export declare function textCaseCss(value: string | undefined): string | undefined;
+/** font-variant-caps for SMALL_CAPS / SMALL_CAPS_FORCED; transform cases stay on textCaseCss. */
+export declare function textCaseVariantCss(value: string | undefined): string | undefined;
 export declare function sanitizeSvg(markup: string): string;
 export declare function regularPolygon(cx: number, cy: number, radius: number, points: number, innerRatio?: number): string;
+/** SVG path for a Figma-style arc: radians from 3 o'clock, sweeping clockwise from start to end. */
+export declare function arcPath(width: number, height: number, startingAngle: number, endingAngle: number, innerRadiusRatio: number): string;
+export interface LayoutGridLayer {
+    image: string;
+    size: string;
+    position: string;
+    repeat: string;
+}
+/** Background layers for visible layoutGrids (GRID lattice, COLUMNS / ROWS bands). */
+export declare function layoutGridLayers(grids: unknown): LayoutGridLayer[];
+/**
+ * Non-interactive ::after overlay declarations for visible layoutGrids.
+ * Does not affect layout or hit-testing (pointer-events: none, absolute).
+ */
+export declare function layoutGridOverlayDeclarations(grids: unknown): string[];