fix(foundation): use rounded dots for typography (#28)

holisticon · Aug 30, 2024 · 0cecb0d · 0cecb0d
1 parent 3f1ce66
commit 0cecb0d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git 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
@@ -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;
+}