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

package/styles/scss/_variables.scss

@@ -1,61 +0,0 @@
-@import 'bootstrap/scss/functions';
-@import 'utilities/common.utilities';
-
-// File to override bootstrap variables
-@import 'bootstrap/variables';
-@import 'bootstrap/variables-dark';
-@import 'bootstrap/scss/variables';
-
-// File to override agnosui variables
-@import 'agnosui/variables';
-
-// import common variables for components
-@import 'common.variables';
-
-// import local variable DF of all components
-@import 'components/fonts/icon-font.variables';
-@import 'components/fonts/fonts.variables';
-@import 'components/brand-color/brand-color.variables';
-@import 'components/tabs/tabs.variables';
-@import 'components/accordion/accordion.variables';
-@import 'components/alert/alert.variables';
-@import 'components/badge/badge.variables';
-@import 'components/breadcrumbs/breadcrumbs.variables';
-@import 'components/button/button.variables';
-@import 'components/card/card.variables';
-@import 'components/table/table.variables';
-@import 'components/form/form.variables';
-@import 'components/pagination/pagination.variables';
-@import 'components/icon/amadeus-icon.variables';
-@import 'components/navbar/navbar.variables';
-@import 'components/checkbox/checkbox.variables';
-@import 'components/radio/radio.variables';
-@import 'components/toggle/toggle.variables';
-@import 'components/inputs/inputs.variables';
-@import 'components/link/link.variables';
-@import 'components/fieldset/fieldset.variables';
-@import 'components/modal/modal.variables';
-@import 'components/slider/slider.variables';
-@import 'components/select/select.variables';
-@import 'components/popover/popover.variables';
-@import 'components/dropdown/dropdown.variables';
-@import 'components/collapse/collapse.variables';
-@import 'components/progressbar/progressbar.variables';
-@import 'components/spinner/spinner.variables';
-@import 'components/rating/rating.variables';
-@import 'components/list-group/list-group.variables';
-@import 'components/datepicker/datepicker.variables';
-@import 'components/speechbubble/speechbubble.variables';
-@import 'components/list/list.variables';
-@import 'components/media/media.variables';
-@import 'components/stepper/stepper.variables';
-@import 'components/skip-links/skip-links.variables';
-@import 'components/typeahead/typeahead.variables';
-@import 'components/carousel/carousel.variables';
-@import 'components/sidenav/sidenav.variables';
-@import 'components/footer/footer.variables';
-@import 'components/separator/separator.variables';
-@import 'components/timepicker/timepicker.variables';
-@import 'components/toast/toast.variables';
-@import 'components/scrollspy/scrollspy.variables';
-@import 'components/tooltip/tooltip.variables';

package/styles/scss/agnosui/_variables.scss

