npm - @utrecht/design-tokens - Versions diffs - 2.1.1 → 2.3.0 - Mend

@utrecht/design-tokens 2.1.1 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (61) hide show

package/CHANGELOG.md +12 -0
package/dist/_mixin-theme.scss +3 -5
package/dist/_mixin.scss +3 -5
package/dist/_variables.scss +3 -5
package/dist/dark/_mixin-theme.scss +3 -5
package/dist/dark/_mixin.scss +3 -5
package/dist/dark/_variables.scss +3 -5
package/dist/dark/index.cjs +3 -5
package/dist/dark/index.css +3 -5
package/dist/dark/index.d.ts +2 -6
package/dist/dark/index.flat.json +1 -3
package/dist/dark/index.json +26 -40
package/dist/dark/index.mjs +3 -5
package/dist/dark/index.tokens.json +441 -14
package/dist/dark/list.d.ts +14 -0
package/dist/dark/list.json +26 -40
package/dist/dark/list.mjs +30694 -0
package/dist/dark/property.css +2 -0
package/dist/dark/root.css +1 -3
package/dist/dark/theme-prince-xml.css +3 -5
package/dist/dark/theme.css +1 -3
package/dist/dark/tokens.cjs +512 -97
package/dist/dark/tokens.d.ts +239 -13
package/dist/dark/tokens.json +514 -99
package/dist/dark/variables.cjs +3 -5
package/dist/dark/variables.css +1 -3
package/dist/dark/variables.d.ts +2 -6
package/dist/dark/variables.json +1 -3
package/dist/dark/variables.less +3 -5
package/dist/dark/variables.mjs +3 -5
package/dist/index.cjs +3 -5
package/dist/index.css +84 -10
package/dist/index.d.ts +2 -6
package/dist/index.flat.json +1 -3
package/dist/index.json +26 -40
package/dist/index.mjs +3 -5
package/dist/index.tokens.json +441 -14
package/dist/list.d.ts +14 -0
package/dist/list.json +26 -40
package/dist/list.mjs +31811 -0
package/dist/property.css +2 -0
package/dist/root.css +1 -3
package/dist/theme-prince-xml.css +3 -5
package/dist/theme.css +1 -3
package/dist/tokens.cjs +512 -97
package/dist/tokens.d.ts +239 -13
package/dist/tokens.json +514 -99
package/dist/variables.cjs +3 -5
package/dist/variables.css +1 -3
package/dist/variables.d.ts +2 -6
package/dist/variables.json +1 -3
package/dist/variables.less +3 -5
package/dist/variables.mjs +3 -5
package/package.json +1 -1
package/src/brand/utrecht/typography.tokens.json +0 -2
package/src/component/utrecht/blockquote.tokens.json +1 -1
package/src/css-property-formatter.mjs +2 -1
package/src/index.scss +79 -0
package/src/json-list-formatter.js +2 -1
package/style-dictionary-build.mjs +3 -1
package/style-dictionary-config.mjs +27 -0

package/dist/dark/tokens.d.ts CHANGED Viewed

@@ -265,6 +265,7 @@ declare const tokens: {
         "color": DesignToken
       }
     },
+    "alternate-lang-nav": {},
     "article": {
       "max-inline-size": DesignToken
     },
@@ -520,6 +521,30 @@ declare const tokens: {
       "margin-block-start": DesignToken,
       "margin-block-end": DesignToken
     },
+    "body": {
+      "font-family": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "font-size": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "font-weight": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "line-height": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {
+            "syntax": {}
+          }
+        }
+      }
+    },
     "breadcrumb-nav": {
       "min-block-size": DesignToken,
       "font-family": {
@@ -1500,6 +1525,15 @@ declare const tokens: {
         }
       }
     },
