react-magma-dom 5.1.1-rc.0 → 5.1.1-rc.2

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -46,3 +46,9 @@ export declare const WithDropdown: {
         isMulti: boolean;
     };
 };
+export declare const WithHeadings: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        defaultIndex: number[];
+    };
+};

package/dist/esm/index.js

@@ -16712,11 +16712,11 @@ var StyledItem$4 = /*#__PURE__*/_styled("div", {
   target: "e1hvpmk30",
   label: "StyledItem"
 })(process.env.NODE_ENV === "production" ? {
-  name: "14m9179",
-  styles: "h1,h2,h3,h4,h5,h6{background:none;color:inherit;font:inherit;line-height:inherit;margin:0;padding:0;}"
+  name: "14krzlw",
+  styles: "&>h1,&>h2,&>h3,&>h4,&>h5,&>h6{background:none;color:inherit;font:inherit;line-height:inherit;margin:0;padding:0;}"
 } : {
-  name: "14m9179",
-  styles: "h1,h2,h3,h4,h5,h6{background:none;color:inherit;font:inherit;line-height:inherit;margin:0;padding:0;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjY29yZGlvbkl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUc4QiIsImZpbGUiOiJBY2NvcmRpb25JdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBBY2NvcmRpb25JdGVtQ29udGV4dCwgdXNlQWNjb3JkaW9uSXRlbSwgfSBmcm9tICcuL3VzZUFjY29yZGlvbkl0ZW0nO1xyXG5jb25zdCBTdHlsZWRJdGVtID0gc3R5bGVkLmRpdiBgXG4gIGgxLFxuICBoMixcbiAgaDMsXG4gIGg0LFxuICBoNSxcbiAgaDYge1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgZm9udDogaW5oZXJpdDtcbiAgICBsaW5lLWhlaWdodDogaW5oZXJpdDtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IEFjY29yZGlvbkl0ZW0gPSBSZWFjdC5mb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XHJcbiAgICBjb25zdCB7IGNoaWxkcmVuLCB0ZXN0SWQsIC4uLnJlc3QgfSA9IHByb3BzO1xyXG4gICAgY29uc3QgeyBjb250ZXh0VmFsdWUgfSA9IHVzZUFjY29yZGlvbkl0ZW0ocHJvcHMpO1xyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KEFjY29yZGlvbkl0ZW1Db250ZXh0LlByb3ZpZGVyLCB7IHZhbHVlOiBjb250ZXh0VmFsdWUgfSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZEl0ZW0sIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgXCJkYXRhLXRlc3RpZFwiOiB0ZXN0SWQgfSwgcmVzdCksIGNoaWxkcmVuKSkpO1xyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QWNjb3JkaW9uSXRlbS5qcy5tYXAiXX0= */",
+  name: "14krzlw",
+  styles: "&>h1,&>h2,&>h3,&>h4,&>h5,&>h6{background:none;color:inherit;font:inherit;line-height:inherit;margin:0;padding:0;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjY29yZGlvbkl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUc4QiIsImZpbGUiOiJBY2NvcmRpb25JdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBBY2NvcmRpb25JdGVtQ29udGV4dCwgdXNlQWNjb3JkaW9uSXRlbSwgfSBmcm9tICcuL3VzZUFjY29yZGlvbkl0ZW0nO1xyXG5jb25zdCBTdHlsZWRJdGVtID0gc3R5bGVkLmRpdiBgXG4gICYgPiBoMSxcbiAgJiA+IGgyLFxuICAmID4gaDMsXG4gICYgPiBoNCxcbiAgJiA+IGg1LFxuICAmID4gaDYge1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgZm9udDogaW5oZXJpdDtcbiAgICBsaW5lLWhlaWdodDogaW5oZXJpdDtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IEFjY29yZGlvbkl0ZW0gPSBSZWFjdC5mb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XHJcbiAgICBjb25zdCB7IGNoaWxkcmVuLCB0ZXN0SWQsIC4uLnJlc3QgfSA9IHByb3BzO1xyXG4gICAgY29uc3QgeyBjb250ZXh0VmFsdWUgfSA9IHVzZUFjY29yZGlvbkl0ZW0ocHJvcHMpO1xyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KEFjY29yZGlvbkl0ZW1Db250ZXh0LlByb3ZpZGVyLCB7IHZhbHVlOiBjb250ZXh0VmFsdWUgfSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZEl0ZW0sIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgXCJkYXRhLXRlc3RpZFwiOiB0ZXN0SWQgfSwgcmVzdCksIGNoaWxkcmVuKSkpO1xyXG59KTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QWNjb3JkaW9uSXRlbS5qcy5tYXAiXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$o
 });
 var AccordionItem = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -19965,17 +19965,44 @@ var PasswordInput = /*#__PURE__*/forwardRef(function (props, ref) {
   var _React$useState2 = useState(0),
     buttonWidth = _React$useState2[0],
     setButtonWidth = _React$useState2[1];
+  var _React$useState3 = useState(0),
+    maxButtonWidth = _React$useState3[0],
+    setMaxButtonWidth = _React$useState3[1];
   useLayoutEffect(function () {
-    if (buttonRef.current && !usesDefaultText) {
-      setButtonWidth(buttonRef.current.offsetWidth);
+    var button = buttonRef.current;
+    if (!button || usesDefaultText) {
+      return;
+    }
+    var container = button.closest('div');
+    var updateWidths = function updateWidths() {
+      if (container) {
+        setMaxButtonWidth(Math.floor(container.offsetWidth / 2));
+      }
+      setButtonWidth(button.offsetWidth);
+    };
+    updateWidths();
+    if (typeof window !== 'undefined' && 'ResizeObserver' in window) {
+      var resizeObserver = new window.ResizeObserver(updateWidths);
+      resizeObserver.observe(button);
+      if (container) {
+        resizeObserver.observe(container);
+      }
+      return function () {
+        return resizeObserver.disconnect();
+      };
     }
   }, [usesDefaultText, passwordShown, SHOW_PASSWORD_BUTTON_TEXT, HIDE_PASSWORD_BUTTON_TEXT]);
   var getButtonWidth = function getButtonWidth() {
     if (usesDefaultText) {
       return inputSize === InputSize.large ? '64px' : '54px';
-    } else if (buttonWidth !== 0) {
-      return buttonWidth + "px";
     }
+    return undefined;
+  };
+  var getButtonMaxWidth = function getButtonMaxWidth() {
+    if (usesDefaultText) {
+      return getButtonWidth();
+    }
+    return maxButtonWidth > 0 ? maxButtonWidth + "px" : undefined;
   };
   var getInputStyle = function getInputStyle() {
     if (isPasswordMaskButtonHidden) {
@@ -20034,7 +20061,10 @@ var PasswordInput = /*#__PURE__*/forwardRef(function (props, ref) {
       margin: '0 3px 0 0',
       width: getButtonWidth(),
       minWidth: 0,
-      maxWidth: getButtonWidth()
+      maxWidth: getButtonMaxWidth(),
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
     },
     type: ButtonType.button,
     variant: ButtonVariant.link,