@itwin/appui-react 5.30.1 → 5.32.0

package/lib/appui-react/layout/backstage/Item.scss

@@ -1,107 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@use "~@itwin/core-react/lib/core-react/style/breakpoints" as *;
-@use "../prefix" as *;
-@use "../safearea" as *;
-@use "variables" as *;
-
-.nz-backstage-item {
-  position: relative;
-  display: flex;
-  align-items: center;
-  padding-bottom: $nz-backstage-item-spacing;
-  padding-top: $nz-backstage-item-spacing;
-  cursor: pointer;
-
-  @include nz-transition(0.2s ease);
-
-  @include for-tablet-landscape-down {
-    padding-bottom: $nz-backstage-item-spacing-medium;
-    padding-top: $nz-backstage-item-spacing-medium;
-  }
-
-  @include for-phone-only {
-    padding-bottom: $nz-backstage-item-spacing-small;
-    padding-top: $nz-backstage-item-spacing-small;
-  }
-
-  &:hover {
-    background: var(--iui-color-background-hover);
-    color: var(--iui-color-text-hover);
-  }
-
-  &.nz-active {
-    background: var(--iui-color-background-accent-muted);
-
-    &:before {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      height: 100%;
-      margin-left: $nz-backstage-highlight-bar-spacing-left;
-      width: $nz-backstage-highlight-bar-spacing-left;
-      background: var(--iui-color-border-accent);
-    }
-  }
-
-  &.nz-disabled {
-    color: var(--iui-color-text-disabled);
-    pointer-events: none;
-  }
-
-  > .nz-icon {
-    display: flex;
-    padding-left: $nz-backstage-icon-spacing-left;
-    padding-right: $nz-backstage-icon-spacing-right;
-
-    svg {
-      fill: currentColor;
-    }
-  }
-
-  > div:last-child {
-    display: flex;
-    flex-direction: column;
-    padding-right: var(--iui-size-s);
-    overflow: hidden;
-
-    > span {
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-
-    > span:nth-child(2) {
-      margin-top: var(--iui-size-xs);
-      font-size: $nz-backstage-subtitle-font-size;
-      color: var(--iui-color-text-muted);
-
-      @include for-tablet-landscape-down {
-        font-size: var(--iui-font-size-0);
-      }
-
-      @include for-phone-only {
-        font-size: var(--iui-font-size-0) - 1px;
-      }
-    }
-  }
-
-  > .nz-badge {
-    position: absolute;
-    top: 1px;
-    left: 5px;
-  }
-
-  &.nz-safe-area-left {
-    @include nz-safe-area-left;
-
-    &.nz-active {
-      &:before {
-        @include nz-safe-area-left(left);
-      }
-    }
-  }
-}

package/lib/appui-react/layout/backstage/Separator.d.ts

@@ -1,13 +0,0 @@
-/** @packageDocumentation
- * @module Backstage
- */
-import "./Separator.scss";
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-/** Item separator in the [[Backstage]] component.
- * @internal
- */
-export declare class BackstageSeparator extends React.PureComponent<CommonProps> {
-    render(): React.JSX.Element;
-}
-//# sourceMappingURL=Separator.d.ts.map

package/lib/appui-react/layout/backstage/Separator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/layout/backstage/Separator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AAEH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IACtD,MAAM;CAUvB"}

package/lib/appui-react/layout/backstage/Separator.js

@@ -1,21 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Backstage
- */
-import "./Separator.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Item separator in the [[Backstage]] component.
- * @internal
- */
-// eslint-disable-next-line @typescript-eslint/no-deprecated
-export class BackstageSeparator extends React.PureComponent {
-    render() {
-        const className = classnames("nz-backstage-separator", this.props.className);
-        return (React.createElement("li", { className: className, style: this.props.style, role: "separator" }));
-    }
-}
-//# sourceMappingURL=Separator.js.map

package/lib/appui-react/layout/backstage/Separator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../../src/appui-react/layout/backstage/Separator.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,4DAA4D;AAC5D,MAAM,OAAO,kBAAmB,SAAQ,KAAK,CAAC,aAA0B;IACtD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,wBAAwB,EACxB,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,4BAAI,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,WAAW,GAAG,CACvE,CAAC;IACJ,CAAC;CACF","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 Backstage\n */\n\nimport \"./Separator.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** Item separator in the [[Backstage]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class BackstageSeparator extends React.PureComponent<CommonProps> {\n  public override render() {\n    const className = classnames(\n      \"nz-backstage-separator\",\n      this.props.className\n    );\n\n    return (\n      <li className={className} style={this.props.style} role=\"separator\" />\n    );\n  }\n}\n"]}

package/lib/appui-react/layout/backstage/Separator.scss

@@ -1,10 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@use "variables" as *;
-
-.nz-backstage-separator {
-  height: $nz-backstage-divider-height;
-  background-color: var(--iui-color-border-subtle);
-}

package/lib/cjs/appui-react/layout/backstage/Backstage.scss

