@itwin/core-react 4.0.0-dev.1 → 4.0.0-dev.11

package/lib/cjs/core-react/progress-indicators/ProgressSpinner.js

@@ -1,74 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Loading
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProgressSpinner = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const IconComponent_1 = require("../icons/IconComponent");
-const Spinner_1 = require("../loading/Spinner");
-/**
- * Circular Progress Indicator that supports determinate and indeterminate modes.
- * @beta
- * @deprecated in 3.0. Use ProgressRadial in itwinui-react instead.
- */
-function ProgressSpinner(props) {
-    const { value = 0, indeterminate = false, success = false, error = false, style = {}, size, children, } = props;
-    let outerClassName = (0, classnames_1.default)("uicore-progress-spinner");
-    const outerStyle = { ...style };
-    const fillStyle = {};
-    // Ensure value is bounded 0 - 100;
-    const dashOffset = 100 - Math.min(Math.max(value, 0), 100);
-    let content;
-    if (error) {
-        outerClassName = (0, classnames_1.default)(outerClassName, "error");
-        content = React.createElement(IconComponent_1.Icon, { iconSpec: "icon-close-2" });
-    }
-    else if (success) {
-        outerClassName = (0, classnames_1.default)(outerClassName, "success");
-        content = (React.createElement(IconComponent_1.Icon, { iconSpec: "icon-checkmark" }));
-    }
-    else if (indeterminate) {
-        outerClassName = (0, classnames_1.default)(outerClassName, "indeterminate");
-        content = children;
-    }
-    else {
-        outerClassName = (0, classnames_1.default)(outerClassName, "determinate");
-        fillStyle.strokeDashoffset = dashOffset;
-        content = children;
-    }
-    setDefaultDimensions(outerStyle, size);
-    return (React.createElement("div", { className: outerClassName, style: outerStyle },
-        React.createElement("svg", { className: "spinner", viewBox: "0 0 40 40" },
-            React.createElement("circle", { className: "shape", cx: "20", cy: "20", r: "15.91549" }),
-            React.createElement("circle", { className: "fill", cx: "20", cy: "20", r: "15.91549", style: fillStyle })),
-        content && React.createElement("span", { className: "uicore-progress-spinner-content" }, content)));
-}
-exports.ProgressSpinner = ProgressSpinner;
-const setDefaultDimensions = (style, inSize) => {
-    let size = 40;
-    if (inSize !== undefined) {
-        switch (inSize) {
-            case Spinner_1.SpinnerSize.Small: // eslint-disable-line deprecation/deprecation
-                size = 16;
-                break;
-            case Spinner_1.SpinnerSize.Medium: // eslint-disable-line deprecation/deprecation
-                size = 32;
-                break;
-            case Spinner_1.SpinnerSize.Large: // eslint-disable-line deprecation/deprecation
-                size = 64;
-                break;
-            case Spinner_1.SpinnerSize.XLarge: // eslint-disable-line deprecation/deprecation
-                size = 96;
-                break;
-        }
-    }
-    style.width = style.width ? style.width : size;
-    style.height = style.height ? style.height : size;
-};
-//# sourceMappingURL=ProgressSpinner.js.map

