Skip to content

Commit f812d34

Browse files
authored
fix: add new contained size classes (#2922)
Signed-off-by: Akshat Patel <[email protected]>
1 parent 9b00fdc commit f812d34

File tree

2 files changed

+9
-4
lines changed

2 files changed

+9
-4
lines changed

src/contained-list/contained-list.component.ts

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,11 @@ import { ContainedListKind, ContainedListSize } from "./contained-list.enums";
2828
'cds--contained-list--sm': size === ContainedListSize.Small,
2929
'cds--contained-list--md': size === ContainedListSize.Medium,
3030
'cds--contained-list--lg': size === ContainedListSize.Large,
31-
'cds--contained-list--xl': size === ContainedListSize.ExtraLarge
31+
'cds--contained-list--xl': size === ContainedListSize.ExtraLarge,
32+
'cds--layout--size-sm': size === ContainedListSize.Small,
33+
'cds--layout--size-md': size === ContainedListSize.Medium,
34+
'cds--layout--size-lg': size === ContainedListSize.Large,
35+
'cds--layout--size-xl': size === ContainedListSize.ExtraLarge
3236
}">
3337
<div class="cds--contained-list__header">
3438
<div [id]="labelId" class="cds--contained-list__label">

src/contained-list/contained-list.stories.ts

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -183,7 +183,8 @@ const withActionsTemplate = () => ({
183183
<svg ibmIcon="subtract--alt" size="16" class="cds--btn__icon"></svg>
184184
</button>
185185
</ng-template>
186-
<cds-contained-list label="List title">
186+
187+
<cds-contained-list label="List title" [size]="size">
187188
<cds-contained-list-item [action]="action">List item</cds-contained-list-item>
188189
<cds-contained-list-item [action]="action">List item</cds-contained-list-item>
189190
<cds-contained-list-item [action]="action">List item</cds-contained-list-item>
@@ -195,6 +196,7 @@ export const withActions = withActionsTemplate.bind({});
195196

196197
export const withActionsAndContextData = (args) => {
197198
args = {
199+
...args,
198200
items: [
199201
{
200202
id: 1,
@@ -228,8 +230,7 @@ export const withActionsAndContextData = (args) => {
228230
<svg ibmIcon="add" size="16" class="cds--btn__icon"></svg>
229231
</button>
230232
</ng-template>
231-
232-
<cds-contained-list label="List title">
233+
<cds-contained-list label="List title" [size]="size">
233234
<cds-contained-list-item
234235
*ngFor="let item of items"
235236
[action]="actionWithClick"

0 commit comments

Comments
 (0)