@itwin/itwinui-css 0.63.0 → 1.0.0-dev.1

package/scss/button/disabled.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 '../style/index';
-@import './button-icon';
-
-@mixin iui-button-disabled {
-  cursor: not-allowed;
-  @include themed {
-    background: t(iui-color-background-disabled);
-    border-color: t(iui-color-background-disabled);
-    color: rgba(t(iui-color-foreground-body-rgb), t(iui-opacity-5));
-  }
-}

package/scss/button/high-visibility.scss

@@ -1,31 +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';
-@import './button-icon';
-
-@mixin iui-button-high-visibility {
-  --_iui-button-text-color: var(--iui-color-foreground-accessory);
-
-  @include themed {
-    background-color: t(iui-color-background-primary);
-    border-color: t(iui-color-background-primary);
-    color: t(iui-color-foreground-accessory);
-  }
-  color: var(--_iui-button-text-color);
-  @include iui-focus($color: var(--iui-color-foreground-accessory), $offset: -3px, $thickness: 1px);
-
-  &:hover,
-  &:active {
-    @include themed {
-      background-color: t(iui-color-background-primary-overlay);
-      border-color: t(iui-color-background-primary-overlay);
-    }
-  }
-
-  &[disabled],
-  &:disabled {
-    @include iui-button-disabled;
-  }
-}

package/scss/button/idea.scss

@@ -1,10 +0,0 @@
-// Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-// See LICENSE.md in the project root for license terms and full copyright notice.
-@mixin iui-button-idea {
-  @include iui-button-high-visibility;
-  border-radius: $iui-line-height;
-  box-shadow: $iui-elevation-24;
-  position: fixed;
-  bottom: $iui-baseline;
-  right: $iui-m;
-}

package/scss/button/index.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 './default';
-@import './cta';
-@import './high-visibility';
-@import './idea';
-@import './button-group';
-@import './split-menu';
-@import './borderless';
-@import './disabled';
-@import './button-icon';

package/scss/button/split-menu.scss

@@ -1,66 +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-menu {
-  @include iui-button-group;
-
-  &:hover {
-    @include themed {
-      background-color: rgba(t(iui-color-foreground-body-rgb), t(iui-opacity-6));
-    }
-  }
-
-  > * {
-    &:first-child {
-      > .iui-borderless:hover {
-        background-color: transparent;
-      }
-    }
-
-    // Sizes
-    &:last-child {
-      > .iui-button {
-        padding: $iui-xs;
-      }
-
-      > .iui-small {
-        padding: $iui-xxs;
-      }
-
-      > .iui-large {
-        padding: $iui-s;
-      }
-    }
-
-    // Border between buttons for high-visibility and cta
-    &:first-child {
-      > .iui-high-visibility,
-      > .iui-cta {
-        @include themed {
-          border-right-color: rgba(t(iui-color-foreground-accessory-rgb), t(iui-opacity-4));
-        }
-      }
-    }
-
-    &:last-child {
-      > .iui-high-visibility,
-      > .iui-cta {
-        @include themed {
-          border-left-color: rgba(t(iui-color-foreground-accessory-rgb), t(iui-opacity-4));
-        }
-      }
-    }
-  }
-
-  &.iui-disabled {
-    @include themed {
-      background-color: transparent;
-    }
-  }
-
-  &[disabled],
-  &:disabled {
-    @include iui-button-disabled;
-  }
-}

