<commit_before>$dropdown-list__width                    : 100% !default;
$dropdown-list__bg-color                 : $white !default;
$dropdown-list__border-radius            : 0 !default;
$dropdown-list__outline                  : none !default;
$dropdown-list__font-size                : $font-size-base !default;
$dropdown-list__transition-height        : height 0.3s !default;
$dropdown-list__transition               : $transition-base !default;
$dropdown-list__content-margin           : $spacer $spacer--medium !default;

// List item
$dropdown-list__item-padding             : $spacer--medium !default;
$dropdown-list__item-color               : $font-color-base !default;
$dropdown-list__item-color--open         : $color-primary !default;
$dropdown-list__item-bg-color            : $white !default;
$dropdown-list__item-bg-color--open      : $gray-darker !default;
$dropdown-list__item-bg-color-hover      : $gray-darker !default;
$dropdown-list__item-bg-color--level2    : $gray-dark !default;

// List icon
$dropdown-list__icon-width               : 16px !default;
$dropdown-list__icon-height              : 16px !default;
$dropdown-list__icon-fill                : $black !default;
$dropdown-list__icon-fill-hover          : $color-primary !default;
$dropdown-list__icon-fill--open          : $color-primary !default;

// Secondary list variant
$dropdown-list__fill--secondary            : $gray !default;
$dropdown-list__font-size--secondary       : $font-size-base !default;
$dropdown-list__font-weight--secondary     : $font-weight-bold !default;
$dropdown-list__bg-color--secondary        : $dropdown-list__bg-color !default;
$dropdown-list__item-color--secondary      : $dropdown-list__item-color !default;
$dropdown-list__icon-size---secondary      : 24px !default;
$dropdown-list__icon-padding--secondary    : 0 5px !default;
$dropdown-list__icon-margin--secondary     : 0 0 0 5px !default;
$dropdown-list__icon-fill---secondary-open : $color-primary !default;
$dropdown-list__content-margin             : 0 !default;


// Dark list variant
$dropdown-list__bg-color--dark           : $gray-darker !default;
$dropdown-list__list-padding--dark       : $spacer--medium !default;
$dropdown-list__item-border-color--dark  : $gray-darkest !default;
$dropdown-list__icon-fill--dark          : $white !default;
$dropdown-list__item-color--dark         : $white !default;
$dropdown-list__item-color-hover--dark   : $white !default;
$dropdown-list__item-bg-color-hover--dark: $gray-darker !default;

// Nested list variables
$dropdown-list__inner-item-bg-color      : $gray-dark !default;
$dropdown-list__inner-item-color         : $white !default;
$dropdown-list__icon-fill--inner         : $white !default;
$dropdown-list__inner-item-border        : 1px solid $white !default;
$dropdown-list__inner-item-border--level2: 1px solid $gray-dark !default;

