@zealicsolutions/web-ui 1.0.115 → 1.0.117
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/cjs/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +1 -1
- package/dist/cjs/index.js +1614 -1614
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/BaseMolecule.stories.d.ts +68 -0
- package/dist/cjs/molecules/Button/Button.d.ts +1 -9
- package/dist/cjs/molecules/examples/ButtonExamples.d.ts +8 -0
- package/dist/cjs/molecules/examples/index.d.ts +20 -0
- package/dist/esm/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +1 -1
- package/dist/esm/molecules/BaseMolecule.stories.d.ts +68 -0
- package/dist/esm/molecules/Button/Button.d.ts +1 -9
- package/dist/esm/molecules/Button/Button.js +1 -1
- package/dist/esm/molecules/Button/Button.js.map +1 -1
- package/dist/esm/molecules/examples/ButtonExamples.d.ts +8 -0
- package/dist/esm/molecules/examples/index.d.ts +20 -0
- package/dist/esm/organisms/DataGrid/queries/useDataGridRows.js +1 -1
- package/dist/esm/organisms/DataGrid/queries/useDataGridRows.js.map +1 -1
- package/dist/index.d.ts +1 -9
- package/package.json +1 -1
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { BaseMolecule } from './BaseMolecule';
|
|
3
|
+
/**
|
|
4
|
+
* BaseMolecule Story - Foundation for All Molecule Examples
|
|
5
|
+
*
|
|
6
|
+
* This story demonstrates the core structure and patterns used by all molecules in Zeal UI.
|
|
7
|
+
* It serves as the foundation for understanding how molecules are configured and rendered.
|
|
8
|
+
*
|
|
9
|
+
* Key Concepts Demonstrated:
|
|
10
|
+
* 1. Molecule Structure: id, type, name, config, properties
|
|
11
|
+
* 2. Configuration System: props for styling, properties for content
|
|
12
|
+
* 3. Data Binding: dataCapture for connecting to data sources
|
|
13
|
+
* 4. State Management: How molecules interact with application state
|
|
14
|
+
* 5. Styling System: CSS properties and responsive design
|
|
15
|
+
*/
|
|
16
|
+
declare const meta: Meta<typeof BaseMolecule>;
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof meta>;
|
|
19
|
+
/**
|
|
20
|
+
* Basic Molecule Structure Example
|
|
21
|
+
*
|
|
22
|
+
* Shows the minimal configuration needed for any molecule.
|
|
23
|
+
* This demonstrates the core pattern that all molecules follow.
|
|
24
|
+
*/
|
|
25
|
+
export declare const BasicStructure: Story;
|
|
26
|
+
/**
|
|
27
|
+
* Data Binding Example
|
|
28
|
+
*
|
|
29
|
+
* Demonstrates how molecules bind to external data sources.
|
|
30
|
+
* This pattern is used throughout forms and display components.
|
|
31
|
+
*/
|
|
32
|
+
export declare const DataBinding: Story;
|
|
33
|
+
/**
|
|
34
|
+
* Form Input Example
|
|
35
|
+
*
|
|
36
|
+
* Shows how input molecules handle user interaction and validation.
|
|
37
|
+
* This pattern applies to all form input types.
|
|
38
|
+
*/
|
|
39
|
+
export declare const FormInput: Story;
|
|
40
|
+
/**
|
|
41
|
+
* Complex Molecule with Children Example
|
|
42
|
+
*
|
|
43
|
+
* Demonstrates how complex molecules like steppers or accordions contain other molecules.
|
|
44
|
+
* Shows the hierarchical structure pattern.
|
|
45
|
+
*/
|
|
46
|
+
export declare const ComplexMolecule: Story;
|
|
47
|
+
/**
|
|
48
|
+
* Complete Organism Example
|
|
49
|
+
*
|
|
50
|
+
* Shows how molecules work together in a complete organism structure.
|
|
51
|
+
* This demonstrates the full pattern for building complex UIs.
|
|
52
|
+
*/
|
|
53
|
+
export declare const CompleteOrganism: Story;
|
|
54
|
+
/**
|
|
55
|
+
* Pattern Reference
|
|
56
|
+
*
|
|
57
|
+
* This section documents the key patterns that all molecule examples should follow.
|
|
58
|
+
* Use this as a template for creating new molecule examples.
|
|
59
|
+
*/
|
|
60
|
+
export declare const PatternReference: {
|
|
61
|
+
parameters: {
|
|
62
|
+
docs: {
|
|
63
|
+
description: {
|
|
64
|
+
story: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
@@ -21,14 +21,6 @@ export interface ButtonProps extends MuiButtonProps {
|
|
|
21
21
|
paddingBottom?: string;
|
|
22
22
|
paddingLeft?: string;
|
|
23
23
|
iconOnly?: boolean;
|
|
24
|
-
actionConfig?: {
|
|
25
|
-
actionType?: string;
|
|
26
|
-
targetOrganismId?: string;
|
|
27
|
-
fieldMap?: Array<{
|
|
28
|
-
source: string;
|
|
29
|
-
destination: string;
|
|
30
|
-
}>;
|
|
31
|
-
};
|
|
32
24
|
elevation?: number;
|
|
33
25
|
fillColor?: string;
|
|
34
26
|
fillColorDisabled?: string;
|
|
@@ -62,4 +54,4 @@ export declare const Button: import("react").ForwardRefExoticComponent<Pick<Butt
|
|
|
62
54
|
text?: any;
|
|
63
55
|
action?: any;
|
|
64
56
|
} | undefined;
|
|
65
|
-
}, "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "translate" | "width" | "borderColor" | "borderRadius" | "gap" | "action" | "className" | "style" | "classes" | "children" | "elevation" | "sx" | "variant" | "form" | "link" | "slot" | "title" | "text" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "value" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "loading" | "loadingIndicator" | "loadingPosition" | "size" | "startIcon" | "textColor" | "iconOnly" | "configurationItemInfo" | "properties" | "moleculeId" | "wrapText" | "
|
|
57
|
+
}, "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "translate" | "width" | "borderColor" | "borderRadius" | "gap" | "action" | "className" | "style" | "classes" | "children" | "elevation" | "sx" | "variant" | "form" | "link" | "slot" | "title" | "text" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "value" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "loading" | "loadingIndicator" | "loadingPosition" | "size" | "startIcon" | "textColor" | "iconOnly" | "configurationItemInfo" | "properties" | "moleculeId" | "wrapText" | "fillColor" | "fillColorDisabled" | "fillColorHover" | "fillColorPressed" | "borderColorDisabled" | "borderColorHover" | "borderColorPressed" | "textColorDisabled" | "textColorHover" | "textColorPressed"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { MoleculeExamplesStructure } from './index';
|
|
2
|
+
/**
|
|
3
|
+
* Button Molecule Examples
|
|
4
|
+
*
|
|
5
|
+
* The Button molecule is one of the most versatile components in Zeal UI.
|
|
6
|
+
* It supports multiple variants, sizes, states, and interaction types.
|
|
7
|
+
*/
|
|
8
|
+
export declare const ButtonExamples: MoleculeExamplesStructure;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const MoleculeExamples: {
|
|
2
|
+
button: MoleculeExamplesStructure;
|
|
3
|
+
};
|
|
4
|
+
export interface MoleculeExample {
|
|
5
|
+
configuration: Record<string, any>;
|
|
6
|
+
visualDescription: string;
|
|
7
|
+
usageContext: string;
|
|
8
|
+
}
|
|
9
|
+
export interface MoleculeExampleVariation {
|
|
10
|
+
name: string;
|
|
11
|
+
configuration: Record<string, any>;
|
|
12
|
+
visualDescription: string;
|
|
13
|
+
usageContext: string;
|
|
14
|
+
}
|
|
15
|
+
export interface MoleculeExamplesStructure {
|
|
16
|
+
basic?: MoleculeExample;
|
|
17
|
+
advanced?: MoleculeExample;
|
|
18
|
+
variations?: MoleculeExampleVariation[];
|
|
19
|
+
}
|
|
20
|
+
export type { MoleculeExamplesStructure as MoleculeExamplesType };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Dispatch, SetStateAction } from 'react';
|
|
2
1
|
import { ContainerComponentProps } from 'containers';
|
|
2
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
3
3
|
export type ButtonActionsContextType = {
|
|
4
4
|
actionContent?: ContainerComponentProps;
|
|
5
5
|
setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { BaseMolecule } from './BaseMolecule';
|
|
3
|
+
/**
|
|
4
|
+
* BaseMolecule Story - Foundation for All Molecule Examples
|
|
5
|
+
*
|
|
6
|
+
* This story demonstrates the core structure and patterns used by all molecules in Zeal UI.
|
|
7
|
+
* It serves as the foundation for understanding how molecules are configured and rendered.
|
|
8
|
+
*
|
|
9
|
+
* Key Concepts Demonstrated:
|
|
10
|
+
* 1. Molecule Structure: id, type, name, config, properties
|
|
11
|
+
* 2. Configuration System: props for styling, properties for content
|
|
12
|
+
* 3. Data Binding: dataCapture for connecting to data sources
|
|
13
|
+
* 4. State Management: How molecules interact with application state
|
|
14
|
+
* 5. Styling System: CSS properties and responsive design
|
|
15
|
+
*/
|
|
16
|
+
declare const meta: Meta<typeof BaseMolecule>;
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof meta>;
|
|
19
|
+
/**
|
|
20
|
+
* Basic Molecule Structure Example
|
|
21
|
+
*
|
|
22
|
+
* Shows the minimal configuration needed for any molecule.
|
|
23
|
+
* This demonstrates the core pattern that all molecules follow.
|
|
24
|
+
*/
|
|
25
|
+
export declare const BasicStructure: Story;
|
|
26
|
+
/**
|
|
27
|
+
* Data Binding Example
|
|
28
|
+
*
|
|
29
|
+
* Demonstrates how molecules bind to external data sources.
|
|
30
|
+
* This pattern is used throughout forms and display components.
|
|
31
|
+
*/
|
|
32
|
+
export declare const DataBinding: Story;
|
|
33
|
+
/**
|
|
34
|
+
* Form Input Example
|
|
35
|
+
*
|
|
36
|
+
* Shows how input molecules handle user interaction and validation.
|
|
37
|
+
* This pattern applies to all form input types.
|
|
38
|
+
*/
|
|
39
|
+
export declare const FormInput: Story;
|
|
40
|
+
/**
|
|
41
|
+
* Complex Molecule with Children Example
|
|
42
|
+
*
|
|
43
|
+
* Demonstrates how complex molecules like steppers or accordions contain other molecules.
|
|
44
|
+
* Shows the hierarchical structure pattern.
|
|
45
|
+
*/
|
|
46
|
+
export declare const ComplexMolecule: Story;
|
|
47
|
+
/**
|
|
48
|
+
* Complete Organism Example
|
|
49
|
+
*
|
|
50
|
+
* Shows how molecules work together in a complete organism structure.
|
|
51
|
+
* This demonstrates the full pattern for building complex UIs.
|
|
52
|
+
*/
|
|
53
|
+
export declare const CompleteOrganism: Story;
|
|
54
|
+
/**
|
|
55
|
+
* Pattern Reference
|
|
56
|
+
*
|
|
57
|
+
* This section documents the key patterns that all molecule examples should follow.
|
|
58
|
+
* Use this as a template for creating new molecule examples.
|
|
59
|
+
*/
|
|
60
|
+
export declare const PatternReference: {
|
|
61
|
+
parameters: {
|
|
62
|
+
docs: {
|
|
63
|
+
description: {
|
|
64
|
+
story: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
@@ -21,14 +21,6 @@ export interface ButtonProps extends MuiButtonProps {
|
|
|
21
21
|
paddingBottom?: string;
|
|
22
22
|
paddingLeft?: string;
|
|
23
23
|
iconOnly?: boolean;
|
|
24
|
-
actionConfig?: {
|
|
25
|
-
actionType?: string;
|
|
26
|
-
targetOrganismId?: string;
|
|
27
|
-
fieldMap?: Array<{
|
|
28
|
-
source: string;
|
|
29
|
-
destination: string;
|
|
30
|
-
}>;
|
|
31
|
-
};
|
|
32
24
|
elevation?: number;
|
|
33
25
|
fillColor?: string;
|
|
34
26
|
fillColorDisabled?: string;
|
|
@@ -62,4 +54,4 @@ export declare const Button: import("react").ForwardRefExoticComponent<Pick<Butt
|
|
|
62
54
|
text?: any;
|
|
63
55
|
action?: any;
|
|
64
56
|
} | undefined;
|
|
65
|
-
}, "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "translate" | "width" | "borderColor" | "borderRadius" | "gap" | "action" | "className" | "style" | "classes" | "children" | "elevation" | "sx" | "variant" | "form" | "link" | "slot" | "title" | "text" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "value" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "loading" | "loadingIndicator" | "loadingPosition" | "size" | "startIcon" | "textColor" | "iconOnly" | "configurationItemInfo" | "properties" | "moleculeId" | "wrapText" | "
|
|
57
|
+
}, "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "translate" | "width" | "borderColor" | "borderRadius" | "gap" | "action" | "className" | "style" | "classes" | "children" | "elevation" | "sx" | "variant" | "form" | "link" | "slot" | "title" | "text" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "value" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "loading" | "loadingIndicator" | "loadingPosition" | "size" | "startIcon" | "textColor" | "iconOnly" | "configurationItemInfo" | "properties" | "moleculeId" | "wrapText" | "fillColor" | "fillColorDisabled" | "fillColorHover" | "fillColorPressed" | "borderColorDisabled" | "borderColorHover" | "borderColorPressed" | "textColorDisabled" | "textColorHover" | "textColorPressed"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as o,__assign as r}from"../../node_modules/tslib/tslib.es6.js";import{jsx as i}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useStateModifierHandler as
|
|
1
|
+
import{__rest as o,__assign as r}from"../../node_modules/tslib/tslib.es6.js";import{jsx as i}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useStateModifierHandler as e}from"../../containers/hooks/useStateModifierHandler.js";import{IconRenderer as t}from"../Icon/IconRenderer.js";import{forwardRef as d}from"react";import{defaultTheme as n}from"../../theme/theme.js";import"../../theme/provider.js";import"../../theme/toastStyles.js";import{getTintColor as l,getMaterialElevation as a}from"../../helpers/styles.js";import m from"../../node_modules/@mui/material/esm/IconButton/IconButton.js";import s from"../../node_modules/@mui/material/esm/Typography/Typography.js";import g from"../../node_modules/@mui/material/esm/Button/Button.js";var c=d(function(d,c){var h,p=d.gap,b=d.moleculeId,f=d.configurationItemInfo,u=d.fontSize,C=d.fontWeight,v=d.fontFamily,x=d.textAlign,y=d.text,k=d.wrapText,I=void 0!==k&&k,W=d.properties,H=d.borderRadius,j=void 0===H?0:H,B=d.endIcon,R=d.startIcon,T=d.fullWidth,w=void 0!==T&&T,S=d.height,L=d.width,D=d.minWidth,P=d.maxWidth,N=d.minHeight,_=d.maxHeight,z=d.iconOnly,A=void 0!==z&&z,F=d.elevation,M=void 0===F?0:F,O=d.fillColor,E=void 0===O?"primary":O,q=d.fillColorDisabled,G=d.fillColorHover,J=d.fillColorPressed,K=d.borderColor,Q=d.borderColorDisabled,U=d.borderColorHover,V=d.borderColorPressed,X=d.textColor,Y=d.textColorDisabled,Z=d.textColorHover,$=d.textColorPressed,oo=d.variant,ro=void 0===oo?"contained":oo,io=d.color,eo=void 0===io?"primary":io,to=d.disabled,no=void 0!==to&&to,lo=d.link,ao=d.onClick,mo=d.marginTop,so=void 0===mo?"0":mo,go=d.marginRight,co=void 0===go?"0":go,ho=d.marginBottom,po=void 0===ho?"0":ho,bo=d.marginLeft,fo=void 0===bo?"0":bo,uo=d.paddingTop,Co=void 0===uo?"0":uo,vo=d.paddingRight,xo=void 0===vo?"0":vo,yo=d.paddingBottom,ko=void 0===yo?"0":yo,Io=d.paddingLeft,Wo=void 0===Io?"0":Io,Ho=o(d,["gap","moleculeId","configurationItemInfo","fontSize","fontWeight","fontFamily","textAlign","text","wrapText","properties","borderRadius","endIcon","startIcon","fullWidth","height","width","minWidth","maxWidth","minHeight","maxHeight","iconOnly","elevation","fillColor","fillColorDisabled","fillColorHover","fillColorPressed","borderColor","borderColorDisabled","borderColorHover","borderColorPressed","textColor","textColorDisabled","textColorHover","textColorPressed","variant","color","disabled","link","onClick","marginTop","marginRight","marginBottom","marginLeft","paddingTop","paddingRight","paddingBottom","paddingLeft"]),jo=e().onStateChange,Bo=y||(null===(h=null==W?void 0:W.text)||void 0===h?void 0:h.text)||"",Ro=function(o){console.log("🖱️ Button clicked:",{moleculeId:b,disabled:no,hasOnClick:!!ao}),no||(null==ao||ao(o),jo({id:b,type:"clicked"}))},To=E||eo,wo="contained"===ro,So=q||l(To,.5),Lo=Y||l(X||n.colors.gray2,.5),Do=Q||l(K||To,.5),Po=no?Lo:X,No=K||To,_o={style:{width:u,height:u,strokeWidth:"bold"===C?2.5:1.5}};return A?i(m,r({ref:c,id:b,href:lo,disabled:no,onClick:Ro,sx:r(r(r(r(r(r(r({},w?{width:"100%"}:{width:L}),{height:S}),D&&{minWidth:D}),P&&{maxWidth:P}),N&&{minHeight:N}),_&&{maxHeight:_}),{marginTop:so,marginRight:co,marginBottom:po,marginLeft:fo,paddingTop:Co,paddingRight:xo,paddingBottom:ko,paddingLeft:Wo,borderRadius:j,backgroundColor:wo?To:"transparent",borderWidth:"bold"===C?2:1.5,borderStyle:"solid",borderColor:No,color:Po,boxShadow:a(M),"&:hover":{backgroundColor:G||l(To,.8),borderColor:U||l(No,.8),color:Z||Po},"&:active":{backgroundColor:J||l(To,.6),borderColor:V||l(No,.6),color:$||Po},"&.Mui-disabled":{backgroundColor:wo?So:"transparent",borderColor:Do,color:Lo}})},f,Ho,{children:i(t,r({iconName:R||"circle-power",color:Po},_o))})):i(g,r({ref:c,id:b,href:lo,variant:ro,disabled:no,fullWidth:w,onClick:Ro,disableElevation:0===M,endIcon:B&&i(t,r({color:Po,iconName:B},_o)),startIcon:R&&i(t,r({color:Po,iconName:R},_o)),sx:r(r(r(r(r(r(r({},w?{}:{width:L}),{height:S}),D&&{minWidth:D}),P&&{maxWidth:P}),N&&{minHeight:N}),_&&{maxHeight:_}),{gap:p,alignItems:"center",justifyContent:x,pointerEvents:no?"none":"auto",marginTop:so,marginRight:co,marginBottom:po,marginLeft:fo,paddingTop:Co,paddingRight:xo,paddingBottom:ko,paddingLeft:Wo,borderRadius:j,borderWidth:"bold"===C?2:1.5,borderStyle:"solid",borderColor:No,textTransform:"none",backgroundColor:wo?To:"transparent",color:Po,boxShadow:a(M),"&:hover":{backgroundColor:G||(wo?l(To,.8):"transparent"),borderColor:U||l(No,.8),color:Z||Po},"&:active":{backgroundColor:J||(wo?l(To,.6):"transparent"),borderColor:V||l(No,.6),color:$||Po},"&.Mui-disabled":{backgroundColor:wo?So:"transparent",borderColor:Do,color:Lo}})},f,Ho,{children:Bo&&i(s,r({component:"span",noWrap:!I,sx:{fontSize:u,fontWeight:C,fontFamily:v,textAlign:x,color:"inherit"}},{children:Bo}))}))});c.displayName="NewButton";export{c as Button};
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../../src/molecules/Button/Button.tsx"],"sourcesContent":[null],"names":["Button","forwardRef","_a","ref","gap","moleculeId","configurationItemInfo","fontSize","fontWeight","fontFamily","textAlign","text","_c","wrapText","properties","
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../../src/molecules/Button/Button.tsx"],"sourcesContent":[null],"names":["Button","forwardRef","_a","ref","gap","moleculeId","configurationItemInfo","fontSize","fontWeight","fontFamily","textAlign","text","_c","wrapText","properties","_d","borderRadius","endIcon","startIcon","_e","fullWidth","height","width","minWidth","maxWidth","minHeight","maxHeight","_f","iconOnly","_g","elevation","_h","fillColor","fillColorDisabled","fillColorHover","fillColorPressed","borderColor","borderColorDisabled","borderColorHover","borderColorPressed","textColor","textColorDisabled","textColorHover","textColorPressed","_j","variant","_k","color","_l","disabled","link","onClick","_m","marginTop","_o","marginRight","_p","marginBottom","_q","marginLeft","_r","paddingTop","_s","paddingRight","_t","paddingBottom","_u","paddingLeft","rest","__rest","onStateChange","useStateModifierHandler","buttonText","_b","clickHandler","event","console","log","hasOnClick","id","type","activeFillColor","shouldShowBackground","disabledFillColor","getTintColor","disabledTextColor","defaultTheme","colors","gray2","disabledBorderColor","activeTextColor","activeBorderColor","iconProps","style","strokeWidth","_jsx","MuiIconButton","__assign","href","sx","backgroundColor","borderWidth","borderStyle","boxShadow","getMaterialElevation","children","IconRenderer","iconName","MuiButton","disableElevation","alignItems","justifyContent","pointerEvents","textTransform","Typography","component","noWrap","displayName"],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { MoleculeExamplesStructure } from './index';
|
|
2
|
+
/**
|
|
3
|
+
* Button Molecule Examples
|
|
4
|
+
*
|
|
5
|
+
* The Button molecule is one of the most versatile components in Zeal UI.
|
|
6
|
+
* It supports multiple variants, sizes, states, and interaction types.
|
|
7
|
+
*/
|
|
8
|
+
export declare const ButtonExamples: MoleculeExamplesStructure;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const MoleculeExamples: {
|
|
2
|
+
button: MoleculeExamplesStructure;
|
|
3
|
+
};
|
|
4
|
+
export interface MoleculeExample {
|
|
5
|
+
configuration: Record<string, any>;
|
|
6
|
+
visualDescription: string;
|
|
7
|
+
usageContext: string;
|
|
8
|
+
}
|
|
9
|
+
export interface MoleculeExampleVariation {
|
|
10
|
+
name: string;
|
|
11
|
+
configuration: Record<string, any>;
|
|
12
|
+
visualDescription: string;
|
|
13
|
+
usageContext: string;
|
|
14
|
+
}
|
|
15
|
+
export interface MoleculeExamplesStructure {
|
|
16
|
+
basic?: MoleculeExample;
|
|
17
|
+
advanced?: MoleculeExample;
|
|
18
|
+
variations?: MoleculeExampleVariation[];
|
|
19
|
+
}
|
|
20
|
+
export type { MoleculeExamplesStructure as MoleculeExamplesType };
|