@datarailsshared/datarailsshared 1.6.415 → 1.6.417

package/lib/dr-badge-new/dr-badge-new.component.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../dr-tooltip/dr-tooltip.directive";
+export type TBadgeNewSize = 'medium' | 'small' | 'x-small';
+export type TBadgeNewBgColor = 'light-purple' | 'water' | 'baby-blue' | 'baby-pink' | 'light-turquoise' | 'bright-green' | 'stone' | 'peach' | 'soft-coral' | 'pale-yellow' | 'pastel-olive' | 'powder-blue-grey' | 'muted-plum' | 'purple' | 'transparent' | 'status-info' | 'status-progress' | 'status-error' | 'status-warning' | 'status-success' | 'status-regular';
+export type TBadgeNewTextColor = 'main' | 'secondary' | 'white' | 'status-info' | 'status-progress' | 'status-error' | 'status-warning' | 'status-success' | 'status-regular';
+export type TBadgeNewTextStyle = 'caption-1' | 'caption-2' | 'caption-3';
+export declare class DrBadgeNewComponent {
+    bgColor: TBadgeNewBgColor;
+    textColor: TBadgeNewTextColor;
+    textStyle: TBadgeNewTextStyle;
+    size: TBadgeNewSize;
+    showDot: boolean;
+    icon: string;
+    spinIcon: boolean;
+    suffixIcon: string;
+    tooltip: string;
+    tooltipClass: string;
+    get elementClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrBadgeNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrBadgeNewComponent, "dr-badge-new", never, { "bgColor": { "alias": "bgColor"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "textStyle": { "alias": "textStyle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showDot": { "alias": "showDot"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "spinIcon": { "alias": "spinIcon"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.DrTooltipDirective; inputs: { "drTooltip": "tooltip"; "drTooltipClass": "tooltipClass"; }; outputs: {}; }]>;
+}

package/lib/dr-inputs/dr-select/dr-select.component.d.ts

@@ -1,7 +1,8 @@
-import { ElementRef, EventEmitter, OnDestroy, Renderer2, TemplateRef } from '@angular/core';
+import { ElementRef, EventEmitter, InjectionToken, OnDestroy, Renderer2, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
+export declare const DR_SELECT_APPEND_TO: InjectionToken<string>;
 export declare class DrSelectComponent implements ControlValueAccessor, OnDestroy {
     private elementRef;
     private renderer;

package/lib/dr-modal/components/dr-modal-container/dr-modal-container.component.d.ts

@@ -11,8 +11,8 @@ export declare class DrModalContainerComponent extends CdkDialogContainer {
     readonly animationState: import("@angular/core").WritableSignal<DrModalAnimationState>;
     readonly animationClass: import("@angular/core").Signal<string>;
     readonly animationTime: import("@angular/core").Signal<number>;
-    readonly hasTitle: import("@angular/core").WritableSignal<boolean>;
-    readonly hasSubtitle: import("@angular/core").WritableSignal<boolean>;
+    readonly labelledBy: import("@angular/core").WritableSignal<string>;
+    readonly describedBy: import("@angular/core").WritableSignal<string>;
     private readonly elementRef;
     protected _contentAttached(): void;
     animateClose(): void;

package/lib/dr-modal/dr-modal.slots.d.ts

@@ -1,17 +1,20 @@
+import { DrModalRef } from './dr-modal-ref';
 import * as i0 from "@angular/core";
 export declare class DrModalHeaderDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<DrModalHeaderDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DrModalHeaderDirective, "dr-modal-header, [dr-modal-header], [drModalHeader]", never, {}, {}, never, never, true, never>;
 }
 export declare class DrModalTitleDirective {
+    private readonly modalRef;
     protected readonly id: string;
-    constructor();
+    constructor(modalRef: DrModalRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<DrModalTitleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DrModalTitleDirective, "dr-modal-title, [dr-modal-title], [drModalTitle]", never, {}, {}, never, never, true, never>;
 }
 export declare class DrModalSubtitleDirective {
+    private readonly modalRef;
     protected readonly id: string;
-    constructor();
+    constructor(modalRef: DrModalRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<DrModalSubtitleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DrModalSubtitleDirective, "dr-modal-subtitle, [dr-modal-subtitle], [drModalSubtitle]", never, {}, {}, never, never, true, never>;
 }

package/local-api.d.ts

@@ -135,6 +135,7 @@ export { DrChipComponent } from './lib/dr-chip/dr-chip.component';
 export { DrGalleryComponent } from './lib/dr-gallery/dr-gallery.component';
 export { DrProgressBarComponent, TProgressBarTheme } from './lib/dr-progress-bar/dr-progress-bar.component';
 export { DrBadgeComponent, TBadgeColor, TBadgeSize } from './lib/dr-badge/dr-badge.component';
+export { DrBadgeNewComponent, TBadgeNewSize, TBadgeNewBgColor, TBadgeNewTextColor, TBadgeNewTextStyle, } from './lib/dr-badge-new/dr-badge-new.component';
 export { DrSystemMessageComponent, TSystemMessageTheme } from './lib/dr-system-message/dr-system-message.component';
 export * from './lib/dr-modal/public-api';
 export * from './lib/drawer/public-api';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/datarailsshared",
-  "version": "1.6.415",
+  "version": "1.6.417",
   "description": "DataRails shared components",
   "keywords": [
     "angular",

package/styles.scss

@@ -567,6 +567,14 @@ $dr-chat-avatar-right-indent: 16px;
 $dr-chat-header-text-indent: 20px;
 $dr-chat-box-shadow: 0px 2px 36px 0px rgba(0, 0, 0, 0.15);
 
+// DR border radius variables
+$dr-border-radius-small: 4px;
+$dr-border-radius-medium: 6px;
+$dr-border-radius-regular: 8px;
+$dr-border-radius-large: 12px;
+$dr-border-radius-x-large: 16px;
+$dr-border-radius-round: 32px;
+
 // DR spacing variables (margin, paddings, etc.)
 $dr-spacing-xxx-small: 2px;
 $dr-spacing-xx-small: 4px;
@@ -577,6 +585,7 @@ $dr-spacing-large: 32px;
 $dr-spacing-x-large: 40px;
 $dr-spacing-xx-large: 48px;
 $dr-spacing-xxx-large: 56px;
+$dr-spacing-xxxx-large: 64px;
 
 // DR font variables (family, weight, size, line-height)
 $dr-primary-font-family: 'Poppins', sans-serif;
@@ -728,6 +737,14 @@ $dr-chat-avatar-right-indent: 16px;
 $dr-chat-header-text-indent: 20px;
 $dr-chat-box-shadow: 0px 2px 36px 0px rgba(0, 0, 0, 0.15);
 
+// DR border radius variables
+$dr-border-radius-small: 4px;
+$dr-border-radius-medium: 6px;
+$dr-border-radius-regular: 8px;
+$dr-border-radius-large: 12px;
+$dr-border-radius-x-large: 16px;
+$dr-border-radius-round: 32px;
+
 // DR spacing variables (margin, paddings, etc.)
 $dr-spacing-xxx-small: 2px;
 $dr-spacing-xx-small: 4px;
@@ -738,6 +755,7 @@ $dr-spacing-large: 32px;
 $dr-spacing-x-large: 40px;
 $dr-spacing-xx-large: 48px;
 $dr-spacing-xxx-large: 56px;
+$dr-spacing-xxxx-large: 64px;
 
 // DR font variables (family, weight, size, line-height)
 $dr-primary-font-family: 'Poppins', sans-serif;