@itwin/core-react 3.7.16 → 3.8.0-dev.1

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

@@ -1,17 +1,17 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
+
+// Deprecated
+@import "./data-viz";
+@import "./space";
+@import "./speed";
+@import "./typography";
+@import "./variables";

package/lib/esm/core-react/style/itwinui-overrides.scss

@@ -1,25 +1,25 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../icons/variables";
-@import "../inputs/variables";
-@import "./themecolors";
-@import "./variables";
-@import "~@itwin/itwinui-css/scss/style/space";
-
-// Override some iTwinUI-css padding and minimums for iTwin.js applications
-
-@mixin small-itwinui-toggle-switch {
-
-  .iui-toggle-switch {
-    padding: 1px 0 !important;
-  }
-
-}
-
-@mixin itwinui-style-overrides {
-
-  @include small-itwinui-toggle-switch;
-
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../icons/variables";
+@import "../inputs/variables";
+@import "./themecolors";
+@import "./variables";
+@import "~@itwin/itwinui-css/scss/style/space";
+
+// Override some iTwinUI-css padding and minimums for iTwin.js applications
+
+@mixin small-itwinui-toggle-switch {
+
+  .iui-toggle-switch {
+    padding: 1px 0 !important;
+  }
+
+}
+
+@mixin itwinui-style-overrides {
+
+  @include small-itwinui-toggle-switch;
+
 }

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

@@ -1,28 +1,28 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/itwinui-css/scss/style/mixins";
-
-@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.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/style/mixins";
+
+@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;
+  }
+
+}

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