@@ -1,28 +0,0 @@
-/* stylelint-disable-next-line scss/load-no-partial-leading-underscore */
-@forward '@agnos-ui/core-bootstrap/scss/_variables.scss' with (
-  $prefix: 'df-' !default,
-  $au-slider-color-background: var(--#{$prefix}gray-300) !default,
-  $au-slider-handle-hover-color: #{shades-css-var('primary', 'text-hover-color')} !default,
-  $au-slider-handle-border-hover: var(--#{$prefix}border-width) solid #{shades-css-var('primary', 'text-hover-color')}
-    !default,
-  $au-slider-handle-focus-box-shadow: (
-    0 0 0 2px var(--#{$prefix}body-bg),
-    0 0 0 4px var(--#{$prefix}primary)
-  )
-  !default,
-  $au-slider-handle-focus-hover-box-shadow: (
-    0 0 0 2px var(--#{$prefix}body-bg),
-    0 0 0 4px #{shades-css-var('primary', 'text-hover-color')}
-  )
-  !default,
-  $au-slider-label-now-font-weight: var(--#{$prefix}typo-weight-medium) !default,
-  $au-slider-label-vertical-min-top: calc(100% - 0.5rem) !default,
-  $au-slider-label-vertical-max-top: 0.25rem !default,
-  $au-slider-disabled-color: var(--#{$prefix}disabled-color) !default,
-
-  $au-tree-expand-icon-color-default: $primary !default,
-  $au-tree-expand-icon-color-hover: $primary-800 !default,
-  $au-tree-expand-icon-background-color-hover: var(--#{$prefix}primary-200) !default,
-  $au-tree-expand-icon-margin-inline-end: var(--#{$prefix}spacing-3) !default,
-  $au-slider-tick-neutral-color: $gray-600 !default
-);

package/styles/scss/bootstrap/_maps.scss

@@ -1,52 +0,0 @@
-@use 'sass:map';
-// stylelint-disable scss/dollar-variable-pattern
-
-// Re-assigned maps
-// Placed here so that others can override the default Sass maps and see automatic updates to utilities and more.
-
-// scss-docs-start theme-colors-rgb
-// $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value") !default;
-// scss-docs-end theme-colors-rgb
-
-// Utilities maps
-// Extends the default `$theme-colors` maps to help create our utilities.
-
-// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.
-// scss-docs-start utilities-colors
-$utilities-colors: map.merge(
-  $theme-colors-rgb,
-  (
-    'yellow': to-rgb($yellow)
-  )
-) !default;
-// scss-docs-end utilities-colors
-
-// scss-docs-start utilities-text-colors
-// $utilities-text: map.merge(
-//   $utilities-colors,
-//   (
-//     "black": to-rgb($black),
-//     "white": to-rgb($white),
-//     "body": to-rgb($body-color)
-//   )
-// ) !default;
-// $utilities-text-colors: map-loop($utilities-text, rgba-css-var, "$key", "text") !default;
-// scss-docs-end utilities-text-colors
-
-// scss-docs-start utilities-bg-colors
-$utilities-bg: map.merge(
-  $utilities-colors,
-  (
-    'black': to-rgb($black),
-    'white': to-rgb($white),
-    'body': to-rgb($body-bg),
-    'alt-body': to-rgb($body-color),
-    'dark-primary': to-rgb($dark-primary)
-  )
-) !default;
-// $utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, "$key", "bg") !default;
-// scss-docs-end utilities-bg-colors
-
-// $negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;
-
-// $gutters: $spacers !default;

package/styles/scss/bootstrap/_mixins-override.scss

@@ -1,69 +0,0 @@
-@mixin border-end-radius($radius: $border-radius) {
-  @if $enable-rounded {
-    @include ltr {
-      border-top-right-radius: valid-radius($radius);
-      border-bottom-right-radius: valid-radius($radius);
-    }
-    @include rtl {
-      border-top-left-radius: valid-radius($radius);
-      border-bottom-left-radius: valid-radius($radius);
-    }
-  }
-}
-
-@mixin border-start-radius($radius: $border-radius) {
-  @if $enable-rounded {
-    @include ltr {
-      border-top-left-radius: valid-radius($radius);
-      border-bottom-left-radius: valid-radius($radius);
-    }
-    @include rtl {
-      border-top-right-radius: valid-radius($radius);
-      border-bottom-right-radius: valid-radius($radius);
-    }
-  }
-}
-
-@mixin border-top-start-radius($radius: $border-radius) {
-  @if $enable-rounded {
-    @include ltr {
-      border-top-left-radius: valid-radius($radius);
-    }
-    @include rtl {
-      border-top-right-radius: valid-radius($radius);
-    }
-  }
-}
-
-@mixin border-top-end-radius($radius: $border-radius) {
-  @if $enable-rounded {
-    @include ltr {
-      border-top-right-radius: valid-radius($radius);
-    }
-    @include rtl {
-      border-top-left-radius: valid-radius($radius);
-    }
-  }
-}
-
-@mixin border-bottom-end-radius($radius: $border-radius) {
-  @if $enable-rounded {
-    @include ltr {
-      border-bottom-right-radius: valid-radius($radius);
-    }
-    @include rtl {
-      border-bottom-left-radius: valid-radius($radius);
-    }
-  }
-}
-
-@mixin border-bottom-start-radius($radius: $border-radius) {
-  @if $enable-rounded {
-    @include ltr {
-      border-bottom-left-radius: valid-radius($radius);
-    }
-    @include rtl {
-      border-bottom-right-radius: valid-radius($radius);
-    }
-  }
-}

package/styles/scss/bootstrap/_rtl-styles-override.scss

@@ -1,127 +0,0 @@
-@use 'sass:map';
-
-@if $df-enable-rtl {
-  [dir='rtl'] body {
-    text-align: right;
-    // Navbar overrides
-    .nav {
-      padding-right: 0;
-    }
-    .navbar-nav {
-      padding-right: 0;
-    }
-
-    // Accordion overrides
-    .accordion-button {
-      text-align: right;
-      &::after {
-        margin-right: auto;
-        margin-left: 0;
-      }
-    }
-
-    // Alert overrides
-    .alert-dismissible .btn-close {
-      left: 0;
-      right: auto;
-    }
-
-    // Checkbox & radio overrides
-    .form-check {
-      padding-right: $form-check-padding-start;
-      padding-left: 0;
-      .form-check-input {
-        float: right;
-        margin-left: 0;
-        margin-right: $form-check-padding-start * -1;
-      }
-
-      &.form-check-inline {
-        margin-right: 0;
-        margin-left: $form-check-inline-margin-end;
-      }
-    }
-
-    .list-group,
-    .list-unstyled,
-    .pagination {
-      padding-right: 0;
-    }
-
-    .dropdown-toggle {
-      &::after {
-        margin-left: 0;
-        margin-right: $caret-spacing;
-      }
-    }
-    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
-    .btn-group > .btn-group:not(:last-child) > .btn {
-      border-radius: 0 $border-radius $border-radius 0;
-    }
-
-    .btn-group > .btn:last-child:not(:first-child),
-    .btn-group > .dropdown-toggle:not(:first-child) {
-      border-radius: $border-radius 0 0 $border-radius;
-    }
-
-    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
-      border-radius: $border-radius 0 0 $border-radius;
-    }
-
-    // stylelint-disable declaration-no-important
-    @each $breakpoint in map.keys($grid-breakpoints) {
-      @include media-breakpoint-up($breakpoint) {
-        $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-        @each $prop, $abbrev in (margin: m, padding: p) {
-          @each $size, $length in $spacers {
-            .#{$abbrev}e#{$infix}-#{$size} {
-              #{$prop}-right: 0 !important;
-              #{$prop}-left: $length !important;
-            }
-            .#{$abbrev}s#{$infix}-#{$size} {
-              #{$prop}-left: 0 !important;
-              #{$prop}-right: $length !important;
-            }
-            #{$abbrev}x#{$infix}-#{$size} {
-              #{$prop}-left: $length !important;
-              #{$prop}-right: $length !important;
-            }
-          }
-        }
-
-        .me#{$infix}-auto {
-          margin-right: 0 !important;
-          margin-left: auto !important;
-        }
-        .ms#{$infix}-auto {
-          margin-right: auto !important;
-          margin-left: 0 !important;
-        }
-        .mx#{$infix}-auto {
-          margin-right: auto !important;
-          margin-left: auto !important;
-        }
-      }
-    }
-
-    @each $breakpoint in map.keys($grid-breakpoints) {
-      @include media-breakpoint-up($breakpoint) {
-        $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-        .text#{$infix}-right {
-          text-align: left !important;
-        }
-        .text#{$infix}-left {
-          text-align: right !important;
-        }
-        .float#{$infix}-left {
-          float: right !important;
-        }
-        .float#{$infix}-right {
-          float: left !important;
-        }
-      }
-    }
-  }
-}

