@dimasbaguspm/versaur 0.0.48 → 0.0.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/styles.css +14 -6
- package/dist/js/forms/index.js +12 -14
- package/dist/js/image-rectangle-K9jmTTED.js +2607 -0
- package/dist/js/index.js +66 -68
- package/dist/js/layouts/index.js +8 -9
- package/dist/js/navigation/index.js +1 -1
- package/dist/js/overlays/index.js +2 -2
- package/dist/js/primitive/index.js +21 -20
- package/dist/js/tabs-I4n6MLAv.js +210 -0
- package/dist/js/time-picker-input-BCTs7K8s.js +1562 -0
- package/dist/js/{tooltip-D6fUigp2.js → tooltip-nZW9TUz3.js} +293 -297
- package/dist/js/{top-bar-Dx0JVXms.js → top-bar-BMw3gFYA.js} +292 -247
- package/dist/types/forms/checkbox-input/checkbox-input.d.ts +1 -1
- package/dist/types/forms/checkbox-input/types.d.ts +11 -14
- package/dist/types/forms/chip-multiple-input/chip-multiple-input.atoms.d.ts +2 -2
- package/dist/types/forms/chip-multiple-input/chip-multiple-input.d.ts +1 -1
- package/dist/types/forms/chip-multiple-input/types.d.ts +15 -14
- package/dist/types/forms/chip-single-input/chip-single-input.atoms.d.ts +1 -1
- package/dist/types/forms/chip-single-input/chip-single-input.d.ts +1 -1
- package/dist/types/forms/chip-single-input/types.d.ts +15 -14
- package/dist/types/forms/date-single-picker-input/types.d.ts +10 -0
- package/dist/types/forms/index.d.ts +0 -2
- package/dist/types/forms/pin-field/pin-field.d.ts +2 -2
- package/dist/types/forms/pin-field/types.d.ts +16 -28
- package/dist/types/forms/select-input/index.d.ts +1 -1
- package/dist/types/forms/select-input/select-input.atoms.d.ts +16 -0
- package/dist/types/forms/select-input/select-input.d.ts +4 -7
- package/dist/types/forms/select-input/types.d.ts +32 -9
- package/dist/types/forms/selectable-multiple-input/selectable-multiple-input.d.ts +1 -1
- package/dist/types/forms/selectable-multiple-input/types.d.ts +20 -3
- package/dist/types/forms/selectable-single-input/selectable-single-input.d.ts +1 -1
- package/dist/types/forms/selectable-single-input/types.d.ts +20 -3
- package/dist/types/forms/switch-input/switch-input.atoms.d.ts +7 -8
- package/dist/types/forms/switch-input/switch-input.d.ts +5 -1
- package/dist/types/forms/switch-input/types.d.ts +10 -33
- package/dist/types/forms/text-input/text-input.d.ts +2 -2
- package/dist/types/forms/text-input/types.d.ts +0 -7
- package/dist/types/forms/textarea-input/textarea-input.d.ts +3 -3
- package/dist/types/forms/textarea-input/types.d.ts +33 -18
- package/dist/types/layouts/index.d.ts +1 -2
- package/dist/types/layouts/page-content/index.d.ts +1 -1
- package/dist/types/layouts/page-content/page-content.d.ts +5 -11
- package/dist/types/layouts/page-content/types.d.ts +29 -9
- package/dist/types/layouts/page-header/types.d.ts +13 -0
- package/dist/types/navigation/tabs/tabs.atoms.d.ts +3 -2
- package/dist/types/navigation/tabs/types.d.ts +5 -13
- package/dist/types/navigation/tabs/use-tab-indicator.d.ts +8 -8
- package/dist/types/overlays/drawer/drawer.atoms.d.ts +18 -8
- package/dist/types/overlays/drawer/drawer.d.ts +5 -5
- package/dist/types/overlays/drawer/types.d.ts +11 -15
- package/dist/types/primitive/button/button.d.ts +5 -0
- package/dist/types/primitive/button/types.d.ts +24 -11
- package/dist/types/primitive/button-anchor/button-anchor.d.ts +9 -0
- package/dist/types/primitive/button-anchor/index.d.ts +2 -0
- package/dist/types/primitive/button-anchor/types.d.ts +35 -0
- package/dist/types/primitive/button-icon/button-icon.d.ts +6 -0
- package/dist/types/primitive/button-icon/types.d.ts +21 -10
- package/dist/types/primitive/filter-chip/types.d.ts +0 -10
- package/dist/types/primitive/index.d.ts +1 -0
- package/dist/types/templates/pin-verifier-drawer/types.d.ts +0 -5
- package/dist/utils/enforce-subpath-import.js +1 -3
- package/package.json +1 -1
- package/dist/js/image-rectangle-B4nXH4Q5.js +0 -2581
- package/dist/js/tabs-BAzThVka.js +0 -291
- package/dist/js/time-picker-input-JBEgDV2V.js +0 -2049
- package/dist/types/forms/segment-multiple-input/index.d.ts +0 -2
- package/dist/types/forms/segment-multiple-input/segment-multiple-input.atoms.d.ts +0 -12
- package/dist/types/forms/segment-multiple-input/segment-multiple-input.d.ts +0 -7
- package/dist/types/forms/segment-multiple-input/types.d.ts +0 -55
- package/dist/types/forms/segment-single-input/index.d.ts +0 -2
- package/dist/types/forms/segment-single-input/segment-single-input.atoms.d.ts +0 -11
- package/dist/types/forms/segment-single-input/segment-single-input.d.ts +0 -7
- package/dist/types/forms/segment-single-input/types.d.ts +0 -55
- package/dist/types/layouts/page-layout/index.d.ts +0 -2
- package/dist/types/layouts/page-layout/page-layout.d.ts +0 -8
- package/dist/types/layouts/page-layout/types.d.ts +0 -20
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { SegmentMultipleInputOptionProps } from './types';
|
|
3
|
-
/**
|
|
4
|
-
* SegmentMultipleInput.Option atom component
|
|
5
|
-
*
|
|
6
|
-
* Individual segment option that can be used within SegmentMultipleInput
|
|
7
|
-
* Features tab-like styling with seamless connections between segments
|
|
8
|
-
* Uses checkbox input pattern for multiple selection
|
|
9
|
-
*/
|
|
10
|
-
export declare const SegmentOption: React.ForwardRefExoticComponent<SegmentMultipleInputOptionProps & {
|
|
11
|
-
position?: "first" | "middle" | "last" | "single";
|
|
12
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { SegmentMultipleInputProps } from './types';
|
|
3
|
-
export declare const SegmentMultipleInput: React.ForwardRefExoticComponent<SegmentMultipleInputProps & React.RefAttributes<HTMLDivElement>> & {
|
|
4
|
-
Option: React.ForwardRefExoticComponent<import('./types').SegmentMultipleInputOptionProps & {
|
|
5
|
-
position?: "first" | "middle" | "last" | "single";
|
|
6
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
7
|
-
};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Props for the SegmentMultipleInput component
|
|
4
|
-
*/
|
|
5
|
-
export interface SegmentMultipleInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'onChange' | 'value'> {
|
|
6
|
-
/**
|
|
7
|
-
* Visual style variant supporting Versaur color system
|
|
8
|
-
* Core variants: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
|
|
9
|
-
* Semantic variants: success, info, warning, danger
|
|
10
|
-
* Each variant supports outline form for flexible design expression
|
|
11
|
-
*/
|
|
12
|
-
variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
|
|
13
|
-
/**
|
|
14
|
-
* Size variant for the segment inputs
|
|
15
|
-
*/
|
|
16
|
-
size?: 'sm' | 'md' | 'lg';
|
|
17
|
-
/**
|
|
18
|
-
* Label text to display above the segment group
|
|
19
|
-
*/
|
|
20
|
-
label?: ReactNode;
|
|
21
|
-
/**
|
|
22
|
-
* Helper text to display below the segment group
|
|
23
|
-
*/
|
|
24
|
-
helperText?: ReactNode;
|
|
25
|
-
/**
|
|
26
|
-
* Error message for invalid state
|
|
27
|
-
*/
|
|
28
|
-
error?: ReactNode;
|
|
29
|
-
/**
|
|
30
|
-
* The name attribute for the checkbox group - required for checkbox functionality
|
|
31
|
-
*/
|
|
32
|
-
name: string;
|
|
33
|
-
/**
|
|
34
|
-
* Current selected values (controlled component)
|
|
35
|
-
* Array of strings representing selected option values
|
|
36
|
-
*/
|
|
37
|
-
value?: string[];
|
|
38
|
-
/**
|
|
39
|
-
* Callback when value changes
|
|
40
|
-
*/
|
|
41
|
-
onChange?: (value: string[]) => void;
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* Props for the SegmentMultipleInput.Option component
|
|
45
|
-
*/
|
|
46
|
-
export interface SegmentMultipleInputOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'name'> {
|
|
47
|
-
/**
|
|
48
|
-
* The option label content
|
|
49
|
-
*/
|
|
50
|
-
children: ReactNode;
|
|
51
|
-
/**
|
|
52
|
-
* The value for this segment option
|
|
53
|
-
*/
|
|
54
|
-
value: string;
|
|
55
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { SegmentSingleInputOptionProps } from './types';
|
|
3
|
-
/**
|
|
4
|
-
* SegmentSingleInput.Option atom component
|
|
5
|
-
*
|
|
6
|
-
* Individual segment option that can be used within SegmentSingleInput
|
|
7
|
-
* Features tab-like styling with seamless connections between segments
|
|
8
|
-
*/
|
|
9
|
-
export declare const SegmentOption: React.ForwardRefExoticComponent<SegmentSingleInputOptionProps & {
|
|
10
|
-
position?: "first" | "middle" | "last" | "single";
|
|
11
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { SegmentSingleInputProps } from './types';
|
|
3
|
-
export declare const SegmentSingleInput: React.ForwardRefExoticComponent<SegmentSingleInputProps & React.RefAttributes<HTMLDivElement>> & {
|
|
4
|
-
Option: React.ForwardRefExoticComponent<import('./types').SegmentSingleInputOptionProps & {
|
|
5
|
-
position?: "first" | "middle" | "last" | "single";
|
|
6
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
7
|
-
};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Props for the SegmentSingleInput component
|
|
4
|
-
*/
|
|
5
|
-
export interface SegmentSingleInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'onChange' | 'value'> {
|
|
6
|
-
/**
|
|
7
|
-
* Visual style variant supporting Versaur color system
|
|
8
|
-
* Core variants: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
|
|
9
|
-
* Semantic variants: success, info, warning, danger
|
|
10
|
-
* Each variant supports outline form for flexible design expression
|
|
11
|
-
*/
|
|
12
|
-
variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
|
|
13
|
-
/**
|
|
14
|
-
* Size variant for the segment inputs
|
|
15
|
-
*/
|
|
16
|
-
size?: 'sm' | 'md' | 'lg';
|
|
17
|
-
/**
|
|
18
|
-
* Label text to display above the segment group
|
|
19
|
-
*/
|
|
20
|
-
label?: ReactNode;
|
|
21
|
-
/**
|
|
22
|
-
* Helper text to display below the segment group
|
|
23
|
-
*/
|
|
24
|
-
helperText?: ReactNode;
|
|
25
|
-
/**
|
|
26
|
-
* Error message for invalid state
|
|
27
|
-
*/
|
|
28
|
-
error?: ReactNode;
|
|
29
|
-
/**
|
|
30
|
-
* The name attribute for the radio group - required for radio functionality
|
|
31
|
-
*/
|
|
32
|
-
name: string;
|
|
33
|
-
/**
|
|
34
|
-
* Current selected value (controlled component)
|
|
35
|
-
* Use null to indicate no selection
|
|
36
|
-
*/
|
|
37
|
-
value?: string | null;
|
|
38
|
-
/**
|
|
39
|
-
* Callback when value changes
|
|
40
|
-
*/
|
|
41
|
-
onChange?: (value: string | null) => void;
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* Props for the SegmentSingleInput.Option component
|
|
45
|
-
*/
|
|
46
|
-
export interface SegmentSingleInputOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'name'> {
|
|
47
|
-
/**
|
|
48
|
-
* The option label content
|
|
49
|
-
*/
|
|
50
|
-
children: ReactNode;
|
|
51
|
-
/**
|
|
52
|
-
* The value for this segment option
|
|
53
|
-
*/
|
|
54
|
-
value: string;
|
|
55
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { PageLayoutProps } from './types';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
/**
|
|
4
|
-
* PageLayout component for consistent responsive layout breakpoints
|
|
5
|
-
*
|
|
6
|
-
* @group Layout
|
|
7
|
-
*/
|
|
8
|
-
export declare const PageLayout: React.ForwardRefExoticComponent<PageLayoutProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Props for the PageLayout component
|
|
3
|
-
*/
|
|
4
|
-
export interface PageLayoutProps {
|
|
5
|
-
/**
|
|
6
|
-
* The layout type to use for breakpoint consistency
|
|
7
|
-
* - 'desktop': For large screens (default)
|
|
8
|
-
* - 'tablet': For medium screens
|
|
9
|
-
* - 'mobile': For small screens
|
|
10
|
-
*/
|
|
11
|
-
type?: 'desktop' | 'tablet' | 'mobile';
|
|
12
|
-
/**
|
|
13
|
-
* Content to render inside the layout
|
|
14
|
-
*/
|
|
15
|
-
children: React.ReactNode;
|
|
16
|
-
/**
|
|
17
|
-
* Additional class names to apply to the root element
|
|
18
|
-
*/
|
|
19
|
-
className?: string;
|
|
20
|
-
}
|