@itwin/itwinui-css 1.0.0-dev.0 → 1.0.0-dev.3

package/scss/button/button.scss

@@ -1,119 +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';
-
-$iui-button-padding: $iui-xs * 4;
-$iui-button-padding-small: $iui-xs * 2;
-$iui-button-padding-large: $iui-xs * 6;
-
-@mixin iui-button {
-  @include iui-reset;
-  font-family: inherit;
-  display: inline-flex;
-  align-items: center;
-  vertical-align: middle;
-  justify-content: center;
-  position: relative;
-  border-radius: $iui-border-radius;
-  line-height: $iui-line-height;
-  font-size: $iui-font-size;
-  font-weight: $iui-font-weight-normal;
-  user-select: none;
-  cursor: pointer;
-  white-space: nowrap;
-  border: 1px solid var(--_iui-button-border-color);
-  background: var(--_iui-button-background-color);
-  color: var(--_iui-button-text-color);
-  gap: var(--_iui-button-gap);
-  height: var(--_iui-button-height);
-  padding-inline: var(--_iui-button-padding-inline);
-  transition: background-color $iui-speed-fast ease-out, border-color $iui-speed-fast ease-out;
-  -webkit-tap-highlight-color: transparent;
-  text-decoration: none;
-  @include iui-button-size;
-  @include iui-focus;
-}
-
-@mixin iui-button-icon {
-  width: $iui-icons-default;
-  height: $iui-icons-default;
-  transition: fill $iui-speed-fast ease-out;
-  fill: currentColor;
-
-  &:only-child {
-    margin-left: var(--_iui-button-icon-margin-x);
-    margin-right: var(--_iui-button-icon-margin-x);
-  }
-}
-
-@mixin iui-button-active {
-  --_iui-button-active-stripe-inset: initial;
-  --_iui-button-active-stripe-color: var(--iui-color-foreground-primary);
-  --_iui-button-text-color: var(--iui-color-foreground-primary);
-
-  // Shows active stripe only if --_iui-button-active-stripe-inset is set (from outside)
-  &::after {
-    content: '';
-    position: absolute;
-    inset: var(--_iui-button-active-stripe-inset);
-    background-color: var(--_iui-button-active-stripe-color);
-  }
-
-  &[disabled],
-  &:disabled,
-  &[aria-disabled='true'] {
-    --_iui-button-active-stripe-color: var(--iui-text-color-placeholder);
-    --_iui-button-text-color: var(--iui-text-color-placeholder);
-  }
-}
-
-@mixin iui-button-dropdown($size: default) {
-  @if $size == default {
-    --_iui-button-padding-inline: #{$iui-button-padding} #{$iui-s};
-  }
-
-  @if $size == small {
-    --_iui-button-padding-inline: #{$iui-button-padding-small} #{$iui-xs};
-  }
-
-  @if $size == large {
-    --_iui-button-padding-inline: #{$iui-button-padding-large} #{$iui-sm};
-  }
-}
-
-/// Mixin for applying padding and margins to various button sizes.
-/// @arg size - must be one of: small, medium, large
-/// @arg styleType - must be one of: default, borderless
-@mixin iui-button-size($size: medium, $styleType: default) {
-  @if $size == medium {
-    --_iui-button-gap: #{$iui-s};
-    --_iui-button-height: #{$iui-component-height};
-    --_iui-button-padding-inline: #{$iui-button-padding};
-
-    @if $styleType == borderless {
-      --_iui-button-padding-inline: #{$iui-s};
-    }
-  }
-
-  @if $size == small {
-    --_iui-button-gap: #{$iui-xs};
-    --_iui-button-height: #{$iui-component-height-small};
-    --_iui-button-padding-inline: #{$iui-button-padding-small};
-
-    @if $styleType == borderless {
-      --_iui-button-padding-inline: #{$iui-xxs};
-    }
-  }
-
-  @if $size == large {
-    font-size: $iui-font-size-leading;
-
-    --_iui-button-gap: #{$iui-sm};
-    --_iui-button-height: #{$iui-component-height-large};
-    --_iui-button-padding-inline: #{$iui-button-padding-large};
-
-    @if $styleType == borderless {
-      --_iui-button-padding-inline: #{$iui-sm};
-    }
-  }
-}

package/scss/button/classes.scss

