@undp/carbon-library 1.0.174-CARBON-329.0 → 1.0.174-carbon-lib-test.1

package/dist/esm/types/stories/Button.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './button.css';
+interface ButtonProps {
+    /**
+     * Is this the principal call to action on the page?
+     */
+    primary?: boolean;
+    /**
+     * What background color to use
+     */
+    backgroundColor?: string;
+    /**
+     * How large should the button be?
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: () => void;
+}
+/**
+ * Primary UI component for user interaction
+ */
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => React.JSX.Element;
+export {};

package/dist/esm/types/stories/TestComponent.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import "antd/dist/antd.css";
+declare const meta: {
+    title: string;
+    component: (props: any) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        backgroundColor: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@undp/carbon-library",
-  "version": "1.0.174-CARBON-329.0",
+  "version": "1.0.174-carbon-lib-test.1",
   "description": "Shared Library of tools for Carbon Credits applications ecosystem for ExO and and HQ/GEF",
   "type": "module",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "rollup -c --bundleConfigAsCjs",
-    "prepare": "npm run build"
+    "prepare": "npm run build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "keywords": [],
   "author": "",
@@ -15,6 +17,7 @@
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-typescript": "^11.1.1",
+    "@storybook/addon-styling-webpack": "^0.0.5",
     "@undp/carbon-credit-calculator": "^1.1.1",
     "node-sass": "^7.0.3",
     "postcss": "^8.4.23",
@@ -28,6 +31,19 @@
   },
   "devDependencies": {
     "@ant-design/icons": "^5.2.5",
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
+    "@babel/preset-typescript": "^7.23.3",
+    "@storybook/addon-essentials": "7.5.3",
+    "@storybook/addon-interactions": "7.5.3",
+    "@storybook/addon-links": "7.5.3",
+    "@storybook/addon-onboarding": "1.0.8",
+    "@storybook/blocks": "7.5.3",
+    "@storybook/preset-ant-design": "^0.0.2",
+    "@storybook/preset-create-react-app": "^7.5.3",
+    "@storybook/react": "7.5.3",
+    "@storybook/react-webpack5": "7.5.3",
+    "@storybook/testing-library": "0.2.2",
     "@types/luxon": "^3.1.0",
     "@types/mapbox-gl": "^2.7.10",
     "@types/react": "^18.0.25",
@@ -37,13 +53,18 @@
     "axios": "^1.1.3",
     "buffer": "^6.0.3",
     "class-transformer": "^0.5.1",
+    "css-loader": "^6.8.1",
     "luxon": "^3.2.1",
     "mapbox-gl": "^2.11.1",
     "react": "^18.2.0",
     "react-apexcharts": "^1.4.0",
     "react-bootstrap-icons": "^1.10.2",
+    "react-dom": "18.2.0",
     "react-mapbox-gl": "^5.1.1",
     "react-phone-number-input": "^3.2.12",
+    "sass-loader": "^13.3.2",
+    "storybook": "7.5.3",
+    "style-loader": "^3.3.3",
     "validator": "^13.9.0"
   },
   "peerDependencies": {