@use 'sass:color';
@use '../base/common/base-variables' as *;

//General
$chip-bg-color: $grey-light !default;
$chip-hover-bg-color: $grey !default;
$chip-focus-bg-color: $grey-dark !default;
$chip-choice-active-bg-color: $brand-primary !default;
$chip-active-bg-color: $grey-44 !default;
$chip-focus-active-bg-color: $chip-focus-bg-color !default;
$chip-choice-focus-active-bg-color: color.adjust($brand-primary, $lightness: -10%) !default;
$chip-pressed-bg-color: $grey-44 !default;
$chip-disabled-bg-color: transparent !default;
$chip-pressed-active-bg-color: $grey-44 !default;
$chip-avatar-bg-color: color.adjust($chip-bg-color, $lightness: 12%) !default;
$chip-avatar-hover-bg-color: color.adjust($chip-hover-bg-color, $lightness: 12%) !default;
$chip-avatar-focus-bg-color: color.adjust($chip-focus-bg-color, $lightness: 12%) !default;
$chip-avatar-active-bg-color: color.adjust($chip-active-bg-color, $lightness: 12%) !default;
$chip-avatar-choice-active-bg-color: color.adjust($chip-choice-active-bg-color, $lightness: 12%) !default;
$chip-avatar-focus-active-bg-color: color.adjust($chip-focus-active-bg-color, $lightness: 12%) !default;
$chip-avatar-choice-focus-active-bg-color: color.adjust($chip-choice-focus-active-bg-color, $lightness: 12%) !default;
$chip-avatar-pressed-bg-color: color.adjust($chip-pressed-bg-color, $lightness: 12%) !default;
$chip-avatar-pressed-active-bg-color: color.adjust($chip-pressed-active-bg-color, $lightness: 12%);
$chip-avatar-disabled-bg-color: color.adjust($chip-disabled-bg-color, $lightness: 12%) !default;
$chip-font-color: $grey-dark-font !default;
$chip-hover-font-color: $grey-dark-font !default;
$chip-focus-font-color: $grey-dark-font !default;
$chip-active-font-color: $chip-focus-font-color !default;
$chip-choice-active-font-color: $brand-primary-font !default;
$chip-focus-active-font-color: $chip-focus-font-color !default;
$chip-choice-focus-active-font-color: $brand-primary-font !default;
$chip-pressed-font-color: $grey-dark-font !default;
$chip-disabled-font-color: rgba($grey-white, .65) !default;
$chip-close-icon-font-color: rgba($chip-font-color, .8) !default;
$chip-close-icon-hover-font-color: $chip-font-color !default;
$chip-close-icon-pressed-font-color: $chip-font-color !default;
$chip-icon-font-color: $grey-dark-font !default;
$chip-icon-hover-font-color: $grey-dark-font !default;
$chip-icon-focus-font-color: $grey-dark-font !default;
$chip-icon-active-font-color: $chip-icon-focus-font-color !default;
$chip-icon-focus-active-font-color: $chip-icon-focus-font-color !default;
$chip-choice-icon-focus-active-font-color: $brand-primary-font !default;
$chip-icon-pressed-font-color: $grey-dark-font !default;
$chip-avatar-font-color: $chip-icon-font-color !default;
$chip-avatar-hover-font-color: $chip-icon-hover-font-color !default;
$chip-avatar-focus-font-color: $chip-icon-focus-font-color !default;
$chip-avatar-active-font-color: $chip-icon-active-font-color !default;
$chip-avatar-choice-active-font-color: $chip-choice-active-font-color !default;
$chip-avatar-focus-active-font-color: $chip-icon-focus-active-font-color !default;
$chip-avatar-choice-focus-active-font-color: $chip-choice-icon-focus-active-font-color !default;
$chip-avatar-pressed-font-color: $chip-icon-pressed-font-color !default;
$chip-avatar-pressed-active-font-color: $chip-icon-pressed-font-color !default;
$chip-avatar-disabled-font-color: $chip-disabled-font-color !default;
$chip-border-color: $grey-8c !default;
$chip-hover-border-color: $grey-99 !default;
$chip-focus-border-color: $grey-8c !default;
$chip-choice-active-border-color: $brand-primary-lighten-10 !default;
$chip-active-border-color: $grey-ad !default;
$chip-focus-active-border-color: $chip-focus-border-color !default;
$chip-choice-focus-active-border-color: color.adjust($brand-primary, $lightness: 20%) !default;
$chip-pressed-border-color: $grey-8c !default;
$chip-disabled-border-color: rgba($grey-8c, .65) !default;
$chip-focus-box-shadow: none !default;
$chip-list-padding: 4px !default;
$chip-height: 28px !default;
$chip-border-radius: 4px !default;
$chip-box-shadow: none !default;
$chip-pressed-box-shadow: none !default;
$chip-avatar-wrapper-border-radius: 14px 4px 4px 14px !default;
$chip-avatar-border-radius: 50% !default;
$chip-leading-icon-border-radius: 0% !default;
$chip-delete-icon-border-radius: 0% !default;
$chip-padding: 0 10px !default;
$chip-margin: 4px !default;
$chip-overflow: hidden !default;
$chip-border-size: 1px !default;
$chip-font-size: 13px !default;
$chip-line-height: 1.5em !default;
$chip-font-weight: 400 !default;
$chip-avatar-size: 28px !default;
$chip-avatar-margin: 0 8px 0 -10px !default;
$chip-avatar-content-font-size: 13px !default;
$chip-leading-icon-font-size: 14px !default;
$chip-leading-icon-size: 20px !default;
$chip-leading-icon-margin: 0 8px 0 -6px !default;
$chip-multi-selection-icon-margin: 0 4px 0 -6px !default;
$chip-multi-selection-icon-margin-top: 0 !default;
$chip-delete-icon-font-size: 10px !default;
$chip-delete-icon-size: 14px !default;
$chip-delete-icon-margin: 1px -2px 0 8px !default;
$drag-indicator-width: 2px !default;

//RTL
$chip-rtl-avatar-wrapper-border-radius: 4px 14px 14px 4px !default;
$chip-rtl-avatar-margin: 0 -10px 0 8px !default;
$chip-rtl-leading-icon-margin: 0 -6px 0 8px !default;
$chip-rtl-delete-icon-margin: 0 8px 0 -2px !default;

