@pzh-ui/css 0.0.83 → 0.0.89

package/config/index.js

@@ -28,15 +28,13 @@ module.exports = {
       s: ["1rem", "1.5rem"],
       m: ["1.25rem", "1.875rem"],
       l: ["1.5rem", "1.875rem"],
-      heading: {
-        xs: ["1.125rem", "125%"],
-        s: ["1.25rem", "125%"],
-        m: ["1.5rem", "125%"],
-        l: ["2rem", "125%"],
-        xl: ["2.5rem", "125%"],
-        xxl: ["3rem", "125%"],
-        xxxl: ["4rem", "110%"],
-      },
+      "heading-xs": ["1.125rem", "125%"],
+      "heading-s": ["1.25rem", "125%"],
+      "heading-m": ["1.5rem", "125%"],
+      "heading-l": ["2rem", "125%"],
+      "heading-xl": ["2.5rem", "125%"],
+      "heading-xxl": ["3rem", "125%"],
+      "heading-xxxl": ["4rem", "110%"],
     },
     colors: {
       black: "#000000",

package/package.json

@@ -1,28 +1,28 @@
 {
-    "name": "@pzh-ui/css",
-    "version": "0.0.83",
-    "description": "Contains default styling for projects whitin Provincie Zuid-Holland.",
-    "license": "ISC",
-    "publishConfig": {
-        "access": "public"
-    },
-    "scripts": {
-        "prepare": "npm run-script build-tailwind",
-        "build-tailwind": "npx tailwindcss -c ./config/custom.js -i src/tailwind.src.css -o src/tailwind.css",
-        "watch-tailwind": "npx tailwindcss -c ./config/custom.js -i src/tailwind.src.css -o src/tailwind.css --watch",
-        "build": "npm run-script build-tailwind"
-    },
-    "dependencies": {
-        "@rollup/plugin-typescript": "^8.3.1",
-        "@tailwindcss/custom-forms": "^0.2.1",
-        "@tailwindcss/forms": "^0.5.0",
-        "@tailwindcss/line-clamp": "^0.3.1",
-        "@tailwindcss/typography": "^0.5.9",
-        "react-datepicker": "^4.7.0",
-        "react-toastify": "^9.1.2"
-    },
-    "gitHead": "a62628fbb5c95fe3f7c1e9c58fab005121158b9c",
-    "devDependencies": {
-        "tailwindcss": "^3.3.2"
-    }
+  "name": "@pzh-ui/css",
+  "version": "0.0.89",
+  "description": "Contains default styling for projects within Provincie Zuid-Holland.",
+  "license": "ISC",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "prepare": "npm run-script build-tailwind",
+    "build-tailwind": "npx tailwindcss -c ./config/custom.js -i src/tailwind.src.css -o src/tailwind.css",
+    "watch-tailwind": "npx tailwindcss -c ./config/custom.js -i src/tailwind.src.css -o src/tailwind.css --watch",
+    "build": "npm run-script build-tailwind"
+  },
+  "dependencies": {
+    "@rollup/plugin-typescript": "^8.3.1",
+    "@tailwindcss/custom-forms": "^0.2.1",
+    "@tailwindcss/forms": "^0.5.0",
+    "@tailwindcss/line-clamp": "^0.3.1",
+    "@tailwindcss/typography": "^0.5.9",
+    "react-datepicker": "^4.7.0",
+    "react-toastify": "^9.1.2"
+  },
+  "gitHead": "567c93e973fff39cd67a5df996a7a678d4d60504",
+  "devDependencies": {
+    "tailwindcss": "^3.3.2"
+  }
 }

package/src/tailwind.css

@@ -2615,32 +2615,39 @@ select {
   vertical-align: bottom;
 }
 
-.text-\[1\.125rem\] {
-  font-size: 1.125rem;
+.text-heading-l {
+  font-size: 2rem;
+  line-height: 125%;
 }
 
-.text-\[1\.25rem\] {
-  font-size: 1.25rem;
+.text-heading-m {
+  font-size: 1.5rem;
+  line-height: 125%;
 }
 
-.text-\[1\.5rem\] {
-  font-size: 1.5rem;
+.text-heading-s {
+  font-size: 1.25rem;
+  line-height: 125%;
 }
 
-.text-\[2\.5rem\] {
+.text-heading-xl {
   font-size: 2.5rem;
+  line-height: 125%;
 }
 
-.text-\[2rem\] {
-  font-size: 2rem;
+.text-heading-xs {
+  font-size: 1.125rem;
+  line-height: 125%;
 }
 
-.text-\[3rem\] {
+.text-heading-xxl {
   font-size: 3rem;
+  line-height: 125%;
 }
 
-.text-\[4rem\] {
+.text-heading-xxxl {
   font-size: 4rem;
+  line-height: 110%;
 }
 
 .text-l {
@@ -2686,14 +2693,6 @@ select {
   line-height: 1.75rem;
 }
 
-.leading-\[110\%\] {
-  line-height: 110%;
-}
-
-.leading-\[125\%\] {
-  line-height: 125%;
-}
-
 .leading-none {
   line-height: 1;
 }