@shmidko61/lc-ui-kit 0.15.0 → 0.16.0

package/dist/types/index.d.ts

@@ -2,6 +2,7 @@ export type * from './animation.types';
 export type * from './flex.types';
 export type * from './interaction.types';
 export type * from './layout.types';
+export type * from './scrollbar.types';
 export type * from './shared.types';
 export type * from './spacing.types';
 export type * from './typography.types';

package/dist/types/scrollbar.types.d.ts

@@ -0,0 +1,33 @@
+import { UiKitColorValue } from './visual.types';
+/** Размер полосы/радиуса: число в px либо CSS-длина (rem, calc(), var()). Отрицательные числа сбрасываются. */
+export type ScrollbarLength = number | (string & {});
+/**
+ * Оформление нативной полосы. Не изменяет overflow и не создаёт прокрутку.
+ * В md/lg/xl поля наследуются независимо; null сбрасывает отдельное поле.
+ * Точные размеры, радиусы и кнопки доступны только при поддержке WebKit-псевдоэлементов.
+ */
+export type ScrollbarStyleProps = {
+    /** Толщина обеих полос; число в px. Без значения используется ширина браузера. */
+    size?: ScrollbarLength | null;
+    /** Цвет ползунка: токен UI-kit либо CSS-цвет. null сбрасывает цвет; при частичном оформлении используется системный цвет. */
+    thumbColor?: UiKitColorValue | null;
+    /** Цвет дорожки: токен UI-kit либо CSS-цвет. null сбрасывает цвет; при частичном оформлении используется системный цвет. */
+    trackColor?: UiKitColorValue | null;
+    /** Радиус ползунка; число в px. По умолчанию оформление браузера. */
+    thumbRadius?: ScrollbarLength | null;
+    /** Радиус дорожки; число в px. По умолчанию оформление браузера. */
+    trackRadius?: ScrollbarLength | null;
+    /** hidden скрывает кнопки, auto/null возвращает поведение браузера. */
+    buttons?: 'auto' | 'hidden' | null;
+    /** Ширина стандартного API: auto по умолчанию. none скрывает полосу, сохраняя прокрутку. */
+    fallbackWidth?: 'auto' | 'thin' | 'none' | null;
+};
+/** Общий стилевой контракт Box/Flex, доступный также в md/lg/xl. */
+export type UiKitScrollbarProps = {
+    /**
+     * Частичные overrides наследуются base → md → lg → xl.
+     * undefined/{} сохраняют настройки, null сбрасывает всё к оформлению браузера.
+     * Явные style.scrollbarColor/scrollbarWidth и CSS-переменные приоритетнее props.
+     */
+    scrollbar?: ScrollbarStyleProps | null;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shmidko61/lc-ui-kit",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "type": "module",
   "files": [
     "dist"
@@ -263,7 +263,7 @@
     "vite-plugin-svgr": "^5.2.0"
   },
   "scripts": {
-    "verify:package": "pnpm typecheck && pnpm lint && pnpm format:check && pnpm build && pnpm typecheck:package && pnpm test:checks && pnpm test:package && pnpm test:hover && pnpm test:states && pnpm test:animation && pnpm test:progress-bar && pnpm test:tabs && pnpm pack:check && pnpm storybook:build",
+    "verify:package": "pnpm typecheck && pnpm lint && pnpm format:check && pnpm build && pnpm typecheck:package && pnpm test:checks && pnpm test:package && pnpm test:hover && pnpm test:states && pnpm test:animation && pnpm test:progress-bar && pnpm test:tabs && pnpm test:scrollbar && pnpm pack:check && pnpm storybook:build",
     "build": "vite build && tailwindcss -i src/styles.css -o dist/styles.css --minify",
     "lint": "eslint src .storybook vite.config.ts --max-warnings=0",
     "lint:fix": "eslint src .storybook vite.config.ts --fix",
@@ -285,6 +285,8 @@
     "test:progress-bar": "node scripts/check-progress-bar.mjs",
     "test:progress-bar:browser": "node scripts/check-progress-bar-browser.mjs",
     "test:tabs:browser": "node scripts/check-tabs-browser.mjs",
-    "test:tabs": "node scripts/check-tabs.mjs"
+    "test:tabs": "node scripts/check-tabs.mjs",
+    "test:scrollbar": "node scripts/check-scrollbar.mjs",
+    "test:scrollbar:browser": "node scripts/check-scrollbar-browser.mjs"
   }
 }