@lux-design-system/design-tokens 2.1.0 → 2.2.1

package/lib/tokens/nl/utrecht-accordion.json

@@ -0,0 +1,188 @@
+{
+  "utrecht": {
+    "accordion": {
+      "margin-block-end": {
+        "value": "0px",
+        "description": "[code-only]",
+        "type": "dimension"
+      },
+      "margin-block-start": {
+        "value": "0px",
+        "description": "[code-only]",
+        "type": "dimension"
+      },
+      "row-gap": {
+        "value": "{lux.space.100}",
+        "type": "dimension"
+      },
+      "button": {
+        "background-color": {
+          "value": "{lux.color.background.subdued}",
+          "type": "color"
+        },
+        "border-color": {
+          "value": "{lux.color.none}",
+          "type": "color"
+        },
+        "border-radius": {
+          "value": "{lux.border-radius.default}",
+          "type": "dimension"
+        },
+        "border-width": {
+          "value": "{lux.border-width.default}",
+          "type": "dimension"
+        },
+        "color": {
+          "value": "{lux.color.foreground.default}",
+          "type": "color"
+        },
+        "gap": {
+          "value": "{lux.space.100}",
+          "type": "dimension"
+        },
+        "padding-block-end": {
+          "value": "{lux.space.150}",
+          "type": "dimension"
+        },
+        "padding-block-start": {
+          "value": "{lux.space.150}",
+          "type": "dimension"
+        },
+        "padding-inline-end": {
+          "value": "{lux.space.200}",
+          "type": "dimension"
+        },
+        "padding-inline-start": {
+          "value": "{lux.space.200}",
+          "type": "dimension"
+        },
+        "icon": {
+          "size": {
+            "value": "{lux.size.icon}",
+            "type": "dimension"
+          }
+        },
+        "active": {
+          "background-color": {
+            "value": "{lux.color.grijs.400}",
+            "type": "color"
+          },
+          "border-color": {
+            "value": "{lux.color.none}",
+            "type": "color"
+          },
+          "color": {
+            "value": "{lux.color.foreground.default}",
+            "type": "color"
+          }
+        },
+        "hover": {
+          "background-color": {
+            "value": "{lux.color.background.hover}",
+            "type": "color"
+          },
+          "border-color": {
+            "value": "{lux.color.none}",
+            "type": "color"
+          },
+          "color": {
+            "value": "{lux.color.foreground.default}",
+            "type": "color"
+          }
+        },
+        "focus-visible": {
+          "background-color": {
+            "value": "{lux.color.background.subdued}",
+            "type": "color"
+          },
+          "border-color": {
+            "value": "{lux.color.none}",
+            "type": "color"
+          },
+          "border-width": {
+            "value": "{lux.border-width.default}",
+            "type": "dimension"
+          },
+          "color": {
+            "value": "{lux.color.foreground.default}",
+            "type": "color"
+          }
+        }
+      },
+      "panel": {
+        "border-color": {
+          "value": "{lux.color.background.default}",
+          "type": "color"
+        },
+        "border-width": {
+          "value": "{lux.border-width.default}",
+          "type": "dimension"
+        },
+        "padding-block-end": {
+          "value": "{lux.space.400}",
+          "type": "dimension"
+        },
+        "padding-block-start": {
+          "value": "{lux.space.200}",
+          "type": "dimension"
+        },
+        "padding-inline-end": {
+          "value": "{lux.space.400}",
+          "type": "dimension"
+        },
+        "padding-inline-start": {
+          "value": "{lux.space.400}",
+          "type": "dimension"
+        }
+      },
+      "section": {
+        "border-color": {
+          "value": "{lux.color.background.subdued}",
+          "type": "color"
+        },
+        "border-width": {
+          "value": "{lux.border-width.default}",
+          "type": "dimension"
+        },
+        "margin-block-end": {
+          "value": "0px",
+          "description": "[code-only]",
+          "type": "dimension"
+        },
+        "margin-block-start": {
+          "value": "0px",
+          "description": "[code-only]",
+          "type": "dimension"
+        },
+        "hover": {
+          "border-color": {
+            "value": "{lux.color.background.hover}",
+            "type": "color"
+          }
+        }
+      }
+    }
+  },
+  "todo": {
+    "accordion": {
+      "button": {
+        "font-family": {
+          "value": "{utrecht.button.font-family}",
+          "type": "fontFamilies"
+        },
+        "font-size": {
+          "value": "{utrecht.button.font-size}",
+          "type": "fontSizes"
+        },
+        "font-weight": {
+          "value": "{utrecht.button.font-weight}",
+          "type": "fontWeights"
+        },
+        "line-height": {
+          "value": "{utrecht.button.line-height}",
+          "type": "lineHeights"
+        }
+      }
+    }
+  }
+}