@@ -1,80 +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';
-
-.iui-button {
-  @include iui-button;
-  @include iui-button-default;
-
-  &[data-iui-size='small'] {
-    @include iui-button-size(small);
-  }
-
-  &[data-iui-size='large'] {
-    @include iui-button-size(large);
-  }
-
-  &[data-iui-variant='borderless'] {
-    @include iui-button-borderless;
-
-    &[data-iui-size='small'] {
-      @include iui-button-size(small, borderless);
-    }
-
-    &[data-iui-size='large'] {
-      @include iui-button-size(large, borderless);
-    }
-  }
-
-  &[data-iui-active='true'] {
-    @include iui-button-default-active;
-
-    &[data-iui-variant='borderless'] {
-      @include iui-button-borderless-active;
-    }
-  }
-
-  &[data-iui-variant='high-visibility'] {
-    @include iui-button-variant(high-visibility);
-  }
-
-  &[data-iui-variant='cta'] {
-    @include iui-button-variant(cta);
-  }
-
-  &[data-iui-variant='idea'] {
-    @include iui-button-idea;
-  }
-}
-
-.iui-button-icon {
-  @include iui-button-icon;
-}
-
-.iui-button-dropdown {
-  @include iui-button-dropdown;
-
-  &[data-iui-size='small'] {
-    @include iui-button-dropdown(small);
-  }
-
-  &[data-iui-size='large'] {
-    @include iui-button-dropdown(large);
-  }
-}
-
-.iui-button-split {
-  @include iui-button-split;
-}
-
-.iui-button-group {
-  @include iui-button-group;
-}
-
-.iui-button-group-vertical {
-  @include iui-button-group(vertical);
-}
-
-.iui-button-group-overflow-x {
-  @include iui-button-group-overflow-x;
-}

package/scss/button/default.scss

@@ -1,51 +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 '../utils/index';
-
-@mixin iui-button-default {
-  --_iui-button-text-color: var(--iui-text-color);
-  --_iui-button-background-color: var(--iui-color-background-1);
-  --_iui-button-border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-
-  &:hover,
-  &:active {
-    --_iui-button-text-color: var(--iui-color-foreground-body);
-    --_iui-button-background-color: var(--iui-color-background-1-overlay);
-    --_iui-button-border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
-    @include iui-notification-marker-hover;
-  }
-
-  &:focus {
-    outline-offset: -2px;
-    outline-width: 2px;
-  }
-
-  &[disabled],
-  &:disabled,
-  &[aria-disabled='true'] {
-    --_iui-button-text-color: var(--iui-text-color-placeholder);
-    --_iui-button-background-color: var(--iui-color-background-disabled);
-    --_iui-button-border-color: var(--iui-color-background-disabled);
-
-    cursor: not-allowed;
-    outline-offset: -1px;
-    outline-width: 1px;
-    outline-color: var(--iui-color-foreground-primary);
-  }
-}
-
-@mixin iui-button-default-active {
-  @include iui-button-active;
-  --_iui-button-background-color: linear-gradient(
-    rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)),
-    rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))
-  ),
-    linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
-
-  &[disabled],
-  &:disabled,
-  &[aria-disabled='true'] {
-    --_iui-button-background-color: var(--iui-color-background-disabled);
-  }
-}

package/scss/button/idea.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 '../style/index';
-
-@mixin iui-button-idea {
-  @include iui-button-variant(high-visibility);
-  border-radius: $iui-border-radius-round;
-  box-shadow: $iui-elevation-24;
-  position: fixed;
-  bottom: $iui-baseline;
-  right: $iui-m;
-}

package/scss/button/index.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.
-@import './button';
-@import './default';
-@import './borderless';
-@import './variant';
-@import './idea';
-@import './button-group';
-@import './split-button';

package/scss/button/split-button.scss

@@ -1,45 +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 iui-button-split {
-  @include iui-button-group;
-
-  &:hover {
-    background-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
-  }
-
-  > * {
-    // #region Sizing
-    &:last-child {
-      > .iui-button {
-        --_iui-button-padding-inline: #{$iui-xs};
-      }
-
-      > [data-iui-size='small'] {
-        --_iui-button-padding-inline: #{$iui-xxs};
-      }
-
-      > [data-iui-size='large'] {
-        --_iui-button-padding-inline: #{$iui-s};
-      }
-    }
-    // #endregion Sizing
-
-    // #region Border between buttons for high-visibility and cta
-    &:first-child {
-      > [data-iui-variant='high-visibility'],
-      > [data-iui-variant='cta'] {
-        border-right-color: rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4));
-      }
-    }
-
-    &:last-child {
-      > [data-iui-variant='high-visibility'],
-      > [data-iui-variant='cta'] {
-        border-left-color: rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4));
-      }
-    }
-    // #endregion Border between buttons for high-visibility and cta
-  }
-}

