@itcase/ui 1.1.6 → 1.1.8

package/dist/types/componentProps/align.d.ts

@@ -0,0 +1 @@
+export type alignPropsType = 'topLeft' | 'topCenter' | 'topRight' | 'left' | 'center' | 'right' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';

package/dist/types/componentProps/alignDirection.d.ts

@@ -0,0 +1 @@
+export type alignDirectionPropsType = 'column' | 'column-reverse' | 'horizontal' | 'horizontal-reverse' | 'row' | 'row-reverse' | 'vertical' | 'vertical-reverse';

package/dist/types/componentProps/alignment.d.ts

@@ -0,0 +1 @@
+export type alignmentProps = 'topLeft' | 'topCenter' | 'topRight' | 'leftCenter' | 'rightCenter' | 'bottomRight' | 'bottomCenter' | 'bottomLeft';

package/dist/types/componentProps/appearanceKeys.d.ts

@@ -0,0 +1 @@
+export type appearanceKeysDefaultType = 'dev' | 'accent' | 'primary' | 'secondary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary';

package/dist/types/componentProps/borderColor.d.ts

@@ -0,0 +1 @@
+export type borderColorPropsType = 'accentBorderPrimary' | 'accentBorderSecondary' | 'accentBorderTertiary' | 'accentBorderQuaternary' | 'accentBorderDisabled' | 'primaryBorderPrimary' | 'primaryBorderSecondary' | 'primaryBorderTertiary' | 'primaryBorderQuaternary' | 'primaryBorderDisabled' | 'secondaryBorderPrimary' | 'secondaryBorderSecondary' | 'secondaryBorderTertiary' | 'secondaryBorderQuaternary' | 'secondaryBorderDisabled' | 'tertiaryBorderPrimary' | 'tertiaryBorderSecondary' | 'tertiaryBorderTertiary' | 'tertiaryBorderQuaternary' | 'tertiaryBorderDisabled' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'surfaceBorderQuaternary' | 'surfaceBorderDisabled' | 'surfaceBorderInvert' | 'errorBorderPrimary' | 'errorBorderSecondary' | 'errorBorderDisabled' | 'successBorderPrimary' | 'successBorderSecondary' | 'successBorderDisabled';

package/dist/types/componentProps/borderColorHover.d.ts

@@ -0,0 +1 @@
+export type borderColorHoverPropsType = 'accentBorderPrimary' | 'accentBorderPrimaryHover' | 'primaryBorderPrimary' | 'secondaryBorderPrimary' | 'tertiaryBorderPrimary' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'errorBorderPrimary' | 'errorBorderPrimaryHover' | 'successBorderPrimary';

package/dist/types/componentProps/borderType.d.ts

@@ -0,0 +1 @@
+export type borderTypePropsType = 'outline' | 'solid' | 'none';

package/dist/types/componentProps/borderWidth.d.ts

@@ -0,0 +1 @@
+export type borderWidthPropsType = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10';

package/dist/types/componentProps/captionPosition.d.ts

@@ -0,0 +1 @@
+export type captionPositionPropsType = 'onImageTop' | 'onImageBottom' | 'top' | 'right' | 'bottom' | 'left';

package/dist/types/componentProps/direction.d.ts

@@ -0,0 +1 @@
+export type directionPropsType = 'row' | 'row-reverse' | 'column' | 'column-reverse' | 'vertical' | 'horizontal';

package/dist/types/componentProps/elevation.d.ts

@@ -0,0 +1 @@
+export type elevationPropsType = 1 | 2 | 4 | 6 | 8 | 12 | 16 | 24;

package/dist/types/componentProps/emojiSize.d.ts

@@ -0,0 +1 @@
+export type emojiSizePropsType = '16' | '24' | '32' | '40' | '56' | '64' | '144';

package/dist/types/componentProps/fill.d.ts

@@ -0,0 +1 @@
+export type fillPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'errorPrimary' | 'errorSecondary' | 'gradientPrimary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'successPrimary' | 'successSecondary' | 'surfaceItemPrimary' | 'surfaceItemPrimary' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'surfaceSecondary' | 'surfaceTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary';

package/dist/types/componentProps/fillGradient.d.ts

@@ -0,0 +1 @@
+export type fillGradientPropsType = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';

package/dist/types/componentProps/fillHover.d.ts

@@ -0,0 +1 @@
+export type fillHoverPropsType = 'accentPrimaryHover' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimaryHover' | 'secondaryPrimaryHover' | 'surfaceTertiary' | 'surfaceItemTertiary' | 'surfacePrimaryHover' | 'surfaceSecondaryHover' | 'surfaceTertiaryHover';

