@moderneinc/neo-design 4.1.2-next.f98de9 → 5.0.0-next.03345c

package/dist/height.css

@@ -0,0 +1,12 @@
+:root {  --neo-height-button-default: 40px;
+  --neo-height-button-small: 32px;
+  --neo-height-button-large: 48px;
+  --neo-height-input-default: 40px;
+  --neo-height-input-dense: 32px;
+  --neo-height-table-header-compact: 44px;
+  --neo-height-table-header-standard: 38px;
+  --neo-height-table-header-comfortable: 52px;
+  --neo-height-table-row-compact: 48px;
+  --neo-height-table-row-standard: 42px;
+  --neo-height-table-row-comfortable: 56px;
+  --neo-height-tooltip: 24px;}

package/dist/height.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Neo Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+export type Button = {
+default: 40;
+small: 32;
+large: 48;
+};
+
+export declare const button: Button;
+
+export type Input = {
+default: 40;
+dense: 32;
+};
+
+export declare const input: Input;
+
+export type Table = {
+headerCompact: 44;
+headerStandard: 38;
+headerComfortable: 52;
+rowCompact: 48;
+rowStandard: 42;
+rowComfortable: 56;
+};
+
+export declare const table: Table;
+
+export declare const tooltip: 24;
+
+declare const _default: {
+button: typeof button,
+input: typeof input,
+table: typeof table,
+tooltip: typeof tooltip,
+};
+
+export default _default;

package/dist/height.js

@@ -0,0 +1,45 @@
+/**
+ * Neo Design System
+ * Generated from Figma design tokens
+ * @generated
+ */
+
+/**
+ * @typedef {{ default: number, small: number, large: number }} Button
+ */
+
+/**
+ * @type {Button}
+ */
+export const button = {"default":40,"small":32,"large":48};
+
+/**
+ * @typedef {{ default: number, dense: number }} Input
+ */
+
+/**
+ * @type {Input}
+ */
+export const input = {"default":40,"dense":32};
+
+/**
+ * @typedef {{ headerCompact: number, headerStandard: number, headerComfortable: number, rowCompact: number, rowStandard: number, rowComfortable: number }} Table
+ */
+
+/**
+ * @type {Table}
+ */
+export const table = {"headerCompact":44,"headerStandard":38,"headerComfortable":52,"rowCompact":48,"rowStandard":42,"rowComfortable":56};
+
+/**
+ * @type {number}
+ */
+export const tooltip = 24;
+
+// Default export with all color groups
+export default {
+button,
+input,
+table,
+tooltip,
+};

package/dist/index.d.ts

@@ -4,11 +4,11 @@
  * @generated
  */
 
-declare const card$1: 12;
+declare const card$2: 12;
 
-declare const button$1: 999;
+declare const button$2: 999;
 
-declare const input$2: 8;
+declare const input$3: 8;
 
 declare const xXS: 2;
 
@@ -24,10 +24,10 @@ declare const xL: 30;
 
 declare const full: 999;
 
