@sps-woodland/cards 7.0.0

package/lib/insight-card/InsightCard.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentProps } from "@sps-woodland/core";
+import type { IconName } from "@sps-woodland/tokens";
+import * as React from "react";
+export declare type InsightCardKind = "general" | "success" | "error" | "warning" | "processing";
+export declare const InsightCardIcons: Record<InsightCardKind, IconName>;
+export declare function InsightCard({ children, className, horizontal, icon, kind, title, metric, partnerCount, totalPartners, ...rest }: ComponentProps<{
+    horizontal?: boolean;
+    icon?: IconName;
+    kind?: InsightCardKind;
+    title?: string;
+    metric?: number | string;
+    partnerCount?: number;
+    totalPartners?: number;
+}, HTMLDivElement>): React.ReactElement;

package/lib/insight-card/InsightCard.examples.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentManifestEntry } from "@sps-woodland/core";
+export declare const InsightCardExamples: ComponentManifestEntry;

package/lib/insight-card/InsightCardSet.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from "@sps-woodland/core";
+export declare function InsightCardSet({ children, ...rest }: ComponentProps<unknown, HTMLDivElement>): JSX.Element;

package/lib/manifest.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentManifest } from "@sps-woodland/core";
+export declare const MANIFEST: ComponentManifest;

package/lib/scrollable-container/ScrollableContainer.css.d.ts

@@ -0,0 +1 @@
+export declare const scrollableContainer: string;

package/lib/scrollable-container/ScrollableContainer.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps } from "@sps-woodland/core";
+import * as React from "react";
+export declare function ScrollableContainer({ children, className, maxHeight, style, ...rest }: ComponentProps<{
+    maxHeight?: string;
+}, HTMLDivElement>): React.ReactElement;

package/lib/scrollable-container/ScrollableContainer.examples.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentManifestEntry } from "@sps-woodland/core";
+export declare const ScrollableContainerExamples: ComponentManifestEntry;

package/lib/style.css

@@ -0,0 +1 @@
+._1gxcp3j0{border-top-color:#d2d4d4;border-top-style:solid;border-top-width:.0625rem}.mxozo50{border-bottom-color:#d2d4d4;border-bottom-style:solid;border-bottom-width:.0625rem}.jyyttb0{background-clip:border-box;background-color:#fff;border-color:#d2d4d4;border-radius:.25rem;border-style:solid;border-width:.0625rem;display:flex;flex-direction:column;min-width:0;word-wrap:break-word}._1f11ubh0{font-weight:600}._7b9vus0{overflow:scroll;background-attachment:local,local,scroll,scroll;background-color:#fff;background-image:linear-gradient(0deg,#fff,hsla(0,0%,100%,0)),linear-gradient(180deg,#fff,hsla(0,0%,100%,0)),linear-gradient(0deg,rgba(0,0,0,.15),hsla(0,0%,100%,0)),linear-gradient(180deg,rgba(0,0,0,.15),hsla(0,0%,100%,0));background-position:100% 100%,0 0,100% 100%,0 0;background-repeat:no-repeat;background-size:100% 3.125rem,100% 3.125rem,100% .625rem,100% .625rem;display:block;overflow-x:hidden;overflow-y:auto}._7b9vus0 .sps-clickable-tag{background-color:#acd4e84d}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@sps-woodland/cards",
+  "description": "SPS Woodland Design System card, insight card, and scrollable container components",
+  "version": "7.0.0",
+  "author": "SPS Commerce",
+  "license": "UNLICENSED",
+  "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/cards",
+  "homepage": "https://github.com/SPSCommerce/woodland/tree/master/packages/@sps-woodland/cards#readme",
+  "main": "./lib/index.es.js",
+  "module": "./lib/index.es.js",
+  "types": "./lib/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@sps-woodland/core": "7.0.0",
+    "@sps-woodland/tokens": "7.0.0",
+    "@spscommerce/utils": "^6.12.1",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
+  },
+  "devDependencies": {
+    "@react-stately/collections": "^3.3.3",
+    "@sps-woodland/core": "7.0.0",
+    "@sps-woodland/tabs": "7.0.0",
+    "@sps-woodland/tokens": "7.0.0",
+    "@spscommerce/utils": "^6.12.1",
+    "@vanilla-extract/css": "^1.9.1",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
+  },
+  "scripts": {
+    "build": "pnpm run build:js && pnpm run build:types",
+    "build:js": "vite build",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib",
+    "watch": "vite build --watch",
+    "clean": "git clean -fdX",
+    "pub": "node ../../../scripts/publish-package.js"
+  }
+}

package/vite.config.js

@@ -0,0 +1,21 @@
+import path from "path";
+import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
+import { defineConfig } from "vite";
+
+import pkg from "./package.json";
+
+export default defineConfig({
+  plugins: [vanillaExtractPlugin()],
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, "src/index.ts"),
+      formats: ["es", "cjs"],
+      fileName: (format) => `index.${format}.js`,
+    },
+    outDir: path.resolve(__dirname, "./lib"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [],
+    },
+  },
+});