@finafrica/fin-ui 1.1.40

package/dist/lib/classnames.d.ts

@@ -0,0 +1,2 @@
+import { ArgumentArray } from 'classnames';
+export declare const cn: (...args: ArgumentArray) => string;

package/dist/lib/index.d.ts

@@ -0,0 +1 @@
+export { cn } from './classnames';

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "@finafrica/fin-ui",
+  "version": "1.1.40",
+  "description": "Component library for Fin",
+  "author": {
+    "name": "Joseph Mukorivo",
+    "url": "https://josemukorivo.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/FinAfrica/ui.fin.africa"
+  },
+  "files": [
+    "tailwind.config.js",
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "keywords": [
+    "storybook",
+    "react",
+    "typescript"
+  ],
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/core": "^7.12.9",
+    "@babel/preset-env": "^7.21.5",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.5",
+    "@rollup/plugin-commonjs": "^25.0.4",
+    "@rollup/plugin-node-resolve": "^15.2.1",
+    "@rollup/plugin-typescript": "^11.1.3",
+    "@storybook/addon-actions": "^7.4.0",
+    "@storybook/addon-essentials": "^7.4.0",
+    "@storybook/addon-interactions": "^7.4.0",
+    "@storybook/addon-links": "^7.4.0",
+    "@storybook/addon-mdx-gfm": "^7.4.0",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/addon-styling": "^1.3.7",
+    "@storybook/blocks": "^7.4.0",
+    "@storybook/manager-api": "^7.4.0",
+    "@storybook/nextjs": "^7.4.0",
+    "@storybook/react": "^7.4.0",
+    "@storybook/testing-library": "^0.2.0",
+    "@storybook/theming": "^7.4.0",
+    "@types/react": "^18.0.27",
+    "@types/react-dom": "^17.0.20",
+    "autoprefixer": "^10.4.15",
+    "babel-loader": "^8.2.2",
+    "classnames": "^2.3.2",
+    "next": "^14.2.3",
+    "postcss": "^8.4.29",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-icons": "^4.11.0",
+    "rollup": "^3.29.0",
+    "rollup-plugin-dts": "^6.0.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "storybook": "^7.4.0",
+    "tailwindcss": "^3.3.3",
+    "tslib": "^2.6.2",
+    "typescript": "^5.0.4"
+  },
+  "peerDependencies": {
+    "next": "^14.2.3 || ^15.0.0 || ^16.0.0",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.0.4",
+    "@radix-ui/react-dropdown-menu": "^2.0.5",
+    "@radix-ui/react-popover": "^1.0.6",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-tooltip": "^1.0.6",
+    "@rollup/plugin-terser": "^0.4.3",
+    "cva": "npm:class-variance-authority@^0.7.0",
+    "date-fns": "^2.30.0",
+    "react-day-picker": "^8.8.1",
+    "react-select": "^5.7.4",
+    "tailwind-merge": "^1.14.0"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build": "rollup -c"
+  }
+}

package/tailwind.config.js

@@ -0,0 +1,96 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  // darkMode: ['class', '[data-mode="dark"]'],
+  darkMode: 'class',
+  content: [
+    './app/**/*.{js,ts,jsx,tsx,mdx}',
+    './pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './components/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
+  theme: {
+    fontFamily: {
+      mono: "'Fira Code', monospace;",
+    },
+    colors: {
+      white: '#ffffff',
+      black: '#000000',
+      transparent: 'transparent',
+      current: 'currentColor',
+      primary: {
+        DEFAULT: '#1CD97E',
+        50: '#B7F6D7',
+        100: '#4AE89C',
+        200: '#1CD97E',
+        300: '#15A25E',
+      },
+      secondary: {
+        DEFAULT: '#0f172a',
+        50: '#767683',
+        100: '#474758',
+        200: '#42526E',
+        300: '#1e293b',
+      },
+      danger: {
+        DEFAULT: '#dc2626',
+        50: '#fee2e2',
+        100: '#fecaca',
+        200: '#fca5a5',
+        300: '#b91c1c',
+      },
+      warning: {
+        DEFAULT: '#FF801C',
+        50: '#FFEED6',
+        100: '#FFD599',
+        200: '#FFC370',
+        300: '#f97316',
+      },
+      success: {
+        DEFAULT: '#71CC98',
+        50: '#E4F2E7',
+        100: '#A5D7B7',
+        200: '#91CFAA',
+        300: '#84CBA2',
+      },
+      info: {
+        DEFAULT: '#33A1FD',
+        50: '#D7EDFF',
+        100: '#B1DCFB',
+        200: '#9AD1FE',
+        300: '#0ea5e9',
+      },
+      tertiary: {
+        DEFAULT: '#F4F7FA',
+        50: '#DFE1E7',
+        100: '#B3BAC5',
+        200: '#9ca3af',
+        300: '#6b7280',
+      },
+      blue: {
+        dark: '#1e293b',
+        darker: '#0f172a',
+        light: '#19BFD3',
+      },
+      gray: {
+        50: '#F4F7FA',
+        100: '#DFE1E7',
+        200: '#B3BAC5',
+        300: '#42526E',
+        400: '#091E42',
+        background: '#D9D9D933',
+        light: '#85858580',
+        dark: '#333333',
+        label: '#858585',
+      },
+    },
+    extend: {
+      theme: {
+        extend: {
+          screens: {
+            '3xl': '1900px',
+          },
+        },
+      },
+    },
+  },
+};