@peerbots/core 0.2.4 → 0.2.6

package/.changeset/config.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://unpkg.com/@changesets/config@3.1.3/schema.json",
-  "changelog": "@changesets/cli/changelog",
+  "changelog": ["@changesets/changelog-github", { "repo": "peerbots/peerbots-core" }],
   "commit": false,
   "fixed": [],
   "linked": [],

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @peerbots/core
 
+## 0.2.6
+
+### Patch Changes
+
+- [`e8744e4`](https://github.com/PEERbots/peerbots-core/commit/e8744e47d7a64bdf61b6dfcc23311b940e390b3d) Thanks [@sbeleidy](https://github.com/sbeleidy)! - Remove BasePanel since it's more of a peerbots-controller component
+
+## 0.2.5
+
+### Patch Changes
+
+- [`6df88bf`](https://github.com/PEERbots/peerbots-core/commit/6df88bf7a04905024cb6d9cbc1b6505ce3872385) Thanks [@sbeleidy](https://github.com/sbeleidy)! - Fix basepanel border
+
 ## 0.2.4
 
 ### Patch Changes

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.2.4",
+  "version": "0.2.6",
   "main": "dist/index.js",
   "style": "./dist/index.css",
   "types": "dist/index.d.ts",
@@ -57,6 +57,7 @@
     "victory": "^37.3.6"
   },
   "devDependencies": {
+    "@changesets/changelog-github": "^0.6.0",
     "@changesets/cli": "^2.30.0",
     "@chromatic-com/storybook": "^5.1.1",
     "@storybook/addon-a11y": "^10.3.3",

package/src/styles/theme.css

@@ -11,6 +11,7 @@
     --color-danger: #e86e8a;
     --color-light-bg: #d8e7eb;
     --sidebar-bg: #f9ffff;
+    --color-sidebar-bg: #f9ffff;
 
     --background-image-gradient-radial: radial-gradient(var(--tw-gradient-stops));
     --background-image-gradient-conic: conic-gradient(from 180deg at 50% 50%,

package/src/ui/index.ts

@@ -14,7 +14,6 @@ export * from "./Dropdown";
 export * from "./Collapsible";
 export * from "./Switch";
 export * from "./Label";
-export * from "./BasePanel";
 export * from "./TabRadio";
 export * from "./NumberField";
 export * from "./Field";

package/src/ui/BasePanel.stories.tsx

@@ -1,36 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { BasePanel } from "./BasePanel";
-import { Text as UIText } from "./Typography";
-
-const meta = {
-  title: "UI/BasePanel",
-  component: BasePanel,
-  parameters: {
-    layout: "centered",
-  },
-  decorators: [
-    (Story) => (
-      <div className="pb:w-[450px] pb:border pb:border-gray-200 pb:rounded-lg pb:shadow-sm pb:bg-white pb:overflow-hidden pb:p-4">
-        <Story />
-      </div>
-    ),
-  ],
-  tags: ["autodocs"],
-} satisfies Meta<typeof BasePanel>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    title: "Example Panel",
-    children: (
-      <UIText
-        variant="small"
-        className="pb:p-4 pb:bg-gray-50 pb:rounded-md pb:border pb:border-gray-100 pb:text-black pb:text-center"
-      >
-        Panel content goes here.
-      </UIText>
-    ),
-  },
-};

package/src/ui/BasePanel.tsx

@@ -1,59 +0,0 @@
-import { ReactNode } from "react";
-import { Heading, Button, Icon } from "./";
-
-export interface BasePanelProps {
-  title: string;
-  children: ReactNode;
-  onClose?: () => void;
-  className?: string;
-  headerClassName?: string;
-  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
-  setPanel: (panel: string) => void;
-}
-
-export function BasePanel({
-  title,
-  children,
-  onClose,
-  className = "",
-  headerClassName = "",
-  headingLevel = 2,
-  setPanel = (panel: string) => { }
-}: BasePanelProps) {
-
-  const handleClose = () => {
-    if (onClose) {
-      onClose();
-    } else {
-      setPanel("None");
-    }
-  };
-
-  return (
-    <div className={`pb:space-y-1 pb:p-1 ${className}`}>
-      <div
-        className={`pb:flex pb:items-center pb:justify-between pb:px-1 pb:mb-1 pb:border pb:border-solid pb:border-gray-400 pb:pb-1 ${headerClassName}`}
-      >
-        <Heading level={headingLevel} className="pb:text-lg">
-          {title}
-        </Heading>
-        <Button
-          variant="ghost"
-          size="sm"
-          onClick={handleClose}
-          className="pb:p-1 pb:rounded pb:hover:bg-gray-100 pb:h-auto"
-          aria-label={`Close ${title} Panel`}
-        >
-          <Icon size="md" className="pb:h-5 pb:w-5">
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              d="M6 18 18 6M6 6l12 12"
-            />
-          </Icon>
-        </Button>
-      </div>
-      {children}
-    </div>
-  );
-}