@infomaximum/ui-kit 0.9.1

package/dist/themes/themes.utils.js

@@ -0,0 +1,21 @@
+import { baseColorTokens } from "./baseTokens/baseColorTokens/baseColorTokens.js";
+import { baseShadowTokens } from "./baseTokens/baseShadowTokens/baseShadowTokens.js";
+import { baseSizeTokens } from "./baseTokens/baseSizeTokens/baseSizeTokens.js";
+import { baseTypographyTokens } from "./baseTokens/baseTypographyTokens/baseTypographyTokens.js";
+import { getSemanticColorTokens } from "./semanticTokens/colorSemanticTokens/semanticColorTokens.js";
+import { getOtherSemanticTokens } from "./semanticTokens/otherSemanticTokens/otherSemanticTokens.js";
+import { getSemanticSizeTokens } from "./semanticTokens/sizeSemanticTokens/semanticSizeTokens.js";
+const getTheme = (themeName) => ({
+  ...baseColorTokens,
+  ...baseSizeTokens,
+  ...baseShadowTokens,
+  typography: baseTypographyTokens,
+  ...getSemanticColorTokens(themeName),
+  ...getSemanticSizeTokens(themeName),
+  ...getOtherSemanticTokens(themeName)
+});
+const lightTheme = getTheme("light");
+export {
+  getTheme,
+  lightTheme
+};

package/dist/types.d.ts

@@ -0,0 +1,4 @@
+import { Interpolation } from '@emotion/react';
+import { Theme } from './themes';
+type InterpolationWithTheme = Interpolation<Theme>;
+export type { InterpolationWithTheme };

package/dist/utils/color/index.d.ts

@@ -0,0 +1,5 @@
+import { HexColor, Rgb } from './types';
+export declare const hex2RgbErrorMessage = "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 \u0446\u0432\u0435\u0442\u0430.";
+export declare const hex2Rgb: <T extends string>(hex: HexColor<T>) => Rgb;
+export declare const hex2Rgba: <H extends string, O extends number>(hex: HexColor<H>, opacity: O) => `rgba(${number}, ${number}, ${number}, ${O})`;
+export declare const getRgbaConverter: <H extends string>(hex: HexColor<H>) => <O extends number>(opacity: O) => `rgba(${number}, ${number}, ${number}, ${O})`;

package/dist/utils/color/index.js

@@ -0,0 +1,47 @@
+const hex2RgbErrorMessage = "Неверный формат цвета.";
+const hexPattern = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/;
+const hex2Rgb = (hex) => {
+  if (!hexPattern.test(hex)) {
+    throw new Error(hex2RgbErrorMessage);
+  }
+  let red = "0";
+  let green = "0";
+  let blue = "0";
+  if (hex.length === 4) {
+    red = `0x${hex[1]}${hex[1]}`;
+    green = `0x${hex[2]}${hex[2]}`;
+    blue = `0x${hex[3]}${hex[3]}`;
+  } else if (hex.length === 7) {
+    red = `0x${hex[1]}${hex[2]}`;
+    green = `0x${hex[3]}${hex[4]}`;
+    blue = `0x${hex[5]}${hex[6]}`;
+  }
+  return {
+    red: Number(red),
+    green: Number(green),
+    blue: Number(blue)
+  };
+};
+const hex2Rgba = (hex, opacity) => {
+  const {
+    red,
+    green,
+    blue
+  } = hex2Rgb(hex);
+  return `rgba(${red}, ${green}, ${blue}, ${opacity})`;
+};
+const getRgbaConverter = (hex) => {
+  const {
+    red,
+    green,
+    blue
+  } = hex2Rgb(hex);
+  const rgbChannels = `${red}, ${green}, ${blue},`;
+  return (opacity) => `rgba(${rgbChannels} ${opacity})`;
+};
+export {
+  getRgbaConverter,
+  hex2Rgb,
+  hex2RgbErrorMessage,
+  hex2Rgba
+};

package/dist/utils/color/types.d.ts

