@open-inwoner/design-tokens

{ "oip": { "external-link": { "background-color": {"value": "#ffffff"}, "color": {"value": "#000000"}, "border-color": {"value": "{oip.color.border}"}, "border-radius": {"value": "3px"}, "border-style": {"value": "solid"}, "border-width": {"value": "1px"}, "box-shadow": {"value": "none"}, "display": {"value": "flex"}, "flex-direction": {"value": "row"}, "font-family": {"value": "{oip.typography.sans-serif.font-family}"}, "font-weight": {"value": "bold"}, "align-items": {"value": "center"}, "row-gap": {"value": "8px"}, "column-gap": {"value": "32px"}, "text-decoration": {"value": "none"}, "hover": { "background-color": {"value": "#ffffff"}, "text-decoration-thickness": {"value": "bold"}, "border-color": {"value": "{oip.color.primary}"}, "border-style": {"value": "solid"}, "border-width-block-start": {"value": "1px"}, "border-width-block-end": {"value": "1px"}, "border-width-inline-start": {"value": "3px"}, "border-width-inline-end": {"value": "1px"}, "border-radius": {"value": "3px"}, "margin-inline-start": {"value": "-2px"} }, "focus-visible": { "background-color": {"value": "#f3f3f3"}, "text-decoration-thickness": {"value": "bold"} }, "body": { "margin-block-start": {"value": "0"}, "margin-block-end": {"value": "0"}, "margin-inline-start": {"value": "0"}, "margin-inline-end": {"value": "0"}, "padding-block-start": {"value": "24px"}, "padding-block-end": {"value": "24px"}, "padding-inline-start": {"value": "16px"}, "padding-inline-end": {"value": "16px"} }, "list": { "margin-block-start": {"value": "24px"}, "margin-block-end": {"value": "0"}, "margin-inline-start": {"value": "0"}, "margin-inline-end": {"value": "0"}, "padding-block-start": {"value": "0"}, "padding-block-end": {"value": "0"}, "padding-inline-start": {"value": "0"}, "padding-inline-end": {"value": "0"}, "item": { "margin-block-start": {"value": "0"}, "margin-block-end": {"value": "0"}, "margin-inline-start": {"value": "0"}, "margin-inline-end": {"value": "0"}, "padding-block-start": {"value": "0"}, "padding-block-end": {"value": "0"}, "padding-inline-start": {"value": "0"}, "padding-inline-end": {"value": "0"}, "border-color": {"value": "{oip.color.border}"}, "border-radius": {"value": "3px"}, "border-style": {"value": "solid"}, "border-width": {"value": "1px"} } }, "custom-icon": { "color": {"value": "#000000"}, "display": {"value": "inline-block"}, "font-size": {"value": "24px"}, "margin-block-start": {"value": "4px"}, "margin-block-end": {"value": "0"}, "margin-inline-start": {"value": "0"}, "margin-inline-end": {"value": "8px"}, "padding-block-start": {"value": "0"}, "padding-block-end": {"value": "0"}, "padding-inline-start": {"value": "0"}, "padding-inline-end": {"value": "0"} }, "content": { "color": {"value": "#000000"}, "font-family": {"value": "{oip.typography.heading.font-family}"}, "font-size": {"value": "20px"}, "margin-block-start": {"value": "0"}, "margin-block-end": {"value": "0"}, "margin-inline-start": {"value": "0"}, "margin-inline-end": {"value": "0"}, "padding-block-start": {"value": "0"}, "padding-block-end": {"value": "0"}, "padding-inline-start": {"value": "0"}, "padding-inline-end": {"value": "0"} }, "arrow-icon": { "color": {"value": "{oip.color.primary}"}, "font-size": {"value": "16px"}, "margin-block-start": {"value": "0"}, "margin-block-end": {"value": "0"}, "margin-inline-start": { "value": "auto", "comment": "Make icon align to the relative end inside a flex-box." }, "margin-inline-end": {"value": "0"}, "padding-block-start": {"value": "0"}, "padding-block-end": {"value": "0"}, "padding-inline-start": {"value": "0"}, "padding-inline-end": {"value": "0"} } } } }