diff --git a/docs/src/components/Portfolio.svelte b/docs/src/components/Portfolio.svelte index 91c1e349..4dbcf392 100644 --- a/docs/src/components/Portfolio.svelte +++ b/docs/src/components/Portfolio.svelte @@ -33,7 +33,6 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod diff --git a/src/Accordion/Accordion.svelte b/src/Accordion/Accordion.svelte index f67433fd..d354f041 100644 --- a/src/Accordion/Accordion.svelte +++ b/src/Accordion/Accordion.svelte @@ -25,8 +25,7 @@
{code}
@@ -133,10 +133,10 @@
{feedback}
{feedbackTimeout}
class="bx--snippet {type && `bx--snippet--${type}`}
- {type === 'inline' && 'bx--btn--copy'}
- {expanded && 'bx--snippet--expand'}
- {light && 'bx--snippet--light'}
- {hideCopyButton && 'bx--snippet--no-copy'}"
+ {type === 'inline' && 'bx--btn--copy'}
+ {expanded && 'bx--snippet--expand'}
+ {light && 'bx--snippet--light'}
+ {hideCopyButton && 'bx--snippet--no-copy'}"
{...$$restProps}
on:click
on:mouseover
@@ -155,8 +155,7 @@
class:bx--snippet--light={light}
class:bx--snippet--no-copy={hideCopyButton}
{...$$restProps}
- class="{type && `bx--snippet--${type}`}
- {$$restProps.class}"
+ class="{type && `bx--snippet--${type}`} {$$restProps.class}"
on:mouseover
on:mouseenter
on:mouseleave>
diff --git a/src/ComboBox/ComboBox.Story.svelte b/src/ComboBox/ComboBox.Story.svelte
index e716be19..a8027af3 100644
--- a/src/ComboBox/ComboBox.Story.svelte
+++ b/src/ComboBox/ComboBox.Story.svelte
@@ -31,10 +31,10 @@
- items
- must be an array of objects; mandatory fields are `id` and `text`.
+ items
must be an array of objects; mandatory fields are `id` and `text`.
-
+
{'items = Array<{ id: string; text: string; }>'}
diff --git a/src/ComposedModal/ComposedModal.svelte b/src/ComposedModal/ComposedModal.svelte
index ea942ba9..d5bd551f 100644
--- a/src/ComposedModal/ComposedModal.svelte
+++ b/src/ComposedModal/ComposedModal.svelte
@@ -120,8 +120,7 @@
{
didClickInnerModal = true;
}}>
diff --git a/src/ContentSwitcher/Switch.svelte b/src/ContentSwitcher/Switch.svelte
index 3919fa2b..62893c88 100644
--- a/src/ContentSwitcher/Switch.svelte
+++ b/src/ContentSwitcher/Switch.svelte
@@ -76,7 +76,6 @@
ctx.change(-1);
}
}}>
-
{text}
diff --git a/src/Copy/Copy.svelte b/src/Copy/Copy.svelte
index 06fd9afd..53d33214 100644
--- a/src/Copy/Copy.svelte
+++ b/src/Copy/Copy.svelte
@@ -37,8 +37,7 @@
class:bx--copy-btn--animating={animation}
aria-label={animation ? feedback : undefined}
{...$$restProps}
- class="{$$restProps.class}
- {animation && `bx--copy-btn--${animation}`}"
+ class="{$$restProps.class} {animation && `bx--copy-btn--${animation}`}"
on:click
on:click={() => {
if (animation === 'fade-in') return;
diff --git a/src/DataTableSkeleton/DataTableSkeleton.svelte b/src/DataTableSkeleton/DataTableSkeleton.svelte
index ec463ff0..7f4d1e4d 100644
--- a/src/DataTableSkeleton/DataTableSkeleton.svelte
+++ b/src/DataTableSkeleton/DataTableSkeleton.svelte
@@ -56,9 +56,7 @@
{#each cols as col, i (col)}
-
-
-
+
{/each}
{#each Array.from({ length: rows - 1 }, (_, i) => i) as row, i (row)}
diff --git a/src/DatePicker/DatePicker.svelte b/src/DatePicker/DatePicker.svelte
index 835d7f42..16750266 100644
--- a/src/DatePicker/DatePicker.svelte
+++ b/src/DatePicker/DatePicker.svelte
@@ -199,7 +199,7 @@
class:bx--date-picker--short={short}
class:bx--date-picker--light={light}
class="{datePickerType && `bx--date-picker--${datePickerType}`}
- {datePickerType === 'range' && $labelTextEmpty && 'bx--date-picker--nolabel'}">
+ {datePickerType === 'range' && $labelTextEmpty && 'bx--date-picker--nolabel'}">
diff --git a/src/Dropdown/Dropdown.Story.svelte b/src/Dropdown/Dropdown.Story.svelte
index 26bcb5c6..9157024d 100644
--- a/src/Dropdown/Dropdown.Story.svelte
+++ b/src/Dropdown/Dropdown.Story.svelte
@@ -22,10 +22,11 @@
{:else}
- items
- must be an array of objects; mandatory fields are `id` and `text`.
+ items
must be an array of objects; mandatory fields are `id` and
+ `text`.
-
+
{'items = Array<{ id: string; text: string; }>'}
diff --git a/src/Dropdown/Dropdown.svelte b/src/Dropdown/Dropdown.svelte
index 6b980b0c..5bcb62a0 100644
--- a/src/Dropdown/Dropdown.svelte
+++ b/src/Dropdown/Dropdown.svelte
@@ -177,10 +177,10 @@
{name}
aria-label={$$props['aria-label']}
class="bx--dropdown {invalid && 'bx--dropdown--invalid'}
- {open && 'bx--dropdown--open'}
- {inline && 'bx--dropdown--inline'}
- {disabled && 'bx--dropdown--disabled'}
- {light && 'bx--dropdown--light'}"
+ {open && 'bx--dropdown--open'}
+ {inline && 'bx--dropdown--inline'}
+ {disabled && 'bx--dropdown--disabled'}
+ {light && 'bx--dropdown--light'}"
on:click={({ target }) => {
open = ref.contains(target) ? !open : false;
}}
diff --git a/src/ListBox/ListBox.svelte b/src/ListBox/ListBox.svelte
index abeef665..352ecba6 100644
--- a/src/ListBox/ListBox.svelte
+++ b/src/ListBox/ListBox.svelte
@@ -52,8 +52,7 @@
class:bx--list-box--expanded={open}
class:bx--list-box--light={light}
{...$$restProps}
- class="{size && `bx--list-box--${size}`}
- {$$restProps.class}"
+ class="{size && `bx--list-box--${size}`} {$$restProps.class}"
on:keydown
on:keydown={(e) => {
if (e.key === 'Escape') {
diff --git a/src/MultiSelect/MultiSelect.svelte b/src/MultiSelect/MultiSelect.svelte
index ff29e190..29e1344f 100644
--- a/src/MultiSelect/MultiSelect.svelte
+++ b/src/MultiSelect/MultiSelect.svelte
@@ -282,10 +282,10 @@
{light}
{size}
class="bx--multi-select {filterable && 'bx--combo-box'}
- {filterable && 'bx--multi-select--filterable'}
- {invalid && 'bx--multi-select--invalid'}
- {inline && 'bx--multi-select--inline'}
- {checked.length > 0 && 'bx--multi-select--selected'}">
+ {filterable && 'bx--multi-select--filterable'}
+ {invalid && 'bx--multi-select--invalid'}
+ {inline && 'bx--multi-select--inline'}
+ {checked.length > 0 && 'bx--multi-select--selected'}">
{#if invalid}
{/if}
diff --git a/src/Notification/InlineNotification.svelte b/src/Notification/InlineNotification.svelte
index 6972aa31..92e54267 100644
--- a/src/Notification/InlineNotification.svelte
+++ b/src/Notification/InlineNotification.svelte
@@ -65,7 +65,7 @@
function close() {
open = false;
- dispatch('close');
+ dispatch("close");
}
onMount(() => {
diff --git a/src/Notification/NotificationButton.svelte b/src/Notification/NotificationButton.svelte
index 2a919e8f..3533bca8 100644
--- a/src/Notification/NotificationButton.svelte
+++ b/src/Notification/NotificationButton.svelte
@@ -41,5 +41,5 @@
this={renderIcon}
{title}
class="{notificationType === 'toast' && 'bx--toast-notification__close-icon'}
- {notificationType === 'inline' && 'bx--inline-notification__close-icon'}" />
+ {notificationType === 'inline' && 'bx--inline-notification__close-icon'}" />
diff --git a/src/Notification/ToastNotification.svelte b/src/Notification/ToastNotification.svelte
index 2a43ccea..13910d90 100644
--- a/src/Notification/ToastNotification.svelte
+++ b/src/Notification/ToastNotification.svelte
@@ -71,7 +71,7 @@
function close() {
open = false;
- dispatch('close');
+ dispatch("close");
}
onMount(() => {
diff --git a/src/NumberInput/NumberInput.Skeleton.svelte b/src/NumberInput/NumberInput.Skeleton.svelte
index 240291e0..03ff9473 100644
--- a/src/NumberInput/NumberInput.Skeleton.svelte
+++ b/src/NumberInput/NumberInput.Skeleton.svelte
@@ -13,8 +13,6 @@
on:mouseover
on:mouseenter
on:mouseleave>
- {#if !hideLabel}
-
- {/if}
+ {#if !hideLabel}{/if}
diff --git a/src/Search/Search.svelte b/src/Search/Search.svelte
index 66fa772f..6a3ff9a2 100644
--- a/src/Search/Search.svelte
+++ b/src/Search/Search.svelte
@@ -96,8 +96,7 @@
class:bx--search={true}
class:bx--search--light={light}
{...$$restProps}
- class="bx--search--{size}
- {$$restProps.class}">
+ class="bx--search--{size} {$$restProps.class}">
diff --git a/src/Select/Select.Skeleton.svelte b/src/Select/Select.Skeleton.svelte
index 63ea46b5..8d7c0a14 100644
--- a/src/Select/Select.Skeleton.svelte
+++ b/src/Select/Select.Skeleton.svelte
@@ -13,9 +13,7 @@
on:mouseover
on:mouseenter
on:mouseleave>
- {#if !hideLabel}
-
- {/if}
+ {#if !hideLabel}{/if}
diff --git a/src/Slider/Slider.Skeleton.svelte b/src/Slider/Slider.Skeleton.svelte
index 110e6978..fa4665ac 100644
--- a/src/Slider/Slider.Skeleton.svelte
+++ b/src/Slider/Slider.Skeleton.svelte
@@ -13,9 +13,7 @@
on:mouseover
on:mouseenter
on:mouseleave>
- {#if !hideLabel}
-
- {/if}
+ {#if !hideLabel}{/if}
diff --git a/src/StructuredList/StructuredList.Skeleton.svelte b/src/StructuredList/StructuredList.Skeleton.svelte
index cf020fb3..55df2210 100644
--- a/src/StructuredList/StructuredList.Skeleton.svelte
+++ b/src/StructuredList/StructuredList.Skeleton.svelte
@@ -25,15 +25,9 @@
-
-
-
-
-
-
-
-
-
+
+
+
diff --git a/src/Tag/Tag.svelte b/src/Tag/Tag.svelte
index a444fca3..148425e9 100644
--- a/src/Tag/Tag.svelte
+++ b/src/Tag/Tag.svelte
@@ -55,8 +55,7 @@
class:bx--tag--disabled={disabled}
class:bx--tag--filter={filter}
{...$$restProps}
- class="{type && `bx--tag--${type}`}
- {$$restProps.class}">
+ class="{type && `bx--tag--${type}`} {$$restProps.class}">
{type}
@@ -77,8 +76,7 @@
class:bx--tag={true}
class:bx--tag--disabled={disabled}
{...$$restProps}
- class="{type && `bx--tag--${type}`}
- {$$restProps.class}"
+ class="{type && `bx--tag--${type}`} {$$restProps.class}"
on:click
on:mouseover
on:mouseenter
diff --git a/src/TextArea/TextArea.Skeleton.svelte b/src/TextArea/TextArea.Skeleton.svelte
index 7594ce9c..e2b265d8 100644
--- a/src/TextArea/TextArea.Skeleton.svelte
+++ b/src/TextArea/TextArea.Skeleton.svelte
@@ -13,8 +13,6 @@
on:mouseover
on:mouseenter
on:mouseleave>
- {#if !hideLabel}
-
- {/if}
+ {#if !hideLabel}{/if}
diff --git a/src/TextInput/PasswordInput.svelte b/src/TextInput/PasswordInput.svelte
index 6033eda8..d67b1825 100644
--- a/src/TextInput/PasswordInput.svelte
+++ b/src/TextInput/PasswordInput.svelte
@@ -176,7 +176,7 @@
class:bx--tooltip__trigger={true}
class:bx--tooltip--a11y={true}
class="{tooltipPosition && `bx--tooltip--${tooltipPosition}`}
- {tooltipAlignment && `bx--tooltip--align-${tooltipAlignment}`}"
+ {tooltipAlignment && `bx--tooltip--align-${tooltipAlignment}`}"
on:click={() => {
type = type === 'password' ? 'text' : 'password';
}}>
diff --git a/src/TextInput/TextInput.Skeleton.svelte b/src/TextInput/TextInput.Skeleton.svelte
index 8e3be9f4..85cb90ff 100644
--- a/src/TextInput/TextInput.Skeleton.svelte
+++ b/src/TextInput/TextInput.Skeleton.svelte
@@ -13,8 +13,6 @@
on:mouseover
on:mouseenter
on:mouseleave>
- {#if !hideLabel}
-
- {/if}
+ {#if !hideLabel}{/if}
diff --git a/src/TextInput/TextInput.svelte b/src/TextInput/TextInput.svelte
index 1d335021..e321c9d8 100644
--- a/src/TextInput/TextInput.svelte
+++ b/src/TextInput/TextInput.svelte
@@ -87,7 +87,7 @@
* Set to `true` to mark the field as required
* @type {boolean} [required=false]
*/
- export let required = false;
+ export let required = false;
import WarningFilled16 from "carbon-icons-svelte/lib/WarningFilled16";
diff --git a/src/TooltipDefinition/TooltipDefinition.svelte b/src/TooltipDefinition/TooltipDefinition.svelte
index be2c855e..7ac9c5a2 100644
--- a/src/TooltipDefinition/TooltipDefinition.svelte
+++ b/src/TooltipDefinition/TooltipDefinition.svelte
@@ -60,7 +60,7 @@
class:bx--tooltip--hidden={hidden}
class:bx--tooltip--visible={visible}
class="{direction && `bx--tooltip--${direction}`}
- {align && `bx--tooltip--align-${align}`}"
+ {align && `bx--tooltip--align-${align}`}"
on:click
on:mouseover
on:mouseenter
diff --git a/src/TooltipIcon/TooltipIcon.svelte b/src/TooltipIcon/TooltipIcon.svelte
index d1a4ea2f..9a238e87 100644
--- a/src/TooltipIcon/TooltipIcon.svelte
+++ b/src/TooltipIcon/TooltipIcon.svelte
@@ -47,8 +47,8 @@
class:bx--tooltip--hidden={hidden}
{...$$restProps}
class="{direction && `bx--tooltip--${direction}`}
- {align && `bx--tooltip--align-${align}`}
- {$$restProps.class}"
+ {align && `bx--tooltip--align-${align}`}
+ {$$restProps.class}"
on:click
on:mouseover
on:mouseenter
diff --git a/src/UIShell/GlobalHeader/HeaderAction.svelte b/src/UIShell/GlobalHeader/HeaderAction.svelte
index 74759bb1..fc7394bb 100644
--- a/src/UIShell/GlobalHeader/HeaderAction.svelte
+++ b/src/UIShell/GlobalHeader/HeaderAction.svelte
@@ -72,9 +72,7 @@
}}>
- {#if text}
- {text}
- {/if}
+ {#if text}{text}{/if}
{#if isOpen}
diff --git a/src/UIShell/UIShell.Story.svelte b/src/UIShell/UIShell.Story.svelte
index bfe5d4bb..63b1e9d4 100644
--- a/src/UIShell/UIShell.Story.svelte
+++ b/src/UIShell/UIShell.Story.svelte
@@ -133,8 +133,7 @@
- Platform Name
- 1.12.2
+ Platform Name 1.12.2
{:else if story === 'sidenav'}
diff --git a/yarn.lock b/yarn.lock
index 9b7c6b5a..7b252692 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8039,20 +8039,20 @@ prepend-http@^2.0.0:
resolved "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
-prettier-plugin-svelte@^1.1.0:
- version "1.1.0"
- resolved "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-1.1.0.tgz#e6ec282d8457598b0c02164083b11ad8cb8ab304"
- integrity sha512-wmIggG/ryV0wcmE9D5p+k5TwKDpS2SGKJpF6IV1aYHK7dkBJD+di1w47Ci00DRsI4RrXZRC2Ef37DSyrTb6Zqg==
+prettier-plugin-svelte@^1.2.1:
+ version "1.2.1"
+ resolved "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-1.2.1.tgz#2af472cb7ebf7f8254a132e44cce18ed3bf2ef6f"
+ integrity sha512-oULQ6cmqAVA3PmtgagM3139UXJHbLOLQjzGOKkH/pRQbT9vXcWQtbWXEO1fAePWQis5TiDgm2p/PIKh5w1fd/A==
prettier@^1.16.4:
version "1.19.1"
resolved "https://registry.npmjs.org/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
-prettier@^2.0.5:
- version "2.0.5"
- resolved "https://registry.npmjs.org/prettier/-/prettier-2.0.5.tgz#d6d56282455243f2f92cc1716692c08aa31522d4"
- integrity sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==
+prettier@^2.1.1:
+ version "2.1.1"
+ resolved "https://registry.npmjs.org/prettier/-/prettier-2.1.1.tgz#d9485dd5e499daa6cb547023b87a6cf51bee37d6"
+ integrity sha512-9bY+5ZWCfqj3ghYBLxApy2zf6m+NJo5GzmLTpr9FsApsfjriNnS2dahWReHMi7qNPhhHl9SYHJs2cHZLgexNIw==
pretty-error@^2.1.1:
version "2.1.1"