@utrecht/component-library-css 1.0.0-alpha.321 → 1.0.0-alpha.324

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 (4) hide show
  1. package/dist/html.css +21 -0
  2. package/dist/index.css +39 -0
  3. package/package.json +2 -2
  4. package/src/index.scss +1 -65
package/dist/html.css CHANGED
@@ -182,6 +182,16 @@
182
182
  * @license EUPL-1.2
183
183
  * Copyright (c) 2021 Robbert Broersma
184
184
  */
185
+ /**
186
+ * @license EUPL-1.2
187
+ * Copyright (c) 2022 Gemeente Utrecht
188
+ * Copyright (c) 2022 Robbert Broersma
189
+ * Copyright (c) 2022 The Knights Who Say NIH! B.V.
190
+ */
191
+ /**
192
+ * @license EUPL-1.2
193
+ * Copyright (c) 2021 Robbert Broersma
194
+ */
185
195
  /**
186
196
  * @license EUPL-1.2
187
197
  * Copyright (c) 2021 The Knights Who Say NIH! B.V.
@@ -667,6 +677,17 @@
667
677
  text-transform: var(--utrecht-heading-6-text-transform, inherit);
668
678
  --utrecht-space-around: 1;
669
679
  }
680
+ .utrecht-html hgroup {
681
+ --utrecht-pre-heading-order: -1;
682
+ display: flex;
683
+ flex-direction: column;
684
+ margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-group-margin-block-end, 0));
685
+ margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-group-margin-block-start, 0));
686
+ --utrecht-space-around: 1;
687
+ }
688
+ .utrecht-html hgroup > * {
689
+ --utrecht-space-around: 0;
690
+ }
670
691
  .utrecht-html a:link {
671
692
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
672
693
  color: var(--utrecht-link-color, blue);
package/dist/index.css CHANGED
@@ -4,6 +4,21 @@
4
4
  * Copyright (c) 2021 Gemeente Utrecht
5
5
  */
6
6
  /* Collection of all BEM class names in the component library */
7
+ /*
8
+ * TODO: Once every component is a separate npm package, these imports should
9
+ * be updated to use a package reference instead of a relative path.
10
+ *
11
+ * For example:
12
+ * @import "../../blockquote/index";
13
+ *
14
+ * Will become:
15
+ * @import "@utrecht/blockquote/index";
16
+ */
17
+ /**
18
+ * @license EUPL-1.2
19
+ * Copyright (c) 2021 Gemeente Utrecht
20
+ */
21
+ /* Collection of all BEM class names in the component library */
7
22
  /*
8
23
  * TODO: Once every component is a separate npm package, these imports should
9
24
  * be updated to use a package reference instead of a relative path.
@@ -1957,6 +1972,29 @@ ol.utrecht-breadcrumb__list {
1957
1972
  --utrecht-space-around: 1;
1958
1973
  }
1959
1974
 
1975
+ /**
1976
+ * @license EUPL-1.2
1977
+ * Copyright (c) 2022 Gemeente Utrecht
1978
+ * Copyright (c) 2022 Robbert Broersma
1979
+ * Copyright (c) 2022 The Knights Who Say NIH! B.V.
1980
+ */
1981
+ /**
1982
+ * @license EUPL-1.2
1983
+ * Copyright (c) 2022 Gemeente Utrecht
1984
+ * Copyright (c) 2022 Robbert Broersma
1985
+ * Copyright (c) 2022 The Knights Who Say NIH! B.V.
1986
+ */
1987
+ .utrecht-heading-group {
1988
+ --utrecht-pre-heading-order: -1;
1989
+ display: flex;
1990
+ flex-direction: column;
1991
+ margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-group-margin-block-end, 0));
1992
+ margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-group-margin-block-start, 0));
1993
+ }
1994
+ .utrecht-heading-group > * {
1995
+ --utrecht-space-around: 0;
1996
+ }
1997
+
1960
1998
  /**
1961
1999
  * @license EUPL-1.2
1962
2000
  * Copyright (c) 2021-2022 Gemeente Utrecht
@@ -3181,6 +3219,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
3181
3219
  line-height: var(--utrecht-pre-heading-line-height);
3182
3220
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-end, 0));
3183
3221
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-start, 0));
3222
+ order: var(--utrecht-pre-heading-order, 0);
3184
3223
  text-transform: var(--utrecht-pre-heading-text-transform, inherit);
3185
3224
  }
3186
3225
 
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.321",
2
+ "version": "1.0.0-alpha.324",
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",
@@ -26,5 +26,5 @@
26
26
  "clean": "rimraf dist/"
27
27
  },
28
28
  "main": "dist/index.css",
29
- "gitHead": "72672bd52ad8395b99b46f6fb24d17de0518f190"
29
+ "gitHead": "ff32d4e66d5ecb7d9ab702050cf4eda13b5331ca"
30
30
  }
package/src/index.scss CHANGED
@@ -16,68 +16,4 @@
16
16
  * @import "@utrecht/blockquote/index";
17
17
  */
