Align v10.36 (#696)

* chore(deps-dev): upgrade carbon-components to v10.36.0

* feat(structured-list): add condensed, flush props

* fix(structured-list): deprecate the border prop

* fix(code-snippet): set min/max height for multi-line code snippet #656

Fixes #656

* fix(image-loader): make SSR compatible using a window type check guard

* docs(tag): add separate disabled example for filterable/interactive tags

* docs: update number of supported chart types

* feat(side-nav): support rail variant

* feat(ui-shell): add isSelected prop to HeaderNavItem

* fix(ui-shell): default isSelected to false in SideNavMenuItem

* fix(text-area): forward missing keydown event #665

Fixes #665

* feat: forward keyup event to components with inputs

* feat(checkbox): make labelText slottable #563

Closes #563

* feat: make labelText slottable

Related #563

* docs(component-api): account for undefined type

* docs(ui-shell): link to correct rail source

* fix(ui-shell): default isSelected in HeaderNavItem to false

types/Checkbox/Checkbox.d.ts

@@ -78,5 +78,5 @@ export default class Checkbox extends SvelteComponentTyped<
     mouseleave: WindowEventMap["mouseleave"];
     change: WindowEventMap["change"];
   },
-  {}
+  { labelText: {} }
 > {}

types/ComboBox/ComboBox.d.ts

@@ -147,6 +147,7 @@ export default class ComboBox extends SvelteComponentTyped<
       selectedItem: ComboBoxItem;
     }>;
     keydown: WindowEventMap["keydown"];
+    keyup: WindowEventMap["keyup"];
     focus: WindowEventMap["focus"];
     blur: WindowEventMap["blur"];
     clear: WindowEventMap["clear"];

types/DatePicker/DatePickerInput.d.ts

@@ -97,7 +97,8 @@ export default class DatePickerInput extends SvelteComponentTyped<
   {
     input: WindowEventMap["input"];
     keydown: WindowEventMap["keydown"];
+    keyup: WindowEventMap["keyup"];
     blur: WindowEventMap["blur"];
   },
-  {}
+  { labelText: {} }
 > {}

types/FileUploader/FileUploaderButton.d.ts

@@ -77,5 +77,5 @@ export default class FileUploaderButton extends SvelteComponentTyped<
     change: WindowEventMap["change"];
     click: WindowEventMap["click"];
   },
-  {}
+  { labelText: {} }
 > {}

types/FileUploader/FileUploaderDropContainer.d.ts

@@ -76,5 +76,5 @@ export default class FileUploaderDropContainer extends SvelteComponentTyped<
     change: WindowEventMap["change"];
     click: WindowEventMap["click"];
   },
-  {}
+  { labelText: {} }
 > {}

types/MultiSelect/MultiSelect.d.ts

@@ -192,6 +192,7 @@ export default class MultiSelect extends SvelteComponentTyped<
     }>;
     clear: CustomEvent<any>;
     keydown: WindowEventMap["keydown"];
+    keyup: WindowEventMap["keyup"];
     focus: WindowEventMap["focus"];
     blur: WindowEventMap["blur"];
   },

types/RadioButton/RadioButton.d.ts

@@ -61,5 +61,5 @@ export interface RadioButtonProps
 export default class RadioButton extends SvelteComponentTyped<
   RadioButtonProps,
   { change: WindowEventMap["change"] },
-  {}
+  { labelText: {} }
 > {}

types/Search/Search.d.ts

@@ -123,7 +123,8 @@ export default class Search extends SvelteComponentTyped<
     focus: WindowEventMap["focus"];
     blur: WindowEventMap["blur"];
     keydown: WindowEventMap["keydown"];
+    keyup: WindowEventMap["keyup"];
     clear: CustomEvent<any>;
   },
-  {}
+  { labelText: {} }
 > {}

types/Select/Select.d.ts

@@ -100,5 +100,5 @@ export interface SelectProps
 export default class Select extends SvelteComponentTyped<
   SelectProps,
   { change: CustomEvent<string>; blur: WindowEventMap["blur"] },
-  { default: {} }
+  { default: {}; labelText: {} }
 > {}

types/Slider/Slider.d.ts

@@ -115,5 +115,5 @@ export default class Slider extends SvelteComponentTyped<
     mouseleave: WindowEventMap["mouseleave"];
     change: CustomEvent<any>;
   },
-  {}
+  { labelText: {} }
 > {}

