@hexure/ui 1.13.89 → 1.13.90
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/index.js +11 -8
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/Heading/Heading.d.ts +3 -0
- package/dist/cjs/types/components/Modal/Modal.d.ts +7 -0
- package/dist/esm/index.js +11 -8
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Heading/Heading.d.ts +3 -0
- package/dist/esm/types/components/Modal/Modal.d.ts +7 -0
- package/dist/index.d.ts +8 -0
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -2948,6 +2948,7 @@ const H1 = styled.h1 `
|
|
|
2948
2948
|
margin: ${props => props.$margin || '0px'};
|
|
2949
2949
|
padding: ${props => props.$padding || '0px'};
|
|
2950
2950
|
box-sizing: border-box;
|
|
2951
|
+
${props => props === null || props === void 0 ? void 0 : props.$customStyles};
|
|
2951
2952
|
`;
|
|
2952
2953
|
const H2 = styled.h2 `
|
|
2953
2954
|
color: ${Colors.BLACK.Hex};
|
|
@@ -2958,6 +2959,7 @@ const H2 = styled.h2 `
|
|
|
2958
2959
|
margin: ${props => props.$margin || '0px'};
|
|
2959
2960
|
padding: ${props => props.$padding || '0px'};
|
|
2960
2961
|
box-sizing: border-box;
|
|
2962
|
+
${props => props === null || props === void 0 ? void 0 : props.$customStyles};
|
|
2961
2963
|
`;
|
|
2962
2964
|
const H3 = styled.h3 `
|
|
2963
2965
|
color: ${Colors.BLACK.Hex};
|
|
@@ -2968,19 +2970,20 @@ const H3 = styled.h3 `
|
|
|
2968
2970
|
margin: ${props => props.$margin || '0px'};
|
|
2969
2971
|
padding: ${props => props.$padding || '0px'};
|
|
2970
2972
|
box-sizing: border-box;
|
|
2973
|
+
${props => props === null || props === void 0 ? void 0 : props.$customStyles};
|
|
2971
2974
|
`;
|
|
2972
2975
|
const Heading = (_a) => {
|
|
2973
|
-
var { bold, children, margin, padding, type, dataItemid } = _a, accessibleProps = __rest(_a, ["bold", "children", "margin", "padding", "type", "dataItemid"]);
|
|
2976
|
+
var { bold, children, margin, padding, type, dataItemid, style } = _a, accessibleProps = __rest(_a, ["bold", "children", "margin", "padding", "type", "dataItemid", "style"]);
|
|
2974
2977
|
const baseId = dataItemid || 'heading';
|
|
2975
2978
|
switch (type) {
|
|
2976
2979
|
case 'secondary': {
|
|
2977
|
-
return (React.createElement(H2, Object.assign({ "$bold": bold, "$margin": margin, "$padding": padding }, accessibleProps, { "data-itemid": `${baseId}-h2
|
|
2980
|
+
return (React.createElement(H2, Object.assign({ "$bold": bold, "$margin": margin, "$padding": padding }, accessibleProps, { "data-itemid": `${baseId}-h2`, style: style }), children));
|
|
2978
2981
|
}
|
|
2979
2982
|
case 'tertiary': {
|
|
2980
|
-
return (React.createElement(H3, Object.assign({ "$bold": bold, "$margin": margin, "$padding": padding }, accessibleProps, { "data-itemid": `${baseId}-h3
|
|
2983
|
+
return (React.createElement(H3, Object.assign({ "$bold": bold, "$margin": margin, "$padding": padding }, accessibleProps, { "data-itemid": `${baseId}-h3`, style: style }), children));
|
|
2981
2984
|
}
|
|
2982
2985
|
default: {
|
|
2983
|
-
return (React.createElement(H1, Object.assign({ "$bold": bold, "$margin": margin, "$padding": padding }, accessibleProps, { "data-itemid": `${baseId}-h1
|
|
2986
|
+
return (React.createElement(H1, Object.assign({ "$bold": bold, "$margin": margin, "$padding": padding }, accessibleProps, { "data-itemid": `${baseId}-h1`, style: style }), children));
|
|
2984
2987
|
}
|
|
2985
2988
|
}
|
|
2986
2989
|
};
|
|
@@ -5699,7 +5702,7 @@ const ButtonContainer = styled.div `
|
|
|
5699
5702
|
margin: 0 10px;
|
|
5700
5703
|
`;
|
|
5701
5704
|
const Modal = (_a) => {
|
|
5702
|
-
var { children, title, onClose, maxWidth, fullscreen, steps, primaryButton, secondaryButton, tertiaryButton, quarternaryButton, dataItemid } = _a, accessibleProps = __rest(_a, ["children", "title", "onClose", "maxWidth", "fullscreen", "steps", "primaryButton", "secondaryButton", "tertiaryButton", "quarternaryButton", "dataItemid"]);
|
|
5705
|
+
var { children, title, onClose, maxWidth, fullscreen, steps, primaryButton, secondaryButton, tertiaryButton, quarternaryButton, dataItemid, modalStyle, headerStyle, headerTitleStyle } = _a, accessibleProps = __rest(_a, ["children", "title", "onClose", "maxWidth", "fullscreen", "steps", "primaryButton", "secondaryButton", "tertiaryButton", "quarternaryButton", "dataItemid", "modalStyle", "headerStyle", "headerTitleStyle"]);
|
|
5703
5706
|
React.useEffect(() => {
|
|
5704
5707
|
document.onkeydown = e => {
|
|
5705
5708
|
if (e.key === 'Escape') {
|
|
@@ -5711,10 +5714,10 @@ const Modal = (_a) => {
|
|
|
5711
5714
|
};
|
|
5712
5715
|
}, [onClose]);
|
|
5713
5716
|
const baseId = dataItemid || 'modal';
|
|
5714
|
-
return (React.createElement(Wrapper$6, { "data-itemid": `${baseId}-wrapper
|
|
5717
|
+
return (React.createElement(Wrapper$6, { "data-itemid": `${baseId}-wrapper`, style: modalStyle },
|
|
5715
5718
|
React.createElement(Container$1, Object.assign({ "$fullscreen": fullscreen, "$maxWidth": maxWidth, open: true }, accessibleProps, { "data-itemid": `${baseId}-container` }),
|
|
5716
|
-
React.createElement(Header$1, { "data-itemid": `${baseId}-header
|
|
5717
|
-
title ? (React.createElement(Heading, { "data-itemid": `${baseId}-title`, type: 'secondary' }, title)) : null,
|
|
5719
|
+
React.createElement(Header$1, { "data-itemid": `${baseId}-header`, style: headerStyle },
|
|
5720
|
+
title ? (React.createElement(Heading, { "data-itemid": `${baseId}-title`, style: headerTitleStyle, type: 'secondary' }, title)) : null,
|
|
5718
5721
|
React.createElement(Close, { "data-itemid": `${baseId}-close`, onClick: onClose },
|
|
5719
5722
|
React.createElement(CloseMsg, { "data-itemid": `${baseId}-close-msg` }, "(Esc)"),
|
|
5720
5723
|
React.createElement(Icon, { color: Colors.BLACK.Hex, "data-itemid": `${baseId}-close-icon`, path: js.mdiClose, size: '24px' }))),
|