@utrecht/document-css 1.1.0 → 1.3.0

package/CHANGELOG.md

@@ -0,0 +1,25 @@
+# @utrecht/document-css
+
+## 1.3.0
+
+### Minor Changes
+
+- e497b08: Export CSS string as default export in `dist/index.mjs`.
+
+## 1.2.0
+
+### Minor Changes
+
+- a42a56a: Added metadata for document tokens.
+
+## 1.1.0
+
+### Minor Changes
+
+- 62f1157: Add SCSS files to `src/` directory of CSS component packages.
+
+## 1.0.0
+
+### Major Changes
+
+- 856d996: Switch from alpha releases to semantic versioning.

package/_lang.md

@@ -0,0 +1,7 @@
+<!-- @license CC0-1.0 -->
+
+<!-- markdownlint-disable first-line-h1 -->
+
+Maak duidelijk welke taal het document is ([WCAG eis 3.1.1](https://www.w3.org/TR/WCAG21/#language-of-page)) met het `lang` attribuut.
+
+Het is gebruikelijk om de tweeletterige ISO-639-1 code te gebruiken als die bestaat, anders de drieletterige ISO-639-3 code.

package/dist/index.css

@@ -1,13 +1,11 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
- */
-/**
- * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 .utrecht-document {
-  /* reset `font-smoothing: antialiasing`, prefer automatic (`subpixel-antialiasing`) behavior for high-dpi screens */
+  -webkit-font-smoothing: auto !important;
+  -moz-osx-font-smoothing: auto !important;
   color: var(--utrecht-document-color, inherit);
   font-family: var(--utrecht-document-font-family, inherit);
   font-size: var(--utrecht-document-font-size, inherit);
@@ -19,7 +17,6 @@
   text-size-adjust: none;
 }
 .utrecht-document :lang(ar) {
-  /* `letter-spacing` design tokens break Arabic text rendering, avoid that */
   letter-spacing: 0 !important;
 }
 

package/dist/index.min.css

@@ -0,0 +1 @@
+.utrecht-document{-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important;color:var(--utrecht-document-color,inherit);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-document-font-size,inherit);font-weight:var(--utrecht-document-font-weight,inherit);line-height:var(--utrecht-document-line-height,inherit);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.utrecht-document :lang(ar){letter-spacing:0!important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color,inherit)}

package/dist/index.mjs

@@ -0,0 +1 @@
+export default ".utrecht-document{-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important;color:var(--utrecht-document-color,inherit);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-document-font-size,inherit);font-weight:var(--utrecht-document-font-weight,inherit);line-height:var(--utrecht-document-line-height,inherit);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.utrecht-document :lang(ar){letter-spacing:0!important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color,inherit)}";

package/dist/index.mjs.d.ts

@@ -0,0 +1,2 @@
+declare const css: string;
+export default css;

package/package.json

@@ -1,16 +1,18 @@
 {
-  "version": "1.1.0",
+  "version": "1.3.0",
   "author": "Community for NL Design System",
   "description": "Document component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
   "name": "@utrecht/document-css",
   "files": [
     "dist/",
-    "src/"
+    "docs/",
+    "src/",
+    "*.md"
   ],
   "main": "dist/index.css",
   "devDependencies": {
-    "rollup": "3.29.4"
+    "@utrecht/build-utils-css": "0.0.1"
   },
   "keywords": [
     "nl-design-system"
@@ -18,8 +20,13 @@
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "git+ssh",
+    "url": "git@github.com:nl-design-system/utrecht.git",
+    "directory": "components/document"
+  },
   "scripts": {
-    "build": "rollup -c ../rollup.config.mjs",
+    "build": "build-css-package",
     "clean": "rimraf dist"
   }
 }

package/src/_mixin.scss

@@ -1,10 +1,18 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 
-@mixin utrecht-document {
+@mixin reset-font-smoothing {
   /* reset `font-smoothing: antialiasing`, prefer automatic (`subpixel-antialiasing`) behavior for high-dpi screens */
+  -webkit-font-smoothing: auto !important;
+  -moz-osx-font-smoothing: auto !important;
+}
+
+@mixin utrecht-document {
+  @include reset-font-smoothing;
+
   color: var(--utrecht-document-color, inherit);
   font-family: var(--utrecht-document-font-family, inherit);
   font-size: var(--utrecht-document-font-size, inherit);

package/src/html/_mixin.scss

@@ -1,6 +1,7 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 
 @import "../mixin";

package/src/html/index.scss

@@ -1,6 +1,7 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 
 @import "./mixin";

package/src/index.scss

@@ -1,6 +1,7 @@
 /**
  * @license EUPL-1.2
- * Copyright (c) 2021 Robbert Broersma
+ * Copyright (c) 2020-2024 Frameless B.V.
+ * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 
 @import "./mixin";

package/src/tokens.json

@@ -6,7 +6,8 @@
           "nl.nldesignsystem.css.property": {
             "syntax": "<color>",
             "inherits": true
-          }
+          },
+          "nl.nldesignsystem.figma.supports-token": true
         },
         "type": "color"
       },
@@ -15,7 +16,8 @@
           "nl.nldesignsystem.css.property": {
             "syntax": "<color>",
             "inherits": true
-          }
+          },
+          "nl.nldesignsystem.figma.supports-token": true
         },
         "type": "color"
       },
@@ -24,7 +26,8 @@
           "nl.nldesignsystem.css.property": {
             "syntax": "*",
             "inherits": true
-          }
+          },
+          "nl.nldesignsystem.figma.supports-token": true
         },
         "type": "fontFamilies"
       },
@@ -33,25 +36,28 @@
           "nl.nldesignsystem.css.property": {
             "syntax": "<length>",
             "inherits": true
-          }
+          },
+          "nl.nldesignsystem.figma.supports-token": true
         },
         "type": "fontSizes"
       },
       "font-weight": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
+            "syntax": "<number>",
             "inherits": true
-          }
+          },
+          "nl.nldesignsystem.figma.supports-token": true
         },
         "type": "fontWeights"
       },
       "line-height": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {
-            "syntax": "<length>",
+            "syntax": ["<length>", "<number>"],
             "inherits": true
-          }
+          },
+          "nl.nldesignsystem.figma.supports-token": true
         },
         "type": "lineHeights"
       }

package/dist/index.js

@@ -1 +0,0 @@
-var undefined$1 = undefined;export{undefined$1 as default};