@nova-design-system/nova-webcomponents 3.14.0 → 3.15.0

package/dist/types/components/nv-notification/nv-notification.d.ts

@@ -50,8 +50,24 @@ export declare class NvNotification {
      * Controls the visibility of the notification.
      */
     hidden: boolean;
+    /**
+     * When true, the notification will be hidden initially, but internal changes
+     * will not be in a controlled state. Good for animating the notification in.
+     */
+    readonly initiallyHidden: boolean;
     /****************************************************************************/
+    /**
+     * Dismisses the notification with an animation, after the animation is
+     * complete, the hiddenChanged event will be emitted with the value of true,
+     * and the hidden prop will be set to true.
+     */
     dismiss(): Promise<void>;
+    /**
+     * Sets the hidden prop to false, and shows the notification with an
+     * animation, after the animation is complete, the hiddenChanged event will be
+     * emitted with the value of false.
+     */
+    show(): Promise<void>;
     /****************************************************************************/
     /**
      * Emits when the 'hidden' prop changes, reflecting a change in visibility.
@@ -67,6 +83,8 @@ export declare class NvNotification {
     private getAriaLive;
     private getHeadingId;
     private getMessageId;
+    private showAnimation;
+    private getSlideDestination;
     private dismissAnimation;
     /****************************************************************************/
     componentWillLoad(): void;

package/dist/types/components/nv-notificationcontainer/nv-notificationcontainer.d.ts

@@ -0,0 +1,19 @@
+import { NotificationPosition } from '../../utils/constants';
+/**
+ * @deprecated [EXPERIMENTAL]
+ * @experimental - Container for notifications TODO: add animations etc...
+ * @slot default - Child content of the component.
+ */
+export declare class NvNotificationContainer {
+    /****************************************************************************/
+    /**
+     * Position of the notification container on the screen.
+     */
+    readonly position: `${NotificationPosition}`;
+    /****************************************************************************/
+    /****************************************************************************/
+    /****************************************************************************/
+    /****************************************************************************/
+    /****************************************************************************/
+    render(): any;
+}

package/dist/types/components/nv-notificationcontainer/nv-notificationcontainer.docs.d.ts

@@ -0,0 +1,4 @@
+import type { NovaDocs } from '../../nova-docs';
+import { Components } from '../../components';
+declare const NvNotificationcontainerDocs: NovaDocs<Components.NvNotificationcontainer>;
+export default NvNotificationcontainerDocs;

package/dist/types/components.d.ts

@@ -5,13 +5,13 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, GlobalFilterPosition, IconButtonShape, LabelPlacement, LoaderColors, NotificationEmphasis, SemanticSizes, TextInputAutocomplete, ToggleButtonEmphasis, ToggleButtonSize } from "./utils/constants";
+import { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, GlobalFilterPosition, IconButtonShape, LabelPlacement, LoaderColors, NotificationEmphasis, NotificationPosition, SemanticSizes, TextInputAutocomplete, ToggleButtonEmphasis, ToggleButtonSize } from "./utils/constants";
 import { Column } from "./interfaces/Column";
 import { Element } from "./stencil-public-runtime";
 import { IconName } from "./components/nv-icon/nv-icons";
 import { Placement, Strategy } from "@floating-ui/dom";
 import { ColumnConfig } from "./interfaces/ColumnConfig";
-export { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, GlobalFilterPosition, IconButtonShape, LabelPlacement, LoaderColors, NotificationEmphasis, SemanticSizes, TextInputAutocomplete, ToggleButtonEmphasis, ToggleButtonSize } from "./utils/constants";
+export { ButtonEmphasis, ButtonSize, ButtonType, DeprecatedSemanticColors, FeedbackColors, GlobalFilterPosition, IconButtonShape, LabelPlacement, LoaderColors, NotificationEmphasis, NotificationPosition, SemanticSizes, TextInputAutocomplete, ToggleButtonEmphasis, ToggleButtonSize } from "./utils/constants";
 export { Column } from "./interfaces/Column";
 export { Element } from "./stencil-public-runtime";
 export { IconName } from "./components/nv-icon/nv-icons";
