@zealicsolutions/web-ui 1.0.79 → 1.0.80-beta.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.
Files changed (57) hide show
  1. package/dist/cjs/components/Buttons/TextButton.d.ts +1 -1
  2. package/dist/cjs/components/Input/helpers.d.ts +1 -1
  3. package/dist/cjs/contexts/LayoutContext/LayoutContext.d.ts +1 -0
  4. package/dist/cjs/contexts/LayoutContext/LayoutContextProvider.d.ts +1 -0
  5. package/dist/cjs/helpers/styles.d.ts +1 -0
  6. package/dist/cjs/index.js +1585 -1585
  7. package/dist/cjs/index.js.map +1 -1
  8. package/dist/cjs/molecules/Button/Button.d.ts +3 -3
  9. package/dist/cjs/molecules/Calendar/hooks/useCalendarStyling.d.ts +1 -1
  10. package/dist/cjs/molecules/Checklist/Checklist.stories.d.ts +5 -5
  11. package/dist/cjs/molecules/Divider/Divider.d.ts +1 -1
  12. package/dist/cjs/molecules/Divider/Divider.stories.d.ts +7 -6
  13. package/dist/cjs/molecules/Drawer/Drawer.stories.d.ts +3 -16
  14. package/dist/cjs/molecules/Drawer/styles.d.ts +17 -48
  15. package/dist/cjs/molecules/Drawer/types.d.ts +8 -2
  16. package/dist/cjs/molecules/Stepper/Stepper.stories.d.ts +5 -5
  17. package/dist/cjs/molecules/Tabs/Tabs.stories.d.ts +5 -5
  18. package/dist/esm/components/Buttons/TextButton.d.ts +1 -1
  19. package/dist/esm/components/Input/helpers.d.ts +1 -1
  20. package/dist/esm/contexts/LayoutContext/LayoutContext.d.ts +1 -0
  21. package/dist/esm/contexts/LayoutContext/LayoutContext.js +1 -1
  22. package/dist/esm/contexts/LayoutContext/LayoutContext.js.map +1 -1
  23. package/dist/esm/contexts/LayoutContext/LayoutContextProvider.d.ts +1 -0
  24. package/dist/esm/contexts/LayoutContext/LayoutContextProvider.js +1 -1
  25. package/dist/esm/contexts/LayoutContext/LayoutContextProvider.js.map +1 -1
  26. package/dist/esm/helpers/styles.d.ts +1 -0
  27. package/dist/esm/helpers/styles.js +1 -1
  28. package/dist/esm/helpers/styles.js.map +1 -1
  29. package/dist/esm/molecules/Accordion/Accordion.js +1 -1
  30. package/dist/esm/molecules/Avatar/Avatar.js +1 -1
  31. package/dist/esm/molecules/BaseMolecule.js +1 -1
  32. package/dist/esm/molecules/BaseMolecule.js.map +1 -1
  33. package/dist/esm/molecules/Button/Button.d.ts +3 -3
  34. package/dist/esm/molecules/Button/Button.js +1 -1
  35. package/dist/esm/molecules/Button/Button.js.map +1 -1
  36. package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.d.ts +1 -1
  37. package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.js +1 -1
  38. package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.js.map +1 -1
  39. package/dist/esm/molecules/Checklist/Checklist.stories.d.ts +5 -5
  40. package/dist/esm/molecules/Divider/Divider.d.ts +1 -1
  41. package/dist/esm/molecules/Divider/Divider.js +1 -1
  42. package/dist/esm/molecules/Divider/Divider.js.map +1 -1
  43. package/dist/esm/molecules/Divider/Divider.stories.d.ts +7 -6
  44. package/dist/esm/molecules/Drawer/Drawer.js +1 -1
  45. package/dist/esm/molecules/Drawer/Drawer.js.map +1 -1
  46. package/dist/esm/molecules/Drawer/Drawer.stories.d.ts +3 -16
  47. package/dist/esm/molecules/Drawer/styles.d.ts +17 -48
  48. package/dist/esm/molecules/Drawer/styles.js +1 -1
  49. package/dist/esm/molecules/Drawer/styles.js.map +1 -1
  50. package/dist/esm/molecules/Drawer/types.d.ts +8 -2
  51. package/dist/esm/molecules/Menu/Menu.js +1 -1
  52. package/dist/esm/molecules/PasswordSetup/PasswordSetup.js +1 -1
  53. package/dist/esm/molecules/Stepper/Stepper.js +1 -1
  54. package/dist/esm/molecules/Stepper/Stepper.stories.d.ts +5 -5
  55. package/dist/esm/molecules/Tabs/Tabs.stories.d.ts +5 -5
  56. package/dist/index.d.ts +14 -6
  57. package/package.json +1 -1
