@itwin/core-react 4.0.0-dev.9 → 4.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/core-react",
-  "version": "4.0.0-dev.9",
+  "version": "4.0.1",
   "description": "iTwin.js UI core components",
   "main": "lib/cjs/core-react.js",
   "module": "lib/esm/core-react.js",
@@ -8,9 +8,11 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/iTwin/appui/tree/master/ui/core-react"
+    "url": "https://github.com/iTwin/appui.git",
+    "directory": "ui/core-react"
   },
   "keywords": [
+    "AppUI",
     "Bentley",
     "BIM",
     "iModel",
@@ -22,30 +24,29 @@
     "url": "http://www.bentley.com"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^4.0.0-dev.9",
-    "@itwin/core-bentley": "^3.5.1",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "@itwin/appui-abstract": "^3.7.0 || ^4.0.0",
+    "@itwin/core-bentley": "^3.7.0 || ^4.0.0",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
   },
   "//devDependencies": [
     "NOTE: All peerDependencies should also be listed as devDependencies since peerDependencies are not considered by npm install",
     "NOTE: All tools used by scripts in this package must be listed as devDependencies"
   ],
   "devDependencies": {
-    "@itwin/appui-abstract": "4.0.0-dev.9",
-    "@itwin/build-tools": "^3.5.1",
-    "@itwin/core-bentley": "^3.5.1",
-    "@itwin/core-common": "^3.5.1",
-    "@itwin/core-geometry": "^3.5.1",
-    "@itwin/core-i18n": "^3.5.1",
-    "@itwin/eslint-plugin": "^3.5.1",
+    "@itwin/appui-abstract": "^3.7.0",
+    "@itwin/build-tools": "^3.7.0",
+    "@itwin/core-bentley": "^3.7.0",
+    "@itwin/core-common": "^3.7.0",
+    "@itwin/core-geometry": "^3.7.0",
+    "@itwin/core-i18n": "^3.7.0",
+    "@itwin/eslint-plugin": "^3.7.0",
     "@testing-library/dom": "^8.11.2",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^14.4.2",
     "@types/chai": "4.3.1",
     "@types/chai-as-promised": "^7",
-    "@types/chai-spies": "^1.0.0",
     "@types/dompurify": "^2.0.3",
     "@types/lodash": "^4.14.0",
     "@types/mocha": "^8.2.2",
@@ -57,7 +58,6 @@
     "@types/sinon-chai": "^3.2.0",
     "chai": "^4.1.2",
     "chai-as-promised": "^7",
-    "chai-spies": "1.0.0",
     "cpx2": "^3.0.0",
     "eslint": "^7.11.0",
     "ignore-styles": "^5.0.1",
@@ -74,18 +74,17 @@
     "sinon-chai": "^3.2.0",
     "ts-node": "^10.8.2",
     "typemoq": "^2.1.0",
-    "typescript": "~4.4.0",
-    "xmlhttprequest": "^1.8.0"
+    "typescript": "~5.0.2"
   },
   "//dependencies": [
     "NOTE: these dependencies should be only for things that DO NOT APPEAR IN THE API",
     "NOTE: core-frontend should remain UI technology agnostic, so no react/angular dependencies are allowed"
   ],
   "dependencies": {
-    "@bentley/icons-generic-webfont": "^1.0.15",
-    "@itwin/itwinui-css": "0.x",
-    "@itwin/itwinui-variables": "^1.0.0",
-    "@itwin/itwinui-react": "~1.42.0",
+    "@bentley/icons-generic": "^1.0.34",
+    "@itwin/itwinui-react": "^2.5.0",
+    "@itwin/itwinui-variables": "^2.0.0",
+    "@itwin/itwinui-icons-react": "^2.1.0",
     "classnames": "2.3.1",
     "dompurify": "^2.0.12",
     "lodash": "^4.17.10",
@@ -113,16 +112,6 @@
     "extends": [
       "plugin:@itwin/ui",
       "plugin:@itwin/jsdoc"
-    ],
-    "overrides": [
-      {
-        "files": [
-          "src/test/**/*"
-        ],
-        "rules": {
-          "deprecation/deprecation": "off"
-        }
-      }
     ]
   },
   "scripts": {
@@ -140,8 +129,8 @@
     "test": "mocha --config ../.mocharc.json \"./lib/cjs/test/**/*.test.js\"",
     "test:watch": "npm -s test -- --reporter min --watch-extensions ts,tsx --watch",
     "docs": "npm run -s docs:reference && npm run -s docs:changelog",
-    "docs:changelog": "cpx ./CHANGELOG.md ../../generated-docs/ui/core-react",
-    "docs:reference": "betools docs --includes=../../generated-docs/extract --json=../../generated-docs/ui/core-react/file.json --excludeGlob=**/declarations.d.ts --tsIndexFile=./core-react.ts --onlyJson"
+    "docs:changelog": "cpx ./CHANGELOG.md ../../generated-docs/reference/core-react",
+    "docs:reference": "betools docs --includes=../../generated-docs/extract --json=../../generated-docs/reference/core-react/file.json --excludeGlob=**/declarations.d.ts --tsIndexFile=./core-react.ts --onlyJson"
   },
