forstok-ui-lib 7.7.1 → 8.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "7.7.1",
+  "version": "8.0.1",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/rollup.config.js

@@ -2,17 +2,19 @@ import PeerDepsExternalPlugin from 'rollup-plugin-peer-deps-external';
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import terser from '@rollup/plugin-terser';
-import dts from 'rollup-plugin-dts';
+import { default as dts } from 'rollup-plugin-dts';
 import typescript from '@rollup/plugin-typescript';
 import url from '@rollup/plugin-url';
 import svgr from '@svgr/rollup';
 import image from '@rollup/plugin-image';
 import css from 'rollup-plugin-import-css';
 import createStyledComponentsTransformer from 'typescript-plugin-styled-components';
-
 const packageJson = require('./package.json');
 
 export default [
+  // -----------------------------
+  // 1️⃣ JS Build (CJS + ESM)
+  // -----------------------------
   {
     input: 'src/index.ts',
     output: [
@@ -20,7 +22,7 @@ export default [
       { file: packageJson.module, format: 'esm', sourcemap: true, interop: 'auto' },
     ],
     plugins: [
-      PeerDepsExternalPlugin(), // automatically externalizes peerDependencies
+      PeerDepsExternalPlugin(),
       typescript({
         tsconfig: './tsconfig.json',
         transformers: [
@@ -36,26 +38,13 @@ export default [
           }),
         ],
       }),
-      commonjs({ 
-        include: /node_modules/, 
-        requireReturnsDefault: 'auto',
-        dynamicRequireTargets: []
-      }),
-      resolve({
-        browser: true,
-        extensions: ['.mjs', '.js', '.json', '.ts', '.tsx'],
-        preferBuiltins: false,
-        mainFields: ['module', 'main', 'browser'],
-      }),
-      terser(),
+      commonjs({ include: /node_modules/, requireReturnsDefault: 'auto', dynamicRequireTargets: [] }),
+      resolve({ browser: true, extensions: ['.mjs', '.js', '.json', '.ts', '.tsx'], preferBuiltins: false }),
       css({ minify: true, modules: true, inject: true }),
       url(),
       svgr({ icon: true }),
-      image({
-        output: `${packageJson.path}/images`,
-        extensions: /\.(png|jpg|jpeg|gif|svg)$/,
-        exclude: 'node_modules/**',
-      }),
+      image({ output: `${packageJson.path}/images`, extensions: /\.(png|jpg|jpeg|gif|svg)$/ }),
+      terser(),
     ],
     external: (id) =>
       [
@@ -74,31 +63,18 @@ export default [
         'frimousse',
       ].some((pkg) => id === pkg || id.startsWith(pkg + '/')),
     onwarn: (warning, warn) => {
-      // Ignore dynamic require warnings
-      if (warning.code === 'CIRCULAR_DEPENDENCY') return; // optional
-      if (warning.code === 'EVAL' || /the request of a dependency is an expression/.test(warning.message)) {
-        return;
-      }
-      warn(warning); // show other warnings
+      if (warning.code === 'CIRCULAR_DEPENDENCY') return;
+      if (warning.code === 'EVAL' || /the request of a dependency is an expression/.test(warning.message)) return;
+      warn(warning);
     },
   },
+
+  // -----------------------------
+  // 2️⃣ DTS Build (ONLY types)
+  // -----------------------------
   {
     input: 'src/index.ts',
-    output: [
-      {
-        file: packageJson.main,
-        format: 'cjs',
-        sourcemap: true,
-        interop: 'auto',
-        inlineDynamicImports: true,
-      },
-      {
-        file: packageJson.module,
-        format: 'esm',
-        sourcemap: true,
-        interop: 'auto',
-      }
-    ],
+    output: { file: packageJson.types || 'dist/index.d.ts', format: 'es' },
     plugins: [dts.default()],
     external: [/\.css$/],
   },

package/src/assets/stylesheets/shares.styles.ts

@@ -466,7 +466,7 @@ const getNameModFunc = ({ $mode }:{ $mode?: string }) => {
     style +=`
       font-size: 22px;
       ${multiElipsis}
-      line-height: 1;
+      line-height: normal;
     `
   }
   return style

package/src/components/text/index.tsx

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
 import { TextContainer } from './styles';
 
 type TText = HTMLAttributes<HTMLSpanElement> & { 
@@ -9,7 +9,7 @@ type TText = HTMLAttributes<HTMLSpanElement> & {
 
 const TextComponent = ({ children, $color, $elipsis=true, ...props }:TText) => {
   return (
-    <TextContainer $elipsis={$elipsis ? true : false} $color={$color} {...props}>
+    <TextContainer $elipsis={$elipsis} $color={$color} {...props}>
       {children}
     </TextContainer>
   );

package/tsconfig.json

@@ -1,6 +1,8 @@
 {
   "compilerOptions": {
     "noEmit": false,
+    "allowJs": false,
+    "isolatedModules": false,
     "declaration": false,
     "emitDeclarationOnly": false,
     "target": "ES2017",
@@ -10,7 +12,6 @@
       "ESNext"
     ],
     "sourceMap": true,
-    "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
@@ -19,7 +20,6 @@
     "module": "esnext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
-    "isolatedModules": true,
     "jsx": "react-jsx"
   },
   "include": [