Update exports and package

Author: Kubit

.storybook/preview.tsx

@@ -45,6 +45,7 @@ const preview: Preview = {
     },
     options: {
       storySort: {
+        method: 'alphabetical',
         order: ['Getting Started', ['Introduction'], 'Components'],
       },
     },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "1.7.1",
+  "version": "1.8.0",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -82,24 +82,24 @@
   "sideEffects": false,
   "license": "Apache-2.0",
   "devDependencies": {
-    "@babel/core": "^7.24.8",
+    "@babel/core": "^7.24.9",
     "@babel/preset-env": "^7.24.8",
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
     "@eslint/compat": "^1.1.1",
     "@eslint/eslintrc": "^3.1.0",
-    "@eslint/js": "^9.6.0",
-    "@storybook/addon-a11y": "^8.2.2",
-    "@storybook/addon-controls": "^8.2.2",
+    "@eslint/js": "^9.7.0",
+    "@storybook/addon-a11y": "^8.2.6",
+    "@storybook/addon-controls": "^8.2.6",
     "@storybook/addon-coverage": "^1.0.4",
-    "@storybook/addon-essentials": "^8.2.2",
-    "@storybook/addon-interactions": "^8.2.2",
-    "@storybook/addon-links": "^8.2.2",
-    "@storybook/addon-themes": "^8.2.2",
-    "@storybook/blocks": "^8.2.2",
-    "@storybook/react": "^8.2.2",
-    "@storybook/react-vite": "^8.2.2",
-    "@testing-library/jest-dom": "^6.4.6",
+    "@storybook/addon-essentials": "^8.2.6",
+    "@storybook/addon-interactions": "^8.2.6",
+    "@storybook/addon-links": "^8.2.6",
+    "@storybook/addon-themes": "^8.2.6",
+    "@storybook/blocks": "^8.2.6",
+    "@storybook/react": "^8.2.6",
+    "@storybook/react-vite": "^8.2.6",
+    "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -111,13 +111,13 @@
     "@types/react-dom": "^18.3.0",
     "@types/styled-components": "^5.1.34",
     "@types/ungap__structured-clone": "^1.2.0",
-    "@typescript-eslint/eslint-plugin": "^7.16.0",
-    "@typescript-eslint/parser": "^7.16.0",
+    "@typescript-eslint/eslint-plugin": "^7.17.0",
+    "@typescript-eslint/parser": "^7.17.0",
     "@ungap/structured-clone": "^1.2.0",
     "@vitejs/plugin-react": "^4.3.1",
     "babel-jest": "^29.7.0",
     "cpy-cli": "^5.0.0",
-    "eslint": "^9.6.0",
+    "eslint": "^9.7.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-standard-with-typescript": "^43.0.1",
     "eslint-import-resolver-typescript": "^3.6.1",
@@ -126,16 +126,16 @@
     "eslint-plugin-jsx-a11y": "^6.9.0",
     "eslint-plugin-n": "^17.9.0",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "5.1.3",
-    "eslint-plugin-promise": "^6.4.0",
-    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-prettier": "5.2.1",
+    "eslint-plugin-promise": "^7.0.0",
+    "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.8",
+    "eslint-plugin-react-refresh": "^0.4.9",
     "eslint-plugin-storybook": "^0.8.0",
-    "eslint-plugin-unused-imports": "^4.0.0",
+    "eslint-plugin-unused-imports": "^4.0.1",
     "globals": "^15.8.0",
     "gts": "^5.3.1",
-    "html-validate": "^8.20.1",
+    "html-validate": "^8.21.0",
     "jest": "^29.7.0",
     "jest-axe": "^9.0.0",
     "jest-canvas-mock": "^2.5.2",
@@ -144,26 +144,26 @@
     "jest-junit": "^16.0.0",
     "jest-styled-components": "^7.2.0",
     "json-beautify": "^1.1.1",
-    "prettier": "^3.3.2",
+    "prettier": "^3.3.3",
     "react-transition-group": "^4.4.5",
     "sort-imports": "^1.1.0",
-    "storybook": "^8.2.2",
-    "ts-jest": "^29.2.2",
+    "storybook": "^8.2.6",
+    "ts-jest": "^29.2.3",
     "tsc-alias": "1.8.10",
-    "typedoc": "^0.26.4",
-    "typedoc-plugin-markdown": "^4.2.1",
-    "typescript": "^5.5.3",
-    "vite": "^5.3.3",
+    "typedoc": "^0.26.5",
+    "typedoc-plugin-markdown": "^4.2.3",
+    "typescript": "^5.5.4",
+    "vite": "^5.3.4",
     "vite-tsconfig-paths": "^4.3.2",
     "yarn-deduplicate": "^6.0.2"
   },
   "dependencies": {
-    "@emotion/is-prop-valid": "^1.2.2",
+    "@emotion/is-prop-valid": "^1.3.0",
     "lottie-web": "^5.12.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-transition-group": "^4.4.5",
-    "styled-components": "^6.1.11"
+    "styled-components": "^6.1.12"
   },
   "resolutions": {
     "strip-ansi": "^6.0.1",

src/components/index.ts

@@ -80,6 +80,7 @@ export * from './headerStructure';
 export * from './radioButtonGroup';
 export * from './functionalitiesModule';
 export * from './footer';
+export * from './inputDigitSequence';
 export * from './layout';
 export * from './operativeLayout';
 export * from './grid';

src/designSystem/kubit/components/styles.ts

@@ -67,6 +67,7 @@ export * from './layout/styles';
 export * from './dropdownSelected/styles';
 export * from './header/styles';
 export * from './headerStructure/styles';
+export * from './inputDigitSequence/styles';
 export * from './selectorBoxFile/styles';
 export * from './skeleton/styles';
 export * from './slider/styles';

src/designSystem/kubit/components/variants.ts

@@ -66,6 +66,7 @@ export * from './layout/variants';
 export * from './dropdownSelected/variants';
 export * from './header/variants';
 export * from './headerStructure/variants';
+export * from './inputDigitSequence/variants';
 export * from './selectorBoxFile/variants';
 export * from './skeleton/variants';
 export * from './slider/variants';

src/designSystem/variants.ts

@@ -32,7 +32,7 @@ export type Variants = {
   LayoutVariantType?: object;
   EmptyStateVariantType?: object;
   EmptyStateStateType?: object;
-  FooterVariant?: object;
+  FooterVariants?: object;
   FunctionalitiesModuleVariantType?: object;
   TabsVariantType?: object;
   HeaderVariantType?: object;

src/hooks/useZoomEffect/useZoomEffect.tsx

@@ -47,8 +47,6 @@ export const useZoomEffect = (
   const innerElementRef = useRef<HTMLElement | null>(null);
   // original styles ref
   const originalStyles = useRef<CssProperty[]>([]);
-  // indicate if zoomed
-  const zoomed = useRef<boolean>(false);
   // control the previous zoom value
   const prevZoom = useRef<number>(INIT_ZOOM);
   // indicate the theme breakpoints
@@ -63,13 +61,12 @@ export const useZoomEffect = (
     const element = innerElementRef.current;
     // storage the original styles
     const zoom = window.devicePixelRatio;
+    const forwardZoom = prevZoom.current <= zoom;
     if (zoom > maxZoom) {
-      zoomed.current && changeCssProperty(element, effect);
-      zoomed.current = false;
-    } else if (prevZoom.current > zoom && zoom === INIT_ZOOM) {
+      changeCssProperty(element, effect);
+    } else if (!forwardZoom && zoom <= maxZoom) {
       // apply the original styles when returning to normal size after zooming in
-      !zoomed.current && changeCssProperty(element, originalStyles.current);
-      zoomed.current = true;
+      changeCssProperty(element, originalStyles.current);
     }
     prevZoom.current = zoom;
   }, [condition]);

src/types/styled.d.ts

@@ -8,14 +8,15 @@ export interface CustomTheme {
   Z_INDEX?: ZIndexType;
   STATES?: STATES;
   POSITIONS?: POSITIONS;
-  FOCUS_STYLES?: ThemedCssFunction;
-  FOCUS_STYLES_ALT?: ThemedCssFunction;
+  FOCUS_STYLES?: FlattenSimpleInterpolation;
+  FOCUS_STYLES_ALT?: FlattenSimpleInterpolation;
   ILLUSTRATIONS_STYLES?: IllustrationType;
   ICONS_STYLES?: IconType;
   TEXT_STYLES?: TypographyTypes;
   SPACINGS: SpacingsType;
 }
 
 declare module 'styled-components' {
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
   export interface DefaultTheme extends CustomTheme {}
 }