Single buttons on modals should be half width

[kylembrake]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you're having.

A single primary button inside a modal takes up the entire width of the modal. We've confirmed that the screenshot attached shows the correct styling of the button and the documentation on full-length buttons is incorrect.

Is this issue related to a specific component?

Modals and Buttons

What version of the Carbon Design System are you using?

"carbon-components": "^10.7.4",
"carbon-components-react": "^7.7.4",

Additional information

Our overriding styling:

.bx--modal-footer {
  justify-content: flex-end;
  button.bx--btn--primary {
    max-width: 50%;
  }
}

[asudoh]

AFAIK it's actually a bug in website, it should take the full width actually.

[mzuliani-ibm]

The button description and @asudoh comment above contradicts the provided screen shot and “Acknowledgement Modal” guideline which says “span 50%“: https://www.carbondesignsystem.com/components/modal/usage#acknowledgment-modal

[laurenmrice]

@asudoh It should not be full width if its one button in a modal, it should be 50%. The content needs to be updated on our website here.

[asudoh]

@laurenmrice Yeah I heard of spec update somewhere recently and my apologies for my stale memory on the spec.