@@ -1,90 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@use "~@itwin/core-react/lib/core-react/z-index" as *;
-@use "~@itwin/core-react/lib/core-react/style/breakpoints" as *;
-@use "../prefix" as *;
-@use "../safearea" as *;
-@use "../scrollbar" as *;
-@use "variables" as *;
-
-.nz-backstage-backstage {
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: $nz-backstage-width;
-  height: 100%;
-  font-size: $nz-backstage-item-font-size;
-  color: var(--iui-color-text);
-  background-color: var(--iui-color-background);
-  border-right: 1px solid var(--iui-color-border);
-  transform: translateX(-100%);
-  box-sizing: border-box;
-
-  @include uicore-z-index(backstage);
-  @include nz-transition(transform 0.25s ease);
-
-  &.nz-open {
-    @include nz-transform(translateX(0%));
-  }
-
-  @include for-tablet-landscape-down {
-    font-size: var(--iui-font-size-1);
-  }
-
-  @include for-phone-only {
-    font-size: var(--iui-font-size-0);
-  }
-
-  > ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    overflow: auto;
-
-    @include nz-scrollbar;
-  }
-
-  > .nz-header {
-    border-bottom: $nz-backstage-header-divider-width solid
-      var(--iui-color-border-subtle);
-  }
-
-  > .nz-footer {
-    margin-top: auto;
-  }
-
-  &.nz-safe-area-top {
-    @include nz-safe-area-top;
-  }
-
-  &.nz-safe-area-bottom {
-    @include nz-safe-area-bottom;
-  }
-}
-
-.nz-backstage-backstage_overlay {
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  overflow: hidden;
-  opacity: 0;
-  visibility: hidden;
-  background: transparent;
-  @include uicore-z-index(backstage);
-  @include nz-transition(0.25s ease);
-
-  &.nz-open {
-    visibility: visible;
-    opacity: 1;
-  }
-
-  &.nz-overlay {
-    background-color: $nz-backstage-overlay-background;
-  }
-}

package/lib/cjs/appui-react/layout/backstage/Item.scss

@@ -1,107 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@use "~@itwin/core-react/lib/core-react/style/breakpoints" as *;
-@use "../prefix" as *;
-@use "../safearea" as *;
-@use "variables" as *;
-
-.nz-backstage-item {
-  position: relative;
-  display: flex;
-  align-items: center;
-  padding-bottom: $nz-backstage-item-spacing;
-  padding-top: $nz-backstage-item-spacing;
-  cursor: pointer;
-
-  @include nz-transition(0.2s ease);
-
-  @include for-tablet-landscape-down {
-    padding-bottom: $nz-backstage-item-spacing-medium;
-    padding-top: $nz-backstage-item-spacing-medium;
-  }
-
-  @include for-phone-only {
-    padding-bottom: $nz-backstage-item-spacing-small;
-    padding-top: $nz-backstage-item-spacing-small;
-  }
-
-  &:hover {
-    background: var(--iui-color-background-hover);
-    color: var(--iui-color-text-hover);
-  }
-
-  &.nz-active {
-    background: var(--iui-color-background-accent-muted);
-
-    &:before {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      height: 100%;
-      margin-left: $nz-backstage-highlight-bar-spacing-left;
-      width: $nz-backstage-highlight-bar-spacing-left;
-      background: var(--iui-color-border-accent);
-    }
-  }
-
-  &.nz-disabled {
-    color: var(--iui-color-text-disabled);
-    pointer-events: none;
-  }
-
-  > .nz-icon {
-    display: flex;
-    padding-left: $nz-backstage-icon-spacing-left;
-    padding-right: $nz-backstage-icon-spacing-right;
-
-    svg {
-      fill: currentColor;
-    }
-  }
-
-  > div:last-child {
-    display: flex;
-    flex-direction: column;
-    padding-right: var(--iui-size-s);
-    overflow: hidden;
-
-    > span {
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-
-    > span:nth-child(2) {
-      margin-top: var(--iui-size-xs);
-      font-size: $nz-backstage-subtitle-font-size;
-      color: var(--iui-color-text-muted);
-
-      @include for-tablet-landscape-down {
-        font-size: var(--iui-font-size-0);
-      }
-
-      @include for-phone-only {
-        font-size: var(--iui-font-size-0) - 1px;
-      }
-    }
-  }
-
-  > .nz-badge {
-    position: absolute;
-    top: 1px;
-    left: 5px;
-  }
-
-  &.nz-safe-area-left {
-    @include nz-safe-area-left;
-
-    &.nz-active {
-      &:before {
-        @include nz-safe-area-left(left);
-      }
-    }
-  }
-}

package/lib/cjs/appui-react/layout/backstage/Separator.scss

@@ -1,10 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@use "variables" as *;
-
-.nz-backstage-separator {
-  height: $nz-backstage-divider-height;
-  background-color: var(--iui-color-border-subtle);
-}

package/lib/esm/appui-react/layout/backstage/Backstage.scss

@@ -1,90 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@use "~@itwin/core-react/lib/core-react/z-index" as *;
-@use "~@itwin/core-react/lib/core-react/style/breakpoints" as *;
-@use "../prefix" as *;
-@use "../safearea" as *;
-@use "../scrollbar" as *;
-@use "variables" as *;
-
-.nz-backstage-backstage {
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: $nz-backstage-width;
-  height: 100%;
-  font-size: $nz-backstage-item-font-size;
-  color: var(--iui-color-text);
-  background-color: var(--iui-color-background);
-  border-right: 1px solid var(--iui-color-border);
-  transform: translateX(-100%);
-  box-sizing: border-box;
-
-  @include uicore-z-index(backstage);
-  @include nz-transition(transform 0.25s ease);
-
-  &.nz-open {
-    @include nz-transform(translateX(0%));
-  }
-
-  @include for-tablet-landscape-down {
-    font-size: var(--iui-font-size-1);
-  }
-
-  @include for-phone-only {
-    font-size: var(--iui-font-size-0);
-  }
-
-  > ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    overflow: auto;
-
-    @include nz-scrollbar;
-  }
-
-  > .nz-header {
-    border-bottom: $nz-backstage-header-divider-width solid
-      var(--iui-color-border-subtle);
-  }
-
-  > .nz-footer {
-    margin-top: auto;
-  }
-
-  &.nz-safe-area-top {
-    @include nz-safe-area-top;
-  }
-
-  &.nz-safe-area-bottom {
-    @include nz-safe-area-bottom;
-  }
-}
-
-.nz-backstage-backstage_overlay {
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  overflow: hidden;
-  opacity: 0;
-  visibility: hidden;
-  background: transparent;
-  @include uicore-z-index(backstage);
-  @include nz-transition(0.25s ease);
-
-  &.nz-open {
-    visibility: visible;
-    opacity: 1;
-  }
-
-  &.nz-overlay {
-    background-color: $nz-backstage-overlay-background;
-  }
-}