package/dist/types/componentProps/fillType.d.ts

@@ -0,0 +1 @@
+export type fillTypePropsType = 'solid' | 'outline' | 'ghost';

package/dist/types/componentProps/flexAlign.d.ts

@@ -0,0 +1 @@
+export type flexAlignPropsType = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'auto';

package/dist/types/componentProps/flexGrow.d.ts

@@ -0,0 +1 @@
+export type flexGrowPropsType = '0' | '1';

package/dist/types/componentProps/flexJustifyContent.d.ts

@@ -0,0 +1 @@
+export type flexJustifyContentPropsType = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';

package/dist/types/componentProps/flexWrap.d.ts

@@ -0,0 +1 @@
+export type flexWrapPropsType = 'wrap' | 'nowrap' | 'wrap-reverse';

package/dist/types/componentProps/gridAlign.d.ts

@@ -0,0 +1 @@
+export type gridAlignPropsType = 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'space-around' | 'space-between' | 'space-evenly' | 'safe center' | 'unsafe center' | 'self-start' | 'self-end' | 'first' | 'baseline' | 'first' | 'baseline' | 'last baseline';

package/dist/types/componentProps/gridAlignSelf.d.ts

@@ -0,0 +1 @@
+export type gridAlignSelfPropsType = 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'space-around' | 'space-between' | 'space-evenly' | 'safe center' | 'unsafe center' | 'self-start' | 'self-end' | 'first' | 'baseline' | 'first' | 'baseline' | 'last baseline';

package/dist/types/componentProps/gridJustifyItems.d.ts

@@ -0,0 +1 @@
+export type gridJustifyItemsPropsType = 'legacy' | 'normal' | 'stretch' | 'center' | 'safe' | 'center' | 'unsafe' | 'center' | 'start' | 'end' | 'self-start' | 'self-end' | 'left' | 'right' | 'baseline' | 'first baseline' | 'last baseline';

package/dist/types/componentProps/gridJustifySelf.d.ts

@@ -0,0 +1 @@
+export type gridJustifySelfPropsType = 'auto' | 'legacy' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'left' | 'right' | 'space-around' | 'space-between' | 'space-evenly' | 'safe' | 'center' | 'unsafe center' | 'self-start' | 'self-end' | 'left' | 'right' | 'baseline' | 'first baseline' | 'last baseline';

package/dist/types/componentProps/height.d.ts

@@ -0,0 +1 @@
+export type heightPropsType = 'fixed' | 'hug' | 'fill' | string;

package/dist/types/componentProps/horizontalContentAlign.d.ts

@@ -0,0 +1 @@
+export type horizontalContentAlignPropsType = 'center';

package/dist/types/componentProps/horizontalResizeMode.d.ts

@@ -0,0 +1 @@
+export type horizontalResizeModePropsType = 'fixed' | 'hug' | 'fill';

package/dist/types/componentProps/iconFillSize.d.ts

@@ -0,0 +1 @@
+export type iconFillSizePropsType = '14' | '16' | '24' | '32' | '36' | '40' | '60' | '64' | '144';

package/dist/types/componentProps/iconSize.d.ts

@@ -0,0 +1 @@
+export type iconSizePropsType = '14' | '16' | '20' | '24' | '32' | '40' | '60' | '64' | '144';

package/dist/types/componentProps/itemColor.d.ts

@@ -0,0 +1 @@
+export type itemColorPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'errorPrimary' | 'errorSecondary' | 'successPrimary' | 'successSecondary';

package/dist/types/componentProps/justifyContent.d.ts

@@ -0,0 +1 @@
+export type justifyContentPropsType = 'flexStart' | 'flexEnd' | 'spaceBetween' | 'spaceAround' | 'spaceEvenly' | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';

package/dist/types/componentProps/position.d.ts

@@ -0,0 +1 @@
+export type positionPropsType = 'absolute' | 'relative' | 'fixed' | 'static' | 'inherit';

package/dist/types/componentProps/resizeMode.d.ts

@@ -0,0 +1 @@
+export type resizeModePropsType = 'cover' | 'contain' | 'stretch' | 'center' | 'caption-back';

package/dist/types/componentProps/shape.d.ts

@@ -0,0 +1 @@
+export type shapePropsType = 'geometric' | 'rounded' | 'circular';

package/dist/types/componentProps/size.d.ts