package/scss/button/variant.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 '../style/index';
-
-/// @arg $variant Can be one of: cta, high-visibility
-@mixin iui-button-variant($variant) {
-  @if $variant == cta {
-    --_iui-button-background-color: var(--iui-color-background-positive);
-
-    &:hover,
-    &:active {
-      --_iui-button-background-color: var(--iui-color-background-positive-overlay);
-    }
-  }
-
-  @if $variant == high-visibility {
-    --_iui-button-background-color: var(--iui-color-background-primary);
-
-    &:hover,
-    &:active {
-      --_iui-button-background-color: var(--iui-color-background-primary-overlay);
-    }
-  }
-
-  --_iui-button-text-color: var(--iui-color-foreground-accessory);
-  --_iui-button-border-color: var(--_iui-button-background-color);
-
-  &:focus {
-    outline-color: var(--iui-color-foreground-accessory);
-    outline-offset: -3px;
-    outline-width: 1px;
-  }
-
-  &[disabled],
-  &:disabled,
-  &[aria-disabled='true'] {
-    --_iui-button-background-color: var(--iui-color-background-disabled);
-    --_iui-button-text-color: var(--iui-text-color-placeholder);
-
-    outline-offset: -1px;
-    outline-width: 1px;
-    outline-color: var(--iui-color-foreground-primary);
-  }
-}

package/scss/carousel/carousel.scss

@@ -1,113 +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 '../utils/index';
-@import '../button/button';
-
-@mixin iui-carousel {
-  overflow: hidden;
-  @include iui-focus($offset: 4px);
-  border-radius: $iui-border-radius;
-}
-
-@mixin iui-carousel-slider {
-  display: flex;
-  gap: $iui-s;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  scroll-snap-type: x mandatory;
-  @include hide-scrollbar;
-
-  &-item {
-    width: 100%;
-    flex-shrink: 0;
-    scroll-snap-align: center;
-  }
-}
-
-@mixin iui-carousel-navigation {
-  display: flex;
-  align-items: center;
-  height: $iui-baseline * 3;
-  border-top: $iui-xxs solid var(--iui-color-background-4);
-
-  &-left,
-  &-right {
-    display: flex;
-    align-items: center;
-    flex: 1;
-
-    button[data-pressed='true'] {
-      outline-offset: -1px;
-      outline: 1px solid var(--iui-color-foreground-primary);
-    }
-  }
-
-  &-dots {
-    @include iui-reset;
-    @include iui-focus;
-    flex: 2;
-    max-width: $iui-xxl * 4;
-    border-radius: $iui-border-radius;
-    white-space: nowrap;
-    @include hide-scrollbar;
-  }
-
-  &-dot {
-    @include iui-button-size($size: small);
-    background-color: transparent;
-    border: none;
-    cursor: pointer;
-    height: var(--_iui-button-height);
-    padding-left: var(--_iui-button-padding-inline);
-    padding-right: var(--_iui-button-padding-inline);
-
-    &:hover::after {
-      background-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
-    }
-
-    &::after {
-      content: '';
-      display: block;
-      width: $iui-icons-small;
-      height: $iui-icons-small;
-      border-radius: 50%;
-      border: 1px solid transparent;
-      background-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-      box-shadow: inset 0 0 0 0 var(--iui-color-background-1);
-    }
-
-    &.iui-first::after {
-      transform: scale(0.5);
-    }
-
-    &.iui-second::after {
-      transform: scale(0.75);
-    }
-
-    &.iui-active::after {
-      background-color: var(--iui-color-foreground-primary);
-      border-color: var(--iui-color-foreground-primary);
-      box-shadow: inset 0 0 0 1px var(--iui-color-background-1);
-      @media (forced-colors: active) {
-        border-width: $iui-icons-small * 0.5;
-      }
-    }
-  }
-
-  &-right {
-    justify-content: flex-end;
-  }
-}
-
-@mixin hide-scrollbar {
-  overflow-x: auto;
-  overflow-x: overlay;
-
-  // hide scrollbar
-  &::-webkit-scrollbar {
-    display: none;
-  }
-  scrollbar-width: none;
-}

