@nl-rvo/css-max-width-layout 1.3.1 → 1.4.0

package/dist/{index.min.css → max-width-layout.css}

@@ -1 +1 @@
-.rvo-max-width-layout{margin-inline-end:auto;margin-inline-start:auto}.rvo-max-width-layout--uncentered{margin-inline-end:0;margin-inline-start:0}.rvo-max-width-layout--sm{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-sm)}.rvo-max-width-layout--md{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-md)}.rvo-max-width-layout--lg{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-lg)}.rvo-max-width-layout-inline-padding--sm{padding-inline-end:var(--rvo-space-sm);padding-inline-start:var(--rvo-space-sm)}.rvo-max-width-layout-inline-padding--md{padding-inline-end:var(--rvo-space-md);padding-inline-start:var(--rvo-space-md)}.rvo-max-width-layout-inline-padding--lg{padding-inline-end:var(--rvo-space-lg);padding-inline-start:var(--rvo-space-lg)}
+.rvo-max-width-layout{margin-inline-end:auto;margin-inline-start:auto}.rvo-max-width-layout--uncentered{margin-inline-end:0;margin-inline-start:0}.rvo-max-width-layout--sm{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-sm)}.rvo-max-width-layout--md{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-md)}.rvo-max-width-layout--lg{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-lg)}.rvo-max-width-layout-inline-padding--sm{padding-inline-end:var(--rvo-space-sm);padding-inline-start:var(--rvo-space-sm)}.rvo-max-width-layout-inline-padding--md{padding-inline-end:var(--rvo-space-md);padding-inline-start:var(--rvo-space-md)}.rvo-max-width-layout-inline-padding--lg{padding-inline-end:var(--rvo-space-lg);padding-inline-start:var(--rvo-space-lg)}/*# sourceMappingURL=max-width-layout.css.map */

package/dist/max-width-layout.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/max-width-layout.scss"],"names":[],"mappings":"AAIA,sBACE,uBACA,yBAGF,kCACE,oBACA,sBAGF,0BACE,iBACA,+CAGF,0BACE,iBACA,+CAGF,0BACE,iBACA,+CAGF,yCACE,uCACA,yCAGF,yCACE,uCACA,yCAGF,yCACE,uCACA","file":"max-width-layout.css"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.1",
+  "version": "1.4.0",
   "author": "Community for NL Design System",
   "license": "CC0-1.0",
   "name": "@nl-rvo/css-max-width-layout",
@@ -9,26 +9,26 @@
     "css",
     "max-width-layout"
   ],
-  "files": [
-    "src/index.scss",
-    "dist/",
-    "design-tokens.json",
-    "*.md"
-  ],
-  "main": "dist/index.css",
-  "publishConfig": {
-    "access": "public"
-  },
   "repository": {
     "type": "git+ssh",
     "url": "git@github.com:nl-design-system/rvo.git",
-    "directory": "components/max-width-layout"
+    "directory": "components/max-width-layout/style"
   },
-  "devDependencies": {
-    "@nl-rvo/build-utils-css": "0.1.0"
+  "files": [
+    "src/",
+    "dist/"
+  ],
+  "exports": {
+    ".": "./dist/max-width-layout.css",
+    "./dist/*": "./dist/*"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
   },
   "scripts": {
-    "build": "build-css-package",
-    "clean": "rimraf dist"
+    "build": "sass --pkg-importer=node --style=compressed ./src/:./dist/",
+    "watch": "sass --pkg-importer=node --style=compressed --watch ./src/:./dist/",
+    "clean": "rimraf ./dist/"
   }
 }

package/CHANGELOG.md

@@ -1,72 +0,0 @@
-# `@nl-rvo/css-max-width-layout`
-
-## 1.3.1
-
-### Patch Changes
-
-- 93fdefc: Use CSS Logical properties, to support both `dir=ltr` and `dir=rtl`.
-
-## 1.3.0
-
-### Minor Changes
-
-- fa36e07: Project structure updates
-
-  - Moved all Storybook stories to the /stories directory.
-  - Moved all documentation files to the /docs directory.
-  - Removed React components from library-component-react and moved them into this package.
-  - Update all .stories imports to the right react package "component-library-react"
-  - Fix all Redundant / PascalCase lint warnings for .stories files.
-
-## 1.2.5
-
-### Patch Changes
-
-- 11eb258: Update imports to support storybook v10
-
-## 1.2.4
-
-### Patch Changes
-
-- d9727b9: Added width 100% to layout types and update linked components using this class
-
-## 1.2.3
-
-### Patch Changes
-
-- 8fcf59c: Added width 100% to layout types and update linked components using this class
-
-## 1.2.2
-
-### Patch Changes
-
-- de80995: Made centered content in max-width-layout optional
-
-## 1.2.1
-
-### Patch Changes
-
-- 07b0344: Added min-width to max-width-layout to ensure it fits correctly in other layout containers
-
-## 1.2.0
-
-### Minor Changes
-
-- 0cdf4eb: Remove utrecht-components-css reference and include utrecht css per component when needed
-
-## 1.1.0
-
-### Minor Changes
-
-- c029d6a: Removed grid styling when layout contains progress tracker
-
-## 1.0.0
-
-### Major Changes
-
-- daa0537: Create npm package for each component.
-
-## Pre-releases
-
-_@nl-rvo/component-library-css@1.0.0-alpha.17_:
-Added component

