@itwin/core-react 3.5.0-dev.26 → 3.5.0-dev.27

package/lib/esm/core-react/button/blue.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 "../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;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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/esm/core-react/button/button.scss

@@ -1,81 +1,81 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./variables";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/style/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:          $iui-border-radius;
-  line-height:            $uicore-button-line-height;
-  outline:                none;
-  font-family:            $iui-font-family;
-  font-size:              $iui-font-size;
-  text-decoration:        none;
-  cursor:                 pointer;
-  box-sizing:             border-box;
-  box-shadow:             transparent 0px 1px 1px inset;
-  border:                 1px solid transparent;
-  transition:             all $iui-speed-fast 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:              $iui-font-size-leading;
-  font-weight:            $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:              $iui-font-size-leading;
-  font-weight:            $iui-font-weight-normal;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./variables";
+@import "~@itwin/itwinui-css/scss/style/speed";
+@import "~@itwin/itwinui-css/scss/style/typography";
+@import "~@itwin/itwinui-css/scss/style/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:          $iui-border-radius;
+  line-height:            $uicore-button-line-height;
+  outline:                none;
+  font-family:            $iui-font-family;
+  font-size:              $iui-font-size;
+  text-decoration:        none;
+  cursor:                 pointer;
+  box-sizing:             border-box;
+  box-shadow:             transparent 0px 1px 1px inset;
+  border:                 1px solid transparent;
+  transition:             all $iui-speed-fast 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:              $iui-font-size-leading;
+  font-weight:            $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:              $iui-font-size-leading;
+  font-weight:            $iui-font-weight-normal;
+}

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

