Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@open-formulieren/design-tokens
Advanced tools
@open-formulieren/design-tokens - npm Package Compare versions
Comparing version 0.2.0 to 0.3.0
| /** | ||
| * Do not edit directly | ||
| * Generated on Mon, 30 May 2022 15:28:35 GMT | ||
| * Generated on Wed, 01 Jun 2022 15:22:02 GMT | ||
| */ | ||
| export const ofPageFooterBg = "#01689B"; | ||
| export const ofPageFooterFg = "#ffffff"; | ||
| export const ofPageHeaderBg = "#ffffff"; | ||
| export const ofPageHeaderMobilePadding = "20px"; | ||
| export const ofPageHeaderTabletPadding = "20px"; | ||
| export const ofPageHeaderLaptopPadding = "20px"; | ||
| export const ofPageHeaderDesktopPadding = "20px"; | ||
| export const ofColorPrimary = "#01689B"; | ||
@@ -19,2 +26,8 @@ export const ofColorSecondary = "#cee0ea"; | ||
| export const ofLinkColor = "#01689B"; | ||
| export const ofLinkHoverColor = "#01689B"; | ||
| export const ofTextMargin = "20px"; | ||
| export const ofTextMobileMargin = "20px"; | ||
| export const ofTextTabletMargin = "20px"; | ||
| export const ofTextLaptopMargin = "20px"; | ||
| export const ofTextDesktopMargin = "20px"; | ||
| export const ofButtonHoverBg = "#cccccc"; | ||
@@ -49,2 +62,5 @@ export const ofButtonHoverColorBorder = "#5e5e5e"; | ||
| export const ofHelptextFg = "#000000"; | ||
| export const ofHeaderLogoUrl = "none"; | ||
| export const ofHeaderLogoWidth = "auto"; | ||
| export const ofHeaderLogoHeight = "auto"; | ||
| export const ofProgressIndicatorMobileBoxShadow = "0px 0px 2px 0px rgba(0, 0, 0, 0.2)"; |
| /** | ||
| * Do not edit directly | ||
| * Generated on Mon, 30 May 2022 15:28:35 GMT | ||
| * Generated on Wed, 01 Jun 2022 15:22:02 GMT | ||
| */ | ||
@@ -8,2 +8,155 @@ | ||
| "of": { | ||
| "page-footer": { | ||
| "bg": { | ||
| "value": "#01689B", | ||
| "filePath": "./src/components/page-footer/tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "{of.color.primary}" | ||
| }, | ||
| "name": "ofPageFooterBg", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "page-footer", | ||
| "item": "bg" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "page-footer", | ||
| "bg" | ||
| ] | ||
| }, | ||
| "fg": { | ||
| "value": "#ffffff", | ||
| "filePath": "./src/components/page-footer/tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "{of.color.bg}" | ||
| }, | ||
| "name": "ofPageFooterFg", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "page-footer", | ||
| "item": "fg" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "page-footer", | ||
| "fg" | ||
| ] | ||
| } | ||
| }, | ||
| "page-header": { | ||
| "bg": { | ||
| "value": "#ffffff", | ||
| "filePath": "./src/components/page-header/tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "#ffffff" | ||
| }, | ||
| "name": "ofPageHeaderBg", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "page-header", | ||
| "item": "bg" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "page-header", | ||
| "bg" | ||
| ] | ||
| }, | ||
| "mobile": { | ||
| "padding": { | ||
| "value": "20px", | ||
| "filePath": "./src/components/page-header/tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "{of.text.mobile.margin}" | ||
| }, | ||
| "name": "ofPageHeaderMobilePadding", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "page-header", | ||
| "item": "mobile", | ||
| "subitem": "padding" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "page-header", | ||
| "mobile", | ||
| "padding" | ||
| ] | ||
| } | ||
| }, | ||
| "tablet": { | ||
| "padding": { | ||
| "value": "20px", | ||
| "filePath": "./src/components/page-header/tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "{of.text.tablet.margin}" | ||
| }, | ||
| "name": "ofPageHeaderTabletPadding", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "page-header", | ||
| "item": "tablet", | ||
| "subitem": "padding" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "page-header", | ||
| "tablet", | ||
| "padding" | ||
| ] | ||
| } | ||
| }, | ||
| "laptop": { | ||
| "padding": { | ||
| "value": "20px", | ||
| "filePath": "./src/components/page-header/tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "{of.text.laptop.margin}" | ||
| }, | ||
| "name": "ofPageHeaderLaptopPadding", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "page-header", | ||
| "item": "laptop", | ||
| "subitem": "padding" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "page-header", | ||
| "laptop", | ||
| "padding" | ||
| ] | ||
| } | ||
| }, | ||
| "desktop": { | ||
| "padding": { | ||
| "value": "20px", | ||
| "filePath": "./src/components/page-header/tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "{of.text.desktop.margin}" | ||
| }, | ||
| "name": "ofPageHeaderDesktopPadding", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "page-header", | ||
| "item": "desktop", | ||
| "subitem": "padding" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "page-header", | ||
| "desktop", | ||
| "padding" | ||
| ] | ||
| } | ||
| } | ||
| }, | ||
| "color": { | ||
@@ -262,4 +415,140 @@ "primary": { | ||
| ] | ||
| }, | ||
| "hover": { | ||
| "color": { | ||
| "value": "#01689B", | ||
| "filePath": "./src/common/typography.tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "{of.link.color}" | ||
| }, | ||
| "name": "ofLinkHoverColor", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "link", | ||
| "item": "hover", | ||
| "subitem": "color" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "link", | ||
| "hover", | ||
| "color" | ||
| ] | ||
| } | ||
| } | ||
| }, | ||
| "text": { | ||
| "margin": { | ||
| "value": "20px", | ||
| "filePath": "./src/common/typography.tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "20px" | ||
| }, | ||
| "name": "ofTextMargin", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "text", | ||
| "item": "margin" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "text", | ||
| "margin" | ||
| ] | ||
| }, | ||
| "mobile": { | ||
| "margin": { | ||
| "value": "20px", | ||
| "filePath": "./src/common/typography.tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "{of.text.margin}" | ||
| }, | ||
| "name": "ofTextMobileMargin", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "text", | ||
| "item": "mobile", | ||
| "subitem": "margin" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "text", | ||
| "mobile", | ||
| "margin" | ||
| ] | ||
| } | ||
| }, | ||
| "tablet": { | ||
| "margin": { | ||
| "value": "20px", | ||
| "filePath": "./src/common/typography.tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "{of.text.margin}" | ||
| }, | ||
| "name": "ofTextTabletMargin", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "text", | ||
| "item": "tablet", | ||
| "subitem": "margin" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "text", | ||
| "tablet", | ||
| "margin" | ||
| ] | ||
| } | ||
| }, | ||
| "laptop": { | ||
| "margin": { | ||
| "value": "20px", | ||
| "filePath": "./src/common/typography.tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "{of.text.margin}" | ||
| }, | ||
| "name": "ofTextLaptopMargin", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "text", | ||
| "item": "laptop", | ||
| "subitem": "margin" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "text", | ||
| "laptop", | ||
| "margin" | ||
| ] | ||
| } | ||
| }, | ||
| "desktop": { | ||
| "margin": { | ||
| "value": "20px", | ||
| "filePath": "./src/common/typography.tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "{of.text.margin}" | ||
| }, | ||
| "name": "ofTextDesktopMargin", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "text", | ||
| "item": "desktop", | ||
| "subitem": "margin" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "text", | ||
| "desktop", | ||
| "margin" | ||
| ] | ||
| } | ||
| } | ||
| }, | ||
| "button": { | ||
@@ -904,2 +1193,61 @@ "hover": { | ||
| }, | ||
| "header-logo": { | ||
| "url": { | ||
| "value": "none", | ||
| "filePath": "./src/components/page-header/logo.tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "none" | ||
| }, | ||
| "name": "ofHeaderLogoUrl", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "header-logo", | ||
| "item": "url" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "header-logo", | ||
| "url" | ||
| ] | ||
| }, | ||
| "width": { | ||
| "value": "auto", | ||
| "filePath": "./src/components/page-header/logo.tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "auto" | ||
| }, | ||
| "name": "ofHeaderLogoWidth", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "header-logo", | ||
| "item": "width" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "header-logo", | ||
| "width" | ||
| ] | ||
| }, | ||
| "height": { | ||
| "value": "auto", | ||
| "filePath": "./src/components/page-header/logo.tokens.json", | ||
| "isSource": true, | ||
| "original": { | ||
| "value": "auto" | ||
| }, | ||
| "name": "ofHeaderLogoHeight", | ||
| "attributes": { | ||
| "category": "of", | ||
| "type": "header-logo", | ||
| "item": "height" | ||
| }, | ||
| "path": [ | ||
| "of", | ||
| "header-logo", | ||
| "height" | ||
| ] | ||
| } | ||
| }, | ||
| "progress-indicator": { | ||
@@ -906,0 +1254,0 @@ "mobile": { |
| { | ||
| "name": "@open-formulieren/design-tokens", | ||
| "version": "0.2.0", | ||
| "version": "0.3.0", | ||
| "description": "Design tokens for Open Forms", | ||
@@ -5,0 +5,0 @@ "scripts": { |
@@ -7,5 +7,23 @@ { | ||
| "link": { | ||
| "color": {"value": "{of.color.primary}"} | ||
| "color": {"value": "{of.color.primary}"}, | ||
| "hover": { | ||
| "color": {"value": "{of.link.color}"} | ||
| } | ||
| }, | ||
| "text": { | ||
| "margin": {"value": "20px"}, | ||
| "mobile": { | ||
| "margin": {"value": "{of.text.margin}"} | ||
| }, | ||
| "tablet": { | ||
| "margin": {"value": "{of.text.margin}"} | ||
| }, | ||
| "laptop": { | ||
| "margin": {"value": "{of.text.margin}"} | ||
| }, | ||
| "desktop": { | ||
| "margin": {"value": "{of.text.margin}"} | ||
| } | ||
| } | ||
| } | ||
| } |
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 by18.73%
78422
- Number of package files
- increased by16.67%
21
- Lines of code
- increased by37.59%
1647
No dependency changes