@itwin/appui-react 5.0.0-dev.2 → 5.0.0-dev.3

package/lib/cjs/appui-react/statusfields/toolassistance/touch-cursor-pan.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m11.86364 9h-.00139a9.06327 9.06327 0 0 0 -1.56688-3.6616c-.36107-.54315-1.59904-2.3384-2.29026-2.3384s-1.92918 1.79525-2.30053 2.34762a9.041 9.041 0 0 0 -1.56638 3.65238h-.00184l.00055.02238-.00045.00773h.00065a3.932 3.932 0 0 0 3.86289 3.96989 3.93249 3.93249 0 0 0 3.86314-3.97909h.00035l-.00025-.00406zm-3.86364 2.54167a2.50073 2.50073 0 1 1 2.44019-2.5 2.47063 2.47063 0 0 1 -2.44019 2.5z" fill-rule="evenodd"/><path d="m3.16931 8.6875h-1.10681v1.375l-2.0625-2.0625 2.0625-2.0625v1.375h1.46783a5.5664 5.5664 0 0 0 -.36102 1.375zm12.83069-.6875-2.0625-2.0625v1.375h-1.45776a5.476 5.476 0 0 1 .35333 1.375h1.10443v1.375z" opacity=".55"/></svg>

package/lib/cjs/appui-react/statusfields/toolassistance/touch-cursor-point.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m12.25 11.6h-.00153c-.01447-1.33768-1.31731-3.41344-1.72356-4.02776-.39718-.59747-1.75891-2.57224-2.51929-2.57224s-2.1221 1.97477-2.53062 2.58238c-.40523.60273-1.70223 2.67945-1.723 4.01762h-.002l.0006.02462-.00049.0085h.00071a4.32523 4.32523 0 0 0 4.24918 4.36688 4.32575 4.32575 0 0 0 4.24945-4.377h.00039l-.00028-.00448zm-4.25 2.79583a2.75081 2.75081 0 1 1 2.68421-2.75 2.7177 2.7177 0 0 1 -2.68421 2.75z" fill-rule="evenodd"/><path d="m6.01337 5.23242a6.4677 6.4677 0 0 1 .71655-.7005 2 2 0 1 1 2.54669-.00537 6.37772 6.37772 0 0 1 .72077.697 3.00043 3.00043 0 1 0 -3.984.00885z" opacity=".55"/><circle cx="8" cy="3" r="1"/></svg>

package/lib/cjs/appui-react/theme/ThemeManager.scss

@@ -0,0 +1,9 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+.uifw-root {
+  height: 100%;
+  position: relative;
+}

package/lib/cjs/appui-react/toolbar/new-toolbars/Badge.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.
+ *--------------------------------------------------------------------------------------------*/
+.uifw-toolbar-group-badge {
+  position: absolute;
+  left: -1px;
+  top: -1px;
+
+  svg {
+    fill: currentColor;
+  }
+}

package/lib/cjs/appui-react/toolbar/new-toolbars/ExpandIndicator.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.
+ *--------------------------------------------------------------------------------------------*/
+@use "~@itwin/core-react/lib/core-react/geometry" as *;
+
+.uifw-toolbar-group-expandIndicator {
+  position: absolute;
+  bottom: 3px;
+  right: 3px;
+
+  @include triangle-bottom-right(
+    $width: 5px,
+    $height: 5px,
+    $color: currentColor
+  );
+}

package/lib/cjs/appui-react/toolbar/new-toolbars/Surface.scss

@@ -0,0 +1,35 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.uifw-toolbar-group-surface {
+  display: flex;
+  width: fit-content;
+  height: fit-content;
+  border-color: var(--iui-color-border-foreground);
+  transition: border-color var(--iui-duration-1) ease;
+  // TODO: needed due to opacity on toolbar container (since pointer events are disabled for center content).
+  pointer-events: all;
+  // TODO: fixes an issues on Safari where borders and backgrounds are overlapped by the viewport.
+  position: relative;
+
+  @supports (backdrop-filter: blur(5px)) {
+    background-color: hsl(
+      var(--iui-color-background-hsl) / var(--iui-opacity-2)
+    );
+    backdrop-filter: blur(5px);
+  }
+
+  &.uifw-vertical {
+    flex-direction: column;
+  }
+
+  &:hover,
+  &:focus-within {
+    border-color: var(--iui-color-border-foreground-hover);
+  }
+
+  &:empty {
+    display: none;
+  }
+}

package/lib/cjs/appui-react/toolbar/new-toolbars/ToolGroup.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.
+ *--------------------------------------------------------------------------------------------*/
+.uifw-toolbar-group-toolGroup_container {
+  flex: 1 1 100%;
+  min-width: 0;
+
+  &.uifw-vertical {
+    height: 100%;
+  }
+
+  &.uifw-end {
+    display: flex;
+    justify-content: flex-end;
+  }
+}