//Touch
$chip-touch-border-radius: 4px !default;
$chip-touch-avatar-wrapper-border-radius: 16px 4px 4px 16px !default;
$chip-touch-font-size: 14px !default;
$chip-touch-height: 32px !default;
$chip-touch-padding: 0 12px !default;
$chip-touch-avatar-size: 32px !default;
$chip-touch-avatar-margin: 0 8px 0 -12px !default;
$chip-touch-avatar-content-font-size: 15px !default;
$chip-touch-leading-icon-font-size: 16px !default;
$chip-touch-leading-icon-size: 24px !default;
$chip-touch-leading-icon-margin: 0 8px 0 -8px !default;
$chip-touch-multi-selection-icon-margin: 0 4px 0 -8px !default;
$chip-touch-delete-icon-font-size: 10px !default;
$chip-touch-delete-icon-size: 18px !default;
$chip-touch-delete-icon-margin: 0 -4px 0 8px !default;

//Touch-RTL
$chip-touch-rtl-avatar-wrapper-border-radius: 4px 16px 16px 4px !default;
$chip-touch-rtl-avatar-margin: 0 -12px 0 8px !default;
$chip-touch-rtl-leading-icon-margin: 0 -8px 0 8px !default;
$chip-touch-rtl-delete-icon-margin: 0 8px 0 -4px !default;

//outline
$chip-outline-hover-bg-color: $grey !default;
$chip-outline-focus-bg-color: $grey-dark !default;
$chip-outline-choice-active-bg-color: $brand-primary !default;
$chip-outline-active-bg-color: $grey-44 !default;
$chip-outline-focus-active-bg-color: $chip-outline-focus-bg-color !default;
$chip-outline-choice-focus-active-bg-color: color.adjust($brand-primary, $lightness: -10%) !default;
$chip-outline-pressed-bg-color: $grey-44 !default;
$chip-outline-pressed-active-bg-color: $grey-44 !default;
$chip-outline-disabled-bg-color: transparent !default;
$chip-outline-avatar-bg-color: $chip-avatar-bg-color !default;
$chip-outline-avatar-hover-bg-color: $chip-outline-avatar-bg-color !default;
$chip-outline-avatar-focus-bg-color: color.adjust($chip-outline-focus-bg-color, $lightness: 12%) !default;
$chip-outline-avatar-active-bg-color: color.adjust($chip-outline-active-bg-color, $lightness: 12%) !default;
$chip-outline-avatar-choice-active-bg-color: color.adjust($chip-outline-choice-active-bg-color, $lightness: 12%) !default;
$chip-outline-avatar-focus-active-bg-color: color.adjust($chip-outline-focus-active-bg-color, $lightness: 12%) !default;
$chip-outline-avatar-choice-focus-active-bg-color: color.adjust($chip-outline-choice-focus-active-bg-color, $lightness: 12%) !default;
$chip-outline-avatar-pressed-bg-color: color.adjust($chip-outline-pressed-bg-color, $lightness: 12%) !default;
$chip-outline-avatar-pressed-active-bg-color: color.adjust($chip-outline-pressed-active-bg-color, $lightness: 12%);
$chip-outline-avatar-disabled-bg-color: color.adjust($chip-outline-disabled-bg-color, $lightness: 12%) !default;
$chip-outline-font-color: $grey-dark-font !default;
$chip-outline-hover-font-color: $grey-dark-font !default;
$chip-outline-focus-font-color: $grey-dark-font !default;
$chip-outline-active-font-color: $chip-outline-focus-font-color;
$chip-outline-choice-active-font-color: $brand-primary-font !default;
$chip-outline-focus-active-font-color: $chip-outline-focus-font-color !default;
$chip-outline-choice-focus-active-font-color: $brand-primary-font !default;
$chip-outline-pressed-font-color: $grey-dark-font !default;
$chip-outline-disabled-font-color: rgba($grey-dark, .65) !default;
$chip-outline-close-icon-font-color: $chip-close-icon-font-color !default;
$chip-outline-close-icon-hover-font-color: $chip-close-icon-hover-font-color !default;
$chip-outline-close-icon-pressed-font-color: $chip-close-icon-pressed-font-color !default;
$chip-outline-icon-font-color: $grey-dark-font !default;
$chip-outline-icon-hover-font-color: $grey-dark-font !default;
$chip-outline-icon-focus-font-color: $grey-dark-font !default;
$chip-outline-icon-active-font-color: $chip-outline-icon-focus-font-color !default;
$chip-outline-icon-focus-active-font-color: $chip-outline-icon-focus-font-color !default;
$chip-outline-choice-icon-focus-active-font-color: $brand-primary-font !default;
$chip-outline-icon-pressed-font-color: $grey-dark-font !default;
$chip-outline-avatar-font-color: $chip-outline-focus-font-color !default;
$chip-outline-avatar-hover-font-color: $chip-outline-focus-font-color !default;
$chip-outline-avatar-focus-font-color: $chip-outline-icon-focus-font-color !default;
$chip-outline-avatar-active-font-color: $chip-outline-icon-active-font-color !default;
$chip-outline-avatar-choice-active-font-color: $chip-outline-choice-active-font-color !default;
$chip-outline-avatar-focus-active-font-color: $chip-outline-icon-focus-active-font-color !default;
$chip-outline-avatar-choice-focus-active-font-color: $chip-outline-choice-icon-focus-active-font-color !default;
$chip-outline-avatar-pressed-font-color: $chip-outline-icon-pressed-font-color !default;
$chip-outline-avatar-pressed-active-font-color: $chip-outline-icon-pressed-font-color;
$chip-outline-avatar-disabled-font-color: $chip-disabled-font-color !default;
$chip-outline-border-color: $chip-border-color !default;
$chip-outline-hover-border-color: $chip-hover-border-color !default;
$chip-outline-focus-border-color: $chip-focus-border-color !default;
$chip-outline-choice-active-border-color: $brand-primary-lighten-10 !default;
$chip-outline-active-border-color: $chip-active-border-color !default;
$chip-outline-focus-active-border-color: $chip-outline-focus-border-color !default;
$chip-outline-choice-focus-active-border-color: color.adjust($brand-primary, $lightness: 20%) !default;
$chip-outline-pressed-border-color: $chip-pressed-border-color !default;
$chip-outline-disabled-border-color: rgba($grey-8c, .65) !default;
$chip-outline-border-size: 1px !default;
$chip-outline-avatar-margin: 0 4px 0 -13px !default;
$chip-outline-icon-margin: 0 4px 0 -4px !default;
$chip-outline-delete-icon-margin: 0 -4px 0 4px !default;

