skillgrid 0.0.13 → 0.0.16-beta

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "skillgrid",
-  "version": "0.0.13",
+  "version": "0.0.16-beta",
   "description": "Skillgrid Components Library",
-  "keywords": ["react", "ui", "components"],
+  "keywords": [
+    "react",
+    "ui",
+    "components"
+  ],
   "author": "Skillaz Dev.",
   "license": "SEE LICENSE IN ./LICENCE.md",
   "repository": "https://gitlab.dev.skillaz.ru/frontend/skillgrid",
   "homepage": "https://skillaz.ru/",
   "type": "module",
-  "sideEffects": [
-    "*.css"
-  ],
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -25,6 +26,9 @@
   "files": [
     "dist"
   ],
+  "sideEffects": [
+    "*.css"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -37,7 +41,8 @@
     "lint:css:fix": "stylelint **/*.css --fix",
     "lint:fix:all": "npm run lint:fix && npm run lint:css:fix",
     "preview": "vite preview",
-    "skillgrid": "ts-node --esm scripts/generators/index.ts",
+    "prepare": "husky",
+    "skillgrid": "tsx scripts/generators/index.ts",
     "test:generators": "vitest run scripts/generators/tests",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
@@ -62,25 +67,27 @@
     "@storybook/test": "^8.6.12",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.2",
+    "@types/fs-extra": "^11.0.4",
     "@types/node": "^22.15.17",
     "@types/react": "18.3.1",
     "@types/react-dom": "18.3.1",
     "@types/testing-library__jest-dom": "^6.0.0",
     "@vitejs/plugin-react": "^4.4.1",
-    "@vitest/coverage-v8": "^1.4.0",
-    "@vitest/ui": "^1.4.0",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
     "concurrently": "^8.2.2",
     "cosmiconfig": "^9.0.0",
     "deepmerge": "^4.3.1",
     "eslint": "^9.25.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "eslint-plugin-storybook": "^0.12.0",
-    "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-import": "^2.32.0",
     "globals": "^16.0.0",
-    "husky": "^9.1.7",
+    "husky": "^9.1.0",
     "identity-obj-proxy": "^3.0.0",
     "jsdom": "^24.0.0",
     "react": "18.3.1",
@@ -90,12 +97,13 @@
     "stylelint-config-clean-order": "^5.2.0",
     "stylelint-config-standard": "^34.0.0",
     "stylelint-order": "^6.0.3",
-    "ts-node": "^10.9.2",
+    "tsx": "^4.20.3",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.30.1",
+    "typescript-plugin-css-modules": "^5.2.0",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.3",
-    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vite-plugin-lib-inject-css": "2.2.2",
     "vitepress": "^1.0.0-rc.44",
     "vitest": "^3.2.4"
   },

package/dist/App.d.ts

@@ -1,2 +0,0 @@
-declare function App(): import("react").JSX.Element;
-export default App;

package/dist/components/StoryComponents.d.ts

