<commit_before>@import '../../../projects/igniteui-angular/src/lib/core/styles/themes/utilities';
@import '../../../projects/igniteui-angular/src/lib/core/styles/components/chip/chip-component';
@import '../../../projects/igniteui-angular/src/lib/core/styles/components/chip/chip-theme';

$chip-border-theme: igx-chip-theme(
    $background: white,
    $border-color: igx-color($default-palette, 'grays', 400),
    $text-color: igx-color($default-palette, 'grays', 800)
);

$dark-chip-theme: igx-chip-theme(
    $border-radius: 4px,
    $background: #180505,
    $text-color: white
);

:host ::ng-deep {
    .chip-border-theme {
        @include igx-chip($chip-border-theme);
    }

    .chip-dark-theme {
        @include igx-chip($dark-chip-theme);
        @include igx-chip-typography(
            $default-type-scale,
            $categories: (text: 'caption')
        );
    }
}

igx-chip {
    margin: rem(4px);
}

.chip-avatar {
    width: rem(24px);
    height: rem(24px);
    min-width: rem(24px);
}

.chip-storyboard {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.chip-area-connector {
    color: currentColor;
    opacity: .54;
}

.chip-area-avatar {
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-left: rem(-4px) !important;
}

.wrapperAreaCc,
.wrapperAreaTo {
    display: flex;
    align-items: center;
    max-width: 640px;
    border-bottom: 1px solid igx-color($default-palette, 'grays', 400);
    min-height: 48px;
    flex-wrap: wrap;
}

.dropAreaCc,
.dropAreaTo {
    padding: 0 1rem;
    margin: .25rem;
    border-radius: 1rem;
    visibility: hidden;

    &.dragOver {
        color: igx-color($default-palette, 'grays', 700);
        background-color: igx-color($default-palette, 'grays', 200);
    }
}<commit_msg>style(fluent theme): Adding sass doc for dark fluent theme<commit_after>@import '../../../projects/igniteui-angular/src/lib/core/styles/themes/utilities';
@import '../../../projects/igniteui-angular/src/lib/core/styles/components/chip/chip-component';
@import '../../../projects/igniteui-angular/src/lib/core/styles/components/chip/chip-theme';

$chip-border-theme: igx-chip-theme(
    $background: white,
    $border-color: igx-color($default-palette, 'grays', 400),
    $text-color: igx-color($default-palette, 'grays', 800)
);

$dark-chip-theme: igx-chip-theme(
    $border-radius: 4px,
    $background: #180505,
    $text-color: white
);

:host ::ng-deep {
    .chip-border-theme {
        @include igx-chip($chip-border-theme);
    }

    .chip-dark-theme {
        @include igx-chip($dark-chip-theme);
        @include igx-chip-typography(
            $default-type-scale,
            $categories: (text: 'caption')
        );
    }
}

igx-chip {
    margin: rem(4px);
}

.chip-avatar {
    width: rem(24px);
    height: rem(24px);
    min-width: rem(24px);
}

.chip-storyboard {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.chip-area-connector {
    color: currentColor;
    opacity: .54;
}

.chip-area-avatar {
    width: 24px;
    height: 24px;
    min-width: 24px;
}

.fluent-excel-theme .chip-area-avatar,
.fluent-word-theme .chip-area-avatar,
.fluent-excel-dark-theme .chip-area-avatar {
    margin-left: rem(-4px) !important;
}

.wrapperAreaCc,
.wrapperAreaTo {
    display: flex;
    align-items: center;
    max-width: 640px;
    border-bottom: 1px solid igx-color($default-palette, 'grays', 400);
    min-height: 48px;
    flex-wrap: wrap;
}

.dropAreaCc,
.dropAreaTo {
    padding: 0 1rem;
    margin: .25rem;
    border-radius: 1rem;
    visibility: hidden;

    &.dragOver {
        color: igx-color($default-palette, 'grays', 700);
        background-color: igx-color($default-palette, 'grays', 200);
    }
}
{'fraction_non_alphanumeric': 0.17514729512587038, 'fraction_numerical': 0.026245313336904125, 'mean_word_length': 2.7238285144566303, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1859561', 'n_tokens_mistral': 1455, 'n_tokens_neox': 1374, 'n_words': 234}