@ctlyst.id/voila-ui 1.0.0

package/dist/types/layouts/stack/utils.d.ts

@@ -0,0 +1,10 @@
+declare const directionToFlexDirectionLookup: {
+    readonly horizontal: "row";
+    readonly vertical: "column";
+    readonly horizontalReverse: "row-reverse";
+    readonly verticalReverse: "column-reverse";
+};
+export type Direction = keyof typeof directionToFlexDirectionLookup;
+export declare const directionToFlexDirection: (direction?: Direction) => "row" | "column" | "column-reverse" | "row-reverse" | undefined;
+export declare const wrapToFlexWrap: (wrap?: boolean) => "nowrap" | "wrap" | undefined;
+export {};

package/dist/types/layouts/text/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Text } from './text';
+export * from './text';

package/dist/types/layouts/text/text.css.d.ts

@@ -0,0 +1,72 @@
+import type { RecipeVariants } from '@vanilla-extract/recipes';
+export declare const textRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        heading1: {
+            readonly fontSize: "48px";
+            readonly fontWeight: "700";
+            readonly lineHeight: "56px";
+            readonly letterSpacing: "0px";
+        };
+        heading2: {
+            readonly fontSize: "40px";
+            readonly fontWeight: "700";
+            readonly lineHeight: "48px";
+            readonly letterSpacing: "0px";
+        };
+        heading3: {
+            readonly fontSize: "32px";
+            readonly fontWeight: "700";
+            readonly lineHeight: "40px";
+            readonly letterSpacing: "0px";
+        };
+        heading4: {
+            readonly fontSize: "24px";
+            readonly fontWeight: "700";
+            readonly lineHeight: "32px";
+            readonly letterSpacing: "0px";
+        };
+        heading5: {
+            readonly fontSize: "20px";
+            readonly fontWeight: "700";
+            readonly lineHeight: "28px";
+            readonly letterSpacing: "0px";
+        };
+        heading6: {
+            readonly fontSize: "16px";
+            readonly fontWeight: "700";
+            readonly lineHeight: "24px";
+            readonly letterSpacing: "0px";
+        };
+        subtitle1: {
+            readonly fontSize: "20px";
+            readonly lineHeight: "32px";
+            readonly letterSpacing: "0px";
+        };
+        subtitle2: {
+            readonly fontSize: "18px";
+            readonly lineHeight: "24px";
+            readonly letterSpacing: "0px";
+        };
+        body1: {
+            readonly fontSize: "16px";
+            readonly lineHeight: "24px";
+            readonly letterSpacing: "0px";
+        };
+        body2: {
+            readonly fontSize: "14px";
+            readonly lineHeight: "20px";
+            readonly letterSpacing: "0px";
+        };
+        caption: {
+            readonly fontSize: "12px";
+            readonly lineHeight: "16px";
+            readonly letterSpacing: "0px";
+        };
+        footer: {
+            readonly fontSize: "10px";
+            readonly lineHeight: "16px";
+            readonly letterSpacing: "0.5px";
+        };
+    };
+}>;
+export type TextRecipe = RecipeVariants<typeof textRecipe>;