@@ -0,0 +1 @@
+export type sizePropsType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';

package/dist/types/componentProps/sizeInterface.d.ts

@@ -0,0 +1 @@
+export type sizeInterfacePropsType = 'compact' | 'normal' | 'regular' | 'any';

package/dist/types/componentProps/sizePX.d.ts

@@ -0,0 +1 @@
+export type sizePXPropsType = '14' | '16' | '24' | '32' | '40' | '48' | '56' | '60' | '64' | '72' | '80' | '96' | '112' | '144' | '240';

package/dist/types/componentProps/stacking.d.ts

@@ -0,0 +1 @@
+export type stackingPropsType = 'firstOnTop' | 'lastOnTop';

package/dist/types/componentProps/state.d.ts

@@ -0,0 +1 @@
+export type statePropsType = 'active' | 'checked' | 'disabled' | 'focus' | 'hover' | 'normal';

package/dist/types/componentProps/strokeColor.d.ts

@@ -0,0 +1 @@
+export type strokeColorPropsType = 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemAccent' | 'surfaceItemDisabled' | 'accentItemPrimary' | 'accentItemSecondary' | 'primaryItemPrimary' | 'secondaryItemPrimary' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';

package/dist/types/componentProps/textAlign.d.ts

@@ -0,0 +1 @@
+export type textAlignPropsType = 'left' | 'center' | 'right';

package/dist/types/componentProps/textColor.d.ts

@@ -0,0 +1 @@
+export type textColorPropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';

package/dist/types/componentProps/textColorActive.d.ts

@@ -0,0 +1 @@
+export type textColorActivePropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';

package/dist/types/componentProps/textColorHover.d.ts

@@ -0,0 +1 @@
+export type textColorHoverPropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';

package/dist/types/componentProps/textGradient.d.ts

@@ -0,0 +1 @@
+export type textGradientPropsType = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';

package/dist/types/componentProps/textSize.d.ts

@@ -0,0 +1 @@
+export type textSizePropsType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';

package/dist/types/componentProps/textStyle.d.ts

@@ -0,0 +1 @@
+export type textStylePropsType = 'normal' | 'italic';

package/dist/types/componentProps/textTag.d.ts

@@ -0,0 +1 @@
+export type textTagPropsType = 'p' | 'span';

package/dist/types/componentProps/textWeight.d.ts

@@ -0,0 +1 @@
+export type textWeightPropsType = 'normal' | 'bold' | 'light' | 'lighter' | 'bolder' | '100' | 100 | '200' | 200 | '300' | 300 | '400' | 400 | '500' | 500 | '600' | 600 | '700' | 700 | '800' | 800 | '900' | 900 | '950' | 950;

package/dist/types/componentProps/textWrap.d.ts

@@ -0,0 +1 @@
+export type textWrapPropsType = 'wrap' | 'nowrap';

package/dist/types/componentProps/titleSize.d.ts

@@ -0,0 +1 @@
+export type titleSizePropsType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';

package/dist/types/componentProps/type.d.ts

@@ -0,0 +1 @@
+export type typePropsType = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';

package/dist/types/componentProps/underline.d.ts

@@ -0,0 +1 @@
+export type underlinePropsType = 'false' | 'none' | 'underline';

package/dist/types/componentProps/verticalContentAlign.d.ts

@@ -0,0 +1 @@
+export type verticalContentAlignPropsType = 'center';

package/dist/types/componentProps/verticalResizeMode.d.ts

@@ -0,0 +1 @@
+export type verticalResizeModePropsType = 'fixed' | 'hug' | 'fill';

package/dist/types/componentProps/width.d.ts

@@ -0,0 +1 @@
+export type widthPropsType = 'fixed' | 'hug' | 'fill' | string;

package/dist/types/componentProps/wrap.d.ts

@@ -0,0 +1 @@
+export type wrapPropsType = 'wrap' | 'no-wrap' | 'nowrap' | 'wrap-reverse';

package/dist/types/index.d.ts

