@hexure/ui 1.14.6 → 1.14.7
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 +7 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +7 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +82 -82
- package/package.json +1 -1
- /package/dist/cjs/types/components/{Multiselect → MultiSelect}/MultiSelect.d.ts +0 -0
- /package/dist/cjs/types/components/{Multiselect → MultiSelect}/index.d.ts +0 -0
- /package/dist/esm/types/components/{Multiselect → MultiSelect}/MultiSelect.d.ts +0 -0
- /package/dist/esm/types/components/{Multiselect → MultiSelect}/index.d.ts +0 -0
package/dist/esm/index.js
CHANGED
|
@@ -3831,6 +3831,7 @@ const DropdownContainer = styled.div `
|
|
|
3831
3831
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
3832
3832
|
max-height: 300px;
|
|
3833
3833
|
overflow-y: auto;
|
|
3834
|
+
overflow-x: hidden;
|
|
3834
3835
|
z-index: 1000;
|
|
3835
3836
|
display: ${props => (props.$isOpen ? 'block' : 'none')};
|
|
3836
3837
|
`;
|
|
@@ -3853,6 +3854,8 @@ const OptionItem = styled.span `
|
|
|
3853
3854
|
background-color: ${props => (props.$isSelected ? '#e8f4fd' : 'transparent')};
|
|
3854
3855
|
user-select: none;
|
|
3855
3856
|
line-height: 1.3em;
|
|
3857
|
+
overflow-x: hidden;
|
|
3858
|
+
margin-right: 5px;
|
|
3856
3859
|
|
|
3857
3860
|
&:hover {
|
|
3858
3861
|
background-color: ${props => (props.$disabled ? 'transparent' : '#f5f5f5')};
|
|
@@ -4223,6 +4226,9 @@ const ButtonBarNote = styled.div `
|
|
|
4223
4226
|
display: flex;
|
|
4224
4227
|
gap: 10px;
|
|
4225
4228
|
`;
|
|
4229
|
+
const HeaderWrapper = styled.div `
|
|
4230
|
+
word-break: break-all;
|
|
4231
|
+
`;
|
|
4226
4232
|
const Drawer = (_a) => {
|
|
4227
4233
|
var { children, description, title, onClose, primaryButton, position = 'fixed', secondaryButton, tertiaryButton, scrim = 'dark', width, dataItemid, bottomNotes } = _a, accessibleProps = __rest(_a, ["children", "description", "title", "onClose", "primaryButton", "position", "secondaryButton", "tertiaryButton", "scrim", "width", "dataItemid", "bottomNotes"]);
|
|
4228
4234
|
useEffect(() => {
|
|
@@ -4239,7 +4245,7 @@ const Drawer = (_a) => {
|
|
|
4239
4245
|
return (React.createElement(React.Fragment, null,
|
|
4240
4246
|
React.createElement(Container$3, Object.assign({}, accessibleProps, { "$position": position, "$width": width, "data-itemid": `${baseId}-container` }),
|
|
4241
4247
|
React.createElement(Header$2, { "data-itemid": `${baseId}-header` },
|
|
4242
|
-
React.createElement(
|
|
4248
|
+
React.createElement(HeaderWrapper, { "data-itemid": `${baseId}-header-content` },
|
|
4243
4249
|
title ? (React.createElement(Heading, { dataItemid: `${baseId}-title`, type: 'secondary' }, title)) : null,
|
|
4244
4250
|
description ? (React.createElement(Copy, { color: 'GRAY', "data-itemid": `${baseId}-description` }, description)) : null),
|
|
4245
4251
|
React.createElement(Close$1, { "data-itemid": `${baseId}-close`, onClick: onClose },
|