New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@gemeentenijmegen/design-tokens

Package Overview
Dependencies
Maintainers
0
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@gemeentenijmegen/design-tokens - npm Package Compare versions

Comparing version

to
0.0.2-alpha.6

src/sync/components/heading-1.tokens.json

45

dist/index.d.ts
/**
* Do not edit directly
* Generated on Wed, 12 Feb 2025 10:35:15 GMT
* Generated on Wed, 26 Feb 2025 10:55:29 GMT
*/

@@ -318,29 +318,29 @@

export const utrechtHeading1FontWeight : string;
export const utrechtHeading1FontSize : string;
export const utrechtHeading1LineHeight : string;
export const utrechtHeading1FontSize : string;
export const utrechtHeading2Color : string;
export const utrechtHeading2FontFamily : string;
export const utrechtHeading2FontWeight : string;
export const utrechtHeading2FontSize : string;
export const utrechtHeading2LineHeight : string;
export const utrechtHeading2FontSize : string;
export const utrechtHeading3Color : string;
export const utrechtHeading3FontFamily : string;
export const utrechtHeading3FontWeight : string;
export const utrechtHeading3FontSize : string;
export const utrechtHeading3LineHeight : string;
export const utrechtHeading3FontSize : string;
export const utrechtHeading4Color : string;
export const utrechtHeading4FontFamily : string;
export const utrechtHeading4FontWeight : string;
export const utrechtHeading4FontSize : string;
export const utrechtHeading4LineHeight : string;
export const utrechtHeading4FontSize : string;
export const utrechtHeading5Color : string;
export const utrechtHeading5FontFamily : string;
export const utrechtHeading5FontWeight : string;
export const utrechtHeading5FontSize : string;
export const utrechtHeading5LineHeight : string;
export const utrechtHeading5FontSize : string;
export const utrechtHeading6Color : string;
export const utrechtHeading6FontFamily : string;
export const utrechtHeading6FontWeight : string;
export const utrechtHeading6FontSize : string;
export const utrechtHeading6LineHeight : string;
export const utrechtHeading6FontSize : string;
export const utrechtLinkListRowGap : string;

@@ -736,2 +736,33 @@ export const utrechtLinkListIconInsetBlockStart : string;

export const nijmegenCardNewsFontFamily : string;
export const nijmegenHeaderItemColor : string;
export const nijmegenHeaderItemHoverColor : string;
export const nijmegenHeaderItemHoverTextDecoration : string;
export const nijmegenHeaderItemActiveColor : string;
export const nijmegenHeaderItemActiveTextDecoration : string;
export const nijmegenHeaderItemFontWeight : string;
export const nijmegenHeaderItemFontFamily : string;
export const nijmegenHeaderItemFontSize : string;
export const nijmegenHeaderItemLineHeight : string;
export const nijmegenHeaderItemCurrentFontWeight : string;
export const nijmegenHeaderItemIconSize : string;
export const nijmegenHeaderItemFocusVisibleColor : string;
export const nijmegenHeaderItemFocusVisibleBackgroundColor : string;
export const nijmegenHeaderItemColumnGap : string;
export const nijmegenHeaderPaddingInlineStart : string;
export const nijmegenHeaderPaddingBlockStart : string;
export const nijmegenHeaderPaddingBlockEnd : string;
export const nijmegenHeaderPaddingInlineEnd : string;
export const nijmegenHeaderBorderColor : string;
export const nijmegenHeaderBorderBlockEndWidth : string;
export const nijmegenHeaderMaxInlineSize : string;
export const nijmegenHeaderBackgroundColor : string;
export const nijmegenHeaderLargeVwPaddingInlineStart : string;
export const nijmegenHeaderLargeVwPaddingBlockStart : string;
export const nijmegenHeaderLargeVwPaddingBlockEnd : string;
export const nijmegenHeaderLargeVwPaddingInlineEnd : string;
export const nijmegenHeaderContentColumnGap : string;
export const nijmegenIconOnlyButtonPaddingBlockEnd : string;
export const nijmegenIconOnlyButtonPaddingBlockStart : string;
export const nijmegenIconOnlyButtonPaddingInlineEnd : string;
export const nijmegenIconOnlyButtonPaddingInlineStart : string;
export const nijmegenTypographyFontSizeSm : string;

