mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-17 03:01:25 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: stick to bx instead of cds class prefix

Browse source
This commit is contained in:
Gregor Wassmann 2022-10-12 00:17:15 +02:00 • committed by Enrico Sacchetti
commit f4ac33c93a
No known key found for this signature in database
GPG key ID: 3374B89ECA60D796
55 changed files with 190 additions and 192 deletions
Download patch file Download diff file Expand all files Collapse all files

4
tests/AspectRatioColumns.test.svelte
View file

@ -6,13 +6,13 @@
<Row>
<Column
aspectRatio="2x1"
style="outline: 1px solid var(--cds-interactive-04)"
style="outline: 1px solid var(--bx-interactive-04)"
>
2x1
</Column>
<Column
aspectRatio="2x1"
style="outline: 1px solid var(--cds-interactive-04)"
style="outline: 1px solid var(--bx-interactive-04)"
>
2x1
</Column>

8
tests/CondensedGrid.test.svelte
View file

@ -4,9 +4,9 @@
<Grid condensed>
<Row>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
</Row>
</Grid>

8
tests/FullWidthGrid.test.svelte
View file

@ -4,9 +4,9 @@
<Grid fullWidth>
<Row>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
</Row>
</Grid>

8
tests/Grid.test.svelte
View file

@ -4,9 +4,9 @@
<Grid>
<Row>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
</Row>
</Grid>

8
tests/NarrowGrid.test.svelte
View file

@ -4,9 +4,9 @@
<Grid narrow>
<Row>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--cds-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
<Column style="outline: 1px solid var(--bx-interactive-04)">Column</Column>
</Row>
</Grid>

8
tests/OffsetColumns.test.svelte
View file

@ -6,25 +6,25 @@
<Row>
<Column
sm="{{ span: 1, offset: 3 }}"
style="outline: 1px solid var(--cds-interactive-04)"
style="outline: 1px solid var(--bx-interactive-04)"
>
Offset 3
</Column>
<Column
sm="{{ span: 2, offset: 2 }}"
style="outline: 1px solid var(--cds-interactive-04)"
style="outline: 1px solid var(--bx-interactive-04)"
>
Offset 2
</Column>
<Column
sm="{{ span: 3, offset: 1 }}"
style="outline: 1px solid var(--cds-interactive-04)"
style="outline: 1px solid var(--bx-interactive-04)"
>
Offset 1
</Column>
<Column
sm="{{ span: 4, offset: 0 }}"
style="outline: 1px solid var(--cds-interactive-04)"
style="outline: 1px solid var(--bx-interactive-04)"
>
Offset 0
</Column>

8
tests/PaddedGrid.test.svelte
View file

@ -4,16 +4,16 @@
<Grid padding>
<Row padding>
<Column padding style="outline: 1px solid var(--cds-interactive-04)">
<Column padding style="outline: 1px solid var(--bx-interactive-04)">
Column
</Column>
<Column padding style="outline: 1px solid var(--cds-interactive-04)">
<Column padding style="outline: 1px solid var(--bx-interactive-04)">
Column
</Column>
<Column padding style="outline: 1px solid var(--cds-interactive-04)">
<Column padding style="outline: 1px solid var(--bx-interactive-04)">
Column
</Column>
<Column padding style="outline: 1px solid var(--cds-interactive-04)">
<Column padding style="outline: 1px solid var(--bx-interactive-04)">
Column
</Column>
</Row>

2
tests/Popover.test.svelte
View file

@ -16,5 +16,5 @@
console.log('on:click:outside');
}}"
>
<div style="padding: var(--cds-spacing-05)">Content</div>
<div style="padding: var(--bx-spacing-05)">Content</div>
</Popover>

8
tests/ResponsiveGrid.test.svelte
View file

@ -8,7 +8,7 @@
sm="{1}"
md="{4}"
lg="{8}"
style="outline: 1px solid var(--cds-interactive-04)"
style="outline: 1px solid var(--bx-interactive-04)"
>
sm: 1, md: 4, lg: 8
</Column>
@ -16,7 +16,7 @@
sm="{1}"
md="{2}"
lg="{2}"
style="outline: 1px solid var(--cds-interactive-04)"
style="outline: 1px solid var(--bx-interactive-04)"
>
sm: 1, md: 2, lg: 2
</Column>
@ -24,7 +24,7 @@
sm="{1}"
md="{1}"
lg="{1}"
style="outline: 1px solid var(--cds-interactive-04)"
style="outline: 1px solid var(--bx-interactive-04)"
>
sm: 1, md: 1, lg: 1
</Column>
@ -32,7 +32,7 @@
sm="{1}"
md="{1}"
lg="{1}"
style="outline: 1px solid var(--cds-interactive-04)"
style="outline: 1px solid var(--bx-interactive-04)"
>
sm: 1, md: 1, lg: 1
</Column>