@dereekb/dbx-web 9.24.2 → 9.24.3

package/lib/extension/calendar/_calendar.scss

@@ -51,6 +51,13 @@ $calendar-content-border-consideration: 2px;
       }
     }
 
+    .dbx-calendar-controls-right {
+      display: inline-flex;
+      align-items: flex-end;
+      justify-content: flex-end;
+      flex-wrap: wrap;
+    }
+
     .dbx-calendar-content {
       height: 100%;
 

package/lib/interaction/dialog/dialog.content.d.ts

@@ -0,0 +1,2 @@
+import { MatDialogConfig } from '@angular/material/dialog';
+export declare type DbxDialogContentConfig = Omit<MatDialogConfig, 'viewContainerRef' | 'injector' | 'id' | 'data'>;

package/lib/interaction/dialog/index.d.ts

@@ -3,4 +3,5 @@ export * from './dialog.content.close.component';
 export * from './dialog.content.footer.component';
 export * from './dialog.content.component';
 export * from './dialog.action.directive';
+export * from './dialog.content';
 export * from './dialog.module';

package/lib/layout/style/_style.scss

@@ -1,7 +1,11 @@
 @use 'sass:map';
 @use 'sass:list';
+@use 'sass:color';
 @use '../../style/theming';
 
+$dbx-ok-color-var: --dbx-ok-color;
+$dbx-success-color-var: --dbx-success-color;
+
 // Sections
 @mixin core() {
   .dbx-spacer,
@@ -95,6 +99,10 @@
   $background-text-color: theming.get-color-from-palette($foreground, 'text');
   $background-color: theming.get-color-from-palette($background, 'background');
 
+  // todo: consider adding color customization or setting as a variable
+  $ok-color: color.scale(blue, $lightness: 30%);
+  $success-color: green;
+
   .dbx-primary {
     color: $primary-color;
   }
@@ -122,6 +130,24 @@
     color: $warn-color-contrast;
   }
 
+  .dbx-success {
+    color: $success-color;
+  }
+
+  .dbx-success-bg {
+    background: $success-color;
+    color: $warn-color-contrast;
+  }
+
+  .dbx-ok {
+    color: $ok-color;
+  }
+
+  .dbx-ok-bg {
+    background: $ok-color;
+    color: $warn-color-contrast;
+  }
+
   .dbx-grey {
     color: $grey-color;
   }

package/lib/layout/style/style.d.ts

@@ -1,3 +1,3 @@
 import { Maybe } from '@dereekb/util';
-export declare type DbxThemeColor = 'primary' | 'accent' | 'warn' | 'background' | 'grey' | 'disabled';
+export declare type DbxThemeColor = 'primary' | 'accent' | 'warn' | 'ok' | 'success' | 'background' | 'grey' | 'disabled';
 export declare function dbxColorBackground(color: Maybe<DbxThemeColor | ''>): string;

package/lib/layout/text/_text.scss

@@ -147,8 +147,6 @@ $dbx-detail-block-content-offset: 30px;
     $outlined-text-color: $border-color;
   }
 
-  $ok-color: color.scale(blue, $lightness: 30%);
-  $success-color: green;
   $notice-color: #f28600;
 
   .dbx-hint,
@@ -160,14 +158,6 @@ $dbx-detail-block-content-offset: 30px;
     opacity: $faint-opacity;
   }
 
-  .dbx-success {
-    color: $success-color;
-  }
-
-  .dbx-ok {
-    color: $ok-color;
-  }
-
   .dbx-label,
   .dbx-sublabel,
   .dbx-chip-sublabel,

package/mapbox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dereekb/dbx-web/mapbox",
-  "version": "9.24.2",
+  "version": "9.24.3",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",
-    "@dereekb/dbx-core": "9.24.2",
-    "@dereekb/dbx-web": "9.24.2",
+    "@dereekb/dbx-core": "9.24.3",
+    "@dereekb/dbx-web": "9.24.3",
     "ngx-mapbox-gl": "^9.1.0",
     "mapbox-gl": "^2.9.2",
     "@mapbox/geo-viewport": "git+https://git@github.com/dereekb/geo-viewport#165513972f87dca23a20c177f4d173edc51b5e2f"

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "9.24.2",
+  "version": "9.24.3",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",
     "linkify-string": "4.0.0-beta.5",
     "linkifyjs": "^4.0.0-beta.5",
     "@angular/material": "^14.2.0",
-    "@dereekb/rxjs": "9.24.2",
-    "@dereekb/dbx-core": "9.24.2",
+    "@dereekb/rxjs": "9.24.3",
+    "@dereekb/dbx-core": "9.24.3",
     "change-case": "^4.1.2",
     "@angular/flex-layout": "^14.0.0-beta.41",
     "ng-overlay-container": "^14.0.0",

package/table/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dereekb/dbx-web/table",
-  "version": "9.24.2",
+  "version": "9.24.3",
   "peerDependencies": {
     "@angular/common": "^14.2.0",
     "@angular/core": "^14.2.0",
-    "@dereekb/dbx-core": "9.24.2",
+    "@dereekb/dbx-core": "9.24.3",
     "@angular/material": "^14.2.0",
     "@angular/forms": "^14.2.0",
-    "@dereekb/dbx-web": "9.24.2"
+    "@dereekb/dbx-web": "9.24.3"
   },
   "dependencies": {
     "tslib": "^2.3.0"