chore: use cds class prefix in v11 styles

This commit is contained in:
Enrico Sacchetti 2024-01-08 16:17:27 -05:00
commit 465f35c0f3
163 changed files with 1283 additions and 1255 deletions

View file

@ -43,17 +43,17 @@
<!-- svelte-ignore a11y-no-static-element-interactions -->
<span
id="{id}"
class:bx--file__selected-file="{true}"
class:bx--file__selected-file--invalid="{invalid}"
class:bx--file__selected-file--md="{size === 'md' || size === 'field'}"
class:bx--file__selected-file--sm="{size === 'sm' || size === 'small'}"
class:cds--file__selected-file="{true}"
class:cds--file__selected-file--invalid="{invalid}"
class:cds--file__selected-file--md="{size === 'md' || size === 'field'}"
class:cds--file__selected-file--sm="{size === 'sm' || size === 'small'}"
{...$$restProps}
on:mouseover
on:mouseenter
on:mouseleave
>
<p class:bx--file-filename="{true}">{name}</p>
<span class:bx--file__state-container="{true}">
<p class:cds--file-filename="{true}">{name}</p>
<span class:cds--file__state-container="{true}">
<Filename
on:keydown="{({ key }) => {
if (key === ' ' || key === 'Enter') {
@ -69,10 +69,10 @@
/>
</span>
{#if invalid && errorSubject}
<div class:bx--form-requirement="{true}">
<div class:bx--form-requirement__title="{true}">{errorSubject}</div>
<div class:cds--form-requirement="{true}">
<div class:cds--form-requirement__title="{true}">{errorSubject}</div>
{#if errorBody}
<p class:bx--form-requirement__supplement="{true}">{errorBody}</p>
<p class:cds--form-requirement__supplement="{true}">{errorBody}</p>
{/if}
</div>
{/if}