.dropdown-list {
    width: $dropdown-list__width;
    position: relative;
    background-color: $dropdown-list__bg-color;

    &--secondary {

        .dropdown-list__item,
        .dropdown-list__item--open {

            .dropdown-list__label {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                flex-direction: row;
                text-transform: uppercase;
                font-size: $dropdown-list__font-size;
                font-weight: $dropdown-list__font-weight--secondary;
                background-color: $dropdown-list__bg-color--secondary;
                color: $dropdown-list__item-color--secondary;

                .dropdown-list__icon {
                    position: relative;
                    top: initial;
                    bottom: initial;
                    left: initial;
                    right: initial;

                    width: $dropdown-list__icon-size---secondary;
                    height: $dropdown-list__icon-size---secondary;

                    padding: $dropdown-list__icon-padding--secondary;
                    margin: $dropdown-list__icon-margin--secondary;
                }
            }
        }

        .dropdown-list__item {
            fill: $dropdown-list__fill--secondary;
            &:hover,
            &:focus {
                fill: $dropdown-list__fill--secondary;
                .dropdown-list__icon {
                    fill: $dropdown-list__fill--secondary;
                }
            }

        }

        .dropdown-list__item--open {
            fill: $dropdown-list__icon-fill---secondary-open;

            &:hover,
            &:focus {
                .dropdown-list__icon {
                    fill: $dropdown-list__icon-fill---secondary-open;
                }
            }
        }

        .dropdown-list__content {
            margin: $dropdown-list__content-margin;
        }
    }

    &--dark {
        background-color: $dropdown-list__bg-color--dark;
        padding: 0 $dropdown-list__list-padding--dark;

        .dropdown-list__item {
            border-bottom: 2px solid $dropdown-list__item-border-color--dark;
        }

        .dropdown-list__item,
        .dropdown-list__item--open {
            .dropdown-list__label {
                background-color: $dropdown-list__bg-color--dark;
                color: $dropdown-list__item-color--dark;
                font-weight: $font-weight-bold;

                &:hover,
                &:focus {
                    color: $dropdown-list__item-color-hover--dark;
                    background-color: $dropdown-list__item-bg-color-hover--dark;

                    & .dropdown-list__icon {
                        fill: $dropdown-list__icon-fill--dark;
                    }
                }
<commit_msg>#35910 Dropdown list variable update.<commit_after>$dropdown-list__width                    : 100% !default;
$dropdown-list__bg-color                 : $white !default;
$dropdown-list__border-radius            : 0 !default;
$dropdown-list__outline                  : none !default;
$dropdown-list__font-size                : $font-size-base !default;
$dropdown-list__transition-height        : height 0.3s !default;
$dropdown-list__transition               : $transition-base !default;
$dropdown-list__content-margin           : $spacer $spacer--medium !default;

// List item
$dropdown-list__item-padding             : $spacer--medium !default;
$dropdown-list__item-color               : $font-color-base !default;
$dropdown-list__item-color--open         : $color-primary !default;
$dropdown-list__item-bg-color            : $white !default;
$dropdown-list__item-bg-color--open      : $gray-darker !default;
$dropdown-list__item-bg-color-hover      : $gray-darker !default;
$dropdown-list__item-bg-color--level2    : $gray-dark !default;

// List icon
$dropdown-list__icon-width               : 16px !default;
$dropdown-list__icon-height              : 16px !default;
$dropdown-list__icon-fill                : $black !default;
$dropdown-list__icon-fill-hover          : $color-primary !default;
$dropdown-list__icon-fill--open          : $color-primary !default;

// Secondary list variant
$dropdown-list__fill--secondary            : $gray !default;
$dropdown-list__font-size--secondary       : $font-size-base !default;
$dropdown-list__font-weight--secondary     : $font-weight-bold !default;
$dropdown-list__bg-color--secondary        : $dropdown-list__bg-color !default;
$dropdown-list__item-color--secondary      : $dropdown-list__item-color !default;
$dropdown-list__icon-size---secondary      : 24px !default;
$dropdown-list__icon-padding--secondary    : 0 5px !default;
$dropdown-list__icon-margin--secondary     : 0 0 0 5px !default;
$dropdown-list__icon-fill---secondary-open : $color-primary !default;
$dropdown-list__content-margin--secondary  : 0 !default;


// Dark list variant
$dropdown-list__bg-color--dark           : $gray-darker !default;
$dropdown-list__list-padding--dark       : $spacer--medium !default;
$dropdown-list__item-border-color--dark  : $gray-darkest !default;
$dropdown-list__icon-fill--dark          : $white !default;
$dropdown-list__item-color--dark         : $white !default;
$dropdown-list__item-color-hover--dark   : $white !default;
$dropdown-list__item-bg-color-hover--dark: $gray-darker !default;

// Nested list variables
$dropdown-list__inner-item-bg-color      : $gray-dark !default;
$dropdown-list__inner-item-color         : $white !default;
$dropdown-list__icon-fill--inner         : $white !default;
$dropdown-list__inner-item-border        : 1px solid $white !default;
$dropdown-list__inner-item-border--level2: 1px solid $gray-dark !default;

.dropdown-list {
    width: $dropdown-list__width;
    position: relative;
    background-color: $dropdown-list__bg-color;

    &--secondary {

        .dropdown-list__item,
        .dropdown-list__item--open {

            .dropdown-list__label {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                flex-direction: row;
                text-transform: uppercase;
                font-size: $dropdown-list__font-size;
                font-weight: $dropdown-list__font-weight--secondary;
                background-color: $dropdown-list__bg-color--secondary;
                color: $dropdown-list__item-color--secondary;

                .dropdown-list__icon {
                    position: relative;
                    top: initial;
                    bottom: initial;
                    left: initial;
                    right: initial;

                    width: $dropdown-list__icon-size---secondary;
                    height: $dropdown-list__icon-size---secondary;

                    padding: $dropdown-list__icon-padding--secondary;
                    margin: $dropdown-list__icon-margin--secondary;
                }
            }
        }

        .dropdown-list__item {
            fill: $dropdown-list__fill--secondary;
            &:hover,
            &:focus {
                fill: $dropdown-list__fill--secondary;
                .dropdown-list__icon {
                    fill: $dropdown-list__fill--secondary;
                }
            }

        }

        .dropdown-list__item--open {
            fill: $dropdown-list__icon-fill---secondary-open;

            &:hover,
            &:focus {
                .dropdown-list__icon {
                    fill: $dropdown-list__icon-fill---secondary-open;
                }
            }
        }

        .dropdown-list__content {
            margin: $dropdown-list__content-margin--secondary;
        }
    }

    &--dark {
        background-color: $dropdown-list__bg-color--dark;
        padding: 0 $dropdown-list__list-padding--dark;

        .dropdown-list__item {
            border-bottom: 2px solid $dropdown-list__item-border-color--dark;
        }

        .dropdown-list__item,
        .dropdown-list__item--open {
            .dropdown-list__label {
                background-color: $dropdown-list__bg-color--dark;
                color: $dropdown-list__item-color--dark;
                font-weight: $font-weight-bold;

                &:hover,
                &:focus {
                    color: $dropdown-list__item-color-hover--dark;
                    background-color: $dropdown-list__item-bg-color-hover--dark;

                    & .dropdown-list__icon {
                        fill: $dropdown-list__icon-fill--dark;
                    }
                }

{'fraction_non_alphanumeric': 0.12083588353589228, 'fraction_numerical': 0.004808953396869808, 'mean_word_length': 1.8516579406631763, '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': '10954', 'n_tokens_mistral': 3287, 'n_tokens_neox': 3119, 'n_words': 498}