//outline-rtl
$chip-outline-rtl-avatar-margin: 0 -13px 0 4px !default;
$chip-outline-rtl-icon-margin: 0 -4px 0 4px !default;
$chip-outline-rtl-delete-icon-margin: 0 4px 0 -4px !default;

//theme
//primary
$chip-primary-bg-color: $brand-primary !default;
$chip-primary-hover-bg-color: color.adjust($chip-primary-bg-color, $lightness: -10%) !default;
$chip-primary-focus-bg-color: color.adjust($chip-primary-bg-color, $lightness: -10%) !default;
$chip-primary-active-bg-color: color.adjust($chip-primary-bg-color, $lightness: -20%) !default;
$chip-primary-focus-active-bg-color: $chip-primary-focus-bg-color !default;
$chip-primary-pressed-bg-color: color.adjust($chip-primary-bg-color, $lightness: -20%) !default;
$chip-primary-disabled-bg-color: transparent !default;
$chip-primary-avatar-bg-color: color.adjust($chip-primary-bg-color, $lightness: 12%) !default;
$chip-primary-avatar-hover-bg-color: color.adjust($chip-primary-hover-bg-color, $lightness: 12%) !default;
$chip-primary-avatar-focus-bg-color: color.adjust($chip-primary-focus-bg-color, $lightness: 12%) !default;
$chip-primary-avatar-active-bg-color: color.adjust($chip-primary-active-bg-color, $lightness: 12%) !default;
$chip-primary-avatar-focus-active-bg-color: color.adjust($chip-primary-focus-active-bg-color, $lightness: 12%) !default;
$chip-primary-avatar-pressed-bg-color: color.adjust($chip-primary-pressed-bg-color, $lightness: 12%) !default;
$chip-primary-avatar-disabled-bg-color: color.adjust($chip-primary-disabled-bg-color, $lightness: 12%) !default;
$chip-primary-font-color: $brand-primary-font !default;
$chip-primary-hover-font-color: $chip-primary-font-color !default;
$chip-primary-focus-font-color: $chip-primary-font-color !default;
$chip-primary-active-font-color: $chip-primary-font-color !default;
$chip-primary-focus-active-font-color: $chip-primary-focus-font-color !default;
$chip-primary-pressed-font-color: $chip-primary-font-color !default;
$chip-primary-disabled-font-color: rgba($brand-primary-lighten-10, .65) !default;
$chip-primary-close-icon-font-color: rgba($chip-primary-font-color, .8) !default;
$chip-primary-close-icon-hover-font-color: $chip-primary-hover-font-color !default;
$chip-primary-close-icon-pressed-font-color: $chip-primary-pressed-font-color !default;
$chip-primary-avatar-font-color: $chip-primary-font-color !default;
$chip-primary-avatar-hover-font-color: $chip-primary-hover-font-color !default;
$chip-primary-avatar-focus-font-color: $chip-primary-focus-font-color !default;
$chip-primary-avatar-active-font-color: $chip-primary-active-font-color !default;
$chip-primary-avatar-focus-active-font-color: $chip-primary-focus-active-font-color !default;
$chip-primary-avatar-pressed-font-color: $chip-primary-pressed-font-color !default;
$chip-primary-avatar-disabled-font-color: $chip-primary-disabled-font-color !default;
$chip-primary-border-color: color.adjust($chip-primary-bg-color, $lightness: 10%) !default;
$chip-primary-hover-border-color: $brand-primary !default;
$chip-primary-focus-border-color: color.adjust($chip-primary-bg-color, $lightness: 20%) !default;
$chip-primary-active-border-color: color.adjust($chip-primary-bg-color, $lightness: -10%) !default;
$chip-primary-focus-active-border-color: $chip-primary-focus-border-color !default;
$chip-primary-pressed-border-color: color.adjust($chip-primary-bg-color, $lightness: -10%) !default;
$chip-primary-disabled-border-color: rgba($chip-primary-border-color, .65) !default;

//success
$chip-success-bg-color: $brand-success-dark !default;
$chip-success-hover-bg-color: color.adjust($chip-success-bg-color, $lightness: -5%) !default;
$chip-success-focus-bg-color: color.adjust($chip-success-bg-color, $lightness: -10%) !default;
$chip-success-active-bg-color: color.adjust($chip-success-bg-color, $lightness: -15%) !default;
$chip-success-focus-active-bg-color: $chip-success-focus-bg-color !default;
$chip-success-pressed-bg-color: color.adjust($chip-success-bg-color, $lightness: -15%) !default;
$chip-success-disabled-bg-color: transparent !default;
$chip-success-avatar-bg-color: color.adjust($chip-success-bg-color, $lightness: 12%) !default;
$chip-success-avatar-hover-bg-color: color.adjust($chip-success-hover-bg-color, $lightness: 12%) !default;
$chip-success-avatar-focus-bg-color: color.adjust($chip-success-focus-bg-color, $lightness: 12%) !default;
$chip-success-avatar-active-bg-color: color.adjust($chip-success-active-bg-color, $lightness: 12%) !default;
$chip-success-avatar-focus-active-bg-color: color.adjust($chip-success-focus-active-bg-color, $lightness: 12%) !default;
$chip-success-avatar-pressed-bg-color: color.adjust($chip-success-pressed-bg-color, $lightness: 12%) !default;
$chip-success-avatar-disabled-bg-color: color.adjust($chip-success-disabled-bg-color, $lightness: 12%) !default;
$chip-success-font-color: #fff !default;
$chip-success-hover-font-color: $chip-success-font-color !default;
$chip-success-focus-font-color: $chip-success-font-color !default;
$chip-success-active-font-color: $chip-success-font-color !default;
$chip-success-focus-active-font-color: $chip-success-focus-font-color !default;
$chip-success-pressed-font-color: $chip-success-font-color !default;
$chip-success-disabled-font-color: rgba($chip-success-bg-color, .65) !default;
$chip-success-close-icon-font-color: rgba($chip-success-font-color, .8) !default;
$chip-success-close-icon-hover-font-color: $chip-success-hover-font-color !default;
$chip-success-close-icon-pressed-font-color: $chip-success-pressed-font-color !default;
$chip-success-avatar-font-color: $chip-success-font-color !default;
$chip-success-avatar-hover-font-color: $chip-success-hover-font-color !default;
$chip-success-avatar-focus-font-color: $chip-success-focus-font-color !default;
$chip-success-avatar-active-font-color: $chip-success-active-font-color !default;
$chip-success-avatar-focus-active-font-color: $chip-success-focus-active-font-color !default;
$chip-success-avatar-pressed-font-color: $chip-success-pressed-font-color !default;
$chip-success-avatar-disabled-font-color: $chip-success-disabled-font-color !default;
$chip-success-border-color: color.adjust($chip-success-bg-color, $lightness: -10%) !default;
$chip-success-hover-border-color: color.adjust($chip-success-bg-color, $lightness: -0%) !default;
$chip-success-focus-border-color: color.adjust($chip-success-bg-color, $lightness: -10%) !default;
$chip-success-active-border-color: color.adjust($chip-success-bg-color, $lightness: -10%) !default;
$chip-success-focus-active-border-color: $chip-success-focus-border-color !default;
$chip-success-pressed-border-color: color.adjust($chip-success-bg-color, $lightness: -10%) !default;
$chip-success-disabled-border-color: rgba($chip-success-border-color, .65) !default;

