@itwin/core-react 3.4.0-dev.48 → 3.4.0-dev.50

package/lib/esm/core-react/inputs/textarea.scss

@@ -1,55 +1,55 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "./variables";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/style/variables";
-
-@mixin uicore-inputs-textarea {
-
-  display:                block;
-  box-sizing:             border-box;
-  width:                  100%;
-  padding:                $uicore-inputs-padding-bordered $uicore-bordered-padding;
-  margin:                 $uicore-inputs-margin 0;
-  font-family:            $iui-font-family;
-  font-size:              $iui-font-size;
-  font-weight:            normal;
-  line-height:            $uicore-line-height;
-  color:                  $buic-text-color;
-  background-color:       $buic-background-control;
-  background-image:       none;
-  border:                 1px solid $uicore-inputs-border-color;
-  border-radius:          $iui-border-radius;
-  box-shadow:             $buic-inputs-boxshadow 0px 1px 1px inset;
-  transition:             border-color $iui-speed-fast ease-in-out, box-shadow $iui-speed-fast ease-in-out;
-
-  &:-ms-input-placeholder {       color: $buic-foreground-disabled; }
-  &::-webkit-input-placeholder {  color: $buic-foreground-disabled; }
-  &::placeholder {                color: $buic-foreground-disabled; }
-
-  &[disabled],
-  &[readonly] {
-
-    background-color:   $buic-background-control-disabled;
-    border-color:       $buic-foreground-disabled;
-    color:              $buic-foreground-disabled;
-    cursor:             not-allowed;
-    opacity:            $uicore-opacity-disabled;
-  }
-
-  &:focus {
-
-    border-color:       $buic-foreground-focus-border;
-    outline:            0px;
-    box-shadow:         $uicore-inputs-focus-boxshadow;
-  }
-
-  &.iui-textarea {
-    padding: $uicore-iui-input-padding;
-  }
-
-}
+/*---------------------------------------------------------------------------------------------
+* 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 "./variables";
+@import "~@itwin/itwinui-css/scss/style/speed";
+@import "~@itwin/itwinui-css/scss/style/typography";
+@import "~@itwin/itwinui-css/scss/style/variables";
+
+@mixin uicore-inputs-textarea {
+
+  display:                block;
+  box-sizing:             border-box;
+  width:                  100%;
+  padding:                $uicore-inputs-padding-bordered $uicore-bordered-padding;
+  margin:                 $uicore-inputs-margin 0;
+  font-family:            $iui-font-family;
+  font-size:              $iui-font-size;
+  font-weight:            normal;
+  line-height:            $uicore-line-height;
+  color:                  $buic-text-color;
+  background-color:       $buic-background-control;
+  background-image:       none;
+  border:                 1px solid $uicore-inputs-border-color;
+  border-radius:          $iui-border-radius;
+  box-shadow:             $buic-inputs-boxshadow 0px 1px 1px inset;
+  transition:             border-color $iui-speed-fast ease-in-out, box-shadow $iui-speed-fast ease-in-out;
+
+  &:-ms-input-placeholder {       color: $buic-foreground-disabled; }
+  &::-webkit-input-placeholder {  color: $buic-foreground-disabled; }
+  &::placeholder {                color: $buic-foreground-disabled; }
+
+  &[disabled],
+  &[readonly] {
+
+    background-color:   $buic-background-control-disabled;
+    border-color:       $buic-foreground-disabled;
+    color:              $buic-foreground-disabled;
+    cursor:             not-allowed;
+    opacity:            $uicore-opacity-disabled;
+  }
+
+  &:focus {
+
+    border-color:       $buic-foreground-focus-border;
+    outline:            0px;
+    box-shadow:         $uicore-inputs-focus-boxshadow;
+  }
+
+  &.iui-textarea {
+    padding: $uicore-iui-input-padding;
+  }
+
+}

package/lib/esm/core-react/inputs/variables.scss

@@ -1,33 +1,33 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "~@itwin/itwinui-css/scss/style/space";
-
-// cspell:ignore unbordered
-
-$uicore-inputs-height: 22px;
-$uicore-inputs-height-large: 40px;
-$uicore-line-height: $uicore-baseline * 1.4;
-$uicore-bordered-padding: $uicore-bordered-padding * 0.5;
-$uicore-unbordered-padding: $uicore-unbordered-padding * 0.5;
-
-$uicore-inputs-padding: ($uicore-inputs-height - $uicore-line-height) * 0.5;
-$uicore-inputs-padding-large: (
-    $uicore-inputs-height-large - $uicore-line-height
-  ) * 0.5;
-$uicore-inputs-padding-bordered: $uicore-inputs-padding - 2px;
-$uicore-inputs-padding-bordered-large: $uicore-inputs-padding-large - 2px;
-
-$uicore-inputs-margin: ($uicore-line-height * 2 - $uicore-inputs-height) * 0.5;
-$uicore-inputs-margin-large: (
-    $uicore-line-height * 3 - $uicore-inputs-height-large
-  ) * 0.5;
-
-$uicore-inputs-border-color: $buic-inputs-border;
-
-$uicore-inputs-focus-boxshadow: $buic-focus-boxshadow 0px 0px 0px 2px;
-
-$uicore-iui-input-padding: $iui-xxs $iui-s;
+/*---------------------------------------------------------------------------------------------
+* 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 "~@itwin/itwinui-css/scss/style/space";
+
+// cspell:ignore unbordered
+
+$uicore-inputs-height: 22px;
+$uicore-inputs-height-large: 40px;
+$uicore-line-height: $uicore-baseline * 1.4;
+$uicore-bordered-padding: $uicore-bordered-padding * 0.5;
+$uicore-unbordered-padding: $uicore-unbordered-padding * 0.5;
+
+$uicore-inputs-padding: ($uicore-inputs-height - $uicore-line-height) * 0.5;
+$uicore-inputs-padding-large: (
+    $uicore-inputs-height-large - $uicore-line-height
+  ) * 0.5;
+$uicore-inputs-padding-bordered: $uicore-inputs-padding - 2px;
+$uicore-inputs-padding-bordered-large: $uicore-inputs-padding-large - 2px;
+
+$uicore-inputs-margin: ($uicore-line-height * 2 - $uicore-inputs-height) * 0.5;
+$uicore-inputs-margin-large: (
+    $uicore-line-height * 3 - $uicore-inputs-height-large
+  ) * 0.5;
+
+$uicore-inputs-border-color: $buic-inputs-border;
+
+$uicore-inputs-focus-boxshadow: $buic-focus-boxshadow 0px 0px 0px 2px;
+
+$uicore-iui-input-padding: $iui-xxs $iui-s;

package/lib/esm/core-react/layout-variables.scss

@@ -1,15 +1,15 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./z-index";
-
-:root {
-
-  /** Default Widget Opacity */
-  --buic-widget-opacity:      0.90;
-
-  /** CSS variables for each z-index layer */
-  @include uicore-z-index-variables();
-
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./z-index";
+
+:root {
+
+  /** Default Widget Opacity */
+  --buic-widget-opacity:      0.90;
+
+  /** CSS variables for each z-index layer */
+  @include uicore-z-index-variables();
+
+}

