@yourdash/uikit 0.1.14 → 0.1.16

package/lib/core/toasts/toast.module.scss

@@ -1,71 +0,0 @@
-/*!
- * Copyright ©2025 Ewsgit<https://ewsgit.uk> and YourDash<https://yourdash.ewsgit.uk> contributors.
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
- */
-
-.container {
-  position: fixed;
-  top: 0;
-  right: 0;
-  z-index: 10000;
-  text-align: start;
-  opacity: 0.75;
-  overflow: hidden;
-  pointer-events: none;
-  gap: 0.25rem;
-  display: flex;
-  flex-direction: column;
-}
-
-.component {
-  border-radius: 0.5rem;
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  pointer-events: none;
-  backdrop-filter: blur(1rem);
-  max-width: 32rem;
-  margin-right: 0.5rem;
-
-  &:first-child {
-    margin-top: 0.5rem;
-  }
-}
-
-.cardContent {
-  gap: 0;
-  padding: 0.25rem;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  margin-right: -0.5rem;
-}
-
-.success {
-  border-right: 0.5rem solid #2ea967;
-}
-
-.error {
-  border-right: 0.5rem solid #ff4500;
-}
-
-.warning {
-  border-right: 0.5rem solid #daa520;
-}
-
-.info {
-  border-right: 0.5rem solid #00b8ff;
-}
-
-.heading {
-  text-align: left;
-  line-height: 1;
-  padding-top: 0.25rem;
-}
-
-.body {
-
-}
-
-.pointerEvents {
-  pointer-events: all;
-}

package/lib/core/toasts/toast.ts

@@ -1,12 +0,0 @@
-/*
- * Copyright ©2025 Ewsgit<https://ewsgit.uk> and YourDash<https://yourdash.ewsgit.uk> contributors.
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
- */
-
-import type IToastAction from "./toastAction.ts";
-
-export default interface IToast {
-  type: "success" | "error" | "warning" | "info" | "debug";
-  content: { title: string; body: string; actions?: IToastAction[] };
-  persist?: boolean;
-}

package/lib/core/toasts/toastAction.ts

@@ -1,12 +0,0 @@
-/*
- * Copyright ©2025 Ewsgit<https://ewsgit.uk> and YourDash<https://yourdash.ewsgit.uk> contributors.
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
- */
-
-import { UKIconType } from "../iconDictionary.ts";
-
-export default interface IToastAction {
-  label: string;
-  icon?: UKIconType;
-  onClick: () => void;
-}

package/lib/core/toasts/toastContext.ts

@@ -1,16 +0,0 @@
-/*
- * Copyright ©2025 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 IToast from "./toast.ts";
-
-const ToastContext = React.createContext({
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  showToast: (data: IToast) => {
-    /* empty */
-  },
-});
-
-export default ToastContext;

package/lib/core/toasts/toasts.tsx

