gd-design-library 0.0.1

package/tokens/display.d.ts

@@ -0,0 +1,15 @@
+export declare const display: {
+    flex: string;
+    grid: string;
+    block: string;
+    inline: string;
+    inlineBlock: string;
+    none: string;
+};
+export declare const flexAlignItems: {
+    start: string;
+    center: string;
+    end: string;
+    baseline: string;
+    stretch: string;
+};

package/tokens/flexContainer.d.ts

@@ -0,0 +1,7 @@
+export declare const flexContainer: {
+    default: {
+        display: string;
+        width: string;
+        margin: string;
+    };
+};

package/tokens/font.d.ts

@@ -0,0 +1,47 @@
+export declare const font: {
+    family: string;
+    weight: {
+        light: number;
+        normal: number;
+        medium: number;
+        bold: number;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+        p: string;
+        small: string;
+        caption: string;
+        sub: string;
+        sup: string;
+    };
+    line: {
+        height: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+            p: string;
+            small: string;
+            caption: string;
+            sub: string;
+            sup: string;
+        };
+    };
+};

package/tokens/form.d.ts

@@ -0,0 +1,3 @@
+export declare const form: {
+    default: {};
+};

package/tokens/icon.d.ts

@@ -0,0 +1,28 @@
+export declare const icon: {
+    size: {
+        xs: {
+            width: number;
+            height: number;
+        };
+        sm: {
+            width: number;
+            height: number;
+        };
+        md: {
+            width: number;
+            height: number;
+        };
+        lg: {
+            width: number;
+            height: number;
+        };
+        xl: {
+            width: number;
+            height: number;
+        };
+        xxl: {
+            width: number;
+            height: number;
+        };
+    };
+};