@itwin/core-react 4.0.0-dev.2 → 4.0.0-dev.4

package/lib/esm/core-react/style/themecolors.scss

@@ -1,129 +1,129 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-// cspell:ignore scrollbar titlebar toolbutton outoffocus boxshadow mediumgray
-
-$buic-background-1-rgb:                   var(--buic-background-1-rgb);
-$buic-background-2-rgb:                   var(--buic-background-2-rgb);
-$buic-background-3-rgb:                   var(--buic-background-3-rgb);
-$buic-background-4-rgb:                   var(--buic-background-4-rgb);
-$buic-background-5-rgb:                   var(--buic-background-5-rgb);
-
-$buic-background-1:                       var(--buic-background-1);
-$buic-background-2:                       var(--buic-background-2);
-$buic-background-3:                       var(--buic-background-3);
-$buic-background-4:                       var(--buic-background-4);
-$buic-background-5:                       var(--buic-background-5);
-
-/* Backgrounds and strokes */
-$buic-background-primary:                 var(--buic-background-primary);
-$buic-background-scrollbar:               var(--buic-background-scrollbar);
-$buic-background-scrollbar-hover:         var(--buic-background-scrollbar-hover);
-
-$buic-background-titlebar:                var(--buic-background-titlebar);
-$buic-background-dialog-stroke:           var(--buic-background-dialog-stroke);
-$buic-background-widget-stroke:           var(--buic-background-widget-stroke);
-$buic-background-widget-panel:            var(--buic-background-widget-panel);
-$buic-background-panel-stroke:            var(--buic-background-panel-stroke);
-$buic-background-tooltip:                 var(--buic-background-tooltip);
-$buic-background-statusbar:               var(--buic-background-statusbar);
-$buic-background-control-stroke:          var(--buic-background-control-stroke);
-$buic-background-toolbutton-stroke:       var(--buic-background-toolbutton-stroke);
-
-$buic-background-titlebar-outoffocus:     var(--buic-background-titlebar-outoffocus);
-$buic-background-divider:                 var(--buic-background-divider);
-$buic-background-widget-element-stroke:   var(--buic-background-widget-element-stroke);
-$buic-background-control-disabled:        var(--buic-background-control-disabled);
-$buic-background-table-header:            var(--buic-background-table-header);
-$buic-background-control-stroke-disabled: var(--buic-background-control-stroke-disabled);
-
-$buic-background-tab-inactive:            var(--buic-background-tab-inactive);
-$buic-background-toolbutton-inactive:     var(--buic-background-toolbutton-inactive);
-$buic-background-context-menu:            var(--buic-background-context-menu);
-$buic-background-panel:                   var(--buic-background-panel);
-$buic-background-placeholder:             var(--buic-background-placeholder);
-$buic-background-striped_row:             var(--buic-background-striped_row);
-
-$buic-background-tab-active:              var(--buic-background-tab-active);
-$buic-background-dialog:                  var(--buic-background-dialog);
-$buic-background-widget:                  var(--buic-background-widget);
-$buic-background-window:                  var(--buic-background-window);
-$buic-background-toolbar:                 var(--buic-background-toolbar);
-
-$buic-background-card:                    var(--buic-background-card);
-$buic-background-control:                 var(--buic-background-control);
-
-$buic-background-focus-overlay:           var(--buic-background-focus-overlay);
-$buic-background-hover-overlay:           var(--buic-background-hover-overlay);
-$buic-background-active-overlay:          var(--buic-background-active-overlay);
-$buic-background-pressed-overlay:         var(--buic-background-pressed-overlay);
-
-/** Text and icons */
-$buic-foreground-body-rgb:                var(--buic-foreground-body-rgb);
-$buic-foreground-body-reverse-rgb:        var(--buic-foreground-body-reverse-rgb);
-
-$buic-foreground-body:                    var(--buic-foreground-body);
-$buic-foreground-body-reverse:            var(--buic-foreground-body-reverse);
-$buic-foreground-disabled:                var(--buic-foreground-disabled);
-$buic-foreground-muted:                   var(--buic-foreground-muted);
-$buic-foreground-activehover:             var(--buic-foreground-activehover);
-
-$buic-text-color:                         var(--buic-foreground-body);          // 0.85 opacity
-$buic-text-color-disabled:                var(--buic-foreground-disabled);      // 0.45 opacity (Note: 0.25 is too much)
-$buic-text-color-muted:                   var(--buic-foreground-muted);         // 0.65 opacity
-$buic-text-color-reverse:                 var(--buic-foreground-body-reverse);  // 0.85 opacity
-$buic-text-color-hover:                   var(--buic-foreground-activehover);   // 1.00 opacity
-$buic-text-color-highlight:               var(--buic-foreground-primary);       // themed
-
-$buic-icon-color:                         var(--buic-foreground-body);
-$buic-icon-color-disabled:                var(--buic-foreground-disabled);
-$buic-icon-color-reverse:                 var(--buic-foreground-body-reverse);
-
-$buic-background-editable:                var(--buic-background-editable);
-$buic-row-selection:                      var(--buic-row-selection);
-$buic-row-hover:                          var(--buic-row-hover);
-
-$buic-button-gradient1:                   var(--buic-button-gradient1);
-$buic-button-gradient2:                   var(--buic-button-gradient2);
-
-$buic-foreground-focus-border:            var(--buic-foreground-focus-border);
-$buic-inputs-border:                      var(--buic-inputs-border);
-$buic-focus-boxshadow:                    var(--buic-focus-boxshadow);
-$buic-inputs-boxshadow:                   var(--buic-inputs-boxshadow);
-$buic-popup-boxshadow:                    var(--buic-popup-boxshadow);
-
-/** Themed colors */
-$buic-foreground-accessory:               var(--buic-foreground-accessory);
-$buic-foreground-primary-rgb:             var(--buic-foreground-primary-rgb);
-$buic-foreground-primary:                 var(--buic-foreground-primary);
-$buic-foreground-primary-tone:            var(--buic-foreground-primary-tone);
-$buic-foreground-positive:                var(--buic-foreground-positive);
-$buic-foreground-positive-rgb:            var(--buic-foreground-positive-rgb);
-$buic-foreground-success:                 var(--buic-foreground-positive);
-$buic-foreground-negative:                var(--buic-foreground-negative);
-$buic-foreground-negative-rgb:            var(--buic-foreground-negative-rgb);
-$buic-foreground-alert:                   var(--buic-foreground-negative);
-$buic-foreground-error:                   var(--buic-foreground-negative);
-$buic-foreground-warning:                 var(--buic-foreground-warning);
-$buic-foreground-warning-rgb:             var(--buic-foreground-warning-rgb);
-$buic-foreground-focus:                   var(--buic-foreground-focus);
-
-/** Static colors */
-// NEEDSWORK - Need to deprecate
-$buic-accessory-hollow:                   var(--buic-accessory-hollow);
-$buic-accessory-primary:                  var(--buic-accessory-primary);
-$buic-accessory-success:                  var(--buic-accessory-success);
-$buic-accessory-alert:                    var(--buic-accessory-alert);
-$buic-accessory-warning:                  var(--buic-accessory-warning);
-$buic-accessory-primary-tint:             var(--buic-accessory-primary-tint);
-$buic-accessory-success-tint:             var(--buic-accessory-success-tint);
-$buic-accessory-alert-tint:               var(--buic-accessory-alert-tint);
-$buic-accessory-warning-tint:             var(--buic-accessory-warning-tint);
-
-/** Widget Opacity */
-$buic-widget-opacity:                     var(--buic-widget-opacity, 0.90);
-
-/** Toolbar Opacity */
-$buic-toolbar-opacity:                     var(--buic-toolbar-opacity, 0.50);
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+// cspell:ignore scrollbar titlebar toolbutton outoffocus boxshadow mediumgray
+
+$buic-background-1-rgb:                   var(--buic-background-1-rgb);
+$buic-background-2-rgb:                   var(--buic-background-2-rgb);
+$buic-background-3-rgb:                   var(--buic-background-3-rgb);
+$buic-background-4-rgb:                   var(--buic-background-4-rgb);
+$buic-background-5-rgb:                   var(--buic-background-5-rgb);
+
+$buic-background-1:                       var(--buic-background-1);
+$buic-background-2:                       var(--buic-background-2);
+$buic-background-3:                       var(--buic-background-3);
+$buic-background-4:                       var(--buic-background-4);
+$buic-background-5:                       var(--buic-background-5);
+
+/* Backgrounds and strokes */
+$buic-background-primary:                 var(--buic-background-primary);
+$buic-background-scrollbar:               var(--buic-background-scrollbar);
+$buic-background-scrollbar-hover:         var(--buic-background-scrollbar-hover);
+
+$buic-background-titlebar:                var(--buic-background-titlebar);
+$buic-background-dialog-stroke:           var(--buic-background-dialog-stroke);
+$buic-background-widget-stroke:           var(--buic-background-widget-stroke);
+$buic-background-widget-panel:            var(--buic-background-widget-panel);
+$buic-background-panel-stroke:            var(--buic-background-panel-stroke);
+$buic-background-tooltip:                 var(--buic-background-tooltip);
+$buic-background-statusbar:               var(--buic-background-statusbar);
+$buic-background-control-stroke:          var(--buic-background-control-stroke);
+$buic-background-toolbutton-stroke:       var(--buic-background-toolbutton-stroke);
+
+$buic-background-titlebar-outoffocus:     var(--buic-background-titlebar-outoffocus);
+$buic-background-divider:                 var(--buic-background-divider);
+$buic-background-widget-element-stroke:   var(--buic-background-widget-element-stroke);
+$buic-background-control-disabled:        var(--buic-background-control-disabled);
+$buic-background-table-header:            var(--buic-background-table-header);
+$buic-background-control-stroke-disabled: var(--buic-background-control-stroke-disabled);
+
+$buic-background-tab-inactive:            var(--buic-background-tab-inactive);
+$buic-background-toolbutton-inactive:     var(--buic-background-toolbutton-inactive);
+$buic-background-context-menu:            var(--buic-background-context-menu);
+$buic-background-panel:                   var(--buic-background-panel);
+$buic-background-placeholder:             var(--buic-background-placeholder);
+$buic-background-striped_row:             var(--buic-background-striped_row);
+
+$buic-background-tab-active:              var(--buic-background-tab-active);
+$buic-background-dialog:                  var(--buic-background-dialog);
+$buic-background-widget:                  var(--buic-background-widget);
+$buic-background-window:                  var(--buic-background-window);
+$buic-background-toolbar:                 var(--buic-background-toolbar);
+
+$buic-background-card:                    var(--buic-background-card);
+$buic-background-control:                 var(--buic-background-control);
+
+$buic-background-focus-overlay:           var(--buic-background-focus-overlay);
+$buic-background-hover-overlay:           var(--buic-background-hover-overlay);
+$buic-background-active-overlay:          var(--buic-background-active-overlay);
+$buic-background-pressed-overlay:         var(--buic-background-pressed-overlay);
+
+/** Text and icons */
+$buic-foreground-body-rgb:                var(--buic-foreground-body-rgb);
+$buic-foreground-body-reverse-rgb:        var(--buic-foreground-body-reverse-rgb);
+
+$buic-foreground-body:                    var(--buic-foreground-body);
+$buic-foreground-body-reverse:            var(--buic-foreground-body-reverse);
+$buic-foreground-disabled:                var(--buic-foreground-disabled);
+$buic-foreground-muted:                   var(--buic-foreground-muted);
+$buic-foreground-activehover:             var(--buic-foreground-activehover);
+
+$buic-text-color:                         var(--buic-foreground-body);          // 0.85 opacity
+$buic-text-color-disabled:                var(--buic-foreground-disabled);      // 0.45 opacity (Note: 0.25 is too much)
+$buic-text-color-muted:                   var(--buic-foreground-muted);         // 0.65 opacity
+$buic-text-color-reverse:                 var(--buic-foreground-body-reverse);  // 0.85 opacity
+$buic-text-color-hover:                   var(--buic-foreground-activehover);   // 1.00 opacity
+$buic-text-color-highlight:               var(--buic-foreground-primary);       // themed
+
+$buic-icon-color:                         var(--buic-foreground-body);
+$buic-icon-color-disabled:                var(--buic-foreground-disabled);
+$buic-icon-color-reverse:                 var(--buic-foreground-body-reverse);
+
+$buic-background-editable:                var(--buic-background-editable);
+$buic-row-selection:                      var(--buic-row-selection);
+$buic-row-hover:                          var(--buic-row-hover);
+
+$buic-button-gradient1:                   var(--buic-button-gradient1);
+$buic-button-gradient2:                   var(--buic-button-gradient2);
+
+$buic-foreground-focus-border:            var(--buic-foreground-focus-border);
+$buic-inputs-border:                      var(--buic-inputs-border);
+$buic-focus-boxshadow:                    var(--buic-focus-boxshadow);
+$buic-inputs-boxshadow:                   var(--buic-inputs-boxshadow);
+$buic-popup-boxshadow:                    var(--buic-popup-boxshadow);
+
+/** Themed colors */
+$buic-foreground-accessory:               var(--buic-foreground-accessory);
+$buic-foreground-primary-rgb:             var(--buic-foreground-primary-rgb);
+$buic-foreground-primary:                 var(--buic-foreground-primary);
+$buic-foreground-primary-tone:            var(--buic-foreground-primary-tone);
+$buic-foreground-positive:                var(--buic-foreground-positive);
+$buic-foreground-positive-rgb:            var(--buic-foreground-positive-rgb);
+$buic-foreground-success:                 var(--buic-foreground-positive);
+$buic-foreground-negative:                var(--buic-foreground-negative);
+$buic-foreground-negative-rgb:            var(--buic-foreground-negative-rgb);
+$buic-foreground-alert:                   var(--buic-foreground-negative);
+$buic-foreground-error:                   var(--buic-foreground-negative);
+$buic-foreground-warning:                 var(--buic-foreground-warning);
+$buic-foreground-warning-rgb:             var(--buic-foreground-warning-rgb);
+$buic-foreground-focus:                   var(--buic-foreground-focus);
+
+/** Static colors */
+// NEEDSWORK - Need to deprecate
+$buic-accessory-hollow:                   var(--buic-accessory-hollow);
+$buic-accessory-primary:                  var(--buic-accessory-primary);
+$buic-accessory-success:                  var(--buic-accessory-success);
+$buic-accessory-alert:                    var(--buic-accessory-alert);
+$buic-accessory-warning:                  var(--buic-accessory-warning);
+$buic-accessory-primary-tint:             var(--buic-accessory-primary-tint);
+$buic-accessory-success-tint:             var(--buic-accessory-success-tint);
+$buic-accessory-alert-tint:               var(--buic-accessory-alert-tint);
+$buic-accessory-warning-tint:             var(--buic-accessory-warning-tint);
+
+/** Widget Opacity */
+$buic-widget-opacity:                     var(--buic-widget-opacity, 0.90);
+
+/** Toolbar Opacity */
+$buic-toolbar-opacity:                     var(--buic-toolbar-opacity, 0.50);