@@ -738,0 +769,0 @@ export const nijmegenTypographyFontSizeMd : string;

/**
* Do not edit directly
* Generated on Wed, 12 Feb 2025 10:35:15 GMT
* Generated on Wed, 26 Feb 2025 10:55:29 GMT
*/

@@ -318,29 +318,29 @@

export const utrechtHeading1FontWeight = "600";
export const utrechtHeading1FontSize = "2.5rem";
export const utrechtHeading1LineHeight = "125%";
export const utrechtHeading1FontSize = "2.5rem";
export const utrechtHeading2Color = "#000000";
export const utrechtHeading2FontFamily = "Source Sans Pro, Tahoma, Verdana, sans-serif";
export const utrechtHeading2FontWeight = "600";
export const utrechtHeading2FontSize = "2rem";
export const utrechtHeading2LineHeight = "125%";
export const utrechtHeading2FontSize = "2rem";
export const utrechtHeading3Color = "#000000";
export const utrechtHeading3FontFamily = "Source Sans Pro, Tahoma, Verdana, sans-serif";
export const utrechtHeading3FontWeight = "600";
export const utrechtHeading3FontSize = "1.5rem";
export const utrechtHeading3LineHeight = "125%";
export const utrechtHeading3FontSize = "1.5rem";
export const utrechtHeading4Color = "#000000";
export const utrechtHeading4FontFamily = "Source Sans Pro, Tahoma, Verdana, sans-serif";
export const utrechtHeading4FontWeight = "600";
export const utrechtHeading4FontSize = "1.25rem";
export const utrechtHeading4LineHeight = "150%";
export const utrechtHeading4FontSize = "1.25rem";
export const utrechtHeading5Color = "#000000";
export const utrechtHeading5FontFamily = "Source Sans Pro, Tahoma, Verdana, sans-serif";
export const utrechtHeading5FontWeight = "600";
export const utrechtHeading5FontSize = "1.125rem";
export const utrechtHeading5LineHeight = "150%";
export const utrechtHeading5FontSize = "1.125rem";
export const utrechtHeading6Color = "#000000";
export const utrechtHeading6FontFamily = "Source Sans Pro, Tahoma, Verdana, sans-serif";
export const utrechtHeading6FontWeight = "600";
export const utrechtHeading6FontSize = "1rem";
export const utrechtHeading6LineHeight = "150%";
export const utrechtHeading6FontSize = "1rem";
export const utrechtLinkListRowGap = "0.5rem";

@@ -736,2 +736,33 @@ export const utrechtLinkListIconInsetBlockStart = "0.125rem";

