@digigov/css 2.0.0-rc.7 → 2.0.2

package/defaultTheme/card.json

@@ -1,23 +0,0 @@
-{
-  "card__text": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-base)",
-      "md": "var(--line-h-lg)"
-    }
-  },
-  "card": {
-    "border-radius": {
-      "xs": "var(--border-radius-lg)"
-    },
-    "background-color": {
-      "xs": "var(--color-base-100)"
-    },
-    "padding": {
-      "xs": "0"
-    }
-  }
-}

package/defaultTheme/form.json

@@ -1,30 +0,0 @@
-{
-  "label": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-base)",
-      "md": "var(--line-h-lg)"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  },
-  "input": {
-    "border-radius": {
-      "xs": "var(--border-radius-md)"
-    }
-  },
-  "textarea": {
-    "border-radius": {
-      "xs": "var(--border-radius-md)"
-    }
-  },
-  "select": {
-    "border-radius": {
-      "xs": "var(--border-radius-md)"
-    }
-  }
-}

package/defaultTheme/globals.json

@@ -1,81 +0,0 @@
-{
-
-  "text-sm-default": "0.875rem",
-  "text-base-default": "1rem",
-  "text-lg-default": "1.1875rem",
-  "text-xl-default": "1.25rem",
-  "text-2xl-default": "1.5rem",
-  "text-3xl-default": "1.875rem",
-  "text-4xl-default": "2.25rem",
-  "text-5xl-default": "3rem",
-
-  "text-sm-large": "1rem",
-  "text-base-large": "1.25rem",
-  "text-lg-large": "1.4rem",
-  "text-xl-large": "1.6rem",
-  "text-2xl-large": "1.875rem",
-  "text-3xl-large": "2.25rem",
-  "text-4xl-large": "2.5rem",
-  "text-5xl-large": "3rem",
-
-  "text-sm": "var(--text-sm-default)",
-  "text-base": "var(--text-base-default)",
-  "text-lg": "var(--text-lg-default)",
-  "text-xl": "var(--text-xl-default)",
-  "text-2xl": "var(--text-2xl-default)",
-  "text-3xl": "var(--text-3xl-default)",
-  "text-4xl": "var(--text-4xl-default)",
-  "text-5xl": "var(--text-5xl-default)",
-
-  "line-h-sm-default": "1.375",
-  "line-h-base-default": "1.375",
-  "line-h-lg-default": "1.375",
-  "line-h-xl-default": "1.25",
-  "line-h-2xl-default": "1.25",
-  "line-h-3xl-default": "1.25",
-  "line-h-4xl-default": "1.25",
-  "line-h-5xl-default": "1.25",
-
-  "line-h-sm-large": "2",
-  "line-h-base-large": "2",
-  "line-h-lg-large": "2",
-  "line-h-xl-large": "1.75",
-  "line-h-2xl-large": "1.75",
-  "line-h-3xl-large": "1.5",
-  "line-h-4xl-large": "1.5",
-  "line-h-5xl-large": "1.25",
-
-  "line-h-sm": "var(--line-h-sm-default)",
-  "line-h-base": "var(--line-h-base-default)",
-  "line-h-lg": "var(--line-h-lg-default)",
-  "line-h-xl": "var(--line-h-xl-default)",
-  "line-h-2xl": "var(--line-h-2xl-default)",
-  "line-h-3xl": "var(--line-h-3xl-default)",
-  "line-h-4xl": "var(--line-h-4xl-default)",
-  "line-h-5xl": "var(--line-h-5xl-default)",
-
-  "letter-spacing-normal-default": "normal",
-  "letter-spacing-wide-default": "0.025rem",
-  "letter-spacing-wider-default": "0.05rem",
-  "letter-spacing-widest-default": "0.075rem",
-
-  "letter-spacing-normal-extra": "0.05rem",
-  "letter-spacing-wide-extra": "0.075rem",
-  "letter-spacing-wider-extra": "0.01rem",
-  "letter-spacing-widest-extra": "0.125rem",
-
-  "letter-spacing-normal": "var(--letter-spacing-normal-default)",
-  "letter-spacing-wide": "var(--letter-spacing-wide-default)",
-  "letter-spacing-wider": "var(--letter-spacing-wider-default)",
-  "letter-spacing-widest": "var(--letter-spacing-widest-default)",
-
-  "border-radius-md": "0px",
-  "border-radius-lg": "0px",
-
-  "color-footer-link": "var(--color-link)",
-  "color-footer-link-hover": "var(--color-link-hover)",
-
-  "color-header-text": "var(--color-white)",
-  "color-header-text-hover": "var(--color-white)"
-  
-}

package/defaultTheme/index.js