package/lib/esm/core-react/style/typography.scss

@@ -1,44 +1,43 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-// @warn "typography.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/typography' instead.";
-
-/// Constants ------------------------------------------------------------------
-
-$uicore-sans: var(--iui-font-sans);
-$uicore-monospace: var(--iui-font-mono);
-
-$uicore-font-family: var(--iui-font-sans);
-
-$uicore-font-size: var(--iui-font-size-1);
-$uicore-font-size-small: var(--iui-font-size-0);
-$uicore-font-size-leading: var(--iui-font-size-2);
-$uicore-font-size-subheading: var(--iui-font-size-3);
-$uicore-font-size-title: var(--iui-font-size-4);
-$uicore-font-size-headline: var(--iui-font-size-5);
-
-//TODO review this cap part
-$uicore-cap-size: var(--iui-font-size-1);
-$uicore-cap-size-small: var(--iui-font-size-0);
-$uicore-cap-size-leading: var(--iui-font-size-2);
-$uicore-cap-size-subheading: var(--iui-font-size-3);
-$uicore-cap-size-title: var(--iui-font-size-4);
-$uicore-cap-size-headline: var(--iui-font-size-5);
-
-$uicore-font-weight-light: var(--iui-font-weight-light);
-$uicore-font-weight-normal: var(--iui-font-weight-normal);
-$uicore-font-weight-semibold: var(--iui-font-weight-semibold);
-$uicore-font-weight-bold: var(--iui-font-weight-bold);
-
-/// Font loading helpers -------------------------------------------------------
-/// See: https://www.zachleat.com/web/comprehensive-webfonts
-
-//TODO review this
-$uicore-font-loaded-class: var(--iui-font-sans);
-
-@mixin uicore-font-family {
-  @include iui-font-family;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+// @warn "typography.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/typography' instead.";
+
+/// Constants ------------------------------------------------------------------
+
+$uicore-sans:                      $iui-sans;
+$uicore-monospace:                 $iui-monospace;
+
+$uicore-font-family:               $iui-font-family;
+
+$uicore-font-size:                 $iui-font-size;
+$uicore-font-size-small:           $iui-font-size-small;
+$uicore-font-size-leading:         $iui-font-size-leading;
+$uicore-font-size-subheading:      $iui-font-size-subheading;
+$uicore-font-size-title:           $iui-font-size-title;
+$uicore-font-size-headline:        $iui-font-size-headline;
+
+$uicore-cap-size:                  $iui-cap-size;
+$uicore-cap-size-small:            $iui-cap-size-small;
+$uicore-cap-size-leading:          $iui-cap-size-leading;
+$uicore-cap-size-subheading:       $iui-cap-size-subheading;
+$uicore-cap-size-title:            $iui-cap-size-title;
+$uicore-cap-size-headline:         $iui-cap-size-headline;
+
+$uicore-font-weight-light:         $iui-font-weight-light;
+$uicore-font-weight-normal:        $iui-font-weight-normal;
+$uicore-font-weight-semibold:      $iui-font-weight-semibold;
+$uicore-font-weight-bold:          $iui-font-weight-bold;
+
+/// Font loading helpers -------------------------------------------------------
+/// See: https://www.zachleat.com/web/comprehensive-webfonts
+
+$uicore-font-loaded-class:         $iui-font-loaded-class;
+
+@mixin uicore-font-family {
+
+  @include iui-font-family;
+}

package/lib/esm/core-react/style/variables.scss

@@ -1,12 +1,13 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-// @warn "variables.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/variables' instead.";
-
-$uicore-border-radius: var(--iui-border-radius-1);
-
-$uicore-component-height-small: 24px;
-$uicore-component-height-normal: 28px;
-$uicore-component-height-large: 32px;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/style/variables";
+
+// @warn "variables.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/variables' instead.";
+
+$uicore-border-radius:    $iui-border-radius;
+
+$uicore-component-height-small:   24px;
+$uicore-component-height-normal:  28px;
+$uicore-component-height-large:   32px;

package/lib/esm/core-react/tabs/HorizontalTabs.d.ts

@@ -0,0 +1,11 @@
+/** @packageDocumentation
+ * @module Tabs
+ */
+/// <reference types="react" />
+import { TabsProps } from "./Tabs";
+/** Horizontal tabs meant to represent the current position in a page/section
+ * @public
+ * @deprecated in 3.0. Use HorizontalTabs in itwinui-react instead
+ */
+export declare function HorizontalTabs(props: TabsProps): JSX.Element;
+//# sourceMappingURL=HorizontalTabs.d.ts.map

package/lib/esm/core-react/tabs/HorizontalTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabs.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tabs/HorizontalTabs.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGzC;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,eAI9C"}

package/lib/esm/core-react/tabs/HorizontalTabs.js

@@ -0,0 +1,18 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tabs
+ */
+import * as React from "react";
+import { Tabs } from "./Tabs";
+import { Orientation } from "../enums/Orientation";
+/** Horizontal tabs meant to represent the current position in a page/section
+ * @public
+ * @deprecated in 3.0. Use HorizontalTabs in itwinui-react instead
+ */
+export function HorizontalTabs(props) {
+    return (React.createElement(Tabs, { mainClassName: "uicore-tabs-horizontal", orientation: Orientation.Horizontal, ...props }));
+}
+//# sourceMappingURL=HorizontalTabs.js.map

package/lib/esm/core-react/tabs/HorizontalTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabs.js","sourceRoot":"","sources":["../../../../src/core-react/tabs/HorizontalTabs.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAAgB;IAC7C,OAAO,CACL,oBAAC,IAAI,IAAC,aAAa,EAAC,wBAAwB,EAAC,WAAW,EAAE,WAAW,CAAC,UAAU,KAAM,KAAK,GAAI,CAChG,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Tabs\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Tabs, TabsProps } from \"./Tabs\";\r\nimport { Orientation } from \"../enums/Orientation\";\r\n\r\n/** Horizontal tabs meant to represent the current position in a page/section\r\n * @public\r\n * @deprecated in 3.0. Use HorizontalTabs in itwinui-react instead\r\n */\r\nexport function HorizontalTabs(props: TabsProps) {\r\n  return (\r\n    <Tabs mainClassName=\"uicore-tabs-horizontal\" orientation={Orientation.Horizontal} {...props} />\r\n  );\r\n}\r\n"]}

