@dimasbaguspm/versaur 0.0.8 → 0.0.10
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/README.md +19 -35
- package/dist/calendar-DwRERSxq.js +645 -0
- package/dist/drawer-Cn7sreJG.js +221 -0
- package/dist/enforce-subpath-import.js +115 -0
- package/dist/feedbacks/index.d.ts +3 -0
- package/dist/feedbacks/index.js +6 -0
- package/dist/feedbacks/progress-indicator/index.d.ts +2 -0
- package/dist/feedbacks/progress-indicator/progress-indicator.d.ts +7 -0
- package/dist/feedbacks/progress-indicator/types.d.ts +19 -0
- package/dist/form-layout-COQbtyW5.js +302 -0
- package/dist/{components → forms}/calculator-input/types.d.ts +2 -2
- package/dist/forms/index.d.ts +12 -0
- package/dist/forms/index.js +18 -0
- package/dist/{components → forms}/segment-multiple-input/types.d.ts +4 -0
- package/dist/{components → forms}/segment-single-input/types.d.ts +4 -0
- package/dist/{components → forms}/time-picker-input/types.d.ts +1 -1
- package/dist/index-DOdDlCoL.js +3055 -0
- package/dist/index.d.ts +6 -2
- package/dist/index.js +50 -7727
- package/dist/layouts/form-layout/form-layout.d.ts +4 -0
- package/dist/layouts/form-layout/index.d.ts +2 -0
- package/dist/layouts/form-layout/types.d.ts +20 -0
- package/dist/layouts/index.d.ts +5 -0
- package/dist/layouts/index.js +8 -0
- package/dist/menu--hEHXVZf.js +315 -0
- package/dist/navigation/index.d.ts +2 -0
- package/dist/navigation/index.js +5 -0
- package/dist/{components → navigation}/tabs/types.d.ts +4 -0
- package/dist/overlays/index.d.ts +3 -0
- package/dist/overlays/index.js +7 -0
- package/dist/{components → overlays}/menu/menu.atoms.d.ts +1 -1
- package/dist/{components → overlays}/menu/menu.d.ts +1 -1
- package/dist/{components → overlays}/menu/types.d.ts +1 -1
- package/dist/primitive/brand/brand.atoms.d.ts +6 -0
- package/dist/primitive/brand/brand.d.ts +8 -0
- package/dist/primitive/brand/index.d.ts +2 -0
- package/dist/primitive/brand/types.d.ts +17 -0
- package/dist/{components → primitive}/button-icon/types.d.ts +1 -1
- package/dist/primitive/index.d.ts +14 -0
- package/dist/primitive/index.js +18 -0
- package/dist/skeleton-DwqjRsF-.js +277 -0
- package/dist/styles.css +4 -0
- package/dist/switch-input-DRNFMsqC.js +1985 -0
- package/dist/tabs-KyFmo5cA.js +310 -0
- package/dist/tile-BinjKW_i.js +921 -0
- package/package.json +28 -2
- package/dist/components/alert/alert.stories.d.ts +0 -42
- package/dist/components/alert/helpers.d.ts +0 -14
- package/dist/components/app-bar/app-bar.stories.d.ts +0 -21
- package/dist/components/app-bar/helpers.d.ts +0 -6
- package/dist/components/avatar/avatar.stories.d.ts +0 -42
- package/dist/components/avatar/helpers.d.ts +0 -14
- package/dist/components/badge/badge.stories.d.ts +0 -50
- package/dist/components/badge/helpers.d.ts +0 -11
- package/dist/components/bottom-bar/bottom-bar.stories.d.ts +0 -6
- package/dist/components/bottom-bar/helpers.d.ts +0 -7
- package/dist/components/breadcrumbs/breadcrumbs.stories.d.ts +0 -7
- package/dist/components/breadcrumbs/helpers.d.ts +0 -7
- package/dist/components/button/button.stories.d.ts +0 -50
- package/dist/components/button-float/button-float.stories.d.ts +0 -27
- package/dist/components/button-float/helpers.d.ts +0 -4
- package/dist/components/button-icon/button-icon.stories.d.ts +0 -45
- package/dist/components/button-icon/helpers.d.ts +0 -11
- package/dist/components/calculator/calculator.stories.d.ts +0 -8
- package/dist/components/calculator/helpers.d.ts +0 -7
- package/dist/components/calculator-input/calculator-input.stories.d.ts +0 -8
- package/dist/components/calculator-input/helpers.d.ts +0 -3
- package/dist/components/calendar/calendar.stories.d.ts +0 -6
- package/dist/components/checkbox-input/checkbox-input.stories.d.ts +0 -44
- package/dist/components/checkbox-input/context.d.ts +0 -10
- package/dist/components/checkbox-input/helpers.d.ts +0 -11
- package/dist/components/chip-input/chip-input.stories.d.ts +0 -12
- package/dist/components/chip-input/context.d.ts +0 -11
- package/dist/components/chip-input/helpers.d.ts +0 -4
- package/dist/components/date-single-picker-input/date-single-picker-input.docked.stories.d.ts +0 -10
- package/dist/components/date-single-picker-input/date-single-picker-input.modal.stories.d.ts +0 -10
- package/dist/components/date-single-picker-input/helpers.d.ts +0 -3
- package/dist/components/drawer/context.d.ts +0 -11
- package/dist/components/drawer/drawer.stories.d.ts +0 -42
- package/dist/components/drawer/helpers.d.ts +0 -40
- package/dist/components/icon/helpers.d.ts +0 -4
- package/dist/components/icon/icon.stories.d.ts +0 -39
- package/dist/components/index.d.ts +0 -35
- package/dist/components/loading-indicator/helpers.d.ts +0 -9
- package/dist/components/loading-indicator/loading-indicator.stories.d.ts +0 -16
- package/dist/components/menu/context.d.ts +0 -13
- package/dist/components/menu/helpers.d.ts +0 -8
- package/dist/components/menu/menu.stories.d.ts +0 -22
- package/dist/components/modal/helpers.d.ts +0 -7
- package/dist/components/modal/modal.stories.d.ts +0 -13
- package/dist/components/page-layout/helpers.d.ts +0 -6
- package/dist/components/page-layout/page-layout.stories.d.ts +0 -8
- package/dist/components/radio-input/context.d.ts +0 -11
- package/dist/components/radio-input/helpers.d.ts +0 -11
- package/dist/components/radio-input/radio-input.stories.d.ts +0 -74
- package/dist/components/segment-multiple-input/context.d.ts +0 -12
- package/dist/components/segment-multiple-input/helpers.d.ts +0 -15
- package/dist/components/segment-multiple-input/segment-multiple-input.stories.d.ts +0 -66
- package/dist/components/segment-single-input/context.d.ts +0 -12
- package/dist/components/segment-single-input/helpers.d.ts +0 -15
- package/dist/components/segment-single-input/segment-single-input.stories.d.ts +0 -57
- package/dist/components/select-input/helpers.d.ts +0 -3
- package/dist/components/select-input/select-input.stories.d.ts +0 -50
- package/dist/components/skeleton/helpers.d.ts +0 -6
- package/dist/components/skeleton/skeleton.stories.d.ts +0 -25
- package/dist/components/snackbar/helpers.d.ts +0 -8
- package/dist/components/snackbar/snackbar.stories.d.ts +0 -8
- package/dist/components/switch-input/helpers.d.ts +0 -18
- package/dist/components/switch-input/switch-input.stories.d.ts +0 -10
- package/dist/components/table/context.d.ts +0 -3
- package/dist/components/table/helpers.d.ts +0 -2
- package/dist/components/table/table.stories.d.ts +0 -27
- package/dist/components/tabs/context.d.ts +0 -3
- package/dist/components/tabs/helpers.d.ts +0 -8
- package/dist/components/tabs/tabs.stories.d.ts +0 -17
- package/dist/components/text/helpers.d.ts +0 -18
- package/dist/components/text/text.stories.d.ts +0 -17
- package/dist/components/text-input/helpers.d.ts +0 -3
- package/dist/components/text-input/text-input.stories.d.ts +0 -20
- package/dist/components/textarea-input/helpers.d.ts +0 -4
- package/dist/components/textarea-input/textarea-input.stories.d.ts +0 -50
- package/dist/components/tile/helpers.d.ts +0 -8
- package/dist/components/tile/tile.stories.d.ts +0 -35
- package/dist/components/time-picker-input/helpers.d.ts +0 -4
- package/dist/components/time-picker-input/time-picker-input.stories.d.ts +0 -7
- package/dist/components/top-bar/helpers.d.ts +0 -26
- package/dist/components/top-bar/top-bar.stories.d.ts +0 -15
- package/dist/hooks/index.d.ts +0 -1
- package/dist/hooks/use-floating-position/index.d.ts +0 -1
- /package/dist/{components → feedbacks}/loading-indicator/index.d.ts +0 -0
- /package/dist/{components → feedbacks}/loading-indicator/loading-indicator.atoms.d.ts +0 -0
- /package/dist/{components → feedbacks}/loading-indicator/loading-indicator.d.ts +0 -0
- /package/dist/{components → feedbacks}/loading-indicator/types.d.ts +0 -0
- /package/dist/{components → feedbacks}/skeleton/index.d.ts +0 -0
- /package/dist/{components → feedbacks}/skeleton/skeleton.d.ts +0 -0
- /package/dist/{components → feedbacks}/skeleton/types.d.ts +0 -0
- /package/dist/{components → forms}/calculator-input/calculator-input.atoms.d.ts +0 -0
- /package/dist/{components → forms}/calculator-input/calculator-input.d.ts +0 -0
- /package/dist/{components → forms}/calculator-input/index.d.ts +0 -0
- /package/dist/{components → forms}/checkbox-input/checkbox-input.atoms.d.ts +0 -0
- /package/dist/{components → forms}/checkbox-input/checkbox-input.d.ts +0 -0
- /package/dist/{components → forms}/checkbox-input/index.d.ts +0 -0
- /package/dist/{components → forms}/checkbox-input/types.d.ts +0 -0
- /package/dist/{components → forms}/chip-input/chip-input.atoms.d.ts +0 -0
- /package/dist/{components → forms}/chip-input/chip-input.d.ts +0 -0
- /package/dist/{components → forms}/chip-input/index.d.ts +0 -0
- /package/dist/{components → forms}/chip-input/types.d.ts +0 -0
- /package/dist/{components → forms}/date-single-picker-input/date-single-picker-input.atoms.d.ts +0 -0
- /package/dist/{components → forms}/date-single-picker-input/date-single-picker-input.d.ts +0 -0
- /package/dist/{components → forms}/date-single-picker-input/date-single-picker-input.docked.d.ts +0 -0
- /package/dist/{components → forms}/date-single-picker-input/date-single-picker-input.modal.d.ts +0 -0
- /package/dist/{components → forms}/date-single-picker-input/index.d.ts +0 -0
- /package/dist/{components → forms}/date-single-picker-input/types.d.ts +0 -0
- /package/dist/{components → forms}/date-single-picker-input/use-date-single-picker.d.ts +0 -0
- /package/dist/{components → forms}/radio-input/index.d.ts +0 -0
- /package/dist/{components → forms}/radio-input/radio-input.atoms.d.ts +0 -0
- /package/dist/{components → forms}/radio-input/radio-input.d.ts +0 -0
- /package/dist/{components → forms}/radio-input/types.d.ts +0 -0
- /package/dist/{components → forms}/segment-multiple-input/index.d.ts +0 -0
- /package/dist/{components → forms}/segment-multiple-input/segment-multiple-input.atoms.d.ts +0 -0
- /package/dist/{components → forms}/segment-multiple-input/segment-multiple-input.d.ts +0 -0
- /package/dist/{components → forms}/segment-single-input/index.d.ts +0 -0
- /package/dist/{components → forms}/segment-single-input/segment-single-input.atoms.d.ts +0 -0
- /package/dist/{components → forms}/segment-single-input/segment-single-input.d.ts +0 -0
- /package/dist/{components → forms}/select-input/index.d.ts +0 -0
- /package/dist/{components → forms}/select-input/select-input.d.ts +0 -0
- /package/dist/{components → forms}/select-input/types.d.ts +0 -0
- /package/dist/{components → forms}/switch-input/index.d.ts +0 -0
- /package/dist/{components → forms}/switch-input/switch-input.atoms.d.ts +0 -0
- /package/dist/{components → forms}/switch-input/switch-input.d.ts +0 -0
- /package/dist/{components → forms}/switch-input/types.d.ts +0 -0
- /package/dist/{components → forms}/text-input/index.d.ts +0 -0
- /package/dist/{components → forms}/text-input/text-input.d.ts +0 -0
- /package/dist/{components → forms}/text-input/types.d.ts +0 -0
- /package/dist/{components → forms}/textarea-input/index.d.ts +0 -0
- /package/dist/{components → forms}/textarea-input/textarea-input.d.ts +0 -0
- /package/dist/{components → forms}/textarea-input/types.d.ts +0 -0
- /package/dist/{components → forms}/time-picker-input/index.d.ts +0 -0
- /package/dist/{components → forms}/time-picker-input/time-picker-input.atoms.d.ts +0 -0
- /package/dist/{components → forms}/time-picker-input/time-picker-input.d.ts +0 -0
- /package/dist/{components → layouts}/app-bar/app-bar.atoms.d.ts +0 -0
- /package/dist/{components → layouts}/app-bar/app-bar.d.ts +0 -0
- /package/dist/{components → layouts}/app-bar/index.d.ts +0 -0
- /package/dist/{components → layouts}/app-bar/types.d.ts +0 -0
- /package/dist/{components → layouts}/bottom-bar/bottom-bar.atoms.d.ts +0 -0
- /package/dist/{components → layouts}/bottom-bar/bottom-bar.d.ts +0 -0
- /package/dist/{components → layouts}/bottom-bar/index.d.ts +0 -0
- /package/dist/{components → layouts}/bottom-bar/types.d.ts +0 -0
- /package/dist/{components → layouts}/page-layout/index.d.ts +0 -0
- /package/dist/{components → layouts}/page-layout/page-layout.d.ts +0 -0
- /package/dist/{components → layouts}/page-layout/types.d.ts +0 -0
- /package/dist/{components → layouts}/top-bar/index.d.ts +0 -0
- /package/dist/{components → layouts}/top-bar/top-bar.atoms.d.ts +0 -0
- /package/dist/{components → layouts}/top-bar/top-bar.d.ts +0 -0
- /package/dist/{components → layouts}/top-bar/types.d.ts +0 -0
- /package/dist/{components → navigation}/breadcrumbs/breadcrumbs.atoms.d.ts +0 -0
- /package/dist/{components → navigation}/breadcrumbs/breadcrumbs.d.ts +0 -0
- /package/dist/{components → navigation}/breadcrumbs/index.d.ts +0 -0
- /package/dist/{components → navigation}/breadcrumbs/types.d.ts +0 -0
- /package/dist/{components → navigation}/tabs/index.d.ts +0 -0
- /package/dist/{components → navigation}/tabs/tabs.atoms.d.ts +0 -0
- /package/dist/{components → navigation}/tabs/tabs.d.ts +0 -0
- /package/dist/{components → navigation}/tabs/use-tab-indicator.d.ts +0 -0
- /package/dist/{components → overlays}/drawer/drawer.atoms.d.ts +0 -0
- /package/dist/{components → overlays}/drawer/drawer.d.ts +0 -0
- /package/dist/{components → overlays}/drawer/index.d.ts +0 -0
- /package/dist/{components → overlays}/drawer/types.d.ts +0 -0
- /package/dist/{components → overlays}/menu/index.d.ts +0 -0
- /package/dist/{components → overlays}/menu/use-menu.d.ts +0 -0
- /package/dist/{components → overlays}/modal/index.d.ts +0 -0
- /package/dist/{components → overlays}/modal/modal.atoms.d.ts +0 -0
- /package/dist/{components → overlays}/modal/modal.d.ts +0 -0
- /package/dist/{components → overlays}/modal/types.d.ts +0 -0
- /package/dist/{components → overlays}/modal/use-escape-close.d.ts +0 -0
- /package/dist/{components → overlays}/modal/use-focus-trap.d.ts +0 -0
- /package/dist/{components → primitive}/alert/alert.atoms.d.ts +0 -0
- /package/dist/{components → primitive}/alert/alert.d.ts +0 -0
- /package/dist/{components → primitive}/alert/index.d.ts +0 -0
- /package/dist/{components → primitive}/alert/types.d.ts +0 -0
- /package/dist/{components → primitive}/avatar/avatar.atoms.d.ts +0 -0
- /package/dist/{components → primitive}/avatar/avatar.d.ts +0 -0
- /package/dist/{components → primitive}/avatar/index.d.ts +0 -0
- /package/dist/{components → primitive}/avatar/types.d.ts +0 -0
- /package/dist/{components → primitive}/badge/badge.d.ts +0 -0
- /package/dist/{components → primitive}/badge/index.d.ts +0 -0
- /package/dist/{components → primitive}/badge/types.d.ts +0 -0
- /package/dist/{components → primitive}/button/button.d.ts +0 -0
- /package/dist/{components → primitive}/button/index.d.ts +0 -0
- /package/dist/{components → primitive}/button/types.d.ts +0 -0
- /package/dist/{components → primitive}/button-float/button-float.d.ts +0 -0
- /package/dist/{components → primitive}/button-float/index.d.ts +0 -0
- /package/dist/{components → primitive}/button-float/types.d.ts +0 -0
- /package/dist/{hooks/use-floating-position → primitive/button-float}/use-floating-position.d.ts +0 -0
- /package/dist/{components → primitive}/button-icon/button-icon.d.ts +0 -0
- /package/dist/{components → primitive}/button-icon/index.d.ts +0 -0
- /package/dist/{components → primitive}/calculator/calculator.atoms.d.ts +0 -0
- /package/dist/{components → primitive}/calculator/calculator.d.ts +0 -0
- /package/dist/{components → primitive}/calculator/index.d.ts +0 -0
- /package/dist/{components → primitive}/calculator/types.d.ts +0 -0
- /package/dist/{components → primitive}/calculator/use-calculator.d.ts +0 -0
- /package/dist/{components → primitive}/calendar/calendar.d.ts +0 -0
- /package/dist/{components → primitive}/calendar/index.d.ts +0 -0
- /package/dist/{components → primitive}/calendar/types.d.ts +0 -0
- /package/dist/{components → primitive}/icon/icon.d.ts +0 -0
- /package/dist/{components → primitive}/icon/index.d.ts +0 -0
- /package/dist/{components → primitive}/icon/types.d.ts +0 -0
- /package/dist/{components → primitive}/snackbar/index.d.ts +0 -0
- /package/dist/{components → primitive}/snackbar/snackbar.atoms.d.ts +0 -0
- /package/dist/{components → primitive}/snackbar/snackbar.d.ts +0 -0
- /package/dist/{components → primitive}/snackbar/types.d.ts +0 -0
- /package/dist/{components → primitive}/table/index.d.ts +0 -0
- /package/dist/{components → primitive}/table/table.atoms.d.ts +0 -0
- /package/dist/{components → primitive}/table/table.d.ts +0 -0
- /package/dist/{components → primitive}/table/types.d.ts +0 -0
- /package/dist/{components → primitive}/text/index.d.ts +0 -0
- /package/dist/{components → primitive}/text/text.d.ts +0 -0
- /package/dist/{components → primitive}/text/types.d.ts +0 -0
- /package/dist/{components → primitive}/tile/index.d.ts +0 -0
- /package/dist/{components → primitive}/tile/tile.d.ts +0 -0
- /package/dist/{components → primitive}/tile/types.d.ts +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dimasbaguspm/versaur",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.10",
|
|
4
4
|
"description": "React UI library with Tailwind CSS",
|
|
5
5
|
"author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -14,7 +14,32 @@
|
|
|
14
14
|
"import": "./dist/index.js",
|
|
15
15
|
"types": "./dist/index.d.ts"
|
|
16
16
|
},
|
|
17
|
-
"./
|
|
17
|
+
"./primitive": {
|
|
18
|
+
"import": "./dist/primitive/index.js",
|
|
19
|
+
"types": "./dist/primitive/index.d.ts"
|
|
20
|
+
},
|
|
21
|
+
"./feedbacks": {
|
|
22
|
+
"import": "./dist/feedbacks/index.js",
|
|
23
|
+
"types": "./dist/feedbacks/index.d.ts"
|
|
24
|
+
},
|
|
25
|
+
"./forms": {
|
|
26
|
+
"import": "./dist/forms/index.js",
|
|
27
|
+
"types": "./dist/forms/index.d.ts"
|
|
28
|
+
},
|
|
29
|
+
"./layouts": {
|
|
30
|
+
"import": "./dist/layouts/index.js",
|
|
31
|
+
"types": "./dist/layouts/index.d.ts"
|
|
32
|
+
},
|
|
33
|
+
"./navigation": {
|
|
34
|
+
"import": "./dist/navigation/index.js",
|
|
35
|
+
"types": "./dist/navigation/index.d.ts"
|
|
36
|
+
},
|
|
37
|
+
"./overlays": {
|
|
38
|
+
"import": "./dist/overlays/index.js",
|
|
39
|
+
"types": "./dist/overlays/index.d.ts"
|
|
40
|
+
},
|
|
41
|
+
"./styles.css": "./dist/styles.css",
|
|
42
|
+
"./eslint-subpath-import": "./dist/enforce-subpath-import.js"
|
|
18
43
|
},
|
|
19
44
|
"files": [
|
|
20
45
|
"dist"
|
|
@@ -84,6 +109,7 @@
|
|
|
84
109
|
"typescript-eslint": "8.36.0",
|
|
85
110
|
"vite": "7.0.4",
|
|
86
111
|
"vite-plugin-dts": "4.5.4",
|
|
112
|
+
"vite-plugin-svgr": "4.3.0",
|
|
87
113
|
"vitest": "3.2.4"
|
|
88
114
|
}
|
|
89
115
|
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Alert } from './alert';
|
|
3
|
-
/**
|
|
4
|
-
* Alert component provides inline notifications and status messages.
|
|
5
|
-
* Perfect for "Record not available" messages, form validation feedback,
|
|
6
|
-
* and general status information with user-controlled icons.
|
|
7
|
-
*/
|
|
8
|
-
declare const meta: Meta<typeof Alert>;
|
|
9
|
-
export default meta;
|
|
10
|
-
type Story = StoryObj<typeof Alert>;
|
|
11
|
-
/**
|
|
12
|
-
* Default alert with neutral styling for general information
|
|
13
|
-
*/
|
|
14
|
-
export declare const Default: Story;
|
|
15
|
-
/**
|
|
16
|
-
* Error alert for displaying error messages and unavailable records
|
|
17
|
-
*/
|
|
18
|
-
export declare const RecordNotAvailable: Story;
|
|
19
|
-
/**
|
|
20
|
-
* Success alert for positive feedback
|
|
21
|
-
*/
|
|
22
|
-
export declare const Success: Story;
|
|
23
|
-
/**
|
|
24
|
-
* Warning alert for caution messages
|
|
25
|
-
*/
|
|
26
|
-
export declare const Warning: Story;
|
|
27
|
-
/**
|
|
28
|
-
* Information alert using the info color
|
|
29
|
-
*/
|
|
30
|
-
export declare const Info: Story;
|
|
31
|
-
/**
|
|
32
|
-
* Outline variant demonstration across all colors
|
|
33
|
-
*/
|
|
34
|
-
export declare const OutlineVariants: Story;
|
|
35
|
-
/**
|
|
36
|
-
* All color variations in default style
|
|
37
|
-
*/
|
|
38
|
-
export declare const AllColors: Story;
|
|
39
|
-
/**
|
|
40
|
-
* Alert without icon for text-only content
|
|
41
|
-
*/
|
|
42
|
-
export declare const WithoutIcon: Story;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Alert component variants using Versaur color system
|
|
3
|
-
* Supports both default (soft) and outline variants for all colors
|
|
4
|
-
*/
|
|
5
|
-
export declare const alertVariants: (props?: ({
|
|
6
|
-
variant?: "default" | "outline" | null | undefined;
|
|
7
|
-
color?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
|
|
8
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
9
|
-
/**
|
|
10
|
-
* Alert icon variants for proper sizing and spacing
|
|
11
|
-
*/
|
|
12
|
-
export declare const alertIconVariants: (props?: ({
|
|
13
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
14
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
import { AppBar } from './app-bar';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: (({ children, className, variant, }: import('./types').AppBarProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
6
|
-
Leading: import('react').ForwardRefExoticComponent<import('./types').AppBarLeadingProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
|
-
Headline: import('react').ForwardRefExoticComponent<import('./types').AppBarHeadlineProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
-
Subtitle: import('react').ForwardRefExoticComponent<import('./types').AppBarSubtitleProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
-
Trailing: import('react').ForwardRefExoticComponent<import('./types').AppBarTrailingProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
-
Center: import('react').ForwardRefExoticComponent<import('./types').AppBarCenterProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
-
Bottom: import('react').ForwardRefExoticComponent<import('./types').AppBarBottomProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
12
|
-
};
|
|
13
|
-
parameters: {
|
|
14
|
-
layout: string;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
export default meta;
|
|
18
|
-
type Story = StoryObj<typeof AppBar>;
|
|
19
|
-
export declare const Home: Story;
|
|
20
|
-
export declare const Detail: Story;
|
|
21
|
-
export declare const WithBottom: Story;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export declare const appBarVariants: (props?: ({
|
|
2
|
-
variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | null | undefined;
|
|
3
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
4
|
-
export declare const appBarCenterVariants: (props?: ({
|
|
5
|
-
placement?: "start" | "center" | "end" | null | undefined;
|
|
6
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Avatar } from './avatar';
|
|
3
|
-
/**
|
|
4
|
-
* Avatar component displays user avatars with fallback support.
|
|
5
|
-
* It supports multiple variants based on the Versaur color system,
|
|
6
|
-
* different sizes, and shapes with automatic image fallback behavior.
|
|
7
|
-
*/
|
|
8
|
-
declare const meta: Meta<typeof Avatar>;
|
|
9
|
-
export default meta;
|
|
10
|
-
type Story = StoryObj<typeof meta>;
|
|
11
|
-
/**
|
|
12
|
-
* Default avatar with fallback text
|
|
13
|
-
*/
|
|
14
|
-
export declare const Default: Story;
|
|
15
|
-
/**
|
|
16
|
-
* Avatar with image that loads successfully
|
|
17
|
-
*/
|
|
18
|
-
export declare const WithImage: Story;
|
|
19
|
-
/**
|
|
20
|
-
* Avatar with image that fails to load (demonstrates fallback)
|
|
21
|
-
*/
|
|
22
|
-
export declare const WithFailedImage: Story;
|
|
23
|
-
/**
|
|
24
|
-
* Different avatar variants showcasing the color system
|
|
25
|
-
*/
|
|
26
|
-
export declare const Variants: Story;
|
|
27
|
-
/**
|
|
28
|
-
* Different avatar sizes
|
|
29
|
-
*/
|
|
30
|
-
export declare const Sizes: Story;
|
|
31
|
-
/**
|
|
32
|
-
* Different avatar shapes
|
|
33
|
-
*/
|
|
34
|
-
export declare const Shapes: Story;
|
|
35
|
-
/**
|
|
36
|
-
* Avatar group showing multiple avatars together
|
|
37
|
-
*/
|
|
38
|
-
export declare const Group: Story;
|
|
39
|
-
/**
|
|
40
|
-
* Avatar with different content types
|
|
41
|
-
*/
|
|
42
|
-
export declare const ContentTypes: Story;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Avatar variants configuration using CVA
|
|
3
|
-
* Supports different visual styles, sizes, and shapes for flexible avatar displays
|
|
4
|
-
*/
|
|
5
|
-
export declare const avatarVariants: (props?: ({
|
|
6
|
-
variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
|
|
7
|
-
size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
|
|
8
|
-
shape?: "circle" | "square" | "rounded" | null | undefined;
|
|
9
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
10
|
-
/**
|
|
11
|
-
* Avatar image variants configuration
|
|
12
|
-
* Ensures the image fills the avatar container properly and inherits shape from parent
|
|
13
|
-
*/
|
|
14
|
-
export declare const avatarImageVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Badge } from './badge';
|
|
3
|
-
/**
|
|
4
|
-
* Size variants for the Badge component.
|
|
5
|
-
*/
|
|
6
|
-
export declare const Sizes: Story;
|
|
7
|
-
/**
|
|
8
|
-
* The Badge component is used to present or highlight values with various styles and configurations.
|
|
9
|
-
* It supports different variants (default/outline), sizes, shapes, colors, and icon positioning.
|
|
10
|
-
* Perfect for status indicators, labels, tags, and highlighting important information.
|
|
11
|
-
*/
|
|
12
|
-
declare const meta: Meta<typeof Badge>;
|
|
13
|
-
export default meta;
|
|
14
|
-
type Story = StoryObj<typeof meta>;
|
|
15
|
-
/**
|
|
16
|
-
* The default badge with primary color and medium size.
|
|
17
|
-
*/
|
|
18
|
-
export declare const Default: Story;
|
|
19
|
-
/**
|
|
20
|
-
* Showcase all available color variants with default styling.
|
|
21
|
-
*/
|
|
22
|
-
export declare const Colors: Story;
|
|
23
|
-
/**
|
|
24
|
-
* Outline variant badges with transparent backgrounds and colored borders.
|
|
25
|
-
*/
|
|
26
|
-
export declare const Outline: Story;
|
|
27
|
-
/**
|
|
28
|
-
* Different badge shapes - square (default) and fully rounded.
|
|
29
|
-
*/
|
|
30
|
-
export declare const Shapes: Story;
|
|
31
|
-
/**
|
|
32
|
-
* Badges with icons positioned on the left side.
|
|
33
|
-
*/
|
|
34
|
-
export declare const WithLeftIcon: Story;
|
|
35
|
-
/**
|
|
36
|
-
* Badges with icons positioned on the right side.
|
|
37
|
-
*/
|
|
38
|
-
export declare const WithRightIcon: Story;
|
|
39
|
-
/**
|
|
40
|
-
* Icon-only badges without text content, perfect for compact interfaces.
|
|
41
|
-
*/
|
|
42
|
-
export declare const IconOnly: Story;
|
|
43
|
-
/**
|
|
44
|
-
* Real-world usage examples showing common badge patterns.
|
|
45
|
-
*/
|
|
46
|
-
export declare const Examples: Story;
|
|
47
|
-
/**
|
|
48
|
-
* Interactive playground for testing different badge configurations.
|
|
49
|
-
*/
|
|
50
|
-
export declare const Playground: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Badge component variants using Versaur color system
|
|
3
|
-
* Supports default and outline variants with various colors and sizes
|
|
4
|
-
*/
|
|
5
|
-
export declare const badgeVariants: (props?: ({
|
|
6
|
-
variant?: "default" | "outline" | null | undefined;
|
|
7
|
-
color?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
|
|
8
|
-
shape?: "square" | "rounded" | null | undefined;
|
|
9
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
10
|
-
iconOnly?: boolean | null | undefined;
|
|
11
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { BottomBar } from './bottom-bar';
|
|
3
|
-
declare const meta: Meta<typeof BottomBar>;
|
|
4
|
-
export default meta;
|
|
5
|
-
export declare const ThreeItems: StoryObj<typeof BottomBar>;
|
|
6
|
-
export declare const FiveItems: StoryObj<typeof BottomBar>;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const bottomBarVariants: (props?: ({
|
|
2
|
-
variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | null | undefined;
|
|
3
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
4
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
-
export declare const bottomBarItemVariants: (props?: ({
|
|
6
|
-
active?: boolean | null | undefined;
|
|
7
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Breadcrumbs } from '.';
|
|
2
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
3
|
-
declare const meta: Meta<typeof Breadcrumbs>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Breadcrumbs>;
|
|
6
|
-
export declare const Basic: Story;
|
|
7
|
-
export declare const Impactful: Story;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const breadcrumbsRootClass: (props?: ({
|
|
2
|
-
separator?: "default" | "compact" | null | undefined;
|
|
3
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
4
|
-
export declare const breadcrumbsItemClass: (props?: ({
|
|
5
|
-
isCurrent?: boolean | null | undefined;
|
|
6
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
-
export declare const breadcrumbsSeparatorClass = "mx-1 text-slate-400 dark:text-slate-500 select-none";
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Button } from './button';
|
|
3
|
-
declare const meta: Meta<typeof Button>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Button>;
|
|
6
|
-
/**
|
|
7
|
-
* Complete color matrix showing all core and semantic colors in all style variants.
|
|
8
|
-
* Demonstrates the comprehensive Spenicle color system and variant combinations.
|
|
9
|
-
*/
|
|
10
|
-
export declare const ColorMatrix: Story;
|
|
11
|
-
/**
|
|
12
|
-
* All core colors in their filled variant.
|
|
13
|
-
* Demonstrates the Spenicle color palette with coral, sage, mist, slate, and cream.
|
|
14
|
-
*/
|
|
15
|
-
export declare const CoreColors: Story;
|
|
16
|
-
/**
|
|
17
|
-
* All semantic colors in their filled variant.
|
|
18
|
-
* Demonstrates the semantic color system for success, info, warning, and danger states.
|
|
19
|
-
*/
|
|
20
|
-
export declare const SemanticColors: Story;
|
|
21
|
-
/**
|
|
22
|
-
* Outline variants provide a lighter visual weight while maintaining semantic meaning.
|
|
23
|
-
* Perfect for secondary actions or when you need multiple buttons in close proximity.
|
|
24
|
-
*/
|
|
25
|
-
export declare const OutlineVariants: Story;
|
|
26
|
-
/**
|
|
27
|
-
* Ghost variants are the most subtle, perfect for navigation or when you need
|
|
28
|
-
* a button that doesn't visually compete with other content.
|
|
29
|
-
*/
|
|
30
|
-
export declare const GhostVariants: Story;
|
|
31
|
-
/**
|
|
32
|
-
* Comparison of all three style variants for the primary semantic color.
|
|
33
|
-
* Shows how the same semantic meaning can be expressed with different visual weights.
|
|
34
|
-
*/
|
|
35
|
-
export declare const StyleComparison: Story;
|
|
36
|
-
/**
|
|
37
|
-
* Size comparison showing all three sizes side by side.
|
|
38
|
-
* Demonstrates the proportional scaling of button sizes.
|
|
39
|
-
*/
|
|
40
|
-
export declare const SizeComparison: Story;
|
|
41
|
-
/**
|
|
42
|
-
* Comparison of enabled vs disabled states across different variants.
|
|
43
|
-
* Shows how disabled state affects visual appearance while maintaining accessibility.
|
|
44
|
-
*/
|
|
45
|
-
export declare const DisabledComparison: Story;
|
|
46
|
-
/**
|
|
47
|
-
* Loading state example showing how buttons can indicate ongoing processes.
|
|
48
|
-
* While not built into the component, shows common usage patterns.
|
|
49
|
-
*/
|
|
50
|
-
export declare const LoadingState: Story;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { ButtonFloat } from './button-float';
|
|
3
|
-
/**
|
|
4
|
-
* ButtonFloat is a floating action button that stays fixed to the bottom right or left of the viewport.
|
|
5
|
-
* It supports all Button variants, sizes, and accessibility features.
|
|
6
|
-
*
|
|
7
|
-
* > **Note:** The primary use case is to render an icon (SVG) as its child, not a string. See examples below.
|
|
8
|
-
*/
|
|
9
|
-
declare const meta: Meta<typeof ButtonFloat>;
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof ButtonFloat>;
|
|
12
|
-
/**
|
|
13
|
-
* Default floating button (bottom right, with icon)
|
|
14
|
-
*/
|
|
15
|
-
export declare const Default: Story;
|
|
16
|
-
/**
|
|
17
|
-
* Floating button on the left (with icon)
|
|
18
|
-
*/
|
|
19
|
-
export declare const LeftSide: Story;
|
|
20
|
-
/**
|
|
21
|
-
* All variants demo (with icons)
|
|
22
|
-
*/
|
|
23
|
-
export declare const AllVariants: Story;
|
|
24
|
-
/**
|
|
25
|
-
* Size comparison (with icons)
|
|
26
|
-
*/
|
|
27
|
-
export declare const SizeComparison: Story;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export declare const buttonFloatVariants: (props?: ({
|
|
2
|
-
variant?: "outline" | "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | "primary-outline" | "primary-ghost" | "secondary-outline" | "secondary-ghost" | "tertiary-outline" | "tertiary-ghost" | "ghost-outline" | "neutral-outline" | "neutral-ghost" | "success-outline" | "success-ghost" | "info-outline" | "info-ghost" | "warning-outline" | "warning-ghost" | "danger-outline" | "danger-ghost" | "destructive" | null | undefined;
|
|
3
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
4
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { ButtonIcon } from './button-icon';
|
|
3
|
-
declare const meta: Meta<typeof ButtonIcon>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof ButtonIcon>;
|
|
6
|
-
/**
|
|
7
|
-
* Default ButtonIcon with primary variant, medium size, and rounded shape.
|
|
8
|
-
* This is the most common configuration for general-purpose icon buttons.
|
|
9
|
-
*/
|
|
10
|
-
export declare const Default: Story;
|
|
11
|
-
/**
|
|
12
|
-
* All available color variants showcasing the Versaur color system.
|
|
13
|
-
* Each variant has a specific purpose and semantic meaning in the design system.
|
|
14
|
-
*/
|
|
15
|
-
export declare const AllVariants: Story;
|
|
16
|
-
/**
|
|
17
|
-
* Outline variants provide a subtle, bordered appearance.
|
|
18
|
-
* Perfect for secondary actions and interfaces that need visual hierarchy.
|
|
19
|
-
*/
|
|
20
|
-
export declare const OutlineVariants: Story;
|
|
21
|
-
/**
|
|
22
|
-
* Ghost variants provide minimal visual weight with subtle hover effects.
|
|
23
|
-
* Ideal for toolbar buttons and non-primary actions.
|
|
24
|
-
*/
|
|
25
|
-
export declare const GhostVariants: Story;
|
|
26
|
-
/**
|
|
27
|
-
* Different sizes for various interface contexts.
|
|
28
|
-
* Small for compact toolbars, medium for standard use, large for prominent actions.
|
|
29
|
-
*/
|
|
30
|
-
export declare const AllSizes: Story;
|
|
31
|
-
/**
|
|
32
|
-
* Different shapes for various design contexts.
|
|
33
|
-
* Rounded for general use, square for grid layouts, circle for profile actions.
|
|
34
|
-
*/
|
|
35
|
-
export declare const AllShapes: Story;
|
|
36
|
-
/**
|
|
37
|
-
* Disabled state for all variants and sizes.
|
|
38
|
-
* Demonstrates consistent disabled styling across the component system.
|
|
39
|
-
*/
|
|
40
|
-
export declare const DisabledStates: Story;
|
|
41
|
-
/**
|
|
42
|
-
* Toolbar example showing ButtonIcon in a practical context.
|
|
43
|
-
* Demonstrates how icon buttons work together in a typical interface.
|
|
44
|
-
*/
|
|
45
|
-
export declare const ToolbarExample: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ButtonIconProps } from './types';
|
|
2
|
-
import { IconProps } from '../icon';
|
|
3
|
-
/**
|
|
4
|
-
* Maps ButtonIcon variant to Icon color prop
|
|
5
|
-
*/
|
|
6
|
-
export declare function getIconColorFromVariant(variant?: ButtonIconProps['variant']): IconProps['color'];
|
|
7
|
-
export declare const buttonIconVariants: (props?: ({
|
|
8
|
-
variant?: "outline" | "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | "primary-outline" | "primary-ghost" | "secondary-outline" | "secondary-ghost" | "tertiary-outline" | "tertiary-ghost" | "ghost-outline" | "neutral-outline" | "neutral-ghost" | "success-outline" | "success-ghost" | "info-outline" | "info-ghost" | "warning-outline" | "warning-ghost" | "danger-outline" | "danger-ghost" | "destructive" | null | undefined;
|
|
9
|
-
size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
|
|
10
|
-
shape?: "circle" | "square" | "rounded" | null | undefined;
|
|
11
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Calculator } from './calculator';
|
|
2
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
3
|
-
declare const meta: Meta<typeof Calculator>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Calculator>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithInitialValue: Story;
|
|
8
|
-
export declare const Disabled: Story;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const calculatorRootVariants: (props?: ({
|
|
2
|
-
disabled?: boolean | null | undefined;
|
|
3
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
4
|
-
export declare const calculatorButtonVariants: (props?: ({
|
|
5
|
-
variant?: "default" | "danger" | "operator" | "action" | null | undefined;
|
|
6
|
-
disabled?: boolean | null | undefined;
|
|
7
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { CalculatorInput } from './calculator-input';
|
|
3
|
-
declare const meta: Meta<typeof CalculatorInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof CalculatorInput>;
|
|
6
|
-
export declare const Basic: Story;
|
|
7
|
-
export declare const WithError: Story;
|
|
8
|
-
export declare const Disabled: Story;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { CheckboxInput } from './checkbox-input';
|
|
3
|
-
/**
|
|
4
|
-
* CheckboxInput is a compound component that provides customizable checkbox inputs
|
|
5
|
-
* with support for multiple variants, sizes, and accessibility features.
|
|
6
|
-
*
|
|
7
|
-
* Key features:
|
|
8
|
-
* - Custom styled checkboxes using ::after pseudo-elements
|
|
9
|
-
* - Multiple variants following the Versaur color system
|
|
10
|
-
* - Flexible compound pattern for composition
|
|
11
|
-
* - Full accessibility support with proper ARIA attributes
|
|
12
|
-
* - Support for both horizontal and vertical layouts
|
|
13
|
-
*/
|
|
14
|
-
declare const meta: Meta<typeof CheckboxInput>;
|
|
15
|
-
export default meta;
|
|
16
|
-
type Story = StoryObj<typeof CheckboxInput>;
|
|
17
|
-
/**
|
|
18
|
-
* Default checkbox input with multiple options
|
|
19
|
-
*/
|
|
20
|
-
export declare const Default: Story;
|
|
21
|
-
/**
|
|
22
|
-
* Checkbox options with descriptions for better context
|
|
23
|
-
*/
|
|
24
|
-
export declare const WithDescriptions: Story;
|
|
25
|
-
/**
|
|
26
|
-
* Horizontal layout for compact displays
|
|
27
|
-
*/
|
|
28
|
-
export declare const HorizontalLayout: Story;
|
|
29
|
-
/**
|
|
30
|
-
* Different sizes demonstration
|
|
31
|
-
*/
|
|
32
|
-
export declare const Sizes: Story;
|
|
33
|
-
/**
|
|
34
|
-
* Variant showcase demonstrating all available styles
|
|
35
|
-
*/
|
|
36
|
-
export declare const Variants: Story;
|
|
37
|
-
/**
|
|
38
|
-
* Error state demonstration
|
|
39
|
-
*/
|
|
40
|
-
export declare const WithError: Story;
|
|
41
|
-
/**
|
|
42
|
-
* Disabled state demonstration
|
|
43
|
-
*/
|
|
44
|
-
export declare const Disabled: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { CheckboxInputProps } from './types';
|
|
2
|
-
interface CheckboxContextValue {
|
|
3
|
-
variant: CheckboxInputProps['variant'];
|
|
4
|
-
size: CheckboxInputProps['size'];
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
error?: boolean;
|
|
7
|
-
}
|
|
8
|
-
export declare const CheckboxContext: import('react').Context<CheckboxContextValue | null>;
|
|
9
|
-
export declare const useCheckboxContext: () => CheckboxContextValue;
|
|
10
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export declare const checkboxGroupVariants: (props?: ({
|
|
2
|
-
direction?: "horizontal" | "vertical" | null | undefined;
|
|
3
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
4
|
-
export declare const checkboxVariants: (props?: ({
|
|
5
|
-
variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | "primary-outline" | "secondary-outline" | "tertiary-outline" | "ghost-outline" | "neutral-outline" | "success-outline" | "info-outline" | "warning-outline" | "danger-outline" | null | undefined;
|
|
6
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
-
export declare const checkboxLabelVariants: (props?: ({
|
|
9
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
10
|
-
disabled?: boolean | null | undefined;
|
|
11
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ChipInputProps } from './types';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: import('react').ForwardRefExoticComponent<ChipInputProps & import('react').RefAttributes<HTMLDivElement>> & {
|
|
5
|
-
Option: import('react').ForwardRefExoticComponent<import('./types').ChipInputOptionProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
6
|
-
};
|
|
7
|
-
tags: string[];
|
|
8
|
-
};
|
|
9
|
-
export default _default;
|
|
10
|
-
export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export declare const Variants: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ChipInputProps } from './types';
|
|
2
|
-
export interface ChipInputContextValue {
|
|
3
|
-
variant: ChipInputProps['variant'];
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
error?: boolean;
|
|
6
|
-
name: string;
|
|
7
|
-
value?: string[];
|
|
8
|
-
onChange?: (value: string[]) => void;
|
|
9
|
-
}
|
|
10
|
-
export declare const ChipInputContext: import('react').Context<ChipInputContextValue | null>;
|
|
11
|
-
export declare const useChipInputContext: () => ChipInputContextValue;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export declare const chipOptionVariants: (props?: ({
|
|
2
|
-
variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
|
|
3
|
-
selected?: boolean | null | undefined;
|
|
4
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
package/dist/components/date-single-picker-input/date-single-picker-input.docked.stories.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { DateSinglePickerInput } from './date-single-picker-input';
|
|
3
|
-
declare const meta: Meta<typeof DateSinglePickerInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof DateSinglePickerInput>;
|
|
6
|
-
export declare const DockedDefault: Story;
|
|
7
|
-
export declare const DockedWithLeftIcon: Story;
|
|
8
|
-
export declare const DockedErrorState: Story;
|
|
9
|
-
export declare const DockedDisabled: Story;
|
|
10
|
-
export declare const DockedAllVariants: Story;
|
package/dist/components/date-single-picker-input/date-single-picker-input.modal.stories.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { DateSinglePickerInput } from './date-single-picker-input';
|
|
3
|
-
declare const meta: Meta<typeof DateSinglePickerInput>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof DateSinglePickerInput>;
|
|
6
|
-
export declare const ModalDefault: Story;
|
|
7
|
-
export declare const ModalWithLeftIcon: Story;
|
|
8
|
-
export declare const ModalErrorState: Story;
|
|
9
|
-
export declare const ModalDisabled: Story;
|
|
10
|
-
export declare const ModalAllVariants: Story;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export declare const dateSinglePickerInputVariants: (props?: ({
|
|
2
|
-
variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | "primary-outline" | "secondary-outline" | "tertiary-outline" | "ghost-outline" | "neutral-outline" | "success-outline" | "info-outline" | "warning-outline" | "danger-outline" | null | undefined;
|
|
3
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { DrawerContextValue } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* Context for the Drawer compound component
|
|
4
|
-
* Provides shared state and functions across all drawer sub-components
|
|
5
|
-
*/
|
|
6
|
-
export declare const DrawerContext: import('react').Context<DrawerContextValue | null>;
|
|
7
|
-
/**
|
|
8
|
-
* Hook to access drawer context
|
|
9
|
-
* Throws an error if used outside of a DrawerRoot component
|
|
10
|
-
*/
|
|
11
|
-
export declare function useDrawerContext(): DrawerContextValue;
|