@@ -1,27 +0,0 @@
-const extractFromLeo = require("../leoTheme");
-const brandConfig = require("./brandConfig.json");
-
-module.exports = {
-  name: "light",
-  variables: {
-    globals: {
-      ...require("./globals.json"),
-    },
-    components: {
-      ...require("./accordion.json"),
-      ...require("./breadcrumbs.json"),
-      ...require("./back-to-top.json"),
-      ...require("./button.json"),
-      ...require("./card.json"),
-      ...require("./form.json"),
-      ...require("./layout.json"),
-      ...require("./misc.json"),
-      ...require("./panel.json"),
-      ...require("./phase-banner.json"),
-      ...require("./radios.json"),
-      ...require("./summary-list.json"),
-      ...require("./typography.json"),
-    },
-  },
-  colors: extractFromLeo(brandConfig, "light"),
-};

package/defaultTheme/layout.json

@@ -1,55 +0,0 @@
-{
-  "footer__copyright": {
-    "font-size": {
-      "xs": "var(--text-sm)",
-      "md": "var(--text-base)"
-    }
-  },
-  "footer": {
-    "border": {
-      "xs": "solid var(--color-tertiary)"
-    },
-    "border-width": {
-      "xs": "4px 0 0 0"
-    },
-    "background-color": {
-      "xs": "var(--color-base-200)"
-    },
-    "color": {
-      "xs": "var(--color-base-800)"
-    }
-  },
-  "footer__link": {
-    "text-decoration": {
-      "xs": "underline"
-    },
-    "text-decoration-hover": {
-      "xs": "underline"
-    },
-    "color-hover": {
-      "xs": "var(--link-color-hover)"
-    },
-    "color-focus": {
-      "xs": "var(--link-color-active)"
-    }
-  },
-  "header": {
-    "border": {
-      "xs": "solid var(--color-tertiary)"
-    },
-    "border-width": {
-      "xs": "0 0 8px 0"
-    },
-    "background": {
-      "xs": "var(--color-primary)"
-    }
-  },
-  "header__title": {
-    "color": {
-      "xs": "var(--color-header-text)"
-    },
-    "color-hover": {
-      "xs": "var(--color-header-text-hover)"
-    }
-  }
-}

package/defaultTheme/misc.json

@@ -1,68 +0,0 @@
-{
-  "warning-text": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    }
-  },
-  "details": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-base)",
-      "md": "var(--line-h-lg)"
-    }
-  },
-  "details__summary": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-base)",
-      "md": "var(--line-h-lg)"
-    }
-  },
-  "details__summary--lg": {
-    "font-size": {
-      "xs": "var(--text-lg)",
-      "md": "var(--text-xl)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-lg)",
-      "md": "var(--line-h-xl)"
-    }
-  },
-  "blockquote": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-base)",
-      "md": "var(--line-h-lg)"
-    }
-  },
-  "notification-banner": {
-    "border-radius": {
-      "xs": "var(--border-radius-md)"
-    }
-  },
-  "circular-progress__circle--1": {
-    "stroke": {
-      "xs": "var(--color-secondary)"
-    }
-  },
-  "circular-progress__circle--2": {
-    "stroke": {
-      "xs": "var(--color-primary)"
-    }
-  },
-  "tabs__panel": {
-    "border-radius": {
-      "xs": "0"
-    }
-  }
-}

package/defaultTheme/panel.json

@@ -1,48 +0,0 @@
-{
-  "panel": {
-    "border-radius": {
-      "xs": "var(--border-radius-md)"
-    }
-  },
-  "panel__title": {
-    "font-size": {
-      "xs": "var(--text-4xl)",
-      "md": "var(--text-5xl)",
-      "print": "var(--text-4xl)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-4xl)",
-      "md": "var(--line-h-5xl)",
-      "print": "var(--line-h-4xl)"
-    },
-    "margin-bottom": {
-      "xs": "1rem",
-      "md": "1.5rem",
-      "print": "1.5rem"
-    },
-    "font-weight": {
-      "xs": "700"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  },
-  "panel__body": {
-    "font-size": {
-      "xs": "var(--text-2xl)",
-      "md": "var(--text-4xl)",
-      "print": "var(--text-2xl)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-2xl)",
-      "md": "var(--line-h-4xl)",
-      "print": "var(--line-h-2xl)"
-    },
-    "margin": {
-      "xs": "auto"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  }
-}

package/defaultTheme/phase-banner.json

@@ -1,8 +0,0 @@
-{
-  "phase-banner__content": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    }
-  }
-}

package/defaultTheme/radios.json

@@ -1,8 +0,0 @@
-{
-  "radios__label": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    }
-  }
-}

package/defaultTheme/summary-list.json

@@ -1,8 +0,0 @@
-{
-  "summary-list": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    }
-  }
-}

package/defaultTheme/typography.json