package/lib/esm/core-react/listbox/Listbox.d.ts

@@ -1,56 +1,56 @@
-import * as React from "react";
-import "./Listbox.scss";
-/** Ideas borrowed from  https://reacttraining.com/reach-ui/listbox */
-/**
- * `Listbox` value.
- * @alpha
- */
-export declare type ListboxValue = string;
-/**
- * `Listbox` Props.
- * @alpha
- */
-export interface ListboxProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement> {
-    id?: string;
-    selectedValue?: ListboxValue;
-    ariaLabel?: any;
-    ariaLabelledBy?: any;
-    onListboxValueChange?: ((newValue: ListboxValue, isControlOrCommandPressed?: boolean) => void);
-}
-/**
- * `ListboxItem` Props.
- * @alpha
- */
-export interface ListboxItemProps extends React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> {
-    /** The unique item's value. */
-    value: ListboxValue;
-    /** set if item is disabled. */
-    disabled?: boolean;
-}
-/**
- * `Listbox` Context.
- * @alpha
- */
-export interface ListboxContextProps {
-    listboxId?: string;
-    listboxValue?: ListboxValue;
-    focusValue?: ListboxValue;
-    onListboxValueChange: ((newValue: ListboxValue, isControlOrCommandPressed?: boolean) => void);
-    listboxRef?: React.RefObject<HTMLUListElement>;
-}
-/**
- * Context set up by listbox for use by `ListboxItems` .
- * @alpha
- */
-export declare const ListboxContext: React.Context<ListboxContextProps>;
-/**
- * Single select `Listbox` component
- * @alpha
- */
-export declare function Listbox(props: ListboxProps): JSX.Element;
-/**
- * `ListboxItem` component.
- * @alpha
- */
-export declare function ListboxItem(props: ListboxItemProps): JSX.Element;
+import * as React from "react";
+import "./Listbox.scss";
+/** Ideas borrowed from  https://reacttraining.com/reach-ui/listbox */
+/**
+ * `Listbox` value.
+ * @alpha
+ */
+export declare type ListboxValue = string;
+/**
+ * `Listbox` Props.
+ * @alpha
+ */
+export interface ListboxProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement> {
+    id?: string;
+    selectedValue?: ListboxValue;
+    ariaLabel?: any;
+    ariaLabelledBy?: any;
+    onListboxValueChange?: ((newValue: ListboxValue, isControlOrCommandPressed?: boolean) => void);
+}
+/**
+ * `ListboxItem` Props.
+ * @alpha
+ */
+export interface ListboxItemProps extends React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> {
+    /** The unique item's value. */
+    value: ListboxValue;
+    /** set if item is disabled. */
+    disabled?: boolean;
+}
+/**
+ * `Listbox` Context.
+ * @alpha
+ */
+export interface ListboxContextProps {
+    listboxId?: string;
+    listboxValue?: ListboxValue;
+    focusValue?: ListboxValue;
+    onListboxValueChange: ((newValue: ListboxValue, isControlOrCommandPressed?: boolean) => void);
+    listboxRef?: React.RefObject<HTMLUListElement>;
+}
+/**
+ * Context set up by listbox for use by `ListboxItems` .
+ * @alpha
+ */
+export declare const ListboxContext: React.Context<ListboxContextProps>;
+/**
+ * Single select `Listbox` component
+ * @alpha
+ */
+export declare function Listbox(props: ListboxProps): JSX.Element;
+/**
+ * `ListboxItem` component.
+ * @alpha
+ */
+export declare function ListboxItem(props: ListboxItemProps): JSX.Element;
 //# sourceMappingURL=Listbox.d.ts.map