+    "combobox": {
+      "popover": {
+        "z-index": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        }
+      }
+    },
     "action": {
       "activate": {
         "cursor": DesignToken
@@ -2433,6 +2467,7 @@ declare const tokens: {
       },
       "font-weight": DesignToken
     },
+    "html-content": {},
     "iban-data": {},
     "icon": {
       "color": {
@@ -2709,20 +2744,56 @@ declare const tokens: {
           "color": DesignToken,
           "font-weight": DesignToken
         },
-        "selected": {
+        "disabled": {
+          "background-color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {}
+            }
+          },
+          "color": {
+            "$extensions": {
+              "nl.nldesignsystem.css.property": {}
+            }
+          }
+        },
+        "hover": {
           "background-color": DesignToken,
           "color": DesignToken
         },
+        "selected": {
+          "background-color": DesignToken,
+          "color": DesignToken,
+          "disabled": {
+            "background-color": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {}
+              }
+            },
+            "color": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {}
+              }
+            }
+          },
+          "hover": {
+            "background-color": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {}
+              }
+            },
+            "color": {
+              "$extensions": {
+                "nl.nldesignsystem.css.property": {}
+              }
+            }
+          }
+        },
         "icon": {
           "size": {
             "$extensions": {
               "nl.nldesignsystem.css.property": {}
             }
           }
-        },
-        "hover": {
-          "color": DesignToken,
-          "background-color": DesignToken
         }
       },
       "z-index": {},
@@ -2839,6 +2910,16 @@ declare const tokens: {
       "background-color": DesignToken,
       "color": DesignToken,
       "content": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
         "max-inline-size": DesignToken
       },
       "link": {
@@ -2973,6 +3054,50 @@ declare const tokens: {
         "padding-inline-start": DesignToken
       }
     },
+    "page-body": {
+      "background-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "content": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "padding-block-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "padding-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "padding-inline-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "padding-inine-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        }
+      }
+    },
     "page-content": {
       "padding-block-start": DesignToken,
       "padding-block-end": DesignToken,
@@ -2994,7 +3119,39 @@ declare const tokens: {
       "padding-inline-end": DesignToken,
       "padding-inline-start": DesignToken,
       "padding-block-end": DesignToken,
-      "padding-block-start": DesignToken
+      "padding-block-start": DesignToken,
+      "content": {
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "padding-inline-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "padding-inline-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "padding-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "padding-block-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        }
+      }
     },
     "page-header": {
       "background-color": {
@@ -3002,6 +3159,11 @@ declare const tokens: {
           "nl.nldesignsystem.css.property": {}
         }
       },
+      "border-block-end-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
       "color": {
         "$extensions": {
           "nl.nldesignsystem.css.property": {}
@@ -3010,8 +3172,41 @@ declare const tokens: {
       "padding-block-start": DesignToken,
       "padding-block-end": DesignToken,
       "padding-inline-start": DesignToken,
-      "padding-inline-end": DesignToken
+      "padding-inline-end": DesignToken,
+      "content": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "padding-block-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "padding-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "padding-inline-start": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        },
+        "padding-inline-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {}
+          }
+        }
+      }
     },
+    "page-layout": {},
     "page": {
       "background-color": DesignToken,
       "color": DesignToken,
@@ -3368,6 +3563,23 @@ declare const tokens: {
         "margin-block-end": DesignToken
       }
     },
+    "root": {
+      "background-color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "color": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      },
+      "font-family": {
+        "$extensions": {
+          "nl.nldesignsystem.css.property": {}
+        }
+      }
+    },
     "search-bar": {
       "button": {
         "background-color": DesignToken,
@@ -3599,6 +3811,26 @@ declare const tokens: {
           }
         }
       },
+      "hover": {
+        "background-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {},
+            "nl.nldesignsystem.fallback": {}
+          }
+        },
+        "border-color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {},
+            "nl.nldesignsystem.fallback": {}
+          }
+        },
+        "color": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {},
+            "nl.nldesignsystem.fallback": {}
+          }
+        }
+      },
       "focus": {
         "background-color": {
           "$extensions": {
@@ -4562,12 +4794,6 @@ declare const tokens: {
         "font-family": DesignToken
       },
       "scale": {
-        "2xs": {
-          "font-size": DesignToken
-        },
-        "xs": {
-          "font-size": DesignToken
-        },
         "sm": {
           "font-size": DesignToken
         },