//info
$chip-info-bg-color: $brand-info-dark !default;
$chip-info-hover-bg-color: color.adjust($chip-info-bg-color, $lightness: -5%) !default;
$chip-info-focus-bg-color: color.adjust($chip-info-bg-color, $lightness: -10%) !default;
$chip-info-active-bg-color: color.adjust($chip-info-bg-color, $lightness: -15%) !default;
$chip-info-focus-active-bg-color: $chip-info-focus-bg-color !default;
$chip-info-pressed-bg-color: color.adjust($chip-info-bg-color, $lightness: -15%) !default;
$chip-info-disabled-bg-color: transparent !default;
$chip-info-avatar-bg-color: color.adjust($chip-info-bg-color, $lightness: 12%) !default;
$chip-info-avatar-hover-bg-color: color.adjust($chip-info-hover-bg-color, $lightness: 12%) !default;
$chip-info-avatar-focus-bg-color: color.adjust($chip-info-focus-bg-color, $lightness: 12%) !default;
$chip-info-avatar-active-bg-color: color.adjust($chip-info-active-bg-color, $lightness: 12%) !default;
$chip-info-avatar-focus-active-bg-color: color.adjust($chip-info-focus-active-bg-color, $lightness: 12%) !default;
$chip-info-avatar-pressed-bg-color: color.adjust($chip-info-pressed-bg-color, $lightness: 12%) !default;
$chip-info-avatar-disabled-bg-color: color.adjust($chip-info-disabled-bg-color, $lightness: 12%) !default;
$chip-info-font-color: #fff !default;
$chip-info-hover-font-color: $chip-info-font-color !default;
$chip-info-focus-font-color: $chip-info-font-color !default;
$chip-info-active-font-color: $chip-info-font-color !default;
$chip-info-focus-active-font-color: $chip-info-focus-font-color !default;
$chip-info-pressed-font-color: $chip-info-font-color !default;
$chip-info-disabled-font-color: rgba($grey-dark-font, .65) !default;
$chip-info-close-icon-font-color: rgba($chip-info-font-color, .8) !default;
$chip-info-close-icon-hover-font-color: $chip-info-hover-font-color !default;
$chip-info-close-icon-pressed-font-color: $chip-info-pressed-font-color !default;
$chip-info-avatar-font-color: $chip-info-font-color !default;
$chip-info-avatar-hover-font-color: $chip-info-hover-font-color !default;
$chip-info-avatar-focus-font-color: $chip-info-focus-font-color !default;
$chip-info-avatar-active-font-color: $chip-info-active-font-color !default;
$chip-info-avatar-focus-active-font-color: $chip-info-focus-active-font-color !default;
$chip-info-avatar-pressed-font-color: $chip-info-pressed-font-color !default;
$chip-info-avatar-disabled-font-color: $chip-info-disabled-font-color !default;
$chip-info-border-color: color.adjust($chip-info-bg-color, $lightness: -10%) !default;
$chip-info-hover-border-color: color.adjust($chip-info-bg-color, $lightness: -0%) !default;
$chip-info-focus-border-color: color.adjust($chip-info-bg-color, $lightness: -10%) !default;
$chip-info-active-border-color: color.adjust($chip-info-bg-color, $lightness: -10%) !default;
$chip-info-focus-active-border-color: $chip-info-focus-border-color !default;
$chip-info-pressed-border-color: color.adjust($chip-info-bg-color, $lightness: -10%) !default;
$chip-info-disabled-border-color: rgba($chip-info-border-color, .65) !default;

