1mpacto-react-ui 2.0.2 → 2.0.4

package/dist/package.json.d.ts

@@ -1,135 +1,134 @@
-declare const _default: {
-  "name": "1mpacto-react-ui",
-  "private": false,
-  "version": "2.0.2",
-  "type": "module",
-  "engines": {
-    "node": ">=20.19.4",
-    "npm": ">=10.8.2"
-  },
-  "scripts": {
-    "copy:toastify-css": "cp ./node_modules/react-toastify/dist/ReactToastify.css ./dist/assets/toast.css",
-    "copy:mixin-scss": "cp ./src/styles/_mixins.scss ./dist/assets/_mixins.scss",
-    "dev": "vite",
-    "transform:style": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-style.js",
-    "postProcess:fontfamily": "node ./src/utils/post-process-css.js",
-    "process:transformStyle": "npm run postProcess:fontfamily && npm run transform:style",
-    "process:copyStyle": "npm run copy:mixin-scss && npm run copy:toastify-css",
-    "build": "tsc -b && vite build && npm run build:css && npm run build:fontfamily && npm run process:copyStyle && npm run process:transformStyle",
-    "build:css": "tailwindcss -i ./src/styles/index.scss -o ./dist/assets/core.css --minify",
-    "build:fontfamily": "sass ./src/styles/fontfamily.scss ./dist/assets/fontfamily.css --no-source-map --style=compressed",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "prepare": "husky && npm run build",
-    "watch:build": "npx watch \"npm run build\" ./src",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "postbuild": "copyfiles -f src/types/* dist/types-external/",
-    "install": "copyfiles -f dist/types-external/* ../../src/types/"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^4.0.1",
-    "@eslint/compat": "^1.3.1",
-    "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.32.0",
-    "@storybook/addon-docs": "^9.0.18",
-    "@storybook/addon-onboarding": "^9.0.18",
-    "@storybook/react-vite": "^9.0.18",
-    "@stylistic/eslint-plugin": "^5.2.2",
-    "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20",
-    "@types/node-forge": "^1.3.14",
-    "@types/react": "^19.1.9",
-    "@types/react-dom": "^19.1.7",
-    "@typescript-eslint/eslint-plugin": "^8.38.0",
-    "@typescript-eslint/parser": "^8.38.0",
-    "@vitejs/plugin-react-swc": "^3.9.0",
-    "autoprefixer": "^10.4.19",
-    "eslint": "^9.32.0",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prettier": "^5.5.3",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^9.0.18",
-    "glob": "^11.0.3",
-    "globals": "^16.3.0",
-    "husky": "^9.1.7",
-    "lint-staged": "^16.1.2",
-    "postcss": "^8.5.2",
-    "prettier": "^3.6.2",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "sass": "^1.89.2",
-    "storybook": "^9.0.18",
-    "tailwindcss": "^3.4.4",
-    "ts-node": "^10.9.2",
-    "typescript": "~5.8.3",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.4"
-  },
-  "peerDependencies": {
-    "react": ">= 19",
-    "react-dom": ">=19",
-    "yup": ">=1.4.0"
-  },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    },
-    "./dist/assets/toast.css": "./dist/assets/toast.css",
-    "./dist/assets/core.css": "./dist/assets/core.css",
-    "./dist/assets/style.css": "./dist/assets/style.css",
-    "./dist/assets/colors.css": "./dist/assets/colors.css",
-    "./dist/assets/_colors.scss": "./dist/assets/_colors.scss",
-    "./dist/assets/typography.css": "./dist/assets/typography.css",
-    "./dist/assets/_typography.scss": "./dist/assets/_typography.scss",
-    "./dist/assets/screen.css": "./dist/assets/screen.css",
-    "./dist/assets/_screen.scss": "./dist/assets/_screen.scss",
-    "./dist/assets/_mixins.scss": "./dist/assets/_mixins.scss"
-  },
-  "files": [
-    "/dist"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "eslint --quiet --fix"
-    ],
-    "*.{json,js,ts,jsx,tsx,html}": [
-      "prettier --write --ignore-unknown"
-    ]
-  },
-  "dependencies": {
-    "@floating-ui/react": "^0.27.15",
-    "@internationalized/date": "^3.8.2",
-    "@tanstack/react-table": "^8.21.3",
-    "@tinymce/tinymce-react": "^6.2.1",
-    "bignumber.js": "^9.1.2",
-    "chart.js": "^4.5.0",
-    "copyfiles": "^2.4.1",
-    "date-fns": "^3.6.0",
-    "js-cookie": "^3.0.5",
-    "lossless-json": "^4.0.2",
-    "node-forge": "^1.3.1",
-    "react-aria": "^3.42.0",
-    "react-chartjs-2": "^5.3.0",
-    "react-number-format": "^5.4.4",
-    "react-select": "^5.10.2",
-    "react-stately": "^3.40.0",
-    "react-toastify": "^11.0.5",
-    "react-virtuoso": "^4.13.0",
-    "tinymce": "^7.9.1"
-  }
-}
-;
+declare const _default: {
+  "name": "1mpacto-react-ui",
+  "private": false,
+  "version": "2.0.4",
+  "type": "module",
+  "engines": {
+    "node": ">=20.19.4",
+    "npm": ">=10.8.2"
+  },
+  "scripts": {
+    "copy:toastify-css": "cp ./node_modules/react-toastify/dist/ReactToastify.css ./dist/assets/toast.css",
+    "copy:mixin-scss": "cp ./src/styles/_mixins.scss ./dist/assets/_mixins.scss",
+    "dev": "vite",
+    "transform:style": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-style.js",
+    "postProcess:fontfamily": "node ./src/utils/post-process-css.js",
+    "process:transformStyle": "npm run postProcess:fontfamily && npm run transform:style",
+    "process:copyStyle": "npm run copy:mixin-scss && npm run copy:toastify-css",
+    "build": "tsc -b && vite build && npm run build:css && npm run build:fontfamily && npm run process:copyStyle && npm run process:transformStyle",
+    "build:css": "tailwindcss -i ./src/styles/index.scss -o ./dist/assets/core.css --minify",
+    "build:fontfamily": "sass ./src/styles/fontfamily.scss ./dist/assets/fontfamily.css --no-source-map --style=compressed",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepare": "husky && npm run build",
+    "watch:build": "npx watch \"npm run build\" ./src",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "postbuild": "copyfiles -f src/types/* dist/types-external/",
+    "install": "copyfiles -f dist/types-external/* ../../src/types/"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.3",
+    "@eslint/compat": "^1.3.1",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.32.0",
+    "@storybook/addon-docs": "^10.1.4",
+    "@storybook/addon-onboarding": "^10.1.4",
+    "@storybook/react-vite": "^10.1.4",
+    "@stylistic/eslint-plugin": "^5.2.2",
+    "@types/js-cookie": "^3.0.6",
+    "@types/node": "^20",
+    "@types/node-forge": "^1.3.14",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@typescript-eslint/eslint-plugin": "^8.48.1",
+    "@typescript-eslint/parser": "^8.48.1",
+    "@vitejs/plugin-react-swc": "^3.9.0",
+    "autoprefixer": "^10.4.19",
+    "eslint": "^9.32.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-storybook": "^10.1.4",
+    "glob": "^13.0.0",
+    "globals": "^16.3.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.2.7",
+    "postcss": "^8.5.2",
+    "prettier": "^3.7.4",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "sass": "^1.94.2",
+    "storybook": "^10.1.4",
+    "tailwindcss": "^3.4.4",
+    "ts-node": "^10.9.2",
+    "typescript": "~5.9.3",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "peerDependencies": {
+    "react": ">= 19",
+    "react-dom": ">=19",
+    "yup": ">=1.4.0"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./dist/assets/toast.css": "./dist/assets/toast.css",
+    "./dist/assets/core.css": "./dist/assets/core.css",
+    "./dist/assets/style.css": "./dist/assets/style.css",
+    "./dist/assets/colors.css": "./dist/assets/colors.css",
+    "./dist/assets/_colors.scss": "./dist/assets/_colors.scss",
+    "./dist/assets/typography.css": "./dist/assets/typography.css",
+    "./dist/assets/_typography.scss": "./dist/assets/_typography.scss",
+    "./dist/assets/screen.css": "./dist/assets/screen.css",
+    "./dist/assets/_screen.scss": "./dist/assets/_screen.scss",
+    "./dist/assets/_mixins.scss": "./dist/assets/_mixins.scss"
+  },
+  "files": [
+    "/dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --quiet --fix"
+    ],
+    "*.{json,js,ts,jsx,tsx,html}": [
+      "prettier --write --ignore-unknown"
+    ]
+  },
+  "dependencies": {
+    "@floating-ui/react": "^0.27.16",
+    "@internationalized/date": "^3.10.0",
+    "@tanstack/react-table": "^8.21.3",
+    "@tinymce/tinymce-react": "^6.3.0",
+    "bignumber.js": "^9.3.1",
+    "chart.js": "^4.5.1",
+    "copyfiles": "^2.4.1",
+    "date-fns": "^4.1.0",
+    "js-cookie": "^3.0.5",
+    "lossless-json": "^4.3.0",
+    "node-forge": "^1.3.2",
+    "react-aria": "^3.44.0",
+    "react-chartjs-2": "^5.3.1",
+    "react-number-format": "^5.4.4",
+    "react-select": "^5.10.2",
+    "react-stately": "^3.42.0",
+    "react-toastify": "^11.0.5",
+    "react-virtuoso": "^4.16.1",
+    "tinymce": "^8.2.2"
+  }
+};
 
 export default _default;

