@mixin transition() { ... }@mixin transition() { 
  animation: kibChipFilterGrow 1s;

  // stylelint-disable-next-line keyframes-name-pattern
  @keyframes kibChipFilterGrow {
    0% {
      width: calc(100% - #{settings.$chip-filter-icon-size});
    }

    100% {
      width: calc(100% + #{settings.$chip-filter-icon-size});
    }
  }

  #{$parent}__icon-check {
    animation: kibChipFilterFadeIn ease 0.8s;

    // stylelint-disable-next-line keyframes-name-pattern
    @keyframes kibChipFilterFadeIn {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }
  }
 }

@mixin icon-spacing() { ... }@mixin icon-spacing() { 
  margin-right: settings.$chip-filter-icon-spacing;
 }

@mixin icon-check() { ... }@mixin icon-check() { 
  width: settings.$chip-filter-icon-size;
  height: settings.$chip-filter-icon-size;
  color: settings.$chip-filter-icon-color;
  fill: settings.$chip-filter-icon-color;
  display: inline-block;
  vertical-align: middle;
 }

$chip-filter-icon-color: color.get('chip', '03', 'text') !default;

$chip-filter-icon-size: kib-core-dimensions-get(default) * 1.25;

$chip-filter-icon-spacing: spacing.get('s1');