Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@gemeente-rotterdam/design-tokens

Package Overview
Dependencies
Maintainers
2
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@gemeente-rotterdam/design-tokens - npm Package Compare versions

Comparing version 1.0.0-alpha.23 to 1.0.0-alpha.24

src/common/denhaag/focus.tokens.json

89

dist/index.d.ts
/**
* Do not edit directly
* Generated on Fri, 15 Dec 2023 12:10:55 GMT
* Generated on Fri, 15 Dec 2023 13:33:33 GMT
*/

@@ -251,2 +251,47 @@

export const rodsTextboxHoverBorderWidth : string;
export const denhaagFocusBorder : string;
export const denhaagActionGap : string;
export const denhaagActionColor : string;
export const denhaagActionPaddingInlineStart : string;
export const denhaagActionPaddingInlineEnd : string;
export const denhaagActionPaddingBlockStart : string;
export const denhaagActionPaddingBlockEnd : string;
export const denhaagActionBorderStyle : string;
export const denhaagActionBorderWidth : string;
export const denhaagActionBorderColor : string;
export const denhaagActionContentBoldFontWeight : number;
export const denhaagActionDateColor : string;
export const denhaagActionDateWarningGap : string;
export const denhaagActionDateWarningColor : string;
export const denhaagActionDateWarningFontWeight : number;
export const denhaagActionActionsGap : string;
export const denhaagActionLinkIconColor : string;
export const denhaagActionWarningIconColor : string;
export const denhaagActionSinglePaddingInlineStart : string;
export const denhaagActionSinglePaddingInlineEnd : string;
export const denhaagActionSinglePaddingBlockStart : string;
export const denhaagActionSinglePaddingBlockEnd : string;
export const denhaagActionSingleFocusOutlineColor : string;
export const denhaagActionSingleFocusOutlineWidth : string;
export const denhaagActionSingleFocusOutlineStyle : string;
export const denhaagActionSingleDetailsGap : string;
export const denhaagActionSingleDetailsLgGap : string;
export const denhaagFileFocusOutlineColor : string;
export const denhaagFileFocusOutlineWidth : string;
export const denhaagFileFocusOutlineStyle : string;
export const denhaagSidenavDisplay : string;
export const denhaagSidenavFlexDirection : string;
export const denhaagSidenavRowGap : string;
export const denhaagSidenavItemFontFamily : string;
export const denhaagSidenavItemFontSize : string;
export const denhaagSidenavItemFontWeight : string;
export const denhaagSidenavItemHeight : string;
export const denhaagSidenavItemLineHeight : string;
export const denhaagSidenavLinkPaddingBlockStart : string;
export const denhaagSidenavLinkPaddingBlockEnd : string;
export const denhaagSidenavLinkColor : string;
export const denhaagSidenavLinkHoverColor : string;
export const denhaagSidenavLinkActiveColor : string;
export const denhaagSidenavLinkActiveFontWeight : string;
export const denhaagSidenavMobileDisplay : string;
export const utrechtActionBusyCursor : string;

@@ -497,45 +542,3 @@ export const utrechtActionDisabledCursor : string;