package/dist/src/components/Button/Button.config.d.ts

@@ -65,7 +65,8 @@ export declare const configButton: {
         'secondary-bill-secondary-800': string;
         'tertiary-bill-secondary-800': string;
         'primary-bill-red-700': string;
-        'filled-bill-bluegray-500_text-bill-body-sm': string;
+        'filled-bill-blue-gray-500_bg-blue-gray-50': string;
+        'filled-bill-secondary-800_bg-white': string;
     };
 };
 export declare const keysConfigButtonVariant: string[];

package/dist/src/components/ButtonIcon/ButtonIcon.config.d.ts

@@ -8,6 +8,11 @@ export declare const configButton: {
         m: string;
         s: string;
         xs: string;
+        'bill-l': string;
+        'bill-m': string;
+        'bill-s': string;
+        'bill-xs': string;
+        'bill-xxs': string;
     };
     loadingSize: {
         large: string;
@@ -18,6 +23,11 @@ export declare const configButton: {
         m: string;
         s: string;
         xs: string;
+        'bill-l': string;
+        'bill-m': string;
+        'bill-s': string;
+        'bill-xs': string;
+        'bill-xxs': string;
     };
     variants: {
         'primary-laba-blue-10': string;
@@ -46,6 +56,10 @@ export declare const configButton: {
         'nude-laba-red-05': string;
         'primary-red-700': string;
         'secondary-red-700': string;
+        'primary-bill-primary-600': string;
+        'secondary-bill-secondary-800': string;
+        'tertiary-bill-secondary-800': string;
+        'primary-bill-red-700': string;
     };
 };
 export declare const keysConfigButtonVariant: string[];

package/dist/src/components/Pagination/Pagination.config.d.ts

@@ -1,5 +1,21 @@
 export declare const configPagination: {
-    box: string;
-    nude: string;
+    kind: {
+        box: string;
+        nude: string;
+    };
+    fonts: {
+        inter: {
+            value: string;
+            typographyButtonLabel: string;
+        };
+        lato: {
+            value: string;
+            typographyButtonLabel: string;
+        };
+        pJakartaSans: {
+            value: string;
+            typographyButtonLabel: string;
+        };
+    };
 };
 export declare const keysConfigPaginationKind: string[];

package/dist/src/components/Pagination/Pagination.d.ts

@@ -1,3 +1,3 @@
 import { IPaginationProps } from '../../interfaces/components/Pagination';
-declare const Pagination: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, optionPageSize, offset, zIndex, withGotoPage, withMorePage, withOptionPageSize, locale, }: IPaginationProps) => import("react/jsx-runtime").JSX.Element;
+declare const Pagination: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, optionPageSize, offset, zIndex, withGotoPage, withMorePage, withOptionPageSize, locale, fonts, }: IPaginationProps) => import("react/jsx-runtime").JSX.Element;
 export default Pagination;

