@dereekb/dbx-web 9.16.1 → 9.16.2
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/esm2020/lib/layout/content/content.border.directive.mjs +11 -5
- package/fesm2015/dereekb-dbx-web.mjs +9 -3
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +9 -3
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/lib/layout/content/_content.scss +25 -0
- package/lib/layout/content/content.border.directive.d.ts +3 -1
- package/mapbox/package.json +3 -3
- package/package.json +3 -3
|
@@ -16,6 +16,8 @@ $max-content-container-width: $content-max-width;
|
|
|
16
16
|
$content-container-padding: theming.$padding-4;
|
|
17
17
|
$content-container-padding-small-screen: theming.$padding-2;
|
|
18
18
|
|
|
19
|
+
$content-end-margin: theming.$padding-4;
|
|
20
|
+
|
|
19
21
|
@mixin core() {
|
|
20
22
|
.dbx-content-border {
|
|
21
23
|
padding: $content-border-inner-padding;
|
|
@@ -37,6 +39,10 @@ $content-container-padding-small-screen: theming.$padding-2;
|
|
|
37
39
|
}
|
|
38
40
|
}
|
|
39
41
|
|
|
42
|
+
.dbx-content-end {
|
|
43
|
+
margin-bottom: $content-end-margin;
|
|
44
|
+
}
|
|
45
|
+
|
|
40
46
|
.dbx-app-page {
|
|
41
47
|
@include theming.app-height();
|
|
42
48
|
overflow: hidden;
|
|
@@ -112,12 +118,19 @@ $content-container-padding-small-screen: theming.$padding-2;
|
|
|
112
118
|
|
|
113
119
|
@mixin color($theme-config) {
|
|
114
120
|
$color-config: theming.get-color-config($theme-config);
|
|
121
|
+
$primary: map.get($color-config, 'primary');
|
|
122
|
+
$accent: map.get($color-config, 'accent');
|
|
123
|
+
$warn: map.get($color-config, 'warn');
|
|
115
124
|
$background: map.get($color-config, 'background');
|
|
116
125
|
$foreground: map.get($color-config, 'foreground');
|
|
117
126
|
$content-color: theming.get-color-from-palette($foreground, 'text');
|
|
118
127
|
$content-background: theming.get-color-from-palette($background, 'background');
|
|
119
128
|
$content-border-background: theming.get-color-from-palette($background, 'hover');
|
|
120
129
|
|
|
130
|
+
$primary-color: theming.get-color-from-palette($primary, 500);
|
|
131
|
+
$accent-color: theming.get-color-from-palette($accent, 500);
|
|
132
|
+
$warn-color: theming.get-color-from-palette($warn, 500);
|
|
133
|
+
|
|
121
134
|
.dbx-background {
|
|
122
135
|
color: $content-color;
|
|
123
136
|
background: $content-background;
|
|
@@ -126,6 +139,18 @@ $content-container-padding-small-screen: theming.$padding-2;
|
|
|
126
139
|
.dbx-content-border {
|
|
127
140
|
// border-radius: 6px;
|
|
128
141
|
border: 3px dashed $content-border-background;
|
|
142
|
+
|
|
143
|
+
&.dbx-content-border-primary {
|
|
144
|
+
border-color: $primary-color;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
&.dbx-content-border-warn {
|
|
148
|
+
border-color: $warn-color;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
&.dbx-content-border-accent {
|
|
152
|
+
border-color: $accent-color;
|
|
153
|
+
}
|
|
129
154
|
}
|
|
130
155
|
|
|
131
156
|
.dbx-content-container {
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import { DbxThemeColor } from '../style/style';
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
3
|
/**
|
|
3
4
|
* Section used to wrap content in a border with internal padding.
|
|
4
5
|
*/
|
|
5
6
|
export declare class DbxContentBorderDirective {
|
|
7
|
+
color: DbxThemeColor;
|
|
6
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxContentBorderDirective, never>;
|
|
7
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentBorderDirective, "dbx-content-border,[dbxContentBorder]", never, {}, {}, never, never, false>;
|
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentBorderDirective, "dbx-content-border,[dbxContentBorder]", never, { "color": "color"; }, {}, never, never, false>;
|
|
8
10
|
}
|
package/mapbox/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-web/mapbox",
|
|
3
|
-
"version": "9.16.
|
|
3
|
+
"version": "9.16.2",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.1.0",
|
|
6
6
|
"@angular/core": "^14.1.0",
|
|
7
|
-
"@dereekb/dbx-core": "9.16.
|
|
8
|
-
"@dereekb/dbx-web": "9.16.
|
|
7
|
+
"@dereekb/dbx-core": "9.16.2",
|
|
8
|
+
"@dereekb/dbx-web": "9.16.2",
|
|
9
9
|
"ngx-mapbox-gl": "^9.1.0",
|
|
10
10
|
"mapbox-gl": "^2.9.2",
|
|
11
11
|
"@mapbox/geo-viewport": "git+https://git@github.com/dereekb/geo-viewport#165513972f87dca23a20c177f4d173edc51b5e2f"
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-web",
|
|
3
|
-
"version": "9.16.
|
|
3
|
+
"version": "9.16.2",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.0.0",
|
|
6
6
|
"@angular/core": "^14.0.0",
|
|
7
7
|
"linkify-string": "4.0.0-beta.5",
|
|
8
8
|
"linkifyjs": "^4.0.0-beta.5",
|
|
9
9
|
"@angular/material": "^14.0.0",
|
|
10
|
-
"@dereekb/rxjs": "9.16.
|
|
11
|
-
"@dereekb/dbx-core": "9.16.
|
|
10
|
+
"@dereekb/rxjs": "9.16.2",
|
|
11
|
+
"@dereekb/dbx-core": "9.16.2",
|
|
12
12
|
"angular-calendar": "^0.30.1",
|
|
13
13
|
"@angular/flex-layout": "^14.0.0-beta.40",
|
|
14
14
|
"ng-overlay-container": "^14.0.0",
|