@@ -1,295 +0,0 @@
-import { default as React } from 'react';
-export declare const pageStyles: {
-    fontFamily: string;
-    color: string;
-    lineHeight: number;
-    padding: string;
-    maxWidth: string;
-    margin: string;
-};
-export declare const headerStyles: {
-    display: string;
-    flexDirection: "column";
-    alignItems: string;
-    padding: string;
-    gap: string;
-    width: string;
-    marginBottom: string;
-};
-export declare const headerTitleContainerStyles: {
-    display: string;
-    flexDirection: "column";
-    alignItems: string;
-    padding: string;
-    gap: string;
-    width: string;
-};
-export declare const headerTitleStyles: {
-    width: string;
-    fontFamily: string;
-    fontStyle: string;
-    fontWeight: number;
-    fontSize: string;
-    lineHeight: string;
-    letterSpacing: string;
-    color: string;
-};
-export declare const headerSubtitleStyles: {
-    width: string;
-    maxWidth: string;
-    fontFamily: string;
-    fontStyle: string;
-    fontWeight: number;
-    fontSize: string;
-    lineHeight: string;
-    color: string;
-};
-export declare const headerDescriptionStyles: {
-    width: string;
-    maxWidth: string;
-    fontFamily: string;
-    fontStyle: string;
-    fontWeight: number;
-    fontSize: string;
-    lineHeight: string;
-    letterSpacing: string;
-    color: string;
-};
-export declare const sectionStyles: {
-    marginBottom: string;
-    padding: string;
-};
-export declare const sectionTitleStyles: {
-    width: string;
-    fontFamily: string;
-    fontStyle: string;
-    fontWeight: number;
-    fontSize: string;
-    lineHeight: string;
-    color: string;
-    marginBottom: string;
-};
-export declare const subSectionTitleStyles: {
-    fontFamily: string;
-    fontSize: string;
-    fontWeight: number;
-    lineHeight: string;
-    marginBottom: string;
-    marginTop: string;
-    color: string;
-};
-export declare const paragraphStyles: {
-    fontFamily: string;
-    fontSize: string;
-    lineHeight: string;
-    color: string;
-    marginBottom: string;
-};
-export declare const listStyles: {
-    marginBottom: string;
-    paddingLeft: string;
-};
-export declare const listItemStyles: {
-    fontFamily: string;
-    fontSize: string;
-    lineHeight: string;
-    color: string;
-    marginBottom: string;
-};
-export declare const dividerStyles: {
-    borderBottom: string;
-    margin: string;
-    width: string;
-};
-export declare const codeBlockStyles: {
-    fontFamily: string;
-    fontSize: string;
-    lineHeight: string;
-    backgroundColor: string;
-    padding: string;
-    borderRadius: string;
-    marginBottom: string;
-    overflow: string;
-    width: string;
-    color: string;
-};
-export declare const gridStyles: {
-    display: string;
-    gridTemplateColumns: string;
-    gap: string;
-    width: string;
-    marginBottom: string;
-};
-export declare const rowStyles: {
-    display: string;
-    flexWrap: "wrap";
-    gap: string;
-    marginBottom: string;
-};
-export declare const variantContainerStyles: {
-    boxSizing: "border-box";
-    display: string;
-    flexDirection: "column";
-    alignItems: string;
-    padding: string;
-    width: string;
-    height: string;
-    background: string;
-    border: string;
-    boxShadow: string;
-    borderRadius: string;
-    marginBottom: string;
-};
-export declare const darkVariantContainerStyles: {
-    background: string;
-    border: string;
-    boxSizing: "border-box";
-    display: string;
-    flexDirection: "column";
-    alignItems: string;
-    padding: string;
-    width: string;
-    height: string;
-    boxShadow: string;
-    borderRadius: string;
-    marginBottom: string;
-};
-export declare const variantDemoStyles: {
-    boxSizing: "border-box";
-    display: string;
-    flexDirection: "column";
-    justifyContent: string;
-    alignItems: string;
-    padding: string;
-    gap: string;
-    width: string;
-    height: string;
-    borderBottom: string;
-};
-export declare const darkVariantDemoStyles: {
-    borderBottom: string;
-    boxSizing: "border-box";
-    display: string;
-    flexDirection: "column";
-    justifyContent: string;
-    alignItems: string;
-    padding: string;
-    gap: string;
-    width: string;
-    height: string;
-};
-export declare const variantInfoStyles: {
-    display: string;
-    flexDirection: "column";
-    alignItems: string;
-    padding: string;
-    gap: string;
-    width: string;
-    height: string;
-};
-export declare const variantTitleStyles: {
-    width: string;
-    fontFamily: string;
-    fontStyle: string;
-    fontWeight: string;
-    fontSize: string;
-    lineHeight: string;
-    color: string;
-};
-export declare const darkVariantTitleStyles: {
-    color: string;
-    width: string;
-    fontFamily: string;
-    fontStyle: string;
-    fontWeight: string;
-    fontSize: string;
-    lineHeight: string;
-};
-export declare const variantDescriptionStyles: {
-    width: string;
-    fontFamily: string;
-    fontStyle: string;
-    fontWeight: string;
-    fontSize: string;
-    lineHeight: string;
-    letterSpacing: string;
-    color: string;
-};
-export declare const darkVariantDescriptionStyles: {
-    color: string;
-    width: string;
-    fontFamily: string;
-    fontStyle: string;
-    fontWeight: string;
-    fontSize: string;
-    lineHeight: string;
-    letterSpacing: string;
-};
-export declare const tableStyles: {
-    width: string;
-    borderCollapse: "collapse";
-    marginBottom: string;
-    fontSize: string;
-    border: string;
-    borderRadius: string;
-    overflow: string;
-};
-export declare const tableCellStyles: {
-    padding: string;
-    textAlign: "left";
-    borderBottom: string;
-    color: string;
-    fontSize: string;
-    lineHeight: string;
-    fontFamily: string;
-};
-export declare const tableHeaderStyles: {
-    fontWeight: string;
-    background: string;
-    color: string;
-    padding: string;
-    textAlign: "left";
-    borderBottom: string;
-    fontSize: string;
-    lineHeight: string;
-    fontFamily: string;
-};
-export declare const Header: ({ title, subtitle, description, }: {
-    title: string;
-    subtitle?: string;
-    description?: string;
-}) => React.JSX.Element;
-export declare const Section: ({ title, children }: {
-    title: string;
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export declare const SubSection: ({ title, children }: {
-    title: string;
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export declare const Paragraph: ({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export declare const List: ({ items }: {
-    items: React.ReactNode[];
-}) => React.JSX.Element;
-export declare const Divider: () => React.JSX.Element;
-export declare const CodeBlock: ({ content }: {
-    content: string;
-}) => React.JSX.Element;
-export declare const Grid: ({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export declare const Row: ({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export declare const Variant: ({ title, paramText, dark, children, }: {
-    title: string;
-    paramText?: string;
-    dark?: boolean;
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export declare const Table: ({ headers, rows }: {
-    headers: string[];
-    rows: React.ReactNode[][];
-}) => React.JSX.Element;

package/dist/setupTests.d.ts

@@ -1,5 +0,0 @@
-import { TestingLibraryMatchers } from '@testing-library/jest-dom/matchers';
-declare module 'vitest' {
-    interface Assertion<T> extends TestingLibraryMatchers<T, void> {
-    }
-}