@cieloazul310/digital-go-pandacss-preset 0.0.0

package/src/recipes/tree-view.ts

@@ -0,0 +1,89 @@
+import { defineSlotRecipe } from "@pandacss/dev";
+import menuItem from "./menu-item";
+import { anatomy as treeViewAnatomy } from "@ark-ui/anatomy/tree-view";
+
+export default defineSlotRecipe({
+  className: "tree-view",
+  slots: treeViewAnatomy.keys(),
+  base: {
+    root: {},
+    label: {
+      py: 3,
+      pl: 3,
+      pr: 6,
+      textStyle: "oln-17B-100",
+      textWrap: "nowrap",
+      display: "block",
+    },
+    tree: {},
+    item: {
+      ...menuItem.base,
+    },
+    itemIndicator: {
+      transition: "transform",
+      transform: { base: "rotate(0deg)", _open: "rotate(90deg)" },
+    },
+    itemText: {
+      flexGrow: 1,
+    },
+    branch: {},
+    branchControl: { ...menuItem.base },
+    branchTrigger: {},
+    branchContent: {
+      my: 1,
+      pl: 8,
+    },
+    branchIndicator: {
+      position: "absolute",
+      right: 4,
+      transition: "transform",
+      transform: { base: "rotate(0deg)", _open: "rotate(90deg)" },
+    },
+    branchText: {
+      flexGrow: 1,
+    },
+  },
+  variants: {
+    variant: {
+      standard: {
+        item: {
+          ...menuItem.variants?.variant?.standard,
+        },
+        branchControl: {
+          ...menuItem.variants?.variant?.standard,
+        },
+      },
+      boxed: {
+        item: {
+          ...menuItem.variants?.variant?.boxed,
+        },
+        branchControl: {
+          ...menuItem.variants?.variant?.boxed,
+        },
+      },
+    },
+    isCondensed: {
+      true: {
+        label: {
+          py: 1.5,
+          pl: 1.5,
+          pr: 4,
+        },
+        item: {
+          ...menuItem.variants?.isCondensed?.true,
+        },
+        branchControl: {
+          ...menuItem.variants?.isCondensed?.true,
+        },
+      },
+      false: {
+        item: {
+          ...menuItem.variants?.isCondensed?.false,
+        },
+        branchControl: {
+          ...menuItem.variants?.isCondensed?.false,
+        },
+      },
+    },
+  },
+});

package/src/recipes/unordered-list.ts

@@ -0,0 +1,19 @@
+import { defineRecipe } from "@pandacss/dev";
+
+export default defineRecipe({
+  className: "unordered-list",
+  base: {
+    /**
+     * pl-8 list-[revert]
+     */
+    pl: 8,
+    listStyle: "revert",
+    /**
+     * [&_:where(ol,ul)]:mt-1 [&_:where(ol,ul)]:-mb-1
+     */
+    "&:where(ol,ul)": {
+      mt: 1,
+      mb: -1,
+    },
+  },
+});

package/src/recipes/utility-link.ts

@@ -0,0 +1,56 @@
+/**
+ * https://github.com/digital-go-jp/design-system-example-components/blob/main/src/components/UtilityLink/UtilityLink.tsx
+ */
+import { defineRecipe } from "@pandacss/dev";
+
+export default defineRecipe({
+  className: "utility-link",
+  description:
+    "ユーティリティリンクはふつうの横並びリンクリストに近いが、それよりもコンパクトに作られています。",
+  base: {
+    /**
+     * !text-solid-gray-800 text-dns-16N-130
+     * focus-visible:bg-yellow-300 focus-visible:text-blue-1000
+     */
+    textStyle: "dns-16N-130",
+    color: {
+      base: "solid-gray.800",
+      _focusVisible: "keyColor.1000",
+    },
+    bg: { base: "transparent", _focusVisible: "yellow.300" },
+    /**
+     * underline underline-offset-[calc(3/16*1rem)]
+     * hover:decoration-[calc(3/16*1rem)]
+     */
+    textDecoration: "underline",
+    textDecorationThickness: {
+      base: "1px",
+      _hover: "calc(3 / 16 * 1rem)",
+    },
+    textUnderlineOffset: "calc(3 / 16 * 1rem)",
+    /**
+     * focus-visible:rounded-4
+     * focus-visible:outline focus-visible:outline-4
+     * focus-visible:outline-black focus-visible:outline-offset-[calc(2/16*1rem)]
+     * focus-visible:ring-[calc(2/16*1rem)] focus-visible:ring-yellow-300
+     */
+    _focusVisible: {
+      rounded: 4,
+      outlineStyle: "solid",
+      outlineWidth: "4px",
+      outlineColor: "black",
+      outlineOffset: "calc(2 / 16 * 1rem)",
+      focusRing: "calc(2 / 16 * 1rem)",
+    },
+    /**
+     * with icon
+     */
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 1,
+    "& svg": {
+      width: "1em",
+      height: "1em",
+    },
+  },
+});

package/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "@repo/typescript-config/base.json",
+  "include": ["src"]
+}

package/tsup.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+  entry: ["src/index.ts"],
+  external: ["@pandacss/dev", "@cieloazul310/digital-go-pandacss-plugin"],
+  format: ["esm", "cjs"],
+  dts: true,
+  clean: true,
+});