@atlrdsgn/kit

export type KitMaps = typeof kitMaps; export type KitMapObjects = keyof KitMaps; export declare const kitMaps: { readonly text: { /** * * These are all common text styles. * They align specific kit tokens with a particular style. * * For instance, using text.SIZE.[size] will yield a style object * covering both the font size and line height. * * This is useful for keeping a style across multiple elements/components tight. * We can also map our entire colour library to text.COLOUR.[colour[X]]. lovely. * * Further usage could be explored, this requires additional consideration. */ readonly FAMILY: { readonly system: { readonly fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly inter: { readonly fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly mono: { readonly fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; }; readonly SIZE: { readonly xs: { readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly sm: { readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly md: { readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly lg: { readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly xl: { readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly xxl: { readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly '3xl': { readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly '4xl': { readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly '5xl': { readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly '6xl': { readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly '7xl': { readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly '8xl': { readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly '9xl': { readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; }; readonly WEIGHT: { readonly superlite: { readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly lite: { readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly normal: { readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly medium: { readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly semibold: { readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly bold: { readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly heavy: { readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; readonly black: { readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; }; readonly ALIGNMENT: { readonly left: { readonly textAlign: "left"; }; readonly center: { readonly textAlign: "center"; }; readonly right: { readonly textAlign: "right"; }; }; readonly CASING: { readonly none: { readonly textTransform: "none"; }; readonly uppercase: { readonly textTransform: "uppercase"; }; readonly lowercase: { readonly textTransform: "lowercase"; }; readonly capitalize: { readonly textTransform: "capitalize"; }; }; readonly COLOUR: { readonly transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly current: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly jade0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly jade1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly jade2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly jade3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly jade4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly jade5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly jade6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly jade7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly jade8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly jade9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly jade10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly jade11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly jade12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly sapphire0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly sapphire1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly sapphire2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly sapphire3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly sapphire4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly sapphire5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly sapphire6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly sapphire7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly sapphire8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly sapphire9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly sapphire10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly sapphire11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly sapphire12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly orange0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly orange1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly orange2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly orange3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly orange4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly orange5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly orange6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly orange7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly orange8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly orange9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly orange10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly orange11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly orange12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly mauve1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly mauve2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly mauve3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly mauve4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly mauve5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly mauve6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly mauve7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly mauve8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly mauve9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly mauve10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly mauve11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly mauve12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly whiteA0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly whiteA1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly whiteA2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly whiteA3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly whiteA4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly whiteA5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly whiteA6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly whiteA7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly whiteA8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly whiteA9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly whiteA10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly whiteA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly whiteA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly blackA0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly blackA1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly blackA2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly blackA3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly blackA4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly blackA5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly blackA6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly blackA7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly blackA8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly blackA9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly blackA10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly blackA11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly blackA12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly carbon0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly carbon1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly carbon2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly carbon3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly carbon4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly carbon5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly carbon6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly carbon7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly carbon8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly carbon9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly carbon10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly carbon11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly carbon12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly slate0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly slate1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly slate2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly slate3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly slate4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly slate5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly slate6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly slate7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly slate8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly slate9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly slate10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly slate11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly slate12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly azure0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly azure1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly azure2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly azure3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly azure4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly azure5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly azure6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly azure7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly azure8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly azure9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly azure10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly azure11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly azure12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lime0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lime1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lime2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lime3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lime4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lime5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lime6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lime7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lime8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lime9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lime10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lime11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly lime12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly hyper0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly hyper1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly hyper2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly hyper3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly hyper4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly hyper5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly hyper6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly hyper7: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly hyper8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly hyper9: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly hyper10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly hyper11: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; readonly hyper12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; }; }; readonly space: {}; }; //# sourceMappingURL=style.maps.d.ts.map