@@ -1,96 +0,0 @@
-/*
- * Copyright ©2025 Ewsgit<https://ewsgit.uk> and YourDash<https://yourdash.ewsgit.uk> contributors.
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
- */
-
-import UKHeading from "../../components/heading/UKHeading.tsx";
-import UKSeparator from "../../components/separator/UKSeparator.tsx";
-import type ToastInterface from "./toast.ts";
-import clippy from "../../core/clippy.ts";
-import { FC, useState } from "react";
-import UKCard from "../../components/card/UKCard.tsx";
-import { UKIcons } from "../iconDictionary.ts";
-import UKIconButton from "../../components/iconButton/UKIconButton.tsx";
-import UKText from "../../components/text/UKText.tsx";
-import ToastContext from "./toastContext.ts";
-import * as React from "react";
-import styles from "./toast.module.scss";
-import generateUUID from "../uuid.ts";
-
-const TOAST_DISPLAY_TIME = 5000;
-
-const Toasts: FC<{ children: React.ReactNode | React.ReactNode[] }> = ({ children }) => {
-  const [toasts, setToasts] = useState<(ToastInterface & { uuid: string; animatingOut: boolean })[]>([]);
-
-  return (
-    <ToastContext.Provider
-      value={{
-        showToast: (data: ToastInterface) => {
-          const uuid = generateUUID();
-
-          setToasts((t) => [...t, { ...data, uuid: uuid, animatingOut: false }]);
-
-          if (!data.persist) {
-            setTimeout(() => {
-              setToasts((t) =>
-                t.map((toast) => {
-                  if (uuid === toast.uuid) {
-                    return {
-                      ...toast,
-                      animatingOut: true,
-                    };
-                  }
-
-                  return toast;
-                }),
-              );
-            }, TOAST_DISPLAY_TIME - 500);
-
-            setTimeout(() => {
-              setToasts((t) => t.filter((toast) => toast.uuid !== uuid));
-            }, TOAST_DISPLAY_TIME);
-          }
-        },
-      }}
-    >
-      <div className={styles.container}>
-        {toasts.map((t) => {
-          return (
-            <UKCard
-              key={t.uuid}
-              actions={
-                t.persist ? (
-                  <UKIconButton
-                    accessibleLabel={"Close toasts"}
-                    icon={UKIcons.X}
-                    onClick={() => setToasts((toasts) => toasts.filter((x) => x.uuid !== t.uuid))}
-                  />
-                ) : null
-              }
-              className={clippy(styles.cardContent, t.type && styles[t.type])}
-              containerClassName={clippy(
-                styles.component,
-                t.persist && styles.pointerEvents,
-                t.animatingOut ? "animate__animated animate__fadeOutRightBig" : "animate__animated animate__fadeInDown",
-              )}
-            >
-              <UKHeading
-                className={styles.heading}
-                level={3}
-                text={t.content.title}
-              />
-              <UKSeparator direction={"column"} />
-              <UKText
-                className={styles.body}
-                text={t.content.body}
-              />
-            </UKCard>
-          );
-        })}
-      </div>
-      {children}
-    </ToastContext.Provider>
-  );
-};
-
-export default Toasts;

package/lib/core/toasts/useToast.ts