export const utrechtUnorderedListMarkerColor : string;
export const denhaagActionGap : string;
export const denhaagActionColor : string;
export const denhaagActionPaddingInlineStart : string;
export const denhaagActionPaddingInlineEnd : string;
export const denhaagActionPaddingBlockStart : string;
export const denhaagActionPaddingBlockEnd : string;
export const denhaagActionBorderStyle : string;
export const denhaagActionBorderWidth : string;
export const denhaagActionBorderColor : string;
export const denhaagActionContentBoldFontWeight : number;
export const denhaagActionDateColor : string;
export const denhaagActionDateWarningGap : string;
export const denhaagActionDateWarningColor : string;
export const denhaagActionDateWarningFontWeight : number;
export const denhaagActionActionsGap : string;
export const denhaagActionLinkIconColor : string;
export const denhaagActionWarningIconColor : string;
export const denhaagActionSinglePaddingInlineStart : string;
export const denhaagActionSinglePaddingInlineEnd : string;
export const denhaagActionSinglePaddingBlockStart : string;
export const denhaagActionSinglePaddingBlockEnd : string;
export const denhaagActionSingleFocusOutlineColor : string;
export const denhaagActionSingleFocusOutlineWidth : string;
export const denhaagActionSingleFocusOutlineStyle : string;
export const denhaagActionSingleDetailsGap : string;
export const denhaagActionSingleDetailsLgGap : string;
export const denhaagFileFocusOutlineColor : string;
export const denhaagFileFocusOutlineWidth : string;
export const denhaagFileFocusOutlineStyle : string;
export const denhaagSidenavDisplay : string;
export const denhaagSidenavFlexDirection : string;
export const denhaagSidenavRowGap : string;
export const denhaagSidenavItemFontSize : string;
export const denhaagSidenavItemFontWeight : string;
export const denhaagSidenavItemHeight : string;
export const denhaagSidenavItemLineHeight : string;
export const denhaagSidenavLinkPaddingBlockStart : string;
export const denhaagSidenavLinkPaddingBlockEnd : string;
export const denhaagSidenavLinkColor : string;
export const denhaagSidenavLinkHoverColor : string;
export const denhaagSidenavLinkActiveColor : string;
export const denhaagSidenavLinkActiveFontWeight : string;
export const exampleButtonBackgroundColor : string;
export const exampleButtonColor : string;

@@ -174,2 +174,47 @@ {

"rodsTextboxHoverBorderWidth": "2px",
"denhaagFocusBorder": "1px solid #000000",
"denhaagActionGap": "8px",
"denhaagActionColor": "#404B4F",
"denhaagActionPaddingInlineStart": "8px",
"denhaagActionPaddingInlineEnd": "8px",
"denhaagActionPaddingBlockStart": "8px",
"denhaagActionPaddingBlockEnd": "8px",
"denhaagActionBorderStyle": "solid",
"denhaagActionBorderWidth": "1px",
"denhaagActionBorderColor": "#CAD6DA",
"denhaagActionContentBoldFontWeight": 700,
"denhaagActionDateColor": "#404B4F",
"denhaagActionDateWarningGap": "8px",
"denhaagActionDateWarningColor": "#D70D0D",
"denhaagActionDateWarningFontWeight": 700,
"denhaagActionActionsGap": "8px",
"denhaagActionLinkIconColor": "#00811F",
"denhaagActionWarningIconColor": "#D70D0D",
"denhaagActionSinglePaddingInlineStart": "8px",
"denhaagActionSinglePaddingInlineEnd": "8px",
"denhaagActionSinglePaddingBlockStart": "8px",
"denhaagActionSinglePaddingBlockEnd": "8px",
"denhaagActionSingleFocusOutlineColor": "#000000",
"denhaagActionSingleFocusOutlineWidth": "1px",
"denhaagActionSingleFocusOutlineStyle": "solid",
"denhaagActionSingleDetailsGap": "8px",
"denhaagActionSingleDetailsLgGap": "8px",
"denhaagFileFocusOutlineColor": "#000000",
"denhaagFileFocusOutlineWidth": "1px",
"denhaagFileFocusOutlineStyle": "solid",
"denhaagSidenavDisplay": "flex",
"denhaagSidenavFlexDirection": "column",
"denhaagSidenavRowGap": "40px",
"denhaagSidenavItemFontFamily": "Bolder, ArialforRotterdam, Arial, sans-serif",
"denhaagSidenavItemFontSize": "16px",
"denhaagSidenavItemFontWeight": "400",
"denhaagSidenavItemHeight": "52px",
"denhaagSidenavItemLineHeight": "24px",
"denhaagSidenavLinkPaddingBlockStart": "10px",
"denhaagSidenavLinkPaddingBlockEnd": "10px",
"denhaagSidenavLinkColor": "#404B4F",
"denhaagSidenavLinkHoverColor": "#00811F",
"denhaagSidenavLinkActiveColor": "#00811F",
"denhaagSidenavLinkActiveFontWeight": "700",
"denhaagSidenavMobileDisplay": "flex",
"utrechtActionBusyCursor": "wait",

@@ -419,46 +464,4 @@ "utrechtActionDisabledCursor": "not-allowed",

"utrechtUnorderedListMarkerColor": "#00811F",
"denhaagActionGap": "8px",
"denhaagActionColor": "#404B4F",
"denhaagActionPaddingInlineStart": "8px",
"denhaagActionPaddingInlineEnd": "8px",
"denhaagActionPaddingBlockStart": "8px",
"denhaagActionPaddingBlockEnd": "8px",
"denhaagActionBorderStyle": "solid",
"denhaagActionBorderWidth": "1px",
"denhaagActionBorderColor": "#CAD6DA",
"denhaagActionContentBoldFontWeight": 700,
"denhaagActionDateColor": "#404B4F",
"denhaagActionDateWarningGap": "8px",
"denhaagActionDateWarningColor": "#D70D0D",
"denhaagActionDateWarningFontWeight": 700,
"denhaagActionActionsGap": "8px",
"denhaagActionLinkIconColor": "#00811F",
"denhaagActionWarningIconColor": "#D70D0D",
"denhaagActionSinglePaddingInlineStart": "8px",
"denhaagActionSinglePaddingInlineEnd": "8px",
"denhaagActionSinglePaddingBlockStart": "8px",
"denhaagActionSinglePaddingBlockEnd": "8px",
"denhaagActionSingleFocusOutlineColor": "#000000",
"denhaagActionSingleFocusOutlineWidth": "1px",
"denhaagActionSingleFocusOutlineStyle": "solid",
"denhaagActionSingleDetailsGap": "8px",
"denhaagActionSingleDetailsLgGap": "8px",
"denhaagFileFocusOutlineColor": "#000000",
"denhaagFileFocusOutlineWidth": "1px",
"denhaagFileFocusOutlineStyle": "solid",
"denhaagSidenavDisplay": "flex",
"denhaagSidenavFlexDirection": "column",
"denhaagSidenavRowGap": "40px",
"denhaagSidenavItemFontSize": "16px",
"denhaagSidenavItemFontWeight": "400",
"denhaagSidenavItemHeight": "52px",
"denhaagSidenavItemLineHeight": "24px",
"denhaagSidenavLinkPaddingBlockStart": "10px",
"denhaagSidenavLinkPaddingBlockEnd": "10px",
"denhaagSidenavLinkColor": "#404B4F",
"denhaagSidenavLinkHoverColor": "#00811F",
"denhaagSidenavLinkActiveColor": "#00811F",
"denhaagSidenavLinkActiveFontWeight": "700",
"exampleButtonBackgroundColor": "#00811F",
"exampleButtonColor": "#ffffff"
}