-  "readme": "# @itwin/core-react\r\n\r\nCopyright © Bentley Systems, Incorporated. All rights reserved. See LICENSE.md for license terms and full copyright notice.\r\n\r\n## Description\r\n\r\nThe __@itwin/core-react__ package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu and SplitButton.\r\n\r\n## Documentation\r\n\r\nSee the [iTwin.js](https://www.itwinjs.org) documentation for more information.\r\n"
+  "readme": "# @itwin/core-react\r\n\r\nCopyright © Bentley Systems, Incorporated. All rights reserved. See LICENSE.md for license terms and full copyright notice.\r\n\r\n## Description\r\n\r\nThe __@itwin/core-react__ package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu.\r\n\r\n## Documentation\r\n\r\nSee the [iTwin.js](https://www.itwinjs.org/learning/ui/core/) documentation for more information.\r\n"
 }

package/ThirdPartyNotices.md

@@ -1,28 +0,0 @@
-
-# Third-Party Code
-
-The iTwin.js library potentially incorporates work from the following third-party code:
-
-## [react-numeric-input](https://github.com/vlad-ignatov/react-numeric-input)
-
-The MIT License (MIT)
-
-Copyright (c) 2015 vlad-ignatov
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/lib/cjs/core-react/button/blue-large.scss

@@ -1,12 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./button";
-@import "./blue";
-
-@mixin uicore-buttons-blue-large {
-
-    @include uicore-buttons-blue;
-    @include uicore-buttons-large-size;
-}

package/lib/cjs/core-react/button/blue.scss

@@ -1,25 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-
-@import "./button";
-@import "./disabled";
-
-
-@mixin uicore-buttons-blue {
-
-  @include uicore-buttons-button;
-
-  background:         $buic-accessory-primary;
-  color:              $buic-accessory-hollow;
-
-  &:hover {
-    background-color:   $uicore-blue-5;
-  }
-
-  &:active {
-    background-color:   $uicore-blue-4;
-  }
-}

package/lib/cjs/core-react/button/button.scss

