@dereekb/dbx-web 9.24.14 → 9.24.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/calendar/package.json +2 -2
- package/esm2020/lib/layout/bar/bar.directive.mjs +3 -5
- package/esm2020/lib/layout/content/content.container.directive.mjs +1 -1
- package/esm2020/lib/layout/style/style.mjs +3 -14
- package/fesm2015/dereekb-dbx-web.mjs +4 -17
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +4 -17
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/lib/layout/content/_content.scss +5 -0
- package/lib/layout/content/content.container.directive.d.ts +1 -1
- package/lib/layout/style/_style.scss +10 -0
- package/lib/layout/style/style.d.ts +1 -1
- package/lib/layout/text/_text.scss +0 -7
- package/mapbox/package.json +3 -3
- package/package.json +3 -3
- package/table/package.json +3 -3
|
@@ -1193,25 +1193,14 @@ function dbxColorBackground(color) {
|
|
|
1193
1193
|
let cssClass = 'dbx-bg';
|
|
1194
1194
|
switch (color) {
|
|
1195
1195
|
case 'primary':
|
|
1196
|
-
cssClass = 'dbx-primary-bg';
|
|
1197
|
-
break;
|
|
1198
1196
|
case 'accent':
|
|
1199
|
-
cssClass = 'dbx-accent-bg';
|
|
1200
|
-
break;
|
|
1201
1197
|
case 'ok':
|
|
1202
|
-
cssClass = 'dbx-ok-bg';
|
|
1203
|
-
break;
|
|
1204
1198
|
case 'success':
|
|
1205
|
-
cssClass = 'dbx-success-bg';
|
|
1206
|
-
break;
|
|
1207
1199
|
case 'warn':
|
|
1208
|
-
cssClass = 'dbx-warn-bg';
|
|
1209
|
-
break;
|
|
1210
1200
|
case 'grey':
|
|
1211
|
-
cssClass = 'dbx-grey-bg';
|
|
1212
|
-
break;
|
|
1213
1201
|
case 'disabled':
|
|
1214
|
-
|
|
1202
|
+
case 'notice':
|
|
1203
|
+
cssClass = `dbx-${color}-bg`;
|
|
1215
1204
|
break;
|
|
1216
1205
|
}
|
|
1217
1206
|
return cssClass;
|
|
@@ -3375,16 +3364,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
3375
3364
|
class DbxBarDirective {
|
|
3376
3365
|
}
|
|
3377
3366
|
DbxBarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3378
|
-
DbxBarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: DbxBarDirective, selector: "dbx-bar,[dbxBar]", inputs: { color: "color" }, host: { properties: { "class
|
|
3367
|
+
DbxBarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: DbxBarDirective, selector: "dbx-bar,[dbxBar]", inputs: { color: "color" }, host: { properties: { "class": "color ? (\"dbx-\" + color + \"-bg\") : \"dbx-bg\"" }, classAttribute: "dbx-bar" }, ngImport: i0 });
|
|
3379
3368
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxBarDirective, decorators: [{
|
|
3380
3369
|
type: Directive,
|
|
3381
3370
|
args: [{
|
|
3382
3371
|
selector: 'dbx-bar,[dbxBar]',
|
|
3383
3372
|
host: {
|
|
3384
3373
|
class: 'dbx-bar',
|
|
3385
|
-
'[class
|
|
3386
|
-
'[class.dbx-accent-bg]': 'color === "accent"',
|
|
3387
|
-
'[class.dbx-warn-bg]': 'color === "warn"'
|
|
3374
|
+
'[class]': 'color ? ("dbx-" + color + "-bg") : "dbx-bg"'
|
|
3388
3375
|
}
|
|
3389
3376
|
}]
|
|
3390
3377
|
}], propDecorators: { color: [{
|