@design-factory/design-factory 18.0.3 → 18.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/design-factory-initial-branding.css +1 -1
  2. package/design-factory.css +1 -1
  3. package/esm2022/lib/angular/waves-of-progress/waves.directive.mjs +3 -5
  4. package/fesm2022/design-factory.mjs +1 -3
  5. package/fesm2022/design-factory.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/styles/scss/_common.variables.scss +3 -2
  8. package/styles/scss/agnosui/_variables.scss +2 -2
  9. package/styles/scss/components/brand-color/_brand-color.mixins.scss +4 -1
  10. package/styles/scss/components/slider/_slider.scss +1 -1
  11. package/styles/scss/components/slider/_slider.variables.scss +2 -1
  12. package/styles/scss/themes/brand2023/_variables.scss +2 -0
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@design-factory/design-factory",
3
3
  "description": "Amadeus design system",
4
4
  "license": "BSD-3-Clause",
5
- "version": "18.0.3",
5
+ "version": "18.0.4",
6
6
  "dependencies": {
7
7
  "tslib": "^2.0.0"
8
8
  },
package/styles/scss/_common.variables.scss CHANGED
@@ -47,8 +47,9 @@ $df-disabled-bg-color: var(--#{$prefix}gray-100) !default;
47
47
  $df-disabled-color: var(--#{$prefix}gray-300) !default;
48
48
  $df-disabled-opacity: 1 !default;
49
49
  $df-disabled-cursor: not-allowed !default;
50
- $df-hover-bg-color: var(
51
- --#{$prefix}primary-100
50
+ $df-hover-bg-color: shades-css-var(
51
+ 'white',
52
+ 'bg-hover-color'
52
53
  ) !default; // hover on light (white) bg not button. Migrate to white color shade ?
53
54
  $df-focus-outline: none !default;
54
55
 
package/styles/scss/agnosui/_variables.scss CHANGED
@@ -4,12 +4,12 @@
4
4
  $au-slider-handle-hover-color: #{shades-css-var('primary', 'text-hover-color')} !default,
5
5
  $au-slider-handle-border-hover: var(--#{$prefix}border-width) solid #{shades-css-var('primary', 'text-hover-color')} !default,
6
6
  $au-slider-handle-focus-box-shadow: (
7
- 0 0 0 2px var (--#{$prefix}body-bg),
7
+ 0 0 0 2px var(--#{$prefix}body-bg),
8
8
  0 0 0 4px var(--#{$prefix}primary)
9
9
  )
10
10
  !default,
11
11
  $au-slider-handle-focus-hover-box-shadow: (
12
- 0 0 0 2px var (--#{$prefix}body-bg),
12
+ 0 0 0 2px var(--#{$prefix}body-bg),
13
13
  0 0 0 4px #{shades-css-var('primary', 'text-hover-color')}
14
14
  )
15
15
  !default,
package/styles/scss/components/brand-color/_brand-color.mixins.scss CHANGED
@@ -32,7 +32,10 @@
32
32
  $values: map.get($utility, values);
33
33
  @each $color, $value in $values {
34
34
  .bg-#{$color} {
35
- --#{$prefix}body-bg: #{$value};
35
+ .btn,
36
+ .nav-tabs {
37
+ --#{$prefix}inner-box-shadow-color: #{$value};
38
+ }
36
39
  }
37
40
  }
38
41
  }
package/styles/scss/components/slider/_slider.scss CHANGED
@@ -192,7 +192,7 @@
192
192
 
193
193
  &:focus-visible,
194
194
  &.ngx-slider-active {
195
- --#{$prefix}box-shadow-color: #{$df-slider-pointer-color};
195
+ --#{$prefix}box-shadow-color: #{$df-slider-pointer-box-shadow};
196
196
  outline: none;
197
197
  box-shadow: $btn-focus-box-shadow;
198
198
  }
package/styles/scss/components/slider/_slider.variables.scss CHANGED
@@ -13,9 +13,10 @@ $df-slider-bar-rightout-selection-color: $green !default; // $barRightOutSelecti
13
13
 
14
14
  // Pointer
15
15
  $df-slider-pointer-color: shades-css-var('primary', 'bg-color') !default; // $handleBgColor
16
+ $df-slider-pointer-box-shadow: rgba(var($df-slider-pointer-color), 0.25) !default; // $handleBgColor
16
17
  $df-slider-pointer-size: 1.25rem !default; // $handleSize
17
18
  $df-slider-pointer-disabled-color: var(--#{$prefix}disabled-color) !default; // $handleDisabledColor
18
- $df-slider-pointer-hover-color: shades-css-var('primary', 'bg-color') !default; // $handleHoverColor
19
+ $df-slider-pointer-hover-color: rgba(var($df-slider-pointer-color), 0.25) !default; // $handleHoverColor
19
20
  $df-slider-pointer-active-color: shades-css-var('primary', 'bg-color') !default; // $handleActiveColor
20
21
 
21
22
  // Labels
package/styles/scss/themes/brand2023/_variables.scss CHANGED
@@ -654,6 +654,7 @@ $input-focus-border-color: var(--#{$prefix}gray-600) !default;
654
654
  $input-border-color: var(--#{$prefix}gray-600) !default;
655
655
 
656
656
  $df-box-shadow: 0px 0px 8px 0px rgba($gray-600, 0.75) !default;
657
+ $df-hover-bg-color: var(--#{$prefix}primary-100) !default;
657
658
 
658
659
  $df-box-shadow: 0px 0px 8px 0px rgba($gray-600, 0.75) !default;
659
660
 
@@ -927,6 +928,7 @@ $df-sidenav-withactivated-item-border-start: unset !default;
927
928
  // Slider
928
929
  $df-slider-pointer-hover-border-color: var(--#{$prefix}border-width) solid var(--#{$prefix}primary-800) !default;
929
930
  $df-slider-pointer-hover-color: var(--#{$prefix}primary-700) !default;
931
+ $df-slider-pointer-box-shadow: var(--#{$prefix}primary-500) !default; // primary bg-color mapping
930
932
 
931
933
  // Scrollspy
932
934
  $df-scrollspy-active-border-left: unset !default;