@genesislcap/foundation-ui 14.403.0 → 14.405.0

package/dist/custom-elements.json

@@ -1287,37 +1287,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./values"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/accordion-item/accordion-item.styles.ts",
@@ -1712,188 +1681,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAccordionStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAccordionStyles",
-          "declaration": {
-            "name": "foundationAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAccordionTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Accordion>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAccordionTemplate",
-          "declaration": {
-            "name": "foundationAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Accordion",
-          "superclass": {
-            "name": "FASTAccordion",
-            "package": "@microsoft/fast-foundation"
-          },
-          "tagName": "%%prefix%%-accordion",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordionShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultAccordionConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAccordion",
-          "description": "The Foundation Accordion",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Accordion",
-          "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordionShadowOptions",
-          "declaration": {
-            "name": "foundationAccordionShadowOptions",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultAccordionConfig",
-          "declaration": {
-            "name": "defaultAccordionConfig",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAccordion",
-          "declaration": {
-            "name": "foundationAccordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/actions-menu/actions-menu.styles.ts",
@@ -2453,6 +2240,37 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tokens"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./values"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/ai-criteria-search/ai-criteria-search.styles.ts",
@@ -3433,6 +3251,188 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAccordionStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionStyles",
+          "declaration": {
+            "name": "foundationAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAccordionTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Accordion>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAccordionTemplate",
+          "declaration": {
+            "name": "foundationAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Accordion",
+          "superclass": {
+            "name": "FASTAccordion",
+            "package": "@microsoft/fast-foundation"
+          },
+          "tagName": "%%prefix%%-accordion",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordionShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultAccordionConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAccordion",
+          "description": "The Foundation Accordion",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Accordion",
+          "declaration": {
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordionShadowOptions",
+          "declaration": {
+            "name": "foundationAccordionShadowOptions",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultAccordionConfig",
+          "declaration": {
+            "name": "defaultAccordionConfig",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAccordion",
+          "declaration": {
+            "name": "foundationAccordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/anchor/anchor.styles.ts",
@@ -48323,6 +48323,16 @@
           "description": "",
           "name": "Tabs",
           "members": [
+            {
+              "kind": "field",
+              "name": "scrollable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the tab list becomes horizontally scrollable when its\ncontents exceed the width of the container.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "currentTabIndex",
@@ -48789,50 +48799,50 @@
               }
             }
           ],
-          "superclass": {
-            "name": "FASTTabs",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-tabs",
-          "customElement": true,
           "attributes": [
             {
-              "name": "orientation",
               "type": {
-                "text": "TabsOrientation"
+                "text": "boolean"
               },
-              "description": "The orientation",
-              "fieldName": "orientation",
+              "default": "false",
+              "description": "When true, the tab list becomes horizontally scrollable when its\ncontents exceed the width of the container.",
+              "fieldName": "scrollable",
               "inheritedFrom": {
                 "name": "Tabs",
                 "module": "src/tabs/tabs.ts"
               }
             },
             {
-              "name": "activeid",
+              "name": "orientation",
               "type": {
-                "text": "string"
+                "text": "TabsOrientation"
               },
-              "description": "The id of the active tab",
-              "fieldName": "activeid",
+              "description": "The orientation",
+              "fieldName": "orientation",
               "inheritedFrom": {
                 "name": "Tabs",
                 "module": "src/tabs/tabs.ts"
               }
             },
             {
+              "name": "activeid",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "description": "Whether or not to show the active indicator",
-              "fieldName": "activeindicator",
+              "description": "The id of the active tab",
+              "fieldName": "activeid",
               "inheritedFrom": {
                 "name": "Tabs",
                 "module": "src/tabs/tabs.ts"
               }
             }
           ],
+          "superclass": {
+            "name": "FASTTabs",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-tabs",
+          "customElement": true,
           "events": [
             {
               "description": "Fires a custom 'change' event when a tab is clicked or during keyboard navigation",

package/dist/dts/tabs/tabs.d.ts

@@ -3,6 +3,13 @@ import { Tabs as FASTTabs } from '@microsoft/fast-components';
  * @tagname %%prefix%%-tabs
  */
 export declare class Tabs extends FASTTabs {
+    /**
+     * When true, the tab list becomes horizontally scrollable when its
+     * contents exceed the width of the container.
+     *
+     * @public
+     */
+    scrollable: boolean;
     /**
      * A zero-index number representing the active tab
      *

package/dist/dts/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAI9D;;GAEG;AACH,qBAAa,IAAK,SAAQ,QAAQ;IAChC;;;;;OAKG;IACH,IAAI,eAAe,IAAI,MAAM,GAAG,SAAS,CAGxC;CACF;AAGD,eAAO,MAAM,2BAA2B,EAAE,cAA0B,CAAC;AAErE,eAAO,MAAM,iBAAiB,IAAK,CAAC;AAEpC;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,oTAMzB,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAK9D;;GAEG;AACH,qBAAa,IAAK,SAAQ,QAAQ;IAChC;;;;;OAKG;IACwB,UAAU,EAAE,OAAO,CAAS;IAEvD;;;;;OAKG;IACH,IAAI,eAAe,IAAI,MAAM,GAAG,SAAS,CAGxC;CACF;AAGD,eAAO,MAAM,2BAA2B,EAAE,cAA0B,CAAC;AAErE,eAAO,MAAM,iBAAiB,IAAK,CAAC;AAEpC;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,oTAMzB,CAAC"}

package/dist/dts/tabs/tabs.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,oBAAoB,GAC/B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAOF,CAAC"}
+{"version":3,"file":"tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,oBAAoB,GAC/B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAiBF,CAAC"}

package/dist/esm/tabs/tabs.js

@@ -1,10 +1,22 @@
+import { __decorate } from "tslib";
 import { Tabs as FASTTabs } from '@microsoft/fast-components';
+import { attr } from '@microsoft/fast-element';
 import { foundationTabsStyles as styles } from './tabs.styles';
 import { foundationTabsTemplate as template } from './tabs.template';
 /**
  * @tagname %%prefix%%-tabs
  */
 export class Tabs extends FASTTabs {
+    constructor() {
+        super(...arguments);
+        /**
+         * When true, the tab list becomes horizontally scrollable when its
+         * contents exceed the width of the container.
+         *
+         * @public
+         */
+        this.scrollable = false;
+    }
     /**
      * A zero-index number representing the active tab
      *
@@ -16,6 +28,9 @@ export class Tabs extends FASTTabs {
         return ref.activeTabIndex;
     }
 }
+__decorate([
+    attr({ mode: 'boolean' })
+], Tabs.prototype, "scrollable", void 0);
 // explicitly declaring for extensibility
 export const foundationTabsShadowOptions = undefined;
 export const defaultTabsConfig = {};

package/dist/esm/tabs/tabs.styles.js

@@ -7,4 +7,14 @@ export const foundationTabsStyles = (context, definition) => css `
     height: 100%;
     width: 100%;
   }
+
+  :host([scrollable]) [part='tablist'] {
+    overflow-x: auto;
+    overflow-y: hidden;
+    white-space: nowrap;
+  }
+
+  :host([scrollable]) ::slotted([role='tab']) {
+    flex: 0 0 auto;
+  }
 `;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "14.403.0",
+  "version": "14.405.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -85,13 +85,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.403.0",
-    "@genesislcap/genx": "14.403.0",
-    "@genesislcap/rollup-builder": "14.403.0",
-    "@genesislcap/ts-builder": "14.403.0",
-    "@genesislcap/uvu-playwright-builder": "14.403.0",
-    "@genesislcap/vite-builder": "14.403.0",
-    "@genesislcap/webpack-builder": "14.403.0",
+    "@genesislcap/foundation-testing": "14.405.0",
+    "@genesislcap/genx": "14.405.0",
+    "@genesislcap/rollup-builder": "14.405.0",
+    "@genesislcap/ts-builder": "14.405.0",
+    "@genesislcap/uvu-playwright-builder": "14.405.0",
+    "@genesislcap/vite-builder": "14.405.0",
+    "@genesislcap/webpack-builder": "14.405.0",
     "copyfiles": "^2.4.1"
   },
   "dependencies": {
@@ -100,16 +100,16 @@
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/expression-builder": "14.403.0",
-    "@genesislcap/foundation-ai": "14.403.0",
-    "@genesislcap/foundation-comms": "14.403.0",
-    "@genesislcap/foundation-criteria": "14.403.0",
-    "@genesislcap/foundation-errors": "14.403.0",
-    "@genesislcap/foundation-events": "14.403.0",
-    "@genesislcap/foundation-logger": "14.403.0",
-    "@genesislcap/foundation-notifications": "14.403.0",
-    "@genesislcap/foundation-user": "14.403.0",
-    "@genesislcap/foundation-utils": "14.403.0",
+    "@genesislcap/expression-builder": "14.405.0",
+    "@genesislcap/foundation-ai": "14.405.0",
+    "@genesislcap/foundation-comms": "14.405.0",
+    "@genesislcap/foundation-criteria": "14.405.0",
+    "@genesislcap/foundation-errors": "14.405.0",
+    "@genesislcap/foundation-events": "14.405.0",
+    "@genesislcap/foundation-logger": "14.405.0",
+    "@genesislcap/foundation-notifications": "14.405.0",
+    "@genesislcap/foundation-user": "14.405.0",
+    "@genesislcap/foundation-utils": "14.405.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -131,5 +131,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "9e1e2d8c0309a4b540c65de0ebf8acd44f4ce73b"
+  "gitHead": "90757d4adb4c7b20ee266e0add3126dd76cb6398"
 }