@@ -1,17 +1,17 @@
-/*---------------------------------------------------------------------------------------------
-* 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;

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

@@ -1,17 +1,17 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/itwinui-css/scss/style/space";
-
-// @warn "space.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/space' instead.";
-
-$uicore-xxs:           $iui-xxs;    // 2px
-$uicore-xs:            $iui-xs;     // 4px
-$uicore-s:             $iui-s;      // 8px
-$uicore-sm:            $iui-sm;     // 12px
-$uicore-m:             $iui-m;      // 16px
-$uicore-l:             $iui-l;      // 24px
-$uicore-xl:            $iui-xl;     // 32px
-$uicore-xxl:           $iui-xxl;    // 64px
-$uicore-3xl:           $iui-3xl;    // 96px
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/style/space";
+
+// @warn "space.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/space' instead.";
+
+$uicore-xxs:           $iui-xxs;    // 2px
+$uicore-xs:            $iui-xs;     // 4px
+$uicore-s:             $iui-s;      // 8px
+$uicore-sm:            $iui-sm;     // 12px
+$uicore-m:             $iui-m;      // 16px
+$uicore-l:             $iui-l;      // 24px
+$uicore-xl:            $iui-xl;     // 32px
+$uicore-xxl:           $iui-xxl;    // 64px
+$uicore-3xl:           $iui-3xl;    // 96px

package/lib/esm/core-react/style/speed.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.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/itwinui-css/scss/style/speed";
-
-// @warn "speed.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/space' instead.";
-
-/// Animation speed:
-
-$uicore-speed-fast:   $iui-speed-fast;
-$uicore-speed:        $iui-speed;
-$uicore-speed-slow:   $iui-speed-slow;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/style/speed";
+
+// @warn "speed.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/space' instead.";
+
+/// Animation speed:
+
+$uicore-speed-fast:   $iui-speed-fast;
+$uicore-speed:        $iui-speed;
+$uicore-speed-slow:   $iui-speed-slow;

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

@@ -1,129 +1,129 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-// cspell:ignore scrollbar titlebar toolbutton outoffocus boxshadow mediumgray
-
-$buic-background-1-rgb:                   var(--buic-background-1-rgb);
-$buic-background-2-rgb:                   var(--buic-background-2-rgb);
-$buic-background-3-rgb:                   var(--buic-background-3-rgb);
-$buic-background-4-rgb:                   var(--buic-background-4-rgb);
-$buic-background-5-rgb:                   var(--buic-background-5-rgb);
-
-$buic-background-1:                       var(--buic-background-1);
-$buic-background-2:                       var(--buic-background-2);
-$buic-background-3:                       var(--buic-background-3);
-$buic-background-4:                       var(--buic-background-4);
-$buic-background-5:                       var(--buic-background-5);
-
-/* Backgrounds and strokes */
-$buic-background-primary:                 var(--buic-background-primary);
-$buic-background-scrollbar:               var(--buic-background-scrollbar);
-$buic-background-scrollbar-hover:         var(--buic-background-scrollbar-hover);
-
-$buic-background-titlebar:                var(--buic-background-titlebar);
-$buic-background-dialog-stroke:           var(--buic-background-dialog-stroke);
-$buic-background-widget-stroke:           var(--buic-background-widget-stroke);
-$buic-background-widget-panel:            var(--buic-background-widget-panel);
-$buic-background-panel-stroke:            var(--buic-background-panel-stroke);
-$buic-background-tooltip:                 var(--buic-background-tooltip);
-$buic-background-statusbar:               var(--buic-background-statusbar);
-$buic-background-control-stroke:          var(--buic-background-control-stroke);
-$buic-background-toolbutton-stroke:       var(--buic-background-toolbutton-stroke);
-
-$buic-background-titlebar-outoffocus:     var(--buic-background-titlebar-outoffocus);
-$buic-background-divider:                 var(--buic-background-divider);
-$buic-background-widget-element-stroke:   var(--buic-background-widget-element-stroke);
-$buic-background-control-disabled:        var(--buic-background-control-disabled);
-$buic-background-table-header:            var(--buic-background-table-header);
-$buic-background-control-stroke-disabled: var(--buic-background-control-stroke-disabled);
-
-$buic-background-tab-inactive:            var(--buic-background-tab-inactive);
-$buic-background-toolbutton-inactive:     var(--buic-background-toolbutton-inactive);
-$buic-background-context-menu:            var(--buic-background-context-menu);
-$buic-background-panel:                   var(--buic-background-panel);
-$buic-background-placeholder:             var(--buic-background-placeholder);
-$buic-background-striped_row:             var(--buic-background-striped_row);
-
-$buic-background-tab-active:              var(--buic-background-tab-active);
-$buic-background-dialog:                  var(--buic-background-dialog);
-$buic-background-widget:                  var(--buic-background-widget);
-$buic-background-window:                  var(--buic-background-window);
-$buic-background-toolbar:                 var(--buic-background-toolbar);
-
-$buic-background-card:                    var(--buic-background-card);
-$buic-background-control:                 var(--buic-background-control);
-
-$buic-background-focus-overlay:           var(--buic-background-focus-overlay);
-$buic-background-hover-overlay:           var(--buic-background-hover-overlay);
-$buic-background-active-overlay:          var(--buic-background-active-overlay);
-$buic-background-pressed-overlay:         var(--buic-background-pressed-overlay);
-
-/** Text and icons */
-$buic-foreground-body-rgb:                var(--buic-foreground-body-rgb);
-$buic-foreground-body-reverse-rgb:        var(--buic-foreground-body-reverse-rgb);
-
-$buic-foreground-body:                    var(--buic-foreground-body);
-$buic-foreground-body-reverse:            var(--buic-foreground-body-reverse);
-$buic-foreground-disabled:                var(--buic-foreground-disabled);
-$buic-foreground-muted:                   var(--buic-foreground-muted);
-$buic-foreground-activehover:             var(--buic-foreground-activehover);
-
-$buic-text-color:                         var(--buic-foreground-body);          // 0.85 opacity
-$buic-text-color-disabled:                var(--buic-foreground-disabled);      // 0.45 opacity (Note: 0.25 is too much)
-$buic-text-color-muted:                   var(--buic-foreground-muted);         // 0.65 opacity
-$buic-text-color-reverse:                 var(--buic-foreground-body-reverse);  // 0.85 opacity
-$buic-text-color-hover:                   var(--buic-foreground-activehover);   // 1.00 opacity
-$buic-text-color-highlight:               var(--buic-foreground-primary);       // themed
-
-$buic-icon-color:                         var(--buic-foreground-body);
-$buic-icon-color-disabled:                var(--buic-foreground-disabled);
-$buic-icon-color-reverse:                 var(--buic-foreground-body-reverse);
-
-$buic-background-editable:                var(--buic-background-editable);
-$buic-row-selection:                      var(--buic-row-selection);
-$buic-row-hover:                          var(--buic-row-hover);
-
-$buic-button-gradient1:                   var(--buic-button-gradient1);
-$buic-button-gradient2:                   var(--buic-button-gradient2);
-
-$buic-foreground-focus-border:            var(--buic-foreground-focus-border);
-$buic-inputs-border:                      var(--buic-inputs-border);
-$buic-focus-boxshadow:                    var(--buic-focus-boxshadow);
-$buic-inputs-boxshadow:                   var(--buic-inputs-boxshadow);
-$buic-popup-boxshadow:                    var(--buic-popup-boxshadow);
-
-/** Themed colors */
-$buic-foreground-accessory:               var(--buic-foreground-accessory);
-$buic-foreground-primary-rgb:             var(--buic-foreground-primary-rgb);
-$buic-foreground-primary:                 var(--buic-foreground-primary);
-$buic-foreground-primary-tone:            var(--buic-foreground-primary-tone);
-$buic-foreground-positive:                var(--buic-foreground-positive);
-$buic-foreground-positive-rgb:            var(--buic-foreground-positive-rgb);
-$buic-foreground-success:                 var(--buic-foreground-positive);
-$buic-foreground-negative:                var(--buic-foreground-negative);
-$buic-foreground-negative-rgb:            var(--buic-foreground-negative-rgb);
-$buic-foreground-alert:                   var(--buic-foreground-negative);
-$buic-foreground-error:                   var(--buic-foreground-negative);
-$buic-foreground-warning:                 var(--buic-foreground-warning);
-$buic-foreground-warning-rgb:             var(--buic-foreground-warning-rgb);
-$buic-foreground-focus:                   var(--buic-foreground-focus);
-
-/** Static colors */
-// NEEDSWORK - Need to deprecate
-$buic-accessory-hollow:                   var(--buic-accessory-hollow);
-$buic-accessory-primary:                  var(--buic-accessory-primary);
-$buic-accessory-success:                  var(--buic-accessory-success);
-$buic-accessory-alert:                    var(--buic-accessory-alert);
-$buic-accessory-warning:                  var(--buic-accessory-warning);
-$buic-accessory-primary-tint:             var(--buic-accessory-primary-tint);
-$buic-accessory-success-tint:             var(--buic-accessory-success-tint);
-$buic-accessory-alert-tint:               var(--buic-accessory-alert-tint);
-$buic-accessory-warning-tint:             var(--buic-accessory-warning-tint);
-
-/** Widget Opacity */
-$buic-widget-opacity:                     var(--buic-widget-opacity, 0.90);
-
-/** Toolbar Opacity */
-$buic-toolbar-opacity:                     var(--buic-toolbar-opacity, 0.50);
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+// cspell:ignore scrollbar titlebar toolbutton outoffocus boxshadow mediumgray
+
+$buic-background-1-rgb:                   var(--buic-background-1-rgb);
+$buic-background-2-rgb:                   var(--buic-background-2-rgb);
+$buic-background-3-rgb:                   var(--buic-background-3-rgb);
+$buic-background-4-rgb:                   var(--buic-background-4-rgb);
+$buic-background-5-rgb:                   var(--buic-background-5-rgb);
+
+$buic-background-1:                       var(--buic-background-1);
+$buic-background-2:                       var(--buic-background-2);
+$buic-background-3:                       var(--buic-background-3);
+$buic-background-4:                       var(--buic-background-4);
+$buic-background-5:                       var(--buic-background-5);
+
+/* Backgrounds and strokes */
+$buic-background-primary:                 var(--buic-background-primary);
+$buic-background-scrollbar:               var(--buic-background-scrollbar);
+$buic-background-scrollbar-hover:         var(--buic-background-scrollbar-hover);
+
+$buic-background-titlebar:                var(--buic-background-titlebar);
+$buic-background-dialog-stroke:           var(--buic-background-dialog-stroke);
+$buic-background-widget-stroke:           var(--buic-background-widget-stroke);
+$buic-background-widget-panel:            var(--buic-background-widget-panel);
+$buic-background-panel-stroke:            var(--buic-background-panel-stroke);
+$buic-background-tooltip:                 var(--buic-background-tooltip);
+$buic-background-statusbar:               var(--buic-background-statusbar);
+$buic-background-control-stroke:          var(--buic-background-control-stroke);
+$buic-background-toolbutton-stroke:       var(--buic-background-toolbutton-stroke);
+
+$buic-background-titlebar-outoffocus:     var(--buic-background-titlebar-outoffocus);
+$buic-background-divider:                 var(--buic-background-divider);
+$buic-background-widget-element-stroke:   var(--buic-background-widget-element-stroke);
+$buic-background-control-disabled:        var(--buic-background-control-disabled);
+$buic-background-table-header:            var(--buic-background-table-header);
+$buic-background-control-stroke-disabled: var(--buic-background-control-stroke-disabled);
+
+$buic-background-tab-inactive:            var(--buic-background-tab-inactive);
+$buic-background-toolbutton-inactive:     var(--buic-background-toolbutton-inactive);
+$buic-background-context-menu:            var(--buic-background-context-menu);
+$buic-background-panel:                   var(--buic-background-panel);
+$buic-background-placeholder:             var(--buic-background-placeholder);
+$buic-background-striped_row:             var(--buic-background-striped_row);
+
+$buic-background-tab-active:              var(--buic-background-tab-active);
+$buic-background-dialog:                  var(--buic-background-dialog);
+$buic-background-widget:                  var(--buic-background-widget);
+$buic-background-window:                  var(--buic-background-window);
+$buic-background-toolbar:                 var(--buic-background-toolbar);
+
+$buic-background-card:                    var(--buic-background-card);
+$buic-background-control:                 var(--buic-background-control);
+
+$buic-background-focus-overlay:           var(--buic-background-focus-overlay);
+$buic-background-hover-overlay:           var(--buic-background-hover-overlay);
+$buic-background-active-overlay:          var(--buic-background-active-overlay);
+$buic-background-pressed-overlay:         var(--buic-background-pressed-overlay);
+
+/** Text and icons */
+$buic-foreground-body-rgb:                var(--buic-foreground-body-rgb);
+$buic-foreground-body-reverse-rgb:        var(--buic-foreground-body-reverse-rgb);
+
+$buic-foreground-body:                    var(--buic-foreground-body);
+$buic-foreground-body-reverse:            var(--buic-foreground-body-reverse);
+$buic-foreground-disabled:                var(--buic-foreground-disabled);
+$buic-foreground-muted:                   var(--buic-foreground-muted);
+$buic-foreground-activehover:             var(--buic-foreground-activehover);
+
+$buic-text-color:                         var(--buic-foreground-body);          // 0.85 opacity
+$buic-text-color-disabled:                var(--buic-foreground-disabled);      // 0.45 opacity (Note: 0.25 is too much)
+$buic-text-color-muted:                   var(--buic-foreground-muted);         // 0.65 opacity
+$buic-text-color-reverse:                 var(--buic-foreground-body-reverse);  // 0.85 opacity
+$buic-text-color-hover:                   var(--buic-foreground-activehover);   // 1.00 opacity
+$buic-text-color-highlight:               var(--buic-foreground-primary);       // themed
+
+$buic-icon-color:                         var(--buic-foreground-body);
+$buic-icon-color-disabled:                var(--buic-foreground-disabled);
+$buic-icon-color-reverse:                 var(--buic-foreground-body-reverse);
+
+$buic-background-editable:                var(--buic-background-editable);
+$buic-row-selection:                      var(--buic-row-selection);
+$buic-row-hover:                          var(--buic-row-hover);
+
+$buic-button-gradient1:                   var(--buic-button-gradient1);
+$buic-button-gradient2:                   var(--buic-button-gradient2);
+
+$buic-foreground-focus-border:            var(--buic-foreground-focus-border);
+$buic-inputs-border:                      var(--buic-inputs-border);
+$buic-focus-boxshadow:                    var(--buic-focus-boxshadow);
+$buic-inputs-boxshadow:                   var(--buic-inputs-boxshadow);
+$buic-popup-boxshadow:                    var(--buic-popup-boxshadow);
+
+/** Themed colors */
+$buic-foreground-accessory:               var(--buic-foreground-accessory);
+$buic-foreground-primary-rgb:             var(--buic-foreground-primary-rgb);
+$buic-foreground-primary:                 var(--buic-foreground-primary);
+$buic-foreground-primary-tone:            var(--buic-foreground-primary-tone);
+$buic-foreground-positive:                var(--buic-foreground-positive);
+$buic-foreground-positive-rgb:            var(--buic-foreground-positive-rgb);
+$buic-foreground-success:                 var(--buic-foreground-positive);
+$buic-foreground-negative:                var(--buic-foreground-negative);
+$buic-foreground-negative-rgb:            var(--buic-foreground-negative-rgb);
+$buic-foreground-alert:                   var(--buic-foreground-negative);
+$buic-foreground-error:                   var(--buic-foreground-negative);
+$buic-foreground-warning:                 var(--buic-foreground-warning);
+$buic-foreground-warning-rgb:             var(--buic-foreground-warning-rgb);
+$buic-foreground-focus:                   var(--buic-foreground-focus);
+
+/** Static colors */
+// NEEDSWORK - Need to deprecate
+$buic-accessory-hollow:                   var(--buic-accessory-hollow);
+$buic-accessory-primary:                  var(--buic-accessory-primary);
+$buic-accessory-success:                  var(--buic-accessory-success);
+$buic-accessory-alert:                    var(--buic-accessory-alert);
+$buic-accessory-warning:                  var(--buic-accessory-warning);
+$buic-accessory-primary-tint:             var(--buic-accessory-primary-tint);
+$buic-accessory-success-tint:             var(--buic-accessory-success-tint);
+$buic-accessory-alert-tint:               var(--buic-accessory-alert-tint);
+$buic-accessory-warning-tint:             var(--buic-accessory-warning-tint);
+
+/** Widget Opacity */
+$buic-widget-opacity:                     var(--buic-widget-opacity, 0.90);
+
+/** Toolbar Opacity */
+$buic-toolbar-opacity:                     var(--buic-toolbar-opacity, 0.50);

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

@@ -1,43 +1,43 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-// @warn "typography.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/typography' instead.";
-
-/// Constants ------------------------------------------------------------------
-
-$uicore-sans:                      $iui-sans;
-$uicore-monospace:                 $iui-monospace;
-
-$uicore-font-family:               $iui-font-family;
-
-$uicore-font-size:                 $iui-font-size;
-$uicore-font-size-small:           $iui-font-size-small;
-$uicore-font-size-leading:         $iui-font-size-leading;
-$uicore-font-size-subheading:      $iui-font-size-subheading;
-$uicore-font-size-title:           $iui-font-size-title;
-$uicore-font-size-headline:        $iui-font-size-headline;
-
-$uicore-cap-size:                  $iui-cap-size;
-$uicore-cap-size-small:            $iui-cap-size-small;
-$uicore-cap-size-leading:          $iui-cap-size-leading;
-$uicore-cap-size-subheading:       $iui-cap-size-subheading;
-$uicore-cap-size-title:            $iui-cap-size-title;
-$uicore-cap-size-headline:         $iui-cap-size-headline;
-
-$uicore-font-weight-light:         $iui-font-weight-light;
-$uicore-font-weight-normal:        $iui-font-weight-normal;
-$uicore-font-weight-semibold:      $iui-font-weight-semibold;
-$uicore-font-weight-bold:          $iui-font-weight-bold;
-
-/// Font loading helpers -------------------------------------------------------
-/// See: https://www.zachleat.com/web/comprehensive-webfonts
-
-$uicore-font-loaded-class:         $iui-font-loaded-class;
-
-@mixin uicore-font-family {
-
-  @include iui-font-family;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+// @warn "typography.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/typography' instead.";
+
+/// Constants ------------------------------------------------------------------
+
+$uicore-sans:                      $iui-sans;
+$uicore-monospace:                 $iui-monospace;
+
+$uicore-font-family:               $iui-font-family;
+
+$uicore-font-size:                 $iui-font-size;
+$uicore-font-size-small:           $iui-font-size-small;
+$uicore-font-size-leading:         $iui-font-size-leading;
+$uicore-font-size-subheading:      $iui-font-size-subheading;
+$uicore-font-size-title:           $iui-font-size-title;
+$uicore-font-size-headline:        $iui-font-size-headline;
+
+$uicore-cap-size:                  $iui-cap-size;
+$uicore-cap-size-small:            $iui-cap-size-small;
+$uicore-cap-size-leading:          $iui-cap-size-leading;
+$uicore-cap-size-subheading:       $iui-cap-size-subheading;
+$uicore-cap-size-title:            $iui-cap-size-title;
+$uicore-cap-size-headline:         $iui-cap-size-headline;
+
+$uicore-font-weight-light:         $iui-font-weight-light;
+$uicore-font-weight-normal:        $iui-font-weight-normal;
+$uicore-font-weight-semibold:      $iui-font-weight-semibold;
+$uicore-font-weight-bold:          $iui-font-weight-bold;
+
+/// Font loading helpers -------------------------------------------------------
+/// See: https://www.zachleat.com/web/comprehensive-webfonts
+
+$uicore-font-loaded-class:         $iui-font-loaded-class;
+
+@mixin uicore-font-family {
+
+  @include iui-font-family;
+}

package/lib/esm/core-react/style/variables.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.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/itwinui-css/scss/style/variables";
-
-// @warn "variables.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/variables' instead.";
-
-$uicore-border-radius:    $iui-border-radius;
-
-$uicore-component-height-small:   24px;
-$uicore-component-height-normal:  28px;
-$uicore-component-height-large:   32px;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/style/variables";
+
+// @warn "variables.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/variables' instead.";
+
+$uicore-border-radius:    $iui-border-radius;
+
+$uicore-component-height-small:   24px;
+$uicore-component-height-normal:  28px;
+$uicore-component-height-large:   32px;