Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@gemeente-denhaag/design-tokens-components
Advanced tools
@gemeente-denhaag/design-tokens-components - npm Package Compare versions
Comparing version 0.2.3-alpha.11 to 0.2.3-alpha.12
| /** | ||
| * Do not edit directly | ||
| * Generated on Wed, 18 Aug 2021 10:08:03 GMT | ||
| * Generated on Sat, 21 Aug 2021 15:49:39 GMT | ||
| */ | ||
@@ -290,5 +290,78 @@ | ||
| export const utrechtBadgeCounterPaddingInline = "6px"; | ||
| export const utrechtBadgeStatusTextTransform = "uppercase"; | ||
| export const utrechtBadgeBorderRadius = "3px"; | ||
| export const utrechtBadgeFontFamily = "\"TheSans\", sans-serif"; | ||
| export const utrechtBadgeFontWeight = "700"; | ||
| export const utrechtBadgeFontSize = "0.75rem"; | ||
| export const utrechtBadgePaddingBlock = "6px"; | ||
| export const utrechtBadgePaddingInline = "8px"; | ||
| export const utrechtBreadcrumbFontSize = "1rem"; | ||
| export const utrechtBreadcrumbLinkFocusColor = "hsl(207 80% 35%)"; | ||
| export const utrechtBreadcrumbLinkColor = "hsl(207 87% 27%)"; | ||
| export const utrechtBreadcrumbDividerContent = "›"; | ||
| export const utrechtBreadcrumbDividerInlineSize = "24px"; | ||
| export const utrechtBreadcrumbItemPaddingInlineEnd = "14px"; | ||
| export const utrechtBreadcrumbItemPaddingInlineStart = "14px"; | ||
| export const utrechtButtonBackgroundColor = "hsl(138 58% 33%)"; | ||
| export const utrechtButtonBorderWidth = "0"; | ||
| export const utrechtButtonBorderRadius = "3px"; | ||
| export const utrechtButtonColor = "hsl(0 0% 100%)"; | ||
| export const utrechtButtonFontFamily = "\"TheSans\", sans-serif"; | ||
| export const utrechtButtonPaddingInlineStart = "16px"; | ||
| export const utrechtButtonPaddingInlineEnd = "16px"; | ||
| export const utrechtButtonPaddingBlockStart = "13px"; | ||
| export const utrechtButtonPaddingBlockEnd = "13px"; | ||
| export const utrechtButtonMarginInlineStart = "0"; | ||
| export const utrechtButtonMarginInlineEnd = "0"; | ||
| export const utrechtButtonMarginBlockStart = "0"; | ||
| export const utrechtButtonMarginBlockEnd = "0"; | ||
| export const utrechtButtonPrimaryActionHoverBackgroundColor = "hsl(138 57% 27%)"; | ||
| export const utrechtButtonPrimaryActionHoverColor = "hsl(0 0% 100%)"; | ||
| export const utrechtButtonPrimaryActionBackgroundColor = "hsl(138 58% 33%)"; | ||
| export const utrechtButtonPrimaryActionColor = "hsl(0 0% 100%)"; | ||
| export const utrechtButtonSecondaryActionHoverBackgroundColor = "hsl(0 0% 100%)"; | ||
| export const utrechtButtonSecondaryActionHoverColor = "hsl(138 57% 27%)"; | ||
| export const utrechtButtonSecondaryActionHoverBorderColor = "hsl(138 57% 27%)"; | ||
| export const utrechtButtonSecondaryActionDisabledBackgroundColor = "hsl(0 0% 100%)"; | ||
| export const utrechtButtonSecondaryActionDisabledBorderColor = "hsl(0 0% 82%)"; | ||
| export const utrechtButtonSecondaryActionDisabledColor = "hsl(0 0% 82%)"; | ||
| export const utrechtButtonSecondaryActionBackgroundColor = "hsl(0 0% 100%)"; | ||
| export const utrechtButtonSecondaryActionColor = "hsl(138 58% 33%)"; | ||
| export const utrechtButtonSecondaryActionBorderColor = "hsl(138 58% 33%)"; | ||
| export const utrechtButtonSecondaryActionBorderWidth = "2px"; | ||
| export const utrechtButtonFocusBorderColor = "hsl(47 100% 40%)"; | ||
| export const utrechtButtonFocusBorderWidth = "2px"; | ||
| export const utrechtButtonDisabledBackgroundColor = "hsl(0 0% 82%)"; | ||
| export const utrechtButtonDisabledColor = "hsl(0 0% 100%)"; | ||
| export const utrechtDocumentFontFamily = "\"TheSans\", sans-serif"; | ||
| export const utrechtDocumentFontSize = "normal"; | ||
| export const utrechtDocumentLineHeight = "normal"; | ||
| export const utrechtFocusBorderColor = "hsl(47 100% 40%)"; | ||
| export const utrechtFocusBorderStyle = "dashed"; | ||
| export const utrechtFocusOutlineColor = "hsl(47 100% 40%)"; | ||
| export const utrechtFocusOutlineStyle = "dashed"; | ||
| export const utrechtFocusOutlineWidth = "2px"; | ||
| export const utrechtFocusColor = "inherit"; | ||
| export const utrechtFormInputBackgroundColor = "hsl(0 0% 100%)"; | ||
| export const utrechtFormInputBorderColor = "hsl(0 0% 82%)"; | ||
| export const utrechtFormInputBorderRadius = "3px"; | ||
| export const utrechtFormInputBorderWidth = "1px"; | ||
| export const utrechtFormInputColor = "hsl(0 0% 29%)"; | ||
| export const utrechtFormInputFontFamily = "\"TheSans\", sans-serif"; | ||
| export const utrechtFormInputPaddingBlockEnd = "8px"; | ||
| export const utrechtFormInputPaddingBlockStart = "8px"; | ||
| export const utrechtFormInputPaddingInlineEnd = "16px"; | ||
| export const utrechtFormInputPaddingInlineStart = "16px"; | ||
| export const utrechtFormInputPlaceholderColor = "hsl(0 0% 48%)"; | ||
| export const utrechtFormInputDisabledBorderColor = "hsl(0 0% 82%)"; | ||
| export const utrechtFormInputDisabledColor = "hsl(0 0% 82%)"; | ||
| export const utrechtFormInputInvalidBorderColor = "hsl(6 93% 42%)"; | ||
| export const utrechtFormInputInvalidBorderWidth = "2px"; | ||
| export const utrechtFormLabelColor = "hsl(207 93% 16%)"; | ||
| export const utrechtFormLabelFontWeight = "700"; | ||
| export const utrechtFormLabelFontSize = "1rem"; | ||
| export const utrechtFormLabelCheckboxColor = "hsl(0 0% 29%)"; | ||
| export const utrechtFormLabelCheckboxFontWeight = "400"; | ||
| export const utrechtFormLabelRadioColor = "hsl(0 0% 29%)"; | ||
| export const utrechtFormLabelRadioFontWeight = "400"; | ||
| export const utrechtHeading1FontSize = "3rem"; | ||
@@ -302,2 +375,13 @@ export const utrechtHeading2FontSize = "2rem"; | ||
| export const utrechtHeadingFontWeight = "700"; | ||
| export const utrechtLinkColor = "hsl(207 80% 35%)"; | ||
| export const utrechtLinkTextDecoration = "underline"; | ||
| export const utrechtLinkFocusColor = "hsl(207 87% 27%)"; | ||
| export const utrechtLinkHoverColor = "hsl(207 87% 27%)"; | ||
| export const utrechtLogoMaxHeight = "97px"; | ||
| export const utrechtPageFooterBackgroundColor = "hsl(48deg 94% 48%)"; | ||
| export const utrechtPageFooterColor = "hsl(0 0% 0%)"; | ||
| export const utrechtPageFooterPaddingBlockEnd = "40px"; | ||
| export const utrechtPageFooterPaddingBlockStart = "30px"; | ||
| export const utrechtPageFooterPaddingInlineEnd = "30px"; | ||
| export const utrechtPageFooterPaddingInlineStart = "30px"; | ||
| export const utrechtParagraphColor = "hsl(0 0% 29%)"; | ||
@@ -311,2 +395,99 @@ export const utrechtParagraphFontFamily = "\"TheSans\", sans-serif"; | ||
| export const utrechtParagraphLeadFontSize = "1.25rem "; | ||
| export const utrechtParagraphLeadLineHeight = "26px"; | ||
| export const utrechtParagraphLeadLineHeight = "26px"; | ||
| export const utrechtSeparatorColor = "hsl(0 0% 82%)"; | ||
| export const utrechtSeparatorWidth = "1px"; | ||
| export const utrechtSeparatorMarginBlockStart = "16px"; | ||
| export const utrechtSeparatorMarginBlockEnd = "16px"; | ||
| export const utrechtTableBorderColor = "hsl(0 0% 82%)"; | ||
| export const utrechtTableBorderWidth = "2px"; | ||
| export const utrechtTableRowAlternateOddBackgroundColor = "rgb(250, 250, 250)"; | ||
| export const utrechtTableRowAlternateEvenBackgroundColor = "rgb(255, 255, 255)"; | ||
| export const utrechtTableRowBorderBlockEndColor = "hsl(0 0% 95%)"; | ||
| export const utrechtTableRowBorderBlockEndWidth = "1px"; | ||
| export const utrechtTableRowPaddingInlineEnd = "24px"; | ||
| export const utrechtTableRowPaddingInlineStart = "24px"; | ||
| export const utrechtTableCaptionMarginBlockEnd = "12px"; | ||
| export const utrechtTableHeaderBorderBlockEndColor = "hsl(0 0% 95%)"; | ||
| export const utrechtTableHeaderBorderBlockEndWidth = "1px"; | ||
| export const utrechtTableHeadingFontSize = "18px"; | ||
| export const utrechtTableHeadingFontWeight = "700"; | ||
| export const utrechtTableHeadingColor = "hsl(138 58% 33%)"; | ||
| export const utrechtTableCellPaddingBlockEnd = "12px"; | ||
| export const utrechtTableCellPaddingBlockStart = "12px"; | ||
| export const utrechtTableCellPaddingInlineEnd = "15px"; | ||
| export const utrechtTableCellPaddingInlineStart = "15px"; | ||
| export const utrechtUnorderedListMarginBlockStart = "0"; | ||
| export const utrechtUnorderedListMarginBlockEnd = "14px"; | ||
| export const utrechtUnorderedListPaddingInlineStart = "20px"; | ||
| export const utrechtUnorderedListItemMarginBlockStart = "5px"; | ||
| export const utrechtUnorderedListItemMarginBlockEnd = "5px"; | ||
| export const utrechtUnorderedListItemPaddingInlineStart = "6px"; | ||
| export const utrechtFeedbackDangerFillBackgroundColor = "hsl(4 100% 92%)"; | ||
| export const utrechtFeedbackDangerFillColor = "hsl(2 100% 32%)"; | ||
| export const utrechtFeedbackDangerBackgroundColor = "hsl(4 100% 92%)"; | ||
| export const utrechtFeedbackDangerColor = "hsl(2 100% 32%)"; | ||
| export const utrechtFeedbackWarningFillBackgroundColor = "hsl(34 100% 84%)"; | ||
| export const utrechtFeedbackWarningFillColor = "hsl(23 99% 44%)"; | ||
| export const utrechtFeedbackWarningBackgroundColor = "hsl(34 100% 84%)"; | ||
| export const utrechtFeedbackWarningColor = "hsl(23 99% 44%)"; | ||
| export const utrechtFeedbackSafeFillBackgroundColor = "hsl(117 28% 87%)"; | ||
| export const utrechtFeedbackSafeFillColor = "hsl(138 57% 27%)"; | ||
| export const utrechtFeedbackSafeBackgroundColor = "hsl(117 28% 87%)"; | ||
| export const utrechtFeedbackSafeColor = "hsl(138 57% 27%)"; | ||
| export const utrechtFeedbackNeutralFillBackgroundColor = "hsl(208 76% 92%)"; | ||
| export const utrechtFeedbackNeutralFillColor = "hsl(207 87% 27%)"; | ||
| export const utrechtFeedbackNeutralBackgroundColor = "hsl(208 76% 92%)"; | ||
| export const utrechtFeedbackNeutralColor = "hsl(207 87% 27%)"; | ||
| export const utrechtSpaceBlock3xs = "2px"; | ||
| export const utrechtSpaceBlock2xs = "4px"; | ||
| export const utrechtSpaceBlockXs = "8px"; | ||
| export const utrechtSpaceBlockSm = "12px"; | ||
| export const utrechtSpaceBlockMd = "16px"; | ||
| export const utrechtSpaceBlockLg = "24px"; | ||
| export const utrechtSpaceBlockXl = "28px"; | ||
| export const utrechtSpaceBlock2xl = "32px"; | ||
| export const utrechtSpaceBlock3xl = "48px"; | ||
| export const utrechtSpaceBlock4xl = "64px"; | ||
| export const utrechtSpaceBlock5xl = "80px"; | ||
| export const utrechtSpaceInline3xs = "2px"; | ||
| export const utrechtSpaceInline2xs = "4px"; | ||
| export const utrechtSpaceInlineXs = "8px"; | ||
| export const utrechtSpaceInlineSm = "12px"; | ||
| export const utrechtSpaceInlineMd = "16px"; | ||
| export const utrechtSpaceInlineLg = "24px"; | ||
| export const utrechtSpaceInlineXl = "28px"; | ||
| export const utrechtSpaceInline2xl = "32px"; | ||
| export const utrechtSpaceInline3xl = "48px"; | ||
| export const utrechtSpaceText3xs = "2px"; | ||
| export const utrechtSpaceText2xs = "4px"; | ||
| export const utrechtSpaceTextXs = "8px"; | ||
| export const utrechtSpaceTextSm = "12px"; | ||
| export const utrechtSpaceTextMd = "16px"; | ||
| export const utrechtSpaceTextLg = "24px"; | ||
| export const utrechtSpaceTextXl = "28px"; | ||
| export const utrechtSpaceText2xl = "32px"; | ||
| export const utrechtSpaceText3xl = "48px"; | ||
| export const utrechtSpaceRow4xs = "1px"; | ||
| export const utrechtSpaceRow3xs = "2px"; | ||
| export const utrechtSpaceRow2xs = "4px"; | ||
| export const utrechtSpaceRowXs = "8px"; | ||
| export const utrechtSpaceRowSm = "12px"; | ||
| export const utrechtSpaceRowMd = "16px"; | ||
| export const utrechtSpaceRowLg = "24px"; | ||
| export const utrechtSpaceRowXl = "28px"; | ||
| export const utrechtSpaceRow2xl = "32px"; | ||
| export const utrechtSpaceRow3xl = "48px"; | ||
| export const utrechtSpaceRow4xl = "64px"; | ||
| export const utrechtSpaceRow5xl = "80px"; | ||
| export const utrechtSpaceColumn4xs = "1px"; | ||
| export const utrechtSpaceColumn3xs = "2px"; | ||
| export const utrechtSpaceColumn2xs = "4px"; | ||
| export const utrechtSpaceColumnXs = "8px"; | ||
| export const utrechtSpaceColumnSm = "12px"; | ||
| export const utrechtSpaceColumnMd = "16px"; | ||
| export const utrechtSpaceColumnLg = "24px"; | ||
| export const utrechtSpaceColumnXl = "28px"; | ||
| export const utrechtSpaceColumn2xl = "32px"; | ||
| export const utrechtSpaceColumn3xl = "48px"; | ||
| export const utrechtSpaceColumn4xl = "64px"; | ||
| export const utrechtSpaceColumn5xl = "80px"; |
@@ -6,3 +6,3 @@ { | ||
| "license": "EUPL-1.2", | ||
| "version": "0.2.3-alpha.11", | ||
| "version": "0.2.3-alpha.12", | ||
| "repository": { | ||
@@ -27,6 +27,6 @@ "type": "git", | ||
| "devDependencies": { | ||
| "@gemeente-denhaag/design-tokens-common": "^0.2.3-alpha.11", | ||
| "@gemeente-denhaag/design-tokens-proprietary": "^0.2.3-alpha.11" | ||
| "@gemeente-denhaag/design-tokens-common": "^0.2.3-alpha.12", | ||
| "@gemeente-denhaag/design-tokens-proprietary": "^0.2.3-alpha.12" | ||
| }, | ||
| "gitHead": "91b0178bd83bbddd13ca797cf6764a0410c05973" | ||
| "gitHead": "dd1e6c74f69028ba7507cbfce5e86cfdef710ff8" | ||
| } |
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
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 by50.69%
399823
- Lines of code
- increased by55.97%
12262
No dependency changes