@yourdash/uikit 1.0.4 → 1.0.6

package/components/buttonLink/buttonLink.module.scss

@@ -8,7 +8,6 @@
 .component {
   font-family: var(#{$theme}#{$font}#{$family});
   text-align: center;
-  min-width: 6rem;
   padding: 0 var(#{$theme}#{$button}#{$padding}#{$horizontal});
   color: var(#{$theme}#{$button}#{$color});
   border: var(#{$theme}#{$button}#{$border});

package/components/buttonWithIcon/buttonWithIcon.module.scss

@@ -11,7 +11,6 @@
   justify-content: center;
   font-family: var(#{$theme}#{$font}#{$family});
   text-align: center;
-  min-width: 6rem;
   padding: 0 var(#{$theme}#{$button}#{$padding}#{$horizontal}) 0 0;
   color: var(#{$theme}#{$button}#{$color});
   border: var(#{$theme}#{$button}#{$border});

package/components/link/link.tsx

@@ -9,7 +9,7 @@ import { UKIcon } from "../icon/iconDictionary.ts";
 import styles from "./link.module.scss";
 import { FC } from "react";
 
-const Link: FC<{ text: string; to: string; className?: string; hideLinkIcon: boolean }> = (props) => {
+const Link: FC<{ text: string; to: string; className?: string; hideLinkIcon?: boolean }> = (props) => {
   return (
     <a
       href={props.to}

package/components/progressBar/progressBar.tsx

@@ -1,21 +1,29 @@
-/*
- * Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-
-import clippy from "@yourdash/shared/web/helpers/clippy.ts";
-import styles from "./progressBar.module.scss";
-import { FC } from "react";
-
-// TODO: rewrite this component to use the HTML progress bar
-const ProgressBar: FC<{ maxValue?: number; value: number; className?: string }> = ({ maxValue, value, className }) => {
-  return (
-    <progress
-      max={maxValue}
-      value={value}
-      className={className}
-    />
-  );
-};
-
-export default ProgressBar;
+/*
+ * Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+import clippy from "@yourdash/shared/web/helpers/clippy.ts";
+import styles from "./progressBar.module.scss";
+import { FC } from "react";
+
+// TODO: rewrite this component to use the HTML progress bar
+const ProgressBar: FC<{ maxValue?: number; value: number; className?: string; indeterminate?: boolean }> = ({
+  maxValue,
+  value,
+  className,
+  indeterminate,
+}) => {
+  return (
+    <>
+      <progress
+        max={maxValue}
+        value={value}
+        className={className}
+      />
+      {indeterminate && "This should be indeterminate"}
+    </>
+  );
+};
+
+export default ProgressBar;

package/components/redirect/redirect.tsx

@@ -1,17 +1,23 @@
-/*
- * Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-
-import { FC } from "react";
-import { useNavigate } from "react-router";
-
-const Redirect: FC<{ to: string | null }> = (props) => {
-  const navigate = useNavigate();
-
-  if (props.to !== null) navigate(props.to);
-
-  return <>Redirecting to {props.to}</>;
-};
-
-export default Redirect;
+/*
+ * Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+import { FC } from "react";
+import { useNavigate } from "react-router";
+import Card from "../card/card.tsx";
+import Text from "../text/text.tsx";
+
+const Redirect: FC<{ to: string | null }> = (props) => {
+  const navigate = useNavigate();
+
+  if (props.to !== null) navigate(props.to);
+
+  return (
+    <Card>
+      <Text text={`Redirecting to ${props.to}`} />
+    </Card>
+  );
+};
+
+export default Redirect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yourdash/uikit",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "license": "MIT",
   "type": "module",
   "engines": {

package/views/dialog/dialog.module.scss

@@ -0,0 +1,24 @@
+/*!
+ * Copyright ©2024 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    top: 25%;
+  }
+  to {
+    opacity: 1;
+    top: 50%;
+  }
+}
+
+.view {
+  display: flex;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  animation: forwards fadeIn 0.25s ease-in-out;
+}

package/views/dialog/dialog.tsx

@@ -0,0 +1,14 @@
+/*
+ * Copyright ©2024 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+
+import React from "react";
+import Card from "../../components/card/card.tsx";
+import styles from "./dialog.module.scss";
+
+const Dialog: React.FC<{ children: React.ReactNode | React.ReactNode[] }> = ({ children }) => {
+  return <Card containerClassName={styles.view}>{children}</Card>;
+};
+
+export default Dialog;