package/lib/cjs/appui-react/uiprovider/DefaultDialogGridContainer.scss

@@ -0,0 +1,103 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+.uifw-default-center-across-width {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-content: center;
+  grid-column: 1 / span 2;
+}
+
+.uifw-default-inline-editor-group {
+  display: flex;
+  gap: var(--iui-size-xs);
+
+  .uifw-default-label {
+    margin-right: var(--iui-size-xs);
+  }
+}
+
+.uifw-default-lock-and-label {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.uifw-default-property-lock {
+  margin-right: var(--iui-size-s);
+}
+
+.uifw-default-inline-label-and-editor {
+  display: flex;
+  align-items: center;
+}
+
+.uifw-default-label {
+  white-space: nowrap;
+}
+
+.uifw-dockedBar .uifw-default-label {
+  margin-right: var(--iui-size-xs);
+}
+
+.uifw-default-narrow-only-display {
+  display: none;
+}
+
+.uifw-default-container {
+  min-width: 200px;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-row-gap: 0px;
+  row-gap: 0px;
+  grid-column-gap: 8px;
+  column-gap: 8px;
+  font-family: var(--iui-font-sans);
+  font-size: 14px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  align-items: center;
+  margin: var(--iui-size-2xs);
+}
+
+.uifw-default-container.uifw-tool-settings-grid-container {
+  row-gap: var(--iui-size-xs);
+}
+
+.uifw-default-container.uifw-default-narrow {
+  grid-template-columns: 1fr;
+  row-gap: var(--iui-size-2xs);
+
+  .uifw-default-label {
+    margin-left: var(--iui-size-2xs);
+  }
+
+  .uifw-default-lock-and-label {
+    justify-content: flex-start;
+  }
+
+  .uifw-default-inline-label-and-editor {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .uifw-default-narrow-only-display {
+    display: block;
+  }
+
+  .uifw-default-wide-only-display {
+    display: none;
+  }
+
+  .uifw-default-center-across-width {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-content: center;
+    grid-column: 1 / span 1;
+  }
+}

package/lib/cjs/appui-react/widget-panels/DockedBar.scss

@@ -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.
+ *--------------------------------------------------------------------------------------------*/
+
+.uifw-dockedBar {
+  position: relative;
+  background-color: var(--iui-color-background);
+  height: var(--iui-component-height);
+
+  &[data-placement="top"] {
+    border-block-end: 1px solid var(--iui-color-border);
+  }
+
+  &[data-placement="bottom"] {
+    border-block-start: 1px solid var(--iui-color-border);
+  }
+}

package/lib/cjs/appui-react/widget-panels/Frontstage.scss

@@ -0,0 +1,19 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.uifw-widgetPanels-frontstage {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  > .uifw-widgetPanels {
+    flex: 1 1 auto;
+    min-height: 0;
+
+    > .nz-widgetPanels-content {
+      position: relative;
+      pointer-events: none;
+    }
+  }
+}

package/lib/cjs/appui-react/widget-panels/ToolSettings.scss

@@ -0,0 +1,12 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+.uifw-toolSettings-label-empty {
+  padding-right: var(--iui-size-s);
+}
+
+.uifw-floating-toolSettings-container {
+  padding-top: var(--iui-size-2xs);
+}

package/lib/cjs/appui-react/widget-panels/Toolbars.scss

@@ -0,0 +1,22 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.uifw-widgetPanels-toolbars {
+  display: grid;
+  height: 100%;
+  width: 100%;
+  padding: var(
+    --iui-size-s
+  ); // TODO: Change this to an AppUI global CSS variable.
+  box-sizing: border-box;
+  grid-template-columns: 1fr 1fr;
+
+  .nz-tools-widget {
+    grid-column: 1;
+
+    &.nz-widget-navigationArea {
+      grid-column: 2;
+    }
+  }
+}

package/lib/cjs/appui-react/widgets/BackstageAppButton.scss

@@ -0,0 +1,46 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.uifw-widget-backstageAppButton {
+  block-size: 2.5rem;
+  aspect-ratio: 1;
+}
+
+.uifw-widget-backstageAppButton_icon {
+  font-size: 1.5rem;
+
+  svg {
+    block-size: 1.5rem;
+    inline-size: 1.5rem;
+  }
+}
+
+.uifw-widget-backstageAppButton_label {
+  pointer-events: none;
+}
+
+.uifw-widget-backstageAppButton_bars {
+  height: 100%;
+
+  position: absolute;
+  top: 0;
+  left: -1px;
+
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
+
+  > .uifw-bar {
+    background-color: var(--iui-color-icon);
+    width: 4px;
+    height: 2px;
+    border-top-right-radius: var(--iui-border-radius-round);
+    border-bottom-right-radius: var(--iui-border-radius-round);
+    filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse));
+  }
+
+  > .uifw-bar:not(:first-child) {
+    margin-top: 5px;
+  }
+}

