@itwin/core-react 3.0.0-dev.77 → 3.0.0-dev.81

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

@@ -0,0 +1,13 @@
+/*---------------------------------------------------------------------------------------------
+* 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/baseline";
+
+$uicore-baseline:                  $iui-baseline;
+$uicore-line-height:               $iui-line-height;    ///  22px; /// ~1.618;
+
+$uicore-bordered-padding:          $uicore-baseline - 1px;
+$uicore-bordered-padding-large:    $uicore-baseline * 2 - 1px;
+$uicore-unbordered-padding:        $uicore-baseline;
+$uicore-unbordered-padding-large:  $uicore-baseline * 2;

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

@@ -0,0 +1,41 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+/* Breakpoints */
+@mixin for-phone-only {
+  @media (max-width: 599px) { @content; }
+}
+
+@mixin for-tablet-portrait-up {
+  @media (min-width: 600px) { @content; }
+}
+
+@mixin for-tablet-portrait-down {
+  @media (max-width: 799px) { @content; }
+}
+
+@mixin for-tablet-landscape-up {
+  @media (min-width: 800px) { @content; }
+}
+
+@mixin for-tablet-landscape-down {
+  @media (max-width: 1099px) { @content; }
+}
+
+@mixin for-desktop-up {
+  @media (min-width: 1100px) { @content; }
+}
+
+@mixin for-small-desktop-down {
+  @media (max-width: 1299px) { @content; }
+}
+
+@mixin for-medium-desktop-up {
+  @media (min-width: 1300px) { @content; }
+}
+
+@mixin for-big-desktop-up {
+  @media (min-width: 1800px) { @content; }
+}

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

@@ -0,0 +1,77 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+/// Variables ------------------------------------------------------------------
+
+/// Primary colors:
+
+$uicore-green:                 #56aa1c;
+$uicore-blue:                  #008be1;
+$uicore-gray:                  #9ba5ae;
+$uicore-text-color:            #2a2f34;
+
+/// Other colors:
+
+$uicore-black:                 #000;
+$uicore-white:                 #fff;
+$uicore-yellow:                #ffcf00;
+$uicore-orange:                #ff6600;
+$uicore-red:                   #cc0000;
+$uicore-teal:                  #2b9b7f;
+
+/// Highlights:
+
+$uicore-blue-highlight:        #e5f5fd;
+$uicore-green-highlight:       #eef6e8;
+$uicore-red-highlight:         #fae5e5;
+
+/// Gray:
+
+$uicore-gray-1:                #070809;
+$uicore-gray-3:                #3c434a;
+$uicore-gray-4:                #4d575f;
+$uicore-gray-5:                #677480;
+$uicore-gray-6:                #85929d;
+$uicore-gray-8:                #a6afb7;
+$uicore-gray-9:                #c7ccd1;
+$uicore-gray-a:                #dce0e3;
+$uicore-gray-b:                #eef0f3;
+$uicore-gray-c:                #f8f9fb;
+
+/// Blue:
+
+$uicore-blue-3:                #00426b;
+$uicore-blue-4:                #005a92;
+$uicore-blue-5:                #0073ba;
+$uicore-blue-6:                $uicore-blue;
+$uicore-blue-8:                #58bfff;
+$uicore-blue-a:                #a6ddff;
+
+/// Green:
+
+$uicore-green-3:               #23450b;
+$uicore-green-4:               #346711;
+$uicore-green-5:               #448615;
+
+$uicore-green-new:             #53A21A;
+
+/// Teal:
+
+$uicore-teal-0:                $uicore-green;
+$uicore-teal-1:                #2b9b1b;
+$uicore-teal-2:                #2b9b2f;
+$uicore-teal-3:                #2b9b43;
+$uicore-teal-4:                #2b9b57;
+$uicore-teal-5:                #2b9b6b;
+$uicore-teal-6:                #2b9b7f;
+$uicore-teal-7:                #2b9b93;
+$uicore-teal-8:                #2b9ba7;
+$uicore-teal-9:                #2b9bbb;
+$uicore-teal-a:                #2b9bcf;
+$uicore-teal-b:                #2b9be3;
+$uicore-teal-c:                $uicore-blue-6;
+$uicore-teal-d:                $uicore-blue-5;
+$uicore-teal-e:                $uicore-blue-4;
+$uicore-teal-f:                $uicore-blue-3;