package/dist/src/components/Pagination/Pagination.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, optionPageSize, offset, zIndex, withGotoPage, withMorePage, withOptionPageSize, locale, }: import('../../interfaces/components/Pagination').IPaginationProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, optionPageSize, offset, zIndex, withGotoPage, withMorePage, withOptionPageSize, locale, fonts, }: import('../../interfaces/components/Pagination').IPaginationProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -77,6 +77,19 @@ declare const meta: {
                 };
             };
         };
+        fonts: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
         className: {
             control: "text";
             description: string;

package/dist/src/components/RadioCheckbox/RadioCheckboxLabel.config.d.ts

@@ -20,6 +20,7 @@ export declare const configRadioCheckboxLabel: {
     variants: {
         'laba-blue-01': string;
         'blue-50': string;
+        'bill-secondary-50': string;
     };
 };
 export declare const keysConfigRadioCheckboxLabelVariant: string[];

package/dist/src/components/Upload/UploadMultipleFile.d.ts

@@ -1,3 +1,3 @@
 import { IUploadMultipleFile } from '../../interfaces/components/UploadFile';
-declare const UploadMultipleFile: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, locationRemoveElement, }: IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
+declare const UploadMultipleFile: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, locationRemoveElement, idItemAttachment, }: IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
 export default UploadMultipleFile;

