npm - @kuroson/cse-common-website - Versions diffs - 0.1.0 - Mend

@kuroson/cse-common-website 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) 2024 Alvin Cherk
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md ADDED Viewed

@@ -0,0 +1,79 @@
+# @kuroson/cse-common-website
+Common website React components for UNSW CSE courses.
+## Installation
+```bash
+npm install @kuroson/cse-common-website
+# or
+pnpm add @kuroson/cse-common-website
+# or
+yarn add @kuroson/cse-common-website
+```
+## Requirements
+- Node.js >= 22
+- React >= 19.0.0
+- Tailwind CSS >= 4.0.0
+## Usage
+First, import the compiled CSS file in your application:
+```tsx
+import "@kuroson/cse-common-website/styles.css";
+```
+Then use the components:
+```tsx
+import { Admonition } from "@kuroson/cse-common-website";
+function App() {
+  return (
+    <Admonition type="info" title="Note">
+      This is an informational admonition.
+    </Admonition>
+  );
+}
+```
+### CSS Import Options
+You can import the CSS in several ways:
+**In your main entry file:**
+```tsx
+import "@kuroson/cse-common-website/styles.css";
+```
+**In your CSS/SCSS file:**
+```css
+@import "@kuroson/cse-common-website/styles.css";
+```
+**In HTML (if using a bundler that supports it):**
+```html
+<link rel="stylesheet" href="@kuroson/cse-common-website/styles.css" />
+```
+## Components
+### Admonition
+A styled callout component for highlighting important information.
+**Props:**
+- `type`: The type of admonition (e.g., 'info', 'warning', 'error', 'tip')
+- `title`: Optional title for the admonition
+- `children`: Content to display inside the admonition
+## License
+MIT

package/dist/index.cjs ADDED Viewed

