@utrecht/design-tokens 3.0.0 → 3.2.0

package/dist/tokens.cjs

@@ -4020,6 +4020,47 @@ module.exports = {
         "type": "textCase"
       },
       "item": {
+        "first": {
+          "padding-inline-start": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false,
+              "studio.tokens": {
+                "originalType": "spacing"
+              }
+            },
+            "type": "dimension",
+            "value": "0",
+            "filePath": "src/component/utrecht/breadcrumb-nav.tokens.json",
+            "isSource": true,
+            "original": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {
+                  "syntax": "<length>",
+                  "inherits": true
+                },
+                "nl.nldesignsystem.figma.supports-token": false,
+                "studio.tokens": {
+                  "originalType": "spacing"
+                }
+              },
+              "type": "dimension",
+              "value": "0"
+            },
+            "name": "padding-inline-start",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "breadcrumb-nav",
+              "item",
+              "first",
+              "padding-inline-start"
+            ]
+          }
+        },
         "padding-block-start": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {
@@ -10415,6 +10456,425 @@ module.exports = {
         }
       }
     },
+    "card": {
+      "background-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color",
+        "value": "hsl(211 60% 90%)",
+        "filePath": "src/component/utrecht/card.tokens.json",
+        "isSource": true,
+        "original": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color",
+          "value": "{utrecht.color.blue.90}"
+        },
+        "name": "background-color",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "card",
+          "background-color"
+        ]
+      },
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<color>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "color",
+        "value": "hsl(0 0% 0%)",
+        "filePath": "src/component/utrecht/card.tokens.json",
+        "isSource": true,
+        "original": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color",
+          "value": "{utrecht.color.black}"
+        },
+        "name": "color",
+        "attributes": {},
+        "path": [
+          "utrecht",
+          "card",
+          "color"
+        ]
+      },
+      "max-inline-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "dimension"
+      },
+      "border-radius": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "dimension"
+      },
+      "box-shadow": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<shadow>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "shadow"
+      },
+      "inline-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "dimension"
+      },
+      "row-gap": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": "<length>",
+            "inherits": true
+          },
+          "nl.nldesignsystem.figma.supports-token": false
+        },
+        "type": "dimension"
+      },
+      "heading": {
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<color>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "color",
+          "value": "hsl(211 60% 35%)",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<color>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "color",
+            "value": "{utrecht.color.blue.35}"
+          },
+          "name": "color",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "heading",
+            "color"
+          ]
+        },
+        "padding-inline-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.inline.md}"
+          },
+          "name": "padding-inline-start",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "heading",
+            "padding-inline-start"
+          ]
+        },
+        "padding-inline-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.inline.md}"
+          },
+          "name": "padding-inline-end",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "heading",
+            "padding-inline-end"
+          ]
+        }
+      },
+      "link": {
+        "hover": {
+          "text-decoration-thickness": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false,
+              "studio.tokens": {
+                "originalType": "borderWidth"
+              }
+            },
+            "type": "dimension",
+            "value": "3px",
+            "filePath": "src/component/utrecht/card.tokens.json",
+            "isSource": true,
+            "original": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {
+                  "syntax": "<length>",
+                  "inherits": true
+                },
+                "nl.nldesignsystem.figma.supports-token": false,
+                "studio.tokens": {
+                  "originalType": "borderWidth"
+                }
+              },
+              "type": "dimension",
+              "value": "3px"
+            },
+            "name": "text-decoration-thickness",
+            "attributes": {},
+            "path": [
+              "utrecht",
+              "card",
+              "link",
+              "hover",
+              "text-decoration-thickness"
+            ]
+          }
+        }
+      },
+      "content": {
+        "row-gap": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.row.md}"
+          },
+          "name": "row-gap",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "content",
+            "row-gap"
+          ]
+        },
+        "padding-block-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.block.md}"
+          },
+          "name": "padding-block-start",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "content",
+            "padding-block-start"
+          ]
+        },
+        "padding-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.block.md}"
+          },
+          "name": "padding-block-end",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "content",
+            "padding-block-end"
+          ]
+        }
+      },
+      "body": {
+        "padding-inline-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.inline.md}"
+          },
+          "name": "padding-inline-start",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "body",
+            "padding-inline-start"
+          ]
+        },
+        "padding-inline-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "dimension",
+          "value": "16px",
+          "filePath": "src/component/utrecht/card.tokens.json",
+          "isSource": true,
+          "original": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {
+                "syntax": "<length>",
+                "inherits": true
+              },
+              "nl.nldesignsystem.figma.supports-token": false
+            },
+            "type": "dimension",
+            "value": "{utrecht.space.inline.md}"
+          },
+          "name": "padding-inline-end",
+          "attributes": {},
+          "path": [
+            "utrecht",
+            "card",
+            "body",
+            "padding-inline-end"
+          ]
+        }
+      }
+    },
     "checkbox": {
       "background-color": {
         "$extensions": {
@@ -36712,6 +37172,7 @@ module.exports = {
         }
       }
     },
+    "youtube-video": {},
     "color": {
       "red": {
         "20": {

package/dist/tokens.d.ts

@@ -555,6 +555,9 @@ declare const tokens: {
         }
       },
       "item": {
+        "first": {
+          "padding-inline-start": DesignToken
+        },
         "padding-block-start": DesignToken,
         "padding-block-end": DesignToken,
         "padding-inline-end": DesignToken,
@@ -1226,6 +1229,54 @@ declare const tokens: {
         "size": DesignToken
       }
     },
+    "card": {
+      "background-color": DesignToken,
+      "color": DesignToken,
+      "max-inline-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "border-radius": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "box-shadow": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "inline-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "row-gap": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "heading": {
+        "color": DesignToken,
+        "padding-inline-start": DesignToken,
+        "padding-inline-end": DesignToken
+      },
+      "link": {
+        "hover": {
+          "text-decoration-thickness": DesignToken
+        }
+      },
+      "content": {
+        "row-gap": DesignToken,
+        "padding-block-start": DesignToken,
+        "padding-block-end": DesignToken
+      },
+      "body": {
+        "padding-inline-start": DesignToken,
+        "padding-inline-end": DesignToken
+      }
+    },
     "checkbox": {
       "background-color": DesignToken,
       "border-color": DesignToken,
@@ -4741,6 +4792,7 @@ declare const tokens: {
         }
       }
     },
+    "youtube-video": {},
     "color": {
       "red": {
         "20": DesignToken,