package/lib/cjs/core-react/progress-indicators/ProgressSpinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressSpinner.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressSpinner.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 Loading\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Icon } from \"../icons/IconComponent\";\r\nimport { SpinnerSize } from \"../loading/Spinner\";\r\n\r\n/**\r\n * Properties for [[ProgressSpinner]] component\r\n * @beta\r\n * @deprecated in 3.0. Use ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport interface ProgressSpinnerProps extends CommonProps {\r\n  /**\r\n   * Spinner percentage. Should be a number between 0 and 100.\r\n   * @default 0\r\n   */\r\n  value?: number;\r\n  /**\r\n   * Spinner variant. If true, value will be ignored.\r\n   * @default false\r\n   */\r\n  indeterminate?: boolean;\r\n  /**\r\n   * If true, spinner will be full, green, and display a checkmark.\r\n   * @default false\r\n   */\r\n  success?: boolean;\r\n  /**\r\n   * If true, spinner will be full, red, and display an X.\r\n   * @default false\r\n   */\r\n  error?: boolean;\r\n  /**\r\n   * Size of spinner\r\n   * @default width/height of 40px\r\n   */\r\n  size?: SpinnerSize; // eslint-disable-line deprecation/deprecation\r\n  /**\r\n   * Child components\r\n   */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Circular Progress Indicator that supports determinate and indeterminate modes.\r\n * @beta\r\n * @deprecated in 3.0. Use ProgressRadial in itwinui-react instead.\r\n */\r\nexport function ProgressSpinner(props: ProgressSpinnerProps) {    // eslint-disable-line deprecation/deprecation\r\n  const {\r\n    value = 0,\r\n    indeterminate = false,\r\n    success = false,\r\n    error = false,\r\n    style = {},\r\n    size,\r\n    children,\r\n  } = props;\r\n\r\n  let outerClassName = classnames(\"uicore-progress-spinner\");\r\n  const outerStyle = { ...style };\r\n  const fillStyle: React.CSSProperties = {};\r\n  // Ensure value is bounded 0 - 100;\r\n  const dashOffset = 100 - Math.min(Math.max(value, 0), 100);\r\n  let content: React.ReactNode;\r\n\r\n  if (error) {\r\n    outerClassName = classnames(outerClassName, \"error\");\r\n    content = <Icon iconSpec=\"icon-close-2\" />;\r\n  } else if (success) {\r\n    outerClassName = classnames(outerClassName, \"success\");\r\n    content = (\r\n      <Icon iconSpec=\"icon-checkmark\" />\r\n    );\r\n  } else if (indeterminate) {\r\n    outerClassName = classnames(outerClassName, \"indeterminate\");\r\n    content = children;\r\n  } else {\r\n    outerClassName = classnames(outerClassName, \"determinate\");\r\n    fillStyle.strokeDashoffset = dashOffset;\r\n    content = children;\r\n  }\r\n\r\n  setDefaultDimensions(outerStyle, size);\r\n\r\n  return (\r\n    <div className={outerClassName} style={outerStyle}>\r\n      <svg className=\"spinner\" viewBox=\"0 0 40 40\">\r\n        <circle className=\"shape\" cx=\"20\" cy=\"20\" r=\"15.91549\" />\r\n        <circle\r\n          className=\"fill\"\r\n          cx=\"20\"\r\n          cy=\"20\"\r\n          r=\"15.91549\"\r\n          style={fillStyle}\r\n        />\r\n      </svg>\r\n      {content && <span className=\"uicore-progress-spinner-content\">{content}</span>}\r\n    </div>\r\n  );\r\n}\r\n\r\nconst setDefaultDimensions = (style: React.CSSProperties, inSize?: SpinnerSize) => {  // eslint-disable-line deprecation/deprecation\r\n  let size = 40;\r\n\r\n  if (inSize !== undefined) {\r\n    switch (inSize) {\r\n      case SpinnerSize.Small:   // eslint-disable-line deprecation/deprecation\r\n        size = 16;\r\n        break;\r\n      case SpinnerSize.Medium:  // eslint-disable-line deprecation/deprecation\r\n        size = 32;\r\n        break;\r\n      case SpinnerSize.Large:   // eslint-disable-line deprecation/deprecation\r\n        size = 64;\r\n        break;\r\n      case SpinnerSize.XLarge:  // eslint-disable-line deprecation/deprecation\r\n        size = 96;\r\n        break;\r\n    }\r\n  }\r\n  style.width = style.width ? style.width : size;\r\n  style.height = style.height ? style.height : size;\r\n};\r\n"]}

package/lib/cjs/core-react/progress-indicators/classes.scss

@@ -1,33 +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-progress-bar {
-  @include uicore-progress-bar;
-}
-
-.uicore-progress-bar-determinate {
-  @include uicore-progress-bar-determinate;
-}
-
-.uicore-progress-bar-indeterminate {
-  @include uicore-progress-bar-indeterminate;
-}
-
-.uicore-progress-bar-labeled {
-  @include uicore-progress-bar-labeled;
-}
-
-.uicore-progress-spinner {
-  @include uicore-progress-spinner;
-
-  &.determinate {
-    @include uicore-progress-spinner-determinate;
-  }
-
-  &.indeterminate {
-    @include uicore-progress-spinner-indeterminate;
-  }
-}

