// Copyright (c) 2016, the Dart project authors.  Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

/// Changes the `$primary-color` of <material-checkbox>s under the $selector
/// element.
///
/// Example use: @include material-checkbox-theme(
///     $primary-color: $mat-teal-500,
///     $selector: '.custom-area');
@mixin material-checkbox-theme($primary-color, $selector: '') {
  // Use component's selector with the themeable class to increase theme
  // selector's priority.
  ::ng-deep #{$selector} material-checkbox {
    &.themeable:not(.disabled) .icon-container .icon.filled,
    &:not(.disabled) .icon-container .ripple.filled {
      color: $primary-color;
    }
  }
}


/// Removes left margin of <material-checkbox>.
///
/// Example use: @include checkbox-no-left-margin
@mixin checkbox-no-left-margin {
  margin-left: -3px;
}

/// Removes right margin of <material-checkbox>.
@mixin checkbox-no-right-margin {
  margin-right: 0;
}

/// Hides the text portion of <material-checkbox>.
@mixin checkbox-hide-label {
  ::ng-deep .content {
    display: none;
  }
}


// Copyright (c) 2016, the Dart project authors.  Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

/// Changes the `$primary-color` of <material-checkbox>s under the $selector
/// element.
///
/// Example use: @include material-checkbox-theme(
///     $primary-color: $mat-teal-500,
///     $selector: '.custom-area');
@mixin material-checkbox-theme($primary-color, $selector: '') {
  @warn 'This mixin is deprecated. Please use material-checkbox-color instead.';

  // Use component's selector with the themeable class to increase theme
  // selector's priority.
  ::ng-deep #{$selector} material-checkbox {
    &.themeable:not(.disabled) .icon-container .icon.filled,
    &:not(.disabled) .icon-container .ripple.filled {
      color: $primary-color;
    }
  }
}

/// Changes the color of the checkbox.
@mixin material-checkbox-color($color) {
  &:not(.disabled) ::ng-deep .icon-container .icon.filled {
    color: $color;
  }
}

/// Removes left margin of <material-checkbox>.
///
/// Example use: @include checkbox-no-left-margin
@mixin checkbox-no-left-margin {
  margin-left: -3px;
}

/// Removes right margin of <material-checkbox>.
@mixin checkbox-no-right-margin {
  margin-right: 0;
}

/// Hides the text portion of <material-checkbox>.
@mixin checkbox-hide-label {
  ::ng-deep .content {
    display: none;
  }
}


Add material-checkbox-color() mixin and mark material-checkbox-theme() mixin deprecated.
Add material-checkbox-color() mixin and mark material-checkbox-theme() mixin deprecated.

PiperOrigin-RevId: 199894102
