UNPKG

@maykinmedia/design-tokens

Version:
1,252 lines (1,250 loc) 35.6 kB
/** * Do not edit directly, this file was auto-generated. */ module.exports = { maykin: { color: { primary: { value: "#341a90", filePath: "src/brand/color.tokens.json", isSource: true, original: { value: "#341a90", }, name: "maykinColorPrimary", attributes: { category: "maykin", type: "color", item: "primary", }, path: ["maykin", "color", "primary"], }, secondary: { value: "#00bfcb", filePath: "src/brand/color.tokens.json", isSource: true, original: { value: "#00bfcb", }, name: "maykinColorSecondary", attributes: { category: "maykin", type: "color", item: "secondary", }, path: ["maykin", "color", "secondary"], }, "secondary-darken": { value: "#038496", filePath: "src/brand/color.tokens.json", isSource: true, original: { value: "#038496", }, name: "maykinColorSecondaryDarken", attributes: { category: "maykin", type: "color", item: "secondary-darken", }, path: ["maykin", "color", "secondary-darken"], }, "opengem-blue": { value: "#04a5bb", filePath: "src/brand/color.tokens.json", isSource: true, original: { value: "#04a5bb", }, name: "maykinColorOpengemBlue", attributes: { category: "maykin", type: "color", item: "opengem-blue", }, path: ["maykin", "color", "opengem-blue"], }, "opengem-orange": { value: "#e67f00", filePath: "src/brand/color.tokens.json", isSource: true, original: { value: "#e67f00", }, name: "maykinColorOpengemOrange", attributes: { category: "maykin", type: "color", item: "opengem-orange", }, path: ["maykin", "color", "opengem-orange"], }, }, inputs: { "border-radius": { value: "4px", filePath: "src/brand/forms.tokens.json", isSource: true, original: { value: "4px", }, name: "maykinInputsBorderRadius", attributes: { category: "maykin", type: "inputs", item: "border-radius", }, path: ["maykin", "inputs", "border-radius"], }, "border-width": { value: "1px", filePath: "src/brand/forms.tokens.json", isSource: true, original: { value: "1px", }, name: "maykinInputsBorderWidth", attributes: { category: "maykin", type: "inputs", item: "border-width", }, path: ["maykin", "inputs", "border-width"], }, }, }, utrecht: { focus: { "outline-color": { value: "revert", filePath: "src/common/focus.tokens.json", isSource: true, original: { value: "revert", }, name: "utrechtFocusOutlineColor", attributes: { category: "utrecht", type: "focus", item: "outline-color", }, path: ["utrecht", "focus", "outline-color"], }, "outline-offset": { value: "revert", filePath: "src/common/focus.tokens.json", isSource: true, original: { value: "revert", }, name: "utrechtFocusOutlineOffset", attributes: { category: "utrecht", type: "focus", item: "outline-offset", }, path: ["utrecht", "focus", "outline-offset"], }, "outline-style": { value: "revert", filePath: "src/common/focus.tokens.json", isSource: true, original: { value: "revert", }, name: "utrechtFocusOutlineStyle", attributes: { category: "utrecht", type: "focus", item: "outline-style", }, path: ["utrecht", "focus", "outline-style"], }, "outline-width": { value: "revert", filePath: "src/common/focus.tokens.json", isSource: true, original: { value: "revert", }, name: "utrechtFocusOutlineWidth", attributes: { category: "utrecht", type: "focus", item: "outline-width", }, path: ["utrecht", "focus", "outline-width"], }, }, typography: { "sans-serif": { "font-family": { value: "titillium,Helvetica,Arial,sans-serif", filePath: "src/common/typography.tokens.json", isSource: true, original: { value: "titillium,Helvetica,Arial,sans-serif", }, name: "utrechtTypographySansSerifFontFamily", attributes: { category: "utrecht", type: "typography", item: "sans-serif", subitem: "font-family", }, path: ["utrecht", "typography", "sans-serif", "font-family"], }, }, }, button: { "background-color": {}, "border-radius": { value: "4px", filePath: "src/components/button.tokens.json", isSource: true, original: { value: "{maykin.inputs.border-radius}", }, name: "utrechtButtonBorderRadius", attributes: { category: "utrecht", type: "button", item: "border-radius", }, path: ["utrecht", "button", "border-radius"], }, "primary-action": { "background-color": { value: "#00bfcb", filePath: "src/components/button.tokens.json", isSource: true, original: { value: "{maykin.color.secondary}", }, name: "utrechtButtonPrimaryActionBackgroundColor", attributes: { category: "utrecht", type: "button", item: "primary-action", subitem: "background-color", }, path: ["utrecht", "button", "primary-action", "background-color"], }, hover: { "background-color": { value: "#038496", filePath: "src/components/button.tokens.json", isSource: true, original: { value: "{maykin.color.secondary-darken}", }, name: "utrechtButtonPrimaryActionHoverBackgroundColor", attributes: { category: "utrecht", type: "button", item: "primary-action", subitem: "hover", state: "background-color", }, path: [ "utrecht", "button", "primary-action", "hover", "background-color", ], }, }, focus: { "background-color": { value: "#00bfcb", filePath: "src/components/button.tokens.json", isSource: true, original: { value: "{maykin.color.secondary}", }, name: "utrechtButtonPrimaryActionFocusBackgroundColor", attributes: { category: "utrecht", type: "button", item: "primary-action", subitem: "focus", state: "background-color", }, path: [ "utrecht", "button", "primary-action", "focus", "background-color", ], }, }, }, }, checkbox: { "border-color": { value: "#ced4da", filePath: "src/components/checkbox.tokens.json", isSource: true, original: { value: "#ced4da", }, name: "utrechtCheckboxBorderColor", attributes: { category: "utrecht", type: "checkbox", item: "border-color", }, path: ["utrecht", "checkbox", "border-color"], }, "border-radius": { value: "4px", filePath: "src/components/checkbox.tokens.json", isSource: true, original: { value: "{maykin.inputs.border-radius}", }, name: "utrechtCheckboxBorderRadius", attributes: { category: "utrecht", type: "checkbox", item: "border-radius", }, path: ["utrecht", "checkbox", "border-radius"], }, "border-width": { value: "1px", filePath: "src/components/checkbox.tokens.json", isSource: true, original: { value: "{maykin.inputs.border-width}", }, name: "utrechtCheckboxBorderWidth", attributes: { category: "utrecht", type: "checkbox", item: "border-width", }, path: ["utrecht", "checkbox", "border-width"], }, checked: { "background-color": { value: "#00bfcb", filePath: "src/components/checkbox.tokens.json", isSource: true, original: { value: "{maykin.color.secondary}", }, name: "utrechtCheckboxCheckedBackgroundColor", attributes: { category: "utrecht", type: "checkbox", item: "checked", subitem: "background-color", }, path: ["utrecht", "checkbox", "checked", "background-color"], }, "border-color": { value: "#ced4da", filePath: "src/components/checkbox.tokens.json", isSource: true, original: { value: "#ced4da", }, name: "utrechtCheckboxCheckedBorderColor", attributes: { category: "utrecht", type: "checkbox", item: "checked", subitem: "border-color", }, path: ["utrecht", "checkbox", "checked", "border-color"], }, }, focus: { "border-width": { value: "1px", filePath: "src/components/checkbox.tokens.json", isSource: true, original: { value: "{maykin.inputs.border-width}", }, name: "utrechtCheckboxFocusBorderWidth", attributes: { category: "utrecht", type: "checkbox", item: "focus", subitem: "border-width", }, path: ["utrecht", "checkbox", "focus", "border-width"], }, }, hover: { "border-width": { value: "2px", filePath: "src/components/checkbox.tokens.json", isSource: true, original: { value: "2px", }, name: "utrechtCheckboxHoverBorderWidth", attributes: { category: "utrecht", type: "checkbox", item: "hover", subitem: "border-width", }, path: ["utrecht", "checkbox", "hover", "border-width"], }, }, }, document: { "font-family": { value: "titillium,Helvetica,Arial,sans-serif", filePath: "src/components/document.tokens.json", isSource: true, original: { value: "titillium,Helvetica,Arial,sans-serif", }, name: "utrechtDocumentFontFamily", attributes: { category: "utrecht", type: "document", item: "font-family", }, path: ["utrecht", "document", "font-family"], }, }, "form-label": { color: { value: "#212529", filePath: "src/components/form-label.tokens.json", isSource: true, original: { value: "#212529", }, name: "utrechtFormLabelColor", attributes: { category: "utrecht", type: "form-label", item: "color", }, path: ["utrecht", "form-label", "color"], }, "font-weight": { value: 400, filePath: "src/components/form-label.tokens.json", isSource: true, original: { value: 400, }, name: "utrechtFormLabelFontWeight", attributes: { category: "utrecht", type: "form-label", item: "font-weight", }, path: ["utrecht", "form-label", "font-weight"], }, }, "heading-1": { color: { value: "#37373c", filePath: "src/components/heading.tokens.json", isSource: true, original: { value: "#37373c", }, name: "utrechtHeading1Color", attributes: { category: "utrecht", type: "heading-1", item: "color", }, path: ["utrecht", "heading-1", "color"], }, "font-size": { value: "2.75rem", filePath: "src/components/heading.tokens.json", isSource: true, original: { value: "2.75rem", }, name: "utrechtHeading1FontSize", attributes: { category: "utrecht", type: "heading-1", item: "font-size", }, path: ["utrecht", "heading-1", "font-size"], }, "font-weight": { value: 700, filePath: "src/components/heading.tokens.json", isSource: true, original: { value: 700, }, name: "utrechtHeading1FontWeight", attributes: { category: "utrecht", type: "heading-1", item: "font-weight", }, path: ["utrecht", "heading-1", "font-weight"], }, }, "heading-2": { color: { value: "#37373c", filePath: "src/components/heading.tokens.json", isSource: true, original: { value: "#37373c", }, name: "utrechtHeading2Color", attributes: { category: "utrecht", type: "heading-2", item: "color", }, path: ["utrecht", "heading-2", "color"], }, "font-size": { value: "1.25rem", filePath: "src/components/heading.tokens.json", isSource: true, original: { value: "1.25rem", }, name: "utrechtHeading2FontSize", attributes: { category: "utrecht", type: "heading-2", item: "font-size", }, path: ["utrecht", "heading-2", "font-size"], }, "font-weight": { value: 500, filePath: "src/components/heading.tokens.json", isSource: true, original: { value: 500, }, name: "utrechtHeading2FontWeight", attributes: { category: "utrecht", type: "heading-2", item: "font-weight", }, path: ["utrecht", "heading-2", "font-weight"], }, }, link: { color: { value: "#37373c", filePath: "src/components/link.tokens.json", isSource: true, original: { value: "#37373c", }, name: "utrechtLinkColor", attributes: { category: "utrecht", type: "link", item: "color", }, path: ["utrecht", "link", "color"], }, "text-decoration": { value: "none", filePath: "src/components/link.tokens.json", isSource: true, original: { value: "none", }, name: "utrechtLinkTextDecoration", attributes: { category: "utrecht", type: "link", item: "text-decoration", }, path: ["utrecht", "link", "text-decoration"], }, focus: { color: { value: "#37373c", filePath: "src/components/link.tokens.json", isSource: true, original: { value: "#37373c", }, name: "utrechtLinkFocusColor", attributes: { category: "utrecht", type: "link", item: "focus", subitem: "color", }, path: ["utrecht", "link", "focus", "color"], }, }, hover: { color: { value: "#04a5bb", filePath: "src/components/link.tokens.json", isSource: true, original: { value: "{maykin.color.opengem-blue}", }, name: "utrechtLinkHoverColor", attributes: { category: "utrecht", type: "link", item: "hover", subitem: "color", }, path: ["utrecht", "link", "hover", "color"], }, "text-decoration": { value: "underline", filePath: "src/components/link.tokens.json", isSource: true, original: { value: "underline", }, name: "utrechtLinkHoverTextDecoration", attributes: { category: "utrecht", type: "link", item: "hover", subitem: "text-decoration", }, path: ["utrecht", "link", "hover", "text-decoration"], }, "text-decoration-thickness": { value: "0.67px", filePath: "src/components/link.tokens.json", isSource: true, original: { value: "0.67px", }, name: "utrechtLinkHoverTextDecorationThickness", attributes: { category: "utrecht", type: "link", item: "hover", subitem: "text-decoration-thickness", }, path: ["utrecht", "link", "hover", "text-decoration-thickness"], }, }, }, "nav-list": { link: { "font-weight": { value: 700, filePath: "src/components/nav-list.tokens.json", isSource: true, original: { value: 700, }, name: "utrechtNavListLinkFontWeight", attributes: { category: "utrecht", type: "nav-list", item: "link", subitem: "font-weight", }, path: ["utrecht", "nav-list", "link", "font-weight"], }, }, }, "page-footer": { "background-color": { value: "#051f31", filePath: "src/components/page-footer.tokens.json", isSource: true, original: { value: "#051f31", }, name: "utrechtPageFooterBackgroundColor", attributes: { category: "utrecht", type: "page-footer", item: "background-color", }, path: ["utrecht", "page-footer", "background-color"], }, }, pagination: { "page-link": { "border-color": { value: "transparent", filePath: "src/components/pagination.tokens.json", isSource: true, original: { value: "transparent", }, name: "utrechtPaginationPageLinkBorderColor", attributes: { category: "utrecht", type: "pagination", item: "page-link", subitem: "border-color", }, path: ["utrecht", "pagination", "page-link", "border-color"], }, "border-radius": { value: "4px", filePath: "src/components/pagination.tokens.json", isSource: true, original: { value: "4px", }, name: "utrechtPaginationPageLinkBorderRadius", attributes: { category: "utrecht", type: "pagination", item: "page-link", subitem: "border-radius", }, path: ["utrecht", "pagination", "page-link", "border-radius"], }, color: { value: "#00bfcb", filePath: "src/components/pagination.tokens.json", isSource: true, original: { value: "{maykin.color.secondary}", }, name: "utrechtPaginationPageLinkColor", attributes: { category: "utrecht", type: "pagination", item: "page-link", subitem: "color", }, path: ["utrecht", "pagination", "page-link", "color"], }, current: { "background-color": { value: "#00bfcb", filePath: "src/components/pagination.tokens.json", isSource: true, original: { value: "{maykin.color.secondary}", }, name: "utrechtPaginationPageLinkCurrentBackgroundColor", attributes: { category: "utrecht", type: "pagination", item: "page-link", subitem: "current", state: "background-color", }, path: [ "utrecht", "pagination", "page-link", "current", "background-color", ], }, "border-color": { value: "transparent", filePath: "src/components/pagination.tokens.json", isSource: true, original: { value: "transparent", }, name: "utrechtPaginationPageLinkCurrentBorderColor", attributes: { category: "utrecht", type: "pagination", item: "page-link", subitem: "current", state: "border-color", }, path: [ "utrecht", "pagination", "page-link", "current", "border-color", ], }, }, hover: { "background-color": { value: "#038496", filePath: "src/components/pagination.tokens.json", isSource: true, original: { value: "{maykin.color.secondary-darken}", }, name: "utrechtPaginationPageLinkHoverBackgroundColor", attributes: { category: "utrecht", type: "pagination", item: "page-link", subitem: "hover", state: "background-color", }, path: [ "utrecht", "pagination", "page-link", "hover", "background-color", ], }, "border-color": { value: "transparent", filePath: "src/components/pagination.tokens.json", isSource: true, original: { value: "transparent", }, name: "utrechtPaginationPageLinkHoverBorderColor", attributes: { category: "utrecht", type: "pagination", item: "page-link", subitem: "hover", state: "border-color", }, path: [ "utrecht", "pagination", "page-link", "hover", "border-color", ], }, }, }, "relative-link": { color: { value: "#341a90", filePath: "src/components/pagination.tokens.json", isSource: true, original: { value: "{maykin.color.primary}", }, name: "utrechtPaginationRelativeLinkColor", attributes: { category: "utrecht", type: "pagination", item: "relative-link", subitem: "color", }, path: ["utrecht", "pagination", "relative-link", "color"], }, "border-color": { value: "transparent", filePath: "src/components/pagination.tokens.json", isSource: true, original: { value: "transparent", }, name: "utrechtPaginationRelativeLinkBorderColor", attributes: { category: "utrecht", type: "pagination", item: "relative-link", subitem: "border-color", }, path: ["utrecht", "pagination", "relative-link", "border-color"], }, "border-radius": { value: "4px", filePath: "src/components/pagination.tokens.json", isSource: true, original: { value: "4px", }, name: "utrechtPaginationRelativeLinkBorderRadius", attributes: { category: "utrecht", type: "pagination", item: "relative-link", subitem: "border-radius", }, path: ["utrecht", "pagination", "relative-link", "border-radius"], }, "border-width": { value: "2px", filePath: "src/components/pagination.tokens.json", isSource: true, original: { value: "2px", }, name: "utrechtPaginationRelativeLinkBorderWidth", attributes: { category: "utrecht", type: "pagination", item: "relative-link", subitem: "border-width", }, path: ["utrecht", "pagination", "relative-link", "border-width"], }, hover: { "background-color": { value: "#341a90", filePath: "src/components/pagination.tokens.json", isSource: true, original: { value: "{maykin.color.primary}", }, name: "utrechtPaginationRelativeLinkHoverBackgroundColor", attributes: { category: "utrecht", type: "pagination", item: "relative-link", subitem: "hover", state: "background-color", }, path: [ "utrecht", "pagination", "relative-link", "hover", "background-color", ], }, color: { value: "white", filePath: "src/components/pagination.tokens.json", isSource: true, original: { value: "white", }, name: "utrechtPaginationRelativeLinkHoverColor", attributes: { category: "utrecht", type: "pagination", item: "relative-link", subitem: "hover", state: "color", }, path: ["utrecht", "pagination", "relative-link", "hover", "color"], }, "border-color": { value: "transparent", filePath: "src/components/pagination.tokens.json", isSource: true, original: { value: "transparent", }, name: "utrechtPaginationRelativeLinkHoverBorderColor", attributes: { category: "utrecht", type: "pagination", item: "relative-link", subitem: "hover", state: "border-color", }, path: [ "utrecht", "pagination", "relative-link", "hover", "border-color", ], }, }, }, }, select: { "border-radius": { value: "4px", filePath: "src/components/select.tokens.json", isSource: true, original: { value: "{maykin.inputs.border-radius}", }, name: "utrechtSelectBorderRadius", attributes: { category: "utrecht", type: "select", item: "border-radius", }, path: ["utrecht", "select", "border-radius"], }, "border-block-end-width": { value: "inherit", filePath: "src/components/select.tokens.json", isSource: true, original: { value: "inherit", }, name: "utrechtSelectBorderBlockEndWidth", attributes: { category: "utrecht", type: "select", item: "border-block-end-width", }, path: ["utrecht", "select", "border-block-end-width"], }, "border-color": { value: "#ced4da", filePath: "src/components/select.tokens.json", isSource: true, original: { value: "#ced4da", }, name: "utrechtSelectBorderColor", attributes: { category: "utrecht", type: "select", item: "border-color", }, path: ["utrecht", "select", "border-color"], }, "border-width": { value: "1px", filePath: "src/components/select.tokens.json", isSource: true, original: { value: "{maykin.inputs.border-width}", }, name: "utrechtSelectBorderWidth", attributes: { category: "utrecht", type: "select", item: "border-width", }, path: ["utrecht", "select", "border-width"], }, "padding-block-start": { value: "10px", filePath: "src/components/select.tokens.json", isSource: true, original: { value: "10px", }, name: "utrechtSelectPaddingBlockStart", attributes: { category: "utrecht", type: "select", item: "padding-block-start", }, path: ["utrecht", "select", "padding-block-start"], }, "padding-block-end": { value: "10px", filePath: "src/components/select.tokens.json", isSource: true, original: { value: "10px", }, name: "utrechtSelectPaddingBlockEnd", attributes: { category: "utrecht", type: "select", item: "padding-block-end", }, path: ["utrecht", "select", "padding-block-end"], }, "padding-inline-start": { value: "12px", filePath: "src/components/select.tokens.json", isSource: true, original: { value: "12px", }, name: "utrechtSelectPaddingInlineStart", attributes: { category: "utrecht", type: "select", item: "padding-inline-start", }, path: ["utrecht", "select", "padding-inline-start"], }, "padding-inline-end": { value: "12px", filePath: "src/components/select.tokens.json", isSource: true, original: { value: "12px", }, name: "utrechtSelectPaddingInlineEnd", attributes: { category: "utrecht", type: "select", item: "padding-inline-end", }, path: ["utrecht", "select", "padding-inline-end"], }, }, textbox: { "border-radius": { value: "4px", filePath: "src/components/textbox.tokens.json", isSource: true, original: { value: "{maykin.inputs.border-radius}", }, name: "utrechtTextboxBorderRadius", attributes: { category: "utrecht", type: "textbox", item: "border-radius", }, path: ["utrecht", "textbox", "border-radius"], }, "border-bottom-width": { value: "inherit", filePath: "src/components/textbox.tokens.json", isSource: true, original: { value: "inherit", }, name: "utrechtTextboxBorderBottomWidth", attributes: { category: "utrecht", type: "textbox", item: "border-bottom-width", }, path: ["utrecht", "textbox", "border-bottom-width"], }, "border-color": { value: "#ced4da", filePath: "src/components/textbox.tokens.json", isSource: true, original: { value: "#ced4da", }, name: "utrechtTextboxBorderColor", attributes: { category: "utrecht", type: "textbox", item: "border-color", }, path: ["utrecht", "textbox", "border-color"], }, "border-width": { value: "1px", filePath: "src/components/textbox.tokens.json", isSource: true, original: { value: "{maykin.inputs.border-width}", }, name: "utrechtTextboxBorderWidth", attributes: { category: "utrecht", type: "textbox", item: "border-width", }, path: ["utrecht", "textbox", "border-width"], }, "padding-block-start": { value: "10px", filePath: "src/components/textbox.tokens.json", isSource: true, original: { value: "10px", }, name: "utrechtTextboxPaddingBlockStart", attributes: { category: "utrecht", type: "textbox", item: "padding-block-start", }, path: ["utrecht", "textbox", "padding-block-start"], }, "padding-block-end": { value: "10px", filePath: "src/components/textbox.tokens.json", isSource: true, original: { value: "10px", }, name: "utrechtTextboxPaddingBlockEnd", attributes: { category: "utrecht", type: "textbox", item: "padding-block-end", }, path: ["utrecht", "textbox", "padding-block-end"], }, "padding-inline-start": { value: "12px", filePath: "src/components/textbox.tokens.json", isSource: true, original: { value: "12px", }, name: "utrechtTextboxPaddingInlineStart", attributes: { category: "utrecht", type: "textbox", item: "padding-inline-start", }, path: ["utrecht", "textbox", "padding-inline-start"], }, "padding-inline-end": { value: "12px", filePath: "src/components/textbox.tokens.json", isSource: true, original: { value: "12px", }, name: "utrechtTextboxPaddingInlineEnd", attributes: { category: "utrecht", type: "textbox", item: "padding-inline-end", }, path: ["utrecht", "textbox", "padding-inline-end"], }, }, }, "gpp-woo": { "search-field": { "column-gap": { value: "10px", filePath: "src/components/search-field.tokens.json", isSource: true, original: { value: "10px", }, name: "gppWooSearchFieldColumnGap", attributes: { category: "gpp-woo", type: "search-field", item: "column-gap", }, path: ["gpp-woo", "search-field", "column-gap"], }, }, "search-result-list": { "heading-3": { "margin-block-end": { value: ".25rem", filePath: "src/components/search-result-list.tokens.json", isSource: true, original: { value: ".25rem", }, name: "gppWooSearchResultListHeading3MarginBlockEnd", attributes: { category: "gpp-woo", type: "search-result-list", item: "heading-3", subitem: "margin-block-end", }, path: [ "gpp-woo", "search-result-list", "heading-3", "margin-block-end", ], }, }, }, }, };