package/lib/cjs/core-react/progress-indicators/index.scss

@@ -1,6 +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 './progress-bar';
-@import './progress-spinner';

package/lib/cjs/core-react/progress-indicators/progress-bar.scss

@@ -1,91 +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 "~@itwin/itwinui-css/scss/style/space";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-@mixin uicore-progress-bar($height: 4px) {
-  text-align: left;
-  display: block;
-  height: $height;
-  width: 100%;
-  background: $buic-background-5;
-  overflow: hidden;
-
-  > * {
-    display: inline-block;
-    background: $buic-foreground-primary;
-    height: 100%;
-    vertical-align: top;
-  }
-
-  &.success {
-    background: $buic-foreground-success;
-
-    > * {
-      background: $buic-foreground-success;
-    }
-  }
-
-  &.warning {
-    background: $buic-foreground-warning;
-
-    > * {
-      background: $buic-foreground-warning;
-    }
-  }
-
-  &.error {
-    background: $buic-foreground-alert;
-
-    > * {
-      background: $buic-foreground-alert;
-    }
-  }
-}
-
-@mixin uicore-progress-bar-determinate($speed: 2s) {
-  transition: width $speed ease-in-out;
-}
-
-@mixin uicore-progress-bar-indeterminate() {
-  @keyframes uicore-progress-bar-animate-indeterminate {
-    0% {
-      transform: translateX(-60%) scaleX(0);
-    }
-
-    40% {
-      transform: translateX(-40%) scaleX(0.4);
-    }
-
-    100% {
-      transform: translateX(100%) scaleX(0.5);
-    }
-  }
-  width: 100%;
-  animation: uicore-progress-bar-animate-indeterminate 1.5s infinite linear;
-}
-
-@mixin uicore-progress-bar-labeled() {
-  width: 100%;
-
-  > .uicore-label {
-    text-align: center;
-    width: 100%;
-    overflow: hidden;
-    margin-top: $iui-xs;
-    display: block;
-    font-size: $iui-font-size-small;
-
-    > :first-child {
-      float: left;
-    }
-
-    > :last-child {
-      float: right;
-      user-select: none;
-    }
-  }
-}

package/lib/cjs/core-react/progress-indicators/progress-spinner.scss