@@ -1,70 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./variables";
-
-// cspell:ignore unbordered
-
-/// Mixins ---------------------------------------------------------------------
-
-@mixin uicore-buttons-button {
-  display: inline-block;
-
-  padding: $uicore-button-padding $uicore-unbordered-padding;
-  margin: $uicore-inputs-margin 0;
-  border-radius: var(--iui-border-radius-1);
-  line-height: $uicore-button-line-height;
-  outline: none;
-  font-family: var(--iui-font-sans);
-  font-size: var(--iui-font-size-1);
-  text-decoration: none;
-  cursor: pointer;
-  box-sizing: border-box;
-  box-shadow: transparent 0px 1px 1px inset;
-  border: 1px solid transparent;
-  transition: all var(--iui-duration-1) ease-in-out;
-
-  &:active,
-  &:focus {
-    @include uicore-buttons-button-focused;
-  }
-
-  &[disabled],
-  &[disabled]:hover,
-  &[disabled]:active,
-  &[disabled]:focus {
-    @include uicore-buttons-button-disabled;
-  }
-}
-
-@mixin uicore-buttons-button-focused {
-  box-shadow: $uicore-button-focus-boxshadow;
-}
-
-@mixin uicore-buttons-button-unbordered {
-  border-color: transparent;
-  box-shadow: transparent 0px 1px 1px inset;
-}
-
-@mixin uicore-buttons-button-disabled {
-  opacity: $uicore-opacity-disabled;
-  background-color: $uicore-gray;
-  border: 0;
-  color: $uicore-white;
-  cursor: not-allowed;
-}
-
-@mixin uicore-buttons-large-size {
-  padding: $uicore-inputs-padding-large $uicore-unbordered-padding-large;
-  margin: $uicore-inputs-margin-large 0;
-  font-size: var(--iui-font-size-2);
-  font-weight: var(--iui-font-weight-normal);
-}
-
-@mixin uicore-buttons-large-bordered-size {
-  padding: $uicore-button-padding-bordered-large $uicore-bordered-padding-large;
-  margin: $uicore-inputs-margin-large 0;
-  font-size: var(--iui-font-size-2);
-  font-weight: var(--iui-font-weight-normal);
-}

package/lib/cjs/core-react/button/classes.scss

@@ -1,14 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./index";
-
-.uicore-buttons-blue { @include uicore-buttons-blue; }
-.uicore-buttons-blue-large { @include uicore-buttons-blue-large; }
-.uicore-buttons-disabled { @include uicore-buttons-disabled; }
-.uicore-buttons-disabled-large { @include uicore-buttons-disabled-large; }
-.uicore-buttons-hollow { @include uicore-buttons-hollow; }
-.uicore-buttons-hollow-large { @include uicore-buttons-hollow-large; }
-.uicore-buttons-primary { @include uicore-buttons-primary; }
-.uicore-buttons-primary-large { @include uicore-buttons-primary-large; }

package/lib/cjs/core-react/button/disabled-large.scss

@@ -1,12 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./button";
-@import "./disabled";
-
-@mixin uicore-buttons-disabled-large {
-
-    @include uicore-buttons-disabled;
-    @include uicore-buttons-large-size;
-}

package/lib/cjs/core-react/button/disabled.scss

@@ -1,17 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "./button";
-
-
-@mixin uicore-buttons-disabled {
-
-    @include uicore-buttons-button;
-
-    &, &:active, &:focus, &:hover {
-
-        @include uicore-buttons-button-disabled;
-    }
-}

package/lib/cjs/core-react/button/hollow-large.scss

@@ -1,13 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./button";
-@import "./hollow";
-
-@mixin uicore-buttons-hollow-large {
-
-    @include uicore-buttons-hollow;
-    @include uicore-buttons-large-bordered-size;
-
-}

package/lib/cjs/core-react/button/hollow.scss

@@ -1,30 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "../inputs/variables";
-
-@import "./button";
-@import "./disabled";
-
-@mixin uicore-buttons-hollow {
-
-    @include uicore-buttons-button;
-
-    padding:            $uicore-button-padding-bordered $uicore-bordered-padding;
-    border-color:       $buic-foreground-disabled;
-    background-color:   transparent;
-    color:              $buic-text-color;
-
-    &:hover {
-
-      border-color:       $buic-foreground-body;
-      color:              $buic-foreground-activehover;
-    }
-
-    &:active, &:focus {
-
-      border-color:       $buic-foreground-activehover;
-    }
-}

package/lib/cjs/core-react/button/index.scss