types/StructuredList/StructuredList.d.ts

@@ -14,6 +14,18 @@ export interface StructuredListProps
    */
   border?: boolean;
 
+  /**
+   * Set to `true` to use the condensed variant
+   * @default false
+   */
+  condensed?: boolean;
+
+  /**
+   * Set to `true` to flush the list
+   * @default false
+   */
+  flush?: boolean;
+
   /**
    * Set to `true` to use the selection variant
    * @default false

types/TextArea/TextArea.d.ts

@@ -96,8 +96,10 @@ export default class TextArea extends SvelteComponentTyped<
     mouseleave: WindowEventMap["mouseleave"];
     change: WindowEventMap["change"];
     input: WindowEventMap["input"];
+    keydown: WindowEventMap["keydown"];
+    keyup: WindowEventMap["keyup"];
     focus: WindowEventMap["focus"];
     blur: WindowEventMap["blur"];
   },
-  {}
+  { labelText: {} }
 > {}

types/TextInput/PasswordInput.d.ts

@@ -138,8 +138,9 @@ export default class PasswordInput extends SvelteComponentTyped<
     change: WindowEventMap["change"];
     input: WindowEventMap["input"];
     keydown: WindowEventMap["keydown"];
+    keyup: WindowEventMap["keyup"];
     focus: WindowEventMap["focus"];
     blur: WindowEventMap["blur"];
   },
-  {}
+  { labelText: {} }
 > {}

types/TextInput/TextInput.d.ts

@@ -120,8 +120,9 @@ export default class TextInput extends SvelteComponentTyped<
     change: WindowEventMap["change"];
     input: WindowEventMap["input"];
     keydown: WindowEventMap["keydown"];
+    keyup: WindowEventMap["keyup"];
     focus: WindowEventMap["focus"];
     blur: WindowEventMap["blur"];
   },
-  {}
+  { labelText: {} }
 > {}

types/TimePicker/TimePicker.d.ts

@@ -101,8 +101,10 @@ export default class TimePicker extends SvelteComponentTyped<
     mouseleave: WindowEventMap["mouseleave"];
     change: WindowEventMap["change"];
     input: WindowEventMap["input"];
+    keydown: WindowEventMap["keydown"];
+    keyup: WindowEventMap["keyup"];
     focus: WindowEventMap["focus"];
     blur: WindowEventMap["blur"];
   },
-  { default: {} }
+  { default: {}; labelText: {} }
 > {}

types/TimePicker/TimePickerSelect.d.ts

@@ -58,5 +58,5 @@ export default class TimePickerSelect extends SvelteComponentTyped<
     mouseenter: WindowEventMap["mouseenter"];
     mouseleave: WindowEventMap["mouseleave"];
   },
-  { default: {} }
+  { default: {}; labelText: {} }
 > {}

types/Toggle/Toggle.d.ts

@@ -64,5 +64,5 @@ export default class Toggle extends SvelteComponentTyped<
     focus: WindowEventMap["focus"];
     blur: WindowEventMap["blur"];
   },
-  {}
+  { labelText: {} }
 > {}

types/Toggle/ToggleSkeleton.d.ts

@@ -30,5 +30,5 @@ export default class ToggleSkeleton extends SvelteComponentTyped<
     mouseenter: WindowEventMap["mouseenter"];
     mouseleave: WindowEventMap["mouseleave"];
   },
-  {}
+  { labelText: {} }
 > {}

types/UIShell/GlobalHeader/HeaderNavItem.d.ts

@@ -13,6 +13,12 @@ export interface HeaderNavItemProps
    */
   text?: string;
 
+  /**
+   * Set to `true` to select the item
+   * @default false
+   */
+  isSelected?: boolean;
+
   /**
    * Obtain a reference to the HTML anchor element
    * @default null

types/UIShell/SideNav/SideNav.d.ts

@@ -9,6 +9,12 @@ export interface SideNavProps
    */
   fixed?: boolean;
 
+  /**
+   * Set to `true` to use the rail variant
+   * @default false
+   */
+  rail?: boolean;
+
   /**
    * Specify the ARIA label for the nav
    */

types/UIShell/SideNav/SideNavMenuItem.d.ts

@@ -5,6 +5,7 @@ export interface SideNavMenuItemProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> {
   /**
    * Set to `true` to select the item
+   * @default false
    */
   isSelected?: boolean;