-declare const _default$7: {
-card: typeof card$1,
-button: typeof button$1,
-input: typeof input$2,
+declare const _default$9: {
+card: typeof card$2,
+button: typeof button$2,
+input: typeof input$3,
 xXS: typeof xXS,
 xS: typeof xS,
 s: typeof s,
@@ -46,11 +46,11 @@ declare const borderRadius_d_xS: typeof xS;
 declare const borderRadius_d_xXS: typeof xXS;
 declare namespace borderRadius_d {
   export {
-    button$1 as button,
-    card$1 as card,
-    _default$7 as default,
+    button$2 as button,
+    card$2 as card,
+    _default$9 as default,
     borderRadius_d_full as full,
-    input$2 as input,
+    input$3 as input,
     borderRadius_d_l as l,
     borderRadius_d_m as m,
     borderRadius_d_s as s,
@@ -74,7 +74,7 @@ declare const md: 960;
 
 declare const sm: 600;
 
-declare const _default$6: {
+declare const _default$8: {
 xl: typeof xl,
 lg: typeof lg,
 md: typeof md,
@@ -87,7 +87,7 @@ declare const breakpoints_d_sm: typeof sm;
 declare const breakpoints_d_xl: typeof xl;
 declare namespace breakpoints_d {
   export {
-    _default$6 as default,
+    _default$8 as default,
     breakpoints_d_lg as lg,
     breakpoints_d_md as md,
     breakpoints_d_sm as sm,
@@ -224,7 +224,7 @@ declare const violet: Violet;
 
 declare const white: '#ffffff';
 
-declare const _default$5: {
+declare const _default$7: {
 digitalBlue: typeof digitalBlue,
 digitalGreen: typeof digitalGreen,
 gold: typeof gold,
@@ -254,10 +254,105 @@ declare const colors_d_tealGreen: typeof tealGreen;
 declare const colors_d_violet: typeof violet;
 declare const colors_d_white: typeof white;
 declare namespace colors_d {
-  export { _default$5 as default, colors_d_digitalBlue as digitalBlue, colors_d_digitalGreen as digitalGreen, colors_d_gold as gold, colors_d_grey as grey, colors_d_orange as orange, colors_d_red as red, colors_d_tealGreen as tealGreen, colors_d_violet as violet, colors_d_white as white };
+  export { _default$7 as default, colors_d_digitalBlue as digitalBlue, colors_d_digitalGreen as digitalGreen, colors_d_gold as gold, colors_d_grey as grey, colors_d_orange as orange, colors_d_red as red, colors_d_tealGreen as tealGreen, colors_d_violet as violet, colors_d_white as white };
   export type { colors_d_DigitalBlue as DigitalBlue, colors_d_DigitalGreen as DigitalGreen, colors_d_Gold as Gold, colors_d_Grey as Grey, colors_d_Orange as Orange, colors_d_Red as Red, colors_d_TealGreen as TealGreen, colors_d_Violet as Violet };
 }
 
+/**
+ * Neo Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+type Button$1 = {
+default: 40;
+small: 32;
+large: 48;
+};
+
+declare const button$1: Button$1;
+
+type Input$2 = {
+default: 40;
+dense: 32;
+};
+
+declare const input$2: Input$2;
+
+type Table$1 = {
+headerCompact: 44;
+headerStandard: 38;
+headerComfortable: 52;
+rowCompact: 48;
+rowStandard: 42;
+rowComfortable: 56;
+};
+
+declare const table$1: Table$1;
+
+declare const tooltip$1: 24;
+
+declare const _default$6: {
+button: typeof button$1,
+input: typeof input$2,
+table: typeof table$1,
+tooltip: typeof tooltip$1,
+};
+
+declare namespace height_d {
+  export { button$1 as button, _default$6 as default, input$2 as input, table$1 as table, tooltip$1 as tooltip };
+  export type { Button$1 as Button, Input$2 as Input, Table$1 as Table };
+}
+
+/**
+ * Neo Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+declare const datagridCellVertical: 8;
+
+declare const card$1: 24;
+
+declare const buttonHorizontal: 16;
+
+declare const buttonVertical: 8;
+
+declare const inputHorizontal: 12;
+
+declare const inputVertical: 4;
+
+declare const textContainers: 20;
+
+declare const _default$5: {
+datagridCellVertical: typeof datagridCellVertical,
+card: typeof card$1,
+buttonHorizontal: typeof buttonHorizontal,
+buttonVertical: typeof buttonVertical,
+inputHorizontal: typeof inputHorizontal,
+inputVertical: typeof inputVertical,
+textContainers: typeof textContainers,
+};
+
+declare const padding_d_buttonHorizontal: typeof buttonHorizontal;
+declare const padding_d_buttonVertical: typeof buttonVertical;
+declare const padding_d_datagridCellVertical: typeof datagridCellVertical;
+declare const padding_d_inputHorizontal: typeof inputHorizontal;
+declare const padding_d_inputVertical: typeof inputVertical;
+declare const padding_d_textContainers: typeof textContainers;
+declare namespace padding_d {
+  export {
+    padding_d_buttonHorizontal as buttonHorizontal,
+    padding_d_buttonVertical as buttonVertical,
+    card$1 as card,
+    padding_d_datagridCellVertical as datagridCellVertical,
+    _default$5 as default,
+    padding_d_inputHorizontal as inputHorizontal,
+    padding_d_inputVertical as inputVertical,
+    padding_d_textContainers as textContainers,
+  };
+}
+
 /**
  * Neo Design System
  * TypeScript declarations generated from Figma design tokens
@@ -282,13 +377,13 @@ declare const icons: Icons;
 type Surfaces = {
 highlightBackground: 'rgba(38, 55, 230, 0)';
 activeHighlight: 'rgba(182, 191, 255, 0.4)';
-table: {
+dataGrid: {
 header: '#f9fafb';
-cellSelected: '#f2f3ff';
-cellSelectedHover: '#dce0ff';
-cellHover: '#f9fafb';
-cellDefault: '#ffffff';
-cellDisabled: '#f3f4f6';
+selected: '#f2f3ff';
+selectedHover: '#dce0ff';
+hover: '#f9fafb';
+default: '#ffffff';
+disabled: '#f3f4f6';
 background: '#ffffff';
 };
 page: '#f4f4f4';
@@ -484,7 +579,7 @@ secondaryBackground: '#e5e7eb';
 declare const tab$1: Tab$1;
 
 type Code = {
-background: '#e5e7eb';
+background: '#f3f4f6';
 };
 
 declare const code: Code;
@@ -566,7 +661,7 @@ lineHeight: '1.5rem';
 codeHeader: {
 lineHeight: '2rem';
 fontFamily: 'JetBrains Mono NL';
-fontSize: 21;
+fontSize: 24;
 fontWeight: 400;
 };
 moddyHeader: {
@@ -578,7 +673,7 @@ fontWeight: 500;
 pageHeader: {
 lineHeight: '140%';
 fontFamily: 'Inter';
-fontSize: 21;
+fontSize: 24;
 fontWeight: 400;
 };
 };
@@ -1180,7 +1275,7 @@ sm: 14;
 default: 16;
 h5: 18;
 h4: 20;
-h3: 21;
+h3: 24;
 h2: 24;
 h1: 28;
 };
@@ -1236,4 +1331,4 @@ declare namespace typography_d {
   export type { typography_d_FontFamily as FontFamily, typography_d_FontSize as FontSize, typography_d_FontWeight as FontWeight, typography_d_LineHeight as LineHeight, typography_d_TextDecoration as TextDecoration };
 }
 
-export { borderRadius_d as borderRadius, breakpoints_d as breakpoints, colors_d as colors, semanticColors_d as semanticColors, semanticTypography_d as semanticTypography, shadows_d as shadows, spacing_d as spacing, typography_d as typography };
+export { borderRadius_d as borderRadius, breakpoints_d as breakpoints, colors_d as colors, height_d as height, padding_d as padding, semanticColors_d as semanticColors, semanticTypography_d as semanticTypography, shadows_d as shadows, spacing_d as spacing, typography_d as typography };

package/dist/index.esm.js

@@ -4,6 +4,10 @@ import * as breakpoints_js from './breakpoints.js';
 export { breakpoints_js as breakpoints };
 import * as colors_js from './colors.js';
 export { colors_js as colors };
+import * as height_js from './height.js';
+export { height_js as height };
+import * as padding_js from './padding.js';
+export { padding_js as padding };
 import * as semanticColors_js from './semantic-colors.js';
 export { semanticColors_js as semanticColors };
 import * as semanticTypography_js from './semantic-typography.js';

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -3,6 +3,8 @@
 var borderRadius_js = require('./border-radius.js');
 var breakpoints_js = require('./breakpoints.js');
 var colors_js = require('./colors.js');
+var height_js = require('./height.js');
+var padding_js = require('./padding.js');
 var semanticColors_js = require('./semantic-colors.js');
 var semanticTypography_js = require('./semantic-typography.js');
 var shadows_js = require('./shadows.js');
@@ -29,6 +31,8 @@ function _interopNamespaceDefault(e) {
 var borderRadius_js__namespace = /*#__PURE__*/_interopNamespaceDefault(borderRadius_js);
 var breakpoints_js__namespace = /*#__PURE__*/_interopNamespaceDefault(breakpoints_js);
 var colors_js__namespace = /*#__PURE__*/_interopNamespaceDefault(colors_js);
+var height_js__namespace = /*#__PURE__*/_interopNamespaceDefault(height_js);
+var padding_js__namespace = /*#__PURE__*/_interopNamespaceDefault(padding_js);
 var semanticColors_js__namespace = /*#__PURE__*/_interopNamespaceDefault(semanticColors_js);
 var semanticTypography_js__namespace = /*#__PURE__*/_interopNamespaceDefault(semanticTypography_js);
 var shadows_js__namespace = /*#__PURE__*/_interopNamespaceDefault(shadows_js);
@@ -40,6 +44,8 @@ var typography_js__namespace = /*#__PURE__*/_interopNamespaceDefault(typography_
 exports.borderRadius = borderRadius_js__namespace;
 exports.breakpoints = breakpoints_js__namespace;
 exports.colors = colors_js__namespace;
+exports.height = height_js__namespace;
+exports.padding = padding_js__namespace;
 exports.semanticColors = semanticColors_js__namespace;
 exports.semanticTypography = semanticTypography_js__namespace;
 exports.shadows = shadows_js__namespace;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/padding.css

@@ -0,0 +1,7 @@
+:root {  --neo-padding-datagrid-cell-vertical: 8px;
+  --neo-padding-card: 24px;
+  --neo-padding-button-horizontal: 16px;
+  --neo-padding-button-vertical: 8px;
+  --neo-padding-input-horizontal: 12px;
+  --neo-padding-input-vertical: 4px;
+  --neo-padding-text-containers: 20px;}

package/dist/padding.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Neo Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+export declare const datagridCellVertical: 8;
+
+export declare const card: 24;
+
+export declare const buttonHorizontal: 16;
+
+export declare const buttonVertical: 8;
+
+export declare const inputHorizontal: 12;
+
+export declare const inputVertical: 4;
+
+export declare const textContainers: 20;
+
+declare const _default: {
+datagridCellVertical: typeof datagridCellVertical,
+card: typeof card,
+buttonHorizontal: typeof buttonHorizontal,
+buttonVertical: typeof buttonVertical,
+inputHorizontal: typeof inputHorizontal,
+inputVertical: typeof inputVertical,
+textContainers: typeof textContainers,
+};
+
+export default _default;

package/dist/padding.js

@@ -0,0 +1,51 @@
+/**
+ * Neo Design System
+ * Generated from Figma design tokens
+ * @generated
+ */
+
+/**
+ * @type {number}
+ */
+export const datagridCellVertical = 8;
+
+/**
+ * @type {number}
+ */
+export const card = 24;
+
+/**
+ * @type {number}
+ */
+export const buttonHorizontal = 16;
+
+/**
+ * @type {number}
+ */
+export const buttonVertical = 8;
+
+/**
+ * @type {number}
+ */
+export const inputHorizontal = 12;
+
+/**
+ * @type {number}
+ */
+export const inputVertical = 4;
+
+/**
+ * @type {number}
+ */
+export const textContainers = 20;
+
+// Default export with all color groups
+export default {
+datagridCellVertical,
+card,
+buttonHorizontal,
+buttonVertical,
+inputHorizontal,
+inputVertical,
+textContainers,
+};

package/dist/semantic-colors.css

@@ -10,13 +10,13 @@
   --neo-icons-active: #2f42ff;
   --neo-surfaces-highlight-background: rgba(38, 55, 230, 0);
   --neo-surfaces-active-highlight: rgba(182, 191, 255, 0.4);
-  --neo-surfaces-table-header: #f9fafb;
-  --neo-surfaces-table-cell-selected: #f2f3ff;
-  --neo-surfaces-table-cell-selected-hover: #dce0ff;
-  --neo-surfaces-table-cell-hover: #f9fafb;
-  --neo-surfaces-table-cell-default: #ffffff;
-  --neo-surfaces-table-cell-disabled: #f3f4f6;
-  --neo-surfaces-table-background: #ffffff;
+  --neo-surfaces-data-grid-header: #f9fafb;
+  --neo-surfaces-data-grid-selected: #f2f3ff;
+  --neo-surfaces-data-grid-selected-hover: #dce0ff;
+  --neo-surfaces-data-grid-hover: #f9fafb;
+  --neo-surfaces-data-grid-default: #ffffff;
+  --neo-surfaces-data-grid-disabled: #f3f4f6;
+  --neo-surfaces-data-grid-background: #ffffff;
   --neo-surfaces-page: #f4f4f4;
   --neo-surfaces-card: #ffffff;
   --neo-surfaces-card-header: #f3f4f6;
@@ -129,5 +129,5 @@
   --neo-data-red2: #ed4134;
   --neo-data-red3: #cb3446;
   --neo-tab-secondary-background: #e5e7eb;
-  --neo-code-background: #e5e7eb;
+  --neo-code-background: #f3f4f6;
   --neo-brand: #2f42ff;}

package/dist/semantic-colors.d.ts

@@ -22,13 +22,13 @@ export declare const icons: Icons;
 export type Surfaces = {
 highlightBackground: 'rgba(38, 55, 230, 0)';
 activeHighlight: 'rgba(182, 191, 255, 0.4)';
-table: {
+dataGrid: {
 header: '#f9fafb';
-cellSelected: '#f2f3ff';
-cellSelectedHover: '#dce0ff';
-cellHover: '#f9fafb';
-cellDefault: '#ffffff';
-cellDisabled: '#f3f4f6';
+selected: '#f2f3ff';
+selectedHover: '#dce0ff';
+hover: '#f9fafb';
+default: '#ffffff';
+disabled: '#f3f4f6';
 background: '#ffffff';
 };
 page: '#f4f4f4';
@@ -224,7 +224,7 @@ secondaryBackground: '#e5e7eb';
 export declare const tab: Tab;
 
 export type Code = {
-background: '#e5e7eb';
+background: '#f3f4f6';
 };
 
 export declare const code: Code;

package/dist/semantic-colors.js

@@ -14,13 +14,13 @@
 export const icons = {"hoverBorder":"#dce0ff","pressedBackground":"#dce0ff","hover":"#1e2ec2","hoverBackground":"#f2f3ff","disabled":"#d1d5db","placeholder":"#9ca3af","pressed":"#131e7a","utility":"#9ca3af","default":"#1f2937","active":"#2f42ff"};
 
 /**
- * @typedef {{ highlightBackground: string, activeHighlight: string, table: object, page: string, card: string, cardHeader: string, tabActive: string, listHover: string, shadowNeutral: string, shadowPrimary: string, tooltip: string, scrim: string, tabSecondaryBackground: string, snackbarDarkMode: string, snackbarBrand: string, snackbarLightMode: string, white: string, black: string }} Surfaces
+ * @typedef {{ highlightBackground: string, activeHighlight: string, dataGrid: object, page: string, card: string, cardHeader: string, tabActive: string, listHover: string, shadowNeutral: string, shadowPrimary: string, tooltip: string, scrim: string, tabSecondaryBackground: string, snackbarDarkMode: string, snackbarBrand: string, snackbarLightMode: string, white: string, black: string }} Surfaces
  */
 
 /**
  * @type {Surfaces}
  */
-export const surfaces = {"highlightBackground":"rgba(38, 55, 230, 0)","activeHighlight":"rgba(182, 191, 255, 0.4)","table":{"header":"#f9fafb","cellSelected":"#f2f3ff","cellSelectedHover":"#dce0ff","cellHover":"#f9fafb","cellDefault":"#ffffff","cellDisabled":"#f3f4f6","background":"#ffffff"},"page":"#f4f4f4","card":"#ffffff","cardHeader":"#f3f4f6","tabActive":"#f3f4f6","listHover":"#f9fafb","shadowNeutral":"rgba(31, 41, 55, 0.1)","shadowPrimary":"rgba(47, 66, 255, 0.1)","tooltip":"#4b5563","scrim":"rgba(31, 41, 55, 0.2)","tabSecondaryBackground":"#e5e7eb","snackbarDarkMode":"#ffffff","snackbarBrand":"#131e7a","snackbarLightMode":"#4b5563","white":"#ffffff","black":"#000000"};
+export const surfaces = {"highlightBackground":"rgba(38, 55, 230, 0)","activeHighlight":"rgba(182, 191, 255, 0.4)","dataGrid":{"header":"#f9fafb","selected":"#f2f3ff","selectedHover":"#dce0ff","hover":"#f9fafb","default":"#ffffff","disabled":"#f3f4f6","background":"#ffffff"},"page":"#f4f4f4","card":"#ffffff","cardHeader":"#f3f4f6","tabActive":"#f3f4f6","listHover":"#f9fafb","shadowNeutral":"rgba(31, 41, 55, 0.1)","shadowPrimary":"rgba(47, 66, 255, 0.1)","tooltip":"#4b5563","scrim":"rgba(31, 41, 55, 0.2)","tabSecondaryBackground":"#e5e7eb","snackbarDarkMode":"#ffffff","snackbarBrand":"#131e7a","snackbarLightMode":"#4b5563","white":"#ffffff","black":"#000000"};
 
 /**
  * @typedef {{ searchInputBackground: string, linkDefault: string, linkHover: string, navigation: object, linkWhite: string, linkWhiteHover: string, input: object, code: object, button: object, tab: object, link: object, error: string, success: string, warning: string, tooltip: string, legal: string, bodySecondary: string, body: string }} Typography
@@ -101,7 +101,7 @@ export const tab = {"secondaryBackground":"#e5e7eb"};
 /**
  * @type {Code}
  */
-export const code = {"background":"#e5e7eb"};
+export const code = {"background":"#f3f4f6"};
 
 /**
  * @type {string}

package/dist/semantic-typography.css

@@ -16,7 +16,7 @@
   --neo-titles-section-header-semi-bold-line-height: 1.5rem;
   --neo-titles-code-header-line-height: 2rem;
   --neo-titles-code-header-font-family: JetBrains Mono NL;
-  --neo-titles-code-header-font-size: 21px;
+  --neo-titles-code-header-font-size: 24px;
   --neo-titles-code-header-font-weight: 400;
   --neo-titles-moddy-header-line-height: 120%;
   --neo-titles-moddy-header-font-family: Inter;
@@ -24,7 +24,7 @@
   --neo-titles-moddy-header-font-weight: 500;
   --neo-titles-page-header-line-height: 140%;
   --neo-titles-page-header-font-family: Inter;
-  --neo-titles-page-header-font-size: 21px;
+  --neo-titles-page-header-font-size: 24px;
   --neo-titles-page-header-font-weight: 400;
   --neo-body-regular-font-family: Inter;
   --neo-body-regular-font-size: 16px;

package/dist/semantic-typography.d.ts

@@ -34,7 +34,7 @@ lineHeight: '1.5rem';
 codeHeader: {
 lineHeight: '2rem';
 fontFamily: 'JetBrains Mono NL';
-fontSize: 21;
+fontSize: 24;
 fontWeight: 400;
 };
 moddyHeader: {
@@ -46,7 +46,7 @@ fontWeight: 500;
 pageHeader: {
 lineHeight: '140%';
 fontFamily: 'Inter';
-fontSize: 21;
+fontSize: 24;
 fontWeight: 400;
 };
 };

package/dist/semantic-typography.js

@@ -11,7 +11,7 @@
 /**
  * @type {Titles}
  */
-export const titles = {"pageSubheader":{"lineHeight":"1.5rem","fontFamily":"Inter","fontSize":18,"fontWeight":500},"sectionHeader":{"default":{"lineHeight":"1.5rem","fontFamily":"Inter","fontSize":16,"fontWeight":400},"medium":{"fontFamily":"Inter","fontSize":16,"fontWeight":500,"lineHeight":"1.5rem"},"semiBold":{"fontFamily":"Inter","fontSize":16,"fontWeight":600,"lineHeight":"1.5rem"}},"codeHeader":{"lineHeight":"2rem","fontFamily":"JetBrains Mono NL","fontSize":21,"fontWeight":400},"moddyHeader":{"lineHeight":"120%","fontFamily":"Inter","fontSize":28,"fontWeight":500},"pageHeader":{"lineHeight":"140%","fontFamily":"Inter","fontSize":21,"fontWeight":400}};
+export const titles = {"pageSubheader":{"lineHeight":"1.5rem","fontFamily":"Inter","fontSize":18,"fontWeight":500},"sectionHeader":{"default":{"lineHeight":"1.5rem","fontFamily":"Inter","fontSize":16,"fontWeight":400},"medium":{"fontFamily":"Inter","fontSize":16,"fontWeight":500,"lineHeight":"1.5rem"},"semiBold":{"fontFamily":"Inter","fontSize":16,"fontWeight":600,"lineHeight":"1.5rem"}},"codeHeader":{"lineHeight":"2rem","fontFamily":"JetBrains Mono NL","fontSize":24,"fontWeight":400},"moddyHeader":{"lineHeight":"120%","fontFamily":"Inter","fontSize":28,"fontWeight":500},"pageHeader":{"lineHeight":"140%","fontFamily":"Inter","fontSize":24,"fontWeight":400}};
 
 /**
  * @typedef {{ regular: object, small: object, xs: object, code: object, xxs: object, semiBold: object, medium: object }} Body

package/dist/typography.css

@@ -13,7 +13,7 @@
   --neo-font-size-default: 16px;
   --neo-font-size-h5: 18px;
   --neo-font-size-h4: 20px;
-  --neo-font-size-h3: 21px;
+  --neo-font-size-h3: 24px;
   --neo-font-size-h2: 24px;
   --neo-font-size-h1: 28px;
   --neo-text-decoration-underline: underline;

package/dist/typography.d.ts

@@ -27,7 +27,7 @@ sm: 14;
 default: 16;
 h5: 18;
 h4: 20;
-h3: 21;
+h3: 24;
 h2: 24;
 h1: 28;
 };

package/dist/typography.js

@@ -27,7 +27,7 @@ export const lineHeight = {
 /**
  * @type {FontSize}
  */
-export const fontSize = {"caption":13,"code":14,"xs":12,"h6":16,"xxs":10,"sm":14,"default":16,"h5":18,"h4":20,"h3":21,"h2":24,"h1":28};
+export const fontSize = {"caption":13,"code":14,"xs":12,"h6":16,"xxs":10,"sm":14,"default":16,"h5":18,"h4":20,"h3":24,"h2":24,"h1":28};
 
 /**
  * @typedef {{ underline: string }} TextDecoration

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moderneinc/neo-design",
-  "version": "4.1.2-next.f98de9",
+  "version": "5.0.0-next.03345c",
   "type": "module",
   "description": "Design primitives and tokens for Moderne applications",
   "main": "dist/index.js",