package/scss/carousel/carousel.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';
-@import '../text/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;
-    box-sizing: border-box;
-    scroll-snap-align: center;
-  }
-}
-
-@mixin iui-carousel-navigation {
-  display: flex;
-  align-items: center;
-  height: $iui-baseline * 3;
-  box-sizing: border-box;
-  @include themed {
-    border-top: $iui-xxs solid t(iui-color-background-4);
-  }
-
-  &-left,
-  &-right {
-    display: flex;
-    align-items: center;
-    flex: 1;
-
-    button[data-pressed='true'] {
-      outline-offset: -1px;
-      @include themed {
-        outline: 1px solid t(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;
-
-    &:hover::after {
-      @include themed {
-        background-color: rgba(t(iui-color-foreground-body-rgb), t(iui-opacity-3));
-      }
-    }
-
-    &::after {
-      content: '';
-      display: block;
-      width: $iui-icons-small;
-      height: $iui-icons-small;
-      border-radius: 50%;
-      box-sizing: border-box;
-      border: 1px solid transparent;
-      @include themed {
-        background-color: rgba(t(iui-color-foreground-body-rgb), t(iui-opacity-4));
-        box-shadow: inset 0 0 0 0 t(iui-color-background-1);
-      }
-    }
-
-    &.iui-first::after {
-      transform: scale(0.5);
-    }
-
-    &.iui-second::after {
-      transform: scale(0.75);
-    }
-
-    &.iui-active::after {
-      @include themed {
-        background-color: t(iui-color-foreground-primary);
-        border-color: t(iui-color-foreground-primary);
-        box-shadow: inset 0 0 0 1px t(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/classes.scss

@@ -1,48 +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 './style/global';
-@import './alert/classes';
-@import './anchor/classes';
-@import './badge/classes';
-@import './backdrop/classes';
-@import './blockquote/classes';
-@import './breadcrumbs/classes';
-@import './button/classes';
-@import './carousel/classes';
-@import './code/classes';
-@import './color-picker/classes';
-@import './date-picker/classes';
-@import './dialog/classes';
-@import './expandable-block/classes';
-@import './fieldset/classes';
-@import './file-upload/classes';
-@import './footer/classes';
-@import './header/classes';
-@import './icon/classes';
-@import './information-panel/classes';
-@import './inputs/classes';
-@import './keyboard/classes';
-@import './location-marker/classes';
-@import './menu/classes';
-@import './non-ideal-state/classes';
-@import './notification-marker/classes';
-@import './popover/classes';
-@import './progress-indicator/classes';
-@import './radio-tile/classes';
-@import './side-navigation/classes';
-@import './skip-to-content/classes';
-@import './slider/classes';
-@import './surface/classes';
-@import './table/classes';
-@import './tabs/classes';
-@import './tag/classes';
-@import './text/classes';
-@import './tile/classes';
-@import './time-picker/classes';
-@import './toast-notification/classes';
-@import './toggle-switch/classes';
-@import './tooltip/classes';
-@import './tree/classes';
-@import './user-icon/classes';
-@import './wizard/classes';

package/scss/code/classes.scss

@@ -1,11 +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-code {
-  @include iui-code;
-}
-
-.iui-codeblock {
-  @include iui-codeblock;
-}

package/scss/code/code.scss

@@ -1,18 +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-code {
-  @include iui-reset;
-  display: inline-block;
-  font-family: $iui-monospace;
-  font-size: $iui-font-size-small;
-  padding: 0 $iui-xs;
-  border-radius: $iui-border-radius;
-  user-select: all;
-
-  @include themed {
-    background-color: t(iui-color-background-3);
-    color: t(iui-text-color);
-  }
-}

package/scss/code/codeblock.scss

@@ -1,73 +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 '../icon/index';
-
-@mixin iui-codeblock {
-  @include iui-reset;
-  margin: round($iui-baseline * 0.5) 0;
-
-  > .iui-title-bar {
-    display: flex;
-    align-items: center;
-    border-radius: $iui-border-radius $iui-border-radius 0 0;
-
-    @include themed {
-      background-color: t(iui-color-background-3);
-    }
-
-    > .iui-title {
-      margin-left: $iui-sm;
-      user-select: all;
-    }
-
-    > .iui-button {
-      margin-left: auto;
-    }
-  }
-
-  > .iui-codeblock-content {
-    margin: 0;
-    overflow-x: auto;
-    overflow-y: auto;
-    border-radius: 0 0 $iui-border-radius $iui-border-radius;
-    white-space: normal;
-
-    @include iui-focus;
-
-    @include themed {
-      border: 1px solid t(iui-color-background-3);
-    }
-
-    > code {
-      display: block;
-      width: 100%;
-      white-space: nowrap;
-      hyphens: auto;
-      counter-increment: section;
-      font-family: $iui-monospace;
-      @include themed {
-        background-color: t(iui-color-background-1);
-      }
-
-      &:nth-child(even) {
-        @include themed {
-          background: rgba(t(iui-color-foreground-body-rgb), 0.02);
-        }
-      }
-
-      &::before {
-        content: counter(section);
-        text-align: right;
-        display: inline-block;
-        padding: 0 $iui-s;
-        width: $iui-l;
-
-        @include themed {
-          background-color: t(iui-color-background-2);
-          color: t(iui-text-color-muted);
-        }
-      }
-    }
-  }
-}

package/scss/code/index.scss

@@ -1,4 +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 './code';
-@import './codeblock';

package/scss/color-picker/classes.scss

@@ -1,43 +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-color-picker {
-  @include iui-color-picker;
-}
-
-.iui-color-palette {
-  @include iui-color-palette;
-}
-
-.iui-color-input {
-  @include iui-color-input;
-}
-
-.iui-color-swatch {
-  @include iui-color-swatch;
-}
-
-.iui-color-picker-section-label {
-  @include iui-color-picker-section-label;
-}
-
-.iui-color-selection-wrapper {
-  @include iui-color-selection-wrapper;
-}
-
-.iui-color-field {
-  @include iui-color-field;
-}
-
-.iui-hue-slider {
-  @include iui-hue-slider;
-}
-
-.iui-opacity-slider {
-  @include iui-opacity-slider;
-}
-
-.iui-color-dot {
-  @include iui-color-dot;
-}