Align v10.34 (#621)

* feat(theme): add g80 theme

* docs(data-table): use link with icon variant

* feat(search): support expandable variant

* fix(file-uploaded): use semantic p element instead of strong

* feat(side-nav): dispatch open, close, click:overlay events

* refactor(ui-shell): remove usage of deprecated Icon component

* feat(ui-shell): allow custom hamburger menu icons

* feat(button): support xl size

* fix(code-snippet): wrap code element with pre

* refactor(button): use button specific tooltip class for icon-only variant

* feat(password-input): support warning, inline props

* feat(data-table): support medium size

types/Button/Button.d.ts

@@ -24,7 +24,7 @@ export interface ButtonProps
    * Specify the size of button
    * @default "default"
    */
-  size?: "default" | "field" | "small";
+  size?: "default" | "field" | "small" | "xl";
 
   /**
    * Set to `true` to enable the selected state for an icon-only, ghost button

types/DataTable/DataTable.d.ts

@@ -54,7 +54,7 @@ export interface DataTableProps
   /**
    * Set the size of the data table
    */
-  size?: "compact" | "short" | "tall";
+  size?: "compact" | "short" | "medium" | "tall";
 
   /**
    * Specify the title of the data table

types/DataTable/Table.d.ts

@@ -6,7 +6,7 @@ export interface TableProps
   /**
    * Set the size of the table
    */
-  size?: "compact" | "short" | "tall";
+  size?: "compact" | "short" | "medium" | "tall";
 
   /**
    * Set to `true` to use zebra styles

types/Search/Search.d.ts

@@ -37,6 +37,18 @@ export interface SearchProps {
    */
   disabled?: boolean;
 
+  /**
+   * Set to `true` to enable the expandable variant
+   * @default false
+   */
+  expandable?: boolean;
+
+  /**
+   * Set to `true to expand the search input
+   * @default false
+   */
+  expanded?: boolean;
+
   /**
    * Specify the value of the search input
    * @default ""
@@ -95,6 +107,8 @@ export interface SearchProps {
 export default class Search extends SvelteComponentTyped<
   SearchProps,
   {
+    expand: CustomEvent<any>;
+    collapse: CustomEvent<any>;
     click: WindowEventMap["click"];
     mouseover: WindowEventMap["mouseover"];
     mouseenter: WindowEventMap["mouseenter"];

types/TextInput/PasswordInput.d.ts

@@ -92,6 +92,24 @@ export interface PasswordInputProps
    */
   invalidText?: string;
 
+  /**
+   * Set to `true` to indicate an warning state
+   * @default false
+   */
+  warn?: boolean;
+
+  /**
+   * Specify the warning state text
+   * @default ""
+   */
+  warnText?: string;
+
+  /**
+   * Set to `true` to use inline version
+   * @default false
+   */
+  inline?: boolean;
+
   /**
    * Set an id for the input element
    * @default "ccs-" + Math.random().toString(36)

types/UIShell/GlobalHeader/Header.d.ts

@@ -48,6 +48,18 @@ export interface HeaderProps
    * @default null
    */
   ref?: null | HTMLAnchorElement;
+
+  /**
+   * Specify the icon from `carbon-icons-svelte` to render for the closed state
+   * Defaults to `Menu20`
+   */
+  iconMenu?: typeof import("carbon-icons-svelte").CarbonIcon;
+
+  /**
+   * Specify the icon from `carbon-icons-svelte` to render for the opened state
+   * Defaults to `Close20`
+   */
+  iconClose?: typeof import("carbon-icons-svelte").CarbonIcon;
 }
 
 export default class Header extends SvelteComponentTyped<

types/UIShell/SideNav/SideNav.d.ts

@@ -23,6 +23,10 @@ export interface SideNavProps
 
 export default class SideNav extends SvelteComponentTyped<
   SideNavProps,
-  {},
+  {
+    open: CustomEvent<any>;
+    close: CustomEvent<any>;
+    ["click:overlay"]: CustomEvent<any>;
+  },
   { default: {} }
 > {}