@warp-ds/elements 2.4.0-next.5 → 2.4.0-next.6

package/dist/custom-elements.json

@@ -7004,6 +7004,70 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "packages/tabs/tab-panel.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Tab panel component that holds content for individual tabs.\nEach tab panel should have a name that matches a corresponding tab.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
+          "name": "WarpTabPanel",
+          "members": [
+            {
+              "kind": "field",
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "hidden",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "_syncA11yAttributes",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "hidden"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-tab-panel",
+          "customElement": true,
+          "modulePath": "packages/tabs/tab-panel.ts",
+          "definitionPath": "packages/tabs/tab-panel.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpTabPanel",
+          "declaration": {
+            "name": "WarpTabPanel",
+            "module": "packages/tabs/tab-panel.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-tab-panel",
+          "declaration": {
+            "name": "WarpTabPanel",
+            "module": "packages/tabs/tab-panel.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/tabs/tabs.ts",
@@ -7184,6 +7248,37 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "packages/tabs/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpTab",
+          "declaration": {
+            "name": "WarpTab",
+            "module": "./tab.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpTabPanel",
+          "declaration": {
+            "name": "WarpTabPanel",
+            "module": "./tab-panel.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpTabs",
+          "declaration": {
+            "name": "WarpTabs",
+            "module": "./tabs.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/textarea/textarea.ts",

package/dist/index.d.ts

@@ -30,6 +30,7 @@ import type { WarpSliderThumb } from "./packages/slider/slider-thumb.ts";
 import type { WarpSlider } from "./packages/slider/slider.ts";
 import type { WarpStepIndicator, WarpStep } from "./packages/stepindicator/index.ts";
 import type { WarpTab } from "./packages/tabs/tab.ts";
+import type { WarpTabPanel } from "./packages/tabs/tab-panel.ts";
 import type { WarpTabs } from "./packages/tabs/tabs.ts";
 import type { WarpTextarea } from "./packages/textarea/textarea.ts";
 
@@ -925,6 +926,14 @@ export type WarpTabProps = {
 }
 
 
+export type WarpTabPanelProps = {
+  /**  */
+  "hidden"?: WarpTabPanel['hidden'];
+
+
+}
+
+
 export type WarpTabsProps = {
   /**  */
   "active"?: WarpTabs['active'];
@@ -1873,6 +1882,21 @@ export type WarpTextareaProps = {
     "w-tab": Partial<WarpTabProps & BaseProps<WarpTab> & BaseEvents>;
 
 
+  /**
+     * Tab panel component that holds content for individual tabs.
+ * Each tab panel should have a name that matches a corresponding tab.
+ * 
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `hidden`: undefined 
+  */
+    "w-tab-panel": Partial<WarpTabPanelProps & BaseProps<WarpTabPanel> & BaseEvents>;
+
+
   /**
      * Tabs are used to organize content by grouping similar information on the same page.
  *