@design-factory/design-factory 17.0.0 → 17.0.2

package/lib/angular/tooltip/truncate/tooltipTruncate.directive.d.ts

@@ -11,7 +11,6 @@ export declare class DfTooltipTruncateDirective implements OnInit, DoCheck {
     constructor(tooltip: NgbTooltip, elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
     ngOnInit(): void;
     ngDoCheck(): void;
-    private hasOverflow;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfTooltipTruncateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DfTooltipTruncateDirective, "[dfTooltipTruncate]", ["dfTooltipTruncate"], {}, {}, never, never, true, never>;
 }

package/lib/angular/utils/html-element-helper.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @param element the HTML element
+ * @returns whether the element is overflowing
+ */
+export declare function hasOverflow(element: HTMLElement): boolean;

package/lib/angular/utils/titleTruncate.directive.d.ts

@@ -0,0 +1,16 @@
+import { DoCheck, ElementRef, OnInit, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * DfTitleTruncate directive
+ * It adds the title attribute with the element's inner text as value
+ * when the element is truncated.
+ */
+export declare class DfTitleTruncateDirective implements OnInit, DoCheck {
+    private readonly elementRef;
+    private readonly renderer;
+    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
+    ngOnInit(): void;
+    ngDoCheck(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DfTitleTruncateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DfTitleTruncateDirective, "[dfTitleTruncate]", ["dfTitleTruncate"], {}, {}, never, never, true, never>;
+}

package/lib/index.d.ts

@@ -55,6 +55,7 @@ export { DfSideNavService } from './angular/sidenav/sidenav.service';
 export { DfIfMediaDirective } from './angular/mediaqueries/ifMedia.directive';
 export { DfSideNavModule } from './angular/sidenav/sidenav.module';
 export { DfSideNavComponent } from './angular/sidenav/sidenav.component';
+export { DfSideNavConfig } from './angular/sidenav/sidenav-config';
 export { DfNavItemType } from './angular/sidenav/sidenav.service';
 export { DfSideNavCollapseModule } from './angular/sidenav/dfSideNavCollapse.module';
 export { DfSideNavCollapseDirective } from './angular/sidenav/dfSideNavCollapse';
@@ -65,3 +66,4 @@ export { DfMediaModule } from './angular/mediaqueries/media.module';
 export { DfManageCardSelectionDirective } from './angular/card/manage-card-selection.directive';
 export { DfAdvancedCardModule } from './angular/card/card-advanced.module';
 export { DfModule } from './angular/df.module';
+export { DfTitleTruncateDirective } from './angular/utils/titleTruncate.directive';

package/package.json

@@ -2,12 +2,12 @@
   "name": "@design-factory/design-factory",
   "description": "Amadeus design system",
   "license": "BSD-3-Clause",
-  "version": "17.0.0",
+  "version": "17.0.2",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@agnos-ui/angular": "^0.0.1-alpha.10",
+    "@agnos-ui/angular": "^0.1.1",
     "@angular/common": "^17.1.0",
     "@angular/core": "^17.1.0",
     "@angular/localize": "^17.1.0",
@@ -41,6 +41,12 @@
   },
   "exports": {
     "./assets/*": "./assets/*",
+    "./package.json": {
+      "default": "./package.json"
+    },
+    "./styles/scss/*": {
+      "sass": "./styles/scss/*.scss"
+    },
     ".": {
       "sass": "./design-factory.scss",
       "style": "./design-factory.css",
@@ -52,9 +58,6 @@
     "./themes/initial-branding": {
       "sass": "./design-factory-initial-branding.scss",
       "style": "./design-factory-initial-branding.css"
-    },
-    "./package.json": {
-      "default": "./package.json"
     }
   },
   "ng-update": {

package/styles/scss/_common.root.scss

@@ -21,6 +21,15 @@
   --#{$prefix}box-shadow-opacity: #{$focus-ring-opacity};
   --#{$prefix}box-shadow-color: #{$focus-ring-color};
 
+  // Form
+  --#{$prefix}form-valid-color-rgb: #{to-rgb($form-valid-color)};
+  --#{$prefix}form-invalid-color-rgb: #{to-rgb($form-invalid-color)};
+  --#{$prefix}form-warning-color: #{$df-form-feedback-warning-color};
+  --#{$prefix}form-warning-color-rgb: #{to-rgb($df-form-feedback-warning-color)};
+  --#{$prefix}form-feedback-warning-color: #{$df-form-feedback-warning-color};
+  --#{$prefix}form-feedback-help-warning-color: #{$df-form-feedback-help-warning-color};
+  --#{$prefix}form-feedback-warning-icon: #{$df-form-feedback-warning-icon};
+
   @each $breakpoint, $value in $grid-breakpoints {
     --#{$prefix}breakpoint-#{$breakpoint}: #{$value};
   }

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

@@ -67,29 +67,3 @@
     }
   }
 }
-
-@mixin table-variant($state, $background) {
-  .table-#{$state} {
-    $text-color: shades-css-var($state, 'bg-color', true);
-    $hover-bg-color: shades-css-var($state, 'bg-subtle-color');
-    $text-hover-color: shades-css-var($state, 'bg-subtle-color', true);
-    $striped-bg-color: shades-css-var($state, 'bg-subtle-hover-color');
-    $striped-text-color: shades-css-var($state, 'bg-subtle-hover-color', true);
-    $active-bg: shades-css-var($state, 'bg-subtle-active-color');
-    $active-text-color: shades-css-var($state, 'bg-subtle-active-color', true);
-    $border-color: shades-css-var($state, 'border-color');
-    
-    --#{$prefix}table-color: #{$text-color};
-    --#{$prefix}table-bg: #{$background};
-    --#{$prefix}table-border-color: #{$border-color};
-    --#{$prefix}table-striped-bg: #{$striped-bg-color};
-    --#{$prefix}table-striped-color: #{$striped-text-color};
-    --#{$prefix}table-active-bg: #{$active-bg};
-    --#{$prefix}table-active-color: #{$active-text-color};
-    --#{$prefix}table-hover-bg: #{$hover-bg-color};
-    --#{$prefix}table-hover-color: #{$text-hover-color};
-
-    color: var(--#{$prefix}table-color);
-    border-color: var(--#{$prefix}table-border-color);
-  }
-}