export const nijmegenCardNewsFontFamily = "Source Sans Pro, Tahoma, Verdana, sans-serif";
export const nijmegenHeaderItemColor = "#282828";
export const nijmegenHeaderItemHoverColor = "#116253";
export const nijmegenHeaderItemHoverTextDecoration = "underline";
export const nijmegenHeaderItemActiveColor = "#0C483D";
export const nijmegenHeaderItemActiveTextDecoration = "underline";
export const nijmegenHeaderItemFontWeight = "400";
export const nijmegenHeaderItemFontFamily = "Source Sans Pro, Tahoma, Verdana, sans-serif";
export const nijmegenHeaderItemFontSize = "1.125rem";
export const nijmegenHeaderItemLineHeight = "150%";
export const nijmegenHeaderItemCurrentFontWeight = "700";
export const nijmegenHeaderItemIconSize = "1.5rem";
export const nijmegenHeaderItemFocusVisibleColor = "#000000";
export const nijmegenHeaderItemFocusVisibleBackgroundColor = "#DAEAE7";
export const nijmegenHeaderItemColumnGap = "0.25rem";
export const nijmegenHeaderPaddingInlineStart = "0.5rem";
export const nijmegenHeaderPaddingBlockStart = "0.5rem";
export const nijmegenHeaderPaddingBlockEnd = "0.5rem";
export const nijmegenHeaderPaddingInlineEnd = "0.5rem";
export const nijmegenHeaderBorderColor = "#A3A3A3";
export const nijmegenHeaderBorderBlockEndWidth = "1px";
export const nijmegenHeaderMaxInlineSize = "1280px";
export const nijmegenHeaderBackgroundColor = "#FFFFFF";
export const nijmegenHeaderLargeVwPaddingInlineStart = "0rem";
export const nijmegenHeaderLargeVwPaddingBlockStart = "1rem";
export const nijmegenHeaderLargeVwPaddingBlockEnd = "1rem";
export const nijmegenHeaderLargeVwPaddingInlineEnd = "0rem";
export const nijmegenHeaderContentColumnGap = "1.5rem";
export const nijmegenIconOnlyButtonPaddingBlockEnd = "0.75rem";
export const nijmegenIconOnlyButtonPaddingBlockStart = "0.75rem";
export const nijmegenIconOnlyButtonPaddingInlineEnd = "0.75rem";
export const nijmegenIconOnlyButtonPaddingInlineStart = "0.75rem";
export const nijmegenTypographyFontSizeSm = "1rem";

@@ -738,0 +769,0 @@ export const nijmegenTypographyFontSizeMd = "1.125rem";