package/lib/esm/core-react/style/data-viz.scss

@@ -0,0 +1,23 @@
+/*---------------------------------------------------------------------------------------------
+* 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/color";
+
+// @warn "data-viz.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/colors' instead.";
+
+/** iTwin.js Data Visualization Colors */
+
+$buic-dataviz-skyblue:        $iui-color-dataviz-skyblue;
+$buic-dataviz-celery:	        $iui-color-dataviz-celery;
+$buic-dataviz-froly:	        $iui-color-dataviz-froly;
+$buic-dataviz-steelblue:	    $iui-color-dataviz-steelblue;
+$buic-dataviz-sunglow:	      $iui-color-dataviz-sunglow;
+$buic-dataviz-seabuckthorn:	  $iui-color-dataviz-seabuckthorn;
+$buic-dataviz-montecarlo:	    $iui-color-dataviz-montecarlo;
+$buic-dataviz-poloblue:	      $iui-color-dataviz-poloblue;
+$buic-dataviz-bouquet:	      $iui-color-dataviz-bouquet;
+$buic-dataviz-ash:	          $iui-color-dataviz-ash;
+$buic-dataviz-oak:	          $iui-color-dataviz-oak;
+
+// cSpell:ignore dataviz froly seabuckthorn montecarlo poloblue

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

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./baseline";
+@import "./breakpoints";
+@import "./themecolors";
+@import "./colors";
+@import "./mixins";
+@import "./opacity";
+
+// Deprecated
+@import "./data-viz";
+@import "./space";
+@import "./speed";
+@import "./typography";
+@import "./variables";

package/lib/esm/core-react/style/itwinui-overrides.scss

@@ -0,0 +1,93 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../icons/variables";
+@import "../inputs/variables";
+@import "./themecolors";
+@import "./variables";
+@import "~@itwin/itwinui-css/scss/style/space";
+
+// Override some iTwinUI-css padding and minimums for iTwin.js applications
+
+@mixin small-itwinui-input {
+
+  .iui-input {
+    min-height: $uicore-component-height-normal !important;
+    padding: $uicore-iui-input-padding !important;
+  }
+
+}
+
+@mixin small-itwinui-select {
+
+  .iui-select {
+    >.iui-select-button {
+      min-height: $uicore-component-height-normal !important;
+      padding-top: 2px !important;
+      padding-bottom: 2px !important;
+      padding-right: 24px !important;
+    }
+
+    >.iui-select-button::after {
+      right: 6px !important;
+    }
+  }
+
+}
+
+@mixin small-itwinui-toggle-switch {
+
+  .iui-toggle-switch {
+    padding: 1px 0 !important;
+  }
+
+}
+
+@mixin small-itwinui-expandable-block {
+
+  $small-space: 5px;
+
+  .iui-expandable-block {
+    >.iui-header {
+      padding: $small-space $small-space !important;
+
+      >.iui-icon {
+        width: $uicore-icons-x-small !important;
+        height: $uicore-icons-x-small !important;
+
+        margin-left: $iui-xs !important;
+      }
+
+      >.iui-expandable-block-label {
+        margin-left: 8px;
+      }
+    }
+
+    &.iui-expanded {
+      >.iui-content {
+        padding: 0 !important;
+      }
+    }
+  }
+
+}
+
+@mixin adjust-itwinui-toast {
+
+  .iui-toast {
+    margin: 0 !important;
+    width: 100% !important;
+  }
+
+}
+
+@mixin itwinui-style-overrides {
+
+  @include small-itwinui-input;
+  @include small-itwinui-select;
+  @include small-itwinui-toggle-switch;
+  @include small-itwinui-expandable-block;
+  @include adjust-itwinui-toast;
+
+}

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

