@itwin/appui-react 4.0.0-dev.11 → 4.0.0-dev.13

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

@@ -1,212 +1,212 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-.uifw-default-resizer-parent {
-  min-width: 200px;
-
-  &.uifw-fill {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.uifw-label-disabled {
-  color: var(--iui-color-text-disabled);
-}
-
-div.uifw-default-property-lock input[type="checkbox"] {
-  margin-right: 8px;
-}
-
-.uifw-default-center-across-width {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-content: center;
-  grid-column: 1 / span 2;
-}
-
-.uifw-width-100percent {
-  width: 100%;
-}
-
-.uifw-width-6rem {
-  width: 6rem;
-}
-
-.uifw-width-fit-content {
-  width: fit-content;
-}
-
-div.uifw-default-inline-editor-group {
-  display: flex;
-  flex-wrap: nowrap;
-}
-
-div.uifw-default-inline-editor-group .uifw-default-label {
-  margin-right: 4px;
-  margin-left: 4px;
-  width: auto;
-  align-self: center;
-  margin-bottom: 6px;
-}
-
-div.nz-toolSettings-docked .uifw-default-inline-editor-group .uifw-default-label {
-  margin-bottom: 0px;
-}
-
-div.uifw-default-inline-editor-group .uifw-default-editor {
-  margin-right: 6px;
-  margin-bottom: 6px;
-
-  &:last-child {
-    margin-right: 0px;
-  }
-}
-
-div.uifw-default-lock-and-label {
-  align-content: flex-start;
-  align-items: center;
-  flex-direction: row;
-  display: inline-flex;
-  margin-bottom: 6px;
-
-  .uifw-default-property-lock {
-    padding: 0 4px 0 0;
-  }
-
-  &:last-child {
-    margin-bottom: 3px;
-  }
-}
-
-.uifw-default-inline-label-and-editor {
-  display: flex;
-  flex-direction: row;
-  width: auto;
-}
-
-.uifw-default-wide-only-display {
-  display: inline-flex;
-  flex-wrap: none;
-}
-
-.uifw-default-narrow-only-display {
-  display: none;
-}
-
-/* Fixed spacing used to hold lock/enable toggle in first column */
-.uifw-default-lock {
-  min-width: 30px;
-  height: 1rem;
-  margin: 3px;
-}
-
-.uifw-default-editor {
-  margin-bottom: 6px;
-  display: flex;
-  align-items: center;
-
-  &:last-child {
-    margin-bottom: 3px;
-  }
-}
-
-div.uifw-default-container {
-  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: 4px 4px 0px 4px;
-}
-
-.uifw-default-label {
-  width: fit-content;
-  margin-left: auto;
-  white-space: nowrap;
-}
-
-/* Overrides when uifw-default-narrow class is added to parent container div */
-div.uifw-default-container.uifw-default-narrow {
-  grid-template-columns: 1fr;
-}
-
-div.uifw-default-container.uifw-default-narrow div.uifw-default-center-across-width {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-content: center;
-  grid-column: 1 / span 1;
-}
-
-div.uifw-default-container.uifw-default-narrow .uifw-default-narrow-only-display {
-  display: block;
-}
-
-div.uifw-default-container.uifw-default-narrow .uifw-default-lock-and-label.uifw-default-wide-only-display {
-  display: none;
-}
-
-div.uifw-default-container.uifw-default-narrow div.uifw-default-inline-editor-group {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-div.uifw-default-container.uifw-default-narrow .uifw-default-lock {
-  min-width: 0px;
-  height: 1rem;
-  margin-left: 0px;
-}
-
-div.uifw-default-container.uifw-default-narrow .uifw-default-lock-and-label {
-  margin-bottom: 0px;
-}
-
-div.uifw-default-container.uifw-default-narrow .uifw-default-label {
-  text-align: left;
-  margin-bottom: 3px;
-  align-self: flex-start;
-}
-
-div.uifw-default-container.uifw-default-narrow .uifw-default-inline-label-and-editor {
-  align-content: flex-start;
-  display: flex;
-  flex-direction: column;
-  width: auto;
-}
-
-div.uifw-default-container.uifw-default-narrow .uifw-default-inline-editor-group .uifw-default-editor {
-  margin-left: 0px;
-}
-
-div.nz-toolSettings-docked div.uifw-default-lock-and-label {
-  margin-bottom: 0;
-  align-self: center;
-}
-
-div.nz-toolSettings-docked div.uifw-default-inline-editor-group .uifw-default-editor {
-  margin-bottom: 0;
-  align-self: center;
-}
-
-div.nz-toolSettings-docked .uifw-default-editor:last-child {
-  margin-bottom: 0;
-  align-self: center;
-}
-
-/* Override the GridLayout case where width is 100% */
-div.nz-toolSettings-docked {
-  border-top: none;
-  border-left: none;
-  border-right: none;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.uifw-default-resizer-parent {
+  min-width: 200px;
+
+  &.uifw-fill {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.uifw-label-disabled {
+  color: var(--iui-color-text-disabled);
+}
+
+div.uifw-default-property-lock input[type="checkbox"] {
+  margin-right: 8px;
+}
+
+.uifw-default-center-across-width {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-content: center;
+  grid-column: 1 / span 2;
+}
+
+.uifw-width-100percent {
+  width: 100%;
+}
+
+.uifw-width-6rem {
+  width: 6rem;
+}
+
+.uifw-width-fit-content {
+  width: fit-content;
+}
+
+div.uifw-default-inline-editor-group {
+  display: flex;
+  flex-wrap: nowrap;
+}
+
+div.uifw-default-inline-editor-group .uifw-default-label {
+  margin-right: 4px;
+  margin-left: 4px;
+  width: auto;
+  align-self: center;
+  margin-bottom: 6px;
+}
+
+div.nz-toolSettings-docked .uifw-default-inline-editor-group .uifw-default-label {
+  margin-bottom: 0px;
+}
+
+div.uifw-default-inline-editor-group .uifw-default-editor {
+  margin-right: 6px;
+  margin-bottom: 6px;
+
+  &:last-child {
+    margin-right: 0px;
+  }
+}
+
+div.uifw-default-lock-and-label {
+  align-content: flex-start;
+  align-items: center;
+  flex-direction: row;
+  display: inline-flex;
+  margin-bottom: 6px;
+
+  .uifw-default-property-lock {
+    padding: 0 4px 0 0;
+  }
+
+  &:last-child {
+    margin-bottom: 3px;
+  }
+}
+
+.uifw-default-inline-label-and-editor {
+  display: flex;
+  flex-direction: row;
+  width: auto;
+}
+
+.uifw-default-wide-only-display {
+  display: inline-flex;
+  flex-wrap: none;
+}
+
+.uifw-default-narrow-only-display {
+  display: none;
+}
+
+/* Fixed spacing used to hold lock/enable toggle in first column */
+.uifw-default-lock {
+  min-width: 30px;
+  height: 1rem;
+  margin: 3px;
+}
+
+.uifw-default-editor {
+  margin-bottom: 6px;
+  display: flex;
+  align-items: center;
+
+  &:last-child {
+    margin-bottom: 3px;
+  }
+}
+
+div.uifw-default-container {
+  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: 4px 4px 0px 4px;
+}
+
+.uifw-default-label {
+  width: fit-content;
+  margin-left: auto;
+  white-space: nowrap;
+}
+
+/* Overrides when uifw-default-narrow class is added to parent container div */
+div.uifw-default-container.uifw-default-narrow {
+  grid-template-columns: 1fr;
+}
+
+div.uifw-default-container.uifw-default-narrow div.uifw-default-center-across-width {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-content: center;
+  grid-column: 1 / span 1;
+}
+
+div.uifw-default-container.uifw-default-narrow .uifw-default-narrow-only-display {
+  display: block;
+}
+
+div.uifw-default-container.uifw-default-narrow .uifw-default-lock-and-label.uifw-default-wide-only-display {
+  display: none;
+}
+
+div.uifw-default-container.uifw-default-narrow div.uifw-default-inline-editor-group {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+div.uifw-default-container.uifw-default-narrow .uifw-default-lock {
+  min-width: 0px;
+  height: 1rem;
+  margin-left: 0px;
+}
+
+div.uifw-default-container.uifw-default-narrow .uifw-default-lock-and-label {
+  margin-bottom: 0px;
+}
+
+div.uifw-default-container.uifw-default-narrow .uifw-default-label {
+  text-align: left;
+  margin-bottom: 3px;
+  align-self: flex-start;
+}
+
+div.uifw-default-container.uifw-default-narrow .uifw-default-inline-label-and-editor {
+  align-content: flex-start;
+  display: flex;
+  flex-direction: column;
+  width: auto;
+}
+
+div.uifw-default-container.uifw-default-narrow .uifw-default-inline-editor-group .uifw-default-editor {
+  margin-left: 0px;
+}
+
+div.nz-toolSettings-docked div.uifw-default-lock-and-label {
+  margin-bottom: 0;
+  align-self: center;
+}
+
+div.nz-toolSettings-docked div.uifw-default-inline-editor-group .uifw-default-editor {
+  margin-bottom: 0;
+  align-self: center;
+}
+
+div.nz-toolSettings-docked .uifw-default-editor:last-child {
+  margin-bottom: 0;
+  align-self: center;
+}
+
+/* Override the GridLayout case where width is 100% */
+div.nz-toolSettings-docked {
+  border-top: none;
+  border-left: none;
+  border-right: none;
+}

package/lib/cjs/appui-react/uistate/AppUiSettings.d.ts

@@ -1,50 +1,50 @@
-/** @packageDocumentation
- * @module Settings
- */
-import { UiStateEntry, UiStateStorage } from "@itwin/core-react";
-import { UserSettingsProvider } from "../UiFramework";
-/** Default values that may be specified for [[AppUiSettings]].
- * @public
- */
-export interface InitialAppUiSettings {
-    colorTheme: string;
-    dragInteraction: boolean;
-    widgetOpacity: number;
-    showWidgetIcon?: boolean;
-    /** @alpha */
-    autoCollapseUnpinnedPanels?: boolean;
-    animateToolSettings?: boolean;
-    useToolAsToolSettingsLabel?: boolean;
-    toolbarOpacity: number;
-}
-/** These are the UI settings that are stored in the Redux store. They control the color theme, the UI version,
- * how toolbar group buttons work, and the opacity of widgets in 1.0 and floating widget in 2.0 when the cursor
- * is not inside them. It is expect that an IModelApp using App UI components will create and register AppUiSettings with
- * defaults specific to their application. This would be done by calling the following.
- *
- * ```ts
- * UiFramework.registerUserSettingsProvider(new AppUiSettings(defaults));
- * ```
- *
- * @public
- */
-export declare class AppUiSettings implements UserSettingsProvider {
-    readonly providerId = "AppUiSettingsProvider";
-    private static _settingNamespace;
-    private _settings;
-    private _applyingLocalSettings;
-    colorTheme: UiStateEntry<string>;
-    dragInteraction: UiStateEntry<boolean>;
-    widgetOpacity: UiStateEntry<number>;
-    showWidgetIcon: UiStateEntry<boolean>;
-    autoCollapseUnpinnedPanels: UiStateEntry<boolean>;
-    animateToolSettings: UiStateEntry<boolean>;
-    useToolAsToolSettingsLabel: UiStateEntry<boolean>;
-    toolbarOpacity: UiStateEntry<number>;
-    private setColorTheme;
-    constructor(defaults: Partial<InitialAppUiSettings>);
-    private handleSyncUiEvent;
-    apply(storage: UiStateStorage): Promise<void>;
-    loadUserSettings(storage: UiStateStorage): Promise<void>;
-}
+/** @packageDocumentation
+ * @module Settings
+ */
+import { UiStateEntry, UiStateStorage } from "@itwin/core-react";
+import { UserSettingsProvider } from "../UiFramework";
+/** Default values that may be specified for [[AppUiSettings]].
+ * @public
+ */
+export interface InitialAppUiSettings {
+    colorTheme: string;
+    dragInteraction: boolean;
+    widgetOpacity: number;
+    showWidgetIcon?: boolean;
+    /** @alpha */
+    autoCollapseUnpinnedPanels?: boolean;
+    animateToolSettings?: boolean;
+    useToolAsToolSettingsLabel?: boolean;
+    toolbarOpacity: number;
+}
+/** These are the UI settings that are stored in the Redux store. They control the color theme, the UI version,
+ * how toolbar group buttons work, and the opacity of widgets in 1.0 and floating widget in 2.0 when the cursor
+ * is not inside them. It is expect that an IModelApp using App UI components will create and register AppUiSettings with
+ * defaults specific to their application. This would be done by calling the following.
+ *
+ * ```ts
+ * UiFramework.registerUserSettingsProvider(new AppUiSettings(defaults));
+ * ```
+ *
+ * @public
+ */
+export declare class AppUiSettings implements UserSettingsProvider {
+    readonly providerId = "AppUiSettingsProvider";
+    private static _settingNamespace;
+    private _settings;
+    private _applyingLocalSettings;
+    colorTheme: UiStateEntry<string>;
+    dragInteraction: UiStateEntry<boolean>;
+    widgetOpacity: UiStateEntry<number>;
+    showWidgetIcon: UiStateEntry<boolean>;
+    autoCollapseUnpinnedPanels: UiStateEntry<boolean>;
+    animateToolSettings: UiStateEntry<boolean>;
+    useToolAsToolSettingsLabel: UiStateEntry<boolean>;
+    toolbarOpacity: UiStateEntry<number>;
+    private setColorTheme;
+    constructor(defaults: Partial<InitialAppUiSettings>);
+    private handleSyncUiEvent;
+    apply(storage: UiStateStorage): Promise<void>;
+    loadUserSettings(storage: UiStateStorage): Promise<void>;
+}
 //# sourceMappingURL=AppUiSettings.d.ts.map