18
18
 
19
- @import "../../../components/article/css";
20
- @import "../../../components/badge-counter/css";
21
- @import "../../../components/badge-data/css";
22
- @import "../../../components/badge-status/css";
23
- @import "../../../components/backdrop/css";
24
- @import "../../../components/blockquote/css";
25
- @import "../../../components/breadcrumb/css";
26
- @import "../../../components/button/css";
27
- @import "../../../components/button-group/css";
28
- @import "../../../components/button-link/css";
29
- @import "../../../components/checkbox/css";
30
- @import "../../../components/custom-checkbox/css";
31
- @import "../../../components/custom-radio-button/css";
32
- @import "../../../components/data-list/css";
33
- @import "../../../components/digid-button/css";
34
- @import "../../../components/document/css";
35
- @import "../../../components/emphasis/css";
36
- @import "../../../components/form-field-checkbox-group/css";
37
- @import "../../../components/form-field-checkbox/css";
38
- @import "../../../components/form-field-description/css";
39
- @import "../../../components/form-field-radio-group/css";
40
- @import "../../../components/form-field-radio/css";
41
- @import "../../../components/form-field-textbox/css";
42
- @import "../../../components/form-field/css";
43
- @import "../../../components/form-fieldset/css";
44
- @import "../../../components/form-label/css";
45
- @import "../../../components/form-toggle/css";
46
- @import "../../../components/heading-1/css";
47
- @import "../../../components/heading-2/css";
48
- @import "../../../components/heading-3/css";
49
- @import "../../../components/heading-4/css";
50
- @import "../../../components/heading-5/css";
51
- @import "../../../components/heading-6/css";
52
- @import "../../../components/icon/css";
53
- @import "../../../components/img/css";
54
- @import "../../../components/link-list/css";
55
- @import "../../../components/link-button/css";
56
- @import "../../../components/link-social/css";
57
- @import "../../../components/link/css";
58
- @import "../../../components/logo-button/css";
59
- @import "../../../components/logo/css";
60
- @import "../../../components/mapcontrolbutton/css";
61
- @import "../../../components/menulijst/css";
62
- @import "../../../components/navigatie sidenav/css";
63
- @import "../../../components/navigatie topnav/css";
64
- @import "../../../components/ordered-list/css";
65
- @import "../../../components/page-content/css";
66
- @import "../../../components/page-footer/css";
67
- @import "../../../components/page-header/css";
68
- @import "../../../components/page/css";
69
- @import "../../../components/pagination/css";
70
- @import "../../../components/paragraph/css";
71
- @import "../../../components/pre-heading/css";
72
- @import "../../../components/radio-button/css";
73
- @import "../../../components/search-bar/css";
74
- @import "../../../components/select/css";
75
- @import "../../../components/separator/css";
76
- @import "../../../components/skip-link/css";
77
- @import "../../../components/surface/css";
78
- @import "../../../components/table/css";
79
- @import "../../../components/textarea/css";
80
- @import "../../../components/textbox/css";
81
- @import "../../../components/unordered-list/css";
82
- @import "../../../components/url/css";
83
- @import "../../../components/value-number/css";
19
+ @import "../../../components/index";