@datarailsshared/datarailsshared 1.6.416 → 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/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.416",
+  "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;