@itwin/core-react 4.0.0-dev.9 → 4.0.1

package/lib/cjs/core-react/_geometry.scss

@@ -1,70 +1,70 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@mixin triangle-common {
-  width: 0;
-  height: 0;
-  border-style: solid;
-}
-
-@mixin triangle-left-color($color) {
-  border-color: transparent $color transparent transparent;
-}
-
-@mixin triangle-left($height, $width: $height, $color: currentColor) {
-  border-width: ($height * 0.5) $width ($height * 0.5) 0;
-
-  @include triangle-common;
-  @include triangle-left-color($color);
-}
-
-@mixin triangle-top-color($color) {
-  border-color: transparent transparent $color transparent;
-}
-
-@mixin triangle-top($height, $width: $height, $color: currentColor) {
-  border-width: 0 ($width * 0.5) $height ($width * 0.5);
-
-  @include triangle-common;
-  @include triangle-top-color($color);
-}
-
-@mixin triangle-right-color($color) {
-  border-color: transparent transparent transparent $color;
-}
-
-@mixin triangle-right($height, $width: $height, $color: currentColor) {
-  border-width: ($height * 0.5) 0 ($height * 0.5) $width;
-
-  @include triangle-common;
-  @include triangle-right-color($color);
-}
-
-@mixin triangle-bottom-color($color) {
-  border-color: $color transparent transparent transparent;
-}
-
-@mixin triangle-bottom($height, $width: $height, $color: currentColor) {
-  border-width: $height ($width * 0.5) 0 ($width * 0.5);
-
-  @include triangle-common;
-  @include triangle-bottom-color($color);
-}
-
-@mixin triangle-bottom-right-color($color) {
-  border-color: transparent transparent $color transparent;
-}
-
-@mixin triangle-bottom-right($height, $width: $height, $color: currentColor) {
-  border-width: 0 0 $height $width;
-
-  @include triangle-common;
-  @include triangle-bottom-right-color($color);
-}
-
-@mixin oval($width, $height: $width) {
-  width: $width;
-  height: $height;
-  border-radius: #{$width * 0.5} / #{$height * 0.5};
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@mixin triangle-common {
+  width: 0;
+  height: 0;
+  border-style: solid;
+}
+
+@mixin triangle-left-color($color) {
+  border-color: transparent $color transparent transparent;
+}
+
+@mixin triangle-left($height, $width: $height, $color: currentColor) {
+  border-width: ($height * 0.5) $width ($height * 0.5) 0;
+
+  @include triangle-common;
+  @include triangle-left-color($color);
+}
+
+@mixin triangle-top-color($color) {
+  border-color: transparent transparent $color transparent;
+}
+
+@mixin triangle-top($height, $width: $height, $color: currentColor) {
+  border-width: 0 ($width * 0.5) $height ($width * 0.5);
+
+  @include triangle-common;
+  @include triangle-top-color($color);
+}
+
+@mixin triangle-right-color($color) {
+  border-color: transparent transparent transparent $color;
+}
+
+@mixin triangle-right($height, $width: $height, $color: currentColor) {
+  border-width: ($height * 0.5) 0 ($height * 0.5) $width;
+
+  @include triangle-common;
+  @include triangle-right-color($color);
+}
+
+@mixin triangle-bottom-color($color) {
+  border-color: $color transparent transparent transparent;
+}
+
+@mixin triangle-bottom($height, $width: $height, $color: currentColor) {
+  border-width: $height ($width * 0.5) 0 ($width * 0.5);
+
+  @include triangle-common;
+  @include triangle-bottom-color($color);
+}
+
+@mixin triangle-bottom-right-color($color) {
+  border-color: transparent transparent $color transparent;
+}
+
+@mixin triangle-bottom-right($height, $width: $height, $color: currentColor) {
+  border-width: 0 0 $height $width;
+
+  @include triangle-common;
+  @include triangle-bottom-right-color($color);
+}
+
+@mixin oval($width, $height: $width) {
+  width: $width;
+  height: $height;
+  border-radius: #{$width * 0.5} / #{$height * 0.5};
+}

package/lib/cjs/core-react/_helpers.scss

@@ -1,51 +1,51 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-// Generates map from array.
-// Key of each entry is ($array entry value: result of $fn call).
-// $fn is called with specified $args.
-// Usage example:
-/*
-  $counter: 0;
-  @function step($step) {
-    $counter: $counter + $step !global;
-    @return $counter;
-  }
-  uicore-map-from-array($array, step, 1000);
-*/
-@function uicore-map-from-array($array, $fn, $args...) {
-  $map: ();
-  @each $item in $array {
-    $kvp: (
-      $item: call($fn, $args...)
-    );
-    $map: map-merge($map, $kvp)
-  }
-  @return $map;
-}
-
-// Generates map from array.
-// Key of each entry is ($array entry value: result of $fn call).
-// $fn is called with one argument:
-// 1. First entry with $initialArg
-// 2. Other entries with previous result of $fn call.
-// Usage example:
-/*
-  @function step($counter) {
-    @return $counter + 1000;
-  }
-  uicore-map-from-array-with-result-arg($array, step, 0);
-*/
-@function uicore-map-from-array-with-result-arg($array, $fn, $initialArg) {
-  $map: ();
-  $result: $initialArg;
-  @each $item in $array {
-    $result: call($fn, $result);
-    $kvp: ($item: $result);
-    $map: map-merge($map, $kvp)
-  }
-  @return $map;
-}
-
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+// Generates map from array.
+// Key of each entry is ($array entry value: result of $fn call).
+// $fn is called with specified $args.
+// Usage example:
+/*
+  $counter: 0;
+  @function step($step) {
+    $counter: $counter + $step !global;
+    @return $counter;
+  }
+  uicore-map-from-array($array, step, 1000);
+*/
+@function uicore-map-from-array($array, $fn, $args...) {
+  $map: ();
+  @each $item in $array {
+    $kvp: (
+      $item: call($fn, $args...)
+    );
+    $map: map-merge($map, $kvp)
+  }
+  @return $map;
+}
+
+// Generates map from array.
+// Key of each entry is ($array entry value: result of $fn call).
+// $fn is called with one argument:
+// 1. First entry with $initialArg
+// 2. Other entries with previous result of $fn call.
+// Usage example:
+/*
+  @function step($counter) {
+    @return $counter + 1000;
+  }
+  uicore-map-from-array-with-result-arg($array, step, 0);
+*/
+@function uicore-map-from-array-with-result-arg($array, $fn, $initialArg) {
+  $map: ();
+  $result: $initialArg;
+  @each $item in $array {
+    $result: call($fn, $result);
+    $kvp: ($item: $result);
+    $map: map-merge($map, $kvp)
+  }
+  @return $map;
+}
+

package/lib/cjs/core-react/_math.scss

@@ -1,13 +1,13 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@function sqrt($x, $iterations: 10) {
-  $sqr: 1;
-
-  @for $i from 1 through $iterations {
-    $sqr: ($sqr - ($sqr * $sqr - $x) / (2 * $sqr));
-  }
-
-  @return $sqr;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@function sqrt($x, $iterations: 10) {
+  $sqr: 1;
+
+  @for $i from 1 through $iterations {
+    $sqr: ($sqr - ($sqr * $sqr - $x) / (2 * $sqr));
+  }
+
+  @return $sqr;
+}

package/lib/cjs/core-react/_scrollbar.scss

@@ -1,51 +1,51 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./style/themecolors.scss";
-
-$uicore-scrollbar-width: 12px;
-$uicore-scrollbar-padding: 2px;
-
-@mixin uicore-scrollbar($color: $buic-background-scrollbar, $width: $uicore-scrollbar-width, $padding: $uicore-scrollbar-padding) {
-  &::-webkit-scrollbar {
-    width: $width;
-    height: $width;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: $width;
-    background-color: $color;
-    background-clip: content-box;
-    border-style: solid;
-    border-color: transparent;
-    border-width: $padding;
-
-    &:hover {
-      background-color: $buic-background-scrollbar-hover;
-    }
-  }
-
-  &::-webkit-scrollbar-corner {
-    background-color: transparent;
-  }
-
-  &::-webkit-scrollbar-track-piece:corner-present {
-    margin-bottom: -2 * $padding;
-    margin-right: -2 * $padding;
-  }
-}
-
-@mixin uicore-hidden-scrollbar {
-  &::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-  }
-}
-
-@mixin uicore-touch-scrolling {
-  @supports (-webkit-overflow-scrolling: touch) {
-    overflow-y: scroll; /* overflow-y has to be scroll, not auto */
-    -webkit-overflow-scrolling: touch;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./style/themecolors.scss";
+
+$uicore-scrollbar-width: 12px;
+$uicore-scrollbar-padding: 2px;
+
+@mixin uicore-scrollbar($color: $buic-background-scrollbar, $width: $uicore-scrollbar-width, $padding: $uicore-scrollbar-padding) {
+  &::-webkit-scrollbar {
+    width: $width;
+    height: $width;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: $width;
+    background-color: $color;
+    background-clip: content-box;
+    border-style: solid;
+    border-color: transparent;
+    border-width: $padding;
+
+    &:hover {
+      background-color: $buic-background-scrollbar-hover;
+    }
+  }
+
+  &::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-track-piece:corner-present {
+    margin-bottom: -2 * $padding;
+    margin-right: -2 * $padding;
+  }
+}
+
+@mixin uicore-hidden-scrollbar {
+  &::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+  }
+}
+
+@mixin uicore-touch-scrolling {
+  @supports (-webkit-overflow-scrolling: touch) {
+    overflow-y: scroll; /* overflow-y has to be scroll, not auto */
+    -webkit-overflow-scrolling: touch;
+  }
+}

package/lib/cjs/core-react/_typography.scss

@@ -1,44 +1,44 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./style/opacity.scss";
-
-$title-weight: var(--iui-font-weight-normal);
-$title-size: var(--iui-font-size-2);
-$title-opacity: $uicore-opacity-1;
-
-$body-weight: var(--iui-font-weight-light);
-$body-size: var(--iui-font-size-1);
-$body-opacity: $uicore-opacity-2;
-
-$body1-weight: var(--iui-font-weight-normal);
-$body1-size: var(--iui-font-size-1);
-$body1-opacity: $uicore-opacity-2;
-
-@mixin title($rgb: unset) {
-  font-weight: $title-weight;
-  font-size: $title-size;
-
-  @if $rgb != unset {
-    color: rgba($rgb, $title-opacity);
-  }
-}
-
-@mixin body($rgb: unset) {
-  font-weight: $body-weight;
-  font-size: $body-size;
-
-  @if $rgb != unset {
-    color: rgba($rgb, $body-opacity);
-  }
-}
-
-@mixin body1($rgb: unset) {
-  font-weight: $body1-weight;
-  font-size: $body1-size;
-
-  @if $rgb != unset {
-    color: rgba($rgb, $body1-opacity);
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./style/opacity.scss";
+
+$title-weight: var(--iui-font-weight-normal);
+$title-size: var(--iui-font-size-2);
+$title-opacity: $uicore-opacity-1;
+
+$body-weight: var(--iui-font-weight-light);
+$body-size: var(--iui-font-size-1);
+$body-opacity: $uicore-opacity-2;
+
+$body1-weight: var(--iui-font-weight-normal);
+$body1-size: var(--iui-font-size-1);
+$body1-opacity: $uicore-opacity-2;
+
+@mixin title($rgb: unset) {
+  font-weight: $title-weight;
+  font-size: $title-size;
+
+  @if $rgb != unset {
+    color: rgba($rgb, $title-opacity);
+  }
+}
+
+@mixin body($rgb: unset) {
+  font-weight: $body-weight;
+  font-size: $body-size;
+
+  @if $rgb != unset {
+    color: rgba($rgb, $body-opacity);
+  }
+}
+
+@mixin body1($rgb: unset) {
+  font-weight: $body1-weight;
+  font-size: $body1-size;
+
+  @if $rgb != unset {
+    color: rgba($rgb, $body1-opacity);
+  }
+}

package/lib/cjs/core-react/_z-index.scss

@@ -1,65 +1,65 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "_helpers";
-
-// Order matters, last is top-most on screen.
-$uicore-internal-z-index-layers: view-overlay,
-  view-content-dialog,
-  content-card-popup,
-  widget-grip,
-  drop-target,
-  dragged-widget,
-  zone-target,
-  zone-outline,
-  toolbar-panels,
-  tool-settings-popup,
-  status-overflow-popup,
-  status-popup,
-  modal-frontstage-overlay,
-  modal-frontstage,
-  dialog,
-  dialog-popup,
-  status-message,
-  tooltip,
-  context-menu-z,
-  dragdrop,
-  cursor-overlay,
-  drag-target,
-  drag-preview,
-  backstage-overlay,
-  backstage,
-  keyin-palette-overlay;
-
-$uicore-z-index-step: 1000;
-
-@function uicore-internal-get-next-z-index-step($counter) {
-  @return $counter + $uicore-z-index-step;
-}
-
-$uicore-internal-z-index-layer-map: uicore-map-from-array-with-result-arg($uicore-internal-z-index-layers, get-function(uicore-internal-get-next-z-index-step), 0);
-
-// Use this to get z-index value
-@function uicore-get-z-index($layer) {
-  @if map_has_key($uicore-internal-z-index-layer-map, $layer) {
-    @return map-get($uicore-internal-z-index-layer-map, $layer);
-  }
-
-  @else {
-    @error "Failed to get z-index for $layer: #{$layer}";
-  }
-}
-
-// Use this to add z-index property
-@mixin uicore-z-index($layer) {
-  z-index: uicore-get-z-index($layer);
-}
-
-// Use this to add a CSS variable for each z-index layer
-@mixin uicore-z-index-variables() {
-  @each $layer in $uicore-internal-z-index-layers {
-    $z-index: uicore-get-z-index($layer);
-    --uicore-z-index-#{$layer}: #{$z-index};
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "_helpers";
+
+// Order matters, last is top-most on screen.
+$uicore-internal-z-index-layers: view-overlay,
+  view-content-dialog,
+  content-card-popup,
+  widget-grip,
+  drop-target,
+  dragged-widget,
+  zone-target,
+  zone-outline,
+  toolbar-panels,
+  tool-settings-popup,
+  status-overflow-popup,
+  status-popup,
+  modal-frontstage-overlay,
+  modal-frontstage,
+  dialog,
+  dialog-popup,
+  status-message,
+  tooltip,
+  context-menu-z,
+  dragdrop,
+  cursor-overlay,
+  drag-target,
+  drag-preview,
+  backstage-overlay,
+  backstage,
+  keyin-palette-overlay;
+
+$uicore-z-index-step: 1000;
+
+@function uicore-internal-get-next-z-index-step($counter) {
+  @return $counter + $uicore-z-index-step;
+}
+
+$uicore-internal-z-index-layer-map: uicore-map-from-array-with-result-arg($uicore-internal-z-index-layers, get-function(uicore-internal-get-next-z-index-step), 0);
+
+// Use this to get z-index value
+@function uicore-get-z-index($layer) {
+  @if map_has_key($uicore-internal-z-index-layer-map, $layer) {
+    @return map-get($uicore-internal-z-index-layer-map, $layer);
+  }
+
+  @else {
+    @error "Failed to get z-index for $layer: #{$layer}";
+  }
+}
+
+// Use this to add z-index property
+@mixin uicore-z-index($layer) {
+  z-index: uicore-get-z-index($layer);
+}
+
+// Use this to add a CSS variable for each z-index layer
+@mixin uicore-z-index-variables() {
+  @each $layer in $uicore-internal-z-index-layers {
+    $z-index: uicore-get-z-index($layer);
+    --uicore-z-index-#{$layer}: #{$z-index};
+  }
+}