@itwin/core-react 4.0.0-dev.2 → 4.0.0-dev.21

package/lib/esm/core-react/settings/SettingsContainer.scss

@@ -1,66 +1,68 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-
-div.core-settings-container {
-  display: flex;
-  box-sizing: border-box;
-  height: 100%;
-  width: 100%;
-
-  *,
-  *:before,
-  *:after {
-    box-sizing: inherit;
-  }
-
-  .core-settings-container-left {
-    min-width: 15em;
-    height: 100%;
-    overflow: auto;
-    > .uicore-tabs-vertical {
-      font-size: 16px;
-    }
-  }
-  .core-settings-container-right {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    background: var(--buic-background-dialog);
-    align-content: center;
-
-    .core-settings-container-right-header {
-      display: flex;
-      width: 100%;
-      height: calc(var(--iui-font-size-4) * 2);
-      font-size: var(--iui-font-size-4);
-      font-weight: var(--iui-font-weight-semibold);
-      padding-left: 15px;
-      align-items: center;
-
-      .core-settings-container-main-sub-header {
-        position: relative;
-        padding-left: 20px;
-
-        &::before {
-          content: "-";
-          position: absolute;
-          left: 10px;
-          transform: translateX(-50%);
-        }
-      }
-    }
-
-    .core-settings-container-right-contents {
-      display: flex;
-      width: 100%;
-      height: 100%;
-      overflow: auto;
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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";
+
+div.core-settings-container {
+  display: flex;
+  box-sizing: border-box;
+  height: 100%;
+  width: 100%;
+
+  *,
+  *:before,
+  *:after {
+    box-sizing: inherit;
+  }
+
+  .core-settings-container-left {
+    min-width: 15em;
+    height: 100%;
+    overflow: auto;
+    border-right: 2px solid var(--iui-color-border);
+
+    > .uicore-tabs-vertical {
+      font-size: 16px;
+    }
+  }
+  .core-settings-container-right {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background: var(--iui-color-background);
+    align-content: center;
+
+    .core-settings-container-right-header {
+      display: flex;
+      width: 100%;
+      height: calc(var(--iui-font-size-4) * 2);
+      font-size: var(--iui-font-size-4);
+      font-weight: var(--iui-font-weight-semibold);
+      padding-left: 15px;
+      align-items: center;
+
+      .core-settings-container-main-sub-header {
+        position: relative;
+        padding-left: 20px;
+
+        &::before {
+          content: "-";
+          position: absolute;
+          left: 10px;
+          transform: translateX(-50%);
+        }
+      }
+    }
+
+    .core-settings-container-right-contents {
+      display: flex;
+      width: 100%;
+      height: 100%;
+      overflow: auto;
+    }
+  }
+}

package/lib/esm/core-react/settings/SettingsManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsManager.js","sourceRoot":"","sources":["../../../../src/core-react/settings/SettingsManager.tsx"],"names":[],"mappings":"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","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 Settings\n */\n\nimport { BeUiEvent, Logger } from \"@itwin/core-bentley\";\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport { UiCore } from \"../UiCore\";\n\n/** Interface used to populate a tab entry in the SettingContainer control\n * @public\n */\nexport interface SettingsTabEntry {\n  /** unique id for entry */\n  readonly tabId: string;\n  /** localized display label */\n  readonly label: string;\n  /** Setting page content to display when tab item is selected. */\n  readonly page: JSX.Element;\n  /** Setting to true if page will register to watch for stage closing event so it can save any dirty settings. Page component should register and handle the events:\n   * `settingsManager.onProcessSettingsTabActivation` and `settingsManager.onProcessSettingsContainerClose` */\n  readonly pageWillHandleCloseRequest?: boolean;\n  /** used to determine position in tablist */\n  readonly itemPriority: number;\n  /** Optional Subtitle to show below label. */\n  readonly subLabel?: string;\n  /** Icon specification */\n  readonly icon?: string | JSX.Element;\n  /** Tooltip. Allows JSX|Element to support react-tooltip component */\n  readonly tooltip?: string | JSX.Element;\n  /** Allows Settings entry to be disabled */\n  readonly isDisabled?: boolean | ConditionalBooleanValue;\n}\n\n/** Event class for [[this.onSettingsProvidersChanged]] which is emitted when a new SettingsTabsProvider is added or removed.\n * @public\n */\nexport class SettingsProvidersChangedEvent extends BeUiEvent<SettingsProvidersChangedEventArgs> { }\n\n/** Arguments of [[this.onSettingsProvidersChanged]] event.\n * @public\n */\nexport interface SettingsProvidersChangedEventArgs {\n  readonly providers: ReadonlyArray<SettingsTabsProvider>;\n}\n\n/** Event class for [[this.onProcessSettingsTabActivation]] which is emitted when a new Tab needs to be activated. This allows the current\n * settings page to save its settings before activating the new SettingTab.\n * @public\n */\nexport class ProcessSettingsTabActivationEvent extends BeUiEvent<ProcessSettingsTabActivationEventArgs> { }\n\n/** Arguments of [[this.onProcessSettingsTabActivation]] event.\n * @public\n */\nexport interface ProcessSettingsTabActivationEventArgs {\n  readonly tabSelectionFunc: (tabId: string) => void;\n  readonly requestedSettingsTabId: string;\n}\n\n/** Event class for [[this.onProcessSettingsContainerClose]] which is emitted when the settings container will be closed. This allows the current\n * settings page to save its settings before calling the function to close the container.\n * @public\n */\nexport class ProcessSettingsContainerCloseEvent extends BeUiEvent<ProcessSettingsContainerCloseEventArgs> { }\n\n/** Event class for [[this.onCloseSettingsContainer]] which is monitored by the settings container and indicates that some out process want to close the settings container.\n * @internal\n */\nexport class CloseSettingsContainerEvent extends BeUiEvent<ProcessSettingsContainerCloseEventArgs> { }\n\n/** Arguments of [[this.onProcessSettingsContainerClose]] event.\n * @public\n */\nexport interface ProcessSettingsContainerCloseEventArgs {\n  readonly closeFunc: (args: any) => void;\n  readonly closeFuncArgs?: any;\n}\n\n/** Event class for [[this.onActivateSettingsTab]] which is emitted when API call needs to set the active settings tab (ie via Tool key-in).\n * @public\n */\nexport class ActivateSettingsTabEvent extends BeUiEvent<ActivateSettingsTabEventArgs> { }\n\n/** Arguments of [[this.onActivateSettingsTab]] event.\n * @public\n */\nexport interface ActivateSettingsTabEventArgs {\n  readonly settingsTabId: string;\n}\n\n/** Setting Provider interface. Implemented by classes that want to supply settings pages for display in the SettingContainer. The\n * classes that implement this interface need to be registered with the [[SettingsManager]].\n * @public\n */\nexport interface SettingsTabsProvider {\n  /** Id of provider, used to remove registration. */\n  readonly id: string;\n  getSettingEntries(stageId: string, stageUsage: string): ReadonlyArray<SettingsTabEntry> | undefined;\n}\n\n/** Settings Manager class. Hold registration of settings providers and supplies events for the provided settings pages to listen.\n * @public\n */\nexport class SettingsManager {\n  private _providers: ReadonlyArray<SettingsTabsProvider> = [];\n\n  /** Event raised when SettingsProviders are changed.\n   */\n  public readonly onSettingsProvidersChanged = new SettingsProvidersChangedEvent();\n\n  /** Event raised solely for a settings page to monitor so it can save its settings before continuing tab activation.\n   * See React hook function `useSaveBeforeActivatingNewSettingsTab`.\n   */\n  public readonly onProcessSettingsTabActivation = new ProcessSettingsTabActivationEvent();\n\n  /** Event raised when the settings container will be closed. Any setting page component that is 'modal' should register to\n   * listen to this event so that it can save its state before closing. See React hook function `useSaveBeforeClosingSettingsContainer`.\n   */\n  public readonly onProcessSettingsContainerClose = new ProcessSettingsContainerCloseEvent();\n\n  /** Event raised to change the active settings tab shown in UI. Monitored by the SettingsContainer.\n   * @internal\n   */\n  public readonly onActivateSettingsTab = new ActivateSettingsTabEvent();\n\n  /** Event monitored by SettingsContainer to process request to close the settings container.\n   * @internal\n   */\n  public readonly onCloseSettingsContainer = new CloseSettingsContainerEvent();\n\n  /** @public */\n  public get providers(): ReadonlyArray<SettingsTabsProvider> { return this._providers; }\n  public set providers(p: ReadonlyArray<SettingsTabsProvider>) {\n    this._providers = p;\n    this.onSettingsProvidersChanged.emit({ providers: p });\n  }\n\n  /** Called by application when an tool, keyin, or other process want to change the active settings tab/page giving the current tab/page and opportunity\n   * to save its state.\n   */\n  public activateSettingsTab(settingsTabId: string) {\n    this.onActivateSettingsTab.emit({ settingsTabId });\n  }\n\n  /** Called by application when the Settings Container is to be closed. The function to invoke to actually close the Settings Container is\n   * passed in and executed once the active settings tab/page has a chance to save its settings.\n   */\n  public closeSettingsContainer(closeFunc: (args: any) => void, closeFuncArgs?: any) {\n    this.onCloseSettingsContainer.emit({ closeFunc, closeFuncArgs });\n  }\n\n  public addSettingsProvider(settingsProvider: SettingsTabsProvider): void {\n    const foundProvider = this._providers.find((p) => p.id === settingsProvider.id);\n    if (!foundProvider) {\n      const updatedProviders = [\n        ...this.providers,\n        settingsProvider,\n      ];\n      this.providers = updatedProviders;\n    } else {\n      Logger.logInfo(UiCore.loggerCategory(this), `Settings Provider with id of ${settingsProvider.id} has already been registered`);\n    }\n  }\n\n  public removeSettingsProvider(providerId: string): boolean {\n    let result = false;\n    const updatedProviders = this._providers.filter((p) => p.id !== providerId);\n    if (updatedProviders.length !== this._providers.length) {\n      this.providers = updatedProviders;\n      result = true;\n    }\n\n    return result;\n  }\n\n  /** Get an array of SettingsTabEntry objects to populate the settings container. */\n  public getSettingEntries(stageId: string, stageUsage: string): Array<SettingsTabEntry> {\n    const allSettingEntries: SettingsTabEntry[] = [];\n    // Consult the registered SettingsProviders\n    this._providers.forEach((p) => {\n      const entries = p.getSettingEntries(stageId, stageUsage);\n      entries && allSettingEntries.push(...entries);\n    });\n\n    return allSettingEntries;\n  }\n}\n"]}
+{"version":3,"file":"SettingsManager.js","sourceRoot":"","sources":["../../../../src/core-react/settings/SettingsManager.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Settings\r\n */\r\n\r\nimport { BeUiEvent, Logger } from \"@itwin/core-bentley\";\r\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\r\nimport { UiCore } from \"../UiCore\";\r\n\r\n/** Interface used to populate a tab entry in the SettingContainer control\r\n * @public\r\n */\r\nexport interface SettingsTabEntry {\r\n  /** unique id for entry */\r\n  readonly tabId: string;\r\n  /** localized display label */\r\n  readonly label: string;\r\n  /** Setting page content to display when tab item is selected. */\r\n  readonly page: JSX.Element;\r\n  /** Setting to true if page will register to watch for stage closing event so it can save any dirty settings. Page component should register and handle the events:\r\n   * `settingsManager.onProcessSettingsTabActivation` and `settingsManager.onProcessSettingsContainerClose` */\r\n  readonly pageWillHandleCloseRequest?: boolean;\r\n  /** used to determine position in tablist */\r\n  readonly itemPriority: number;\r\n  /** Optional Subtitle to show below label. */\r\n  readonly subLabel?: string;\r\n  /** Icon specification */\r\n  readonly icon?: string | JSX.Element;\r\n  /** Tooltip. Allows JSX|Element to support react-tooltip component */\r\n  readonly tooltip?: string | JSX.Element;\r\n  /** Allows Settings entry to be disabled */\r\n  readonly isDisabled?: boolean | ConditionalBooleanValue;\r\n}\r\n\r\n/** Event class for [[this.onSettingsProvidersChanged]] which is emitted when a new SettingsTabsProvider is added or removed.\r\n * @public\r\n */\r\nexport class SettingsProvidersChangedEvent extends BeUiEvent<SettingsProvidersChangedEventArgs> { }\r\n\r\n/** Arguments of [[this.onSettingsProvidersChanged]] event.\r\n * @public\r\n */\r\nexport interface SettingsProvidersChangedEventArgs {\r\n  readonly providers: ReadonlyArray<SettingsTabsProvider>;\r\n}\r\n\r\n/** Event class for [[this.onProcessSettingsTabActivation]] which is emitted when a new Tab needs to be activated. This allows the current\r\n * settings page to save its settings before activating the new SettingTab.\r\n * @public\r\n */\r\nexport class ProcessSettingsTabActivationEvent extends BeUiEvent<ProcessSettingsTabActivationEventArgs> { }\r\n\r\n/** Arguments of [[this.onProcessSettingsTabActivation]] event.\r\n * @public\r\n */\r\nexport interface ProcessSettingsTabActivationEventArgs {\r\n  readonly tabSelectionFunc: (tabId: string) => void;\r\n  readonly requestedSettingsTabId: string;\r\n}\r\n\r\n/** Event class for [[this.onProcessSettingsContainerClose]] which is emitted when the settings container will be closed. This allows the current\r\n * settings page to save its settings before calling the function to close the container.\r\n * @public\r\n */\r\nexport class ProcessSettingsContainerCloseEvent extends BeUiEvent<ProcessSettingsContainerCloseEventArgs> { }\r\n\r\n/** Event class for [[this.onCloseSettingsContainer]] which is monitored by the settings container and indicates that some out process want to close the settings container.\r\n * @internal\r\n */\r\nexport class CloseSettingsContainerEvent extends BeUiEvent<ProcessSettingsContainerCloseEventArgs> { }\r\n\r\n/** Arguments of [[this.onProcessSettingsContainerClose]] event.\r\n * @public\r\n */\r\nexport interface ProcessSettingsContainerCloseEventArgs {\r\n  readonly closeFunc: (args: any) => void;\r\n  readonly closeFuncArgs?: any;\r\n}\r\n\r\n/** Event class for [[this.onActivateSettingsTab]] which is emitted when API call needs to set the active settings tab (ie via Tool key-in).\r\n * @public\r\n */\r\nexport class ActivateSettingsTabEvent extends BeUiEvent<ActivateSettingsTabEventArgs> { }\r\n\r\n/** Arguments of [[this.onActivateSettingsTab]] event.\r\n * @public\r\n */\r\nexport interface ActivateSettingsTabEventArgs {\r\n  readonly settingsTabId: string;\r\n}\r\n\r\n/** Setting Provider interface. Implemented by classes that want to supply settings pages for display in the SettingContainer. The\r\n * classes that implement this interface need to be registered with the [[SettingsManager]].\r\n * @public\r\n */\r\nexport interface SettingsTabsProvider {\r\n  /** Id of provider, used to remove registration. */\r\n  readonly id: string;\r\n  getSettingEntries(stageId: string, stageUsage: string): ReadonlyArray<SettingsTabEntry> | undefined;\r\n}\r\n\r\n/** Settings Manager class. Hold registration of settings providers and supplies events for the provided settings pages to listen.\r\n * @public\r\n */\r\nexport class SettingsManager {\r\n  private _providers: ReadonlyArray<SettingsTabsProvider> = [];\r\n\r\n  /** Event raised when SettingsProviders are changed.\r\n   */\r\n  public readonly onSettingsProvidersChanged = new SettingsProvidersChangedEvent();\r\n\r\n  /** Event raised solely for a settings page to monitor so it can save its settings before continuing tab activation.\r\n   * See React hook function `useSaveBeforeActivatingNewSettingsTab`.\r\n   */\r\n  public readonly onProcessSettingsTabActivation = new ProcessSettingsTabActivationEvent();\r\n\r\n  /** Event raised when the settings container will be closed. Any setting page component that is 'modal' should register to\r\n   * listen to this event so that it can save its state before closing. See React hook function `useSaveBeforeClosingSettingsContainer`.\r\n   */\r\n  public readonly onProcessSettingsContainerClose = new ProcessSettingsContainerCloseEvent();\r\n\r\n  /** Event raised to change the active settings tab shown in UI. Monitored by the SettingsContainer.\r\n   * @internal\r\n   */\r\n  public readonly onActivateSettingsTab = new ActivateSettingsTabEvent();\r\n\r\n  /** Event monitored by SettingsContainer to process request to close the settings container.\r\n   * @internal\r\n   */\r\n  public readonly onCloseSettingsContainer = new CloseSettingsContainerEvent();\r\n\r\n  /** @public */\r\n  public get providers(): ReadonlyArray<SettingsTabsProvider> { return this._providers; }\r\n  public set providers(p: ReadonlyArray<SettingsTabsProvider>) {\r\n    this._providers = p;\r\n    this.onSettingsProvidersChanged.emit({ providers: p });\r\n  }\r\n\r\n  /** Called by application when an tool, keyin, or other process want to change the active settings tab/page giving the current tab/page and opportunity\r\n   * to save its state.\r\n   */\r\n  public activateSettingsTab(settingsTabId: string) {\r\n    this.onActivateSettingsTab.emit({ settingsTabId });\r\n  }\r\n\r\n  /** Called by application when the Settings Container is to be closed. The function to invoke to actually close the Settings Container is\r\n   * passed in and executed once the active settings tab/page has a chance to save its settings.\r\n   */\r\n  public closeSettingsContainer(closeFunc: (args: any) => void, closeFuncArgs?: any) {\r\n    this.onCloseSettingsContainer.emit({ closeFunc, closeFuncArgs });\r\n  }\r\n\r\n  public addSettingsProvider(settingsProvider: SettingsTabsProvider): void {\r\n    const foundProvider = this._providers.find((p) => p.id === settingsProvider.id);\r\n    if (!foundProvider) {\r\n      const updatedProviders = [\r\n        ...this.providers,\r\n        settingsProvider,\r\n      ];\r\n      this.providers = updatedProviders;\r\n    } else {\r\n      Logger.logInfo(UiCore.loggerCategory(this), `Settings Provider with id of ${settingsProvider.id} has already been registered`);\r\n    }\r\n  }\r\n\r\n  public removeSettingsProvider(providerId: string): boolean {\r\n    let result = false;\r\n    const updatedProviders = this._providers.filter((p) => p.id !== providerId);\r\n    if (updatedProviders.length !== this._providers.length) {\r\n      this.providers = updatedProviders;\r\n      result = true;\r\n    }\r\n\r\n    return result;\r\n  }\r\n\r\n  /** Get an array of SettingsTabEntry objects to populate the settings container. */\r\n  public getSettingEntries(stageId: string, stageUsage: string): Array<SettingsTabEntry> {\r\n    const allSettingEntries: SettingsTabEntry[] = [];\r\n    // Consult the registered SettingsProviders\r\n    this._providers.forEach((p) => {\r\n      const entries = p.getSettingEntries(stageId, stageUsage);\r\n      entries && allSettingEntries.push(...entries);\r\n    });\r\n\r\n    return allSettingEntries;\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/style/baseline.scss

@@ -1,11 +1,11 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-$uicore-baseline: var(--iui-size-s);
-$uicore-line-height: var(--iui-size-l); ///  22px; /// ~1.618;
-
-$uicore-bordered-padding: calc(var(--iui-size-s) - 1px);
-$uicore-bordered-padding-large: calc(var(--iui-size-s) * 2 - 1px);
-$uicore-unbordered-padding: var(--iui-size-s);
-$uicore-unbordered-padding-large: calc(var(--iui-size-s) * 2);
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+$uicore-baseline: var(--iui-size-s);
+$uicore-line-height: var(--iui-size-l); ///  22px; /// ~1.618;
+
+$uicore-bordered-padding: calc(var(--iui-size-s) - 1px);
+$uicore-bordered-padding-large: calc(var(--iui-size-s) * 2 - 1px);
+$uicore-unbordered-padding: var(--iui-size-s);
+$uicore-unbordered-padding-large: calc(var(--iui-size-s) * 2);

package/lib/esm/core-react/style/breakpoints.scss

@@ -1,41 +1,41 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-/* Breakpoints */
-@mixin for-phone-only {
-  @media (max-width: 599px) { @content; }
-}
-
-@mixin for-tablet-portrait-up {
-  @media (min-width: 600px) { @content; }
-}
-
-@mixin for-tablet-portrait-down {
-  @media (max-width: 799px) { @content; }
-}
-
-@mixin for-tablet-landscape-up {
-  @media (min-width: 800px) { @content; }
-}
-
-@mixin for-tablet-landscape-down {
-  @media (max-width: 1099px) { @content; }
-}
-
-@mixin for-desktop-up {
-  @media (min-width: 1100px) { @content; }
-}
-
-@mixin for-small-desktop-down {
-  @media (max-width: 1299px) { @content; }
-}
-
-@mixin for-medium-desktop-up {
-  @media (min-width: 1300px) { @content; }
-}
-
-@mixin for-big-desktop-up {
-  @media (min-width: 1800px) { @content; }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+/* Breakpoints */
+@mixin for-phone-only {
+  @media (max-width: 599px) { @content; }
+}
+
+@mixin for-tablet-portrait-up {
+  @media (min-width: 600px) { @content; }
+}
+
+@mixin for-tablet-portrait-down {
+  @media (max-width: 799px) { @content; }
+}
+
+@mixin for-tablet-landscape-up {
+  @media (min-width: 800px) { @content; }
+}
+
+@mixin for-tablet-landscape-down {
+  @media (max-width: 1099px) { @content; }
+}
+
+@mixin for-desktop-up {
+  @media (min-width: 1100px) { @content; }
+}
+
+@mixin for-small-desktop-down {
+  @media (max-width: 1299px) { @content; }
+}
+
+@mixin for-medium-desktop-up {
+  @media (min-width: 1300px) { @content; }
+}
+
+@mixin for-big-desktop-up {
+  @media (min-width: 1800px) { @content; }
+}

package/lib/esm/core-react/style/colors.scss

@@ -1,77 +1,77 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-/// Variables ------------------------------------------------------------------
-
-/// Primary colors:
-
-$uicore-green:                 #56aa1c;
-$uicore-blue:                  #008be1;
-$uicore-gray:                  #9ba5ae;
-$uicore-text-color:            #2a2f34;
-
-/// Other colors:
-
-$uicore-black:                 #000;
-$uicore-white:                 #fff;
-$uicore-yellow:                #ffcf00;
-$uicore-orange:                #ff6600;
-$uicore-red:                   #cc0000;
-$uicore-teal:                  #2b9b7f;
-
-/// Highlights:
-
-$uicore-blue-highlight:        #e5f5fd;
-$uicore-green-highlight:       #eef6e8;
-$uicore-red-highlight:         #fae5e5;
-
-/// Gray:
-
-$uicore-gray-1:                #070809;
-$uicore-gray-3:                #3c434a;
-$uicore-gray-4:                #4d575f;
-$uicore-gray-5:                #677480;
-$uicore-gray-6:                #85929d;
-$uicore-gray-8:                #a6afb7;
-$uicore-gray-9:                #c7ccd1;
-$uicore-gray-a:                #dce0e3;
-$uicore-gray-b:                #eef0f3;
-$uicore-gray-c:                #f8f9fb;
-
-/// Blue:
-
-$uicore-blue-3:                #00426b;
-$uicore-blue-4:                #005a92;
-$uicore-blue-5:                #0073ba;
-$uicore-blue-6:                $uicore-blue;
-$uicore-blue-8:                #58bfff;
-$uicore-blue-a:                #a6ddff;
-
-/// Green:
-
-$uicore-green-3:               #23450b;
-$uicore-green-4:               #346711;
-$uicore-green-5:               #448615;
-
-$uicore-green-new:             #53A21A;
-
-/// Teal:
-
-$uicore-teal-0:                $uicore-green;
-$uicore-teal-1:                #2b9b1b;
-$uicore-teal-2:                #2b9b2f;
-$uicore-teal-3:                #2b9b43;
-$uicore-teal-4:                #2b9b57;
-$uicore-teal-5:                #2b9b6b;
-$uicore-teal-6:                #2b9b7f;
-$uicore-teal-7:                #2b9b93;
-$uicore-teal-8:                #2b9ba7;
-$uicore-teal-9:                #2b9bbb;
-$uicore-teal-a:                #2b9bcf;
-$uicore-teal-b:                #2b9be3;
-$uicore-teal-c:                $uicore-blue-6;
-$uicore-teal-d:                $uicore-blue-5;
-$uicore-teal-e:                $uicore-blue-4;
-$uicore-teal-f:                $uicore-blue-3;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+/// Variables ------------------------------------------------------------------
+
+/// Primary colors:
+
+$uicore-green:                 #56aa1c;
+$uicore-blue:                  #008be1;
+$uicore-gray:                  #9ba5ae;
+$uicore-text-color:            #2a2f34;
+
+/// Other colors:
+
+$uicore-black:                 #000;
+$uicore-white:                 #fff;
+$uicore-yellow:                #ffcf00;
+$uicore-orange:                #ff6600;
+$uicore-red:                   #cc0000;
+$uicore-teal:                  #2b9b7f;
+
+/// Highlights:
+
+$uicore-blue-highlight:        #e5f5fd;
+$uicore-green-highlight:       #eef6e8;
+$uicore-red-highlight:         #fae5e5;
+
+/// Gray:
+
+$uicore-gray-1:                #070809;
+$uicore-gray-3:                #3c434a;
+$uicore-gray-4:                #4d575f;
+$uicore-gray-5:                #677480;
+$uicore-gray-6:                #85929d;
+$uicore-gray-8:                #a6afb7;
+$uicore-gray-9:                #c7ccd1;
+$uicore-gray-a:                #dce0e3;
+$uicore-gray-b:                #eef0f3;
+$uicore-gray-c:                #f8f9fb;
+
+/// Blue:
+
+$uicore-blue-3:                #00426b;
+$uicore-blue-4:                #005a92;
+$uicore-blue-5:                #0073ba;
+$uicore-blue-6:                $uicore-blue;
+$uicore-blue-8:                #58bfff;
+$uicore-blue-a:                #a6ddff;
+
+/// Green:
+
+$uicore-green-3:               #23450b;
+$uicore-green-4:               #346711;
+$uicore-green-5:               #448615;
+
+$uicore-green-new:             #53A21A;
+
+/// Teal:
+
+$uicore-teal-0:                $uicore-green;
+$uicore-teal-1:                #2b9b1b;
+$uicore-teal-2:                #2b9b2f;
+$uicore-teal-3:                #2b9b43;
+$uicore-teal-4:                #2b9b57;
+$uicore-teal-5:                #2b9b6b;
+$uicore-teal-6:                #2b9b7f;
+$uicore-teal-7:                #2b9b93;
+$uicore-teal-8:                #2b9ba7;
+$uicore-teal-9:                #2b9bbb;
+$uicore-teal-a:                #2b9bcf;
+$uicore-teal-b:                #2b9be3;
+$uicore-teal-c:                $uicore-blue-6;
+$uicore-teal-d:                $uicore-blue-5;
+$uicore-teal-e:                $uicore-blue-4;
+$uicore-teal-f:                $uicore-blue-3;

package/lib/esm/core-react/style/index.scss

@@ -1,17 +1,10 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./baseline";
-@import "./breakpoints";
-@import "./themecolors";
-@import "./colors";
-@import "./mixins";
-@import "./opacity";
-
-// Deprecated
-@import "./data-viz";
-@import "./space";
-@import "./speed";
-@import "./typography";
-@import "./variables";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./baseline";
+@import "./breakpoints";
+@import "./themecolors";
+@import "./colors";
+@import "./mixins";
+@import "./opacity";

package/lib/esm/core-react/style/mixins.scss

@@ -1,27 +1,27 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-@mixin no-link {
-
-  text-decoration:      none;
-  color:                $buic-text-color;
-
-  &:link,
-  &:visited,
-  &:hover,
-  &:active {
-
-    color:              $buic-text-color;
-    text-decoration:    none;
-  }
-}
-
-@mixin firefox-only {
-
-  @supports (-moz-appearance: none) {
-    @content;
-  }
-
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+@mixin no-link {
+
+  text-decoration:      none;
+  color:                var(--iui-color-text);
+
+  &:link,
+  &:visited,
+  &:hover,
+  &:active {
+
+    color:              var(--iui-color-text);
+    text-decoration:    none;
+  }
+}
+
+@mixin firefox-only {
+
+  @supports (-moz-appearance: none) {
+    @content;
+  }
+
+}

package/lib/esm/core-react/style/opacity.scss

@@ -1,16 +1,16 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/// Opacity stops:
-
-$uicore-opacity-1: var(--iui-opacity-1);
-$uicore-opacity-2: var(--iui-opacity-2);
-$uicore-opacity-3: var(--iui-opacity-3);
-$uicore-opacity-4: var(--iui-opacity-4);
-$uicore-opacity-5: var(--iui-opacity-5);
-$uicore-opacity-6: var(--iui-opacity-6);
-
-$uicore-opacity-muted: $uicore-opacity-3;
-$uicore-opacity-disabled: $uicore-opacity-4;
-$uicore-opacity-boxshadow: $uicore-opacity-4;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/// Opacity stops:
+
+$uicore-opacity-1: var(--iui-opacity-1);
+$uicore-opacity-2: var(--iui-opacity-2);
+$uicore-opacity-3: var(--iui-opacity-3);
+$uicore-opacity-4: var(--iui-opacity-4);
+$uicore-opacity-5: var(--iui-opacity-5);
+$uicore-opacity-6: var(--iui-opacity-6);
+
+$uicore-opacity-muted: $uicore-opacity-3;
+$uicore-opacity-disabled: $uicore-opacity-4;
+$uicore-opacity-boxshadow: $uicore-opacity-4;