@@ -1,132 +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 "~@itwin/itwinui-css/scss/style/typography";
-
-@mixin uicore-progress-spinner() {
-  position: relative;
-
-  svg.spinner {
-    height: 100%;
-    width: 100%;
-
-    circle.fill {
-      stroke: $buic-foreground-primary;
-      fill: none;
-      stroke-width: 3.2;
-    }
-
-    circle.shape {
-      stroke: $buic-background-5;
-      fill: none;
-      stroke-width: 3.2;
-    }
-  }
-
-  $spinner-icon-size: 20px;
-
-  &.success {
-    svg.spinner {
-      circle.fill,
-      circle.shape {
-        stroke: $buic-foreground-success;
-      }
-    }
-
-    .icon {
-      color: $buic-foreground-success;
-      font-size: $spinner-icon-size;
-    }
-
-    .uicore-progress-spinner-content svg {
-      fill: $buic-foreground-success;
-    }
-  }
-
-  &.error {
-    svg.spinner {
-      circle.fill,
-      circle.shape {
-        stroke: $buic-foreground-alert;
-      }
-    }
-
-    .icon {
-      color: $buic-foreground-alert;
-      font-size: $spinner-icon-size;
-    }
-
-    .uicore-progress-spinner-content svg {
-      fill: $buic-foreground-alert;
-    }
-  }
-
-  .uicore-progress-spinner-content {
-    position: absolute;
-    display: flex;
-    width: 100%;
-    height: 100%;
-    left: 0;
-    top: 0;
-    align-items: center;
-    justify-content: center;
-    font-size: $iui-font-size-small;
-    user-select: none;
-
-    svg,
-    img {
-      width: $uicore-icons-small;
-      height: $uicore-icons-small;
-      fill: $buic-foreground-body;
-
-      &:hover {
-        fill: $buic-foreground-activehover;
-      }
-    }
-  }
-}
-
-@mixin uicore-progress-spinner-determinate() {
-  svg.spinner {
-    transform: rotate(-90deg);
-
-    circle.fill {
-      stroke-dasharray: 100;
-      transition: stroke-dashoffset 0.5s ease-in-out;
-    }
-  }
-}
-
-@mixin uicore-progress-spinner-indeterminate() {
-  svg.spinner {
-    animation: rotate-indeterminate 2s linear infinite;
-
-    circle.fill {
-      animation: dash-indeterminate 1.5s ease-in-out infinite;
-    }
-  }
-
-  @keyframes rotate-indeterminate {
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-
-  @keyframes dash-indeterminate {
-    0% {
-      stroke-dasharray: 1, 100;
-    }
-
-    50% {
-      stroke-dasharray: 100, 100;
-      stroke-dashoffset: -25;
-    }
-
-    100% {
-      stroke-dasharray: 100, 100;
-      stroke-dashoffset: -100;
-    }
-  }
-}

package/lib/cjs/core-react/radio/Radio.d.ts

@@ -1,20 +0,0 @@
-/** @packageDocumentation
- * @module Radio
- */
-import * as React from "react";
-import { LabeledComponentProps } from "../inputs/LabeledComponentProps";
-import { CommonProps } from "../utils/Props";
-/** Properties for [[Radio]] component
- * @public
- * @deprecated in 3.0. Use RadioProps in itwinui-react instead
- */
-export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps, LabeledComponentProps {
-}
-/** Basic radio input component is a wrapper for the `<input type="radio">` HTML element.
- * @public
- * @deprecated in 3.0. Use Radio in itwinui-react instead
- */
-export declare class Radio extends React.PureComponent<RadioProps> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=Radio.d.ts.map

package/lib/cjs/core-react/radio/Radio.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/core-react/radio/Radio.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,EAAE,qBAAqB;CAAI;AAEvH;;;GAGG;AACH,qBAAa,KAAM,SAAQ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;IACxC,MAAM,IAAI,GAAG,CAAC,OAAO;CAkBtC"}

package/lib/cjs/core-react/radio/Radio.js

@@ -1,28 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Radio
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Radio = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-/** Basic radio input component is a wrapper for the `<input type="radio">` HTML element.
- * @public
- * @deprecated in 3.0. Use Radio in itwinui-react instead
- */
-class Radio extends React.PureComponent {
-    render() {
-        const { label, disabled, status, className, style, inputStyle, inputClassName, type, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        return (React.createElement("label", { style: style, className: (0, classnames_1.default)("uicore-inputs-radio", disabled && "core-disabled", status, className) },
-            label &&
-                React.createElement("span", null, label),
-            React.createElement("input", { type: "radio", className: inputClassName, style: inputStyle, disabled: disabled, ...props }),
-            React.createElement("span", { className: "core-radio-checkmark" })));
-    }
-}
-exports.Radio = Radio;
-//# sourceMappingURL=Radio.js.map

package/lib/cjs/core-react/radio/Radio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/core-react/radio/Radio.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAU/B;;;GAGG;AACH,MAAa,KAAM,SAAQ,KAAK,CAAC,aAAyB;IACxC,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAEtK,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EACxC,qBAAqB,EACrB,QAAQ,IAAI,eAAe,EAC3B,MAAM,EACN,SAAS,CACV;YACE,KAAK;gBACJ,kCAAO,KAAK,CAAQ;YAEtB,+BAAO,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,GAAI;YACrG,8BAAM,SAAS,EAAC,sBAAsB,GAAQ,CACxC,CACT,CAAC;IACJ,CAAC;CACF;AAnBD,sBAmBC","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 Radio\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { LabeledComponentProps } from \"../inputs/LabeledComponentProps\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for [[Radio]] component\r\n * @public\r\n * @deprecated in 3.0. Use RadioProps in itwinui-react instead\r\n */\r\nexport interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps, LabeledComponentProps { }\r\n\r\n/** Basic radio input component is a wrapper for the `<input type=\"radio\">` HTML element.\r\n * @public\r\n * @deprecated in 3.0. Use Radio in itwinui-react instead\r\n */\r\nexport class Radio extends React.PureComponent<RadioProps> {  // eslint-disable-line deprecation/deprecation\r\n  public override render(): JSX.Element {\r\n    const { label, disabled, status, className, style, inputStyle, inputClassName, type, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n\r\n    return (\r\n      <label style={style} className={classnames(\r\n        \"uicore-inputs-radio\",\r\n        disabled && \"core-disabled\",\r\n        status,\r\n        className,\r\n      )}>\r\n        {label &&\r\n          <span>{label}</span>\r\n        }\r\n        <input type={\"radio\"} className={inputClassName} style={inputStyle} disabled={disabled} {...props} />\r\n        <span className=\"core-radio-checkmark\"></span>\r\n      </label>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -1,7 +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-radio { @include uicore-inputs-radio; }

package/lib/cjs/core-react/radio/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 "./radio";

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

@@ -1,89 +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 "~@itwin/itwinui-css/scss/style/space";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-@mixin uicore-inputs-radio {
-
-  display: block;
-  position: relative;
-  padding-left: $iui-l;
-  font-size: $iui-font-size;
-  cursor: pointer;
-  user-select: none;
-  color: $buic-foreground-body;
-  min-height: 1.57em;
-
-  > input {
-    position: absolute;
-    opacity: 0;
-    width: 0;
-    cursor: pointer;
-  }
-
-  .core-radio-checkmark {
-    position: absolute;
-    top: 2px;
-    left: 0;
-    height: 1em;
-    width: 1em;
-    border: 1px solid $buic-foreground-disabled;
-    background-color: $buic-background-control;
-    border-radius: 50%;
-  }
-
-  &:hover:not(.core-disabled) input ~ .core-radio-checkmark {
-    border-color:     $buic-foreground-activehover;
-    transition:       all $iui-speed-fast ease-out;
-  }
-
-  & input:checked ~ .core-radio-checkmark {
-    border-color:     $buic-foreground-muted;
-  }
-
-  & input:active ~ .core-radio-checkmark,
-  & input:focus ~ .core-radio-checkmark {
-    border-color:     $buic-foreground-focus-border;
-    box-shadow:       $uicore-inputs-focus-boxshadow;
-  }
-
-  .core-radio-checkmark::after {
-    content: '';
-    position: absolute;
-    display: none;
-  }
-
-  & input:checked ~ .core-radio-checkmark::after {
-    display: block;
-  }
-
-  & .core-radio-checkmark::after {
-    top: 3px;
-    left: 3px;
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    background: $buic-foreground-primary;
-  }
-
-  &.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/select/LabeledSelect.d.ts

@@ -1,20 +0,0 @@
-/** @packageDocumentation
- * @module Select
- */
-import * as React from "react";
-import { LabeledComponentProps, MessagedComponentProps } from "../inputs/LabeledComponentProps";
-import { SelectProps } from "./Select";
-/** Properties for [[LabeledSelect]] components
- * @public
- * @deprecated in 3.0. Use LabeledSelectProps in itwinui-react instead
- */
-export interface LabeledSelectProps extends SelectProps, LabeledComponentProps, MessagedComponentProps {
-}
-/** Dropdown wrapper that allows for additional styling and labelling
- * @public
- * @deprecated in 3.0. Use LabeledSelect in itwinui-react instead
- */
-export declare class LabeledSelect extends React.PureComponent<LabeledSelectProps> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=LabeledSelect.d.ts.map

package/lib/cjs/core-react/select/LabeledSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabeledSelect.d.ts","sourceRoot":"","sources":["../../../../src/core-react/select/LabeledSelect.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAE/C;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW,EAAE,qBAAqB,EAAE,sBAAsB;CAAI;AAE1G;;;GAGG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;IACxD,MAAM,IAAI,GAAG,CAAC,OAAO;CAwBtC"}

package/lib/cjs/core-react/select/LabeledSelect.js

@@ -1,34 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Select
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LabeledSelect = void 0;
-/* eslint-disable deprecation/deprecation */
-const classnames_1 = require("classnames");
-const React = require("react");
-const Select_1 = require("./Select");
-/** Dropdown wrapper that allows for additional styling and labelling
- * @public
- * @deprecated in 3.0. Use LabeledSelect in itwinui-react instead
- */
-class LabeledSelect extends React.PureComponent {
-    render() {
-        const { label, status, className, style, inputClassName, inputStyle, labelClassName, labelStyle, message, messageClassName, messageStyle, ...props } = this.props;
-        return (React.createElement("label", { style: style, className: (0, classnames_1.default)("uicore-inputs-labeled-select", this.props.disabled && "uicore-disabled", status, className) },
-            label &&
-                React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName), style: labelStyle },
-                    " ",
-                    label,
-                    " "),
-            React.createElement(Select_1.Select, { disabled: this.props.disabled, className: inputClassName, style: inputStyle, ...props }),
-            message &&
-                React.createElement("div", { className: (0, classnames_1.default)("uicore-message", messageClassName), style: messageStyle }, message)));
-    }
-}
-exports.LabeledSelect = LabeledSelect;
-//# sourceMappingURL=LabeledSelect.js.map

