@utrecht/document-css 1.0.0 → 1.1.0

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 (8) hide show
  1. package/dist/index.css +28 -0
  2. package/dist/index.js +1 -0
  3. package/package.json +11 -4
  4. package/src/_mixin.scss +26 -0
  5. package/src/html/_mixin.scss +13 -0
  6. package/src/html/index.scss +8 -0
  7. package/src/index.scss +14 -0
  8. package/src/tokens.json +60 -0
package/dist/index.css ADDED
@@ -0,0 +1,28 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2021 Robbert Broersma
4
+ */
5
+ /**
6
+ * @license EUPL-1.2
7
+ * Copyright (c) 2021 Robbert Broersma
8
+ */
9
+ .utrecht-document {
10
+ /* reset `font-smoothing: antialiasing`, prefer automatic (`subpixel-antialiasing`) behavior for high-dpi screens */
11
+ color: var(--utrecht-document-color, inherit);
12
+ font-family: var(--utrecht-document-font-family, inherit);
13
+ font-size: var(--utrecht-document-font-size, inherit);
14
+ font-weight: var(--utrecht-document-font-weight, inherit);
15
+ line-height: var(--utrecht-document-line-height, inherit);
16
+ text-rendering: optimizeLegibility;
17
+ -moz-text-size-adjust: none;
18
+ -webkit-text-size-adjust: none;
19
+ text-size-adjust: none;
20
+ }
21
+ .utrecht-document :lang(ar) {
22
+ /* `letter-spacing` design tokens break Arabic text rendering, avoid that */
23
+ letter-spacing: 0 !important;
24
+ }
25
+
26
+ .utrecht-document--surface {
27
+ background-color: var(--utrecht-document-background-color, inherit);
28
+ }
package/dist/index.js ADDED
@@ -0,0 +1 @@
1
+ var undefined$1 = undefined;export{undefined$1 as default};
package/package.json CHANGED
@@ -1,18 +1,25 @@
1
1
  {
2
- "version": "1.0.0",
2
+ "version": "1.1.0",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Document component for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
6
6
  "name": "@utrecht/document-css",
7
7
  "files": [
8
- "dist/"
8
+ "dist/",
9
+ "src/"
9
10
  ],
10
- "devDependencies": {},
11
+ "main": "dist/index.css",
12
+ "devDependencies": {
13
+ "rollup": "3.29.4"
14
+ },
11
15
  "keywords": [
12
16
  "nl-design-system"
13
17
  ],
14
18
  "publishConfig": {
15
19
  "access": "public"
16
20
  },
17
- "scripts": {}
21
+ "scripts": {
22
+ "build": "rollup -c ../rollup.config.mjs",
23
+ "clean": "rimraf dist"
24
+ }
18
25
  }
package/src/_mixin.scss ADDED
@@ -0,0 +1,26 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2021 Robbert Broersma
4
+ */
5
+
6
+ @mixin utrecht-document {
7
+ /* reset `font-smoothing: antialiasing`, prefer automatic (`subpixel-antialiasing`) behavior for high-dpi screens */
8
+ color: var(--utrecht-document-color, inherit);
9
+ font-family: var(--utrecht-document-font-family, inherit);
10
+ font-size: var(--utrecht-document-font-size, inherit);
11
+ font-weight: var(--utrecht-document-font-weight, inherit);
12
+ line-height: var(--utrecht-document-line-height, inherit);
13
+ text-rendering: optimizeLegibility;
14
+ -moz-text-size-adjust: none;
15
+ -webkit-text-size-adjust: none;
16
+ text-size-adjust: none;
17
+
18
+ :lang(ar) {
19
+ /* `letter-spacing` design tokens break Arabic text rendering, avoid that */
20
+ letter-spacing: 0 !important;
21
+ }
22
+ }
23
+
24
+ @mixin utrecht-document--surface {
25
+ background-color: var(--utrecht-document-background-color, inherit);
26
+ }
package/src/html/_mixin.scss ADDED
@@ -0,0 +1,13 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2021 Robbert Broersma
4
+ */
5
+
6
+ @import "../mixin";
7
+
8
+ @mixin utrecht-html-body {
9
+ body {
10
+ @include utrecht-document;
11
+ @include utrecht-document--surface;
12
+ }
13
+ }
package/src/html/index.scss ADDED
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2021 Robbert Broersma
4
+ */
5
+
6
+ @import "./mixin";
7
+
8
+ @include utrecht-html-body;
package/src/index.scss ADDED
@@ -0,0 +1,14 @@
1
+ /**
2
+ * @license EUPL-1.2
3
+ * Copyright (c) 2021 Robbert Broersma
4
+ */
5
+
6
+ @import "./mixin";
7
+
8
+ .utrecht-document {
9
+ @include utrecht-document;
10
+ }
11
+
12
+ .utrecht-document--surface {
13
+ @include utrecht-document--surface;
14
+ }
package/src/tokens.json ADDED
@@ -0,0 +1,60 @@
1
+ {
2
+ "utrecht": {
3
+ "document": {
4
+ "background-color": {
5
+ "$extensions": {
6
+ "nl.nldesignsystem.css.property": {
7
+ "syntax": "<color>",
8
+ "inherits": true
9
+ }
10
+ },
11
+ "type": "color"
12
+ },
13
+ "color": {
14
+ "$extensions": {
15
+ "nl.nldesignsystem.css.property": {
16
+ "syntax": "<color>",
17
+ "inherits": true
18
+ }
19
+ },
20
+ "type": "color"
21
+ },
22
+ "font-family": {
23
+ "$extensions": {
24
+ "nl.nldesignsystem.css.property": {
25
+ "syntax": "*",
26
+ "inherits": true
27
+ }
28
+ },
29
+ "type": "fontFamilies"
30
+ },
31
+ "font-size": {
32
+ "$extensions": {
33
+ "nl.nldesignsystem.css.property": {
34
+ "syntax": "<length>",
35
+ "inherits": true
36
+ }
37
+ },
38
+ "type": "fontSizes"
39
+ },
40
+ "font-weight": {
41
+ "$extensions": {
42
+ "nl.nldesignsystem.css.property": {
43
+ "syntax": "<length>",
44
+ "inherits": true
45
+ }
46
+ },
47
+ "type": "fontWeights"
48
+ },
49
+ "line-height": {
50
+ "$extensions": {
51
+ "nl.nldesignsystem.css.property": {
52
+ "syntax": "<length>",
53
+ "inherits": true
54
+ }
55
+ },
56
+ "type": "lineHeights"
57
+ }
58
+ }
59
+ }
60
+ }