@zealicsolutions/web-ui 1.0.80-beta.1 → 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 (47) hide show
  1. package/dist/cjs/contexts/LayoutContext/LayoutContext.d.ts +1 -0
  2. package/dist/cjs/contexts/LayoutContext/LayoutContextProvider.d.ts +1 -0
  3. package/dist/cjs/helpers/styles.d.ts +1 -0
  4. package/dist/cjs/index.js +1585 -1585
  5. package/dist/cjs/index.js.map +1 -1
  6. package/dist/cjs/molecules/Button/Button.d.ts +3 -3
  7. package/dist/cjs/molecules/Calendar/hooks/useCalendarStyling.d.ts +1 -1
  8. package/dist/cjs/molecules/Divider/Divider.d.ts +1 -1
  9. package/dist/cjs/molecules/Divider/Divider.stories.d.ts +7 -6
  10. package/dist/cjs/molecules/Drawer/Drawer.stories.d.ts +3 -16
  11. package/dist/cjs/molecules/Drawer/styles.d.ts +15 -46
  12. package/dist/cjs/molecules/Drawer/types.d.ts +8 -2
  13. package/dist/esm/contexts/LayoutContext/LayoutContext.d.ts +1 -0
  14. package/dist/esm/contexts/LayoutContext/LayoutContext.js +1 -1
  15. package/dist/esm/contexts/LayoutContext/LayoutContext.js.map +1 -1
  16. package/dist/esm/contexts/LayoutContext/LayoutContextProvider.d.ts +1 -0
  17. package/dist/esm/contexts/LayoutContext/LayoutContextProvider.js +1 -1
  18. package/dist/esm/contexts/LayoutContext/LayoutContextProvider.js.map +1 -1
  19. package/dist/esm/helpers/styles.d.ts +1 -0
  20. package/dist/esm/helpers/styles.js +1 -1
  21. package/dist/esm/helpers/styles.js.map +1 -1
  22. package/dist/esm/molecules/Accordion/Accordion.js +1 -1
  23. package/dist/esm/molecules/Avatar/Avatar.js +1 -1
  24. package/dist/esm/molecules/BaseMolecule.js +1 -1
  25. package/dist/esm/molecules/BaseMolecule.js.map +1 -1
  26. package/dist/esm/molecules/Button/Button.d.ts +3 -3
  27. package/dist/esm/molecules/Button/Button.js +1 -1
  28. package/dist/esm/molecules/Button/Button.js.map +1 -1
  29. package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.d.ts +1 -1
  30. package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.js +1 -1
  31. package/dist/esm/molecules/Calendar/hooks/useCalendarStyling.js.map +1 -1
  32. package/dist/esm/molecules/Divider/Divider.d.ts +1 -1
  33. package/dist/esm/molecules/Divider/Divider.js +1 -1
  34. package/dist/esm/molecules/Divider/Divider.js.map +1 -1
  35. package/dist/esm/molecules/Divider/Divider.stories.d.ts +7 -6
  36. package/dist/esm/molecules/Drawer/Drawer.js +1 -1
  37. package/dist/esm/molecules/Drawer/Drawer.js.map +1 -1
  38. package/dist/esm/molecules/Drawer/Drawer.stories.d.ts +3 -16
  39. package/dist/esm/molecules/Drawer/styles.d.ts +15 -46
  40. package/dist/esm/molecules/Drawer/styles.js +1 -1
  41. package/dist/esm/molecules/Drawer/styles.js.map +1 -1
  42. package/dist/esm/molecules/Drawer/types.d.ts +8 -2
  43. package/dist/esm/molecules/Menu/Menu.js +1 -1
  44. package/dist/esm/molecules/PasswordSetup/PasswordSetup.js +1 -1
  45. package/dist/esm/molecules/Stepper/Stepper.js +1 -1
  46. package/dist/index.d.ts +13 -5
  47. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -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, "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__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.80-beta.1",
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"