@datalayer/primer-addons 0.0.8 → 0.0.10

package/lib/components/card/Card.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { BoxProps } from "@primer/react";
+export type CardProps = Omit<BoxProps, 'border'> & {
+    rounded?: 'small' | 'medium' | 'large' | 'full' | number;
+    border?: boolean;
+    shadow?: 'small' | 'medium' | 'large' | 'extraLarge';
+};
+export declare const Card: React.FC<CardProps>;

package/lib/components/card/Card.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from "@primer/react";
+const roundedVals = {
+    "small": "3px",
+    "medium": "6px",
+    "large": "12px",
+    "full": "100vh",
+};
+const shadowVals = {
+    "small": '0 1px 0 rgba(31,35,40,0.04)',
+    "medium": '0 3px 6px rgba(140,149,159,0.15)',
+    "large": '0 8px 24px rgba(140,149,159,0.2)',
+    "extraLarge": '0 12px 28px rgba(140,149,159,0.3)',
+};
+export const Card = (props) => {
+    const { sx, rounded, border, shadow, children, ...otherProps } = props;
+    return (_jsx(Box, { sx: {
+            ...(sx ? sx : undefined),
+            display: 'flex',
+            alignItems: 'center',
+            ...(rounded ? typeof rounded === "string" ? {
+                borderRadius: roundedVals[rounded]
+            } : {
+                borderRadius: props.rounded
+            } : undefined),
+            ...(border ? {
+                borderWidth: 1,
+                borderStyle: 'solid',
+                borderColor: 'border.default'
+            } : undefined),
+            ...(shadow ? {
+                boxShadow: shadowVals[shadow]
+            } : {
+                boxShadow: shadowVals['small']
+            })
+        }, className: "color-shadow-medium", ...otherProps, children: children }));
+};

package/lib/components/closeableflash/CloseableFlash.d.ts

@@ -1,5 +1,7 @@
 import React from "react";
 import { FlashProps } from "@primer/react";
-type CloseableFlashProps = FlashProps;
+type CloseableFlashProps = FlashProps & {
+    onClose: () => void;
+};
 export declare const CloseableFlash: React.FC<CloseableFlashProps>;
 export {};

package/lib/components/closeableflash/CloseableFlash.js

@@ -5,6 +5,7 @@ import { XIcon } from "@primer/octicons-react";
 export const CloseableFlash = (props) => {
     const [isVisible, setIsVisible] = useState(true);
     const handleClose = () => {
+        props.onClose();
         setIsVisible(false);
     };
     if (!isVisible) {

package/lib/components/slider/Slider.d.ts

@@ -1,8 +1,8 @@
 interface CommonProps {
-    name: string;
-    id: string;
-    min: number;
-    max: number;
+    name?: string;
+    id?: string;
+    min?: number;
+    max?: number;
     label?: string;
     value?: number;
     displayValue?: boolean;

package/lib/components/slider/Slider.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useTheme, Box, CounterLabel, FormControl } from "@primer/react";
-export const Slider = ({ name = "slider", id = "slider", min, max, value, label, step = 1, markers = false, displayValue = true, disabled = false, orientation = "horizontal", width = "200px", onChange, }) => {
+export const Slider = ({ name = "slider", id = "slider", min = 0, max = 10, value = 5, label = "label", step = 1, markers = false, displayValue = true, disabled = false, orientation = "horizontal", width = "200px", onChange, }) => {
     const { colorMode } = useTheme();
     const defaultValue = max < min ? min : min + (max - min) / 2;
     const [sliderVal, setSliderVal] = useState(defaultValue);

package/lib/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./components/card/Card";
 export * from "./components/closeableflash/CloseableFlash";
 export * from "./components/slider/Slider";
 export * from "./components/toolbar/Toolbar";

package/lib/index.js

@@ -1,3 +1,4 @@
+export * from "./components/card/Card";
 export * from "./components/closeableflash/CloseableFlash";
 export * from "./components/slider/Slider";
 export * from "./components/toolbar/Toolbar";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalayer/primer-addons",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "license": "BSD-3-Clause",
   "scripts": {
     "dev": "vite",