package/dist/src/components/Upload/UploadMultipleFile.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, locationRemoveElement, }: import('../../interfaces/components/UploadFile').IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
+    component: ({ value, validateFile, classNameContainer, classNameButton, textUpload, buttonProps, maxFile, maxSize, error, removeElement, onChange, handlerDownload, priorityError, eventError, locationRemoveElement, idItemAttachment, }: import('../../interfaces/components/UploadFile').IUploadMultipleFile) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/src/config/bigNumber/index.d.ts

@@ -1,4 +1,4 @@
-import { BigNumber as TypeBigNumber } from 'bignumber.js';
+import { default as TypeBigNumber } from 'bignumber.js';
 type TBigNumber = string | number;
 interface BigNumberConfig {
     EXPONENTIAL_AT?: number | [number, number];

package/dist/src/interfaces/components/Button/index.d.ts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
  * [ID] : Tipe varian tombol yang tersedia.
  * [EN] : Available button variant types.
  */
-export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'ghost-blue-gray-100-bg_white-text_blue-gray-400' | 'ghost-laba-blue-05' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'secondary-red-700' | 'tertiary-black' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-red-700' | 'filled-bill-bluegray-500_text-bill-body-sm';
+export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'ghost-blue-gray-100-bg_white-text_blue-gray-400' | 'ghost-laba-blue-05' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'secondary-red-700' | 'tertiary-black' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-red-700' | 'filled-bill-blue-gray-500_bg-blue-gray-50' | 'filled-bill-secondary-800_bg-white';
 /**
  * [ID] : Tipe ukuran tombol.
  * [EN] : Button size type.

package/dist/src/interfaces/components/ButtonIcon/index.d.ts

@@ -3,12 +3,12 @@ import { ReactNode } from 'react';
  * [ID] : Tipe varian tombol ikon.
  * [EN] : Button icon variant types.
  */
-export type TButtonIcomVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'secondary-red-700';
+export type TButtonIcomVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'secondary-red-700' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-red-700';
 /**
  * [ID] : Tipe ukuran tombol ikon.
  * [EN] : Button icon size type.
  */
-export type TButtonIconSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
+export type TButtonIconSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs' | 'bill-l' | 'bill-m' | 'bill-s' | 'bill-xs' | 'bill-xxs';
 /**
  * [ID] : Interface untuk komponen ButtonIcon.
  * [EN] : Interface for ButtonIcon component.

package/dist/src/interfaces/components/Checkbox/index.d.ts

@@ -1,17 +1,12 @@
-import { default as React } from 'react';
+import { IRadioCheckbox } from '../RadioCheckbox/RadioCheckbox';
 /**
  * [ID] : Interface untuk komponen CheckboxTable.
  * [EN] : Interface for CheckboxTable component.
  */
-export interface ICheckboxTable extends React.HTMLProps<HTMLInputElement> {
+export interface ICheckboxTable extends IRadioCheckbox {
     /**
      * [ID] : Menentukan status indeterminate (setengah dicentang) (opsional).
      * [EN] : Determines indeterminate status (half-checked) (optional).
      */
     indeterminate?: boolean;
-    /**
-     * [ID] : Nama kelas CSS untuk kontainer (opsional).
-     * [EN] : CSS class name for container (optional).
-     */
-    classNameContainer?: string;
 }

package/dist/src/interfaces/components/Pagination/index.d.ts

@@ -1,6 +1,7 @@
 import { OffsetOptions } from '@floating-ui/react';
 import { ReactNode } from 'react';
 import { TKeyLocale } from '../Calendar';
+import { TFont } from '../../../config/components/font';
 /**
  * [ID] : Tipe jenis pagination.
  * [EN] : Pagination kind type.
@@ -48,6 +49,11 @@ export interface IPaginationProps extends IPagination {
      * [EN] : Pagination kind (optional).
      */
     kind?: TKindPaginationType;
+    /**
+     * [ID] : Tipe font (opsional).
+     * [EN] : Font type (optional).
+     */
+    fonts?: TFont;
     /**
      * [ID] : Nama kelas CSS (opsional).
      * [EN] : CSS class name (optional).

package/dist/src/interfaces/components/RadioCheckbox/RadioCheckboxLabel.d.ts

@@ -42,7 +42,7 @@ export interface IRadioCheckboxLabel extends InputHTMLAttributes<HTMLInputElemen
      * [ID] : Varian gaya (opsional).
      * [EN] : Style variant (optional).
      */
-    variants?: 'blue-50' | 'laba-blue-01';
+    variants?: 'blue-50' | 'laba-blue-01' | 'bill-secondary-50';
     /**
      * [ID] : Label input.
      * [EN] : Input label.

package/dist/src/interfaces/components/Table/index.d.ts

@@ -140,12 +140,12 @@ export interface ITable<T = unknown> {
      * [ID] : Jenis tabel (opsional).
      * [EN] : Table kind (optional).
      */
-    kind?: 'laba-reguler' | 'payhere-reguler' | 'laba-small' | 'bill-reguler';
+    kind?: 'laba-reguler' | 'payhere-reguler' | 'laba-small' | 'bill-reguler' | 'laba-rounded-md-extra-small' | 'laba-small_body-small';
     /**
      * [ID] : Varian tabel (opsional).
      * [EN] : Table variant (optional).
      */
-    variant?: 'laba-grey-02';
+    variant?: 'laba-grey-02' | 'laba-blue-01_border-transparent';
     /**
      * [ID] : Komponen urutkan menaik (opsional).
      * [EN] : Sort ascending component (optional).
@@ -466,6 +466,8 @@ export interface ITableConfig {
         'laba-reguler': string;
         'laba-small': string;
         'bill-reguler': string;
+        'laba-rounded-md-extra-small': string;
+        'laba-small_body-small': string;
     };
     /**
      * [ID] : Konfigurasi sub-mobile.
@@ -476,6 +478,8 @@ export interface ITableConfig {
         'laba-reguler': string;
         'laba-small': string;
         'bill-reguler': string;
+        'laba-rounded-md-extra-small': string;
+        'laba-small_body-small': string;
     };
     /**
      * [ID] : Konfigurasi pointer.
@@ -486,6 +490,8 @@ export interface ITableConfig {
         'laba-reguler': string;
         'laba-small': string;
         'bill-reguler': string;
+        'laba-rounded-md-extra-small': string;
+        'laba-small_body-small': string;
     };
     /**
      * [ID] : Konfigurasi utilitas.
@@ -515,6 +521,14 @@ export interface ITableConfig {
             asc: Element | React.ReactNode | React.ReactNode[];
             desc: Element | React.ReactNode | React.ReactNode[];
         };
+        'laba-rounded-md-extra-small': {
+            asc: Element | React.ReactNode | React.ReactNode[];
+            desc: Element | React.ReactNode | React.ReactNode[];
+        };
+        'laba-small_body-small': {
+            asc: Element | React.ReactNode | React.ReactNode[];
+            desc: Element | React.ReactNode | React.ReactNode[];
+        };
     };
     /**
      * [ID] : Konfigurasi varian.
@@ -522,5 +536,6 @@ export interface ITableConfig {
      */
     variant: {
         'laba-grey-02': string;
+        'laba-blue-01_border-transparent': string;
     };
 }

package/dist/src/interfaces/components/UploadFile/index.d.ts

@@ -176,9 +176,10 @@ export interface IUploadMultipleFile {
      * [ID] : Fungsi render elemen hapus (opsional).
      * [EN] : Remove element render function (optional).
      * @param value - [ID] : Nilai file. [EN] : File value.
-     * @returns [ID] : Node React. [EN] : React Node.
+     * @param index - [ID] : Indeks file dalam daftar. [EN] : Index of the file in the list.
+     * @returns [ID] : Node React atau array Node React. [EN] : React Node or array of React Nodes.
      */
-    removeElement?: (value: IUploadMultipleFileValue) => React.ReactNode | React.ReactNode[];
+    removeElement?: (value: IUploadMultipleFileValue, index: number) => React.ReactNode | React.ReactNode[];
     /**
      * [ID] : Pesan error (opsional).
      * [EN] : Error message (optional).
@@ -206,6 +207,11 @@ export interface IUploadMultipleFile {
      * [EN] : Remove element location (optional).
      */
     locationRemoveElement?: 'left' | 'right';
+    /**
+     * [ID] : ID item attachment (opsional).
+     * [EN] : Item attachment ID (optional).
+     */
+    idItemAttachment?: string;
 }
 /**
  * [ID] : Interface untuk nilai UploadMultipleFile.