//warning
$chip-warning-bg-color: $brand-warning-dark !default;
$chip-warning-hover-bg-color: color.adjust($chip-warning-bg-color, $lightness: -5%) !default;
$chip-warning-focus-bg-color: color.adjust($chip-warning-bg-color, $lightness: -10%) !default;
$chip-warning-active-bg-color: color.adjust($chip-warning-bg-color, $lightness: -15%) !default;
$chip-warning-focus-active-bg-color: $chip-warning-focus-bg-color !default;
$chip-warning-pressed-bg-color: color.adjust($chip-warning-bg-color, $lightness: -15%) !default;
$chip-warning-disabled-bg-color: transparent !default;
$chip-warning-avatar-bg-color: color.adjust($chip-warning-bg-color, $lightness: 12%) !default;
$chip-warning-avatar-hover-bg-color: color.adjust($chip-warning-hover-bg-color, $lightness: 12%) !default;
$chip-warning-avatar-focus-bg-color: color.adjust($chip-warning-focus-bg-color, $lightness: 12%) !default;
$chip-warning-avatar-active-bg-color: color.adjust($chip-warning-active-bg-color, $lightness: 12%) !default;
$chip-warning-avatar-focus-active-bg-color: color.adjust($chip-warning-focus-active-bg-color, $lightness: 12%) !default;
$chip-warning-avatar-pressed-bg-color: color.adjust($chip-warning-pressed-bg-color, $lightness: 12%) !default;
$chip-warning-avatar-disabled-bg-color: color.adjust($chip-warning-disabled-bg-color, $lightness: 12%) !default;
$chip-warning-font-color: #fff !default;
$chip-warning-hover-font-color: $chip-warning-font-color !default;
$chip-warning-focus-font-color: $chip-warning-font-color !default;
$chip-warning-active-font-color: $chip-warning-font-color !default;
$chip-warning-focus-active-font-color: $chip-warning-focus-font-color !default;
$chip-warning-pressed-font-color: $chip-warning-font-color !default;
$chip-warning-disabled-font-color: rgba($chip-warning-bg-color, .65) !default;
$chip-warning-close-icon-font-color: rgba($chip-warning-font-color, .8) !default;
$chip-warning-close-icon-hover-font-color: $chip-warning-hover-font-color !default;
$chip-warning-close-icon-pressed-font-color: $chip-warning-pressed-font-color !default;
$chip-warning-avatar-font-color: $chip-warning-font-color !default;
$chip-warning-avatar-hover-font-color: $chip-warning-hover-font-color !default;
$chip-warning-avatar-focus-font-color: $chip-warning-focus-font-color !default;
$chip-warning-avatar-active-font-color: $chip-warning-active-font-color !default;
$chip-warning-avatar-focus-active-font-color: $chip-warning-focus-active-font-color !default;
$chip-warning-avatar-pressed-font-color: $chip-warning-pressed-font-color !default;
$chip-warning-avatar-disabled-font-color: $chip-warning-disabled-font-color !default;
$chip-warning-border-color: color.adjust($chip-warning-bg-color, $lightness: -10%) !default;
$chip-warning-hover-border-color: color.adjust($chip-warning-bg-color, $lightness: -0%) !default;
$chip-warning-focus-border-color: color.adjust($chip-warning-bg-color, $lightness: -10%) !default;
$chip-warning-active-border-color: color.adjust($chip-warning-bg-color, $lightness: -10%) !default;
$chip-warning-focus-active-border-color: $chip-warning-focus-border-color !default;
$chip-warning-pressed-border-color: color.adjust($chip-warning-bg-color, $lightness: -10%) !default;
$chip-warning-disabled-border-color: rgba($chip-warning-border-color, .65) !default;

//danger
$chip-danger-bg-color: $brand-danger-dark !default;
$chip-danger-hover-bg-color: color.adjust($chip-danger-bg-color, $lightness: -5%) !default;
$chip-danger-focus-bg-color: color.adjust($chip-danger-bg-color, $lightness: -10%) !default;
$chip-danger-active-bg-color: color.adjust($chip-danger-bg-color, $lightness: -15%) !default;
$chip-danger-focus-active-bg-color: $chip-danger-focus-bg-color !default;
$chip-danger-pressed-bg-color: color.adjust($chip-danger-bg-color, $lightness: -15%) !default;
$chip-danger-disabled-bg-color: transparent !default;
$chip-danger-avatar-bg-color: color.adjust($chip-danger-bg-color, $lightness: 12%) !default;
$chip-danger-avatar-hover-bg-color: color.adjust($chip-danger-hover-bg-color, $lightness: 12%) !default;
$chip-danger-avatar-focus-bg-color: color.adjust($chip-danger-focus-bg-color, $lightness: 12%) !default;
$chip-danger-avatar-active-bg-color: color.adjust($chip-danger-active-bg-color, $lightness: 12%) !default;
$chip-danger-avatar-focus-active-bg-color: color.adjust($chip-danger-focus-active-bg-color, $lightness: 12%) !default;
$chip-danger-avatar-pressed-bg-color: color.adjust($chip-danger-pressed-bg-color, $lightness: 12%) !default;
$chip-danger-avatar-disabled-bg-color: color.adjust($chip-danger-disabled-bg-color, $lightness: 12%) !default;
$chip-danger-font-color: #fff !default;
$chip-danger-hover-font-color: $chip-danger-font-color !default;
$chip-danger-focus-font-color: $chip-danger-font-color !default;
$chip-danger-active-font-color: $chip-danger-font-color !default;
$chip-danger-focus-active-font-color: $chip-danger-focus-font-color !default;
$chip-danger-pressed-font-color: $chip-danger-font-color !default;
$chip-danger-disabled-font-color: rgba($chip-danger-bg-color, .65) !default;
$chip-danger-avatar-font-color: $chip-danger-font-color !default;
$chip-danger-avatar-hover-font-color: $chip-danger-hover-font-color !default;
$chip-danger-avatar-focus-font-color: $chip-danger-focus-font-color !default;
$chip-danger-avatar-active-font-color: $chip-danger-active-font-color !default;
$chip-danger-avatar-focus-active-font-color: $chip-danger-focus-active-font-color !default;
$chip-danger-avatar-pressed-font-color: $chip-danger-pressed-font-color !default;
$chip-danger-avatar-disabled-font-color: $chip-danger-disabled-font-color !default;
$chip-danger-close-icon-font-color: rgba($chip-danger-font-color, .8) !default;
$chip-danger-close-icon-hover-font-color: $chip-danger-hover-font-color !default;
$chip-danger-close-icon-pressed-font-color: $chip-danger-pressed-font-color !default;
$chip-danger-border-color: color.adjust($chip-danger-bg-color, $lightness: -10%) !default;
$chip-danger-hover-border-color: color.adjust($chip-danger-bg-color, $lightness: -0%) !default;
$chip-danger-focus-border-color: color.adjust($chip-danger-bg-color, $lightness: -10%) !default;
$chip-danger-active-border-color: color.adjust($chip-danger-bg-color, $lightness: -10%) !default;
$chip-danger-focus-active-border-color: $chip-danger-focus-border-color !default;
$chip-danger-pressed-border-color: color.adjust($chip-danger-bg-color, $lightness: -10%) !default;
$chip-danger-disabled-border-color: rgba($chip-danger-border-color, .65) !default;

