@lux-design-system/design-tokens 1.0.0-alpha.2

package/lib/tokens/product/NLdoc - default.json

@@ -0,0 +1,106 @@
+{
+  "lux": {
+    "color": {
+      "brand": {
+        "default": {
+          "value": "{lux.color.violet.300}",
+          "type": "color",
+          "parent": "product/NLdoc",
+          "description": "kleur van het product"
+        },
+        "subdued": {
+          "value": "{lux.color.violet.100}",
+          "type": "color",
+          "parent": "product/NLdoc",
+          "description": "Subtiele kleur van het product"
+        },
+        "hover": {
+          "value": "{lux.color.violet.400}",
+          "type": "color",
+          "parent": "product/NLdoc",
+          "description": "Hover kleur van het product"
+        }
+      }
+    },
+    "border-radius": {
+      "default": {
+        "value": "0rem",
+        "type": "dimension",
+        "parent": "product/NLdoc",
+        "description": ""
+      }
+    },
+    "focus": {
+      "outline-width": {
+        "value": "0.0625rem",
+        "type": "dimension",
+        "parent": "product/NLdoc",
+        "description": ""
+      },
+      "border-radius": {
+        "value": "0rem",
+        "type": "dimension",
+        "parent": "product/NLdoc",
+        "description": ""
+      }
+    }
+  },
+  "product": {
+    "button": {
+      "secondary": {
+        "background-color": {
+          "value": "{lux.color.none}",
+          "type": "color",
+          "parent": "product/NLdoc",
+          "description": ""
+        },
+        "border-color": {
+          "value": "{lux.color.brand.default}",
+          "type": "color",
+          "parent": "product/NLdoc"
+        },
+        "color": {
+          "value": "{lux.color.brand.default}",
+          "type": "color",
+          "parent": "product/NLdoc"
+        },
+        "hover": {
+          "border-color": {
+            "value": "{lux.color.brand.hover}",
+            "type": "color",
+            "parent": "product/NLdoc"
+          },
+          "color": {
+            "value": "{lux.color.brand.hover}",
+            "type": "color",
+            "parent": "product/NLdoc"
+          },
+          "background-color": {
+            "value": "{lux.color.brand.subdued}",
+            "type": "color",
+            "parent": "product/NLdoc"
+          }
+        }
+      },
+      "tertiary": {
+        "color": {
+          "value": "{lux.color.brand.default}",
+          "type": "color",
+          "parent": "product/NLdoc"
+        },
+        "hover": {
+          "color": {
+            "value": "{lux.color.brand.hover}",
+            "type": "color",
+            "parent": "product/NLdoc"
+          },
+          "background-color": {
+            "value": "{lux.color.brand.subdued}",
+            "type": "color",
+            "parent": "product/NLdoc"
+          }
+        }
+      }
+    }
+  }
+}

package/lib/tokens/viewport (beta)/lg.json

@@ -0,0 +1,66 @@
+{
+  "figma": {
+    "rijkslint": {
+      "variant": {
+        "value": "default",
+        "type": "text",
+        "parent": "viewport (beta)/lg",
+        "description": ""
+      }
+    },
+    "screen-size": {
+      "value": "64rem",
+      "type": "dimension",
+      "parent": "viewport (beta)/lg",
+      "description": ""
+    }
+  },
+  "lux": {
+    "grid": {
+      "gutter": {
+        "value": "2rem",
+        "type": "dimension",
+        "parent": "viewport (beta)/lg",
+        "description": ""
+      },
+      "margin": {
+        "value": "2.5rem",
+        "type": "dimension",
+        "parent": "viewport (beta)/lg",
+        "description": ""
+      }
+    },
+    "size": {
+      "icon": {
+        "wrapper-height": {
+          "value": "1.75rem",
+          "type": "dimension",
+          "parent": "viewport (beta)/lg",
+          "description": ""
+        }
+      }
+    }
+  },
+  "viewport": {
+    "rijkslint": {
+      "wordmark": {
+        "75%": {
+          "padding-block-start": {
+            "value": "2.5rem",
+            "type": "dimension",
+            "parent": "viewport (beta)/lg",
+            "description": ""
+          }
+        },
+        "original": {
+          "padding-block-start": {
+            "value": "3.125rem",
+            "type": "dimension",
+            "parent": "viewport (beta)/lg",
+            "description": ""
+          }
+        }
+      }
+    }
+  }
+}

