@open-formulieren/design-tokens
Version:
Design tokens for Open Forms
1,797 lines (1,795 loc) • 338 kB
JavaScript
/**
* Do not edit directly
* Generated on Fri, 04 Apr 2025 14:38:02 GMT
*/
module.exports = {
"of": {
"login-button-logo": {
"dark": {
"focus": {
"color-border": {
"value": "#0177b2",
"filePath": "./src/components/login-button-logo/tokens.json",
"isSource": true,
"original": {
"value": "{of.color.focus.border}"
},
"name": "ofLoginButtonLogoDarkFocusColorBorder",
"attributes": {
"category": "of",
"type": "login-button-logo",
"item": "dark",
"subitem": "focus",
"state": "color-border"
},
"path": [
"of",
"login-button-logo",
"dark",
"focus",
"color-border"
]
}
},
"focus-visible": {
"color-border": {
"value": "#0177b2",
"filePath": "./src/components/login-button-logo/tokens.json",
"isSource": true,
"original": {
"value": "{of.color.focus.border}"
},
"name": "ofLoginButtonLogoDarkFocusVisibleColorBorder",
"attributes": {
"category": "of",
"type": "login-button-logo",
"item": "dark",
"subitem": "focus-visible",
"state": "color-border"
},
"path": [
"of",
"login-button-logo",
"dark",
"focus-visible",
"color-border"
]
}
}
},
"light": {
"focus": {
"color-border": {
"value": "#000000",
"filePath": "./src/components/login-button-logo/tokens.json",
"isSource": true,
"original": {
"value": "#000000"
},
"name": "ofLoginButtonLogoLightFocusColorBorder",
"attributes": {
"category": "of",
"type": "login-button-logo",
"item": "light",
"subitem": "focus",
"state": "color-border"
},
"path": [
"of",
"login-button-logo",
"light",
"focus",
"color-border"
]
}
},
"focus-visible": {
"color-border": {
"value": "#000000",
"filePath": "./src/components/login-button-logo/tokens.json",
"isSource": true,
"original": {
"value": "#000000"
},
"name": "ofLoginButtonLogoLightFocusVisibleColorBorder",
"attributes": {
"category": "of",
"type": "login-button-logo",
"item": "light",
"subitem": "focus-visible",
"state": "color-border"
},
"path": [
"of",
"login-button-logo",
"light",
"focus-visible",
"color-border"
]
}
}
}
},
"page-footer": {
"$extensions": {
"dte.metadata": {
"groupDescription": "DEPRECATED - use utrecht-page-footer tokens instead."
}
},
"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": {
"$extensions": {
"dte.metadata": {
"groupDescription": "Color/spacing tokens are DEPRECATED - use utrecht-page-header tokens instead."
}
},
"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": "10px 15px 10px 10px",
"filePath": "./src/components/page-header/tokens.json",
"isSource": true,
"original": {
"value": "10px 15px 10px 10px"
},
"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"
]
}
},
"logo-return-url": {
"$extensions": {
"dte.metadata": {
"groupDescription": "Open Forms extension for logo in the header."
}
},
"min-height": {
"value": "50px",
"comment": "DEPRECATED - use min-block-size instead.",
"filePath": "./src/components/page-header/tokens.json",
"isSource": true,
"original": {
"value": "50px",
"comment": "DEPRECATED - use min-block-size instead."
},
"name": "ofPageHeaderLogoReturnUrlMinHeight",
"attributes": {
"category": "of",
"type": "page-header",
"item": "logo-return-url",
"subitem": "min-height"
},
"path": [
"of",
"page-header",
"logo-return-url",
"min-height"
]
},
"min-width": {
"value": "100px",
"comment": "DEPRECATED - use min-inline-size instead.",
"filePath": "./src/components/page-header/tokens.json",
"isSource": true,
"original": {
"value": "100px",
"comment": "DEPRECATED - use min-inline-size instead."
},
"name": "ofPageHeaderLogoReturnUrlMinWidth",
"attributes": {
"category": "of",
"type": "page-header",
"item": "logo-return-url",
"subitem": "min-width"
},
"path": [
"of",
"page-header",
"logo-return-url",
"min-width"
]
},
"min-block-size": {
"value": "50px",
"filePath": "./src/components/page-header/tokens.json",
"isSource": true,
"original": {
"value": "{of.page-header.logo-return-url.min-height}"
},
"name": "ofPageHeaderLogoReturnUrlMinBlockSize",
"attributes": {
"category": "of",
"type": "page-header",
"item": "logo-return-url",
"subitem": "min-block-size"
},
"path": [
"of",
"page-header",
"logo-return-url",
"min-block-size"
]
},
"min-inline-size": {
"value": "100px",
"filePath": "./src/components/page-header/tokens.json",
"isSource": true,
"original": {
"value": "{of.page-header.logo-return-url.min-width}"
},
"name": "ofPageHeaderLogoReturnUrlMinInlineSize",
"attributes": {
"category": "of",
"type": "page-header",
"item": "logo-return-url",
"subitem": "min-inline-size"
},
"path": [
"of",
"page-header",
"logo-return-url",
"min-inline-size"
]
},
"mobile": {
"min-height": {
"value": "25px",
"filePath": "./src/components/page-header/tokens.json",
"isSource": true,
"original": {
"value": "25px"
},
"name": "ofPageHeaderLogoReturnUrlMobileMinHeight",
"attributes": {
"category": "of",
"type": "page-header",
"item": "logo-return-url",
"subitem": "mobile",
"state": "min-height"
},
"path": [
"of",
"page-header",
"logo-return-url",
"mobile",
"min-height"
]
},
"min-width": {
"value": "50px",
"filePath": "./src/components/page-header/tokens.json",
"isSource": true,
"original": {
"value": "50px"
},
"name": "ofPageHeaderLogoReturnUrlMobileMinWidth",
"attributes": {
"category": "of",
"type": "page-header",
"item": "logo-return-url",
"subitem": "mobile",
"state": "min-width"
},
"path": [
"of",
"page-header",
"logo-return-url",
"mobile",
"min-width"
]
},
"min-block-size": {
"value": "25px",
"filePath": "./src/components/page-header/tokens.json",
"isSource": true,
"original": {
"value": "{of.page-header.logo-return-url.mobile.min-height}"
},
"name": "ofPageHeaderLogoReturnUrlMobileMinBlockSize",
"attributes": {
"category": "of",
"type": "page-header",
"item": "logo-return-url",
"subitem": "mobile",
"state": "min-block-size"
},
"path": [
"of",
"page-header",
"logo-return-url",
"mobile",
"min-block-size"
]
},
"min-inline-size": {
"value": "50px",
"filePath": "./src/components/page-header/tokens.json",
"isSource": true,
"original": {
"value": "{of.page-header.logo-return-url.mobile.min-width}"
},
"name": "ofPageHeaderLogoReturnUrlMobileMinInlineSize",
"attributes": {
"category": "of",
"type": "page-header",
"item": "logo-return-url",
"subitem": "mobile",
"state": "min-inline-size"
},
"path": [
"of",
"page-header",
"logo-return-url",
"mobile",
"min-inline-size"
]
}
}
}
},
"color": {
"$extensions": {
"dte.metadata": {
"groupDescription": "Globally tweak commonly used colors."
}
},
"primary": {
"value": "#01689B",
"comment": "The primary color makes up a large part of the theme, it is used in buttons, accents and link color for example.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
},
"filePath": "./src/common/color.tokens.json",
"isSource": true,
"original": {
"value": "#01689B",
"comment": "The primary color makes up a large part of the theme, it is used in buttons, accents and link color for example.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
}
},
"name": "ofColorPrimary",
"attributes": {
"category": "of",
"type": "color",
"item": "primary"
},
"path": [
"of",
"color",
"primary"
]
},
"primary-light": {
"value": "#d3e3ec",
"filePath": "./src/common/color.tokens.json",
"isSource": true,
"original": {
"value": "#d3e3ec"
},
"name": "ofColorPrimaryLight",
"attributes": {
"category": "of",
"type": "color",
"item": "primary-light"
},
"path": [
"of",
"color",
"primary-light"
]
},
"secondary": {
"value": "#cee0ea",
"comment": "The secondary compliments the primary color and serves as the default for a number of more fine-grained tokens.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
},
"filePath": "./src/common/color.tokens.json",
"isSource": true,
"original": {
"value": "#cee0ea",
"comment": "The secondary compliments the primary color and serves as the default for a number of more fine-grained tokens.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
}
},
"name": "ofColorSecondary",
"attributes": {
"category": "of",
"type": "color",
"item": "secondary"
},
"path": [
"of",
"color",
"secondary"
]
},
"info": {
"value": "#007bc7",
"comment": "The highlight color for informational states and/or messages.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
},
"filePath": "./src/common/color.tokens.json",
"isSource": true,
"original": {
"value": "#007bc7",
"comment": "The highlight color for informational states and/or messages.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
}
},
"name": "ofColorInfo",
"attributes": {
"category": "of",
"type": "color",
"item": "info"
},
"path": [
"of",
"color",
"info"
]
},
"success": {
"value": "green",
"comment": "The highlight color for success states and/or messages.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
},
"filePath": "./src/common/color.tokens.json",
"isSource": true,
"original": {
"value": "green",
"comment": "The highlight color for success states and/or messages.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
}
},
"name": "ofColorSuccess",
"attributes": {
"category": "of",
"type": "color",
"item": "success"
},
"path": [
"of",
"color",
"success"
]
},
"warning": {
"value": "#E17000",
"comment": "The highlight color for warning states and/or messages.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
},
"filePath": "./src/common/color.tokens.json",
"isSource": true,
"original": {
"value": "#E17000",
"comment": "The highlight color for warning states and/or messages.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
}
},
"name": "ofColorWarning",
"attributes": {
"category": "of",
"type": "color",
"item": "warning"
},
"path": [
"of",
"color",
"warning"
]
},
"danger": {
"value": "#D52B1E",
"comment": "The highlight color for error/critical states and/or messages.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
},
"filePath": "./src/common/color.tokens.json",
"isSource": true,
"original": {
"value": "#D52B1E",
"comment": "The highlight color for error/critical states and/or messages.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
}
},
"name": "ofColorDanger",
"attributes": {
"category": "of",
"type": "color",
"item": "danger"
},
"path": [
"of",
"color",
"danger"
]
},
"bg": {
"value": "#ffffff",
"comment": "Background color for the (main) user interface.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
},
"filePath": "./src/common/color.tokens.json",
"isSource": true,
"original": {
"value": "#ffffff",
"comment": "Background color for the (main) user interface.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
}
},
"name": "ofColorBg",
"attributes": {
"category": "of",
"type": "color",
"item": "bg"
},
"path": [
"of",
"color",
"bg"
]
},
"fg": {
"value": "#000000",
"comment": "Font/foreground color for the (main) user interface.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
},
"filePath": "./src/common/color.tokens.json",
"isSource": true,
"original": {
"value": "#000000",
"comment": "Font/foreground color for the (main) user interface.",
"$extensions": {
"dte.metadata": {
"isCurated": true,
"category": "color"
}
}
},
"name": "ofColorFg",
"attributes": {
"category": "of",
"type": "color",
"item": "fg"
},
"path": [
"of",
"color",
"fg"
]
},
"fg-muted": {
"value": "#767676",
"comment": "Font/foreground color for non-actionable or less-important content.",
"$extensions": {
"dte.metadata": {
"category": "color"
}
},
"filePath": "./src/common/color.tokens.json",
"isSource": true,
"original": {
"value": "#767676",
"comment": "Font/foreground color for non-actionable or less-important content.",
"$extensions": {
"dte.metadata": {
"category": "color"
}
}
},
"name": "ofColorFgMuted",
"attributes": {
"category": "of",
"type": "color",
"item": "fg-muted"
},
"path": [
"of",
"color",
"fg-muted"
]
},
"border": {
"value": "#767676",
"comment": "Default color for borders.",
"filePath": "./src/common/color.tokens.json",
"isSource": true,
"original": {
"value": "#767676",
"comment": "Default color for borders."
},
"name": "ofColorBorder",
"attributes": {
"category": "of",
"type": "color",
"item": "border"
},
"path": [
"of",
"color",
"border"
]
},
"focus": {
"$extensions": {
"dte.metadata": {
"stateType": "userAction"
}
},
"border": {
"value": "#0177b2",
"comment": "Default color for borders of focused elements.",
"filePath": "./src/common/color.tokens.json",
"isSource": true,
"original": {
"value": "#0177b2",
"comment": "Default color for borders of focused elements."
},
"name": "ofColorFocusBorder",
"attributes": {
"category": "of",
"type": "color",
"item": "focus",
"subitem": "border"
},
"path": [
"of",
"color",
"focus",
"border"
]
}
},
"read-only": {
"bg": {
"value": "#e9ecef",
"comment": "Default color for disabled/non-interactable input elements.",
"filePath": "./src/common/color.tokens.json",
"isSource": true,
"original": {
"value": "#e9ecef",
"comment": "Default color for disabled/non-interactable input elements."
},
"name": "ofColorReadOnlyBg",
"attributes": {
"category": "of",
"type": "color",
"item": "read-only",
"subitem": "bg"
},
"path": [
"of",
"color",
"read-only",
"bg"
]
}
}
},
"layout": {
"bg": {
"value": "#E6E6E6",
"filePath": "./src/common/layout.tokens.json",
"isSource": true,
"original": {
"value": "#E6E6E6"
},
"name": "ofLayoutBg",
"attributes": {
"category": "of",
"type": "layout",
"item": "bg"
},
"path": [
"of",
"layout",
"bg"
]
}
},
"heading": {
"fg": {
"value": "#000000",
"filePath": "./src/common/typography.tokens.json",
"isSource": true,
"original": {
"value": "{of.color.fg}"
},
"name": "ofHeadingFg",
"attributes": {
"category": "of",
"type": "heading",
"item": "fg"
},
"path": [
"of",
"heading",
"fg"
]
}
},
"utrecht-link": {
"font-family": {
"value": "Fira Sans, Calibri, sans-serif",
"filePath": "./src/common/typography.tokens.json",
"isSource": true,
"original": {
"value": "{of.typography.sans-serif.font-family}"
},
"name": "ofUtrechtLinkFontFamily",
"attributes": {
"category": "of",
"type": "utrecht-link",
"item": "font-family"
},
"path": [
"of",
"utrecht-link",
"font-family"
]
}
},
"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"
]
},
"font-size": {
"value": "1rem",
"filePath": "./src/common/typography.tokens.json",
"isSource": true,
"original": {
"value": "1rem"
},
"name": "ofTextFontSize",
"attributes": {
"category": "of",
"type": "text",
"item": "font-size"
},
"path": [
"of",
"text",
"font-size"
]
},
"big": {
"font-size": {
"value": "1.125rem",
"filePath": "./src/common/typography.tokens.json",
"isSource": true,
"original": {
"value": "1.125rem"
},
"name": "ofTextBigFontSize",
"attributes": {
"category": "of",
"type": "text",
"item": "big",
"subitem": "font-size"
},
"path": [
"of",
"text",
"big",
"font-size"
]
}
},
"small": {
"font-size": {
"value": "0.875rem",
"filePath": "./src/common/typography.tokens.json",
"isSource": true,
"original": {
"value": "0.875rem"
},
"name": "ofTextSmallFontSize",
"attributes": {
"category": "of",
"type": "text",
"item": "small",
"subitem": "font-size"
},
"path": [
"of",
"text",
"small",
"font-size"
]
}
},
"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"
]
}
}
},
"typography": {
"sans-serif": {
"font-family": {
"value": "Fira Sans, Calibri, sans-serif",
"filePath": "./src/common/typography.tokens.json",
"isSource": true,
"original": {
"value": "Fira Sans, Calibri, sans-serif"
},
"name": "ofTypographySansSerifFontFamily",
"attributes": {
"category": "of",
"type": "typography",
"item": "sans-serif",
"subitem": "font-family"
},
"path": [
"of",
"typography",
"sans-serif",
"font-family"
]
}
}
},
"utrecht-page-content": {
"$extensions": {
"dte.metadata": {
"groupDescription": "Open Forms' extensions on the utrecht-page-content, for responsive styling."
}
},
"mobile": {
"padding-block-end": {
"value": "0",
"filePath": "./src/community/utrecht/page-content.tokens.json",
"isSource": true,
"original": {
"value": "0"
},
"name": "ofUtrechtPageContentMobilePaddingBlockEnd",
"attributes": {
"category": "of",
"type": "utrecht-page-content",
"item": "mobile",
"subitem": "padding-block-end"
},
"path": [
"of",
"utrecht-page-content",
"mobile",
"padding-block-end"
]
},
"padding-block-start": {
"value": "0",
"filePath": "./src/community/utrecht/page-content.tokens.json",
"isSource": true,
"original": {
"value": "0"
},
"name": "ofUtrechtPageContentMobilePaddingBlockStart",
"attributes": {
"category": "of",
"type": "utrecht-page-content",
"item": "mobile",
"subitem": "padding-block-start"
},
"path": [
"of",
"utrecht-page-content",
"mobile",
"padding-block-start"
]
}
}
},
"utrecht-page-footer": {
"$extensions": {
"dte.metadata": {
"groupDescription": "Open Forms' extensions on the utrecht-page-footer, for responsive styling."
}
},
"max-inline-size": {
"value": "100%",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "100%"
},
"name": "ofUtrechtPageFooterMaxInlineSize",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "max-inline-size"
},
"path": [
"of",
"utrecht-page-footer",
"max-inline-size"
]
},
"mobile": {
"padding-block-end": {
"value": "10px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "10px"
},
"name": "ofUtrechtPageFooterMobilePaddingBlockEnd",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "mobile",
"subitem": "padding-block-end"
},
"path": [
"of",
"utrecht-page-footer",
"mobile",
"padding-block-end"
]
},
"padding-block-start": {
"value": "10px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "10px"
},
"name": "ofUtrechtPageFooterMobilePaddingBlockStart",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "mobile",
"subitem": "padding-block-start"
},
"path": [
"of",
"utrecht-page-footer",
"mobile",
"padding-block-start"
]
},
"padding-inline-end": {
"value": "15px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "15px"
},
"name": "ofUtrechtPageFooterMobilePaddingInlineEnd",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "mobile",
"subitem": "padding-inline-end"
},
"path": [
"of",
"utrecht-page-footer",
"mobile",
"padding-inline-end"
]
},
"padding-inline-start": {
"value": "15px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "15px"
},
"name": "ofUtrechtPageFooterMobilePaddingInlineStart",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "mobile",
"subitem": "padding-inline-start"
},
"path": [
"of",
"utrecht-page-footer",
"mobile",
"padding-inline-start"
]
}
},
"tablet": {
"padding-block-end": {
"value": "10px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "10px"
},
"name": "ofUtrechtPageFooterTabletPaddingBlockEnd",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "tablet",
"subitem": "padding-block-end"
},
"path": [
"of",
"utrecht-page-footer",
"tablet",
"padding-block-end"
]
},
"padding-block-start": {
"value": "10px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "10px"
},
"name": "ofUtrechtPageFooterTabletPaddingBlockStart",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "tablet",
"subitem": "padding-block-start"
},
"path": [
"of",
"utrecht-page-footer",
"tablet",
"padding-block-start"
]
},
"padding-inline-end": {
"value": "15px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "15px"
},
"name": "ofUtrechtPageFooterTabletPaddingInlineEnd",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "tablet",
"subitem": "padding-inline-end"
},
"path": [
"of",
"utrecht-page-footer",
"tablet",
"padding-inline-end"
]
},
"padding-inline-start": {
"value": "15px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "15px"
},
"name": "ofUtrechtPageFooterTabletPaddingInlineStart",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "tablet",
"subitem": "padding-inline-start"
},
"path": [
"of",
"utrecht-page-footer",
"tablet",
"padding-inline-start"
]
}
},
"laptop": {
"padding-block-end": {
"value": "20px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "ofUtrechtPageFooterLaptopPaddingBlockEnd",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "laptop",
"subitem": "padding-block-end"
},
"path": [
"of",
"utrecht-page-footer",
"laptop",
"padding-block-end"
]
},
"padding-block-start": {
"value": "20px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "ofUtrechtPageFooterLaptopPaddingBlockStart",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "laptop",
"subitem": "padding-block-start"
},
"path": [
"of",
"utrecht-page-footer",
"laptop",
"padding-block-start"
]
},
"padding-inline-end": {
"value": "20px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "ofUtrechtPageFooterLaptopPaddingInlineEnd",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "laptop",
"subitem": "padding-inline-end"
},
"path": [
"of",
"utrecht-page-footer",
"laptop",
"padding-inline-end"
]
},
"padding-inline-start": {
"value": "20px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "ofUtrechtPageFooterLaptopPaddingInlineStart",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "laptop",
"subitem": "padding-inline-start"
},
"path": [
"of",
"utrecht-page-footer",
"laptop",
"padding-inline-start"
]
}
},
"desktop": {
"padding-block-end": {
"value": "20px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "ofUtrechtPageFooterDesktopPaddingBlockEnd",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "desktop",
"subitem": "padding-block-end"
},
"path": [
"of",
"utrecht-page-footer",
"desktop",
"padding-block-end"
]
},
"padding-block-start": {
"value": "20px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "ofUtrechtPageFooterDesktopPaddingBlockStart",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "desktop",
"subitem": "padding-block-start"
},
"path": [
"of",
"utrecht-page-footer",
"desktop",
"padding-block-start"
]
},
"padding-inline-end": {
"value": "20px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "ofUtrechtPageFooterDesktopPaddingInlineEnd",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "desktop",
"subitem": "padding-inline-end"
},
"path": [
"of",
"utrecht-page-footer",
"desktop",
"padding-inline-end"
]
},
"padding-inline-start": {
"value": "20px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "ofUtrechtPageFooterDesktopPaddingInlineStart",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "desktop",
"subitem": "padding-inline-start"
},
"path": [
"of",
"utrecht-page-footer",
"desktop",
"padding-inline-start"
]
},
"max-inline-size": {
"value": "1200px",
"filePath": "./src/community/utrecht/page-footer.tokens.json",
"isSource": true,
"original": {
"value": "1200px"
},
"name": "ofUtrechtPageFooterDesktopMaxInlineSize",
"attributes": {
"category": "of",
"type": "utrecht-page-footer",
"item": "desktop",
"subitem": "max-inline-size"
},
"path": [
"of",
"utrecht-page-footer",
"desktop",
"max-inline-size"
]
}
}
},
"utrecht-page-header": {
"$extensions": {
"dte.metadata": {
"groupDescription": "Open Forms' extensions on the utrecht-page-header, for responsive styling."
}
},
"mobile": {
"padding-block-end": {
"value": "10px",
"filePath": "./src/community/utrecht/page-header.tokens.json",
"isSource": true,
"original": {
"value": "10px"
},
"name": "ofUtrechtPageHeaderMobilePaddingBlockEnd",
"attributes": {
"category": "of",
"type": "utrecht-page-header",
"item": "mobile",
"subitem": "padding-block-end"
},
"path": [
"of",
"utrecht-page-header",
"mobile",
"padding-block-end"
]
},
"padding-block-start": {
"value": "10px",
"filePath": "./src/community/utrecht/page-header.tokens.json",
"isSource": true,
"original": {
"value": "10px"
},
"name": "ofUtrechtPageHeaderMobilePaddingBlockStart",
"attributes": {
"category": "of",
"type": "utrecht-page-header",
"item": "mobile",
"subitem": "padding-block-start"
},
"path": [
"of",
"utrecht-page-header",
"mobile",
"padding-block-start"
]
},
"padding-inline-end": {
"value": "15px",
"filePath": "./src/community/utrecht/page-header.tokens.json",
"isSource": true,
"original": {
"value": "15px"
},
"name": "ofUtrechtPageHeaderMobilePaddingInlineEnd",
"attributes": {
"category": "of",
"type": "utrecht-page-header",
"item": "mobile",
"subitem": "padding-inline-end"
},
"path": [
"of",
"utrecht-page-header",
"mobile",
"padding-inline-end"
]
},
"padding-inline-start": {
"value": "10px",
"filePath": "./src/community/utrecht/page-header.tokens.json",
"isSource": true,
"original": {
"value": "10px"
},
"name": "ofUtrechtPageHeaderMobilePaddingInlineStart",
"attributes": {
"category": "of",
"type": "utrecht-page-header",
"item": "mobile",
"subitem": "padding-inline-start"
},
"path": [
"of",
"utrecht-page-header",
"mobile",
"padding-inline-start"
]
}
},
"tablet": {
"padding-block-end": {
"value": "20px",
"filePath": "./src/community/utrecht/page-header.tokens.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "ofUtrechtPageHeaderTabletPaddingBlockEnd",
"attributes": {
"category": "of",
"type": "utrecht-page-header",
"item": "tablet",
"subitem": "padding-block-end"
},
"path": [
"of",
"utrecht-page-header",
"tablet",
"padding-block-end"
]
},
"padding-block-start": {
"value": "20px",
"filePath": "./src/community/utrecht/page-header.tokens.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "ofUtrechtPageHeaderTabletPaddingBlockStart",
"attributes": {
"category": "of",
"type": "utrecht-page-header",
"item": "tablet",
"subitem": "padding-block-start"
},
"path": [
"of",
"utrecht-page-header",
"tablet",
"padding-block-start"
]
},
"padding-inline-end": {
"value": "20px",
"filePath": "./src/community/utrecht/page-header.tokens.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "ofUtrechtPageHeaderTabletPaddingInlineEnd",
"attributes": {
"category": "of",
"type": "utrecht-page-header",
"item": "tablet",
"subitem": "padding-inline-end"
},
"path": [
"of",
"utrecht-page-header",
"tablet",
"padding-inline-end"
]
},
"padding-inline-start": {
"value": "20px",
"filePath": "./src/community/utrecht/page-header.tokens.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "ofUtrechtPageHeaderTabletPaddingInlineStart",
"attributes": {
"category": "of",
"type": "utrecht-page-header",
"item": "tablet",
"subitem": "padding-inline-start"
},
"path": [
"of",
"utrecht-page-header",
"tablet",
"padding-inline-start"
]
}
},
"laptop": {
"padding-block-end": {
"value": "20px",
"filePath": "./src/community/utrecht/page-header.tokens.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "ofUtrechtPageHeaderLaptopPaddingBlockEnd",
"attributes": {
"category": "of",
"type": "utrecht-page-header",
"item": "laptop",
"subitem": "padding-block-end"
},
"path": [
"of",
"utrecht-page-header",
"laptop",
"padding-block-end"
]
},
"padding-block-start": {
"value": "20px",
"filePath": "./src/community/utrecht/page-header.tokens.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "ofUtrechtPageHeaderLaptopPaddingBlockStart",
"attributes": {
"category": "of",
"type": "utrecht-page-header",
"item": "laptop",
"subitem": "padding-block-start"
},
"path": [
"of",
"utrecht-page-header",
"laptop",
"padding-block-start"
]
},
"padding-inline-end": {
"value": "20px",
"filePath": "./src/community/utrecht/page-header.tokens.json",
"isSource": true,
"original": {