//outline-theme
//primary
$chip-outline-primary-bg-color: transparent !default;
$chip-outline-primary-hover-bg-color: color.adjust($chip-primary-bg-color, $lightness: -10%) !default;
$chip-outline-primary-focus-bg-color: color.adjust($chip-primary-bg-color, $lightness: -10%) !default;
$chip-outline-primary-active-bg-color: $chip-primary-bg-color !default;
$chip-outline-primary-focus-active-bg-color: $chip-outline-primary-focus-bg-color !default;
$chip-outline-primary-pressed-bg-color: color.adjust($chip-primary-bg-color, $lightness: -20%) !default;
$chip-outline-primary-disabled-bg-color: transparent !default;
$chip-outline-primary-avatar-bg-color: color.adjust($chip-primary-bg-color, $lightness: 10%) !default;
$chip-outline-primary-avatar-hover-bg-color: $chip-outline-primary-avatar-bg-color !default;
$chip-outline-primary-avatar-focus-bg-color: color.adjust($chip-outline-primary-focus-bg-color, $lightness: 12%) !default;
$chip-outline-primary-avatar-active-bg-color: color.adjust($chip-outline-primary-active-bg-color, $lightness: 12%) !default;
$chip-outline-primary-avatar-focus-active-bg-color: color.adjust($chip-outline-primary-focus-active-bg-color, $lightness: 12%) !default;
$chip-outline-primary-avatar-pressed-bg-color: color.adjust($chip-outline-primary-pressed-bg-color, $lightness: 12%) !default;
$chip-outline-primary-avatar-disabled-bg-color: color.adjust($chip-outline-primary-disabled-bg-color, $lightness: 12%) !default;
$chip-outline-primary-font-color: color.adjust($chip-primary-bg-color, $lightness: 10%) !default;
$chip-outline-primary-hover-font-color: $chip-primary-font-color !default;
$chip-outline-primary-focus-font-color: $chip-primary-font-color !default;
$chip-outline-primary-active-font-color: $chip-primary-font-color !default;
$chip-outline-primary-focus-active-font-color: $chip-outline-primary-focus-font-color !default;
$chip-outline-primary-pressed-font-color: $chip-primary-font-color !default;
$chip-outline-primary-disabled-font-color: rgba($chip-primary-bg-color, .65) !default;
$chip-outline-primary-close-icon-font-color: rgba($chip-outline-primary-font-color, .8) !default;
$chip-outline-primary-close-icon-hover-font-color: $chip-outline-primary-hover-font-color !default;
$chip-outline-primary-close-icon-pressed-font-color: $chip-outline-primary-pressed-font-color !default;
$chip-outline-primary-avatar-font-color: $chip-outline-primary-focus-font-color !default;
$chip-outline-primary-avatar-hover-font-color: $chip-outline-primary-focus-font-color !default;
$chip-outline-primary-avatar-focus-font-color: $chip-outline-primary-focus-font-color !default;
$chip-outline-primary-avatar-active-font-color: $chip-outline-primary-active-font-color !default;
$chip-outline-primary-avatar-focus-active-font-color: $chip-outline-primary-focus-active-font-color !default;
$chip-outline-primary-avatar-pressed-font-color: $chip-outline-primary-pressed-font-color !default;
$chip-outline-primary-avatar-disabled-font-color: $chip-outline-primary-disabled-font-color !default;
$chip-outline-primary-border-color: color.adjust($chip-primary-bg-color, $lightness: 10%) !default;
$chip-outline-primary-hover-border-color: $brand-primary !default;
$chip-outline-primary-focus-border-color: color.adjust($chip-primary-bg-color, $lightness: 20%) !default;
$chip-outline-primary-active-border-color: color.adjust($chip-primary-bg-color, $lightness: -10%) !default;
$chip-outline-primary-focus-active-border-color: $chip-outline-primary-focus-border-color !default;
$chip-outline-primary-pressed-border-color: color.adjust($chip-primary-bg-color, $lightness: -10%) !default;
$chip-outline-primary-disabled-border-color: rgba($chip-primary-bg-color, .65) !default;

//success
$chip-outline-success-bg-color: transparent !default;
$chip-outline-success-hover-bg-color: color.adjust($chip-success-bg-color, $lightness: -5%) !default;
$chip-outline-success-focus-bg-color: color.adjust($chip-success-bg-color, $lightness: -10%) !default;
$chip-outline-success-active-bg-color: $chip-success-bg-color !default;
$chip-outline-success-focus-active-bg-color: $chip-outline-success-focus-bg-color !default;
$chip-outline-success-pressed-bg-color: color.adjust($chip-success-bg-color, $lightness: -15%) !default;
$chip-outline-success-disabled-bg-color: transparent !default;
$chip-outline-success-avatar-bg-color: color.adjust($chip-success-bg-color, $lightness: 10%) !default;
$chip-outline-success-avatar-hover-bg-color: $chip-outline-success-avatar-bg-color !default;
$chip-outline-success-avatar-focus-bg-color: color.adjust($chip-outline-success-focus-bg-color, $lightness: 12%) !default;
$chip-outline-success-avatar-active-bg-color: color.adjust($chip-outline-success-active-bg-color, $lightness: 12%) !default;
$chip-outline-success-avatar-focus-active-bg-color: color.adjust($chip-outline-success-focus-active-bg-color, $lightness: 12%) !default;
$chip-outline-success-avatar-pressed-bg-color: color.adjust($chip-outline-success-pressed-bg-color, $lightness: 12%) !default;
$chip-outline-success-avatar-disabled-bg-color: color.adjust($chip-outline-success-disabled-bg-color, $lightness: 12%) !default;
$chip-outline-success-font-color: $brand-success !default;
$chip-outline-success-hover-font-color: $chip-success-font-color !default;
$chip-outline-success-focus-font-color: $chip-success-font-color !default;
$chip-outline-success-active-font-color: $chip-success-font-color !default;
$chip-outline-success-focus-active-font-color: $chip-outline-success-focus-font-color !default;
$chip-outline-success-pressed-font-color: $chip-success-font-color !default;
$chip-outline-success-disabled-font-color: rgba($chip-success-bg-color, .65) !default;
$chip-outline-success-close-icon-font-color: rgba($chip-outline-success-font-color, .8) !default;
$chip-outline-success-close-icon-hover-font-color: $chip-outline-success-hover-font-color !default;
$chip-outline-success-close-icon-pressed-font-color: $chip-outline-success-pressed-font-color !default;
$chip-outline-success-avatar-font-color: $chip-outline-success-focus-font-color !default;
$chip-outline-success-avatar-hover-font-color: $chip-outline-success-focus-font-color !default;
$chip-outline-success-avatar-focus-font-color: $chip-outline-success-focus-font-color !default;
$chip-outline-success-avatar-active-font-color: $chip-outline-success-active-font-color !default;
$chip-outline-success-avatar-focus-active-font-color: $chip-outline-success-focus-active-font-color !default;
$chip-outline-success-avatar-pressed-font-color: $chip-outline-success-pressed-font-color !default;
$chip-outline-success-avatar-disabled-font-color: $chip-outline-success-disabled-font-color !default;
$chip-outline-success-border-color: $brand-success !default;
$chip-outline-success-hover-border-color: color.adjust($chip-success-bg-color, $lightness: -0%) !default;
$chip-outline-success-focus-border-color: color.adjust($chip-success-bg-color, $lightness: -10%) !default;
$chip-outline-success-active-border-color: color.adjust($chip-success-bg-color, $lightness: -10%) !default;
$chip-outline-success-focus-active-border-color: $chip-outline-success-focus-border-color !default;
$chip-outline-success-pressed-border-color: color.adjust($chip-success-bg-color, $lightness: -10%) !default;
$chip-outline-success-disabled-border-color: rgba($chip-success-bg-color, .65) !default;

