@ukic/canary-web-components 3.0.0-canary.33 → 3.0.0-canary.35

package/dist/types/components/ic-time-input/ic-time-input.d.ts

@@ -1,5 +1,14 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IcAriaLive, IcDateValueFormat, IcDisableTimeSelection, IcInformationStatusOrEmpty, IcSizes, IcThemeMode, IcTimeFormat } from "../../utils/types";
+import "../../../../web-components/src/components/ic-input-container/ic-input-container";
+import "../../../../web-components/src/components/ic-input-component-container/ic-input-component-container";
+import "../../../../web-components/src/components/ic-input-label/ic-input-label";
+import "../../../../web-components/src/components/ic-toggle-button-group/ic-toggle-button-group";
+import "../../../../web-components/src/components/ic-toggle-button/ic-toggle-button";
+import "../../../../web-components/src/components/ic-input-validation/ic-input-validation";
+import "../../../../web-components/src/components/ic-button/ic-button";
+import "../../../../web-components/src/components/ic-typography/ic-typography";
+import "../../../../web-components/src/components/ic-link/ic-link";
 /**
  * @slot helper-text - Content is set as the helper text for the time input.
  */
@@ -64,7 +73,7 @@ export declare class TimeInput {
     disabled: boolean;
     watchDisabledHandler(): void;
     /**
-     * An array of times that will be disabled in the time input. The times can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.
+     * An array of objects with start and end values that will be disabled in the time input. The times can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.
      */
     disableTimes: IcDisableTimeSelection[];
     /**

package/dist/types/components/ic-time-selector/ic-time-selector.d.ts

@@ -1,10 +1,10 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcDisableTimeSelection, IcSizes, IcThemeMode, IcTimeFormatSelector } from "../../utils/types";
+import { IcDisableTimeSelection, IcSizes, IcThemeMode } from "../../utils/types";
 import { IcTimePeriods } from "./ic-time-selector.types";
+import "../../../../web-components/src/components/ic-typography/ic-typography";
+import "../../../../web-components/src/components/ic-button/ic-button";
 export declare class TimeSelector {
-    private DEFAULT_TIME_FORMAT;
     private minutes;
-    private seconds;
     private periods;
     private minTime;
     private maxTime;
@@ -13,11 +13,10 @@ export declare class TimeSelector {
     el: HTMLIcTimeSelectorElement;
     selectedHour?: number;
     selectedMinute?: number;
-    selectedSecond?: number;
     selectedPeriod?: IcTimePeriods;
     ariaLiveMessage: string;
     /**
-     * An array of times that will be disabled in the time selector. The times can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.
+     * An array of objects with start and end values that will be disabled in the time selector. The times can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.
      */
     disableTimes: IcDisableTimeSelection[];
     /**
@@ -38,10 +37,6 @@ export declare class TimeSelector {
      * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
      */
     theme?: IcThemeMode;
-    /**
-     * The format in which the time will be displayed.
-     */
-    timeFormat: IcTimeFormatSelector;
     /**
      * The time period format: "12" for 12-hour, "24" for 24-hour. Defaults to "24".
      */
@@ -60,7 +55,6 @@ export declare class TimeSelector {
         timeObject: {
             hour: string | null;
             minute: string | null;
-            second: string | null;
             period?: IcTimePeriods;
         };
     }>;

package/dist/types/components/ic-time-selector/ic-time-selector.stories.d.ts

@@ -54,46 +54,81 @@ export namespace DefaultValue12Hour {
     let name_7: string;
     export { name_7 as name };
 }
-export namespace TimeFormat {
+export namespace MinTime {
     export function render_8(): import("lit-html").TemplateResult<1>;
     export { render_8 as render };
     let name_8: string;
     export { name_8 as name };
 }
-export namespace DefaultValueTimeFormat {
+export namespace MaxTime {
     export function render_9(): import("lit-html").TemplateResult<1>;
     export { render_9 as render };
     let name_9: string;
     export { name_9 as name };
 }
-export namespace MinTime {
+export namespace DisableTimes {
     export function render_10(): import("lit-html").TemplateResult<1>;
     export { render_10 as render };
     let name_10: string;
     export { name_10 as name };
 }
-export namespace MaxTime {
+export namespace Small {
     export function render_11(): import("lit-html").TemplateResult<1>;
     export { render_11 as render };
     let name_11: string;
     export { name_11 as name };
 }
-export namespace DisableTimes {
+export namespace Large {
     export function render_12(): import("lit-html").TemplateResult<1>;
     export { render_12 as render };
     let name_12: string;
     export { name_12 as name };
 }
-export namespace Small {
-    export function render_13(): import("lit-html").TemplateResult<1>;
+export namespace Playground {
+    export function render_13(args: any): import("lit-html").TemplateResult<1>;
     export { render_13 as render };
+    export { defaultArgs as args };
+    export namespace argTypes {
+        namespace size {
+            let options: string[];
+            namespace control {
+                export { INLINE_RADIO as type };
+            }
+        }
+        namespace theme {
+            let options_1: string[];
+            export { options_1 as options };
+            export namespace control_1 {
+                export { INLINE_RADIO as type };
+            }
+            export { control_1 as control };
+        }
+        namespace timePeriod {
+            let options_2: string[];
+            export { options_2 as options };
+            export namespace control_2 {
+                export { INLINE_RADIO as type };
+            }
+            export { control_2 as control };
+        }
+    }
     let name_13: string;
     export { name_13 as name };
 }
-export namespace Large {
-    export function render_14(): import("lit-html").TemplateResult<1>;
-    export { render_14 as render };
-    let name_14: string;
-    export { name_14 as name };
-}
 import readme from "./readme.md";
+declare namespace defaultArgs {
+    export let disableTimes: {
+        start: string;
+        end: string;
+    }[];
+    export let max: string;
+    export let min: string;
+    let size_1: string;
+    export { size_1 as size };
+    let theme_1: string;
+    export { theme_1 as theme };
+    let timePeriod_1: string;
+    export { timePeriod_1 as timePeriod };
+    export let value: string;
+}
+declare const INLINE_RADIO: "inline-radio";

package/dist/types/components/ic-tree-item/ic-tree-item.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IcSizes, IcThemeMode } from "../../utils/types";
+import "../../../../web-components/src/components/ic-typography/ic-typography";
 /**
  * @slot label - Content is set as the tree item label.
  * @slot icon - Content is placed to the left of the label.

package/dist/types/components/ic-tree-view/ic-tree-view.d.ts

@@ -1,5 +1,7 @@
 import { IcSizes, IcThemeMode } from "../../utils/types";
 import { IcTreeItemOptions } from "./ic-tree-view.types";
+import "../../../../web-components/src/components/ic-typography/ic-typography";
+import "../../../../web-components/src/components/ic-skip-link/ic-skip-link";
 /**
  * @slot heading - Content is set as the tree view heading.
  * @slot icon - Content is placed to the left of the heading.

package/dist/types/components/ic-tree-view/ic-tree-view.stories.d.ts

@@ -42,129 +42,135 @@ export namespace SlottedCustomIds {
     let name_5: string;
     export { name_5 as name };
 }
-export namespace WithIcons {
+export namespace CustomID {
     export function render_6(): import("lit-html").TemplateResult<1>;
     export { render_6 as render };
     let name_6: string;
     export { name_6 as name };
 }
-export namespace WithIconsSlotted {
+export namespace WithIcons {
     export function render_7(): import("lit-html").TemplateResult<1>;
     export { render_7 as render };
     let name_7: string;
     export { name_7 as name };
 }
-export namespace Small {
+export namespace WithIconsSlotted {
     export function render_8(): import("lit-html").TemplateResult<1>;
     export { render_8 as render };
     let name_8: string;
     export { name_8 as name };
 }
-export namespace SmallSlotted {
+export namespace Small {
     export function render_9(): import("lit-html").TemplateResult<1>;
     export { render_9 as render };
     let name_9: string;
     export { name_9 as name };
 }
-export namespace Large {
+export namespace SmallSlotted {
     export function render_10(): import("lit-html").TemplateResult<1>;
     export { render_10 as render };
     let name_10: string;
     export { name_10 as name };
 }
-export namespace LargeSlotted {
+export namespace Large {
     export function render_11(): import("lit-html").TemplateResult<1>;
     export { render_11 as render };
     let name_11: string;
     export { name_11 as name };
 }
-export namespace DisabledTreeItems {
+export namespace LargeSlotted {
     export function render_12(): import("lit-html").TemplateResult<1>;
     export { render_12 as render };
     let name_12: string;
     export { name_12 as name };
 }
-export namespace DisabledTreeItemsSlotted {
+export namespace DisabledTreeItems {
     export function render_13(): import("lit-html").TemplateResult<1>;
     export { render_13 as render };
     let name_13: string;
     export { name_13 as name };
 }
-export namespace RouterItem {
+export namespace DisabledTreeItemsSlotted {
     export function render_14(): import("lit-html").TemplateResult<1>;
     export { render_14 as render };
     let name_14: string;
     export { name_14 as name };
 }
-export namespace SlottedContent {
+export namespace RouterItem {
     export function render_15(): import("lit-html").TemplateResult<1>;
     export { render_15 as render };
     let name_15: string;
     export { name_15 as name };
 }
-export namespace MaxContent {
+export namespace SlottedContent {
     export function render_16(): import("lit-html").TemplateResult<1>;
     export { render_16 as render };
     let name_16: string;
     export { name_16 as name };
 }
-export namespace MaxContentSlotted {
+export namespace MaxContent {
     export function render_17(): import("lit-html").TemplateResult<1>;
     export { render_17 as render };
     let name_17: string;
     export { name_17 as name };
 }
-export namespace TruncationBehaviour {
+export namespace MaxContentSlotted {
     export function render_18(): import("lit-html").TemplateResult<1>;
     export { render_18 as render };
     let name_18: string;
     export { name_18 as name };
 }
-export namespace TruncationBehaviourSlotted {
+export namespace TruncationBehaviour {
     export function render_19(): import("lit-html").TemplateResult<1>;
     export { render_19 as render };
     let name_19: string;
     export { name_19 as name };
 }
-export namespace SelectedTreeItem {
+export namespace TruncationBehaviourSlotted {
     export function render_20(): import("lit-html").TemplateResult<1>;
     export { render_20 as render };
     let name_20: string;
     export { name_20 as name };
 }
-export namespace SelectedTreeItemSlotted {
+export namespace SelectedTreeItem {
     export function render_21(): import("lit-html").TemplateResult<1>;
     export { render_21 as render };
     let name_21: string;
     export { name_21 as name };
 }
-export namespace Link {
+export namespace SelectedTreeItemSlotted {
     export function render_22(): import("lit-html").TemplateResult<1>;
     export { render_22 as render };
     let name_22: string;
     export { name_22 as name };
 }
-export namespace LinkSlotted {
+export namespace Link {
     export function render_23(): import("lit-html").TemplateResult<1>;
     export { render_23 as render };
     let name_23: string;
     export { name_23 as name };
 }
-export namespace Expanded {
+export namespace LinkSlotted {
     export function render_24(): import("lit-html").TemplateResult<1>;
     export { render_24 as render };
     let name_24: string;
     export { name_24 as name };
 }
-export namespace ExpandedSlotted {
+export namespace Expanded {
     export function render_25(): import("lit-html").TemplateResult<1>;
     export { render_25 as render };
     let name_25: string;
     export { name_25 as name };
 }
-export namespace WithNestedSkipLink {
+export namespace ExpandedSlotted {
     export function render_26(): import("lit-html").TemplateResult<1>;
     export { render_26 as render };
     let name_26: string;
     export { name_26 as name };
 }
+export namespace WithNestedSkipLink {
+    export function render_27(): import("lit-html").TemplateResult<1>;
+    export { render_27 as render };
+    let name_27: string;
+    export { name_27 as name };
+}