package/lib/tokens/viewport (beta)/md.json

@@ -0,0 +1,66 @@
+{
+  "figma": {
+    "rijkslint": {
+      "variant": {
+        "value": "default",
+        "type": "text",
+        "parent": "viewport (beta)/md",
+        "description": ""
+      }
+    },
+    "screen-size": {
+      "value": "48rem",
+      "type": "dimension",
+      "parent": "viewport (beta)/md",
+      "description": ""
+    }
+  },
+  "lux": {
+    "grid": {
+      "gutter": {
+        "value": "1.5rem",
+        "type": "dimension",
+        "parent": "viewport (beta)/md",
+        "description": ""
+      },
+      "margin": {
+        "value": "2rem",
+        "type": "dimension",
+        "parent": "viewport (beta)/md",
+        "description": ""
+      }
+    },
+    "size": {
+      "icon": {
+        "wrapper-height": {
+          "value": "1.75rem",
+          "type": "dimension",
+          "parent": "viewport (beta)/md",
+          "description": ""
+        }
+      }
+    }
+  },
+  "viewport": {
+    "rijkslint": {
+      "wordmark": {
+        "75%": {
+          "padding-block-start": {
+            "value": "2.5rem",
+            "type": "dimension",
+            "parent": "viewport (beta)/md",
+            "description": ""
+          }
+        },
+        "original": {
+          "padding-block-start": {
+            "value": "3.125rem",
+            "type": "dimension",
+            "parent": "viewport (beta)/md",
+            "description": ""
+          }
+        }
+      }
+    }
+  }
+}

package/lib/tokens/viewport (beta)/sm.json

@@ -0,0 +1,66 @@
+{
+  "figma": {
+    "rijkslint": {
+      "variant": {
+        "value": "default",
+        "type": "text",
+        "parent": "viewport (beta)/sm",
+        "description": ""
+      }
+    },
+    "screen-size": {
+      "value": "36rem",
+      "type": "dimension",
+      "parent": "viewport (beta)/sm",
+      "description": ""
+    }
+  },
+  "lux": {
+    "grid": {
+      "gutter": {
+        "value": "1.5rem",
+        "type": "dimension",
+        "parent": "viewport (beta)/sm",
+        "description": ""
+      },
+      "margin": {
+        "value": "1.5rem",
+        "type": "dimension",
+        "parent": "viewport (beta)/sm",
+        "description": ""
+      }
+    },
+    "size": {
+      "icon": {
+        "wrapper-height": {
+          "value": "1.75rem",
+          "type": "dimension",
+          "parent": "viewport (beta)/sm",
+          "description": ""
+        }
+      }
+    }
+  },
+  "viewport": {
+    "rijkslint": {
+      "wordmark": {
+        "75%": {
+          "padding-block-start": {
+            "value": "2.5rem",
+            "type": "dimension",
+            "parent": "viewport (beta)/sm",
+            "description": ""
+          }
+        },
+        "original": {
+          "padding-block-start": {
+            "value": "3.125rem",
+            "type": "dimension",
+            "parent": "viewport (beta)/sm",
+            "description": ""
+          }
+        }
+      }
+    }
+  }
+}

package/lib/tokens/viewport (beta)/xl.json

@@ -0,0 +1,66 @@
+{
+  "figma": {
+    "rijkslint": {
+      "variant": {
+        "value": "default",
+        "type": "text",
+        "parent": "viewport (beta)/xl",
+        "description": ""
+      }
+    },
+    "screen-size": {
+      "value": "90rem",
+      "type": "dimension",
+      "parent": "viewport (beta)/xl",
+      "description": ""
+    }
+  },
+  "lux": {
+    "grid": {
+      "gutter": {
+        "value": "2rem",
+        "type": "dimension",
+        "parent": "viewport (beta)/xl",
+        "description": ""
+      },
+      "margin": {
+        "value": "2.5rem",
+        "type": "dimension",
+        "parent": "viewport (beta)/xl",
+        "description": ""
+      }
+    },
+    "size": {
+      "icon": {
+        "wrapper-height": {
+          "value": "1.75rem",
+          "type": "dimension",
+          "parent": "viewport (beta)/xl",
+          "description": ""
+        }
+      }
+    }
+  },
+  "viewport": {
+    "rijkslint": {
+      "wordmark": {
+        "75%": {
+          "padding-block-start": {
+            "value": "2.5rem",
+            "type": "dimension",
+            "parent": "viewport (beta)/xl",
+            "description": ""
+          }
+        },
+        "original": {
+          "padding-block-start": {
+            "value": "3.125rem",
+            "type": "dimension",
+            "parent": "viewport (beta)/xl",
+            "description": ""
+          }
+        }
+      }
+    }
+  }
+}

package/lib/tokens/viewport (beta)/xs.json

@@ -0,0 +1,66 @@
+{
+  "figma": {
+    "rijkslint": {
+      "variant": {
+        "value": "small",
+        "type": "text",
+        "parent": "viewport (beta)/xs",
+        "description": ""
+      }
+    },
+    "screen-size": {
+      "value": "23.4375rem",
+      "type": "dimension",
+      "parent": "viewport (beta)/xs",
+      "description": ""
+    }
+  },
+  "lux": {
+    "grid": {
+      "gutter": {
+        "value": "0rem",
+        "type": "dimension",
+        "parent": "viewport (beta)/xs",
+        "description": ""
+      },
+      "margin": {
+        "value": "1rem",
+        "type": "dimension",
+        "parent": "viewport (beta)/xs",
+        "description": ""
+      }
+    },
+    "size": {
+      "icon": {
+        "wrapper-height": {
+          "value": "1.5rem",
+          "type": "dimension",
+          "parent": "viewport (beta)/xs",
+          "description": ""
+        }
+      }
+    }
+  },
+  "viewport": {
+    "rijkslint": {
+      "wordmark": {
+        "75%": {
+          "padding-block-start": {
+            "value": "1.25rem",
+            "type": "dimension",
+            "parent": "viewport (beta)/xs",
+            "description": ""
+          }
+        },
+        "original": {
+          "padding-block-start": {
+            "value": "1.25rem",
+            "type": "dimension",
+            "parent": "viewport (beta)/xs",
+            "description": ""
+          }
+        }
+      }
+    }
+  }
+}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "version": "1.0.0-alpha.2",
+  "author": "Logius",
+  "description": "Design Tokens for LUX, the Design System for Logius, based on the NL Design System architecture",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "name": "@lux-design-system/design-tokens",
+  "keywords": [
+    "nl-design-system",
+    "lux-design-system"
+  ],
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "lib/"
+  ],
+  "repository": {
+    "type": "git+ssh",
+    "url": "git@github.com:nl-design-system/lux.git"
+  },
+  "scripts": {
+    "clean": "npm-run-all clean:**",
+    "clean:dist": "rimraf dist/",
+    "clean:lib": "rimraf lib/",
+    "lint": "npm-run-all lint:**",
+    "lint:json": "jsonlint -q -F src/**/*.json",
+    "prebuild": "npm run clean",
+    "build": "npm-run-all build:tokens-studio",
+    "build:tokens-studio": "node build-tokens.mjs",
+    "watch": "npm-run-all watch:**",
+    "watch:tokens-studio": "chokidar --follow-symlinks --initial --command 'npm run build' 'src/**/*.json'",
+    "createlib": "cpy imported/**/*.json ../lib/tokens/ --cwd=src && cpy . ../../lib/css/ --cwd=dist",
+    "prepack": "npm-run-all build lint createlib",
+    "postpack": "npm run clean:lib"
+  },
+  "devDependencies": {
+    "@prantlf/jsonlint": "14.0.3",
+    "@tokens-studio/sd-transforms": "0.15.2",
+    "chokidar-cli": "3.0.0",
+    "cpy-cli": "5.0.0",
+    "npm-run-all": "4.1.5",
+    "rimraf": "5.0.7",
+    "style-dictionary": "3.9.2"
+  },
+  "gitHead": "0b4b70f753caaa882c86d97f13a63f24dc63e99e"
+}