//info
$chip-outline-info-bg-color: transparent !default;
$chip-outline-info-hover-bg-color: color.adjust($chip-info-bg-color, $lightness: -5%) !default;
$chip-outline-info-focus-bg-color: color.adjust($chip-info-bg-color, $lightness: -10%) !default;
$chip-outline-info-active-bg-color: $chip-info-bg-color !default;
$chip-outline-info-focus-active-bg-color: $chip-outline-info-focus-bg-color !default;
$chip-outline-info-pressed-bg-color: color.adjust($chip-info-bg-color, $lightness: -15%) !default;
$chip-outline-info-disabled-bg-color: transparent !default;
$chip-outline-info-avatar-bg-color: color.adjust($chip-info-bg-color, $lightness: -10%) !default;
$chip-outline-info-avatar-hover-bg-color: $chip-outline-info-avatar-bg-color !default;
$chip-outline-info-avatar-focus-bg-color: color.adjust($chip-outline-info-focus-bg-color, $lightness: -12%) !default;
$chip-outline-info-avatar-active-bg-color: color.adjust($chip-outline-info-active-bg-color, $lightness: -12%) !default;
$chip-outline-info-avatar-focus-active-bg-color: color.adjust($chip-outline-info-focus-active-bg-color, $lightness: -12%) !default;
$chip-outline-info-avatar-pressed-bg-color: color.adjust($chip-outline-info-pressed-bg-color, $lightness: -12%) !default;
$chip-outline-info-avatar-disabled-bg-color: color.adjust($chip-outline-info-disabled-bg-color, $lightness: -12%) !default;
$chip-outline-info-font-color: $brand-info !default;
$chip-outline-info-hover-font-color: $chip-info-font-color !default;
$chip-outline-info-focus-font-color: $chip-info-font-color !default;
$chip-outline-info-active-font-color: $chip-info-font-color !default;
$chip-outline-info-focus-active-font-color: $chip-outline-info-focus-font-color !default;
$chip-outline-info-pressed-font-color: $chip-info-font-color !default;
$chip-outline-info-disabled-font-color: rgba($chip-info-bg-color, .65) !default;
$chip-outline-info-close-icon-font-color: rgba($chip-outline-info-font-color, .8) !default;
$chip-outline-info-close-icon-hover-font-color: $chip-outline-info-hover-font-color !default;
$chip-outline-info-close-icon-pressed-font-color: $chip-outline-info-pressed-font-color !default;
$chip-outline-info-avatar-font-color: $chip-outline-info-focus-font-color !default;
$chip-outline-info-avatar-hover-font-color: $chip-outline-info-focus-font-color !default;
$chip-outline-info-avatar-focus-font-color: $chip-outline-info-focus-font-color !default;
$chip-outline-info-avatar-active-font-color: $chip-outline-info-active-font-color !default;
$chip-outline-info-avatar-focus-active-font-color: $chip-outline-info-focus-active-font-color !default;
$chip-outline-info-avatar-pressed-font-color: $chip-outline-info-pressed-font-color !default;
$chip-outline-info-avatar-disabled-font-color: $chip-outline-info-disabled-font-color !default;
$chip-outline-info-border-color: $brand-info !default;
$chip-outline-info-hover-border-color: color.adjust($chip-info-bg-color, $lightness: -0%) !default;
$chip-outline-info-focus-border-color: color.adjust($chip-info-bg-color, $lightness: -10%) !default;
$chip-outline-info-active-border-color: color.adjust($chip-info-bg-color, $lightness: -10%) !default;
$chip-outline-info-focus-active-border-color: $chip-outline-info-focus-border-color !default;
$chip-outline-info-pressed-border-color: color.adjust($chip-info-bg-color, $lightness: -10%) !default;
$chip-outline-info-disabled-border-color: rgba($chip-info-bg-color, .65) !default;