package/lib/tokens/nl/utrecht-action.json

@@ -1,12 +1,42 @@
 {
   "utrecht": {
     "action": {
-      "activate": { "cursor": { "value": "pointer" } },
-      "busy": { "cursor": { "value": "wait" } },
-      "disabled": { "cursor": { "value": "not-allowed" } },
-      "inert": { "cursor": { "value": "default" } },
-      "navigate": { "cursor": { "value": "pointer" } },
-      "submit": { "cursor": { "value": "pointer" } }
+      "activate": {
+        "cursor": {
+          "value": "pointer",
+          "type": "other"
+        }
+      },
+      "busy": {
+        "cursor": {
+          "value": "wait",
+          "type": "other"
+        }
+      },
+      "disabled": {
+        "cursor": {
+          "value": "not-allowed",
+          "type": "other"
+        }
+      },
+      "inert": {
+        "cursor": {
+          "value": "default",
+          "type": "other"
+        }
+      },
+      "navigate": {
+        "cursor": {
+          "value": "pointer",
+          "type": "other"
+        }
+      },
+      "submit": {
+        "cursor": {
+          "value": "pointer",
+          "type": "other"
+        }
+      }
     }
   }
-}
+}

package/lib/tokens/nl/utrecht-link-list.json

@@ -14,12 +14,8 @@
           "value": "{lux.icon.inset-block-start}",
           "type": "spacing"
         }
-      }
-    }
-  },
-  "todo": {
-    "link-list": {
-      "item": {
+      },
+      "link": {
         "column-gap": {
           "value": "{lux.space.100}",
           "type": "spacing"
@@ -28,6 +24,22 @@
           "value": "None",
           "type": "textDecoration"
         }
+      },
+      "font-weight": {
+        "value": "{lux.font-weight.regular}",
+        "type": "fontWeights"
+      }
+    }
+  },
+  "lux": {
+    "link-list": {
+      "link": {
+        "hover": {
+          "text-decoration": {
+            "value": "underline",
+            "type": "textDecoration"
+          }
+        }
       }
     }
   }

package/lib/tokens/nl/utrecht-link.json

@@ -42,6 +42,13 @@
         },
         "text-decoration": {
           "value": "none",
+          "type": "textDecoration",
+          "description": "Legacy token"
+        }
+      },
+      "focus-visible": {
+        "text-decoration": {
+          "value": "None",
           "type": "textDecoration"
         }
       },

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.1.0",
+  "version": "2.2.1",
   "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",
@@ -19,10 +19,21 @@
   "repository": {
     "type": "git+ssh",
     "url": "git@github.com:nl-design-system/lux.git",
-    "directory": "properietary/design-tokens"
+    "directory": "proprietary/design-tokens"
   },
   "homepage": "https://nl-design-system.github.io/lux/",
   "bugs": "https://github.com/nl-design-system/lux/issues",
+  "devDependencies": {
+    "@divriots/style-dictionary-to-figma": "0.4.0",
+    "@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": "6.0.1",
+    "style-dictionary": "3.9.2"
+  },
+  "gitHead": "0b9df605d6559335afddf7761dde5e806153d468",
   "scripts": {
     "clean": "npm-run-all clean:**",
     "clean:dist": "rimraf dist/",
@@ -34,19 +45,6 @@
     "build:tokens-studio": "node ./build/run-build.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",
-    "prepack": "npm-run-all build lint createlib",
-    "postpack": "npm run clean:lib"
-  },
-  "devDependencies": {
-    "@divriots/style-dictionary-to-figma": "0.4.0",
-    "@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": "6.0.1",
-    "style-dictionary": "3.9.2"
-  },
-  "gitHead": "0b9df605d6559335afddf7761dde5e806153d468"
-}
+    "createlib": "cpy imported/**/*.json ../lib/tokens/ --cwd=src"
+  }
+}