package/lib/cjs/core-react/select/LabeledSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabeledSelect.js","sourceRoot":"","sources":["../../../../src/core-react/select/LabeledSelect.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4CAA4C;AAE5C,2CAAoC;AACpC,+BAA+B;AAE/B,qCAA+C;AAQ/C;;;GAGG;AACH,MAAa,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACxD,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EACrC,cAAc,EAAE,UAAU,EAC1B,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EACvC,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE1B,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EACxC,8BAA8B,EAC9B,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,MAAM,EACN,SAAS,CACV;YACE,KAAK;gBACJ,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;oBAAI,KAAK;wBAAQ;YAEhG,oBAAC,eAAM,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,KAAK,GAAI;YACjG,OAAO;gBACN,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;IACJ,CAAC;CACF;AAzBD,sCAyBC","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 Select\r\n */\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { LabeledComponentProps, MessagedComponentProps } from \"../inputs/LabeledComponentProps\";\r\nimport { Select, SelectProps } from \"./Select\";\r\n\r\n/** Properties for [[LabeledSelect]] components\r\n * @public\r\n * @deprecated in 3.0. Use LabeledSelectProps in itwinui-react instead\r\n */\r\nexport interface LabeledSelectProps extends SelectProps, LabeledComponentProps, MessagedComponentProps { }\r\n\r\n/** Dropdown wrapper that allows for additional styling and labelling\r\n * @public\r\n * @deprecated in 3.0. Use LabeledSelect in itwinui-react instead\r\n */\r\nexport class LabeledSelect extends React.PureComponent<LabeledSelectProps> {\r\n  public override render(): JSX.Element {\r\n    const { label, status, className, style,\r\n      inputClassName, inputStyle,\r\n      labelClassName, labelStyle,\r\n      message, messageClassName, messageStyle,\r\n      ...props } = this.props;\r\n\r\n    return (\r\n      <label style={style} className={classnames(\r\n        \"uicore-inputs-labeled-select\",\r\n        this.props.disabled && \"uicore-disabled\",\r\n        status,\r\n        className,\r\n      )}>\r\n        {label &&\r\n          <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\r\n        }\r\n        <Select disabled={this.props.disabled} className={inputClassName} style={inputStyle} {...props} />\r\n        {message &&\r\n          <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\r\n        }\r\n      </label>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/core-react/select/LabeledThemedSelect.d.ts