@@ -314,29 +314,29 @@ {

"utrechtHeading1FontWeight": "600",
"utrechtHeading1FontSize": "2.5rem",
"utrechtHeading1LineHeight": "125%",
"utrechtHeading1FontSize": "2.5rem",
"utrechtHeading2Color": "#000000",
"utrechtHeading2FontFamily": "Source Sans Pro, Tahoma, Verdana, sans-serif",
"utrechtHeading2FontWeight": "600",
"utrechtHeading2FontSize": "2rem",
"utrechtHeading2LineHeight": "125%",
"utrechtHeading2FontSize": "2rem",
"utrechtHeading3Color": "#000000",
"utrechtHeading3FontFamily": "Source Sans Pro, Tahoma, Verdana, sans-serif",
"utrechtHeading3FontWeight": "600",
"utrechtHeading3FontSize": "1.5rem",
"utrechtHeading3LineHeight": "125%",
"utrechtHeading3FontSize": "1.5rem",
"utrechtHeading4Color": "#000000",
"utrechtHeading4FontFamily": "Source Sans Pro, Tahoma, Verdana, sans-serif",
"utrechtHeading4FontWeight": "600",
"utrechtHeading4FontSize": "1.25rem",
"utrechtHeading4LineHeight": "150%",
"utrechtHeading4FontSize": "1.25rem",
"utrechtHeading5Color": "#000000",
"utrechtHeading5FontFamily": "Source Sans Pro, Tahoma, Verdana, sans-serif",
"utrechtHeading5FontWeight": "600",
"utrechtHeading5FontSize": "1.125rem",
"utrechtHeading5LineHeight": "150%",
"utrechtHeading5FontSize": "1.125rem",
"utrechtHeading6Color": "#000000",
"utrechtHeading6FontFamily": "Source Sans Pro, Tahoma, Verdana, sans-serif",
"utrechtHeading6FontWeight": "600",
"utrechtHeading6FontSize": "1rem",
"utrechtHeading6LineHeight": "150%",
"utrechtHeading6FontSize": "1rem",
"utrechtLinkListRowGap": "0.5rem",

@@ -732,2 +732,33 @@ "utrechtLinkListIconInsetBlockStart": "0.125rem",

"nijmegenCardNewsFontFamily": "Source Sans Pro, Tahoma, Verdana, sans-serif",
"nijmegenHeaderItemColor": "#282828",
"nijmegenHeaderItemHoverColor": "#116253",
"nijmegenHeaderItemHoverTextDecoration": "underline",
"nijmegenHeaderItemActiveColor": "#0C483D",
"nijmegenHeaderItemActiveTextDecoration": "underline",
"nijmegenHeaderItemFontWeight": "400",
"nijmegenHeaderItemFontFamily": "Source Sans Pro, Tahoma, Verdana, sans-serif",
"nijmegenHeaderItemFontSize": "1.125rem",
"nijmegenHeaderItemLineHeight": "150%",
"nijmegenHeaderItemCurrentFontWeight": "700",
"nijmegenHeaderItemIconSize": "1.5rem",
"nijmegenHeaderItemFocusVisibleColor": "#000000",
"nijmegenHeaderItemFocusVisibleBackgroundColor": "#DAEAE7",
"nijmegenHeaderItemColumnGap": "0.25rem",
"nijmegenHeaderPaddingInlineStart": "0.5rem",
"nijmegenHeaderPaddingBlockStart": "0.5rem",
"nijmegenHeaderPaddingBlockEnd": "0.5rem",
"nijmegenHeaderPaddingInlineEnd": "0.5rem",
"nijmegenHeaderBorderColor": "#A3A3A3",
"nijmegenHeaderBorderBlockEndWidth": "1px",
"nijmegenHeaderMaxInlineSize": "1280px",
"nijmegenHeaderBackgroundColor": "#FFFFFF",
"nijmegenHeaderLargeVwPaddingInlineStart": "0rem",
"nijmegenHeaderLargeVwPaddingBlockStart": "1rem",
"nijmegenHeaderLargeVwPaddingBlockEnd": "1rem",
"nijmegenHeaderLargeVwPaddingInlineEnd": "0rem",
"nijmegenHeaderContentColumnGap": "1.5rem",
"nijmegenIconOnlyButtonPaddingBlockEnd": "0.75rem",
"nijmegenIconOnlyButtonPaddingBlockStart": "0.75rem",
"nijmegenIconOnlyButtonPaddingInlineEnd": "0.75rem",
"nijmegenIconOnlyButtonPaddingInlineStart": "0.75rem",
"nijmegenTypographyFontSizeSm": "1rem",

@@ -734,0 +765,0 @@ "nijmegenTypographyFontSizeMd": "1.125rem",

@@ -524,4 +524,4 @@ {

"font-weight": "600",
"line-height": "125%",
"font-size": "2.5rem"
"font-size": "2.5rem",
"line-height": "125%"
},

@@ -532,4 +532,4 @@ "heading-2": {

"font-weight": "600",
"line-height": "125%",
"font-size": "2rem"
"font-size": "2rem",
"line-height": "125%"
},

@@ -540,4 +540,4 @@ "heading-3": {

"font-weight": "600",
"line-height": "125%",
"font-size": "1.5rem"
"font-size": "1.5rem",
"line-height": "125%"
},

@@ -548,4 +548,4 @@ "heading-4": {

"font-weight": "600",
"line-height": "150%",
"font-size": "1.25rem"
"font-size": "1.25rem",
"line-height": "150%"
},

@@ -556,4 +556,4 @@ "heading-5": {

"font-weight": "600",
"line-height": "150%",
"font-size": "1.125rem"
"font-size": "1.125rem",
"line-height": "150%"
},

@@ -564,4 +564,4 @@ "heading-6": {

"font-weight": "600",
"line-height": "150%",
"font-size": "1rem"
"font-size": "1rem",
"line-height": "150%"
},

@@ -1217,2 +1217,53 @@ "link-list": {

},
"header": {
"item": {
"color": "#282828",
"hover": {
"color": "#116253",
"text-decoration": "underline"
},
"active": {
"color": "#0C483D",
"text-decoration": "underline"
},
"font-weight": "400",
"font-family": "Source Sans Pro, Tahoma, Verdana, sans-serif",
"font-size": "1.125rem",
"line-height": "150%",
"current": {
"font-weight": "700"
},
"icon": {
"size": "1.5rem"
},
"focus-visible": {
"color": "#000000",
"background-color": "#DAEAE7"
},
"column-gap": "0.25rem"
},
"padding-inline-start": "0.5rem",
"padding-block-start": "0.5rem",
"padding-block-end": "0.5rem",
"padding-inline-end": "0.5rem",
"border-color": "#A3A3A3",
"border-block-end-width": "1px",
"max-inline-size": "1280px",
"background-color": "#FFFFFF",
"large-vw": {
"padding-inline-start": "0rem",
"padding-block-start": "1rem",
"padding-block-end": "1rem",
"padding-inline-end": "0rem"
},
"content": {
"column-gap": "1.5rem"
}
},
"icon-only-button": {
"padding-block-end": "0.75rem",
"padding-block-start": "0.75rem",
"padding-inline-end": "0.75rem",
"padding-inline-start": "0.75rem"
},
"typography": {

@@ -1219,0 +1270,0 @@ "font-size": {

/**
* Do not edit directly
* Generated on Wed, 12 Feb 2025 10:35:15 GMT
* Generated on Wed, 26 Feb 2025 10:55:29 GMT
*/

@@ -547,4 +547,4 @@

"font-weight": DesignToken,
"line-height": DesignToken,
"font-size": DesignToken
"font-size": DesignToken,
"line-height": DesignToken
},

@@ -555,4 +555,4 @@ "heading-2": {

"font-weight": DesignToken,
"line-height": DesignToken,
"font-size": DesignToken
"font-size": DesignToken,
"line-height": DesignToken
},

@@ -563,4 +563,4 @@ "heading-3": {

"font-weight": DesignToken,
"line-height": DesignToken,
"font-size": DesignToken
"font-size": DesignToken,
"line-height": DesignToken
},

@@ -571,4 +571,4 @@ "heading-4": {

"font-weight": DesignToken,
"line-height": DesignToken,
"font-size": DesignToken
"font-size": DesignToken,
"line-height": DesignToken
},

@@ -579,4 +579,4 @@ "heading-5": {

"font-weight": DesignToken,
"line-height": DesignToken,
"font-size": DesignToken
"font-size": DesignToken,
"line-height": DesignToken
},

@@ -587,4 +587,4 @@ "heading-6": {

"font-weight": DesignToken,
"line-height": DesignToken,
"font-size": DesignToken
"font-size": DesignToken,
"line-height": DesignToken
},

@@ -1219,2 +1219,53 @@ "link-list": {

},
"header": {
"item": {
"color": DesignToken,
"hover": {
"color": DesignToken,
"text-decoration": DesignToken
},
"active": {
"color": DesignToken,
"text-decoration": DesignToken
},
"font-weight": DesignToken,
"font-family": DesignToken,
"font-size": DesignToken,
"line-height": DesignToken,
"current": {
"font-weight": DesignToken
},
"icon": {
"size": DesignToken
},
"focus-visible": {
"color": DesignToken,
"background-color": DesignToken
},
"column-gap": DesignToken
},
"padding-inline-start": DesignToken,
"padding-block-start": DesignToken,
"padding-block-end": DesignToken,
"padding-inline-end": DesignToken,
"border-color": DesignToken,
"border-block-end-width": DesignToken,
"max-inline-size": DesignToken,
"background-color": DesignToken,
"large-vw": {
"padding-inline-start": DesignToken,
"padding-block-start": DesignToken,
"padding-block-end": DesignToken,
"padding-inline-end": DesignToken
},
"content": {
"column-gap": DesignToken
}
},
"icon-only-button": {
"padding-block-end": DesignToken,
"padding-block-start": DesignToken,
"padding-inline-end": DesignToken,
"padding-inline-start": DesignToken
},
"typography": {

@@ -1221,0 +1272,0 @@ "font-size": {

4

package.json
{
"version": "0.0.2-alpha.5",
"version": "0.0.2-alpha.6",
"author": "Community for NL Design System",

@@ -32,3 +32,3 @@ "description": "Design tokens for the Municipality of Nijmegen",

},
"gitHead": "1b387547491f76c26fc11fd5b22266d4c6b8b04e"
"gitHead": "bf5bd70b0a8443c0a55bc8077d529b56ac7d8ac0"
}

@@ -29,3 +29,9 @@ {

"components/form-field-radio-option.tokens",
"components/heading.tokens",
"components/header.tokens",
"components/heading-1.tokens",
"components/heading-2.tokens",
"components/heading-3.tokens",
"components/heading-4.tokens",
"components/heading-5.tokens",
"components/heading-6.tokens",
"components/icon-only-button.tokens",

@@ -47,5 +53,5 @@ "components/link.tokens",

"components/toolbar-button.tokens",
"components/header.tokens",
"components/unordered-list.tokens"
"components/unordered-list.tokens",
"components/heading.tokens"
]
}

@@ -1,1 +0,130 @@

{}
{
"nijmegen": {
"header": {
"item": {
"color": {
"value": "{utrecht.document.color}",
"type": "color"
},
"hover": {
"color": {
"value": "{nijmegen.interaction.hover.color}",
"type": "color"
},
"text-decoration": {
"value": "underline",
"type": "textDecoration"
}
},
"active": {
"color": {
"value": "{nijmegen.interaction.active.color}",
"type": "color"
},
"text-decoration": {
"value": "underline",
"type": "textDecoration"
}
},
"font-weight": {
"value": "{utrecht.document.font-weight}",
"type": "fontWeights"
},
"font-family": {
"value": "{utrecht.document.font-family}",
"type": "fontFamilies"
},
"font-size": {
"value": "{utrecht.document.font-size}",
"type": "fontSizes"
},
"line-height": {
"value": "{utrecht.document.line-height}",
"type": "lineHeights"
},
"current": {
"font-weight": {
"value": "{nijmegen.typography.font-weight.bold}",
"type": "fontWeights"
}
},
"icon": {
"size": {
"value": "{nijmegen.icon.functional.size}",
"type": "sizing"
}
},
"focus-visible": {
"color": {
"value": "{nijmegen.focus.color}",
"type": "color"
},
"background-color": {
"value": "{nijmegen.focus.background-color}",
"type": "color"
}
},
"column-gap": {
"value": "{nijmegen.space.25}",
"type": "spacing"
}
},
"padding-inline-start": {
"value": "{nijmegen.space.50}",
"type": "spacing"
},
"padding-block-start": {
"value": "{nijmegen.space.50}",
"type": "spacing"
},
"padding-block-end": {
"value": "{nijmegen.space.50}",
"type": "spacing"
},
"padding-inline-end": {
"value": "{nijmegen.space.50}",
"type": "spacing"
},
"border-color": {
"value": "{nijmegen.color.border.subdued}",
"type": "color"
},
"border-block-end-width": {
"value": "{nijmegen.border-width.sm}",
"type": "borderWidth"
},
"max-inline-size": {
"value": "1280px",
"type": "sizing"
},
"background-color": {
"value": "{utrecht.document.background-color}",
"type": "color"
},
"large-vw": {
"padding-inline-start": {
"value": "{nijmegen.space.0}",
"type": "spacing"
},
"padding-block-start": {
"value": "{nijmegen.space.100}",
"type": "spacing"
},
"padding-block-end": {
"value": "{nijmegen.space.100}",
"type": "spacing"
},
"padding-inline-end": {
"value": "{nijmegen.space.0}",
"type": "spacing"
}
},
"content": {
"column-gap": {
"value": "{nijmegen.space.150}",
"type": "spacing"
}
}
}
}
}

@@ -1,1 +0,22 @@

{}
{
"nijmegen": {
"icon-only-button": {
"padding-block-end": {
"value": "{nijmegen.space.75}",
"type": "spacing"
},
"padding-block-start": {
"value": "{nijmegen.space.75}",
"type": "spacing"
},
"padding-inline-end": {
"value": "{nijmegen.space.75}",
"type": "spacing"
},
"padding-inline-start": {
"value": "{nijmegen.space.75}",
"type": "spacing"
}
}
}
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet