@guardian/stand 0.0.39 → 0.0.41

package/dist/styleD/build/typescript/component/button.d.cts

@@ -0,0 +1,401 @@
+//#region src/styleD/build/typescript/component/button.d.ts
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+declare const componentButton: {
+  shared: {
+    display: string;
+    webkitAppearance: string;
+    textAlign: string;
+    boxShadow: string;
+    cursor: string;
+    justifyContent: string;
+    alignItems: string;
+    textDecoration: string;
+    disabled: {
+      cursor: string;
+    };
+    focusVisible: {
+      outline: string;
+      outlineOffset: string;
+    };
+  };
+  primary: {
+    shared: {
+      color: string;
+      backgroundColor: string;
+      borderRadius: string;
+      border: string;
+      hover: {
+        backgroundColor: string;
+        border: string;
+      };
+      active: {
+        backgroundColor: string;
+        border: string;
+      };
+      disabled: {
+        color: string;
+        backgroundColor: string;
+        border: string;
+      };
+    };
+    xs: {
+      height: string;
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        withIcon: {
+          iconLeft: {
+            left: string;
+          };
+        };
+      };
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+      icon: {
+        size: string;
+        gap: string;
+      };
+      iconButton: {
+        width: string;
+      };
+    };
+    sm: {
+      height: string;
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        withIcon: {
+          iconLeft: {
+            left: string;
+          };
+        };
+      };
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+      icon: {
+        size: string;
+        gap: string;
+      };
+      iconButton: {
+        width: string;
+      };
+    };
+    md: {
+      height: string;
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        withIcon: {
+          iconLeft: {
+            left: string;
+          };
+        };
+      };
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+      icon: {
+        size: string;
+        gap: string;
+      };
+      iconButton: {
+        width: string;
+      };
+    };
+    lg: {
+      height: string;
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        withIcon: {
+          iconLeft: {
+            left: string;
+          };
+        };
+      };
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+      icon: {
+        size: string;
+        gap: string;
+      };
+      iconButton: {
+        width: string;
+      };
+    };
+  };
+  secondary: {
+    shared: {
+      color: string;
+      backgroundColor: string;
+      borderRadius: string;
+      border: string;
+      hover: {
+        backgroundColor: string;
+        border: string;
+      };
+      active: {
+        backgroundColor: string;
+        border: string;
+      };
+      disabled: {
+        color: string;
+        backgroundColor: string;
+        border: string;
+      };
+    };
+    xs: {
+      height: string;
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        withIcon: {
+          iconLeft: {
+            left: string;
+          };
+        };
+      };
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+      icon: {
+        size: string;
+        gap: string;
+      };
+      iconButton: {
+        width: string;
+      };
+    };
+    sm: {
+      height: string;
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        withIcon: {
+          iconLeft: {
+            left: string;
+          };
+        };
+      };
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+      icon: {
+        size: string;
+        gap: string;
+      };
+      iconButton: {
+        width: string;
+      };
+    };
+    md: {
+      height: string;
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        withIcon: {
+          iconLeft: {
+            left: string;
+          };
+        };
+      };
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+      icon: {
+        size: string;
+        gap: string;
+      };
+      iconButton: {
+        width: string;
+      };
+    };
+    lg: {
+      height: string;
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        withIcon: {
+          iconLeft: {
+            left: string;
+          };
+        };
+      };
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+      icon: {
+        size: string;
+        gap: string;
+      };
+      iconButton: {
+        width: string;
+      };
+    };
+  };
+  tertiary: {
+    shared: {
+      color: string;
+      backgroundColor: string;
+      borderRadius: string;
+      border: string;
+      hover: {
+        backgroundColor: string;
+        border: string;
+      };
+      active: {
+        backgroundColor: string;
+        border: string;
+      };
+      disabled: {
+        color: string;
+        backgroundColor: string;
+        border: string;
+      };
+    };
+    xs: {
+      height: string;
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        withIcon: {
+          iconLeft: {
+            left: string;
+          };
+        };
+      };
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+      icon: {
+        size: string;
+        gap: string;
+      };
+      iconButton: {
+        width: string;
+      };
+    };
+    sm: {
+      height: string;
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        withIcon: {
+          iconLeft: {
+            left: string;
+          };
+        };
+      };
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+      icon: {
+        size: string;
+        gap: string;
+      };
+      iconButton: {
+        width: string;
+      };
+    };
+    md: {
+      height: string;
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        withIcon: {
+          iconLeft: {
+            left: string;
+          };
+        };
+      };
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+      icon: {
+        size: string;
+        gap: string;
+      };
+      iconButton: {
+        width: string;
+      };
+    };
+    lg: {
+      height: string;
+      padding: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+        withIcon: {
+          iconLeft: {
+            left: string;
+          };
+        };
+      };
+      typography: {
+        font: string;
+        letterSpacing: string;
+        fontWidth: number;
+      };
+      icon: {
+        size: string;
+        gap: string;
+      };
+      iconButton: {
+        width: string;
+      };
+    };
+  };
+};
+type ComponentButton = typeof componentButton;
+//#endregion
+export { ComponentButton, componentButton };