@@ -1,16 +0,0 @@
-/** @packageDocumentation
- * @module Select
- */
-/// <reference types="react" />
-import { LabeledComponentProps, MessagedComponentProps } from "../inputs/LabeledComponentProps";
-import { ThemedSelectProps } from "./ThemedSelect";
-/** Properties for [[LabeledThemedSelect]] components
- * @beta @deprecated in 3.0.
- */
-export interface LabeledThemedSelectProps extends ThemedSelectProps, LabeledComponentProps, MessagedComponentProps {
-}
-/** Dropdown wrapper that allows for additional styling and labelling
- * @beta @deprecated in 3.0.
- */
-export declare function LabeledThemedSelect(props: LabeledThemedSelectProps): JSX.Element;
-//# sourceMappingURL=LabeledThemedSelect.d.ts.map

package/lib/cjs/core-react/select/LabeledThemedSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabeledThemedSelect.d.ts","sourceRoot":"","sources":["../../../../src/core-react/select/LabeledThemedSelect.tsx"],"names":[],"mappings":"AAKA;;GAEG;;AAIH,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,EAAE,qBAAqB,EAAE,sBAAsB;CAAI;AAEtH;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eAuBlE"}

package/lib/cjs/core-react/select/LabeledThemedSelect.js

@@ -1,31 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
-/** @packageDocumentation
- * @module Select
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LabeledThemedSelect = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const ThemedSelect_1 = require("./ThemedSelect");
-/** Dropdown wrapper that allows for additional styling and labelling
- * @beta @deprecated in 3.0.
- */
-function LabeledThemedSelect(props) {
-    const { label, status, className, style, inputClassName, inputStyle, labelClassName, labelStyle, message, messageClassName, messageStyle, ...otherProps } = props;
-    return (React.createElement("label", { style: style, className: (0, classnames_1.default)("uicore-inputs-labeled-themed-select", props.isDisabled && "uicore-disabled", status, className) },
-        label &&
-            React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName), style: labelStyle },
-                " ",
-                label,
-                " "),
-        React.createElement(ThemedSelect_1.ThemedSelect, { isDisabled: props.isDisabled, className: inputClassName, styles: inputStyle, ...otherProps }),
-        message &&
-            React.createElement("div", { className: (0, classnames_1.default)("uicore-message", messageClassName), style: messageStyle }, message)));
-}
-exports.LabeledThemedSelect = LabeledThemedSelect;
-//# sourceMappingURL=LabeledThemedSelect.js.map

