@yourdash/uikit 0.1.13 → 0.1.15

package/lib/components/link/UKLink.tsx

@@ -1,29 +0,0 @@
-/*
- * Copyright ©2025 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 "../../core/clippy.ts";
-import UKIcon from "../icon/UKIcon.tsx";
-import { UKIcons } from "../../core/iconDictionary.ts";
-import styles from "./link.module.scss";
-import { FC } from "react";
-
-const UKLink: FC<{ text: string; to: string; className?: string; hideLinkIcon?: boolean }> = (props) => {
-  return (
-    <a
-      href={props.to}
-      className={clippy(styles.component, props.className)}
-    >
-      {props.text}
-      {!props.hideLinkIcon && (
-        <UKIcon
-          icon={UKIcons.Link}
-          className={styles.icon}
-        />
-      )}
-    </a>
-  );
-};
-
-export default UKLink;

package/lib/components/link/link.module.css

@@ -1,33 +0,0 @@
-@charset "UTF-8";
-/*!
- * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-/*!
- * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
- */
-.component {
-  display: inline-block;
-  cursor: pointer;
-  text-decoration: underline;
-  font-weight: var(--utfontwgt);
-  font-size: var(--utfontsize);
-  font-family: var(--utfontfam);
-  color: var(--utacn);
-  transition: var(--utbtntrans);
-}
-.component:hover {
-  text-decoration: none;
-  color: var(--utacn);
-  opacity: 0.8;
-  transition: var(--utbtnhvrtrans);
-}
-.component:active {
-  text-decoration: none;
-  color: var(--utacn);
-  opacity: 1;
-  transition: var(--utbtnatvtrans);
-}
-
-/*# sourceMappingURL=link.module.css.map */

package/lib/components/link/link.module.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["link.module.scss","../../theme/themeValues.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;ADOA;EACE;EACA;EACE;EAEF;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA","file":"link.module.css"}

package/lib/components/link/link.module.scss

@@ -1,36 +0,0 @@
-/*!
- * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-
-@use "../../theme/themeValues.scss" as *;
-
-.component {
-  display: inline-block;
-  cursor: pointer;
-    text-decoration: underline;
-
-  font-weight: var(#{$theme+$font+$weight});
-  font-size: var(#{$theme+$font+$size});
-  font-family: var(#{$theme+$font+$family});
-  color: rgb(var(#{$theme+$accent}));
-  transition: var(#{$theme+$button+$transition});
-
-  &:hover {
-    text-decoration: none;
-    color: rgb(var(#{$theme+$accent}));
-    opacity: 0.8;
-    transition: var(#{$theme+$button+$hover+$transition});
-  }
-
-  &:active {
-    text-decoration: none;
-    color: rgb(var(#{$theme+$accent}));
-    opacity: 1;
-    transition: var(#{$theme+$button+$active+$transition});
-  }
-}
-
-.icon {
-
-}

package/lib/components/progressBar/UKProgressBar.tsx

@@ -1,29 +0,0 @@
-/*
- * Copyright ©2025 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 "../../core/clippy.ts";
-import styles from "./progressBar.module.scss";
-import { FC } from "react";
-
-// TODO: rewrite this component to use the HTML progress bar
-const UKProgressBar: 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 UKProgressBar;

package/lib/components/progressBar/progressBar.module.css

@@ -1,29 +0,0 @@
-@charset "UTF-8";
-/*!
- * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-/*!
- * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
- */
-.component {
-  padding: var(--utpdn);
-  border: var(--utbrd);
-  border-radius: var(--utrad);
-  background-color: var(--utbgn);
-  user-select: none;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-}
-
-.bar {
-  background: var(--utacn);
-  width: var(--ukcomp-progress);
-  height: 1rem;
-  transition: var(--uttrans);
-}
-
-/*# sourceMappingURL=progressBar.module.css.map */

package/lib/components/progressBar/progressBar.module.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["progressBar.module.scss","../../theme/themeValues.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;ADOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA","file":"progressBar.module.css"}