package/lib/esm/appui-react/_variables.scss

@@ -0,0 +1,11 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+$uifw-popup-border-color: var(--iui-color-border);
+$uifw-popup-border-width: 1px;
+$uifw-popup-border-radius: var(--iui-border-radius-1);
+$uifw-popup-content-padding: var(--iui-size-2xs);
+$uifw-popup-title-bar-min-height: var(--iui-size-l);
+$uifw-popup-opacity: var(--iui-opacity-2);

package/lib/esm/appui-react/accudraw/AccuDrawDialog.scss

@@ -0,0 +1,11 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.uifw-accudraw-dialog {
+  opacity: 0.9;
+
+  &:hover {
+    opacity: 1;
+  }
+}

package/lib/esm/appui-react/accudraw/AccuDrawFieldContainer.scss

@@ -0,0 +1,20 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.uifw-accudraw-field-container {
+  padding: 6px;
+
+  &.uifw-horizontal {
+    max-width: 550px;
+    display: flex;
+    flex-direction: row;
+  }
+
+  &.uifw-vertical {
+    max-width: 250px;
+    display: grid;
+    grid-template-columns: auto 1fr auto;
+    row-gap: var(--iui-size-2xs);
+  }
+}

package/lib/esm/appui-react/accudraw/AccuDrawInputField.scss

@@ -0,0 +1,56 @@
+/*---------------------------------------------------------------------------------------------
+ * 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/base/base" as *;
+@use "~@itwin/core-react/lib/core-react/inputs/variables" as *;
+
+.uifw-accudraw-input-label {
+  min-width: 16px;
+  margin-right: 4px;
+
+  display: flex;
+  align-items: center;
+
+  font-size: var(--iui-font-size-2);
+  font-weight: var(--iui-font-weight-bold);
+  line-height: var(--iui-size-l);
+  color: var(--iui-color-text);
+
+  &.uifw-label-centered {
+    justify-content: center;
+  }
+
+  .icon {
+    width: 16px;
+    height: 16px;
+
+    margin-top: 2px;
+    @include uicore-centered;
+  }
+}
+
+.uifw-accudraw-input-field {
+  padding: $uicore-iui-input-padding;
+  flex: 1;
+}
+
+.uifw-accudraw-lock {
+  width: 22px;
+  @include uicore-centered;
+}
+
+.uifw-accudraw-x-value {
+  background-color: var(--iui-color-background-negative-hover);
+  color: var(--iui-color-white);
+}
+
+.uifw-accudraw-y-value {
+  background-color: var(--iui-color-background-positive-hover);
+  color: var(--iui-color-white);
+}
+
+.uifw-accudraw-z-value {
+  background-color: var(--iui-color-background-accent-hover);
+  color: var(--iui-color-white);
+}

package/lib/esm/appui-react/accudraw/Calculator.scss

@@ -0,0 +1,82 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+$button-size: 36px;
+$button-operator-size: $button-size + 10px;
+
+.uifw-position-popup.uifw-calculator-host {
+  background-color: var(--iui-color-background-hover);
+}
+
+.uifw-calculator {
+  max-width: 173px;
+
+  &:focus {
+    border-color: transparent;
+    outline: 0px;
+  }
+
+  > .uifw-calculator-top {
+    margin-bottom: 8px;
+
+    > .uifw-calculator-top-input {
+      width: 100%;
+    }
+
+    input {
+      text-align: right;
+      color: var(--iui-color-text);
+      background-color: var(--iui-color-background);
+      cursor: default;
+    }
+  }
+
+  > .uifw-calculator-button-grid {
+    display: grid;
+    grid-template-columns: $button-size $button-size $button-size $button-operator-size;
+    grid-gap: 6px;
+    gap: 6px;
+    justify-items: end;
+
+    .uifw-calculator-item {
+      width: $button-size;
+      height: $button-size;
+    }
+  }
+
+  > .uifw-calculator-bottom-buttons {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 0;
+
+    > .uifw-calculator-large-button {
+      width: 70px;
+      font-size: 20px;
+    }
+
+    > .uifw-calculator-cancel-button {
+      &,
+      &:active,
+      &:focus {
+        border: none;
+        background-color: var(--iui-color-background-negative);
+        color: var(--iui-color-white);
+      }
+
+      &:hover {
+        background-color: var(--iui-color-background-negative-hover);
+        color: var(--iui-color-white);
+      }
+    }
+  }
+
+  .uifw-calculator-button-svg {
+    width: 100%;
+    height: 18px;
+  }
+
+  .uifw-calculator-large-font {
+    font-size: 22px;
+  }
+}

package/lib/esm/appui-react/accudraw/MenuButton.scss

@@ -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.
+ *--------------------------------------------------------------------------------------------*/
+@use "~@itwin/core-react/lib/core-react/inputs/variables" as *;
+
+.uifw-menu-button {
+  position: absolute;
+  pointer-events: auto;
+
+  .icon {
+    line-height: 2;
+  }
+
+  > .context-menu {
+    top: $uicore-inputs-padding-bordered;
+  }
+}

