@design-factory/design-factory 20.0.1 → 21.0.0-next.0

package/styles/scss/components/toggle/_toggle.scss

@@ -1,145 +0,0 @@
-@use 'sass:math';
-@use 'sass:meta';
-
-.form-switch {
-  --#{$prefix}switch-height: #{math.div($form-switch-width, 2)};
-  --#{$prefix}switch-border-width: #{$df-switch-border-width};
-  --#{$prefix}switch-border-color: #{$df-switch-border-color};
-  --#{$prefix}switch-label-padding-start: #{$df-switch-label-padding-start};
-  --#{$prefix}switch-name-font-weight: #{$df-switch-name-font-weight};
-  --#{$prefix}switch-label-font-weight: #{$df-switch-label-font-weight};
-  --#{$prefix}switch-disabled-label-color: #{$df-switch-disabled-label-color};
-  --#{$prefix}switch-disabled-active-bg-color: #{$df-switch-disabled-active-bg-color};
-  --#{$prefix}switch-disabled-active-border-color: #{$df-switch-disabled-active-border-color};
-  @if $enable-gradients {
-    --#{$prefix}switch-disabled-bg-image: #{escape-svg($df-switch-disabled-bg-image), var(--#{$prefix}gradient)};
-  } @else {
-    --#{$prefix}switch-disabled-bg-image: #{escape-svg($df-switch-disabled-bg-image)};
-  }
-  --#{$prefix}switch-disabled-inactive-background-color: #{$df-switch-disabled-inactive-background-color};
-  --#{$prefix}switch-disabled-inactive-border-color: #{$df-switch-disabled-inactive-border-color};
-  --#{$prefix}switch-disabled-cursor: #{$df-switch-disabled-cursor};
-  --#{$prefix}switch-rtl-checked-bg-position: #{$df-switch-rtl-checked-bg-position};
-  --#{$prefix}switch-rtl-bg-position: #{$df-switch-rtl-bg-position};
-  --#{$prefix}switch-name-padding-start: 0;
-  --#{$prefix}switch-padding-start: #{$form-switch-padding-start};
-  --#{$prefix}switch-input-padding-start: 0;
-  --#{$prefix}switch-container-margin-top: #{$df-switch-container-margin-top};
-
-  display: flex;
-  align-items: center;
-
-  @if meta.variable-exists($name: 'df-enableBranding2023') and $df-enableBranding2023 {
-    --#{$prefix}box-shadow-color: #{shades-css-var(
-        'primary',
-        'bg-color'
-      )}; // same as $form-check-input-checked-bg-color: $component-active-bg
-  }
-
-  @each $state, $color in $df-switch-additional-color-list {
-    .df-switch-#{$state} {
-      --#{$prefix}text-color-opacity: #{$df-switch-box-shadow-opacity};
-      @if meta.variable-exists($name: 'df-enableBranding2023') and $df-enableBranding2023 {
-        --#{$prefix}box-shadow-color: #{$color};
-      } @else {
-        --#{$prefix}box-shadow-color: #{shades-rgba-css-var-with-opacity($state, 'text-color')};
-      }
-      --#{$prefix}switch-color: #{shades-css-var($state, 'bg-color')};
-      --#{$prefix}switch-color-rgb: #{shades-rgb-css-var($state, 'bg-color')};
-      &:checked:not(.disabled):not([disabled]) {
-        background-color: var(--#{$prefix}switch-color);
-        border-color: var(--#{$prefix}switch-color);
-      }
-      .form-check-input {
-        &:focus {
-          box-shadow: #{$df-switch-box-shadow};
-        }
-      }
-    }
-  }
-
-  &.form-check {
-    @include ltr {
-      // override BS, there is no CSS var for this
-      padding-left: var(--#{$prefix}switch-padding-start);
-    }
-    @include rtl {
-      padding-right: var(--#{$prefix}switch-padding-start);
-    }
-    .form-check-input {
-      @include ltr {
-        margin-left: var(--#{$prefix}switch-input-padding-start);
-      }
-      @include rtl {
-        margin-right: var(--#{$prefix}switch-input-padding-start);
-      }
-    }
-  }
-
-  .form-check-input {
-    &:not(:checked):not(.disabled):not([disabled]) {
-      border-color: var(--#{$prefix}switch-border-color);
-    }
-    &:focus {
-      &:not(:checked) {
-        @if meta.variable-exists($name: 'df-enableBranding2023') and $df-enableBranding2023 {
-          --#{$prefix}box-shadow-color: #{$form-switch-color};
-        }
-      }
-      box-shadow: #{$df-switch-box-shadow};
-    }
-    height: var(--#{$prefix}switch-height);
-    border-width: var(--#{$prefix}switch-border-width);
-    @include rtl {
-      background-position: var(--#{$prefix}switch-rtl-bg-position);
-      &:checked {
-        background-position: var(--#{$prefix}switch-rtl-checked-bg-position);
-      }
-    }
-
-    &.disabled,
-    &[disabled] {
-      background-image: var(--#{$prefix}switch-disabled-bg-image);
-      &:checked {
-        background-color: var(--#{$prefix}switch-disabled-active-bg-color);
-        border-color: var(--#{$prefix}switch-disabled-active-border-color);
-      }
-      &:not([checked]):not(:checked) {
-        background-color: var(--#{$prefix}switch-disabled-inactive-background-color);
-        border-color: var(--#{$prefix}switch-disabled-inactive-border-color);
-      }
-      ~ .form-check-label {
-        color: var(--#{$prefix}switch-disabled-label-color);
-      }
-    }
-  }
-  .form-check-label {
-    @include rtl {
-      padding-right: var(--#{$prefix}switch-label-padding-start);
-    }
-    @include ltr {
-      padding-left: var(--#{$prefix}switch-label-padding-start);
-    }
-    font-weight: var(--#{$prefix}switch-label-font-weight);
-  }
-  .df-form-switch-name {
-    font-weight: var(--#{$prefix}switch-name-font-weight);
-    @include rtl {
-      padding-right: var(--#{$prefix}switch-name-padding-start);
-    }
-    @include ltr {
-      padding-left: var(--#{$prefix}switch-name-padding-start);
-    }
-
-    &.df-form-switch-name-disabled {
-      color: var(--#{$prefix}switch-disabled-label-color);
-      cursor: var(--#{$prefix}switch-disabled-cursor);
-    }
-
-    .df-form-switch-container {
-      display: flex;
-      align-items: center;
-      margin-top: var(--#{$prefix}switch-container-margin-top);
-    }
-  }
-}

package/styles/scss/components/toggle/_toggle.variables.scss

@@ -1,22 +0,0 @@
-@use 'sass:math';
-
-$df-switch-label-padding-start: 0.5em !default;
-$df-switch-border-width: 0.09375rem !default;
-$df-switch-border-color: var(--#{$prefix}gray-600) !default;
-$df-switch-name-font-weight: 400 !default;
-$df-switch-label-font-weight: 500 !default;
-$df-switch-additional-color-list: (
-  'success': $green-600
-) !default;
-$df-switch-disabled-label-color: var(--#{$prefix}gray-900) !default;
-$df-switch-disabled-active-bg-color: var(--#{$prefix}gray-200) !default;
-$df-switch-disabled-active-border-color: $border-color !default;
-$df-switch-disabled-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$gray-400}'/></svg>") !default;
-$df-switch-disabled-inactive-background-color: $white !default;
-$df-switch-disabled-inactive-border-color: $border-color !default;
-$df-switch-disabled-cursor: var(--#{$prefix}disabled-cursor) !default;
-$df-switch-rtl-checked-bg-position: left center !default;
-$df-switch-rtl-bg-position: right center !default;
-$df-switch-box-shadow-opacity: $input-btn-focus-color-opacity !default;
-$df-switch-box-shadow: $form-check-input-focus-box-shadow !default;
-$df-switch-container-margin-top: #{($line-height-base - $form-check-input-width) * 0.5} !default;

package/styles/scss/components/tooltip/_tooltip.scss

@@ -1,24 +0,0 @@
-.tooltip {
-  --#{$prefix}tooltip-border-radius-sm: #{$df-tooltip-border-radius-sm};
-  --#{$prefix}tooltip-border-radius-lg: #{$df-tooltip-border-radius-lg};
-  --#{$prefix}tooltip-padding-x-sm: #{$df-tooltip-padding-x-sm};
-  --#{$prefix}tooltip-padding-x-lg: #{$df-tooltip-padding-x-lg};
-  --#{$prefix}tooltip-padding-y-sm: #{$df-tooltip-padding-y-sm};
-  --#{$prefix}tooltip-padding-y-lg: #{$df-tooltip-padding-y-lg};
-
-  @each $extension, $ratio in $df-size-ratios {
-    &.tooltip-inner-#{$extension} {
-      .tooltip-inner {
-        @include border-radius(var(--#{$prefix}tooltip-border-radius-#{$extension}));
-        font-size: get-sizing-brand2023($extension, $ratio);
-        padding: var(--#{$prefix}tooltip-padding-y-#{$extension}) var(--#{$prefix}tooltip-padding-x-#{$extension});
-      }
-    }
-  }
-}
-
-@each $extension, $ratio in $df-size-ratios {
-  .df-font-#{$extension} .tooltip .tooltip-inner {
-    font-size: get-sizing-brand2023($extension, $ratio);
-  }
-}

package/styles/scss/components/tooltip/_tooltip.variables.scss

@@ -1,6 +0,0 @@
-$df-tooltip-border-radius-sm: var(--#{$prefix}border-radius-sm) !default;
-$df-tooltip-border-radius-lg: var(--#{$prefix}border-radius-lg) !default;
-$df-tooltip-padding-x-sm: 0.75rem !default;
-$df-tooltip-padding-x-lg: 0.75rem !default;
-$df-tooltip-padding-y-sm: 0.25rem !default;
-$df-tooltip-padding-y-lg: 0.375rem !default;

package/styles/scss/components/tooltip/_tooltip_container.scss

@@ -1,116 +0,0 @@
-// This style is needed when using DF through a CSS namespace
-#{$df-css-namespace-selector}.tooltip {
-  // scss-docs-start tooltip-css-vars
-  --#{$prefix}tooltip-zindex: #{$zindex-tooltip};
-  --#{$prefix}tooltip-max-width: #{$tooltip-max-width};
-  --#{$prefix}tooltip-padding-x: #{$tooltip-padding-x};
-  --#{$prefix}tooltip-padding-y: #{$tooltip-padding-y};
-  --#{$prefix}tooltip-margin: #{$tooltip-margin};
-  @include rfs($tooltip-font-size, --#{$prefix}tooltip-font-size);
-  --#{$prefix}tooltip-color: #{$tooltip-color};
-  --#{$prefix}tooltip-bg: #{$tooltip-bg};
-  --#{$prefix}tooltip-border-radius: #{$tooltip-border-radius};
-  --#{$prefix}tooltip-opacity: #{$tooltip-opacity};
-  --#{$prefix}tooltip-arrow-width: #{$tooltip-arrow-width};
-  --#{$prefix}tooltip-arrow-height: #{$tooltip-arrow-height};
-  // scss-docs-end tooltip-css-vars
-
-  z-index: var(--#{$prefix}tooltip-zindex);
-  display: block;
-  padding: var(--#{$prefix}tooltip-arrow-height);
-  margin: var(--#{$prefix}tooltip-margin);
-  @include deprecate('`$tooltip-margin`', 'v5', 'v5.x', true);
-  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
-  // So reset our font and text properties to avoid inheriting weird values.
-  @include reset-text();
-  @include font-size(var(--#{$prefix}tooltip-font-size));
-  // Allow breaking very long words so they don't overflow the tooltip's bounds
-  word-wrap: break-word;
-  opacity: 0;
-
-  &.show {
-    opacity: var(--#{$prefix}tooltip-opacity);
-  }
-
-  .tooltip-arrow {
-    display: block;
-    width: var(--#{$prefix}tooltip-arrow-width);
-    height: var(--#{$prefix}tooltip-arrow-height);
-
-    &::before {
-      position: absolute;
-      content: '';
-      border-color: transparent;
-      border-style: solid;
-    }
-  }
-
-  &.bs-tooltip-top {
-    .tooltip-arrow {
-      bottom: 0;
-
-      &::before {
-        top: -1px;
-        border-width: var(--#{$prefix}tooltip-arrow-height) calc(var(--#{$prefix}tooltip-arrow-width) * 0.5) 0; // stylelint-disable-line function-disallowed-list
-        border-top-color: var(--#{$prefix}tooltip-bg);
-      }
-    }
-  }
-
-  &.bs-tooltip-end {
-    .tooltip-arrow {
-      left: 0;
-      width: var(--#{$prefix}tooltip-arrow-height);
-      height: var(--#{$prefix}tooltip-arrow-width);
-
-      &::before {
-        right: -1px;
-        border-width: calc(var(--#{$prefix}tooltip-arrow-width) * 0.5) var(--#{$prefix}tooltip-arrow-height)
-          calc(var(--#{$prefix}tooltip-arrow-width) * 0.5) 0; // stylelint-disable-line function-disallowed-list
-        border-right-color: var(--#{$prefix}tooltip-bg);
-      }
-    }
-  }
-
-  &.bs-tooltip-bottom {
-    .tooltip-arrow {
-      top: 0;
-
-      &::before {
-        bottom: -1px;
-        border-width: 0 calc(var(--#{$prefix}tooltip-arrow-width) * 0.5) var(--#{$prefix}tooltip-arrow-height); // stylelint-disable-line function-disallowed-list
-        border-bottom-color: var(--#{$prefix}tooltip-bg);
-      }
-    }
-  }
-
-  &.bs-tooltip-start {
-    .tooltip-arrow {
-      right: 0;
-      width: var(--#{$prefix}tooltip-arrow-height);
-      height: var(--#{$prefix}tooltip-arrow-width);
-
-      &::before {
-        left: -1px;
-        border-width: calc(var(--#{$prefix}tooltip-arrow-width) * 0.5) 0
-          calc(var(--#{$prefix}tooltip-arrow-width) * 0.5) var(--#{$prefix}tooltip-arrow-height); // stylelint-disable-line function-disallowed-list
-        border-left-color: var(--#{$prefix}tooltip-bg);
-      }
-    }
-  }
-
-  &.bs-tooltip-auto {
-    &[data-popper-placement^='top'] {
-      @extend .bs-tooltip-top;
-    }
-    &[data-popper-placement^='right'] {
-      @extend .bs-tooltip-end;
-    }
-    &[data-popper-placement^='bottom'] {
-      @extend .bs-tooltip-bottom;
-    }
-    &[data-popper-placement^='left'] {
-      @extend .bs-tooltip-start;
-    }
-  }
-}

package/styles/scss/components/typeahead/_typeahead.scss

@@ -1,57 +0,0 @@
-// stylelint-disable-next-line selector-type-no-unknown
-// Flag angular specific selectors
-ngb-typeahead-window.dropdown-menu {
-  --#{$prefix}typeahead-hover-color: #{$df-typeahead-hover-color};
-  --#{$prefix}typeahead-hover-bg: #{$df-typeahead-hover-bg};
-  --#{$prefix}typeahead-active-color: #{$df-typeahead-active-color};
-  --#{$prefix}typeahead-active-bg-color: #{$df-typeahead-active-bg-color};
-  --#{$prefix}typeahead-highlight-color: #{$df-typeahead-highlight-color};
-  --#{$prefix}typeahead-hover-highlight-color: #{$df-typeahead-hover-highlight-color};
-  --#{$prefix}typeahead-highlight-font-family: #{$df-typeahead-highlight-font-family};
-  --#{$prefix}typeahead-max-height: #{$df-typeahead-max-height};
-  --#{$prefix}typeahead-highlight-font-weight: bold;
-
-  box-shadow: $dropdown-box-shadow;
-  border-style: none;
-  max-width: 40rem;
-  width: max-content;
-  max-height: var(--#{$prefix}typeahead-max-height);
-  overflow: auto;
-  .dropdown-item {
-    line-height: 1.75rem;
-    white-space: normal;
-    cursor: pointer;
-    // Hover of a typeahead item uses active state of the dropdown item
-    &:not(:disabled):not(.disabled).active {
-      color: var(--#{$prefix}typeahead-hover-color);
-      background-color: var(--#{$prefix}typeahead-hover-bg);
-
-      &:active {
-        color: var(--#{$prefix}typeahead-active-color);
-        background-color: var(--#{$prefix}typeahead-active-bg-color);
-      }
-
-      .ngb-highlight {
-        color: var(--#{$prefix}typeahead-hover-highlight-color);
-      }
-    }
-    .ngb-highlight {
-      color: var(--#{$prefix}typeahead-highlight-color);
-      font-family: var(--#{$prefix}typeahead-highlight-font-family);
-      font-weight: var(--#{$prefix}typeahead-highlight-font-weight);
-    }
-    span[class^='icon-'],
-    span[class^='fa-'] {
-      position: relative;
-      top: 0.1rem;
-    }
-  }
-}
-
-// for small and extra small device only
-@include media-breakpoint-down(sm) {
-  // stylelint-disable-next-line selector-type-no-unknown
-  ngb-typeahead-window.dropdown-menu {
-    max-width: 90vw;
-  }
-}

package/styles/scss/components/typeahead/_typeahead.variables.scss

@@ -1,11 +0,0 @@
-@use 'sass:map';
-@use 'sass:color';
-
-$df-typeahead-hover-color: $dropdown-link-hover-color !default;
-$df-typeahead-hover-bg: $dropdown-link-hover-bg !default;
-$df-typeahead-active-color: color-contrast(color.adjust($df-typeahead-hover-bg, $lightness: -10%)) !default;
-$df-typeahead-active-bg-color: color.adjust($df-typeahead-hover-bg, $lightness: -10%) !default;
-$df-typeahead-highlight-color: shades-css-var('primary', 'bg-color') !default;
-$df-typeahead-hover-highlight-color: shades-css-var('primary', 'bg-hover-color') !default;
-$df-typeahead-highlight-font-family: $font-family-sans-serif !default;
-$df-typeahead-max-height: 240px !default;

package/styles/scss/df-styles-namespace.scss

@@ -1,163 +0,0 @@
-@import 'variables';
-@import 'bootstrap/maps';
-@import 'bootstrap/scss/maps';
-@import 'bootstrap/scss/mixins';
-@import 'bootstrap/mixins-override';
-@import 'components/fonts/fonts-family';
-@import 'components/fonts/multi-lang.mixins';
-@import 'common.mixins';
-
-@import 'bootstrap/scss/root';
-@import 'common.root';
-@import 'components/fonts/fonts.root';
-@import 'components/inputs/inputs.root';
-
-$df-css-namespace-selector: '.design-factory-v2' !default;
-
-#{$df-css-namespace-selector} {
-  @import 'bootstrap/scss/reboot';
-  @import 'bootstrap/scss/type';
-  @import 'bootstrap/scss/images';
-  @import 'bootstrap/scss/containers';
-  @import 'bootstrap/scss/grid';
-  @import 'bootstrap/scss/tables';
-  @import 'bootstrap/scss/forms';
-  @import 'bootstrap/scss/buttons';
-  @import 'bootstrap/scss/transitions';
-  @import 'bootstrap/scss/dropdown';
-  @import 'bootstrap/scss/button-group';
-  @import 'bootstrap/scss/nav';
-  @import 'bootstrap/scss/navbar';
-  @import 'bootstrap/scss/card';
-  @import 'bootstrap/scss/accordion';
-  @import 'bootstrap/scss/breadcrumb';
-  @import 'bootstrap/scss/pagination';
-  @import 'bootstrap/scss/badge';
-  @import 'bootstrap/scss/alert';
-  @import 'bootstrap/scss/progress';
-  @import 'bootstrap/scss/list-group';
-  @import 'bootstrap/scss/close';
-  @import 'bootstrap/scss/modal';
-  @import 'bootstrap/scss/tooltip';
-  @import 'bootstrap/scss/popover';
-  @import 'bootstrap/scss/carousel';
-  @import 'bootstrap/scss/spinners';
-  @import 'bootstrap/scss/utilities';
-  @import 'bootstrap/scss/offcanvas';
-  @import 'bootstrap/scss/placeholders';
-  @import 'bootstrap/scss/toasts';
-
-  // Helpers
-  @import 'bootstrap/scss/helpers';
-
-  // Utilities
-  @import 'bootstrap/utilities-override';
-  @import 'bootstrap/scss/utilities/api';
-
-  /** DESIGN FACTORY IMPORTS **/
-  @import 'common';
-  @import 'components/accordion/accordion';
-  @import 'components/fonts/icon-font';
-  @import 'components/fonts/font-awesome-icons';
-  @import 'components/fonts/font-awesome-icons-brands';
-  @import 'components/fonts/fonts';
-  @import 'components/separator/separator';
-  @import 'components/button/button';
-  @import 'components/media/media';
-  @import 'components/modal/modal';
-  @import 'components/typeahead/typeahead';
-  @import 'components/alert/alert';
-  @import 'components/datepicker/datepicker';
-  @import 'components/form/form';
-  @import 'components/pagination/pagination';
-  @import 'components/badge/badge';
-  @import 'components/icon/amadeus-icon';
-  @import 'components/navbar/navbar';
-  @import 'components/tabs/tabs';
-  @import 'components/checkbox/checkbox';
-  @import 'components/radio/radio';
-  @import 'components/toggle/toggle';
-  @import 'components/inputs/inputs';
-  @import 'components/card/card';
-  @import 'components/list-group/list-group';
-  @import 'components/brand-color/brand-color';
-  @import 'components/link/link';
-  @import 'components/table/table';
-  @import 'components/table/advancedtables';
-  @import 'components/fieldset/fieldset';
-  @import 'components/popover/popover';
-  @import 'components/slider/slider';
-  @import 'components/select/select';
-  @import 'components/dropdown/dropdown';
-  @import 'components/collapse/collapse';
-  @import 'components/progressbar/progressbar';
-  @import 'components/spinner/spinner';
-  @import 'components/rating/rating';
-  @import 'components/speechbubble/speechbubble';
-  @import 'components/list/list';
-  @import 'components/skip-links/skip-links';
-  @import 'components/breadcrumbs/breadcrumbs';
-  @import 'components/stepper/stepper';
-  @import 'components/carousel/carousel';
-  @import 'components/sidenav/sidenav';
-  @import 'components/footer/footer';
-  @import 'components/toast/toast';
-
-  @import 'bootstrap/rtl-styles-override';
-
-  // issue with agnosui exports, to be fixed for DF 20
-  /* stylelint-disable-next-line scss/load-partial-extension */
-  @import '@agnos-ui/core-bootstrap/scss/agnosui.scss';
-
-  -webkit-text-size-adjust: 100%; // 4
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6
-  margin: 0; // 1
-  font-family: $font-family-base;
-  font-size: $font-size-base;
-  font-weight: $font-weight-base;
-  line-height: $line-height-base;
-  color: $body-color;
-  background-color: $body-bg; // 2
-
-  .list-group-item + .list-group-item {
-    // Copy from Bootstrap 4.4.1 due to CSS namespacing and use of + selector
-    border-top-width: 0;
-
-    &.active {
-      margin-top: -$list-group-border-width;
-      border-top-width: $list-group-border-width;
-    }
-  }
-
-  @each $state, $data in $form-validation-states {
-    @if ($state == 'valid' or $state == 'invalid') {
-      .was-validated :#{$state},
-      .is-#{$state} {
-        ~ .#{$state}-feedback,
-        ~ .#{$state}-tooltip {
-          display: block;
-        }
-      }
-    } @else {
-      .is-#{$state} {
-        ~ .#{$state}-feedback,
-        ~ .#{$state}-tooltip {
-          display: block;
-        }
-      }
-    }
-  }
-}
-/* stylelint-disable no-invalid-position-at-import-rule */
-@import 'components/popover/popover_container';
-@import 'components/tooltip/tooltip_container';
-@import 'components/spinner/spinner_container';
-@import 'components/button/button_container';
-@import 'components/pagination/pagination_container';
-@import 'components/brand-color/brand-color_container';
-/* stylelint-enable no-invalid-position-at-import-rule */
-
-// this css is needed when modal are open to have no scroll on the background.
-.df-modal-open {
-  overflow: hidden;
-}

package/styles/scss/df-styles.scss

@@ -1,117 +0,0 @@
-@import 'variables';
-@import 'bootstrap/maps';
-@import 'bootstrap/scss/maps';
-@import 'bootstrap/scss/mixins';
-@import 'bootstrap/mixins-override';
-@import 'components/fonts/fonts-family';
-@import 'components/fonts/multi-lang.mixins';
-@import 'common.mixins';
-
-// Root
-@import 'bootstrap/scss/root';
-@import 'common.root';
-@import 'components/fonts/fonts.root';
-@import 'components/inputs/inputs.root';
-
-/** BOOTSTRAP IMPORTS **/
-// Components
-@import 'bootstrap/scss/reboot';
-@import 'bootstrap/scss/type';
-@import 'bootstrap/scss/images';
-@import 'bootstrap/scss/containers';
-@import 'bootstrap/scss/grid';
-@import 'bootstrap/scss/tables';
-@import 'bootstrap/scss/forms';
-@import 'bootstrap/scss/buttons';
-@import 'bootstrap/scss/transitions';
-@import 'bootstrap/scss/dropdown';
-@import 'bootstrap/scss/button-group';
-@import 'bootstrap/scss/nav';
-@import 'bootstrap/scss/navbar';
-@import 'bootstrap/scss/card';
-@import 'bootstrap/scss/accordion';
-@import 'bootstrap/scss/breadcrumb';
-@import 'bootstrap/scss/pagination';
-@import 'bootstrap/scss/badge';
-@import 'bootstrap/scss/alert';
-@import 'bootstrap/scss/progress';
-@import 'bootstrap/scss/list-group';
-@import 'bootstrap/scss/close';
-@import 'bootstrap/scss/modal';
-@import 'bootstrap/scss/tooltip';
-@import 'bootstrap/scss/popover';
-@import 'bootstrap/scss/carousel';
-@import 'bootstrap/scss/spinners';
-@import 'bootstrap/scss/utilities';
-@import 'bootstrap/scss/offcanvas';
-@import 'bootstrap/scss/placeholders';
-@import 'bootstrap/scss/toasts';
-
-// Helpers
-@import 'bootstrap/scss/helpers';
-
-// Utilities
-@import 'bootstrap/utilities-override';
-@import 'bootstrap/scss/utilities/api';
-
-/** DESIGN FACTORY IMPORTS **/
-@import 'common';
-@import 'components/fonts/icon-font';
-@import 'components/fonts/font-awesome-icons';
-@import 'components/fonts/font-awesome-icons-brands';
-@import 'components/fonts/fonts';
-@import 'components/accordion/accordion';
-@import 'components/separator/separator';
-@import 'components/button/button';
-@import 'components/media/media';
-@import 'components/modal/modal';
-@import 'components/typeahead/typeahead';
-@import 'components/alert/alert';
-@import 'components/datepicker/datepicker';
-@import 'components/form/form';
-@import 'components/pagination/pagination';
-@import 'components/badge/badge';
-@import 'components/icon/amadeus-icon';
-@import 'components/navbar/navbar';
-@import 'components/tabs/tabs';
-@import 'components/checkbox/checkbox';
-@import 'components/radio/radio';
-@import 'components/toggle/toggle';
-@import 'components/inputs/inputs';
-@import 'components/card/card';
-@import 'components/list-group/list-group';
-@import 'components/brand-color/brand-color';
-@import 'components/link/link';
-@import 'components/table/table';
-@import 'components/table/advancedtables';
-@import 'components/fieldset/fieldset';
-@import 'components/popover/popover';
-@import 'components/slider/slider';
-@import 'components/select/select';
-@import 'components/dropdown/dropdown';
-@import 'components/collapse/collapse';
-@import 'components/progressbar/progressbar';
-@import 'components/spinner/spinner';
-@import 'components/rating/rating';
-@import 'components/speechbubble/speechbubble';
-@import 'components/list/list';
-@import 'components/skip-links/skip-links';
-@import 'components/breadcrumbs/breadcrumbs';
-@import 'components/stepper/stepper';
-@import 'components/carousel/carousel';
-@import 'components/sidenav/sidenav';
-@import 'components/footer/footer';
-@import 'components/toast/toast';
-@import 'components/scrollspy/scrollspy';
-@import 'components/timepicker/timepicker';
-@import 'components/tooltip/tooltip';
-
-@import 'bootstrap/rtl-styles-override';
-
-// issue with agnosui exports, to be fixed for DF 20
-/* stylelint-disable-next-line scss/load-partial-extension */
-@import '@agnos-ui/core-bootstrap/scss/agnosui.scss';
-// this css is needed when modal are open to have no scroll on the background.
-.df-modal-open {
-  overflow: hidden;
-}