@@ -0,0 +1,11 @@
+type HexNumber = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
+type HexLetter = "A" | "B" | "C" | "D" | "E" | "F";
+type HexLowercaseLetter = Lowercase<HexLetter>;
+type HexDigit = HexNumber | HexLowercaseLetter | HexLetter;
+export type HexColor<T extends string> = T extends `#${HexDigit}${HexDigit}${HexDigit}${infer Rest}` ? Rest extends "" ? T : Rest extends `${HexDigit}${HexDigit}${HexDigit}` ? T : "" : "";
+export type Rgb = {
+    red: number;
+    green: number;
+    blue: number;
+};
+export {};

package/dist/utils/const/index.d.ts

@@ -0,0 +1 @@
+export declare const emptyString = "";

package/dist/utils/const/index.js

@@ -0,0 +1,4 @@
+const emptyString = "";
+export {
+  emptyString
+};

package/dist/utils/consts.d.ts

@@ -0,0 +1,2 @@
+export declare const FLOATING_OFFSET = 4;
+export declare const MILLISECONDS_IN_SECOND = 1000;

package/dist/utils/consts.js

@@ -0,0 +1,6 @@
+const FLOATING_OFFSET = 4;
+const MILLISECONDS_IN_SECOND = 1e3;
+export {
+  FLOATING_OFFSET,
+  MILLISECONDS_IN_SECOND
+};

package/dist/utils/converters.d.ts

@@ -0,0 +1 @@
+export declare const convertSecondsToMilliseconds: (seconds: number) => number;

package/dist/utils/converters.js

@@ -0,0 +1,5 @@
+import { MILLISECONDS_IN_SECOND } from "./consts.js";
+const convertSecondsToMilliseconds = (seconds) => seconds * MILLISECONDS_IN_SECOND;
+export {
+  convertSecondsToMilliseconds
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { getRgbaConverter, hex2Rgba } from './color';
+export { emptyString } from './const';

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "@infomaximum/ui-kit",
+  "license": "Apache-2.0",
+  "version": "0.9.1",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "src/configure/**"
+  ],
+  "scripts": {
+    "dev": "vite build -w",
+    "build": "vite build",
+    "lint": "tsc --noEmit && eslint .",
+    "test": "vitest --run",
+    "update-snapshots": "vitest --run -u",
+    "coverage": "vitest --run --coverage",
+    "storybook": "storybook dev -p 6006 --no-open --disable-telemetry",
+    "build-storybook": "storybook build",
+    "release": "standard-version",
+    "prepare": "husky",
+    "update-icons": "node scripts/updateIcons/updateIcons.js"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.0.0",
+    "@floating-ui/react": "^0.27.6",
+    "@infomaximum/icons": "^1.3.2",
+    "@tanstack/react-virtual": "^3.13.6",
+    "lodash-es": "^4.17.21",
+    "rc-picker": "^4.11.3",
+    "rc-util": "^5.44.4",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.0.0",
+    "dayjs": "^1.0.0",
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "devDependencies": {
+    "@emotion/babel-plugin": "^11.13.5",
+    "@eslint/js": "^9.17.0",
+    "@infomaximum/config": "^2.7.0",
+    "@storybook/addon-essentials": "^8.5.0",
+    "@storybook/addon-interactions": "^8.5.0",
+    "@storybook/addon-onboarding": "^8.5.0",
+    "@storybook/blocks": "^8.5.0",
+    "@storybook/react": "^8.5.0",
+    "@storybook/react-vite": "^8.5.0",
+    "@storybook/test": "^8.5.0",
+    "@testing-library/react": "^16.2.0",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^22.10.7",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "3.0.4",
+    "dayjs": "^1.0.0",
+    "eslint": "^9.17.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.11.2",
+    "globals": "^15.14.0",
+    "happy-dom": "^16.7.2",
+    "husky": "^9.1.7",
+    "prettier": "^3.4.2",
+    "standard-version": "^9.5.0",
+    "storybook": "^8.5.1",
+    "typescript": "~5.8.2",
+    "typescript-eslint": "^8.29.0",
+    "vite": "^6.0.11",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.0.4"
+  }
+}