@rijkshuisstijl-community/components-css 1.0.0-alpha.9 → 1.0.0-alpha.90

package/src/wrapper/createSpacingCSS.js

@@ -0,0 +1,69 @@
+import fs from 'fs';
+import path from 'path';
+const spacingMatrix = JSON.parse(fs.readFileSync('./src/wrapper/spacing-matrix.json'));
+
+const spaceMap = {
+  NVT: undefined,
+  Onbekenden: 'stranger',
+  Kennissen: 'acquaintance',
+  Vrienden: 'friend',
+  Besties: 'best-friend',
+  Kind: 'confidant',
+};
+
+const getSpacings = (spacingMatrix) => {
+  return spacingMatrix
+    .map((spacing) => {
+      const entries = Object.entries(spacing);
+      const [, component] = entries.shift();
+      return entries
+        .map(([sibling, space]) => {
+          const spacing = spaceMap[space];
+          return spacing && { component, sibling, spacing };
+        })
+        .filter(Boolean);
+    })
+    .filter((arr) => arr.length);
+};
+
+const getSpacingMixins = (components) =>
+  components.map((mixinGroup) => {
+    const componentName = mixinGroup[0].component;
+
+    const mixins = mixinGroup.map(
+      ({ component, sibling, spacing }) =>
+        `.${component}:has(+ .${sibling}) {
+  --${component}-margin-block-end: var(--utrecht-rich-text-${spacing}-margin-block-end);
+}`,
+    );
+    return `@mixin ${componentName} {
+  .${componentName}:first-child {
+    --${componentName}-margin-block-start: 0;
+  }
+ ${mixins.join(';\n')}
+}`;
+  });
+
+const getRichTextStyles = (components) => `
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2024-2025 Gemeente Utrecht
+ * Copyright (c) 2024-2025 Frameless B.V.
+ */
+
+@import "./mixin";
+
+.rhc-margin-block-end-wrapper {
+  --utrecht-space-around: 1;
+  ${components.map((mixinGroup) => `@include ${mixinGroup[0].component}`).join(';\n')}
+}`;
+
+const spacings = getSpacings(spacingMatrix);
+
+fs.writeFileSync(path.resolve('./src/wrapper/_mixin.scss'), getSpacingMixins(spacings).join('\n'), {
+  override: true,
+});
+
+fs.writeFileSync(path.resolve('./src/wrapper/index.scss'), getRichTextStyles(spacings), {
+  override: true,
+});

package/src/wrapper/index.scss

@@ -0,0 +1,43 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2024-2025 Gemeente Utrecht
+ * Copyright (c) 2024-2025 Frameless B.V.
+ */
+
+@import "./mixin";
+
+.rhc-margin-block-end-wrapper {
+  --utrecht-space-around: 1;
+  @include utrecht-heading-1;
+  @include utrecht-heading-2;
+  @include utrecht-heading-3;
+  @include utrecht-heading-4;
+  @include utrecht-heading-5;
+  @include utrecht-heading-6;
+  @include utrecht-accordion;
+  @include utrecht-alert;
+  @include utrecht-badge-list;
+  @include utrecht-blockquote;
+  @include utrecht-breadcrumb-nav;
+  @include utrecht-button;
+  @include utrecht-button-group;
+  @include utrecht-data-list;
+  @include utrecht-figure;
+  @include utrecht-form-field;
+  @include utrecht-form-field-description;
+  @include utrecht-form-field-error-message;
+  @include utrecht-form-label;
+  @include utrecht-img;
+  @include utrecht-link;
+  @include utrecht-ordered-list;
+  @include utrecht-pagination;
+  @include utrecht-paragraph;
+  @include utrecht-select;
+  @include utrecht-separator;
+  @include utrecht-sidenav;
+  @include utrecht-badge-status;
+  @include utrecht-table;
+  @include utrecht-textarea;
+  @include utrecht-textbox;
+  @include utrecht-unordered-list;
+}