package/README.mdx

@@ -1,28 +0,0 @@
-De max width layout component kadert een vlak af wanneer een bepaalde breedte bereikt wordt.
-
-## Wanneer gebruik je max width layout
-
-Wanneer je content hebt die niet over de gehele breedte van het scherm getoond mag worden.
-
-## Anatomie van het component
-
-Het component bestaat uit:
-
-- Container
-
-## Richtlijnen
-
-- Content moet leesbaar blijven en een regel tekst moet daarom tussen de 75 en 100 tekens bevatten. Een max width container kan helpen om de content af te kaderen.
-
-## Rijkshuisstijl
-
-Er zijn geen richtlijnen vanuit de Rijkshuisstijl betreffende de maximale breedte van content.
-
-## Bronnen
-
-- <a
-    href="https://web.archive.org/web/20220606133257/https://baymard.com/blog/line-length-readability"
-    className="rvo-link"
-  >
-    Readability: The Optimal Line Length - Baymard Institute
-  </a>

package/design-tokens.json

@@ -1,26 +0,0 @@
-{
-  "rvo": {
-    "layout": {
-      "max-width": {
-        "sm": {
-          "css": {
-            "syntax": "<length>",
-            "inherits": true
-          }
-        },
-        "md": {
-          "css": {
-            "syntax": "<length>",
-            "inherits": true
-          }
-        },
-        "lg": {
-          "css": {
-            "syntax": "<length>",
-            "inherits": true
-          }
-        }
-      }
-    }
-  }
-}

package/dist/index.css

@@ -1,44 +0,0 @@
-/**
- * @license CC0-1.0
- * Copyright (c) 2021 Community for NL Design System
- */
-
-.rvo-max-width-layout {
-  margin-inline-end: auto;
-  margin-inline-start: auto;
-}
-
-.rvo-max-width-layout--uncentered {
-  margin-inline-end: 0;
-  margin-inline-start: 0;
-}
-
-.rvo-max-width-layout--sm {
-  inline-size: 100%;
-  max-inline-size: var(--rvo-layout-max-width-sm);
-}
-
-.rvo-max-width-layout--md {
-  inline-size: 100%;
-  max-inline-size: var(--rvo-layout-max-width-md);
-}
-
-.rvo-max-width-layout--lg {
-  inline-size: 100%;
-  max-inline-size: var(--rvo-layout-max-width-lg);
-}
-
-.rvo-max-width-layout-inline-padding--sm {
-  padding-inline-end: var(--rvo-space-sm);
-  padding-inline-start: var(--rvo-space-sm);
-}
-
-.rvo-max-width-layout-inline-padding--md {
-  padding-inline-end: var(--rvo-space-md);
-  padding-inline-start: var(--rvo-space-md);
-}
-
-.rvo-max-width-layout-inline-padding--lg {
-  padding-inline-end: var(--rvo-space-lg);
-  padding-inline-start: var(--rvo-space-lg);
-}

package/dist/index.mjs

@@ -1 +0,0 @@
-export default ".rvo-max-width-layout{margin-inline-end:auto;margin-inline-start:auto}.rvo-max-width-layout--uncentered{margin-inline-end:0;margin-inline-start:0}.rvo-max-width-layout--sm{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-sm)}.rvo-max-width-layout--md{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-md)}.rvo-max-width-layout--lg{inline-size:100%;max-inline-size:var(--rvo-layout-max-width-lg)}.rvo-max-width-layout-inline-padding--sm{padding-inline-end:var(--rvo-space-sm);padding-inline-start:var(--rvo-space-sm)}.rvo-max-width-layout-inline-padding--md{padding-inline-end:var(--rvo-space-md);padding-inline-start:var(--rvo-space-md)}.rvo-max-width-layout-inline-padding--lg{padding-inline-end:var(--rvo-space-lg);padding-inline-start:var(--rvo-space-lg)}";

package/dist/index.mjs.d.ts

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