package/lib/esm/core-react/tabs/Tabs.d.ts

@@ -1,72 +1,72 @@
-/** @packageDocumentation
- * @module Tabs
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-import { Orientation } from "../enums/Orientation";
-/** TabLabel provides ability to define label, icon, and tooltip for a tab entry. The tooltip can be defined as JSX|Element
- *  to support react-tooltip component or a string that will be use to set the title property.
- * @public
- */
-export interface TabLabel {
-    label: string;
-    subLabel?: string;
-    icon?: string | JSX.Element;
-    tabId: string;
-    /** tooltip allows JSX.Element to support styled tooltips like react-tooltip. */
-    tooltip?: string | JSX.Element;
-    disabled?: boolean;
-}
-/** Properties for the [[VerticalTabs]] component
- * @public
- */
-export interface TabsProps extends React.AllHTMLAttributes<HTMLUListElement>, CommonProps {
-    /** Text shown for each tab
-     * @public */
-    labels: Array<string | TabLabel>;
-    /** Handler for activating a tab */
-    onActivateTab?: (index: number) => any;
-    /** Index of the initial active tab */
-    activeIndex?: number;
-    /** Indicates whether the bar on the active tab is green instead of the default blue */
-    green?: boolean;
-}
-/** State for [[Tabs]] component
- * @internal
- */
-interface TabsState {
-    activeIndex: number;
-}
-/** Properties for the base [[Tabs]] component
- * @public
- */
-export interface MainTabsProps extends TabsProps {
-    /** Main CSS class name */
-    mainClassName: string;
-    /** Orientation of the Tabs list */
-    orientation: Orientation;
-}
-/** Tabs meant to represent the current position in a page/section
- * @public
- */
-export declare class Tabs extends React.PureComponent<MainTabsProps, TabsState> {
-    private _anchorRefs;
-    private _itemKeyboardNavigator;
-    constructor(props: MainTabsProps);
-    private validateActiveIndex;
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentDidUpdate(prevProps: MainTabsProps): void;
-    private _handleFocusItem;
-    private _handleTabClick;
-    /** Handle keydown on tabs */
-    private _handleKeyDownEvent;
-    /** Handle keyup on tabs */
-    private _handleKeyUpEvent;
-    private _activateTab;
-    /** @internal */
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module Tabs
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+import { Orientation } from "../enums/Orientation";
+/** TabLabel provides ability to define label, icon, and tooltip for a tab entry. The tooltip can be defined as JSX|Element
+ *  to support react-tooltip component or a string that will be use to set the title property.
+ * @public
+ */
+export interface TabLabel {
+    label: string;
+    subLabel?: string;
+    icon?: string | JSX.Element;
+    tabId: string;
+    /** tooltip allows JSX.Element to support styled tooltips like react-tooltip. */
+    tooltip?: string | JSX.Element;
+    disabled?: boolean;
+}
+/** Properties for the [[HorizontalTabs]] and [[VerticalTabs]] components
+ * @public
+ */
+export interface TabsProps extends React.AllHTMLAttributes<HTMLUListElement>, CommonProps {
+    /** Text shown for each tab
+     * @public */
+    labels: Array<string | TabLabel>;
+    /** Handler for activating a tab */
+    onActivateTab?: (index: number) => any;
+    /** Index of the initial active tab */
+    activeIndex?: number;
+    /** Indicates whether the bar on the active tab is green instead of the default blue */
+    green?: boolean;
+}
+/** State for [[Tabs]] component
+ * @internal
+ */
+interface TabsState {
+    activeIndex: number;
+}
+/** Properties for the base [[Tabs]] component
+ * @public
+ */
+export interface MainTabsProps extends TabsProps {
+    /** Main CSS class name */
+    mainClassName: string;
+    /** Orientation of the Tabs list */
+    orientation: Orientation;
+}
+/** Tabs meant to represent the current position in a page/section
+ * @public
+ */
+export declare class Tabs extends React.PureComponent<MainTabsProps, TabsState> {
+    private _anchorRefs;
+    private _itemKeyboardNavigator;
+    constructor(props: MainTabsProps);
+    private validateActiveIndex;
+    /** @internal */
+    componentDidMount(): void;
+    /** @internal */
+    componentDidUpdate(prevProps: MainTabsProps): void;
+    private _handleFocusItem;
+    private _handleTabClick;
+    /** Handle keydown on tabs */
+    private _handleKeyDownEvent;
+    /** Handle keyup on tabs */
+    private _handleKeyUpEvent;
+    private _activateTab;
+    /** @internal */
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=Tabs.d.ts.map