@@ -1,14 +1,14 @@
-/*---------------------------------------------------------------------------------------------
-* 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; }
+/*---------------------------------------------------------------------------------------------
+* 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/esm/core-react/button/disabled-large.scss

@@ -1,12 +1,12 @@
-/*---------------------------------------------------------------------------------------------
-* 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;
-}
+/*---------------------------------------------------------------------------------------------
+* 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/esm/core-react/button/disabled.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 "../style/index";
-@import "./button";
-
-
-@mixin uicore-buttons-disabled {
-
-    @include uicore-buttons-button;
-
-    &, &:active, &:focus, &:hover {
-
-        @include uicore-buttons-button-disabled;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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/esm/core-react/button/hollow-large.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 "./button";
-@import "./hollow";
-
-@mixin uicore-buttons-hollow-large {
-
-    @include uicore-buttons-hollow;
-    @include uicore-buttons-large-bordered-size;
-
-}
+/*---------------------------------------------------------------------------------------------
+* 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/esm/core-react/button/hollow.scss

@@ -1,30 +1,30 @@
-/*---------------------------------------------------------------------------------------------
-* 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;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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/esm/core-react/button/index.scss

@@ -1,14 +1,14 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
+/*---------------------------------------------------------------------------------------------
+* 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/esm/core-react/button/primary-large.scss

@@ -1,12 +1,12 @@
-/*---------------------------------------------------------------------------------------------
-* 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;
-}
+/*---------------------------------------------------------------------------------------------
+* 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/esm/core-react/button/primary.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 "../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;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* 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/esm/core-react/button/variables.scss

@@ -1,19 +1,19 @@
-/*---------------------------------------------------------------------------------------------
-* 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: $uicore-baseline * 1.5;
-$uicore-button-padding: ($uicore-button-height - $uicore-button-line-height) *
-  0.5;
-$uicore-button-padding-bordered: $uicore-button-padding - 1px;
-$uicore-button-padding-bordered-large: $uicore-inputs-padding-large - 1px;
-$uicore-unbordered-padding: $uicore-baseline;
-$uicore-bordered-padding: $uicore-unbordered-padding - 1px;
-$uicore-button-focus-boxshadow: $buic-focus-boxshadow 0px 0px 0px 2px;
+/*---------------------------------------------------------------------------------------------
+* 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: $uicore-baseline * 1.5;
+$uicore-button-padding: ($uicore-button-height - $uicore-button-line-height) *
+  0.5;
+$uicore-button-padding-bordered: $uicore-button-padding - 1px;
+$uicore-button-padding-bordered-large: $uicore-inputs-padding-large - 1px;
+$uicore-unbordered-padding: $uicore-baseline;
+$uicore-bordered-padding: $uicore-unbordered-padding - 1px;
+$uicore-button-focus-boxshadow: $buic-focus-boxshadow 0px 0px 0px 2px;

package/lib/esm/core-react/checkbox/Checkbox.d.ts

@@ -1,57 +1,57 @@
-/** @packageDocumentation
- * @module Checkbox
- */
-import * as React from "react";
-import { InputStatus } from "../inputs/InputStatus";
-import { CommonProps } from "../utils/Props";
-import { Omit } from "../utils/typeUtils";
-/** Properties for [[Checkbox]] React component
- * @public
- * @deprecated Use CheckboxProps in itwinui-react instead
- */
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "onBlur">, CommonProps {
-    /** Text that will be shown next to the checkbox. */
-    label?: string;
-    /** Indicates checkbox is in an Indeterminate or Partial state, regardless of the `checked` state */
-    indeterminate?: boolean;
-    /** Input status like: "Success", "Warning" or "Error" */
-    status?: InputStatus;
-    /** Custom CSS class name for the checkbox input element */
-    inputClassName?: string;
-    /** Custom CSS Style for the checkbox input element */
-    inputStyle?: React.CSSProperties;
-    /** Custom CSS class name for the label element */
-    labelClassName?: string;
-    /** Custom CSS Style for the label element */
-    labelStyle?: React.CSSProperties;
-    /**
-     * Event called when checkbox is clicked on. This is a good event to
-     * use for preventing the action from bubbling to component's parents.
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    /** Event called when checkbox loses focus. */
-    onBlur?: (e: React.FocusEvent) => void;
-    /** Indicates whether the checkbox should set focus */
-    setFocus?: boolean;
-    /** Provides ability to return reference to HTMLInputElement */
-    inputRef?: React.Ref<HTMLInputElement>;
-}
-/** A React component that renders a simple checkbox with label.
- * It is a wrapper for the `<input type="checkbox">` HTML element.
- * @public
- * @deprecated Use Checkbox in itwinui-react instead
- */
-export declare class Checkbox extends React.PureComponent<CheckboxProps> {
-    private _checkboxInput;
-    private _refs;
-    /** @internal */
-    constructor(props: CheckboxProps);
-    private _onCheckboxClick;
-    private _onCheckboxBlur;
-    private _setIndeterminate;
-    componentDidMount(): void;
-    /** @internal */
-    componentDidUpdate(_prevProps: CheckboxProps): void;
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Checkbox
+ */
+import * as React from "react";
+import { InputStatus } from "../inputs/InputStatus";
+import { CommonProps } from "../utils/Props";
+import { Omit } from "../utils/typeUtils";
+/** Properties for [[Checkbox]] React component
+ * @public
+ * @deprecated Use CheckboxProps in itwinui-react instead
+ */
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "onBlur">, CommonProps {
+    /** Text that will be shown next to the checkbox. */
+    label?: string;
+    /** Indicates checkbox is in an Indeterminate or Partial state, regardless of the `checked` state */
+    indeterminate?: boolean;
+    /** Input status like: "Success", "Warning" or "Error" */
+    status?: InputStatus;
+    /** Custom CSS class name for the checkbox input element */
+    inputClassName?: string;
+    /** Custom CSS Style for the checkbox input element */
+    inputStyle?: React.CSSProperties;
+    /** Custom CSS class name for the label element */
+    labelClassName?: string;
+    /** Custom CSS Style for the label element */
+    labelStyle?: React.CSSProperties;
+    /**
+     * Event called when checkbox is clicked on. This is a good event to
+     * use for preventing the action from bubbling to component's parents.
+     */
+    onClick?: (e: React.MouseEvent) => void;
+    /** Event called when checkbox loses focus. */
+    onBlur?: (e: React.FocusEvent) => void;
+    /** Indicates whether the checkbox should set focus */
+    setFocus?: boolean;
+    /** Provides ability to return reference to HTMLInputElement */
+    inputRef?: React.Ref<HTMLInputElement>;
+}
+/** A React component that renders a simple checkbox with label.
+ * It is a wrapper for the `<input type="checkbox">` HTML element.
+ * @public
+ * @deprecated Use Checkbox in itwinui-react instead
+ */
+export declare class Checkbox extends React.PureComponent<CheckboxProps> {
+    private _checkboxInput;
+    private _refs;
+    /** @internal */
+    constructor(props: CheckboxProps);
+    private _onCheckboxClick;
+    private _onCheckboxBlur;
+    private _setIndeterminate;
+    componentDidMount(): void;
+    /** @internal */
+    componentDidUpdate(_prevProps: CheckboxProps): void;
+    render(): JSX.Element;
+}
 //# sourceMappingURL=Checkbox.d.ts.map