mordoc 0.1.1

package/dist/styles/components/searchmodal.js

@@ -0,0 +1,333 @@
+"use strict";
+/**
+ * Search modal styles
+ * Full-screen search overlay with results
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchModalStyleGenerator = void 0;
+const utils_1 = require("../utils");
+class SearchModalStyleGenerator {
+    constructor(globalVars) {
+        this.globalVars = globalVars;
+    }
+    generate() {
+        return `/* Search Modal */
+.search-modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.6);
+  backdrop-filter: blur(4px);
+  z-index: 1000;
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding-top: 10vh;
+  padding-left: ${this.globalVars.spacingXl};
+  padding-right: ${this.globalVars.spacingXl};
+  padding-bottom: ${this.globalVars.spacingXl};
+  animation: fadeIn 0.15s ease-out;
+}
+
+${(0, utils_1.darkMode)(`  .search-modal-backdrop {
+    background: rgba(0, 0, 0, 0.8);
+  }`)}
+
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes slideDown {
+  from {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.search-modal {
+  background: ${this.globalVars.backgroundColorLight};
+  border-radius: ${this.globalVars.borderRadiusLg};
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  width: 90%;
+  max-width: 42rem;
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  animation: slideDown 0.2s ease-out;
+  border: 1px solid ${this.globalVars.borderColorLight};
+}
+
+${(0, utils_1.darkMode)(`  .search-modal {
+    background: ${this.globalVars.backgroundColorDark};
+    border-color: ${this.globalVars.borderColorDark};
+  }`)}
+
+.search-input-container {
+  display: flex;
+  align-items: center;
+  gap: ${this.globalVars.spacingSm};
+  padding: ${this.globalVars.spacingMd};
+  border-bottom: 1px solid ${this.globalVars.borderColorLight};
+  flex-shrink: 0;
+}
+
+${(0, utils_1.darkMode)(`  .search-input-container {
+    border-bottom-color: ${this.globalVars.borderColorDark};
+  }`)}
+
+.search-input-icon {
+  width: 20px;
+  height: 20px;
+  color: ${this.globalVars.textSecondaryLight};
+  flex-shrink: 0;
+}
+
+${(0, utils_1.darkMode)(`  .search-input-icon {
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+.search-input {
+  flex: 1;
+  border: none;
+  background: transparent;
+  font-size: ${this.globalVars.fontSizeBase};
+  color: ${this.globalVars.textPrimaryLight};
+  outline: none;
+}
+
+${(0, utils_1.darkMode)(`  .search-input {
+    color: ${this.globalVars.textPrimaryDark};
+  }`)}
+
+.search-input::placeholder {
+  color: ${this.globalVars.textSecondaryLight};
+  opacity: 0.6;
+}
+
+${(0, utils_1.darkMode)(`  .search-input::placeholder {
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+.search-close-button {
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: ${this.globalVars.spacingSm};
+  color: ${this.globalVars.textSecondaryLight};
+  border-radius: ${this.globalVars.borderRadiusSm};
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+${(0, utils_1.darkMode)(`  .search-close-button {
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+.search-close-button:hover {
+  background: ${this.globalVars.surfaceColorLight};
+  color: ${this.globalVars.textPrimaryLight};
+}
+
+${(0, utils_1.darkMode)(`  .search-close-button:hover {
+    background: ${this.globalVars.surfaceColorDark};
+    color: ${this.globalVars.textPrimaryDark};
+  }`)}
+
+
+.search-close-icon {
+  font-size: ${this.globalVars.fontSizeXl};
+  line-height: 1;
+}
+
+.search-results {
+  flex: 1;
+  overflow-y: auto;
+  padding: ${this.globalVars.spacingMd};
+  min-height: 0;
+}
+
+.search-results-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.search-result-item {
+  margin-bottom: ${this.globalVars.spacingSm};
+}
+
+.search-result-link {
+  display: block;
+  padding: ${this.globalVars.spacingMd};
+  background: ${this.globalVars.surfaceColorLight};
+  border-radius: ${this.globalVars.borderRadiusMd};
+  text-decoration: none;
+  border: 1px solid transparent;
+  transition: all 0.2s ease;
+  width: 100%;
+  text-align: left;
+  cursor: pointer;
+}
+
+${(0, utils_1.darkMode)(`  .search-result-link {
+    background: ${this.globalVars.surfaceColorDark};
+  }`)}
+
+.search-result-link.selected {
+  border-color: ${this.globalVars.primaryColorLight};
+  background: ${this.globalVars.backgroundColorLight};
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+}
+
+${(0, utils_1.darkMode)(`  .search-result-link.selected {
+    border-color: ${this.globalVars.primaryColorDark};
+    background: ${this.globalVars.backgroundColorDark};
+  }`)}
+
+.search-result-link:hover,
+.search-result-link:focus {
+  border-color: ${this.globalVars.primaryColorLight};
+  background: ${this.globalVars.backgroundColorLight};
+  transform: translateY(-1px);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+}
+
+${(0, utils_1.darkMode)(`  .search-result-link:hover,
+  .search-result-link:focus {
+    border-color: ${this.globalVars.primaryColorDark};
+    background: ${this.globalVars.backgroundColorDark};
+  }`)}
+
+.search-result-title {
+  font-weight: ${this.globalVars.fontWeightMedium};
+  color: ${this.globalVars.textPrimaryLight};
+  margin-bottom: ${this.globalVars.spacingXs};
+  font-size: ${this.globalVars.fontSizeBase};
+}
+
+${(0, utils_1.darkMode)(`  .search-result-title {
+    color: ${this.globalVars.textPrimaryDark};
+  }`)}
+
+.search-result-excerpt {
+  font-size: ${this.globalVars.fontSizeSm};
+  color: ${this.globalVars.textSecondaryLight};
+  line-height: 1.5;
+  margin-bottom: ${this.globalVars.spacingXs};
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+${(0, utils_1.darkMode)(`  .search-result-excerpt {
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+.search-result-url {
+  font-size: ${this.globalVars.fontSizeSm};
+  color: ${this.globalVars.textSecondaryLight};
+  opacity: 0.7;
+}
+
+${(0, utils_1.darkMode)(`  .search-result-url {
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+.search-loading,
+.search-empty,
+.search-no-results,
+.search-notice {
+  text-align: center;
+  padding: ${this.globalVars.spacingMd};
+  color: ${this.globalVars.textSecondaryLight};
+}
+
+${(0, utils_1.darkMode)(`  .search-loading,
+  .search-empty,
+  .search-no-results,
+  .search-notice {
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+
+.search-empty-text,
+.search-help-text,
+.search-notice-text {
+  margin: 0;
+}
+
+.search-shortcuts {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${this.globalVars.spacingSm};
+  flex-wrap: wrap;
+  font-size: ${this.globalVars.fontSizeSm};
+  color: ${this.globalVars.textSecondaryLight};
+}
+
+${(0, utils_1.darkMode)(`  .search-shortcuts {
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+.search-shortcuts kbd {
+  padding: 0.25rem 0.5rem;
+  background: ${this.globalVars.surfaceColorLight};
+  border: 1px solid ${this.globalVars.borderColorLight};
+  border-radius: ${this.globalVars.borderRadiusSm};
+  font-family: ${this.globalVars.fontFamilyMono};
+  font-size: ${this.globalVars.fontSizeXs};
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+${(0, utils_1.darkMode)(`  .search-shortcuts kbd {
+    background: ${this.globalVars.surfaceColorDark};
+    border-color: ${this.globalVars.borderColorDark};
+  }`)}
+
+.search-separator {
+  color: ${this.globalVars.textSecondaryLight};
+  opacity: 0.5;
+}
+
+${(0, utils_1.darkMode)(`  .search-separator {
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+
+${(0, utils_1.mediaQuery)('md', `  .search-modal-backdrop {
+    padding-top: 5vh;
+  }
+
+  .search-modal {
+    width: 95%;
+    max-height: 90vh;
+  }
+
+  .search-input-container {
+    padding: ${this.globalVars.spacingMd};
+  }
+
+  .search-input {
+    font-size: ${this.globalVars.fontSizeBase};
+  }`)}`;
+    }
+}
+exports.SearchModalStyleGenerator = SearchModalStyleGenerator;
+//# sourceMappingURL=searchmodal.js.map

package/dist/styles/components/searchmodal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchmodal.js","sourceRoot":"","sources":["../../../src/styles/components/searchmodal.ts"],"names":[],"mappings":"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"}

package/dist/styles/components/sidenav.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Side navigation component styles
+ * Left sidebar navigation menu with collapsible sections
+ */
+import { GlobalVariables } from '../types';
+export declare class SideNavStyleGenerator {
+    private globalVars;
+    constructor(globalVars: GlobalVariables);
+    generate(userOverrides?: Record<string, string>): string;
+}
+//# sourceMappingURL=sidenav.d.ts.map

package/dist/styles/components/sidenav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidenav.d.ts","sourceRoot":"","sources":["../../../src/styles/components/sidenav.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAU3C,qBAAa,qBAAqB;IACpB,OAAO,CAAC,UAAU;gBAAV,UAAU,EAAE,eAAe;IAE/C,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM;CAwMzD"}

package/dist/styles/components/sidenav.js

@@ -0,0 +1,209 @@
+"use strict";
+/**
+ * Side navigation component styles
+ * Left sidebar navigation menu with collapsible sections
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideNavStyleGenerator = void 0;
+const utils_1 = require("../utils");
+class SideNavStyleGenerator {
+    constructor(globalVars) {
+        this.globalVars = globalVars;
+    }
+    generate(userOverrides) {
+        const defaults = {
+            navHoverBackgroundLight: '#E5E5E5',
+            navHoverBackgroundDark: '#1F1F1F',
+            navActiveBackgroundLight: '#E5E5E5',
+            navActiveBackgroundDark: '#1F1F1F',
+        };
+        const vars = (0, utils_1.mergeOverrides)(defaults, userOverrides, [
+            'navHoverBackgroundLight', 'navHoverBackgroundDark',
+            'navActiveBackgroundLight', 'navActiveBackgroundDark'
+        ]);
+        return `/* SideNav */
+.sidenav {
+  background-color: #FAFAFA;
+  border-right: 1px solid #E8E8E8;
+  padding: 1rem 0.75rem 1rem 0.5rem;
+  height: 100%;
+  min-height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+[data-theme="dark"] .sidenav {
+  background-color: #0F0F0F;
+  border-right-color: #1F1F1F;
+}
+
+.sidenav-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.sidenav-group {
+  padding: 0.5rem;
+  margin-bottom: 0.25rem;
+}
+
+.sidenav-item {
+  margin-bottom: 0.25rem;
+}
+
+.sidenav-item-wrapper {
+  position: relative;
+}
+
+.sidenav-toggle-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: none;
+  border: none;
+  cursor: pointer;
+  z-index: 1;
+  opacity: 0;
+}
+
+.sidenav-chevron {
+  width: 0.75rem;
+  height: 0.75rem;
+  flex-shrink: 0;
+  opacity: 0.7;
+  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s ease;
+  margin-left: auto;
+}
+
+.sidenav-link:hover .sidenav-chevron {
+  opacity: 1;
+}
+
+.sidenav-chevron.collapsed {
+  transform: rotate(-90deg);
+}
+
+.sidenav-chevron.expanded {
+  transform: rotate(0deg);
+}
+
+.sidenav-link {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.375rem 0.5rem;
+  border-radius: 6px;
+  color: #1C1C1C;
+  text-decoration: none;
+  font-size: ${this.globalVars.fontSizeSm};
+  line-height: 1.25;
+  transition: all 0.15s ease;
+  background-color: transparent;
+  width: 100%;
+  min-height: 2rem;
+  border: none;
+  text-align: left;
+  cursor: pointer;
+  position: relative;
+}
+
+[data-theme="dark"] .sidenav-link {
+  color: #F2F2F2;
+}
+
+.sidenav-link:hover {
+  color: #1C1C1C;
+  background-color: ${vars.navHoverBackgroundLight};
+}
+
+[data-theme="dark"] .sidenav-link:hover {
+  color: #F2F2F2;
+  background-color: ${vars.navHoverBackgroundDark};
+}
+
+.sidenav-link:focus-visible {
+  outline: 2px solid #171717;
+  outline-offset: 2px;
+}
+
+[data-theme="dark"] .sidenav-link:focus-visible {
+  outline-color: #FAFAFA;
+}
+
+.sidenav-link.active {
+  color: #171717;
+  background-color: ${vars.navActiveBackgroundLight};
+  font-weight: ${this.globalVars.fontWeightMedium};
+}
+
+[data-theme="dark"] .sidenav-link.active {
+  color: #FAFAFA;
+  background-color: ${vars.navActiveBackgroundDark};
+}
+
+
+.sidenav-link.sidenav-group-label {
+  font-size: ${this.globalVars.fontSizeXs};
+  font-weight: ${this.globalVars.fontWeightMedium};
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: rgba(28, 28, 28, 0.7);
+  padding: 0.375rem 0.5rem;
+  min-height: 2rem;
+}
+
+[data-theme="dark"] .sidenav-link.sidenav-group-label {
+  color: rgba(242, 242, 242, 0.7);
+}
+
+.sidenav-link.sidenav-group-label:hover {
+  background-color: transparent;
+  opacity: 1;
+}
+
+.sidenav-link.disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.sidenav-sublist-wrapper {
+  display: grid;
+  grid-template-rows: 1fr;
+  transition: grid-template-rows 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.sidenav-sublist-wrapper.collapsed {
+  grid-template-rows: 0fr;
+}
+
+.sidenav-sublist-wrapper.expanded {
+  grid-template-rows: 1fr;
+}
+
+.sidenav-sublist {
+  list-style: none;
+  margin: 0;
+  padding-left: 1.5rem;
+  overflow: hidden;
+  min-height: 0;
+}
+
+.sidenav-sublist-wrapper.expanded .sidenav-sublist {
+  padding-top: 0.25rem;
+}
+
+.sidenav-sublist .sidenav-item {
+  margin-bottom: 0.25rem;
+}
+
+.sidenav-sublist .sidenav-link {
+  min-height: 1.75rem;
+  padding: 0.25rem 0.5rem;
+}`;
+    }
+}
+exports.SideNavStyleGenerator = SideNavStyleGenerator;
+//# sourceMappingURL=sidenav.js.map

package/dist/styles/components/sidenav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidenav.js","sourceRoot":"","sources":["../../../src/styles/components/sidenav.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAGH,oCAA0C;AAS1C,MAAa,qBAAqB;IAChC,YAAoB,UAA2B;QAA3B,eAAU,GAAV,UAAU,CAAiB;IAAG,CAAC;IAEnD,QAAQ,CAAC,aAAsC;QAC7C,MAAM,QAAQ,GAAqB;YACjC,uBAAuB,EAAE,SAAS;YAClC,sBAAsB,EAAE,SAAS;YACjC,wBAAwB,EAAE,SAAS;YACnC,uBAAuB,EAAE,SAAS;SACnC,CAAC;QAEF,MAAM,IAAI,GAAG,IAAA,sBAAc,EACzB,QAAQ,EACR,aAAa,EACb;YACE,yBAAyB,EAAE,wBAAwB;YACnD,0BAA0B,EAAE,yBAAyB;SACtD,CACF,CAAC;QAEF,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA6EI,IAAI,CAAC,UAAU,CAAC,UAAU;;;;;;;;;;;;;;;;;;sBAkBnB,IAAI,CAAC,uBAAuB;;;;;sBAK5B,IAAI,CAAC,sBAAsB;;;;;;;;;;;;;;sBAc3B,IAAI,CAAC,wBAAwB;iBAClC,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;;;sBAK3B,IAAI,CAAC,uBAAuB;;;;;eAKnC,IAAI,CAAC,UAAU,CAAC,UAAU;iBACxB,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuD/C,CAAC;IACD,CAAC;CACF;AA3MD,sDA2MC"}

package/dist/styles/components/toc.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Table of Contents styles
+ * Right sidebar navigation for page headings
+ */
+import { GlobalVariables } from '../types';
+export declare class TOCStyleGenerator {
+    private globalVars;
+    constructor(globalVars: GlobalVariables);
+    generate(userOverrides?: Record<string, string>): string;
+}
+//# sourceMappingURL=toc.d.ts.map

package/dist/styles/components/toc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc.d.ts","sourceRoot":"","sources":["../../../src/styles/components/toc.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQ3C,qBAAa,iBAAiB;IAChB,OAAO,CAAC,UAAU;gBAAV,UAAU,EAAE,eAAe;IAE/C,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM;CAuGzD"}

package/dist/styles/components/toc.js

@@ -0,0 +1,112 @@
+"use strict";
+/**
+ * Table of Contents styles
+ * Right sidebar navigation for page headings
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TOCStyleGenerator = void 0;
+const utils_1 = require("../utils");
+class TOCStyleGenerator {
+    constructor(globalVars) {
+        this.globalVars = globalVars;
+    }
+    generate(userOverrides) {
+        const defaults = {
+            tocLinkActiveColor: this.globalVars.navActiveColorLight,
+            tocLinkActiveColorDark: this.globalVars.navActiveColorDark,
+        };
+        const vars = (0, utils_1.mergeOverrides)(defaults, userOverrides, ['tocLinkActiveColor', 'tocLinkActiveColorDark']);
+        return `/* Table of Contents */
+.toc {
+  position: sticky;
+  top: 5rem;
+  width: 14rem;
+  display: none;
+}
+
+@media (min-width: 1280px) {
+  .toc {
+    display: block;
+  }
+}
+
+.toc-title {
+  font-size: 0.875rem;
+  font-weight: ${this.globalVars.fontWeightSemibold};
+  color: ${this.globalVars.textPrimaryLight};
+  margin: 0 0 1rem 0;
+}
+
+${(0, utils_1.darkMode)(`  .toc-title {
+    color: ${this.globalVars.textPrimaryDark};
+  }`)}
+
+.toc-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.toc-list li + li {
+  margin-top: 0.5rem;
+}
+
+.toc-link {
+  display: block;
+  width: 100%;
+  text-align: left;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  padding: 0;
+  padding-left: 0.75rem;
+  border: none;
+  border-left: 2px solid transparent;
+  background: transparent;
+  color: ${this.globalVars.textSecondaryLight};
+  font-weight: ${this.globalVars.fontWeightNormal};
+  cursor: pointer;
+  transition: color 200ms ease;
+}
+
+${(0, utils_1.darkMode)(`  .toc-link {
+    color: ${this.globalVars.textSecondaryDark};
+  }`)}
+
+.toc-link:hover {
+  color: ${vars.tocLinkActiveColor};
+}
+
+${(0, utils_1.darkMode)(`  .toc-link:hover {
+    color: ${vars.tocLinkActiveColorDark};
+  }`)}
+
+.toc-link.active {
+  color: ${vars.tocLinkActiveColor};
+  font-weight: ${this.globalVars.fontWeightMedium};
+  border-left-color: ${vars.tocLinkActiveColor};
+}
+
+${(0, utils_1.darkMode)(`  .toc-link.active {
+    color: ${vars.tocLinkActiveColorDark};
+    border-left-color: ${vars.tocLinkActiveColorDark};
+  }`)}
+
+.toc-link[data-level="3"] {
+  padding-left: 1rem;
+}
+
+.toc-link[data-level="4"] {
+  padding-left: 1.5rem;
+}
+
+.toc-link[data-level="5"] {
+  padding-left: 2rem;
+}
+
+.toc-link[data-level="6"] {
+  padding-left: 2.5rem;
+}`;
+    }
+}
+exports.TOCStyleGenerator = TOCStyleGenerator;
+//# sourceMappingURL=toc.js.map

package/dist/styles/components/toc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc.js","sourceRoot":"","sources":["../../../src/styles/components/toc.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAGH,oCAAoD;AAOpD,MAAa,iBAAiB;IAC5B,YAAoB,UAA2B;QAA3B,eAAU,GAAV,UAAU,CAAiB;IAAG,CAAC;IAEnD,QAAQ,CAAC,aAAsC;QAC7C,MAAM,QAAQ,GAAiB;YAC7B,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAC,mBAAmB;YACvD,sBAAsB,EAAE,IAAI,CAAC,UAAU,CAAC,kBAAkB;SAC3D,CAAC;QAEF,MAAM,IAAI,GAAG,IAAA,sBAAc,EACzB,QAAQ,EACR,aAAa,EACb,CAAC,oBAAoB,EAAE,wBAAwB,CAAC,CACjD,CAAC;QAEF,OAAO;;;;;;;;;;;;;;;;iBAgBM,IAAI,CAAC,UAAU,CAAC,kBAAkB;WACxC,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;;EAIzC,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,UAAU,CAAC,eAAe;IACxC,CAAC;;;;;;;;;;;;;;;;;;;;;;;WAuBM,IAAI,CAAC,UAAU,CAAC,kBAAkB;iBAC5B,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;;;EAK/C,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,UAAU,CAAC,iBAAiB;IAC1C,CAAC;;;WAGM,IAAI,CAAC,kBAAkB;;;EAGhC,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,sBAAsB;IACpC,CAAC;;;WAGM,IAAI,CAAC,kBAAkB;iBACjB,IAAI,CAAC,UAAU,CAAC,gBAAgB;uBAC1B,IAAI,CAAC,kBAAkB;;;EAG5C,IAAA,gBAAQ,EAAC;aACE,IAAI,CAAC,sBAAsB;yBACf,IAAI,CAAC,sBAAsB;IAChD,CAAC;;;;;;;;;;;;;;;;EAgBH,CAAC;IACD,CAAC;CACF;AA1GD,8CA0GC"}

package/dist/styles/components/typography.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Typography styles
+ * Global typography for headings, paragraphs, links, lists, tables, etc.
+ */
+import { GlobalVariables } from '../types';
+export declare class TypographyStyleGenerator {
+    private globalVars;
+    constructor(globalVars: GlobalVariables);
+    generate(userOverrides?: Record<string, string>): string;
+}
+//# sourceMappingURL=typography.d.ts.map