//warning
$chip-outline-warning-bg-color: transparent !default;
$chip-outline-warning-hover-bg-color: color.adjust($chip-warning-bg-color, $lightness: -5%) !default;
$chip-outline-warning-focus-bg-color: color.adjust($chip-warning-bg-color, $lightness: -10%) !default;
$chip-outline-warning-active-bg-color: $chip-warning-bg-color !default;
$chip-outline-warning-focus-active-bg-color: $chip-outline-warning-focus-bg-color !default;
$chip-outline-warning-pressed-bg-color: color.adjust($chip-warning-bg-color, $lightness: -15%) !default;
$chip-outline-warning-disabled-bg-color: transparent !default;
$chip-outline-warning-avatar-bg-color: color.adjust($chip-warning-bg-color, $lightness: 10%) !default;
$chip-outline-warning-avatar-hover-bg-color: $chip-outline-warning-avatar-bg-color !default;
$chip-outline-warning-avatar-focus-bg-color: color.adjust($chip-outline-warning-focus-bg-color, $lightness: 12%) !default;
$chip-outline-warning-avatar-active-bg-color: color.adjust($chip-outline-warning-active-bg-color, $lightness: 12%) !default;
$chip-outline-warning-avatar-focus-active-bg-color: color.adjust($chip-outline-warning-focus-active-bg-color, $lightness: 12%) !default;
$chip-outline-warning-avatar-pressed-bg-color: color.adjust($chip-outline-warning-pressed-bg-color, $lightness: 12%) !default;
$chip-outline-warning-avatar-disabled-bg-color: color.adjust($chip-outline-warning-disabled-bg-color, $lightness: 12%) !default;
$chip-outline-warning-font-color: $brand-warning !default;
$chip-outline-warning-hover-font-color: $chip-warning-font-color !default;
$chip-outline-warning-focus-font-color: $chip-warning-font-color !default;
$chip-outline-warning-active-font-color: $chip-warning-font-color !default;
$chip-outline-warning-focus-active-font-color: $chip-outline-warning-focus-font-color !default;
$chip-outline-warning-pressed-font-color: $chip-warning-font-color !default;
$chip-outline-warning-disabled-font-color: rgba($chip-warning-bg-color, .65) !default;
$chip-outline-warning-close-icon-font-color: rgba($chip-outline-warning-font-color, .8) !default;
$chip-outline-warning-close-icon-hover-font-color: $chip-outline-warning-hover-font-color !default;
$chip-outline-warning-close-icon-pressed-font-color: $chip-outline-warning-pressed-font-color !default;
$chip-outline-warning-avatar-font-color: $chip-outline-warning-focus-font-color !default;
$chip-outline-warning-avatar-hover-font-color: $chip-outline-warning-focus-font-color !default;
$chip-outline-warning-avatar-focus-font-color: $chip-outline-warning-focus-font-color !default;
$chip-outline-warning-avatar-active-font-color: $chip-outline-warning-active-font-color !default;
$chip-outline-warning-avatar-focus-active-font-color: $chip-outline-warning-focus-active-font-color !default;
$chip-outline-warning-avatar-pressed-font-color: $chip-outline-warning-pressed-font-color !default;
$chip-outline-warning-avatar-disabled-font-color: $chip-outline-warning-disabled-font-color !default;
$chip-outline-warning-border-color: $brand-warning !default;
$chip-outline-warning-hover-border-color: color.adjust($chip-warning-bg-color, $lightness: -0%) !default;
$chip-outline-warning-focus-border-color: color.adjust($chip-warning-bg-color, $lightness: -10%) !default;
$chip-outline-warning-active-border-color: color.adjust($chip-warning-bg-color, $lightness: -10%) !default;
$chip-outline-warning-focus-active-border-color: $chip-outline-warning-focus-border-color !default;
$chip-outline-warning-pressed-border-color: color.adjust($chip-warning-bg-color, $lightness: -10%) !default;
$chip-outline-warning-disabled-border-color: rgba($chip-warning-bg-color, .65) !default;

//danger
$chip-outline-danger-bg-color: transparent !default;
$chip-outline-danger-hover-bg-color: color.adjust($chip-danger-bg-color, $lightness: -5%) !default;
$chip-outline-danger-focus-bg-color: color.adjust($chip-danger-bg-color, $lightness: -10%) !default;
$chip-outline-danger-active-bg-color: $chip-danger-bg-color !default;
$chip-outline-danger-focus-active-bg-color: $chip-outline-danger-focus-bg-color !default;
$chip-outline-danger-pressed-bg-color: color.adjust($chip-danger-bg-color, $lightness: -15%) !default;
$chip-outline-danger-disabled-bg-color: transparent !default;
$chip-outline-danger-avatar-bg-color: color.adjust($chip-danger-bg-color, $lightness: 10%) !default;
$chip-outline-danger-avatar-hover-bg-color: $chip-outline-danger-avatar-bg-color !default;
$chip-outline-danger-avatar-focus-bg-color: color.adjust($chip-outline-danger-focus-bg-color, $lightness: 12%) !default;
$chip-outline-danger-avatar-active-bg-color: color.adjust($chip-outline-danger-active-bg-color, $lightness: 12%) !default;
$chip-outline-danger-avatar-focus-active-bg-color: color.adjust($chip-outline-danger-focus-active-bg-color, $lightness: 12%) !default;
$chip-outline-danger-avatar-pressed-bg-color: color.adjust($chip-outline-danger-pressed-bg-color, $lightness: 12%) !default;
$chip-outline-danger-avatar-disabled-bg-color: color.adjust($chip-outline-danger-disabled-bg-color, $lightness: 12%) !default;
$chip-outline-danger-font-color: $brand-danger !default;
$chip-outline-danger-hover-font-color: $chip-danger-font-color !default;
$chip-outline-danger-focus-font-color: $chip-danger-font-color !default;
$chip-outline-danger-active-font-color: $chip-danger-font-color !default;
$chip-outline-danger-focus-active-font-color: $chip-outline-danger-focus-font-color !default;
$chip-outline-danger-pressed-font-color: $chip-danger-font-color !default;
$chip-outline-danger-disabled-font-color: rgba($chip-danger-bg-color, .65) !default;
$chip-outline-danger-close-icon-font-color: rgba($chip-outline-danger-font-color, .8) !default;
$chip-outline-danger-close-icon-hover-font-color: $chip-outline-danger-hover-font-color !default;
$chip-outline-danger-close-icon-pressed-font-color: $chip-outline-danger-pressed-font-color !default;
$chip-outline-danger-avatar-font-color: $chip-outline-danger-focus-font-color !default;
$chip-outline-danger-avatar-hover-font-color: $chip-outline-danger-focus-font-color !default;
$chip-outline-danger-avatar-focus-font-color: $chip-outline-danger-focus-font-color !default;
$chip-outline-danger-avatar-active-font-color: $chip-outline-danger-active-font-color !default;
$chip-outline-danger-avatar-focus-active-font-color: $chip-outline-danger-focus-active-font-color !default;
$chip-outline-danger-avatar-pressed-font-color: $chip-outline-danger-pressed-font-color !default;
$chip-outline-danger-avatar-disabled-font-color: $chip-outline-danger-disabled-font-color !default;
$chip-outline-danger-border-color: $brand-danger !default;
$chip-outline-danger-hover-border-color: color.adjust($chip-danger-bg-color, $lightness: -0%) !default;
$chip-outline-danger-focus-border-color: color.adjust($chip-danger-bg-color, $lightness: -10%) !default;
$chip-outline-danger-active-border-color: color.adjust($chip-danger-bg-color, $lightness: -10%) !default;
$chip-outline-danger-focus-active-border-color: $chip-outline-danger-focus-border-color !default;
$chip-outline-danger-pressed-border-color: color.adjust($chip-danger-bg-color, $lightness: -10%) !default;
$chip-outline-danger-disabled-border-color: rgba($chip-danger-bg-color, .65) !default;
$chip-touch-text-margin-top: -3px !default;
$chip-align-line-height: 1 !default;
$chip-zero-width: 0 !default;