package/scss/carousel/classes.scss

@@ -1,15 +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';
-
-.iui-carousel {
-  @include iui-carousel;
-}
-
-.iui-carousel-slider {
-  @include iui-carousel-slider;
-}
-
-.iui-carousel-navigation {
-  @include iui-carousel-navigation;
-}

package/scss/carousel/index.scss

@@ -1,3 +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 './carousel';

package/scss/checkbox/checkbox.scss

@@ -1,154 +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 '../utils/index';
-
-@mixin iui-checkbox {
-  &-wrapper {
-    @include iui-reset;
-    display: flex;
-    align-items: center;
-    font-size: $iui-font-size;
-    width: fit-content;
-    user-select: none;
-    position: relative;
-    cursor: pointer;
-    color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
-    gap: $iui-s;
-
-    &.iui-loading {
-      cursor: wait;
-      color: var(--iui-text-color-muted);
-    }
-
-    > .iui-checkbox-label,
-    > .iui-radio-label {
-      display: flex;
-      align-items: center;
-
-      svg {
-        width: $iui-icons-default;
-        height: $iui-icons-default;
-        vertical-align: middle;
-        fill: currentColor;
-      }
-    }
-
-    &.iui-disabled {
-      cursor: not-allowed;
-      color: var(--iui-text-color-muted);
-
-      svg {
-        fill: var(--iui-icons-color-actionable-disabled);
-      }
-    }
-
-    &.iui-positive {
-      color: var(--iui-color-foreground-positive);
-    }
-
-    &.iui-warning {
-      color: var(--iui-color-foreground-warning);
-    }
-
-    &.iui-negative {
-      color: var(--iui-color-foreground-negative);
-    }
-  }
-
-  --_iui-checkbox-checkmark-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m6.5 12.5-4.5-4.5 1.5-1.5 3 3 6-6 1.5 1.5z" /></svg>');
-  --_iui-checkbox-indeterminate-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m2.75 6.875h10.5v2.25h-10.5z" /></svg>');
-  --_iui-checkbox-unchecked-svg: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16"></svg>');
-
-  --_iui-checkbox-svg-color: var(--iui-color-foreground-primary);
-  --_iui-checkbox-border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-  --_iui-checkbox-background-color: var(--iui-color-background-1);
-  --_iui-checkbox-mask-image: initial;
-
-  appearance: none; // disable default browser styles
-  margin: 0;
-  width: $iui-icons-default;
-  height: $iui-icons-default;
-  position: relative;
-  border-radius: $iui-border-radius;
-  background-color: var(--_iui-checkbox-background-color);
-  flex-shrink: 0;
-  cursor: pointer;
-
-  &::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    transition: border-color $iui-speed-fast ease-out;
-    border-radius: inherit;
-    border-style: solid;
-    border-width: 1px;
-    border-color: var(--_iui-checkbox-border-color);
-  }
-
-  &::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background-color: var(--_iui-checkbox-svg-color);
-    mask: var(--_iui-checkbox-mask-image) no-repeat center;
-  }
-
-  &:not(:checked) {
-    --_iui-checkbox-mask-image: var(--_iui-checkbox-unchecked-svg);
-  }
-
-  &:checked {
-    --_iui-checkbox-border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
-    --_iui-checkbox-mask-image: var(--_iui-checkbox-checkmark-svg);
-  }
-
-  &:indeterminate {
-    --_iui-checkbox-border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
-    --_iui-checkbox-mask-image: var(--_iui-checkbox-indeterminate-svg);
-  }
-
-  &:hover {
-    --_iui-checkbox-border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
-  }
-
-  @include iui-focus($thickness: 2px);
-
-  &:disabled {
-    --_iui-checkbox-svg-color: var(--iui-icons-color-actionable-disabled);
-    --_iui-checkbox-border-color: var(--iui-color-background-border);
-    --_iui-checkbox-background-color: var(--iui-color-background-disabled);
-    cursor: not-allowed;
-  }
-
-  &.iui-checkbox-visibility {
-    --_iui-checkbox-checkmark-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 2.99051a8.81883 8.81883 0 0 0 -8 4.95062 8.74664 8.74664 0 0 0 8 5.06836 8.63266 8.63266 0 0 0 8-5.06836 8.83631 8.83631 0 0 0 -8-4.95062zm-1.31445 1.86981a1.47663 1.47663 0 1 1 -1.47663 1.47668 1.47665 1.47665 0 0 1 1.47663-1.47668zm1.31445 6.64917a7.17486 7.17486 0 0 1 -6.30475-3.55237 7.4952 7.4952 0 0 1 2.81475-2.6336 3.83956 3.83956 0 1 0 6.98126.00244 7.522 7.522 0 0 1 2.81774 2.63916 7.09785 7.09785 0 0 1 -6.309 3.54437z" /></svg>');
-    --_iui-checkbox-indeterminate-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8 3v7.9a4.01179 4.01179 0 0 0 4-4 6.7509 6.7509 0 0 0 -.2-1.4l.1.1a6.89429 6.89429 0 0 1 2.4 2.4 8.39088 8.39088 0 0 1 -2.3 2.3 6.89412 6.89412 0 0 1 -3.9 1.2c-.03345 0-.06653-.00677-.1-.0072v1.5072a8.90686 8.90686 0 0 0 8-5 8.90686 8.90686 0 0 0 -8-5z" opacity=".33" /><path d="m8 0a1 1 0 0 0 -1 1v2.07135a8.91637 8.91637 0 0 0 -7 4.92865 8.91637 8.91637 0 0 0 7 4.92865v2.07135a1 1 0 0 0 2 0v-14a1 1 0 0 0 -1-1zm-1.5 4.9a1.55426 1.55426 0 0 1 .5.087v2.81451a1.40746 1.40746 0 0 1 -.5.09849 1.538 1.538 0 0 1 -1.5-1.5 1.53794 1.53794 0 0 1 1.5-1.5zm-2.3 5.4a6.97279 6.97279 0 0 1 -2.5-2.3 6.89429 6.89429 0 0 1 2.4-2.4c.1 0 .1-.1.2-.1a3.194 3.194 0 0 0 -.3 1.4 4.0047 4.0047 0 0 0 3 3.857v.65289a6.37491 6.37491 0 0 1 -2.8-1.10989z" /></svg>');
-    --_iui-checkbox-unchecked-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m1.70671 12.879 11.17218-11.17219 1.4142 1.4142-11.17218 11.17218zm.99329-1.679 1.1-1.1a5.06317 5.06317 0 0 1 -2-2.1 7.48268 7.48268 0 0 1 6.2-3.5 4.86877 4.86877 0 0 1 1.2.1l1.3-1.3a10.07431 10.07431 0 0 0 -2.5-.3 8.84129 8.84129 0 0 0 -8 5 8.42455 8.42455 0 0 0 2.7 3.2zm10.7-6.4-1.1 1.1a7.08625 7.08625 0 0 1 2 2.1 7.50323 7.50323 0 0 1 -6.2 3.5 8.31665 8.31665 0 0 1 -1.3-.2l-1.3 1.3a8.909 8.909 0 0 0 6.4-.5 9.04344 9.04344 0 0 0 4.1-4.1 9.168 9.168 0 0 0 -2.6-3.2z" /></svg>');
-
-    --_iui-checkbox-border-color: transparent;
-    --_iui-checkbox-background-color: transparent;
-
-    &:where(:not(:checked):not(:indeterminate)) {
-      --_iui-checkbox-svg-color: var(--iui-icons-color-actionable);
-    }
-
-    &:where(:hover) {
-      --_iui-checkbox-border-color: transparent;
-      --_iui-checkbox-background-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
-    }
-
-    &:where(:disabled) {
-      --_iui-checkbox-svg-color: var(--iui-icons-color-actionable-disabled);
-      --_iui-checkbox-background-color: var(--iui-color-background-disabled);
-    }
-  }
-
-  &.iui-loading {
-    --_iui-checkbox-border-color: transparent;
-    --_iui-checkbox-background-color: transparent;
-    opacity: 0;
-    position: absolute;
-    cursor: wait;
-  }
-}

package/scss/checkbox/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';
-
-.iui-checkbox {
-  @include iui-checkbox;
-}

package/scss/checkbox/index.scss

@@ -1,3 +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 './checkbox';