package/lib/components/progressBar/progressBar.module.scss

@@ -1,25 +0,0 @@
-/*!
- * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-
-@use "../../theme/themeValues.scss" as *;
-
-.component {
-  padding: var(#{$theme+$padding});
-  border: var(#{$theme+$border});
-  border-radius: var(#{$theme+$radius});
-  background-color: rgb(var(#{$theme+$background}));
-  user-select: none;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-}
-
-.bar {
-  background: rgb(var(#{$theme+$accent}));
-  width: var(--ukcomp-progress);
-  height: 1rem;
-  transition: var(#{$theme+$transition});
-}

package/lib/components/redirect/UKRedirect.tsx

@@ -1,23 +0,0 @@
-/*
- * Copyright ©2025 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 UKCard from "../card/UKCard.tsx";
-import UKText from "../text/UKText.tsx";
-
-const UKRedirect: FC<{ to: string | null }> = (props) => {
-  const navigate = useNavigate();
-
-  if (props.to !== null) navigate(props.to);
-
-  return (
-    <UKCard>
-      <UKText text={`Redirecting to ${props.to}`} />
-    </UKCard>
-  );
-};
-
-export default UKRedirect;

package/lib/components/separator/UKSeparator.tsx

@@ -1,14 +0,0 @@
-/*
- * Copyright ©2025 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 "../../core/clippy.js";
-import styles from "./separator.module.scss";
-import { FC } from "react";
-
-const UKSeparator: FC<{ direction: "column" | "row"; disableMargin?: boolean }> = (props) => {
-  return <div className={clippy(styles.component, styles[props.direction], props.disableMargin && styles.disableMargin)} />;
-};
-
-export default UKSeparator;

package/lib/components/separator/separator.module.css

@@ -1,40 +0,0 @@
-@charset "UTF-8";
-/*!
- * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-/*!
- * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
- */
-.component {
-  display: flex;
-  border: var(--utbrd);
-  border-radius: var(--utrad);
-}
-
-.row {
-  width: 0;
-  height: calc(100% - (var(--utgap)) * 2);
-  margin: var(--utgap);
-  border-left: none;
-}
-.row.disableMargin {
-  height: 100%;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.column {
-  width: calc(100% - (var(--utgap)) * 2);
-  height: 0;
-  margin: var(--utgap);
-  border-bottom: none;
-}
-.column.disableMargin {
-  width: 100%;
-  margin-left: 0;
-  margin-right: 0;
-}
-
-/*# sourceMappingURL=separator.module.css.map */

package/lib/components/separator/separator.module.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["separator.module.scss","../../theme/themeValues.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;ADOA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA","file":"separator.module.css"}

package/lib/components/separator/separator.module.scss

@@ -1,38 +0,0 @@
-/*!
- * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-
-@use "../../theme/themeValues.scss" as *;
-
-.component {
-  display: flex;
-  border: var(#{$theme}#{$border});
-  border-radius: var(#{$theme}#{$radius});
-}
-
-.row {
-  width: 0;
-  height: calc(100% - calc(var(#{$theme}#{$gap})) * 2);
-  margin: var(#{$theme}#{$gap});
-  border-left: none;
-
-  &.disableMargin {
-    height: 100%;
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-}
-
-.column {
-  width: calc(100% - calc(var(#{$theme}#{$gap})) * 2);
-  height: 0;
-  margin: var(#{$theme}#{$gap});
-  border-bottom: none;
-
-  &.disableMargin {
-    width: 100%;
-    margin-left: 0;
-    margin-right: 0;
-  }
-}

package/lib/components/spinner/UKSpinner.tsx

@@ -1,31 +0,0 @@
-/*
- * Copyright ©2025 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 "../../core/clippy.ts";
-import styles from "./spinner.module.scss";
-import { FC } from "react";
-
-const UKSpinner: FC<{
-  // eslint-disable-next-line
-  style?: any;
-}> = (props) => {
-  return (
-    <div
-      className={styles.component}
-      style={props.style}
-    >
-      <section className={styles.container}>
-        <div className={styles.spinnerBorder} />
-        <div className={styles.spinnerBack} />
-        <div className={styles.spinnerCutoutContainer}>
-          <div className={clippy(styles.spinnerCutoutOne, styles.spinnerCutout)} />
-          <div className={clippy(styles.spinnerCutoutTwo, styles.spinnerCutout)} />
-        </div>
-      </section>
-    </div>
-  );
-};
-
-export default UKSpinner;

package/lib/components/spinner/spinner.module.css

@@ -1,93 +0,0 @@
-@charset "UTF-8";
-/*!
- * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
- */
-.component {
-  padding: var(--utpdn);
-  border: var(--utbrd);
-  border-radius: var(--utrad);
-  background-color: var(--utbgn);
-  user-select: none;
-  position: relative;
-  width: 8rem;
-  aspect-ratio: 1/1;
-}
-
-.container {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  aspect-ratio: 1/1;
-  rotate: 135deg;
-  animation: 1.1s infinite ease-in-out infiniteSpin;
-}
-
-.spinnerBack {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  height: 3rem;
-  aspect-ratio: 1/1;
-  border-radius: 100rem;
-  background: rgba(0, 0, 0, 0.4666666667);
-}
-
-.spinnerBorder {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  height: 3.5rem;
-  aspect-ratio: 1/1;
-  border-radius: 100rem;
-  background: var(--utacn);
-}
-
-.spinnerCutoutContainer {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  height: 3.5rem;
-  aspect-ratio: 1/1;
-  border-radius: 100rem;
-}
-
-.spinnerCutout {
-  position: absolute;
-  height: 1.75rem;
-  aspect-ratio: 1/1;
-  background: var(--utbgn);
-}
-
-.spinnerCutoutOne {
-  top: 0;
-  left: 0;
-}
-
-.spinnerCutoutTwo {
-  bottom: 0;
-  right: 0;
-}
-
-@keyframes infiniteSpin {
-  0% {
-    transform: rotate(0deg);
-  }
-  50% {
-    transform: rotate(200deg);
-  }
-  70% {
-    transform: rotate(175deg);
-  }
-  80% {
-    transform: rotate(180deg);
-  }
-  100% {
-    transform: rotate(180deg);
-  }
-}
-
-/*# sourceMappingURL=spinner.module.css.map */

package/lib/components/spinner/spinner.module.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../theme/themeValues.scss","spinner.module.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE","file":"spinner.module.css"}

package/lib/components/spinner/spinner.module.scss

@@ -1,88 +0,0 @@
-@use "../../theme/themeValues.scss" as *;
-
-.component {
-  padding: var(#{$theme+$padding});
-  border: var(#{$theme+$border});
-  border-radius: var(#{$theme+$radius});
-  background-color: rgb(var(#{$theme+$background}));
-  user-select: none;
-  position: relative;
-  width: 8rem;
-  aspect-ratio: 1 / 1;
-}
-
-.container {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  aspect-ratio: 1 / 1;
-  rotate: 135deg;
-  animation: 1.1s infinite ease-in-out infiniteSpin;
-}
-
-.spinnerBack {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  height: 3rem;
-  aspect-ratio: 1 / 1;
-  border-radius: 100rem;
-  background: #00000077;
-}
-
-.spinnerBorder {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  height: 3.5rem;
-  aspect-ratio: 1 / 1;
-  border-radius: 100rem;
-  background: rgb(var(#{$theme+$accent}));
-}
-
-.spinnerCutoutContainer {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  height: 3.5rem;
-  aspect-ratio: 1 / 1;
-  border-radius: 100rem;
-}
-
-.spinnerCutout {
-  position: absolute;
-  height: 1.75rem;
-  aspect-ratio: 1 / 1;
-  background: rgb(var(#{$theme+$background}));
-}
-
-.spinnerCutoutOne {
-  top: 0;
-  left: 0;
-}
-
-.spinnerCutoutTwo {
-  bottom: 0;
-  right: 0;
-}
-
-@keyframes infiniteSpin {
-  0% {
-    transform: rotate(0deg);
-  }
-  50% {
-    transform: rotate(200deg);
-  }
-  70% {
-    transform: rotate(175deg);
-  }
-  80% {
-    transform: rotate(180deg);
-  }
-  100% {
-    transform: rotate(180deg);
-  }
-}

package/lib/components/subtext/UKSubtext.tsx

@@ -1,14 +0,0 @@
-/*
- * Copyright ©2025 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 "../../core/clippy";
-import styles from "./subtext.module.scss";
-import { FC } from "react";
-
-const UKSubtext: FC<{ text: string; className?: string }> = (props) => {
-  return <div className={clippy(styles.component, props.className)}>{props.text}</div>;
-};
-
-export default UKSubtext;

package/lib/components/subtext/subtext.module.css

@@ -1,21 +0,0 @@
-@charset "UTF-8";
-/*!
- * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-/*!
- * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
- */
-.component {
-  color: var(--utscl);
-  display: inline-block;
-}
-
-.levelDefault {
-  font-weight: var(--utfontwgt);
-  font-size: var(--utfontsize);
-  font-family: var(--utfontfam);
-}
-
-/*# sourceMappingURL=subtext.module.css.map */

package/lib/components/subtext/subtext.module.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["subtext.module.scss","../../theme/themeValues.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;ADOA;EACE;EACA;;;AAGF;EACE;EACA;EACA","file":"subtext.module.css"}

package/lib/components/subtext/subtext.module.scss

@@ -1,17 +0,0 @@
-/*!
- * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-
-@use "../../theme/themeValues.scss" as *;
-
-.component {
-  color: var(#{$theme+$subcolor});
-  display: inline-block;
-}
-
-.levelDefault {
-  font-weight: var(#{$theme}#{$font}#{$weight});
-  font-size: var(#{$theme}#{$font}#{$size});
-  font-family: var(#{$theme}#{$font}#{$family});
-}

package/lib/components/tag/UKTag.tsx

@@ -1,21 +0,0 @@
-/*
- * Copyright ©2025 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 "../../core/clippy.js";
-import styles from "./tag.module.scss";
-import { FC } from "react";
-
-const UKTag: FC<{ text: string; color: string; className?: string }> = (props) => {
-  return (
-    <div
-      className={clippy(styles.component, props.className)}
-      style={{ backgroundColor: props.color }}
-    >
-      {props.text}
-    </div>
-  );
-};
-
-export default UKTag;

package/lib/components/tag/tag.module.css

@@ -1,17 +0,0 @@
-@charset "UTF-8";
-/*!
- * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-/*!
- * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
- */
-.component {
-  display: inline-block;
-  font-weight: var(--utfontwgt);
-  font-size: var(--utfontsize);
-  font-family: var(--utfontfam);
-}
-
-/*# sourceMappingURL=tag.module.css.map */

package/lib/components/tag/tag.module.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["tag.module.scss","../../theme/themeValues.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;ADOA;EACE;EACA;EACA;EACA","file":"tag.module.css"}

package/lib/components/tag/tag.module.scss

@@ -1,13 +0,0 @@
-/*!
- * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-
-@use "../../theme/themeValues.scss" as *;
-
-.component {
-  display: inline-block;
-  font-weight: var(#{$theme+$font+$weight});
-  font-size: var(#{$theme+$font+$size});
-  font-family: var(#{$theme+$font+$family});
-}

package/lib/components/text/UKText.tsx

@@ -1,14 +0,0 @@
-/*
- * Copyright ©2025 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 "../../core/clippy.ts";
-import styles from "./text.module.scss";
-import { FC } from "react";
-
-const UKText: FC<{ text: string; className?: string }> = (props) => {
-  return <div className={clippy(styles.component, props.className)}>{props.text}</div>;
-};
-
-export default UKText;