@namuna-nur/ui-kit 1.0.2

package/lib/tokens/index.js

@@ -0,0 +1,248 @@
+const e = {
+  dark: {
+    10: "#242424",
+    // Заполненный текст полей
+    20: "#323234",
+    // Заголовки модулей
+    30: "#424242",
+    // Основной текст
+    40: "#4A4A4A",
+    // Заголовки форм
+    50: "#747474"
+    // Заголовки колонок в таблице
+  },
+  gray: {
+    10: "#B6B7BA",
+    // Текст внутри полей
+    20: "#B5B5B5",
+    // Чекбокс stroke
+    30: "#D1D1D1",
+    // Неактивный текст
+    40: "#F2F2F2",
+    // Цвет полей
+    50: "#F3F6F8"
+    // Цвет заполнения
+  },
+  primary: {
+    10: "#F9B800",
+    // Основной / Акцент
+    20: "#FF9900",
+    // Hover
+    30: "#FB7100",
+    // Pressed
+    40: "#FEEAB3",
+    // Stroke
+    50: "#FFF8E6"
+    // Выделение
+  },
+  secondary: {
+    10: "#606061",
+    // default text
+    20: "#D9D9DF",
+    // disabled bg
+    30: "#FEEAB3",
+    // focus stroke
+    40: "#FFDFB0",
+    // hover stroke
+    50: "#FED3B0"
+    // pressed stroke
+  },
+  success: {
+    10: "#2EBF42",
+    // Успешно
+    20: "#76BF97",
+    // bg success
+    30: "#CCFBE0",
+    // Active status
+    40: "#16A52A",
+    // Hover
+    50: "#F0F9E3"
+    // Pressed bg
+  },
+  danger: {
+    10: "#F42929",
+    // Ошибка
+    20: "#EB2428",
+    // bg ошибка
+    30: "#D61B1E",
+    // hover
+    40: "#E69494",
+    // pressed
+    50: "#FFCCCE"
+    // Status
+  },
+  info: {
+    10: "#1B9BE4",
+    // Инфо
+    20: "#DFF8FF",
+    // bg info
+    30: "#D9EDFF",
+    // Категории
+    40: "#B8DBF6",
+    // hover
+    50: "#99C5EC"
+    // pressed
+  },
+  status: {
+    10: "#CCF8E0",
+    // success
+    20: "#E8EAEE",
+    // inactive
+    30: "#FFF2CE",
+    // process
+    40: "#FFDDCC",
+    // pending
+    50: "#FFC2C2",
+    // blocked
+    default: "#EFE5FF"
+    // done
+  },
+  sidebar: {
+    10: "#FFFFFF",
+    // default text
+    20: "#F9B800",
+    // active text
+    30: "#585858",
+    // disabled text
+    40: "#434343",
+    // hover bg
+    50: "#323234"
+    // bg
+  },
+  tertiary: {
+    10: "#B6B7BA",
+    // statusCategory.main
+    20: "#242424",
+    // hover
+    30: "#95C5EC",
+    // pressed
+    40: "#E8F4FF",
+    50: "#F6FAFF"
+  }
+}, t = {
+  fontFamily: {
+    mono: ["TT Hoves", "monospace"],
+    sans: ["TT Hoves", "sans-serif"]
+  },
+  fontWeight: {
+    black: 900,
+    bold: 700,
+    medium: 500,
+    regular: 400,
+    semibold: 600
+  },
+  textStyles: {
+    body: {
+      "body-8": {
+        fontSize: "8px",
+        fontWeight: 500,
+        lineHeight: "1"
+      },
+      "body-10": {
+        fontSize: "10px",
+        fontWeight: 500,
+        lineHeight: "1.5"
+      },
+      "body-12": {
+        fontSize: "12px",
+        fontWeight: 500,
+        lineHeight: "1.5"
+      },
+      "body-14": {
+        fontSize: "14px",
+        fontWeight: 500,
+        lineHeight: "2"
+      },
+      "body-16": {
+        fontSize: "16px",
+        fontWeight: 500,
+        lineHeight: "2"
+      },
+      "body-18": {
+        fontSize: "18px",
+        fontWeight: 500,
+        lineHeight: "2"
+      }
+    },
+    headings: {
+      h1: {
+        fontSize: "40px",
+        fontWeight: 500,
+        lineHeight: "normal"
+      },
+      h2: {
+        fontSize: "32px",
+        fontWeight: 500,
+        lineHeight: "normal"
+      },
+      h3: {
+        fontSize: "28px",
+        fontWeight: 500,
+        lineHeight: "normal"
+      },
+      h4: {
+        fontSize: "24px",
+        fontWeight: 500,
+        lineHeight: "normal"
+      },
+      h5: {
+        fontSize: "20px",
+        fontWeight: 500,
+        lineHeight: "normal"
+      },
+      h6: {
+        fontSize: "16px",
+        fontWeight: 500,
+        lineHeight: "normal"
+      }
+    },
+    inline: {
+      p: {
+        fontSize: "16px",
+        fontWeight: 500,
+        lineHeight: "normal"
+      },
+      span: {
+        fontSize: "14px",
+        fontWeight: 500,
+        lineHeight: "normal"
+      }
+    },
+    link: {
+      8: {
+        fontSize: "8px",
+        fontWeight: 500,
+        lineHeight: "1"
+      },
+      10: {
+        fontSize: "10px",
+        fontWeight: 500,
+        lineHeight: "1.5"
+      },
+      12: {
+        fontSize: "12px",
+        fontWeight: 500,
+        lineHeight: "1.5"
+      },
+      14: {
+        fontSize: "14px",
+        fontWeight: 500,
+        lineHeight: "2"
+      },
+      16: {
+        fontSize: "16px",
+        fontWeight: 500,
+        lineHeight: "2"
+      },
+      18: {
+        fontSize: "18px",
+        fontWeight: 500,
+        lineHeight: "2"
+      }
+    }
+  }
+};
+export {
+  e as colorTokens,
+  t as typographyTokens
+};

