@statistikzh/leu 0.4.0 → 0.5.1

package/src/styles/font-definitions.json

@@ -0,0 +1,202 @@
+{
+  "definitions": [
+    {
+      "fontSize": "12px",
+      "fontWeight": "regular",
+      "lineHeight": 1.5,
+      "spacing": "9px",
+      "name": "tiny"
+    },
+    {
+      "fontSize": "12px",
+      "fontWeight": "black",
+      "lineHeight": 1.5,
+      "spacing": "9px",
+      "name": "tiny"
+    },
+    {
+      "fontSize": "14px",
+      "fontWeight": "regular",
+      "lineHeight": 1.4,
+      "spacing": "10px",
+      "name": "small"
+    },
+    {
+      "fontSize": "14px",
+      "fontWeight": "black",
+      "lineHeight": 1.4,
+      "spacing": "10px",
+      "name": "small"
+    },
+    {
+      "fontSize": "16px",
+      "fontWeight": "regular",
+      "lineHeight": 1.5,
+      "spacing": "12px",
+      "name": "regular"
+    },
+    {
+      "fontSize": "16px",
+      "fontWeight": "black",
+      "lineHeight": 1.5,
+      "spacing": "12px",
+      "name": "regular"
+    },
+    {
+      "fontSize": "18px",
+      "fontWeight": "regular",
+      "lineHeight": 1.5,
+      "spacing": "13px",
+      "name": "biggerRegular"
+    },
+    {
+      "fontSize": "18px",
+      "fontWeight": "black",
+      "lineHeight": 1.3,
+      "spacing": "12px",
+      "name": "biggerRegular"
+    },
+    {
+      "fontSize": "20px",
+      "fontWeight": "regular",
+      "lineHeight": 1.5,
+      "spacing": "15px",
+      "name": "medium"
+    },
+    {
+      "fontSize": "20px",
+      "fontWeight": "black",
+      "lineHeight": 1.3,
+      "spacing": "13px",
+      "name": "medium"
+    },
+    {
+      "fontSize": "24px",
+      "fontWeight": "regular",
+      "lineHeight": 1.5,
+      "spacing": "18px",
+      "name": "large"
+    },
+    {
+      "fontSize": "24px",
+      "fontWeight": "black",
+      "lineHeight": 1.3,
+      "spacing": "15px",
+      "name": "large"
+    },
+    {
+      "fontSize": "28px",
+      "fontWeight": "black",
+      "lineHeight": 1.2,
+      "spacing": "17px",
+      "name": "smallBig"
+    },
+    {
+      "fontSize": "32px",
+      "fontWeight": "black",
+      "lineHeight": 1.2,
+      "spacing": "19px",
+      "name": "big"
+    },
+    {
+      "fontSize": "40px",
+      "fontWeight": "black",
+      "lineHeight": 1.2,
+      "spacing": "24px",
+      "name": "biggerBig"
+    },
+    {
+      "fontSize": "48px",
+      "fontWeight": "black",
+      "lineHeight": 1,
+      "spacing": "24px",
+      "name": "smallHuge"
+    },
+    {
+      "fontSize": "56px",
+      "fontWeight": "black",
+      "lineHeight": 1,
+      "spacing": "28px",
+      "name": "huge"
+    },
+    {
+      "fontSize": "72px",
+      "fontWeight": "black",
+      "lineHeight": 1,
+      "spacing": "36px",
+      "name": "giant"
+    }
+  ],
+  "curves": [
+    {
+      "name": "tiny",
+      "steps": [
+        [null, "tiny"],
+        ["--viewport-regular", "small"]
+      ]
+    },
+    {
+      "name": "small",
+      "steps": [
+        [null, "small"],
+        ["--viewport-regular", "regular"],
+        ["--viewport-large", "biggerRegular"]
+      ]
+    },
+    {
+      "name": "regular",
+      "steps": [
+        [null, "regular"],
+        ["--viewport-small", "biggerRegular"],
+        ["--viewport-xlarge", "medium"]
+      ]
+    },
+    {
+      "name": "biggerRegular",
+      "steps": [
+        [null, "biggerRegular"],
+        ["--viewport-regular", "medium"],
+        ["--viewport-xlarge", "large"]
+      ]
+    },
+    {
+      "name": "medium",
+      "steps": [
+        [null, "biggerRegular"],
+        ["--viewport-small", "medium"],
+        ["--viewport-large", "large"],
+        ["--viewport-xlarge", "smallBig"]
+      ]
+    },
+    {
+      "name": "large",
+      "steps": [
+        [null, "biggerRegular"],
+        ["--viewport-regular", "large"],
+        ["--viewport-large", "smallBig"],
+        ["--viewport-xlarge", "big"]
+      ]
+    },
+    {
+      "name": "big",
+      "steps": [
+        [null, "large"],
+        ["--viewport-regular", "smallBig"],
+        ["--viewport-medium", "big"],
+        ["--viewport-large", "biggerBig"],
+        ["--viewport-xlarge", "smallHuge"]
+      ]
+    },
+    {
+      "name": "huge",
+      "steps": [
+        [null, "smallBig"],
+        ["--viewport-small", "big"],
+        ["--viewport-regular", "biggerBig"],
+        ["--viewport-medium", "smallHuge"],
+        ["--viewport-large", "huge"],
+        ["--viewport-xlarge", "giant"]
+      ]
+    }
+  ]
+}

package/stylelint.config.mjs

@@ -1,3 +1,4 @@
+/** @type {import('stylelint').Config} */
 export default {
   extends: "stylelint-config-standard",
   overrides: [
@@ -16,6 +17,7 @@ export default {
     // Allowing kebab-case and BEM
     "selector-class-pattern":
       "^[a-z]([-]?[a-z0-9]+)*(__[a-z0-9]([-]?[a-z0-9]+)*)?(--[a-z0-9]([-]?[a-z0-9]+)*)?$",
+    "at-rule-no-unknown": [true, { ignoreAtRules: ["leu-font-styles"] }],
   },
   ignoreFiles: ["scripts/generate-component/templates/**/*"],
 }

package/tsconfig.build.json

@@ -0,0 +1,21 @@
+{
+  "include": ["dist/**/*.js"],
+  "exclude": ["node_modules", "dist/**/*.d.ts"],
+  "compilerOptions": {
+    // Tells TypeScript to read JS files, as
+    // normally they are ignored as source files
+    "allowJs": true,
+    // Generate d.ts files
+    "declaration": true,
+    // This compiler run should
+    // only output d.ts files
+    "emitDeclarationOnly": true,
+    // Types should go into this directory.
+    // Removing this would place the .d.ts files
+    // next to the .js files
+    "outDir": "dist",
+    // go to js file when using IDE functions like
+    // "Go to Definition" in VSCode
+    "declarationMap": true
+  }
+}

package/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "include": ["src/**/*.js"],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "**/*.d.ts",
+    "**/*.stories.js",
+    "**/*.test.js",
+    "**/*.css"
+  ],
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "noEmit": true
+  }
+}