mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-20 12:23:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

console.log removed and style cleaned up

Browse source
This commit is contained in:
davideraccagni 2022-04-14 19:19:01 +02:00
commit 0934a7d2c9
5 changed files with 14460 additions and 3919 deletions
Download patch file Download diff file Expand all files Collapse all files

3611
docs/package-lock.json generated Normal file
View file

File diff suppressed because it is too large Load diff

9698
examples/sapper/package-lock.json generated Normal file
View file

File diff suppressed because it is too large Load diff

2246
examples/sapper/yarn.lock
View file

File diff suppressed because it is too large Load diff

2792
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

32
src/AutoComplete/AutoComplete.svelte
View file

@ -118,7 +118,7 @@
function onKeydown(event) { function onKeydown(event) {
let key = event.key; let key = event.key;
console.log(key);
if (["Enter", "ArrowDown", "ArrowUp"].includes(key)) { if (["Enter", "ArrowDown", "ArrowUp"].includes(key)) {
event.preventDefault(); event.preventDefault();
} }
@ -174,14 +174,7 @@
}}" }}"
/> />
<div <div {...$$restProps}>
class:bx--auto-complete__wrapper="{true}"
class:bx--list-box__wrapper="{true}"
class:bx--auto-complete__wrapper--inline="{inline}"
class:bx--list-box__wrapper--inline="{inline}"
class:bx--auto-complete__wrapper--inline--invalid="{inline && invalid}"
{...$$restProps}
>
{#if titleText} {#if titleText}
<label <label
for="{id}" for="{id}"
@ -234,12 +227,9 @@
type="text" type="text"
role="searchbox" role="searchbox"
class=" class="
bx--auto-complete__input auto-complete__input
{light && 'bx--auto-complete__input--light'} {size === 'sm' && 'auto-complete__input--sm'}
{invalid && 'bx--auto-complete__input--invalid'} {size === 'xl' && 'auto-complete__input--xl'}
{warn && 'bx--auto-complete__input--warn'}
{size === 'sm' && 'bx--auto-complete__input--sm'}
{size === 'xl' && 'bx--auto-complete__input--xl'}
" "
autocomplete="false" autocomplete="false"
disabled="{disabled}" disabled="{disabled}"
@ -288,7 +278,7 @@
</div> </div>
<style> <style>
.bx--auto-complete__input { .auto-complete__input {
font-size: var(--cds-body-short-01-font-size, 0.875rem); font-size: var(--cds-body-short-01-font-size, 0.875rem);
font-weight: var(--cds-body-short-01-font-weight, 400); font-weight: var(--cds-body-short-01-font-weight, 400);
line-height: var(--cds-body-short-01-line-height, 1.28572); line-height: var(--cds-body-short-01-line-height, 1.28572);
@ -309,21 +299,21 @@
outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
} }
.bx--auto-complete__input:focus { .auto-complete__input:focus {
outline: 2px solid var(--cds-focus, #0f62fe); outline: 2px solid var(--cds-focus, #0f62fe);
outline-offset: -2px; outline-offset: -2px;
} }
.bx--auto-complete__input--sm { .auto-complete__input--sm {
height: 2rem; height: 2rem;
} }
.bx--auto-complete__input--xl, .auto-complete__input--xl,
.bx--auto-complete__input--lg { .auto-complete__input--lg {
height: 3rem; height: 3rem;
} }
.bx--auto-complete__input:disabled { .auto-complete__input:disabled {
outline: 2px solid transparent; outline: 2px solid transparent;
outline-offset: -2px; outline-offset: -2px;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;