@@ -1,18 +0,0 @@
-/*
- * Copyright ©2025 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 IToast from "./toast.ts";
-import ToastContext from "./toastContext.ts";
-
-export default function useToasts() {
-  const toastCtx = React.useContext(ToastContext);
-
-  return {
-    create(data: IToast) {
-      toastCtx.showToast(data);
-    },
-  };
-}

package/lib/core/utils.ts

@@ -1,4 +0,0 @@
-export { default as generateUUID } from "./uuid.js"
-export { default as isPhone } from "./isPhone.js"
-export { default as remToPx } from "./remToPx.js"
-export { default as clippy } from "./clippy.js"

package/lib/core/uuid.ts

@@ -1,12 +0,0 @@
-/*
- * Copyright ©2025 @Ewsgit and YourDash contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-
-export default function generateUUID(): `${string}-${string}-${string}-${string}-${string}` {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
-    const r = (Math.random() * 16) | 0,
-      v = c == "x" ? r : (r & 0x3) | 0x8;
-    return v.toString(16);
-  }) as `${string}-${string}-${string}-${string}-${string}`;
-}

package/lib/theme/defaultTheme.module.css

@@ -1,297 +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)
- */
-/*!
- * 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)
- */
-.theme {
-  overflow-x: hidden;
-  overflow-y: auto;
-  height: 100%;
-  background: var(--utbgn);
-  --ut-author: "Ewsgit";
-  --ut-name: "YourDash Classic Dark";
-  --ut-version: "0.0.1";
-}
-.theme ::-webkit-scrollbar {
-  width: var(--utscrlbrwid);
-  border-radius: 0;
-}
-.theme ::-webkit-scrollbar-thumb {
-  border-radius: var(--utscrlbrrad);
-}
-
-.level0 {
-  color: var(--utcol);
-  --utcol: #ffffff;
-  --utscl: #bbbbbb;
-  --utbgn: #222222;
-  --utacn: #768ce7;
-  --utbrd: 1px solid #555555;
-  --utrad: 1rem;
-  --utpdn: 1rem;
-  --utgap: 0.5rem;
-  --uttrans: all 200ms ease-in-out;
-  --uttranstrans: 200ms ease-in-out;
-  --utsepsize: 1px;
-  --utsepcol: #444444;
-  --utscrlbrwid: 0.4rem;
-  --utscrlbrrad: 0.1rem;
-  --uthedhe1wgt: 900;
-  --uthedhe1size: 3rem;
-  --uthedhe2wgt: 700;
-  --uthedhe2size: 2rem;
-  --uthedhe3wgt: 600;
-  --uthedhe3size: 1.5rem;
-  --uthedhe4wgt: 500;
-  --uthedhe4size: 1.25rem;
-  --uthedhe5wgt: 500;
-  --uthedhe5size: 1rem;
-  --uthedhe6wgt: 500;
-  --uthedhe6size: 0.875rem;
-  --utinpcol: #ffffff;
-  --utinpbgn: #222222;
-  --utinpbrd: 1px solid #444444;
-  --utinprad: 0.5rem;
-  --utinphei: 2rem;
-  --utinppdnhoriz: 0.5rem;
-  --utinptrans: all 0.2s ease-in-out;
-  --utinpfoccol: #ffffff;
-  --utinpfocbgn: #333333;
-  --utinpfocbrd: 1px solid #666666;
-  --utbtncol: #ffffff;
-  --utbtnbgn: #444444;
-  --utbtnbrd: 0px solid #666666;
-  --utbtnfontsize: 0.9rem;
-  --utbtnfontwgt: 400;
-  --utbtnrad: 0.5rem;
-  --utbtnpdnhoriz: 0.5rem;
-  --utbtntrans: all 0.2s ease-in-out;
-  --utbtnhvrcol: #ffffff;
-  --utbtnhvrbgn: #555555;
-  --utbtnhvrbrd: 0px solid #666666;
-  --utbtnhvrrad: 0.5rem;
-  --utbtnhvrtrans: all 50ms ease-in-out;
-  --utbtnatvcol: #000000;
-  --utbtnatvbgn: #666666;
-  --utbtnatvbrd: 0px solid #777777;
-  --utbtnatvrad: 0.5rem;
-  --utbtnatvtrans: all 50ms ease-in-out;
-  --uttxbfontwgt: 700;
-  --utfontfam: Inter;
-  --utfontsize: 0.9rem;
-  --utfontwgt: 400;
-  --uthedcol: #ffffff;
-  --uthedfontfam: Inter;
-  --uthedfontsize: 1.2rem;
-  --uthedfontwgt: 700;
-  --uthedpdnvert: 1rem;
-  --uthedpdnhoriz: 0.5rem;
-}
-
-.level1 {
-  color: var(--utcol);
-  --utcol: #ffffff;
-  --utbgn: #333333;
-  --utbrd: 1px solid #666666;
-  --utacn: #768ce7;
-  --utrad: 0.5rem;
-  --utfontfam: Inter;
-  --utfontrad: 0.9rem;
-  --utfontwgt: 400;
-  --utpdn: 0.75rem;
-  --utgap: 0.5rem;
-  --uttrans: all 200ms ease-in-out;
-  --utsepsize: 1px;
-  --utsepcol: #555555;
-  --uthedhe1wgt: 800;
-  --uthedhe1size: 3rem;
-  --uthedhe2wgt: 700;
-  --uthedhe2size: 2.5rem;
-  --uthedhe3wgt: 600;
-  --uthedhe3size: 2rem;
-  --uthedhe4wgt: 500;
-  --uthedhe4size: 1.5rem;
-  --uthedhe5wgt: 500;
-  --uthedhe5size: 1rem;
-  --uthedhe6wgt: 500;
-  --uthedhe6size: 0.875rem;
-  --utinpcol: #ffffff;
-  --utinpbgn: #222222;
-  --utinpbrd: 1px solid #444444;
-  --utinprad: 0.5rem;
-  --utinphei: 2rem;
-  --utinppdnhoriz: 0.5rem;
-  --utinptrans: all 0.2s ease-in-out;
-  --utinpfoccol: #ffffff;
-  --utinpfocbgn: #333333;
-  --utinpfocbrd: 1px solid #666666;
-  --utbtncol: #ffffff;
-  --utbtnbgn: #444444;
-  --utbtnbrd: 0px solid #444444;
-  --utbtnfontsize: 0.9rem;
-  --utbtnfontwgt: 400;
-  --utbtnrad: 0.5rem;
-  --utbtnpdnhoriz: 0.5rem;
-  --utbtntrans: all 0.2s ease-in-out;
-  --utbtnhvrcol: #ffffff;
-  --utbtnhvrbgn: #555555;
-  --utbtnhvrbrd: 0px solid #666666;
-  --utbtnhvrrad: 0.5rem;
-  --utbtnhvrtrans: all 50ms ease-in-out;
-  --utbtnatvcol: #000000;
-  --utbtnatvbgn: #666666;
-  --utbtnatvbrd: 0px solid #666666;
-  --utbtnatvrad: 0.5rem;
-  --uthedcol: #ffffff;
-  --uthedfontfam: Inter;
-  --uthedfontsize: 1.2rem;
-  --uthedfontwgt: 700;
-  --uthedpdnvert: 0.5rem;
-  --uthedpdnhoriz: 0.25rem;
-}
-
-.level2 {
-  color: var(--utcol);
-  --utcol: #ffffff;
-  --utbgn: #444444;
-  --utbrd: 1px solid #666666;
-  --utacn: #768ce7;
-  --utrad: 0.25rem;
-  --utpdn: 0.5rem;
-  --utgap: 0.75rem;
-  --uttrans: all 200ms ease-in-out;
-  --utsepsize: 1px;
-  --utsepcol: #555555;
-  --uthedhe1wgt: 900;
-  --uthedhe1size: 3rem;
-  --uthedhe2wgt: 700;
-  --uthedhe2size: 2rem;
-  --uthedhe3wgt: 600;
-  --uthedhe3size: 1.5rem;
-  --uthedhe4wgt: 500;
-  --uthedhe4size: 1.25rem;
-  --uthedhe5wgt: 500;
-  --uthedhe5size: 1rem;
-  --uthedhe6wgt: 500;
-  --uthedhe6size: 0.875rem;
-  --uttxbfontwgt: 700;
-  --utfontfam: Inter;
-  --utfontsize: 0.9rem;
-  --utfontwgt: 400;
-  --utinpcol: #ffffff;
-  --utinpbgn: #222222;
-  --utinpbrd: 1px solid #444444;
-  --utinprad: 0.5rem;
-  --utinphei: 2rem;
-  --utinppdnhoriz: 0.5rem;
-  --utinptrans: all 0.2s ease-in-out;
-  --utinpfoccol: #ffffff;
-  --utinpfocbgn: #333333;
-  --utinpfocbrd: 1px solid #666666;
-  --utbtncol: #ffffff;
-  --utbtnbgn: #555555;
-  --utbtnbrd: 0px solid #666666;
-  --utbtnfontfam: Inter;
-  --utbtnfontsize: 0.9rem;
-  --utbtnfontwgt: 400;
-  --utbtnrad: 0.25rem;
-  --utbtnpdnhoriz: 0.5rem;
-  --utbtntrans: all 0.2s ease-in-out;
-  --utbtnhvrcol: #ffffff;
-  --utbtnhvrbgn: #666666;
-  --utbtnhvrbrd: 0px solid #666666;
-  --utbtnhvrrad: 0.25rem;
-  --utbtnhvrtrans: all 50ms ease-in-out;
-  --utbtnatvcol: #000000;
-  --utbtnatvbgnbg: #666666;
-  --utbtnatvbrd: 0px solid #666666;
-  --utbtnatvrad: 0.25rem;
-  --uthedcol: #ffffff;
-  --uthedfontfam: Inter;
-  --uthedfontsize: 1.2rem;
-  --uthedfontwgt: 700;
-  --uthedpdnvert: 0.5rem;
-  --uthedpdnhoriz: 0.25rem;
-}
-
-.level3 {
-  color: var(--utcol);
-  --utcol: #ffffff;
-  --utbgn: #555555;
-  --utbrd: 1px solid #666666;
-  --utacn: #768ce7;
-  --utrad: 1px;
-  --utpdn: 0.5rem;
-  --utgap: 1rem;
-  --uttrans: all 200ms ease-in-out;
-  --utsepsize: 1px;
-  --utsepcol: #555555;
-  --uthedhe1wgt: 900;
-  --uthedhe1size: 3rem;
-  --uthedhe2wgt: 700;
-  --uthedhe2size: 2rem;
-  --uthedhe3wgt: 600;
-  --uthedhe3size: 1.5rem;
-  --uthedhe4wgt: 500;
-  --uthedhe4size: 1.25rem;
-  --uthedhe5wgt: 500;
-  --uthedhe5size: 1rem;
-  --uthedhe6wgt: 500;
-  --uthedhe6size: 0.875rem;
-  --uttxbfontwgt: 700;
-  --utfam: Inter;
-  --utsize: 0.9rem;
-  --utwgt: 400;
-  --utinpcol: #ffffff;
-  --utinpbgn: #222222;
-  --utinpbrd: 1px solid #444444;
-  --utinprad: 0.5rem;
-  --utinphei: 2rem;
-  --utinppdnhoriz: 0.5rem;
-  --utinptrans: all 0.2s ease-in-out;
-  --utinpfoccol: #ffffff;
-  --utinpfocbgn: #333333;
-  --utinpfocbrd: 1px solid #666666;
-  --utbtncol: #ffffff;
-  --utbtnbgn: #666666;
-  --utbtnbrd: 0px solid #666666;
-  --utbtnfontfam: Inter;
-  --utbtnfontsize: 0.9rem;
-  --utbtnfontwgt: 400;
-  --utbtnrad: 0.25rem;
-  --utbtnpdnhoriz: 0.5rem;
-  --utbtnhvrcol: #ffffff;
-  --utbtnhvrbgn: #777777;
-  --utbtnhvrbrd: 0px solid #777777;
-  --utbtnhvrrad: 0.25rem;
-  --utbtnhvrtrans: all 50ms ease-in-out;
-  --utbtnatvcol: #000000;
-  --utbtnatvbgn: #777777;
-  --utbtnatvbrd: 0px solid #777777;
-  --utbtnatvrad: 0.25rem;
-  --uthedcol: #ffffff;
-  --uthedfontfam: Inter;
-  --uthedfontsize: 1.2rem;
-  --uthedfontwgt: 700;
-  --uthedpdnvert: 0.5rem;
-  --uthedpdnhoriz: 0.25rem;
-}
-
-.mobile .level0 {
-  --utinphei: 2.5rem;
-}
-.mobile .level1 {
-  --utinphei: 2.5rem;
-}
-.mobile .level2 {
-  --utinphei: 2.5rem;
-}
-.mobile .level3 {
-  --utinphei: 2.5rem;
-}
-
-/*# sourceMappingURL=defaultTheme.module.css.map */

package/lib/theme/defaultTheme.module.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["themeValues.scss","defaultTheme.module.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACEA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE","file":"defaultTheme.module.css"}