package/lib/esm/appui-react/accudraw/SquareButton.scss

@@ -0,0 +1,30 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+$button-size: 32px;
+
+.uifw-square-button {
+  display: flex;
+  justify-content: center;
+  background-color: var(--iui-color-background);
+  color: var(--iui-color-text);
+  border-color: var(--iui-color-border-foreground);
+  border-radius: var(--iui-border-radius-1);
+  border-width: 1px;
+  border-style: solid;
+  opacity: var(--iui-opacity-2);
+  pointer-events: auto;
+  margin: 0;
+  width: $button-size;
+  height: $button-size;
+
+  &:focus,
+  &:hover {
+    background-color: var(--iui-color-background-hover);
+    color: var(--iui-color-text-hover);
+    border-color: var(--iui-color-border-foreground-hover);
+    opacity: var(--iui-opacity-1);
+  }
+}

package/lib/esm/appui-react/accudraw/angle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>angle</title><path d="M16,10H14a4.9509,4.9509,0,0,0-1.2325-3.2723L14.23,5.2655l-3.4651-.8,2.0773-2.1153-.7139-.7012L0,14H15.9971V13H14.125ZM2.3838,13,9.8974,5.3488l.7967,3.4522,1.3621-1.362A3.95363,3.95363,0,0,1,13,10H11l1.875,3Z"/></svg>

package/lib/esm/appui-react/accudraw/backspace.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<path d="M5,2L0,7.5L5,13h11V2H5z M12.21,8.79c0.39,0.39,0.39,1.03,0,1.42c-0.19,0.19-0.44,0.29-0.71,0.29
+	c-0.27,0-0.52-0.1-0.71-0.29L9.5,8.91l-1.29,1.3c-0.38,0.37-1.04,0.37-1.42,0c-0.39-0.39-0.39-1.03,0-1.42l1.3-1.29l-1.3-1.29
+	c-0.39-0.39-0.39-1.03,0-1.42c0.39-0.39,1.03-0.39,1.42,0l1.29,1.3l1.29-1.3c0.39-0.39,1.03-0.39,1.42,0c0.39,0.39,0.39,1.03,0,1.42
+	l-1.3,1.29L12.21,8.79z"/>
+</svg>

package/lib/esm/appui-react/accudraw/constraint-2d.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<g>
+	<polygon points="7,15 7,1 0,15 	"/>
+	<g>
+		<path d="M10,5.2361L14.382,14H10V5.2361 M9,1v14h7L9,1L9,1z"/>
+	</g>
+</g>
+</svg>

package/lib/esm/appui-react/accudraw/distance.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>distance</title><rect y="11" width="16" height="1"/><polygon points="15 4 15 5.875 12 4 12 6 4 6 4 4 1 5.875 1 4 0 4 0 9 1 9 1 7.125 4 9 4 7 12 7 12 9 15 7.125 15 9 16 9 16 4 15 4"/></svg>

package/lib/esm/appui-react/accudraw/height-2.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<title>distance</title>
+<g>
+	<polygon points="16,15 14.125,15 16,12 14,12 14,4 16,4 14.125,1 16,1 16,0 11,0 11,1 12.875,1 11,4 13,4 13,12 11,12 12.875,15
+		0,15 0,16 16,16 	"/>
+</g>
+</svg>

package/lib/esm/appui-react/accudraw/height.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<title>distance</title>
+<g>
+	<rect x="4" width="1" height="16"/>
+	<polygon points="12,15 10.125,15 12,12 10,12 10,4 12,4 10.125,1 12,1 12,0 7,0 7,1 8.875,1 7,4 9,4 9,12 7,12 8.875,15 7,15 7,16 
+		12,16 	"/>
+</g>
+</svg>

package/lib/esm/appui-react/childwindow/ChildWindowRenderer.scss

@@ -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.
+ *--------------------------------------------------------------------------------------------*/
+.uifw-child-window-container-host {
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+
+.uifw-child-window-container {
+  height: 100%;
+  width: 100%;
+}
+
+.uifw-childwindow-internalChildWindowManager_portalContainer {
+  position: fixed;
+}

package/lib/esm/appui-react/childwindow/ChildWindowWidget.scss

@@ -0,0 +1,8 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.uifw-popout-widget-filled-container {
+  height: 100%;
+  width: 100%;
+}