@@ -0,0 +1,56 @@
+export type { alignDirectionPropsType } from './componentProps/alignDirection';
+export type { alignPropsType } from './componentProps/align';
+export type { alignmentProps } from './componentProps/alignment';
+export type { borderColorHoverPropsType } from './componentProps/borderColorHover';
+export type { borderColorPropsType } from './componentProps/borderColor';
+export type { borderTypePropsType } from './componentProps/borderType';
+export type { borderWidthPropsType } from './componentProps/borderWidth';
+export type { captionPositionPropsType } from './componentProps/captionPosition';
+export type { directionPropsType } from './componentProps/direction';
+export type { elevationPropsType } from './componentProps/elevation';
+export type { emojiSizePropsType } from './componentProps/emojiSize';
+export type { fillGradientPropsType } from './componentProps/fillGradient';
+export type { fillHoverPropsType } from './componentProps/fillHover';
+export type { fillPropsType } from './componentProps/fill';
+export type { fillTypePropsType } from './componentProps/fillType';
+export type { flexAlignPropsType } from './componentProps/flexAlign';
+export type { flexGrowPropsType } from './componentProps/flexGrow';
+export type { flexJustifyContentPropsType } from './componentProps/flexJustifyContent';
+export type { flexWrapPropsType } from './componentProps/flexWrap';
+export type { gridAlignPropsType } from './componentProps/gridAlign';
+export type { gridAlignSelfPropsType } from './componentProps/gridAlignSelf';
+export type { gridJustifyItemsPropsType } from './componentProps/gridJustifyItems';
+export type { gridJustifySelfPropsType } from './componentProps/gridJustifySelf';
+export type { heightPropsType } from './componentProps/height';
+export type { horizontalContentAlignPropsType } from './componentProps/horizontalContentAlign';
+export type { horizontalResizeModePropsType } from './componentProps/horizontalResizeMode';
+export type { iconFillSizePropsType } from './componentProps/iconFillSize';
+export type { iconSizePropsType } from './componentProps/iconSize';
+export type { itemColorPropsType } from './componentProps/itemColor';
+export type { justifyContentPropsType } from './componentProps/justifyContent';
+export type { positionPropsType } from './componentProps/position';
+export type { resizeModePropsType } from './componentProps/resizeMode';
+export type { shapePropsType } from './componentProps/shape';
+export type { sizeInterfacePropsType } from './componentProps/sizeInterface';
+export type { sizePXPropsType } from './componentProps/sizePX';
+export type { sizePropsType } from './componentProps/size';
+export type { stackingPropsType } from './componentProps/stacking';
+export type { statePropsType } from './componentProps/state';
+export type { strokeColorPropsType } from './componentProps/strokeColor';
+export type { textAlignPropsType } from './componentProps/textAlign';
+export type { textColorActivePropsType } from './componentProps/textColorActive';
+export type { textColorHoverPropsType } from './componentProps/textColorHover';
+export type { textColorPropsType } from './componentProps/textColor';
+export type { textGradientPropsType } from './componentProps/textGradient';
+export type { textSizePropsType } from './componentProps/textSize';
+export type { textStylePropsType } from './componentProps/textStyle';
+export type { textTagPropsType } from './componentProps/textTag';
+export type { textWeightPropsType } from './componentProps/textWeight';
+export type { textWrapPropsType } from './componentProps/textWrap';
+export type { titleSizePropsType } from './componentProps/titleSize';
+export type { typePropsType } from './componentProps/type';
+export type { underlinePropsType } from './componentProps/underline';
+export type { verticalContentAlignPropsType } from './componentProps/verticalContentAlign';
+export type { verticalResizeModePropsType } from './componentProps/verticalResizeMode';
+export type { widthPropsType } from './componentProps/width';
+export type { wrapPropsType } from './componentProps/wrap';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -10,12 +10,61 @@
   ],
   "license": "MIT",
   "private": false,
