ff-ds-ui 0.0.3 → 0.0.4

package/README.md

@@ -1 +1,13 @@
 # FF-DS-UI lib
+
+## Publish to Npm
+
+### 1 - version up => package.json, json-lock versions
+
+### 2 - tag => git tag v.0.0.0
+
+### 3 - push tag => git push origin --tags
+
+### 4 - run build => npm run build
+
+### 5 - push packets => npm publish

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "ff-ds-ui",
     "private": false,
-    "version": "0.0.3",
+    "version": "0.0.4",
     "type": "module",
     "main": "./dist/my-ui-lib.umd.js",
     "module": "./dist/my-ui-lib.es.js",

package/src/components/Avatar/Avatar.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import './Avatar.scss'
-import { bemBlock } from '@/utils'
-import { Text } from '@/components/Text'
+import { bemBlock } from '../../utils'
+import { Text } from '../../components/Text'
 import { getAvatarCamelCaseText } from './utils'
 
 export interface AvatarProps {

package/src/components/Button/Button.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import './Button.scss'
-import { bemBlock } from '@/utils'
+import { bemBlock } from '../../utils'
 import type { BUTTON_BORDER, BUTTON_SIZES, BUTTON_VARIANTS, BUTTON_WIDTH } from './const'
 
 export type ButtonBorder = (typeof BUTTON_BORDER)[number]

package/src/components/Button/__stories__/Button.stories.tsx

@@ -1,4 +1,4 @@
-import { Flex } from '@/components'
+import { Flex } from '../../'
 import { Button } from '../Button'
 import { BUTTON_BORDER, BUTTON_SIZES, BUTTON_VARIANTS, BUTTON_WIDTH } from '../const'
 import type { Meta, StoryObj } from '@storybook/react'

package/src/components/Card/Card.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import './Card.scss'
-import { bemBlock } from '@/utils'
+import { bemBlock } from '../../utils'
 
 interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode

package/src/components/Checkbox/Checkbox.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import './Checkbox.scss'
 import { Text } from '../Text'
 import { Flex } from '../Flex'
-import { bemBlock } from '@/utils'
+import { bemBlock } from '../../utils'
 
 interface CheckboxProps {
     size?: 's' | 'm' | 'l'

package/src/components/Divider/Divider.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import './Divider.scss'
-import { bemBlock } from '@/utils'
+import { bemBlock } from '../../utils'
 import { Text } from '../Text'
 
 interface DividerProps {

package/src/components/Divider/__stories__/Divider.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react'
 import { Divider } from '../Divider'
-import { Flex } from '@/components/Flex'
-import { Avatar } from '@/components/Avatar'
+import { Flex } from '../../'
+import { Avatar } from '../../Avatar'
 
 const meta = {
     title: 'Components/Divider',

package/src/components/Flex/Flex.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import './Flex.scss'
-import { bemBlock } from '@/utils'
+import { bemBlock } from '../../utils'
 
 interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode

package/src/components/Label/Label.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import './Label.scss'
-import { bemBlock } from '@/utils'
+import { bemBlock } from '../../utils'
 import { Text } from '../Text'
 import { Flex } from '../Flex'
 

package/src/components/Link/Link.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import './Link.scss'
-import { bemBlock } from '@/utils'
+import { bemBlock } from '../../utils'
 
 interface LinkProps {
     underline?: boolean

package/src/components/Loader/Loader.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import './Loader.scss'
-import { bemBlock } from '@/utils'
+import { bemBlock } from '../../utils'
 import { loaderSizes } from './const'
 
 interface LoaderProps {

package/src/components/Radio/Radio.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import './Radio.scss'
-import { bemBlock } from '@/utils'
+import { bemBlock } from '../../utils'
 import { Text } from '../Text'
 import { Flex } from '../Flex'
 

package/src/components/Skeleton/Skeleton.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import './Skeleton.scss'
-import { bemBlock } from '@/utils'
+import { bemBlock } from '../../utils'
 
 interface SkeletonProps {
     view?: 'circle' | 'square'

package/src/components/Tabs/Tabs.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import './Tabs.scss'
-import { bemBlock } from '@/utils'
+import { bemBlock } from '../../utils'
 import { Text } from '../Text'
 
 interface TabsProps {

package/src/components/Text/Text.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import './Text.scss'
-import { bemBlock } from '@/utils'
+import { bemBlock } from '../../utils'
 
 export type TextVariantType =
     | 'body1'

package/src/components/Text/_stories_/Text.stories.tsx

@@ -1,4 +1,4 @@
-import { Flex } from '@/components/Flex'
+import { Flex } from '../../'
 import { Text } from '../Text'
 import type { Meta, StoryObj } from '@storybook/react'
 

package/src/components/TextArea/TextArea.tsx

@@ -1,8 +1,7 @@
 import React from 'react'
 import './TextArea.scss'
-import { bemBlock } from '@/utils'
-import { Text } from '../Text/Text'
-import { Flex } from '../Flex'
+import { bemBlock } from '../../utils'
+import { Text, Flex } from '../'
 
 interface TextAreaProps extends React.HTMLAttributes<HTMLTextAreaElement> {
     placeholder?: string

package/src/components/TextInput/TextInput.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import './TextInput.scss'
-import { bemBlock } from '@/utils'
-import { Flex } from '@/components/Flex'
+import { bemBlock } from '../../utils'
+import { Flex } from '../'
 import { Text } from '../Text/Text'
 
 interface TextInputProps extends React.HTMLAttributes<HTMLInputElement> {

package/src/components/User/User.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import './User.scss'
 import { Avatar, type AvatarProps } from '../Avatar'
-import { Flex, Text } from '@/components'
+import { Flex, Text } from '../'
 
 interface UserProps {
     avatar?: AvatarProps

package/src/index.ts

@@ -1 +1 @@
-export * from './components'
+export * from './components'

package/tsconfig.app.json

@@ -7,10 +7,7 @@
         "module": "ESNext",
         "types": ["vite/client"],
         "skipLibCheck": true,
-        "baseUrl": ".",
-        "paths": {
-            "@/*": ["src/*"]
-        },
+
         /* Bundler mode */
         "moduleResolution": "bundler",
         "allowImportingTsExtensions": true,

package/tsconfig.build.json

@@ -10,11 +10,7 @@
         "strict": true,
         "moduleResolution": "Node",
         "skipLibCheck": true,
-        "esModuleInterop": true,
-        "baseUrl": ".",
-        "paths": {
-            "@/*": ["src/*"]
-        }
+        "esModuleInterop": true
     },
     "include": ["src"]
 }

package/vite.config.ts

@@ -39,11 +39,6 @@ export default defineConfig({
             },
         },
     },
-    resolve: {
-        alias: {
-            '@': path.resolve(__dirname, 'src'),
-        },
-    },
     test: {
         projects: [
             {