@genesislcap/foundation-ui 14.403.0 → 14.406.0

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.406.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.406.0",
+    "@genesislcap/genx": "14.406.0",
+    "@genesislcap/rollup-builder": "14.406.0",
+    "@genesislcap/ts-builder": "14.406.0",
+    "@genesislcap/uvu-playwright-builder": "14.406.0",
+    "@genesislcap/vite-builder": "14.406.0",
+    "@genesislcap/webpack-builder": "14.406.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.406.0",
+    "@genesislcap/foundation-ai": "14.406.0",
+    "@genesislcap/foundation-comms": "14.406.0",
+    "@genesislcap/foundation-criteria": "14.406.0",
+    "@genesislcap/foundation-errors": "14.406.0",
+    "@genesislcap/foundation-events": "14.406.0",
+    "@genesislcap/foundation-logger": "14.406.0",
+    "@genesislcap/foundation-notifications": "14.406.0",
+    "@genesislcap/foundation-user": "14.406.0",
+    "@genesislcap/foundation-utils": "14.406.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": "69e2b4662605a6e5e60efe537b8871a7e0c00f44"
 }