@@ -1,14 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./button";
-
-@import "./blue";
-@import "./blue-large";
-@import "./disabled";
-@import "./disabled-large";
-@import "./hollow";
-@import "./hollow-large";
-@import "./primary";
-@import "./primary-large";

package/lib/cjs/core-react/button/primary-large.scss

@@ -1,12 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./button";
-@import "./primary";
-
-@mixin uicore-buttons-primary-large {
-
-    @include uicore-buttons-primary;
-    @include uicore-buttons-large-size;
-}

package/lib/cjs/core-react/button/primary.scss

@@ -1,25 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-
-@import "./button";
-@import "./disabled";
-
-
-@mixin uicore-buttons-primary {
-
-  @include uicore-buttons-button;
-
-  background:         $buic-accessory-success;
-  color:              $buic-accessory-hollow;
-
-  &:hover {
-    background-color:   $uicore-green-5;
-  }
-
-  &:active {
-    background-color:   $uicore-green-4;
-  }
-}

package/lib/cjs/core-react/button/variables.scss

@@ -1,22 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/baseline";
-@import "../style/themecolors";
-@import "../inputs/variables";
-
-// cspell:ignore unbordered
-
-$uicore-button-height: 28px;
-$uicore-button-line-height: calc(var(--iui-size-s) * 1.5);
-$uicore-button-padding: calc(
-  (#{$uicore-button-height} - #{$uicore-button-line-height}) * 0.5
-);
-$uicore-button-padding-bordered: calc(#{$uicore-button-padding} - 1px);
-$uicore-button-padding-bordered-large: calc(
-  #{$uicore-inputs-padding-large} - 1px
-);
-$uicore-unbordered-padding: var(--iui-size-s);
-$uicore-bordered-padding: calc(#{$uicore-unbordered-padding} - 1px);
-$uicore-button-focus-boxshadow: $buic-focus-boxshadow 0px 0px 0px 2px;

package/lib/cjs/core-react/checkbox/checkbox.scss

@@ -1,124 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-
-@mixin uicore-inputs-checkbox {
-  display: block;
-  position: relative;
-  font-size: var(--iui-font-size-1);
-  line-height: normal;
-  cursor: pointer;
-  user-select: none;
-  color: $buic-foreground-body;
-  min-width: 1em;
-  min-height: 1.57em;
-
-  &.core-checkbox-no-label {
-    display: inline-block;
-    min-height: 1em;
-  }
-
-  > input {
-    position: absolute;
-    opacity: 0;
-    width: 0;
-    cursor: pointer;
-  }
-
-  .core-checkbox-label {
-    padding-left: var(--iui-size-l);
-  }
-
-  .core-checkbox-checkmark,
-  .core-checkbox-indeterminate {
-    position: absolute;
-    top: 2px;
-    left: 0;
-    height: 1em;
-    width: 1em;
-    border: 1px solid $buic-foreground-disabled;
-    background-color: $buic-background-control;
-    border-radius: var(--iui-border-radius-1);
-  }
-
-  &:hover:not(.core-disabled) input ~ .core-checkbox-checkmark,
-  &:hover:not(.core-disabled) input ~ .core-checkbox-indeterminate {
-    border-color: $buic-foreground-activehover;
-    transition: all var(--iui-duration-1) ease-out;
-  }
-
-  & input:checked ~ .core-checkbox-checkmark,
-  & input:checked ~ .core-checkbox-indeterminate {
-    border-color: $buic-foreground-muted;
-  }
-
-  & input:active ~ .core-checkbox-checkmark,
-  & input:active ~ .core-checkbox-indeterminate,
-  & input:focus ~ .core-checkbox-checkmark,
-  & input:focus ~ .core-checkbox-indeterminate {
-    border-color: $buic-foreground-focus-border;
-    box-shadow: $uicore-inputs-focus-boxshadow;
-  }
-
-  .core-checkbox-checkmark::after,
-  .core-checkbox-indeterminate::after {
-    content: "";
-    position: absolute;
-    display: none;
-  }
-
-  & input:checked ~ .core-checkbox-checkmark::after,
-  & input:checked ~ .core-checkbox-indeterminate::after {
-    display: block;
-  }
-
-  & .core-checkbox-checkmark::after,
-  & .core-checkbox-indeterminate::after {
-    border: solid $buic-foreground-primary;
-  }
-
-  & input:not(:indeterminate) ~ .core-checkbox-checkmark::after {
-    top: 1px;
-    left: 4px;
-    width: 4px;
-    height: 8px;
-    border-width: 0 2px 2px 0;
-    transform: rotate(45deg);
-  }
-
-  /* Support for using core-checkbox-indeterminate class */
-  & .core-checkbox-indeterminate::after {
-    top: 6px;
-    left: 3px;
-    width: 7px;
-    border-width: 0 1px 2px 0;
-  }
-
-  /* Support for using checkboxInput.current.indeterminate = true */
-  & input:indeterminate ~ .core-checkbox-checkmark::after {
-    display: block;
-    top: 6px;
-    left: 3px;
-    width: 7px;
-    border-width: 0 1px 2px 0;
-  }
-
-  &.core-disabled {
-    opacity: $uicore-opacity-disabled;
-    cursor: not-allowed;
-  }
-
-  &.success {
-    color: $buic-foreground-success;
-  }
-
-  &.warning {
-    color: $buic-foreground-warning;
-  }
-
-  &.error {
-    color: $buic-foreground-alert;
-  }
-}

package/lib/cjs/core-react/checkbox/classes.scss

@@ -1,8 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./index";
-
-.uicore-inputs-checkbox { @include uicore-inputs-checkbox; }
-.core-checkbox { @include uicore-inputs-checkbox; }

package/lib/cjs/core-react/checkbox/index.scss

@@ -1,8 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-
-@import "../inputs/variables";
-@import "./checkbox";

package/lib/cjs/core-react/style/data-viz.scss

@@ -1,20 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-/** iTwin.js Data Visualization Colors */
-
-$buic-dataviz-skyblue:        hsl(204 77% 67%);
-$buic-dataviz-celery:	        hsl(72 51% 56%);
-$buic-dataviz-froly:	        hsl(2 90% 70%);
-$buic-dataviz-steelblue:	    hsl(200 41% 46%);
-$buic-dataviz-sunglow:	      hsl(42 100% 60%);
-$buic-dataviz-seabuckthorn:	  hsl(29 92% 61%);
-$buic-dataviz-montecarlo:	    hsl(176 43% 62%);
-$buic-dataviz-poloblue:	      hsl(211 44% 67%);
-$buic-dataviz-bouquet:	      hsl(305 19% 55%);
-$buic-dataviz-ash:	          hsl(42 15% 75%);
-$buic-dataviz-oak:	          hsl(27 32% 49%);
-
-// cSpell:ignore dataviz froly seabuckthorn montecarlo poloblue

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

@@ -1,24 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-
-// 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/cjs/core-react/style/space.scss

@@ -1,13 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-$uicore-xxs: var(--iui-size-3xs); // 2px
-$uicore-xs: var(--iui-size-2xs); // 4px
-$uicore-s: var(--iui-size-xs); // 8px
-$uicore-sm: var(--iui-size-s); // 12px
-$uicore-m: var(--iui-size-m); // 16px
-$uicore-l: var(--iui-size-l); // 24px
-$uicore-xl: var(--iui-size-xl); // 32px
-$uicore-xxl: var(--iui-size-2xl); // 64px
-$uicore-3xl: var(--iui-size-3xl); // 96px

package/lib/cjs/core-react/style/speed.scss

@@ -1,12 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-// @warn "speed.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/space' instead.";
-
-/// Animation speed:
-
-$uicore-speed-fast: var(--iui-duration-1);
-$uicore-speed: var(--iui-duration-2);
-$uicore-speed-slow: var(--iui-duration-3);