@undp/design-system-react
Version:
React based design system for UNDP
485 lines (484 loc) • 14.6 kB
JSON
{
"name": "@undp/design-system-react",
"version": "3.0.6",
"main": "./dist/index.cjs",
"module": "./dist/index.js",
"types": "./dist/index.d.ts",
"sideEffects": [
"*.css"
],
"engines": {
"node": ">=18.0.0"
},
"files": [
"tailwind.config.js",
"dist"
],
"exports": {
".": {
"types": "./dist/index.d.ts",
"import": "./dist/index.js",
"require": "./dist/index.cjs"
},
"./Accordion": {
"types": "./dist/Accordion.d.ts",
"import": "./dist/Accordion.js",
"require": "./dist/Accordion.cjs"
},
"./Attachment": {
"types": "./dist/Attachment.d.ts",
"import": "./dist/Attachment.js",
"require": "./dist/Attachment.cjs"
},
"./Avatar": {
"types": "./dist/Avatar.d.ts",
"import": "./dist/Avatar.js",
"require": "./dist/Avatar.cjs"
},
"./Badge": {
"types": "./dist/Badge.d.ts",
"import": "./dist/Badge.js",
"require": "./dist/Badge.cjs"
},
"./Banner": {
"types": "./dist/Banner.d.ts",
"import": "./dist/Banner.js",
"require": "./dist/Banner.cjs"
},
"./Breadcrumb": {
"types": "./dist/Breadcrumb.d.ts",
"import": "./dist/Breadcrumb.js",
"require": "./dist/Breadcrumb.cjs"
},
"./Bubble": {
"types": "./dist/Bubble.d.ts",
"import": "./dist/Bubble.js",
"require": "./dist/Bubble.cjs"
},
"./Button": {
"types": "./dist/Button.d.ts",
"import": "./dist/Button.js",
"require": "./dist/Button.cjs"
},
"./Calendar": {
"types": "./dist/Calendar.d.ts",
"import": "./dist/Calendar.js",
"require": "./dist/Calendar.cjs"
},
"./Card": {
"types": "./dist/Card.d.ts",
"import": "./dist/Card.js",
"require": "./dist/Card.cjs"
},
"./Carousel": {
"types": "./dist/Carousel.d.ts",
"import": "./dist/Carousel.js",
"require": "./dist/Carousel.cjs"
},
"./Checkbox": {
"types": "./dist/Checkbox.d.ts",
"import": "./dist/Checkbox.js",
"require": "./dist/Checkbox.cjs"
},
"./CheckboxGroup": {
"types": "./dist/CheckboxGroup.d.ts",
"import": "./dist/CheckboxGroup.js",
"require": "./dist/CheckboxGroup.cjs"
},
"./Container": {
"types": "./dist/Container.d.ts",
"import": "./dist/Container.js",
"require": "./dist/Container.cjs"
},
"./DatePicker": {
"types": "./dist/DatePicker.d.ts",
"import": "./dist/DatePicker.js",
"require": "./dist/DatePicker.cjs"
},
"./DateRangePicker": {
"types": "./dist/DateRangePicker.d.ts",
"import": "./dist/DateRangePicker.js",
"require": "./dist/DateRangePicker.cjs"
},
"./DateTimePicker": {
"types": "./dist/DateTimePicker.d.ts",
"import": "./dist/DateTimePicker.js",
"require": "./dist/DateTimePicker.cjs"
},
"./DateTimeRangePicker": {
"types": "./dist/DateTimeRangePicker.d.ts",
"import": "./dist/DateTimeRangePicker.js",
"require": "./dist/DateTimeRangePicker.cjs"
},
"./Drawer": {
"types": "./dist/Drawer.d.ts",
"import": "./dist/Drawer.js",
"require": "./dist/Drawer.cjs"
},
"./DropdownMenu": {
"types": "./dist/DropdownMenu.d.ts",
"import": "./dist/DropdownMenu.js",
"require": "./dist/DropdownMenu.cjs"
},
"./DropdownSelect": {
"types": "./dist/DropdownSelect.d.ts",
"import": "./dist/DropdownSelect.js",
"require": "./dist/DropdownSelect.cjs"
},
"./FeaturedCard": {
"types": "./dist/FeaturedCard.d.ts",
"import": "./dist/FeaturedCard.js",
"require": "./dist/FeaturedCard.cjs"
},
"./FeatureShowcase": {
"types": "./dist/FeatureShowcase.d.ts",
"import": "./dist/FeatureShowcase.js",
"require": "./dist/FeatureShowcase.cjs"
},
"./FileUpload": {
"types": "./dist/FileUpload.d.ts",
"import": "./dist/FileUpload.js",
"require": "./dist/FileUpload.cjs"
},
"./Footer": {
"types": "./dist/Footer.d.ts",
"import": "./dist/Footer.js",
"require": "./dist/Footer.cjs"
},
"./Grid": {
"types": "./dist/Grid.d.ts",
"import": "./dist/Grid.js",
"require": "./dist/Grid.cjs"
},
"./Header": {
"types": "./dist/Header.d.ts",
"import": "./dist/Header.js",
"require": "./dist/Header.cjs"
},
"./HoverCard": {
"types": "./dist/HoverCard.d.ts",
"import": "./dist/HoverCard.js",
"require": "./dist/HoverCard.cjs"
},
"./Input": {
"types": "./dist/Input.d.ts",
"import": "./dist/Input.js",
"require": "./dist/Input.cjs"
},
"./InputGroup": {
"types": "./dist/InputGroup.d.ts",
"import": "./dist/InputGroup.js",
"require": "./dist/InputGroup.cjs"
},
"./Label": {
"types": "./dist/Label.d.ts",
"import": "./dist/Label.js",
"require": "./dist/Label.cjs"
},
"./LanguageSwitcher": {
"types": "./dist/LanguageSwitcher.d.ts",
"import": "./dist/LanguageSwitcher.js",
"require": "./dist/LanguageSwitcher.cjs"
},
"./List": {
"types": "./dist/List.d.ts",
"import": "./dist/List.js",
"require": "./dist/List.cjs"
},
"./MarkdownRenderer": {
"types": "./dist/MarkdownRenderer.d.ts",
"import": "./dist/MarkdownRenderer.js",
"require": "./dist/MarkdownRenderer.cjs"
},
"./Marker": {
"types": "./dist/Marker.d.ts",
"import": "./dist/Marker.js",
"require": "./dist/Marker.cjs"
},
"./Message": {
"types": "./dist/Message.d.ts",
"import": "./dist/Message.js",
"require": "./dist/Message.cjs"
},
"./MessageScroller": {
"types": "./dist/MessageScroller.d.ts",
"import": "./dist/MessageScroller.js",
"require": "./dist/MessageScroller.cjs"
},
"./Modal": {
"types": "./dist/Modal.d.ts",
"import": "./dist/Modal.js",
"require": "./dist/Modal.cjs"
},
"./PageHeader": {
"types": "./dist/PageHeader.d.ts",
"import": "./dist/PageHeader.js",
"require": "./dist/PageHeader.cjs"
},
"./PageWideCard": {
"types": "./dist/PageWideCard.d.ts",
"import": "./dist/PageWideCard.js",
"require": "./dist/PageWideCard.cjs"
},
"./Pagination": {
"types": "./dist/Pagination.d.ts",
"import": "./dist/Pagination.js",
"require": "./dist/Pagination.cjs"
},
"./Popover": {
"types": "./dist/Popover.d.ts",
"import": "./dist/Popover.js",
"require": "./dist/Popover.cjs"
},
"./RadioGroup": {
"types": "./dist/RadioGroup.d.ts",
"import": "./dist/RadioGroup.js",
"require": "./dist/RadioGroup.cjs"
},
"./ResourceCard": {
"types": "./dist/ResourceCard.d.ts",
"import": "./dist/ResourceCard.js",
"require": "./dist/ResourceCard.cjs"
},
"./SDGBorder": {
"types": "./dist/SDGBorder.d.ts",
"import": "./dist/SDGBorder.js",
"require": "./dist/SDGBorder.cjs"
},
"./SDGCardButton": {
"types": "./dist/SDGCardButton.d.ts",
"import": "./dist/SDGCardButton.js",
"require": "./dist/SDGCardButton.cjs"
},
"./SDGIcons": {
"types": "./dist/SDGIcons.d.ts",
"import": "./dist/SDGIcons.js",
"require": "./dist/SDGIcons.cjs"
},
"./Search": {
"types": "./dist/Search.d.ts",
"import": "./dist/Search.js",
"require": "./dist/Search.cjs"
},
"./SegmentedControl": {
"types": "./dist/SegmentedControl.d.ts",
"import": "./dist/SegmentedControl.js",
"require": "./dist/SegmentedControl.cjs"
},
"./Separator": {
"types": "./dist/Separator.d.ts",
"import": "./dist/Separator.js",
"require": "./dist/Separator.cjs"
},
"./Sidebar": {
"types": "./dist/Sidebar.d.ts",
"import": "./dist/Sidebar.js",
"require": "./dist/Sidebar.cjs"
},
"./SliderUI": {
"types": "./dist/SliderUI.d.ts",
"import": "./dist/SliderUI.js",
"require": "./dist/SliderUI.cjs"
},
"./Spacer": {
"types": "./dist/Spacer.d.ts",
"import": "./dist/Spacer.js",
"require": "./dist/Spacer.cjs"
},
"./Spinner": {
"types": "./dist/Spinner.d.ts",
"import": "./dist/Spinner.js",
"require": "./dist/Spinner.cjs"
},
"./StatCard": {
"types": "./dist/StatCard.d.ts",
"import": "./dist/StatCard.js",
"require": "./dist/StatCard.cjs"
},
"./StatsPanel": {
"types": "./dist/StatsPanel.d.ts",
"import": "./dist/StatsPanel.js",
"require": "./dist/StatsPanel.cjs"
},
"./Stepper": {
"types": "./dist/Stepper.d.ts",
"import": "./dist/Stepper.js",
"require": "./dist/Stepper.cjs"
},
"./Switch": {
"types": "./dist/Switch.d.ts",
"import": "./dist/Switch.js",
"require": "./dist/Switch.cjs"
},
"./Table": {
"types": "./dist/Table.d.ts",
"import": "./dist/Table.js",
"require": "./dist/Table.cjs"
},
"./Tabs": {
"types": "./dist/Tabs.d.ts",
"import": "./dist/Tabs.js",
"require": "./dist/Tabs.cjs"
},
"./Textarea": {
"types": "./dist/Textarea.d.ts",
"import": "./dist/Textarea.js",
"require": "./dist/Textarea.cjs"
},
"./Toaster": {
"types": "./dist/Toaster.d.ts",
"import": "./dist/Toaster.js",
"require": "./dist/Toaster.cjs"
},
"./ToasterHooks": {
"types": "./dist/ToasterHooks.d.ts",
"import": "./dist/ToasterHooks.js",
"require": "./dist/ToasterHooks.cjs"
},
"./Tooltip": {
"types": "./dist/Tooltip.d.ts",
"import": "./dist/Tooltip.js",
"require": "./dist/Tooltip.cjs"
},
"./Typography": {
"types": "./dist/Typography.d.ts",
"import": "./dist/Typography.js",
"require": "./dist/Typography.cjs"
},
"./UNDPLogo": {
"types": "./dist/UNDPLogo.d.ts",
"import": "./dist/UNDPLogo.js",
"require": "./dist/UNDPLogo.cjs"
},
"./VisualizationWidget": {
"types": "./dist/VisualizationWidget.d.ts",
"import": "./dist/VisualizationWidget.js",
"require": "./dist/VisualizationWidget.cjs"
},
"./VizCarousel": {
"types": "./dist/VizCarousel.d.ts",
"import": "./dist/VizCarousel.js",
"require": "./dist/VizCarousel.cjs"
},
"./cn": {
"types": "./dist/cn.d.ts",
"import": "./dist/cn.js",
"require": "./dist/cn.cjs"
},
"./ConfigProvider": {
"types": "./dist/ConfigProvider.d.ts",
"import": "./dist/ConfigProvider.js",
"require": "./dist/ConfigProvider.cjs"
},
"./style.css": {
"import": "./dist/style.css",
"require": "./dist/style.css"
},
"./tailwind.config": {
"import": "./tailwind.config.js",
"require": "./tailwind.config.js"
}
},
"publishConfig": {
"access": "public"
},
"type": "module",
"description": "React based design system for UNDP",
"private": false,
"repository": {
"type": "git",
"url": "git+https://github.com/undp/undp-ui-library.git"
},
"author": "United Nations Development Programme",
"license": "MIT",
"bugs": {
"url": "https://github.com/undp/undp-ui-library/issues"
},
"homepage": "https://react.design.undp.org/",
"scripts": {
"dev": "vite",
"build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 tsc && cross-env NODE_OPTIONS=--max-old-space-size=8192 vite build",
"preview": "vite preview",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build",
"clean": "rimraf node_modules && rimraf dist && rimraf package-lock.json",
"install:build": "npm install && cross-env NODE_OPTIONS=--max-old-space-size=8192 tsc && cross-env NODE_OPTIONS=--max-old-space-size=8192 vite build",
"install:build:publish": "npm install && cross-env NODE_OPTIONS=--max-old-space-size=8192 tsc && cross-env NODE_OPTIONS=--max-old-space-size=8192 vite build && npm publish",
"lint": "biome check . --write"
},
"keywords": [
"UNDP",
"United Nations",
"React",
"design system",
"ui"
],
"dependencies": {
"@shadcn/helpers": "^0.1.0",
"@shadcn/react": "^0.2.1",
"babel-plugin-react-compiler": "^1.0.0",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"date-fns": "^4.1.0",
"embla-carousel": "^8.6.0",
"embla-carousel-react": "^8.6.0",
"lucide-react": "^0.542.0",
"next-themes": "^0.4.6",
"radix-ui": "^1.6.4",
"rc-slider": "^11.1.8",
"react-day-picker": "^10.0.1",
"react-markdown": "^10.1.0",
"react-select": "^5.10.2",
"remark-gfm": "^4.0.1",
"sonner": "^2.0.7",
"tailwind-merge": "^3.3.1",
"tw-animate-css": "^1.4.0",
"vaul": "^1.1.2"
},
"peerDependencies": {
"react": "^19.2.3",
"react-dom": "^19.2.3"
},
"peerDependenciesMeta": {
"react": {
"optional": false
},
"react-dom": {
"optional": false
}
},
"devDependencies": {
"@biomejs/biome": "^2.4.15",
"@chromatic-com/storybook": "^5.2.1",
"@mdx-js/loader": "^3.1.1",
"@mdx-js/rollup": "^3.1.1",
"@microsoft/api-extractor": "^7.58.12",
"@storybook/addon-docs": "^10.4.0",
"@storybook/mdx2-csf": "^1.1.0",
"@storybook/react": "^10.4.0",
"@storybook/react-vite": "^10.4.0",
"@tailwindcss/postcss": "^4.3.3",
"@tailwindcss/vite": "^4.3.3",
"@types/node": "^24.3.0",
"@types/react": "^19.1.12",
"@types/react-dom": "^19.1.9",
"@types/react-slider": "^1.3.6",
"@vitejs/plugin-react": "^6.0.2",
"autoprefixer": "^10.4.21",
"baseline-browser-mapping": "^2.10.29",
"concurrently": "^9.2.4",
"cross-env": "^10.1.0",
"postcss": "^8.5.6",
"rimraf": "^6.0.1",
"rollup-plugin-visualizer": "^6.0.3",
"shadcn": "^4.13.1",
"storybook": "^10.4.0",
"tailwindcss": "^4.3.3",
"typescript": "^5.9.2",
"vite": "^8.0.13",
"vite-plugin-dts": "^5.0.3"
},
"allowScripts": {
"esbuild@0.25.12": true
}
}