@db-ux/wc-core-components 4.9.0 → 4.10.0

package/dist/types/components/tab-panel/tab-panel.d.ts

@@ -4,6 +4,7 @@ import { DBTabPanelProps } from "./model";
 
  */
 export declare class DBTabPanel {
+    rootElement: HTMLElement;
     private _ref;
     className: DBTabPanelProps["className"];
     id: DBTabPanelProps["id"];

package/dist/types/components/tabs/model.d.ts

@@ -1,6 +1,6 @@
-import { AlignmentProps, GlobalProps, InitializedState, InputEvent, OrientationProps, WidthProps } from '../../shared/model';
-import { DBTabItemProps } from '../tab-item/model';
-import { DBTabPanelProps } from '../tab-panel/model';
+import type { AlignmentProps, GlobalProps, InitializedState, InputEvent, OrientationProps, WidthProps } from '../../shared/model';
+import type { DBTabItemProps } from '../tab-item/model';
+import type { DBTabPanelProps } from '../tab-panel/model';
 export declare const TabsBehaviorList: readonly ["scrollbar", "arrows"];
 export type TabsBehaviorType = (typeof TabsBehaviorList)[number];
 export declare const TabsInitialSelectedModeList: readonly ["auto", "manually"];

package/dist/types/components/tabs/tabs.d.ts

@@ -6,6 +6,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 
  */
 export declare class DBTabs {
+    rootElement: HTMLElement;
     private _ref;
     name: DBTabsProps["name"];
     tabs: DBTabsProps["tabs"];

package/dist/types/components/tag/model.d.ts

@@ -1,4 +1,4 @@
-import { ClickEvent, ContentSlotProps, EmphasisProps, GlobalProps, GlobalState, IconProps, NoTextProps, OverflowProps, SemanticProps, ShowIconProps } from '../../shared/model';
+import type { ClickEvent, ContentSlotProps, EmphasisProps, GlobalProps, GlobalState, IconProps, NoTextProps, OverflowProps, SemanticProps, ShowIconProps } from '../../shared/model';
 export declare const TagBehaviorList: readonly ["static", "removable"];
 export type TagBehaviorType = (typeof TagBehaviorList)[number];
 export type DBTagEventsProps = {

package/dist/types/components/tag/tag.d.ts

@@ -6,6 +6,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
  * @slot content - TODO: Add description for slotContent
  */
 export declare class DBTag {
+    rootElement: HTMLElement;
     private _ref;
     remove: EventEmitter<Parameters<Required<DBTagProps>["remove"]>[number]> | void;
     removeButton: DBTagProps["removeButton"];

package/dist/types/components/textarea/model.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, InputEventProps, InputEventState } from '../../shared/model';
+import type { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, InputEventProps, InputEventState } from '../../shared/model';
 export declare const TextareaResizeList: readonly ["none", "both", "horizontal", "vertical"];
 export type TextareaResizeType = (typeof TextareaResizeList)[number];
 export declare const TextareaWrapList: readonly ["hard", "soft", "off"];

package/dist/types/components/textarea/textarea.d.ts

@@ -6,6 +6,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 
  */
 export declare class DBTextarea {
+    rootElement: HTMLTextAreaElement;
     private _ref;
     invalidMessage: DBTextareaProps["invalidMessage"];
     id: DBTextareaProps["id"];

package/dist/types/components/tooltip/model.d.ts

@@ -1,4 +1,4 @@
-import { ClickEventState, DocumentScrollState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState, ResetIdState, TextProps, WrapProps } from '../../shared/model';
+import type { ClickEventState, DocumentScrollState, EmphasisProps, GlobalProps, GlobalState, InitializedState, PlacementProps, PopoverProps, PopoverState, ResetIdState, TextProps, WrapProps } from '../../shared/model';
 export declare const TooltipVariantList: readonly ["description", "label"];
 export type TooltipVariantType = (typeof TooltipVariantList)[number];
 export type DBTooltipDefaultProps = {

package/dist/types/components/tooltip/tooltip.d.ts

@@ -5,6 +5,7 @@ import { DBTooltipProps } from "./model";
 
  */
 export declare class DBTooltip {
+    rootElement: HTMLElement;
     private _ref;
     id: DBTooltipProps["id"];
     propOverrides: DBTooltipProps["propOverrides"];

package/dist/types/components.d.ts

@@ -97,6 +97,7 @@ export namespace Components {
         "headlinePlain": DBAccordionItemProps["headlinePlain"];
         "id": DBAccordionItemProps["id"];
         "name": DBAccordionItemProps["name"];
+        "open": DBAccordionItemProps["open"];
         "propOverrides": DBAccordionItemProps["propOverrides"];
         "text": DBAccordionItemProps["text"];
     }
@@ -419,6 +420,7 @@ export namespace Components {
         "backButtonText": DBNavigationItemProps["backButtonText"];
         "className": DBNavigationItemProps["className"];
         "disabled": DBNavigationItemProps["disabled"];
+        "hideSubNavigation": DBNavigationItemProps["hideSubNavigation"];
         "icon": DBNavigationItemProps["icon"];
         "id": DBNavigationItemProps["id"];
         "propOverrides": DBNavigationItemProps["propOverrides"];
@@ -1237,6 +1239,7 @@ declare namespace LocalJSX {
         "id"?: DBAccordionItemProps["id"];
         "name"?: DBAccordionItemProps["name"];
         "onToggle"?: (event: DbAccordionItemCustomEvent<any>) => void;
+        "open"?: DBAccordionItemProps["open"];
         "propOverrides"?: DBAccordionItemProps["propOverrides"];
         "text"?: DBAccordionItemProps["text"];
     }
@@ -1575,6 +1578,7 @@ declare namespace LocalJSX {
         "backButtonText"?: DBNavigationItemProps["backButtonText"];
         "className"?: DBNavigationItemProps["className"];
         "disabled"?: DBNavigationItemProps["disabled"];
+        "hideSubNavigation"?: DBNavigationItemProps["hideSubNavigation"];
         "icon"?: DBNavigationItemProps["icon"];
         "id"?: DBNavigationItemProps["id"];
         "onClick"?: (event: DbNavigationItemCustomEvent<any>) => void;
@@ -1853,6 +1857,7 @@ declare namespace LocalJSX {
     interface DbAccordionItemAttributes {
         "defaultOpen": DBAccordionItemProps["defaultOpen"];
         "name": DBAccordionItemProps["name"];
+        "open": string;
         "id": DBAccordionItemProps["id"];
         "className": DBAccordionItemProps["className"];
         "disabled": string;
@@ -2044,9 +2049,9 @@ declare namespace LocalJSX {
         "className": DBHeaderProps["className"];
         "id": DBHeaderProps["id"];
         "width": DBHeaderProps["width"];
+        "burgerMenuLabel": DBHeaderProps["burgerMenuLabel"];
         "closeButtonId": DBHeaderProps["closeButtonId"];
         "closeButtonText": DBHeaderProps["closeButtonText"];
-        "burgerMenuLabel": DBHeaderProps["burgerMenuLabel"];
     }
     interface DbIconAttributes {
         "id": DBIconProps["id"];
@@ -2148,6 +2153,7 @@ declare namespace LocalJSX {
         "active": DBNavigationItemProps["active"];
         "wrap": string;
         "disabled": string;
+        "hideSubNavigation": string;
         "text": DBNavigationItemProps["text"];
         "backButtonId": DBNavigationItemProps["backButtonId"];
         "backButtonText": DBNavigationItemProps["backButtonText"];

package/dist/types/shared/figma.d.ts

@@ -12,6 +12,12 @@ export type FigmaEnumProp = {
     key: string;
     /** Map of Figma variant value → code value. Values can be strings, booleans, numbers, or instance swaps. */
     value: Record<string, string | boolean | number | FigmaInstanceProp>;
+    /**
+     * Optional Figma boolean property key that guards this prop.
+     * When set, the resolved value is only emitted if getPropertyValue(guardKey) === 'True'.
+     * Useful for icon swaps that are only present when a show-flag is enabled.
+     */
+    guardKey?: string;
 };
 /** A simple scalar prop. */
 export type FigmaSimpleProp = {
@@ -86,19 +92,19 @@ export type FigmaConnectedInstancesProp = {
  */
 export type FigmaNestedConnectedInstancesProp = {
     type: 'nestedConnectedInstances';
-    /** Import string to filter by (e.g. 'DBAccordionItem'). Only instances whose template nestedImports contain this string are included. */
-    filter: string;
+    /** Import string to filter by (e.g. 'DBAccordionItem'). Only instances whose template nestedImports contain this string are included. When omitted, all connected instances are included. */
+    filter?: string;
 };
 /**
- * Wraps an iconSwap prop so it is only rendered when a boolean guard prop is true.
- * Generates: let icon = ''; if (showIconLeading) { icon = `\n\t\ticon="${iconLeading}"` }
+ * Wraps an iconSwap prop so it is only rendered when a boolean Figma property is enabled.
+ * Generates: let icon = ''; if (getPropertyValue(guardKey) === true || getPropertyValue(guardKey) === 'True') { icon = `\n\t\ticon="${iconLeading}"` }
  */
 export type FigmaConditionalProp = {
     type: 'conditionalProp';
     /** The Figma property key of the icon instance swap. */
     key: string;
-    /** The prop name of the boolean guard (e.g. 'showIconLeading'). */
-    guardProp: string;
+    /** The Figma boolean property key that guards this prop (e.g. 'Show Icon Leading'). */
+    guardKey: string;
     /** The attribute name to render (e.g. 'icon'). */
     attrName: string;
 };

package/dist/vscode.html-custom-data.json

@@ -16,6 +16,11 @@
           "description": "The name attribute gives the name of the element to group it.",
           "values": []
         },
+        {
+          "name": "open",
+          "description": "State for the accordion item",
+          "values": []
+        },
         {
           "name": "id",
           "values": [{ "name": "DBAccordionItemProps[\"id\"]" }]
@@ -1556,7 +1561,7 @@
     },
     {
       "name": "db-header",
-      "description": "\n---\n\n\n### **Events:**\n - **toggle**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **metaNavigation** - Slot to pass in a meta navigation.\n- Desktop: Above the regular header\n- Mobile: Inside the drawer\n- **secondaryAction** - Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\n- Desktop: Shown separated by divider at the end of the header\n- Mobile: Shown inside the drawer at the bottom.\n- **brand** - Slot to pass in the DBBrand component\n- **primaryAction** - Slot to pass one or more elements like DBButton (e.g. search) as primary action.\n- Desktop: Shown next to the main-navigation\n- Mobile: Shown next to the brand",
+      "description": "\n---\n\n\n### **Events:**\n - **toggle**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **metaNavigation** - Slot to pass in a meta navigation.\n- Desktop: Above the regular header\n- Mobile: Inside the drawer\n- **brand** - Slot to pass in the DBBrand component\n- **primaryAction** - Slot to pass one or more elements like DBButton (e.g. search) as primary action.\n- Desktop: Shown next to the main-navigation\n- Mobile: Shown next to the brand\n- **secondaryAction** - Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\n- Desktop: Shown separated by divider at the end of the header\n- Mobile: Shown inside the drawer at the bottom.",
       "attributes": [
         {
           "name": "force-mobile",
@@ -1587,6 +1592,11 @@
             { "name": "small" }
           ]
         },
+        {
+          "name": "burger-menu-label",
+          "description": "This attribute sets the label for the burger menu button for mobile headers.",
+          "values": []
+        },
         {
           "name": "close-button-id",
           "description": "The closeButtonId attribute changes the id inside the close button.",
@@ -1596,11 +1606,6 @@
           "name": "close-button-text",
           "description": "The closeButtonText attribute changes the text inside the close button.",
           "values": []
-        },
-        {
-          "name": "burger-menu-label",
-          "description": "This attribute sets the label for the burger menu button for mobile headers.",
-          "values": []
         }
       ],
       "references": []
@@ -1823,6 +1828,11 @@
           "description": "The disabled attribute can be set to [keep a user from clicking on the item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).",
           "values": []
         },
+        {
+          "name": "hide-sub-navigation",
+          "description": "Force hide sub-navigation - for web component output",
+          "values": []
+        },
         {
           "name": "text",
           "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",