@roblawn/devtool-runtime 0.1.0-alpha.0

package/dist/theme-contract/ops/op.config.d.ts

@@ -0,0 +1,711 @@
+import type { AuthoringEffectKind } from '../../design-system/ops/ops.types.js';
+export type { DelegateMapForOp } from './delegateValidation.types.js';
+export declare const OP_CONFIG: {
+    readonly m: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "margin";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly mt: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "margin-top";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly mr: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "margin-right";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly mb: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "margin-bottom";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly ml: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "margin-left";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly mx: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "margin-x";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly my: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "margin-y";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly p: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "padding";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly pt: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "padding-top";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly pr: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "padding-right";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly pb: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "padding-bottom";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly pl: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "padding-left";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly px: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "padding-x";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly py: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "padding-y";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly gap: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "gap";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly gapx: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "gap-x";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly gapy: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "gap-y";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly xspace: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "gap-x";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly yspace: {
+        readonly tokenFamily: "spacing";
+        readonly authoringEffect: "gap-y";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly w: {
+        readonly tokenFamily: "container";
+        readonly authoringEffect: "width";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly h: {
+        readonly tokenFamily: "container";
+        readonly authoringEffect: "height";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly minW: {
+        readonly tokenFamily: "container";
+        readonly authoringEffect: "min-width";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly minH: {
+        readonly tokenFamily: "container";
+        readonly authoringEffect: "min-height";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly maxW: {
+        readonly tokenFamily: "container";
+        readonly authoringEffect: "max-width";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly maxH: {
+        readonly tokenFamily: "container";
+        readonly authoringEffect: "max-height";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly contentWidth: {
+        readonly tokenFamily: "container";
+        readonly authoringEffect: "max-width";
+        readonly responsive: true;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly cols: {
+        readonly tokenFamily: "colCount";
+        readonly authoringEffect: "element";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 1;
+            readonly max: 12;
+            readonly step: 1;
+        };
+        readonly resolve: (v: string) => string;
+    };
+    readonly rows: {
+        readonly tokenFamily: "rowCount";
+        readonly authoringEffect: "element";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 1;
+            readonly max: 6;
+            readonly step: 1;
+        };
+        readonly resolve: (v: string) => string;
+    };
+    readonly colSpan: {
+        readonly tokenFamily: "colCount";
+        readonly authoringEffect: "element";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 1;
+            readonly max: 12;
+            readonly step: 1;
+        };
+        readonly resolve: (v: string) => string;
+    };
+    readonly rowSpan: {
+        readonly tokenFamily: "rowCount";
+        readonly authoringEffect: "element";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 1;
+            readonly max: 6;
+            readonly step: 1;
+        };
+        readonly resolve: (v: string) => string;
+    };
+    readonly rounded: {
+        readonly tokenFamily: "radius";
+        readonly authoringEffect: "radius";
+        readonly resolve: (v: string) => string;
+    };
+    readonly roundedT: {
+        readonly tokenFamily: "radius";
+        readonly authoringEffect: "radius-top";
+        readonly resolve: (v: string) => string;
+    };
+    readonly roundedR: {
+        readonly tokenFamily: "radius";
+        readonly authoringEffect: "radius-right";
+        readonly resolve: (v: string) => string;
+    };
+    readonly roundedB: {
+        readonly tokenFamily: "radius";
+        readonly authoringEffect: "radius-bottom";
+        readonly resolve: (v: string) => string;
+    };
+    readonly roundedL: {
+        readonly tokenFamily: "radius";
+        readonly authoringEffect: "radius-left";
+        readonly resolve: (v: string) => string;
+    };
+    readonly border: {
+        readonly tokenFamily: "border";
+        readonly authoringEffect: "border";
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly borderT: {
+        readonly tokenFamily: "border";
+        readonly authoringEffect: "border-top";
+        readonly resolve: (v: string) => string;
+        readonly delegate: Partial<{
+            color: "borderColor" | "divideColor" | "bg" | "textColor" | "shadowColor" | "ringColor";
+            width: "borderWidth" | "borderWidthT" | "borderWidthR" | "borderWidthB" | "borderWidthL" | "divideWidth";
+            style: "borderStyle" | "divideStyle";
+        }>;
+    };
+    readonly borderR: {
+        readonly tokenFamily: "border";
+        readonly authoringEffect: "border-right";
+        readonly resolve: (v: string) => string;
+        readonly delegate: Partial<{
+            color: "borderColor" | "divideColor" | "bg" | "textColor" | "shadowColor" | "ringColor";
+            width: "borderWidth" | "borderWidthT" | "borderWidthR" | "borderWidthB" | "borderWidthL" | "divideWidth";
+            style: "borderStyle" | "divideStyle";
+        }>;
+    };
+    readonly borderB: {
+        readonly tokenFamily: "border";
+        readonly authoringEffect: "border-bottom";
+        readonly resolve: (v: string) => string;
+        readonly delegate: Partial<{
+            color: "borderColor" | "divideColor" | "bg" | "textColor" | "shadowColor" | "ringColor";
+            width: "borderWidth" | "borderWidthT" | "borderWidthR" | "borderWidthB" | "borderWidthL" | "divideWidth";
+            style: "borderStyle" | "divideStyle";
+        }>;
+    };
+    readonly borderL: {
+        readonly tokenFamily: "border";
+        readonly authoringEffect: "border-left";
+        readonly resolve: (v: string) => string;
+        readonly delegate: Partial<{
+            color: "borderColor" | "divideColor" | "bg" | "textColor" | "shadowColor" | "ringColor";
+            width: "borderWidth" | "borderWidthT" | "borderWidthR" | "borderWidthB" | "borderWidthL" | "divideWidth";
+            style: "borderStyle" | "divideStyle";
+        }>;
+    };
+    readonly borderWidth: {
+        readonly tokenFamily: "borderWidth";
+        readonly authoringEffect: "border";
+        readonly addNoneasOmit: true;
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 0;
+            readonly step: 0.5;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly borderWidthT: {
+        readonly tokenFamily: "borderWidth";
+        readonly authoringEffect: "border-top";
+        readonly addNoneasOmit: true;
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 0;
+            readonly step: 0.5;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly borderWidthR: {
+        readonly tokenFamily: "borderWidth";
+        readonly authoringEffect: "border-right";
+        readonly addNoneasOmit: true;
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 0;
+            readonly step: 0.5;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly borderWidthB: {
+        readonly tokenFamily: "borderWidth";
+        readonly authoringEffect: "border-bottom";
+        readonly addNoneasOmit: true;
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 0;
+            readonly step: 0.5;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly borderWidthL: {
+        readonly tokenFamily: "borderWidth";
+        readonly authoringEffect: "border-left";
+        readonly addNoneasOmit: true;
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 0;
+            readonly step: 0.5;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly borderColor: {
+        readonly tokenFamily: "color";
+        readonly authoringEffect: "border";
+        readonly addNoneasOmit: true;
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly borderStyle: {
+        readonly tokenFamily: "borderStyle";
+        readonly authoringEffect: "border";
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly divide: {
+        readonly tokenFamily: "border";
+        readonly authoringEffect: "divide";
+        readonly resolve: (v: string) => string;
+        readonly delegate: Partial<{
+            color: "borderColor" | "divideColor" | "bg" | "textColor" | "shadowColor" | "ringColor";
+            width: "borderWidth" | "borderWidthT" | "borderWidthR" | "borderWidthB" | "borderWidthL" | "divideWidth";
+            style: "borderStyle" | "divideStyle";
+        }>;
+    };
+    readonly divideColor: {
+        readonly tokenFamily: "color";
+        readonly authoringEffect: "divide";
+        readonly addNoneasOmit: true;
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly divideWidth: {
+        readonly tokenFamily: "borderWidth";
+        readonly authoringEffect: "divide-x";
+        readonly addNoneasOmit: true;
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 0;
+            readonly step: 0.5;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly divideStyle: {
+        readonly tokenFamily: "borderStyle";
+        readonly authoringEffect: "divide";
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly bg: {
+        readonly tokenFamily: "color";
+        readonly authoringEffect: "background";
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly textColor: {
+        readonly tokenFamily: "color";
+        readonly authoringEffect: "text";
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly opacity: {
+        readonly tokenFamily: "opacity";
+        readonly authoringEffect: "element";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 0;
+            readonly max: 100;
+            readonly step: 1;
+        };
+        readonly resolve: (v: string) => string;
+    };
+    readonly textStyle: {
+        readonly tokenFamily: "text";
+        readonly authoringEffect: "text-style";
+        readonly responsive: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly titleStyle: {
+        readonly tokenFamily: "title";
+        readonly authoringEffect: "text-style";
+        readonly responsive: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly textAlign: {
+        readonly tokenFamily: "textAlign";
+        readonly authoringEffect: "text-alignment";
+        readonly addNoneasOmit: true;
+        readonly responsive: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly textSize: {
+        readonly tokenFamily: "textSize";
+        readonly authoringEffect: "text";
+        readonly responsive: true;
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 1;
+            readonly step: 1;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly textTransform: {
+        readonly tokenFamily: "textTransform";
+        readonly authoringEffect: "text";
+        readonly responsive: false;
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly fontWeight: {
+        readonly tokenFamily: "fontWeight";
+        readonly authoringEffect: "text";
+        readonly responsive: true;
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly fontFamily: {
+        readonly tokenFamily: "font";
+        readonly authoringEffect: "text";
+        readonly responsive: true;
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly leading: {
+        readonly tokenFamily: "leading";
+        readonly authoringEffect: "text";
+        readonly responsive: true;
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 0;
+            readonly step: 0.001;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly tracking: {
+        readonly tokenFamily: "tracking";
+        readonly authoringEffect: "text";
+        readonly responsive: true;
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly step: 0.001;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly shadow: {
+        readonly tokenFamily: "shadow";
+        readonly authoringEffect: "shadow";
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly shadowCompose: {
+        readonly tokenFamily: "shadowCompose";
+        readonly authoringEffect: "shadow";
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly shadowX1: {
+        readonly tokenFamily: "shadowOffset";
+        readonly authoringEffect: "shadow";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly step: 1;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly shadowY1: {
+        readonly tokenFamily: "shadowOffset";
+        readonly authoringEffect: "shadow";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly step: 1;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly shadowBlur1: {
+        readonly tokenFamily: "shadowBlur";
+        readonly authoringEffect: "shadow";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 0;
+            readonly step: 1;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly shadowSpread1: {
+        readonly tokenFamily: "shadowSpread";
+        readonly authoringEffect: "shadow";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly step: 1;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly shadowOpacity1: {
+        readonly tokenFamily: "shadowOpacity";
+        readonly authoringEffect: "shadow";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 0;
+            readonly max: 100;
+            readonly step: 1;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly shadowX2: {
+        readonly tokenFamily: "shadowOffset";
+        readonly authoringEffect: "shadow";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly step: 1;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly shadowY2: {
+        readonly tokenFamily: "shadowOffset";
+        readonly authoringEffect: "shadow";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly step: 1;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly shadowBlur2: {
+        readonly tokenFamily: "shadowBlur";
+        readonly authoringEffect: "shadow";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 0;
+            readonly step: 1;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly shadowSpread2: {
+        readonly tokenFamily: "shadowSpread";
+        readonly authoringEffect: "shadow";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly step: 1;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly shadowOpacity2: {
+        readonly tokenFamily: "shadowOpacity";
+        readonly authoringEffect: "shadow";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 0;
+            readonly max: 100;
+            readonly step: 1;
+        };
+        readonly private: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly shadowColor: {
+        readonly tokenFamily: "color";
+        readonly authoringEffect: "shadow";
+        readonly resolve: (v: string) => string;
+    };
+    readonly ring: {
+        readonly tokenFamily: "ringWidth";
+        readonly authoringEffect: "ring";
+        readonly authoringValue: {
+            readonly kind: "number";
+            readonly min: 0;
+            readonly step: 1;
+        };
+        readonly resolve: (v: string) => string;
+    };
+    readonly ringColor: {
+        readonly tokenFamily: "color";
+        readonly authoringEffect: "ring";
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly z: {
+        readonly tokenFamily: "zIndex";
+        readonly authoringEffect: "element";
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+    readonly inset: {
+        readonly tokenFamily: "inset";
+        readonly authoringEffect: "element";
+        readonly resolve: (v: string) => string;
+    };
+    readonly insetX: {
+        readonly tokenFamily: "inset";
+        readonly authoringEffect: "element";
+        readonly resolve: (v: string) => string;
+    };
+    readonly insetY: {
+        readonly tokenFamily: "inset";
+        readonly authoringEffect: "element";
+        readonly resolve: (v: string) => string;
+    };
+    readonly top: {
+        readonly tokenFamily: "inset";
+        readonly authoringEffect: "element";
+        readonly resolve: (v: string) => string;
+    };
+    readonly right: {
+        readonly tokenFamily: "inset";
+        readonly authoringEffect: "element";
+        readonly resolve: (v: string) => string;
+    };
+    readonly bottom: {
+        readonly tokenFamily: "inset";
+        readonly authoringEffect: "element";
+        readonly resolve: (v: string) => string;
+    };
+    readonly left: {
+        readonly tokenFamily: "inset";
+        readonly authoringEffect: "element";
+        readonly resolve: (v: string) => string;
+    };
+    readonly align: {
+        readonly tokenFamily: "align";
+        readonly authoringEffect: "alignment";
+        readonly resolve: (v: string) => string;
+    };
+    readonly aspect: {
+        readonly tokenFamily: "aspect";
+        readonly authoringEffect: "element";
+        readonly addNoneasOmit: true;
+        readonly resolve: (v: string) => string;
+    };
+};
+export type RuntimeDesignOp = keyof typeof OP_CONFIG & string;
+export type PublicDesignOp = {
+    [Op in RuntimeDesignOp]: (typeof OP_CONFIG)[Op] extends {
+        private: true;
+    } ? never : Op;
+}[RuntimeDesignOp] & string;
+export type DesignOp = PublicDesignOp;
+export declare const DESIGN_OPS: readonly RuntimeDesignOp[];
+export type RuntimeDesignOpAuthoringEffectMap = Readonly<Partial<Record<RuntimeDesignOp, AuthoringEffectKind>>>;
+export declare const AUTHORING_EFFECTS_BY_OP: RuntimeDesignOpAuthoringEffectMap;
+export declare const PUBLIC_DESIGN_OPS: PublicDesignOp[];
+export type DesignOpTokenFamily<Op extends RuntimeDesignOp> = (typeof OP_CONFIG)[Op]['tokenFamily'];
+export declare function getTokenFamilyForDesignOp<Op extends RuntimeDesignOp>(op: Op): DesignOpTokenFamily<Op>;