@utrecht/component-library-css 1.0.0-alpha.204 → 1.0.0-alpha.205

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.
Files changed (5) hide show
  1. package/dist/bem.css +22 -0
  2. package/dist/index.css +23 -1
  3. package/dist/root-theme.css +1 -1
  4. package/package.json +3 -3
  5. package/src/bem.scss +4 -3
package/dist/bem.css CHANGED
@@ -184,6 +184,28 @@
184
184
  color: var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white));
185
185
  }
186
186
 
187
+ /**
188
+ * @license EUPL-1.2
189
+ * Copyright (c) 2021 Robbert Broersma
190
+ */
191
+ .utrecht-backdrop {
192
+ background-color: var(--utrecht-backdrop-background-color);
193
+ bottom: 0;
194
+ color: var(--utrecht-backdrop-color);
195
+ display: block;
196
+ left: 0;
197
+ opacity: var(--utrecht-backdrop-opacity);
198
+ position: absolute;
199
+ right: 0;
200
+ top: 0;
201
+ user-select: none;
202
+ z-index: var(--utrecht-backdrop-z-index);
203
+ }
204
+
205
+ .utrecht-backdrop--viewport {
206
+ position: fixed;
207
+ }
208
+
187
209
  /**
188
210
  * @license EUPL-1.2
189
211
  * Copyright (c) 2021 Robbert Broersma
package/dist/index.css CHANGED
@@ -193,6 +193,28 @@
193
193
  color: var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white));
194
194
  }
195
195
 
196
+ /**
197
+ * @license EUPL-1.2
198
+ * Copyright (c) 2021 Robbert Broersma
199
+ */
200
+ .utrecht-backdrop {
201
+ background-color: var(--utrecht-backdrop-background-color);
202
+ bottom: 0;
203
+ color: var(--utrecht-backdrop-color);
204
+ display: block;
205
+ left: 0;
206
+ opacity: var(--utrecht-backdrop-opacity);
207
+ position: absolute;
208
+ right: 0;
209
+ top: 0;
210
+ user-select: none;
211
+ z-index: var(--utrecht-backdrop-z-index);
212
+ }
213
+
214
+ .utrecht-backdrop--viewport {
215
+ position: fixed;
216
+ }
217
+
196
218
  /**
197
219
  * @license EUPL-1.2
198
220
  * Copyright (c) 2021 Robbert Broersma
@@ -5259,7 +5281,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5259
5281
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
5260
5282
  /**
5261
5283
  * Do not edit directly
5262
- * Generated on Wed, 11 May 2022 15:29:27 GMT
5284
+ * Generated on Wed, 11 May 2022 16:14:24 GMT
5263
5285
  */
5264
5286
  :root {
5265
5287
  --denhaag-process-steps-sub-step-heading-font-weight: utrecht.typography.weight-scale.normal.font-weight;
package/dist/root-theme.css CHANGED
@@ -5,7 +5,7 @@
5
5
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
6
6
  /**
7
7
  * Do not edit directly
8
- * Generated on Wed, 11 May 2022 15:29:27 GMT
8
+ * Generated on Wed, 11 May 2022 16:14:24 GMT
9
9
  */
10
10
  :root {
11
11
  --denhaag-process-steps-sub-step-heading-font-weight: utrecht.typography.weight-scale.normal.font-weight;
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.204",
2
+ "version": "1.0.0-alpha.205",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -16,7 +16,7 @@
16
16
  "url": "git@github.com:nl-design-system/utrecht.git"
17
17
  },
18
18
  "devDependencies": {
19
- "@utrecht/design-tokens": "1.0.0-alpha.197",
19
+ "@utrecht/design-tokens": "1.0.0-alpha.198",
20
20
  "node-sass-package-importer": "5.3.2",
21
21
  "rimraf": "3.0.2",
22
22
  "sass": "1.50.1"
@@ -26,5 +26,5 @@
26
26
  "build": "sass src/:dist/ --load-path=../../node_modules/ --no-source-map",
27
27
  "clean": "rimraf dist/"
28
28
  },
29
- "gitHead": "6628416bd259464a13a0ca908c5f61847cde8348"
29
+ "gitHead": "3f461a33b1d12db8ec72a1cfdde003e13f62f27a"
30
30
  }
package/src/bem.scss CHANGED
@@ -16,18 +16,19 @@
16
16
  * @import "@utrecht/blockquote/index";
17
17
  */
18
18
 
19
- @import "../../../components/article/bem";
19
+ @import "../../../components/article/css";
20
20
  @import "../../../components/badge-counter/bem";
21
21
  @import "../../../components/badge-data/bem";
22
22
  @import "../../../components/badge-status/bem";
23
+ @import "../../../components/backdrop/css";
23
24
  @import "../../../components/blockquote/css";
24
25
  @import "../../../components/breadcrumb/css";
25
26
  @import "../../../components/button/bem";
26
27
  @import "../../../components/checkbox/css";
27
28
  @import "../../../components/custom-checkbox/bem";
28
29
  @import "../../../components/digid-button/bem";
29
- @import "../../../components/document/bem";
30
- @import "../../../components/emphasis/bem";
30
+ @import "../../../components/document/css";
31
+ @import "../../../components/emphasis/css";
31
32
  @import "../../../components/form-field-checkbox-group/bem";
32
33
  @import "../../../components/form-field-checkbox/bem";
33
34
  @import "../../../components/form-field-description/bem";