@datalayer/primer-addons 0.2.2 → 0.2.3

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

@@ -1,6 +1,5 @@
 import React from "react";
 import { BoxProps } from "@primer/react";
-import { Icon } from "@primer/octicons-react";
 export type CardProps = Omit<BoxProps, 'border'> & {
     rounded?: 'small' | 'medium' | 'large' | 'full' | number;
     border?: boolean;
@@ -9,7 +8,7 @@ export type CardProps = Omit<BoxProps, 'border'> & {
 export type CardHeaderProps = {
     title?: string;
     description?: string;
-    leadingIcon?: Icon;
+    leadingIcon?: React.ElementType;
     action?: React.ReactNode;
 };
 export type CardImageProps = {

package/lib/components/card/Card.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, StyledOcticon, Text } from "@primer/react";
+import { Box, Octicon, Text } from "@primer/react";
 const roundedVals = {
     small: "3px",
     medium: "6px",
@@ -35,7 +35,7 @@ export const Card = (props) => {
 };
 Card.Header = (props) => {
     const { title, description, leadingIcon, action } = props;
-    return _jsxs(Box, { display: "flex", alignItems: "center", sx: { p: 3 }, children: [leadingIcon && _jsx(Box, { sx: { mr: 3 }, children: _jsx(StyledOcticon, { size: "medium", icon: leadingIcon }) }), _jsxs(Box, { sx: { flexGrow: 1 }, children: [_jsx(Text, { display: "block", children: title }), _jsx(Text, { display: "block", color: "fg.muted", children: description })] }), action && _jsx(Box, { children: action })] });
+    return _jsxs(Box, { display: "flex", alignItems: "center", sx: { p: 3 }, children: [leadingIcon && _jsx(Box, { sx: { mr: 3 }, children: _jsx(Octicon, { size: "medium", icon: leadingIcon }) }), _jsxs(Box, { sx: { flexGrow: 1 }, children: [_jsx(Text, { display: "block", children: title }), _jsx(Text, { display: "block", color: "fg.muted", children: description })] }), action && _jsx(Box, { children: action })] });
 };
 Card.Image = ({ url, image, svg, height }) => {
     return (_jsxs(Box, { display: "block", width: "100%", height: `${height}px`, backgroundImage: `url(${url})`, sx: {

package/lib/components/closeable-flash/CloseableFlash.d.ts

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

package/lib/components/closeable-flash/CloseableFlash.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Box, Flash, StyledOcticon, Text } from "@primer/react";
+import { Box, Flash, Octicon, Text } from "@primer/react";
 import { XIcon } from "@primer/octicons-react";
 export const CloseableFlash = (props) => {
     const { leadingIcon, variant, onClose, ...otherProps } = props;
@@ -14,5 +14,5 @@ export const CloseableFlash = (props) => {
     if (!isVisible) {
         return null;
     }
-    return (_jsx(Flash, { variant: variant, ...otherProps, children: _jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [_jsxs(Box, { sx: { flexGrow: 1 }, children: [leadingIcon && _jsx(StyledOcticon, { icon: leadingIcon }), _jsx(Text, { color: `${variant === "default" ? "accent" : (variant === "warning" ? "attention" : variant)}.fg`, children: props.children })] }), _jsx(Box, { onClick: handleClose, sx: { cursor: "pointer" }, children: _jsx(XIcon, { size: 20 }) })] }) }));
+    return (_jsx(Flash, { variant: variant, ...otherProps, children: _jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [_jsxs(Box, { sx: { flexGrow: 1 }, children: [leadingIcon && _jsx(Octicon, { icon: leadingIcon }), _jsx(Text, { color: `${variant === "default" ? "accent" : (variant === "warning" ? "attention" : variant)}.fg`, children: props.children })] }), _jsx(Box, { onClick: handleClose, sx: { cursor: "pointer" }, children: _jsx(XIcon, { size: 20 }) })] }) }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalayer/primer-addons",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "license": "BSD-3-Clause",
   "scripts": {
     "dev": "vite",
@@ -23,11 +23,9 @@
   },
   "homepage": "https://primer-addons.datalayer.tech",
   "dependencies": {
-    "@datalayer/icons-react": "0.2.2",
-    "@primer/brand-primitives": "0.29.1",
+    "@datalayer/icons-react": "0.2.3",
     "@primer/octicons-react": "19.6.0",
-    "@primer/react": "0.0.0-20230912151940",
-    "@primer/react-brand": "0.29.1",
+    "@primer/react": "36.6.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-loading-skeleton": "3.3.1",
@@ -55,5 +53,5 @@
     "typescript": "^5.0.2",
     "vite": "^4.3.2"
   },
-  "packageManager": "yarn@3.5.0+sha256.e4fc5f94867cd0b492fb0a644f14e7b47c4387bc75d46b56e86db6d0f1a6cb97"
+  "packageManager": "yarn@3.5.0"
 }