@design-factory/design-factory 16.0.1 → 17.0.0

package/lib/angular/popover/config/popover.config.d.ts

@@ -1,8 +1,7 @@
-import { NgbConfig, NgbPopoverConfig } from '@ng-bootstrap/ng-bootstrap';
+import { NgbPopoverConfig } from '@ng-bootstrap/ng-bootstrap';
 import * as i0 from "@angular/core";
 export declare class DfPopoverConfig extends NgbPopoverConfig {
     autoClose: "outside";
-    constructor(ngbConfig?: NgbConfig);
     static ɵfac: i0.ɵɵFactoryDeclaration<DfPopoverConfig, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DfPopoverConfig>;
 }

package/package.json

@@ -2,22 +2,26 @@
   "name": "@design-factory/design-factory",
   "description": "Amadeus design system",
   "license": "BSD-3-Clause",
-  "version": "16.0.1",
+  "version": "17.0.0",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@angular/common": "^16.0.0",
-    "@angular/core": "^16.0.0",
-    "@angular/localize": "^16.0.0",
-    "@angular/router": "^16.0.0",
-    "@ng-bootstrap/ng-bootstrap": "~15.1.0",
-    "@ng-select/ng-select": "~11.2.0",
-    "ag-grid-angular": "~30.2.1",
-    "ag-grid-community": "~30.2.1",
-    "bootstrap": "5.2.0"
+    "@agnos-ui/angular": "^0.0.1-alpha.10",
+    "@angular/common": "^17.1.0",
+    "@angular/core": "^17.1.0",
+    "@angular/localize": "^17.1.0",
+    "@angular/router": "^17.1.0",
+    "@ng-bootstrap/ng-bootstrap": "~16.0.0",
+    "@ng-select/ng-select": "~12.0.6",
+    "ag-grid-angular": "~31.0.2",
+    "ag-grid-community": "~31.0.2",
+    "bootstrap": "5.3.2"
   },
   "peerDependenciesMeta": {
+    "@agnos-ui/angular": {
+      "optional": true
+    },
     "@angular/router": {
       "optional": true
     },

package/styles/scss/_common.root.scss

@@ -5,8 +5,6 @@
   --#{$prefix}disabled-cursor: #{$df-disabled-cursor};
   --#{$prefix}link-hover-text-decoration: #{$df-link-hover-text-decoration};
   --#{$prefix}disabled-opacity: #{$df-disabled-opacity};
-  --#{$prefix}box-shadow: #{$df-box-shadow};
-  --#{$prefix}focused-box-shadow: #{$df-focused-box-shadow};
   --#{$prefix}font-family: #{$df-font-family};
 
   --#{$prefix}dark-primary: #{$dark-primary};
@@ -15,6 +13,14 @@
   --#{$prefix}white-color: #{color-contrast($white)};
   --#{$prefix}black-color: #{color-contrast($black)};
 
+  // Box-shadow
+  --#{$prefix}box-shadow: #{$df-box-shadow};
+  --#{$prefix}focused-box-shadow: #{$df-focused-box-shadow};
+  --#{$prefix}box-shadow-blur: #{$focus-ring-blur};
+  --#{$prefix}box-shadow-width: #{$focus-ring-width};
+  --#{$prefix}box-shadow-opacity: #{$focus-ring-opacity};
+  --#{$prefix}box-shadow-color: #{$focus-ring-color};
+
   @each $breakpoint, $value in $grid-breakpoints {
     --#{$prefix}breakpoint-#{$breakpoint}: #{$value};
   }
@@ -34,4 +40,4 @@
   @each $color, $value in $shade-colors-text-rgb {
     --#{$prefix}#{$color}-color-rgb: #{$value};
   }
-}
+}

package/styles/scss/_variables.scss

@@ -5,6 +5,9 @@
 @import 'bootstrap/variables';
 @import 'bootstrap/scss/variables';
 
+// File to override agnosui variables
+@import 'agnosui/variables';
+
 // import common variables for components
 @import 'common.variables';
 

package/styles/scss/agnosui/_variables.scss

