[List] padding corrections to new scales

[ashetland]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

There are some padding discrepancies on medium and large scale when comparing to the design spec.

Medium scale:

• When drag-enabled and display-mode="nested", the selection-container only has right padding.

Large scale:

• The content-container has 20px of right padding
• The row-container has 20px of left padding

All scales:

• There is extra left padding on drag-enabled display-mode="nested" selection-appearance="icon"

Expected Behavior

Small scale:

• When drag-enabled display-mode="nested" selection-appearance="icon", row-container padding-inline-start should be 0px

Medium scale:

• When drag-enabled and display-mode="nested", the selection-container has 4px padding-inline (space.xxs)
• When drag-enabled display-mode="nested" selection-appearance="icon", row-container padding-inline-start should be 4px

Large scale:

• content-container padding-inline-end should be 16px (space.lg)
• row-container padding-inline-start should be 16px (space.lg)
• When drag-enabled display-mode="nested" selection-appearance="icon", row-container padding-inline-start should be 4px

Reproduction Sample

https://esri.github.io/calcite-design-system/?path=/story/components-list--scales

Reproduction Steps

Inspect elements as noted above.

Reproduction Version

v3.0.0-next.41

Relevant Info

Follow up to PR #10853.
cc @eriklharper

Regression?

No response

Priority impact

impact - p1 - need for current milestone

Impact

No response

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/calcite-ui-icons
• @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)