package/lib/esm/appui-react/layout/backstage/Item.scss

@@ -1,107 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@use "~@itwin/core-react/lib/core-react/style/breakpoints" as *;
-@use "../prefix" as *;
-@use "../safearea" as *;
-@use "variables" as *;
-
-.nz-backstage-item {
-  position: relative;
-  display: flex;
-  align-items: center;
-  padding-bottom: $nz-backstage-item-spacing;
-  padding-top: $nz-backstage-item-spacing;
-  cursor: pointer;
-
-  @include nz-transition(0.2s ease);
-
-  @include for-tablet-landscape-down {
-    padding-bottom: $nz-backstage-item-spacing-medium;
-    padding-top: $nz-backstage-item-spacing-medium;
-  }
-
-  @include for-phone-only {
-    padding-bottom: $nz-backstage-item-spacing-small;
-    padding-top: $nz-backstage-item-spacing-small;
-  }
-
-  &:hover {
-    background: var(--iui-color-background-hover);
-    color: var(--iui-color-text-hover);
-  }
-
-  &.nz-active {
-    background: var(--iui-color-background-accent-muted);
-
-    &:before {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      height: 100%;
-      margin-left: $nz-backstage-highlight-bar-spacing-left;
-      width: $nz-backstage-highlight-bar-spacing-left;
-      background: var(--iui-color-border-accent);
-    }
-  }
-
-  &.nz-disabled {
-    color: var(--iui-color-text-disabled);
-    pointer-events: none;
-  }
-
-  > .nz-icon {
-    display: flex;
-    padding-left: $nz-backstage-icon-spacing-left;
-    padding-right: $nz-backstage-icon-spacing-right;
-
-    svg {
-      fill: currentColor;
-    }
-  }
-
-  > div:last-child {
-    display: flex;
-    flex-direction: column;
-    padding-right: var(--iui-size-s);
-    overflow: hidden;
-
-    > span {
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-
-    > span:nth-child(2) {
-      margin-top: var(--iui-size-xs);
-      font-size: $nz-backstage-subtitle-font-size;
-      color: var(--iui-color-text-muted);
-
-      @include for-tablet-landscape-down {
-        font-size: var(--iui-font-size-0);
-      }
-
-      @include for-phone-only {
-        font-size: var(--iui-font-size-0) - 1px;
-      }
-    }
-  }
-
-  > .nz-badge {
-    position: absolute;
-    top: 1px;
-    left: 5px;
-  }
-
-  &.nz-safe-area-left {
-    @include nz-safe-area-left;
-
-    &.nz-active {
-      &:before {
-        @include nz-safe-area-left(left);
-      }
-    }
-  }
-}

package/lib/esm/appui-react/layout/backstage/Separator.scss

@@ -1,10 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@use "variables" as *;
-
-.nz-backstage-separator {
-  height: $nz-backstage-divider-height;
-  background-color: var(--iui-color-border-subtle);
-}