@itwin/core-react 4.0.0-dev.12 → 4.0.0-dev.13

package/lib/esm/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/esm/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/esm/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/esm/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/esm/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:       var(--iui-color-border-foreground);
-    background-color:   transparent;
-    color:              var(--iui-color-text);
-
-    &:hover {
-
-      border-color:       var(--iui-color-border-foreground-hover);
-      color:              var(--iui-color-text-hover);
-    }
-
-    &:active, &:focus {
-
-      border-color:       var(--iui-color-border-foreground-hover);
-    }
-}

package/lib/esm/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/esm/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/esm/core-react/button/primary.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";
-@import "./disabled";
-
-@mixin uicore-buttons-primary {
-  @include uicore-buttons-button;
-  background: var(--iui-color-background-positive);
-  color: var(--iui-color-white);
-
-  &:hover {
-    background-color: var(--iui-color-background-positive-hover);
-  }
-}

package/lib/esm/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/esm/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: var(--iui-color-text);
-  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: var(--iui-color-text-positive);
-  }
-
-  &.warning {
-    color: var(--iui-color-text-warning);
-  }
-
-  &.error {
-    color: var(--iui-color-text-negative);
-  }
-}

package/lib/esm/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/esm/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/esm/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/esm/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/esm/core-react/style/speed.scss

@@ -1,9 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/// Animation speed:
-
-$uicore-speed-fast: var(--iui-duration-1);
-$uicore-speed: var(--iui-duration-2);
-$uicore-speed-slow: var(--iui-duration-3);

package/lib/esm/core-react/style/typography.scss

@@ -1,39 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/// Constants ------------------------------------------------------------------
-
-$uicore-sans: var(--iui-font-sans);
-$uicore-monospace: var(--iui-font-mono);
-
-$uicore-font-family: var(--iui-font-sans);
-
-$uicore-font-size: var(--iui-font-size-1);
-$uicore-font-size-small: var(--iui-font-size-0);
-$uicore-font-size-leading: var(--iui-font-size-2);
-$uicore-font-size-subheading: var(--iui-font-size-3);
-$uicore-font-size-title: var(--iui-font-size-4);
-$uicore-font-size-headline: var(--iui-font-size-5);
-
-//TODO review this cap part
-$uicore-cap-size: var(--iui-font-size-1);
-$uicore-cap-size-small: var(--iui-font-size-0);
-$uicore-cap-size-leading: var(--iui-font-size-2);
-$uicore-cap-size-subheading: var(--iui-font-size-3);
-$uicore-cap-size-title: var(--iui-font-size-4);
-$uicore-cap-size-headline: var(--iui-font-size-5);
-
-$uicore-font-weight-light: var(--iui-font-weight-light);
-$uicore-font-weight-normal: var(--iui-font-weight-normal);
-$uicore-font-weight-semibold: var(--iui-font-weight-semibold);
-$uicore-font-weight-bold: var(--iui-font-weight-bold);
-
-/// Font loading helpers -------------------------------------------------------
-/// See: https://www.zachleat.com/web/comprehensive-webfonts
-
-$uicore-font-loaded-class: var(--iui-font-sans);
-
-@mixin uicore-font-family {
-  font-family: var(--iui-font-sans);
-}

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

@@ -1,9 +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-border-radius: var(--iui-border-radius-1);
-
-$uicore-component-height-small: 24px;
-$uicore-component-height-normal: 28px;
-$uicore-component-height-large: 32px;