@@ -314,2 +314,122 @@ {

},
"denhaag": {
"focus": {
"border": "1px solid #000000"
},
"action": {
"gap": "8px",
"color": "#404B4F",
"background-color": {},
"padding-inline-start": "8px",
"padding-inline-end": "8px",
"padding-block-start": "8px",
"padding-block-end": "8px",
"border-style": "solid",
"border-width": "1px",
"border-color": "#CAD6DA",
"content": {
"bold": {
"font-weight": 700
}
},
"details": {
"gap": {},
"lg": {
"gap": {}
}
},
"date": {
"color": "#404B4F",
"font-weight": {},
"warning": {
"gap": "8px",
"color": "#D70D0D",
"font-weight": 700
}
},
"actions": {
"gap": "8px"
},
"link-icon": {
"width": {},
"color": "#00811F"
},
"warning-icon": {
"width": {},
"color": "#D70D0D"
},
"single": {
"padding-inline-start": "8px",
"padding-inline-end": "8px",
"padding-block-start": "8px",
"padding-block-end": "8px",
"hover": {
"background-color": {}
},
"focus": {
"outline-color": "#000000",
"outline-width": "1px",
"outline-style": "solid"
},
"details": {
"gap": "8px",
"lg": {
"gap": "8px"
}
}
},
"lg": {
"gap": {},
"padding-block-start": {},
"padding-block-end": {}
}
},
"file": {
"focus": {
"outline-color": "#000000",
"outline-width": "1px",
"outline-style": "solid"
}
},
"sidenav": {
"display": "flex",
"flex-direction": "column",
"min-width": {},
"row-gap": "40px",
"item": {
"font-family": "Bolder, ArialforRotterdam, Arial, sans-serif",
"font-size": "16px",
"font-weight": "400",
"height": "52px",
"line-height": "24px",
"margin-block-start": {},
"margin-block-end": {},
"margin-inline-start": {},
"margin-inline-end": {}
},
"link": {
"padding-block-start": "10px",
"padding-block-end": "10px",
"color": "#404B4F",
"hover": {
"color": "#00811F"
},
"active": {
"color": "#00811F",
"font-weight": "700"
},
"child": {
"padding-inline-start": {}
}
},
"list": {
"child": {
"margin-inline-start": {}
}
},
"mobile": {
"display": "flex"
}
}
},
"utrecht": {

@@ -1033,116 +1153,2 @@ "action": {

},
"denhaag": {
"action": {
"gap": "8px",
"color": "#404B4F",
"background-color": {},
"padding-inline-start": "8px",
"padding-inline-end": "8px",
"padding-block-start": "8px",
"padding-block-end": "8px",
"border-style": "solid",
"border-width": "1px",
"border-color": "#CAD6DA",
"content": {
"bold": {
"font-weight": 700
}
},
"details": {
"gap": {},
"lg": {
"gap": {}
}
},
"date": {
"color": "#404B4F",
"font-weight": {},
"warning": {
"gap": "8px",
"color": "#D70D0D",
"font-weight": 700
}
},
"actions": {
"gap": "8px"
},
"link-icon": {
"width": {},
"color": "#00811F"
},
"warning-icon": {
"width": {},
"color": "#D70D0D"
},
"single": {
"padding-inline-start": "8px",
"padding-inline-end": "8px",
"padding-block-start": "8px",
"padding-block-end": "8px",
"hover": {
"background-color": {}
},
"focus": {
"outline-color": "#000000",
"outline-width": "1px",
"outline-style": "solid"
},
"details": {
"gap": "8px",
"lg": {
"gap": "8px"
}
}
},
"lg": {
"gap": {},
"padding-block-start": {},
"padding-block-end": {}
}
},
"file": {
"focus": {
"outline-color": "#000000",
"outline-width": "1px",
"outline-style": "solid"
}
},
"sidenav": {
"display": "flex",
"flex-direction": "column",
"min-width": {},
"row-gap": "40px",
"item": {
"font-family": {},
"font-size": "16px",
"font-weight": "400",
"height": "52px",
"line-height": "24px",
"margin-block-start": {},
"margin-block-end": {},
"margin-inline-start": {},
"margin-inline-end": {}
},
"link": {
"padding-block-start": "10px",
"padding-block-end": "10px",
"color": "#404B4F",
"hover": {
"color": "#00811F"
},
"active": {
"color": "#00811F",
"font-weight": "700"
},
"child": {
"padding-inline-start": {}
}
},
"list": {
"child": {
"margin-inline-start": {}
}
}
}
},
"example": {

@@ -1149,0 +1155,0 @@ "button": {

/**
* Do not edit directly
* Generated on Fri, 15 Dec 2023 12:10:55 GMT
* Generated on Fri, 15 Dec 2023 13:33:33 GMT
*/

@@ -337,2 +337,122 @@

},
"denhaag": {
"focus": {
"border": DesignToken
},
"action": {
"gap": DesignToken,
"color": DesignToken,
"background-color": {},
"padding-inline-start": DesignToken,
"padding-inline-end": DesignToken,
"padding-block-start": DesignToken,
"padding-block-end": DesignToken,
"border-style": DesignToken,
"border-width": DesignToken,
"border-color": DesignToken,
"content": {
"bold": {
"font-weight": DesignToken
}
},
"details": {
"gap": {},
"lg": {
"gap": {}
}
},
"date": {
"color": DesignToken,
"font-weight": {},
"warning": {
"gap": DesignToken,
"color": DesignToken,
"font-weight": DesignToken
}
},
"actions": {
"gap": DesignToken
},
"link-icon": {
"width": {},
"color": DesignToken
},
"warning-icon": {
"width": {},
"color": DesignToken
},
"single": {
"padding-inline-start": DesignToken,
"padding-inline-end": DesignToken,
"padding-block-start": DesignToken,
"padding-block-end": DesignToken,
"hover": {
"background-color": {}
},
"focus": {
"outline-color": DesignToken,
"outline-width": DesignToken,
"outline-style": DesignToken
},
"details": {
"gap": DesignToken,
"lg": {
"gap": DesignToken
}
}
},
"lg": {
"gap": {},
"padding-block-start": {},
"padding-block-end": {}
}
},
"file": {
"focus": {
"outline-color": DesignToken,
"outline-width": DesignToken,
"outline-style": DesignToken
}
},
"sidenav": {
"display": DesignToken,
"flex-direction": DesignToken,
"min-width": {},
"row-gap": DesignToken,
"item": {
"font-family": DesignToken,
"font-size": DesignToken,
"font-weight": DesignToken,
"height": DesignToken,
"line-height": DesignToken,
"margin-block-start": {},
"margin-block-end": {},
"margin-inline-start": {},
"margin-inline-end": {}
},
"link": {
"padding-block-start": DesignToken,
"padding-block-end": DesignToken,
"color": DesignToken,
"hover": {
"color": DesignToken
},
"active": {
"color": DesignToken,
"font-weight": DesignToken
},
"child": {
"padding-inline-start": {}
}
},
"list": {
"child": {
"margin-inline-start": {}
}
},
"mobile": {
"display": DesignToken
}
}
},
"utrecht": {

@@ -1056,116 +1176,2 @@ "action": {

},
"denhaag": {
"action": {
"gap": DesignToken,
"color": DesignToken,
"background-color": {},
"padding-inline-start": DesignToken,
"padding-inline-end": DesignToken,
"padding-block-start": DesignToken,
"padding-block-end": DesignToken,
"border-style": DesignToken,
"border-width": DesignToken,
"border-color": DesignToken,
"content": {
"bold": {
"font-weight": DesignToken
}
},
"details": {
"gap": {},
"lg": {
"gap": {}
}
},
"date": {
"color": DesignToken,
"font-weight": {},
"warning": {
"gap": DesignToken,
"color": DesignToken,
"font-weight": DesignToken
}
},
"actions": {
"gap": DesignToken
},
"link-icon": {
"width": {},
"color": DesignToken
},
"warning-icon": {
"width": {},
"color": DesignToken
},
"single": {
"padding-inline-start": DesignToken,
"padding-inline-end": DesignToken,
"padding-block-start": DesignToken,
"padding-block-end": DesignToken,
"hover": {
"background-color": {}
},
"focus": {
"outline-color": DesignToken,
"outline-width": DesignToken,
"outline-style": DesignToken
},
"details": {
"gap": DesignToken,
"lg": {
"gap": DesignToken
}
}
},
"lg": {
"gap": {},
"padding-block-start": {},
"padding-block-end": {}
}
},
"file": {
"focus": {
"outline-color": DesignToken,
"outline-width": DesignToken,
"outline-style": DesignToken
}
},
"sidenav": {
"display": DesignToken,
"flex-direction": DesignToken,
"min-width": {},
"row-gap": DesignToken,
"item": {
"font-family": {},
"font-size": DesignToken,
"font-weight": DesignToken,
"height": DesignToken,
"line-height": DesignToken,
"margin-block-start": {},
"margin-block-end": {},
"margin-inline-start": {},
"margin-inline-end": {}
},
"link": {
"padding-block-start": DesignToken,
"padding-block-end": DesignToken,
"color": DesignToken,
"hover": {
"color": DesignToken
},
"active": {
"color": DesignToken,
"font-weight": DesignToken
},
"child": {
"padding-inline-start": {}
}
},
"list": {
"child": {
"margin-inline-start": {}
}
}
}
},
"example": {

@@ -1172,0 +1178,0 @@ "button": {

{
"version": "1.0.0-alpha.23",
"version": "1.0.0-alpha.24",
"author": "Community for NL Design System",

@@ -37,3 +37,3 @@ "description": "Example design tokens",

},
"gitHead": "f89db3ae5a964a409374191086471335d20a1593"
"gitHead": "7d888911bc8a2af0324dfd0560f4ac198eb92359"
}

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

"item": {
"font-family": {},
"font-family": { "value": "{utrecht.document.font-family}" },
"font-size": { "value": "{rods.typography.scale.md.font-size}" },

@@ -39,5 +39,6 @@ "font-weight": { "value": "{rods.typography.weight-scale.normal.font-weight}" },

}
}
},
"mobile": { "display": { "value": "flex" } }
}
}
}

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 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 not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc