@itwin/core-react 4.1.0-dev.1 → 4.2.0-dev.1

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

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

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

@@ -1,77 +1,77 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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;
+$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;
+$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;
+$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;
+$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;
+$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-3: #23450b;
+$uicore-green-4: #346711;
+$uicore-green-5: #448615;
 
-$uicore-green-new:             #53A21A;
+$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;
+$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/cjs/core-react/style/mixins.scss

@@ -1,27 +1,23 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 
 @mixin no-link {
-
-  text-decoration:      none;
-  color:                var(--iui-color-text);
+  text-decoration: none;
+  color: var(--iui-color-text);
 
   &:link,
   &:visited,
   &:hover,
   &:active {
-
-    color:              var(--iui-color-text);
-    text-decoration:    none;
+    color: var(--iui-color-text);
+    text-decoration: none;
   }
 }
 
 @mixin firefox-only {
-
   @supports (-moz-appearance: none) {
     @content;
   }
-
 }

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

@@ -1,123 +1,133 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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:                       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);
+$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);
+$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);
+$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);
+$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);
+$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);
+$buic-widget-opacity: var(--buic-widget-opacity, 0.9);
 
 /** Toolbar Opacity */
-$buic-toolbar-opacity:                     var(--buic-toolbar-opacity, 0.50);
+$buic-toolbar-opacity: var(--buic-toolbar-opacity, 0.5);

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

@@ -11,10 +11,10 @@ import { Orientation } from "../enums/Orientation";
 export interface TabLabel {
     label: string;
     subLabel?: string;
-    icon?: string | JSX.Element;
+    icon?: string | React.ReactElement;
     tabId: string;
-    /** tooltip allows JSX.Element to support styled tooltips like react-tooltip. */
-    tooltip?: string | JSX.Element;
+    /** tooltip allows React.ReactElement to support styled tooltips like react-tooltip. */
+    tooltip?: string | React.ReactElement;
     disabled?: boolean;
 }
 /** Properties for the [[VerticalTabs]] component
@@ -66,7 +66,7 @@ export declare class Tabs extends React.PureComponent<MainTabsProps, TabsState>
     private _handleKeyUpEvent;
     private _activateTab;
     /** @internal */
-    render(): JSX.Element;
+    render(): React.ReactElement;
 }
 export {};
 //# sourceMappingURL=Tabs.d.ts.map

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

@@ -1 +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,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,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"}
+{"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,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,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,KAAK,CAAC,YAAY,CAAC;IACnC,KAAK,EAAE,MAAM,CAAoE;IACjF,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD;;GAEG;AACH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,WAAW;IACb;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;IAiBhC,OAAO,CAAC,mBAAmB;IAM3B,gBAAgB;IACA,iBAAiB;IAKjC,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,aAAa;IA4B3D,OAAO,CAAC,gBAAgB,CAItB;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,KAAK,CAAC,YAAY;CAyF7C"}

package/lib/cjs/core-react/tabs/Tabs.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -14,10 +14,10 @@ const Orientation_1 = require("../enums/Orientation");
 const ItemKeyboardNavigator_1 = require("../focus/ItemKeyboardNavigator");
 const IconHelper_1 = require("../utils/IconHelper");
 function isTabLabelWithIcon(item) {
-    return (typeof item !== "string") && !!(item).icon;
+    return typeof item !== "string" && !!item.icon;
 }
 function isTabLabel(item) {
-    return (typeof item !== "string");
+    return typeof item !== "string";
 }
 /** Tabs meant to represent the current position in a page/section
  * @public
@@ -92,8 +92,10 @@ class Tabs extends React.PureComponent {
     /** @internal */
     render() {
         const ulClassNames = (0, classnames_1.default)(this.props.mainClassName, this.props.green && "uicore-tabs-green", this.props.className);
-        const anyIconsPresent = (this.props.labels.reduce((a, b) => a + (isTabLabelWithIcon(b) ? 1 : 0), 0)) > 0;
-        return (React.createElement("ul", { className: ulClassNames, style: this.props.style, role: "tablist", "aria-orientation": this.props.orientation === Orientation_1.Orientation.Vertical ? "vertical" : "horizontal" }, this.props.labels.map((label, index) => {
+        const anyIconsPresent = this.props.labels.reduce((a, b) => a + (isTabLabelWithIcon(b) ? 1 : 0), 0) > 0;
+        return (React.createElement("ul", { className: ulClassNames, style: this.props.style, role: "tablist", "aria-orientation": this.props.orientation === Orientation_1.Orientation.Vertical
+                ? "vertical"
+                : "horizontal" }, this.props.labels.map((label, index) => {
             let disabled;
             let tooltipElement;
             let title;
@@ -110,15 +112,15 @@ class Tabs extends React.PureComponent {
                 else if (typeof label.tooltip === "string")
                     title = label.tooltip;
             }
-            return React.createElement("li", { key: index, title: title, className: (0, classnames_1.default)(index === this.state.activeIndex && "core-active", disabled && "core-tab-item-disabled"), role: "tab", "aria-selected": index === this.state.activeIndex, "data-for": `${tabId}` },
+            return (React.createElement("li", { key: index, title: title, className: (0, classnames_1.default)(index === this.state.activeIndex && "core-active", disabled && "core-tab-item-disabled"), role: "tab", "aria-selected": index === this.state.activeIndex, "data-for": `${tabId}` },
                 tooltipElement,
                 React.createElement("a", { ref: this._anchorRefs[index], tabIndex: index === this.state.activeIndex ? 0 : -1, onClick: () => this._handleTabClick(index), onKeyDown: (event) => this._handleKeyDownEvent(event, index), onKeyUp: (event) => this._handleKeyUpEvent(event, index), "data-testid": `${tabId}`, role: "button" },
                     " ",
                     React.createElement("div", { className: (0, classnames_1.default)("uicore-tabs-inline-label", disabled && "core-tab-item-disabled") },
-                        anyIconsPresent && React.createElement("span", { className: "uicore-tabs-icon" }, icon),
+                        anyIconsPresent && (React.createElement("span", { className: "uicore-tabs-icon" }, icon)),
                         React.createElement("div", { className: "uicore-tabs-label-subLabel-container" },
-                            React.createElement("span", null, (typeof label === "string") ? label : label.label),
-                            subLabel && React.createElement("span", { className: "uicore-tabs-subLabel" }, subLabel)))));
+                            React.createElement("span", null, typeof label === "string" ? label : label.label),
+                            subLabel && (React.createElement("span", { className: "uicore-tabs-subLabel" }, subLabel)))))));
         })));
     }
 }