package/lib/utils/index.js

@@ -0,0 +1,11 @@
+import { f as t } from "../shared/twMerge.js";
+import { a as c, c as m } from "../shared/twMerge.js";
+const r = "dd.MM.yyyy";
+function e(o) {
+  return t(new Date(o), r);
+}
+export {
+  c as cn,
+  m as convertToGroupedFontSizes,
+  e as formatDateToDayMonthYear
+};

package/lib/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;

package/package.json

@@ -0,0 +1,163 @@
+{
+  "name": "@namuna-nur/ui-kit",
+  "version": "1.0.2",
+  "description": "UI Kit for Namuna NUR",
+  "type": "module",
+  "main": "lib/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "engines": {
+    "node": ">=20.18.0 <21",
+    "npm": ">=10.8.2 <11"
+  },
+  "files": [
+    "lib"
+  ],
+  "exports": {
+    ".": {
+      "import": "./lib/index.js",
+      "types": "./lib/index.d.ts",
+      "require": "./lib/index.js"
+    },
+    "./atoms": {
+      "import": "./lib/atoms/index.js",
+      "types": "./lib/src/atoms/index.d.ts",
+      "require": "./lib/atoms/index.js"
+    },
+    "./molecules": {
+      "import": "./lib/molecules/index.js",
+      "types": "./lib/src/molecules/index.d.ts",
+      "require": "./lib/molecules/index.js"
+    },
+    "./hooks": {
+      "import": "./lib/hooks/index.js",
+      "types": "./lib/src/hooks/index.d.ts",
+      "require": "./lib/hooks/index.js"
+    },
+    "./tokens": {
+      "import": "./lib/tokens/index.js",
+      "types": "./lib/src/tokens/index.d.ts",
+      "require": "./lib/tokens/index.js"
+    },
+    "./utils": {
+      "import": "./lib/utils/index.js",
+      "types": "./lib/src/utils/index.d.ts",
+      "require": "./lib/utils/index.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.devsymfony.io/DevSymfony/namuna-ui-kit.git"
+  },
+  "keywords": [
+    "ui",
+    "storybook"
+  ],
+  "author": "Namuna NUR <namunadevelopment@gmail.com>",
+  "scripts": {
+    "format": "prettier --check \"**/*.ts\"",
+    "format:fix": "prettier \"**/*.ts\" --write",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "prepare": "husky",
+    "build": "tsc -b && vite build",  
+    "storybook:dev": "storybook dev -p 6006",
+    "storybook:build": "storybook build --quiet --loglevel=error",
+    "test": "vitest run --reporter=basic --reporter=hanging-process",
+    "test:watch": "vitest dev --reporter=verbose",
+    "test:coverage": "vitest run --coverage --coverage.enabled",
+    "test:coverage:ui": "vitest --ui",
+    "release": "standard-version",
+    "svg:fix": "node scripts/clean-svgs.mjs",
+    "test:placeholders": "node scripts/add-placeholders.mjs"
+  },
+  "license": "ISC",
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.2",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-dialog": "^1.1.4",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-popover": "^1.1.4",
+    "@radix-ui/react-progress": "^1.1.1",
+    "@radix-ui/react-slider": "^1.2.2",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-toast": "^1.2.5",
+    "@radix-ui/react-toggle": "^1.1.9",
+    "@radix-ui/react-tooltip": "^1.1.7",
+    "@react-input/mask": "^2.0.4",
+    "@tanstack/react-table": "^8.20.6",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.5.2",
+    "nuqs": "^2.4.0",
+    "react-day-picker": "^9.5.0",
+    "react-hook-form": "^7.54.2",
+    "tailwind-merge": "^2.6.0",
+    "tailwindcss-animate": "^1.0.7"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router-dom": "^7.0.0"
+  },
+  "sideEffects": [
+    "**/index.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.6.1",
+    "@commitlint/config-conventional": "^19.6.0",
+    "@commitlint/format": "^19.5.0",
+    "@commitlint/types": "^19.5.0",
+    "@eslint/js": "^9.17.0",
+    "@storybook/addon-docs": "^9.0.15",
+    "@storybook/react-vite": "^9.0.15",
+    "@svgr/plugin-jsx": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/eslint__js": "^8.42.3",
+    "@types/react": "^19.0.4",
+    "@types/react-dom": "^19.0.2",
+    "@types/react-input-mask": "^3.0.6",
+    "@typescript-eslint/parser": "^8.19.1",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/browser": "^2.1.8",
+    "@vitest/coverage-v8": "^2.1.8",
+    "@vitest/ui": "^2.1.8",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.17.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.7.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-license-header": "^0.6.1",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^9.0.15",
+    "husky": "^9.1.7",
+    "jsdom": "^26.0.0",
+    "postcss": "^8.4.49",
+    "prettier": "^3.4.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-router-dom": "^7.0.0",
+    "storybook": "^9.0.15",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.19.1",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-svgr": "^4.3.0",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^2.1.8",
+    "vitest-browser-react": "^0.0.4",
+    "standard-version": "^9.5.0"
+  }
+}