@@ -85,7 +85,7 @@ declare const _default: {
85
85
  };
86
86
  };
87
87
  export default _default;
88
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "gap" | "stepGap" | "iconSize" | "lineWidth" | "lineRadius" | "borderRadius" | "iconBorderRadius"> & {
88
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "iconSize" | "stepGap" | "lineWidth" | "lineRadius" | "iconBorderRadius"> & {
89
89
  gap: number | string;
90
90
  stepGap: number | string;
91
91
  iconSize: number | string;
@@ -102,7 +102,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
102
102
  marginLeft: number | string;
103
103
  borderRadius: number | string;
104
104
  }>;
105
- export declare const Horizontal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "gap" | "stepGap" | "iconSize" | "lineWidth" | "lineRadius" | "borderRadius" | "iconBorderRadius"> & {
105
+ export declare const Horizontal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "iconSize" | "stepGap" | "lineWidth" | "lineRadius" | "iconBorderRadius"> & {
106
106
  gap: number | string;
107
107
  stepGap: number | string;
108
108
  iconSize: number | string;
@@ -119,7 +119,7 @@ export declare const Horizontal: import("@storybook/types").AnnotatedStoryFn<imp
119
119
  marginLeft: number | string;
120
120
  borderRadius: number | string;
121
121
  }>;
122
- export declare const WithCustomGap: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "gap" | "stepGap" | "iconSize" | "lineWidth" | "lineRadius" | "borderRadius" | "iconBorderRadius"> & {
122
+ export declare const WithCustomGap: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "iconSize" | "stepGap" | "lineWidth" | "lineRadius" | "iconBorderRadius"> & {
123
123
  gap: number | string;
124
124
  stepGap: number | string;
125
125
  iconSize: number | string;
@@ -136,7 +136,7 @@ export declare const WithCustomGap: import("@storybook/types").AnnotatedStoryFn<
136
136
  marginLeft: number | string;
137
137
  borderRadius: number | string;
138
138
  }>;
139
- export declare const MobileView: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "gap" | "stepGap" | "iconSize" | "lineWidth" | "lineRadius" | "borderRadius" | "iconBorderRadius"> & {
139
+ export declare const MobileView: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "iconSize" | "stepGap" | "lineWidth" | "lineRadius" | "iconBorderRadius"> & {
140
140
  gap: number | string;
141
141
  stepGap: number | string;
142
142
  iconSize: number | string;
@@ -153,7 +153,7 @@ export declare const MobileView: import("@storybook/types").AnnotatedStoryFn<imp
153
153
  marginLeft: number | string;
154
154
  borderRadius: number | string;
155
155
  }>;
156
- export declare const WithMarginAndPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "gap" | "stepGap" | "iconSize" | "lineWidth" | "lineRadius" | "borderRadius" | "iconBorderRadius"> & {
156
+ export declare const WithMarginAndPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "iconSize" | "stepGap" | "lineWidth" | "lineRadius" | "iconBorderRadius"> & {
157
157
  gap: number | string;
158
158
  stepGap: number | string;
159
159
  iconSize: number | string;
@@ -130,7 +130,7 @@ declare const _default: {
130
130
  };
131
131
  };
132
132
  export default _default;
133
- export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<TabsProps, "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "gap" | "lineWidth" | "buttonPaddingTop" | "buttonPaddingRight" | "buttonPaddingBottom" | "buttonPaddingLeft"> & {
133
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<TabsProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "gap" | "buttonPaddingTop" | "buttonPaddingRight" | "buttonPaddingBottom" | "buttonPaddingLeft" | "lineWidth"> & {
134
134
  gap: number | string;
135
135
  lineWidth: number | string;
136
136
  marginTop: number | string;
@@ -146,7 +146,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
146
146
  buttonPaddingBottom: number | string;
147
147
  buttonPaddingLeft: number | string;
148
148
  }>;
149
- export declare const NoIndicator: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<TabsProps, "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "gap" | "lineWidth" | "buttonPaddingTop" | "buttonPaddingRight" | "buttonPaddingBottom" | "buttonPaddingLeft"> & {
149
+ export declare const NoIndicator: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<TabsProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "gap" | "buttonPaddingTop" | "buttonPaddingRight" | "buttonPaddingBottom" | "buttonPaddingLeft" | "lineWidth"> & {
150
150
  gap: number | string;
151
151
  lineWidth: number | string;
152
152
  marginTop: number | string;
@@ -162,7 +162,7 @@ export declare const NoIndicator: import("@storybook/types").AnnotatedStoryFn<im
162
162
  buttonPaddingBottom: number | string;
163
163
  buttonPaddingLeft: number | string;
164
164
  }>;
165
- export declare const MobileVersion: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<TabsProps, "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "gap" | "lineWidth" | "buttonPaddingTop" | "buttonPaddingRight" | "buttonPaddingBottom" | "buttonPaddingLeft"> & {
165
+ export declare const MobileVersion: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<TabsProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "gap" | "buttonPaddingTop" | "buttonPaddingRight" | "buttonPaddingBottom" | "buttonPaddingLeft" | "lineWidth"> & {
166
166
  gap: number | string;
167
167
  lineWidth: number | string;
168
168
  marginTop: number | string;
@@ -178,7 +178,7 @@ export declare const MobileVersion: import("@storybook/types").AnnotatedStoryFn<
178
178
  buttonPaddingBottom: number | string;
179
179
  buttonPaddingLeft: number | string;
180
180
  }>;
181
- export declare const AdvancedStyling: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<TabsProps, "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "gap" | "lineWidth" | "buttonPaddingTop" | "buttonPaddingRight" | "buttonPaddingBottom" | "buttonPaddingLeft"> & {
181
+ export declare const AdvancedStyling: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<TabsProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "gap" | "buttonPaddingTop" | "buttonPaddingRight" | "buttonPaddingBottom" | "buttonPaddingLeft" | "lineWidth"> & {
182
182
  gap: number | string;
183
183
  lineWidth: number | string;
184
184
  marginTop: number | string;
@@ -194,7 +194,7 @@ export declare const AdvancedStyling: import("@storybook/types").AnnotatedStoryF
194
194
  buttonPaddingBottom: number | string;
195
195
  buttonPaddingLeft: number | string;
196
196
  }>;
197
- export declare const VerticalTabs: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<TabsProps, "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "gap" | "lineWidth" | "buttonPaddingTop" | "buttonPaddingRight" | "buttonPaddingBottom" | "buttonPaddingLeft"> & {
197
+ export declare const VerticalTabs: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<TabsProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "gap" | "buttonPaddingTop" | "buttonPaddingRight" | "buttonPaddingBottom" | "buttonPaddingLeft" | "lineWidth"> & {
198
198
  gap: number | string;
199
199
  lineWidth: number | string;
200
200
  marginTop: number | string;
package/dist/index.d.ts CHANGED
@@ -243,7 +243,7 @@ declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'c
243
243
  textColor: string;
244
244
  }>;
245
245
  declare const BaseTextButton: react__default.FC<TextButtonProps & react__default.AnchorHTMLAttributes<HTMLAnchorElement>>;
246
- declare const TextButton: _emotion_styled.StyledComponent<Pick<BaseButtonProps, "children" | "disabled" | "onClick" | "size" | "colorTheme"> & Partial<{
246
+ declare const TextButton: _emotion_styled.StyledComponent<Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
247
247
  buttonLink: string;
248
248
  elementId: string;
249
249
  $styles: StylesType;
@@ -687,6 +687,7 @@ interface LayoutContextType {
687
687
  setDrawerContainerRef?: (ref: Element | null) => void;
688
688
  headerHeight?: string;
689
689
  setHeaderHeight?: (height: string) => void;
690
+ isMobile?: boolean;
690
691
  isMLR?: boolean;
691
692
  }
692
693
  declare const LayoutContext: react.Context<LayoutContextType>;
@@ -696,6 +697,7 @@ interface LayoutProviderProps extends PropsWithChildren {
696
697
  headerHeight?: string;
697
698
  drawerMaxWidthPercent?: number;
698
699
  isMLR?: boolean;
700
+ isMobile?: boolean;
699
701
  }
700
702
  declare const LayoutProvider: react__default.FC<LayoutProviderProps>;
701
703
 
@@ -784,7 +786,7 @@ interface BasicTextFieldProps extends TextFieldProps {
784
786
  declare const BasicTextField: react__default.FC<BasicTextFieldProps>;
785
787
 
786
788
  interface ButtonProps extends ButtonProps$1 {
787
- gap: number | string;
789
+ gap?: number | string;
788
790
  moleculeId?: string;
789
791
  configurationItemInfo?: ConfigurationItemInfo$1;
790
792
  borderRadius?: string | number;
@@ -815,7 +817,7 @@ interface ButtonProps extends ButtonProps$1 {
815
817
  * We use `forwardRef` so that the ref passed from parent Component (Menu)
816
818
  * will correctly point to the underlying <MuiButton> element.
817
819
  */
818
- declare const Button: react__default.ForwardRefExoticComponent<Pick<ButtonProps, "type" | "id" | "name" | "children" | "form" | "text" | "link" | "width" | "height" | "value" | "disabled" | "onClick" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "configurationItemInfo" | "gap" | "moleculeId" | "borderRadius" | "title" | "textColor" | "fontSize" | "fontFamily" | "fontWeight" | "textAlign" | "variant" | "color" | "wrapText" | "className" | "style" | "classes" | "sx" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "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" | "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" | "size" | "autoFocus" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "startIcon" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "disabledColor" | "elevated"> & react__default.RefAttributes<HTMLButtonElement>>;
820
+ declare const Button: react.ForwardRefExoticComponent<Pick<ButtonProps, "color" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "translate" | "width" | "borderRadius" | "gap" | "action" | "className" | "style" | "classes" | "children" | "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" | "size" | "startIcon" | "textColor" | "configurationItemInfo" | "moleculeId" | "wrapText" | "elevated" | "disabledColor"> & react.RefAttributes<HTMLButtonElement>>;
819
821
 
820
822
  declare type ChecklistItemType = {
821
823
  id: string;
@@ -988,7 +990,7 @@ interface DividerProps {
988
990
  marginLeft?: string | number;
989
991
  configurationItemInfo?: ConfigurationItemInfo$1;
990
992
  }
991
- declare const Divider: ({ moleculeId, lineWeight, orientation, borderColor, borderRadius, sx, marginTop, marginRight, marginBottom, marginLeft, configurationItemInfo, }: DividerProps) => _emotion_react_jsx_runtime.JSX.Element;
993
+ declare const Divider: ({ moleculeId, variant, lineWeight, orientation, borderColor, borderRadius, sx, marginTop, marginRight, marginBottom, marginLeft, configurationItemInfo, }: DividerProps) => _emotion_react_jsx_runtime.JSX.Element;
992
994
 
993
995
  declare type DrawerItemType = 'menu_item' | 'divider_item' | 'text_item' | 'rich_text_item';
994
996
  interface BaseDrawerItem {
@@ -1081,6 +1083,7 @@ interface DrawerProps {
1081
1083
  paddingLeft?: string;
1082
1084
  height?: number | string;
1083
1085
  width?: number | string;
1086
+ mobileWidth?: string | number;
1084
1087
  backgroundColor?: string;
1085
1088
  gap?: number | string;
1086
1089
  marginTop?: string;
@@ -1100,7 +1103,7 @@ interface DrawerProps {
1100
1103
  buttonGap?: number | string;
1101
1104
  buttonStartIcon?: string;
1102
1105
  buttonEndIcon?: string;
1103
- buttonCornerRadius?: string | number;
1106
+ buttonBorderRadius?: string | number;
1104
1107
  buttonMarginTop?: string;
1105
1108
  buttonMarginRight?: string;
1106
1109
  buttonMarginBottom?: string;
@@ -1113,7 +1116,12 @@ interface DrawerProps {
1113
1116
  closeIconColor?: ThemeColors$2 | string;
1114
1117
  closeIconName?: string;
1115
1118
  closeIconSize?: number;
1116
- closeIconPosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
1119
+ closeIconBackgroundColor?: string;
1120
+ closeIconVisible?: boolean;
1121
+ closeIconTop?: string | number;
1122
+ closeIconLeft?: string | number;
1123
+ closeIconBorderRadius?: number | string;
1124
+ closeIconElevation?: number;
1117
1125
  moleculeId?: string;
1118
1126
  configurationItemInfo?: ConfigurationItemInfo$1;
1119
1127
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "1.0.79",
3
+ "version": "1.0.80-beta.10",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"