@itwin/core-react 4.0.0-dev.10 → 4.0.0-dev.11

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};
+  }
+}

package/lib/cjs/core-react/autosuggest/AutoSuggest.d.ts

@@ -1,97 +1,97 @@
-/** @packageDocumentation
- * @module AutoSuggest
- */
-import "./AutoSuggest.scss";
-import * as React from "react";
-import * as ReactAutosuggest from "react-autosuggest";
-import { CommonProps } from "../utils/Props";
-/** Data for the [[AutoSuggest]] options
- * @public
- */
-export interface AutoSuggestData {
-    /** Value of [[AutoSuggest]] option. */
-    value: string;
-    /** Label of [[AutoSuggest]] option. This is shown in the dropdown. */
-    label: string;
-}
-/** Prototype for function returning AutoSuggestData
- * @public
- */
-export declare type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];
-/** Prototype for async function returning AutoSuggestData
- * @public
- */
-export declare type AsyncGetAutoSuggestDataFunc = (value: string) => Promise<AutoSuggestData[]>;
-/** Properties for the [[AutoSuggest]] component.
- * @public
- */
-export interface AutoSuggestProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {
-    /** Optional input value override. */
-    value?: string;
-    /** Options for dropdown. */
-    options?: AutoSuggestData[] | GetAutoSuggestDataFunc;
-    /** Asynchronously calculate suggestions for any given input value. */
-    getSuggestions?: AsyncGetAutoSuggestDataFunc;
-    /** Gets a label associated with a given value */
-    getLabel?: (value: string | undefined) => string;
-    /** Handler for when suggested selected. */
-    onSuggestionSelected: (selected: AutoSuggestData) => void;
-    /** Handler for Enter key. */
-    onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    /** Handler for Escape key. */
-    onPressEscape?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    /** Handler for Tab key. */
-    onPressTab?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    /** Handler for input receiving focus. */
-    onInputFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    /** Called every time you need to clear suggestions. */
-    onSuggestionsClearRequested?: () => void;
-    /** Indicates whether to set focus to the input element */
-    setFocus?: boolean;
-    /** Use it only if you need to customize the rendering of the input.
-     * @internal
-     */
-    renderInputComponent?: any;
-    /** Use it if you want to customize things inside the suggestions container beyond rendering the suggestions themselves.
-     * @internal
-     */
-    renderSuggestionsContainer?: ReactAutosuggest.RenderSuggestionsContainer;
-    /** @internal */
-    alwaysRenderSuggestions?: boolean;
-}
-/** @internal */
-interface AutoSuggestState {
-    inputValue: string;
-    suggestions: AutoSuggestData[];
-}
-/** Auto Suggest React component. Uses the react-autosuggest component internally.
- * @public
- */
-export declare class AutoSuggest extends React.PureComponent<AutoSuggestProps, AutoSuggestState> {
-    private _isMounted;
-    constructor(props: AutoSuggestProps);
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: AutoSuggestProps): void;
-    private _onChange;
-    private _onFocus;
-    /** Autosuggest will call this function every time you need to update suggestions. */
-    private _onSuggestionsFetchRequested;
-    /** Autosuggest will call this function every time you need to clear suggestions. */
-    private _onSuggestionsClearRequested;
-    private _onSuggestionSelected;
-    /** Teach Autosuggest how to calculate suggestions for any given input value. */
-    private _getSuggestions;
-    /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion.  */
-    private _getSuggestionValue;
-    /** Render each suggestion. */
-    private _renderSuggestion;
-    private getLabel;
-    private _handleKeyDown;
-    private _theme;
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module AutoSuggest
+ */
+import "./AutoSuggest.scss";
+import * as React from "react";
+import * as ReactAutosuggest from "react-autosuggest";
+import { CommonProps } from "../utils/Props";
+/** Data for the [[AutoSuggest]] options
+ * @public
+ */
+export interface AutoSuggestData {
+    /** Value of [[AutoSuggest]] option. */
+    value: string;
+    /** Label of [[AutoSuggest]] option. This is shown in the dropdown. */
+    label: string;
+}
+/** Prototype for function returning AutoSuggestData
+ * @public
+ */
+export declare type GetAutoSuggestDataFunc = (value: string) => AutoSuggestData[];
+/** Prototype for async function returning AutoSuggestData
+ * @public
+ */
+export declare type AsyncGetAutoSuggestDataFunc = (value: string) => Promise<AutoSuggestData[]>;
+/** Properties for the [[AutoSuggest]] component.
+ * @public
+ */
+export interface AutoSuggestProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {
+    /** Optional input value override. */
+    value?: string;
+    /** Options for dropdown. */
+    options?: AutoSuggestData[] | GetAutoSuggestDataFunc;
+    /** Asynchronously calculate suggestions for any given input value. */
+    getSuggestions?: AsyncGetAutoSuggestDataFunc;
+    /** Gets a label associated with a given value */
+    getLabel?: (value: string | undefined) => string;
+    /** Handler for when suggested selected. */
+    onSuggestionSelected: (selected: AutoSuggestData) => void;
+    /** Handler for Enter key. */
+    onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** Handler for Escape key. */
+    onPressEscape?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** Handler for Tab key. */
+    onPressTab?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** Handler for input receiving focus. */
+    onInputFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /** Called every time you need to clear suggestions. */
+    onSuggestionsClearRequested?: () => void;
+    /** Indicates whether to set focus to the input element */
+    setFocus?: boolean;
+    /** Use it only if you need to customize the rendering of the input.
+     * @internal
+     */
+    renderInputComponent?: any;
+    /** Use it if you want to customize things inside the suggestions container beyond rendering the suggestions themselves.
+     * @internal
+     */
+    renderSuggestionsContainer?: ReactAutosuggest.RenderSuggestionsContainer;
+    /** @internal */
+    alwaysRenderSuggestions?: boolean;
+}
+/** @internal */
+interface AutoSuggestState {
+    inputValue: string;
+    suggestions: AutoSuggestData[];
+}
+/** Auto Suggest React component. Uses the react-autosuggest component internally.
+ * @public
+ */
+export declare class AutoSuggest extends React.PureComponent<AutoSuggestProps, AutoSuggestState> {
+    private _isMounted;
+    constructor(props: AutoSuggestProps);
+    /** @internal */
+    componentDidMount(): void;
+    /** @internal */
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: AutoSuggestProps): void;
+    private _onChange;
+    private _onFocus;
+    /** Autosuggest will call this function every time you need to update suggestions. */
+    private _onSuggestionsFetchRequested;
+    /** Autosuggest will call this function every time you need to clear suggestions. */
+    private _onSuggestionsClearRequested;
+    private _onSuggestionSelected;
+    /** Teach Autosuggest how to calculate suggestions for any given input value. */
+    private _getSuggestions;
+    /** When suggestion is clicked, Autosuggest needs to populate the input based on the clicked suggestion.  */
+    private _getSuggestionValue;
+    /** Render each suggestion. */
+    private _renderSuggestion;
+    private getLabel;
+    private _handleKeyDown;
+    private _theme;
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=AutoSuggest.d.ts.map