@@ -1,295 +0,0 @@
-{
-  "heading-xl": {
-    "font-size": {
-      "xs": "var(--text-3xl)",
-      "md": "var(--text-5xl)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-3xl)",
-      "md": "var(--line-h-5xl)"
-    },
-    "margin-bottom": {
-      "xs": "2rem",
-      "md": "3rem"
-    },
-    "font-weight": {
-      "xs": "700"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  },
-  "heading-lg": {
-    "font-size": {
-      "xs": "var(--text-2xl)",
-      "md": "var(--text-4xl)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-2xl)",
-      "md": "var(--line-h-4xl)"
-    },
-    "margin-bottom": {
-      "xs": "2rem",
-      "md": "2.5rem"
-    },
-    "font-weight": {
-      "xs": "700"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  },
-  "heading-md": {
-    "font-size": {
-      "xs": "var(--text-xl)",
-      "md": "var(--text-2xl)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-xl)",
-      "md": "var(--line-h-2xl)"
-    },
-    "margin-bottom": {
-      "xs": "1.5rem",
-      "md": "2rem"
-    },
-    "font-weight": {
-      "xs": "700"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  },
-  "heading-sm": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-base)",
-      "md": "var(--line-h-lg)"
-    },
-    "margin-bottom": {
-      "xs": "0.75rem",
-      "md": "1.25rem"
-    },
-    "font-weight": {
-      "xs": "700"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  },
-  "heading-xs": {
-    "font-size": {
-      "xs": "var(--text-sm)",
-      "md": "var(--text-base)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-sm)",
-      "md": "var(--line-h-base)"
-    },
-    "margin-bottom": {
-      "xs": "0.5rem",
-      "md": "1rem"
-    },
-    "font-weight": {
-      "xs": "700"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  },
-  "caption-xl": {
-    "font-size": {
-      "xs": "var(--text-xl)",
-      "md": "var(--text-2xl)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-xl)",
-      "md": "var(--line-h-2xl)"
-    },
-    "margin-bottom": {
-      "xs": "0.25rem",
-      "md": "0.5rem"
-    },
-    "color": {
-      "xs": "var(--color-base-800)"
-    },
-    "font-weight": {
-      "xs": "400"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  },
-  "caption-lg": {
-    "font-size": {
-      "xs": "var(--text-lg)",
-      "md": "var(--text-xl)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-lg)",
-      "md": "var(--line-h-xl)"
-    },
-    "margin-bottom": {
-      "xs": "0rem"
-    },
-    "color": {
-      "xs": "var(--color-base-800)"
-    },
-    "font-weight": {
-      "xs": "400"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  },
-  "caption-md": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-base)",
-      "md": "var(--line-h-lg)"
-    },
-    "margin-bottom": {
-      "xs": "0rem"
-    },
-    "color": {
-      "xs": "var(--color-base-800)"
-    },
-    "font-weight": {
-      "xs": "400"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  },
-  "body": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-base)",
-      "md": "var(--line-h-lg)"
-    },
-    "margin-bottom": {
-      "xs": "1rem",
-      "md": "2rem"
-    },
-    "color": {
-      "xs": "var(--color-base-content)"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  },
-  "body--lg": {
-    "font-size": {
-      "xs": "var(--text-lg)",
-      "md": "var(--text-2xl)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-lg)",
-      "md": "var(--line-h-2xl)"
-    }
-  },
-  "body--sm": {
-    "font-size": {
-      "xs": "var(--text-sm)",
-      "md": "var(--text-base)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-sm)",
-      "md": "var(--text-base)"
-    }
-  },
-  "hint": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-base)",
-      "md": "var(--line-h-lg)"
-    },
-    "margin-bottom": {
-      "xs": "1rem"
-    },
-    "color": {
-      "xs": "var(--color-base-800)"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  },
-  "hint--lg": {
-    "font-size": {
-      "xs": "var(--text-lg)",
-      "lg": "var(--text-2xl)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-lg)",
-      "lg": "var(--line-h-2xl)"
-    }
-  },
-  "hint--sm": {
-    "font-size": {
-      "xs": "var(--text-sm)",
-      "lg": "var(--text-base)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-sm)",
-      "lg": "var(--text-base)"
-    }
-  },
-  "link": {
-    "color": {
-      "xs": "var(--color-link)"
-    },
-    "color-active": {
-      "xs": "var(--color-link-active)"
-    },
-    "color-hover": {
-      "xs": "var(--color-link-hover)"
-    },
-    "padding": {
-      "xs": "0px"
-    },
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-base)",
-      "md": "var(--line-h-lg)"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  },
-  "back-link": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  },
-  "list": {
-    "font-size": {
-      "xs": "var(--text-base)",
-      "md": "var(--text-lg)"
-    },
-    "line-height": {
-      "xs": "var(--line-h-base)",
-      "md": "var(--line-h-lg)"
-    },
-    "letter-spacing": {
-      "xs": "var(--letter-spacing-normal)"
-    }
-  }
-}