@@ -0,0 +1,59 @@
+// stylelint-disable scss/dollar-variable-pattern
+// //slider variables
+$au-slider-color-background: $gray-300 !default;
+// $au-slider-font-size:                                1rem !default;
+// $au-slider-line-height:                              1.5 !default;
+// $au-slider-primary-size:                             100% !default;
+// $au-slider-secondary-size:                           0.25rem !default;
+// $au-slider-border-radius:                            0.125rem !default;
+// $au-slider-vertical-margin-inline-start:             1rem !default;
+// $au-slider-vertical-margin-inline-end:               3rem !default;
+// $au-slider-translate-vertical:                       translateY(-50%) !default;
+// $au-slider-translate-horizontal:                     translateX(-50%) !default;
+// $au-focus-ring-opacity:                              0.25 !default;
+// $au-focus-ring-width:                                0.25rem !default;
+// $au-focus-ring-color:                                rgba(#0d6efd, $au-focus-ring-opacity) !default;
+// $au-slider-handle-color:                             var(--#{$prefix}primary) !default;
+// $au-slider-handle-size:                              1.25rem !default;
+// $au-slider-handle-border:  none !default;
+$au-slider-handle-border-hover: 0.0625rem solid $white !default;
+// $au-slider-handle-border-radius:                     50% !default;
+// $au-slider-handle-outline:                           none !default;
+$au-slider-handle-focus-box-shadow: $btn-focus-box-shadow !default;
+// $au-slider-progress-color:                           var(--#{$prefix}primary) !default;
+// $au-slider-progress-height:                          0.25rem !default;
+// $au-slider-progress-vertical-transform:              rotate(90deg) !default;
+// $au-slider-margin-block-end:                         calc((#{$au-slider-handle-size} - #{$au-slider-secondary-size}) / 2 + 0.5rem);
+// $au-slider-margin-block-start:                       calc((#{$au-slider-handle-size} - #{$au-slider-secondary-size}) / 2 + #{$au-slider-font-size} * 1.5 + 0.5rem);
+$au-slider-label-now-font-weight: 500 !default;
+// $au-slider-label-font-weight:                        normal !default;
+// $au-slider-label-margin-block-start:                 calc(
+// 	-1 * (#{$au-slider-font-size} * #{$au-slider-line-height} + (#{$au-slider-handle-size} - #{$au-slider-secondary-size}) / 2)
+//                                                      ) !default;
+// $au-slider-label-min-position:                       0 !default;
+// $au-slider-label-max-position:                       0 !default;
+// $au-slider-label-now-transform:                      translateX(-50%) !default;
+// $au-slider-label-vertical-margin-inline-start:       1rem !default;
+// $au-slider-label-vertical-min-transform:             translateY(-75%) !default;
+// $au-slider-label-vertical-max-transform:             translateY(-25%) !default;
+// $au-slider-label-vertical-white-space:               nowrap !default;
+$au-slider-label-vertical-min-top: calc(100% - 0.5rem) !default;
+$au-slider-label-vertical-max-top: 0.25rem !default;
+// $au-slider-label-vertical-now-transform:             translateY(-50%) !default;
+// $au-slider-clickable-area-translateY:                translateY(-50%) !default;
+// $au-slider-clickable-area-translateX:                translateX(-50%) !default;
+// $au-slider-clickable-area-main-size:                 1.5rem !default;
+// $au-slider-clickable-area-secondary-size:            100% !default;
+// $au-slider-clickable-area-vertical-flex-shrink:      0 !default;
+$au-slider-disabled-color: var(--#{$prefix}disabled-color) !default;
+// $au-slider-disabled-cursor:                          not-allowed !default;
+
+// $au-slider-bar-size-sm:                              0.2rem !default;
+// $au-slider-handle-size-sm:                           1rem !default;
+// $au-slider-font-size-sm:                             0.875rem !default;
+// $au-slider-offset-sm:                                0rem !default;
+
+// $au-slider-bar-size-lg:                              0.3125rem !default;
+// $au-slider-handle-size-lg:                           1.5rem !default;
+// $au-slider-font-size-lg:                             1.125rem !default;
+// $au-slider-offset-lg:                                0rem !default;