+  "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "components/*": [
+        "dist/components/*/index.d.ts"
+      ],
+      "constants": [
+        "dist/index.d.ts"
+      ],
+      "types": [
+        "dist/types/index.d.ts"
+      ],
+      "constants/*": [
+        "dist/index.d.ts"
+      ],
+      "context/*": [
+        "dist/context/index.d.ts"
+      ],
+      "hooks/*": [
+        "dist/hooks/index.d.ts"
+      ],
+      "stories/*": [
+        "dist/index.d.ts"
+      ]
+    }
+  },
   "exports": {
-    "./components/*": "./dist/components/*.js",
-    "./constants": "./dist/constants.js",
-    "./constants/*": "./dist/constants/*.js",
-    "./context/*": "./dist/context/*.js",
-    "./hooks/*": "./dist/hooks/*.js",
+    "./components/*": {
+      "types": "./dist/components/*/index.d.ts",
+      "require": "./dist/cjs/components/*.js",
+      "import": "./dist/components/*.js"
+    },
+    "./constants": {
+      "types": "./dist/constants/index.d.ts",
+      "require": "./dist/cjs/constants.js",
+      "import": "./dist/constants.js"
+    },
+    "./types": {
+      "types": "./dist/types/index.d.ts"
+    },
+    "./constants/*": {
+      "types": "./dist/constants/index.d.ts",
+      "require": "./dist/cjs/constants/*.js",
+      "import": "./dist/constants/*.js"
+    },
+    "./context/*": {
+      "types": "./dist/context/index.d.ts",
+      "require": "./dist/cjs/context/*.js",
+      "import": "./dist/context/*.js"
+    },
+    "./hooks/*": {
+      "types": "./dist/hooks/index.d.ts",
+      "require": "./dist/cjs/hooks/*.js",
+      "import": "./dist/hooks/*.js"
+    },
     "./stories/*": "./dist/stories/*.js"
   },
   "scripts": {
@@ -41,7 +90,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@itcase/common": "^1.1.15",
+    "@itcase/common": "^1.1.16",
     "clsx": "^2.1.0",
     "html5-boilerplate": "^9.0.0",
     "js-cookie": "^3.0.5",
@@ -52,26 +101,28 @@
     "react": "^18.2.0",
     "react-dadata": "^2.23.1",
     "react-date-range": "^1.4.0",
+    "react-datepicker": "^6.6.0",
     "react-dom": "^18.2.0",
+    "react-indiana-drag-scroll": "^3.0.3-alpha",
     "react-inlinesvg": "^4.1.3",
     "react-modern-drawer": "^1.2.2",
-    "react-datepicker": "^6.6.0",
     "react-otp-input": "^3.1.1",
     "react-paginate": "^8.2.0",
     "react-responsive": "^10.0.0",
-    "react-scroll-ondrag": "^3.0.1",
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.8.0",
-    "swiper": "^11.1.0",
+    "swiper": "^11.1.1",
     "uuid": "^9.0.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.3",
+    "@babel/core": "^7.24.4",
     "@babel/eslint-parser": "^7.24.1",
-    "@babel/preset-env": "^7.24.3",
+    "@babel/eslint-plugin": "^7.23.5",
+    "@babel/preset-env": "^7.24.4",
     "@babel/preset-react": "^7.24.1",
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
+    "@ianvs/prettier-plugin-sort-imports": "^4.2.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-json": "^6.1.0",
@@ -80,25 +131,26 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "^13.0.0",
+    "@types/lodash": "^4.17.0",
+    "@types/react": "^18",
+    "@types/react-dom": "^18.2.24",
     "babel-loader": "^9.1.3",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "eslint": "8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-babel": "^5.3.1",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-n": "^16.6.2",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-standard": "^5.0.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-config-standard": "17.1.0",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-n": "16.6.2",
+    "eslint-plugin-node": "11.1.0",
+    "eslint-plugin-prettier": "5.1.3",
+    "eslint-plugin-promise": "6.1.1",
+    "eslint-plugin-react": "7.34.1",
+    "eslint-plugin-react-hooks": "4.6.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
-    "npm": "^10.5.0",
+    "npm": "^10.5.2",
     "postcss": "^8.4.38",
     "postcss-aspect-ratio-polyfill": "^2.0.0",
     "postcss-cli": "^11.0.0",
@@ -117,18 +169,23 @@
     "postcss-nested-ancestors": "^3.0.0",
     "postcss-normalize": "^10.0.1",
     "postcss-prepend-imports": "^1.0.1",
-    "postcss-preset-env": "^9.5.3",
+    "postcss-preset-env": "^9.5.4",
     "postcss-pxtorem": "^6.1.0",
     "postcss-responsive-type": "github:ITCase/postcss-responsive-type",
     "postcss-sort-media-queries": "^5.2.0",
-    "prettier": "^3.2.5",
-    "rollup": "^4.13.2",
+    "prettier": "3.2.5",
+    "rollup": "^4.14.1",
     "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "semantic-release": "^23.0.6",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "rollup-preserve-directives": "^1.1.1",
+    "semantic-release": "^23.0.8",
     "stylelint": "^16.3.1",
     "stylelint-config-standard": "^36.0.0",
     "stylelint-no-unsupported-browser-features": "^8.0.1",
-    "stylelint-order": "^6.0.4"
+    "stylelint-order": "^6.0.4",
+    "tslib": "^2.6.2",
+    "typescript": "^5.4.5"
   }
 }

package/dist/css/components/Background/Background.css

@@ -1,11 +0,0 @@
-.background {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-  overflow: hidden;
-  &__item {
-    position: absolute;
-  }
-}