package/styles/scss/bootstrap/_utilities-override.scss

@@ -1,25 +0,0 @@
-@use 'sass:map';
-
-// stylelint-disable-next-line scss/dollar-variable-pattern, scss/dollar-variable-default
-$utilities: map.merge(
-  $utilities,
-  (
-    'swatch': (
-      property: background-color,
-      class: swatch,
-      values: $grays
-    ),
-    'width': map.merge(
-        map.get($utilities, 'width'),
-        (
-          responsive: true
-        )
-      ),
-    'height': map.merge(
-        map.get($utilities, 'height'),
-        (
-          responsive: true
-        )
-      )
-  )
-);

package/styles/scss/bootstrap/_variables-dark.scss

@@ -1,86 +0,0 @@
-// stylelint-disable scss/dollar-variable-pattern
-// Dark color mode variables
-//
-// Custom variables for the `[data-bs-theme="dark"]` theme. Use this as a starting point for your own custom color modes by creating a new theme-specific file like `_variables-dark.scss` and adding the variables you need.
-
-//
-// Global colors
-//
-
-// scss-docs-start sass-dark-mode-vars
-// scss-docs-start theme-text-dark-variables
-// $primary-text-emphasis-dark:        tint-color($primary, 40%) !default;
-// $secondary-text-emphasis-dark:      tint-color($secondary, 40%) !default;
-// $success-text-emphasis-dark:        tint-color($success, 40%) !default;
-// $info-text-emphasis-dark:           tint-color($info, 40%) !default;
-// $warning-text-emphasis-dark:        tint-color($warning, 40%) !default;
-// $danger-text-emphasis-dark:         tint-color($danger, 40%) !default;
-// $light-text-emphasis-dark:          $gray-100 !default;
-// $dark-text-emphasis-dark:           $gray-300 !default;
-// scss-docs-end theme-text-dark-variables
-
-// scss-docs-start theme-bg-subtle-dark-variables
-// $primary-bg-subtle-dark:            shade-color($primary, 80%) !default;
-// $secondary-bg-subtle-dark:          shade-color($secondary, 80%) !default;
-// $success-bg-subtle-dark:            shade-color($success, 80%) !default;
-// $info-bg-subtle-dark:               shade-color($info, 80%) !default;
-// $warning-bg-subtle-dark:            shade-color($warning, 80%) !default;
-// $danger-bg-subtle-dark:             shade-color($danger, 80%) !default;
-// $light-bg-subtle-dark:              $gray-800 !default;
-// $dark-bg-subtle-dark:               mix($gray-800, $black) !default;
-// scss-docs-end theme-bg-subtle-dark-variables
-
-// scss-docs-start theme-border-subtle-dark-variables
-// $primary-border-subtle-dark:        shade-color($primary, 40%) !default;
-// $secondary-border-subtle-dark:      shade-color($secondary, 40%) !default;
-// $success-border-subtle-dark:        shade-color($success, 40%) !default;
-// $info-border-subtle-dark:           shade-color($info, 40%) !default;
-// $warning-border-subtle-dark:        shade-color($warning, 40%) !default;
-// $danger-border-subtle-dark:         shade-color($danger, 40%) !default;
-// $light-border-subtle-dark:          $gray-700 !default;
-// $dark-border-subtle-dark:           $gray-800 !default;
-// scss-docs-end theme-border-subtle-dark-variables
-
-// $body-color-dark:                   $gray-300 !default;
-// $body-bg-dark:                      $gray-900 !default;
-// $body-secondary-color-dark:         rgba($body-color-dark, .75) !default;
-// $body-secondary-bg-dark:            $gray-800 !default;
-// $body-tertiary-color-dark:          rgba($body-color-dark, .5) !default;
-// $body-tertiary-bg-dark:             mix($gray-800, $gray-900, 50%) !default;
-// $body-emphasis-color-dark:          $white !default;
-// $border-color-dark:                 $gray-700 !default;
-// $border-color-translucent-dark:     rgba($white, .15) !default;
-// $headings-color-dark:               inherit !default;
-// $link-color-dark:                   tint-color($primary, 40%) !default;
-// $link-hover-color-dark:             shift-color($link-color-dark, -$link-shade-percentage) !default;
-$code-color-dark: tint-color($pink, 40%) !default;
-// $mark-color-dark:                   $body-color-dark !default;
-// $mark-bg-dark:                      $yellow-800 !default;
-
-//
-// Forms
-//
-
-// $form-select-indicator-color-dark:  $body-color-dark !default;
-// $form-select-indicator-dark:        url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color-dark}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>") !default;
-
-// $form-switch-color-dark:            rgba($white, .25) !default;
-// $form-switch-bg-image-dark:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color-dark}'/></svg>") !default;
-
-// scss-docs-start form-validation-colors-dark
-// $form-valid-color-dark:             $green-300 !default;
-// $form-valid-border-color-dark:      $green-300 !default;
-// $form-invalid-color-dark:           $red-300 !default;
-// $form-invalid-border-color-dark:    $red-300 !default;
-// scss-docs-end form-validation-colors-dark
-
-//
-// Accordion
-//
-
-// $accordion-icon-color-dark:         $primary-text-emphasis-dark !default;
-// $accordion-icon-active-color-dark:  $primary-text-emphasis-dark !default;
-
-// $accordion-button-icon-dark:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color-dark}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
-// $accordion-button-active-icon-dark:  url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color-dark}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
-// scss-docs-end sass-dark-mode-vars