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

@open-formulieren/design-tokens

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@open-formulieren/design-tokens - npm Package Compare versions

Comparing version 0.51.0 to 0.52.0

/**
* Do not edit directly
* Generated on Wed, 29 Nov 2023 10:12:54 GMT
* Generated on Thu, 04 Jan 2024 14:39:12 GMT
*/

@@ -252,3 +252,13 @@

export const ofProgressIndicatorPaddingInlineStart = "40px";
export const ofSummaryRowSpacing = "10px";
export const ofSummaryRowSpacing = "10px"; // DEPRECATED
export const ofSummaryStepNameFontSize = "1.1875rem";
export const ofSummaryStepNameLineHeight = "1.17";
export const ofSummaryHeaderBorderBlockEndColor = "#767676";
export const ofSummaryHeaderBorderBlockEndStyle = "solid";
export const ofSummaryHeaderBorderBlockEndWidth = "1px";
export const ofSummaryHeaderPaddingBlockEnd = "12p";
export const ofSummaryHeaderMobileRowGap = "8px";
export const ofUtrechtDataListPaddingBlockEnd = "20px";
export const ofUtrechtDataListItemKeyLaptopFontWeight = "400";
export const ofUtrechtDataListLaptopDisplay = "flex";
export const ofTooltipArrowColor = "#ae9e49";

@@ -386,3 +396,10 @@ export const ofTooltipArrowHeight = "16px";

export const utrechtDataListMarginBlockStart = "0";
export const utrechtDataListItemKeyColor = "#000000";
export const utrechtDataListItemKeyFontSize = "1rem";
export const utrechtDataListItemKeyFontWeight = 700;
export const utrechtDataListItemKeyLineHeight = "1.5";
export const utrechtDataListItemValueColor = "#000000";
export const utrechtDataListItemValueFontSize = "1rem";
export const utrechtDataListItemValueFontWeight = 400;
export const utrechtDataListItemValueLineHeight = "1.5";
export const utrechtDataListRowsColumnInlineSize = "80%";

@@ -389,0 +406,0 @@ export const utrechtDataListRowsColumnMinInlineSize = "25ch";

{
"name": "@open-formulieren/design-tokens",
"version": "0.51.0",
"version": "0.52.0",
"description": "Design tokens for Open Forms",

@@ -5,0 +5,0 @@ "scripts": {

# Design Tokens
[![NPM package](https://img.shields.io/npm/v/@open-formulieren/design-tokens.svg)](https://www.npmjs.com/package/@open-formulieren/design-tokens)
Open Forms projects follow the [NL Design System](https://github.com/nl-design-system). We organize

@@ -4,0 +6,0 @@ the design tokens in JSON files and use them in downstream projects like the SDK and the Open Forms

@@ -7,4 +7,13 @@ {

"item-key": {
"font-weight": {"value": 700}
"color": {"value": "{of.color.fg}"},
"font-size": {"value": "1rem"},
"font-weight": {"value": 700},
"line-height": {"value": "1.5"}
},
"item-value": {
"color": {"value": "{of.color.fg}"},
"font-size": {"value": "1rem"},
"font-weight": {"value": 400},
"line-height": {"value": "1.5"}
},
"rows": {

@@ -11,0 +20,0 @@ "column": {

@@ -5,3 +5,4 @@ {

"spacing": {
"value": "10px"
"value": "10px",
"comment": "DEPRECATED"
}

@@ -8,0 +9,0 @@ }

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