From 0cecb0d805c30b5f309c8fa04002ad1211041d8b Mon Sep 17 00:00:00 2001
From: Lukas Taake <lukas.taake@holisticon.de>
Date: Fri, 30 Aug 2024 09:30:57 +0200
Subject: [PATCH] fix(foundation): use rounded dots for typography (#28)

---
 package.json                                    |  3 ++-
 packages/foundation/src/elements/typography.css | 13 +++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ce58e11..645b605 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,8 @@
     "format": "prettier --write .",
     "lint": "npm run lint --if-present -ws && prettier -c .",
     "version": "changeset version && npm i",
-    "release": "changeset publish"
+    "release": "changeset publish",
+    "storybook": "npm run build && npm run dev -w @holisticon/atomic-playfulness-documentation"
   },
   "lint-staged": {
     "*": "prettier --ignore-unknown --write",
diff --git a/packages/foundation/src/elements/typography.css b/packages/foundation/src/elements/typography.css
index a3ecb6e..02fe58d 100644
--- a/packages/foundation/src/elements/typography.css
+++ b/packages/foundation/src/elements/typography.css
@@ -73,3 +73,16 @@
   letter-spacing: var(--hap-text-small-letter-spacing);
   line-height: var(--hap-text-small-line-height);
 }
+
+/* Rounded Dots for all typography levels */
+.hap-h1,
+.hap-h2,
+.hap-h3,
+.hap-h4,
+.hap-h5,
+.hap-h6,
+.hap-text,
+.hap-text-large,
+.hap-text-small {
+  font-feature-settings: "ss11" 1;
+}