@fluentui/react-tabs 9.0.0-beta.9 → 9.0.0-rc.4

package/lib-commonjs/components/TabList/useTabListStyles.js

@@ -3,15 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTabListStyles_unstable = exports.tabListClassName = exports.tabListClassNames = void 0;
+exports.useTabListStyles_unstable = exports.tabListClassNames = void 0;
 
 const react_1 = /*#__PURE__*/require("@griffel/react");
 
 exports.tabListClassNames = {
   root: 'fui-TabList'
-}; // TODO temporary export to pass conformance test.
-
-exports.tabListClassName = exports.tabListClassNames.root;
+};
 /**
  * Styles for the root slot
  */
@@ -20,13 +18,20 @@ const useStyles = /*#__PURE__*/react_1.__styles({
   "root": {
     "mc9l5x": "f22iagw",
     "Beiy3e4": "f1063pyq",
+    "Bnnss6s": "fi64zpg",
+    "Eh141a": "flvyvdh",
     "qhf8xq": "f10pi13n"
   },
+  "horizontal": {
+    "Bt984gj": "f1q9h2pe",
+    "Beiy3e4": "f1063pyq"
+  },
   "vertical": {
+    "Bt984gj": "f1q9h2pe",
     "Beiy3e4": "f1vx9l62"
   }
 }, {
-  "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".f10pi13n{position:relative;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}"]
+  "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}", ".f10pi13n{position:relative;}", ".f1q9h2pe{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}"]
 });
 /**
  * Apply styling to the TabList slots based on the state
@@ -38,7 +43,7 @@ const useTabListStyles_unstable = state => {
     vertical
   } = state;
   const styles = useStyles();
-  state.root.className = react_1.mergeClasses(exports.tabListClassName, styles.root, vertical && styles.vertical, state.root.className);
+  state.root.className = react_1.mergeClasses(exports.tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, state.root.className);
   return state;
 };
 

package/lib-commonjs/components/TabList/useTabListStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/TabList/useTabListStyles.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,iBAAA,GAAkD;AAC7D,EAAA,IAAI,EAAE;AADuD,CAAlD,C,CAIb;;AACa,OAAA,CAAA,gBAAA,GAAmB,OAAA,CAAA,iBAAA,CAAkB,IAArC;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAWA;;AAEG;;;AACI,MAAM,yBAAyB,GAAI,KAAD,IAAsC;AAC7E,QAAM;AAAE,IAAA;AAAF,MAAe,KAArB;AAEA,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,gBAAb,EAA+B,MAAM,CAAC,IAAtC,EAA4C,QAAQ,IAAI,MAAM,CAAC,QAA/D,EAAyE,KAAK,CAAC,IAAN,CAAW,SAApF,CAAvB;AAEA,SAAO,KAAP;AACD,CARM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TabListSlots, TabListState } from './TabList.types';\n\nexport const tabListClassNames: SlotClassNames<TabListSlots> = {\n  root: 'fui-TabList',\n};\n\n// TODO temporary export to pass conformance test.\nexport const tabListClassName = tabListClassNames.root;\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    position: 'relative',\n  },\n  vertical: {\n    flexDirection: 'column',\n  },\n});\n\n/**\n * Apply styling to the TabList slots based on the state\n */\nexport const useTabListStyles_unstable = (state: TabListState): TabListState => {\n  const { vertical } = state;\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(tabListClassName, styles.root, vertical && styles.vertical, state.root.className);\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/TabList/useTabListStyles.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,iBAAA,GAAkD;AAC7D,EAAA,IAAI,EAAE;AADuD,CAAlD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAkBA;;AAEG;;;AACI,MAAM,yBAAyB,GAAI,KAAD,IAAsC;AAC7E,QAAM;AAAE,IAAA;AAAF,MAAe,KAArB;AAEA,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,iBAAA,CAAkB,IADG,EAErB,MAAM,CAAC,IAFc,EAGrB,QAAQ,GAAG,MAAM,CAAC,QAAV,GAAqB,MAAM,CAAC,UAHf,EAIrB,KAAK,CAAC,IAAN,CAAW,SAJU,CAAvB;AAOA,SAAO,KAAP;AACD,CAbM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TabListSlots, TabListState } from './TabList.types';\n\nexport const tabListClassNames: SlotClassNames<TabListSlots> = {\n  root: 'fui-TabList',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    flexShrink: 0,\n    flexWrap: 'nowrap',\n    position: 'relative',\n  },\n  horizontal: {\n    alignItems: 'stretch',\n    flexDirection: 'row',\n  },\n  vertical: {\n    alignItems: 'stretch',\n    flexDirection: 'column',\n  },\n});\n\n/**\n * Apply styling to the TabList slots based on the state\n */\nexport const useTabListStyles_unstable = (state: TabListState): TabListState => {\n  const { vertical } = state;\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(\n    tabListClassNames.root,\n    styles.root,\n    vertical ? styles.vertical : styles.horizontal,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTabList_unstable = exports.useTabListStyles_unstable = exports.tabListClassNames = exports.tabListClassName = exports.TabList = exports.renderTabList_unstable = exports.useTab_unstable = exports.useTabStyles_unstable = exports.tabClassNames = exports.tabClassName = exports.Tab = exports.renderTab_unstable = void 0;
+exports.useTabList_unstable = exports.useTabListStyles_unstable = exports.tabListClassNames = exports.TabList = exports.renderTabList_unstable = exports.useTab_unstable = exports.useTabStyles_unstable = exports.tabClassNames = exports.Tab = exports.renderTab_unstable = void 0;
 
 var Tab_1 = /*#__PURE__*/require("./Tab");
 
@@ -19,12 +19,6 @@ Object.defineProperty(exports, "Tab", {
     return Tab_1.Tab;
   }
 });
-Object.defineProperty(exports, "tabClassName", {
-  enumerable: true,
-  get: function () {
-    return Tab_1.tabClassName;
-  }
-});
 Object.defineProperty(exports, "tabClassNames", {
   enumerable: true,
   get: function () {
@@ -58,12 +52,6 @@ Object.defineProperty(exports, "TabList", {
     return TabList_1.TabList;
   }
 });
-Object.defineProperty(exports, "tabListClassName", {
-  enumerable: true,
-  get: function () {
-    return TabList_1.tabListClassName;
-  }
-});
 Object.defineProperty(exports, "tabListClassNames", {
   enumerable: true,
   get: function () {

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,oBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,kBAAA;AAAkB;AAAlB,CAAA;AAAoB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,KAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,GAAA;AAAG;AAAH,CAAA;AAAK,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,cAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,YAAA;AAAY;AAAZ,CAAA;AAAc,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,eAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,aAAA;AAAa;AAAb,CAAA;AAAe,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,qBAAA;AAAqB;AAArB,CAAA;AAAuB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,eAAA;AAAe;AAAf,CAAA;;AAatF,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,sBAAA;AAAsB;AAAtB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,SAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,OAAA;AAAO;AAAP,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,gBAAA;AAAgB;AAAhB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,iBAAA;AAAiB;AAAjB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,2BAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,yBAAA;AAAyB;AAAzB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,mBAAA;AAAmB;AAAnB,CAAA","sourcesContent":["export type { TabProps, TabSlots, TabState, TabValue } from './Tab';\nexport { renderTab_unstable, Tab, tabClassName, tabClassNames, useTabStyles_unstable, useTab_unstable } from './Tab';\nexport type {\n  TabRegisterData,\n  RegisterTabEventHandler,\n  SelectTabData,\n  SelectTabEvent,\n  SelectTabEventHandler,\n  TabListContextValue,\n  TabListContextValues,\n  TabListProps,\n  TabListSlots,\n  TabListState,\n} from './TabList';\nexport {\n  renderTabList_unstable,\n  TabList,\n  tabListClassName,\n  tabListClassNames,\n  useTabListStyles_unstable,\n  useTabList_unstable,\n} from './TabList';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,oBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,kBAAA;AAAkB;AAAlB,CAAA;AAAoB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,KAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,GAAA;AAAG;AAAH,CAAA;AAAK,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,eAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,aAAA;AAAa;AAAb,CAAA;AAAe,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,qBAAA;AAAqB;AAArB,CAAA;AAAuB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,eAAA;AAAe;AAAf,CAAA;;AAaxE,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,sBAAA;AAAsB;AAAtB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,SAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,OAAA;AAAO;AAAP,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,iBAAA;AAAiB;AAAjB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,2BAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,yBAAA;AAAyB;AAAzB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,mBAAA;AAAmB;AAAnB,CAAA","sourcesContent":["export type { TabProps, TabSlots, TabState, TabValue } from './Tab';\nexport { renderTab_unstable, Tab, tabClassNames, useTabStyles_unstable, useTab_unstable } from './Tab';\nexport type {\n  TabRegisterData,\n  RegisterTabEventHandler,\n  SelectTabData,\n  SelectTabEvent,\n  SelectTabEventHandler,\n  TabListContextValue,\n  TabListContextValues,\n  TabListProps,\n  TabListSlots,\n  TabListState,\n} from './TabList';\nexport {\n  renderTabList_unstable,\n  TabList,\n  tabListClassNames,\n  useTabListStyles_unstable,\n  useTabList_unstable,\n} from './TabList';\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-tabs",
-  "version": "9.0.0-beta.9",
+  "version": "9.0.0-rc.4",
   "description": "Fluent UI React tabs components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -20,23 +20,23 @@
     "start": "yarn storybook",
     "test": "jest --passWithNoTests",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-tabs/src && yarn docs",
-    "storybook": "node ../../scripts/storybook/runner",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-tabs/src && yarn docs",
+    "storybook": "node ../../../scripts/storybook/runner",
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.4",
-    "@fluentui/react-context-selector": "9.0.0-rc.6",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.7",
+    "@fluentui/react-context-selector": "9.0.0-rc.9",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@griffel/react": "1.0.3",
-    "@fluentui/react-context-selector": "9.0.0-rc.6",
-    "@fluentui/react-tabster": "9.0.0-rc.6",
-    "@fluentui/react-theme": "9.0.0-rc.5",
-    "@fluentui/react-utilities": "9.0.0-rc.6",
+    "@griffel/react": "1.0.5",
+    "@fluentui/react-context-selector": "9.0.0-rc.9",
+    "@fluentui/react-tabster": "9.0.0-rc.12",
+    "@fluentui/react-theme": "9.0.0-rc.9",
+    "@fluentui/react-utilities": "9.0.0-rc.9",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {

package/lib/Tab.d.ts

@@ -1 +0,0 @@
-export * from './components/Tab/index';

package/lib/TabList.d.ts

@@ -1 +0,0 @@
-export * from './components/TabList/index';

package/lib/components/Tab/Tab.d.ts

@@ -1,6 +0,0 @@
-import type { TabProps } from './Tab.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * A tab provides a selectable item in a tab list.
- */
-export declare const Tab: ForwardRefComponent<TabProps>;

package/lib/components/Tab/Tab.types.d.ts

@@ -1,61 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-/**
- * Any value that identifies a specific tab.
- */
-export declare type TabValue = unknown;
-export declare type TabSlots = {
-    /**
-     * Root of the component.
-     */
-    root: Slot<'button'>;
-    /**
-     * Icon that renders before the content.
-     */
-    icon?: Slot<'span'>;
-    /**
-     * Component children are placed in this slot
-     * Avoid using the `children` property in this slot in favour of Component children whenever possible.
-     */
-    content: NonNullable<Slot<'span'>>;
-};
-declare type TabCommons = {
-    /**
-     * A tab can be set to disable interaction.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The value that identifies this tab when selected.
-     */
-    value: TabValue;
-};
-/**
- * Tab Props
- */
-export declare type TabProps = ComponentProps<Partial<TabSlots>> & TabCommons;
-/**
- * State used in rendering Tab
- */
-export declare type TabState = ComponentState<TabSlots> & Omit<TabCommons, 'disabled'> & Required<Pick<TabCommons, 'disabled'>> & {
-    /**
-     * A tab supports 'transparent' and 'subtle' appearance.
-     */
-    appearance?: 'transparent' | 'subtle';
-    /**
-     * A tab can have only an icon slot filled and no content.
-     */
-    iconOnly: boolean;
-    /**
-     * If this tab is selected
-     */
-    selected: boolean;
-    /**
-     * A tab can be either 'small' or 'medium' size.
-     */
-    size: 'small' | 'medium';
-    /**
-     * A tab can arrange its content based on if the tabs in the list are arranged vertically.
-     */
-    vertical: boolean;
-};
-export {};

package/lib/components/Tab/index.d.ts

@@ -1,6 +0,0 @@
-export * from './Tab';
-export * from './Tab.types';
-export * from './renderTab';
-export * from './useTab';
-export * from './useTabStyles';
-export * from './useTabAnimatedIndicator';

package/lib/components/Tab/renderTab.d.ts

@@ -1,5 +0,0 @@
-import type { TabState } from './Tab.types';
-/**
- * Render the final JSX of Tab
- */
-export declare const renderTab_unstable: (state: TabState) => JSX.Element;

package/lib/components/Tab/useTab.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { TabProps, TabState } from './Tab.types';
-/**
- * Create the state required to render Tab.
- *
- * The returned state can be modified with hooks such as useTabStyles_unstable,
- * before being passed to renderTab_unstable.
- *
- * @param props - props from this instance of Tab
- * @param ref - reference to root HTMLElement of Tab
- */
-export declare const useTab_unstable: (props: TabProps, ref: React.Ref<HTMLElement>) => TabState;

package/lib/components/Tab/useTabAnimatedIndicator.d.ts

@@ -1,5 +0,0 @@
-import type { TabState } from './Tab.types';
-/**
- * Adds additional styling to the active tab selection indicator to create a sliding animation.
- */
-export declare const useTabAnimatedIndicatorStyles_unstable: (state: TabState) => TabState;

package/lib/components/Tab/useTabStyles.d.ts

@@ -1,8 +0,0 @@
-import type { TabSlots, TabState } from './Tab.types';
-import { SlotClassNames } from '@fluentui/react-utilities';
-export declare const tabClassNames: SlotClassNames<TabSlots>;
-export declare const tabClassName: string;
-/**
- * Apply styling to the Tab slots based on the state
- */
-export declare const useTabStyles_unstable: (state: TabState) => TabState;

package/lib/components/TabList/TabList.d.ts

@@ -1,6 +0,0 @@
-import type { TabListProps } from './TabList.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * A tab list provides single selection from a set of tabs.
- */
-export declare const TabList: ForwardRefComponent<TabListProps>;

package/lib/components/TabList/TabList.types.d.ts

@@ -1,104 +0,0 @@
-import * as React from 'react';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-import { TabValue } from '../Tab/Tab.types';
-export declare type TabRegisterData = {
-    /**
-     * The value of the tab.
-     */
-    value: TabValue;
-    /**
-     * The reference to the tab HTML element.
-     */
-    ref: React.RefObject<HTMLElement>;
-};
-export declare type RegisterTabEventHandler = (data: TabRegisterData) => void;
-export declare type SelectTabData = {
-    /**
-     * The value of the selected tab.
-     */
-    value: TabValue;
-};
-export declare type SelectTabEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
-export declare type SelectTabEventHandler = (event: SelectTabEvent, data: SelectTabData) => void;
-export declare type TabListSlots = {
-    /**
-     * The slot associated with the root element of this tab list.
-     */
-    root: Slot<'div'>;
-};
-declare type TabListCommons = {
-    /**
-     * A tab list can supports 'transparent' and 'subtle' appearance.
-     *- 'subtle': Minimizes emphasis to blend into the background until hovered or focused.
-     *- 'transparent': No background and border styling
-     * The appearance affects each of the contained tabs.
-     * @default 'transparent'
-     */
-    appearance?: 'transparent' | 'subtle';
-    /**
-     * A tab list can be set to disable interaction.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Raised when a tab is selected.
-     */
-    onTabSelect?: SelectTabEventHandler;
-    /**
-     * The value of the currently selected tab.
-     */
-    selectedValue?: TabValue;
-    /**
-     * A tab list can be either 'small' or 'medium' size.
-     * The size affects each of the contained tabs.
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium';
-    /**
-     * A tab list can arrange its tabs vertically.
-     * @default false
-     */
-    vertical?: boolean;
-};
-/**
- * TabList Props
- */
-export declare type TabListProps = ComponentProps<TabListSlots> & TabListCommons & {
-    /**
-     * The value of the tab to be selected by default.
-     * Typically useful when the selectedValue is uncontrolled.
-     */
-    defaultSelectedValue?: TabValue;
-};
-export declare type TabListContextValue = Pick<TabListCommons, 'onTabSelect' | 'selectedValue'> & Required<Pick<TabListCommons, 'appearance' | 'disabled' | 'size' | 'vertical'>> & {
-    /** A callback to allow a tab to register itself with the tab list. */
-    onRegister: RegisterTabEventHandler;
-    /** A callback to allow a tab to unregister itself with the tab list. */
-    onUnregister: RegisterTabEventHandler;
-    /**
-     * A callback to allow a tab to select itself when pressed.
-     */
-    onSelect: SelectTabEventHandler;
-    /**
-     * Gets the registered tab data along with current and previous selected values.
-     */
-    getRegisteredTabs: () => {
-        selectedValue?: TabValue;
-        previousSelectedValue?: TabValue;
-        registeredTabs: Record<string, TabRegisterData>;
-    };
-};
-/**
- * Context values used in rendering TabList.
- */
-export declare type TabListContextValues = {
-    /**
-     * The context of the tab list available to each tab.
-     */
-    tabList: TabListContextValue;
-};
-/**
- * State used in rendering TabList.
- */
-export declare type TabListState = ComponentState<Required<TabListSlots>> & TabListContextValue;
-export {};

package/lib/components/TabList/TabListContext.d.ts

@@ -1,3 +0,0 @@
-import type { Context } from '@fluentui/react-context-selector';
-import { TabListContextValue } from './TabList.types';
-export declare const TabListContext: Context<TabListContextValue>;

package/lib/components/TabList/index.d.ts

@@ -1,5 +0,0 @@
-export * from './TabList';
-export * from './TabList.types';
-export * from './renderTabList';
-export * from './useTabList';
-export * from './useTabListStyles';

package/lib/components/TabList/renderTabList.d.ts

@@ -1,5 +0,0 @@
-import type { TabListState, TabListContextValues } from './TabList.types';
-/**
- * Render the final JSX of TabList
- */
-export declare const renderTabList_unstable: (state: TabListState, contextValues: TabListContextValues) => JSX.Element;

package/lib/components/TabList/useTabList.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { TabListProps, TabListState } from './TabList.types';
-/**
- * Create the state required to render TabList.
- *
- * The returned state can be modified with hooks such as useTabListStyles_unstable,
- * before being passed to renderTabList_unstable.
- *
- * @param props - props from this instance of TabList
- * @param ref - reference to root HTMLElement of TabList
- */
-export declare const useTabList_unstable: (props: TabListProps, ref: React.Ref<HTMLElement>) => TabListState;

package/lib/components/TabList/useTabListContextValues.d.ts

@@ -1,2 +0,0 @@
-import { TabListContextValues, TabListState } from './TabList.types';
-export declare function useTabListContextValues(state: TabListState): TabListContextValues;

package/lib/components/TabList/useTabListStyles.d.ts

@@ -1,8 +0,0 @@
-import { SlotClassNames } from '@fluentui/react-utilities';
-import type { TabListSlots, TabListState } from './TabList.types';
-export declare const tabListClassNames: SlotClassNames<TabListSlots>;
-export declare const tabListClassName: string;
-/**
- * Apply styling to the TabList slots based on the state
- */
-export declare const useTabListStyles_unstable: (state: TabListState) => TabListState;

package/lib/index.d.ts

@@ -1,4 +0,0 @@
-export type { TabProps, TabSlots, TabState, TabValue } from './Tab';
-export { renderTab_unstable, Tab, tabClassName, tabClassNames, useTabStyles_unstable, useTab_unstable } from './Tab';
-export type { TabRegisterData, RegisterTabEventHandler, SelectTabData, SelectTabEvent, SelectTabEventHandler, TabListContextValue, TabListContextValues, TabListProps, TabListSlots, TabListState, } from './TabList';
-export { renderTabList_unstable, TabList, tabListClassName, tabListClassNames, useTabListStyles_unstable, useTabList_unstable, } from './TabList';

package/lib/tab.constants.d.ts

@@ -1,62 +0,0 @@
-export declare const pendingContentSizeTokens: {
-    body1: {
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-    };
-    body1Strong: {
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-    };
-};
-export declare const pendingSpacingTokens: {
-    none: string;
-    xxs: string;
-    xs: string;
-    sNudge: string;
-    s: string;
-    mNudge: string;
-    m: string;
-    l: string;
-    xl: string;
-    xxl: string;
-    xxxl: string;
-};
-export declare const pendingAnimationDurationTokens: {
-    ultraFast: string;
-    faster: string;
-    fast: string;
-    normal: string;
-    slow: string;
-    slower: string;
-    ultraSlow: string;
-};
-export declare const pendingAnimationEasingTokens: {
-    accelerateMax: string;
-    accelerateMid: string;
-    accelerateMin: string;
-    declerateMax: string;
-    decelerateMid: string;
-    decelarateMin: string;
-    maxEasyEase: string;
-    easyEase: string;
-    linear: string;
-};
-/**
- * Provides shared values between tab style hooks
- * useTabStyles
- * useTabAnimatedIndicator
- */
-export declare const tabIndicatorPadding: {
-    mediumHorizontal: string;
-    mediumVertical: string;
-    smallHorizontal: string;
-    smallVertical: string;
-};
-export declare const tabIndicatorStrokeWidths: {
-    mediumHorizontal: string;
-    mediumVertical: string;
-    smallHorizontal: string;
-    smallVertical: string;
-};

package/lib/tab.constants.js

@@ -1,68 +0,0 @@
-// TODO: Constants prefixed with pending should be replaced with design tokens
-// These values were taken from the design token superset figma
-import { tokens } from '@fluentui/react-theme';
-export const pendingContentSizeTokens = {
-  // Only body sizes are defined here currently
-  body1: {
-    fontSize: tokens.fontSizeBase300,
-    fontWeight: tokens.fontWeightRegular,
-    lineHeight: tokens.lineHeightBase300
-  },
-  body1Strong: {
-    fontSize: tokens.fontSizeBase300,
-    fontWeight: tokens.fontWeightSemibold,
-    lineHeight: tokens.lineHeightBase300
-  }
-};
-export const pendingSpacingTokens = {
-  none: '0',
-  xxs: '2px',
-  xs: '4px',
-  sNudge: '6px',
-  s: '8px',
-  mNudge: '10px',
-  m: '12px',
-  l: '16px',
-  xl: '20px',
-  xxl: '24px',
-  xxxl: '32px'
-};
-export const pendingAnimationDurationTokens = {
-  ultraFast: '50ms',
-  faster: '100ms',
-  fast: '150ms',
-  normal: '200ms',
-  slow: '300ms',
-  slower: '400ms',
-  ultraSlow: '500ms'
-};
-export const pendingAnimationEasingTokens = {
-  accelerateMax: 'cubic-bezier(1,0,1,1)',
-  accelerateMid: 'cubic-bezier(0.7,0,1,0.5)',
-  accelerateMin: 'cubic-bezier(0.8,0,1,1)',
-  declerateMax: 'cubic-bezier(0,0,0,1)',
-  decelerateMid: 'cubic-bezier(0.1,0.9,0.2,1)',
-  decelarateMin: 'cubic-bezier(0.33,0,0.1,1)',
-  maxEasyEase: 'cubic-bezier(0.8,0,0.1,1)',
-  easyEase: 'cubic-bezier(0.33,0,0.67,1)',
-  linear: 'cubic-bezier(0,0,1,1)'
-};
-/**
- * Provides shared values between tab style hooks
- * useTabStyles
- * useTabAnimatedIndicator
- */
-
-export const tabIndicatorPadding = {
-  mediumHorizontal: pendingSpacingTokens.m,
-  mediumVertical: pendingSpacingTokens.s,
-  smallHorizontal: pendingSpacingTokens.sNudge,
-  smallVertical: pendingSpacingTokens.xs
-};
-export const tabIndicatorStrokeWidths = {
-  mediumHorizontal: tokens.strokeWidthThicker,
-  mediumVertical: tokens.strokeWidthThicker,
-  smallHorizontal: tokens.strokeWidthThick,
-  smallVertical: tokens.strokeWidthThicker
-};
-//# sourceMappingURL=tab.constants.js.map

package/lib/tab.constants.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tab.constants.ts"],"names":[],"mappings":"AAAA;AACA;AAEA,SAAS,MAAT,QAAuB,uBAAvB;AAEA,OAAO,MAAM,wBAAwB,GAAG;AACtC;AACA,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,MAAM,CAAC,eADZ;AAEL,IAAA,UAAU,EAAE,MAAM,CAAC,iBAFd;AAGL,IAAA,UAAU,EAAE,MAAM,CAAC;AAHd,GAF+B;AAOtC,EAAA,WAAW,EAAE;AACX,IAAA,QAAQ,EAAE,MAAM,CAAC,eADN;AAEX,IAAA,UAAU,EAAE,MAAM,CAAC,kBAFR;AAGX,IAAA,UAAU,EAAE,MAAM,CAAC;AAHR;AAPyB,CAAjC;AAcP,OAAO,MAAM,oBAAoB,GAAG;AAClC,EAAA,IAAI,EAAE,GAD4B;AAElC,EAAA,GAAG,EAAE,KAF6B;AAGlC,EAAA,EAAE,EAAE,KAH8B;AAIlC,EAAA,MAAM,EAAE,KAJ0B;AAKlC,EAAA,CAAC,EAAE,KAL+B;AAMlC,EAAA,MAAM,EAAE,MAN0B;AAOlC,EAAA,CAAC,EAAE,MAP+B;AAQlC,EAAA,CAAC,EAAE,MAR+B;AASlC,EAAA,EAAE,EAAE,MAT8B;AAUlC,EAAA,GAAG,EAAE,MAV6B;AAWlC,EAAA,IAAI,EAAE;AAX4B,CAA7B;AAcP,OAAO,MAAM,8BAA8B,GAAG;AAC5C,EAAA,SAAS,EAAE,MADiC;AAE5C,EAAA,MAAM,EAAE,OAFoC;AAG5C,EAAA,IAAI,EAAE,OAHsC;AAI5C,EAAA,MAAM,EAAE,OAJoC;AAK5C,EAAA,IAAI,EAAE,OALsC;AAM5C,EAAA,MAAM,EAAE,OANoC;AAO5C,EAAA,SAAS,EAAE;AAPiC,CAAvC;AAUP,OAAO,MAAM,4BAA4B,GAAG;AAC1C,EAAA,aAAa,EAAE,uBAD2B;AAE1C,EAAA,aAAa,EAAE,2BAF2B;AAG1C,EAAA,aAAa,EAAE,yBAH2B;AAI1C,EAAA,YAAY,EAAE,uBAJ4B;AAK1C,EAAA,aAAa,EAAE,6BAL2B;AAM1C,EAAA,aAAa,EAAE,4BAN2B;AAO1C,EAAA,WAAW,EAAE,2BAP6B;AAQ1C,EAAA,QAAQ,EAAE,6BARgC;AAS1C,EAAA,MAAM,EAAE;AATkC,CAArC;AAYP;;;;AAIG;;AACH,OAAO,MAAM,mBAAmB,GAAG;AACjC,EAAA,gBAAgB,EAAE,oBAAoB,CAAC,CADN;AAEjC,EAAA,cAAc,EAAE,oBAAoB,CAAC,CAFJ;AAGjC,EAAA,eAAe,EAAE,oBAAoB,CAAC,MAHL;AAIjC,EAAA,aAAa,EAAE,oBAAoB,CAAC;AAJH,CAA5B;AAOP,OAAO,MAAM,wBAAwB,GAAG;AACtC,EAAA,gBAAgB,EAAE,MAAM,CAAC,kBADa;AAEtC,EAAA,cAAc,EAAE,MAAM,CAAC,kBAFe;AAGtC,EAAA,eAAe,EAAE,MAAM,CAAC,gBAHc;AAItC,EAAA,aAAa,EAAE,MAAM,CAAC;AAJgB,CAAjC","sourcesContent":["// TODO: Constants prefixed with pending should be replaced with design tokens\n// These values were taken from the design token superset figma\n\nimport { tokens } from '@fluentui/react-theme';\n\nexport const pendingContentSizeTokens = {\n  // Only body sizes are defined here currently\n  body1: {\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: tokens.lineHeightBase300,\n  },\n  body1Strong: {\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightBase300,\n  },\n};\n\nexport const pendingSpacingTokens = {\n  none: '0',\n  xxs: '2px',\n  xs: '4px',\n  sNudge: '6px',\n  s: '8px',\n  mNudge: '10px',\n  m: '12px',\n  l: '16px',\n  xl: '20px',\n  xxl: '24px',\n  xxxl: '32px',\n};\n\nexport const pendingAnimationDurationTokens = {\n  ultraFast: '50ms',\n  faster: '100ms',\n  fast: '150ms',\n  normal: '200ms',\n  slow: '300ms',\n  slower: '400ms',\n  ultraSlow: '500ms',\n};\n\nexport const pendingAnimationEasingTokens = {\n  accelerateMax: 'cubic-bezier(1,0,1,1)',\n  accelerateMid: 'cubic-bezier(0.7,0,1,0.5)',\n  accelerateMin: 'cubic-bezier(0.8,0,1,1)',\n  declerateMax: 'cubic-bezier(0,0,0,1)',\n  decelerateMid: 'cubic-bezier(0.1,0.9,0.2,1)',\n  decelarateMin: 'cubic-bezier(0.33,0,0.1,1)',\n  maxEasyEase: 'cubic-bezier(0.8,0,0.1,1)',\n  easyEase: 'cubic-bezier(0.33,0,0.67,1)',\n  linear: 'cubic-bezier(0,0,1,1)',\n};\n\n/**\n * Provides shared values between tab style hooks\n * useTabStyles\n * useTabAnimatedIndicator\n */\nexport const tabIndicatorPadding = {\n  mediumHorizontal: pendingSpacingTokens.m,\n  mediumVertical: pendingSpacingTokens.s,\n  smallHorizontal: pendingSpacingTokens.sNudge,\n  smallVertical: pendingSpacingTokens.xs,\n};\n\nexport const tabIndicatorStrokeWidths = {\n  mediumHorizontal: tokens.strokeWidthThicker,\n  mediumVertical: tokens.strokeWidthThicker,\n  smallHorizontal: tokens.strokeWidthThick,\n  smallVertical: tokens.strokeWidthThicker,\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/Tab.d.ts

@@ -1 +0,0 @@
-export * from './components/Tab/index';

package/lib-commonjs/TabList.d.ts

@@ -1 +0,0 @@
-export * from './components/TabList/index';

package/lib-commonjs/components/Tab/Tab.d.ts

@@ -1,6 +0,0 @@
-import type { TabProps } from './Tab.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * A tab provides a selectable item in a tab list.
- */
-export declare const Tab: ForwardRefComponent<TabProps>;