@@ -0,0 +1,402 @@
+'use strict';
+var React6 = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var React6__default = /*#__PURE__*/_interopDefault(React6);
+// src/Admonition.tsx
+var DangerIcon = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 12 16", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"
+    }
+  ) });
+};
+var InfoIcon = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 14 16", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"
+    }
+  ) });
+};
+var NoteIcon = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 14 16", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"
+    }
+  ) });
+};
+var TipIcon = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 12 16", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"
+    }
+  ) });
+};
+var WarnIcon = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 16 16", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"
+    }
+  ) });
+};
+var applyCodeStyle = (element, type) => {
+  const style = AdmonitionStyles[type];
+  return React6__default.default.cloneElement(element, {
+    className: `bg-[${style.codeBackground.light}] dark:bg-[${style.codeBackground.dark}] border-[${style.codeBorder.light}] dark:border-[${style.codeBorder.dark}] text-[${style.text.light}] dark:text-[${style.text.dark}]`
+  });
+};
+var applyParagraphStyle = (element) => {
+  return React6__default.default.cloneElement(element, {
+    className: "m-0"
+  });
+};
+var applyAnchorStyle = (element, type) => {
+  const style = AdmonitionStyles[type];
+  return React6__default.default.cloneElement(element, {
+    className: `custom-link-style underline text-[${style.text.light}] dark:text-[${style.text.dark}] decoration-[${style.decoration.light}] decoration-2 hover:decoration-[2.25px]`
+  });
+};
+var applyStrongStyle = (element, type) => {
+  const style = AdmonitionStyles[type];
+  return React6__default.default.cloneElement(element, {
+    className: `text-[${style.text.light}] dark:text-[${style.text.dark}] font-bold`
+  });
+};
+var recursivelyModifyChildren = (children, type) => {
+  return React6__default.default.Children.map(children, (c) => {
+    if (React6__default.default.isValidElement(c)) {
+      const child = c;
+      if (child.type === "code") {
+        return applyCodeStyle(child, type);
+      }
+      if (child.type === "strong") {
+        return applyStrongStyle(child, type);
+      }
+      if (child.props?.title !== void 0) {
+        return child;
+      }
+      if (child.props?.href !== void 0) {
+        const updatedAnchor = applyAnchorStyle(child, type);
+        const updatedChildren = recursivelyModifyChildren(updatedAnchor.props.children, type);
+        return React6__default.default.cloneElement(updatedAnchor, {
+          children: updatedChildren
+        });
+      }
+      if (child.type === "p") {
+        const updatedParagraph = applyParagraphStyle(child);
+        const updatedChildren = recursivelyModifyChildren(updatedParagraph.props.children, type);
+        return React6__default.default.cloneElement(updatedParagraph, {
+          children: updatedChildren
+        });
+      }
+      if (React6__default.default.Children.count(child.props.children) > 0) {
+        return React6__default.default.cloneElement(child, {
+          children: recursivelyModifyChildren(child.props.children, type)
+        });
+      }
+    }
+    return c;
+  });
+};
+var StyleWrapper = ({ children, type }) => {
+  const modifiedChildren = recursivelyModifyChildren(children, type);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: modifiedChildren });
+};
+var StyleWrapper_default = StyleWrapper;
+var DangerAdmonition = ({
+  title,
+  children,
+  testId = "danger-admonition",
+  Icon
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id: "admonition",
+      className: "p-4 bg-[#FEEAEC] dark:bg-[#4B1012] !border-l-[#E13339] !dark:border-l-[#E13339] text-[#4B1012] dark:text-[#FEEAEC] !border-l-[5px] !border-transparent rounded-lg shadow-md my-4 last:mb-0",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("h5", { className: "flex items-center mb-2", "data-testid": `${testId}-title`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 text-[#4B1012] dark:text-[#FEEAEC]", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { height: 25, width: 25, className: "fill-current" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-bold uppercase leading-none text-center", "data-testid": `${testId}-title-text`, children: title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": `${testId}-content`, children: /* @__PURE__ */ jsxRuntime.jsx(StyleWrapper_default, { type: "danger", children }) })
+      ]
+    }
+  );
+};
+var InfoAdmonition = ({
+  title,
+  children,
+  testId = "info-admonition",
+  Icon
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id: "admonition",
+      className: "p-4 bg-[#EFF9FC] dark:bg-[#193C47] !border-l-[#4CB2D5] !dark:border-l-[#4CB2D5] text-[#193C47] dark:text-[#EFF9FC] !border-l-[5px] !border-transparent rounded-lg shadow-md my-4 last:mb-0",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("h5", { className: "flex items-center mb-2", "data-testid": `${testId}-title`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 text-[#193C47] dark:text-[#EFF9FC]", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { height: 25, width: 25, className: "fill-current" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-bold uppercase leading-none text-center", "data-testid": `${testId}-title-text`, children: title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": `${testId}-content`, children: /* @__PURE__ */ jsxRuntime.jsx(StyleWrapper_default, { type: "info", children }) })
+      ]
+    }
+  );
+};
+var NoteAdmonition = ({
+  title,
+  children,
+  testId = "note-admonition",
+  Icon
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id: "admonition",
+      className: "p-4 bg-[#FCFDFF] dark:bg-[#464648] !border-l-[#D5D4D8] !dark:border-l-[#D5D4D8] text-[#464648] dark:text-[#FCFDFF] !border-l-[5px] !border-transparent rounded-lg shadow-md my-4 last:mb-0",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("h5", { className: "flex items-center mb-2", "data-testid": `${testId}-title`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 text-[#464648] dark:text-[#FCFDFF]", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { height: 25, width: 25, className: "fill-current" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-bold uppercase leading-none text-center", "data-testid": `${testId}-title-text`, children: title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": `${testId}-content`, children: /* @__PURE__ */ jsxRuntime.jsx(StyleWrapper_default, { type: "note", children }) })
+      ]
+    }
+  );
+};
+var TipAdmonition = ({
+  title,
+  children,
+  testId = "tip-admonition",
+  Icon
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id: "admonition",
+      className: "p-4 bg-[#E6F6E6] dark:bg-[#003100] !border-l-[#009400] !dark:border-l-[#009400] text-[#003100] dark:text-[#E6F6E6] !border-l-[5px] !border-transparent rounded-lg shadow-md my-4 last:mb-0",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("h5", { className: "flex items-center mb-2", "data-testid": `${testId}-title`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 text-[#003100] dark:text-[#E6F6E6]", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { height: 25, width: 25, className: "fill-current" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-bold uppercase leading-none text-center", "data-testid": `${testId}-title-text`, children: title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": `${testId}-content`, children: /* @__PURE__ */ jsxRuntime.jsx(StyleWrapper_default, { type: "tip", children }) })
+      ]
+    }
+  );
+};
+var WarnAdmonition = ({
+  title,
+  children,
+  testId = "warn-admonition",
+  Icon
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id: "admonition",
+      className: "p-4 bg-[#FEF8E7] dark:bg-[#4C3900] !border-l-[#E6A601] !dark:border-l-[#E6A601] text-[#4C3900] dark:text-[#FEF8E7] !border-l-[5px] !border-transparent rounded-lg shadow-md my-4 last:mb-0",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("h5", { className: "flex items-center mb-2", "data-testid": `${testId}-title`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 text-[#4C3900] dark:text-[#FEF8E7]", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { height: 25, width: 25, className: "fill-current" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-bold uppercase leading-none text-center", "data-testid": `${testId}-title-text`, children: title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": `${testId}-content`, children: /* @__PURE__ */ jsxRuntime.jsx(StyleWrapper_default, { type: "warn", children }) })
+      ]
+    }
+  );
+};
+var Admonition = ({
+  type = "info",
+  title: givenTitle,
+  children,
+  testId
+}) => {
+  const title = React6__default.default.useMemo(() => givenTitle ?? defaultTitle[type], [givenTitle, type]);
+  const Icon = React6__default.default.useMemo(() => defaultIcons[type], [type]);
+  switch (type) {
+    case "danger":
+      return /* @__PURE__ */ jsxRuntime.jsx(DangerAdmonition, { title, Icon, testId, children });
+    case "warn":
+      return /* @__PURE__ */ jsxRuntime.jsx(WarnAdmonition, { title, Icon, testId, children });
+    case "info":
+      return /* @__PURE__ */ jsxRuntime.jsx(InfoAdmonition, { title, Icon, testId, children });
+    case "tip":
+      return /* @__PURE__ */ jsxRuntime.jsx(TipAdmonition, { title, Icon, testId, children });
+    case "note":
+      return /* @__PURE__ */ jsxRuntime.jsx(NoteAdmonition, { title, Icon, testId, children });
+  }
+};
+var defaultTitle = {
+  danger: "Danger",
+  warn: "Warning",
+  info: "Info",
+  tip: "Tip",
+  note: "Note"
+};
+var defaultIcons = {
+  danger: DangerIcon,
+  warn: WarnIcon,
+  info: InfoIcon,
+  tip: TipIcon,
+  note: NoteIcon
+};
+var AdmonitionStyles = {
+  danger: {
+    highlight: {
+      light: "#E13339",
+      dark: "#E13339"
+    },
+    text: {
+      light: "#4B1012",
+      dark: "#FEEAEC"
+    },
+    background: {
+      light: "#FEEAEC",
+      dark: "#4B1012"
+    },
+    codeBackground: {
+      light: "#FFD1D2",
+      dark: "#651619"
+    },
+    codeBorder: {
+      light: "#E5BABD",
+      dark: "#5A1417"
+    },
+    decoration: {
+      light: "#E13339",
+      dark: "#E13339"
+    }
+  },
+  info: {
+    highlight: {
+      light: "#4CB2D5",
+      dark: "#4CB2D5"
+    },
+    text: {
+      light: "#193C47",
+      dark: "#EFF9FC"
+    },
+    background: {
+      light: "#EFF9FC",
+      dark: "#193C47"
+    },
+    codeBackground: {
+      light: "#D8F3FB",
+      dark: "#22505E"
+    },
+    codeBorder: {
+      light: "#C3D8E1",
+      dark: "#1E4954"
+    },
+    decoration: {
+      light: "#4CB2D5",
+      dark: "#4CB2D5"
+    }
+  },
+  tip: {
+    highlight: {
+      light: "#009400",
+      dark: "#009400"
+    },
+    text: {
+      light: "#003100",
+      dark: "#E6F6E6"
+    },
+    background: {
+      light: "#E6F6E6",
+      dark: "#003100"
+    },
+    codeBackground: {
+      light: "#C4E9C4",
+      dark: "#014300"
+    },
+    codeBorder: {
+      light: "#B0D0B1",
+      dark: "#003100"
+    },
+    decoration: {
+      light: "#009400",
+      dark: "#009400"
+    }
+  },
+  note: {
+    highlight: {
+      light: "#D5D4D8",
+      dark: "#D5D4D8"
+    },
+    text: {
+      light: "#464648",
+      dark: "#FCFDFF"
+    },
+    background: {
+      light: "#FCFDFF",
+      dark: "#464648"
+    },
+    codeBackground: {
+      light: "#FBFBFC",
+      dark: "#5E5E61"
+    },
+    codeBorder: {
+      light: "#E0E1E3",
+      dark: "#555557"
+    },
+    decoration: {
+      light: "#D5D4D8",
+      dark: "#D5D4D8"
+    }
+  },
+  warn: {
+    highlight: {
+      light: "#E6A601",
+      dark: "#E6A601"
+    },
+    text: {
+      light: "#4C3900",
+      dark: "#FEF8E7"
+    },
+    background: {
+      light: "#FEF8E7",
+      dark: "#4C3900"
+    },
+    codeBackground: {
+      light: "#FEEEC4",
+      dark: "#694C01"
+    },
+    codeBorder: {
+      light: "#E4D6B0",
+      dark: "#5D4400"
+    },
+    decoration: {
+      light: "#E6A601",
+      dark: "#E6A601"
+    }
+  }
+};
+var Admonition_default = Admonition;
+exports.Admonition = Admonition_default;
+exports.AdmonitionStyles = AdmonitionStyles;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/icons/DangerIcon.tsx","../src/icons/InfoIcon.tsx","../src/icons/NoteIcon.tsx","../src/icons/TipIcon.tsx","../src/icons/WarnIcon.tsx","../src/StyleWrapper.tsx","../src/views/Danger.tsx","../src/views/Info.tsx","../src/views/Note.tsx","../src/views/Tip.tsx","../src/views/Warn.tsx","../src/Admonition.tsx"],"names":["jsx","React","Fragment","jsxs"],"mappings":"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","file":"index.cjs","sourcesContent":["import React, { type SVGProps } from 'react';\n\nexport const DangerIcon = (props: SVGProps<SVGSVGElement>): React.JSX.Element => {\n return (\n <svg viewBox=\"0 0 12 16\" {...props}>\n <path\n fillRule=\"evenodd\"\n d=\"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z\"\n />\n </svg>\n );\n};\n","import React, { type SVGProps } from 'react';\n\nexport const InfoIcon = (props: SVGProps<SVGSVGElement>): React.JSX.Element => {\n return (\n <svg viewBox=\"0 0 14 16\" {...props}>\n <path\n fillRule=\"evenodd\"\n d=\"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z\"\n />\n </svg>\n );\n};\n","import React, { type SVGProps } from 'react';\n\nexport const NoteIcon = (props: SVGProps<SVGSVGElement>): React.JSX.Element => {\n return (\n <svg viewBox=\"0 0 14 16\" {...props}>\n <path\n fillRule=\"evenodd\"\n d=\"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z\"\n />\n </svg>\n );\n};\n","import React, { type SVGProps } from 'react';\n\nexport const TipIcon = (props: SVGProps<SVGSVGElement>): React.JSX.Element => {\n return (\n <svg viewBox=\"0 0 12 16\" {...props}>\n <path\n fillRule=\"evenodd\"\n d=\"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z\"\n />\n </svg>\n );\n};\n","import React, { type SVGProps } from 'react';\n\nexport const WarnIcon = (props: SVGProps<SVGSVGElement>): React.JSX.Element => {\n return (\n <svg viewBox=\"0 0 16 16\" {...props}>\n <path\n fillRule=\"evenodd\"\n d=\"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z\"\n />\n </svg>\n );\n};\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { AdmonitionStyles } from './Admonition';\nimport type { AdmonitionTypes } from './types';\n\nconst applyCodeStyle = (element: React.ReactElement, type: AdmonitionTypes): React.ReactElement<any> => {\n const style = AdmonitionStyles[type];\n return React.cloneElement<any>(element, {\n className: `bg-[${style.codeBackground.light}] dark:bg-[${style.codeBackground.dark}] border-[${style.codeBorder.light}] dark:border-[${style.codeBorder.dark}] text-[${style.text.light}] dark:text-[${style.text.dark}]`,\n });\n};\n\nconst applyParagraphStyle = (element: React.ReactElement): React.ReactElement<any> => {\n return React.cloneElement<any>(element, {\n className: 'm-0',\n });\n};\n\nconst applyAnchorStyle = (element: React.ReactElement, type: AdmonitionTypes): React.ReactElement<any> => {\n const style = AdmonitionStyles[type];\n return React.cloneElement<any>(element, {\n className: `custom-link-style underline text-[${style.text.light}] dark:text-[${style.text.dark}] decoration-[${style.decoration.light}] decoration-2 hover:decoration-[2.25px]`,\n });\n};\n\nconst applyStrongStyle = (element: React.ReactElement, type: AdmonitionTypes): React.ReactElement<any> => {\n const style = AdmonitionStyles[type];\n return React.cloneElement<any>(element, {\n className: `text-[${style.text.light}] dark:text-[${style.text.dark}] font-bold`,\n });\n};\n\nconst recursivelyModifyChildren = (children: React.ReactNode, type: AdmonitionTypes): React.ReactNode => {\n return React.Children.map(children, (c) => {\n if (React.isValidElement(c)) {\n const child = c as React.ReactElement<any>;\n if (child.type === 'code') {\n return applyCodeStyle(child, type);\n }\n\n if (child.type === 'strong') {\n return applyStrongStyle(child, type);\n }\n\n // code block\n if (child.props?.title !== undefined) {\n return child;\n }\n\n // anchor\n if (child.props?.href !== undefined) {\n const updatedAnchor = applyAnchorStyle(child, type);\n const updatedChildren = recursivelyModifyChildren(updatedAnchor.props.children, type);\n return React.cloneElement(updatedAnchor, {\n children: updatedChildren,\n });\n }\n\n if (child.type === 'p') {\n const updatedParagraph = applyParagraphStyle(child);\n const updatedChildren = recursivelyModifyChildren(updatedParagraph.props.children, type);\n return React.cloneElement(updatedParagraph, {\n children: updatedChildren,\n });\n }\n\n // If the child is an element with children, recurse into its children\n if (React.Children.count(child.props.children) > 0) {\n return React.cloneElement<any>(child as React.ReactElement, {\n children: recursivelyModifyChildren(child.props.children, type),\n });\n }\n }\n\n return c;\n });\n};\n\ntype CodeWrapperProps = {\n children: React.ReactNode;\n type: AdmonitionTypes;\n};\n\nconst StyleWrapper = ({ children, type }: CodeWrapperProps): React.JSX.Element => {\n const modifiedChildren = recursivelyModifyChildren(children, type);\n return <>{modifiedChildren}</>;\n};\n\nexport default StyleWrapper;\n","import React from 'react';\nimport StyleWrapper from '../StyleWrapper';\nimport type { SingleAdmonitionProps } from '../types';\n\nexport const DangerAdmonition = ({\n title,\n children,\n testId = 'danger-admonition',\n Icon,\n}: SingleAdmonitionProps): React.JSX.Element => {\n return (\n <div\n id=\"admonition\"\n className=\"p-4 bg-[#FEEAEC] dark:bg-[#4B1012] !border-l-[#E13339] !dark:border-l-[#E13339] text-[#4B1012] dark:text-[#FEEAEC] !border-l-[5px] !border-transparent rounded-lg shadow-md my-4 last:mb-0\"\n data-testid={testId}\n >\n <h5 className=\"flex items-center mb-2\" data-testid={`${testId}-title`}>\n <span className=\"mr-2 text-[#4B1012] dark:text-[#FEEAEC]\">\n <Icon height={25} width={25} className=\"fill-current\" />\n </span>\n <span className=\"text-base font-bold uppercase leading-none text-center\" data-testid={`${testId}-title-text`}>\n {title}\n </span>\n </h5>\n <div data-testid={`${testId}-content`}>\n <StyleWrapper type=\"danger\">{children}</StyleWrapper>\n </div>\n </div>\n );\n};\n","import React from 'react';\nimport StyleWrapper from '../StyleWrapper';\nimport type { SingleAdmonitionProps } from '../types';\n\nexport const InfoAdmonition = ({\n title,\n children,\n testId = 'info-admonition',\n Icon,\n}: SingleAdmonitionProps): React.JSX.Element => {\n return (\n <div\n id=\"admonition\"\n className=\"p-4 bg-[#EFF9FC] dark:bg-[#193C47] !border-l-[#4CB2D5] !dark:border-l-[#4CB2D5] text-[#193C47] dark:text-[#EFF9FC] !border-l-[5px] !border-transparent rounded-lg shadow-md my-4 last:mb-0\"\n data-testid={testId}\n >\n <h5 className=\"flex items-center mb-2\" data-testid={`${testId}-title`}>\n <span className=\"mr-2 text-[#193C47] dark:text-[#EFF9FC]\">\n <Icon height={25} width={25} className=\"fill-current\" />\n </span>\n <span className=\"text-base font-bold uppercase leading-none text-center\" data-testid={`${testId}-title-text`}>\n {title}\n </span>\n </h5>\n <div data-testid={`${testId}-content`}>\n <StyleWrapper type=\"info\">{children}</StyleWrapper>\n </div>\n </div>\n );\n};\n","import React from 'react';\nimport StyleWrapper from '../StyleWrapper';\nimport type { SingleAdmonitionProps } from '../types';\n\nexport const NoteAdmonition = ({\n title,\n children,\n testId = 'note-admonition',\n Icon,\n}: SingleAdmonitionProps): React.JSX.Element => {\n return (\n <div\n id=\"admonition\"\n className=\"p-4 bg-[#FCFDFF] dark:bg-[#464648] !border-l-[#D5D4D8] !dark:border-l-[#D5D4D8] text-[#464648] dark:text-[#FCFDFF] !border-l-[5px] !border-transparent rounded-lg shadow-md my-4 last:mb-0\"\n data-testid={testId}\n >\n <h5 className=\"flex items-center mb-2\" data-testid={`${testId}-title`}>\n <span className=\"mr-2 text-[#464648] dark:text-[#FCFDFF]\">\n <Icon height={25} width={25} className=\"fill-current\" />\n </span>\n <span className=\"text-base font-bold uppercase leading-none text-center\" data-testid={`${testId}-title-text`}>\n {title}\n </span>\n </h5>\n <div data-testid={`${testId}-content`}>\n <StyleWrapper type=\"note\">{children}</StyleWrapper>\n </div>\n </div>\n );\n};\n","import React from 'react';\nimport StyleWrapper from '../StyleWrapper';\nimport type { SingleAdmonitionProps } from '../types';\n\nexport const TipAdmonition = ({\n title,\n children,\n testId = 'tip-admonition',\n Icon,\n}: SingleAdmonitionProps): React.JSX.Element => {\n return (\n <div\n id=\"admonition\"\n className=\"p-4 bg-[#E6F6E6] dark:bg-[#003100] !border-l-[#009400] !dark:border-l-[#009400] text-[#003100] dark:text-[#E6F6E6] !border-l-[5px] !border-transparent rounded-lg shadow-md my-4 last:mb-0\"\n data-testid={testId}\n >\n <h5 className=\"flex items-center mb-2\" data-testid={`${testId}-title`}>\n <span className=\"mr-2 text-[#003100] dark:text-[#E6F6E6]\">\n <Icon height={25} width={25} className=\"fill-current\" />\n </span>\n <span className=\"text-base font-bold uppercase leading-none text-center\" data-testid={`${testId}-title-text`}>\n {title}\n </span>\n </h5>\n <div data-testid={`${testId}-content`}>\n <StyleWrapper type=\"tip\">{children}</StyleWrapper>\n </div>\n </div>\n );\n};\n\n// tip: {\n// highlight: {\n// light: '#009400',\n// dark: '#009400',\n// },\n// text: {\n// light: '#003100',\n// dark: '#E6F6E6',\n// },\n// background: {\n// light: '#E6F6E6',\n// dark: '#003100',\n// },\n// codeBackground: {\n// light: '#C4E9C4',\n// dark: '#014300',\n// },\n// codeBorder: {\n// light: '#B0D0B1',\n// dark: '#003100',\n// },\n// decoration: {\n// light: '#009400',\n// dark: '#009400',\n// },\n// },\n","import React from 'react';\nimport StyleWrapper from '../StyleWrapper';\nimport type { SingleAdmonitionProps } from '../types';\n\nexport const WarnAdmonition = ({\n title,\n children,\n testId = 'warn-admonition',\n Icon,\n}: SingleAdmonitionProps): React.JSX.Element => {\n return (\n <div\n id=\"admonition\"\n className=\"p-4 bg-[#FEF8E7] dark:bg-[#4C3900] !border-l-[#E6A601] !dark:border-l-[#E6A601] text-[#4C3900] dark:text-[#FEF8E7] !border-l-[5px] !border-transparent rounded-lg shadow-md my-4 last:mb-0\"\n data-testid={testId}\n >\n <h5 className=\"flex items-center mb-2\" data-testid={`${testId}-title`}>\n <span className=\"mr-2 text-[#4C3900] dark:text-[#FEF8E7]\">\n <Icon height={25} width={25} className=\"fill-current\" />\n </span>\n <span className=\"text-base font-bold uppercase leading-none text-center\" data-testid={`${testId}-title-text`}>\n {title}\n </span>\n </h5>\n <div data-testid={`${testId}-content`}>\n <StyleWrapper type=\"warn\">{children}</StyleWrapper>\n </div>\n </div>\n );\n};\n\n// warn: {\n// highlight: {\n// light: '#E6A601',\n// dark: '#E6A601',\n// },\n// text: {\n// light: '#4C3900',\n// dark: '#FEF8E7',\n// },\n// background: {\n// light: '#FEF8E7',\n// dark: '#4C3900',\n// },\n// codeBackground: {\n// light: '#FEEEC4',\n// dark: '#694C01',\n// },\n// codeBorder: {\n// light: '#E4D6B0',\n// dark: '#5D4400',\n// },\n// decoration: {\n// light: '#E6A601',\n// dark: '#E6A601',\n// },\n// },\n","import React from 'react';\nimport { DangerIcon, TipIcon, WarnIcon, InfoIcon, NoteIcon } from './icons';\nimport type { AdmonitionProps, AdmonitionTypes } from './types';\nimport { DangerAdmonition } from './views/Danger';\nimport { InfoAdmonition } from './views/Info';\nimport { NoteAdmonition } from './views/Note';\nimport { TipAdmonition } from './views/Tip';\nimport { WarnAdmonition } from './views/Warn';\n\n/**\n * @note based on https://docusaurus.io/docs/markdown-features/admonitions\n */\nexport const Admonition = ({\n type = 'info',\n title: givenTitle,\n children,\n testId,\n}: AdmonitionProps): React.JSX.Element => {\n const title = React.useMemo(() => givenTitle ?? defaultTitle[type], [givenTitle, type]);\n const Icon = React.useMemo(() => defaultIcons[type], [type]);\n\n switch (type) {\n case 'danger':\n return (\n <DangerAdmonition title={title} Icon={Icon} testId={testId}>\n {children}\n </DangerAdmonition>\n );\n case 'warn':\n return (\n <WarnAdmonition title={title} Icon={Icon} testId={testId}>\n {children}\n </WarnAdmonition>\n );\n case 'info':\n return (\n <InfoAdmonition title={title} Icon={Icon} testId={testId}>\n {children}\n </InfoAdmonition>\n );\n case 'tip':\n return (\n <TipAdmonition title={title} Icon={Icon} testId={testId}>\n {children}\n </TipAdmonition>\n );\n case 'note':\n return (\n <NoteAdmonition title={title} Icon={Icon} testId={testId}>\n {children}\n </NoteAdmonition>\n );\n }\n};\n\nconst defaultTitle: Record<AdmonitionTypes, string> = {\n danger: 'Danger',\n warn: 'Warning',\n info: 'Info',\n tip: 'Tip',\n note: 'Note',\n};\n\nconst defaultIcons: Record<AdmonitionTypes, (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element> = {\n danger: DangerIcon,\n warn: WarnIcon,\n info: InfoIcon,\n tip: TipIcon,\n note: NoteIcon,\n};\n\n/**\n * @note the tailwindcss classes are generated because they're in `views`\n */\nexport const AdmonitionStyles: Record<\n AdmonitionTypes,\n {\n highlight: {\n light: string;\n dark: string;\n };\n text: {\n light: string;\n dark: string;\n };\n background: {\n light: string;\n dark: string;\n };\n codeBackground: {\n light: string;\n dark: string;\n };\n codeBorder: {\n light: string;\n dark: string;\n };\n decoration: {\n light: string;\n dark: string;\n };\n }\n> = {\n danger: {\n highlight: {\n light: '#E13339',\n dark: '#E13339',\n },\n text: {\n light: '#4B1012',\n dark: '#FEEAEC',\n },\n background: {\n light: '#FEEAEC',\n dark: '#4B1012',\n },\n codeBackground: {\n light: '#FFD1D2',\n dark: '#651619',\n },\n codeBorder: {\n light: '#E5BABD',\n dark: '#5A1417',\n },\n decoration: {\n light: '#E13339',\n dark: '#E13339',\n },\n },\n info: {\n highlight: {\n light: '#4CB2D5',\n dark: '#4CB2D5',\n },\n text: {\n light: '#193C47',\n dark: '#EFF9FC',\n },\n background: {\n light: '#EFF9FC',\n dark: '#193C47',\n },\n codeBackground: {\n light: '#D8F3FB',\n dark: '#22505E',\n },\n codeBorder: {\n light: '#C3D8E1',\n dark: '#1E4954',\n },\n decoration: {\n light: '#4CB2D5',\n dark: '#4CB2D5',\n },\n },\n tip: {\n highlight: {\n light: '#009400',\n dark: '#009400',\n },\n text: {\n light: '#003100',\n dark: '#E6F6E6',\n },\n background: {\n light: '#E6F6E6',\n dark: '#003100',\n },\n codeBackground: {\n light: '#C4E9C4',\n dark: '#014300',\n },\n codeBorder: {\n light: '#B0D0B1',\n dark: '#003100',\n },\n decoration: {\n light: '#009400',\n dark: '#009400',\n },\n },\n note: {\n highlight: {\n light: '#D5D4D8',\n dark: '#D5D4D8',\n },\n text: {\n light: '#464648',\n dark: '#FCFDFF',\n },\n background: {\n light: '#FCFDFF',\n dark: '#464648',\n },\n codeBackground: {\n light: '#FBFBFC',\n dark: '#5E5E61',\n },\n codeBorder: {\n light: '#E0E1E3',\n dark: '#555557',\n },\n decoration: {\n light: '#D5D4D8',\n dark: '#D5D4D8',\n },\n },\n warn: {\n highlight: {\n light: '#E6A601',\n dark: '#E6A601',\n },\n text: {\n light: '#4C3900',\n dark: '#FEF8E7',\n },\n background: {\n light: '#FEF8E7',\n dark: '#4C3900',\n },\n codeBackground: {\n light: '#FEEEC4',\n dark: '#694C01',\n },\n codeBorder: {\n light: '#E4D6B0',\n dark: '#5D4400',\n },\n decoration: {\n light: '#E6A601',\n dark: '#E6A601',\n },\n },\n};\n\nexport default Admonition;\n"]}

package/dist/index.d.cts ADDED Viewed

@@ -0,0 +1,48 @@
+import React from 'react';
+type AdmonitionProps = {
+    type: AdmonitionTypes;
+    title?: string;
+    /**
+     * Admonition contents.
+     */
+    children?: React.ReactNode;
+    testId?: string;
+};
+type AdmonitionTypes = 'danger' | 'warn' | 'info' | 'tip' | 'note';
+/**
+ * @note based on https://docusaurus.io/docs/markdown-features/admonitions
+ */
+declare const Admonition: ({ type, title: givenTitle, children, testId, }: AdmonitionProps) => React.JSX.Element;
+/**
+ * @note the tailwindcss classes are generated because they're in `views`
+ */
+declare const AdmonitionStyles: Record<AdmonitionTypes, {
+    highlight: {
+        light: string;
+        dark: string;
+    };
+    text: {
+        light: string;
+        dark: string;
+    };
+    background: {
+        light: string;
+        dark: string;
+    };
+    codeBackground: {
+        light: string;
+        dark: string;
+    };
+    codeBorder: {
+        light: string;
+        dark: string;
+    };
+    decoration: {
+        light: string;
+        dark: string;
+    };
+}>;
+export { Admonition, AdmonitionStyles };

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,48 @@
+import React from 'react';
+type AdmonitionProps = {
+    type: AdmonitionTypes;
+    title?: string;
+    /**
+     * Admonition contents.
+     */
+    children?: React.ReactNode;
+    testId?: string;
+};
+type AdmonitionTypes = 'danger' | 'warn' | 'info' | 'tip' | 'note';
+/**
+ * @note based on https://docusaurus.io/docs/markdown-features/admonitions
+ */
+declare const Admonition: ({ type, title: givenTitle, children, testId, }: AdmonitionProps) => React.JSX.Element;
+/**
+ * @note the tailwindcss classes are generated because they're in `views`
+ */
+declare const AdmonitionStyles: Record<AdmonitionTypes, {
+    highlight: {
+        light: string;
+        dark: string;
+    };
+    text: {
+        light: string;
+        dark: string;
+    };
+    background: {
+        light: string;
+        dark: string;
+    };
+    codeBackground: {
+        light: string;
+        dark: string;
+    };
+    codeBorder: {
+        light: string;
+        dark: string;
+    };
+    decoration: {
+        light: string;
+        dark: string;
+    };
+}>;
+export { Admonition, AdmonitionStyles };