@syncfusion/ej2-angular-inputs 22.2.7 → 22.2.9-ngcc

package/styles/color-picker/_theme.scss

@@ -1,191 +0,0 @@
-@include export-module('color-picker-theme') {
-  .e-container {
-    @if $skin-name == 'Material3' {
-      background: $cpicker-color;
-    }
-    @else {
-      background-color: $cpicker-color;
-    }
-
-    & .e-palette {
-      & .e-tile {
-        &:hover {
-          border-color: $cpicker-tile-active-border-color;
-        }
-
-        &.e-selected {
-          @if $skin-name == 'bootstrap4' {
-            border-color: transparent;
-          }
-          border-color: $cpicker-tile-active-border-color;
-        }
-      }
-    }
-
-    & .e-handler,
-    & .e-handle {
-      &.e-hide-handler {
-        background-color: transparent;
-        border-color: transparent;
-        box-shadow: none;
-      }
-    }
-  }
-
-  .e-container .e-control-wrapper.e-slider-container {
-    & .e-slider.e-hue-slider,
-    & .e-slider.e-opacity-slider {
-      & .e-handle:not(.e-tab-handle) {
-        background-color: $cpicker-slider-handler-color;
-        border-color: $cpicker-slider-handler-color;
-        @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-          border: 1px solid $white;
-        }
-
-        &.e-handle-start:not(.e-tab-handle) {
-          background-color: $cpicker-slider-handler-color;
-          border-color: $cpicker-slider-handler-color;
-          @if $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
-            border-color: $white;
-          }
-        }
-      }
-
-      & .e-handle {
-        &.e-tab-handle {
-          background-color: $cpicker-slider-tab-handler-color;
-          border-color: $cpicker-slider-handler-focus-color;
-          box-shadow: $cpicker-slider-tab-shadow;
-        }
-      }
-    }
-  }
-
-  .e-colorpicker-wrapper,
-  .e-colorpicker-container {
-    &.e-disabled {
-      & .e-value-switch-btn,
-      & .e-mode-switch-btn {
-        color: $btn-disabled-color;
-
-        &:focus {
-          background-color: transparent;
-          color: $btn-disabled-color;
-          outline: none;
-          outline-offset: unset;
-        }
-
-        &:active {
-          background-color: transparent;
-          color: $btn-disabled-color;
-        }
-      }
-    }
-
-    & .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
-      @if $skin-name == 'bootstrap4' {
-        background-color: $cpicker-handler-tooltip-color;
-        border-color: $gray-400;
-      }
-    }
-
-    & .e-split-btn-wrapper .e-split-colorpicker + .e-dropdown-btn {
-      @if $skin-name == 'bootstrap4' {
-        border-color: $gray-400;
-      }
-    }
-
-    & .e-btn.e-icon-btn {
-      @if $skin-name == 'bootstrap4' {
-        background-color: $cpicker-handler-tooltip-color;
-        color: $gray-700;
-      }
-      @else if $skin-name == 'bootstrap5' {
-        background-color: transparent;
-        color: $cpicker-split-btn-icon-color;
-      }
-    }
-
-    & .e-icon-btn {
-      &:hover {
-        @if $skin-name == 'bootstrap4' {
-          background-color: $gray-600;
-          color: $cpicker-handler-tooltip-color;
-        }
-        @else if $skin-name == 'bootstrap5' {
-          background-color: $btn-hover-bgcolor;
-          color: $cpicker-handler-tooltip-color;
-        }
-      }
-
-      &:focus {
-        @if $skin-name == 'bootstrap4' {
-          background-color: $cpicker-handler-tooltip-color;
-          border-color: $gray-700;
-          $color-rgba: rgba(mix(lighten($cpicker-handler-tooltip-color, 50%), $gray-700, 15%), .5);
-          box-shadow: 0 0 0 .2rem $color-rgba;
-          color: $gray-700;
-        }
-        @else if $skin-name == 'bootstrap5' {
-          background-color: $btn-focus-bgcolor;
-          border-color: $btn-focus-border-color;
-          box-shadow: $btn-active-box-shadow;
-          color: $btn-active-color;
-        }
-      }
-
-      &:active {
-        @if $skin-name == 'bootstrap4' {
-          background-color: $gray-600;
-          $color-rgba: rgba(mix(lighten($cpicker-handler-tooltip-color, 50%), $gray-700, 15%), .5);
-          box-shadow: 0 0 0 .2rem $color-rgba;
-          color: $cpicker-handler-tooltip-color;
-        }
-        @else if $skin-name == 'bootstrap5' {
-          background-color: $btn-active-bgcolor;
-          box-shadow: $btn-active-box-shadow;
-          color: $btn-active-color;
-        }
-      }
-
-      &:disabled,
-      &.e-disabled {
-        background-color: transparent;
-        box-shadow: none;
-        @if $skin-name != 'tailwind' and $skin-name != 'FluentUI' {
-          color: $btn-disabled-bgcolor;
-        }
-        @if $skin-name == 'tailwind' {
-          border-color: $btn-disabled-border-color;
-        }
-        @if $skin-name == 'Material3' {
-          border: none;
-        }
-      }
-    }
-  }
-
-  #{if(&, '&', '*')} .e-color-picker .e-selected-value {
-    & .e-css.e-btn.e-flat {
-      @if $skin-name == 'bootstrap4' {
-        background-color: $cpicker-handler-tooltip-color;
-        border-color: $cpicker-handler-tooltip-color;
-        color: $gray-700;
-      }
-
-      &:hover,
-      &:active {
-        @if $skin-name == 'bootstrap4' {
-          color: $gray-900;
-        }
-      }
-    }
-  }
-
-  .e-popup.e-tooltip-wrap {
-    &.e-color-picker-tooltip {
-      background-color: $cpicker-handler-tooltip-color;
-      border-color: $cpicker-handler-tooltip-color;
-    }
-  }
-}

package/styles/color-picker/icons/_bootstrap-dark.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-bootstrap-dark-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e431';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_bootstrap.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-bootstrap-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e431';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_bootstrap4.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-bootstrap4-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e799';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_bootstrap5-dark.scss

@@ -1 +0,0 @@
-@import './bootstrap5.scss';

package/styles/color-picker/icons/_bootstrap5.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-bootstrap5-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e748';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_fabric-dark.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-fabric-dark-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e429';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_fabric.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-fabric-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e429';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_fluent-dark.scss

@@ -1 +0,0 @@
-@import './fluent.scss';

package/styles/color-picker/icons/_fluent.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-fluent-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e748';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_fusionnew.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-fusionnew-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e748';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_highcontrast-light.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-highcontrast-light-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e429';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_highcontrast.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-highcontrast-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e429';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_material-dark.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-material-dark-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e430';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_material.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-material-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e430';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_material3-dark.scss

@@ -1 +0,0 @@
-@import './material3.scss';

package/styles/color-picker/icons/_material3.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-material3-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e748';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_tailwind-dark.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-tailwind-dark-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e748';
-      }
-    }
-  }
-}

package/styles/color-picker/icons/_tailwind.scss

@@ -1,9 +0,0 @@
-@include export-module('color-picker-tailwind-icons') {
-  .e-container {
-    & .e-value-switch-btn {
-      &::before {
-        content: '\e748';
-      }
-    }
-  }
-}

package/styles/input/_all.scss

@@ -1,3 +0,0 @@
-@import 'layout.scss';
-@import 'theme.scss';
-@import 'responsive.scss';