@kaizen/components 1.5.0 → 1.5.2

package/dist/iife/FilterButton.module-HA7A5HIZ.scss

@@ -1,22 +0,0 @@
-@import "~@kaizen/design-tokens/sass/spacing";
-@import "~@kaizen/design-tokens/sass/typography";
-
-.filterButton {
-  gap: $spacing-xs;
-}
-
-.labelContainer {
-  display: inline-flex;
-}
-
-.hasSelectedValues {
-  font-weight: $typography-button-primary-font-weight;
-}
-
-.labelSeparator {
-  margin-inline-end: $spacing-xs;
-
-  [dir="ltr"] [dir="rtl"] & {
-    margin-right: 0;
-  }
-}

package/dist/iife/FilterButtonBase.module-KNRAMYSJ.scss

@@ -1,65 +0,0 @@
-@import "~@kaizen/design-tokens/sass/border";
-@import "~@kaizen/design-tokens/sass/color";
-@import "~@kaizen/design-tokens/sass/typography";
-@import "~@kaizen/design-tokens/sass/spacing";
-@import "../../../_mixins/button-reset";
-@import "./variables";
-
-.filterButtonBase {
-  @include button-reset;
-
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-
-  height: 3rem; // 48px
-  padding: $spacing-sm;
-
-  border-width: 0;
-  border-radius: $border-solid-border-radius;
-
-  background-color: $color-blue-100;
-
-  font-family: $typography-button-secondary-font-family;
-  font-weight: $typography-button-secondary-font-weight;
-  font-size: $typography-button-secondary-font-size;
-  line-height: $typography-button-secondary-line-height;
-  letter-spacing: $typography-button-secondary-letter-spacing;
-  color: $color-blue-500;
-  white-space: nowrap;
-
-  #{$selectors--filter-button-base--hover},
-  #{$selectors--filter-button-base--active} {
-    z-index: 2;
-  }
-
-  #{$selectors--filter-button-base--hover},
-  #{$selectors--filter-button-base--active},
-  #{$selectors--filter-button-base--focus} {
-    background-color: $color-blue-200;
-  }
-
-  &:focus {
-    outline: none;
-  }
-
-  #{$selectors--filter-button-base--focus} {
-    outline: none;
-
-    &::after {
-      content: "";
-      z-index: 3;
-      position: absolute;
-      top: $focus-ring-offset-outer;
-      bottom: $focus-ring-offset-outer;
-      left: $focus-ring-offset-outer;
-      right: $focus-ring-offset-outer;
-      border-radius: $border-focus-ring-border-radius;
-      border: $border-focus-ring-border-width $border-focus-ring-border-style
-        $color-blue-500;
-    }
-  }
-}

package/dist/iife/FilterContents.module-VKPAJKDG.scss

@@ -1,5 +0,0 @@
-@import "~@kaizen/design-tokens/sass/spacing";
-
-.filterContents {
-  padding: $spacing-md;
-}

package/dist/iife/FilterPopover.module-2NVOPVIT.scss

@@ -1,11 +0,0 @@
-@import "~@kaizen/design-tokens/sass/border";
-@import "~@kaizen/design-tokens/sass/color";
-@import "~@kaizen/design-tokens/sass/shadow";
-
-.filterPopover {
-  background-color: $color-white;
-  z-index: 1010;
-  box-shadow: $shadow-large-box-shadow;
-  border-radius: $border-borderless-border-radius;
-  display: inline-flex;
-}

package/dist/iife/Icon.module-VD7NKLAR.scss

@@ -1,72 +0,0 @@
-@import "~@kaizen/design-tokens/sass/animation";
-@import "./styles";
-
-.icon {
-  @extend %caIcon;
-
-  // Set sensible defaults for icon colours when
-  // windows high-contrast mode is enabled. These
-  // should be overridden by the consumer when the
-  // icon colour conveys information, such as mood.
-  @media screen and (-ms-high-contrast: active) {
-    color: black;
-  }
-
-  @media screen and (-ms-high-contrast: white-on-black) {
-    color: white;
-  }
-
-  @media screen and (-ms-high-contrast: black-on-white) {
-    color: black;
-  }
-}
-
-.inheritSize {
-  @extend %caIconInheritSize;
-}
-
-.interactiveIconWrapper {
-  cursor: pointer;
-  .icon {
-    opacity: 0.7;
-    transition: $animation-duration-fast opacity;
-  }
-  &:disabled,
-  &.disabled {
-    .icon {
-      opacity: 0.3;
-    }
-  }
-  &:not(:disabled):not(.disabled) {
-    &:hover,
-    &:focus,
-    &.hover {
-      .icon {
-        opacity: 1;
-      }
-    }
-    &:active,
-    &.active {
-      .icon {
-        opacity: 1;
-      }
-    }
-  }
-}
-
-// On dark backgrounds, icons are fully opaque by default and half opacity when active.
-// Hover and disabled states are the same.
-.reversedInteractiveIconWrapper {
-  composes: interactiveIconWrapper;
-  .icon {
-    opacity: 1;
-  }
-  &:not(:disabled, .disabled) {
-    &:active,
-    &.active {
-      .icon {
-        opacity: 0.5;
-      }
-    }
-  }
-}