@dereekb/dbx-web 9.24.13 → 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
|
@@ -11,6 +11,7 @@ $box-max-width: theming.$box-max-width;
|
|
|
11
11
|
|
|
12
12
|
$max-small-content-container-width: calc($content-max-width / 3);
|
|
13
13
|
$max-medium-content-container-width: calc($content-max-width / 2);
|
|
14
|
+
$max-large-content-container-width: calc($content-max-width / 1.337);
|
|
14
15
|
$max-content-container-width: $content-max-width;
|
|
15
16
|
|
|
16
17
|
$pit-padding: theming.$padding-4;
|
|
@@ -127,6 +128,10 @@ $scroll-content-bottom-padding: 42px;
|
|
|
127
128
|
max-width: $max-medium-content-container-width;
|
|
128
129
|
}
|
|
129
130
|
|
|
131
|
+
&.container-large {
|
|
132
|
+
max-width: $max-large-content-container-width;
|
|
133
|
+
}
|
|
134
|
+
|
|
130
135
|
&.container-wide {
|
|
131
136
|
max-width: $max-content-container-width;
|
|
132
137
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare type DbxContentContainerPadding = 'none' | 'min' | 'small' | 'normal';
|
|
3
|
-
export declare type DbxContentContainerWidth = 'small' | 'medium' | 'wide' | 'full';
|
|
3
|
+
export declare type DbxContentContainerWidth = 'small' | 'medium' | 'large' | 'wide' | 'full';
|
|
4
4
|
/**
|
|
5
5
|
* Component that limits the max-width of the content.
|
|
6
6
|
*/
|
|
@@ -110,6 +110,7 @@ $dbx-success-color-var: --dbx-success-color;
|
|
|
110
110
|
// todo: consider adding color customization or setting as a variable
|
|
111
111
|
$ok-color: color.scale(blue, $lightness: 30%);
|
|
112
112
|
$success-color: green;
|
|
113
|
+
$notice-color: #f28600;
|
|
113
114
|
|
|
114
115
|
.dbx-primary {
|
|
115
116
|
color: $primary-color;
|
|
@@ -138,6 +139,15 @@ $dbx-success-color-var: --dbx-success-color;
|
|
|
138
139
|
color: $warn-color-contrast;
|
|
139
140
|
}
|
|
140
141
|
|
|
142
|
+
.dbx-notice {
|
|
143
|
+
color: $notice-color;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.dbx-notice-bg {
|
|
147
|
+
background: $notice-color;
|
|
148
|
+
color: $warn-color-contrast;
|
|
149
|
+
}
|
|
150
|
+
|
|
141
151
|
.dbx-success {
|
|
142
152
|
color: $success-color;
|
|
143
153
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { CssClass, Maybe } from '@dereekb/util';
|
|
2
|
-
export declare type DbxThemeColor = 'primary' | 'accent' | 'warn' | 'ok' | 'success' | 'background' | 'grey' | 'disabled';
|
|
2
|
+
export declare type DbxThemeColor = 'primary' | 'accent' | 'warn' | 'ok' | 'success' | 'background' | 'grey' | 'disabled' | 'notice';
|
|
3
3
|
export declare function dbxColorBackground(color: Maybe<DbxThemeColor | ''>): CssClass;
|
|
@@ -154,8 +154,6 @@ $dbx-detail-block-content-offset: 30px;
|
|
|
154
154
|
$outlined-text-color: $border-color;
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
$notice-color: #f28600;
|
|
158
|
-
|
|
159
157
|
.dbx-hint,
|
|
160
158
|
.dbx-clear-hint {
|
|
161
159
|
opacity: $hint-opacity;
|
|
@@ -172,11 +170,6 @@ $dbx-detail-block-content-offset: 30px;
|
|
|
172
170
|
opacity: $mat-hint-opacity;
|
|
173
171
|
}
|
|
174
172
|
|
|
175
|
-
.dbx-notice {
|
|
176
|
-
font-weight: bold;
|
|
177
|
-
color: $notice-color;
|
|
178
|
-
}
|
|
179
|
-
|
|
180
173
|
.dbx-note {
|
|
181
174
|
opacity: $note-opacity;
|
|
182
175
|
}
|
package/mapbox/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-web/mapbox",
|
|
3
|
-
"version": "9.24.
|
|
3
|
+
"version": "9.24.15",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.1.0",
|
|
6
6
|
"@angular/core": "^14.1.0",
|
|
7
|
-
"@dereekb/dbx-core": "9.24.
|
|
8
|
-
"@dereekb/dbx-web": "9.24.
|
|
7
|
+
"@dereekb/dbx-core": "9.24.15",
|
|
8
|
+
"@dereekb/dbx-web": "9.24.15",
|
|
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.24.
|
|
3
|
+
"version": "9.24.15",
|
|
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.2.0",
|
|
10
|
-
"@dereekb/rxjs": "9.24.
|
|
11
|
-
"@dereekb/dbx-core": "9.24.
|
|
10
|
+
"@dereekb/rxjs": "9.24.15",
|
|
11
|
+
"@dereekb/dbx-core": "9.24.15",
|
|
12
12
|
"change-case": "^4.1.2",
|
|
13
13
|
"@angular/flex-layout": "^14.0.0-beta.41",
|
|
14
14
|
"ng-overlay-container": "^14.0.0",
|
package/table/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-web/table",
|
|
3
|
-
"version": "9.24.
|
|
3
|
+
"version": "9.24.15",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.2.0",
|
|
6
6
|
"@angular/core": "^14.2.0",
|
|
7
|
-
"@dereekb/dbx-core": "9.24.
|
|
7
|
+
"@dereekb/dbx-core": "9.24.15",
|
|
8
8
|
"@angular/material": "^14.2.0",
|
|
9
9
|
"@angular/forms": "^14.2.0",
|
|
10
|
-
"@dereekb/dbx-web": "9.24.
|
|
10
|
+
"@dereekb/dbx-web": "9.24.15"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"tslib": "^2.3.0"
|