@@ -2526,7 +2526,7 @@ export namespace Components {
     }
     interface NvNotification {
         /**
-          * *************************************************************************
+          * Dismisses the notification with an animation, after the animation is complete, the hiddenChanged event will be emitted with the value of true, and the hidden prop will be set to true.
          */
         "dismiss": () => Promise<void>;
         /**
@@ -2553,15 +2553,37 @@ export namespace Components {
           * Icon associated with the notification, defaults vary based on the feedback type.
          */
         "icon": string;
+        /**
+          * When true, the notification will be hidden initially, but internal changes will not be in a controlled state. Good for animating the notification in.
+         */
+        "initiallyHidden": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "initially-hidden"?: boolean;
         /**
           * Main content for the notification. For more complex content, use the content slot instead.
          */
         "message": string;
+        /**
+          * Sets the hidden prop to false, and shows the notification with an animation, after the animation is complete, the hiddenChanged event will be emitted with the value of false.
+         */
+        "show": () => Promise<void>;
         /**
           * Set a unique ID for the notification. Used for aria attributes and managing multiple notifications.
          */
         "uid": string;
     }
+    /**
+     * @deprecated [EXPERIMENTAL]
+     * @experimental - Container for notifications TODO: add animations etc...
+     */
+    interface NvNotificationcontainer {
+        /**
+          * Position of the notification container on the screen.
+         */
+        "position": `${NotificationPosition}`;
+    }
     interface NvPopover {
         /**
           * Disables the automatic flipping of the popover when the trigger element is out of the viewport. The popover will flip automatically by default.
@@ -3600,6 +3622,16 @@ declare global {
         prototype: HTMLNvNotificationElement;
         new (): HTMLNvNotificationElement;
     };
+    /**
+     * @deprecated [EXPERIMENTAL]
+     * @experimental - Container for notifications TODO: add animations etc...
+     */
+    interface HTMLNvNotificationcontainerElement extends Components.NvNotificationcontainer, HTMLStencilElement {
+    }
+    var HTMLNvNotificationcontainerElement: {
+        prototype: HTMLNvNotificationcontainerElement;
+        new (): HTMLNvNotificationcontainerElement;
+    };
     interface HTMLNvPopoverElementEventMap {
         "openChanged": boolean;
     }
@@ -3784,6 +3816,7 @@ declare global {
         "nv-menu": HTMLNvMenuElement;
         "nv-menuitem": HTMLNvMenuitemElement;
         "nv-notification": HTMLNvNotificationElement;
+        "nv-notificationcontainer": HTMLNvNotificationcontainerElement;
         "nv-popover": HTMLNvPopoverElement;
         "nv-row": HTMLNvRowElement;
         "nv-stack": HTMLNvStackElement;
@@ -6487,6 +6520,14 @@ declare namespace LocalJSX {
           * Icon associated with the notification, defaults vary based on the feedback type.
          */
         "icon"?: string;
+        /**
+          * When true, the notification will be hidden initially, but internal changes will not be in a controlled state. Good for animating the notification in.
+         */
+        "initiallyHidden"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "initially-hidden"?: boolean;
         /**
           * Main content for the notification. For more complex content, use the content slot instead.
          */
@@ -6501,6 +6542,16 @@ declare namespace LocalJSX {
          */
         "uid"?: string;
     }
+    /**
+     * @deprecated [EXPERIMENTAL]
+     * @experimental - Container for notifications TODO: add animations etc...
+     */
+    interface NvNotificationcontainer {
+        /**
+          * Position of the notification container on the screen.
+         */
+        "position"?: `${NotificationPosition}`;
+    }
     interface NvPopover {
         /**
           * Disables the automatic flipping of the popover when the trigger element is out of the viewport. The popover will flip automatically by default.
@@ -6871,6 +6922,7 @@ declare namespace LocalJSX {
         "nv-menu": NvMenu;
         "nv-menuitem": NvMenuitem;
         "nv-notification": NvNotification;
+        "nv-notificationcontainer": NvNotificationcontainer;
         "nv-popover": NvPopover;
         "nv-row": NvRow;
         "nv-stack": NvStack;
@@ -6932,6 +6984,11 @@ declare module "@stencil/core" {
             "nv-menu": LocalJSX.NvMenu & JSXBase.HTMLAttributes<HTMLNvMenuElement>;
             "nv-menuitem": LocalJSX.NvMenuitem & JSXBase.HTMLAttributes<HTMLNvMenuitemElement>;
             "nv-notification": LocalJSX.NvNotification & JSXBase.HTMLAttributes<HTMLNvNotificationElement>;
+            /**
+             * @deprecated [EXPERIMENTAL]
+             * @experimental - Container for notifications TODO: add animations etc...
+             */
+            "nv-notificationcontainer": LocalJSX.NvNotificationcontainer & JSXBase.HTMLAttributes<HTMLNvNotificationcontainerElement>;
             "nv-popover": LocalJSX.NvPopover & JSXBase.HTMLAttributes<HTMLNvPopoverElement>;
             "nv-row": LocalJSX.NvRow & JSXBase.HTMLAttributes<HTMLNvRowElement>;
             /**

package/dist/types/utils/constants.d.ts

@@ -1,4 +1,12 @@
 import { WeekAbbreviations } from '../interfaces/localization';
+export declare enum NotificationPosition {
+    TopRight = "top-right",
+    TopLeft = "top-left",
+    TopCenter = "top-center",
+    BottomRight = "bottom-right",
+    BottomLeft = "bottom-left",
+    BottomCenter = "bottom-center"
+}
 export declare enum FeedbackColors {
     Information = "information",
     Warning = "warning",

package/dist/vscode-data.json

@@ -3234,6 +3234,9 @@
             {
               "name": "arrow-up"
             },
+            {
+              "name": "arrows-diagonal"
+            },
             {
               "name": "arrows-exchange"
             },
@@ -3330,6 +3333,21 @@
             {
               "name": "box-multiple"
             },
+            {
+              "name": "brand-facebook"
+            },
+            {
+              "name": "brand-instagram"
+            },
+            {
+              "name": "brand-linkedin"
+            },
+            {
+              "name": "brand-x"
+            },
+            {
+              "name": "brand-youtube"
+            },
             {
               "name": "briefcase"
             },
@@ -3546,6 +3564,15 @@
             {
               "name": "color-swatch"
             },
+            {
+              "name": "columns-1"
+            },
+            {
+              "name": "columns-2"
+            },
+            {
+              "name": "columns-3"
+            },
             {
               "name": "compass"
             },
@@ -4557,9 +4584,6 @@
             {
               "name": "volume"
             },
-            {
-              "name": "wallet"
-            },
             {
               "name": "wand"
             },
@@ -4578,12 +4602,18 @@
             {
               "name": "wind-direction"
             },
+            {
+              "name": "wind"
+            },
             {
               "name": "windmill"
             },
             {
               "name": "wood"
             },
+            {
+              "name": "world-code"
+            },
             {
               "name": "world"
             },
@@ -4668,6 +4698,10 @@
           "name": "icon",
           "description": "Icon associated with the notification, defaults vary based on the feedback\ntype."
         },
+        {
+          "name": "initially-hidden",
+          "description": "When true, the notification will be hidden initially, but internal changes\nwill not be in a controlled state. Good for animating the notification in."
+        },
         {
           "name": "message",
           "description": "Main content for the notification. For more complex content, use the\ncontent slot instead."
@@ -4678,6 +4712,39 @@
         }
       ]
     },
+    {
+      "name": "nv-notificationcontainer",
+      "description": {
+        "kind": "markdown",
+        "value": "This component is the container for the notifications.  Each framework has its own implementation of the providers."
+      },
+      "attributes": [
+        {
+          "name": "position",
+          "description": "Position of the notification container on the screen.",
+          "values": [
+            {
+              "name": "bottom-center"
+            },
+            {
+              "name": "bottom-left"
+            },
+            {
+              "name": "bottom-right"
+            },
+            {
+              "name": "top-center"
+            },
+            {
+              "name": "top-left"
+            },
+            {
+              "name": "top-right"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "nv-popover",
       "description": {