<commit_before>//-----------------------------
// Notifications
//-----------------------------

@import '../../globals/scss/vars';
@import '../../globals/scss/colors';
@import '../../globals/scss/spacing';
@import '../../globals/scss/layer';
@import '../../globals/scss/typography';
@import '../../globals/scss/import-once';
@import '../../globals/scss/mixins';
@import '../../globals/scss/css--reset';
@import '../../globals/scss/css--typography';

@include exports('toast-notifications') {
  .#{$prefix}--toast-notification {
    @include reset;
    @include font-family;
    @include font-smoothing;
    @include box-shadow('small');
    display: flex;
    justify-content: space-between;
    width: 16.875rem;
    padding: $spacing-md $spacing-md $spacing-xs $spacing-md;
    background-color: $inverse-01;
    color: $text-01;
    margin-top: $spacing-xs;
    margin-bottom: $spacing-xs;
    margin-right: $spacing-md;

    &:first-child {
      margin-top: $spacing-md;
    }
  }

  .#{$prefix}--toast-notification--error {
    @include notification--color($support-01);
  }

  .#{$prefix}--toast-notification--success {
    @include notification--color($support-02);
  }

  .#{$prefix}--toast-notification--info {
    @include notification--color($support-04);
  }

  .#{$prefix}--toast-notification--warning {
    @include notification--color($support-03);
  }
<commit_msg>fix(notifications): Add overlay layer property to toast notifcations (#527)<commit_after>//-----------------------------
// Notifications
//-----------------------------

@import '../../globals/scss/vars';
@import '../../globals/scss/colors';
@import '../../globals/scss/spacing';
@import '../../globals/scss/layer';
@import '../../globals/scss/typography';
@import '../../globals/scss/import-once';
@import '../../globals/scss/mixins';
@import '../../globals/scss/css--reset';
@import '../../globals/scss/css--typography';

@include exports('toast-notifications') {
  .#{$prefix}--toast-notification {
    @include reset;
    @include font-family;
    @include font-smoothing;
    @include layer('overlay')
    display: flex;
    justify-content: space-between;
    width: 16.875rem;
    padding: $spacing-md $spacing-md $spacing-xs $spacing-md;
    background-color: $inverse-01;
    color: $text-01;
    margin-top: $spacing-xs;
    margin-bottom: $spacing-xs;
    margin-right: $spacing-md;

    &:first-child {
      margin-top: $spacing-md;
    }
  }

  .#{$prefix}--toast-notification--error {
    @include notification--color($support-01);
  }

  .#{$prefix}--toast-notification--success {
    @include notification--color($support-02);
  }

  .#{$prefix}--toast-notification--info {
    @include notification--color($support-04);
  }

  .#{$prefix}--toast-notification--warning {
    @include notification--color($support-03);
  }

{'fraction_non_alphanumeric': 0.24592487597448617, 'fraction_numerical': 0.013111268603827072, 'mean_word_length': 2.537593984962406, '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': '2886362', 'n_tokens_mistral': 950, 'n_tokens_neox': 902, 'n_words': 142}