@@ -0,0 +1,28 @@
+/*---------------------------------------------------------------------------------------------
+* 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/mixins";
+
+@mixin no-link {
+
+  text-decoration:      none;
+  color:                $buic-text-color;
+
+  &:link,
+  &:visited,
+  &:hover,
+  &:active {
+
+    color:              $buic-text-color;
+    text-decoration:    none;
+  }
+}
+
+@mixin firefox-only {
+
+  @supports (-moz-appearance: none) {
+    @content;
+  }
+
+}

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

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+/// Opacity stops:
+
+$uicore-opacity-1:          var(--iui-opacity-1);
+$uicore-opacity-2:          var(--iui-opacity-2);
+$uicore-opacity-3:          var(--iui-opacity-3);
+$uicore-opacity-4:          var(--iui-opacity-4);
+$uicore-opacity-5:          var(--iui-opacity-5);
+$uicore-opacity-6:          var(--iui-opacity-6);
+
+$uicore-opacity-muted:      $uicore-opacity-3;
+$uicore-opacity-disabled:   $uicore-opacity-4;
+$uicore-opacity-boxshadow:  $uicore-opacity-4;

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

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+* 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/space";
+
+// @warn "space.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/space' instead.";
+
+$uicore-xxs:           $iui-xxs;    // 2px
+$uicore-xs:            $iui-xs;     // 4px
+$uicore-s:             $iui-s;      // 8px
+$uicore-sm:            $iui-sm;     // 12px
+$uicore-m:             $iui-m;      // 16px
+$uicore-l:             $iui-l;      // 24px
+$uicore-xl:            $iui-xl;     // 32px
+$uicore-xxl:           $iui-xxl;    // 64px
+$uicore-3xl:           $iui-3xl;    // 96px

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

@@ -0,0 +1,13 @@
+/*---------------------------------------------------------------------------------------------
+* 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/speed";
+
+// @warn "speed.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/space' instead.";
+
+/// Animation speed:
+
+$uicore-speed-fast:   $iui-speed-fast;
+$uicore-speed:        $iui-speed;
+$uicore-speed-slow:   $iui-speed-slow;

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

@@ -0,0 +1,126 @@
+/*---------------------------------------------------------------------------------------------
+* 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);

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

@@ -0,0 +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:                      $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

@@ -0,0 +1,13 @@
+/*---------------------------------------------------------------------------------------------
+* 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 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 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":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Tabs\n */\n\nimport * as React from \"react\";\nimport { Tabs, TabsProps } from \"./Tabs\";\nimport { Orientation } from \"../enums/Orientation\";\n\n/** Horizontal tabs meant to represent the current position in a page/section\n * @public\n * @deprecated Use HorizontalTabs in itwinui-react instead\n */\nexport function HorizontalTabs(props: TabsProps) {\n  return (\n    <Tabs mainClassName=\"uicore-tabs-horizontal\" orientation={Orientation.Horizontal} {...props} />\n  );\n}\n"]}

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

@@ -0,0 +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 [[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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tabs/Tabs.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAInD;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,WAAW;IACvF;iBACa;IACb,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC;IACjC,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IACvC,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,UAAU,SAAS;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,WAAW,CAAiD;IACpE,OAAO,CAAC,sBAAsB,CAAwB;gBAE1C,KAAK,EAAE,aAAa;IAYhC,OAAO,CAAC,mBAAmB;IAO3B,gBAAgB;IACA,iBAAiB;IAKjC,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,aAAa;IA6B3D,OAAO,CAAC,gBAAgB,CAKtB;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF,6BAA6B;IAC7B,OAAO,CAAC,mBAAmB;IAI3B,2BAA2B;IAC3B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,YAAY,CAGlB;IAEF,gBAAgB;IACA,MAAM,IAAI,GAAG,CAAC,OAAO;CA4DtC"}