@import "carbon-components/scss/globals/scss/vars";
@import "carbon-components/scss/globals/scss/helper-mixins";
@import "carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/import-once/import-once";

/// Readonly checkbox styles
/// @access private
/// @group checkbox
@mixin checkbox-readonly {
  .#{$prefix}--checkbox-wrapper--readonly .#{$prefix}--checkbox-label {
    cursor: default;
  }

  .#{$prefix}--checkbox-wrapper--readonly .#{$prefix}--checkbox-label-text {
    cursor: text;
    user-select: text;
  }

  .#{$prefix}--checkbox-wrapper--readonly
    .#{$prefix}--checkbox
    + .#{$prefix}--checkbox-label::before {
    border-color: $disabled-02;
  }

  .#{$prefix}--checkbox-wrapper--readonly
    .#{$prefix}--checkbox:checked
    + .#{$prefix}--checkbox-label::before {
    border: 1px solid $disabled-02;
    background: transparent;
  }

  .#{$prefix}--checkbox-wrapper--readonly
    .#{$prefix}--checkbox:checked
    + .#{$prefix}--checkbox-label::after {
    border-color: $text-01;
  }
}

@include exports('checkbox-readonly') {
  @include checkbox-readonly;
}