carbon-components-svelte 0.106.0 → 0.106.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/Button/Button.svelte +4 -1
- package/src/Button/Button.svelte.d.ts +1 -1
- package/src/DataTable/DataTableSkeleton.svelte +1 -3
- package/src/DataTable/DataTableSkeleton.svelte.d.ts +4 -8
- package/src/DataTable/ToolbarSearch.svelte +4 -1
- package/src/DataTable/ToolbarSearch.svelte.d.ts +1 -1
- package/src/FileUploader/FileUploaderDropContainer.svelte +4 -1
- package/src/FileUploader/FileUploaderDropContainer.svelte.d.ts +1 -1
- package/src/ListBox/ListBoxField.svelte +4 -1
- package/src/ListBox/ListBoxField.svelte.d.ts +1 -1
- package/src/Select/Select.svelte +3 -2
- package/src/StructuredList/StructuredListRow.svelte +4 -1
- package/src/StructuredList/StructuredListRow.svelte.d.ts +1 -1
- package/src/Tabs/Tab.svelte +4 -1
- package/src/Tabs/Tab.svelte.d.ts +1 -1
- package/src/Tile/ExpandableTile.svelte +4 -1
- package/src/Tile/ExpandableTile.svelte.d.ts +1 -1
- package/src/Tile/RadioTile.svelte +4 -1
- package/src/Tile/RadioTile.svelte.d.ts +1 -1
- package/src/Tile/SelectableTile.svelte +4 -1
- package/src/Tile/SelectableTile.svelte.d.ts +1 -1
- package/src/Tooltip/Tooltip.svelte +4 -1
- package/src/Tooltip/Tooltip.svelte.d.ts +1 -1
- package/src/UIShell/SkipToContent.svelte +4 -1
- package/src/UIShell/SkipToContent.svelte.d.ts +1 -1
package/package.json
CHANGED
package/src/Button/Button.svelte
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
/** @extends {"./DataTable.svelte"} DataTableHeader */
|
|
3
|
-
|
|
4
2
|
/**
|
|
5
3
|
* Specify the number of columns.
|
|
6
4
|
* Superseded by `headers` if `headers` is a non-empty array.
|
|
@@ -25,7 +23,7 @@
|
|
|
25
23
|
/**
|
|
26
24
|
* Set the column headers.
|
|
27
25
|
* Supersedes `columns` if value is a non-empty array.
|
|
28
|
-
* @type {ReadonlyArray<string | Partial<DataTableHeader>>}
|
|
26
|
+
* @type {ReadonlyArray<string | Partial<import('./DataTable.svelte').DataTableHeader>>}
|
|
29
27
|
*/
|
|
30
28
|
export let headers = [];
|
|
31
29
|
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { SvelteComponentTyped } from "svelte";
|
|
2
2
|
import type { SvelteHTMLElements } from "svelte/elements";
|
|
3
|
-
import type { DataTableHeader } from "./DataTable.svelte";
|
|
4
3
|
|
|
5
4
|
type $RestProps = SvelteHTMLElements["div"];
|
|
6
5
|
|
|
@@ -41,7 +40,9 @@ type $Props = {
|
|
|
41
40
|
* Supersedes `columns` if value is a non-empty array.
|
|
42
41
|
* @default []
|
|
43
42
|
*/
|
|
44
|
-
headers?: ReadonlyArray<
|
|
43
|
+
headers?: ReadonlyArray<
|
|
44
|
+
string | Partial<import("./DataTable.svelte").DataTableHeader>
|
|
45
|
+
>;
|
|
45
46
|
|
|
46
47
|
/**
|
|
47
48
|
* Set to `false` to hide the toolbar
|
|
@@ -52,12 +53,7 @@ type $Props = {
|
|
|
52
53
|
[key: `data-${string}`]: unknown;
|
|
53
54
|
};
|
|
54
55
|
|
|
55
|
-
export type DataTableSkeletonProps = Omit
|
|
56
|
-
$RestProps,
|
|
57
|
-
keyof ($Props & DataTableHeader)
|
|
58
|
-
> &
|
|
59
|
-
$Props &
|
|
60
|
-
DataTableHeader;
|
|
56
|
+
export type DataTableSkeletonProps = Omit<$RestProps, keyof $Props> & $Props;
|
|
61
57
|
|
|
62
58
|
export default class DataTableSkeleton extends SvelteComponentTyped<
|
|
63
59
|
DataTableSkeletonProps,
|
|
@@ -35,7 +35,10 @@
|
|
|
35
35
|
/** Set to `true` to disable the input */
|
|
36
36
|
export let disabled = false;
|
|
37
37
|
|
|
38
|
-
/**
|
|
38
|
+
/**
|
|
39
|
+
* Specify `tabindex` attribute
|
|
40
|
+
* @type {number | string | undefined}
|
|
41
|
+
*/
|
|
39
42
|
export let tabindex = "0";
|
|
40
43
|
|
|
41
44
|
/** Set an id for the input element */
|
package/src/Select/Select.svelte
CHANGED
|
@@ -115,12 +115,13 @@
|
|
|
115
115
|
selectedValue.set(value);
|
|
116
116
|
};
|
|
117
117
|
|
|
118
|
-
let prevSelected =
|
|
118
|
+
let prevSelected = null;
|
|
119
119
|
|
|
120
120
|
afterUpdate(() => {
|
|
121
121
|
if (selected !== $selectedValue) {
|
|
122
|
+
const isInitialRender = prevSelected === null;
|
|
122
123
|
selected = $selectedValue;
|
|
123
|
-
if (
|
|
124
|
+
if (!isInitialRender) {
|
|
124
125
|
dispatch("update", $selectedValue);
|
|
125
126
|
}
|
|
126
127
|
}
|
package/src/Tabs/Tab.svelte
CHANGED
|
@@ -21,7 +21,10 @@
|
|
|
21
21
|
/** Set to `true` to disable the tab */
|
|
22
22
|
export let disabled = false;
|
|
23
23
|
|
|
24
|
-
/**
|
|
24
|
+
/**
|
|
25
|
+
* Specify the tabindex
|
|
26
|
+
* @type {number | string | undefined}
|
|
27
|
+
*/
|
|
25
28
|
export let tabindex = "0";
|
|
26
29
|
|
|
27
30
|
/** Set an id for the top-level element */
|
package/src/Tabs/Tab.svelte.d.ts
CHANGED
|
@@ -23,7 +23,10 @@
|
|
|
23
23
|
/** Specify the icon label of the collapsed tile */
|
|
24
24
|
export let tileCollapsedLabel = "";
|
|
25
25
|
|
|
26
|
-
/**
|
|
26
|
+
/**
|
|
27
|
+
* Specify the tabindex
|
|
28
|
+
* @type {number | string | undefined}
|
|
29
|
+
*/
|
|
27
30
|
export let tabindex = "0";
|
|
28
31
|
|
|
29
32
|
/** Set an id for the top-level div element */
|
|
@@ -19,7 +19,10 @@
|
|
|
19
19
|
/** Specify the value of the selectable tile */
|
|
20
20
|
export let value = "value";
|
|
21
21
|
|
|
22
|
-
/**
|
|
22
|
+
/**
|
|
23
|
+
* Specify the tabindex
|
|
24
|
+
* @type {number | string | undefined}
|
|
25
|
+
*/
|
|
23
26
|
export let tabindex = "0";
|
|
24
27
|
|
|
25
28
|
/** Specify the ARIA label for the selectable tile checkmark icon */
|