@itwin/core-react 4.0.0-dev.2 → 4.0.0-dev.20

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: $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/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/icons/SvgSprite.d.ts

@@ -1,21 +0,0 @@
-/** @packageDocumentation
- * @module Icon
- */
-import "./SvgSprite.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties of [[SvgSprite]] component.
- * @public @deprecated
- */
-export interface SvgSpriteProps extends CommonProps {
-    /** Source for the Svg */
-    src: string;
-}
-/** Svg element wrapper.
- * This component is deprecate -- use IconComponent
- * @public @deprecated
- */
-export declare class SvgSprite extends React.PureComponent<SvgSpriteProps> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=SvgSprite.d.ts.map

package/lib/esm/core-react/icons/SvgSprite.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SvgSprite.d.ts","sourceRoot":"","sources":["../../../../src/core-react/icons/SvgSprite.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,yBAAyB;IACzB,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;GAGG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;IAChD,MAAM;CAYvB"}

package/lib/esm/core-react/icons/SvgSprite.js

@@ -1,23 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* 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 Icon
- */
-import "./SvgSprite.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Svg element wrapper.
- * This component is deprecate -- use IconComponent
- * @public @deprecated
- */
-export class SvgSprite extends React.PureComponent {
-    render() {
-        const className = classnames("core-icons-svgSprite", this.props.className);
-        return (React.createElement("svg", { className: className, style: this.props.style, width: "100%", height: "100%" },
-            React.createElement("use", { xmlnsXlink: "http://www.w3.org/1999/xlink", xlinkHref: this.props.src })));
-    }
-}
-//# sourceMappingURL=SvgSprite.js.map

package/lib/esm/core-react/icons/SvgSprite.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SvgSprite.js","sourceRoot":"","sources":["../../../../src/core-react/icons/SvgSprite.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;GAGG;AACH,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,aAA6B;IAChD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,sBAAsB,EACtB,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM;YAC5E,6BAAK,UAAU,EAAC,8BAA8B,EAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAAI,CACxE,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/* eslint-disable deprecation/deprecation */\n/** @packageDocumentation\n * @module Icon\n */\n\nimport \"./SvgSprite.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties of [[SvgSprite]] component.\n * @public @deprecated\n */\nexport interface SvgSpriteProps extends CommonProps {\n  /** Source for the Svg */\n  src: string;\n}\n\n/** Svg element wrapper.\n * This component is deprecate -- use IconComponent\n * @public @deprecated\n */\nexport class SvgSprite extends React.PureComponent<SvgSpriteProps> {\n  public override render() {\n    const className = classnames(\n      \"core-icons-svgSprite\",\n      this.props.className,\n    );\n\n    return (\n      <svg className={className} style={this.props.style} width=\"100%\" height=\"100%\">\n        <use xmlnsXlink=\"http://www.w3.org/1999/xlink\" xlinkHref={this.props.src} />\n      </svg>\n    );\n  }\n}\n"]}

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/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/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,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);

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

@@ -1,44 +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 "~@itwin/itwinui-css/scss/style/typography";
-
-// @warn "typography.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/typography' instead.";
-
-/// 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
-
-//TODO review this
-$uicore-font-loaded-class: var(--iui-font-sans);
-
-@mixin uicore-font-family {
-  @include iui-font-family;
-}

package/lib/esm/core-react/style/variables.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 "variables.scss is deprecated. Use '~@itwin/itwinui-css/scss/style/variables' instead.";
-
-$uicore-border-radius: var(--iui-border-radius-1);
-
-$uicore-component-height-small: 24px;
-$uicore-component-height-normal: 28px;
-$uicore-component-height-large: 32px;