bianic-ui 1.2.0-beta → 1.3.0-beta.1

package/dist/esm/types/components/Button/ContextualButton/ContextualButton.d.ts

@@ -4,6 +4,7 @@ interface ContextualButtonProps extends ComponentPropsWithoutRef<'button'> {
     variant?: 'dark' | 'light' | undefined;
     icon?: React.ReactNode;
     isNotified?: boolean;
+    isSelected?: boolean;
 }
-declare const ContextualButton: ({ label, icon, variant, disabled, isNotified, ...props }: ContextualButtonProps) => React.JSX.Element;
+declare const ContextualButton: ({ label, icon, variant, disabled, isNotified, isSelected, ...props }: ContextualButtonProps) => React.JSX.Element;
 export default ContextualButton;

package/dist/esm/types/components/Button/ContextualButton/config.d.ts

@@ -2,3 +2,7 @@ export declare const textColorConfig: {
     dark: string;
     light: string;
 };
+export declare const stateColorConfig: {
+    selected: string;
+    default: string;
+};

package/dist/esm/types/components/Forms/TextArea/Simulation.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface TextAreaSimulationProps {
+    size?: 'md' | 'sm';
+}
+declare function TextAreaSimulation({ size }: TextAreaSimulationProps): React.JSX.Element;
+declare namespace TextAreaSimulation {
+    var defaultProps: {
+        size: string;
+    };
+}
+export default TextAreaSimulation;

package/dist/esm/types/components/Forms/TextArea/index.d.ts

@@ -8,8 +8,10 @@ export interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'> {
     placeholder?: string;
     required?: boolean;
     rows?: number;
+    maxLength?: number;
+    value?: string;
 }
-declare function TextArea({ descText, disabled, id, size, label, placeholder, required, rows, ...props }: TextAreaProps): React.JSX.Element;
+declare function TextArea({ descText, disabled, id, size, label, placeholder, required, rows, maxLength, value, ...props }: TextAreaProps): React.JSX.Element;
 declare namespace TextArea {
     var defaultProps: {
         disabled: boolean;
@@ -20,6 +22,8 @@ declare namespace TextArea {
         placeholder: string;
         required: boolean;
         rows: number;
+        maxLength: undefined;
+        value: string;
     };
 }
 export default TextArea;

package/dist/esm/types/components/Forms/TextInput/index.d.ts

@@ -12,8 +12,9 @@ interface TextInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'>
     variant?: 'password' | 'text' | 'number' | 'date';
     value?: string;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    maxLength?: number;
 }
-declare function TextInput({ descText, disabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, ...props }: TextInputProps): React.JSX.Element;
+declare function TextInput({ descText, disabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, maxLength, ...props }: TextInputProps): React.JSX.Element;
 declare namespace TextInput {
     var defaultProps: {
         descText: string;

package/dist/esm/types/stories/Form/{TextArea.stories.d.ts → TextArea/TextArea.stories.d.ts}

@@ -1,5 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-import { TextArea } from '../../components';
+import { TextArea } from '../../../components';
 declare const meta: {
     title: string;
     component: typeof TextArea;

package/dist/esm/types/stories/Form/TextArea/TextAreaSimulation.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+import TextAreaSimulation from '../../../components/Forms/TextArea/Simulation';
+declare const meta: {
+    title: string;
+    component: typeof TextAreaSimulation;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simulation: Story;

package/dist/index.d.ts

@@ -149,8 +149,9 @@ interface TextInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'>
     variant?: 'password' | 'text' | 'number' | 'date';
     value?: string;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    maxLength?: number;
 }
-declare function TextInput({ descText, disabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, ...props }: TextInputProps): React.JSX.Element;
+declare function TextInput({ descText, disabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, maxLength, ...props }: TextInputProps): React.JSX.Element;
 declare namespace TextInput {
     var defaultProps: {
         descText: string;
@@ -197,8 +198,10 @@ interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'> {
     placeholder?: string;
     required?: boolean;
     rows?: number;
+    maxLength?: number;
+    value?: string;
 }
-declare function TextArea({ descText, disabled, id, size, label, placeholder, required, rows, ...props }: TextAreaProps): React.JSX.Element;
+declare function TextArea({ descText, disabled, id, size, label, placeholder, required, rows, maxLength, value, ...props }: TextAreaProps): React.JSX.Element;
 declare namespace TextArea {
     var defaultProps: {
         disabled: boolean;
@@ -209,6 +212,8 @@ declare namespace TextArea {
         placeholder: string;
         required: boolean;
         rows: number;
+        maxLength: undefined;
+        value: string;
     };
 }
 

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
   },
-  "version": "1.2.0-beta",
+  "version": "1.3.0-beta.1",
   "description": "Design Language System develop by BIAENERGI",
   "scripts": {
     "rollup": "rollup -c",

package/tailwind.config.js

@@ -1,21 +1,12 @@
 /** @type {import('tailwindcss').Config} */
-const colors = require('tailwindcss/colors')
+const colors = require('tailwindcss/colors');
 
 module.exports = {
   content: ['./src/**/*.{js,ts,jsx,tsx}', './dist/**/*.{js,ts,jsx,tsx}'],
   safelist: [
-    {
-      pattern: /^bg-/,
-      variants: ['hover', 'focus', 'active'],
-    },
-    {
-      pattern: /^text-/,
-      variants: ['hover', 'focus', 'active'],
-    },
-    {
-      pattern: /^border-/,
-      variants: ['hover', 'focus', 'active'],
-    },
+    { pattern: /^bg-/ }, // Memastikan semua class background tetap ada
+    { pattern: /^text-/ }, // Memastikan semua class text tetap ada
+    { pattern: /^border-/ }, // Memastikan semua border tetap ada
   ],
   theme: {
     colors: {
@@ -548,4 +539,4 @@ module.exports = {
     },
   },
   plugins: [],
-}
+};