package/lib/cjs/core-react/select/LabeledThemedSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabeledThemedSelect.js","sourceRoot":"","sources":["../../../../src/core-react/select/LabeledThemedSelect.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAE/B,iDAAiE;AAOjE;;GAEG;AACH,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EACrC,cAAc,EAAE,UAAU,EAC1B,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EACvC,GAAG,UAAU,EAAE,GAAG,KAAY,CAAC;IAEjC,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EACxC,qCAAqC,EACrC,KAAK,CAAC,UAAU,IAAI,iBAAiB,EACrC,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,oBAAC,2BAAY,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,KAAM,UAAU,GAAI;QAC5G,OAAO;YACN,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;AACJ,CAAC;AAvBD,kDAuBC","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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Select\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { LabeledComponentProps, MessagedComponentProps } from \"../inputs/LabeledComponentProps\";\r\nimport { ThemedSelect, ThemedSelectProps } from \"./ThemedSelect\";\r\n\r\n/** Properties for [[LabeledThemedSelect]] components\r\n * @beta @deprecated in 3.0.\r\n */\r\nexport interface LabeledThemedSelectProps extends ThemedSelectProps, LabeledComponentProps, MessagedComponentProps { }\r\n\r\n/** Dropdown wrapper that allows for additional styling and labelling\r\n * @beta @deprecated in 3.0.\r\n */\r\nexport function LabeledThemedSelect(props: LabeledThemedSelectProps) {\r\n  const { label, status, className, style,\r\n    inputClassName, inputStyle,\r\n    labelClassName, labelStyle,\r\n    message, messageClassName, messageStyle,\r\n    ...otherProps } = props as any;\r\n\r\n  return (\r\n    <label style={style} className={classnames(\r\n      \"uicore-inputs-labeled-themed-select\",\r\n      props.isDisabled && \"uicore-disabled\",\r\n      status,\r\n      className,\r\n    )}>\r\n      {label &&\r\n        <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\r\n      }\r\n      <ThemedSelect isDisabled={props.isDisabled} className={inputClassName} styles={inputStyle} {...otherProps} />\r\n      {message &&\r\n        <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\r\n      }\r\n    </label>\r\n  );\r\n}\r\n"]}