@gemeente-rotterdam/design-tokens
Advanced tools
@gemeente-rotterdam/design-tokens - npm Package Compare versions
Comparing version 1.0.0-alpha.5 to 1.0.0-alpha.6
| /** | ||
| * Do not edit directly | ||
| * Generated on Sun, 03 Dec 2023 15:38:09 GMT | ||
| * Generated on Sun, 03 Dec 2023 17:25:51 GMT | ||
| */ | ||
@@ -16,2 +16,18 @@ | ||
| export const rodsColorBaseGray : string; | ||
| export const rodsColorNotificationNeutralBackgroundColor : string; | ||
| export const rodsColorNotificationNeutralIconColor : string; | ||
| export const rodsColorNotificationNeutralColor : string; | ||
| export const rodsColorNotificationNeutralOutlineColor : string; | ||
| export const rodsColorNotificationAlertBackgroundColor : string; | ||
| export const rodsColorNotificationAlertIconColor : string; | ||
| export const rodsColorNotificationAlertColor : string; | ||
| export const rodsColorNotificationAlertOutlineColor : string; | ||
| export const rodsColorNotificationWarningBackgroundColor : string; | ||
| export const rodsColorNotificationWarningIconColor : string; | ||
| export const rodsColorNotificationWarningColor : string; | ||
| export const rodsColorNotificationWarningOutlineColor : string; | ||
| export const rodsColorNotificationAccomplishmentBackgroundColor : string; | ||
| export const rodsColorNotificationAccomplishmentIconColor : string; | ||
| export const rodsColorNotificationAccomplishmentColor : string; | ||
| export const rodsColorNotificationAccomplishmentOutlineColor : string; | ||
| /** Gray/Tint 01 */ | ||
@@ -188,2 +204,14 @@ export const rodsColorGrayTint01 : string; | ||
| export const rodsParagraphSmallLineHeight : string; | ||
| export const rodsStatusBadgeLightBlueBackgroundColor : string; | ||
| export const rodsStatusBadgeLightBlueColor : string; | ||
| export const rodsStatusBadgeBlueBackgroundColor : string; | ||
| export const rodsStatusBadgeBlueColor : string; | ||
| export const rodsStatusBadgeDarkBlueBackgroundColor : string; | ||
| export const rodsStatusBadgeDarkBlueColor : string; | ||
| export const rodsStatusBadgeGreenBlueBackgroundColor : string; | ||
| export const rodsStatusBadgeGreenBlueColor : string; | ||
| export const rodsStatusBadgeRedBackgroundColor : string; | ||
| export const rodsStatusBadgeRedColor : string; | ||
| export const rodsStatusBadgeDarkYellowBackgroundColor : string; | ||
| export const rodsStatusBadgeDarkYellowColor : string; | ||
| export const rodsTextboxHoverBorderColor : string; | ||
@@ -240,2 +268,23 @@ export const rodsTextboxHoverBorderWidth : string; | ||
| export const utrechtSpaceColumn5xl : string; | ||
| export const utrechtAlertBackgroundColor : string; | ||
| export const utrechtAlertBorderColor : string; | ||
| export const utrechtAlertBorderWidth : string; | ||
| export const utrechtAlertColor : string; | ||
| export const utrechtAlertPaddingBlockStart : string; | ||
| export const utrechtAlertPaddingBlockEnd : string; | ||
| export const utrechtAlertPaddingInlineStart : string; | ||
| export const utrechtAlertPaddingInlineEnd : string; | ||
| export const utrechtAlertWarningBackgroundColor : string; | ||
| export const utrechtAlertWarningColor : string; | ||
| export const utrechtAlertWarningBorderColor : string; | ||
| export const utrechtAlertErrorBackgroundColor : string; | ||
| export const utrechtAlertErrorColor : string; | ||
| export const utrechtAlertErrorBorderColor : string; | ||
| export const utrechtAlertOkBackgroundColor : string; | ||
| export const utrechtAlertOkColor : string; | ||
| export const utrechtAlertOkBorderColor : string; | ||
| export const utrechtAlertIconColor : string; | ||
| export const utrechtAlertIconErrorColor : string; | ||
| export const utrechtAlertIconWarningColor : string; | ||
| export const utrechtAlertIconOkColor : string; | ||
| export const utrechtBadgeCounterBorderRadius : string; | ||
@@ -242,0 +291,0 @@ export const utrechtBadgeCounterFontWeight : string; |
@@ -7,2 +7,18 @@ { | ||
| "rodsColorBaseGray": "#EFF4F6", | ||
| "rodsColorNotificationNeutralBackgroundColor": "#E8F4FB", | ||
| "rodsColorNotificationNeutralIconColor": "#00689E", | ||
| "rodsColorNotificationNeutralColor": "#404B4F", | ||
| "rodsColorNotificationNeutralOutlineColor": "#B4DBF1", | ||
| "rodsColorNotificationAlertBackgroundColor": "#FDF0EE", | ||
| "rodsColorNotificationAlertIconColor": "#D70D0D", | ||
| "rodsColorNotificationAlertColor": "#404B4F", | ||
| "rodsColorNotificationAlertOutlineColor": "#F7CCC5", | ||
| "rodsColorNotificationWarningBackgroundColor": "#FEF8E6", | ||
| "rodsColorNotificationWarningIconColor": "#A65600", | ||
| "rodsColorNotificationWarningColor": "#404B4F", | ||
| "rodsColorNotificationWarningOutlineColor": "#F9E7AC", | ||
| "rodsColorNotificationAccomplishmentBackgroundColor": "#E6F3E9", | ||
| "rodsColorNotificationAccomplishmentIconColor": "#00811F", | ||
| "rodsColorNotificationAccomplishmentColor": "#404B4F", | ||
| "rodsColorNotificationAccomplishmentOutlineColor": "#ACD6B7", | ||
| "rodsColorGrayTint01": "#EFF4F6", | ||
@@ -111,2 +127,14 @@ "rodsColorGrayTint02": "#E4EEF1", | ||
| "rodsParagraphSmallLineHeight": "20px", | ||
| "rodsStatusBadgeLightBlueBackgroundColor": "#d9ebf4", | ||
| "rodsStatusBadgeLightBlueColor": "#084279", | ||
| "rodsStatusBadgeBlueBackgroundColor": "#0084C4", | ||
| "rodsStatusBadgeBlueColor": "#ffffff", | ||
| "rodsStatusBadgeDarkBlueBackgroundColor": "#083968", | ||
| "rodsStatusBadgeDarkBlueColor": "#ffffff", | ||
| "rodsStatusBadgeGreenBlueBackgroundColor": "#00846D", | ||
| "rodsStatusBadgeGreenBlueColor": "#ffffff", | ||
| "rodsStatusBadgeRedBackgroundColor": "#D70D0D", | ||
| "rodsStatusBadgeRedColor": "#ffffff", | ||
| "rodsStatusBadgeDarkYellowBackgroundColor": "#EDB500", | ||
| "rodsStatusBadgeDarkYellowColor": "#000000", | ||
| "rodsTextboxHoverBorderColor": "#00811F", | ||
@@ -163,2 +191,23 @@ "rodsTextboxHoverBorderWidth": "2px", | ||
| "utrechtSpaceColumn5xl": "40px", | ||
| "utrechtAlertBackgroundColor": "#E8F4FB", | ||
| "utrechtAlertBorderColor": "#B4DBF1", | ||
| "utrechtAlertBorderWidth": "1px", | ||
| "utrechtAlertColor": "#404B4F", | ||
| "utrechtAlertPaddingBlockStart": "16px", | ||
| "utrechtAlertPaddingBlockEnd": "16px", | ||
| "utrechtAlertPaddingInlineStart": "16px", | ||
| "utrechtAlertPaddingInlineEnd": "16px", | ||
| "utrechtAlertWarningBackgroundColor": "#FEF8E6", | ||
| "utrechtAlertWarningColor": "#404B4F", | ||
| "utrechtAlertWarningBorderColor": "#F9E7AC", | ||
| "utrechtAlertErrorBackgroundColor": "#FDF0EE", | ||
| "utrechtAlertErrorColor": "#404B4F", | ||
| "utrechtAlertErrorBorderColor": "#F7CCC5", | ||
| "utrechtAlertOkBackgroundColor": "#E6F3E9", | ||
| "utrechtAlertOkColor": "#404B4F", | ||
| "utrechtAlertOkBorderColor": "#ACD6B7", | ||
| "utrechtAlertIconColor": "#00689E", | ||
| "utrechtAlertIconErrorColor": "#D70D0D", | ||
| "utrechtAlertIconWarningColor": "#A65600", | ||
| "utrechtAlertIconOkColor": "#00811F", | ||
| "utrechtBadgeCounterBorderRadius": "2em", | ||
@@ -165,0 +214,0 @@ "utrechtBadgeCounterFontWeight": "400", |
@@ -11,2 +11,28 @@ { | ||
| }, | ||
| "notification": { | ||
| "neutral": { | ||
| "background-color": "#E8F4FB", | ||
| "icon-color": "#00689E", | ||
| "color": "#404B4F", | ||
| "outline-color": "#B4DBF1" | ||
| }, | ||
| "alert": { | ||
| "background-color": "#FDF0EE", | ||
| "icon-color": "#D70D0D", | ||
| "color": "#404B4F", | ||
| "outline-color": "#F7CCC5" | ||
| }, | ||
| "warning": { | ||
| "background-color": "#FEF8E6", | ||
| "icon-color": "#A65600", | ||
| "color": "#404B4F", | ||
| "outline-color": "#F9E7AC" | ||
| }, | ||
| "accomplishment": { | ||
| "background-color": "#E6F3E9", | ||
| "icon-color": "#00811F", | ||
| "color": "#404B4F", | ||
| "outline-color": "#ACD6B7" | ||
| } | ||
| }, | ||
| "gray": { | ||
@@ -200,2 +226,28 @@ "tint-01": "#EFF4F6", | ||
| }, | ||
| "status-badge": { | ||
| "light-blue": { | ||
| "background-color": "#d9ebf4", | ||
| "color": "#084279" | ||
| }, | ||
| "blue": { | ||
| "background-color": "#0084C4", | ||
| "color": "#ffffff" | ||
| }, | ||
| "dark-blue": { | ||
| "background-color": "#083968", | ||
| "color": "#ffffff" | ||
| }, | ||
| "green-blue": { | ||
| "background-color": "#00846D", | ||
| "color": "#ffffff" | ||
| }, | ||
| "red": { | ||
| "background-color": "#D70D0D", | ||
| "color": "#ffffff" | ||
| }, | ||
| "dark-yellow": { | ||
| "background-color": "#EDB500", | ||
| "color": "#000000" | ||
| } | ||
| }, | ||
| "textbox": { | ||
@@ -281,2 +333,46 @@ "hover": { | ||
| }, | ||
| "alert": { | ||
| "background-color": "#E8F4FB", | ||
| "border-color": "#B4DBF1", | ||
| "border-radius": {}, | ||
| "border-width": "1px", | ||
| "color": "#404B4F", | ||
| "padding-block-start": "16px", | ||
| "padding-block-end": "16px", | ||
| "padding-inline-start": "16px", | ||
| "padding-inline-end": "16px", | ||
| "margin-block-start": {}, | ||
| "margin-block-end": {}, | ||
| "warning": { | ||
| "background-color": "#FEF8E6", | ||
| "color": "#404B4F", | ||
| "border-color": "#F9E7AC", | ||
| "border-width": {} | ||
| }, | ||
| "error": { | ||
| "background-color": "#FDF0EE", | ||
| "color": "#404B4F", | ||
| "border-color": "#F7CCC5", | ||
| "border-width": {} | ||
| }, | ||
| "ok": { | ||
| "background-color": "#E6F3E9", | ||
| "color": "#404B4F", | ||
| "border-color": "#ACD6B7", | ||
| "border-width": {} | ||
| }, | ||
| "icon": { | ||
| "color": "#00689E", | ||
| "gap": {}, | ||
| "error": { | ||
| "color": "#D70D0D" | ||
| }, | ||
| "warning": { | ||
| "color": "#A65600" | ||
| }, | ||
| "ok": { | ||
| "color": "#00811F" | ||
| } | ||
| } | ||
| }, | ||
| "badge-counter": { | ||
@@ -283,0 +379,0 @@ "border-radius": "2em", |
| /** | ||
| * Do not edit directly | ||
| * Generated on Sun, 03 Dec 2023 15:38:09 GMT | ||
| * Generated on Sun, 03 Dec 2023 17:25:51 GMT | ||
| */ | ||
@@ -34,2 +34,28 @@ | ||
| }, | ||
| "notification": { | ||
| "neutral": { | ||
| "background-color": DesignToken, | ||
| "icon-color": DesignToken, | ||
| "color": DesignToken, | ||
| "outline-color": DesignToken | ||
| }, | ||
| "alert": { | ||
| "background-color": DesignToken, | ||
| "icon-color": DesignToken, | ||
| "color": DesignToken, | ||
| "outline-color": DesignToken | ||
| }, | ||
| "warning": { | ||
| "background-color": DesignToken, | ||
| "icon-color": DesignToken, | ||
| "color": DesignToken, | ||
| "outline-color": DesignToken | ||
| }, | ||
| "accomplishment": { | ||
| "background-color": DesignToken, | ||
| "icon-color": DesignToken, | ||
| "color": DesignToken, | ||
| "outline-color": DesignToken | ||
| } | ||
| }, | ||
| "gray": { | ||
@@ -223,2 +249,28 @@ "tint-01": DesignToken, | ||
| }, | ||
| "status-badge": { | ||
| "light-blue": { | ||
| "background-color": DesignToken, | ||
| "color": DesignToken | ||
| }, | ||
| "blue": { | ||
| "background-color": DesignToken, | ||
| "color": DesignToken | ||
| }, | ||
| "dark-blue": { | ||
| "background-color": DesignToken, | ||
| "color": DesignToken | ||
| }, | ||
| "green-blue": { | ||
| "background-color": DesignToken, | ||
| "color": DesignToken | ||
| }, | ||
| "red": { | ||
| "background-color": DesignToken, | ||
| "color": DesignToken | ||
| }, | ||
| "dark-yellow": { | ||
| "background-color": DesignToken, | ||
| "color": DesignToken | ||
| } | ||
| }, | ||
| "textbox": { | ||
@@ -304,2 +356,46 @@ "hover": { | ||
| }, | ||
| "alert": { | ||
| "background-color": DesignToken, | ||
| "border-color": DesignToken, | ||
| "border-radius": {}, | ||
| "border-width": DesignToken, | ||
| "color": DesignToken, | ||
| "padding-block-start": DesignToken, | ||
| "padding-block-end": DesignToken, | ||
| "padding-inline-start": DesignToken, | ||
| "padding-inline-end": DesignToken, | ||
| "margin-block-start": {}, | ||
| "margin-block-end": {}, | ||
| "warning": { | ||
| "background-color": DesignToken, | ||
| "color": DesignToken, | ||
| "border-color": DesignToken, | ||
| "border-width": {} | ||
| }, | ||
| "error": { | ||
| "background-color": DesignToken, | ||
| "color": DesignToken, | ||
| "border-color": DesignToken, | ||
| "border-width": {} | ||
| }, | ||
| "ok": { | ||
| "background-color": DesignToken, | ||
| "color": DesignToken, | ||
| "border-color": DesignToken, | ||
| "border-width": {} | ||
| }, | ||
| "icon": { | ||
| "color": DesignToken, | ||
| "gap": {}, | ||
| "error": { | ||
| "color": DesignToken | ||
| }, | ||
| "warning": { | ||
| "color": DesignToken | ||
| }, | ||
| "ok": { | ||
| "color": DesignToken | ||
| } | ||
| } | ||
| }, | ||
| "badge-counter": { | ||
@@ -306,0 +402,0 @@ "border-radius": DesignToken, |
| { | ||
| "version": "1.0.0-alpha.5", | ||
| "version": "1.0.0-alpha.6", | ||
| "author": "Community for NL Design System", | ||
@@ -37,3 +37,3 @@ "description": "Example design tokens", | ||
| }, | ||
| "gitHead": "542c99f8a7710abc28bffd65e408732cc5722956" | ||
| "gitHead": "d6f67a375e7ec4a28a3be8195039b8e4c10a0f89" | ||
| } |
@@ -26,2 +26,28 @@ { | ||
| }, | ||
| "notification": { | ||
| "neutral": { | ||
| "background-color": { "value": "#E8F4FB" }, | ||
| "icon-color": { "value": "#00689E" }, | ||
| "color": { "value": "{rods.color.gray.tint-11}" }, | ||
| "outline-color": { "value": "#B4DBF1" } | ||
| }, | ||
| "alert": { | ||
| "background-color": { "value": "#FDF0EE" }, | ||
| "icon-color": { "value": "#D70D0D" }, | ||
| "color": { "value": "{rods.color.gray.tint-11}" }, | ||
| "outline-color": { "value": "#F7CCC5" } | ||
| }, | ||
| "warning": { | ||
| "background-color": { "value": "#FEF8E6" }, | ||
| "icon-color": { "value": "#A65600" }, | ||
| "color": { "value": "{rods.color.gray.tint-11}" }, | ||
| "outline-color": { "value": "#F9E7AC" } | ||
| }, | ||
| "accomplishment": { | ||
| "background-color": { "value": "#E6F3E9" }, | ||
| "icon-color": { "value": "#00811F" }, | ||
| "color": { "value": "{rods.color.gray.tint-11}" }, | ||
| "outline-color": { "value": "#ACD6B7" } | ||
| } | ||
| }, | ||
| "gray": { | ||
@@ -28,0 +54,0 @@ "tint-01": { |
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
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by17.19%
502644
- Number of package files
- increased by3.33%
62
- Lines of code
- increased by14.46%
13936
No dependency changes