@itwin/core-react 3.7.1 → 3.7.3

package/lib/esm/core-react/splitbutton/SplitButton.scss

@@ -1,137 +1,137 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../button/button";
-@import "../icons/variables";
-@import "../style/baseline";
-@import "../style/opacity";
-@import "../style/themecolors";
-@import "../text/mixins";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-// cspell:ignore themecolors unbordered
-
-$split-button-padding:  4px;
-
-.core-split-button {
-  flex-shrink: 1;
-
-  @include iui-font-family;
-  @include uicore-buttons-button;
-
-  padding:        $uicore-button-padding;
-  box-shadow:     none;
-
-  cursor:         pointer;
-  margin:         0;
-  display:        flex;
-  box-sizing:     border-box;
-  line-height:    $uicore-line-height;
-  outline:        none;
-
-  &.core-split-button-default-colors {
-    border-color:     $buic-background-control;
-    color:            $buic-foreground-body;
-    background-color: $buic-background-control;
-
-    > .core-split-button-label {
-      &:hover {
-        color: $buic-foreground-primary;
-      }
-    }
-
-    > .core-split-button-arrow {
-      > .core-split-button-arrow-icon {
-        &:hover {
-          color: $buic-foreground-primary;
-        }
-      }
-    }
-
-    &:focus {
-      > .core-split-button-arrow {
-        > .core-split-button-arrow-icon {
-          color: $buic-foreground-primary;
-        }
-      }
-    }
-  }
-
-  > .core-split-button-label {
-    flex: 1;
-    text-align: center;
-
-    &.core-split-button-border {
-      margin: 0 $split-button-padding;
-    }
-  }
-
-  &.core-split-button-border {
-    border-color:   $buic-text-color-disabled;
-    box-shadow:     $buic-inputs-boxshadow 0px 1px 1px inset;
-  }
-
-  > .core-split-button-divider {
-    width: $split-button-padding + 1px;
-
-    &.core-split-button-border {
-      border-right: 1px solid currentColor;
-      opacity: $uicore-opacity-disabled;
-    }
-  }
-
-  > .core-split-button-arrow {
-    > .core-split-button-arrow-icon {
-      transition: transform .2s;
-
-      text-align: center;
-      font-size: $uicore-icons-x-small;
-      line-height: $uicore-line-height;
-    }
-
-    width: $uicore-line-height;
-    height: $uicore-line-height;
-    margin-left: $split-button-padding;
-
-    > .context-menu {
-      top: $uicore-inputs-padding-bordered;
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  &:active,
-  &:focus {
-    @include uicore-buttons-button-unbordered;
-    border-color:         $buic-foreground-focus;
-
-    &.core-split-button-border {
-      border-color:   $buic-background-control;
-      @include uicore-buttons-button-focused;
-    }
-  }
-
-  &:focus {
-    > .core-split-button-arrow {
-      border: none;
-      box-shadow: none;
-      outline: 0px;
-    }
-  }
-
-  &.core-expanded {
-    border-color:         $buic-foreground-focus;
-
-    &.core-split-button-border {
-      border-color:   $buic-background-control;
-      @include uicore-buttons-button-focused;
-    }
-
-    > .core-split-button-arrow > .core-split-button-arrow-icon {
-      transform: scaleY(-1);
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../button/button";
+@import "../icons/variables";
+@import "../style/baseline";
+@import "../style/opacity";
+@import "../style/themecolors";
+@import "../text/mixins";
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+// cspell:ignore themecolors unbordered
+
+$split-button-padding:  4px;
+
+.core-split-button {
+  flex-shrink: 1;
+
+  @include iui-font-family;
+  @include uicore-buttons-button;
+
+  padding:        $uicore-button-padding;
+  box-shadow:     none;
+
+  cursor:         pointer;
+  margin:         0;
+  display:        flex;
+  box-sizing:     border-box;
+  line-height:    $uicore-line-height;
+  outline:        none;
+
+  &.core-split-button-default-colors {
+    border-color:     $buic-background-control;
+    color:            $buic-foreground-body;
+    background-color: $buic-background-control;
+
+    > .core-split-button-label {
+      &:hover {
+        color: $buic-foreground-primary;
+      }
+    }
+
+    > .core-split-button-arrow {
+      > .core-split-button-arrow-icon {
+        &:hover {
+          color: $buic-foreground-primary;
+        }
+      }
+    }
+
+    &:focus {
+      > .core-split-button-arrow {
+        > .core-split-button-arrow-icon {
+          color: $buic-foreground-primary;
+        }
+      }
+    }
+  }
+
+  > .core-split-button-label {
+    flex: 1;
+    text-align: center;
+
+    &.core-split-button-border {
+      margin: 0 $split-button-padding;
+    }
+  }
+
+  &.core-split-button-border {
+    border-color:   $buic-text-color-disabled;
+    box-shadow:     $buic-inputs-boxshadow 0px 1px 1px inset;
+  }
+
+  > .core-split-button-divider {
+    width: $split-button-padding + 1px;
+
+    &.core-split-button-border {
+      border-right: 1px solid currentColor;
+      opacity: $uicore-opacity-disabled;
+    }
+  }
+
+  > .core-split-button-arrow {
+    > .core-split-button-arrow-icon {
+      transition: transform .2s;
+
+      text-align: center;
+      font-size: $uicore-icons-x-small;
+      line-height: $uicore-line-height;
+    }
+
+    width: $uicore-line-height;
+    height: $uicore-line-height;
+    margin-left: $split-button-padding;
+
+    > .context-menu {
+      top: $uicore-inputs-padding-bordered;
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  &:active,
+  &:focus {
+    @include uicore-buttons-button-unbordered;
+    border-color:         $buic-foreground-focus;
+
+    &.core-split-button-border {
+      border-color:   $buic-background-control;
+      @include uicore-buttons-button-focused;
+    }
+  }
+
+  &:focus {
+    > .core-split-button-arrow {
+      border: none;
+      box-shadow: none;
+      outline: 0px;
+    }
+  }
+
+  &.core-expanded {
+    border-color:         $buic-foreground-focus;
+
+    &.core-split-button-border {
+      border-color:   $buic-background-control;
+      @include uicore-buttons-button-focused;
+    }
+
+    > .core-split-button-arrow > .core-split-button-arrow-icon {
+      transform: scaleY(-1);
+    }
+  }
+}

package/lib/esm/core-react/style/baseline.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/baseline";
-
-$uicore-baseline:                  $iui-baseline;
-$uicore-line-height:               $iui-line-height;    ///  22px; /// ~1.618;
-
-$uicore-bordered-padding:          $uicore-baseline - 1px;
-$uicore-bordered-padding-large:    $uicore-baseline * 2 - 1px;
-$uicore-unbordered-padding:        $uicore-baseline;
-$uicore-unbordered-padding-large:  $uicore-baseline * 2;
+/*---------------------------------------------------------------------------------------------
+* 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/baseline";
+
+$uicore-baseline:                  $iui-baseline;
+$uicore-line-height:               $iui-line-height;    ///  22px; /// ~1.618;
+
+$uicore-bordered-padding:          $uicore-baseline - 1px;
+$uicore-bordered-padding-large:    $uicore-baseline * 2 - 1px;
+$uicore-unbordered-padding:        $uicore-baseline;
+$uicore-unbordered-padding-large:  $uicore-baseline * 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/data-viz.scss

@@ -1,23 +1,23 @@
-/*---------------------------------------------------------------------------------------------
-* 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/color";
-
-// @warn "data-viz.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/colors' instead.";
-
-/** iTwin.js Data Visualization Colors */
-
-$buic-dataviz-skyblue:        $iui-color-dataviz-skyblue;
-$buic-dataviz-celery:	        $iui-color-dataviz-celery;
-$buic-dataviz-froly:	        $iui-color-dataviz-froly;
-$buic-dataviz-steelblue:	    $iui-color-dataviz-steelblue;
-$buic-dataviz-sunglow:	      $iui-color-dataviz-sunglow;
-$buic-dataviz-seabuckthorn:	  $iui-color-dataviz-seabuckthorn;
-$buic-dataviz-montecarlo:	    $iui-color-dataviz-montecarlo;
-$buic-dataviz-poloblue:	      $iui-color-dataviz-poloblue;
-$buic-dataviz-bouquet:	      $iui-color-dataviz-bouquet;
-$buic-dataviz-ash:	          $iui-color-dataviz-ash;
-$buic-dataviz-oak:	          $iui-color-dataviz-oak;
-
-// cSpell:ignore dataviz froly seabuckthorn montecarlo poloblue
+/*---------------------------------------------------------------------------------------------
+* 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/color";
+
+// @warn "data-viz.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/colors' instead.";
+
+/** iTwin.js Data Visualization Colors */
+
+$buic-dataviz-skyblue:        $iui-color-dataviz-skyblue;
+$buic-dataviz-celery:	        $iui-color-dataviz-celery;
+$buic-dataviz-froly:	        $iui-color-dataviz-froly;
+$buic-dataviz-steelblue:	    $iui-color-dataviz-steelblue;
+$buic-dataviz-sunglow:	      $iui-color-dataviz-sunglow;
+$buic-dataviz-seabuckthorn:	  $iui-color-dataviz-seabuckthorn;
+$buic-dataviz-montecarlo:	    $iui-color-dataviz-montecarlo;
+$buic-dataviz-poloblue:	      $iui-color-dataviz-poloblue;
+$buic-dataviz-bouquet:	      $iui-color-dataviz-bouquet;
+$buic-dataviz-ash:	          $iui-color-dataviz-ash;
+$buic-dataviz-oak:	          $iui-color-dataviz-oak;
+
+// cSpell:ignore dataviz froly seabuckthorn montecarlo poloblue

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