@devopness/ui-react 2.147.0 → 2.148.1
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/index.d.ts +2 -4
- package/dist/src/components/Forms/Alert/Alert.d.ts +38 -0
- package/dist/src/components/Forms/Alert/Alert.styled.d.ts +12 -0
- package/dist/src/components/Forms/Alert/index.d.ts +1 -0
- package/dist/src/components/Forms/index.d.ts +1 -0
- package/dist/{components → src/components}/Templates/Tabs/Tabs.styled.d.ts +1 -1
- package/dist/{components → src/components}/index.d.ts +1 -0
- package/dist/src/index.d.ts +4 -0
- package/dist/ui-react.cjs +171 -121
- package/dist/ui-react.js +5643 -5037
- package/dist/vitest.config.d.ts +2 -0
- package/package.json +36 -33
- /package/dist/{colors → src/colors}/getColor.d.ts +0 -0
- /package/dist/{colors → src/colors}/index.d.ts +0 -0
- /package/dist/{colors → src/colors}/types.d.ts +0 -0
- /package/dist/{components → src/components}/Buttons/Button/Button.d.ts +0 -0
- /package/dist/{components → src/components}/Buttons/Button/Button.styled.d.ts +0 -0
- /package/dist/{components → src/components}/Buttons/Button/index.d.ts +0 -0
- /package/dist/{components → src/components}/Buttons/index.d.ts +0 -0
- /package/dist/{components → src/components}/Primitives/Dropdown/Dropdown.d.ts +0 -0
- /package/dist/{components → src/components}/Primitives/Dropdown/Dropdown.styled.d.ts +0 -0
- /package/dist/{components → src/components}/Primitives/Dropdown/index.d.ts +0 -0
- /package/dist/{components → src/components}/Primitives/Icon/Icon.d.ts +0 -0
- /package/dist/{components → src/components}/Primitives/Icon/index.d.ts +0 -0
- /package/dist/{components → src/components}/Primitives/Link/Link.d.ts +0 -0
- /package/dist/{components → src/components}/Primitives/Link/Link.styled.d.ts +0 -0
- /package/dist/{components → src/components}/Primitives/Link/index.d.ts +0 -0
- /package/dist/{components → src/components}/Primitives/Tooltip/Tooltip.d.ts +0 -0
- /package/dist/{components → src/components}/Primitives/Tooltip/Tooltip.styled.d.ts +0 -0
- /package/dist/{components → src/components}/Primitives/Tooltip/index.d.ts +0 -0
- /package/dist/{components → src/components}/Primitives/index.d.ts +0 -0
- /package/dist/{components → src/components}/Templates/Tabs/Tabs.d.ts +0 -0
- /package/dist/{components → src/components}/Templates/Tabs/index.d.ts +0 -0
- /package/dist/{components → src/components}/Templates/index.d.ts +0 -0
- /package/dist/{components → src/components}/helpers.d.ts +0 -0
- /package/dist/{components → src/components}/types.d.ts +0 -0
- /package/dist/{fonts → src/fonts}/getFont.d.ts +0 -0
- /package/dist/{fonts → src/fonts}/index.d.ts +0 -0
- /package/dist/{hooks → src/hooks}/index.d.ts +0 -0
- /package/dist/{hooks → src/hooks}/useWindowSize.d.ts +0 -0
- /package/dist/{icons → src/icons}/CircleBubble.d.ts +0 -0
- /package/dist/{icons → src/icons}/getImageAssetUrl.d.ts +0 -0
- /package/dist/{icons → src/icons}/iconLoader.d.ts +0 -0
- /package/dist/{icons → src/icons}/index.d.ts +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
type AlertProps = {
|
|
3
|
+
/** Alert variation type that defines its appearance and icon */
|
|
4
|
+
type: 'error' | 'success' | 'warning';
|
|
5
|
+
/** Content to be displayed inside the alert */
|
|
6
|
+
alertDescription: React.ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* Disable default padding
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
11
|
+
noPadding?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Show close button in the alert
|
|
14
|
+
* @default false
|
|
15
|
+
*/
|
|
16
|
+
canClose?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Callback function triggered when the close button is clicked
|
|
19
|
+
* Only works when canClose is true
|
|
20
|
+
*/
|
|
21
|
+
onClose?: () => void;
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* Alert component for displaying feedback messages to users
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```jsx
|
|
28
|
+
* <Alert
|
|
29
|
+
* type="success"
|
|
30
|
+
* alertDescription="Operation completed successfully"
|
|
31
|
+
* canClose
|
|
32
|
+
* onClose={() => console.log('Alert closed')}
|
|
33
|
+
* />
|
|
34
|
+
* ```
|
|
35
|
+
*/
|
|
36
|
+
declare const Alert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export type { AlertProps };
|
|
38
|
+
export { Alert };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { AlertProps } from './Alert';
|
|
2
|
+
type StyledProps = {
|
|
3
|
+
type: string;
|
|
4
|
+
};
|
|
5
|
+
declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<AlertProps, "noPadding">>> & string;
|
|
6
|
+
declare const StyledContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
|
|
7
|
+
declare const StyledIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
|
|
8
|
+
declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
|
|
9
|
+
fullWidth?: boolean;
|
|
10
|
+
}>> & string;
|
|
11
|
+
declare const LabelContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
export { Wrapper, StyledContent, StyledIcon, StyledLabel, LabelContentWrapper };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Alert';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Alert';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const StyledTabs: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
2
2
|
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
-
}, "value" | "className" | "style" | "aria-label" | "aria-labelledby" | "children" | "onChange" | "variant" | "action" | "orientation" | "classes" | "
|
|
3
|
+
}, "value" | "className" | "style" | "aria-label" | "aria-labelledby" | "children" | "onChange" | "variant" | "action" | "orientation" | "classes" | "sx" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar">, never>> & string & Omit<import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').TabsTypeMap<{}, "div">>, keyof import('react').Component<any, {}, any>>;
|
|
4
4
|
declare const StyledTab: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@mui/material').TabOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
5
|
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
6
6
|
}, "disabled" | "value" | "className" | "style" | "tabIndex" | "children" | "icon" | "label" | "action" | "classes" | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped">, never>> & string & Omit<import('@mui/material').ExtendButtonBase<import('@mui/material').TabTypeMap<{}, "div">>, keyof import('react').Component<any, {}, any>>;
|