[CreateTearsheet]: The step content does not take into account the padding anymore

[pascalruault]

Package

Carbon for IBM Products

Description

After updating ibm-products to 2.43.1, we have noticed a layout regression in the CreateTearsheet component. Indeed, the padding-bottom around the element with the class attribute c4p--tearsheet-create__content is no more taken into account. This regression was introduced by this PR. See section "Steps to reproduce the issue".

As a workaround, we use in our app the following css rule.

.c4p--tearsheet-create__step > div:last-of-type {
  margin-bottom: 1.5rem;
}

Component(s) impacted

CreateTearsheet
CreateTearsheetStep

Browser

Chrome

@carbon/ibm-products (previously @carbon/ibm-cloud-cognitive) version

2.43.1

Suggested Severity

Severity 4 = The problem is not visible to or noticeable to an average user. Affects minor functionality, no workaround needed.

Product/offering

IBM Event Automation

CodeSandbox or Stackblitz example

https://carbon-for-ibm-products.netlify.app/?path=/story/ibm-products-patterns-create-flows-createtearsheet--with-intro-step&globals=viewport:basic

Steps to reproduce the issue (if applicable)

You can reproduce with the storyboook. See video below.

CreateTearsheet_issue_780.mov

Release date (if applicable)

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate issues