@itwin/core-react 3.7.7 → 3.7.9

package/lib/esm/core-react/tabs/horizontal.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.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "./tabs";
-
-@mixin uicore-tabs-horizontal {
-
-  @include uicore-tabs;
-
-  > li {
-
-    display:        inline-block;
-    margin:         0 -1px 0 0;
-    padding:        0;
-
-    > a {
-
-      line-height:          $uicore-line-height;
-      padding:              9px 14px;
-      margin:               0;
-      border-bottom:        0 none transparent;
-      background:           $buic-background-tab-inactive;
-      text-align:           center;
-
-      $bar-size: 2px;
-
-      .uicore-tabs-inline-label {
-        display: grid;
-        grid-template-columns: auto 1fr;
-        align-items: center;
-      }
-
-      .uicore-tabs-subLabel {
-        white-space: nowrap;
-      }
-
-      &::after {
-
-        width: 100%;
-        height: $bar-size;
-        top: $bar-size;
-        padding-left: $bar-size;
-        padding-right: $bar-size;
-        box-sizing: border-box;
-        background-clip: content-box;
-      }
-
-      &:focus {
-        background-color: $buic-background-active-overlay;
-        outline: none;
-      }
-    }
-
-    &:not(.core-active) {
-      border-bottom: 1px solid $buic-background-dialog-stroke;
-    }
-
-    &:not(:first-child) {
-      border-left: 1px solid $buic-background-dialog-stroke;
-    }
-
-    &.core-active {
-      > a {
-
-        color:              $buic-foreground-primary;
-        background-color:   $buic-background-tab-active;
-
-        &:focus {
-          background-color: $buic-background-active-overlay;
-        }
-      }
-    }
-  }
-
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/index";
+@import "./tabs";
+
+@mixin uicore-tabs-horizontal {
+
+  @include uicore-tabs;
+
+  > li {
+
+    display:        inline-block;
+    margin:         0 -1px 0 0;
+    padding:        0;
+
+    > a {
+
+      line-height:          $uicore-line-height;
+      padding:              9px 14px;
+      margin:               0;
+      border-bottom:        0 none transparent;
+      background:           $buic-background-tab-inactive;
+      text-align:           center;
+
+      $bar-size: 2px;
+
+      .uicore-tabs-inline-label {
+        display: grid;
+        grid-template-columns: auto 1fr;
+        align-items: center;
+      }
+
+      .uicore-tabs-subLabel {
+        white-space: nowrap;
+      }
+
+      &::after {
+
+        width: 100%;
+        height: $bar-size;
+        top: $bar-size;
+        padding-left: $bar-size;
+        padding-right: $bar-size;
+        box-sizing: border-box;
+        background-clip: content-box;
+      }
+
+      &:focus {
+        background-color: $buic-background-active-overlay;
+        outline: none;
+      }
+    }
+
+    &:not(.core-active) {
+      border-bottom: 1px solid $buic-background-dialog-stroke;
+    }
+
+    &:not(:first-child) {
+      border-left: 1px solid $buic-background-dialog-stroke;
+    }
+
+    &.core-active {
+      > a {
+
+        color:              $buic-foreground-primary;
+        background-color:   $buic-background-tab-active;
+
+        &:focus {
+          background-color: $buic-background-active-overlay;
+        }
+      }
+    }
+  }
+
+}

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

@@ -1,6 +1,6 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./horizontal";
-@import "./vertical";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./horizontal";
+@import "./vertical";

package/lib/esm/core-react/tabs/tabs.scss

@@ -1,117 +1,117 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "../icons/variables";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-@mixin uicore-tabs {
-
-  display:            block;
-  list-style:         none;
-  padding:            0;
-  margin:             0;
-  box-sizing:         border-box;
-  border:             none;
-  outline:            none;
-
-  > li {
-
-    display:        block;
-    position:       relative;
-    padding:        0;
-    margin:         0;
-
-    &.core-tab-item-disabled {
-      pointer-events: none;
-    }
-
-    > a {
-
-      display:        block;
-      position:       relative;
-      padding:        $uicore-bordered-padding ( $iui-font-size - 1px ) $uicore-unbordered-padding;
-      margin:         0;
-      line-height:    $uicore-line-height;
-      color:          $buic-text-color;
-      cursor:         pointer;
-
-      .uicore-tabs-inline-label {
-
-        &.core-tab-item-disabled {
-          color: $buic-foreground-disabled;
-
-          .uicore-tabs-subLabel {
-            color: $buic-foreground-disabled;
-          }
-        }
-
-        .uicore-tabs-icon {
-          width: ( $uicore-icons-small + 12px );
-          height: ( $uicore-icons-small + 12px );
-          display: flex;
-          align-items: center;
-        }
-      }
-
-      &::after {
-
-        content:            "";
-        position:           absolute;
-        z-index:            1;
-        transition:         all $iui-speed-fast;
-        top:                0;
-        left:               0;
-        background:         $buic-foreground-primary;
-        opacity:            0;
-      }
-
-      &:hover {
-
-        text-decoration:    none;
-        color:              $buic-foreground-activehover;
-
-        &::after {
-
-          opacity:        1;
-        }
-      }
-    }
-
-    &.core-active {
-
-      > a {
-
-        font-weight:        $iui-font-weight-bold;
-
-        &::after {
-
-          opacity:        1;
-        }
-      }
-    }
-
-    .uicore-tabs-label-subLabel-container {
-      display: flex;
-      flex-direction: column;
-      .uicore-tabs-subLabel {
-        font-size: $iui-font-size-small;
-        font-weight: $iui-font-weight-semibold;
-      }
-    }
-    &:not(.core-active) {
-      .uicore-tabs-label-subLabel-container {
-        .uicore-tabs-subLabel {
-          color: $buic-text-color-muted;
-          font-weight: $iui-font-weight-light;
-        }
-      }
-    }
-  }
-
-  &.uicore-tabs-green > li > a::after {
-    background-color:     $buic-foreground-success;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/index";
+@import "../icons/variables";
+@import "~@itwin/itwinui-css/scss/style/speed";
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+@mixin uicore-tabs {
+
+  display:            block;
+  list-style:         none;
+  padding:            0;
+  margin:             0;
+  box-sizing:         border-box;
+  border:             none;
+  outline:            none;
+
+  > li {
+
+    display:        block;
+    position:       relative;
+    padding:        0;
+    margin:         0;
+
+    &.core-tab-item-disabled {
+      pointer-events: none;
+    }
+
+    > a {
+
+      display:        block;
+      position:       relative;
+      padding:        $uicore-bordered-padding ( $iui-font-size - 1px ) $uicore-unbordered-padding;
+      margin:         0;
+      line-height:    $uicore-line-height;
+      color:          $buic-text-color;
+      cursor:         pointer;
+
+      .uicore-tabs-inline-label {
+
+        &.core-tab-item-disabled {
+          color: $buic-foreground-disabled;
+
+          .uicore-tabs-subLabel {
+            color: $buic-foreground-disabled;
+          }
+        }
+
+        .uicore-tabs-icon {
+          width: ( $uicore-icons-small + 12px );
+          height: ( $uicore-icons-small + 12px );
+          display: flex;
+          align-items: center;
+        }
+      }
+
+      &::after {
+
+        content:            "";
+        position:           absolute;
+        z-index:            1;
+        transition:         all $iui-speed-fast;
+        top:                0;
+        left:               0;
+        background:         $buic-foreground-primary;
+        opacity:            0;
+      }
+
+      &:hover {
+
+        text-decoration:    none;
+        color:              $buic-foreground-activehover;
+
+        &::after {
+
+          opacity:        1;
+        }
+      }
+    }
+
+    &.core-active {
+
+      > a {
+
+        font-weight:        $iui-font-weight-bold;
+
+        &::after {
+
+          opacity:        1;
+        }
+      }
+    }
+
+    .uicore-tabs-label-subLabel-container {
+      display: flex;
+      flex-direction: column;
+      .uicore-tabs-subLabel {
+        font-size: $iui-font-size-small;
+        font-weight: $iui-font-weight-semibold;
+      }
+    }
+    &:not(.core-active) {
+      .uicore-tabs-label-subLabel-container {
+        .uicore-tabs-subLabel {
+          color: $buic-text-color-muted;
+          font-weight: $iui-font-weight-light;
+        }
+      }
+    }
+  }
+
+  &.uicore-tabs-green > li > a::after {
+    background-color:     $buic-foreground-success;
+  }
+}

package/lib/esm/core-react/tabs/vertical.scss

@@ -1,64 +1,64 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "./tabs";
-
-@mixin uicore-tabs-vertical {
-
-  @include uicore-tabs;
-
-  > li {
-
-    display:        block;
-    margin:         0;
-    padding:        0;
-    width:          100%;
-
-    > a {
-
-      line-height:            $uicore-line-height;
-      padding:                14px 20px;
-      background:             $buic-background-tab-inactive;
-      border-width:           0;
-
-      $bar-size: 2px;
-
-      .uicore-tabs-inline-label {
-        display: grid;
-        grid-template-columns: auto 1fr;
-        align-items: center;
-      }
-
-      &::after {
-
-        height:             100%;
-        width:              $bar-size;
-        left:               $bar-size;
-        padding-top:        $bar-size;
-        padding-bottom:     $bar-size;
-        background-clip:    content-box;
-        box-sizing:         border-box;
-      }
-
-      &:focus {
-        background-color: $buic-background-active-overlay;
-        outline: none;
-      }
-    }
-
-    &.core-active {
-      > a {
-
-        color:              $buic-foreground-primary;
-        background-color:   $buic-background-tab-active;
-
-        &:focus {
-          background-color: $buic-background-active-overlay;
-        }
-      }
-    }
-  }
-
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/index";
+@import "./tabs";
+
+@mixin uicore-tabs-vertical {
+
+  @include uicore-tabs;
+
+  > li {
+
+    display:        block;
+    margin:         0;
+    padding:        0;
+    width:          100%;
+
+    > a {
+
+      line-height:            $uicore-line-height;
+      padding:                14px 20px;
+      background:             $buic-background-tab-inactive;
+      border-width:           0;
+
+      $bar-size: 2px;
+
+      .uicore-tabs-inline-label {
+        display: grid;
+        grid-template-columns: auto 1fr;
+        align-items: center;
+      }
+
+      &::after {
+
+        height:             100%;
+        width:              $bar-size;
+        left:               $bar-size;
+        padding-top:        $bar-size;
+        padding-bottom:     $bar-size;
+        background-clip:    content-box;
+        box-sizing:         border-box;
+      }
+
+      &:focus {
+        background-color: $buic-background-active-overlay;
+        outline: none;
+      }
+    }
+
+    &.core-active {
+      > a {
+
+        color:              $buic-foreground-primary;
+        background-color:   $buic-background-tab-active;
+
+        &:focus {
+          background-color: $buic-background-active-overlay;
+        }
+      }
+    }
+  }
+
+}

package/lib/esm/core-react/text/BlockText.d.ts

@@ -1,10 +1,10 @@
-/** @packageDocumentation
- * @module Text
- */
-/// <reference types="react" />
-import { TextProps } from "./TextProps";
-/** Styled block text React functional component
- * @public
- */
-export declare function BlockText(props: TextProps): JSX.Element;
+/** @packageDocumentation
+ * @module Text
+ */
+/// <reference types="react" />
+import { TextProps } from "./TextProps";
+/** Styled block text React functional component
+ * @public
+ */
+export declare function BlockText(props: TextProps): JSX.Element;
 //# sourceMappingURL=BlockText.d.ts.map

package/lib/esm/core-react/text/BlockText.js

@@ -1,16 +1,16 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Text
- */
-import * as React from "react";
-import { StyledText } from "./StyledText";
-/** Styled block text React functional component
- * @public
- */
-export function BlockText(props) {
-    return React.createElement(StyledText, { ...props, mainClassName: "uicore-text-block" });
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Text
+ */
+import * as React from "react";
+import { StyledText } from "./StyledText";
+/** Styled block text React functional component
+ * @public
+ */
+export function BlockText(props) {
+    return React.createElement(StyledText, { ...props, mainClassName: "uicore-text-block" });
+}
 //# sourceMappingURL=BlockText.js.map

package/lib/esm/core-react/text/BlockText.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockText.js","sourceRoot":"","sources":["../../../../src/core-react/text/BlockText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,KAAgB;IACxC,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AACrE,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 Text\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { StyledText } from \"./StyledText\";\r\nimport { TextProps } from \"./TextProps\";\r\n\r\n/** Styled block text React functional component\r\n * @public\r\n */\r\nexport function BlockText(props: TextProps) {\r\n  return <StyledText {...props} mainClassName=\"uicore-text-block\" />;\r\n}\r\n"]}
+{"version":3,"file":"BlockText.js","sourceRoot":"","sources":["../../../../src/core-react/text/BlockText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,KAAgB;IACxC,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AACrE,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 Text\n */\n\nimport * as React from \"react\";\nimport { StyledText } from \"./StyledText\";\nimport { TextProps } from \"./TextProps\";\n\n/** Styled block text React functional component\n * @public\n */\nexport function BlockText(props: TextProps) {\n  return <StyledText {...props} mainClassName=\"uicore-text-block\" />;\n}\n"]}

package/lib/esm/core-react/text/BodyText.d.ts

@@ -1,10 +1,10 @@
-/** @packageDocumentation
- * @module Text
- */
-/// <reference types="react" />
-import { TextProps } from "./TextProps";
-/** Styled body text React functional component
- * @public
- */
-export declare function BodyText(props: TextProps): JSX.Element;
+/** @packageDocumentation
+ * @module Text
+ */
+/// <reference types="react" />
+import { TextProps } from "./TextProps";
+/** Styled body text React functional component
+ * @public
+ */
+export declare function BodyText(props: TextProps): JSX.Element;
 //# sourceMappingURL=BodyText.d.ts.map

package/lib/esm/core-react/text/BodyText.js

@@ -1,16 +1,16 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Text
- */
-import * as React from "react";
-import { StyledText } from "./StyledText";
-/** Styled body text React functional component
- * @public
- */
-export function BodyText(props) {
-    return React.createElement(StyledText, { ...props, mainClassName: "uicore-text-body" });
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Text
+ */
+import * as React from "react";
+import { StyledText } from "./StyledText";
+/** Styled body text React functional component
+ * @public
+ */
+export function BodyText(props) {
+    return React.createElement(StyledText, { ...props, mainClassName: "uicore-text-body" });
+}
 //# sourceMappingURL=BodyText.js.map

package/lib/esm/core-react/text/BodyText.js.map

@@ -1 +1 @@
-{"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/core-react/text/BodyText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAgB;IACvC,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAC,kBAAkB,GAAG,CAAC;AACpE,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 Text\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { StyledText } from \"./StyledText\";\r\nimport { TextProps } from \"./TextProps\";\r\n\r\n/** Styled body text React functional component\r\n * @public\r\n */\r\nexport function BodyText(props: TextProps) {\r\n  return <StyledText {...props} mainClassName=\"uicore-text-body\" />;\r\n}\r\n"]}
+{"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/core-react/text/BodyText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAgB;IACvC,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAC,kBAAkB,GAAG,CAAC;AACpE,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 Text\n */\n\nimport * as React from \"react\";\nimport { StyledText } from \"./StyledText\";\nimport { TextProps } from \"./TextProps\";\n\n/** Styled body text React functional component\n * @public\n */\nexport function BodyText(props: TextProps) {\n  return <StyledText {...props} mainClassName=\"uicore-text-body\" />;\n}\n"]}