@bcgov/design-system-react-components 0.0.1

package/dist/esm/types/components/Tag/Tag.d.ts

@@ -0,0 +1,11 @@
+import { Key } from "react";
+import { TagProps as ReactAriaTagProps } from "react-aria-components";
+import "@bcgov/design-tokens/css/variables.css";
+import "@bcgov/bc-sans/css/BC_Sans.css";
+import "./Tag.css";
+export interface TagProps extends ReactAriaTagProps {
+    id: Key;
+    icon?: React.ReactNode;
+    color?: "bc-blue" | "bc-gold" | "blue" | "dark" | "gray" | "grey" | "green" | "red" | "yellow";
+}
+export default function Tag({ className, color, icon, id, textValue, }: TagProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Tag/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Tag";
+export type { TagProps } from "./Tag";

package/dist/esm/types/components/TagGroup/TagGroup.d.ts

@@ -0,0 +1,8 @@
+import { TagGroupProps as ReactAriaTagGroupProps } from "react-aria-components";
+import "./TagGroup.css";
+export interface TagGroupProps extends ReactAriaTagGroupProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string;
+}
+export default function TagGroup({ children, label, description, errorMessage, ...props }: TagGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/TagGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./TagGroup";
+export type { TagGroupProps } from "./TagGroup";

package/dist/esm/types/components/TagList/TagList.d.ts

@@ -0,0 +1,8 @@
+import { TagListProps as ReactAriaTagListProps } from "react-aria-components";
+import { TagProps } from "../Tag";
+import "./TagList.css";
+export interface TagListProps<T> extends Pick<ReactAriaTagListProps<T>, "children" | "renderEmptyState"> {
+    items: TagProps[];
+    orientation?: "horizontal" | "vertical";
+}
+export default function TagList<T extends object>({ items, orientation, renderEmptyState, ...props }: TagListProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/TagList/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./TagList";
+export type { TagListProps } from "./TagList";

package/dist/esm/types/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Tag } from "./Tag";
+export { default as TagGroup } from "./TagGroup";
+export { default as TagList } from "./TagList";

package/dist/esm/types/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Key } from 'react';
+import { TagProps as TagProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1 } from 'react-aria-components';
+
+interface TagProps extends TagProps$1 {
+    id: Key;
+    icon?: React.ReactNode;
+    color?: "bc-blue" | "bc-gold" | "blue" | "dark" | "gray" | "grey" | "green" | "red" | "yellow";
+}
+declare function Tag({ className, color, icon, id, textValue, }: TagProps): react_jsx_runtime.JSX.Element;
+
+interface TagGroupProps extends TagGroupProps$1 {
+    label?: string;
+    description?: string;
+    errorMessage?: string;
+}
+declare function TagGroup({ children, label, description, errorMessage, ...props }: TagGroupProps): react_jsx_runtime.JSX.Element;
+
+interface TagListProps<T> extends Pick<TagListProps$1<T>, "children" | "renderEmptyState"> {
+    items: TagProps[];
+    orientation?: "horizontal" | "vertical";
+}
+declare function TagList<T extends object>({ items, orientation, renderEmptyState, ...props }: TagListProps<T>): react_jsx_runtime.JSX.Element;
+
+export { Tag, TagGroup, TagList };

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@bcgov/design-system-react-components",
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "vite": "vite",
+    "build-vite": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "rollup": "rollup -c --bundleConfigAsCjs"
+  },
+  "main": "dist/cjs/index.cjs",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "@bcgov/bc-sans": "^2.1.0",
+    "@bcgov/design-tokens": "^1.0.0",
+    "react-aria-components": "^1.0.0-rc.0"
+  },
+  "peerDependencies": {
+    "react": "^16.14.0 || ^17.0.0-rc.1 || ^18.0.0",
+    "react-dom": "^16.14.0 || ^17.0.0-rc.1 || ^18.0.0"
+  },
+  "devDependencies": {
+    "@react-stately/data": "^3.10.3",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-json": "^6.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@storybook/addon-essentials": "^7.5.3",
+    "@storybook/addon-interactions": "^7.5.3",
+    "@storybook/addon-links": "^7.5.3",
+    "@storybook/blocks": "^7.5.3",
+    "@storybook/react": "^7.5.3",
+    "@storybook/react-vite": "^7.5.3",
+    "@storybook/testing-library": "^0.2.2",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react": "^4.0.3",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-storybook": "^0.6.15",
+    "rollup": "^4.3.0",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "storybook": "^7.5.3",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.5"
+  },
+  "author": "Tyler Krys <Tyler.Krys@gov.bc.ca>",
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/bcgov/design-system/issues"
+  },
+  "homepage": "https://github.com/bcgov/design-system#readme",
+  "private": false
+}