@yourdash/uikit 1.0.41 → 1.0.43

package/src/components/link/link.module.css

@@ -0,0 +1,33 @@
+@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/src/components/link/link.module.css.map

@@ -0,0 +1 @@
+{"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/src/components/link/link.module.scss

@@ -0,0 +1,36 @@
+/*!
+ * 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/src/components/progressBar/UKProgressBar.tsx

@@ -0,0 +1,29 @@
+/*
+ * 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 "@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 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/src/components/progressBar/progressBar.module.css

@@ -0,0 +1,29 @@
+@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/src/components/progressBar/progressBar.module.css.map

@@ -0,0 +1 @@
+{"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/src/components/progressBar/progressBar.module.scss

@@ -0,0 +1,25 @@
+/*!
+ * 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/src/components/redirect/UKRedirect.tsx

@@ -0,0 +1,23 @@
+/*
+ * 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/src/components/separator/UKSeparator.tsx

@@ -0,0 +1,14 @@
+/*
+ * 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 "@yourdash/shared/web/helpers/clippy.ts";
+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/src/components/separator/separator.module.css

@@ -0,0 +1,40 @@
+@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/src/components/separator/separator.module.css.map

@@ -0,0 +1 @@
+{"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/src/components/separator/separator.module.scss

@@ -0,0 +1,38 @@
+/*!
+ * 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/src/components/spinner/UKSpinner.tsx

@@ -0,0 +1,31 @@
+/*
+ * 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 "@yourdash/shared/web/helpers/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/src/components/spinner/spinner.module.css

@@ -0,0 +1,93 @@
+@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/src/components/spinner/spinner.module.css.map

@@ -0,0 +1 @@
+{"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/src/components/spinner/spinner.module.scss

@@ -0,0 +1,88 @@
+@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/src/components/subtext/UKSubtext.tsx

@@ -0,0 +1,14 @@
+/*
+ * 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 "@yourdash/shared/web/helpers/clippy.ts";
+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/src/components/subtext/subtext.module.css

@@ -0,0 +1,21 @@
+@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/src/components/subtext/subtext.module.css.map

@@ -0,0 +1 @@
+{"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/src/components/subtext/subtext.module.scss

@@ -0,0 +1,17 @@
+/*!
+ * 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/src/components/tag/UKTag.tsx

@@ -0,0 +1,21 @@
+/*
+ * 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 "@yourdash/shared/web/helpers/clippy.ts";
+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/src/components/tag/tag.module.css

@@ -0,0 +1,17 @@
+@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/src/components/tag/tag.module.css.map

@@ -0,0 +1 @@
+{"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/src/components/tag/tag.module.scss

@@ -0,0 +1,13 @@
+/*!
+ * 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/src/components/text/UKText.tsx

@@ -0,0 +1,14 @@
+/*
+ * 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 "@yourdash/shared/web/helpers/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;

package/src/components/text/text.module.css

@@ -0,0 +1,17 @@
+@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=text.module.css.map */

package/src/components/text/text.module.css.map

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

package/src/components/text/text.module.scss

@@ -0,0 +1,13 @@
+/*!
+ * 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});
+}