1mpacto-react-ui 2.0.8 → 2.0.9-1ms

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "2.0.8",
+  "version": "2.0.9-1ms",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",
@@ -16,7 +16,7 @@ declare const _default: {
     "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:css": "sass --load-path=node_modules ./src/styles/index.scss ./dist/assets/core.css --no-source-map --style=compressed",
     "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",
@@ -44,7 +44,7 @@ declare const _default: {
     "@typescript-eslint/eslint-plugin": "^8.48.1",
     "@typescript-eslint/parser": "^8.48.1",
     "@vitejs/plugin-react-swc": "^3.9.0",
-    "autoprefixer": "^10.4.19",
+    "1mpacto-sass": "^0.0.6",
     "eslint": "^9.32.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",
@@ -57,13 +57,11 @@ declare const _default: {
     "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",
@@ -129,6 +127,7 @@ declare const _default: {
     "react-virtuoso": "^4.16.1",
     "tinymce": "^8.2.2"
   }
-};
+}
+;
 
 export default _default;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Button').IButton & import('react').RefAttributes<HTMLButtonElement>>;
+    component: import('react').ForwardRefExoticComponent<import('..').IButton & import('react').RefAttributes<HTMLButtonElement>>;
     parameters: {
         layout: string;
     };
@@ -149,7 +149,7 @@ declare const meta: {
         loading: false;
         disabled: false;
     };
-    render: (args: import('../../interfaces/components/Button').IButton & import('react').RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+    render: (args: import('..').IButton & import('react').RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/ButtonIcon').IButtonIcon & import('react').RefAttributes<HTMLButtonElement>>;
+    component: import('react').ForwardRefExoticComponent<import('..').IButtonIcon & import('react').RefAttributes<HTMLButtonElement>>;
     parameters: {
         layout: string;
     };

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

@@ -21,6 +21,8 @@ export declare const configRadioCheckboxLabel: {
         'laba-blue-01': string;
         'blue-50': string;
         'bill-secondary-50': string;
+        'transparent-text_orange-700': string;
+        'transparent-text_green-700': string;
     };
 };
 export declare const keysConfigRadioCheckboxLabelVariant: string[];

package/dist/src/components/Sidebar/ItemSidebar.config.d.ts

@@ -2,13 +2,15 @@ export declare const configItemSidebar: {
     variant: {
         'payhere-brand-base-white': string;
         'payhere-brand-base-transparent': string;
+        'payhere-brand-indigo-900-transparent': string;
+        'payhere-brand-blue-gray-900-transparent': string;
         'laba-white': string;
         'lpd-brand-base-white': string;
         'lpd-brand-base-transparent': string;
         'lpd-brand-base-white-responsive': string;
         'lpd-brand-base-transparent-responsive': string;
-        'bill-brand-base-white': string;
-        'bill-brand-base-white-responsive': string;
+        'bill-brand-base': string;
+        'bill-brand-base-responsive': string;
     };
     parent: {
         '1': string;
@@ -23,12 +25,14 @@ export declare const configItemSidebar: {
     divider: {
         'payhere-brand-base-white': string;
         'payhere-brand-base-transparent': string;
+        'payhere-brand-indigo-900-transparent': string;
+        'payhere-brand-blue-gray-900-transparent': string;
         'laba-white': string;
         'lpd-brand-base-white': string;
         'lpd-brand-base-transparent': string;
         'lpd-brand-base-white-responsive': string;
         'lpd-brand-base-transparent-responsive': string;
-        'bill-brand-base-white': string;
-        'bill-brand-base-white-responsive': string;
+        'bill-brand-base': string;
+        'bill-brand-base-responsive': string;
     };
 };

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

@@ -3,13 +3,15 @@ export declare const configSidebar: {
     variants: {
         'payhere-brand-base-white': string;
         'payhere-brand-base-transparent': string;
+        'payhere-brand-indigo-900-transparent': string;
+        'payhere-brand-blue-gray-900-transparent': string;
         'laba-white': string;
         'lpd-brand-base-white': string;
         'lpd-brand-base-transparent': string;
         'lpd-brand-base-white-responsive': string;
         'lpd-brand-base-transparent-responsive': string;
-        'bill-brand-base-white': string;
-        'bill-brand-base-white-responsive': string;
+        'bill-brand-base': string;
+        'bill-brand-base-responsive': string;
     };
     mobileSupport: string[];
 };

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { IRefSidebar } from '../../interfaces/components/Sidebar';
 declare const meta: {
     title: string;
-    component: <T extends React.ElementType = "div">(props: import('../../interfaces/components/Sidebar').ISidebar<T> & {
+    component: <T extends React.ElementType = "div">(props: import('..').ISidebar<T> & {
         ref?: React.ForwardedRef<IRefSidebar>;
     }) => React.ReactNode;
     parameters: {
@@ -186,7 +186,7 @@ declare const meta: {
     args: {
         onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
-    render: (args: import('../../interfaces/components/Sidebar').ISidebar<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & {
+    render: (args: import('..').ISidebar<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & {
         ref?: React.ForwardedRef<IRefSidebar>;
     }) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -8,6 +8,7 @@ export declare const configTabs: {
         'container-laba-blue-10-bg_blue-01': string;
         'original-bill-secondary-800': string;
         'container-bill-secondary-800': string;
+        'original-payhere-primary-700': string;
     };
     size: {
         'tabs-m': string;

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

@@ -33,7 +33,7 @@ import { default as RadioCheckbox, DefaultCheckedChecboxIcon, DefaultRadioChecbo
 import { default as RadioCheckboxLabel } from './RadioCheckbox/RadioCheckboxLabel';
 import { default as Breadcrumbs } from './Breadcrumbs/Breadcrumbs';
 import { default as Sidebar } from './Sidebar/Sidebar';
-import { ISidebarModule, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar } from '../interfaces/components/Sidebar';
+import { ISidebarModule, ISidebar, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar } from '../interfaces/components/Sidebar';
 import { default as Collapse } from './Collapse/Collapse';
 import { default as ModalDialog } from './Modal/ModalDialog';
 import { components as SelectDropdownContainerComponents } from 'react-select';
@@ -45,7 +45,8 @@ import { IInputReguler, IInputFloatingInner, IInputNative } from '../interfaces/
 import { ConfigTable } from './Table/Table.config';
 import { default as PortalComponent } from './PortalComponent/PortalComponent';
 import { ToastContainer as AlertContainer } from 'react-toastify';
-import { TButtonVariants, TButtonSize } from '../interfaces/components/Button';
+import { TButtonVariants, TButtonSize, IButton } from '../interfaces/components/Button';
+import { TButtonIconVariants, TButtonIconSize, IButtonIcon } from '../interfaces/components/ButtonIcon';
 import { default as UploadFile } from './Upload/UploadFile';
 import { ITabsList, TTypeEventTabs } from '../interfaces/components/Tabs';
 import { default as TruncateComponent } from './TruncateComponent/TruncateComponent';
@@ -83,4 +84,4 @@ import * as utilTable from '@tanstack/react-table';
 import type * as SelectDropdownContainerType from 'react-select';
 import type * as FilterContainerType from '../interfaces/components/FilterContainer';
 export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, GradientLineChart, GradientBarChart, StepIndicator, TextEditor, CollapseV2, TableSubComponent, TimeRange, TextareaInnerLabel, InputInnerLabel, };
-export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, TTypeEventTabs, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, ITimeRangeListTime, ITimeRange, TTimeRangeValue, };
+export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, TTypeEventTabs, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, ITextEditorProps, ICollapse, ITableColumnBreakpoint, TTableRenderSubComponent, TTableHandlerRowClick, TKeyLocale, ITimeRangeListTime, ITimeRange, TTimeRangeValue, IButton, TButtonIconVariants, TButtonIconSize, IButtonIcon, ISidebar, };

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

@@ -3,7 +3,7 @@ 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-dsb_laba-grey-06' | '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';
+export type TButtonIconVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700-dsb_laba-grey-06' | '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.
@@ -23,7 +23,7 @@ export interface IButtonIcon extends React.ButtonHTMLAttributes<HTMLButtonElemen
      * [ID] : Varian gaya tombol (opsional).
      * [EN] : Button style variant (optional).
      */
-    variants?: TButtonIcomVariants;
+    variants?: TButtonIconVariants;
     /**
      * [ID] : Konten anak (biasanya ikon).
      * [EN] : Child content (usually icon).

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' | 'bill-secondary-50';
+    variants?: 'blue-50' | 'laba-blue-01' | 'bill-secondary-50' | 'transparent-text_orange-700' | 'transparent-text_green-700';
     /**
      * [ID] : Label input.
      * [EN] : Input label.

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

@@ -3,7 +3,7 @@ import { default as React } from 'react';
  * [ID] : Tipe varian sidebar.
  * [EN] : Sidebar variant type.
  */
-export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'laba-white' | 'lpd-brand-base-transparent' | 'lpd-brand-base-transparent-responsive' | 'lpd-brand-base-white' | 'lpd-brand-base-white-responsive' | 'bill-brand-base-white' | 'bill-brand-base-white-responsive';
+export type TVariantSidebarType = 'payhere-brand-base-white' | 'payhere-brand-base-transparent' | 'payhere-brand-indigo-900-transparent' | 'payhere-brand-blue-gray-900-transparent' | 'laba-white' | 'lpd-brand-base-transparent' | 'lpd-brand-base-transparent-responsive' | 'lpd-brand-base-white' | 'lpd-brand-base-white-responsive' | 'bill-brand-base' | 'bill-brand-base-responsive';
 /**
  * [ID] : Interface untuk modul sidebar.
  * [EN] : Interface for sidebar module.

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

@@ -4,7 +4,7 @@ import { TKeyLocale } from '../Calendar';
  * [ID] : Tipe varian tab.
  * [EN] : Tab variant type.
  */
-export type TVariantTabs = 'original-laba-blue-10' | 'container-payhere-brand-base' | 'container-payhere-brand-base-bg_white' | 'container-laba-blue-10' | 'container-laba-blue-10-bg_white' | 'original-bill-secondary-800' | 'container-bill-secondary-800';
+export type TVariantTabs = 'original-laba-blue-10' | 'container-payhere-brand-base' | 'container-payhere-brand-base-bg_white' | 'container-laba-blue-10' | 'container-laba-blue-10-bg_white' | 'original-bill-secondary-800' | 'container-bill-secondary-800' | 'original-payhere-primary-700';
 /**
  * [ID] : Tipe ukuran tab.
  * [EN] : Tab size type.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "2.0.8",
+  "version": "2.0.9-1ms",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",
@@ -16,7 +16,7 @@
     "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:css": "sass --load-path=node_modules ./src/styles/index.scss ./dist/assets/core.css --no-source-map --style=compressed",
     "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",
@@ -44,7 +44,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",
+    "1mpacto-sass": "^0.0.6",
     "eslint": "^9.32.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",
@@ -57,13 +57,11 @@
     "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",
@@ -129,4 +127,4 @@
     "react-virtuoso": "^4.16.1",
     "tinymce": "^8.2.2"
   }
-}
+}