@conduction/theme 1.0.30 → 1.0.32

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/badge.tokens.json

@@ -0,0 +1,29 @@
+{
+  "utrecht": {
+    "badge": {
+      "background-color": {
+        "value": "{rotterdam.color.blue.tint-03}"
+      },
+      "border-radius": {
+        "value": "0"
+      },
+      "color": {
+        "value": "{rotterdam.color.base.white}"
+      },
+      "font-size": {
+        "value": "12px"
+      },
+      "font-weight": {
+        "value": "{rotterdam.typography.weight-scale.bold.font-weight}"
+      },
+      "line-height": {},
+      "padding-block": {
+        "value": "2px"
+      },
+      "padding-inline": {
+        "value": "8px"
+      },
+      "text-transform": {}
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/button.tokens.json

@@ -0,0 +1,110 @@
+{
+  "utrecht": {
+    "button": {
+      "background-color": { "value": "{rotterdam.color.base.green}" },
+      "border-color": {},
+      "border-radius": {},
+      "border-width": { "value": "0" },
+      "color": { "value": "{rotterdam.color.base.white}" },
+      "font-family": { "value": "{rotterdam.typography.sans-serif.font-family}" },
+      "font-size": { "value": "{rotterdam.typography.scale.md}" },
+      "font-weight": { "value": "700" },
+      "inline-size": {},
+      "letter-spacing": {},
+      "line-height": {},
+      "min-block-size": {},
+      "min-inline-size": {},
+      "padding-block-end": { "value": "13px" },
+      "padding-block-start": { "value": "11px" },
+      "padding-inline-end": { "value": "16px" },
+      "padding-inline-start": { "value": "16px" },
+      "text-transform": {},
+      "active": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "icon": {
+        "gap": {},
+        "size": {}
+      },
+      "hover": {
+        "background-color": { "value": "{rotterdam.color.green.tint-02}" },
+        "border-color": {},
+        "color": {},
+        "scale": {}
+      },
+      "focus": {
+        "background-color": {},
+        "border-color": { "value": "{rotterdam.color.base.black}" },
+        "color": {},
+        "scale": {}
+      },
+      "disabled": {
+        "background-color": { "value": "{rotterdam.color.gray.tint-04}" },
+        "border-color": {},
+        "color": { "value": "{rotterdam.color.gray.tint-09}" }
+      },
+      "primary-action": {
+        "background-color": { "value": "{rotterdam.color.base.magenta}" },
+        "color": { "value": "{rotterdam.color.base.white}" },
+        "hover": {
+          "background-color": { "value": "{rotterdam.color.magenta.tint-02}" }
+        }
+      },
+      "secondary-action": {
+        "background-color": { "value": "{rotterdam.color.base.black}" },
+        "color": { "value": "{rotterdam.color.base.white}" },
+        "border-color": {},
+        "border-width": {},
+        "active": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        },
+        "disabled": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        },
+        "hover": {
+          "background-color": { "value": "{rotterdam.color.gray.tint-11}" },
+          "border-color": { "value": "none" },
+          "color": {}
+        },
+        "focus": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        }
+      },
+      "subtle": {
+        "background-color": { "value": "{rotterdam.color.base.white}" },
+        "border-color": {},
+        "border-width": {},
+        "color": { "value": "{rotterdam.color.base.green}" },
+        "font-weight": {},
+        "active": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        },
+        "disabled": {
+          "background-color": { "value": "{rotterdam.color.gray.tint-04}" },
+          "border-color": {},
+          "color": { "value": "{rotterdam.color.gray.tint-09}" }
+        },
+        "hover": {
+          "background-color": {},
+          "border-color": {},
+          "color": { "value": "{rotterdam.color.green.tint-03}" }
+        },
+        "focus": {
+          "background-color": {},
+          "border-color": {},
+          "color": {}
+        }
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/code-block.tokens.json

@@ -0,0 +1,19 @@
+{
+  "utrecht": {
+    "code-block": {
+      "background-color": { "value": "{rotterdam.color.gray.tint-01}" },
+      "color": { "value": "{rotterdam.color.gray.tint-11}" },
+      "font-family": {},
+      "font-size": { "value": "{rotterdam.typography.scale.md}" },
+      "line-height": {},
+      "margin-block-end": { "value": "24px" },
+      "margin-block-start": { "value": "24px" },
+      "margin-inline-end": {},
+      "margin-inline-start": {},
+      "padding-block-end": { "value": "24px" },
+      "padding-block-start": { "value": "24px" },
+      "padding-inline-end": {},
+      "padding-inline-start": { "value": "24px" }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/document.tokens.json

@@ -0,0 +1,11 @@
+{
+  "utrecht": {
+    "document": {
+      "background-color": { "value": "{rotterdam.color.base.white}" },
+      "color": { "value": "{rotterdam.color.gray.tint-11}" },
+      "font-family": { "value": "{rotterdam.typography.sans-serif.font-family}" },
+      "font-size": { "value": "16px" },
+      "line-height": {}
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/figure.tokens.json

@@ -0,0 +1,13 @@
+{
+  "utrecht": {
+    "figure": {
+      "margin-block-end": {},
+      "margin-block-start": {},
+      "caption": {
+        "color": { "value": "{rotterdam.color.gray.tint-02}" },
+        "font-size": { "value": "{rotterdam.typography.scale.md.font-size}" },
+        "line-height": { "value": "28px" }
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/form-control.tokens.json

@@ -0,0 +1,30 @@
+{
+  "utrecht": {
+    "form-control": {
+      "background-color": { "value": "{rotterdam.color.base.white}" },
+      "block-size": { "value": "46px", "comment": "48px - 2px border" },
+      "border-color": { "value": "{rotterdam.color.gray.tint-08}" },
+      "border-radius": { "value": "0" },
+      "border-width": { "value": "1px" },
+      "color": { "value": "{rotterdam.color.gray.tint-11}" },
+      "font-family": { "value": "{rotterdam.typography.sans-serif.font-family}" },
+      "font-size": { "value": "{rotterdam.typography.scale.md}" },
+      "line-height": { "value": "24px" },
+      "min-block-size": {},
+      "padding-block-end": { "value": "12px" },
+      "padding-block-start": { "value": "12px" },
+      "padding-inline-end": { "value": "16px" },
+      "padding-inline-start": { "value": "16px" },
+      "placeholder": {
+        "color": { "value": "{rotterdam.color.gray.tint-09}" }
+      },
+      "focus": {
+        "border-color": {}
+      },
+      "disabled": {
+        "background-color": { "value": "{rotterdam.color.base.gray}" },
+        "color": { "value": "{rotterdam.color.gray.tint-09}" }
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/form-field-description.tokens.json

@@ -0,0 +1,18 @@
+{
+  "utrecht": {
+    "form-field-description": {
+      "color": {},
+      "font-family": {},
+      "font-size": { "value": "{rotterdam.typography.scale.sm.font-size}" },
+      "font-style": {},
+      "margin-block-start": {},
+      "margin-block-end": {},
+      "valid": {
+        "color": { "value": "{rotterdam.color.green.tint-02}" }
+      },
+      "invalid": {
+        "color": { "value": "#B53322" }
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/form-field.tokens.json

@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "form-field": {
+      "margin-block-start": {},
+      "margin-block-end": {}
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/form-fieldset.tokens.json

@@ -0,0 +1,32 @@
+{
+  "utrecht": {
+    "form-fieldset": {
+      "margin-block-start": { "value": "40px" },
+      "margin-block-end": {},
+      "invalid": {
+        "border-inline-start-color": {
+          "color": {}
+        },
+        "border-inline-start-width": {},
+        "padding-inline-start": {}
+      },
+      "section": {
+        "background-color": {},
+        "color": {}
+      },
+      "legend": {
+        "color": { "value": "{rotterdam.color.gray.tint-11}" },
+        "font-family": {},
+        "font-size": { "value": "{rotterdam.typography.scale.xl.font-size}" },
+        "font-weight": { "value": "{rotterdam.typography.weight-scale.bold.font-weight}" },
+        "line-height": { "value": "{rotterdam.typography.scale.xl.line-height}" },
+        "margin-block-end": {},
+        "margin-block-start": {},
+        "text-transform": {},
+        "disabled": {
+          "color": {}
+        }
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/form-label.tokens.json

@@ -0,0 +1,23 @@
+{
+  "utrecht": {
+    "form-label": {
+      "color": { "value": "{rotterdam.color.gray.tint-11}" },
+      "font-size": { "value": "{rotterdam.typography.scale.md.font-size}" },
+      "font-weight": { "value": "{rotterdam.typography.weight-scale.bold.font-weight}" },
+      "checkbox": {
+        "color": {},
+        "font-weight": { "value": "{rotterdam.typography.weight-scale.normal.font-weight}" }
+      },
+      "checked": {
+        "font-weight": {}
+      },
+      "disabled": {
+        "color": {}
+      },
+      "radio": {
+        "color": {},
+        "font-weight": { "value": "{rotterdam.typography.weight-scale.normal.font-weight}" }
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/form-select.tokens.json

@@ -0,0 +1,16 @@
+{
+  "utrecht": {
+    "form-select": {
+      "background-color": { "value": "{rotterdam.color.base.white}" },
+      "border-color": {},
+      "border-width": { "value": "1px" },
+      "color": { "value": "{rotterdam.color.gray.tint-11}" },
+      "font-size": {},
+      "max-inline-size": { "value": "100%" },
+      "padding-block-end": {},
+      "padding-block-start": {},
+      "padding-inline-end": {},
+      "padding-inline-start": {}
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/heading-1.tokens.json

@@ -0,0 +1,13 @@
+{
+  "utrecht": {
+    "heading-1": {
+      "color": {},
+      "font-family": {},
+      "font-size": { "value": "{rotterdam.typography.scale.6xl.font-size}" },
+      "font-weight": {},
+      "line-height": { "value": "{rotterdam.typography.scale.6xl.line-height}" },
+      "margin-block-end": {},
+      "margin-block-start": {}
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/heading-2.tokens.json

@@ -0,0 +1,13 @@
+{
+  "utrecht": {
+    "heading-2": {
+      "color": {},
+      "font-family": {},
+      "font-size": { "value": "{rotterdam.typography.scale.5xl.font-size}" },
+      "font-weight": {},
+      "line-height": { "value": "{rotterdam.typography.scale.5xl.line-height}" },
+      "margin-block-end": {},
+      "margin-block-start": {}
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/heading-3.tokens.json

@@ -0,0 +1,13 @@
+{
+  "utrecht": {
+    "heading-3": {
+      "color": {},
+      "font-family": {},
+      "font-size": { "value": "{rotterdam.typography.scale.4xl.font-size}" },
+      "font-weight": {},
+      "line-height": { "value": "{rotterdam.typography.scale.4xl.line-height}" },
+      "margin-block-end": {},
+      "margin-block-start": {}
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/heading.tokens.json

@@ -0,0 +1,9 @@
+{
+  "utrecht": {
+    "heading": {
+      "color": {},
+      "font-family": {},
+      "font-weight": { "value": "{rotterdam.typography.weight-scale.bold.font-weight}" }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/icon.tokens.json

@@ -0,0 +1,12 @@
+{
+  "utrecht": {
+    "icon": {
+      "color": {},
+      "size": {},
+      "inset-block-start": { "value": "0.1em" },
+      "baseline": {
+        "inset-block-start": {}
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/link.tokens.json

@@ -0,0 +1,33 @@
+{
+  "utrecht": {
+    "link": {
+      "color": { "value": "{rotterdam.color.base.green}" },
+      "text-decoration": { "value": "underline" },
+      "text-decoration-color": {},
+      "text-decoration-thickness": {},
+      "text-underline-offset": {},
+      "active": {
+        "color": { "value": "{rotterdam.color.green.tint-03}" }
+      },
+      "focus": {
+        "color": { "value": "{rotterdam.color.green.tint-03}" },
+        "text-decoration": {},
+        "text-decoration-thickness": {}
+      },
+      "hover": {
+        "color": { "value": "{rotterdam.color.green.tint-03}" },
+        "text-decoration": {},
+        "text-decoration-thickness": {}
+      },
+      "placeholder": {
+        "color": {}
+      },
+      "visited": {
+        "color": {}
+      },
+      "icon": {
+        "size": {}
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/page-footer.tokens.json

@@ -0,0 +1,13 @@
+{
+  "utrecht": {
+    "page-footer": {
+      "color": { "value": "{rotterdam.color.base.white.value}" },
+      "background-color": { "value": "{rotterdam.color.base.green.value}" },
+      "background-image": {},
+      "padding-inline-end": { "value": "72px" },
+      "padding-inline-start": { "value": "72px" },
+      "padding-block-end": { "value": "64px" },
+      "padding-block-start": { "value": "40px" }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/paragraph.tokens.json

@@ -0,0 +1,24 @@
+{
+  "utrecht": {
+    "paragraph": {
+      "color": {},
+      "font-family": { "value": "{rotterdam.typography.sans-serif.font-family}" },
+      "font-size": { "value": "{rotterdam.typography.scale.md.font-size}" },
+      "font-weight": { "value": "{rotterdam.typography.weight-scale.normal.font-weight}" },
+      "line-height": { "value": "28px" },
+      "margin-block-start": {},
+      "margin-block-end": {},
+      "lead": {
+        "font-size": { "value": "28px" },
+        "font-weight": { "value": "400" },
+        "line-height": { "value": "36px" }
+      },
+      "small": {
+        "color": {},
+        "font-size": { "value": "12px" },
+        "font-weight": {},
+        "line-height": { "value": "20px" }
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/table.tokens.json

@@ -0,0 +1,52 @@
+{
+  "utrecht": {
+    "table": {
+      "margin-block-end": {},
+      "margin-block-start": {},
+      "caption": {
+        "font-weight": {},
+        "font-family": {},
+        "font-size": {},
+        "color": {},
+        "line-height": {},
+        "text-align": {},
+        "margin-block-end": {}
+      },
+      "header": {
+        "font-weight": { "value": "{rotterdam.typography.weight-scale.normal.font-weight}" },
+        "background-color": {},
+        "color": {},
+        "text-transform": {},
+        "border-block-end-color": { "value": "{rotterdam.color.gray.tint-11}" },
+        "border-block-end-width": {}
+      },
+      "heading": {
+        "font-weight": {},
+        "color": {},
+        "text-transform": {}
+      },
+      "cell": {
+        "line-height": {},
+        "padding-block-end": { "value": "16px" },
+        "padding-block-start": { "value": "16px" },
+        "padding-inline-end": { "value": "12px" },
+        "padding-inline-start": { "value": "12px" },
+        "border-color": {}
+      },
+      "row": {
+        "border-block-end-color": { "value": "{rotterdam.color.gray.tint-04}" },
+        "border-block-end-width": { "value": " 1px" },
+        "padding-inline-end": {},
+        "padding-inline-start": {},
+        "alternate-odd": {
+          "background-color": {},
+          "color": {}
+        },
+        "alternate-even": {
+          "background-color": {},
+          "color": {}
+        }
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/textarea.tokens.json

@@ -0,0 +1,25 @@
+{
+  "utrecht": {
+    "textarea": {
+      "border-bottom-width": {},
+      "border-color": {},
+      "border-radius": {},
+      "border-width": {},
+      "background-color": {},
+      "color": {},
+      "font-family": {},
+      "font-size": {},
+      "line-height": {},
+      "min-inline-size": {},
+      "max-inline-size": {},
+      "min-block-size": { "value": "200px" },
+      "padding-block-end": { "value": "8px" },
+      "padding-block-start": { "value": "8px" },
+      "padding-inline-end": {},
+      "padding-inline-start": {},
+      "placeholder": {
+        "color": { "value": "{rotterdam.color.gray.tint-09}" }
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/component/utrecht/textbox.tokens.json

@@ -0,0 +1,47 @@
+{
+  "utrecht": {
+    "textbox": {
+      "background-color": {},
+      "border-bottom-width": {},
+      "border-color": { "value": "{rotterdam.color.gray.tint-08}" },
+      "border-radius": {},
+      "border-width": { "value": "1px" },
+      "color": { "value": "{rotterdam.color.gray.tint-11}" },
+      "font-family": { "value": "{rotterdam.typography.sans-serif.font-family}" },
+      "font-size": { "value": "{rotterdam.typography.scale.md.font-size}" },
+      "min-inline-size": {},
+      "max-inline-size": {},
+      "line-height": { "value": "24px" },
+      "padding-block-end": { "value": "12px" },
+      "padding-block-start": { "value": "10px" },
+      "padding-inline-end": { "value": "16px" },
+      "padding-inline-start": { "value": "16px" },
+      "placeholder": {
+        "color": { "value": "{rotterdam.color.gray.tint-09}" }
+      },
+      "disabled": {
+        "background-color": { "value": "{rotterdam.color.base.gray}" },
+        "border-color": {},
+        "color": {}
+      },
+      "focus": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      },
+      "invalid": {
+        "background-color": {},
+        "border-color": {},
+        "border-bottom-width": { "value": "2px" },
+        "border-bottom-color": { "value": "{rotterdam.color.red.tint-01}" },
+        "border-width": {},
+        "color": {}
+      },
+      "read-only": {
+        "background-color": {},
+        "border-color": {},
+        "color": {}
+      }
+    }
+  }
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/config.json

@@ -0,0 +1,34 @@
+{
+  "fullName": "Gemeente Rotterdam",
+  "name": "Rotterdam",
+  "prefix": "rotterdam",
+  "npm": "@nl-design-system-unstable/rotterdam-design-tokens",
+  "stories": [
+    "react-utrecht-button-link--default",
+    "react-utrecht-link-button--default",
+    "react-utrecht-button--default",
+    "react-utrecht-button--hover",
+    "react-utrecht-button--primary-action-button",
+    "react-utrecht-button--secondary-action-button",
+    "react-utrecht-button--subtle-button",
+    "react-utrecht-button--disabled",
+    "react-utrecht-document--default",
+    "react-utrecht-form-field-description",
+    "react-utrecht-form-field-description--invalid",
+    "react-utrecht-form-field-description--valid",
+    "react-utrecht-form-fieldset--default",
+    "react-utrecht-link--default",
+    "react-utrecht-link--hover",
+    "react-utrecht-page-footer--default",
+    "react-utrecht-paragraph--default",
+    "react-utrecht-heading-1--default",
+    "react-utrecht-heading-2--default",
+    "react-utrecht-heading-3--default",
+    "react-utrecht-textbox--default",
+    "react-utrecht-textbox--placeholder",
+    "react-utrecht-textbox--disabled",
+    "react-utrecht-textarea--default",
+    "react-utrecht-textarea--placeholder",
+    "react-utrecht-textarea--disabled"
+  ]
+}

package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/src/custom.scss

@@ -0,0 +1,14 @@
+/**
+ * @license SEE LICENSE.md
+ * Copyright (c) 2021 NL Design System Community
+ * All rights reserved
+ */
+
+@import "./responsive";
+
+.utrecht-form-fieldset__legend {
+  border-block-end-color: var(--rotterdam-form-fieldset-legend-border-block-end-color);
+  border-block-end-style: solid;
+  border-block-end-width: var(--rotterdam-form-fieldset-legend-border-block-end-width, 0);
+  padding-block-end: var(--rotterdam-form-fieldset-legend-padding-block-end, 0);
+}